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

 

#logo{ margin-left:40px; height:50px !important;}
#main-nav {width: 100% !important;}
#body .header div#bannerr { width:92% !important;}
#body .body .section { width:92% !important;}
#body .footer { width:92% !important;}
#main-nav a {padding: 44px 18px 47px;}


#body .footer div.aur { width:18% !important;}




.altmenn{ display:none !important;}


#body .content #section{ width:60% !important;	}
#body .content #sidebar { width:27% !important;}


	#body .content #askilar .awards a { width:44% !important}
	#body .content #askilar .awards a img{ width:auto !important; max-height:138px !important; height:138px !important; margin:0px auto; float:none;}

.referanslari{}
ul.is li a{ width:31.7% !important;}

#body .content #blog{ width:60% !important; padding:5% !important;}



#image{ width:100% !important; margin-bottom:10px !important;}
#image img{ height:400px !important; width:auto !important;}	
.kucuk-kutu{ position:relative; float:right; width:100%;}
.kucres{ float:left; width: auto !important; height:80px !important;}	
.kucres img{ height:80px; width:auto;}

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


	
#body .content #blog{ width:55% !important; padding:5% !important;}	

#body .content #section{ width:50% !important;	}		
	

.altmenn{ display:none !important;}

	
	
	

#menu-ana-menu{ position:absolute; background-color:#1d467f !important; top:116px; right:0px; width:270px; display:none;}
#main-nav li { width:100% !important;}
#main-nav li.dillerr{ width:46% !important; float:left !important;}
a.dil{ border-top-color:#224e8e !important;}
#main-nav a {padding: 17px 18px 24px;  border-top:solid 1px #224e8e;border-bottom:none; color:#fff;}
#main-nav a:after {color: #5b82bc !important;}
#main-nav a:hover{ border-top-color:#224e8e !important; border-bottom-color:#224e8e !important;}
#main-nav ul ul { top:50px !important; display:none !important;} 
#fwslider .slidePrev { display:none !important;}
#fwslider .slideNext { display:none !important;}

#body .footer div.aur { width:23% !important;}



.mobilmenu{ display:block; position:absolute; right:10px; top:10px; cursor:pointer}


#body .body .section .article { width:60% !important;}
.sagur a img{ right:0px !important; width:99%;}


	#body .content #askilar .awards a { width:85% !important}
	#body .content #askilar .awards a img{ width:auto !important; max-height:138px !important; height:auto !important;}
	
	.referanslari{ width:99% !important;}
	ul.is li a{ width:46.5% !important;}


.katalog{ width:97% !important;}
.detk{  max-width:100% !important; text-align:left  !important; padding-top:20px !important;}
.detk img{ float:left !important; max-width:35px !important; margin-top:-15px !important; margin-right:5px !important;}

.detayres{ width:97%; float:none;}
.detayyazi{ width:97%;}

}



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

	
	
#body .content #blog{ width:90% !important; padding:5% !important;}	

#body .content #section{ width:90% !important; padding:10px !important;	}
#body .content #sidebar { width:95%  !important;}
body .content { background:none !important;}
#body .content #sidebar .awards a { float:left;}
#body .content #sidebar div h3 { text-align:left; font-weight:22px !important;}
#sidebar .testimonials ul li > a { text-align:left !important; float:left !important; font-size:16px !important;}
#sidebar .testimonials ul li {float:left !important; padding-right:10px !important; margin-right:2px !important;}	

#body .content #sidebar .testimonials ul li { border:solid 1px #dfdddd !important; padding:5px; margin-right:5px; margin-bottom:2px;}

#body .footer div.aur { width:31% !important;}	

#body .body .section .article { width:100% !important; min-height:100% !important; }
#body .body .section .aside { width:100% !important; }
.bgp{ /*min-height:100%;*/ padding-top:15px !important; background:none !important; padding-left:0px !important; margin-left:0px !important;}
.sagur a img{ left:0px !important; width:auto; height:139px; margin:0px auto !important; float:left !important;}



#body .body .section { padding-bottom:35px !important;}


.altmenn{ display:none !important;}

#fwslider {
	 margin-top: 0px;
  /*  display: none;50px
    line-height: 0;*/
	}

#body .content #section > p { text-align:justify !important;}
#body .content #sidebar .testimonials { padding-left:9% !important;}

	#body .content #askilar .awards a { width:85% !important}
	#body .content #askilar .awards a img{ width:100% !important; max-height:100% !important; height:auto !important;}
	ul.is li a{ width:46% !important;}
	
.katalog{ width:97% !important;}
.detk{  max-width:100% !important; text-align:left  !important; padding-top:20px !important;}
.detk img{ float:left !important; max-width:35px !important; margin-top:-15px !important; margin-right:5px !important;}


.detayres{ width:97%; float:none;}
.detayyazi{ width:97%;}
}

@media only screen and (max-width:600px) {
	
	#body .content #askilar .awards a { width:85% !important}
	#body .content #askilar .awards a img{ width:100% !important; max-height:100% !important; height:auto !important;}
	
#body .footer div.aur { width:95% !important; max-height:100% !important;}
#body .footer div.aur a{max-height:100% !important; height:auto; width:100% !important; overflow:hidden !important;}	
#body .footer div.aur img{ width:100% !important;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}	

#body .content #section > p { text-align:justify !important;}


.boy-4{ width:100% !important;}
.sagfot{ width:100% !important; padding-top:15px !important;}

ul.is li a{ width:94% !important;}

#body .content #blog{ width:93% !important; padding:4% !important;}
#body .content #sidebar .testimonials ul li { width:92% !important;}


/**detay**/
.detayres{ width:97%; float:none;}
.detayyazi{ width:97%;}
.detayyazi p{ }
.katalog{ width:97% !important;}
.detk{  max-width:100% !important; text-align:left  !important; padding-top:20px !important;}
.detk img{ float:left !important; max-width:35px !important; margin-top:-15px !important; margin-right:5px !important;}


#image img{ height:auto !important; width:100% !important;}	
.kucres{ max-width:45% !important; margin:0px !important; padding:0px !important; min-width:45% !important; margin-right:4px !important; margin-left:4px !important; margin-bottom:4px !important; }	
.kucres img{ max-width:100% !important; min-width:100% !important; }

}



@media only screen and (max-width:410px) {
#fwslider {
	height:150px !important;
	 margin-top: 0px;
  /*  display: none;50px
    line-height: 0;*/
	}
	
}

@media only screen and (max-width:310px) {
#fwslider {
	height:130px !important;
	 margin-top: 0px;
  /*  display: none;50px
    line-height: 0;*/
	}
	
}