@media only screen and (max-width: 479px) {
    .language-about .about-image-gallery {
        padding: 90px 0 0 0
    }

    .brand-grid-wrap.brand-style-2 {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media only screen and (max-width: 575px) {
    .language-about .about-image-gallery .main-img-wrapper .main-img-inner {
        display: none
    }

    .brand-section-heading {
        padding-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after {
        right: 20px
    }

    .language-about .about-content {
        padding-left: 0
    }

    .language-about .about-image-gallery .main-img-wrapper .main-img-inner {
        right: -40px
    }

    .quran-learning-about .about-image-gallery .main-img-2 {
        display: none
    }

    .gym-tranning-about .about-image-gallery .main-img-2 {
        display: none
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-custom, .container-custom-1520 {
        padding-right: 15px;
        padding-left: 15px
    }

    .row--20 > [class*="col"], .row--20 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .row--20 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }

    .row--25 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }

    .row--30 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }

    .row--30 > [class*="col"], .row--30 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .row--35 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (max-width: 991px) {
    .language-about .about-image-gallery {
        text-align: center
    }

    .language-about .about-image-gallery .main-img-wrapper .main-img-inner {
        right: -105px
    }

    .language-about {
        padding: 0 0 100px
    }

    .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after {
        right: 134px
    }

    .quran-learning-about .about-content {
        padding-left: 0
    }

    .gym-tranning-about .about-content {
        padding-left: 0;
        margin-top: 0
    }

    .gym-tranning-about .about-content .section-title p {
        max-width: 100%
    }

    .brand-grid-wrap.brand-style-2 {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media only screen and (max-width: 1199px) {
    .gym-tranning-about .about-image-gallery .main-img-2 {
        right: -10px
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1185px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px
    }

    .row--20 > [class*="col"], .row--20 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }

    .row--25 {
        margin-left: -15px;
        margin-right: -15px
    }

    .row--25 > [class*="col"], .row--25 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }

    .row--30 {
        margin-left: -15px;
        margin-right: -15px
    }

    .row--30 > [class*="col"], .row--30 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }

    .row--35 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px
    }
    .row--20 > [class*="col"], .row--20 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }

    .row--25 {
        margin-left: -15px;
        margin-right: -15px
    }

    .row--25 > [class*="col"], .row--25 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }

    .row--30 > [class*="col"], .row--30 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }

    .row--35 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px
    }

    .row--20 > [class*="col"], .row--20 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .row--30 {
        margin-left: -15px;
        margin-right: -15px
    }

    .row--30 > [class*="col"], .row--30 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .row--35 {
        margin-left: -15px;
        margin-right: -15px
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    html[dir="rtl"] .contact-me .thumbnail {
        margin-left: 50px
    }
}

@media only screen and (max-width: 767px) {
    html[dir="rtl"] .contact-me .thumbnail {
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    html[dir="rtl"] .privacy-policy {
        padding-right: 0
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .edu-footer .edu-footer-widget.explore-widget {
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    html[dir="rtl"] .course-details-content .course-enroll-box .single-item::after {
        height: 1px;
        width: 100%;
        bottom: 0;
        top: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .course-area-8 ul .section-title {
        text-align: center
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .edu-cta-banner-area-6 .section-title.section-left {
        text-align: center;
        padding: 70px 110px
    }
}

@media only screen and (max-width: 575px) {
    html[dir="rtl"] .edu-cta-banner-area-6 .section-title.section-left {
        padding: 50px 60px
    }
}

@media only screen and (max-width: 575px) {
    html[dir="rtl"] .edu-course.course-style-4 .thumbnail {
        margin-left: 0
    }
}
@media only screen and (max-width: 1199px) {
    html[dir="rtl"] .blog-meta li::after {
        left: -11px
    }
}
@media only screen and (max-width: 575px) {
    html[dir="rtl"] .edu-blog.blog-style-2 .thumbnail {
        margin-left: 0
    }
}
@media only screen and (max-width: 1199px) {
    html[dir="rtl"] .edu-campus-area .campus-content {
        margin-right: 0
    }
}
@media only screen and (max-width: 479px) {
    html[dir="rtl"] .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
        border-left: none
    }
}
@media only screen and (max-width: 479px) {
    html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {
        border-left: none
    }
}
@media only screen and (max-width: 991px) {
    html[dir="rtl"] .features-box.features-style-2:nth-child(2) {
        border-left: none
    }
}
@media only screen and (max-width: 991px) {
    html[dir="rtl"] .brand-area-12 .brand-grid-wrap.brand-style-12 .brand-grid:nth-child(5) {
        margin-left: 0
    }
}

@media (max-width: 1500px) {
    html[dir="rtl"] .process-content .section-title p {
        max-width: 100%
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .process-content .section-title p {
        padding-left: 30px
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .edu-about-area.about-style-2 .about-content {
        padding-right: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    html[dir="rtl"] .edu-about-area.about-style-2 .award-status {
        right: 20px
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .edu-about-area.about-style-2 .award-status {
        right: 20px
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .main-img-2 {
        left: 115px
    }
}
@media only screen and (max-width: 991px) {
    html[dir="rtl"] .about-style-9 .about-content {
        padding-right: 0
    }
}
@media only screen and (max-width: 1650px) {
    html[dir="rtl"] .edu-blog-area.blog-area-2 .shape-group li.shape-1 {
        right: 0
    }
}
@media only screen and (max-width: 991px) {
    html[dir="rtl"] .testimonial-area-12 .testimonial-grid .content .author-info {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}
@media only screen and (max-width: 991px) {
    html[dir="rtl"] .testimonial-area-12 .bg-thumbnail {
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .brand-area-12 .brand-grid-wrap.brand-style-12 .brand-grid:first-child {
        margin-right: 0;
        margin-top: 18px
    }
}

@media only screen and (max-width: 479px) {
    html[dir="rtl"] .brand-area-12 .brand-grid-wrap.brand-style-12 .brand-grid:first-child {
        margin-top: 0
    }
}
@media only screen and (max-width: 991px) {
    html[dir="rtl"] .brand-area-12 .brand-grid-wrap.brand-style-12 .brand-grid:nth-child(3) {
        margin-left: 0
    }
}
@media only screen and (max-width: 991px) {
    html[dir="rtl"] .brand-area-12 .brand-grid-wrap.brand-style-12 .brand-grid:nth-child(4) {
        margin-left: 0
    }
}
@media only screen and (max-width: 991px) {
    html[dir="rtl"] .testimonial-area-9 .home-health-testimonial-activator .swiper-navigation {
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    html[dir="rtl"] .language-about .about-content {
        padding-right: 0
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .language-about .about-image-gallery {
        text-align: center !important
    }
}

@media only screen and (max-width: 575px) {
    html[dir="rtl"] .language-about .about-image-gallery {
        padding: 80px 0 20px 0 !important
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    html[dir="rtl"] .language-about .about-image-gallery .main-img-wrapper .main-img-inner {
        left: -72px
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .language-about .about-image-gallery .main-img-wrapper .main-img-inner {
        left: -80px
    }
}
@media only screen and (max-width: 991px) {
    html[dir="rtl"] .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after {
        left: 134px
    }
}

@media only screen and (max-width: 767px) {
    html[dir="rtl"] .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after {
        left: 20px
    }
}

@media only screen and (max-width: 1199px) {
    html[dir="rtl"] .faq-style-6 .edu-faq-gallery {
        left: 0
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .faq-style-6 .edu-faq-gallery {
        bottom: 0
    }
}
@media only screen and (max-width: 991px) {
    html[dir="rtl"] .faq-style-6 .edu-faq-gallery .thumbnail-1 {
        text-align: center
    }
}

@media only screen and (min-width: 1401px) and (max-width: 1750px) {
    html[dir="rtl"] .faq-style-7 .edu-faq-gallery .thumbnail-1 {
        margin-right: -140px;
        margin-left: inherit
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    html[dir="rtl"] .faq-style-7 .edu-faq-gallery .thumbnail-1 {
        margin-left: -60px;
        margin-right: 10px
    }
}

@media only screen and (max-width: 1199px) {
    html[dir="rtl"] .faq-style-7 .edu-faq-gallery .thumbnail-1 {
        margin-right: -70px
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .faq-style-7 .edu-faq-gallery .thumbnail-1 {
        margin-right: 0
    }
}

@media only screen and (max-width: 1199px) {
    html[dir="rtl"] .photography-banner .thumbnail-bg-content .banner-content {
        max-width: 100%;
        width: 100%;
        right: inherit
    }
}

@media (max-width: 1650px) {
    html[dir="rtl"] .photography-about-style .shape-group li.shape-4 {
        right: 0
    }
}

@media (max-width: 1650px) {
    html[dir="rtl"] .photography-about-style .shape-group li.shape-5 {
        right: 170px
    }
}

@media (max-width: 1650px) {
    html[dir="rtl"] .photography-about-style .shape-group li.shape-6 {
        left: 0
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .home-photography-course .section-title {
        display: block;
        text-align: center !important
    }
}

@media only screen and (max-width: 991px) {
    html[dir="rtl"] .home-photography-course ul .course-view-all {
        margin-top: -15px;
        margin-bottom: 33px;
        text-align: center
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .edu-footer .edu-footer-widget.explore-widget {
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .edu-footer .edu-footer-widget.explore-widget {
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .edu-footer .edu-footer-widget.explore-widget {
        margin-left: 0
    }
}

@media only screen and (max-width: 479px) {
    .edu-footer .edu-footer-widget .input-group.footer-subscription-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 479px) {
    .edu-footer .edu-footer-widget .input-group.footer-subscription-form .form-control {
        width: 100%;
        height: 50px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 479px) {
    .edu-footer .edu-footer-widget .input-group.footer-subscription-form button {
        margin-left: 0px !important
    }
}

@media only screen and (max-width: 1650px) {
    .edu-footer.footer-for-yoga .shape-group li.shape-4 {
        right: 0
    }
}
@media only screen and (max-width: 1650px), only screen and (min-width: 1401px) and (max-width: 1750px) {
    .edu-footer.footer-for-kitchen .shape-group li.shape-1 {
        left: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    .edu-footer.footer-for-kitchen .shape-group li.shape-1 {
        left: -80px
    }
}

@media only screen and (max-width: 1650px) {
    .edu-footer.footer-for-kitchen .shape-group li.shape-2 {
        left: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    .edu-footer.footer-for-kitchen .shape-group li.shape-2 {
        left: -80px
    }
}

@media only screen and (max-width: 1650px) {
    .edu-footer.footer-for-kitchen .shape-group li.shape-4 {
        right: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    .edu-footer.footer-for-kitchen .shape-group li.shape-4 {
        right: -50px
    }
}
@media only screen and (max-width: 1650px) {
    .edu-footer.footer-for-kitchen .shape-group li.shape-5 {
        right: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    .edu-footer.footer-for-kitchen .shape-group li.shape-5 {
        right: -50px
    }
}

@media only screen and (max-width: 1650px), only screen and (min-width: 1401px) and (max-width: 1750px) {
    .edu-footer.footer-for-yoga .shape-group li.shape-1 {
        left: 0
    }
}
@media only screen and (max-width: 1650px) {
    .edu-footer.footer-for-yoga .shape-group li.shape-5 {
        right: 0
    }
}

@media only screen and (max-width: 1650px) {
    .edu-footer.footer-for-yoga .shape-group li.shape-2 {
        left: 0
    }
}

@media only screen and (max-width: 1650px) {
    .edu-footer.footer-for-photography .shape-group li.shape-4 {
        right: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    .edu-footer.footer-for-photography .shape-group li.shape-4 {
        right: -50px
    }
}

@media only screen and (max-width: 1650px) {
    .edu-footer.footer-for-photography .shape-group li.shape-2 {
        left: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    .edu-footer.footer-for-photography .shape-group li.shape-2 {
        left: -80px
    }
}
@media only screen and (max-width: 1650px), only screen and (min-width: 1401px) and (max-width: 1750px) {
    .edu-footer.footer-for-photography .shape-group li.shape-1 {
        left: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    .edu-footer.footer-for-photography .shape-group li.shape-1 {
        left: -80px
    }
}

@media only screen and (max-width: 1650px) {
    .edu-footer.footer-for-photography .shape-group li.shape-5 {
        right: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    .edu-footer.footer-for-photography .shape-group li.shape-5 {
        right: -50px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--35 > [class*="col"], .row--35 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--35 > [class*="col"], .row--35 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--35 > [class*="col"], .row--35 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width: 767px) {
    .row--35 > [class*="col"], .row--35 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--40 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--40 > [class*="col"], .row--40 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--40 > [class*="col"], .row--40 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--40 > [class*="col"], .row--40 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width: 767px) {
    .row--40 > [class*="col"], .row--40 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--45 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--45 > [class*="col"], .row--45 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--45 > [class*="col"], .row--45 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--45 > [class*="col"], .row--45 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width: 767px) {
    .row--45 > [class*="col"], .row--45 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--50 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--50 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--50 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--50 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--50 > [class*="col"], .row--50 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--50 > [class*="col"], .row--50 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--50 > [class*="col"], .row--50 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width: 767px) {
    .row--50 > [class*="col"], .row--50 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .row--60 {
        margin-left: -15px !important;
        margin-right: -15px !important
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--60 > [class*="col"], .row--60 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--60 > [class*="col"], .row--60 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--60 > [class*="col"], .row--60 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media only screen and (max-width: 767px) {
    .row--60 > [class*="col"], .row--60 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

@media (max-width: 991px) {
    .edu-order-md-1 {
        -webkit-box-ordinal-group: 2 !important;
        -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }

    .edu-order-md-2 {
        -webkit-box-ordinal-group: 3 !important;
        -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }
}
@media only screen and (max-width: 767px) {
    p {
        margin: 0 0 20px
    }
}
@media only screen and (max-width: 767px) {
    .section-title {
        margin-bottom: 40px
    }
}
@media only screen and (max-width: 767px) {
    .section-title .title br {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    ul.liststyle.bullet li {
        padding-left: 19px
    }
}

@media only screen and (max-width: 1199px) {
    h1, .h1 {
        font-size: 44px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1, .h1 {
        font-size: 38px
    }

    h2, .h2 {
        font-size: 30px
    }

    h3, .h3 {
        font-size: 24px
    }

    h4, .h4 {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    h1, .h1 {
        font-size: 34px
    }

    h2, .h2 {
        font-size: 26px
    }

    h3, .h3 {
        font-size: 22px
    }

    h4, .h4 {
        font-size: 18px
    }
}
@media only screen and (max-width: 1199px) {
    .shape-group {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-style-2 {
        padding: 150px 0 140px
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-style-2 {
        padding: 100px 0 90px
    }
}

@media only screen and (max-width: 575px) {
    .breadcrumb-style-2 {
        padding: 80px 0 70px
    }
}

@media only screen and (max-width: 991px) {
    .edu-breadcrumb-area .shape-group {
        display: none
    }
}
@media only screen and (max-width: 767px) {
    .edu-breadcrumb-area .course-meta li:after {
        display: none
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .edu-breadcrumb-area {
        padding: 70px 0 60px
    }
}

@media only screen and (max-width: 767px) {
    .edu-breadcrumb-area {
        padding: 55px 0 45px
    }
}

@media only screen and (max-width: 767px) {
    .edu-breadcrumb-area .page-title .title {
        font-size: 30px
    }
}

@media only screen and (max-width: 575px) {
    .edu-breadcrumb-area .page-title .title {
        font-size: 26px
    }
}

@media only screen and (max-width: 767px) {
    .edu-breadcrumb-area .course-meta {
        display: block;
        margin-top: 20px
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-style-2 .page-title {
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-style-3 {
        padding: 5px 0 70px
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-style-3 {
        padding: 5px 0 70px
    }
}

@media only screen and (max-width: 991px) {
    .breadcrumb-style-3 .breadcrumb-inner .page-title {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-style-3 .breadcrumb-inner .page-title .title {
        font-size: 30px
    }
}

@media only screen and (max-width: 575px) {
    .breadcrumb-style-3 .breadcrumb-inner .page-title .title {
        font-size: 26px
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-style-3 .breadcrumb-inner .edu-breadcrumb {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-style-3 .breadcrumb-inner .edu-breadcrumb {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-style-4 {
        padding: 80px 0
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-style-4 {
        padding: 60px 0
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-style-4 .course-meta li {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 767px) {
    a.edu-btn, button.edu-btn {
        padding: 0 20px;
        font-size: 14px;
        height: 50px;
        line-height: 52px
    }
}

@media only screen and (max-width: 767px) {
    a.edu-btn i, button.edu-btn i {
        font-size: 9px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .edu-course-widget {
        padding: 38px 20px 20px
    }
}

@media only screen and (max-width: 991px) {
    .edu-course-widget {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .edu-course-widget.widget-course-summery .content {
        padding: 30px 10px 25px
    }
}

@media only screen and (max-width: 479px) {
    .edu-course-widget.widget-course-summery .content {
        padding: 30px 10px 25px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .edu-course-sidebar {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .edu-course-sidebar {
        margin-bottom: 50px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .course-sidebar-2 {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .course-sidebar-2 {
        margin-bottom: 50px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .course-sidebar-3 .edu-blog-widget {
        padding: 40px 25px
    }
}

@media only screen and (max-width: 479px) {
    .course-sidebar-3 .edu-blog-widget {
        padding: 40px 25px
    }
}

@media only screen and (max-width: 991px) {
    .course-sidebar-3 {
        margin-top: 50px
    }
}

@media only screen and (min-width: 992px) {
    .sidebar-top-position {
        margin-top: -365px;
        position: relative;
        z-index: 2
    }
}

@media only screen and (max-width: 767px) {
    .section-title-flex {
        display: block;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .section-title-flex .left-content {
        text-align: center;
        margin-right: 0
    }
}
@media only screen and (max-width: 767px) {
    .section-title-flex .left-content:after {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .splash-title .number {
        font-size: 50px
    }
}

@media only screen and (max-width: 767px) {
    .splash-title .number {
        font-size: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .splash-title .title {
        font-size: 36px
    }
}

@media only screen and (max-width: 767px) {
    .splash-title .title {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .swiper-navigation .swiper-btn-nxt, .swiper-navigation .swiper-btn-prv {
        height: 45px;
        width: 45px;
        line-height: 45px;
        font-size: 18px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-image-gallery {
        text-align: center
    }
}

@media only screen and (max-width: 575px) {
    .about-image-gallery .video-box {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
        right: 0
    }
}

@media only screen and (max-width: 479px) {
    .about-image-gallery .award-status {
        right: 0
    }
}
@media only screen and (max-width: 991px) {
    .about-image-gallery .shape-group li.shape-1 {
        left: 0
    }
}

@media only screen and (max-width: 991px) {
    .about-content {
        padding-left: 0
    }
}

@media only screen and (max-width: 1650px) {
    .about-style-1 .shape-group li, .about-style-2 .shape-group li {
        right: -110px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    .about-style-1 .shape-group li, .about-style-2 .shape-group li {
        right: -50px
    }
}

@media only screen and (max-width: 991px) {
    .about-style-1 .about-image-gallery .shape-group li {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .about-style-2 .about-image-gallery {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .about-style-2 .about-image-gallery .author-box {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .about-style-2 .about-image-gallery .award-status {
        display: none
    }
}

@media only screen and (max-width: 1199px) {
    .about-style-2 .about-content {
        padding-left: 30px
    }
}

@media only screen and (max-width: 991px) {
    .about-style-2 .about-content {
        padding-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-style-3 {
        padding: 90px 0 100px
    }
}

@media only screen and (max-width: 767px) {
    .about-style-3 {
        padding: 80px 0
    }
}

@media only screen and (max-width: 575px) {
    .about-style-3 .about-content {
        padding-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-style-3 .about-image-gallery {
        text-align: left;
        padding: 20px 0 65px
    }
}

@media only screen and (max-width: 767px) {
    .about-style-3 .about-image-gallery {
        padding: 20px 0 65px
    }
}

@media only screen and (max-width: 479px) {
    .about-style-3 .about-image-gallery {
        padding: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-style-3 .about-image-gallery .main-img-2 {
        right: 115px
    }
}

@media only screen and (max-width: 479px) {
    .about-style-3 .about-image-gallery .main-img-2 {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .about-style-3 .shape-group {
        display: none
    }
}

@media only screen and (max-width: 1650px) {
    .about-style-3 .shape-group li.shape-5 {
        left: 0;
        top: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    .about-style-3 .shape-group li.shape-5 {
        left: -90px
    }
}

@media only screen and (max-width: 1650px) {
    .about-style-3 .shape-group li.shape-6 {
        left: 0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {
    .about-style-3 .shape-group li.shape-6 {
        left: -90px
    }
}

@media only screen and (max-width: 767px) {
    .about-style-4 .about-image-gallery .main-img-2 {
        display: none
    }
}

@media only screen and (max-width: 1199px) {
    .about-style-5 .about-image-gallery .shape-group {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .about-style-6 {
        padding: 50px 0
    }
}

@media only screen and (max-width: 479px) {
    .about-style-6 {
        padding: 20px 0 50px
    }
}

@media only screen and (max-width: 575px) {
    .about-style-6 .about-image-gallery .main-img-2 {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .about-style-7 .about-image-gallery {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .about-style-7 .about-image-gallery .main-img-2 {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .about-style-7 .about-image-gallery .shape-group {
        display: none
    }
}

@media only screen and (max-width: 1199px) {
    .about-style-7 .about-content {
        padding-right: 30px
    }
}

@media only screen and (max-width: 991px) {
    .about-style-7 .about-content {
        padding-right: 0
    }
}

@media only screen and (max-width: 1650px) {
    .about-style-7 > .shape-group > li {
        left: 20px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .about-style-7 > .shape-group > li {
        left: -20px;
        top: 45px
    }
}

@media only screen and (max-width: 767px) {
    .about-style-8 .about-content {
        padding-right: 0
    }
}

@media only screen and (max-width: 575px) {
    .about-style-8 .about-content .about-mission {
        display: block
    }
}

@media only screen and (max-width: 575px) {
    .about-style-8 .about-content .about-mission .single-item {
        padding-right: 0;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 991px) {
    .about-style-8 .about-image-gallery .shape-group li.shape-3 {
        display: none
    }
}

@media only screen and (max-width: 1650px) {
    .about-style-8:after {
        left: -195px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .about-style-8:after {
        left: -250px
    }
}

@media only screen and (max-width: 767px) {
    .about-style-9 .about-image-gallery {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .about-style-9 .about-image-gallery .author-box {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .about-style-9 .about-content {
        padding-left: 0;
        padding-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .about-style-9 .about-content {
        padding-top: 0
    }
}

@media (max-width: 450px) {
    .about-style-9 .about-content {
        padding-top: 0;
        margin-top: -30px
    }
}

@media (max-width: 1450px) {
    .about-style-10 .about-image-gallery {
        margin-left: 0
    }
}

@media only screen and (max-width: 991px) {
    .about-style-10 .about-image-gallery {
        padding: 50px 0 60px
    }
}

@media only screen and (max-width: 575px) {
    .about-style-10 .about-image-gallery .video-box {
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    .about-style-10 .about-image-gallery .video-box {
        display: none
    }
}

@media only screen and (max-width: 479px) {
    .brand-grid-wrap.brand-style-2 .brand-grid:nth-child(2n) {
        border-right: none
    }
}

@media only screen and (max-width: 991px) {
    .brand-grid-wrap.brand-style-2 .brand-grid:nth-child(3n) {
        border-right: none
    }
}

@media only screen and (max-width: 479px) {
    .brand-grid-wrap.brand-style-2 .brand-grid:nth-child(3n) {
        border-right: 1px solid #f0f0f0
    }
}

@media only screen and (max-width: 991px) {
    .brand-grid-wrap.brand-style-3 {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media only screen and (max-width: 767px) {
    .brand-grid-wrap.brand-style-3 {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media only screen and (max-width: 575px) {
    .brand-grid-wrap.brand-style-3 {
        grid-template-columns:repeat(1, 1fr)
    }
}

@media only screen and (max-width: 575px) {
    .brand-area-2 {
        padding: 50px 0
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .brand-area-2 .shape-group li.shape-2 {
        top: -60px;
        right: -70px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .brand-area-2 .shape-group li.shape-2 {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-area-5 {
        padding: 380px 0 100px
    }
}

@media only screen and (max-width: 767px) {
    .brand-area-5 {
        padding: 260px 0 80px;
        margin-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .brand-area-5 {
        background: none;
        background-color: #FCFBFA
    }
}

@media only screen and (max-width: 575px) {
    .brand-area-5 {
        padding: 80px 0 80px;
        margin-top: 80px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .edu-cta-banner-area {
        padding: 80px 0 70px
    }
}

@media only screen and (max-width: 767px) {
    .edu-cta-banner-area {
        padding: 80px 0 70px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .edu-cta-banner-area .shape-group {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .edu-cta-banner-area .shape-group {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .cta-banner-3 {
        padding: 150px 0 80px
    }
}

@media only screen and (max-width: 767px) {
    .cta-banner-3 .edu-cta-banner .newsletter-form {
        width: 100%
    }
}

@media only screen and (max-width: 1199px) {
    .cta-banner-3 .shape-group {
        display: block
    }
}

@media only screen and (max-width: 991px) {
    .cta-banner-3 .shape-group {
        display: none
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
    .cta-banner-3 .shape-group li.shape-1 {
        left: -60px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
    .cta-banner-3 .shape-group li.shape-1 img {
        width: 60%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .cta-banner-3 .shape-group li.shape-2 {
        right: -100px;
        bottom: -25px
    }
}

@media only screen and (max-width: 1199px) {
    .cta-banner-3 .shape-group li.shape-2 {
        right: -130px;
        bottom: -25px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
    .cta-banner-3 .shape-group li.shape-2 img {
        width: 70%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
    .cta-banner-3 .shape-group li.shape-3 img {
        width: 70%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (max-width: 1199px) {
    .cta-banner-3 .shape-group li.shape-4 img {
        width: 70%
    }
}

@media only screen and (max-width: 479px) {
    .health-coach-wrapper.cta-banner-7 .input-group {
        display: block
    }
}

@media only screen and (max-width: 479px) {
    .health-coach-wrapper.cta-banner-7 .input-group input {
        width: 100%;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 479px) {
    .health-coach-wrapper.cta-banner-7 .input-group button.btn-medium {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .edu-cta-banner .shape-group {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gap-top-text {
        padding-top: 95px
    }
}

@media only screen and (max-width: 767px) {
    .gap-top-text {
        padding-top: 75px
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-gap-equal {
        padding: 100px 0
    }
}

@media only screen and (max-width: 767px) {
    .section-gap-equal {
        padding: 80px 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gap-bottom-text {
        padding-bottom: 92px
    }
}

@media only screen and (max-width: 767px) {
    .gap-bottom-text {
        padding-bottom: 72px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gap-top-equal {
        padding-top: 100px
    }
}

@media only screen and (max-width: 767px) {
    .gap-top-equal {
        padding-top: 80px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gap-bottom-equal {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 767px) {
    .gap-bottom-equal {
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-gap-large {
        padding: 115px 0 120px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-gap-large {
        padding: 95px 0 100px
    }
}

@media only screen and (max-width: 767px) {
    .section-gap-large {
        padding: 75px 0 80px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .gap-large-text {
        padding: 115px 0 112px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gap-large-text {
        padding: 95px 0 92px
    }
}

@media only screen and (max-width: 767px) {
    .gap-large-text {
        padding: 75px 0 72px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .gap-large-equal {
        padding: 120px 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gap-large-equal {
        padding: 100px 0
    }
}

@media only screen and (max-width: 767px) {
    .gap-large-equal {
        padding: 80px 0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .gap-lg-top-text {
        padding-top: 115px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gap-lg-top-text {
        padding-top: 95px
    }
}

@media only screen and (max-width: 767px) {
    .gap-lg-top-text {
        padding-top: 75px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .gap-lg-bottom-text {
        padding-bottom: 112px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gap-lg-bottom-text {
        padding-bottom: 92px
    }
}

@media only screen and (max-width: 767px) {
    .gap-lg-bottom-text {
        padding-bottom: 72px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .gap-lg-bottom-equal {
        padding-bottom: 120px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gap-lg-bottom-equal {
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 767px) {
    .gap-lg-bottom-equal {
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .edu-section-gap {
        padding: 95px 0 100px
    }
}

@media only screen and (max-width: 767px) {
    .edu-section-gap {
        padding: 75px 0 80px
    }

    .about-style-4 .about-image-gallery {
        padding: 0;
        /*margin-right: 30px;*/
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gap-tb-text {
        padding: 95px 0 92px
    }
}

@media only screen and (max-width: 767px) {
    .gap-tb-text {
        padding: 75px 0 72px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .gap-lg-top-equal {
        padding-top: 120px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gap-lg-top-equal {
        padding-top: 100px
    }
}

@media only screen and (max-width: 767px) {
    .gap-lg-top-equal {
        padding-top: 80px
    }
}

@media only screen and (min-width: 1200px) {
    .col-pl--35 {
        padding-left: 35px
    }

    .col-pr--35 {
        padding-right: 35px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .process-area-1 .process-content .course-list .course-content {
        width: 100%
    }
}

@media only screen and (max-width: 575px) {
    .process-area-1 .process-content .course-list .course-content {
        width: 100%
    }
    .edu-header .header-brand img.logo-light {
        display: inline-block;
        height: auto;
        width: 200px;
    }
    .edu-footer .edu-footer-widget .logo a img.logo-light {
        display: inline-block;
        width: auto;
        height: 150px;
    }
    .edu-footer-widget .logo {
        text-align: center;
    }
}
@media (max-width: 1400px) {
    .hero-style-19 .banner-content {
        padding: 140px 0
    }
}

@media only screen and (max-width: 1199px) {
    .hero-style-19 .banner-content {
        width: 100% !important
    }
}

@media only screen and (max-width: 991px) {
    .hero-style-19 .banner-content {
        padding: 90px 0;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .process-area-1 .process-content .course-list {
        grid-template-columns:repeat(2, 1fr);
        gap: 40px
    }
}

@media only screen and (max-width: 575px) {
    .process-area-1 .process-content .course-list {
        grid-template-columns:repeat(2, 1fr);
        gap: 20px
    }
}

@media only screen and (max-width: 767px) {
    .process-area-1 .process-gallery .gallery-thumbnail .thumbnail.thumbnail-2 {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .process-area-1 .process-gallery .gallery-thumbnail .thumbnail.thumbnail-1 {
        text-align: center
    }
}

@media only screen and (max-width: 991px) {
    .about-style-17 .about-image-gallery {
        padding: 50px 0 60px
    }
}

@media only screen and (max-width: 991px) {
    .about-style-17 .section-title {
        margin-top: 0
    }
}

@media only screen and (max-width: 991px) {
    .about-style-17 .about-content {
        padding-left: 0;
        margin-left: 0
    }
}

@media only screen and (max-width: 991px) {
    .brand-area-12 .brand-grid-wrap.brand-style-12 {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media only screen and (max-width: 479px) {
    .brand-area-12 .brand-grid-wrap.brand-style-12 {
        grid-template-columns:repeat(1, 1fr)
    }
}

@media only screen and (max-width: 991px) {
    .brand-area-12 .brand-grid-wrap.brand-style-12 .brand-grid:first-child {
        margin-left: 0;
        margin-top: 0
    }
}

@media only screen and (max-width: 991px) {
    .brand-area-12 .brand-grid-wrap.brand-style-12 .brand-grid:nth-child(52) {
        margin-right: 0
    }
}

@media only screen and (max-width: 991px) {
    .brand-area-12 .brand-grid-wrap.brand-style-12 .brand-grid:nth-child(3) {
        margin-right: 0;
        margin-top: 0
    }
}

@media only screen and (max-width: 991px) {
    .brand-area-12 .brand-grid-wrap.brand-style-12 .brand-grid:nth-child(4) {
        margin-right: 0;
        margin-top: 0
    }
}

@media only screen and (max-width: 991px) {
    .brand-area-12 .brand-grid-wrap.brand-style-12 .brand-grid:nth-child(5) {
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .faq-style-11 .edu-faq-gallery .support-question {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .hero-style-18 {
        padding: 100px 0 170px
    }
}

@media only screen and (max-width: 991px) {
    .hero-style-18 .banner-thumbnail {
        margin-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .hero-style-18 .banner-thumbnail .instructor-info {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .hero-style-18 .banner-thumbnail .sales-info {
        display: none
    }
}

@media only screen and (max-width: 1199px) {
    .hero-style-17.digital-marketing-banner {
        min-height: 630px
    }
}

@media only screen and (max-width: 767px) {
    .hero-style-17.digital-marketing-banner {
        min-height: 500px
    }
}

@media only screen and (max-width: 479px) {
    .hero-style-17.digital-marketing-banner .banner-content {
        padding-top: 50px
    }
}

@media only screen and (max-width: 991px) {
    .hero-style-17.digital-marketing-banner .banner-content {
        margin-top: 20px;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .hero-style-17.digital-marketing-banner .banner-content {
        margin-top: 70px;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .hero-style-17.digital-marketing-banner .banner-content::after {
        display: none
    }
}

@media only screen and (max-width: 1199px) {
    .hero-style-17.digital-marketing-banner .banner-content .title.title-2 {
        margin-left: 100px
    }
}

@media only screen and (max-width: 767px) {
    .hero-style-17.digital-marketing-banner .banner-content .title.title-2 {
        margin-left: 0;
        line-height: 1.3
    }
}

@media only screen and (max-width: 1199px) {
    .hero-style-17.digital-marketing-banner .banner-content .title {
        font-size: 50px
    }
}

@media only screen and (max-width: 575px) {
    .hero-style-17.digital-marketing-banner .banner-content .title {
        font-size: 40px
    }
}

@media only screen and (max-width: 479px) {
    .hero-style-17.digital-marketing-banner .banner-content .title {
        font-size: 36px
    }
}

@media only screen and (max-width: 991px) {
    .hero-style-17.digital-marketing-banner .banner-content .instructor-info {
        display: none
    }
}

@media only screen and (max-width: 1199px) {
    .hero-style-17 .shape-8 {
        display: none
    }
}

@media only screen and (max-width: 1199px) {
    .hero-style-17 .shape-9 {
        display: none
    }
}

@media only screen and (max-width: 1199px) {
    .hero-style-17 .shape-10 {
        display: none
    }
}

@media only screen and (max-width: 575px) {
    .features-area-9 .features-wrapper .feature-wrap .features-track .feature-text {
        font-size: 15px
    }
}

@media only screen and (max-width: 1199px) {
    .about-style-3.about-style-16 {
        padding: 80px 0 0 0
    }
}

@media only screen and (max-width: 991px) {
    .about-style-3.about-style-16 .about-image-gallery {
        padding: 30px 0 65px 170px
    }
}

@media only screen and (max-width: 767px) {
    .about-style-3.about-style-16 .about-image-gallery {
        padding: 0;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .about-style-3.about-style-16 .about-image-gallery .main-img-inner {
        display: none
    }
}

@media only screen and (max-width: 575px) {
    .about-style-3.about-style-16 .about-image-gallery .main-img-inner::after {
        display: none
    }
}

@media only screen and (max-width: 575px) {
    .about-style-3.about-style-16 .about-image-gallery .main-img-inner .main-img-2 {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .why-choose-area-5 .why-choose-gallery .video-lesson {
        display: none
    }
}

@media only screen and (max-width: 412px) {
    .rounded-3 .rounded-circle {
        display: none !important;
    }
}