@media (max-width: 480px) {
    .reward-section {
        padding-left: 20px;
        padding-right: 20px;
    }
    .reward-section .for-gpa5 a .area {
        width: 90%;
        height: auto;
    }
    .reward-section .for-no-gpa5 a .area {
        width: 90%;
        height: auto;
    }
    .slider-mobile {
        text-align: center;
    }
    .slider-section h4 {
        position: absolute;
    }
    .slider-section h2 .ssc {
        font-size: 44px;
    }
    .slider-mobile form {
        text-align: left;
    }
    .registration-text {
        top: 760px;
    }
    .information-box {
        /* width: 101px; */
        /* height: 100px; */
        display: none;
        position: absolute;
        top: 0px;
        left: 26px !important;
        z-index: 1;
        background-color: #ffffff;
        border: 2px solid #ccc7c8;
        border-radius: 5px;
        padding: 5px;
    }

    .reward-section .content {
        margin-bottom: 30px;
        font-size: 14px;
    }

    .slider-section h2 {
        font-style: normal;
        font-size: 36px;
        padding-top: 20px;
        color: #FFFFFF;
    }

    .span-highlight {
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 36px;
        text-align: center;
        color: #CF278D;
    }
    .layer {
        padding: 30px 0;
        position: inherit;
    }
    .countdown {
        margin: 0;
        padding: 0;
    }
    .countdown-height {
        height: 190px;
    }
    .countdown-item b {
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
        color: #FFFFFF;
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
    .slider-section .days {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
    }
    .countdown-item-break {
        top: -40px;
        font-size: 25px;
    }
    .list-inline-item:not(:last-child) {
        margin-right: 0px;
    }
    .mobile-css{
        display: block;
    }
    .desktop-css{
        display: none;
    }

    .mobile-registration{
        margin-top: 30px;
    }
    .mobile-registration .card-body {
        min-height: 300px;
    }
    .navbar {
        padding-bottom: 15px;
    }
    .about-content h4 {

        margin-bottom: 20px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        color: #354895;
    }
    .about-content {
        text-align: center;
    }
    .about-section {
        padding-left: 20px;
        padding-right: 20px;
    }
    .about-content .btn {
        margin-bottom: 30px;
    }
    .about-section .video-js {
        height: 220px !important;
    }
    .reward-section h4 {

        margin-bottom: 25px;
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        padding: 0px 60px;
        color: #354895;
    }
    .video-section {
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-header h4 {
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 34px;
        text-align: center;
        color: #354895;
    }
    section {
        padding: 30px 0px;
    }

    .map-section {
        padding-right: 20px;
        padding-left: 20px;
    }

    .map-section .card-body {
        padding: 35px 20px 25px 20px;
    }

    .map-section h4 {
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        color: #354895;
        margin-bottom: 20px !important;
    }

    .help-section .d-flex {
        display: contents !important;
    }
    .help-section{
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
    }
    .help-section .btn {
        float: none;
    }
    .help-section .small {
        float: none;
        text-align: center;
    }
    .help-section h4 {
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 34px;
        text-align: center;
        color: #232C6A;
    }
    .help-section p {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 150%;
        text-align: left;
        padding: 0px 20px;
    }
    .help-section .small, small {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
        color: #C0187E;
    }
    .mt .small{
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 160%;
        text-align: center;
        color: #454C7E;
    }
    .cta-section {
        padding: 50px 0px;
    }

    .layer {
        padding: 100px 0px 66px 0px !important;
    }
    .slider-section {
        position: relative;
        height: 1030px;
    }
    .map-area svg, .map-area g {
        width: 60% !important;
    }
    .map-row .card-header h5{
        font-size: 20px;
    }
    .map-row .card-body h5{
        font-size: 20px;
    }
    .photo-slider .nav-pills .nav-link .o-zilla {
        display: none;
    }
    .photo-slider .nav-pills .nav-link {
        padding: 8px;
        font-size: 14px;
    }
    .blog-section h3 {
        font-size: 20px;
    }
    .blog-section h4 {
        font-size: 18px;
    }
    .help-section h3 {
        font-size: 20px;
    }
    .help-section .card-body .text-area {
        margin-bottom: 300px;
    }
    .faq-section h3 {
        font-size: 20px;
    }
    .faq-short-text {
        padding: 0 30px;
    }
    .help-section .card-body .text-area {
         padding: 30px 0px;
    }
    .first-row-right {
        order: -1;
    }
}

@media (max-width: 400px) {
    .slider-section {
        position: relative;
        height: 1230px;
    }

    .layer {
        padding: 100px 0px 40px 0px !important;
    }
}