﻿@media only screen and (max-width:570px) {
       .acilir-menu{height:100%; width:0!important;overflow: hidden; position: fixed;z-index: 999999;left:-250px;top:0;display:block!important;float:none;margin:0;}
    .acilir-menu .mob{padding:5px 0 0 0;height:100%;background:#101321; color: #2f353b; width: 250px!important;position: fixed;z-index:999;margin-top: 0;overflow-y:auto;float:none;box-shadow: 0 0 20px #000;}
    .acilir-menu li{border-bottom:solid 1px #6e6e6e;display:block;float:none;}
    .acilir-menu .mob li a{padding:10px 20px;color:#c8c8c8;font-size:14px;display:list-item;list-style:none;border: 0;}
    .acilir-menu .mob .submenu{opacity:1;position:relative;width:100%;top:initial;left:initial;transform:none;background:#222432;visibility:visible;}
    .acilir-menu .mob .submenu li a{font-size:11px;text-transform:uppercase;}
    .acilir-menu .close{position:fixed;height:100%;z-index:9;}

    .header{position:relative;background:#303236db;margin-bottom:-30px;}
    .header .menu{height:60px;}
    .header .menu .logo{padding:5px;}
    .header .menu .logo img{height:40px;}
    .header .hamburger{padding:13px;}

   #hero,#slidercarousel,.carousel-relative{height:500px;}
    .carousel .item{height:500px!important;}
    #hero .sizi-arayalim{margin:0;}
    #hero .hero-box{margin-top: 60px;width:100%;text-align:center;}
    #hero .hero-box a{margin:0 auto;margin-top:30px;}
    #hero .hero-box h1{font-size: 50px;line-height: 55px;}
    .nedenbiz table td,.content-detail-alt table td{display:block;width:100%!important}
    
 #content{background:#fff;}
    .services .service-box .service{font-size:15px;height: 130px;padding: 15px;}
    .services .service-box .service .service-icon{float:none;margin:0 auto;display:table;}
    .services .service-box .service .service-text{display: table-footer-group;    text-align: center;width:100%;margin-top:10px;}
    .nedenbiz{margin-bottom: 30px;}
    .nedenbiz-img{margin:0}
    .section-title{font-size:35px;}
    .section-title .big-shadow{font-size:50px;line-height: 30px;}

    .stats{padding: 15px 10px 10px 10px;min-height: 150px;font-size: 15px;margin-top: 15px;}
    .stats .sayi{font-size:35px}
   #footer{text-align: center;}
    #footer .footer-menu .doublemenu{width:100%;}
    #footer .footer-menu{font-size:14px;}
    #footer .footer-menu.contact{font-size:12px;}   
	 .blog .blog-resim{height:auto}
	 
	 .referans .referans-bg{height:350px;}
	 .referans .referans-title{height:350px;}

    .referans:nth-child(2n) .referans-title .referans-ortala-ic .web-tasarim{margin-right:auto;}
    .referans .referans-ortala-ic .web-tasarim{width:100%;height:100%;margin-left: auto;padding: 20px;}
    .table td{display:block}
    
}

@media only screen and (min-width:571px) and (max-width:767px){
      .acilir-menu{height:100%; width:0!important;overflow: hidden; position: fixed;z-index: 999999;left:-250px;top:0;display:block!important;float:none;margin:0;}
    .acilir-menu .mob{padding:5px 0 0 0;height:100%;background:#101321; color: #2f353b; width: 250px!important;position: fixed;z-index:999;margin-top: 0;overflow-y:auto;float:none;box-shadow: 0 0 20px #000;}
    .acilir-menu li{border-bottom:solid 1px #3a4046;display:block;float:none;}
    .acilir-menu .mob li a{padding:10px 20px;color:#c8c8c8;font-size:14px;display:list-item;list-style:none;border: 0;}
    .acilir-menu .mob .submenu{opacity:1;position:relative;width:100%;top:initial;left:initial;transform:none;background:#222432;visibility:visible;}
    .acilir-menu .mob .submenu li a{font-size:11px;text-transform:uppercase;}
    .acilir-menu .close{position:fixed;height:100%;z-index:9;}

    .header{position:relative;background:#303236db;margin-bottom:-30px;}
    .header .menu{height:60px;}
    .header .menu .logo{padding:10px;}
    .header .menu .logo img{height:40px;}
    .header .hamburger{padding:13px;}

    #hero,#slidercarousel,.carousel-relative{height:500px;}
    .carousel .item{height:500px!important;}
    #hero .sizi-arayalim{margin:0;}
    #hero .hero-box{margin-top: 60px;width:100%;text-align:center;}
    #hero .hero-box a{margin:0 auto;margin-top:30px;}
    #hero .hero-box h1{font-size: 50px;line-height: 55px;}
    

    #content{background:#fff;}
    .nedenbiz-img{margin:0}
    .section-title{font-size:45px;}
    .section-title .big-shadow{font-size:70px;}
    .stats{padding: 15px 10px 10px 10px;min-height: 150px;font-size: 15px;margin-top: 15px;}
    .stats .sayi{font-size:35px}
    #footer .footer-menu{font-size:14px;}
    #footer .footer-menu.contact{font-size:12px;}
  .nedenbiz table td{display:block;width:100%!important}
    
}

@media only screen and (min-width:768px) and (max-width:990px){

    .acilir-menu{height:100%; width:0!important;overflow: hidden; position: fixed;z-index: 999999;left:-250px;top:0;display:block!important;float:none;margin:0;}
    .acilir-menu .mob{padding:5px 0 0 0;height:100%;background:#101321; color: #2f353b; width: 250px!important;position: fixed;z-index:999;margin-top: 0;overflow-y:auto;float:none;box-shadow: 0 0 20px #000;}
    .acilir-menu li{border-bottom:solid 1px #3a4046;display:block;float:none;}
    .acilir-menu .mob li a{padding:10px 20px;color:#c8c8c8;font-size:14px;display:list-item;list-style:none;border: 0;}
    .acilir-menu .mob .submenu{opacity:1;position:relative;width:100%;top:initial;left:initial;transform:none;background:#222432;visibility:visible;}
    .acilir-menu .mob .submenu li a{font-size:11px;text-transform:uppercase;}
    .acilir-menu .close{position:fixed;height:100%;z-index:9;}

    .header{position:relative;background:#303236db;margin-bottom:-30px;}
    .header .menu{height:60px;}
    .header .menu .logo{padding:10px;}
    .header .menu .logo img{height:40px;}
    .header .hamburger{padding:13px;}
    .nedenbiz table td{display:block;width:100%!important}
     
   #hero,#slidercarousel,.carousel-relative{height:500px;}
    .carousel .item{height:500px!important;}
    #hero .sizi-arayalim{margin:0;}
    #hero .hero-box{margin-top: 60px;width:100%;text-align:center;}
    #hero .hero-box a{margin:0 auto;margin-top:30px;}
    #hero .hero-box h1{font-size: 50px;line-height: 55px;}
    .nedenbiz{margin-bottom: 30px;}
    .nedenbiz-img{margin:0}
    .section-title{font-size:45px;}
    .section-title .big-shadow{font-size:70px;}
    .stats{padding: 15px 10px 10px 10px;min-height: 150px;font-size: 15px;margin-top: 15px;}
    .stats .sayi{font-size:35px}
    #footer .footer-menu{font-size:14px;}
    #footer .footer-menu.contact{font-size:12px;}
    
    
    .services .service-box .service .service-text{width:50%;font-size:18px;padding-top:15px;}
    .services .service-box .service .service-text span{display:none;}
    }

@media only screen and (min-width:991px) and (max-width:1200px){
    nav > ul > li:nth-child(3){display:none!important;}
    nav a{padding: 35px 6px 30px 6px;font-size:17px}
    .sizi-arayalim span { display: none; }
    #hero .hero-box{margin-top:170px;width:80%}
    .services .service-box .service{font-size:15px;height: 200px;padding: 15px;}
    
     .services .service-box .service .service-text{width:65%;font-size:14px;}
    .section-title{font-size:45px;}
    .section-title .big-shadow{font-size:70px;}
    .stats{padding: 15px 10px 10px 10px;min-height: 150px;font-size: 15px;margin-top: 15px;}
    .stats .sayi{font-size:35px}
    #footer .footer-menu{font-size:14px;}
    #footer .footer-menu.contact{font-size:12px;}
    .carousel .item .carousel-bg{background-size:100% 100%!important;}
    }
@media only screen and (min-width:1201px) and (max-width:1500px) {
     .carousel .item .carousel-bg{background-size:100% 100%!important;}
    
   
}