@media only screen and (min-width: 1026px){
    /*////////HEADER-1////////*/
    .header_bar-nav{
        display: block;
    }
    #modal-header-box,
    #mobile-icon-box,
    #mobile-exit-box,
    #mobile-bar-box{
        display: none;
    }
}
@media only screen and (max-width: 1026px){
    /*////////HEADER-1////////*/
    #modal-header-box,
    #mobile-icon-box,
    #mobile-exit-box,
    #mobile-bar-box{
        display: block;
    }
    .header_bar-nav{
        display: none;
    }
    .header_bar-icon{
        display: block;
    }
    .header_hero-text{
        top: 170px;
        left: calc(50% - 470px/2);
        width: 470px;
        height: auto;
    }
    .header_hero-sm{
        float: left;
        width: 100%;
        margin: 545px 0px 0px calc(50% - 150px/2);
    }
    .header_hero-sm--unit{
        float: left;
        width: 30px;
        height: 30px;
        margin-bottom: 0px;
        margin-right: 10px;
        cursor: pointer;
    }
    /*////////CATEGORIES-1////////*/
    /*.categories_unit{
        width: 30%;
        margin-left: 2.5%;
    }*/
    .categories_unit{
        width: 400px;
        margin-left: calc(50% - 400px/2);
        margin-bottom: 80px;
    }
    /*////////BOOKING////////*/
    .estimate_calendar{
        width: 80%;
        margin: 0px 10% 60px;
    }
    #estimate-getbrowser{
        color: rgb(255, 255, 255);
    }
    .estimate_time{
        margin-left: calc(50% - 400px/2);
    }
    /*////////REVIEWS-1////////*/
    .reviews_text{
        left: calc(50% - 560px/2);
        width: 560px;
        height: 250px;
    }
    /*////////CONTACT-1////////*/
    .contact_text{
        width: 100%;
    }
    .contact_form{
        width: 100%;
        margin-left: 0px;
    }
    .contact_form-button{
        width: 100%;
        margin-left: 0px;
    }
}
@media only screen and (max-width: 770px){
    /*////////HEADER-1////////*/
    .header_hero{
        background-position: right;
    }
    .header_hero-text{
        top: 140px;
        left: 0px;
        width: 100%;
    }
    .header_hero-text--title{
        font-size: 110%;
        text-align: center;
    }
    .header_hero-text--subtitle{
        text-align: center;
        padding: 0px 20px 20px;
        line-height: 28px;
        border-left: 2px solid rgba(0, 0, 0, 0);
    }
    .header__hero-text--button{
        padding-top: 15px;
    }
    .header__hero-text--button---estimate{
        width: 180px;
        margin: 0px calc(50% - 180px/2);
    }
    .header__hero-text--button---contact{
        width: 180px;
        margin: 10px calc(50% - 180px/2) 0px;
    }
    /*////////ABOUT-1////////*/
    .section_about{
        padding: 40px 0px;
        height: auto;
    }
    .about_image{
        width: 90%;
        height: 300px;
        margin-left: 5%;
    }
    .about_text{
        padding: 0px 40px 70px;
        position: relative;
        float: left;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
        background-color: rgba(255, 255, 255, 0);
        box-shadow: 2px 2px 7px rgba(0, 0, 0, 0);
    }
    .about_text-p{
        color: #222;
    }
    /*////////CATEGORIES-1////////*/
    .categories_unit{
        width: 400px;
        margin-left: calc(50% - 400px/2);
        margin-bottom: 80px;
    }
    /*////////GALLERY-1////////*/
    .gallery_box{
        height: 30vh;
    }
    /* .gallery_box{
        width: 90vw;
        margin-left: 5vw;
    } */
    .gallery_box-image{
        width: 20vw;
        height: 20vw;
        margin-left: 2vw;
    }
    .gallery_modal-image{
        top: 120px;
        left: calc(50% - 
        400px/2);
        width: 400px;
        height: 400px;
    }
    .gallery_modal-arrowleft,
    .gallery_modal-arrowright{
        top: 260px;
    }
    .gallery_modal-arrowleft{
        left: 0px;
    }
    .gallery_modal-arrowright{
        left: calc(100% - 120px);
    }
    /*////////BOOKING////////*/
    .estimate_title{
        font-size: 200%;
    }
    .estimate_form-top{
        padding: 20px 20px 20px 20px;
        font-size: 130%;
    }
    .estimate_form-info,
    .estimate_form-location{
        width: 50%;
        padding: 20px 10px;
    }
    .estimate_input{
        font-size: 100%;
    }
    .estimate_input-half{
        font-size: 100%;
    }
    .estimate_submit{
        top: 380px;
    }
    .estimate_form-success--box{
        width: 420px;
        left: calc(50% - 420px/2);
    }
    .estimate_form-success--box---title{
        font-size: 140%;
    }
    .estimate_form-success--box---message{
        font-size: 100%;
    }
    /*////////REVIEWS-1////////*/
    .section_reviews{
        background-image: none;
        background-color: #000;
    }
    .reviews_text{
        left: calc(50% - 360px/2);
        top: 70px;
        width: 360px;
        height: 320px;
    }
    .reviews_arrowleft,
    .reviews_arrowright{
        width: 30px;
        height: 30px;
    }
    .reviews_arrowleft{
        left: 10px;
    }
    .reviews_arrowright{
        left: calc(100% - 40px);
    }
    /*////////FOOTER-1////////*/
    .footer_nav{
        width: 430px;
        margin: 0px calc(50% - 430px/2);
        font-size: 77%;
    }
    .footer_nav-unit{
        padding: 0px 8px;
    }
}
@media only screen and (max-width: 451px){
    /*////////HEADER-1////////*/
    .header_bar{
        padding: 5px 15px;
    }
    .header_hero-text{
        top: 120px;
    }
    .header_bar-image{
        width: 135px;
        height: 45px;
        margin-top: 15px;
    }
    /*////////ABOUT-1////////*/
    .about_text{
        padding: 0px 20px 70px;
    }
    /*////////CATEGORIES-1////////*/
    .categories_unit{
        width: 90%;
        margin-left: 5%;
    }
    /*////////GALLERY-1////////*/
    .gallery_text-p{
        width: 90%;
        margin-left: 5%;
    }
    .gallery_modal-image{
        top: 120px;
        left: calc(50% - 290px/2);
        width: 290px;
        height: 290px;
    }
    .gallery_modal-arrowleft,
    .gallery_modal-arrowright{
        top: 200px;
    }
    .gallery_modal-arrowleft{
        left: 0px;
    }
    .gallery_modal-arrowright{
        left: calc(100% - 120px);
    }
    /*////////BOOKING////////*/
    .estimate_title{
        font-size: 150%;
    }
    .estimate_form-top--back{
        top: 12px;
        left: 10px;
        width: 80px;
    }
    .estimate_form-top{
        padding: 10px;
        font-size: 110%;
    }
    .estimate_time-unit--hour{
        width: 100px;
        font-size: 100%;
    }
    .estimate_time-unit--row---morning{
        padding-left: calc(50% - 304px/2);
    }
    .estimate_time-unit--row---afternoon{
        padding-left: calc(50% - 304px/2);
    }
    .estimate_time-unit--row---evening{
        padding-left: calc(50% - 101px/2);
    }
    .estimate_form-top{
        margin-bottom: 20px;
    }
    .estimate_form-info,
    .estimate_form-location{
        width: 100%;
        padding: 0px 10px 0px;
        border-bottom: 0px solid #ddd;
    }
    .estimate_submit{
        top: 570px;
    }
    .estimate_form-success--box{
        width: 260px;
        left: calc(50% - 260px/2);
    }
    .estimate_form-success--box---title{
        font-size: 100%;
    }
    .estimate_form-success--box---message{
        font-size: 80%;
    }
    /*////////REVIEWS-1////////*/
    .section_reviews{
        min-height: 600px;
    }
    .reviews_text{
        left: calc(50% - 250px/2);
        top: 60px;
        width: 250px;
        height: 400px;
    }
    .reviews_arrowleft,
    .reviews_arrowright{
        top: calc(100% - 80px);
    }
    .reviews_arrowleft{
        left: 70px;
    }
    .reviews_arrowright{
        left: calc(100% - 120px);
    }
    /*////////CONTACT-1////////*/
    .section_contact{
        padding: 50px 4%;
    }
    .contact_text-list{
        font-size: 90%;
    }
    /*////////FOOTER-1////////*/
    .footer_logo{
        width: 146.66px;
        height: 48.66px;
        margin: 10px 0px 0px 20px;
    }
    .footer_nav{
        display: none;
    }
    .footer_navicon{
        display: block;
    }
    .footer_sm{
        width: 160px;
        margin: 0px calc(50% - 160px/2);
        padding: 60px 0px 40px;
    }
    .footer_sm-unit{
        width: 20px;
        height: 20px;
        margin-right: 15px;
    }
}
@media only screen and (max-width: 377px){
    /*////////HEADER-1////////*/
    .header_hero-text--title{
        font-size: 100%;
        padding: 0px 10px 10px;
    }
    /*////////CATEGORIES-1////////*/
    .categories_title{
        font-size: 200%;
    }
    /*////////GALLERY-1////////*/
    .gallery_text-p{
        font-size: 90%;
    }
    .gallery_modal-image{
        top: 120px;
        left: 0px;
        width: 100vw;
        height: 100vw;
    }
    .gallery_modal-arrowleft,
    .gallery_modal-arrowright{
        top: 70vw;
        width: 80px;
        height: 80px;
        padding: 20px;

    }
    .gallery_modal-arrowleft{
        left: 0px;
    }
    .gallery_modal-arrowright{
        left: calc(100% - 80px);
    }
    /*////////BOOKING////////*/
    .estimate_time--title{
        font-size: 85%;
    }
    .estimate_time-unit--hour{
        width: 85px;
    }
    .estimate_time-unit--row---morning{
        padding-left: calc(50% - 251px/2);
    }
    .estimate_time-unit--row---afternoon{
        padding-left: calc(50% - 251px/2);
    }
    .estimate_time-unit--row---evening{
        padding-left: calc(50% - 85px/2);
    }
    /*////////FOOTER-1////////*/
    .footer_copyright{
        font-size: 80%;
    }
}