@media (min-width: 768px) {
    .author-info #Filter.sticky { position: fixed; width: 117px; }
    .author-info #Filter.stuck-to-footer { top: inherit; bottom: 0; position: absolute; width:117px; }
}
@media (min-width: 1201px) {
    .pageload .enumenu_ul ul.sub-menu { display: none; }
    .enumenu_ul ul.sub-menu {display: block; opacity: 0; -webkit-transform:  rotatex(90deg); transform:  rotatex(90deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; visibility: hidden; overflow: hidden; transform-origin: top center; margin: 0; }
    .enumenu_ul li.hover ul.sub-menu { visibility: visible; overflow: visible; opacity: 1; -webkit-transform:  rotatex(0deg); transform:  rotatex(0deg); box-shadow: 0px 24px 24px 0px #0000005C;  }
    .enumenu_ul li.hover ul.sub-menu:before { content: ''; position: absolute; top: -20px; right: 24px; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 20px solid var(--white); }
    .enumenu_ul ul.sub-menu ul.sub-menu { display: block; opacity: 0; -webkit-transform:  rotatex(90deg); transform:  rotatex(90deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; visibility: hidden; overflow: hidden; }
    .enumenu_ul ul.sub-menu li.hover ul.sub-menu { visibility: visible; overflow: visible; opacity: 1; -webkit-transform:  rotatex(0deg); transform:  rotatex(0deg); }
    .enumenu_ul li.has-children > a {position: relative; padding-right: 22px; }
    .enumenu_ul li.has-children > a:after { content: " "; background-image: url(../images/dropdown-icon.svg); display: block; position: absolute; right: -2px; top: 2px; bottom: 0; margin: auto; background-position: center; background-repeat: no-repeat; height: 15px; width: 15px; z-index: 1; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
    /* .enumenu_ul li.hover > a:after {-webkit-transform: scaleY(-1); transform: scaleY(-1); bottom: -10px; } */
    .enumenu_ul ul ul.sub-menu  {top: 100%; z-index: 999; list-style: none; left: 0px; position: absolute; min-width: 180px; background: #ffffff; text-align: left; margin-left: 0; padding-bottom: 10px; }
    .enumenu_ul li.has-children .sub-menu.sb-menu a:after { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; height: 15px; width: 15px; -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important; }
    .enumenu_ul li ul.sub-menu { padding: 20px 28px; }
    .enumenu_ul li ul.sub-menu a { padding: 10px 0; display: block; font-size: 16px; }
    .enumenu_ul li ul.sub-menu li { border-bottom: 1px solid var(--theme-light-gray); }
    .enumenu_ul li ul.sub-menu li:last-child { border: none; }
}


@media(max-width: 1600px) { 
     :root {
        --font-h1: 50px;
    } 
    .right-post-detail { min-height: 520px; padding-left: 60px; }
} 
@media(max-width: 1400px) {  
    :root {
        --font-h1: 45px;
    }
    .right-post-detail { min-height: 480px; padding-top: 80px; padding-bottom: 80px; }
    .social-icons { padding-top: 80px; }
    .social-icons:before { height: 60px; }

    .map-wrapper iframe { height: 400px; }
}
@media(max-width: 1300px) {  
    :root {
        --font-h1: 40px;
    }
    .image-container { height: 200px; }
    .back-bg { height: 220px; }
}
@media(max-width: 1200px) {  
    :root {
        --font-h1: 40px;
        --font-h2: 36px;
        --font-h3: 30px;
        --font-h4: 24px;
    }  
    .enumenu_ul>li>a { margin: 0 20px; }
    .menu-icon {margin-top: 0; display: inline-block; position: relative; z-index: 10000; float: right; top: -6px; } 
    .menu-icon {display: block }
    .enumenu_ul { position: fixed; top: 0; z-index: 100000; width: 300px; display: block !important; height: 100vh !important; background: var(--theme-blue); transition: all 0.3s ease-in-out; padding-top: 20px !important; overflow: auto; padding-bottom: 50px; }
    .enumenu_ul .sb-menu { position: relative; top: inherit; left: 0; background-color: var(--white); width: 100%; margin: 0; padding: 0; }
    .sub-menu.sb-menu { box-shadow: none; }
    .enumenu_ul>li>a { font-size: 18px; }
    .enumenu_ul ul a { font-size: 16px; }
    .menu-box:after {content: ''; position: absolute; top: -12px; left: -7px; width: 44px; height: 44px; background: var(--theme-text); z-index: -1; border-radius: 50%; }
    
    .enumenu_ul li.contact-btn { margin: 0; margin-top: 18px; }
    .enumenu_ul li.contact-btn a { padding: 10px 20px; margin-left: 20px; margin-right: 20px; text-align: center; }

    .sub-menu.sb-menu .sub-menu.sb-menu{ background: var(--theme-light-gray); }
    .sub-menu.sb-menu .sub-menu.sb-menu a { padding-left: 25px; }
    .enumenu_ul .sb-menu a { padding:  10px 20px; display: block; }
    .enumenu_ul li { width: 100%; }
    .enumenu_ul .menu-wrapper > li {width: 100%; margin: 0px; padding: 0px; }
    .enumenu_ul .menu-wrapper > li > a {display: block; padding: 10px 30px; }
    .enumenu_ul .menu-wrapper {width: 100%; }
    .enumenu_ul .menu-wrapper > li ul { background: #ebebeb; padding: 10px 0; }
    .enumenu_ul .menu-wrapper > li ul a {text-align: center; display: block; text-align: center; color: #05263B; padding: 5px 0; }
    /* Push Menu */
    body.menuslide_push {position: relative; }
    body.menuslide_push.slidemenuLeft {left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; } body.menuslide_push.slidemenuRight {right: 0; transition: right 0.5s; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; }
    body .enumenu_ul  {left: -400px; } /* body.slidemenuRight .enumenu_ul  {right: 0px; } */
    body.slidemenuRight.menu-open .enumenu_ul { left: 0; }
    body.slidemenuLeft .enumenu_ul {left: -400px; }
    body.slidemenuLeft.menu-open .enumenu_ul {left: 0; }
    body.menuslide_push.slidemenuLeft.menu-open {left: 400px }
    body.menuslide_push.slidemenuRight.menu-open {right: 400px }
    body.menuslide_push .enumenu_ul, body.menuOverlap .enumenu_ul { background: #00426A; display: block; height: 100%; max-height: 100%; width: 100%; overflow-y: auto; overflow-x: hidden; position: fixed; transition: all 0.5s ease 0s; max-width: 258px; top: 0; z-index: 505; }
    .blank-div { display: block; }

    .enumenu_ul .sub-menu.sb-menu .arrow { background: url(../images/down-arrow-black.svg) center center no-repeat; background-size: 14px; top: 7px; }
    .enumenu_ul>li>a { padding: 13px 0; width: auto; display: inline-block; }
    .enumenu_ul>li>a:before { bottom: 5px; }

    .search-wrap.relative { margin-left: auto; }
    .logo { width: calc(100% - 200px); }
    .right-header,
    .nav-menu { width: 50px; }
    .right-header .so-wrap,
    .right-header .header-social-media { display: none; }

    .menu-box span { background-color: var(--theme-primary); }
    .nav-menu { position: absolute; top: 12px; right: 20px; bottom: 0; margin: auto; }
    .right-header { padding-right: 50px; }
    .enumenu_ul { background-color: var(--theme-secondary); }
    .enumenu_ul li a { color: var(--white); }
    .d-flex.header-social-media { gap: 15px; padding: 20px; }
    .d-flex.header-social-media li { width: auto; }
    .enumenu_ul ul li,
    .enumenu_ul ul { padding: 0; margin: 0; }
    .enumenu_ul ul li { margin-bottom: 10px; }

    .menu-primary-container .minmenu { padding: 50px 20px 20px; text-align: left; }
    .menu-header-menu-container .minmenu { padding: 50px 20px 20px; text-align: left; }

    #Filter .d-flex { padding-top: 10px; padding-bottom: 10px; }
    #Filter li,
    #Filter.stuck-to-footer li, #Filter.sticky li { padding: 5px 10px; }

    .form-title  { text-align: left; }
    .back-bg { height: 190px; }

    /* #Filter.sticky { -webkit-transform: translateY(-22px); transform: translateY(-22px); } */
    .right-post-detail { min-height: 400px; }

    .right-post-detail { padding-right: 20px; }
    .search-wrap.relative { width: 100%; padding: 0 20px; }
    .open-search { width: 100%; opacity: 1; visibility: visible; position: relative; transform: translateY(0); }
    .search-icon { display: none; }

    .body-wrapper { padding-top: 74px; }
    .search-data {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .image-container { height: inherit; padding-bottom: 55%; background-color: var(--theme-secondary); }

}
@media(max-width: 991px) {    
    :root {
      --font-h1: 40px;
      --font-h2: 36px;
      --font-h3: 26px;
      --font-h4: 22px;  
      --font-h5: 20px;  
    }

    .titie-text { padding-bottom: 20px; }
    .back-bg { height: 210px; }
    .checkbox-label { padding: 8px 15px; }

    .right-post-detail { min-height: 400px; padding-top: 50px; padding-bottom: 50px; padding-left: 40px; }

    .form-section { width: 50%; padding: 30px; }
    .info-section { width: 50%; }

    .featured-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

}
@media(max-width: 768px) {
    .back-bg { height: 210px; }
}
@media(max-width: 767px) {
    
    :root {
      --font-h1: 36px;
      --font-h2: 32px;
      --font-h3: 30px;
      --font-h4: 20px;
    }

    .min-header { padding-top: 21px; padding-bottom: 21px; }
    .menu-icon { top: -14px; }

    .banner-post-image { padding-bottom: 0; }

    .blog-title h1 { font-size: 30px; }
    .blog-title { padding-bottom: 20px; }
    .featured-wrapper { gap: 30px 25px; grid-template-columns: 1fr 1fr; }
    .MobileFilter { display: block; position: relative; padding: 12px 30px 12px 20px; line-height: 1.2; width: calc(100% - 80px); margin: 0; background-color: transparent; border: 1px solid #00336333; border-radius: 20px; color: var(--theme-secondary); font-size: var(--body-text); text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 10px auto; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
    .MobileFilter:before { content: ''; position: absolute; top: 0; bottom: 0; right: 20px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid var(--theme-primary); margin: auto; -webkit-transform: scale(-1); transform: scale(-1); }
    .Open--Filter .MobileFilter:before{ -webkit-transform: scale(1); transform: scale(1); top: -2px; border-bottom: 8px solid var(--white); }
    #buttons-container { gap: 0 !important;padding: 0 40px 20px; position: absolute; top: 100%; left: 0; -webkit-transform: scaleY(0); transform: scaleY(0); margin-top: 0; margin-bottom: 0; transform-origin: top center; background-color: var(--white); transition: all 0.3s ease-in-out; /*margin-top: -10px;*/ }
    .Open--Filter .MobileFilter { background-color: var(--theme-primary); border-color: var(--theme-primary); border-radius: 0; color: var(--white); }
    .Open--Filter #buttons-container { -webkit-transform: scaleY(1); transform: scaleY(1); }
    #buttons-container li { width: 100%; border: 1px solid #00336333; border-top: none; padding: 0; }
    #buttons-container li label { width: 100%; border: none; border-radius: 0; font-size: 18px; text-align: left; }

/*    #buttons-container li:first-child { display: none; }*/
    .back-text { display: none; }
    .top-arrow,
    .go-up { width: 44px; height: 44px; }
    .top-arrow:before { width: 12px; height: 12px; border-left: 3px solid var(--theme-secondary); border-top: 3px solid var(--theme-secondary); }

    .all-news-listing { padding-top: 0; }

    .back-bg { height: 160px; }
    .featured-section { padding-top: 20px; padding-bottom: 30px; }
    .featured-section h2 { margin-bottom: 0;; }
    .news-subscribe { padding-top: 32px; padding-bottom: 32px; }
    .only-title { margin-bottom: 0; }

    .filter-row { height: 80px !important; }

    .logo {
        width: calc(100% - 100px);
    }
    .logo a { max-width: 160px; }

    #Filter { margin-top: 0; }
    /* #Filter.sticky { -webkit-transform: translateY(0); transform: translateY(0); } */


    #Filter.sticky {
        /* top: 76px !important; */
        /* padding-top: 15px;
        padding-bottom: 15px; */
    }
    #Filter .d-flex { margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 10px; width:100%; padding-left: 0; }
    #Filter #buttons-container { max-height: 55vh; overflow: auto;  }
    #Filter.stuck-to-footer .d-flex li, #Filter.sticky .d-flex li { padding: 0; }
    .Open--Filter .MobileFilter { margin-bottom: 0; }
    .checkbox-label { padding: 12px 15px; }
    #Filter .d-flex:nth-child(2) { padding-top: 0; margin-top: 10px; }
    #Filter .d-flex:nth-child(2) li { border-top: 1px solid #00336333;  }
    /* #buttons-container { margin-top: -15px; } */

    .form-wrapper form .textInput {
        width: 100%;
    }
    .form-wrapper form .defaultText.buttonStyle { position: relative; margin-top:  24px; }

    .body-wrapper { padding-top: 60px; }
    .blog-title p { font-size: 16px; }
    .f-btn { opacity: 1; }
    .all-news-listing { padding-bottom: 60px; padding-top: 40px; }

    .author-info { width: 100%; }
    .article-content { width: 100%; padding-left: 0; padding-top: 30px; }
    .author-info .author-image { margin: 0 20px 0 0; text-align: left; }
    .author-info .author-row { display: flex; align-items: center; justify-content: center; }
    .social-icons:before { display: none; }
    .social-icons { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
    .author-wrap span { text-align: left; }
    .social-icons { padding-top: 20px; }
    .social-icons .social_wrap { margin: 10px; }
    .social-icons .social_wrap img { display: block; }

    .post-details { padding-top: 40px; padding-bottom: 40px; }

    .banner-post-image { width: 100%; padding-bottom: 70%; }
    .banner-post-image:after { background: linear-gradient(180deg, rgba(227, 227, 227, 0) 0%, #E3E3E3 90%); width: 100%;         width: 100%;
        height: 160px;
        top: inherit;
        bottom: -3px; }
    .right-post-detail { width: 100%; padding: 0 20px 50px 20px; min-height: inherit; text-align: center; margin-top: -10px; position: relative; z-index: 10; }
    .form-wrapper { max-width: 100%; }

    .form-wrapper.form2 .textInput { max-width: 100%; margin-left: 0; width: 100%; }
    .form-wrapper.form2 form .defaultText.buttonStyle { right: inherit; left: 0; position: absolute; top: 65px; margin-top: 0; }
    .gdpr-accept label { display: inline-block; line-height: 1.6; }
    .gdpr-accept label:before { top: 4px; }
    .gdpr-accept label:after { top: 7px; }
    .gdpr-accept { margin-top: 85px; }

    .form-section { width: 100%; padding: 50px 20px; }
    .info-section { width: 100%; padding: 50px 32px; }
    .contact-us-section .back-bg { height: 375px; }
    .contact-us-section { padding-top: 40px; }
    .contact-wrapper { margin-top: 6px; }
    .info-section h3 { font-size: 24px; }
    .contact-info p:last-child { padding-bottom: 0; }
    .map-wrapper { padding-top: 80px; }
    .map-wrapper h3 { margin-bottom: 30px; }
    .map-wrapper iframe { height: 200px; }

    .blog-title.contact-us-page h1 { padding-top: 0; }
    .blog-title.contact-us-page { padding-top: 40px; }
    .post-detail { max-width: 100%;  }

    .post-info { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
    .post-info .author-row { margin: 0 10px;  }
    .post-info .social-icons { width: 100%;  }

    .article-description div { overflow: auto; position: relative; width: 100% !important; }
    .article-description p > div { width: 100% !important; }

}
@media(max-width: 767px) and (max-height: 600px){
    #buttons-container { height: 220px; overflow: auto; }

}

@media(max-width: 639px) {
    
    .featured-wrapper {
        gap: 25px;
        grid-template-columns: 1fr;
    }
    .back-bg { height: 190px; }

}
@media(max-width: 575px) {

    .back-bg { height: 250px; }
    
}
@media(max-width: 480px) {
/*    .open-search { right: -50px; width: calc(100vw - 60px); }*/

    .search-img svg { height: 20px; width: 20px; }
    .search-wrap .close-icon::after { width: 21px; height: 3px; }
    .search-wrap .close-icon::before { height: 21px; width: 3px; }
    .search-wrap button { padding-top: 14px; }
    .right-header { padding-right: 45px; }
    /* #Filter.sticky { padding-top: 10px; padding-bottom: 10px; } */

    /* #buttons-container { margin-top: 0; }
    .Open--Filter.sticky #buttons-container { margin-top: -10px; } */

    .back-bg { height: 185px; }
    
}

@media(max-width: 350px){
    .back-bg { height: 165px; }
}