/* ================= media query css add ================ */
/* @midia (min-width: 1199px){
    .N_top-content {
        min-height: 552.52px!important;
    }
} */
@media screen and (min-width: 768px) {
    section.hero_section.new-changes {
        height: 100%!important;
    }
    h1.aos-init.aos-animate {
        padding-top: 8rem!important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .mapouter {
        height: 430px!important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .header-btn {
        top: 61px!important;
        justify-content: center!important;
    }
    .cart-icon span {
        top: 30px!important;
    }
    .top-content.N_top-content {
        min-height: 477px!important;
    }
    .map.newclassmap.mapboxgl-map {
        left: 0!important;
        width: 100%!important;
        height: 100%!important;
    }
    .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rotate {
        height: 100%!important;
    }
    
}
@media (max-width:767px) {
    .navbar-top.d-flex.justify-content-between {
        height: 128px;
        width: 600px;
        margin: auto;
    }
    [dir] nav.navbar.site-navbar {
        padding: 0!important;
    }
    .navbar-top {
        align-items: baseline!important;
    }
    .header-btn {
        left: 0px !important;
        top: 75px!important;
    }
    .header-btn a {
        position: relative!important;
    }
    .cart-icon span {
        width: 20px;
        height: 20px;
        color: #fff;
        line-height: 20px;
        font-weight: 500;
        font-size: 12px;
        position: absolute;
        top: 4px!important;
        right: -16px!important;
    }
    [dir] .header-btn {
        padding: 0!important;
    }
    .map.newclassmap.mapboxgl-map {
        left: 0!important;
        width: 100%!important;
        height: 100%!important;
    }
    .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-touch-drag-pan.mapboxgl-touch-zoom-rotate {
        height: 100%!important;
    }
}
@media (max-width:480px) {
    /* ========== top header media query */
    [dir=ltr] .site-header--absolute {
        background: #fff!important;
    }
    [dir] nav.navbar.site-navbar {
        padding: 0 0 0!important;
    }
    [dir=ltr] .navbar-top {
        padding: 10px 0!important;
    }
    [dir] .header-btn {
        padding: 0% 5% 0% 5%!important;
    }
    .cart-icon span {
        top: 20px!important;
    }
    .header-btn {
        background-color: #fff;
    }
    h1.aos-init.aos-animate {
        padding-top: 100px!important;
    }
    /* ========== top header media query ============== */
    /* =================== profile page css code =============== */
    [dir] .package_includes .nav-tabs a {
        padding: 10px 18px!important;
    }
    .tab-content .tab-pane{
        padding: 0!important;
    }
    [dir=ltr] .prfHead .text {
        padding: 0px 0 0 0px!important;
    }
    .prfHead .prfImage {
        height: 145px!important;
    }
    /* =================== profile page css code =============== */

}
@media (max-width:375px) {
    /* ========== top header media query */
    select.sign_in {
        width: 60px!important;
    }
    /* ========== top header media query */
}
/* ================= media query css add ================ */