@-ms-viewport {
    width: device-width;
}
@media (min-width: 1861px) and (max-width: 1919px) {
    
}
@media (min-width: 1560px) and (max-width: 1860px) {
    
    .customerarea{
        padding: 30px 0;
    }

}

@media (min-width: 1441px) and (max-width: 1659px) {
    .customerarea{
        padding: 30px 0;
    }

}

@media (min-width: 1200px) and (max-width: 1440px) {
    
    .customerarea{
        padding: 30px 0;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    
    .customerarea{
        padding: 30px 0;
    }
    
    
}

@media (min-width: 769px) and (max-width: 1023px) {
    
    .customerarea{
        padding: 30px 0;
    }

}

@media (min-width: 481px) and (max-width: 768px) {
    
    .row{
        margin: 0;
    }
    .header-left{
        position: static;
        text-align: center;
        padding: 10px 0  0 0;
    }
    .menuicon{
        display: block;
    }
    .navigation{
        display: none;
    }
    .header-right{
        position: absolute;
        left: 0;
        right: auto;
    }
    .home-banner-area{
        min-height: 400px;
    }
    .home-banner-overlay{
        display: none;
    }
    .top-banner-inner{
        position: static;
        transform: none;
    }
    .top-banner-content{
        padding: 50px 0;
    }
    .about-area{
        padding: 30px 0;
    }
    .about-right{
        width: 100%;
    }
    .about-left{
        width: 100%;
    }
    .services-area{
        padding: 30px 0;
    }
    .services-item{
        width: 48%;
    }
    .contact-area{
        padding: 30px 0;
    }
    .contact-left{
        width: 100%;
    }
    .contact-right{
       width: 100%;
    }
    .footer-area{
        padding: 30px 0 30px 0;
    }
    .customerarea{
        padding: 30px 0;
    }
    .service-banner-area{
        min-height: 200px;
        padding: 50px 0;
    }
    .services-block-list{
        padding: 30px 0;
    }
    .services-block-item{
        width: 100%;
        margin: 10px 0;
    }
    
}

@media (min-width:376px) and (max-width: 480px) {
    .row{
        margin: 0;
    }
    .header-left{
        position: static;
        text-align: center;
        padding: 10px 0  0 0;
    }
    .menuicon{
        display: block;
    }
    .navigation{
        display: none;
    }
    .header-right{
        position: absolute;
        left: 0;
        right: auto;
    }
    .home-banner-area{
        min-height: 400px;
    }
    .home-banner-overlay{
        display: none;
    }
    .top-banner-inner{
        position: static;
        transform: none;
    }
    .top-banner-content{
        padding: 50px 0;
    }
    .about-area{
        padding: 30px 0;
    }
    .about-right{
        width: 100%;
    }
    .about-left{
        width: 100%;
    }
    .services-area{
        padding: 30px 0;
    }
    .services-item{
        width: 98%;
    }
    .contact-area{
        padding: 30px 0;
    }
    .contact-left{
        width: 100%;
    }
    .contact-right{
       width: 100%;
    }
    .footer-area{
        padding: 30px 0 30px 0;
    }
    .customerarea{
        padding: 30px 0;
    }
    .service-banner-area{
        min-height: 200px;
        padding: 50px 0;
    }
    .services-block-list{
        padding: 30px 0;
    }
    .services-block-item{
        width: 100%;
        margin: 10px 0;
    }
}

@media (max-width: 375px) {
    .row{
        margin: 0;
    }
    .header-left{
        position: static;
        text-align: center;
        padding: 10px 0  0 0;
    }
    .menuicon{
        display: block;
    }
    .navigation{
        display: none;
    }
    .header-right{
        position: absolute;
        left: 0;
        right: auto;
    }
    .home-banner-area{
        min-height: 400px;
    }
    .home-banner-overlay{
        display: none;
    }
    .top-banner-inner{
        position: static;
        transform: none;
    }
    .top-banner-content{
        padding: 50px 0;
    }
    .about-area{
        padding: 30px 0;
    }
    .about-right{
        width: 100%;
    }
    .about-left{
        width: 100%;
    }
    .services-area{
        padding: 30px 0;
    }
    .services-item{
        width: 98%;
    }
    .contact-area{
        padding: 30px 0;
    }
    .contact-left{
        width: 100%;
    }
    .contact-right{
       width: 100%;
    }
    .footer-area{
        padding: 30px 0 30px 0;
    }
    .customerarea{
        padding: 30px 0;
    }
    .service-banner-area{
        min-height: 200px;
        padding: 50px 0;
    }
    .services-block-list{
        padding: 30px 0;
    }
    .services-block-item{
        width: 100%;
        margin: 10px 0;
    }
}