@media screen and (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: calc(1222px + 40px); }
    .container--lg { max-width: calc(1340px + 30px); }
}
/*MIN 1300 ENDS*/

@media screen and (min-width: 992px) {
    .site-menutoggle { display: none; }    
    
    .headernav .menu-arrow { display: none; }
    
    .site-header .container, .dropmenu.menu-item-has-children { position: relative; }
    
    .headernav > .menu-item-has-children > a::after,
    .dropmenu .menu-item-has-children > a::after {
        display: inline-block;
        font-family: 'kmedia';
        content: "\e900";
        font-size: 7px;
        font-weight: 900;
        padding-left: 8px;
        margin-top: -1px;
        vertical-align: middle;
    }
    

    .dropmenu .sub-menu {
        display: block;
        position: absolute;
        left: -20px;
        top: calc(100% + 30px);
        min-width: 200px;
        max-height: calc(100vh - 120px);
        padding: 10px 0;
        margin: 0;
        background: var(--white);
        border-radius: 10px; 
        box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        z-index: 99;
    }

    .headernav > li > a,
    .dropmenu a {
        background-image: linear-gradient(90deg, var(--primary), var(--primary));
        background-position: center bottom;
        background-size: 0 2px;
        background-repeat: no-repeat;
        transition: color 0.3s ease-in-out, background-size 0.2s ease-in-out
    }

    .headernav > li > a:hover, .dropmenu a:hover { background-size: 100% 2px; }

    .dropmenu .sub-menu a { background-position: left bottom; }

    .dropmenu:hover > .sub-menu { opacity: 1; top: 100%; visibility: visible; }

    .dropmenu .sub-menu > .menu-item-has-children > .sub-menu { top: 0; left: 100%; transform: translate(20px, 0px); }

    .dropmenu .sub-menu > .menu-item-has-children:hover > .sub-menu { top: 0; left: 100%; transform: translate(2px, 0px); opacity: 1; visibility: visible; }

    .dropmenu .sub-menu a { display: block; font-size: 16px; line-height: 26px; padding: 6px 15px; white-space: nowrap; }

    .dropmenu .sub-menu .menu-item-has-children > a { display: flex; align-items: center; justify-content: space-between; }

    .dropmenu .sub-menu .menu-item-has-children > a::after { padding: 0; margin-left: 10px; transform: rotate(-90deg); }

     /*Megamenu*/
    .megamenu > .sub-menu {
        --spacediff: calc(100% - 1242px);
        position: absolute;
        top: calc(100% + 30px);
        left: 0;
        right: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 30px 40px;
        font-size: 16px;
        line-height: 24px;  
        max-width: 100%;
        padding: 30px calc(var(--spacediff) / 2);
        padding: 30px;
        margin: 0 auto;
        border-radius: 10px; 
        background: #fff;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease-in-out;
        box-shadow: 0px 30px 30px rgba(127, 137, 161, 0.25);
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    }

    .megamenu:hover > .sub-menu {
        top: calc(100% + 0px);
        opacity: 1;
        visibility: visible;
    }

    .megamenu > .sub-menu > li {
        flex: 1 0 calc(33.33% - 30px);
        max-width: calc(33.33% - 30px);
    }

    .megamenu-4 > .sub-menu > li {
        flex: 1 0 calc(25% - 30px);
        max-width: calc(25% - 30px);
    }

    .megamenu .sub-menu .sub-menu {
        font-family: 'poppins', sans-serif;
        list-style-type: circle;
        padding-left: 20px;
    }

    .megamenu .sub-menu a {
        display: block;
        padding: 3px 0px;
    }

    .headernav .megamenu [class^="iconh-"] > a {
        padding: 12px 0;
    }

}
/*MIN 992 ENDS*/

@media screen and (max-width: 1439px) {
    .gtcco .gtcbox-rt { margin-left: -40px; }
}

@media screen and (max-width: 1299px) {
    h1, .h1 { --fsize: 56px; }
    h2, .h2 { --fsize: 40px; }
    section.section { padding-top: 90px; padding-bottom: 90px; }
    .sitefoo { padding-top: 90px; }
    .logoitem { width: 160px; height: 70px; }
    .repbox { --repboxpadds: 40px; }
    .ltrt { --sideGap: 75px; }
    .gtcbox { --gtcgap: 10px; }
    .testi-item { margin: 0 10px; }
    /* .sitefoo::before { --fooCSize: 560px; } */
}
/*1299*/

@media screen and (max-width: 1599px) {
    .abtmiss { margin-top: 230px; }
    .abimgs { margin-top: -330px; }
}

@media screen and (max-width: 1439px) {
    .abtmiss { margin-top: 180px; }
    .abimgs { margin-top: -260px; }
    .kmaside { padding: 20px; }
}

@media screen and (max-width: 1200px) {
    .dropmenu .sub-menu {
        left: -50%;
        transform: translateX(-20%);
    }
}
/*1200*/

@media screen and (max-width: 1199px) {
    :root { --siteradius: 16px; }
    h1, .h1 { --fsize: 50px; }
    h2, .h2 { --fsize: 36px; }
    h3, .h3 { --fsize: 30px; }
    .font-28 { font-size: 26px; line-height: 36px; } 
    .bttn { --btnsize: 46px; }
    .custom-logo { height: 46px; }
    .colheadright { column-gap: 20px; }
    .colheadright .bttn { font-size: 15px; }
    .headernav { font-size: 16px; line-height: 26px; column-gap: 16px; }
    .repbox { --repcontwd: 55%; --repgap: 30px; }
    .repbox-lt, .repbox-lt p { font-size: 16px; line-height: 26px; }
    .repbox ul { grid-template-columns: 1fr; gap: 10px; }
    /* .reportform { --fieldsize: 70px; } */
    .ctabar { padding: 50px; }
    .ctabar-title { width: 60%; }
    .ltrt { --sideGap: 30px; }
    .lriclist { --lricpadds: 15px; }
    .hblogi .h4 { --fsize: 22px; }
    .faqbox { padding-top: 60px; }
    .faqitem { padding: 20px; }
    .faqhead h3, .faqbttn { font-size: 20px; line-height: 28px; }
    .faqbody { padding-top: 20px; font-size: 16px; line-height: 26px; }

    .gtcbox { --gtccontwid: 100%; flex-wrap: wrap; }
    .gtcbox-lt { flex: 1 0 100%; max-width: 100%; }
    .gtcbox-formhead, .kmform { width: 100%; }
    .gtcbox-lt { padding: 35px 30px; }

    .testi-list { margin: 0; }
    .testi-item { margin: 0 5px; }
    .slick-arrow { position: static; transform: none; }
    .testctrls { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 30px; }

    .hblogi .h4 { --fsize: 20px; }
    .faqlist { padding-top: 0; }

    .lrmedstat-i { padding: 15px; }
    .lrmedstat-i p { font-size: 16px; line-height: 22px; }
    .serbox-inn { padding: 40px; }
    /* .sitefoo::before { --fooCSize: 460px; } */

    .ovlist { gap: 10px; }
    .ovitem { padding: 20px 10px; }

    .wwu-item h3 { font-size: 22px; line-height: 32px; }

    .gtcco .gtcbox-rt { margin: 0; }
    .contcard a { padding: 15px; }
}
/*1199*/

@media screen and (max-width: 991px) {
    .site-header .container { width: 100%; max-width: 100%; }
    
    .colheadleft {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: auto;
        flex: 1 0 auto  ;
    }

    .colheadright {
        --topOffset: 89px;
        position: fixed;
        left: 0;
        top: var(--topOffset);
        display: none;
        font-size: 18px;
        line-height: 28px;
        width: 100%;
        height: calc(100vh - var(--topOffset));
        padding: 0px;
        background: #F5F5F5;
        background: linear-gradient(180deg, #FFFFFF 0%, #F2F1F8 100%);
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 100;
    }
    
    .siteheader-sticky .colheadright { top: 67px; height: calc(100vh - 67px); }
    .headernav { display: block; }
    .headernav .sub-menu { display: none; left: 0%; top: auto; width: 100%; background: var(--gray); transform: translateX(0%); }
    .headernav .sub-menu .sub-menu { background-color: #f8f7ff; }
    .headernav li { margin-left: 0; margin-right: 0; border-bottom: 1px solid #e5e5e5; }
    .headernav > li, .headernav .sub-menu > li  { display: flex; flex-wrap: wrap; padding: 0; }
    .headernav a { font-size: 16px; }
    .headernav > li > a, .headernav .sub-menu > li > a { flex: 1 0 auto; padding: 12px 15px; }
    .headernav .sub-menu > li:first-child { border-top: 1px solid #e5e5e5; }
    .headernav .sub-menu > li > a { max-width: 100%; padding-left: 25px; }
    .headernav .sub-menu .sub-menu > li > a { padding-left: 35px; }
    .headernav .icon-angle-down { font-size: 9px; line-height: 47px; width: 46px; height: 100%; text-align: center; }
    .headernav .icon-angle-down::before { display: inline-block; transform: rotate(0deg); vertical-align: middle; transition: 0.3s ease-in-out; }
    .headernav .icon-angle-down.open { background-color: var(--gray); }
    .headernav .icon-angle-down.open::before { transform: rotate(180deg); }
    .headernav > li.menu-item-has-children > a, .sub-menu >li.menu-item-has-children > a { flex: 1 0 calc(100% - 46px); max-width: calc(100% - 46px); }
    .colheadright .bttn { display: none; }
    .headernav .megamenu [class^="iconh-"] > a { padding: 12px 15px 12px 25px; }

    h1, .h1 { --fsize: 44px; }
    .hero { padding: 50px 0; }
    .hero-home .col-media img { max-height: 440px; width: auto; }
    .kdm-logos { padding-top: 50px; }
    .repbox { flex-wrap: wrap; }
    
    /*Temporary HIDDEN*/
    .repbox-lt { flex: 1 0 100%; max-width: 100%; }
    .repbox-rt { order: -1; display: none; }
    /*Temporary HIDDEN*/

    .repbox { padding: 20px; }

    .ltrt { --sideGap: 20px; }
    .ltrt-row, .abtsec .row, .hblogl { row-gap: 30px; }
    .ltrt-row img, .abtsec-media img { display: block; margin-left: auto; margin-right: auto; width: auto; max-height: 460px; }
    .ltrt .ltrt-row:nth-child(odd) .ltrt-cont { padding-left: 20px; }

    .ctabar { padding: 30px; }
    .ctabar-title { width: 80%; }

    .abtsec-cont { width: 100%; }
    .abtpros { margin-top: 20px; }

    .faqbox { padding-top: 40px; }

    .gtcbox-lt { padding: 25px 25px 35px; }
    
    .lrmedstat { width: 500px; max-width: 100%; margin: 30px auto 0; }

    .iboxitem h3 { margin-top: 10px; }

    .serbox-inn { padding: 40px 30px; }

    /* .sitefoo::before { --fooCSize: 100vh; opacity: 0.2; top: 50%; transform: translateY(-50%); } */

    .abtmiss { margin-top: 110px; }
    .abimgs { padding: 0 20px; margin: -190px 0 60px; }

    .ovlist { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; }
    .ovitem { flex: 1 0 calc(33.33% - 20px); max-width: calc(33.33% - 20px); }

    .wwu-item { flex: 1 0 calc(50% - 15px); max-width: calc(50% - 15px); }
}
/*991*/

@media screen and (max-width: 767px) {
    h1, .h1 { --fsize: 40px; margin-bottom: 16px; }
    h2, .h2 { --fsize: 34px; }
    section.section { padding-top: 70px; padding-bottom: 70px; }
    .sitefoo { padding-top: 70px; }
    .hero .row { row-gap: 40px; }
    .hero-home .col-media img { max-height: 400px; }
    .kdm-logos { padding-bottom: 30px; }
    .ltrt-row img, .abtsec-media img { max-height: 420px; }
    .gtcbox-lt { padding: 20px 15px 35px; }
    .gtcbox-rt { padding: 25px; }
    .iboxlist { row-gap: 30px; }

    .abimgs { overflow: auto; justify-content: flex-start; padding-bottom: 10px; }
    .hbai { max-width: 310px; }
    .hbai-2 { max-width: 270px; }

    .ovlist { gap: 30px 20px; }
    .ovitem { flex: 1 0 auto; max-width: calc(50% - 10px); }

    .wwu-item { flex: 1 0 100%; max-width: 100%; }
    .wwu-item img { min-height: 0; max-height: 45px; }

    .popup { align-items: flex-start; max-height: calc(100vh - 30px); overflow: auto; }

    .reportform .bttn { --btnsize: auto; }
}
/*767*/

@media screen and (max-height: 620px) {
    .popup {
        align-items: flex-start;
        max-height: calc(100vh - 30px);
        overflow: auto;
    }
}
/*620*/

@media screen and (max-width: 575px) {
    .font-22 { font-size: 20px; line-height: 30px; }
    .font-28 { font-size: 24px; line-height: 34px; }
    .lricitem { gap: 12px; }
    .ctabar-title { width: 100%; }
    .ctabar::before { display: block; }
    .reportform { --fieldsize: 55px; }
    /* .reportform .bttn { position: static; width: 100%; margin-top: 10px; border-radius: var(--siteradius); } */ 
    .faqbox { padding: 40px 20px 20px; }
    .faqitem { padding: 15px; }
    .faqhead h3, .faqbttn { font-size: 18px; line-height: 26px; }
    .helpfoo { margin-top: 40px; }

    .serbox-inn { padding: 40px 20px; }
    .serbox-inn .fouri { padding: 20px; }

    .secondary-logo-link img { width: 150px; }
    .sitefoo { padding-top: 50px; }
    .foocol-title { font-size: 22px; }

    .abimgs { gap: 20px; margin-top: -170px; margin-bottom: 50px; }
    
    .ovitem { flex: 1 0 100%; max-width: 100%; padding: 20px; }
    
    .bloglist { row-gap: 30px; }
    .blogi-cat { position: static; font-size: 14px; margin-bottom: 12px; }

    .nav-links > div,
    .nav-links > div + div {
        max-width: 100%;
        flex: 1 0 100%;
        text-align: left;
        padding: 0;
    }

    .nav-links { gap: 10px; }
    .nav-title { font-size: 14px; line-height: 22px; }

    .jobbody { padding-bottom: 20px;}

    .popup-inner { padding: 20px; }

}
/*575*/

@media screen and (min-width: 460px) {
    .page-cont h2, .page-cont .h2 { --fsize: 32px; }
}
/*MIN 460 ENDS*/

@media screen and (max-width: 459px) {
    :root { --siteradiuss: 10px; --siteradius16: 10px; }
    body { font-size: 16px; line-height: 26px; }
    h1, .h1 { --fsize: 36px; margin-bottom: 10px; }
    h2, .h2 { --fsize: 32px; }
    h3, .h3 { --fsize: 28px; }
    .hero .font-22 { font-size: 18px; line-height: 26px; }
    .section-head { margin-bottom: 30px; }
    .headctas .bttn { min-width: 0; padding: 6px; }
    .headctas .bttn span { display: none; }
    .hero { padding: 40px 0; }
    .lracc-head img { width: 30px; }
    .faqlist { gap: 15px; }
    .testi-item { padding: 20px; }
    .test-auth { margin-top: 20px; }
    .gtcbox-rt { padding: 25px 20px; }
    .gtcbox-contlogo { margin-bottom: 20px; }
    .lrmedstat { grid-template-columns: 1fr; gap: 15px; }

    .serbox-inn { padding: 40px 15px; }
    .serbox-inn .fouri { padding: 15px; }
    .row-foologo { margin-bottom: 40px; }

    .blogi-body, .wwu-item { padding: 20px; }

    .input-quiz label { flex-wrap: wrap; }
    .input-quiz .wpcf7-not-valid-tip { margin-left: 0; }

    .contcard a { gap: 10px; }
}
/*459*/

@media screen and (max-width: 375px) {
    h1, .h1 { --fsize: 32px; }
    h2, .h2 { --fsize: 30px; }
    h3, .h3 { --fsize: 26px; }
    h4, .h4 { --fsize: 22px; }
    .row-foologo { flex-wrap: wrap; row-gap: 20px; }
    .row-foologo > * { flex: 1 0 100%; text-align: center; }
    .bttn-foologo { text-align: center; }
}
/*375*/