@media (max-width:1100px) {
    .element-image{width:47%}
    .element-box{width:13%}
    .element-content{width:40%}
    }
    @media (max-width:980px) {
    .container{padding-left:12px;padding-right:12px}
    .services{float:left;width:48.5%;margin-bottom:10px}
    .service1{margin-left:1%}
    .service-iframe,.service-states{width:98%}
    .banner-image{margin-bottom:15px}
    .how-it-sec{padding:0}
    .element-arrow{display:none}
    .element-image{width:35%}
    .element-box{width:15%}
    .element-content{width:50%}
    .element-image img{max-width:100%}
    }
    @media (min-width: 768px) and (max-width: 979px) {
    .navbar-brand>img{max-height:40px}
    .navbar-nav>li>a{padding:12px}
    .navbar-custom .nav li a::before{left:12px}
    }
    @media (max-width:979px) {
    .mfp-close{color:#ca3fc6;right:0;top:-4px}
    }
    @media (max-width:840px) {
    .navbar-nav>li>a{padding:12px 8px}
    .navbar-custom .nav li a::before{left:8px}
    .smart-counts-flex{flex-wrap:wrap}
    .smart-counts-flex .counts{padding:10px 0;width:50%}
    }
    @media (max-width:767px) {
    .request-left li{margin-right:15px}
    .request-left li:first-child::before{right:-11px}
    .request-left a,.request-left i{font-size:15px}
    .request-top .btn{padding:9px 18px}
    .navbar-custom .nav li a::before{height:0}
    .navbar-custom .nav li{border-bottom:1px solid #ddd}
    .navbar-custom .nav li a.active{color:#0f53c5}
    .navbar .btn{margin-left:0}
    .navbar-custom{background:#FFF;-webkit-box-shadow:0 0 5px silver;-moz-box-shadow:0 0 5px silver;-o-box-shadow:0 0 5px silver;-ms-box-shadow:0 0 5px silver;box-shadow:0 0 5px silver;padding:5px;position:relative}
    .navbar-brand>img{max-height:40px}
    .service-sec{padding:0}
    .element-image{width:40%}
    .element-box{width:15%}
    .element-content{width:45%}
    .element-circle{width:60px;height:60px;line-height:60px;font-size:24px}
    .how-it-elements2{margin-left:0}
    .how-it-works,.aboutus,.contactus{padding-top:20px}
    .aboutus-content{float:left;width:100%;padding:0}
    .aboutus-image{float:none;text-align:center;width:100%}
    .count-timer p{text-align:center;font-size:16px;font-weight:500;text-transform:uppercase}
    .count-timer h2,.count-timer h2 span{font-size:35px;margin-bottom:15px}
    .smart-counts-flex i{font-size:50px;padding-bottom:20px}
    .address,.contact-form{width:100%;float:left}
    .logo-footer{margin-left:-90px;top:-55px}
    .logo-footer>img{max-width:180px}
    .footer{padding-top:45px}
    .states-widget{min-height:inherit}
    .cities-list li{width:49%}
    .support{margin:20px 0;padding:30px;text-align:center;}
    .support img{display:none}
    }
    @media (max-width:600px) {
    .request-left,.request-right{width:100%;float:none;text-align:center}
    .request-top .btn{display:block}
    h2{font-size:26px}
    h3{font-size:20px}
    .services{float:left;width:100%;margin-left:0;margin-bottom:12px}
    .service-text p{min-height:inherit}
    .how-it-elements1,.how-it-elements2{border-bottom:1px dashed #ccc;padding-bottom:10px}
    .how-it-elements-last{border-bottom:0}
    .how-it-elements1 .element-content{float:left}
    .element-content{width:100%;margin:10px 0;padding:0}
    .element-box{display:none}
    .element-image{width:100%;float:none;text-align:center}
    .shadow-h{margin-top:20px}
    .count-timer{padding:25px 0;margin:30px 0}
    .count-timer h2,.count-timer h2 span{font-size:28px;margin-bottom:5px}
    .smart-counts-flex i{font-size:30px;padding-bottom:15px}
    .smart-counts-flex p{font-size:14px;line-height:20px}
    }
    @media (max-width:479px) {
    .smart-counts-flex p{font-size:13px;line-height:18px}
    .testi-info img{height:60px;width:60px}
    .test-content{margin-left:80px}
    .form ul li{width:100%;padding:0}
    .request-left li{margin-right:0}
    .request-left li:first-child::before{content:''}
    }