/* Industrez - Industry and Factory HTML Template  */
@media only screen and (max-width: 1340px) {
    .project-block-two .overlay-box .inner {
        padding: 40px 15px;
    }

    .project-block-two .inner-box {
        padding-top: 400px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 1139px) {
    .main-header .info-outer .info-box {
        margin-left: 25px;
    }

        .main-menu .navigation > li:before,
        .main-header .info-outer .info-box:before {
            display: none;
        }

    .news-section-three .news-list .inner-column,
    .product-details .image-column .image-box,
    .services-section-four .text-column .inner-column,
    .project-detail .content-column .inner-column,
    .cart-section .cart-outer .table-column .inner-column,
    .about-section.style-three .content-column .inner-column,
    .about-section.style-two .content-column .inner-column,
    .why-choose-us.style-three .content-column .inner-column,
    .services-section-three .text-column .inner-column,
    .fun-facts-and-clients .funfact-column .inner-column,
    .main-menu .navigation > li {
        padding-right: 0;
    }

    .product-details .basic-details .info-column .inner-column,
    .testimonial-section-two .testimonial-column .inner-column,
    .about-section.style-three .image-column .inner-column,
    .services-sidebar,
    .sidebar-page-container .sidebar,
    .about-section.style-two.alternate .image-column .inner-column,
    .why-choose-us.style-three .feature-column .inner-column,
    .video-section .content-column .inner-column {
        padding-left: 0;
    }

    .testimonial-section-two .testimonial-column .inner-column {
        padding-top: 0;
    }

    .project-detail .post-controls,
    .main-slider {
        margin-top: 0;
    }

    .fluid-section-one .form-column .inner-column {
        padding-left: 15px;
    }

    .features-section:before,
    .header-style-two .outer-box {
        display: none;
    }

    .features-section {
        padding: 70px 0;
    }

        .features-section .outer-box {
            margin-top: 0px;
        }

    .header-style-three .outer-box .btn-box {
        display: none;
    }

    .main-header.header-style-three.alternate {
        position: relative;
        display: block;
        background-color: rgba(25,30,52,.95);
    }

    .features-bar .feature-box .inner {
        padding-left: 100px;
    }

    .features-bar .feature-box .icon {
        left: 30px;
    }

    .news-section-three .news-list,
    .project-section-four .center-column {
        order: 12;
    }

    .about-section .content-column {
        order: 0;
    }

    .about-section.style-three {
        padding-top: 120px;
    }

    .service-block .lower-content h3 {
        font-size: 22px;
    }

    .feature-box .feature-block .inner {
        padding: 30px;
    }

    .feature-box .feature-block .icon-box {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-bottom: 10px;
    }

    .faq-section .image-column .image-box {
        padding-left: 0;
        margin-bottom: 0;
    }

    .faq-form-section {
        padding-top: 120px;
    }

    .faq-section {
        padding: 120px 0;
    }

    .cart-section .table-outer {
        overflow-x: auto;
    }

    .projects-page-section .sortable-masonry .items-container {
        margin: 0px -16px;
    }

    .page-title {
        padding: 120px 0;
    }

    .header-style-three.fixed-header .header-top {
        height: auto;
    }

    .main-footer .about-widget .text {
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) {
    .main-menu .navigation > li > ul,
    .main-menu .navigation > li > ul > li > ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .sticky-header {
        display: none !important;
    }

    .main-header .info-outer {
        padding-top: 0;
    }

    .main-header .header-lower {
        background-color: #191e34;
    }

    .main-header .header-upper .logo-outer {
        width: 100%;
        text-align: center;
    }

    .main-header .header-lower .nav-outer {
        padding: 0;
    }

    .main-header .info-outer {
        width: 100%;
    }

        .main-header .info-outer .info-box {
            padding-left: 0;
            margin: 0;
            width: 100%;
            text-align: center;
            margin-bottom: 50px;
        }

            .main-header .info-outer .info-box .icon {
                position: relative;
                display: block;
                top: 0;
                margin-bottom: 20px;
                left: 0 !important;
                transform: none !important;
                opacity: 1 !important;
            }

    .main-header .search-box-outer .dropdown-menu {
        top: 55px !important;
    }

    .main-header .outer-box .btn-box {
        display: none;
    }

    .header-style-two .nav-outer {
        width: 100%;
    }

    .header-style-two .main-menu .navigation > li {
        padding: 15px 15px;
    }

    .main-slider h2 {
        font-size: 50px;
    }

    .links-bar .services-links li {
        width: 50%;
    }

    .about-section .image-column .image-2 {
        left: auto;
        right: 0;
        bottom: 50px;
    }

    .testimonials-and-clients .clients-column .image-box {
        margin: 0;
    }

    .news-section-two .btn-box,
    .news-section-two .news-list .inner-column,
    .why-choose-us .accordion-column .inner-column,
    .about-section .content-column .inner-column {
        padding-left: 0;
    }

    .faq-section .accordion-column .inner-column,
    .news-section-two .news-list .inner-column,
    .news-section-two .news-column .inner-column {
        padding-right: 0;
    }

    .main-footer .widget-title,
    .main-footer .about-widget .footer-logo .image {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .main-header .header-upper .logo-outer {
        width: 100%;
        padding: 10px 0;
    }

    .header-style-two .header-upper .logo {
        padding: 5px 0px;
        width: auto;
        text-align: center
    }

    .header-style-two .header-upper .logo-outer,
    .header-style-three .header-upper .logo-outer {
        width: auto;
        padding: 0px 0;
    }

    .feature-block-two {
        margin-bottom: 30px;
    }

    .about-section.style-two:before {
        display: none;
    }

    .about-section.style-two .image-column .inner-column {
        padding-left: 0;
        padding-right: 0;
    }

    .fun-facts-and-clients .clients-column {
        position: relative;
    }

    .project-block-two {
        border-bottom: 1px solid rgba(225,227,226,.30);
    }

        .project-block-two .inner-box {
            padding: 100px 15px;
        }

        .project-block-two .count {
            margin-bottom: 20px;
        }

    .project-section-two .projects-outer:before {
        opacity: .60;
    }

    .header-style-three .main-menu .navigation > li {
        margin-left: 23px;
        margin-right: 0;
    }

        .header-style-three .main-menu .navigation > li > a {
            padding-right: 0;
        }

    .header-style-three {
        position: relative;
        background-color: rgba(25,30,52,1);
        border-bottom: 0;
    }

        .header-style-three .outer-box .btn-box,
        .header-style-three .header-upper .logo {
            padding: 10px 0;
        }

        .header-style-three .main-menu .navigation > li {
            padding: 25px 0;
        }

    .features-section.style-two {
        padding: 100px 0 70px;
    }

    .about-section .image-column .image-1 img {
        width: 100%;
    }

    .video-section {
        padding: 100px 0;
        text-align: center;
    }

        .video-section .video-link {
            padding-top: 0;
            margin-bottom: 40px;
        }

        .video-section .content-column .link-box {
            padding-left: 0;
        }

            .video-section .content-column .link-box:before {
                display: none;
            }

    .project-section-two.style-two .project-block-two .inner-box {
        padding-top: 200px;
    }

    .project-section-two.style-two {
        padding: 120px 0;
        text-align: center;
    }

    .project-block-two h5:before {
        right: 0;
        margin: 0 auto;
    }

    .call-to-action-two .title-box {
        width: 100%;
        text-align: center;
    }

    .call-to-action-two .btn-box {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .features-bar .outer-box {
        margin-top: 0;
        margin-bottom: 0;
    }

    .features-bar .feature-box .inner {
        padding-left: 0;
        text-align: center;
    }

    .features-bar .feature-box .icon {
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
        left: 0;
    }

    .about-section.style-three:before {
        width: 100%;
    }

    .fun-fact-section-two .counter-column .inner {
        padding-left: 0;
        text-align: center;
    }

    .fun-fact-section-two .counter-column .icon-box {
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
    }

    .fun-fact-section-two .sec-title {
        margin-bottom: 30px;
    }

    .sidebar-page-container .content-side,
    .testimonial-section-two .testimonial-column {
        order: 0;
    }

    .project-detail .image-box .image {
        margin-bottom: 20px;
    }

    .project-detail .content-box h2 {
        font-size: 30px;
    }

    .fun-facts-and-clients .content-box {
        margin-bottom: 120px;
    }

    .service-detail .content-box h2 {
        font-size: 34px;
        margin-bottom: 40px;
    }

    .product-details .basic-details {
        margin-bottom: 0;
    }

    .product-details .comments-area .comment-box.reply-comment {
        margin-left: 0;
    }

    .project-block-two {
        margin-bottom: 30px;
    }

        .project-block-two .inner-box:before {
            display: none;
        }

    .main-menu .navigation > li.dropdown > a:after {
        display: none;
    }
}

@media only screen and (max-width: 850px) {
    .mob-dispCont {
        display: contents;
    }

    .captcha-input span {
        position: relative;
        padding-left: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .main-header .outer-box {
        position: absolute;
        left: 0;
        top: 0;
    }



    .hidden-mob {
        display: none;
    }

    .main-header .outer-box .cart-btn,
    .main-header .search-box-outer {
        padding: 16px 0px;
    }

        .main-header .search-box-outer .dropdown-menu {
            left: 0 !important;
        }

        .main-header .search-box-outer .dropdown-menu {
            top: 47px !important;
        }

    .mobNavigation {
        visibility: visible;
        display: block;
    }

    .header-style-two .navbar-toggler .icon {
        color: #fa7720;
    }

    .header-style-two .nav-outer {
        margin-top: -73px;
    }

    .header-style-two .header-upper .logo-outer {
        width: auto;
        padding: 0;
    }

    .main-header .header-upper .logo-outer {
        /*padding-bottom: 50px;*/
    }

    .header-style-three .nav-outer {
        width: 100%;
        margin-top: -5px;
    }

    .main-header .main-menu {
        padding-top: 0px;
        width: 100%;
        margin: 0px;
    }

    .main-header .nav-outer .main-menu {
        display: none !important;
    }

    .nav-outer .mobile-nav-toggler {
        display: block;
    }

    .main-menu .navbar-header {
        position: relative;
        float: none;
        display: block;
        text-align: right;
        width: 100%;
        padding: 10px 0px 10px;
        right: 0px;
    }

    .main-header .top-right > ul > li {
        padding-left: 0;
        border-left: 0;
    }

    .main-menu .collapse {
        max-height: 400px;
        overflow: auto;
        float: none;
        width: 100%;
        padding: 10px 0px 0px;
        border: none;
        margin: 0px 0px 15px;
        -ms-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        box-shadow: none;
    }

        .main-menu .collapse.in,
        .main-menu .collapsing {
            padding: 10px 0px 0px;
            border: none;
            margin: 0px 0px 15px;
            -ms-border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            -o-border-radius: 0px;
            border-radius: 0px;
            box-shadow: none;
        }

    .navbar-dark .navbar-toggler {
        border: 0;
        padding: 0;
    }

    .navbar-toggler .icon {
        position: relative;
        font-size: 34px;
        line-height: 1.2em;
        color: #ffffff;
        top: 3px;
    }

    .navbar-light .navbar-toggler {
        border: 0;
        padding: 0;
    }

    .main-menu .navbar-collapse > .navigation {
        float: none !important;
        margin: 0px !important;
        width: 100% !important;
        border: 1px solid #ffffff;
        border-top: none;
    }

        .main-menu .navbar-collapse > .navigation > li {
            margin: 0px !important;
            float: none !important;
            padding: 0px !important;
            width: 100%;
        }

    .main-menu .navigation > li > a,
    .main-menu .navigation > li > ul:before {
        border: none;
    }

    .main-menu .navbar-collapse > .navigation > li > a {
        padding: 10px 10px !important;
        border: none !important;
        font-size: 15px !important;
    }

    .main-menu .navigation li.dropdown > a:after,
    .main-menu .navigation > li.dropdown > a:before,
    .main-menu .navigation > li > ul > li > a::before,
    .main-menu .navigation > li > ul > li > ul > li > a::before {
        color: #ffffff !important;
        right: 15px;
        font-size: 16px;
        display: none !important;
    }

    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
        position: relative;
        border: none;
        float: none;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: 0px;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        padding: 0px;
        outline: none;
        width: 100%;
        background: #df6512;
        -webkit-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        -moz-transition: none !important;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .main-menu .navbar-collapse > .navigation > li > ul,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
            border-top: 1px solid rgba(255,255,255,1) !important;
        }

            .main-menu .navbar-collapse > .navigation > li,
            .main-menu .navbar-collapse > .navigation > li > ul > li,
            .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {
                border-top: 1px solid rgba(255,255,255,1) !important;
                border-bottom: none;
                opacity: 1 !important;
                top: 0px !important;
                left: 0px !important;
                visibility: visible !important;
            }

                .main-menu .navbar-collapse > .navigation > li > ul > li:first-child,
                .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:first-child {
                    border-top: none !important;
                }

                .main-menu .navbar-collapse > .navigation > li:first-child {
                    border: none;
                }

                .main-menu .navbar-collapse > .navigation > li > a,
                .main-menu .navbar-collapse > .navigation > li > ul > li > a,
                .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
                    padding: 12px 20px !important;
                    line-height: 22px;
                    color: #ffffff;
                    font-weight: 600;
                    font-size: 15px;
                    background: #df6512;
                    text-align: left;
                }

                    .main-menu .navbar-collapse > .navigation > li > a:hover,
                    .main-menu .navbar-collapse > .navigation > li > a:active,
                    .main-menu .navbar-collapse > .navigation > li > a:focus {
                        background: #ff5926;
                    }

                .main-menu .navbar-collapse > .navigation > li:hover > a,
                .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
                .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
                .main-menu .navbar-collapse > .navigation > li.current > a,
                .main-menu .navbar-collapse > .navigation > li.current-menu-item > a {
                    background: #df6512;
                    color: #ffffff !important;
                }

    .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {
        display: block;
    }

    .main-menu .navigation > li > ul > li > ul > li,
    .main-menu .navigation > li > ul > li {
        padding-left: 0;
        padding-right: 0;
    }

        .main-menu .navigation > li > ul > li > ul > li > a,
        .main-menu .navigation > li > ul > li > a {
            border-bottom: 0;
        }

    .page-title {
        padding: 100px 0;
    }

    .main-slider h2,
    .main-slider-two h2,
    .main-slider-three h2 {
        font-size: 38px;
        line-height: 1.2em;
        text-transform: capitalize;
    }

    .main-slider .text {
        font-size: 14px;
    }


    .page-banner h1 {
        font-size: 32px;
        line-height: 1.2em;
    }

    .testimonials-and-clients .testimonial-column .sec-title,
    .about-section .sec-title,
    .sec-title {
        margin-bottom: 30px;
    }

        .product-details .basic-details .details-header h4,
        .sec-title h2 {
            font-size: 32px;
        }

    .page-title h1 {
        font-size: 34px;
        line-height: 1.2em;
        margin-bottom: 20px;
    }

    .call-to-action .content-box h2 br,
    .sec-title h2 br {
        display: none;
    }

    .service-detail .content-box h2 {
        margin-bottom: 20px;
        font-size: 24px;
        padding-bottom: 10px;
    }

    .service-detail .image-box .image {
        margin-bottom: 30px;
    }

    .call-to-action .content-box h2 {
        font-size: 30px;
        line-height: 1.3em;
        margin-bottom: 30px;
    }

    .video-section,
    .services-section-four,
    .news-section-two,
    .service-detail-section,
    .faq-section,
    .faq-form-section,
    .testimonial-section .testimonial-column,
    .services-section-two,
    .newsletter-section,
    .product-details,
    .testimonials-and-clients,
    .why-choose-us,
    .call-to-action,
    .about-section {
        padding: 70px 0;
    }

        .checkout-page,
        .testimonial-section-three,
        .about-section.style-four,
        .testimonial-section-two,
        .fun-fact-section-two {
            padding: 70px 0 20px;
        }

        .pricing-section,
        .team-section.style-two,
        .services-section.style-two,
        .project-details-section,
        .news-section-three,
        .sidebar-page-container,
        .login-section,
        .about-section.style-three,
        .why-choose-us.style-three,
        .about-section.style-two {
            padding: 70px 0 30px;
        }

    .news-section,
    .team-section,
    .projects-page-section,
    .cart-section,
    .project-section-two.style-two,
    .services-section-three,
    .features-section.style-two,
    .project-section {
        padding: 70px 0 40px;
    }

    .services-section.alternate,
    .project-section-two,
    .fun-facts-and-clients {
        padding-top: 70px;
    }

    .related-products,
    .about-section.style-two.alternate {
        padding-bottom: 20px;
    }

    .services-section {
        padding-bottom: 70px;
    }

    .projects-page-section .filters,
    .project-block-two {
        margin-bottom: 30px;
    }

    .about-section .image-column .inner-column {
        padding: 0;
    }

    .news-section .btn-box,
    .about-section .image-column .image-2 {
        display: none;
    }

    .about-section .image-column .image-1 {
        margin-bottom: 50px;
    }

    .fun-facts-and-clients .content-box {
        margin-bottom: 70px;
    }

    .about-section.style-three .image-column .image-1 {
        margin-bottom: 0;
    }

    .about-section .image-column .image-1 img {
        width: 100%;
    }

    .about-section .image-column .video-link {
        left: 50%;
        top: 50%;
        margin-left: -50px;
        margin-top: -50px;
    }

    .testimonial-block {
        padding: 40px 20px 50px;
    }

    .fluid-section-one .form-column .inner-column,
    .fluid-section-one .form-column {
        position: relative;
        width: 100%;
        max-width: 100%;
    }

        .fluid-section-one .form-column .inner-column {
            padding: 70px 15px;
        }

    .fluid-section-one .image-column {
        position: relative;
        float: left;
        width: 100%;
        background: none;
    }

        .fluid-section-one .image-column .image-box {
            display: block;
        }

    .main-header .header-top .top-right {
        display: none;
    }

    .about-section.style-two .image-column .video-link {
        left: 50%;
        top: 50%;
        bottom: auto;
        margin-left: -50px;
        margin-bottom: -50px;
    }

    .about-section.style-two .image-column .inner-column {
        padding-bottom: 0;
    }

    .fun-facts-and-clients .counter-column {
        margin-bottom: 50px;
    }

        .fun-facts-and-clients .counter-column:last-child {
            margin-bottom: 0;
        }

    .testimonial-section .testimonial-column {
        width: 100%;
    }

    .testimonial-section .image-column {
        float: left;
        position: relative;
        width: 100%;
    }

        .testimonial-section .image-column .image-box {
            display: block;
        }

    .news-block-two .content-column .inner {
        padding-top: 40px;
    }

    .services-section-four .service-block-four {
        position: relative;
        left: 0;
        margin-bottom: 20px;
        min-width: 100%;
    }

    .about-section.style-four .image-column .image-1 {
        margin-bottom: 0;
    }

    .blog-detail blockquote {
        padding: 30px 20px;
    }

    .sidebar-page-container .comments-area {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .page-title .bread-crumb {
        width: 100%;
        padding-top: 20px;
        float: left;
    }

    .main-header .header-top .top-left,
    .main-header .header-top .social-links {
        width: 100%;
        text-align: center;
    }

        .main-header .header-top .social-links li {
            margin: 0px 10px;
            display: inline-block;
            float: none;
        }

    .main-footer .footer-bottom {
        text-align: center;
    }

    .main-footer .footer-links {
        padding-top: 5px;
    }

        .main-footer .footer-links li {
            margin: 0px 10px;
            padding: 0;
        }

            .main-footer .footer-links li:before {
                display: none;
            }
}

@media only screen and (max-width: 599px) {
    .product-details .basic-details .details-header h4,
    .main-slider h2,
    .main-slider-two h2,
    .main-slider-three h2 {
        font-size: 28px;
    }

    .sec-title h2 {
        font-size: 28px;
    }

    .call-to-action-two h2,
    .video-section .content-column h3 {
        font-size: 32px;
        line-height: 1.2em;
    }

    .links-bar .services-links li {
        width: 100%;
    }

    .project-block .overlay-box {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        border: 1px solid #dddddd;
        border-top: 0;
    }

        .project-block .overlay-box .inner {
            transform: translate(0);
            padding: 35px 20px;
        }

    .feature-block .inner {
        padding-left: 0;
        text-align: center;
    }

    .feature-block .icon-box {
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
    }

    .news-section:before {
        display: none;
    }

    .newsletter-section .title-column h2 {
        text-align: center;
    }

    .subscribe-form .form-group {
        padding-right: 0;
    }

        .subscribe-form .form-group input[type="submit"],
        .subscribe-form .form-group button {
            position: relative;
            display: block;
            width: 100%;
            margin-top: 20px;
        }

    .testimonial-carousel .owl-nav {
        position: relative;
        left: 0;
        bottom: 0;
        right: auto;
        width: 100%;
        text-align: center;
        padding: 0 0 30px 0;
    }

    .testimonial-section .owl-nav {
        left: -15px;
        text-align: left;
        padding: 0;
        margin-bottom: 0;
    }

    .project-link-box .inner {
        padding: 70px 15px;
    }

    .order-detail .cart-outer {
        overflow-x: auto;
    }

    .login-form,
    .order-detail,
    .checkout-title,
    .checkout-page .payment-options,
    .checkout-page .default-links li,
    .checkout-page .Additional-info,
    .billing-detail,
    .cart-section .totals-table,
    .cart-section .coupon-outer .content-box,
    .testimonial-block-four .inner-box,
    .project-detail .info-box,
    .service-block-four .inner-box,
    .features-section.style-two .upper-box,
    .feature-block-two .lower-content,
    .fun-facts-and-clients .content-box,
    .news-block-two .content-column .inner {
        padding-left: 15px;
        padding-right: 15px;
    }

        .features-section.style-two .upper-box:before {
            left: 15px;
            right: 15px;
        }

        .cart-section .coupon-outer .content-box > div,
        .cart-section .coupon-outer .cart-btn,
        .cart-section .apply-coupon .form-group .coupon-btn,
        .cart-section .apply-coupon .form-group,
        .cart-section .apply-coupon .form-group input[type="text"] {
            width: 100%;
            margin-right: 0;
        }

    .news-section-three .news-list .inner-column {
        padding-right: 0;
    }

    .testimonial-section-two .testimonial-column .inner-column {
        padding-bottom: 0;
    }

    .testimonial-carousel .owl-nav {
        position: relative;
        left: -15px;
        text-align: left;
        padding-bottom: 0;
        margin-top: 15px;
    }

    .project-block-three .overlay-box,
    .project-block-three .overlay-box .inner {
        position: relative;
        left: 0;
        top: 0;
        opacity: 1;
        padding-left: 15px;
        padding-right: 15px;
    }

    .testimonial-block-three .text {
        line-height: 30px;
    }

    .project-block-five .caption-box h4 {
        margin-bottom: 15px;
    }

    .project-detail .info-list li {
        padding-left: 0;
    }

        .project-detail .info-list li strong {
            position: relative;
            display: block;
        }

    .shop-upper-box .sort-by,
    .shop-upper-box .items-label {
        width: 100%;
        text-align: center;
        max-width: 100%;
    }

    .product-details .comments-area .comment {
        padding-left: 0;
    }

    .product-details .comments-area .comment-box .author-thumb {
        position: relative;
        display: inline-block;
        margin-bottom: 20px
    }

    .blog-detail .news-block-four h3,
    .blog-classic .news-block h3 {
        font-size: 20px;
        line-height: 1.3em;
    }

    .sidebar-page-container .comments-area .comment {
        padding-left: 0;
    }

    .sidebar-page-container .comments-area .comment-box .author-thumb {
        position: relative;
        display: inline-block;
    }

    .sidebar-page-container .comments-area .comment-box .reply-btn {
        position: relative;
        display: inline-block;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 479px) {
    .accordion-box .block .acc-btn {
        font-size: 18px;
        line-height: 24px;
    }

    .product-details .prod-tabs .tab-btns .tab-btn {
        margin-right: 0;
        width: 100%;
        display: block;
    }

    .product-details .basic-details .item-quantity {
        float: none;
    }

    .product-details .basic-details .add-to-cart {
        margin-left: 0;
    }

    .login-form .psw {
        margin-top: 10px;
    }

    .social-icon-three li {
        margin-right: 5px;
    }
}







/*davinder code*/
@media only screen and (min-device-width : 280px) and (max-device-width :575px) {
    .navcontainer {
        width: 100%;
        margin: 0;
    }

    .main-navigation {
        position: relative;
        padding: 12px;
    }

    .mob-nav-header {
        display: flex;
        padding: 15px;
        justify-content: space-between;
        align-items: center;
    }

    .main-navigation .navigationholder {
        display: none;
        flex-direction: column;
        position: absolute;
        width: 100%;
        background: #fff;
        height: 100vh;
        /*top: 55px;*/
        top: 60px;
        left: 0;
        z-index: 99999;
        overflow-y: auto;
    }

        .main-navigation .navigationholder ul {
            flex-direction: column;
            width: 100%;
        }

    .menutogglebtn {
        display: flex;
    }

    .main-navigation .navigationholder ul li {
        border-bottom: 1px solid #eee;
    }

        .main-navigation .navigationholder ul li:last-child {
            border-bottom: 0px;
        }

    .dashboardNav_profile > .Dropdown_navigation {
        position: unset;
    }


    .Dropdown_navigation li {
        padding: 15px 0px !important;
    }



    .banner-section .bannerleft_side {
        max-height: 100%;
    }

        .banner-section .bannerleft_side h2 {
            font-size: 20px;
        }

    .introarea .feature-strip .inticon {
        width: 40px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .introarea .feature-strip .inticon i {
            font-size: 35px;
        }

    .mycarousel .owl-dots {
        display: none;
    }

    .mycarousel .owl-nav {
        display: block;
    }

    .mycarousel button {
        padding: 15px !important;
        margin: 0px 10px !important;
        border-radius: 3px !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 35px;
        height: 100%;
        max-height: 35px;
        background: var(--white);
        border: 1px solid #731C53 !important;
    }

        .mycarousel button:hover {
            background: #731C53 !important;
        }

            .mycarousel button:hover span {
                color: var(--white) !important;
            }

    .mycarousel .owl-nav {
        display: flex;
        justify-content: center;
    }

    .mycarousel .owl-prev span, .mycarousel .owl-next span {
        padding: 4px 22px;
        color: #731C53;
        font-size: 25px !important;
    }



    /*.testimonial .testimonialCard {
            height: 100%;
            min-height: 380px;
        }*/

    .testimonial .testimonialCard:before {
        bottom: -100%;
    }


    .testimonialcarousel .owl-nav {
        display: none;
    }



    .popupform .mainpopupform {
        width: 100%;
        max-width: 100%;
    }


    .contact-container .Contactleftsideheading h2 {
        font-size: 30px;
        max-width: 100%;
    }

    .contact-container .contactdetailheader h4 {
        font-size: 20px;
    }

    .popupform .pop_innerform {
        padding: 0 10px;
    }

    .latestcoursebox {
        margin: 00px 0px 30px 0px;
    }

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        height: 100vh !important;
        max-height: 200px;
    }

    .cgdintrohead {
        height: unset;
        max-height: unset;
    }

    .gas-extraction {
        display: none;
    }

    .videobox video {
        height: auto !important;
    }

    .aboutusimg-holder img {
        height: 100% !important;
        max-height: fit-content;
    }

    .trainerimgholder {
        display: none;
    }

    .downloadbtn2 {
        padding: 11px 12px;
    }

    .btnposition_new {
        position: unset !important;
    }

    .login-wrapper .loginbox {
        padding: 20px !important;
    }

        .login-wrapper .loginbox .img-logo img {
            height: auto !important;
        }

        .login-wrapper .loginbox .img-logo {
            display: flex;
            margin-bottom: 15px;
        }

    .individualhead {
        height: auto;
    }

    .liveskillstext a {
        font-size: 14px;
    }

    .liveskillstext span {
        font-size: 12px;
    }


    .searchright-side {
        padding: 10px 0px;
    }

    .login-wrapper .loginbox .img-logo .back-home {
        margin-left: auto;
        margin-top: 10px;
    }

    .crs-featurebtnholder {
        justify-content: unset;
    }

    .crs-feature_btn {
        max-width: 100%;
    }

    .crstitle a {
        font-size: 12px;
    }

    .crsbtnbox .downloadbtn {
        padding: 10px 8px;
        font-size: 13px;
    }

    .dashboard-tabs {
        overflow-x: auto;
        display: flex;
        justify-content: unset;
        width: 100%;
        max-width: fit-content;
    }

        .dashboard-tabs button {
            padding: 14px 13px;
            font-size: 13px;
        }

    .inprogress-here .inprogressimg img {
        max-width: 80%;
    }

    .inprogress-here {
        padding: 0px;
    }

    .moreCoursesside {
        width: 100%;
        max-width: 100%;
        transition: .5s ease-in-out;
        height: 78px;
    }

    .courseinprogress .course-content .course-title {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }


    .courseinprogress {
        max-width: 100%;
    }

    .rate-reviews {
        flex-direction: column;
    }

    .reviews p {
        padding-left: 0px;
    }

    .div-reverse {
        flex-direction: column-reverse
    }

    .cont-center {
        display: flex;
        justify-content: center;
    }

    .center-mobtab {
        text-align: center;
        padding-top: 1rem;
    }

    .table-structure {
        display: none;
    }

    .paymentcard {
        flex-direction: column;
        align-items: unset;
    }

    .flexed {
        align-items: flex-start;
    }

    .paymentcard .purchase {
        max-width: 100%;
    }

    .paymentcard .amount {
        max-width: 100%;
    }

    .paymentdate {
        max-width: 100%;
    }

    .purchasecard_dicription {
        border-top: 1px solid #bfbebe;
        border-left: none;
        min-height: 60px;
    }


    .hide-title {
        display: block;
    }

    .paymentcard .purchasecard_title {
        min-height: 60px;
    }

    .innerpagemodleaningbtn {
        flex-direction: column;
    }

        .innerpagemodleaningbtn .coursedetail {
            margin: 0px 0px 10px 0px;
            width: 100%;
        }

        .innerpagemodleaningbtn button {
            width: 100%;
        }

    .changePassword_Dashboard {
        max-width: 100%;
    }

    .thanksResult_Dashboard {
        max-width: 100%;
    }

    .downloadbtn2 {
        font-size: 12px;
    }

    .Course-Curriculum_modal .modal-content .modal-footer {
        display: flex;
        flex-direction: column-reverse;
    }

        .Course-Curriculum_modal .modal-content .modal-footer button, .Course-Curriculum_modal .modal-content .modal-footer input {
            width: 100%;
            margin: 0;
        }




    .Compatative_Advantages-header h1 {
        font-size: 40px;
    }

    .Compatative_Advantages .slogan {
        font-size: 18px;
    }

    /*.partnership .row {
            display: flex;
            flex-direction: column-reverse;
        }*/


    .partnerslist li {
        padding: 8px 10px;
        height: auto;
    }

    .partnership-heading_content h2 {
        font-size: 1.55rem;
    }

    .percentage_content {
        display: flex;
        align-items: center;
        justify-content: left;
        margin: 0px;
        border-right: none;
        padding: 21px 0px;
        border-bottom: 1px solid #636363;
    }

    .percentage_content-holder:last-child .percentage_content {
        border-bottom: none;
    }

    .Compatative_advantages-right-side .form {
        padding: 0px 0px 64px 0px;
    }

    .Compatative_advantages-left-side {
        padding: 18px 0px 0px 0px !important;
    }

    .mycol:nth-last-child(2) .feature-strip {
        justify-content: unset;
    }

    .mycol:last-child .feature-strip {
        justify-content: unset;
    }

    .foot-lastcol {
        align-items: flex-start;
    }

    .aboutus_container .missioncard:after {
        width: 100%;
        height: 100%;
        position: absolute;
        content: "";
        max-height: 1px;
        transform: translate(-50%, -50%);
        left: 50%;
        top: unset;
        bottom: 0px;
    }


    .Direct_paysignup_payme {
        max-width: 100%;
        margin: 0 auto !important;
        padding: 0px;
    }

    .registernewuser {
        padding: 0;
    }

    .Direct_paysignup_payme .loginbox {
        padding: 11px;
    }

    .download_coursebtn_group a:first-child {
        margin-right: 0px;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .download_coursebtn_group a:last-child {
        width: 100%;
        text-align: center;
    }

    .starttestmodal .modal-footer .modal-footerbtn_group {
        display: flex;
        flex-direction: column;
    }

    .thanksResult_Dashboard .table-responsive .resulleft {
        font-size: 12px;
        font-weight: 600;
        width: 50%;
    }

    .thanksResult_Dashboard .table-responsive .resulright {
        font-size: 12px;
        font-weight: 600;
    }

    .dashoverview_tabs {
        overflow-x: auto !important;
        display: flex !important;
        flex-wrap: initial !important;
    }

    .progressrating .progress-title h5 {
        font-size: 11px;
    }

    /*afterloginmodule innerpage sidebar*/
    .side_barcontentholder .active-cont {
        margin-left: 0px;
    }

    .side_barcontentholder .side-navbar {
        margin-left: 0px;
        box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    }

    .side_barcontentholder .active-nav {
        margin-left: -300px;
    }
    /*afterloginmodule innerpage sidebar end*/


    .CompanyTitle h2::after {
        width: 100%;
    }

    .CompanyTitle h2 span {
        padding: 0px;
        display: inline;
    }

    .Cgd_card .img-holder img {
        height: 100%;
    }

    .Cgd_card .card-body p {
        margin-bottom: 10px;
    }

    .bannerleft_side h2 p:nth-child(1) {
        font-size: 27px;
        font-weight: 600;
        line-height: normal;
    }

    .bannerleft_side h2 p {
        font-size: 16px;
        line-height: 30px;
    }

    .bannerleft_side h1 b span {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
    }



    .login-wrapper .loginbox h1 {
        margin-bottom: 15px;
    }

    .login-wrapper .loginbox .img-logo img {
        width: 191px;
    }

    .login-wrapper .loginbox .img-logo .back-home a {
        font-size: 12px;
    }



    .business_Section .business_Section_row {
        width: 100%;
        max-width: 100%;
        flex-direction: column-reverse;
    }

    .business_Section .business_section_btnarea {
        display: flex;
        flex-direction: row;
        text-align: center;
        flex-wrap: wrap;
        /*justify-content: space-between;*/
    }

        /*.business_Section .business_section_btnarea a:nth-child(1) {
            margin-bottom: 10px;
        }*/
        .business_Section .business_section_btnarea a:nth-child(2) {
            margin-left: 10px;
        }

    .business_Section .business_logo_Discription h2 {
        font-size: 23px;
        text-align: center;
    }

    .business_Section .business_logo {
        text-align: center;
    }

    .business_Section .business-holder_img {
        margin-bottom: 12px;
    }

    .instructor_sections .row {
        max-width: 100%;
    }

    .teaching_modal .modal-dialog {
        max-width: 100%;
    }

    .bannerleft_side .slogan {
        font-size: 14px;
    }


    .contact_submitbtn .borderbtn {
        position: unset !important;
    }

    .accordion-panel li .course_Brief .course_Brief_heading span {
        font-size: 13.5px;
    }

    .course_Brief_heading {
        width: 100%;
        min-width: 90%;
        max-width: 90%;
    }

    .accordion-panel .course_Brief {
        padding: 0px;
    }

    .banner-section:before {
        background: unset;
    }

    #Diwalli-offer-timer {
        font-size: 0.76rem;
    }

    .diwalioffer_holder .cross_diwalli {
        top: 0;
        right: 0;
    }

        .diwalioffer_holder .cross_diwalli i {
            color: #000;
            background: #ffffff9e;
            padding: 2px;
            border-radius: 2px;
            font-size: 0.76rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    .viewliveskillbanner .viewliveskillbanner_footer {
        height: unset;
        padding: 15px 14px;
        bottom: -195px;
        flex-direction: column;
        align-items: unset;
    }

        .viewliveskillbanner .viewliveskillbanner_footer .seprate_section {
            margin-bottom: 12px;
        }

    .viewliveskillbanner {
        margin-bottom: 242px;
    }

    .mobtabEnrollbtn {
        position: fixed;
        bottom: 0;
        background: #fff;
        z-index: 15;
        width: 100%;
        padding: 14px;
        text-align: center;
        justify-content: center;
        border-top: 1px solid #e4e4e4;
    }

        .mobtabEnrollbtn .subsbtn {
            width: 100%;
        }

    .individualhead h1 {
        line-height: 40px;
        font-size: 25px;
    }

    .individualintro {
        font-size: 15px;
    }

    .viewliveskillbanner .viewliveskillbanner_footer .diwalieffectOne {
        bottom: 0;
        top: unset;
    }

    .festivaloffer_holder {
        /*background-image: url(../images/mobile-christmasbanner.jpg);*/
        background-image: url('../images/mobile-christmasbanner.jpg');
    }

    .viewliveskillbanner .viewliveskillbanner_footer .offereffectTwo {
        top: 0%;
    }

    .christmasbulbeffect {
        top: 0;
    }

    .christmasbulbeffect2 {
        top: 22px !important;
    }
}

@media only screen and (max-device-width :375px) {
    #festival-offer-timer {
        font-size: 0.95rem;
    }
}

@media only screen and (max-device-width :320px) {
    #festival-offer-timer {
        font-size: 0.82rem;
    }
}

@media only screen and (min-device-width : 576px) and (max-device-width :768px) {
    .navcontainer {
        width: 100%;
        margin: 0;
    }

    .main-navigation {
        position: relative;
        padding: 12px;
    }

    .mob-nav-header {
        display: flex;
        padding: 15px;
        justify-content: space-between;
        align-items: center;
    }

    .main-navigation .navigationholder {
        display: none;
        flex-direction: column;
        position: absolute;
        width: 100%;
        background: #fff;
        height: 100vh;
        top: 55px;
        left: 0;
        z-index: 99999;
        overflow-y: auto;
    }

        .main-navigation .navigationholder ul {
            flex-direction: column;
            width: 100%;
        }

    .menutogglebtn {
        display: flex;
    }

    .dashboardNav_profile > .Dropdown_navigation {
        position: unset;
    }

    .main-navigation .navigationholder ul li {
        border-bottom: 1px solid #eee;
    }




    ul.dropdowni li a {
        padding: 25px 11px 25px 0px;
        font-size: 14px;
    }

    .main-header .header-upper .logo-outer {
        width: 100%;
        max-width: 20%;
        padding: 13px 0;
    }

    .header-style-two .nav-outer {
        width: 100%;
        max-width: 80%;
        display: flex;
        justify-content: end;
    }

    .mycarousel .owl-dots {
        display: none;
    }

    .mycarousel button {
        padding: 15px !important;
        margin: 0px 10px !important;
        border-radius: 3px !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 35px;
        height: 100%;
        max-height: 35px;
        background: var(--white);
        border: 1px solid #731C53 !important;
    }

        .mycarousel button:hover {
            background: #731C53 !important;
        }

            .mycarousel button:hover span {
                color: var(--white) !important;
            }

    .mycarousel .owl-nav {
        display: flex;
        justify-content: center;
    }

    .mycarousel .owl-prev span, .mycarousel .owl-next span {
        padding: 4px 22px;
        color: #731C53;
        font-size: 25px !important;
    }

    .dropdowni li a span {
        padding: 11px 10px;
    }

    .testimonialcarousel .owl-nav {
        display: none;
    }

    .popupform .mainpopupform {
        width: 100%;
        max-width: 70%;
    }

    .popupform .pop_innerform {
        padding: 0 50px;
    }

    .aboutus_container .missioncard .lmstext {
        text-align: center;
    }

    .gas-extraction {
        display: none;
    }

    .cgdintrohead {
        height: unset;
        max-height: unset;
    }

    .trainerimgholder {
        display: none;
    }

    .programhighlights img {
        max-width: 55px;
    }

    .liveskillstext a {
        font-size: 14px;
    }

    .liveskillstext span {
        font-size: 12px;
    }

    .setbxyellowbor .setbxText {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .searchright-side {
        padding: 10px 0px;
    }

    .crs-featurebtnholder {
        justify-content: unset;
    }

    .crs-feature_btn {
        max-width: 100%;
    }

    .moreCoursesside {
        width: 100%;
        max-width: 100%;
        transition: .5s ease-in-out;
        height: 78px;
    }

    .morecourse-courses .morecourse-content h5 {
        font-size: 0.855rem;
    }

    .courseinprogress {
        max-width: 100%;
        flex-wrap: nowrap;
    }

    .inprogress-here .inprogressimg img {
        max-width: 40%;
    }

    .div-reverse {
        flex-direction: column-reverse
    }

    .cont-center {
        display: flex;
        justify-content: center;
    }

    .center-mobtab {
        text-align: center;
        padding-top: 1rem;
    }

    .tablestructure-group p {
        font-size: 0.722rem;
    }

    .purchase_discription {
        font-size: 0.722rem;
    }

    .paymentcard .purchase {
        max-width: 100%;
    }

    .purchasecard_dicription {
        min-height: 60px;
    }

    .paymentcard .purchasecard_title {
        min-height: 60px;
    }

    .query-img {
        display: flex;
    }

        .query-img img {
            width: 100%;
            max-width: 60%;
            margin: 0 auto;
        }

    .changePassword_Dashboard {
        max-width: 70%;
    }

    .introarea .feature-strip {
        justify-content: center;
    }

    .percentage_content-holder:last-child .percentage_content {
        border-top: 1px solid #636363;
    }

    .percentage_content-holder:nth-last-child(2) .percentage_content {
        border-right: none;
    }

    /* .partnership .row {
            display: flex;
            flex-direction: column-reverse;
        }*/

    .Compatative_Advantages-header h1 {
        font-size: 36px;
    }

    .contact-container .contactdetails {
        border-bottom: none;
        border-right: 1px solid #bfbebe;
    }

    .contactdetails_holder:last-child .contactdetails {
        border-right: none;
    }

    .mycol:nth-last-child(2) .feature-strip {
        justify-content: flex-end;
    }

    .mycol:last-child .feature-strip {
        justify-content: center;
    }

    .foot-lastcol {
        align-items: flex-start;
    }

    .aboutus_container .missioncard:after {
        width: 100%;
        height: 100%;
        position: absolute;
        content: "";
        max-height: 1px;
        transform: translate(-50%, -50%);
        left: 50%;
        top: unset;
        bottom: 0px;
    }

    .Direct_paysignup_payme {
        max-width: 100%;
        margin: 0 auto !important;
    }

    .download_coursebtn_group a:first-child {
        margin-right: 0px;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .download_coursebtn_group a:last-child {
        width: 100%;
        text-align: center;
    }

    .thanksResult_Dashboard .table-responsive .resulleft {
        font-size: 12px;
        font-weight: 600;
        width: 40%;
    }

    .thanksResult_Dashboard .table-responsive .resulright {
        font-size: 12px;
        font-weight: 600;
    }

    .teaching_modal .modal-dialog {
        max-width: 50%;
    }

    .business_Section .business_Section_row {
        width: 100%;
        max-width: 100%;
        flex-direction: column-reverse;
    }

    .banner-section:before {
        background: unset;
    }

    .viewliveskillbanner .viewliveskillbanner_footer .seprate_section {
        width: 50%;
        margin-bottom: 12px;
    }

    .viewliveskillbanner .viewliveskillbanner_footer {
        height: unset;
    }

    .viewliveskillbanner {
        margin-bottom: 82px;
    }

    .mobtabEnrollbtn {
        position: fixed;
        bottom: 0;
        background: #fff;
        z-index: 999;
        width: 100%;
        padding: 14px;
        text-align: center;
        justify-content: center;
        border-top: 1px solid #dddddd;
    }

        .mobtabEnrollbtn .subsbtn {
            width: fit-content;
        }

    .viewliveskillbanner .viewliveskillbanner_footer .diwalieffectOne {
        bottom: 0;
        top: unset;
    }

    /*.viewliveskillbanner .viewliveskillbanner_footer .seprate_section:nth-child(4) {
        justify-content: end;
        padding-right: 40px;
    }

    .viewliveskillbanner .viewliveskillbanner_footer .seprate_section:nth-child(6) {
        justify-content: end;
        padding-right: 92px;
    }*/
    .christmasbulbeffect {
        top: 0;
    }

    .viewliveskillbanner .viewliveskillbanner_footer .offereffectTwo {
        top: 0;
        bottom: unset;
    }

    .christmasbulbeffect2 {
        top: 22px !important;
    }
}

@media only screen and (min-device-width : 769px) and (max-device-width :991px) {
    .navcontainer {
        width: 100%;
        margin: 0;
    }

    .main-navigation {
        position: relative;
        padding: 12px;
    }

    .mob-nav-header {
        display: flex;
        padding: 15px;
        justify-content: space-between;
        align-items: center;
    }

    .main-navigation .navigationholder {
        display: none;
        flex-direction: column;
        position: absolute;
        width: 100%;
        background: #fff;
        height: 100vh;
        top: 55px;
        left: 0;
        z-index: 99999;
        overflow-y: auto;
    }

        .main-navigation .navigationholder ul {
            flex-direction: column;
            width: 100%;
        }

    .menutogglebtn {
        display: flex;
    }

    .dashboardNav_profile > .Dropdown_navigation {
        position: unset;
    }

    .main-navigation .navigationholder ul li {
        border-bottom: 1px solid #eee;
    }




    ul.dropdowni li a {
        padding: 25px 11px 25px 0px;
        font-size: 14px;
    }

    .main-header .header-upper .logo-outer {
        width: 100%;
        max-width: 20%;
        padding: 8px 0;
    }

    .header-style-two .nav-outer {
        width: 100%;
        max-width: 80%;
        display: flex;
        justify-content: end;
    }

    .introarea .feature-strip {
        justify-content: center;
    }

    .mycarousel .owl-dots {
        display: none;
    }

    .mycarousel button {
        padding: 15px !important;
        margin: 0px 10px !important;
        border-radius: 3px !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 35px;
        height: 100%;
        max-height: 35px;
        background: var(--white);
        border: 1px solid #731C53 !important;
    }

        .mycarousel button:hover {
            background: #731C53 !important;
        }

            .mycarousel button:hover span {
                color: var(--white) !important;
            }

    .mycarousel .owl-nav {
        display: flex;
        justify-content: center;
    }

    .mycarousel .owl-prev span, .mycarousel .owl-next span {
        padding: 4px 22px;
        color: #731C53;
        font-size: 25px !important;
    }


    .dropdowni li a span {
        padding: 11px 10px;
    }

    .testimonialcarousel .owl-nav {
        display: none;
    }

    .popupform .mainpopupform {
        width: 100%;
        max-width: 70%;
    }

    .aboutus_container .missioncard .lmstext {
        text-align: center;
    }

    .gas-extraction {
        display: none;
    }

    .cgdintrohead {
        height: unset;
        max-height: unset;
    }

    .trainerimgholder {
        display: none;
    }

    .programhighlights img {
        max-width: 55px;
    }

    .liveskillstext a {
        font-size: 14px;
    }

    .liveskillstext span {
        font-size: 12px;
    }

    .setbxyellowbor .setbxText {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .popupform .pop_innerform {
        padding: 0 50px;
    }

    searchright-side {
        padding: 10px 0px;
    }

    .crs-feature_btn {
        max-width: 100%;
    }

    .morecourse-courses .morecourse-content h5 {
        font-size: 0.855rem;
    }

    .moreCoursesside {
        width: 100%;
        max-width: 100%;
        transition: .5s ease-in-out;
        height: 78px;
    }

    .courseinprogress {
        max-width: 100%;
        flex-wrap: nowrap;
    }


    .inprogress-here .inprogressimg img {
        max-width: 40%;
    }

    .div-reverse {
        flex-direction: column-reverse
    }

    .cont-center {
        display: flex;
        justify-content: center;
    }

    .center-mobtab {
        text-align: center;
        padding-top: 1rem;
    }

    .query-img {
        display: flex;
    }

        .query-img img {
            width: 100%;
            max-width: 60%;
            margin: 0 auto;
        }

    .tablestructure-group p {
        font-size: 0.722rem;
    }

    .purchase_discription {
        font-size: 0.722rem;
    }

    .changePassword_Dashboard {
        max-width: 70%;
    }

    .percentage_content-holder:last-child .percentage_content {
        border-top: 1px solid #636363;
    }

    .percentage_content-holder:nth-last-child(2) .percentage_content {
        border-right: none;
    }

    .partnership .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .Compatative_Advantages-header h1 {
        font-size: 36px;
    }


    .contact-container .contactdetails {
        border-bottom: none;
        border-right: 1px solid #bfbebe;
    }

    .contactdetails_holder:last-child .contactdetails {
        border-right: none;
    }

    .mycol:nth-last-child(2) .feature-strip {
        justify-content: flex-end;
    }

    .mycol:last-child .feature-strip {
        justify-content: center;
    }

    .foot-lastcol {
        align-items: flex-start;
    }

    .aboutus_container .missioncard:after {
        width: 100%;
        height: 100%;
        position: absolute;
        content: "";
        max-height: 1px;
        transform: translate(-50%, -50%);
        left: 50%;
        top: unset;
        bottom: 0px;
    }

    .Direct_paysignup_payme {
        max-width: 100%;
        margin: 0 auto !important;
    }

    .download_coursebtn_group a:first-child {
        margin-right: 0px;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .download_coursebtn_group a:last-child {
        width: 100%;
        text-align: center;
    }

    .thanksResult_Dashboard .table-responsive .resulleft {
        font-size: 12px;
        font-weight: 600;
        width: 40%;
    }

    .thanksResult_Dashboard .table-responsive .resulright {
        font-size: 12px;
        font-weight: 600;
    }

    .teaching_modal .modal-dialog {
        max-width: 50%;
    }

    .business_Section .business_Section_row {
        width: 100%;
        max-width: 100%;
        flex-direction: column-reverse;
    }

    .banner-section:before {
        background: unset;
    }

    .viewliveskillbanner .viewliveskillbanner_footer {
        height: unset;
    }

    .viewliveskillbanner {
        margin-bottom: 82px;
    }

    .mobtabEnrollbtn {
        position: fixed;
        bottom: 0;
        background: #fff;
        z-index: 999;
        width: 100%;
        padding: 14px;
        text-align: center;
        justify-content: center;
        border-top: 1px solid #dddddd;
    }

        .mobtabEnrollbtn .subsbtn {
            width: fit-content;
        }

    .viewliveskillbanner .viewliveskillbanner_footer .diwalieffectOne {
        bottom: 0;
        top: unset;
    }

    .viewliveskillbanner .viewliveskillbanner_footer .seprate_section {
        width: 50%;
        margin-bottom: 12px;
    }
    /* .viewliveskillbanner .viewliveskillbanner_footer .seprate_section:nth-child(4)  {
            justify-content: end;
            padding-right:40px;
        }
        .viewliveskillbanner .viewliveskillbanner_footer .seprate_section:nth-child(6){
            justify-content:end;
            padding-right:92px;
        }*/
    .christmasbulbeffect {
        top: 0;
    }

    .viewliveskillbanner .viewliveskillbanner_footer .offereffectTwo {
        top: 0;
        bottom: unset;
    }
}

@media only screen and (min-device-width :992px) and (max-device-width :1300px) {

    .banner-section .bannerleft_side h2 {
        line-height: 4rem;
        font-size: 22px;
    }

    .banner-section .bannerright_side img {
        width: 100%;
        max-width: 100%;
    }

    .testimonialcarousel .owl-nav {
        display: none;
    }

    .aboutus_container .aboutusimg_holder img {
        width: 100%;
        max-width: 100%;
    }



    .popupform .mainpopupform {
        max-width: 40%;
    }

    /*.gasimg-holder img {
        max-width: 100%;
    }*/

    .cgdintrohead {
        /*height: unset;
        max-height: unset;*/
        height: 100%;
        max-height: 100%;
    }

    .header-style-two .nav-outer {
        width: 71%;
        display: flex;
        justify-content: end;
    }

    ul.dropdowni li a {
        /*padding: 25px 14px 25px 7px;*/
        padding: 25px 14px 25px 2px;
        font-size: 14px;
    }

    .login-wrapper .loginbox .img-logo img {
        max-width: 180px;
    }

    .login-wrapper .loginbox {
        padding: 0px 70px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

    .setbx {
        max-height: 270px;
        min-height: 270px;
    }

    .liveskillstext a {
        font-size: 14px;
    }

    .liveskillstext span {
        font-size: 12px;
    }

    .crs-feature_btn {
        max-width: 90%;
    }

    .morecourse-courses .morecourse-content h5 {
        font-size: 0.95rem;
    }


    .download_coursebtn_group a:first-child {
        margin-right: 0px;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .download_coursebtn_group a:last-child {
        width: 100%;
        text-align: center;
    }


    /*.testimonial .testimonialCard {
            min-height: 390px;
            max-height: 300px;
        }*/
    .teaching_modal .modal-dialog {
        max-width: 40%;
    }

    .business_logo_Discription ul li {
        font-size: 1rem;
        margin-bottom: 17px;
    }

    .bannerleft_side p {
        font-size: 1.15rem;
    }

    .bannerleft_side .slogan {
        font-size: 1.15rem;
    }

    .trendingcourse_card .card-title {
        font-size: 1rem;
        line-height: 25px;
    }

    .nav_logo img {
        max-width: 170px;
        min-width: 130px;
    }

    .bannerleft_side h1 b span {
        font-size: 20px;
    }

    .trendingcourse_card {
        min-height: 340px;
    }

    .panel .panel-heading .nav-link {
        padding: 6px;
    }

    #festival-offer-timer {
        font-size: 1rem;
    }

        #festival-offer-timer p {
            font-size: 15px;
        }

        #festival-offer-timer div span {
            font-size: .55rem;
        }

    #festival-offer-timer {
        max-width: 90%;
    }

    .main-navigation .navigationholder ul .navigationholder_link {
        padding: 18px 8px;
        font-size: 15px;
    }

    .desktop_login a {
        font-size: 13px;
        font-weight: 500;
        color: #000;
    
    }
}