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

@media only screen and (min-width: 375px) {
    .team-slider .slick-prev {
        top: 440px;
        left: 15px;
        z-index: 9;
    }

    .team-slider .slick-next {
        top: 440px;
        left: 70px;
    }

    .achievements-slider .slick-next,
    .achievements-slider .slick-prev {
        top: 100px;
    }
}

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

    .team-slider .slick-next,
    .team-slider .slick-prev {
        top: 500px;
    }

    .achievements-slider .slick-next,
    .achievements-slider .slick-prev {
        top: 115px;
    }

    .testimonials-slider .slick-next,
    .testimonials-slider .slick-prev {
        top: 200px;
    }

    .benefits-slider-mobile .slick-next,
    .benefits-slider-mobile .slick-prev {
        top: 160px;
    }

    .why-choose-card-slider .slick-next,
    .why-choose-card-slider .slick-prev {
        top: 270px;
    }

    .blogs-slider .slick-next,
    .blogs-slider .slick-prev {
        top: 115px;
    }

    .inner-title svg {
        margin-left: 10px;
    }

    .btn-div {
        display: flex;
    }

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

    .btn-div .read-more-btn {
        margin-right: 10px;
    }

}

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

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

    .main-slider-item {
        background-image: url(../img/main-slider-img.webp);
    }

    .why-choose-img-div {
        background-image: url(../img/why-choose-web.webp);
    }


    .nav-mobile .logo,
    .side-bar .logo {
        width: 120px;
    }

    .testimonials-slider .slick-dots,
    .blogs-slider .slick-dots,
    .benefits-slider-web .slick-dots,
    .why-choose-card-slider .slick-dots,
    .benefits-slider-mobile .slick-dots {
        bottom: -50px;
    }

    .video-play-button {
        width: 50px;
        height: 50px;
    }

    .video-play-button:before {
        width: 50px;
        height: 50px;
    }

    .video-play-button:after {
        width: 50px;
        height: 50px;
    }

    .video-play-button:before {
        width: 50px;
        height: 50px;
    }

    .accordion-content {
        padding: 0px 0px 0px 250px;
    }

    .show {
        font-size: 30px;
    }

    .main-slider-item h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .read-more-btn {
        padding: 20px 42px;
    }

    .HomeVideoTitleSection img {
        height: auto;
    }

    .mission-right,
    .vision-right {
        margin-top: 0px;
    }

    .mission-right-img {
        margin-top: 0px;
    }

    .achievements-slider .slick-next,
    .achievements-slider .slick-prev {
        top: 95px;
    }

    .team-slider .slick-next,
    .team-slider .slick-prev {
        top: 450px;
    }

    .faq-right {
        padding-left: 50px;
    }

    .accordion .submenu .description {
        padding: 0px 50px 20px 50px;
    }

    .mission-bottom-img {
        margin-top: 24px;
    }

    .form-container {
        padding: 60px 60px;
    }

    .share-div-mobile {
        display: none;
    }

    .share-div-web {
        display: block;
    }

    .btn-div .read-more-btn {
        margin-right: 20px;
    }

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

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

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

    .border-dashed {
        display: block;
    }

    .how-support-step-div {
        display: flex;
    }

    .understanding-icas-top-left-img {
        margin: 0px;
    }

    .how-support-step {
        margin-bottom: 0px;
    }

    .how-support-step-div {
        padding: 0px;
    }

    .understanding-icas-right {
        margin-top: 30px;
    }

    .main-slider,
    .title-section,
    .inner-title-section {
        margin-top: 74px;
    }

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

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

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

    .main-slider-item .overlay {
        padding: 0px 60px;
    }

    .why-choose-over-div {
        margin-top: -350px !important;
    }
}

@media only screen and (min-width: 992px) {
    .map-div {
        margin-top: 150px;
    }

    .subject-card {
        padding: 40px;
        min-height: 710px;
    }

    .buy-icas-btn-div {
        display: flex;
        justify-content: end;
        margin-top: 0px;
    }

    .achievements-slider .slick-next,
    .achievements-slider .slick-prev {
        top: 145px;
    }

    .team-slider .slick-next,
    .team-slider .slick-prev {
        top: 590px;
    }

    .about-us-div {
        display: flex;
    }

    .about-us-left {
        padding-right: 50px;
    }

    .about-us-right {
        margin-top: 0px;
    }

    .past-papers-right {
        margin-top: 0px;
        padding-left: 20px;
    }

    .year-single-tab-web {
        display: block;
    }

    .year-single-tab-mobile {
        display: none;
    }

    .student-testimonials-section .title-description,
    .how-support-section .description {
        width: 65%;
    }

    .how-support-step-div {
        padding: 0px 100px;
    }

    .footer-social-icons a {
        margin-right: 20px;
    }

    .why-choose-card:hover .normal-svg,
    .why-choose-card:hover .icon-normal {
        display: none;
    }

    .why-choose-card:hover .hover-svg,
    .why-choose-card:hover .icon-hover {
        display: block;
        height: 60px;
    }

    .why-choose-card:hover .why-choose-card-bottom {
        background-color: var(--dark-green) !important;
    }

    .why-choose-card:hover .why-choose-card-bottom svg {
        stroke: var(--white) !important;
    }

    .why-choose-card:hover h5 {
        color: var(--white);
    }

    .why-choose-card:hover p {
        color: var(--white);
    }

    .blogs-slider-item:hover .expand-icon {
        display: block;
    }

    .blogs-slider-item:hover h6,
    .blogs-slider-item:hover p,
    .blogs-slider-item:hover h4,
    .blogs-slider-item:hover span,
    .achievements-slider-item:hover p,
    .achievements-slider-item:hover h4,
    .achievements-slider-item:hover h6 {
        color: var(--white);
    }

    .blogs-slider-item:hover .blogs-slider-content,
    .achievements-slider-item:hover .achievements-slider-item-content {
        background-color: var(--dark-green);
    }

    .blogs-slider-item:hover .overlay,
    .achievements-slider-item:hover .overlay {
        opacity: 1;
    }

    .testimonials-slider-item:hover .overlay {
        opacity: 1;
    }

    .vertical-tabs-section {
        display: block;
    }

    .years-and-subjects-mobile {
        display: none;
    }

    .get-in-touch-col {
        display: flex;
        justify-content: end;
        align-items: start;
    }

    .navigation-div {
        display: flex;
        justify-content: center;
    }

    .collapse-slider-item,
    .benefits-slider-mobile-item {
        padding: 29px;
    }

}

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

    .main-slider-item {
        height: calc(100vh - 170px);
    }

    .main-slider-item h1 {
        font-size: 52px;
        line-height: 62px;
        margin-bottom: 20px;
    }

    .main-slider-item h6 {
        font-size: 32px;
        line-height: 42px;
    }

    .section-header {
        font-size: 40px;
        line-height: 50px;
    }

    .bottom-blog-slide {
        padding-top: 100px;
    }

    .testimonials-d-flex {
        display: flex;
    }

    .testimonials-slider-item {
        background: linear-gradient(to right, #004945 0%, #004945 15%, #E6F1F0 15%, #E6F1F0 70%, #E6F1F0 70%, #E6F1F0 100%);
    }

    .why-choose-img-div {
        height: calc(100vh - 150px);
    }

    .why-choose-section .overlay p {
        width: 80%;
    }

    .why-choose-card-top {
        padding: 40px 0px;
    }

    .why-choose-card-slider .slick-next,
    .why-choose-card-slider .slick-prev {
        display: none;
    }

    .video-play-button {
        width: 67px;
        height: 67px;
    }

    .video-play-button:before {
        width: 67px;
        height: 67px;
    }

    .video-play-button:after {
        width: 67px;
        height: 67px;
    }

    .video-play-button:before {
        width: 67px;
        height: 67px;
    }

    .mission-left,
    .vision-left {
        padding-right: 30px;
    }

    .mission-right,
    .vision-right {
        padding-left: 30px;
    }

    .partners-row img {
        height: 200px;
    }

    .team-slider .slick-next,
    .team-slider .slick-prev {
        top: 400px;
    }

    .achievements-slider .slick-next,
    .achievements-slider .slick-prev {
        top: 90px;
    }

    .testimonials-slider .slick-next,
    .testimonials-slider .slick-prev {
        top: 160px;
    }

    .benefits-slider-mobile .slick-next,
    .benefits-slider-mobile .slick-prev {
        top: 200px;
    }

    .main-slider .slick-next,
    .main-slider .slick-prev {
        top: 75vh;
    }


}


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

    .testimonials-slider .slick-dots,
    .blogs-slider .slick-dots,
    .benefits-slider-web .slick-dots,
    .why-choose-card-slider .slick-dots {
        bottom: -50px;
    }

    .footer-social-icons a {
        margin-right: 15px;
    }

    .title-section .overlay {
        padding: 0px 150px;
    }

    .team-right {
        margin-top: 0px;
    }

    .faq-right {
        margin-top: 0px;
    }

    .nav-web .nav-item {
        margin-right: 35px;
    }

    .search-form {
        width: 150px;
    }

    .nav-web {
        display: block;
        padding: 15px 0px;
    }

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

    .header-top-div {
        display: block;
    }

    .nav-web .logo {
        width: 120px;
    }

    .get-in-touch-left {
        padding-right: 50px;
    }

    .get-in-touch-right {
        padding-left: 50px;
        margin-top: 0px;
    }

    .blog-single-content .section-header {
        margin-bottom: 60px;
    }

    .team-slider .slick-next,
    .team-slider .slick-prev {
        top: 270px;
    }

    .achievements-slider .slick-next,
    .achievements-slider .slick-prev {
        top: 110px;
    }

    .benefits-slider-mobile .slick-next,
    .benefits-slider-mobile .slick-prev {
        top: 150px;
    }

    .subject-single-top-section-left {
        padding-right: 30px !important;
        margin-bottom: 0px;
    }

    .vertical-tabs-section-2 {
        display: block;
    }

    .accordion2 {
        display: none;
    }

    .past-papers-right {
        padding-left: 100px;
    }

    .inner-title-div {
        gap: 50px;
    }

    .how-support-step img {
        width: 200px;
    }

    .main-slider,
    .title-section,
    .inner-title-section {
        margin-top: 154px;
    }

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

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

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

    footer {
        background-color: var(--blue-green);
        padding: 60px 0px;
    }

    .vert-tab {
        height: 861px;
    }

    .tab-right-p {
        width: 200px;
    }

    .header-container {
        padding: 10px 50px;
    }

}

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

    .footer-logo-div .des {
        width: 100%;
    }

    .footer-logo-div .description {
        width: 100%;
    }

    .why-choose-img-div {
        height: calc(100vh - 250px);
    }

    .why-choose-card-slider .slick-dots {
        display: none;
    }

    .header-contacts {
        padding-right: 50px;
    }

    .section-space {
        margin-top: 150px;
    }

    .between-footer-space {
        margin-bottom: 150px;
    }

    .mission-left,
    .vision-left {
        padding-right: 50px;
    }

    .mission-right,
    .vision-right {
        padding-left: 50px;
    }

    .nav-web .nav-item {
        margin-right: 40px;
    }

    .search-form {
        width: 330px;
    }

    .header-contacts {
        margin-right: 0px;
    }

    .get-in-touch-left {
        padding-right: 80px;
    }

    .get-in-touch-right {
        padding-left: 80px;
    }

    .buy-icas-section .section-header {
        width: 80%;
    }

    .inner-title-section {
        margin-top: 100px;
    }

    .team-slider .slick-next,
    .team-slider .slick-prev {
        top: 360px;
    }

    .achievements-slider .slick-next,
    .achievements-slider .slick-prev {
        top: 130px;
    }

    .subject-single-top-section-left {
        padding-right: 60px !important;
        margin-bottom: 0px;
    }

    footer {
        padding: 100px 0px;
    }

    .why-choose-card-bottom {
        height: 317px;
    }

    footer .footer-logos {
        margin-top: 0px !important;
    }

    .main-slider-item .overlay {
        padding: 0px 600px 0px 100px;
    }

    .why-choose-over-div {
        margin-top: -400px !important;
    }

    .tab-right-p {
        width: 250px;
    }
    .why-choose-content .description{
        width: 60%;
    }
}

@media only screen and (min-width: 1440px) {
    .year-subject-label {
        font-size: 14px;
    }

    .testimonials-container {
        padding: 0px 57px;
    }
}

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

    .testimonials-slider .slick-next::before,
    .blogs-slider .slick-next::before,
    .benefits-slider-web .slick-next::before,
    .benefits-slider-mobile .slick-next::before,
    .main-slider .slick-next::before {
        content: url(../icon/slider-arrow-right.png);
    }

    .testimonials-slider .slick-prev::before,
    .blogs-slider .slick-prev::before,
    .benefits-slider-web .slick-prev::before,
    .benefits-slider-mobile .slick-prev::before,
    .main-slider .slick-prev::before {
        content: url(../icon/slider-arrow-left.png);
    }

    .main-slider .slick-next {
        right: 80px;
        top: 40vh;
    }

    .collapse-slider-item,
    .benefits-slider-mobile-item {
        padding: 40px;
    }

    .main-slider .slick-prev {
        left: 40px;
        top: 40vh;
    }

    .header-container {
        padding: 10px 100px;
    }

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

    .special-container {
        max-width: calc(100% - 276px);
    }

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

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

    .subject-cards .col-xxl-4 {
        padding: 10px 25px;
    }

    .testimonials-container {
        padding: 0px 150px;
    }

    .section-space {
        margin-top: 160px;
    }

    .section-space-after-slider {
        margin-top: 260px;
    }

    .tab-header-div {
        padding: 40px 40px 0px 0px;
    }

    .tab-contents {
        margin-top: 120px;
        overflow-y: auto;
        margin: auto;
    }

    .tab-header-div-second {
        padding: 40px 0px 0px 40px;
    }

    /* .tab-contents-second {
        padding: 0px 85px 0px 0px;
    } */

    .search-form {
        width: 200px;
    }

    .header-contacts {
        padding-right: 0px;
    }

    .testimonials-slider .slick-next {
        right: -30px;
        top: 150px;
    }

    .testimonials-slider .slick-prev {
        left: -80px;
        top: 150px;
    }

    .benefits-slider-mobile .slick-next {
        right: -30px;
        top: 220px;
    }

    .benefits-slider-mobile .slick-prev {
        left: -80px;
        top: 220px;
    }

    .blogs-slider .slick-next {
        right: -30px;
        top: 220px;
    }

    .blogs-slider .slick-prev {
        left: -80px;
        top: 220px;
    }

    .achievements-slider .slick-next,
    .achievements-slider .slick-prev {
        top: 110px;
    }

    .team-slider .slick-next,
    .team-slider .slick-prev {
        top: 310px;
    }
}

@media only screen and (min-width: 1900px) {
    .nav-web .logo {
        width: 150px;
    }

    .footer-social-icons a {
        margin-right: 30px;
    }

    .about-us-right {
        padding-left: 180px;
    }

    .benefits-slider-web {
        display: block;
    }

    .benefits-slider-mobile {
        display: none;
    }

    .get-in-touch-div {
        padding: 50px;
    }

    .main-slider-item .overlay {
        padding: 0px 1000px 0px 200px;
    }

    .search-form {
        width: 330px;
    }

    .blogs-slider .slick-next {
        right: -30px;
        top: 300px;
    }

    .blogs-slider .slick-prev {
        left: -80px;
        top: 300px;
    }

    .benefits-slider-web .slick-next {
        right: -40px;
        top: 250px;
    }

    .benefits-slider-web .slick-prev {
        left: -80px;
        top: 250px;
    }

    .testimonials-slider .slick-next {
        right: -30px;
        top: 130px;
    }

    .testimonials-slider .slick-prev {
        left: -80px;
        top: 130px;
    }

    .title-section .overlay {
        padding: 0px 250px;
    }

    .nav-web .nav-item {
        margin-right: 58px;
    }

    .mission-left,
    .vision-left {
        padding-right: 80px;
    }

    .mission-right,
    .vision-right {
        padding-left: 80px;
    }

    .section-header {
        font-size: 52px;
        line-height: 62px;
    }

    .team-left {
        padding-right: 100px;
    }

    .partners-slider-item img {
        height: 150px;
    }

    .partners-slider .slick-slide {
        width: 300px !important;
    }

    .achievements-section .description {
        width: 60%;
    }

    .blog-card h6 span {
        padding: 0px 10px;
    }

    .blog-card .blog-person {
        margin-right: 20px;
    }

    .subject-card {
        padding: 50px;
    }

    .competitions-slider .slick-next {
        top: 170px;
        right: -50px;
    }

    .competitions-slider .slick-prev {
        z-index: 9;
        top: 170px;
        left: -50px;
    }

    .student-testimonials-slider .slick-next {
        top: 100px;
        right: -50px;
    }

    .student-testimonials-slider .slick-prev {
        z-index: 9;
        top: 100px;
        left: -50px;
    }

    .team-slider .slick-next,
    .team-slider .slick-prev {
        top: 440px;
    }

    .achievements-slider .slick-next,
    .achievements-slider .slick-prev {
        top: 160px;
    }

    .vert-tab-content-2 {
        padding: 100px;
    }

    .vert-tab-2>div {
        width: 85%;
    }

    .year-single-tabs .tabs-left {
        width: 25%;
    }

    .understanding-icas-left {
        padding-right: 60px;
    }

    .understanding-icas-right {
        padding-left: 120px;
    }

    .how-support-step-div {
        padding: 0px 235px;
    }

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

    .welcome-student-left {
        padding-right: 160px;
    }

    .footer-social-icons a {
        margin-right: 30px;
    }

    .main-slider,
    .title-section,
    .inner-title-section {
        margin-top: 170px;
    }

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

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

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

    .tab-right-div h3,
    .vert-tab-content h3 {
        font-size: 52px;
    }

    .tab-right-div {
        padding: 0px 20px;
    }

    .recr-content ul {
        margin-top: 20px;
    }

    .vert-tab {
        height: 780px;
    }

    .tab-right-p {
        width: 280px;
    }

    .testimonials-slider .slick-dots,
    .blogs-slider .slick-dots,
    .benefits-slider-web .slick-dots,
    .why-choose-card-slider .slick-dots {
        bottom: -100px;
    }
}