@media (max-width: 1420px){
    .navbar {
        height: 80px;
    }
    .navbar .navbar-container{
        width: 100%;
        justify-content: space-between;
    }
    .navbar .navbar-container .menu{
        display: none;
    }
    .navbar .navbar-container .logo{
        max-width: 200px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .navbar .navbar-container .logo .hamburger{
        display: block;
    }

    .header-container {
        height: calc(100vh - 80px);
    }
    .hero-card {
        max-width: 864px;
    }
    .hero-card .title {
        font-size: 44px;
        line-height: 52px;
    }
    .hero-card .details {
        font-size: 20px;
    }
    .btn {
        font-size: 16px;
    }
    .social-media-card .nav-card::before {
        bottom: 40%;
        top: 0;
    }
    .social-media-card .nav-card::after {
        top: 40%;
    }
    .academic-journey {
        padding: 20px 0;
    }
    .academic-journey .academic-journey-card .title {
        max-width: 350px;
        font-size: 24px;
    }
    .time-out .timezone-card{
        width: 90px;
        height: 90px;
    }
    .time-out .timezone-card .number{
        font-size: 36px;
    }
    .time-out .timezone-card .name{
        font-size: 20px;
    }
    .counter-hero-card .title {
        font-size: 40px;
    }
    .counter-hero-card .details {
        font-size: 16px;
    }
    .counter-hero-card {
        width: 700px;
        height: 350px;
    }
    .countries-list .countries-card .countries-flag {
        min-width: 35px;
        width: 35px;
        height: 35px;
    }
    .countries-list .countries-card .countries-name{
        font-size: 20px;
    }
    .counter-card .number {
        font-size: 40px;
        margin-bottom: 40px;
    }
    .counter-card .name {
        color: #1C274B;
        font-size: 16px;
    }
    .why-abt .head .title {
        max-width: 443px;
        font-size: 30px;
    }
    .why-abt .head .details {
        max-width: 500px;
        font-size: 16px;
    }
    .why-abt .features-card .title {
        font-size: 20px;
    }
    .why-abt .features-card {
        height: 300px;
        padding: 24px;
    }
    .why-abt .features-card .description {
        font-size: 20px;
        height: 90px;
    }
    .more-about-abt .more-about-abt-card .title {
        max-width: 200px;
        font-size: 32px;
    }
    .more-about-abt .more-about-abt-card .title strong {
        font-size: 38px;
    }
    .more-about-abt .more-about-abt-card .details {
        max-width: 753px;
        font-size: 16px;
        line-height: 26px;
    }
    .more-about-abt .more-about-abt-card .details p {
        margin-bottom: 20px;
    }
    .more-about-abt .more-about-abt-card .details small {
        font-size: 14px;
    }
    .abt-glance .section-title {
        font-size: 38px;
        margin-bottom: 60px;
    }
    .abt-glance .section-title strong {
        font-size: 38px;
    }
    .abt-glance .glance-card {
        margin-bottom: 30px;
    }
    .abt-glance .glance-card .details {
        font-size: 16px;
    }
    .abt-glance .our-value .title {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .our-value-cards .our-value-card .title {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .our-value-cards .our-value-card {
        min-height: 150px;
        padding: 15px;
    }
    .abt-update .section-title .title {
        font-size: 28px;
    }
    .abt-update .section-title .details {
        font-size: 16px;
    }
    .update-card .title {
        font-size: 16px;
    }
    .update-card .pic .date {
        width: 70px;
        padding: 10px;
        border-radius: 15px;
    }
    .update-card .pic .date .full-date .day {
        font-size: 26px;
    }
    .update-card .pic .date .full-date {
        font-size: 12px;
    }
    .abt-competitions .section-title .title {
        font-size: 24px;
        max-width: 380px;
    }
    .abt-competitions .section-title .details {
        font-size: 16px;
    }

    .competitions-card .competition-card .content .name {
        font-size: 20px;
    }

    .competitions-card .competition-card .content .school {
        font-size: 14px;
    }

    .competitions-card .competition-card .content .performance {
        font-size: 16px;
    }

    .competitions-card .competition-card .content .grade {
        font-size: 16px;
    }
    .abt-product .section-title {
        max-width: 800px;
        height: 356px;
    }
    .abt-product .section-title .title {
        font-size: 32px;
    }
    .abt-product .section-title .details {
        font-size: 16px;
    }
    .abt-product .products .product-card .title {
        font-size: 16px;
        line-height: 1.5;
        align-items: center;
        height: 40px;
    }
    .abt-documents .section-title .title {
        max-width: 399px;
        font-size: 28px;
    }
    .abt-documents .section-title .details {
        max-width: 520px;
        font-size: 16px;
    }
    .abt-documents .documents .document-card .content .title {
        font-size: 16px;
    }
    .abt-documents .documents .document-card .icon {
        min-width:60px;
        width: 60px;
        height: 60px;
    }
    .footer-cards .footer-card.about .title {
        font-size: 20px;
    }
    .footer-cards .footer-card.link .title {
        font-size: 16px;
        line-height: 46px;
    }
    .footer-cards .footer-card.link .nav .nav-link {
        font-size: 14px;
    }
    .footer-cards .footer-card.contact .table tr td a {
        font-size: 14px;
    }
    .footer-cards .footer-card.about,
    .footer-cards .footer-card.contact {
        max-width: 30%;
    }
    .footer-cards .footer-card.link {
        max-width: 40%;
    }
    .footer-cards .footer-card.about .logo {
        width: 200px;
        height: 62px;
        margin-bottom: 60px;
    }
    .footer-cards .footer-card.contact .nav-social-media .nav-link {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .updates-section .head .tabs .nav-link {
        max-width: 220px;
        min-width: 148px;
        height: 50px;
        font-size: 20px;
    }
    .update-card .pic {
        height: 340px;
    }
    .updates-view-section .updates-view-card .title {
        font-size: 30px;
    }
    .updates-view-section .updates-view-card .details {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .updates-view-section .updates-view-card .blockquote {
        border-radius: 26px;
        padding: 24px;
        font-size: 16px;
    }
    .updates-view-section .updates-view-card .info .date {
        font-size: 12px;
    }
    .updates-view-section .updates-view-card .info .share ul .nav-link {
        min-width: 40px;
        width: 40px;
        height: 40px;
        font-size: 16px;
        padding: 0;
    }
    .competitions-sidebar {
        max-width: 273px;
    }
    .competitions-category .competitions-category-name {
        min-height: 40px;
        padding: 12px 20px;
        font-size: 14px;
        border-radius: 12px;
        align-items: center;
    }
    .competitions-content .head .title {
        font-size: 18px;
    }
    .competitions-content .head .filter .search-card {
        max-width: 347px;
        width: 347px;
        height: 50px;
        border-radius: 12px;
    }
    .competitions-content .head .filter .action {
        width: 50px;
        height: 50px;
        border-radius: 12px;
    }
    .competitions-card .competition-card {
        border-radius: 16px;
        padding: 16px;
    }
    .competitions-card .competition-card .pic {
        height: 200px;
        border-radius: 16px;
        overflow: hidden;
        margin-bottom: 24px;
    }
    .inner-header .header-container .title {
        font-size: 24px;
        margin-bottom: 24px;
    }
    .inner-header .header-container .details {
        font-size: 16px;
    }

    .product-view-section .product-view-card .title {
        font-size: 28px;
    }
    .product-view-section .product-view-card .details .details-card .key {
        font-size: 20px;
        margin-bottom: 0;
    }
    .product-view-section .product-view-card .details .details-card .value {
        font-size: 16px;
    }
    .ready-bring-section .ready-bring-card .title {
        font-size: 24px;
    }

    .document-container .tabs .head .title{
        font-size: 24px;
    }
    .document-container .tabs .tab-list .nav .nav-link,
    .document-container .tabs .head .details{
        font-size: 16px;
    }

    .document-container .tabs .tab-list .nav{
        gap: 1rem;
    }
    .document-container .tabs .tab-list .nav .nav-link{
        padding-bottom: 1rem;
    }
}

@media (max-width: 1024px){
    .hero-card {
        max-width: 764px;
    }
    section{
        padding: 90px 0 !important;
    }
    .time-out{
        gap: 24px;
    }
    .why-abt .head .title{
        max-width: 420px;
    }
    .document-container .tabs .head .title,
    .document-container .tabs .tab-list .nav .nav-link,
    .updates-view-section .updates-view-card .title,
    .inner-header .header-container .title,
    .abt-documents .section-title .title,
    .abt-competitions .section-title .details
    .abt-competitions .section-title .title,
    .abt-update .section-title .title,
    .abt-glance .our-value .title,
    .abt-glance .glance-card .title,
    .abt-glance .section-title .title,
    .abt-glance .section-title strong,
    .more-about-abt .more-about-abt-card .title,
    .why-abt .head .title{
        font-size: 20px;
        line-height: 1.5;
    }
    .why-abt .features-card .description,
    .abt-glance .glance-card .details,
    .more-about-abt .more-about-abt-card .details,
    .why-abt .head .details{
        font-size: 16px;
        line-height: 1.3;
    }
    .more-about-abt .more-about-abt-card .details small{
        line-height: 1;
    }
    .more-about-abt .more-about-abt-card{
        margin-bottom: 50px;
    }
    .our-value-cards .our-value-card .icon {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .abt-update .section-title {
        gap: 50px;
    }
    .update-card {
        max-width: 320px;
    }
    .update-card .pic {
        max-width: 100%;
    }
    .competitions-card .competition-card .pic {
        width: 200px;
    }
    .abt-product .products .product-card .title{
        font-size: 14px;
    }
    .inner-header .breadcrumb .breadcrumb-item {
        font-size: 14px;
    }
    .competitions-type-cards .competitions-type-card .competitions-type-name {
        font-size: 14px;
    }
    .competitions-category {
        padding: 16px;
    }
    .competitions-card .competition-card .pic {
        height: 220px;
    }
    .competitions-card .competition-card .content .name {
        font-size: 16px;
    }
    .competitions-card .competition-card .content .performance{
        font-size: 12px;
    }
    .competitions-card .competition-card .content .grade{
        font-size: 14px;
    }
    .competitions-content .competitions-card {
        padding: 16px;
        gap: 16px;
    }
    .competitions-content .competitions-card .competition-card {
        max-width: calc((100% / 3) - 11px);
    }
    .competitions-category .competitions-category-name {
        height: 50px;
    }
    .competitions-content .head .filter .search-card {
        max-width: 247px;
        width: 247px;
        height: 40px;
        padding: .5rem;
    }
    .competitions-content .head .filter .action {
        width: 40px;
        height: 40px;
    }
    .competitions-content .head .filter .action svg{
        width: 20px;
        height: 20px;
    }
    .competitions-section .competitions-card{
        overflow: hidden;
    }
    .updates-section .updates-card .update-card .title {
        font-size: 16px;
    }
    .updates-section .updates-card .update-card .details{
        font-size: 14px;
    }
    .abt-documents .documents {
        gap: 20px;
    }
    .abt-documents .documents .document-card {
        max-width: calc((100% / 2) - 10px);
    }
}

@media (max-width: 990px){
    .countries{
        padding: 1rem 0 !important;
    }
    .time-out .timezone-card{
        width: 75px;
        height: 75px;
    }
    .time-out .timezone-card .number{
        font-size: 24px;
        line-height: 1.5
    }
    .time-out .timezone-card .name{
        font-size: 16px;
    }
    .counter-hero-card {
        width: 100%;
        height: 250px;
    }
    .counter-hero-card .title{
        padding-top: 0;
    }
    .countries-list {
        gap: 2rem;
        overflow-x: scroll;
    }
    .our-value{
        margin-top: 2rem;
    }
    .abt-product .products {
        gap: 1rem;
    }
    .abt-product .products .product-card {
        max-width: calc((100% / 3) - 11px);
        padding: 24px;
    }
    .why-abt .head,
    .section-title {
        gap: 1rem !important;
        margin-bottom: 104px;
        flex-direction: column !important;
        justify-content: start !important;
        align-items: start !important;
    }
    .abt-product .section-title {
        align-items: center !important;
    }
    .footer-cards .footer-card.about,
    .footer-cards .footer-card.link,
    .footer-cards .footer-card.contact {
        max-width: 100%;
    }
    .footer-cards .footer-card.link .title{
        margin-bottom: 0;
    }
    .footer-cards .footer-card.link .nav{
        flex-direction: row;
        gap: 0;
        margin-bottom: 1rem;
    }
    .product-view-section .product-view-card .details {
        gap: 16px;
    }
    .product-view-section .product-view-card .details .details-card {
        max-width: calc((100% / 3) - 11px);
        width: 100%;
        margin-bottom: 1rem;
    }
    .updates-card {
        gap: 16px;
    }
    .updates-section .updates-card .update-card:first-child {
        max-width: 100%;
        width: 100%;
    }
    .updates-section .updates-card .update-card {
        max-width: calc((100% / 2) - 8px);
    }
    .competitions-sidebar {
        max-width: 100%;
    }

    .document-container,
    .competitions-container {
        flex-direction: column;
    }
    .document-container .tabs .head{
        max-width: 320px;
    }
    .document-container .tabs .tab-list .nav{
        flex-direction: row;
        margin-bottom: 24px;
        flex-wrap: wrap;
    }
    .document-container .tabs{
        max-width: 100%;
    }
}

@media (max-width: 767px){
    .more-about-abt-card{
        max-width: 100%;
        gap: 1rem !important;
        margin-bottom: 104px;
        flex-direction: column !important;
        justify-content: start !important;
        align-items: start !important;
    }
    .abt-product .section-title{
        max-width: 100%;
        padding: 0 1rem;
    }
    .abt-product .section-title .title{
        padding: 0 1rem;
        text-align: center;
    }
    .abt-product .products .product-card {
        max-width: calc((100% / 2) - 9px);
    }
    .product-view-section .product-view-card .details .details-card {
        max-width: calc((100% / 2) - 8px);
    }
    .ready-bring-section .ready-bring-card {
        flex-direction: column;
        text-align: center;
    }
    .footer-cards .footer-card.about .logo,
    .footer-cards .footer-card.about .title{
        margin: auto;
        margin-bottom: 2rem;
        text-align: center;
    }
    .footer-copyright{
        flex-direction: column;
    }
    .navbar .navbar-container .action .lang {
        width: 48px;
        height: 48px;
        padding: 0;
        justify-content: center;
    }
    .navbar .navbar-container .action .lang .title{
        display: none
    }
    .navbar .navbar-container .action .demo-assessments {
        max-width: auto;
        width: auto !important;
        height: 48px;
        padding: 14px;
    }
    .navbar .navbar-container .action .demo-assessments a {
        font-size: 12px;
    }
    .navbar .navbar-container .action .demo-assessments .dropdown-menu .dropdown-item {
        font-size: 12px;
        padding: 12px;
    }
    .navbar .navbar-container .action .demo-assessments .dropdown-menu {
        padding: 12px;
        border-radius: 8px;
        margin-top: 20px;
    }
    .social-media-card{
        display: none;
    }
    .academic-journey-card{
        flex-direction: column;
    }
    .academic-journey .academic-journey-card .title {
        text-align: center;
    }
    .features-card{
        margin-bottom: 24px;
    }
    .competitions-content .competitions-card .competition-card {
        max-width: calc((100% / 2 - 8px));
    }
    .update-card .pic {
        height: 240px;
    }
    .countries-list .countries-card {
        margin-bottom: 16px;
    }
    .countries-list .countries-card .countries-flag{
        width: 24px;
        height: 24px;
    }
    .countries-list .countries-card .countries-name{
        white-space: pre;
        font-size: 14px;
    }
}

@media (max-width: 420px){
    .navbar .navbar-container .action{
        gap: 1rem;
    }
    .navbar .navbar-container .action .dropdown .dropdown-toggle .title{
        display: none;
    }
    .navbar .navbar-container .action .demo-assessments{
        min-width: 46px;
        width: 46px;
        height: 46px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar .navbar-container .action .demo-assessments .dropdown-toggle::after{
        font-size: 20px;
        margin: 0;
    }
    .navbar .navbar-container .action .demo-assessments .dropdown-menu {
        padding: 2px;
    }
    .counter-hero-card .title,
    .hero-card .title{
        font-size: 24px;
    }
    .counter-hero-card .details,
    .hero-card .details{
        font-size: 16px;
    }
    .btn{
        font-size: 14px;
    }
    .our-value-cards .our-value-card .title{
        font-size: 16px;
    }
    .more-card .link a,
    .more-card .link .title{
        font-size: 14px;
    }
    .abt-product .products .product-card .pic {
        width: 50px;
        height: 50px;
    }
    .updates-section .updates-card .update-card,
    .abt-documents .documents .document-card {
        width: 100%;
        max-width: 100%;
    }
    .competitions-content .head,
    .updates-section .head{
        flex-direction: column;
    }
    .competitions-card .competition-card .pic {
        height: 140px;
    }

}