/*--------------------------------------------------------------
# Medium Screen
--------------------------------------------------------------*/

@media only screen and (min-width: 1400px) {
    .home-design-buttons-item.btn-style-two {
        padding: 15px 20px 15px;
        font-size: 14px;
    }

    .home-design-buttons-item.btn-style-two i {
        margin-left: 30px;
        margin-right: 5px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .home-design-buttons-item.btn-style-two {
        padding: 15px;
        font-size: 14px;
    }

    .home-design-buttons-item.btn-style-two::before {
        width: 35px;
        height: 55px;
    }

    .home-design-buttons-item.btn-style-two i {
        margin-left: 15px;
        margin-right: 0;
    }

    .slider .slide {
        padding: 22% 0px;
    }

    .about-one {
        padding: 0 0 120px;
    }

    .about-one-project-complete {
        left: 0;
        width: 233px;
    }

    .about-one-experience-text p.about-slog-info-one {
        bottom: 0;
    }

    .about-one-experience-text p.about-slog-info-two {
        bottom: -60px;
    }

    .about-two {
        padding: 74px 0 120px;
    }

    .about-four {
        padding: 45px 0 120px;
    }

    .faq-one {
        padding: 140px 0 74px;
    }

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

    .feature-one {
        margin-top: -135px;
    }

    .feature-one-single,
    .feature-two-single,
    .feature-three-single {
        flex-direction: column;
        align-items: start;
    }

    .feature-one-icon i,
    .feature-two-icon i,
    .feature-three-icon i {
        font-size: 60px;
    }

    .feature-two figure {
        margin-left: 30px;
        text-align: start;
    }

    .feature-one-icon i[class^="flaticon-"]:before,
    .feature-two-icon i[class^="flaticon-"]:before,
    .feature-three-icon i[class^="flaticon-"]:before {
        font-size: 60px;
    }

    .fancy-one {
        padding: 118px 0 0;
    }

    .fancy-one .fancy-img-text {
        right: 15px;
    }

    .testimonial-two {
        padding: 86px 0 120px;
    }

    .project-dis-img .project-dis-img-item.active .project-dis-img-info {
        width: 100% !important;
    }

    .project-three {
        padding: 114px 0 120px;
    }

    .business-price-box {
        margin: 0 5px;
    }

    .pricing-section .offer-content ul li {
        margin-bottom: 15px;
    }

    .counter-two {
        padding: 114px 0 120px;
    }

    .team-three .sec-con-title {
        margin-bottom: 20px;
    }

    .team-details {
        padding: 120px 0 110px;
    }

    .blog-section::before {
        height: 46.9%;
    }

    .blog-box-detail h4 {
        font-size: 24px;
        line-height: 1.4;
    }

    .blog-section::before {
        height: 46.4%;
    }

    .btn-style-two,
    .btn-style-three {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider .slide {
        padding: 22% 0px;
    }

    .offer-items-box {
        padding: 18px 5px;
    }

    .offer-content h4 {
        font-size: 21px;
    }

    .about-one {
        padding: 0 0 120px;
    }

    .about-one-btn-and-contact {
        display: block;
    }

    .about-one-contact-box {
        margin-left: 0;
        margin-top: 20px;
    }

    .about-one-project-complete {
        display: none;
    }

    .about-one-experience-text p.about-slog-info-one {
        display: none;
    }

    .about-one-experience-text p.about-slog-info-two {
        display: none;
    }

    .about-two {
        padding: 60px 0 120px;
    }

    .about-four {
        padding: 45px 0 120px;
    }

    .testimonial-two {
        padding: 72px 0 120px;
    }

    .business-price-box {
        margin: 0;
    }

    .faq-one {
        padding: 114px 0 93px;
    }

    .faq-two {
        padding: 120px 0 93px;
    }

    .faq-three {
        padding: 120px 0 93px;
    }

    .feature-one {
        margin-top: -115px;
    }

    .feature-one-single {
        padding: 20px 5px 30px;
    }

    .feature-one-icon i {
        font-size: 50px;
    }

    .feature-one-icon i[class^="flaticon-"]:before {
        font-size: 45px;
    }

    .feature-one-single,
    .feature-two-single,
    .feature-three-single {
        flex-direction: column;
        align-items: start;
    }

    .feature-one-title {
        font-size: 20px;
    }

    .feature-two figure {
        margin-left: 30px;
        text-align: start;
    }

    .feature-two-title,
    .feature-three-title {
        font-size: 20px;
    }

    .feature-two-icon i {
        font-size: 60px;
    }

    .feature-three-single .feature-three-icon i {
        font-size: 48px;
    }

    .fancy-one .fancy-img-text {
        right: -26px;
    }

    .pricing-section .offer-content ul li {
        margin-bottom: 15px;
    }

    .project-three {
        padding: 114px;
    }

    .project-dis-img .project-dis-img-item.active .project-dis-img-info {
        width: 100%;
    }

    .team-three {
        padding: 114px 0 90px;
    }

    .team-three .sec-con-title {
        margin-bottom: 20px;
    }

    .team-details {
        padding: 120px 0 110px;
    }

    .counter-two {
        padding: 114px 0 120px;
    }

    .blog-section::before {
        height: 52.8%;
    }

    .get-quote-section h4 {
        line-height: 1.2em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sl-content {
        display: flex;
        align-items: start;
        flex-direction: column;
    }

    .slideimg {
        margin-top: 40px;
    }

    .slider .slide,
    .slider .slide-two,
    .slider .slide-three,
    .slider .slide-four {
        padding: 23% 0px;
    }

    .link-holder {
        display: block;
    }

    .feature-one {
        margin-top: -125px;
    }

    .feature-one-single,
    .feature-one-single::before {
        border-radius: 20px !important;
    }

    .feature-one-title {
        font-size: 24px;
    }

    .feature-two figure {
        display: none;
    }

    .about-one {
        padding: 0 0 120px;
    }

    .about-one-left {
        margin: 350px auto 0;
    }

    .about-one-project-complete {
        left: 0;
    }

    .about-one-experience-text p.about-slog-info-one {
        bottom: -30px;
    }

    .about-one-experience-text p.about-slog-info-two {
        bottom: -87px;
    }

    .about-two {
        padding: 3px 0 93px;
    }

    .about-two-right {
        margin-right: 0;
        margin-top: 0;
    }

    .about-img-box {
        margin-top: 50px;
    }

    .about-three-img {
        margin-bottom: 50px;
    }

    .about-four {
        padding: 45px 0 20px;
    }

    .about-four-left {
        margin: 0 0 100px 0;
    }

    .about-inner {
        padding: 114px 0 93px;
    }

    .faq-one {
        padding: 114px 0 65px;
    }

    .fancy-one {
        padding: 114px 0 0;
    }

    .faq-two {
        padding: 114px 0 93px;
    }

    .fancy-img-box {
        margin: 50px 0;
    }

    .testimonial-two {
        padding: 75px 0 120px;
    }

    .testimonial-three {
        padding: 120px 0;
    }

    .testimonial-img-box-two {
        margin-bottom: 50px;
    }

    .testimonial-img-three {
        margin: 0 0 50px 0;
    }

    .project-dis-img .project-dis-img-item.active .project-dis-img-info {
        width: 100%;
    }

    .project-dis-img-info .project-dis-img-title a,
    .project-dis-img-info span {
        background: none;
        padding: 0;
    }

    .project-dis-img-info span {
        color: var(--ploting-base);
    }

    .project-details-no-color-bg {
        padding: 120px 0 120px;
    }

    .project-three-btn,
    .teams-three-btn,
    .teams-four-btn {
        margin-bottom: 30px;
    }

    .project-three {
        padding: 114px 0 120px;
    }

    .project-four .sec-con-title {
        margin: 114px 0 30px 0;
    }

    .project-inner {
        padding: 114px 0 90px;
    }

    .pricing-two {
        padding: 114px 0 126px;
    }

    .pricing-section .offer-content ul li {
        margin-bottom: 15px;
    }

    .team-three {
        padding: 114px 0 90px;
    }

    .team-thumb-two img {
        width: 100%;
    }

    .team-img-box {
        margin-bottom: 40px;
    }

    .team-details {
        padding: 120px 0 110px;
    }

    .counter-two {
        padding: 114px 0 80px;
    }

    .counter-img-box-two {
        margin: 50px 0;
    }

    .counter-img-box-two img {
        width: 100%;
    }

    .services-with-color-bg {
        padding: 114px 0 93px;
    }

    .faq-section .offer-box {
        margin-top: 50px;
    }

    .faq-three-img-box {
        margin-top: 30px;
    }

    .business-price-box {
        margin-top: 50px !important;
    }

    .offer-thumb {
        margin: 50px auto 0;
    }

    .coun-skillbar {
        width: 100%;
    }

    .blog-section::before {
        height: 16.2%;
    }

    .n-full-w-num {
        padding: 25px 0 120px;
    }

    .n-full-w-det {
        margin-top: 40px;
    }

    .foo-full-w-det {
        margin-top: 110px;
    }

    .blog-section .order-1,
    .single-blog-section .order-1 {
        margin-top: 120px;
    }

    .det-list img {
        margin-top: 30px;
    }

    .single-blog-section .blog-detail .comment-form-bottom {
        margin-bottom: 80px;
    }

    .single-blog-section .order-1 .blog-detail .comment-form {
        margin-bottom: 0;
    }

    .contact-section .business_form_custom {
        margin-top: 40px !important;
    }

    .get-quote-section form {
        margin-top: 40px;
    }

    .footer-widget-column {
        margin-left: 0;
        margin-top: 60px;
    }

    .footer-widget-about,
    .footer-widget-explore {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .main-menu-left:before {
        width: 110%;
        border-radius: 0;
    }

    .sl-content {
        display: flex;
        align-items: start;
        flex-direction: column;
    }

    .slideimg {
        display: none;
    }

    .slider .slide,
    .slider .slide-two,
    .slider .slide-three,
    .slider .slide-four {
        padding: 33% 0px;
    }

    .link-holder {
        display: block;
    }

    .feature-one {
        margin-top: -125px;
    }

    .feature-one-single,
    .feature-one-single::before {
        border-radius: 20px !important;
    }

    .feature-one-title {
        font-size: 24px;
    }

    .feature-two figure {
        display: none;
    }

    .about-one {
        padding: 0 0 120px;
    }

    .about-one-left {
        margin: 30px auto 0;
    }

    .about-one-right {
        margin-right: 0;
    }

    .about-one-project-complete,
    .about-one-experience-text,
    .about-one-img-box,
    .about-three-project-complete,
    .about-four-img-two,
    .about-two-experience-text {
        display: none;
    }

    .about-one-btn-and-contact {
        display: block;
    }

    .about-one-contact-box {
        margin-left: 0;
        margin-top: 20px;
    }

    .about-three-right {
        margin-right: 0;
    }

    .about-one-experience-text p.about-slog-info-one {
        bottom: -30px;
    }

    .about-one-experience-text p.about-slog-info-two {
        bottom: -87px;
    }

    .about-two {
        padding: 3px 0 92px;
    }

    .about-two-right {
        margin-right: 0;
        margin-top: 0;
    }

    .about-img-box {
        margin-top: 80px;
    }

    .about-three-img {
        margin-bottom: 50px;
    }

    .about-four {
        padding: 45px 0 40px;
    }

    .about-four-left {
        margin: 0 0 80px 0;
    }

    .faq-one {
        padding: 114px 0 65px;
    }

    .faq-two {
        padding: 114px 0 92px;
    }

    .faq-three-img-text {
        left: 40px;
    }

    .faq-three-img-box {
        margin-left: 0;
    }

    .faq-three-img-box img {
        width: 100%;
    }

    .fancy-one {
        padding: 114px 0 0;
    }

    .fancy-img-box {
        margin: 50px 0;
    }

    .fancy-img-text,
    .testimonial-img-text {
        right: 0;
    }

    .testimonial-two {
        padding: 50px 0 120px;
    }

    .testimonial-three {
        padding: 120px 0;
    }

    .testimonial-img-box-two {
        margin-bottom: 50px;
    }

    .testimonial-img-three {
        margin: 0 0 50px 0;
    }

    .pricing-two {
        padding: 114px 0 126px;
    }

    .project-three {
        padding: 114px 0 120px;
    }

    .project-four .sec-con-title {
        margin: 112px 0 30px 0;
    }

    .project-inner {
        padding: 114px 0 90px;
    }

    .project-dis-img .project-dis-img-item.active .project-dis-img-info {
        width: 60%;
    }

    .project-dis-img-info .project-dis-img-title a,
    .project-dis-img-info span {
        background: none;
        padding: 0;
    }

    .project-dis-img-info span {
        color: var(--ploting-base);
    }

    .project-details-no-color-bg {
        padding: 120px 0 120px;
    }

    .project-three-btn,
    .teams-three-btn,
    .teams-four-btn {
        margin-bottom: 30px;
    }

    .pricing-section .offer-content ul li {
        margin-bottom: 15px;
    }

    .team-three {
        padding: 114px 0 90px;
    }

    .team-thumb-two img {
        width: 100%;
    }

    .team-img-box {
        margin-bottom: 40px;
    }

    .counter-two {
        padding: 114px 0 80px;
    }

    .counter-img-box-two {
        margin: 50px 0;
    }

    .counter-img-box-two img {
        width: 100%;
    }

    .service-thumb {
        margin-bottom: 15px;
    }

    .services-with-color-bg {
        padding: 114px 0 92px;
    }

    .faq-section .offer-box {
        margin-top: 50px;
    }

    .faq-three-img-box {
        margin-top: 30px;
    }

    .business-price-box {
        margin-top: 50px !important;
    }

    .offer-thumb {
        margin: 50px auto 0;
    }

    .coun-skillbar {
        width: 100%;
    }

    .about-inner {
        padding: 117px 0 93px;
    }

    .blog-section::before {
        height: 17.1%;
    }

    .n-full-w-num {
        padding: 25px 0 60px;
    }

    .n-full-w-det {
        margin-top: 40px;
    }

    .foo-full-w-det {
        margin-top: 70px;
    }

    .blog-section .order-1,
    .single-blog-section .order-1 {
        margin-top: 120px;
    }

    .det-list img {
        margin-top: 30px;
    }

    .single-blog-section .blog-detail .comment-form {
        margin-bottom: 80px;
    }

    .single-blog-section .order-1 .blog-detail .comment-form {
        margin-bottom: 0;
    }

    .comm-content span {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }

    .team-details {
        padding: 120px 0 110px;
    }

    .contact-section .business_form_custom {
        margin-top: 40px !important;
    }

    .get-quote-section form {
        margin-top: 40px;
    }

    .get-quote-section h4 {
        line-height: 1.2em;
    }

    .footer-widget-column {
        margin-left: 0;
        margin-top: 60px;
    }

    .footer-widget-about {
        margin-top: 0;
    }

    .site-footer-bottom-inner {
        display: block;
        margin-bottom: 10px;
    }
}


/*--------------------------------------------------------------
# Main Menu All Responsice Css
--------------------------------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-header-top {
        display: none;
    }

    .main-menu-wrapper-inner {
        padding: 0 50px 0;
    }

    .main-menu-logo {
        margin-right: 50px;
    }

    .main-menu-two-wrapper-inner {
        padding: 0 30px 0;
    }

    .main-menu-two-logo {
        margin-right: 50px;
    }

    .main-menu-two-search-cart-box {
        margin-left: 50px;
    }

    .main-menu-three-top {
        display: none;
    }

    .main-menu-three-wrapper {
        padding-top: 0;
    }

    .main-menu-three-wrapper-inner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 30px 0;
        padding-right: 30px;
    }

    .main-menu-three-logo {
        position: relative;
        top: 0;
        left: 0;
    }

    .main-menu-three-logo a {
        padding: 40px 40px;
    }

    .main-menu-three-top-call {
        position: relative;
        top: 0;
        right: 0;
    }

    .main-menu-three .mobile-nav-toggler {
        color: var(--ploting-black);
    }

    .main-menu-three-main-menu-box {
        margin-right: 60px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-header-top {
        display: none;
    }

    .main-menu-wrapper-inner {
        padding: 0 50px 0;
    }

    .main-menu-logo {
        margin-right: 50px;
    }

    .main-menu-search-cart-box {
        margin-left: 50px;
    }

    .main-menu-two-wrapper-inner {
        padding: 0 30px 0;
    }

    .main-menu-two-logo {
        margin-right: 50px;
    }

    .main-menu-two-search-cart-box {
        margin-left: 50px;
    }

    .main-menu-three-top {
        display: none;
    }

    .main-menu-three-wrapper {
        padding-top: 0;
    }

    .main-menu-three-wrapper-inner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 30px 0;
        padding-right: 30px;
    }

    .main-menu-three-logo {
        position: relative;
        top: 0;
        left: 0;
    }

    .main-menu-three-logo a {
        padding: 40px 40px;
    }

    .main-menu-three-top-call {
        position: relative;
        top: 0;
        right: 0;
    }

    .main-menu-three .mobile-nav-toggler {
        color: var(--ploting-black);
    }

    .main-menu-three-main-menu-box {
        margin-right: 60px;
    }

    .main-menu-three-search-cart-btn-box {
        display: none;
    }

}


@media (max-width: 767px) {
    .main-header-top {
        display: none;
    }

    .main-menu-wrapper-inner {
        padding: 0 20px 0;
    }

    .main-menu-logo {
        margin-right: 0;
    }

    .main-menu-right {
        display: none;
    }

    .main-menu-search-cart-box {
        display: none;
    }

    .main-menu-left {
        padding-right: 0;
        justify-content: space-between;
        flex: 1;
    }

    .main-menu-two-wrapper-inner {
        padding: 0 20px 0;
    }

    .main-menu-two-right {
        display: none;
    }

    .main-menu-two-search-cart-box {
        display: none;
    }

    .main-menu-two-logo {
        margin-right: 0px;
    }

    .main-menu-two-left {
        justify-content: space-between;
        flex: 1;
    }

    .main-menu-three-top {
        display: none;
    }

    .main-menu-three-wrapper {
        padding-top: 0;
    }

    .main-menu-three-wrapper-inner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 20px 0;
        padding-right: 30px;
    }

    .main-menu-three-logo {
        position: relative;
        top: 0;
        left: 0;
    }

    .main-menu-three-logo a {
        padding: 25px 25px;
    }

    .main-menu-three-top-call {
        display: none;
    }

    .main-menu-three .mobile-nav-toggler {
        color: var(--ploting-black);
    }

    .main-menu-three-main-menu-box {
        margin-right: 0;
    }

    .main-menu-three-search-cart-btn-box {
        display: none;
    }

}

@media only screen and (min-width: 1600px) and (max-width: 1905px) {
    .main-header-top-inner {
        padding: 2.5px 50px 2.5px;
    }

    .main-menu-wrapper-inner {
        padding: 0 50px 0;
    }

    .main-menu-logo {
        margin-right: 90px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .main-header-top-inner {
        padding: 2.5px 50px 2.5px;
    }

    .main-menu-wrapper-inner {
        padding: 0 50px 0;
    }

    .main-menu-logo {
        margin-right: 40px;
    }

    .main-menu-search-cart-box {
        margin-left: 15px;
    }


    .main-menu-two-wrapper-inner {
        padding: 0 50px 0;
    }

    .main-menu-two-logo {
        margin-right: 50px;
    }

    .main-menu-two-search-cart-box {
        margin-left: 50px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .main-header-top-inner {
        padding: 2.5px 20px 2.5px;
    }

    .main-menu-wrapper-inner {
        padding: 0 20px 0;
    }

    .main-menu-logo {
        margin-right: 40px;
    }

    .main-menu-search-cart-box {
        margin-left: 15px;
    }

    .main-menu-cart-box {
        display: none;
    }

    .main-menu-left {
        padding-right: 0;
    }

    .main-menu-left:before {
        right: -40px;
    }


    .main-menu-two-wrapper-inner {
        padding: 0 20px 0;
    }

    .main-menu-two-logo {
        margin-right: 50px;
    }

    .main-menu-two-search-cart-box {
        margin-left: 0px;
    }

    .main-menu-two-cart-box {
        display: none;
    }

}

@media only screen and (min-width: 1600px) and (max-width: 1830px) {
    .main-menu-two-wrapper-inner {
        padding: 0 50px 0;
    }

    .main-menu-two-logo {
        margin-right: 150px;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1700px) {
    .main-menu-three-top-text {
        display: none;
    }

    .main-menu-three-btn-box {
        display: none;
    }

    .main-menu-three-top-inner {
        padding: 17.5px 40px 17.5px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .main-menu-three-top-call {
        display: none;
    }

    .main-menu-three-logo {
        left: 20px;
    }

    .main-menu-three-logo a {
        padding: 40px 40px;
    }

    .main-menu-three-wrapper-inner {
        padding: 0 285px 0;
        padding-right: 20px;
    }

    .main-menu-three-top-inner {
        padding: 7.5px 20px 7.5px;
    }

    .main-menu-three-btn-box {
        display: none;
    }
}