@media screen and (max-width:1170px) { 
	 #menuTop{ margin-bottom:0px; }
	#menu { clear:right; float:right; text-align:right; width:70%; width:calc(100% - 260px); margin-top:10px; }
	#menu li a{ line-height:36px; }
	.scroll a#logo {  height:90px; width:135px;}
	.header{ padding:150px 0 0 0; }
}

@media screen and (max-width:1100px) { 
	
}


@media screen and (max-width:960px) { 
	.indexContent2 h2{ width:96%; }

	.header h2{ width:100%; }

}

@media screen and (max-width:800px) { 
	div.cHolder.topHolder { position:relative; }
	
	a#logo, .scroll a#logo { float:none; margin:0 auto; height:90px; width:135px; }
	.langHolder{ position:absolute; top:10px; right:0px; }
	.langHolder a{ display:block; }
	#menuTop{ display:none; }
	#menuBottom{ display:block; }
	
	a.menuBtn{ display:block; }

    #menu ,  .scroll #menu { float:none; clear:both; display:none; margin:0px; padding:10px 0; text-align:center;  background:#fff; width:100%; }

    #menu li{ width:100%; display:block; margin:0px; height:auto; }
	#menu li ul{ display:none; }
	#menu li a.slide{ background:none; }
    #menu li a{ display:block;  margin:0px;  line-height:36px; height:auto;  padding:0 20px; border-bottom:2px solid #eeeeee;	 }
	
	.indexHead .cContainer{ padding:50px 0 0 0; height:450px; }
	
	.header{ padding:0px 0 0 0; }
	
}
@media screen and (max-width:768px) { 

}
@media screen and (max-width:760px) { 
	.indexHead .cContainer{ padding:50px 0 0 0; height:350px; }
	.indexLeft { width:96%; float:none; }
	.indexRight { float:none; width:96%; margin-top:0px; padding:20px 2%; }
	.indexRight:after { display:none;}
	
	.sliderHolder td{padding:0px 100px 0px 100px;  }
	.footerBox{ float:none; width:96%; }
	.footerBox h3{ padding-bottom:20px; margin:0px; }
	.footerBox p.fb3p{ padding-top:5px; }
}

@media screen and (max-width:680px) { 
	.sliderHolder td{ padding:50px 80px 0px 80px; }
	.sliderHolder h2{ font-size:50px; }
	.sliderHolder p{ font-size:16px; }
	
	.sliderLeft, .sliderRight{ width:25px; height:50px; background-size:contain; }


	
	.widget_social{ display:none;}
     #contentRight{ width:100%; padding:20px 2%; float:none; margin-top:0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; }
	 #contentLeft{  width:96%; padding:20px 2%; float:none; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px;}
	 .submenu li ul{ 
		position:relative; top:auto; left:auto; margin:0 0 0 0; padding:0 2% 0 4%; width:94%; visibility:visible; opacity:1; background:none; 
	 }
	 .submenu li li a{  border-bottom:1px dashed #cccccc!important; }
	 .submenu li.slide:after{ display:none; }
	 
	 .submenu, .scroll2 .submenu  { top:auto; position:relative; }

	
	
	#contactbox{ margin-bottom:0px; }
	#mapCanvas{ height:400px; }
	.ptyp5 table td { display:block; margin:20px 0 30px 0!important; width:100%; }
	
	
	div.input_holder {
		clear:both;
		float:left!important;
		width:100%!important;
		padding:0px 0 0px 0!important;
		margin:0 0 20px 0!important;
	} 
	div#contactbox  select{
		background:#fff url(../images/arow_down.png) 92% 50% no-repeat;
	}
	
	table.contactGeneral td {width:98%; display:block; padding:10px 1%;}
	table.contacter td { width:auto; padding:5px 1px; }
	
}


@media screen and (max-width:640px) { 


}


@media screen and (max-width:560px) { 
	.indexHead h1{ font-size:56px; }
	.indexHead a.more{ padding:0 15px; }
	.indexHead .cContainer{ padding:50px 0 0 0; height:250px; }
	
}
@media screen and (max-width:480px) { 

	.sliderHolder td{ padding:40px 60px 0px 60px; }
	.sliderHolder h2{ font-size:50px; }
	.sliderHolder p{ font-size:14px; }
	
	


	

	


}
@media screen and (max-width:390px) { 
	.gallery_list .image_holder{ width:90%; margin:10px 5%; }
	

}