@media (min-width:1540px) {
    html .container {
        width: 1820px;
        padding-left: 150px;
        padding-right: 150px;
    }
    html .container-xl {
        width: 1960px;
        padding-left: 100px;
        padding-right: 100px;
    }
}
@media (min-width:1024px) and (max-width:1450px) {
    .footer-bottom {
        padding-right: 100px;
    }
}
@media (max-width:1024px) {
    body {
        font-size: 18px;
    }
    h1 {
        font-size: 54px;
    }
    h2 {
        font-size: 38px;
    }
    h3 {
        font-size: 34px;
    }
    h4 {
        font-size: 30px;
    }
    h5 {
        font-size: 26px;
    }
    h6 {
        font-size: 26px;
    }
    .h7 {
        font-size: 18px;
    }
    .h8 {
        font-size: 18px;
    }
    .h9 {
        font-size: 16px;
    }
    .h10 {
        font-size: 15px;
    }
    .h11 {
        font-size: 14px;
    }
    .h12 {
        font-size: 12px;
    }
    .fs-12 {
        font-size: 12px;
    }
    .fs-20 {
        font-size: 18px;
    }
    .fs-22 {
        font-size: 18px;
    }
    .fs-24 {
        font-size: 20px;
    }
    .fs-26 {
        font-size: 26px;
    }
    .fs-32 {
        font-size: 30px;
    }
    .fs-46 {
        font-size: 38px;
    }
    .title {
        margin-bottom: 12px;
    }
    .btn-wpr {
        margin-top: 30px;
    }
    html .btn-link {
        padding: 0;
        min-width: 0;
    }
    .socialicon {
        margin-top: 16px;
    }
    .socialicon ul {
        gap: 10px;
    }
    .footer-top .logo {
        margin-bottom: 30px;
    }
    .footer-top .logo a {
        height: 40px;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer-top .logo a img {
        height: 100%;
    }
    .footer-top ul li {
        margin-bottom: 12px;
    }
    .footer-top ul a {
        font-size: 14px;
    }
    html .socialicon .h11 {
        margin-bottom: 6px;
    }
    .socialicon ul li {
        margin-bottom: 0;
    }
    .footer-top {
        padding-bottom: 40px;
    }
    .footer-bottom {
        padding-top: 20px;
    }
    .footer-bottom .selecttext {
        margin-bottom: 10px;
    }
    .footer-bottom ul {
        gap: 8px;
    }
    footer {
        padding: 50px 0;
    }
    .loginsection {
        padding: 50px 0;
        min-height: unset;
        display: block;
    }
    .formbox {
        padding: 34px;
        width: 400px;
    }
    .formbox picture {
        width: 180px;
    } 

    .socialicon {
        margin-top: 16px;
    }
    .socialicon ul {
        gap: 10px;
        justify-content: center;
    }
    .footer-top .logo {
        margin-bottom: 30px;
    }
    .footer-top .logo a {
        height: 40px;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer-top .logo a img {
        height: 100%;
    }
    .footer-top .links ul li {
        margin-bottom: 12px;
    }
    .footer-top ul a {
        font-size: 14px;
    }
    html .socialicon .h11 {
        margin-bottom: 6px;
    }
    .socialicon ul li {
        margin-bottom: 0;
    }
    .footer-top {
        padding-bottom: 40px;
    }
    .footer-bottom {
        padding-top: 20px;
    }
    .footer-bottom .selecttext {
        margin-bottom: 10px;
    }
    .footer-bottom ul {
        gap: 8px;
    }
    footer {
        padding: 50px 0;
    }
    .footer-top .footer-quick-links {
        padding-left: 0;
        margin-top: 30px;
    }
    .footer-top .wpr {
        width: 350px;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    html .select2-container--default .select2-selection--single {
        height: 56px;
        padding: 16px;
        font-size: 14px;
    }
    html .btn-wpr {
        margin-top: 32px;
    }
    html .btn {
        padding: 0 22px;
        line-height: 42px;
        min-width: 180px;
        font-size: 14px;
        letter-spacing: 0.06em;
    }
    html .btn-link {
        letter-spacing: 0.06em;
    }
    html .btn-after {
        padding: 0;
        line-height: 44px;
        min-width: 0;
    }
}

@media (max-width:767px) {
    body {
        font-size: 16px;
    }
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 34px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 22px;
    }
    .h7 {
        font-size: 22px;
    }
    .h8 {
        font-size: 16px;
    }
    .h9 {
        font-size: 14px;
    }
    .h10 {
        font-size: 14px;
    }
    .h11 {
        font-size: 14px;
    }
    .h12 {
        font-size: 12px;
    }
    .fs-12 {
        font-size: 12px;
    }
    .fs-20 {
        font-size: 16px;
    }
    .fs-22 {
        font-size: 19px;
    }
    .fs-26 {
        font-size: 22px;
    }
    .fs-32 {
        font-size: 24px;
    }
    .fs-28 {
        font-size: 26px;
    }
    .fs-46 {
        font-size: 30px;
    }
    html .container {
        padding: 0 24px;
    }
    header {
        padding: 15px 0;
    }
    .sticky header {
        padding: 12px 0;
    }
    .logo a {
        display: block;
        height: 34px;
    }
    .sticky .logo a {
        height: 30px;
    }    
    footer {
        padding: 40px 0;
    }
    .footer-top .logo {
        margin-bottom: 24px;
    }
    .footer-top .logo a {
        height: 32px;
        display: block;
    }
    .socialicon {
        margin-top: 32px;
    }
    .footer-top .h11,
    html .socialicon .h11 {
        margin-bottom: 12px;
        text-align: left;
    }
    .footer-top .form-group .icon {
        width: 18px;
        height: 18px;
        left: 10px;
    }
    .footer-top .form-select {
        height: 48px;
        padding: 8px 8px 8px 36px;
    }
    .socialicon ul {
        gap: 20px;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .footer-top .links ul li {
        margin-bottom: 12px;
        line-height: 140%;
    }
    .footer-top ul a {
        font-size: 14px;
        display: block;
        line-height: 140%;
    }
    .socialicon ul li {
        margin-bottom: 0;
    }
    .footer-top {
        padding-bottom: 48px;
        position: relative;
    }
    .footer-top .footer-quick-links {
        margin-top: 24px;
    }
    .footer-bottom {
        padding-top: 15px;
    }
    .footer-bottom p, .footer-bottom ul li .h11 {
        line-height: 167%;
    }
    .footer-bottom ul li .h11 {
        color: var(--light);
        text-decoration: none !important;
    }
    .footer-bottom .selecttext {
        margin-bottom: 8px;
    }
    html .btn {
        padding: 0 14px;
        line-height: 34px;
        min-width: 120px;
    }
    .scrollToTop {
        width: 40px;
        height: 40px;
        padding: 10px;
        right: 10px;
        bottom: 10px;
    }
    html .btn {
        padding: 0 16px;
        line-height: 38px;
        min-width: 150px;
        font-size: 12px;
    }
    html .btn-link {
        font-size: 14px;
        padding: 0;
        min-width: 0;
    }
    .footer-top .linkssm ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -8px;
    }
    .footer-top .linkssm ul li {
        width: 50%;
        padding: 0 8px;
    }
    .footer-top .linkssm ul li:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }
    .footer-bottom .col-auto {
        width: 100%;
    }
    .footer-bottom ul {
        gap: 10px 0;
        width: 100%;
        margin: 0 -5px;
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .footer-bottom ul li {
        width: 50%;
        padding: 0 5px;
    }
    body:has(.loginpage)  {
        padding-top: 65px;
    }
    .loginsection {
        padding: 0;
        min-height: 0;
        display: block;
    }
    .loginsection .container {
        padding: 0;
    }
    .formbox {
        padding:32px 24px;
        width: 100%;
        background: #fff !important;
        color: #061428 !important;
    }
    .formbox input,
    .formbox .form-control,
    .formbox a,
    .formbox p,
    .formbox label {
        color: #061428 !important;
    }
    .formbox picture {
        width: 170px;
        margin-bottom: 32px;
    }
    .btn,
    .btn-outline,
    .btn-outline-primary {
        border: 1px solid var(--bodybg) !important;
        color: var(--bodybg) !important;
    }
    .separator {
        margin: 32px 0;
    }
    .fs-sm-12 {
        font-size: 12px;
    }
    .fs-sm-14 {
        font-size: 14px;
    }
    .fs-sm-16 {
        font-size: 16px;
    }
    .fs-sm-18 {
        font-size: 18px;
    }
    .fs-sm-19 {
        font-size: 19px;
    }
    .fs-sm-20 {
        font-size: 20px;
    }
    .fs-sm-22 {
        font-size: 22px;
    }
    .fs-sm-24 {
        font-size: 24px;
    }
    .fw-sm-600 {
        font-weight: 600;
    }
    .login-dropdown .dropdown-menu {
        top: 4px !important;
        right: 26px !important;
        width: 120px;
    }
    .login-dropdown .dropdown-menu .dropdown-item {
        padding: 0 12px;
        line-height: 38px;
    }
    .login-dropdown .dropdown-toggle svg {
        width: 20px;
        height: 20px;
    }
    
    .announcementbar {
        height: 80px;
    }
    .announcementbar .closeicon {
        width: 24px;
        min-width: 24px;
        height: 24px;
    }
    .announcementcarousel .text {
        gap: 0;
        min-height: 0;
        flex-direction: column;
        justify-content: center;
    }
    .announcementcarousel p {
        max-width: 100%;
        line-height: 140%;
        max-height: 42px;
        white-space: normal;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .announcementcarousel a {
        margin-top: 0;
    }
    html .btn {
        padding: 0 32px;
        line-height: 42px;
        min-width: 180px;
        font-size: 14px;
    }
    html .btn-link {
        font-size: 14px;
        padding: 0;
        min-width: 0;
    }
    html .btn-wpr .row {
        row-gap: 20px;
    }
    html .btn-after {
        padding: 0;
        line-height: 40px;
        min-width: 0;
    }
    html .btn-after.fs-14 {
        font-size: 12px;
    }
    html .form-submit .btn-link {
        width: 100%;
    }
    .backtologin {
        margin-bottom: 32px;
    }
    .backtologin a{
        font-weight: 700;
    }
    html .mb-32 {
        margin-bottom: 32px !important;
    }
    .footer-center .dropdowncontent {
        max-height: 40px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-right: 18px;
        position: relative;
    }
    .footer-center .dropdowncontent.active {
        max-height: unset;
        display: block;
    }
    .footer-center .dropdowncontent .icon {
        width: 12px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 3px;
        background-image: url('data:image/svg+xml,<svg width="6" height="4" viewBox="0 0 6 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 3.55914L0 0.559143L0.559142 0L3 2.44086L5.44086 0L6 0.559143L3 3.55914Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        transition: all 0.4s;
    }
    .footer-center .dropdowncontent.active .icon {
        transform: scaleY(-1);
    }
    .footer-center .dropdowncontent p {
        line-height: 167%;
    }
    .footer-bottom .col-auto {
        width: 100%;
    }
    .footer-bottom ul {
        display: block;
        margin-top: 32px;
    }
    .footer-bottom ul li + li {
        margin-top: 12px;
    }
    
}
@media (max-width:360px) {
    .logo a {
        height: 30px;
    }
    .sticky .logo a {
        height: 28px;
    }
    body {
        font-size: 15px;
    }
    html .btn {
        padding: 0 14px;
        line-height: 34px;
        min-width: 120px;
    }
    html .btn-wpr .btn {
        min-width: 120px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 20px;
    }
    .h7 {
        font-size: 18px;
    }
    .h10 {
        font-size: 13px;
    }
    .h11 {
        font-size: 12px;
    }
    .fs-20 {
        font-size: 14px;
    }
    .fs-22 {
        font-size: 16px;
    }
    .fs-32 {
        font-size: 20px;
    }
    .login-dropdown .dropdown-toggle {
        gap: 4px;
    }
}