/* CSS Document */

/* Small devices (tablets, 768px and Down) */
@media (max-width: 768px) {
    
    .mobile{display: block}
    .desktop{display: none}
    
    .cRoBoE{display: none;}
    #scrolldown{
        display: none;
    }
    #hero-banner{
        padding-bottom: 175px;
        height: auto;
    }
    #hero{
        position: relative;
    }
    .row-height600, #sec-10,#sec-13{
        height: auto !important;
        width: auto !important;
    }
    .text-right {
      text-align: left !important;
    }
    .my-sec01-h1{
        margin-top: 0px;
    }
    .my-sec03-h2{
        margin: 175px 0;
    }
    #sec-02{
        margin-left: inherit;
    }
    .my-sec02-h2{
        margin-top: inherit;
    }
    #sec-04{
        background-size: cover;
        padding-bottom: 50px;
    }
    .photo__group img{
        padding-bottom: 30px;
    }
    
    .service-details{
        margin-left: inherit;
    }
    .service-img-container{
        padding: inherit;
    }
    #sec-services{padding-top: 80px;}
    #sec-services .row{
           flex-flow: column-reverse; 
        height: inherit;
    }
    .service-banner-text{
        margin-top: inherit;
    }    
    .service-description{
        margin-bottom: 80px;
    }
}