@media (max-width: 1199px){
    /* Lets the footer's links and newsletter columns join its 2x2 tablet grid */
    .footer-links-wrap,
    .footer-links-wrap > .row{
        display: contents;
    }
    .footer-links-wrap > .row > *{
        margin-top: 1rem;
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .service .serviceimgsec .col-md-6{
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 991px){
    .service .serviceimgsec img{
        width: 450px;
        height: 300px;
        max-width: 100%;
    }
    .toggler{
    display: block !important;
   }
    .header-con{
        display: none !important;
    }
   .service-image{
    width: 450px;
    height: 300px;
   }
   .bottom-header .custom-btn{
    font-size: 11px;
   }
   .hero .crousel-header{
    font-size: 24px;
   left: 50%;
    transform: translate(-50%);
    text-align: center;
   }
   .story-image{
    float: right;
    width: 200px !important;
   }
   .help-link-body{
    min-height: 176px;
   }
}
@media (max-width: 575px){
    .area-cleaning .table td img{
        width: 70px;
    }
    .area-cleaning .table tbody tr td{
        padding: 8px;
        font-size: 14px;
    }
    .hero .crousel-header{
    font-size: 18px;
    }
    .other-banner h1{
        font-size: 36px;
    }
    .other-banner{
        padding: 60px 0;
    }
    .drain-img{
        width: 25%;
        height: 25%;
    }
}