@media only screen and  (max-width:450px) {
    
      .menu .serit{display:none}
    .top .slogan{display:none}
    .menu{padding:10px 0;}
    .menu .menuler a{margin-left:20px;font-size: 15px;}
    .banner .banner-box{padding:10px;font-size:20px;line-height:30px;margin-top:20px;width:100%;}
    .banner .banner-box br{display:none}
    .banner .banner-box img{margin-right:15px;height:50px}
    .content .container{width:100%;}
    .banner{height: 400px;}
    .menu .serit{display:none}
    .top .ucgen{display:none;}
    .top .contact a{margin-right:5px;}

    .content .service2,.content .service{margin-bottom:20px;background: #f24f00;}
    .content .service2.margintop{margin-top:20px;}
    .content .service.margintop{margin-top:20px;}
    .content .service.margintop2{margin:15px;width: 90%;}
    .content .service.margintop3{margin:15px;width: 90%;}
    
    .content .service .service-icon,.content .service2 .service-icon{width:30%;border-radius:0;margin-top:0}
    .content .service .service-box,.content .service2 .service-box{max-height:inherit;width:70%;}
    .content .service .service-icon img,.content .service2 .service-icon img{margin-top:20px}
    .content .hline,.content .vline,.content .first-line{display:none}

 #mobile-menu {display:block}
.footer{margin-top:30px;}
    .footer .footer-box{min-height:200px;}
    .section.no-paddingbottom{background:#eee;padding:50px 0 !important}

}

@media only screen and (min-width:451px) and (max-width:570px) {
     .menu .serit{display:none}
    .top .slogan{display:none}
    .menu{padding:10px 0;}
    .menu .menuler a{margin-left:20px;font-size: 15px;}
    .banner .banner-box{padding:10px 20px;font-size:20px;line-height:30px;margin-top:20px;width:100%;}
    .banner .banner-box br{display:none}
    .banner .banner-box img{margin-right:15px;height:100px}
    .content .container{width:100%;}
    .banner{height:400px;}
    .menu .serit{display:none}
    .top .ucgen{display:none;}
    .top .contact a{margin-right:5px;}

    .content .service2,.content .service{margin-bottom:20px;background: #f24f00;}
    .content .service2.margintop{margin-top:20px;}
    .content .service.margintop{margin-top:20px;}
    .content .service.margintop2{margin:15px;width: 93%;}
    .content .service.margintop3{margin:15px;width: 93%;}
    
    .content .service .service-icon,.content .service2 .service-icon{width:30%;border-radius:0;margin-top:0}
    .content .service .service-box,.content .service2 .service-box{max-height:inherit;width:70%;}
    .content .service .service-icon img,.content .service2 .service-icon img{margin-top:20px}
    .content .hline,.content .vline,.content .first-line{display:none}

    #mobile-menu {display:block}
    .footer{margin-top:30px;}
    .footer .footer-box{min-height:200px;}
    .section.no-paddingbottom{background:#eee;padding:50px 0 !important}
}

@media only screen and (min-width:571px) and (max-width:767px){
     .menu .serit{margin-left:50px;margin-top:-15px;}
    
    .menu{padding:10px 0;}
    .menu .menuler a{margin-left:20px;font-size: 15px;}
    .banner .banner-box{padding:10px 20px;font-size:30px;line-height:50px;margin-top:20px;width:100%;}
    .banner .banner-box br{display:none}
    .banner .banner-box img{margin-right:15px}
    .content .container{width:100%;}
    .banner{height:450px;}
    
    .top .slogan{display:none}
    .content .service2,.content .service{margin-bottom:20px;background: #f24f00;}
    .content .service2.margintop{margin-top:20px;}
    .content .service.margintop{margin-top:20px;}
    .content .service.margintop2{margin:15px;width: 96%;}
    .content .service.margintop3{margin:15px;width: 96%;}
    
    .content .service .service-icon,.content .service2 .service-icon{width:20%;border-radius:0;margin-top:0;height:auto}
    .content .service .service-box,.content .service2 .service-box{max-height:inherit;width:80%;}
    .content .service .service-icon img,.content .service2 .service-icon img{margin-top:20px}
    .content .hline,.content .vline,.content .first-line{display:none}

    #mobile-menu {display:block}
      
    .footer{margin-top:30px;}
    .footer .footer-box{margin-bottom:20px;}
    .section.no-paddingbottom{background:#eee;padding:50px 0 !important}
}

@media only screen and (min-width:768px) and (max-width:990px){

   .menu .serit{margin-left:50px;}
    .top .slogan{font-size:15px;}
    .menu{padding:10px 0;}
    .menu .menuler a{margin-left:20px;font-size: 15px;}
    .banner .banner-box{padding:30px 20px;font-size:50px;line-height:50px;margin-top:100px}
    .content .container{width:100%;}
    .banner{height:600px;}
    .menu .serit{margin-top:-15px;}

    .content .service2,.content .service{margin-bottom:20px;}
    .content .service2.margintop{margin-top:20px;}
    .content .service.margintop{margin-top:20px;}
    .content .service.margintop2{margin:15px;    width: 92%;}
    .content .service.margintop3{margin:15px;    width: 92%;}
    
    .content .hline{display:none}
    .content .vline{display:none}

     #mobile-menu {display:block}
    .footer{margin-top:30px;}
    .footer .footer-box{min-height:200px;}
    .section.no-paddingbottom{background:#eee;padding:50px 0 !important}
}

@media only screen and (min-width:991px) and (max-width:1200px){
    .menu .serit{margin-left:50px;}
    .top .slogan{font-size:15px;}
   
    .menu .menuler a{margin-left:10px;font-size: 15px;}
    .banner .banner-box{padding:30px 50px;font-size:50px;line-height:50px;}
    .content .container{width:100%;}
    .banner{height:600px;}
    .menu .serit{margin-top:-15px;}
    .menu .logo{ padding: 10px; margin-top: 5px; margin-left: 10px; width: 100px;}
    .menu .menuler .search .btnSearch{padding:6px 10px;}
}

@media only screen and (min-width:1201px) and (max-width:1400px) {
    .menu .menuler a{font-size:16px;padding:12px;margin-left:25px;} 
    .menu .logo{margin-left:10px;}
    .menu .menuler .search .btnSearch{padding:6px 10px;}
     
}
@media only screen and  (max-width:1480px) {
     .menu .serit{display:none;}
}