@media only screen and (max-width:570px) {
    img{max-width:100%!important;height:auto!important}
    .section{padding:30px 0 30px 0}
    .header .logo{width:120px;height:70px;margin-bottom:10px}
   .solution .solution-title{margin-top:20px;text-align:center;}
    .solution .solution-title .dalga{margin:0 auto;display:table;margin-top:20px}
    .why-box{height:auto;margin-bottom:20px;min-height:inherit}
    .search .search-content{width:95%;    padding-top: 50%;}
    #katacilir{display:block;}
    .search .search-content input{font-size:20px}
    .main-bottom .main-bottom-text{font-size:38px}
    .icerik-title .mavi-ekran h1{font-size:30px;}
    .urun{margin: 15px 0 0 0;}
    .products .dropdown-toggle{width:95%;}
    .products .dropdown{width:95%}
    .products .dropdown-menu{width:100%;overflow-x:hidden;}
    .dropdown-menu li a{font-size:16px;}

    .icerik table td{padding:3px;font-size:11px;font-weight:400;}
    .urundetay h1{font-size:25px}

    .uyelik{width:100%;height:auto;margin:0 auto;margin-top:30px;padding:20px;background:#f8f8f8}
    .uyelik .cc{margin-bottom:10px;line-height:20px;}
    .uyelik .input{height:50px;width:100%;}
    .uyelik span{position:absolute;right:2%;top:0}
    .uyelik .btnGonder{width:100%;}

    .security{width:50%;}
    .cresim{width:45%}
}



@media only screen and (min-width:571px) and (max-width:767px) {
     .header .logo{width:120px;height:70px;margin-bottom:10px}
    .solution .solution-title{margin-top:20px;text-align:center;}
    .solution .solution-title .dalga{margin:0 auto;display:table;margin-top:20px}
    .why-box{height:auto;margin-bottom:20px;min-height:inherit}
    .section{padding:30px 0 30px 0}
    .search .search-content{width:95%;padding-top: 50%;}
    #katacilir{display:block;}
}



@media only screen and (min-width:768px) and (max-width:991px) {
   .header .logo{float:none;margin:0 auto;text-align:center;clear:both;}
   .menu{margin:30px 0 0 0px;}
   .dokuman{margin-top:40px;}
   .arama{margin-top:40px;}
   .search .search-content{width:95%;padding-top: 50%;}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .menu{margin:50px 0 0 30px;}
}