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


#body {
    min-height: inherit!important;
}	
#mainyasla {margin-top:auto!important;}

.in-slide-content {
   width: 100%!important;
}

.in-slide-content span {
  
    left: 0px;
    top: 100px;
    font-size: 20px;
    width: 100%!important; 
    text-align: center!important;
    padding:5px;
     line-height: 20px!important;
  
}
.in-slide-content span p {
    font-size: 15px;
}

.mainimg { display: none!important}

#top { height:80px; width:100%; background-image:none!important; background-color: #e8b70e }
#top .topcontent {  width:100%!important  }
#top .topcontent .logo_img { display: none!important; }
#top .topcontent .followus { float:right; margin-left: 0px; margin-right: 0px; }
#top .topcontent .followus ul { margin-right: 5px;}
#top .topcontent .followus ul li a.facebook { background: url(../../images/facebook_black.png) 0 0 no-repeat; }
#top .topcontent .followus ul li a.twitter { background: url(../../images/twitter_black.png) 0 0 no-repeat; }

#top .topcontent .phone { display: none!important; float: right; margin-right: 10px;  width: 130px;}
#top .topcontent .logo_new { float:left;  width:200px; height:62px; clear: right; margin-left: 10px; clear: none!important; }
#top .topcontent .logo_new img { width: 200px!important; height:auto!important;position: relative;z-index:11; }
#top .topcontent .menu { display:none!important;}
.mobilemenu {display:block!important; clear: right;  }

#footer .footercontent { width:95%!important; margin:auto;  }
#footer .telif { font-size: 11px;  }

.donotshowonmobile { display: none!important}
.showonlymobile { display:block!important;}

#page { width:95%!important; margin:auto; }
#page .pageinner {width: 100%!important;}
#page .pageinner .pagecontent {   height: auto!important; padding:10px 5px 10px 5px; }


.mobilecontent .mainimg img { width: 100%!important; height: auto!important;}
.productthumbs { width: 100%!important}
.productthumbs img { width: 100%!important; height: auto!important}

.timg { width: 100%!important; height:auto!important;}
#rightcontent{  width:100%1important; padding:0px!important;}
#rightcontent { width: 100%!important; padding-left:0px!important;}
#rightcontent iframe  { width:100%!important; height:auto!important;}
#leftnav { width:100%!important;}

#categorycontainer { clear:both; padding:0px!important; }
#categorycontainer ul { margin:0px; padding:0px}
#categorycontainer ul li {  float:none!important; margin: 0px 0px 10px 0px!important; width: 95%!important}
#categorycontainer ul li .img { width: 100%!important; height: auto!important}
#categorycontainer ul li .img  img { width: 100%!important; height: auto!important;display: block}
#categorycontainer ul li .title { width:100%!important;}

#productcontainer { clear:both; padding:0px!important; }
#productcontainer ul { margin:0px; padding:0px}
#productcontainer ul li {   margin: 0px 0px 10px 0px!important; width: 95%!important}
#productcontainer ul li .img { width: 95%!important; height: auto!important}
#productcontainer ul li .img  img { width: 100%!important; height: auto!important;display: block}
#productcontainer ul li .title { width:100%!important; text-align: center; float: none!important;}
#productcontainer ul li .code { width:100%!important; text-align: center; float: none!important;}


.urundetayimg {  width:98%!important; height:auto!important}
.urundetayimg img {  width:98%!important; height:auto!important}
.urundetayaciklama { width:100%!important;  margin-left:0px!important;}
/*.productthumbs { margin:0px!important; width: 100%!important; margin-left: 5px!important}
.productthumbs li { margin:0px 10px 5px 0px; width: 45%!important;float: left; }
.productthumbs li .img {width:100%!important; height:auto!important; }
.productthumbs li .img img {width:100%!important; height:auto!important; display: block;}
*/

#picturecontainer { clear:both; margin-top: 20px }
#picturecontainer ul { margin:0px; padding:0px}
#picturecontainer ul li { list-style:none; float:left; margin:0px 5px 10px 5px; border:1px solid #CCCCCC; padding:2px!important; width: 42%!important}
#picturecontainer ul li .img {  overflow:hidden; width: 100%!important; height: auto!important; }
#picturecontainer.kurumsal ul li .img { min-height: 230px}
#picturecontainer ul li .img img { width: 100%!important; height: auto!important; display: block; }

#urundetay { padding:0px; width: 100%;}



#haberlistesi li .habericerik .title { line-height:20px!important; height:40px!important; overflow:hidden!important; text-align:left!important;}
#haberlistesi li .habericerik div.haberaciklama {   line-height:20px!important; height:60px!important; overflow:hidden!important; text-align:left!important; }




.contactleft {   width: 100%!important; }
.contactleft .mapcontainer { clear:both; }
.contactright { margin-left:0px!important; width:100%!important;}
.contactright .contactform input, .contactright .contactform textarea {   width: 98%!important;  }
.contactright .contactform p  { width: 100%!important}
#map-canvas { width:98%!important;}
#map-canvas1 { width:98%!important;}


#statictbl td:first-child { width: 35%!important}
.sform input, .sform textarea, .sform select { width: 95%!important;}
.sform input[type="radio"] { width: 15px!important;}
.sform select { height: 29px;}
.sform input.small,.sform select.small  {width: 48%!important;}
#statictbl td:first-child  input.small { width: 100%!important}
.sform input:hover, textarea:hover,  input:focus, textarea:focus {border: 1px solid #999999; }
.sform p input {width:100%!important; margin-bottom: 3px;  }



}