@media (min-width: 1400px) and (max-width: 1550px) {
       
}

@media (min-width: 768px) and (max-width: 1024px) {
 
}

@media (max-width: 1300px) {
     /* .service-content {
        height: 286px;
    } */
    /* .service-outer h4 {
        font-size: 1.6vw;
    } */
    /* .service-outer p {
        font-size: 1.2vw;
    } */
   
}
@media (max-width: 1200px) {
    .service-content {
        padding: 14px 15px 20px 36px;
    }   
   
}
@media (max-width: 1230px) {
    .service-grid{
        flex-direction: column;
    }
    .service-grid .item{
        width: 100%; 
        height: 100%;
    }   
    .service-content{
       overflow-y: inherit;
    }
    .service-grid.custom-direction {
        flex-direction: column-reverse;
    }  
    /* .item.service-content.why-install{
        padding: 14px 12px 20px 12px;
    } */
    
}


@media (max-width: 767px) {
   
    
}


@media (max-width: 567px) {
    .banner,.banner::before{
        height: 100%;
        margin-top: 159px;
    }
    .main-header h5 a{
        font-size: 16px;
    }
    .why_choose_content {
        max-width: 90%;
    }
    .prime-section {
        max-width: inherit;
    }
    .service-content {
        height: auto;
        overflow-y: inherit;
    }
    .service-content {
        padding: 14px 12px 20px 12px;
    }
    .service-outer h4 {
        font-size: 22px;
    }
    .service-outer p,.service-outer ol{
        font-size: 16px;
    }
    .main-header h5{
        display: flex;
        flex-direction: column;
    }
    .why_choose_content h4 {
        font-size: 2.5rem;
    }
  
}