@media (max-width: 992px ) {
	.backClass {
		margin-left: 15px;
		
		
	}
	.navbar-dark .navbar-toggler {
		margin-top: -80px;
		margin-right: -22px;
	}
	body{
		max-width: 768px;
	}
	.col-lg-3{
		margin-left: -42px;
	}
	#mainMenu{
	    margin-left: 0px;
	}
	.nav-item {
		margin-top: 0;
		text-align: center;
	}
	
	.mainContainerFluid{
		margin-top: -40px;
	}
	.babel{
		margin: 0;
		width: 768px;
		background: url(../img/virag.png);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: -5rem 30rem;
		background-color: #282828;		
	}
	
	#topLogo{	
		height: 60px;
		padding-top: 10px;
	}
	
	#pageName {
		font-family: OldStyle;
		font-size: 45px; 
		height: 40px;
		margin-left: 20px;
		z-index: 9999999999999;
	}
	
	#headOfficesRow{
		margin-top: 0px;
		margin-left: -40px;
	}
	.headOffice-body{
		margin-left: 37px;
		margin-top: 20px;
		
	}
	.headOffice-title{
		font-family: Montserrat-Bold;
		font-size: 16px;
		text-transform: uppercase;
		margin-left: 0;
		line-height: 23px;	
		border-left: 3px solid #999999;
		padding-left: 3px;
		padding-bottom: 20px;
	}
	.headOffice-titleText1{
		color: #E51088;
	}
	.headOffice-titleText2{
		color: #F79421;
	}
	.headOffice-titleText3{
		color: #00A59B;
	}
	.headOffice-titleText4{
		color: #DC412F;
	}
	.headOffice-titleText5{
		color: #28A4DD;
	}
	.headOffice-titleText1::after{
		content: "\A";
		white-space: pre;
	}
	.headOffice-titleText6::before{
		content: "\A";
		white-space: pre;
	}
	.headOffice-img{
		height: 220px;
		width: 158px;
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
	}
	.headOffice-img:hover{
		filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		/*transform: scale(1.1);
			-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);*/
	}
	.headofficesLink:hover{
		color: #00e8f2 !important;
		text-decoration: none;	
	}
	.headofficesLink :visited{
		color: #fff !important;
	}
	.headofficesLink{
		color: #fff !important;
		text-decoration: none;	
	}
	/******************************************/
	/****************************INDEX***************************************************/
	
	#mainFlower{	
		height: 100%;
		
	}
	#mainText1 {
		font-family: OldStyle;
		font-size: 76pt;
		height: 60px;
		margin-left: 46px;
		margin-top: 20px;
	}
	.mainPageSection{
		margin-left: 46px;	
	}
	
	.mainPageSection1{
		margin-top: 120px;
	}
	.mainPageSection2{
		margin-top: 60px;
	}
	.mainPageSection3{
		margin-top: 80px;
	}
	.mainPageSection2 > div {
		padding-bottom: 40px;	
	}
	
	.mainPageSection > div {
		padding-left: 5px;
		border-left: 3px solid #00a59b;
		padding-bottom: 20px;	
		margin-right: 56px;		
	}
	.mainPageMenuElement{
		font-family: Montserrat-Bold;
		font-size: 19pt;
		text-transform: uppercase;
		margin-left: 0;
		line-height: 23px;
		
	}
	
	.pageMenuElement1{
		color: #999999;
	}
	.mainMenuElement{
		font-family: Montserrat-SemiBold;
		font-size: 14px;
		text-transform: uppercase;
		margin-left: 0;
	}
	.menuElement1::after{
		content: "\A";
		white-space: normal;
	}
	.menuElement1{
		color: #999999;
		position: relative;
		bottom: 0px;
	}
	
	/********************************************************************************/
	/*---**********************milestone*************************/
	.milestonePlace{
		font-family: Montserrat-Medium;
		font-size: 9pt;
		color: #28a4dd;
		
	}
	
	
	.milestoneType_a42f7f59-cd82-11e9-9dc6-da1236{
		background-color:#f79421;
		color: #fff;
		text-transform: uppercase;
	}
	.milestoneType_a42f7984-cd82-11e9-9dc6-da1236{
		background-color:#00a59b;
		color: #fff;
		text-transform: uppercase;
	}
	.milestoneType_a42f722d-cd82-11e9-9dc6-da1236{
		background-color:#E51088;
		color: #fff;
		text-transform: uppercase;
	}
	.milestoneType_7b129a52-cd8c-11e9-9dc6-da1236{
		background-color:#6d3ecd;
		color: #fff;
		text-transform: uppercase;
	}
	.milestoneType_75d80980-cd8c-11e9-9dc6-da1236{
		background-color:#00a59b;
		color: #fff;
		text-transform: uppercase;
	} 
	
	.milestoneTypeSpan{
		padding: 2px;
		font-size: 9pt;
		font-family: Montserrat-Bold;
		text-transform: uppercase;
	}
	.milestoneName{
		font-family: Montserrat-SemiBold;
		font-size: 24pt;
	}
	.milestoneDate{
		font-family: Montserrat-SemiBold;
		font-size: 12pt;
		color: #ccc;
		margin-top: 20px;
		margin-bottom: -15px;
	}
	
	#milestoneRow{
		margin-top: -20px;
		margin-left: -5px;	
	}
	.milestoneYear{
		border-left: 2px solid #00a59b;
		padding-bottom: 22px;
		font-size: 	16pt;
		font-family: Montserrat-Bold;
		line-height: 15px;
		padding-left: 5px;
		margin-left: 15px;
		margin-top:  40px;
	}
	
	
	/************************************************************/
	/***************************festivals & events**********************************/
	.FENameClass{
		font-size: 12pt;
		font-family: Montserrat-Bold;
	}
	
	.FETextClass{
		font-family: Montserrat-Medium;
		font-size: 12pt;
		color: #28a4dd;
		display: block;
	}
	.FECard{
		background-color: transparent !important;
		border: 0;
		margin-top: 30px;
		max-width: 100% !important;
		
		margin-left: 15px;
		
	}
	.FECardImg{
		height: 180px;
		width: 247px;
	}
	.FEClass1{
		margin-top: 40px;
		margin-left: 38px;	
		border-left: 2px solid #00e8f2;
		padding-left: 10px;
		padding-bottom: 22px;
		text-transform: uppercase;
		font-family: Montserrat-Bold;
		font-size: 16pt;
		line-height: 17px;
	}
	.FEClass{
		padding:0;
	}
	.FEClass2{
		margin-top: 0px;
		margin-left: 50px;	
	}
	.FECardBody{
		padding: 0 !important;
		padding-top: 13pt !important;
		line-height: 20px;
	}
	
	/******************************************************/
	
	.babelNews-body{		
		margin-top: 35px !important;
		max-width: 109px !important;		
		float: left;
		
		
		
		
	}
	.babelNews-title{
		font-family: Montserrat-Bold;
		font-size: 17px;
		text-transform: uppercase;
		color: #fff;
		line-height: 21px;	
		border-left: 2px solid #E51088;
		padding-left: 3px;
		padding-bottom: 40px;
		padding-top: 0;
		padding-right: 0;
		border-radius: 0 !important;
	}
	
	.babelNews-title:hover{
		color: #fff;
	}
	#babelNews-body1 > a::after{
		display: none;
	}
	/* .newsTitleClass1{ */
	/* margin-left: -70px;	 */
	/* } */
	/* .newsTitleClass2{ */
	/* margin-left: -98px;	 */
	/* } */
	/* .newsTitleClass3{ */
	/* margin-left: -155px; */
	/* width: 65%; */
	/* } */
	#babelNews-body1{
		margin-left: 25px;
		margin-right: 20px !important;
	}
	#babelNews-body2{
		/*  margin-left: -70px;*/
		margin-right: 20px !important;
	}
	#babelNews-body3{
		/*	margin-left: -138px;*/
		margin-right: 20px !important;
	}
	#babelNews-body4{
		/*	margin-left: -222px;*/
		margin-right: 0;
	}
	
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
		background-color: #282828;
	}
	.babelNews-dropdown{
		background-color: #E51088;
		margin-top: -2px;
	}
	
	.babelNews-dropdown-text1{
		font-family: BarlowCondensed-Medium;
		font-size: 11pt;
	}
	.babelNews-dropdown-text2{
		font-family: BarlowCondensed-SemiBold;
		font-size: 13pt;
		color: #fff;
	}
	.babelNews-dropdown-text1::after {
		content: "\A";
		white-space: pre;
		
	}
	.babelNews-dropdown-item{
		padding-top: 0;
		padding-bottom: 0;
		
	}
	.babelNews-dropdown-item:hover{
		background-color:#adb5bd;
	}
	/*
		.slideText{
		width: 53.2%;
		height: 100%;
		background: #00a59b;
		position: absolute;
		padding: 100px 70px;
		right: 0;
		}
		.slideTitle{
		font-size: 25px;
		font-family: Montserrat-Bold;
		color: #fff;
		line-height: 35px;
		text-transform: uppercase;
		}
		.slideTitle::after{
		content: "\A";
		white-space: pre;
		}	
		.slideLead{
		font-size: 14pt;
		font-family: Montserrat-Medium;
		color: #000;
	}*/
	
	.slideText {
		width: 100%;
		height: 50%;
		background: #00a59b;
		position: relative;
		padding: 100px 20px;
		bottom: -340px;
		
	}
	
	
	.slideTitle {
		font-size: 20px;
		font-family: Montserrat-Bold;
		color: #fff;
		line-height: 25px;
		text-transform: uppercase;
	}
	
	
	.slideLead {
		font-size: 14px;
		font-family: Montserrat-Medium;
		color: #000;
	}
	.sliderImg{
		width: 100% !important;
		position: relative;
		top: -245px;
		height: 50%;
		
	}
	.carousel-item{
		height: 600px;
	}
	
	/******************************************/
	/*******************news***********************/
	
	#newsImgId{
		margin-left: 10px;
		margin-top: 20px;
	}
	#newsTitle{
		margin-left: 40px;
		margin-top: 20px;
		font-family: Montserrat-Bold;
		font-size: 24px;
		color: #E51088;
	}
	#newsBody{
		margin-left: 25px;
		margin-top: -4px;
		font-family: Montserrat-Medium;
		font-size: 14px;
		max-width: 730px;
		text-align: justify;
	}
	/******************************************/
	/*******************ArtsEvents***********************/
	#babelArtsEvents{
		margin-left: 20px;
	}
	.babelArtsEventsDiv{
		background: url(../img/babelArtsEvents/Asset11.png);
		background-repeat: no-repeat;
		background-size: cover;
		height: 92vh;
		width: 1200px;
		margin-left: -15px;
		top: 65px;
		position: absolute;	
	}
	.babelArtsEvents-body{		
		margin-top: 20px !important;				
		float: left;
		z-index: 99999999999;
		margin-left: 20px;
		
		
	}
	.babelArtsEvents-body:hover{
		color: #00a59b !important;
	}
	.babelArtsEvents-title{
		font-family: Montserrat-Bold;
		font-size: 17px;
		text-transform: uppercase;
		color: #fff;
		line-height: 21px;	
		border-left: 2px solid #00a59b;
		padding-left: 3px;
		padding-bottom: 20px;
		padding-top: 0;
		padding-right: 0;
		border-radius: 0 !important;
		
		
	}
	.babelArtsEventsText1{
		color: #999;
	}
	.babelArtsEventsText1::after,.babelArtsEventsText11::after{
		content: "\A";
		white-space: pre;
	}
	.babelArtsEvents-title:hover{
		color: #00a59b !important;
	}
	#babelArtsEvents-body1 > a::after{
		display: none;
	}
	#babelArtsEvents-body1{
		margin-left: -10px;
	}
	#babelArtsEvents-body2{
		
	}
	#babelArtsEvents-body3{
		
	}
	#babelArtsEvents-body4{
		
	}
	#babelArtsEvents-body5{
		
	}
	#babelArtsEvents-body6{
		
	}
	#babelArtsEvents-title1,#babelArtsEvents-title5{
		padding-bottom: 40px;
	}
	
	.babelArtsEvents-title::after{
		display: none;
	}
	.babelArtsEvents-dropdown{
		background-color: #000;
		margin-top: -2px;
	}
	#babelArtsEvents-body3 > a{
		background:rgba(0,0,0,0) !important;
	}
	
	
	.babelArtsEvents-dropdown-item{
		font-family: BarlowCondensed-SemiBold;
		color: #fff;
		font-size: 14pt;
		padding-bottom: 0;
		padding-top: 0;
		
	}
	.babelArtsEvents-dropdown-item.disabled{
		color: #ccc;		
		text-transform: uppercase;
	}
	/******************************************/
	/***************************ARTIST**********************************/
	.artistTech{
		border-left: 2px solid #00a59b;
		/*padding-bottom: 35px;*/
		font-size: 	16pt;
		font-family: Montserrat-Bold;
		line-height: 15px;
		padding-left: 5px;
		margin-left: 15px;		
		text-transform: uppercase;
		margin-top: 40px;
		padding-bottom: 35px;
	}
	.artistVideoListElement{
		margin: 20px 0; 
	}
	.mp3Icon{
		display: block;
	}
	
	.mp3IconElement{
		max-height: 15px;
		margin-right: 45px;
		margin-top: 20px;
	}
	.artistMp3{
		border-left: 2px solid #00a59b;
		/*padding-bottom: 35px;*/
		font-size: 	16pt;
		font-family: Montserrat-Bold;
		line-height: 15px;
		padding-left: 5px;
		margin-left: 15px;		
		text-transform: uppercase;
		margin-top: 40px;
	}
	.videoIcon{
		display: block;
	}
	
	.videoIconElement{
		max-height: 15px;
		margin-right: 45px;
		margin-top: 20px;
	}
	.artistVideo{
		border-left: 2px solid #00a59b;
		/*padding-bottom: 35px;*/
		font-size: 	16pt;
		font-family: Montserrat-Bold;
		line-height: 15px;
		padding-left: 5px;
		margin-left: 15px;		
		text-transform: uppercase;
	}
	.bandDescription{
		font-family: Montserrat-Medium;
		font-size: 16px;
		margin: 10px 0;
		text-align: justify; 
	}
	.galleryItems{
		width:100px;
		height: 100px;
		padding-left:0px;
		padding-bottom:20px;
	}
	.artistMainImg{
		/*	width: 316px;
		height: 252px;*/
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 20px;
		display: block;
	}
	#artistTechRow{
		margin-top: 5px;
	}
	.pictures{
		margin-top: 20px;
		
	}
	#artistRow{
		margin-top: 40px;
		text-align: center;
		
	}
	.artistName{
		font-size: 24pt;
		font-family: Montserrat-Bold;
	}
	
	.artistCountryCode{
		font-family: Montserrat-Bold;
		font-size: 16pt;
		text-transform: uppercase;
		color: #6d3ecd;
		display: block;
	}
	.bandCard{
		background-color: transparent !important;
		border: 0;
		margin-top: 30px;
		max-width: 100% !important;
		
	}	
	.bandCardImg{
		height: 153px;
		width: 200px;
	}
	
	#bandsRow{
		margin-top: 20px;
		margin-left: 0px;	
	}
	.bandName{
		font-size: 14pt;
		font-family: Montserrat-Bold;
		
	}
	.bandCountryCode{
		font-family: Montserrat-Bold;
		font-size: 14pt;
		text-transform: uppercase;
		color: #6d3ecd;
		display: block;
	}
	
	
	.bandCardBody{
		padding: 0 !important;
		padding-top: 13pt !important;
		word-break: break-word;
		width: 247px;
	}
	.AIF_bandCard{
		background-color: transparent !important;
		border: 0;
		margin-top: 85px;		
		margin-bottom: 40px;
		max-width: 100% !important;
	}	
	.AIFImg{
		height: 360px;
	}
	.bandCardImg{
		height: 180px;
		width: 247px;
	}
	.bandCardImg2{
		height: 180px;
		width: 247px;
	}
	span.AIF_bandName {
		position: absolute;
		bottom: 0px;
		width: 247px;
		right: 15px;
		background: rgba(0,0,0,0.9);
		padding: 10px 30px;
		font-size: 15px;
		text-align: right;
	}
	span.AIF_title {
		position: absolute;
		top: -47px;
		width: 247px;
		right: 15px;
		background: rgba(0,0,0,0.9);
		padding: 10px 30px;
		font-size: 18px;
		text-align: left;
	}
	
	/*******************************************************************/
	/*******************babelcraft******************/
	.babelCraftDiv{
		background: #f79421;
		background-size: auto;
		height: 300px;
		width: 768px;
		margin-left: -15px;
		position: absolute;
		top: 65px;
	}
	
	.babelCraft-body{		
		margin-top: 130px !important;			
		float: left;
		z-index: 99999999999;
		margin-left: 20px;
		
		
	}
	.babelCraft-title{
		font-family: Montserrat-Bold;
		font-size: 17px;
		text-transform: uppercase;
		color: #fff;
		line-height: 21px;	
		border-left: 2px solid #f79421;
		padding-left: 3px;
		padding-bottom: 20px;
		padding-top: 0;
		padding-right: 0;
		border-radius: 0 !important;		
	}
	.babelCraftText1{
		color: #999999;	
	}
	.babelCraftText1::after{
		content: "\A";
		white-space: pre;
	}
	.babelCraft-title:hover,.babelCraft-body:hover{
		color: #f79421 !important;
	}
	.babelCraftDiv2{
		position: absolute;
		width: 600px;
		height: 220px;
		top: 195px;
		right: 90px;
		
	}
	.craftImg{
		width:240px;
		height: 240px;
		float:left;
	}
	
	#craftLogo{
		height: 140px;
		position: absolute;
		top: 40px;
		left: 76px;	
	}
	#babelCraft{
		margin-top: -130px;
	}
	#craftId{
		background: #f79421;
	}
	.babelCraftDivNew{
		margin-top: 180px;
		padding: 10px 0;
		text-align: justify;	
	}

/******************************************/
}