@media only screen and  (max-width: 1212px) {    
  /* section{width: 100%;}  
   section > header > .logo{;margin-left: 3%;}*/
   .bx-wrapper .bx-viewport {	border: none!important;}
   .hakkimizda-backgorund,.urunler-backgorund,.hizmetler-backgorund{display: none;}
   body{overflow-x: auto !important;}
}



@media only screen and  (max-width: 1020px) {  
   /* section > header  > nav{position: absolute;z-index: 99999;background-color: #747474;top: 9px;height: 100%;width: 165px;    padding: 0px;}
   section > header  > nav > #close{display: block;}
   section > header  > nav ul {margin-top: 19px;}
    section > header  > nav ul li:first-child{border:none;}
    section > header > nav > ul > li:last-child{float: none;margin:none;}
    section > header  > nav ul li{float: none;text-decoration: none;border-right: medium none;border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 0px 0px;}
    section > header  > nav ul li:hover{background-color: #fff;}
    section > header > .logo{  float: right;margin-right: 2% ;}
    section > header  > nav > ul > li > .active{color:#fff;background: none;border-radius: 5px;}
    section > header  > nav > ul > li > a{color:#fff;width: 100%;display: block;    font-size: 13px;display: block}
    section > header  > nav > ul > li > .active,section > header  > nav > ul > li > a:hover{border-bottom: none}
    
        */
}

@media only screen and  (max-width: 820px) { 
/*footer .footer-header .contact-footer {width: 100%;text-align: center;}
footer .footer-header .contact-footer ul{width: 230px;margin: 0 auto;}
footer .footer-header .footer-menu{display: none;}*/
}
@media only screen and  (max-width: 600px) { 
/*.header-top > section > nav ul li:last-child:last-child{display: none;}
#caption{display: none;}*/
}