@media (max-width: 575.98px){
    .hero-text {
        font-size: 45px;
        line-height: 56px;
    }
    .contact_form form{
        margin-left: 0;
        margin-right: 0;
    }
    .header .menu{
        background: #000 !important;
        height: 100% !important;
    }
    .services_info_box{
        padding: 0;

    }
    .services_img_box{
        margin: 0.5em;
    }

    .services_img_box:nth-child(even) {
        flex-direction: column-reverse;
    }
    
    .section_info_text{
        text-align: justify !important;
    }
    .price_info_box{
        padding: 0%;
    }
    .services_info_box{
        width: 90%;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) { }
@media (min-width: 768px) and (max-width: 991.98px) { 
    .contact_form form{
        margin-left: 0;
        margin-right: 0;
    }
    .res_img{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header .menu{
        background: #000 !important;
        height: 100% !important;
    }
 }