@media screen and (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: calc(1120px + 32px); }
    .container-small { max-width: calc(1120px + 32px); }
    .site-header .container { max-width: 1120px; }
}
/*MIN 1300 ENDS*/

@media screen and (min-width: 992px) {
    
}
/*MIN 992 ENDS*/

@media screen and (max-width: 1800px) {
    body { padding-top: 144px; }
    .featcont { padding: 24px; }
    .featcol-1 .featitem { aspect-ratio: 783 / 530; }
    .featcol-2 .featcont { padding: 16px; }
    .single-excerpt { font-size: 16px; line-height: 24px; }
    .single-cats a { font-size: 14px; line-height: 22px; padding: 5px 10px; }
    .page-thumb { padding-top: 0; }
}

@media screen and (max-width: 1279px) {
    body { padding-top: 140px; }
    h1, .h1 { --fsize: 44px;  }

    .site-header .container {
        width: 1040px;
        max-width: calc(100% - 52px);
        margin: 0 26px;
    }

    .font-20 { font-size: 18px; line-height: 26px; }
}
/*1279*/

@media screen and (max-width: 1199px) {
    h1, .h1 { --fsize: 40px;  }
    .headernav { column-gap: 16px; }
    .featgrid { flex-direction: column; }
    .featcol-1 { flex: 1 0 100%; max-width: 100%; }
    .featcol-1 .featitem { aspect-ratio: unset; }
    .featthumb { width: 100%; }
    .featcol-2 { display: grid; grid-template-columns: 1fr 1fr; }
    .featcol-2 .featitem { aspect-ratio: 350/240; }
    .featcont { padding: 24px 34px; }
    .featcol-2 .featcont { padding: 20px; }

    .bitem { flex: 1 0 50%; max-width: calc(50% - 10px);}
}
/*1199*/

@media screen and (max-width: 1023px) {
    .site-header { top: 13.75px; }
    .site-header .container { padding: 13.75px 16px; }
    .foo-sec { grid-template-columns: 1fr; gap: 40px; }
}
/*1023*/

@media screen and (max-width: 991px) {
    .headernav { column-gap: 13.75px; }
    
    .headernav a { font-size: 15px; }
    
    .colheadleft {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: auto;
        flex: 1 0 auto;
    }

    .colheadright {
        display: none;
        position: fixed;
        padding: 100px 32px 32px;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(10px);
        inset: 0;
        z-index: 10;
    }

    .colheadright .headernav {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 1.5rem;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .headernav a {
        font-size: 24px;
        text-decoration: none;
        color: #312e81;
        transition: color .3s;
    }
    
    .colheadright .bttn {
        margin-top: 40px;
    }

    .colheadright .site-menutoggle {
        position: absolute;
        top: 1.25rem;
        right: 1.25rem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .375rem;
        color: #312e81;
        border: none;
        transition: all .3s;
        z-index: 10;
        cursor: pointer;
    }
    
    .colheadright .site-menutoggle svg {
        width: 28px;
        height: 28px;
    }

    .font-26 { font-size: 24px; line-height: 32px; }
    
    .featcol .featcont { padding: 25px; }
    .featcol .feathead  { font-size: 22px; line-height: 30px; }
    .featcol-2 { grid-template-columns: 1fr; }
    .featcol-2 .featitem { aspect-ratio: unset; }

    .bitem-meta { flex-direction: column; gap: 3px; align-items: flex-start; }

    .site-toc { padding: 20px 0 6px; margin-bottom: 20px; }
    .site-toc > ul { padding-left: 45px; padding-right: 20px; }

}
/*991*/

@media screen and (max-width: 767px) {
    h2, .h2 { --fsize: 28px; }
    .bitem { flex: 1 0 100%; max-width: 100%;}
    .foo-row { grid-template-columns: 1fr; gap: 32px; }
    .foo-btm { text-align: center; flex-direction: column; }
    .btm-links { flex-direction: column; gap: .5rem; margin-left: 0; margin-right: 0; }
    .scrollToTop { margin: .75rem auto 0; position: static; transform: none; }
}
/*767*/

@media screen and (max-width: 575px) {
    .site-header{ top: 0; }
    .site-header .container { max-width: 100%; margin: 0; border-radius: 0; }
}
/*575*/

@media screen and (max-width: 459px) {
    .featcol .featitem { aspect-ratio: 16 / 12; }
    .featcol .featcont { padding: 20px; }
    .footer-cta .bttn { justify-content: center; width: 100%; }
}
/*459*/

@media screen and (max-width: 375px) {
    h1, .h1 { --fsize: 36px;  }
}
/*375*/