@media only screen and (min-width: 320px) {}

@media only screen and (min-width: 375px) {

    /* .customer-slider .slick-prev,
    .customer-slider .slick-next {
        top: 320px;
    } */
}

@media only screen and (min-width: 425px) {}

@media only screen and (min-width: 575px) {}

@media only screen and (min-width: 768px) {

    .second-slider .slick-next {
        top: 620px;
        right: 50px;
    }

    .second-slider .slick-prev {
        top: 620px;
        left: 15px;
        z-index: 9;
    }

    .video-over-div {
        margin-left: 110px;
    }

    .section-header {
        font-size: 48px;
        line-height: 60px;
    }

    .inquiry-div {
        display: flex;
    }

    footer .right-p-div {
        margin-bottom: 0px;
        width: 50%;
    }

    .call-and-opening-div {
        display: flex;
    }

    .opening-hr {
        margin-left: 100px;
        margin-top: 0px;
    }

    .email {
        margin-top: 48px;
    }

    .contact-option-div {
        display: flex;
    }

    .contact-option-div-right {
        margin-top: 0px;
    }

    .footer-bottom {
        font-size: 14px;
    }

    footer .logo-div {
        justify-content: end;
    }

    footer h6 {
        text-align: right;
    }

    #accordion {
        padding-right: 20px;
    }

    #accordion2 {
        padding-left: 20px;
    }

    .accordion-div {
        display: flex;
    }

    footer {
        padding: 80px 0px;
    }

    .second-slider-item-right h4 {
        font-size: 100px;
    }

    .second-slider-item-right-bottom {
        padding: 32px 70px;
    }

    .person-img {
        margin-right: 40px;
    }

    .second-slider-item-right-top {
        padding-bottom: 65px;
    }

    .second-slider-item-right {
        margin-top: 70px;
    }

    .we-are-connect-section .inquiry-btn-div,
    footer .inquiry-btn-div {
        height: 78px;
    }

    .why-connect-section .section-description {
        width: 60%;
    }

    .why-connect-left {
        padding: 100px 30px;
    }

    .customer-slider {
        margin-top: 70px;
    }

    .customer-slider .slick-next {
        /* top: 380px; */
        right: 42%;
    }

    .customer-slider .slick-prev {
        left: 42%;
        /* top: 380px; */
    }

    .section-padding-top {
        padding-top: 100px;
    }

    .section-padding-top-bottom {
        padding: 100px 0px;
    }

    .customer-section {
        padding-bottom: 200px;
    }

    .link p {
        font-size: 20px;
        line-height: 30px;
    }

    .description {
        font-size: 16px;
        line-height: 24px;
    }

    .plus,
    .minus {
        width: 40px;
    }

    .box-title {
        font-size: 24px;
        line-height: 32px;
    }

    .accent-header {
        font-size: 28px;
        line-height: 36px;
    }

    .why-connect-left {
        padding: 50px 12px;
    }

    .accordion-div {
        margin-top: 70px;
    }

    footer p {
        font-size: 18px;
        line-height: 30px;
    }

    footer p span {
        font-size: 22px;
        margin-right: 10px;
    }

    footer .inquiry-btn-div {
        margin: 50px 0px;
        width: 216px;
        height: 60px;
    }

    .we-are-connect-section .inquiry-btn-div {
        margin: 50px 0px;
        width: 160px;
        height: 60px;
    }

    .connect-contacts {
        gap: 32px;
    }

    .connect-contacts img {
        width: 26px;
        height: 26px;
    }

    .disclaimer-div {
        margin-bottom: 100px;
    }

    footer {
        padding: 80px 0px;
    }

    .link-div {
        gap: 32px;
    }

    footer h5 {
        margin-bottom: 10px;
    }

    .video-over-div {
        display: flex;
    }

    .footer-title {
        font-size: 28px;
        line-height: 36px;
    }

    .ta-tab-item {
        padding: 48px;
    }

    .apply-form-div,
    .latest-job-div {
        padding: 32px;
    }

    .job-application-form input,
    .job-application-form textarea,
    .job-application-form select {
        padding: 16px;
    }

    .form-check-input {
        padding: 0px !important;
    }

    .apply-form-div-inner {
        padding: 24px;
    }

    .sub-main-title {
        font-size: 48px;
        line-height: 60px;
    }

    .tab-button.active {
        padding: 0px 32px;
    }

    .tab-button {
        font-size: 20px;
        line-height: 24px;
    }

    .tab-button span {
        height: 52px;
    }

    .tab-button {
        height: 68px;
    }

    .banner-btn-div {
        display: flex;
    }

    .video-btn-div {
        margin-top: 0px;
    }

    .course-img {
        border-radius: 4px;
        margin-right: 40px !important;
        width: 186px;
    }

    .inner-main-banner-section .bg-img-div .overlay {
        padding: 50px;
    }

    .banner-header {
        font-size: 50px;
        line-height: 60px;
    }

    .inner-accent-header {
        font-size: 18px;
        line-height: 30px;
    }

    .course-img {
        margin-bottom: 0px;
    }

    .title-and-time-div {
        display: flex;
    }

    .job-opportunity-div {
        padding: 32px;
    }

    .help-div {
        padding: 32px;
    }

    .circle-div .sub-title {
        padding-left: 30px;
    }

    .enroll-btn-div {
        padding: 24px;
    }

    .enroll-btn {
        font-size: 20px;
        line-height: 30px;
    }

    .video-btn {
        font-size: 20px;
    }

    .help-div-inner {
        padding: 24px;
    }

    .dropdown-div-inner {
        display: flex;
    }

    .dropdown-div {
        height: 72px;
    }

    .dropdown-div-inner .custom-select {
        margin-bottom: 0px;
    }

    .company-logo {
        margin-bottom: 0px;
    }

    .job-section-left .job-detail-div {
        margin-top: 0px;
        display: flex;
    }

    .job-tag-div {
        gap: 32px;
    }

    .apply-btn-div-outer {
        display: flex;
    }

    .job-section-left .apply-btn {
        margin-top: 0px;
    }

    .job-tag-div label {
        margin-bottom: 0px;
    }

    .job-opportunity-div-single {
        padding: 64px !important;
    }

    .job-opportunity-div-single-inner {
        display: flex;
    }

    .latest-job-div .job-tag-div {
        gap: 16px;
    }

    .job-opportunity-div-single {
        padding: 20px;
    }

    .upload-and-apply-div {
        display: flex;
    }

    .video-over-div {
        display: flex !important;
    }

    .why-connect-right {
        margin-top: 60px;
    }

    .ta-tab-item .tab-item-content {
        display: flex;
    }

    .ta-tab-item .course-img {
        margin-bottom: 0px;
    }

    .ta-tab-item .course-img {
        width: 500px;
    }
}

@media only screen and (min-width: 992px) {
    .nav-web {
        display: block;
    }

    .nav-mobile,
    .side-bar {
        display: none !important;
    }

    .main-banner-section,
    .inner-main-banner-section,
    .inner-single-main-banner-section,
    .inner-main-banner-section {
        margin-top: 86px;
        padding-top: 30px;
    }

    .header {
        position: fixed;
        width: 100%;
        height: 86px;
        top: 0px;
        transition: all .5s ease-in-out;
        z-index: 99;
        background-color: white;

        &.scroll-up {
            top: -86px;
        }

        &.scroll-down {
            top: 0px;
            height: 86px;
        }
    }

    .container-filter li {
        margin-right: 40px;
    }

    .second-slider-item-right-top {
        padding-bottom: 20px;
    }

    .second-slider-item-right {
        margin-top: 0px;
    }

    .second-slider-item-right-bottom {
        padding: 20px;
    }

    .second-slider .slick-prev {
        top: 300px;
        left: 425px;
    }

    .second-slider .slick-next {
        top: 300px;
        right: 50px;
    }

    .student-section-right {
        margin-top: 0px;
    }

    .inner-main-banner-section .bg-img-div .overlay {
        width: 49%;
        background: transparent;
        padding: 0px;
    }

    .video-btn {
        color: rgba(49, 49, 50, 0.6);
    }

    .inner-main-banner-section .description {
        color: rgba(49, 49, 50, 0.7);
    }

    .inquiry-btn-div {
        width: 100px;
        height: 50px;
    }

    .banner-header {
        color: var(--black);
    }

    .student-apply-div {
        display: flex;
    }

    .student-apply-div .apply-btn {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 1024px) {

    .second-slider .slick-prev,
    .second-slider .slick-next {
        top: 280px;
    }

    /* .customer-slider .slick-prev,
    .customer-slider .slick-next {
        top: 440px;
    } */
}


@media only screen and (min-width: 1200px) {
    .logo {
        width: 180px;
    }

    /* .customer-slider .slick-prev,
    .customer-slider .slick-next {
        top: 450px;
    } */

    .second-slider .slick-prev {
        top: 275px;
        left: 515px;
    }

    .second-slider .slick-next {
        top: 275px;
        right: 40px;
    }

    .inner-main-banner-section .bg-img-div .overlay {
        width: 41%;
    }

    .multiple-search-div .select2-container {
        margin-bottom: 0px;
    }

    .load-more-btn-outer {
        justify-content: end;
    }

    .apply-form-div {
        margin-top: 0px;
    }

    .load-more-btn {
        margin-top: 100px;
    }
}

@media only screen and (min-width: 1400px) {
    .navbar-nav {
        gap: 60px;
    }

    .nav-item a {
        font-size: 18px;
    }

    .inquiry-btn-div {
        width: 136px;
        height: 56px;
    }

    .second-slider .slick-prev {
        left: 595px;
    }

    .main-banner-section,
    .inner-main-banner-section,
    .inner-single-main-banner-section {
        margin-top: 86px;
        padding-top: 100px;
    }

    .banner-header {
        font-size: 68px;
        line-height: 84px;
    }

    .inner-main-banner-section .bg-img-div .overlay {
        width: 35%;
    }

    .customer-slider .slick-arrow {
        top: calc(100% + 64px);
    }

    .inner-single-main-banner-section .overlay {
        padding: 20px 50px;
    }
}

@media only screen and (min-width: 1450px) {}

@media only screen and (min-width: 1900px) {
    .container {
        max-width: calc(100% - 232px);
    }

    .slider-container {
        max-width: calc(100% - 192px);
    }

    .second-slider-item {
        padding: 64px 128px 64px 76px;
    }

    .second-slider-item-right {
        padding-left: 160px;
    }

    .second-slider .slick-prev {
        top: 264px;
        left: 940px;
        z-index: 9;
    }

    .second-slider .slick-next {
        top: 264px;
        right: 152px;
    }

    .we-are-connect-right {
        justify-content: end;
    }

    .we-are-connect-right {
        padding-left: 185px;
        margin-top: 0px;
    }

    footer {
        padding: 80px 0px;
    }

    footer .right-p-div {
        width: 25%;
    }

    .link-div {
        flex-direction: row;
    }

    .opening-hr {
        margin-left: 146px;
    }

    .why-connect-right {
        margin-top: 0px;
    }

    .why-connect-section .section-description {
        width: 25%;
    }

    .submenu .description {
        padding: 0px 48px;
    }

    .accordion .link {
        padding: 0px 48px;
    }

    .accordion-div {
        padding: 50px;
    }

    .video-over-div {
        margin-left: 580px;
    }

    .customer-slider .slick-next {
        right: 47%;
    }

    .customer-slider .slick-prev {
        left: 47%;
    }

    .main-banner-section-mobile {
        display: none;
    }

    .main-banner-section {
        display: block;
    }

    .search {
        width: 538px;
        margin-top: 65px;
        height: 106px;
    }

    .searchButton {
        width: 140px;
    }

    .second-slider-item-right h4 {
        font-size: 128px;
        line-height: 84px;
    }

    .navbar-nav {
        gap: 102px;
    }

    .second-slider-item-right-top {
        padding-bottom: 65px;
    }

    .second-slider-item-right-bottom {
        padding: 32px 70px;
    }

    .navbar-nav {
        gap: 102px;
    }

    .job-section-left {
        padding-right: 50px;
    }

    .job-single-section .job-detail-div {
        display: flex;
    }

    /* .customer-slider .slick-prev,
    .customer-slider .slick-next {
        top: 370px;
    } */
}