@media (min-width: 1367px) and (max-width: 1920px) {
    .menu-wrapper {
        line-height: 75px;
        /*padding: 26px 0 !important;*/
    }

    .header-style-two .menu-wrapper {
        padding: 35px 0 !important;
    }

    .menu-wrapper nav ul li a {
        margin: 30px 15px !important;
        /*padding-bottom: 35px !important;*/
    }

    .video-title h4 {
        font-size: 22px !important;
    }
}
/* Normal desktop :1200px. */
@media (min-width: 1500px) and (max-width: 1600px) {
    .menu-wrapper {
        line-height: 75px;
        /*padding: 26px 0 !important;*/
    }
    .hero-thumb-inner {
        right: 200px !important;
    }

    .slick-wrapper .slick-items img {
        height: 900px !important;
    }

    .hero-section.style-3 .hero-thumb-inner {
        right: 0px !important;
    }

    .hero-section.style-10 .shape10 {
        right: 3% !important;
    }

    .feature-area.style-ten .single-feature-box-five {
        padding: 38px 60px 32px !important;
    }

    .testimonial-section.style-3.upper17 .testimonial-single-item {
        margin-bottom: 20px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .menu-wrapper {
        line-height: 75px;
        /*padding: 26px 0 !important;*/
    }
    .hero-thumb-inner {
        right: 130px !important;
    }

    .hero-section.style-3 .hero-thumb-inner {
        right: 0px !important;
    }

    .cda-2-content {
        margin-left: 0 !important;
    }

    .appointment-carousel .testimonial-content p {
        width: 80% !important;
    }

    .hero-section.style-10 .shape10 {
        right: -3% !important;
    }

    .feature-area.style-ten .single-feature-box-five {
        padding: 38px 53px 32px !important;
    }

    .feature-area.style-ten .single-feature-box-five {
        padding: 38px 44px 32px !important;
        margin-right: 1px !important;
    }

    .section-head .section-head-content p {
        font-size: 16px !important;
    }
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
    .menu-wrapper {
        line-height: 75px;
        /*padding: 26px 0 !important;*/
    }
    .header-top-area::before {
        width: 65% !important;
    }

    .hero-content-area p {
        width: 100% !important
    }

    .hero-thumb-inner {
        bottom: -20px !important;
        right: -88px !important;
    }

    .carousel-thumb-inner {
        right: -175px !important;
    }

    .process-content-title h4 {
        font-size: 16px !important;
    }

    .testimonial-content-text {
        font-size: 13px;
    }

    .blog-content p {
        font-size: 13px;
    }

    .process-section.style-seven .process-content {
        padding: 0 9px 0 !important;
    }

    .hero-thumb-inner img {
        width: 660px !important;
    }

    .section-head h3, .section-head h2 {
        font-size: 29px !important;
    }

    .process-single-item {
        padding-left: 10px;
        padding-right: 10px;
    }

    .appointment-content-section {
        margin-left: -70px;
        padding-top: 25px !important;
        padding-bottom: 15px !important;
    }

    .services-section .section-head,
    .team-section .section-head {
        padding-bottom: 35px !important;
    }

    .widget p {
        margin-top: 0;
    }

    .popular-post-title h6 {
        font-size: 14px !important;
    }

    .popular-post-title {
        margin-left: 20px !important;
    }

    .feature-section {
        margin-top: 0 !important;
        padding-top: 80px;
    }

        .feature-section.style-7 {
            margin-top: -70px !important;
        }

    .feature-single-item {
        box-shadow: 0 0 15px rgba(0,0,0,0.15) !important;
    }

    .hero-section.style-3 .hero-thumb-inner {
        bottom: -195px !important;
        left: -170px !important;
    }

    .hero-section.style-3 .hero-content-area {
        margin-left: -80px !important;
    }

        .hero-section.style-3 .hero-content-area h1 {
            font-size: 59px !important;
        }

    .cda-2-content.pl-30 {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .call-do-action-section.style-2 {
        padding-bottom: 100px !important
    }

    .counter-container.style-3 {
        margin-top: 0 !important;
    }

    .services-section.style-4 {
        padding-bottom: 70px !important;
    }

    .services-overlay .overlay-icon {
        margin-bottom: 0 !important;
        margin-top: 15px;
    }

    .feature-content h4 {
        font-size: 17px !important;
    }

    .about-helpline {
        font-size: 16px !important;
    }

    .appointment-carousel {
        padding-bottom: 80px !important;
        padding-top: 60px !important;
    }

    .about-section.style-5 .section-content ul li {
        font-weight: 500 !important;
        font-size: 14px !important;
    }

    .tabs-style-2 #tabs .ui-tabs-anchor {
        padding: 10px 30px 15px !important;
    }

    .feature-section.style-4 {
        padding-top: 0;
    }

    .team-section.no-margin {
        margin-top: 0 !important;
    }

    .swiper-container-two {
        height: 455px !important;
    }

    .swiper-slider-2 .swiper-content-area h1 {
        font-size: 50px !important;
    }

    .swiper-content-area {
        transform: translateY(35%) !important;
    }

    .swiper-slider-2 .swiper-content-area p {
        width: 70% !important;
    }

    .feature-section.style-5 {
        padding-top: 0 !important;
    }

    .section-head.style-3 {
        padding-left: 15px;
    }

    .feature-content-section .single-content .content-icon {
        margin-right: 15px !important;
        margin-left: 0;
    }

    .tag-item .all-days ul li, .tag-item .all-date ul li {
        width: 34px !important;
    }

    .slick-wrapper .slick-items img {
        height: 455px !important;
    }

    .slick-wrapper .slick-items {
        height: 455px !important;
    }

    .slick-content-area h1 {
        font-size: 50px !important;
    }

    .slick-content-area p {
        width: 65% !important;
    }

    .team-section-head {
        padding-bottom: 300px !important;
    }

    .team-section {
        margin-top: -300px !important;
    }

    .team-section-head.style-2 {
        padding-bottom: 220px !important;
    }

    .team-section.style-2 {
        margin-top: -220px !important;
    }

    .team-section-head.style-4 {
        padding-bottom: 450px !important;
    }

    .team-section.style-4 {
        margin-top: -450px !important;
    }

    .team-section.style-5 {
        padding-bottom: 80px !important;
    }

    .csd-info {
        padding: 0 30px !important;
    }

    .swiper-slider.style-four .swiper-slider-content p {
        width: 60% !important;
    }

    .feature-title h2 {
        font-size: 18px !important;
    }

    .about-title h5 {
        font-size: 15px !important;
    }

    .em_slider_inner.style-two .em-slider-main-title {
        margin: 0 0 7px !important;
    }

    .em_slider_inner.style-two .em-slider-text {
        font-size: 15px !important;
    }

    .em_slider_inner.style-two .em-slider-sub-title {
        margin-bottom: 12px !important;
    }

    .em_slider_inner.style-three .em-slider-text {
        font-size: 15px !important;
    }

    .em_slider_inner.style-three .em-slider-sub-title {
        margin-bottom: 12px !important;
    }

    .em_slider_inner.style-three .em-slider-main-title {
        margin: 0 0 7px !important;
    }

    .em_slider_inner.style-two .em-slider-main-title {
        margin: 0 0 7px !important;
    }

    .em_slider_inner.style-five .em-slider-main-title {
        font-size: 46px !important;
    }

    .em_slider_inner.style-five .em-slider-text {
        margin: 11px 0 8px !important;
    }

    .em_slider_inner.style-five .em-button-button-area a {
        margin-top: 0;
    }

    .em_slider_inner.style-six .em-slider-main-title {
        font-size: 45px !important;
    }

    .em_slider_inner.style-six .em-button-button-area a {
        margin-top: 0;
    }

    .em_slider_inner.style-six .em-slider-text {
        margin: 11px auto 8px !important;
    }

    .about-section.style-six.pb-170 {
        padding-bottom: 66px !important;
    }

    .single-process-content {
        left: 20% !important;
    }

    .process-single-item:hover .single-process-content {
        top: 61px !important;
        left: 36px !important;
    }

    .consulting-feature-section .single-feature-content h4 {
        font-size: 21px !important;
    }

    .des p {
        padding-bottom: 12px !important;
        line-height: 1.3 !important;
    }

    .project-details-content {
        padding-left: 32px !important;
    }

    .service-section-area.style-eleven .single-service-section-title h2 {
        font-size: 20px !important;
    }

    .service-section-area.style-ten .single-service-title h2 {
        font-size: 21px !important;
    }

    .testimonial-single-box:hover:after {
        width: 83% !important;
        right: -98px !important;
    }

    .about-section.style-seven .content-inner p {
        width: 100% !important;
    }

    .about-section.style-seven .content-wrapper {
        left: 0 !important;
    }

    .about-section.style-seven .section-block-text {
        padding-right: 0% !important;
    }

    .carousel-slider2.style-fourteen .carousel-slider-content h1, .carousel-slider-content h2 {
        font-size: 44px !important;
    }

    .carousel-slider2.style-fourteen .banner-thumb {
        top: 117px !important;
    }

    .process-single-box .process-icon:before {
        right: -40px !important;
    }

    .process-single-box:hover .process-icon:before {
        left: 56px !important;
    }

    .process-single-box.two .process-icon:after {
        top: -21px !important;
        left: -40px !important;
    }

    .process-single-box.two:hover .process-icon:after {
        top: -16px !important;
        left: -26px !important;
    }

    .team-area.style-two .team-member-title h2 {
        font-size: 21px !important;
    }

    .service-section-area.style-ten .service-thumb:after {
        left: -133px !important;
    }

    .feature-area.style-ten {
        padding: 10px 0 0 !important;
    }

        .feature-area.style-ten .single-feature-box-five {
            padding: 38px 31px 32px !important;
            margin: 0 0px !important;
        }

        .feature-area.style-ten .feature-title-two h2 {
            font-size: 17px !important;
            margin: 0 0 5px !important;
        }

    .hero-section.style-10 .shape10 {
        right: -18% !important;
    }

    .tabs-content-area ul li span {
        font-size: 13px !important;
    }

    .joins-titles h3 {
        font-size: 15px !important;
    }

    .circular-btn a {
        font-size: 15px !important;
        padding: 10px 15px !important;
    }

    .singles-joinss-box {
        top: 0 !important;
    }

    .single-circular-box {
        padding: 20px 32px 10px !important;
    }

    .video-title h4 {
        font-size: 19px !important;
    }

    .video-button a {
        font-size: 10px !important;
    }

    .video-button i {
        font-size: 15px !important;
    }

    .planing-title p {
        font-size: 13px !important;
    }

    .first-month-section .text-section p {
        font-size: 11px !important;
    }

    .first-month-section .main-section .third-month-section .text-section p {
        font-size: 11px !important;
        color: #616161 !important;
    }

    .first-month-section .main-section .forth-month-section .text-section2 p {
        font-size: 11px !important;
    }

    .first-month-section .main-section .second-month-section .text-section p {
        font-size: 11px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section p {
        font-size: 11px !important;
    }

    .feature-content p {
        font-size: 14px !important;
    }

    .process-content p {
        font-size: 12px !important;
    }

    .section-head p {
        font-size: 14px !important;
    }

    .tabs-content-area p {
        font-size: 13px !important;
    }

    .call-do-action-content p {
        width: 38% !important;
    }

    .counter-title h4 {
        font-size: 15px !important;
    }

    .tab-content-inner p {
        font-size: 13px !important;
    }

    .services-content p {
        font-size: 14px;
    }

    .services-content-section {
        padding: 10px 10px 0;
    }

    .about-section.style-elevent .content-inner h4 {
        font-size: 17px;
    }

    .service-section-area.style-eleven .single-service-section-box {
        padding: 54px 18px 20px 25px;
    }

    .service-section-area.style-eleven .single-service-section-content-text p {
        font-size: 14px;
    }

    .service-section-area.style-eleven .service-section-body ul li {
        font-size: 14px;
    }

    .team-area .team-icon-content-text p {
        font-size: 15px;
    }

    .team-area .team-member-title h2 {
        font-size: 20px;
    }

    .team-area .team-member-title span {
        font-size: 15px;
    }

    .case-area .case-title h2 {
        font-size: 20px;
    }

    .case-area .case-title span {
        font-size: 15px;
    }

    .blog-section.style-ten .single-blog-title a h2 {
        font-size: 20px;
    }

    .feature-area.style-ten .feature-icon-two span {
        height: 52px;
        width: 52px;
        line-height: 55px;
        font-size: 28px;
    }

    .feature-area.style-ten .feature-content-text-two p {
        font-size: 13px;
    }

    .service-choose-section .service-title-two h2 {
        font-size: 19px;
    }

    .service-choose-section .single-servicve-box {
        padding: 36px 25px 37px;
    }

    .service-choose-section .service-conent-text p {
        font-size: 14px;
    }

    .single-feature-box {
        padding: 40px 22px 35px;
    }

    .feature-content-text p {
        font-size: 14px;
    }

    .about-button a {
        font-size: 14px;
        padding: 10px 20px;
    }

    .blog-content h5 a {
        font-size: 18px;
    }

    .cda-2-content h3 {
        font-size: 30px;
    }

    .service-section.style-two .service-text p {
        font-size: 15px;
    }

    .feature-number h4 {
        font-size: 65px;
    }
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
   
    /*start style for Mobile menu*/
    .logo {
        display: none !important;
    }

    .logo-txt::before {
        display: block !important;
    }

    .active-nav {
        left: 0 !important;
    }

    .testimonial-single-item.style-2 .testimonial-content-text {
        font-size: 12px !important;
    }

    .tab-content-inner p {
        font-size: 13px !important;
    }

    .single-content p {
        font-size: 12px !important;
    }

    .section-head-bar::before {
        bottom: -13px !important;
    }

    .section-head-bar::after {
        bottom: -13px !important;
    }

    .menu-toggle {
        display: block !important;
    }

    .menu-wrapper {
        padding: 30px 0 !important;
        overflow: hidden !important;
    }

        .menu-wrapper nav {
            position: absolute;
            background: #f8f8f8;
            width: 398px;
            transition: .5s;
            top: 60px;
            left: -100%;
            height: 382px;
        }

            .menu-wrapper nav ul {
                width: 100%;
            }

                .menu-wrapper nav ul li {
                    display: block !important;
                    border-bottom: 1px solid #d9d9d9;
                }

                    .menu-wrapper nav ul li:nth-child(6) {
                        border-bottom: none;
                    }

                    .menu-wrapper nav ul li a {
                        color: #232323 !important;
                        background-color: #f8f8f8;
                        width: 100%;
                        display: inline-block;
                        margin: 0 !important;
                        padding: 13px 50px !important;
                        font-size: 14px !important;
                    }

                        .menu-wrapper nav ul li a i {
                            display: none !important;
                        }

                        .menu-wrapper nav ul li a span i {
                            display: inline-block !important;
                            position: absolute;
                            right: 20px;
                            color: #232323;
                            font-size: 12px;
                            top: 17px;
                        }

                    .menu-wrapper nav ul li:hover a span i {
                        color: #FF3c00;
                    }
        /*nav end*/
        /*Sum Menu */
        .menu-wrapper ul li:hover .sub-menu {
            top: 0px;
        }

        .menu-wrapper .sub-menu {
            left: 397px !important;
            top: 0 !important;
            width: 210px;
            background: #f8f8f8 !important;
            padding: 0px 0px 0px 5px !important;
        }

            .menu-wrapper .sub-menu li {
                padding-right: 0px !important;
                padding-bottom: 0px !important;
                display: block !important;
                border-bottom: 1px solid #f2f2f2;
            }

                .menu-wrapper .sub-menu li a {
                    background-color: #f8f8f8;
                    width: 100%;
                    display: inline-block;
                    margin: 0 !important;
                    padding: 7px 15px !important;
                    font-size: 14px !important;
                }

                    .menu-wrapper .sub-menu li a i {
                        display: none !important;
                    }

                    .menu-wrapper .sub-menu li a span i {
                        display: inline-block !important;
                        position: absolute;
                        right: 20px;
                        color: #232323;
                        font-size: 12px;
                        top: 14px;
                        background: #f2f2f2 !important;
                    }

                .menu-wrapper .sub-menu li:hover a span i {
                    color: #FF3c00;
                    transform: rotate(90deg);
                }
            /*Inner Sub Menu */
            .menu-wrapper .sub-menu .inner-sub-menu {
                left: -5px !important;
                top: 70px !important;
                width: 200px !important;
                background: #f8f8f8 !important;
                padding: 0px 0px 0px 5px !important;
            }

            .menu-wrapper .sub-menu li:hover .inner-sub-menu {
                position: absolute;
                top: 43px !important;
                left: -15px !important;
                opacity: 1;
                visibility: visible;
            }

            .menu-wrapper .sub-menu .inner-sub-menu li {
                padding-right: 0px !important;
                padding-bottom: 0px !important;
                display: block !important;
                border-bottom: 1px solid #f2f2f2;
            }

                .menu-wrapper .sub-menu .inner-sub-menu li a {
                    background-color: #f8f8f8;
                    width: 100%;
                    display: inline-block;
                    margin: 0 !important;
                    padding: 7px 15px !important;
                    font-size: 14px !important;
                }

                    .menu-wrapper .sub-menu .inner-sub-menu li a i {
                        display: none !important;
                    }
    /*end style for Mobile menu*/
    /*Start Hero section*/
    .hero-section {
        height: 600px !important;
    }

    .hero-content-area p {
        width: 100% !important
    }

    .hero-thumb-inner {
        display: none;
    }

    .section-head h3,
    .section-head h2 {
        font-size: 24px !important;
    }

    .choose-us-section .section-head h3 {
        margin-bottom: 0 !important;
    }

    .fun-fact-section .section-head h3 {
        margin-bottom: 0 !important;
    }

    .about-section .section-head h3 {
        margin-bottom: 0 !important;
    }

    .section-head h5 {
        margin-bottom: 10px !important;
    }

    .single-team-member {
        margin-bottom: 30px !important;
    }

    .team-section {
        background-size: cover !important;
    }

    .appointment-content-section {
        margin-left: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .process-section {
        padding-bottom: 38px !important
    }

    .process-single-item {
        margin-bottom: 35px !important;
    }

    .process-content {
        width: 90%;
    }

    .call-do-action-content p {
        width: 50% !important;
    }

    .subscribe-section-title h5 {
        margin: 25px 0 !important;
    }

    .widget p {
        margin-top: 0;
    }

    .widget {
        margin-bottom: 45px !important;
    }

    .single-post-img img {
        width: 100% !important;
    }

    .choose-us-content .section-head {
        padding-top: 25px;
    }

    .feature-section {
        margin-top: 0 !important;
        padding-top: 80px;
    }

        .feature-section.style-7 {
            margin-top: -70px !important;
        }

    .feature-single-item {
        box-shadow: 0 0 15px rgba(0,0,0,0.15) !important;
        margin-bottom: 30px;
    }

    .feature-content p {
        padding: 5px 30px 0px !important;
        font-size: 14px;
    }

    .feature-section.style-nine .feature-content p {
        padding: 0 !important;
    }

    .counter-single-item-inner {
        display: block !important;
        text-align: center;
    }

    .fun-fact-container {
        padding: 20px 0;
    }

    #tabs .tabs-btn-list li {
        width: 100% !important;
        margin-bottom: 8px !important;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: .5em 6.6em !important;
    }

    .cda-2-content {
        margin-left: 0 !important;
    }

        .cda-2-content h4 {
            font-size: 16px !important;
        }

        .cda-2-content h3 {
            font-size: 20px !important;
        }

    .blog-section.style-3 {
        padding-top: 0 !important;
    }

    .blog-section.style-3 {
        margin-bottom: -860px !important;
    }

    .call-do-action-2 {
        padding-top: 915px !important;
    }

    .counter-container.style-3 {
        margin-top: 0px !important;
    }

    .call-do-action-section.style-2 {
        padding-bottom: 100px !important
    }

    .services-section.style-4 {
        padding-bottom: 70px !important;
    }

    .blog-section.bg-2 {
        padding-top: 70px !important;
    }

    .blog-section.style-3 .blog-single-carousel {
        margin-top: 0 !important;
    }

    .appointment-carousel .testimonial-content-text {
        padding: 20px 0px 30px !important;
    }

    .appointment-carousel {
        padding-top: 90px !important;
        padding-bottom: 80px !important;
    }

    .call-do-action-4 .cda-2-content {
        padding: 0 !important;
    }

    .call-do-action-4 .cda-2-container {
        padding: 25px 0;
    }

    .tabs-style-2 #tabs ul li a {
        font-size: 14px !important;
    }

    .tabs-style-2 #tabs .ui-tabs-anchor {
        padding: 2px 22px 10px !important;
    }

    .tabs-style-2 ul li a i {
        padding-bottom: 5px !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }

    .swiper-slider-content .video-icon {
        right: -100px !important;
    }

    .swiper-container-two {
        height: 400px !important;
    }

    .swiper-slider-2 .swiper-content-area h1 {
        margin-bottom: 30px;
    }

    .swiper-content-area {
        transform: translateY(30%) !important;
    }

    .swiper-slider-2 .swiper-content-area p {
        display: none !important;
    }

    .breadcumb-area {
        height: 370px !important;
    }

    .pricing-single-items.style-2 {
        padding: 0 !important;
    }

    .appointment-section.style-3 .input-box {
        width: 90% !important;
    }

    .member-intro {
        padding-left: 0 !important;
    }

    .appointment-section.style-3 .ap-submit-btn {
        width: 90% !important;
    }

    .appointment-content .appointment-form {
        padding: 0 0 0 15px !important;
    }

    .contact-us .ap-submit-btn {
        width: 40% !important;
    }

    .contact-us .input-box.textarea {
        width: 88% !important;
    }

    #accordion h3, #accordion-2 h3 {
        font-size: 14px !important;
    }

    .services-section.style-9 .section-head h3 {
        margin-bottom: 0 !important;
    }

    .section-head.style-4 h3 {
        margin-bottom: 0 !important;
    }

    .tag-item .all-days ul li, .tag-item .all-date ul li {
        width: 41px !important;
    }

    .calender-area.style-2 .tag-item .all-days ul li, .calender-area.style-2 .tag-item .all-date ul li {
        width: 94px !important;
    }

    .slick-wrapper .slick-items img {
        height: 400px !important;
    }

    .slick-wrapper .slick-items {
        height: 400px !important;
    }

    .slick-content-area h1 {
        margin-bottom: 30px;
    }

    .slick-content-area p {
        display: none;
    }

    .team-section-head {
        padding-bottom: 900px !important;
    }

    .team-section {
        margin-top: -900px !important;
    }

    .team-section-head.style-4 {
        padding-bottom: 975px !important;
    }

    .team-section.style-4 {
        margin-top: -985px !important;
    }

    .team-section.style-5 {
        padding-bottom: 80px !important;
    }

    .csd-info {
        padding: 0 !important;
    }

    .nivo-directionNav {
        display: none !important;
    }

    .em-slider-main-title {
        font-size: 60px !important;
    }

    .em-slider-text {
        display: none !important;
    }

    .carousel-slider-section .owl-nav {
        display: none !important;
    }

    .carousel-thumb-inner {
        display: none !important;
    }

    .section-content ul li {
        width: 100% !important;
    }

    .portfolio_nav ul li {
        width: 100% !important;
    }

    .nivo-controlNav {
        display: block !important;
    }

    .swiper-slider.style-four .swiper-slider-content p {
        width: 75% !important;
    }

    .team-section.no-margin {
        margin-top: 0 !important;
    }

    .section-block-text {
        padding-right: 25% !important;
    }

    .choose-us-section.style-four .content-wrapper {
        margin-top: 30px;
        padding-left: 0 !important;
    }

    .carousel-slider-section.style-three .carousel-slider-content h1,
    .carousel-slider-section.style-three .carousel-slider-content h2,
    .carousel-slider-section.style-three .carousel-slider-content h4 {
        font-size: 45px !important;
    }

    .carousel-slider-section.style-three .carousel-slider {
        height: 600px !important;
    }

    .testimonial-section.style-6 {
        padding-top: 40px !important;
        padding-bottom: 60px !important;
    }

    .about-thumb {
        left: 0 !important;
    }

    .about-section.style-five .section-head p {
        font-size: 14px !important;
    }

    .about-section.style-six.pb-170 {
        padding-bottom: 66px !important;
    }

    .about-section.style-six .about-single-thumb {
        top: -136px !important;
    }

    .about-section.style-six .section-head h3, .section-head h2 {
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }

    .single-process-content {
        top: 92% !important;
        left: 32% !important;
    }

    .process-single-item:hover .single-process-content {
        top: 40% !important;
        left: 32% !important;
    }

    .carousel-slider.style-four .carousel-slider-content {
        text-align: left !important;
    }

    .carousel-slider.style-five .carousel-slider-content {
        text-align: left !important;
    }

    .des p {
        width: 98% !important;
        line-height: 1.3 !important;
        font-size: 14px !important;
    }

    .box-title h3 {
        font-size: 14px !important;
    }

    .hero-section.style-eight .hero-content-area h1, .hero-content-area h2 {
        font-size: 39px !important;
    }

    .project-details-content {
        padding-left: 0px !important;
    }

    .row.upper8 {
        padding: 27px 8px 37px !important;
    }

    .about-single-thumb {
        position: relative !important;
        top: 0 !important;
    }

    .case-area .case-single-thumb img {
        width: 100% !important;
    }

    .case-area .case-single-box {
        margin-bottom: 30px;
    }

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

    .choose-area .choose-btn a {
        margin-top: 0 !important;
    }

    .choose-area .choose-content-text p {
        width: 100% !important;
    }

    .choose-area .section-head h3, .section-head h2 {
        font-size: 20px !important;
        margin-bottom: 0px !important;
    }

    .choose-area .choose-single-content {
        margin-bottom: 0 !important;
    }

    .subscribe-section.style-ten .subscribe-section-title h2 {
        font-size: 24px !important;
    }

    .subscribe-section.style-ten .subscribe-section-title h2 {
        font-size: 23px !important;
    }

    .skill-img.shape-5 {
        right: -42px !important;
    }

    .skill-img.shape-4 {
        left: 17px !important;
    }

    .team-area.style-two .team-member-single-thumb img {
        width: 100%;
    }

    .shape {
        top: 15% !important;
        left: 138px !important;
    }

    .mm-social-icon {
        text-align: left !important;
        margin-left: 30px !important;
    }

    .about-section.style-seven .content-inner p {
        width: 100% !important;
    }

    .about-section.style-seven .content-wrapper {
        left: 0 !important;
    }

    .about-section.style-seven .section-block-text {
        padding-right: 0% !important;
    }

    .about-section.style-elevent .content-container {
        width: 100% !important;
        padding: 24px 0px 9px 0px !important;
    }

    .about-section.style-elevent .content-inner h4 {
        font-size: 17px !important;
    }

    .team-area .team-member-single-box {
        margin-top: 40px;
    }

    .team-area .team-member-single-thumb:before {
        left: -162px !important;
        height: 65% !important;
        transform: skewX(-45deg) !important;
    }

    .team-area .team-member-single-thumb:after {
        right: -148px !important;
    }

    .carousel-slider2.style-fourteen .carousel-slider-content h1, .carousel-slider-content h2 {
        font-size: 33px !important;
    }

    .carousel-slider2.style-fourteen .banner-thumb {
        top: 197px !important;
    }

    .feature-section.style-eleven .feature-content p {
        padding: 5px 5px 0px !important;
    }

    .choose-area.style-two .choose-single-box {
        padding: 19px 0px 17px 13px !important;
    }

    .team-area.style-two .team-member-single-thumb:before {
        left: 0px !important;
        height: 100% !important;
        transform: skewX(0deg) !important;
    }

    .carousel-slider-section.style-nine .carousel-slider-content p {
        width: 76% !important;
    }

    .blog-section .section-head h2 {
        margin-bottom: 13px !important;
    }

    .shape10 {
        display: none !important;
    }

    .service-choose-section .single-servicve-box {
        padding: 36px 34px 37px !important;
        margin-bottom: 30px;
    }

    .section-head.style-10 .section-head-content {
        left: 12px !important;
        top: 11px;
    }

    .feature-area.style-ten .single-feature-box-five {
        margin-bottom: 30px !important;
    }

    .abouts_titless h3 {
        font-size: 20px !important;
    }

    .abouts_titles h3 {
        font-size: 20px !important;
    }

    .section-head h3, .section-head h2 {
        font-size: 21px !important;
    }

    .tabs-content-area p {
        font-size: 12px !important;
    }

    .testimoniale_title h3 {
        font-size: 20px !important;
    }

    .testimoniale_title p {
        font-size: 10px !important;
    }

    .testimoniales-icon ul li a {
        display: none !important;
    }

    .circular-btn a {
        font-size: 12px !important;
        padding: 8px 15px !important;
    }

    .circular-title h3 {
        font-size: 20px !important;
    }

    .circular-title p {
        font-size: 12px !important;
    }

    .singles-joinss-box {
        top: 0 !important;
    }

    .single-circular-box {
        padding: 20px 32px 35px !important;
    }

    .details-title h2 {
        font-size: 35px !important;
    }

    .singles-details-box {
        margin-top: 40px !important;
    }

    .details-button {
        text-align: center !important;
    }

    .career-details {
        padding: 50px 0 90px !important;
    }

    .video-title h4 {
        font-size: 20px !important;
    }

    .planing-title p {
        font-size: 15px !important;
    }

    .elementor-about-title p {
        font-size: 15px !important;
    }

    .first-month-section .main-section::after {
        background-color: inherit !important;
    }

    .first-month-section .year h3 {
        right: 55px !important;
        top: 60px !important;
    }

    .first-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .second-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .second-month-section .text-section h4 {
        margin: 25px 0 0 0 !important;
    }

    .first-month-section .main-section .third-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .forth-month-section .year2 h3 {
        right: 50px !important;
        top: -160px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .forth-month-section .text-section h4 {
        margin: 30px 0 0 !important;
    }

    .first-month-section .main-section .forth-month-section .text-section2 h4::before {
        background-color: inherit !important;
    }

    .testimonial-content-text {
        font-size: 12px;
    }

    .blog-content p {
        font-size: 15px;
    }

    .section-head p {
        font-size: 13px !important;
    }

    .section-head-bar-2::after {
        bottom: -10px !important;
    }

    .section-head-bar-2::before {
        bottom: -10px !important;
    }

    .choose-us-section p {
        font-size: 14px !important;
    }

    .cda-2-content h4 {
        font-size: 13px !important;
    }

    .widget p {
        font-size: 15px !important;
    }

    .service-area.style-ten .single-service-conent-text p {
        font-size: 15px;
    }

    .choose-area.style-two .choose-title h4 {
        font-size: 15px;
    }

    .testimonial-area.style-eleven .testimonial-single-content-text p {
        font-size: 15px;
    }

    .service-section-area.style-eleven .single-service-section-title h2 {
        font-size: 20px !important;
    }

    .feature-section.style-ten .feature-content h4 {
        font-size: 20px;
    }

    .feature-section.style-ten .single-feature-box-two {
        padding: 36px 2px 28px 22px;
    }

    .service-section-area.style-ten .single-service-title h2 {
        font-size: 20px;
    }

    .choose-area .counter-title h4 {
        font-size: 20px;
    }

    .case-area .case-title h2 {
        font-size: 22px;
    }

    .case-area .case-title span {
        font-size: 15px;
    }

    .blog-section.style-ten .single-blog-title a h2 {
        font-size: 20px;
    }

    .subscribe-section.style-ten .subscribe-submit-btn {
        top: 15px;
        font-size: 13px;
        padding: 17px 20px;
    }

    .feature-section.style-ten .feature-content h4 {
        font-size: 20px;
    }

    .feature-section.style-ten .feature-content p {
        font-size: 15px;
    }

    .about-section.style-elevent {
        text-align: center;
    }

        .about-section.style-elevent .content-inner h4 {
            font-size: 16px;
        }

    .about-section.style-fiveteen .section-icon-title h3 {
        font-size: 20px;
    }

    .choose-area.style-sixteen .choose-icon-content-text p {
        font-size: 15px;
    }

    .feature-area.style-ten .feature-title-two h2 {
        font-size: 19px;
    }

    .feature-area.style-ten .feature-content-text-two p {
        font-size: 15px;
    }

    .feature-area.style-ten .single-feature-box-five {
        padding: 38px 55px 32px;
    }

    .section-contnent p {
        font-size: 14px;
    }

    .btn-common a {
        font-size: 15px;
        padding: 12px 28px;
    }

    .blog-content h5 a {
        font-size: 18px;
    }
}
/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
    /*start style for Mobile menu*/
    .logo {
        display: none !important;
    }

    .logo-txt::before {
        display: block !important;
    }

    .menu-toggle {
        display: block !important;
    }

    .testimonial-single-item.style-2 .testimonial-content-text {
        font-size: 16px !important;
    }

    .active-nav {
        left: 0 !important;
    }

    .menu-wrapper {
        padding: 30px 0 !important;
        overflow: hidden !important;
    }

        .menu-wrapper nav {
            position: absolute;
            background: #f8f8f8;
            width: 250px !important;
            transition: .5s;
            top: 60px;
            left: -100%;
            height: 351px;
        }

            .menu-wrapper nav ul {
                width: 100%;
            }

                .menu-wrapper nav ul li {
                    display: block !important;
                    border-bottom: 1px solid #d9d9d9;
                }

                    .menu-wrapper nav ul li:nth-child(6) {
                        border-bottom: none;
                    }

                    .menu-wrapper nav ul li a {
                        color: #232323 !important;
                        background-color: #f8f8f8;
                        width: 100%;
                        display: inline-block;
                        margin: 0 !important;
                        padding: 13px 50px !important;
                        font-size: 14px !important;
                    }

                        .menu-wrapper nav ul li a i {
                            display: none !important;
                        }

                        .menu-wrapper nav ul li a span i {
                            display: inline-block !important;
                            position: absolute;
                            right: 20px;
                            color: #232323;
                            font-size: 12px;
                            top: 17px;
                        }

                    .menu-wrapper nav ul li:hover a span i {
                        color: #FF3c00;
                    }
        /*Sub Menu */
        .menu-wrapper ul li:hover .sub-menu {
            top: 0px;
        }

        .menu-wrapper .sub-menu {
            left: 250px !important;
            top: 0 !important;
            width: 200px !important;
            background: #f8f8f8 !important;
            padding: 0px 0px 0px 5px !important;
        }

            .menu-wrapper .sub-menu li {
                padding-right: 0px !important;
                padding-bottom: 0px !important;
                display: block !important;
                border-bottom: 1px solid #f2f2f2;
            }

                .menu-wrapper .sub-menu li a {
                    background-color: #f8f8f8;
                    width: 100%;
                    display: inline-block;
                    margin: 0 !important;
                    padding: 7px 15px !important;
                    font-size: 14px !important;
                }

                    .menu-wrapper .sub-menu li a i {
                        display: none !important;
                    }

                    .menu-wrapper .sub-menu li a span i {
                        display: inline-block !important;
                        position: absolute;
                        right: 20px;
                        color: #232323;
                        font-size: 12px;
                        top: 14px;
                        background: #f2f2f2 !important;
                    }

                .menu-wrapper .sub-menu li:hover a span i {
                    color: #FF3c00;
                    transform: rotate(90deg);
                }
            /*Inner Sub Menu */
            .menu-wrapper .sub-menu .inner-sub-menu {
                left: -5px !important;
                top: 70px !important;
                width: 200px !important;
                background: #f8f8f8 !important;
                padding: 0px 0px 0px 5px !important;
            }

            .menu-wrapper .sub-menu li:hover .inner-sub-menu {
                position: absolute;
                top: 43px !important;
                left: -15px !important;
                opacity: 1;
                visibility: visible;
            }

            .menu-wrapper .sub-menu .inner-sub-menu li {
                padding-right: 0px !important;
                padding-bottom: 0px !important;
                display: block !important;
                border-bottom: 1px solid #f2f2f2;
                width: 200px !important;
            }

                .menu-wrapper .sub-menu .inner-sub-menu li a {
                    background-color: #f8f8f8;
                    width: 100%;
                    display: inline-block;
                    margin: 0 !important;
                    padding: 7px 15px !important;
                    font-size: 14px !important;
                }

                    .menu-wrapper .sub-menu .inner-sub-menu li a i {
                        display: none !important;
                    }
    /*end style for Mobile menu*/
    .hero-section {
        height: 600px !important;
    }

    .hero-content-area p {
        width: 80% !important;
        margin: auto !important;
        padding: 10px 0 35px;
    }

    .hero-thumb-inner {
        display: none;
    }

    .hero-content-area {
        text-align: center !important;
    }

        .hero-content-area h1 {
            font-size: 45px !important;
        }

    .hero-section .video-icon {
        display: none !important;
    }

    .section-head h3,
    .section-head h2 {
        font-size: 21px !important;
    }

    .about-content-container {
        margin-top: 30px;
        padding-left: 0 !important;
    }

    .services-section .section-title,
    .team-section .section-title,
    .section-head.style-2 .section-title {
        margin-bottom: 15px;
    }

    .services-section .section-head,
    .team-section .section-head {
        padding-bottom: 35px !important;
    }

    .team-section {
        background-size: cover !important;
    }

    .services-content-section {
        padding: 20px 20px 0 !important;
    }

    .single-team-member {
        margin-bottom: 30px !important;
    }

    .choose-us-content-section {
        padding-left: 0 !important;
        margin-top: 20px;
    }

    .appointment-content-section {
        margin-left: 0 !important;
    }

    .appointment-content-section {
        padding: 40px 35px 30px !important;
        margin-top: 20px;
    }

    .process-section {
        padding-bottom: 38px !important
    }

    .process-single-item {
        margin-bottom: 35px !important;
    }

    .call-do-action-content p {
        width: 77% !important;
    }

    .call-do-action-content h2,
    .sub-title {
        font-size: 25px !important;
    }

    .testimonial-content-text {
        padding: 20px 25px 50px !important;
    }

    .widget p {
        margin-top: 0;
    }

    .widget {
        margin-bottom: 45px !important;
    }

    .single-post-img img {
        width: 100% !important;
    }

    .footer-copyright-text {
        text-align: center;
        padding-bottom: 0 !important;
    }

        .footer-copyright-text p {
            margin: 10px;
        }

    .footer-copyright-link {
        text-align: center !important;
        padding-top: 0 !important;
    }

    .feature-section {
        margin-top: 0 !important;
        padding-top: 80px;
    }

        .feature-section.style-7 {
            margin-top: -70px !important;
        }

    .feature-single-item {
        box-shadow: 0 0 15px rgba(0,0,0,0.15) !important;
        margin-bottom: 30px;
    }

    .feature-single-item {
        margin-bottom: 30px;
    }

    .about-section.style-2 {
        padding-top: 45px !important;
    }

    .fun-fact-container {
        padding: 0 15px;
    }

    .counter-text span {
        font-size: 40px !important;
    }

    .counter-single-item-inner {
        padding: 20px 0px !important;
        text-align: center !important;
        display: block !important;
    }

    .team-section.style-2 {
        padding-bottom: 0 !important
    }

    .choose-us-content {
        padding-left: 10px !important;
    }

    #tabs .tabs-btn-list li {
        width: 100% !important;
        margin-bottom: 8px !important;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: .5em 13.8em !important;
    }

    .award-single-items-inner {
        text-align: center;
        margin-bottom: 30px;
    }

    .counter-container.style-3 {
        margin-top: 0 !important;
    }

        .counter-container.style-3 .counter-icon {
            margin-right: 0 !important;
        }

    .blog-section.style-3 {
        background: #f4f7fc !important;
    }

        .blog-section.style-3 .section-title {
            margin-bottom: 30px;
        }

    .cda-2-container {
        text-align: center;
        padding: 35px 0;
    }

    .cda-2-thumb {
        margin-bottom: 25px;
    }

    .cda-2-content h4 {
        font-size: 18px !important;
    }

    .cda-2-content h3 {
        font-size: 20px !important;
    }

    .cda-2-content {
        margin-left: 0px !important;
    }

    .call-do-action-section.style-2 {
        padding-bottom: 100px !important
    }

    .testimonial-section.style-4 .testimonial-content-text {
        padding: 20px 0px 30px !important;
        width: 100% !important;
    }

    .testimonial-section.style-4 .owl-dots {
        margin-top: 20px !important;
    }

    .services-section.style-4 {
        padding-bottom: 70px !important;
    }

    .btn-common.hero-btn-2 {
        display: none;
    }

    .about-thumb-section {
        margin-top: 15px;
    }

    .appointment-carousel {
        margin-top: 20px;
    }

    .appointment-section.style-2 .testimonial-content-text {
        padding: 20px 0 30px !important;
    }

    .appointment-section.style-2 {
        margin-top: 0 !important;
    }

    .feature-section.style-7 {
        padding-bottom: 0 !important;
    }

    .tabs-style-2 #tabs ul li {
        width: 100% !important;
    }

    .tabs-style-2 #tabs .ui-tabs-anchor {
        padding: 10px 45px 15px !important;
    }

    .tabs-style-2 #tabs ul li a {
        width: 100%;
    }

    .tabs-style-2 .tab-content-inner {
        margin-top: 25px;
    }

    .tabs-style-2 #tabs ul {
        margin-left: 0 !important;
    }

    .swiper-slide.slide-1 {
        height: 500px !important;
    }

    .swiper-slide.slide-2 {
        height: 500px !important;
    }

    .swiper-slider-content h1 {
        font-size: 45px !important;
    }

    .swiper-slider-content h2 {
        font-size: 45px !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }

    .container.text-left {
        text-align: center !important;
    }

    .em_slider_inner.container.text-left {
        text-align: left !important;
    }

    .swiper-slider-content .video-icon {
        display: none !important;
    }

    .swiper-container-one {
        height: 100% !important;
    }

    .swiper-container-two {
        height: 360px !important;
    }

    .swiper-slider-2 .swiper-content-area h5 {
        font-size: 16px !important;
    }

    .swiper-slider-2 .swiper-content-area h1 {
        margin-bottom: 30px;
        font-size: 22px !important;
    }

    .swiper-slider-2 .swiper-content-area p {
        display: none !important;
    }

    .btn-common.btn-swiper-2 a {
        font-size: 14px !important;
        padding: 15px 20px !important;
    }

    .breadcumb-area {
        height: 370px !important;
    }

    .section-thumb img {
        margin-bottom: 30px;
    }

    .breadcumb-content h1 {
        font-size: 31px !important;
    }

    .breadcumb-content .bold-txt {
        font-size: 50px !important;
    }

    .pricing-single-items.style-2 {
        padding: 0 !important;
    }

    .member-thumb img {
        padding-bottom: 20px !important;
    }

    .appointment-section.style-3 .ap-submit-btn {
        width: 80% !important;
    }

    .contact-us .input-box {
        width: 90% !important;
    }

        .contact-us .input-box.textarea {
            width: 90% !important;
        }

    .cda-content-area {
        margin-top: 40px;
    }

    #accordion h3, #accordion-2 h3 {
        font-size: 14px !important;
    }

    .section-head.style-3 {
        padding-bottom: 0 !important;
    }

    .web-dev-thumb-section img {
        margin-bottom: 35px;
    }

    .tag-item {
        width: 63%;
    }

    .blog-section.style-7 .blog-content-text h5 a {
        font-size: 22px !important;
    }

    .slick-wrapper .slick-items img {
        height: 360px !important;
    }

    .slick-wrapper .slick-items {
        height: 360px !important;
    }

    .slick-content-area h1 {
        font-size: 30px !important;
        margin-bottom: 30px;
    }

    .slick-content-area p {
        display: none;
    }

    .slick-content-area h5 {
        font-size: 16px !important;
    }

    .btn-common.btn-slick a {
        padding: 15px 25px !important;
        font-size: 14px !important;
    }

    .team-section-head {
        padding-bottom: 1960px !important;
    }

    .team-section {
        margin-top: -2000px !important;
    }

    .team-section-head.style-4 {
        padding-bottom: 2050px !important;
    }

    .team-section.style-4 {
        margin-top: -2075px !important;
    }

    .team-section.style-5 {
        padding-bottom: 80px !important;
    }

    .csd-info {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    .nivo-directionNav {
        display: none !important;
    }

    .em-slider-main-title {
        font-size: 40px !important;
    }

    .em-slider-text {
        display: none !important;
    }

    .em-button-button-area a {
        padding: 10px 25px !important;
    }

    .em-slider-sub-title {
        font-size: 16px !important;
    }

    .carousel-slider-section .owl-nav {
        display: none !important;
    }

    .carousel-thumb-inner {
        display: none !important;
    }

    .carousel-slider-content {
        text-align: center !important;
    }

    .carousel-slider-section.style-two .carousel-slider-content {
        text-align: left !important;
    }

    .carousel-slider-content p {
        width: 85% !important;
        margin: auto;
        padding-top: 15px;
    }

    .carousel-slider-content h1, .carousel-slider-content h2 {
        font-size: 45px !important;
    }

    .btn-common.btn-carousel-slider-2 {
        display: none !important;
    }

    .carousel-slider-section.style-three .btn-common.btn-carousel-slider-2 {
        display: inline-block !important;
    }

    .carousel-slider-section .video-icon {
        display: none !important;
    }

    .mm-social-icon {
        margin-top: 15px !important;
        margin-left: 25px;
        text-align: left !important;
    }

        .mm-social-icon span {
            padding: 0 18px !important;
        }

        .mm-social-icon a {
            height: 30px !important;
            width: 30px !important;
            line-height: 30px !important;
            font-size: 14px !important;
        }

    .portfolio_nav ul li {
        width: 100% !important;
    }

    .nivo-controlNav {
        display: block !important;
    }

    .swiper-slider.style-four .swiper-slider-content p {
        width: 80% !important;
        margin: 35px auto 40px !important;
        text-align: center !important;
    }

    .about-counter-inner {
        text-align: center;
    }

    .portfolio-section.style-2 .section-head .section-head-content p {
        width: 92% !important;
    }

    .carousel-slider-section.style-two .carousel-slider-content {
        background: transparent !important;
        padding: 0 !important;
        max-width: 100% !important;
        box-shadow: none !important;
    }

        .carousel-slider-section.style-two .carousel-slider-content p {
            margin: 0;
        }

    .team-section.no-margin {
        margin-top: 0 !important;
    }

    .section-block-text {
        padding-right: 25% !important;
    }

    .choose-us-section.style-four .content-wrapper {
        margin-top: 30px;
        padding-left: 0 !important;
    }

    .carousel-slider-section.style-three .carousel-slider-content h1,
    .carousel-slider-section.style-three .carousel-slider-content h2,
    .carousel-slider-section.style-three .carousel-slider-content h4 {
        font-size: 45px !important;
    }

    .carousel-slider-section.style-three .carousel-slider {
        height: 600px !important;
    }

    .testimonial-section.style-6 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

        .testimonial-section.style-6 .testimonial-content-text {
            width: 90% !important;
        }

    .about-section.style-eight .section-thumb.pl-45 {
        padding-left: 0 !important;
    }

    .about-section.style-eight .about-content-container {
        margin-bottom: 110px;
    }

    .video-section.style-three .video-content h1 {
        font-size: 35px !important;
    }

    .about-thumb {
        left: 0 !important;
    }

    .team-section-head.style-two .section-head.mb-40 {
        margin-bottom: 80px !important;
    }

    .about-section.style-six .section-head {
        margin-top: 443px !important;
    }

    .about-section.style-six.pb-170 {
        padding-bottom: 82px !important;
    }

    .single-process-content {
        top: 80% !important;
        left: 40% !important;
    }

    .process-single-item:hover .single-process-content {
        top: 42% !important;
        left: 40% !important;
    }

    .carousel-slider.style-four .carousel-slider-content {
        text-align: left !important;
    }

    .carousel-slider.style-five .carousel-slider-content {
        text-align: left !important;
    }

    .services-section-area .section-head p {
        width: 100% !important;
        font-size: 15px !important;
    }

    .flip-box.two {
        top: 0 !important;
    }

    .row.tooper {
        margin-top: 102px !important;
    }

    .hero-section.style-eight .appointment-content-section {
        margin-top: 64px !important;
    }

    .hero-section.style-eight .hero-content-area p {
        font-size: 16px !important;
        margin: 15px auto 0px !important;
    }

    .hero-section.style-eight {
        height: 840px !important;
    }

    .project-details-content {
        padding-left: 0 !important;
        padding-top: 23px !important;
    }

    .single-blog-thumb img {
        width: 100% !important;
    }

    .testimonial-single-box:hover:after {
        width: 77% !important;
    }

    .case-single-thumb img {
        width: 100% !important;
    }

    .blog-section.style-ten .blog-meta-box {
        bottom: 22% !important;
    }

    .case-area .case-single-box:hover .case-search {
        left: 50% !important;
    }

    .case-area .case-search {
        left: 50% !important;
    }

    .team-member-single-thumb img {
        width: 100% !important;
    }

    .team-area .team-social-address {
        left: 42% !important;
    }

    .team-area .team-member-single-thumb:after {
        right: -223px !important;
    }

    .team-area .team-member-single-box {
        margin-top: 50px !important;
    }

    .service-section-area.style-eleven .single-service-section-content-text p {
        width: 89% !important;
    }

    .choose-area .content-wrapper {
        left: 0 !important;
    }

    .service-thumb img {
        width: 100% !important;
    }

    .single-feature-box-two {
        margin-bottom: 30px !important;
    }

    .skill-area .about-content-container {
        margin-top: 94px !important;
    }

    .testimonial-area.style-eleven .row.upper15 {
        padding-left: 0 !important;
    }

    .about-section.style-elevent.upper {
        text-align: center;
    }

    .choose-area {
        padding-bottom: 30px !important;
    }

    .about-section.style-seven .content-wrapper {
        left: 0 !important;
    }

    .service-section-area.style-eleven .single-service-section-box:after {
        right: -45px !important;
    }

    .service-section-area.style-ten .service-thumb:after {
        top: -91px !important;
        left: -252px !important;
    }

    .carousel-slider2.style-fiveteen .slider-thumb {
        display: none !important;
    }

    .carousel-slider2.style-fourteen .banner-thumb {
        display: none !important;
    }

    .carousel-slider2.style-fourteen .carousel-slider-content {
        text-align: left !important;
    }

    .brand-section.bg-2.pt-45 {
        padding-top: 115px !important;
    }

    .flip-box-section {
        margin-top: 40px;
    }

    .flip-box-two {
        left: 272px;
        position: relative;
    }

    .flip-box-four {
        left: 272px;
        position: relative;
    }

    .section-head.style-10 .section-head-content {
        left: 14px !important;
    }

    .feature-area.style-ten .single-feature-box-five {
        margin-bottom: 30px !important;
    }

    .shape10 {
        display: none !important;
    }

    .hero-section.style-10 .hero-content-area p {
        width: 100% !important;
        padding: 10px 0 0px;
        font-size: 17px !important;
        line-height: 1.8 !important;
    }

    .service-choose-section .single-servicve-box {
        margin-right: 0px !important;
        margin-bottom: 30px !important;
    }

    .singles_abouts_boxs {
        margin-bottom: 70px !important;
    }

    .abouts_areas {
        padding: 100px 0 25px !important;
    }

    .tabs-content-area ul li span {
        font-size: 14px !important;
    }

    .counter-section.style-33 .counter-title {
        left: 0 !important;
        float: inherit !important;
    }

        .counter-section.style-33 .counter-title::before {
            display: none;
        }

    .singles-joins-box {
        margin-top: 50px !important;
    }

    .join-button {
        text-align: center !important;
    }

    .singles-joinss-box {
        top: 0 !important;
    }

    .single-circular-box {
        padding: 20px 10px 40px !important;
    }

    .circular-title h3 {
        font-size: 20px !important;
    }

    .circular-btn {
        display: none !important;
    }

    .details-title h2 {
        font-size: 35px !important;
    }

    .details-text p {
        font-size: 14px !important;
    }

    .singles-details-box {
        margin-top: 50px !important;
    }

    .details-button {
        text-align: center !important;
    }

    .video-area .call-do-action-video {
        top: -155px !important;
        right: 0 !important;
        left: 0 !important;
        text-align: center !important;
    }

    .video-area .video-button {
        text-align: right !important;
    }

    .elementor-about-title p {
        font-size: 10px !important;
    }

    .first-month-section .year h3 {
        right: 55px !important;
        top: 60px !important;
    }

    .first-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .second-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .second-month-section .text-section h4 {
        margin: 25px 0 0 0 !important;
    }

    .first-month-section .main-section .third-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .forth-month-section .year2 h3 {
        right: 50px !important;
        top: -160px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .forth-month-section .text-section h4 {
        margin: 30px 0 0 !important;
    }

    .first-month-section .main-section .forth-month-section .text-section2 h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section::after {
        background-color: inherit !important;
    }

    .first-month-section .text-section p {
        font-size: 13px !important;
    }

    .first-month-section .main-section .second-month-section .text-section p {
        font-size: 13px !important;
    }

    .first-month-section .main-section .third-month-section .text-section p {
        font-size: 13px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section p {
        font-size: 13px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section2 p {
        font-size: 13px !important;
    }

    .section-head .section-head-content p {
        font-size: 16px !important;
    }

    .service-area.style-ten .services-btn i {
        height: 35px;
        width: 35px;
        line-height: 35px;
    }

    .service-area.style-ten .services-btn a {
        font-size: 13px;
        margin-bottom: 30px;
    }

    .service-section-area.style-ten .section-head p {
        width: 72%;
    }

    .service-section-area.style-ten .single-service-title h2 {
        font-size: 20px;
    }

    .service-section-area.style-eleven .section-head p {
        width: 85%;
    }

    .banner-content h1 {
        font-size: 45px;
    }

    .banner-content h2 {
        font-size: 45px;
    }

    .banner-section {
        text-align: center;
    }

    .banner-content p {
        width: 100%;
    }

    .single-feature-box {
        text-align: center;
    }
}
/* Smart mobile */
@media only screen and (min-width: 481px) and (max-width: 599px) {
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    /*start style for Mobile menu*/
    .logo {
        display: none !important;
    }

    .logo-txt::before {
        display: block !important;
    }

    .menu-toggle {
        display: block !important;
    }

    .circular-title p {
        font-size: 13px !important;
    }

    .circular-thumb img {
        padding: 18px 20px !important;
    }

    .active-nav {
        left: 0 !important;
    }

    .menu-wrapper {
        padding: 30px 0 !important;
        overflow: hidden !important;
    }

        .menu-wrapper nav {
            position: absolute;
            background: #f8f8f8;
            width: 250px !important;
            transition: .5s;
            top: 60px;
            left: -100%;
            height: 100vh;
        }

            .menu-wrapper nav ul {
                width: 100%;
            }

                .menu-wrapper nav ul li {
                    display: block !important;
                    border-bottom: 1px solid #d9d9d9;
                }

                    .menu-wrapper nav ul li:nth-child(6) {
                        border-bottom: none;
                    }

                    .menu-wrapper nav ul li a {
                        color: #232323 !important;
                        background-color: #f8f8f8;
                        width: 100%;
                        display: inline-block;
                        margin: 0 !important;
                        padding: 13px 50px !important;
                        font-size: 14px !important;
                    }

                        .menu-wrapper nav ul li a i {
                            display: none !important;
                        }

                        .menu-wrapper nav ul li a span i {
                            display: inline-block !important;
                            position: absolute;
                            right: 20px;
                            color: #232323;
                            font-size: 12px;
                            top: 17px;
                        }

                    .menu-wrapper nav ul li:hover a span i {
                        color: #FF3c00;
                    }

    .nav-btn {
        display: none !important;
    }

    .mm-social-icon {
        margin-top: 15px !important;
        margin-left: 25px;
        text-align: left !important;
    }

        .mm-social-icon span {
            padding: 0 18px !important;
        }

        .mm-social-icon a {
            height: 30px !important;
            width: 30px !important;
            line-height: 30px !important;
            font-size: 14px !important;
        }
    /*nav end*/
    /*Sub Menu */
    .menu-wrapper ul li:hover .sub-menu {
        top: 0px;
    }

    .menu-wrapper .sub-menu {
        left: 250px !important;
        top: 0 !important;
        width: 200px !important;
        background: #f8f8f8 !important;
        padding: 0px 0px 0px 5px !important;
    }

        .menu-wrapper .sub-menu li {
            padding-right: 0px !important;
            padding-bottom: 0px !important;
            display: block !important;
            border-bottom: 1px solid #f2f2f2;
        }

            .menu-wrapper .sub-menu li a {
                background-color: #f8f8f8;
                width: 100%;
                display: inline-block;
                margin: 0 !important;
                padding: 7px 15px !important;
                font-size: 14px !important;
            }

                .menu-wrapper .sub-menu li a i {
                    display: none !important;
                }

                .menu-wrapper .sub-menu li a span i {
                    display: inline-block !important;
                    position: absolute;
                    right: 20px;
                    color: #232323;
                    font-size: 12px;
                    top: 14px;
                    background: #f2f2f2 !important;
                }

            .menu-wrapper .sub-menu li:hover a span i {
                color: #FF3c00;
                transform: rotate(90deg);
            }
        /*Inner Sub Menu */
        .menu-wrapper .sub-menu .inner-sub-menu {
            left: -5px !important;
            top: 70px !important;
            width: 200px !important;
            background: #f8f8f8 !important;
            padding: 0px 0px 0px 5px !important;
        }

        .menu-wrapper .sub-menu li:hover .inner-sub-menu {
            position: absolute;
            top: 43px !important;
            left: -15px !important;
            opacity: 1;
            visibility: visible;
        }

        .menu-wrapper .sub-menu .inner-sub-menu li {
            padding-right: 0px !important;
            padding-bottom: 0px !important;
            display: block !important;
            border-bottom: 1px solid #f2f2f2;
            width: 200px !important;
        }

            .menu-wrapper .sub-menu .inner-sub-menu li a {
                background-color: #f8f8f8;
                width: 100%;
                display: inline-block;
                margin: 0 !important;
                padding: 7px 15px !important;
                font-size: 14px !important;
            }

                .menu-wrapper .sub-menu .inner-sub-menu li a i {
                    display: none !important;
                }
    /*end style for Mobile menu*/
    .header-top-area, .header-button {
        display: none !important;
    }

    .hero-section {
        height: 500px !important;
    }

    .hero-content-area p {
        width: 85% !important;
        margin: auto !important;
        padding: 10px 0 35px;
    }

    .hero-thumb-inner {
        display: none;
    }

    .hero-content-area {
        text-align: center !important;
    }

        .hero-content-area h1 {
            font-size: 45px !important;
        }

    .hero-section .video-icon {
        display: none !important;
    }

    .section-head h3,
    .section-head h2 {
        font-size: 22px !important;
    }

    .about-content-container {
        margin-top: 30px;
        padding-left: 0 !important;
    }

    #tabs .tabs-btn-list li {
        margin-right: 0 !important;
        width: 100%;
        margin-bottom: 10px;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: .5em 11em !important;
    }

    .tabs-btn-list li a {
        display: block;
        width: 100%;
    }

    .services-section .section-title,
    .team-section .section-title,
    .section-head.style-2 .section-title {
        margin-bottom: 25px;
    }

    .services-section .section-head,
    .team-section .section-head {
        padding-bottom: 35px !important;
    }

    .team-section {
        background-size: cover !important;
    }

    .services-content-section {
        padding: 20px 20px 0 !important;
    }

    .single-team-member {
        margin-bottom: 30px !important;
    }

    .choose-us-content-section {
        padding-left: 0 !important;
        margin-top: 20px;
    }

    .appointment-content-section {
        margin-left: 0 !important;
    }

    .appointment-content-section {
        padding: 40px 20px 30px !important;
        margin-top: 20px;
    }

    .process-section {
        padding-bottom: 38px !important
    }

    .process-single-item {
        margin-bottom: 35px !important;
    }

    .process-content p {
        width: 95% !important;
    }

    .call-do-action-content p {
        width: 77% !important;
    }

    .call-do-action-content h2,
    .sub-title {
        font-size: 25px !important;
        margin-bottom: 20px;
    }

    .testimonial-content-text {
        padding: 20px 25px 50px !important;
    }

    .widget p {
        margin-top: 0;
    }

    .widget {
        margin-bottom: 45px !important;
    }

    .single-post-img img {
        width: 100% !important;
    }

    .footer-copyright-text {
        text-align: center;
        padding-bottom: 0 !important;
    }

        .footer-copyright-text p {
            margin: 10px;
        }

    .footer-copyright-link {
        text-align: center !important;
        padding-top: 0 !important;
    }

    .feature-section {
        margin-top: 0 !important;
        padding-top: 80px;
    }

        .feature-section.style-7 {
            margin-top: -70px !important;
        }

    .feature-single-item {
        box-shadow: 0 0 15px rgba(0,0,0,0.15) !important;
        margin-bottom: 30px;
    }

    .feature-single-item {
        margin-bottom: 30px;
    }

    .about-section.style-2 {
        padding-top: 45px !important;
    }

    .fun-fact-container {
        padding: 0 15px;
    }

    .counter-text span {
        font-size: 40px !important;
    }

    .counter-single-item-inner {
        padding: 20px 0px !important;
        text-align: center !important;
        display: block !important;
    }

    .team-section.style-2 {
        padding-bottom: 0 !important
    }

    .choose-us-content {
        padding-left: 10px !important;
    }

    .hero-btn-2 {
        display: none !important;
    }

    .award-single-items-inner {
        text-align: center;
        margin-bottom: 30px;
    }

    .counter-container.style-3 {
        margin-top: 0 !important;
    }

    .blog-section.style-3 .section-title {
        margin-bottom: 30px;
    }

    .blog-section.style-3 {
        background: #f4f7fc;
    }

    .cda-2-container {
        text-align: center;
        padding: 35px 0;
    }

    .cda-2-thumb {
        margin-bottom: 25px;
    }

    .cda-2-content h4 {
        font-size: 18px !important;
    }

    .cda-2-content h3 {
        font-size: 20px !important;
    }

    .cda-2-content {
        margin-left: 0px !important;
    }

    .call-do-action-section.style-2 {
        padding-bottom: 100px !important
    }

    .testimonial-section.style-4 .testimonial-content-text {
        width: 100% !important;
        padding: 20px 25px 30px !important;
    }

    .testimonial-section.style-4 .owl-dots {
        margin-top: 20px !important;
    }

    .services-section.style-4 {
        padding-bottom: 70px !important;
    }

    .about-thumb-section {
        margin-top: 15px;
    }

    .appointment-carousel {
        margin-top: 20px;
    }

    .appointment-section.style-2 .testimonial-content-text {
        padding: 20px 0 30px !important;
    }

    .appointment-section.style-2 {
        margin-top: 0 !important;
    }

    .feature-section.style-7 {
        padding-bottom: 0 !important;
    }

    .about-feature li {
        font-size: 13px !important;
    }

    .call-do-action-section.style-6 {
        padding-bottom: 100px !important;
    }

    .tabs-style-2 #tabs ul li {
        width: 100% !important;
    }

    .tabs-style-2 #tabs .ui-tabs-anchor {
        padding: 10px 45px 15px !important;
    }

    .tabs-style-2 #tabs ul li a {
        width: 100%;
    }

    .tabs-style-2 .tab-content-inner {
        margin-top: 25px;
    }

    .tabs-style-2 #tabs ul {
        margin-left: 0 !important;
    }

    .swiper-slide.slide-1 {
        height: 500px !important;
    }

    .swiper-slide.slide-2 {
        height: 500px !important;
    }

    .swiper-slider-content h1 {
        font-size: 45px !important;
    }

    .swiper-slider-content h2 {
        font-size: 45px !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }

    .container.text-left {
        text-align: center !important;
    }

    .swiper-slider-content .video-icon {
        display: none !important;
    }

    .swiper-slider-content {
        margin: 0 15px !important;
    }

    .swiper-container-one {
        height: 100% !important;
    }

    .swiper-container-two {
        height: 280px !important;
    }

    .swiper-slider-2 .swiper-content-area h5 {
        font-size: 16px !important;
    }

    .swiper-slider-2 .swiper-content-area h1 {
        margin-bottom: 30px;
        font-size: 22px !important;
    }

    .swiper-slider-2 .swiper-content-area p {
        display: none !important;
    }

    .btn-common.btn-swiper-2 a {
        font-size: 14px !important;
        padding: 15px 20px !important;
    }

    .breadcumb-area {
        height: 370px !important;
    }

    .section-thumb img {
        margin-bottom: 30px;
    }

    .breadcumb-content h1 {
        font-size: 31px !important;
    }

    .pricing-single-items.style-2 {
        padding: 0 !important;
    }

    .member-thumb img {
        padding-bottom: 20px !important;
    }

    .appointment-section.style-3 .ap-submit-btn {
        width: 80% !important;
    }

    .contact-us .input-box {
        width: 90% !important;
    }

        .contact-us .input-box.textarea {
            width: 90% !important;
        }

    .cda-content-area {
        margin-top: 40px;
    }

    .appointment-content .appointment-form {
        padding: 0 0 0 20px !important;
    }

    #accordion h3, #accordion-2 h3 {
        font-size: 14px !important;
    }

    .section-head.style-3 {
        padding-bottom: 0 !important;
        padding-left: 15px;
    }

    .web-dev-thumb-section img {
        margin-bottom: 35px;
    }

    .blog-section.style-7 .blog-content-text h5 a {
        font-size: 22px !important;
    }

    .breadcumb-content .bold-txt {
        font-size: 50px !important;
    }

    .single-blog-social-icon ul li i {
        font-size: 12px !important;
        height: 30px !important;
        width: 30px !important;
        line-height: 30px !important;
    }

    .tag-item {
        width: 393px;
    }

        .tag-item .all-days ul li, .tag-item .all-date ul li {
            width: 56px !important;
        }

    .slick-wrapper .slick-items img {
        height: 280px !important;
    }

    .slick-wrapper .slick-items {
        height: 280px !important;
    }

    .slick-content-area h1 {
        font-size: 22px !important;
        margin-bottom: 30px;
    }

    .slick-content-area p {
        display: none;
    }

    .slick-content-area h5 {
        font-size: 16px !important;
    }

    .btn-common.btn-slick a {
        padding: 15px 25px !important;
        font-size: 14px !important;
    }

    .team-section-head {
        padding-bottom: 1680px !important;
    }

    .team-section {
        margin-top: -1710px !important;
    }

    .team-section-head.style-4 {
        padding-bottom: 1750px !important;
    }

    .team-section.style-4 {
        margin-top: -1785px !important;
    }

    .team-section.style-5 {
        padding-bottom: 80px !important;
    }

    .csd-info {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    .nivo-directionNav {
        display: none !important;
    }

    .em-slider-main-title {
        font-size: 40px !important;
    }

    .em-slider-text {
        display: none !important;
    }

    .em-button-button-area a {
        padding: 10px 25px !important;
    }

    .em-slider-sub-title {
        font-size: 16px !important;
    }

    .em_slider_inner.container.text-left {
        text-align: left !important;
    }

    .carousel-slider-section .owl-nav {
        display: none !important;
    }

    .carousel-thumb-inner {
        display: none !important;
    }

    .carousel-slider-content {
        text-align: center !important;
    }

        .carousel-slider-content p {
            width: 85% !important;
            margin: auto;
            padding-top: 15px;
        }

        .carousel-slider-content h1, .carousel-slider-content h2 {
            font-size: 45px !important;
        }

    .btn-common.btn-carousel-slider-2 {
        display: none !important;
    }

    .carousel-slider-section .video-icon {
        display: none !important;
    }

    .portfolio_nav ul li {
        width: 100% !important;
    }

    .nivo-controlNav {
        display: block !important;
    }

    .swiper-slider.style-four .swiper-slider-content p {
        width: 80% !important;
        margin: 35px auto 40px !important;
        text-align: center !important;
    }

    .about-counter-inner {
        text-align: center;
    }

    .portfolio-section.style-2 .section-head .section-head-content p {
        width: 92% !important;
    }

    .team-section.no-margin {
        margin-top: 0 !important;
    }

    .carousel-slider-section.style-two .carousel-slider-content {
        background: transparent !important;
        padding: 0 !important;
        max-width: 100% !important;
        box-shadow: none !important;
        text-align: left !important;
    }

        .carousel-slider-section.style-two .carousel-slider-content p {
            margin-left: 0 !important;
        }

    .section-block-text {
        padding-right: 25% !important;
    }

    .choose-us-section.style-four .content-wrapper {
        margin-top: 30px;
        padding-left: 0 !important;
    }

    .carousel-slider-section.style-three .carousel-slider-content h1,
    .carousel-slider-section.style-three .carousel-slider-content h2,
    .carousel-slider-section.style-three .carousel-slider-content h4 {
        font-size: 45px !important;
    }

    .carousel-slider-section.style-three .carousel-slider {
        height: 600px !important;
    }

    .testimonial-section.style-6 {
        padding-top: 40px !important;
        padding-bottom: 60px !important;
    }

        .testimonial-section.style-6 .testimonial-content-text {
            width: 90% !important;
        }

    .video-section.style-three .video-content h1 {
        font-size: 30px !important;
    }

    .carousel-slider-section.style-three .btn-common.btn-carousel-slider-2 {
        display: inline-block !important;
    }

    .about-section.style-eight .section-thumb.pl-45 {
        padding-left: 0 !important;
    }

    .about-section.style-eight .about-content-container {
        margin-bottom: 110px;
    }

    .case-area .case-single-box {
        margin-bottom: 30px;
    }

    .singles_abouts_boxs {
        margin-bottom: 70px !important;
    }

    .abouts_areas {
        padding: 100px 0 25px !important;
    }

    .counter-section.style-33 .counter-title {
        left: 0 !important;
        float: inherit !important;
    }

        .counter-section.style-33 .counter-title::before {
            display: none;
        }

    .why-join-us {
        padding: 50px 0 70px !important;
    }

    .singles-joins-box {
        margin-top: 50px !important;
    }

    .join-button {
        text-align: center !important;
    }

    .singles-joinss-box {
        top: 0 !important;
    }

    .circular-title h3 {
        font-size: 15px !important;
    }

    .circular-btn {
        display: none !important;
    }

    .single-circular-box {
        padding: 15px 9px 42px !important;
    }

    .details-title h2 {
        font-size: 35px !important;
    }

    .details-title p {
        font-size: 12px !important;
    }

    .details-text p {
        font-size: 14px !important;
    }

    .singles-details-box {
        margin-top: 50px !important;
    }

    .details-button {
        text-align: center !important;
    }

    .career-details {
        padding: 50px 0 90px !important;
    }

    .video-area .call-do-action-video {
        top: -145px !important;
        left: 0 !important;
        right: 0 !important;
        text-align: center !important;
    }

    .video-area .video-button {
        text-align: right !important;
    }

    .vission-area {
        background: #fff !important;
    }

    .mission-title h2 {
        display: none !important;
    }

    .mission-area .elementor-about-title p {
        margin: 5px !important;
    }

    .vission-area .elementor-about-title p {
        margin: 5px !important;
    }

    .mission-area {
        padding: 60px 0 40px !important;
    }

    .vission-area {
        padding: 50px 0 !important;
    }

    .first-month-section .year h3 {
        right: 55px !important;
        top: 60px !important;
    }

    .first-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .second-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .second-month-section .text-section h4 {
        margin: 25px 0 0 0 !important;
    }

    .first-month-section .main-section .third-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .forth-month-section .year2 h3 {
        right: 50px !important;
        top: -160px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .forth-month-section .text-section h4 {
        margin: 30px 0 0 !important;
    }

    .first-month-section .main-section .forth-month-section .text-section2 h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section::after {
        background-color: inherit !important;
    }

    .first-month-section .text-section p {
        font-size: 13px !important;
    }

    .first-month-section .main-section .second-month-section .text-section p {
        font-size: 13px !important;
    }

    .first-month-section .main-section .third-month-section .text-section p {
        font-size: 13px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section p {
        font-size: 13px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section2 p {
        font-size: 13px !important;
    }

    .section-head p {
        font-size: 14px !important;
    }

    .testimonial-section.style-three .section-head p {
        font-size: 17px;
        width: 100%;
    }

    .industries-area .section-head p {
        font-size: 17px;
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .logo {
        display: none !important;
    }

    .logo-txt::before {
        display: block !important;
    }

    .menu-toggle {
        display: block !important;
    }

    .active-nav {
        left: 0 !important;
    }

    .menu-wrapper {
        padding: 30px 0 !important;
        overflow: hidden !important;
    }

        .menu-wrapper nav {
            position: absolute;
            background: #f8f8f8;
            /*width: 170px !important;*/
            width: 100% !important;
            transition: .5s;
            top: 60px;
            left: -100%;
            height: 341px;
        }

            .menu-wrapper nav ul {
                width: 100%;
            }

                .menu-wrapper nav ul li {
                    display: block !important;
                    border-bottom: 1px solid #d9d9d9;
                }

                    .menu-wrapper nav ul li:nth-child(6) {
                        border-bottom: none;
                    }

                    .menu-wrapper nav ul li a {
                        color: #232323 !important;
                        background-color: #f8f8f8;
                        width: 100%;
                        display: inline-block;
                        margin: 0 !important;
                        padding: 13px 15px !important;
                        font-size: 14px !important;
                    }

                        .menu-wrapper nav ul li a i {
                            display: none !important;
                        }

                        .menu-wrapper nav ul li a span i {
                            display: inline-block !important;
                            position: absolute;
                            right: 20px;
                            color: #232323;
                            font-size: 12px;
                            top: 17px;
                        }

                    .menu-wrapper nav ul li:hover a span i {
                        color: #FF3c00;
                    }

    .nav-btn {
        display: none !important;
    }

    .mm-social-icon {
        text-align: left !important;
        margin-top: 12px !important;
    }

        .mm-social-icon span {
            padding: 0 15px !important;
        }

        .mm-social-icon a {
            height: 25px !important;
            width: 25px !important;
            line-height: 25px !important;
            font-size: 12px !important;
        }
    /*Sub Menu */
    .menu-wrapper ul li:hover .sub-menu {
        top: 0px;
    }

    .menu-wrapper .sub-menu {
        left: 170px !important;
        top: 0 !important;
        width: 177px !important;
        background: #f8f8f8 !important;
        padding: 0px 0px 0px 5px !important;
    }

        .menu-wrapper .sub-menu li {
            padding-right: 0px !important;
            padding-bottom: 0px !important;
            display: block !important;
            border-bottom: 1px solid #f2f2f2;
        }

            .menu-wrapper .sub-menu li a {
                background-color: #f8f8f8;
                width: 100%;
                display: inline-block;
                margin: 0 !important;
                padding: 7px 5px 7px 3px !important;
                font-size: 14px !important;
            }

                .menu-wrapper .sub-menu li a i {
                    display: none !important;
                }

                .menu-wrapper .sub-menu li a span i {
                    display: inline-block !important;
                    position: absolute;
                    right: 15px;
                    color: #232323;
                    font-size: 12px;
                    top: 14px;
                    background: #f2f2f2 !important;
                }

            .menu-wrapper .sub-menu li:hover a span i {
                color: #FF3c00;
                transform: rotate(90deg);
            }
        /*Inner Sub Menu */
        .menu-wrapper .sub-menu .inner-sub-menu {
            left: -5px !important;
            top: 70px !important;
            width: 170px !important;
            background: #f8f8f8 !important;
            padding: 0px 0px 0px 5px !important;
        }

        .menu-wrapper .sub-menu li:hover .inner-sub-menu {
            position: absolute;
            top: 43px !important;
            left: -13px !important;
            opacity: 1;
            visibility: visible;
        }

        .menu-wrapper .sub-menu .inner-sub-menu li {
            padding-right: 0px !important;
            padding-bottom: 0px !important;
            display: block !important;
            border-bottom: 1px solid #f2f2f2;
            width: 161px !important;
        }

            .menu-wrapper .sub-menu .inner-sub-menu li a {
                background-color: #f8f8f8;
                width: 100%;
                display: inline-block;
                margin: 0 !important;
                padding: 7px 15px !important;
                font-size: 14px !important;
            }

                .menu-wrapper .sub-menu .inner-sub-menu li a i {
                    display: none !important;
                }

    .header-top-area, .header-button {
        display: none !important;
    }

    .hero-section {
        height: 500px !important;
    }

    .hero-content-area p {
        width: 100% !important;
        margin: auto !important;
        padding: 10px 0 35px;
        font-size: 15px !important;
    }

    .feature-content-text-two p {
        font-size: 15px;
    }

    .section-head p {
        font-size: 13px !important;
    }

    .single-content p {
        font-size: 12px !important;
    }

    .services-content p {
        font-size: 12px !important;
    }

    .hero-thumb-inner {
        display: none;
    }

    .hero-content-area {
        text-align: center !important;
    }

        .hero-content-area h1 {
            font-size: 30px !important;
        }

    .hero-section .video-icon {
        display: none !important;
    }

    .section-head h3,
    .section-head h2 {
        font-size: 20px !important;
    }

    .about-content-container {
        margin-top: 30px;
        padding-left: 0 !important;
    }

    #tabs .tabs-btn-list li {
        margin-right: 0 !important;
        width: 100%;
        margin-bottom: 10px;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: .5em 6em !important;
    }

    .tabs-btn-list li a {
        display: block;
        width: 100%;
    }

    .services-section .section-title,
    .team-section .section-title,
    .section-head.style-2 .section-title {
        margin-bottom: 25px;
    }

    .services-section .section-head,
    .team-section .section-head {
        padding-bottom: 35px !important;
    }

    .team-section {
        background-size: cover !important;
    }

    .services-content-section {
        padding: 20px 20px 0 !important;
    }

    .single-team-member {
        margin-bottom: 30px !important;
    }

    .choose-us-content-section {
        padding-left: 0 !important;
        margin-top: 20px;
    }

    .appointment-content-section {
        margin-left: 0 !important;
    }

    .appointment-content-section {
        padding: 40px 20px 30px !important;
        margin-top: 20px;
    }

    .process-section {
        padding-bottom: 38px !important
    }

    .process-single-item {
        margin-bottom: 35px !important;
    }

    .process-content p {
        width: 95% !important;
    }

    .call-do-action-content p {
        width: 85% !important;
        font-size: 14px;
    }

    .call-do-action-content h2,
    .sub-title {
        font-size: 25px !important;
        margin-bottom: 20px;
    }

    .testimonial-content-text {
        padding: 20px 15px 50px !important;
        font-size: 13px;
    }

    .blog-content h5 a {
        font-size: 16px !important;
    }

    .blog-content p {
        font-size: 12px !important;
    }

    .testimonial-section.style-5 .testimonial-content-text {
        width: 100% !important;
        padding: 20px 15px 50px !important;
    }

    .widget p {
        margin-top: 0;
    }

    .widget {
        margin-bottom: 45px !important;
    }

    .single-post-img img {
        width: 100% !important;
    }

    .footer-copyright-text {
        font-size: 15px !important;
        text-align: center;
        padding-bottom: 0 !important;
    }

        .footer-copyright-text p {
            margin: 10px;
        }

    .footer-copyright-link {
        text-align: center !important;
        padding-top: 0 !important;
    }

        .footer-copyright-link ul li {
            padding: 0 5px !important;
        }

    .feature-section {
        margin-top: 0 !important;
        padding-top: 80px;
    }

        .feature-section.style-7 {
            margin-top: -70px !important;
        }

    .feature-single-item {
        box-shadow: 0 0 15px rgba(0,0,0,0.15) !important;
        margin-bottom: 30px;
    }

    .feature-single-item {
        margin-bottom: 30px;
    }

    .about-section.style-2 {
        padding-top: 45px !important;
    }

    .fun-fact-container {
        padding: 0 15px;
    }

    .counter-text span {
        font-size: 40px !important;
    }

    .counter-single-item-inner {
        padding: 20px 0px !important;
        text-align: center !important;
        display: flex !important;
    }

    .team-section.style-2 {
        padding-bottom: 0 !important
    }

    .choose-us-content {
        padding-left: 10px !important;
    }

    .hero-btn-2 {
        display: none !important;
    }

    .award-single-items-inner {
        text-align: center;
        margin-bottom: 30px;
    }

    .counter-container.style-3 {
        margin-top: 0 !important;
    }

    .blog-section.style-3 .section-title {
        margin-bottom: 30px;
    }

    .blog-section.style-3 {
        background: #f4f7fc;
    }

    .cda-2-container {
        text-align: center;
        padding: 35px 0;
    }

    .cda-2-thumb {
        margin-bottom: 25px;
    }

    .cda-2-content h4 {
        font-size: 18px !important;
    }

    .cda-2-content h3 {
        font-size: 20px !important;
    }

    .cda-2-content {
        margin-left: 0px !important;
    }

    .call-do-action-section.style-2 {
        padding-bottom: 100px !important
    }

    .services-section.style-4 {
        padding-bottom: 70px !important;
    }

    .testimonial-section.style-4 .testimonial-content-text {
        width: 100% !important;
        padding: 20px 5px 30px !important;
    }

    .testimonial-section.style-4 .owl-dots {
        margin-top: 20px !important;
    }

    .subscribe-submit-btn {
        font-size: 14px !important;
        padding: 12px 10px !important;
    }

    .blog-section.style-3 .blog-content {
        padding: 45px 30px 40px !important;
    }

    .about-thumb-section {
        margin-top: 15px;
    }

    .appointment-carousel {
        margin-top: 20px;
    }

    .appointment-section.style-2 .testimonial-content-text {
        padding: 20px 0 30px !important;
    }

    .appointment-section.style-2 {
        margin-top: 0 !important;
    }

    .feature-section.style-7 {
        padding-bottom: 0 !important;
    }

    .section-content ul li {
        width: 100% !important;
    }

    .call-do-action-section.style-6 {
        padding-bottom: 100px !important;
    }

    .tabs-style-2 #tabs ul li {
        width: 100% !important;
    }

    .tabs-style-2 #tabs .ui-tabs-anchor {
        padding: 10px 45px 15px !important;
    }

    .tabs-style-2 #tabs ul li a {
        width: 100%;
    }

    .tabs-style-2 .tab-content-inner {
        margin-top: 25px;
    }

    .tabs-style-2 #tabs ul {
        margin-left: 0 !important;
    }

    .swiper-slide.slide-1 {
        height: 500px !important;
    }

    .swiper-slide.slide-2 {
        height: 500px !important;
    }

    .swiper-slider-content h1 {
        font-size: 32px !important;
    }

    .swiper-slider-content h2 {
        font-size: 32px !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }

    .container.text-left {
        text-align: center !important;
    }

    .swiper-slider-content .video-icon {
        display: none !important;
    }

    .swiper-container-one {
        height: 100% !important;
    }

    .swiper-container-two {
        height: 280px !important;
    }

    .swiper-slider-2 .swiper-content-area h5 {
        font-size: 16px !important;
    }

    .swiper-slider-2 .swiper-content-area h1 {
        margin-bottom: 30px;
        font-size: 22px !important;
    }

    .swiper-slider-2 .swiper-content-area p {
        display: none !important;
    }

    .btn-common.btn-swiper-2 a {
        font-size: 14px !important;
        padding: 15px 20px !important;
    }

    .breadcumb-area {
        height: 370px !important;
    }

    .section-thumb img {
        margin-bottom: 30px;
    }

    .breadcumb-content h1 {
        font-size: 21px !important;
    }

    .breadcumb-content h4 {
        font-size: 19px !important;
    }

    .pricing-single-items.style-2 {
        padding: 0 !important;
    }

    .breadcumb-content {
        left: 30px !important;
    }

    .member-thumb img {
        padding-bottom: 20px !important;
    }

    .appointment-section.style-3 .ap-submit-btn {
        width: 80% !important;
    }

    .contact-us .input-box {
        width: 90% !important;
    }

        .contact-us .input-box.textarea {
            width: 90% !important;
        }

    .cda-content-area {
        margin-top: 40px;
    }

    .appointment-content .appointment-form {
        padding: 0 0 0 20px !important;
    }

    .contact-us .ap-submit-btn {
        width: 50% !important;
    }

    #accordion h3, #accordion-2 h3 {
        font-size: 14px !important;
    }

    .section-head.style-3 {
        padding-bottom: 0 !important;
        padding-left: 15px;
    }

    .web-dev-thumb-section img {
        margin-bottom: 35px;
    }

    .blog-section.style-6 .blog-content-text h5 {
        margin-top: 20px;
    }

        .blog-section.style-6 .blog-content-text h5 a {
            font-size: 20px !important;
        }

    .tag-item a {
        padding: 5px 4px !important;
    }

    .tag-item {
        width: 100%;
    }

        .tag-item .all-days ul li, .tag-item .all-date ul li {
            width: 33px !important;
        }

    .blog-section.style-7 .blog-content-text h5 a {
        font-size: 22px !important;
    }

    .tag-item {
        width: 232px !important;
    }

    .slick-wrapper .slick-items img {
        height: 280px !important;
    }

    .slick-wrapper .slick-items {
        height: 280px !important;
    }

    .slick-content-area h1 {
        font-size: 22px !important;
        margin-bottom: 30px;
    }

    .slick-content-area p {
        display: none;
    }

    .slick-content-area h5 {
        font-size: 16px !important;
    }

    .btn-common.btn-slick a {
        padding: 12px 12px !important;
        font-size: 12px !important;
    }

    .team-section-head {
        padding-bottom: 1160px !important;
    }

    .team-section {
        margin-top: -1190px !important;
    }

    .team-section-head.style-4 {
        padding-bottom: 1230px !important;
    }

    .team-section.style-4 {
        margin-top: -1260px !important;
    }

    .team-section.style-5 {
        padding-bottom: 80px !important;
    }

    .case-study-intro {
        padding: 15px !important;
        margin-bottom: 20px !important;
    }

    .csd-info {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    .nivo-directionNav {
        display: none !important;
    }

    .em-slider-main-title {
        font-size: 30px !important;
    }

    .em-slider-text {
        display: none !important;
    }

    .em-button-button-area a {
        padding: 10px 25px !important;
    }

    .em-slider-sub-title {
        font-size: 14px !important;
    }

    .em_slider_inner.container.text-left {
        text-align: left !important;
    }

    .em-slider-button {
        display: none;
    }

    .carousel-slider-section .owl-nav {
        display: none !important;
    }

    .carousel-thumb-inner {
        display: none !important;
    }

    .carousel-slider-content {
        text-align: center !important;
    }

        .carousel-slider-content p {
            width: 100% !important;
            margin: auto;
            padding-top: 15px;
        }

        .carousel-slider-content h1, .carousel-slider-content h2 {
            font-size: 25px !important;
        }

    .btn-common.btn-carousel-slider-2 {
        display: none !important;
    }

    .carousel-slider-section .video-icon {
        display: none !important;
    }

    .portfolio_nav ul li {
        width: 100% !important;
    }

    .nivo-controlNav {
        display: block !important;
    }

    .swiper-slider.style-four .swiper-slider-content p {
        width: 80% !important;
        margin: 35px auto 40px !important;
        text-align: center !important;
    }

    .about-counter-inner {
        text-align: center;
    }

    .portfolio-section.style-2 .section-head .section-head-content p {
        width: 92% !important;
    }

    .service-section.style-nine .service-single-items h2 {
        font-size: 26px !important;
    }

    .team-section.no-margin {
        margin-top: 0 !important;
    }

    .carousel-slider-section.style-two .carousel-slider-content {
        background: transparent !important;
        padding: 0 !important;
        max-width: 100% !important;
        box-shadow: none !important;
        text-align: left !important;
    }

        .carousel-slider-section.style-two .carousel-slider-content p {
            margin-left: 0 !important;
        }

    .creative-counter {
        margin-right: 0 !important;
    }

    .section-block-text {
        padding-right: 5% !important;
    }

    .choose-us-section.style-four .content-wrapper {
        margin-top: 30px;
        padding-left: 0 !important;
    }

    .carousel-slider-section.style-three .carousel-slider-content h1,
    .carousel-slider-section.style-three .carousel-slider-content h2,
    .carousel-slider-section.style-three .carousel-slider-content h4 {
        font-size: 45px !important;
    }

    .carousel-slider-section.style-three .carousel-slider {
        height: 600px !important;
    }

    .testimonial-section.style-6 {
        padding-top: 40px !important;
        padding-bottom: 60px !important;
    }

        .testimonial-section.style-6 .testimonial-content-text {
            width: 90% !important;
        }

    .video-section.style-three .video-content h1 {
        font-size: 30px !important;
    }

    .carousel-slider-section.style-three .btn-common.btn-carousel-slider-2 {
        display: inline-block !important;
    }

    .about-section.style-eight .section-thumb.pl-45 {
        padding-left: 0 !important;
    }

    .about-section.style-eight .about-content-container {
        margin-bottom: 110px;
    }

    .subscribe-section-title h5 {
        margin: 13px 0 25px !important;
    }

    .btn-details a {
        padding: 10px 25px 10px 25px !important;
        font-size: 14px !important;
    }

    .banner-section {
        text-align: center;
    }

    .banner-content p {
        width: 100%;
    }

    .banner-content h1 {
        font-size: 30px !important;
    }

    .banner-content h2 {
        font-size: 30px !important;
    }

    .banner-content p {
        font-size: 15px !important;
        width: 100% !important;
    }

    .about-thumb {
        left: 0 !important;
    }

    .about-section.style-six .section-head {
        position: relative;
        top: 105px;
    }

    .about-botton.mt-35 {
        margin-top: 120px !important;
    }

    .about-section.style-six.pb-170 {
        padding-bottom: 83px !important;
    }

    .about-section.style-six .section-head p {
        width: 97% !important;
        font-size: 16px !important;
    }

    .header .uk-sticky {
        position: relative !important;
    }

    .testimonial-section.style-three .section-head p {
        font-size: 15px !important;
        width: 100% !important;
    }

    .testimonial-section.style-three .pb-25 {
        padding-bottom: 0 !important;
    }

    .feature-area.style-two.pb-70 {
        padding-bottom: 45px !important;
    }

    .about-area.style-two.pt-120 {
        padding-top: 45px !important;
    }

    .feature-area.pb-75 {
        padding-bottom: 37px !important;
    }

    .pricing-section.style-two.pb-80 {
        padding-bottom: 48px !important;
    }

    .carousel-slider.style-four .carousel-slider-content {
        text-align: left !important;
    }

    .carousel-slider.style-five .carousel-slider-content {
        text-align: left !important;
    }

    .about-section.style-nine.pt-120 {
        padding-top: 39px !important;
    }

    .about-section.style-nine.pb-85 {
        padding-bottom: 54px !important;
    }

    .services-section-area .section-head p {
        width: 100% !important;
        font-size: 17px !important;
    }

    .team-section.pb-100 {
        padding-bottom: 50px !important;
    }

    .testimonial-section.style-three.topper.pb-85 {
        padding-bottom: 32px !important;
    }

    .blog-section.pt-100 {
        padding-top: 48px !important;
    }

    .owl-dots {
        display: none !important;
    }

    .blog-section.pb-70 {
        padding-bottom: 26px !important;
    }

    .flip-box.two {
        top: 0 !important;
    }

    .row.tooper {
        margin-top: 102px !important;
    }

    .hero-section.style-six {
        text-align: left !important;
    }

        .hero-section.style-six .hero-content-area p {
            font-size: 16px !important;
        }

    .about-section.style-eleven.pt-80 {
        padding-top: 27px !important;
    }

    .about-section.style-eleven.pb-110 {
        padding-bottom: 62px;
    }

    .feature-area.style-three.topper {
        padding: 47px 0 29px !important;
    }

    .team-section-head.style-nine.upper.pt-80 {
        padding-top: 43px !important;
    }

    .team-section-head.style-nine.upper .section-head p {
        width: 100% !important;
        font-size: 16px !important;
    }

    .team-section.style-nine.pb-65 {
        padding-bottom: 19px !important;
    }

    .section-head.style-eight.pt-75 {
        padding-top: 46px !important;
    }

    .blog-section.upper-three.pt-80 {
        padding-top: 51px !important;
    }

    .hero-section.style-eight .appointment-content-section {
        display: none !important;
    }

    .hero-section.style-eight .hero-content-area h1, .hero-content-area h2 {
        font-size: 33px !important;
    }

    .hero-section.style-eight .hero-content-area {
        text-align: left !important;
    }

        .hero-section.style-eight .hero-content-area p {
            width: 100% !important;
        }

    .about-section.upper-two.pb-80 {
        padding-bottom: 45px !important;
    }

    .services-section.pt-70 {
        padding-top: 39px !important;
    }

    .services-section.pb-80 {
        padding-bottom: 40px !important;
    }

    .choose-us-section.pt-75 {
        padding-top: 46px !important;
    }

    .choose-us-section.pb-70 {
        padding-bottom: 18px !important;
    }

    .team-section-head.pt-75 {
        padding-top: 38px !important;
    }

    .appointment-section.pb-75 {
        padding-bottom: 33px !important;
    }

    .process-section.style-seven {
        padding-bottom: 6px !important;
    }

    .call-do-action-section.style-three.pt-150 {
        padding-top: 110px !important;
    }

    .project-details-content {
        padding-left: 0 !important;
        padding-top: 23px !important;
    }

    .row.upper8 {
        padding: 17px 1px 24px !important;
    }

    .subscribe-section.style-ten .subscribe-section-title h2 {
        font-size: 22px !important;
    }

    .testimonial-area.style-eleven .row.upper15.pt-35 {
        padding-left: 0 !important;
    }

    .blog-section.style-ten .section-btn {
        float: inherit;
    }

    .blog-section.style-ten.upper .section-btn a {
        font-size: 13px;
    }

    .blog-section.style-ten .section-btn i {
        height: 35px;
        width: 35px;
        line-height: 35px;
    }

    .feature-section.style-ten .single-feature-box-two {
        padding: 36px 6px 28px 12px !important;
        margin-bottom: 30px !important;
    }

    .about-section.style-elevent .content-inner h4 {
        font-size: 17px !important;
    }

    .service-section-area.style-ten .section-head p {
        width: 94% !important;
    }

    .choose-area .choose-content-text p {
        width: 100% !important;
    }

    .choose-area {
        padding-bottom: 30px !important;
    }

    .service-section-area.style-eleven .section-head p {
        width: 99% !important;
    }

    .service-section-area.style-eleven .section-head h3, .section-head h2 {
        font-size: 21px !important;
    }

    .service-section-area.style-eleven .single-service-section-box {
        padding: 54px 3px 36px 24px !important;
    }

    .team-area .team-member-single-thumb:before {
        left: -165px !important;
    }

    .team-area .team-member-single-thumb:after {
        right: -131px !important;
    }

    .testimonial-single-box:before {
        left: -109px !important;
        width: 97% !important;
    }

    .testimonial-single-box:hover:after {
        transform: skewX(-29deg) !important;
        right: -99px !important;
    }

    .subscribe-section.style-ten .subscribe-submit-btn {
        top: 19px !important;
        right: 3px !important;
    }

    .about-section.style-seven .content-wrapper {
        left: 0 !important;
    }

    .carousel-slider2.style-fourteen .carousel-slider-content {
        text-align: left !important;
    }

    .carousel-slider2.style-fourteen .banner-thumb {
        top: 74px !important;
    }

    .about-section.style-elevent.upper a.address2 {
        top: 54% !important;
    }

    .about-section.style-elevent.upper a.address1 {
        top: 30% !important;
        right: -17px !important;
    }

    .team-area.style-two .section-content-text p {
        width: 90% !important;
    }

    .skill-thumb {
        left: 16% !important;
    }

    .skill-img.shape-8 {
        right: -9px !important;
        bottom: -44px !important;
    }

    .skill-img.shape-4 {
        left: -47px !important;
    }

    .testimonial-area.style-eleven .testimonial-single-box {
        padding: 19px 5px 87px 33px !important;
    }

    .testimonial-area.style-eleven .testimonial-single-content-text p {
        line-height: 1.5 !important;
        font-size: 15px;
    }

    .team-area.style-two .team-member-single-thumb:before {
        left: 0px !important;
    }

    .service-section-area.style-ten .service-thumb:after {
        top: -43px !important;
        left: -116px !important;
    }

    .choose-area .content-wrapper {
        left: 0 !important;
    }

    .brand-section.bg-2.pt-45 {
        padding-top: 115px !important;
    }

    .flip-box-two {
        display: none !important;
    }

    .flip-box-four {
        display: none !important;
    }

    .slider-img.shape5.bounce-animate3 {
        display: none !important;
    }

    .process-single-box:hover .process-icon:before {
        left: 43px !important;
    }

    .section-head.style-10 .section-head-content {
        left: 14px !important;
    }

    .hero-shape1.bounce-animate2 {
        display: none !important;
    }

    .shape10 {
        display: none !important;
    }

    .hero-section.style-10 .hero-content-area h1 {
        font-size: 26px !important;
    }

    .feature-area.style-ten {
        padding: 10px 4px 0 !important;
    }

        .feature-area.style-ten .single-feature-box-five {
            padding: 38px 45px 32px !important;
            margin: 0 0px 30px !important;
        }

    .about-section.style-fiveteen.upper .about-thumb {
        margin-right: 6px !important;
    }

    .service-choose-section .single-servicve-box {
        margin-bottom: 0; /* 30px;*/
    }

    .feature-section.style-eleven .single-feature-box-three {
        padding: 36px 6px 43px 9px !important;
        text-align: center;
    }

    .feature-section.style-eleven .feature-content h4 {
        font-size: 20px;
        margin: 15px 0 7px;
    }

    .feature-section.style-eleven .single-feature-box-two {
        padding: 36px 6px 43px 9px !important;
        text-align: center;
    }

    .feature-section.style-eleven .single-feature-thumb img {
        float: inherit;
    }

    .about-section.style-elevent.upper {
        text-align: center;
    }

    .abouts_titles h3 {
        font-size: 15px !important;
    }

    .singles_abouts_boxs {
        margin-bottom: 80px !important;
    }

    .abouts_titless h3 {
        font-size: 15px !important;
    }

    .abouts_areas {
        padding: 100px 0 25px !important;
    }

    .tabs-content-area ul li span {
        font-size: 12px !important;
    }

    .service-area.style-ten {
        text-align: center;
    }

        .service-area.style-ten .single-service-conent-text p {
            font-size: 14px;
        }

        .service-area.style-ten .single-service-title h2 {
            font-size: 20px;
        }

        .service-area.style-ten .services-btn i {
            height: 35px;
            width: 35px;
            line-height: 35px;
        }

        .service-area.style-ten .services-btn a {
            font-size: 13px;
        }

    .feture-area.styles-two {
        padding: 90px 0 0px !important;
    }

    .testimoniale_title h3 {
        font-size: 15px !important;
        margin: 0 !important;
    }

    .testimoniale_title p {
        font-size: 9px !important;
    }

    .testimoniales-icon {
        display: none !important;
    }

    .testimoniales_title h4 {
        font-size: 15px !important;
    }

    .testimoniales_title p {
        font-size: 9px !important;
    }

    .testimoniale_areas {
        padding: 90px 0 30px !important;
    }

    .counter-section.style-33 .counter-title {
        left: 0 !important;
        float: inherit !important;
    }

        .counter-section.style-33 .counter-title::before {
            display: none;
        }

    .team-sections.style-5 {
        padding: 40px 0 0 !important;
    }

    .why-join-us {
        padding: 50px 0 !important;
    }

    .join-button {
        text-align: center !important;
    }

    .singles-joins-box {
        margin-top: 50px !important;
    }

    .singles-joinss-box {
        top: 0 !important;
    }

    .circular-btn {
        display: none !important;
    }

    .circular-title h3 {
        font-size: 11px !important;
    }

    .circular-title p {
        font-size: 10px !important;
    }

    .circular-area {
        padding: 40px 0 0 !important;
    }

    .circular-thumb img {
        padding: 10px 12px !important;
    }

    .single-circular-box {
        padding: 20px 5px 44px !important;
    }

    .circular-thumb {
        margin: 0px 15px 10px 0 !important;
    }

    .details-title h2 {
        font-size: 25px !important;
    }

    .details-title h3 {
        font-size: 20px !important;
    }

    .details-title p {
        font-size: 12px !important;
    }

    .details-text p {
        font-size: 10px !important;
        padding-top: 8px !important;
    }

    .details-text h3 {
        font-size: 24px !important;
    }

    .details-text h4 {
        font-size: 17px !important;
    }

    .singles-details-box {
        margin-top: 50px !important;
    }

    .details-button {
        text-align: center !important;
    }

    .career-details {
        padding: 50px 0 !important;
    }

    .video-title h4 {
        font-size: 17px !important;
    }

    .video-button span {
        margin-left: 3px !important;
    }

    .video-button a {
        padding: 13px 23px !important;
        font-size: 10px !important;
    }

    .video-button {
        text-align: right !important;
    }

    .video-area .call-do-action-video {
        top: -145px !important;
        left: 0 !important;
        right: 0 !important;
        text-align: center !important;
    }

    .planing-title h3 {
        font-size: 17px !important;
    }

    .planing-title p {
        font-size: 12px !important;
    }

    .mission-title h2 {
        display: none !important;
    }

    .mission-area .elementor-about-title p {
        padding: 0 !important;
        font-size: 12px !important;
    }

    .mission-area {
        padding: 40px 0 !important;
    }

    .elementor-about-title p {
        font-size: 13px !important;
    }

    .vission-area {
        background: #fff !important;
        padding: 58px 0 !important;
    }

    .first-month-section .year h3 {
        right: 55px !important;
        top: 60px !important;
    }

    .first-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .second-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .second-month-section .text-section h4 {
        margin: 25px 0 0 0 !important;
    }

    .first-month-section .main-section .third-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .forth-month-section .year2 h3 {
        right: 50px !important;
        top: -160px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section .forth-month-section .text-section h4 {
        margin: 30px 0 0 !important;
    }

    .first-month-section .main-section .forth-month-section .text-section2 h4::before {
        background-color: inherit !important;
    }

    .first-month-section .main-section::after {
        background-color: inherit !important;
    }

    .first-month-section .text-section p {
        font-size: 9px !important;
    }

    .first-month-section .main-section .second-month-section .text-section p {
        font-size: 9px !important;
    }

    .first-month-section .main-section .third-month-section .text-section p {
        font-size: 9px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section p {
        font-size: 9px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section2 p {
        font-size: 9px !important;
    }

    .first-month-section .text-section h2 {
        font-size: 20px !important;
    }

    .first-month-section .main-section .second-month-section .text-section h2 {
        font-size: 20px !important;
    }

    .first-month-section .main-section .third-month-section .text-section h2 {
        font-size: 20px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section h2 {
        font-size: 20px !important;
    }

    .first-month-section .main-section .forth-month-section .text-section2 h2 {
        font-size: 20px !important;
    }

    .feature-content p {
        font-size: 13px !important;
    }

    .services-content-inner p {
        font-size: 14px !important;
    }

    .carousel-slider-section.style-ten .carousel-btn a i {
        height: 35px;
        width: 35px;
        line-height: 35px;
    }

    .carousel-slider-section.style-ten .carousel-btn a {
        font-size: 13px;
    }

    .choose-area.style-two .choose-title h4 {
        font-size: 15px;
    }

    .process-content-text p {
        font-size: 15px;
    }

    .thumb-title h2 {
        font-size: 19px;
    }

    .blog-section {
        text-align: center;
    }

        .blog-section.style-ten .blog-meta-box {
            bottom: 41%;
        }

        .blog-section.style-ten .single-blog-title a h2 {
            font-size: 18px;
        }

        .blog-section.style-ten .single-blog-btn a {
            font-size: 13px;
        }

        .blog-section.style-ten .single-blog-title span {
            font-size: 13px;
        }

    .subscribe-section.style-ten {
        text-align: center;
    }

    .about-single-content.d-flex {
        display: inherit !important;
    }

    .feature-section.style-ten .feature-content h4 {
        font-size: 20px;
    }

    .about-section.style-elevent {
        text-align: center;
    }

        .about-section.style-elevent .content-container {
            width: 100%;
            padding: 24px 20px 9px 12px;
        }

    .service-section-area.style-ten .single-service-title h2 {
        font-size: 20px;
    }

    .choose-area .choose-content-text p {
        font-size: 15px;
    }

    .service-section-area.style-eleven .single-service-section-title h2 {
        font-size: 20px;
    }

    .service-section-area.style-eleven .single-service-section-content-text p {
        font-size: 15px;
    }

    .service-section-body a {
        font-size: 15px;
    }

    .counter-area .counter-title h4 {
        font-size: 22px;
        margin: 25px 0 9px;
    }

    .counter-area .counter-contet-text p {
        width: 100%;
        font-size: 15px;
    }

    .team-area.pt-100 {
        text-align: center;
    }

    .team-icon-content.d-flex {
        display: inherit !important;
    }

    .team-area .team-icon-content-text p {
        font-size: 15px;
    }

    .team-area .team-icon i {
        height: 22px;
        width: 22px;
        line-height: 23px;
        font-size: 13px;
    }

    .team-area .section-head p {
        width: 100%;
    }

    .team-area .team-member-section-btn a {
        font-size: 12px;
        padding: 15px 18px;
    }

    .team-area .team-member-title h2 {
        font-size: 19px;
    }

    .team-area .team-member-title span {
        font-size: 14px;
    }

    .case-study-area {
        text-align: center;
    }

        .case-study-area .section-head h5 {
            font-size: 14px;
        }

        .case-study-area .section-btn {
            float: inherit;
        }

    .case-area .case-title h2 {
        font-size: 20px;
    }

    .case-area .case-title span {
        font-size: 15px;
    }

    .thumb-title span {
        font-size: 15px;
    }

    .testimonial-single-content-text p {
        width: 100%;
        font-size: 14px;
    }

    .blog-section.style-ten .section-btn a {
        font-size: 13px;
        padding: 14px 20px;
    }

    .about-section.style-fiveteen .section-icon-title h3 {
        font-size: 18px;
    }

    .service-section.style-fiveteen .service-content p {
        font-size: 15px;
    }

    .service-choose-section {
        text-align: center;
    }

        .service-choose-section .section-title h3 {
            font-size: 25px;
        }

        .service-choose-section .section-head-content p {
            font-size: 16px;
        }

        .service-choose-section .service-title-two h2 {
            font-size: 20px;
        }

        .service-choose-section .service-conent-text p {
            font-size: 15px;
        }

        .service-choose-section .single-servicve-box {
            padding: 36px 0 0 0; /*36px 18px 0 37px;*/
            margin-right: 0 !important;
        }

    .about-icon-content-text p {
        font-size: 14px;
    }

    .feature-title h2 {
        font-size: 20px;
    }

    .single-feature-box {
        text-align: center;
    }

    .feature-content-text p {
        font-size: 15px;
    }

    .about-icon-title h4 {
        font-size: 20px;
    }

    .testimonial-single-item.style-2 .testimonial-content-text {
        font-size: 16px;
    }

    .subscribe-section-title h5 {
        font-size: 18px;
    }

    .feature-title h4 {
        font-size: 20px;
    }

    .feature-area.style-three .feature-content-text p {
        font-size: 14px;
    }

    .service-section.style-two .service-text p {
        font-size: 15px;
    }

    .agency-title h2 {
        font-size: 19px;
    }

    .about-section.style-ten .thumb-title h3 {
        font-size: 15px;
    }

    .about-section.style-ten .thumb-title span {
        font-size: 13px;
    }

    .hero-section.style-six .hero-content-area h1 {
        font-size: 27px !important;
    }

    .btn-common a {
        font-size: 15px;
        padding: 13px 29px;
    }

    .agency-feature-area .row.topper5 {
        margin-top: -10px !important;
    }

    .em_slider_inner.style-five .em-slider-main-title {
        font-size: 26px !important;
    }

    .cda-content-inner {
        margin: 0;
        padding: 10px 0 0 0;
    }

        .cda-content-inner p {
            margin: 5px 0;
        }

        .cda-content-inner h4 {
            font-size: 15px;
            width: 100%;
        }
    .uk-sticky-fixed {
        background: var(--primary-color);
    }
    }