/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    
}
/* Tablet Layout: 768px. */
@media (max-width: 991px) { 
    html {
        font-size: 15px;
    }
    .margin_bottom_xl { margin-bottom: 5rem; }
    .margin_bottom_lg { margin-bottom: 3rem; } 
    .margin_bottom_md { margin-bottom: 1.5rem; } 
    
    .margin_top_xl { margin-top: 5rem; } 
    .margin_top_lg { margin-top: 3rem; } 
    .margin_top_md { margin-top: 1.5rem; }
}

@media (min-width: 768px) { 
    .mobile-menu {display: none !important;}
}
/* Mobile Layout: 320px. */
@media (max-width: 767px) { 
    h2 { font-size: 2.1rem; }
    h3 { font-size: 1.85rem; }
    h4 { font-size: 1.3em; }
    h5 { font-size: 1rem; }
    h6 { font-size: 0.85rem; }

    .margin_bottom_xl { margin-bottom: 3rem; }
    .margin_bottom_lg { margin-bottom: 2rem; }  
    
    .margin_top_xl { margin-top: 3rem; } 
    .margin_top_lg { margin-top: 2rem; } 

    .carousel_container .slide {
        height: 400px;
    }
    .slide_heading {
        font-size: 3.5rem;
    }
    html {
        font-size: 14px;
    }
    .client-single .title {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    #team .col-lg-3.col-sm-6 {
        width: 50%!important;
    }
    .slide_heading {
        font-size: 2.5rem;
    }
    .subtitle {
        font-size: 1.65rem;
    }
}

/* Wide Mobile Layout: 560px. */
@media (max-width: 560px) { 
    .margin_bottom_xl { margin-bottom: 2rem; }
    .margin_bottom_lg { margin-bottom: 1.5rem; }  
    
    .margin_top_xl { margin-top: 2rem; } 
    .margin_top_lg { margin-top: 1.5rem; }
    
    html {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    #team .col-lg-3.col-sm-6 {
        width: 100%!important;
    }
    #hero_area .container {
        margin: 0 1rem;
    }
}