@media only screen and (max-width: 767px) {



    .page-title-area {
        position: relative;
        overflow: hidden;
        z-index: 1;
        margin-top: 0px !important;
    }






    body {
        font-size: 14px
    }

    h1 {
        font-size: 35px
    }

    h2 {
        font-size: 28px
    }

    h3 {
        font-size: 22px
    }

    h4 {
        font-size: 18px
    }

    .ptb-50 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pt-100 {
        padding-top: 20px;
    }

    .pb-100 {
        padding-bottom: 50px
    }

    .ptb-70 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pt-70 {
        padding-top: 20px !important
    }

    .pb-70 {
        padding-bottom: 20px !important
    }

    .no-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    p {
        font-size: 14px
    }

    .primary-btn {
        padding: 10px 20px;
        font-size: 14px
    }

    .section-title {
        max-width: 100%;
        text-align: center;
        margin-bottom: 40px
    }

        .section-title::before {
            content: unset
        }

        .section-title h2 {
            font-size: 28px;
            padding: unset;
            margin-top: -7px
        }

        .section-title p {
            font-size: 14px
        }

        .section-title.style-two h2 {
            margin-top: -5px !important
        }

    .header-area, .header-area.header-two, .header-area.header-three {
        position: unset
    }

    .header-area {
        position: unset
    }

        .header-area .top-header-area {
            display: none
        }

        .header-area .side-option-responsive {
            right: 40px
        }

            .header-area .side-option-responsive .item {
                margin-right: 12px
            }

        .header-area .constik-responsive-nav .logo {
            position: relative;
            width: 25%;
            z-index: 999
        }

    .home-banner-area {
        padding-top: 0
    }

    .banner-content {
        text-align: center;
        padding-top: 60px;
        padding-bottom: 30px
    }

        .banner-content h1 {
            font-size: 30px;
            margin-top: -7px;
            margin-bottom: 15px
        }

        .banner-content p {
            font-size: 14px;
            margin-bottom: 20px
        }

        .banner-content .cta-btn {
            margin-bottom: 20px
        }

    .banner-two .banner-content {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .banner-img img {
        max-width: 80%;
        margin: auto;
        display: block
    }

    .banner-three .banner-content {
        padding-top: 60px;
        padding-bottom: 120px
    }

    .banner-three .owl-carousel .owl-dots .owl-dot {
        height: 16px
    }

        .banner-three .owl-carousel .owl-dots .owl-dot.active {
            height: 30px
        }

    .about-section .about-content {
        margin-bottom: 30px
    }

        .about-section .about-content h2 {
            margin-bottom: 5px;
            margin-top: 35px;
        }

        .about-section .about-content .about-item-list {
            margin-bottom: 20px
        }

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

    .about-section .left::before {
        right: 0;
        bottom: 0
    }

    .about-section .right {
        margin-top: unset
    }

        .about-section .right::before {
            left: 0;
            bottom: 0
        }

    .about-section .about-fact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        padding: 25px 20px
    }

        .about-section .about-fact i {
            margin-bottom: 20px
        }

        .about-section .about-fact .content {
            padding: 0
        }

            .about-section .about-fact .content h4 {
                margin-bottom: 5px
            }

    .about-section.about-style-two .about-img-content .overlay-img {
        position: unset
    }

        .about-section.about-style-two .about-img-content .overlay-img img {
            width: 100%
        }

    .about-section.about-style-two .about-img-content .about-fact {
        max-width: 100%;
        margin-bottom: 15px
    }

    .about-section.about-style-three .about-img-content [class*=col-]:first-child {
        padding-right: 5px
    }

    .about-section.about-style-three .about-img-content [class*=col-]:last-child {
        padding-left: 5px
    }

    .strong-service-section .slider-item {
        max-width: 100%;
        margin-bottom: 30px;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px
    }

        .strong-service-section .slider-item > i {
            margin-left: auto;
            margin-right: auto
        }

    .strong-service-section .pr-0 {
        padding-right: 15px !important
    }

    .strong-service-section .service-content {
        padding: 0;
        text-align: center;
        margin-bottom: 40px
    }

        .strong-service-section .service-content::after {
            content: unset
        }

        .strong-service-section .service-content h2 {
            margin-top: -7px
        }

        .strong-service-section .service-content p, .strong-service-section .service-content .cta-btn {
            margin-bottom: 20px
        }

        .strong-service-section .service-content .custom-owl-nav {
            position: unset
        }

    .best-service-section .service-item-single {
        text-align: center;
        padding-left: 20px;
        padding-right: 20px
    }

        .best-service-section .service-item-single > i {
            margin-left: auto;
            margin-right: auto
        }

    .our-works-section::after {
        content: unset
    }

    .our-works-section .works-content {
        margin-bottom: 30px;
        text-align: center
    }

        .our-works-section .works-content h2 {
            margin-top: -7px;
            margin-bottom: 15px
        }

        .our-works-section .works-content p {
            margin-bottom: 40px
        }

        .our-works-section .works-content .works-item .works-item-single {
            max-width: 100%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center;
            padding: 25px 20px
        }

            .our-works-section .works-content .works-item .works-item-single::before {
                bottom: -25px;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-top: 25px solid #ffbc13
            }

            .our-works-section .works-content .works-item .works-item-single i {
                margin-bottom: 20px
            }

            .our-works-section .works-content .works-item .works-item-single .content {
                padding: 0
            }

                .our-works-section .works-content .works-item .works-item-single .content h4 {
                    margin-bottom: -2px
                }

                    .our-works-section .works-content .works-item .works-item-single .content h4 br {
                        display: none
                    }

    .our-works-section .works-image {
        height: 100%;
        overflow: hidden
    }

        .our-works-section .works-image::before {
            border-bottom: 140px solid rgba(255,188,19,.8);
            border-right: 140px solid transparent
        }

    .finished-projects-section .owl-carousel .owl-nav {
        margin-top: 30px
    }

    .finished-projects-section .finished-projects-slider {
        margin-bottom: 30px
    }

    .finished-projects-section.style-two {
        padding-bottom: 0
    }

    .team-section .slider-item {
        max-width: 100%;
        margin-bottom: 30px
    }

    .team-section .pr-0 {
        padding-right: 15px !important
    }

    .team-section .team-content {
        padding: 0;
        text-align: center;
        margin-bottom: 30px
    }

        .team-section .team-content::after {
            content: unset
        }

        .team-section .team-content h2 {
            margin-top: -7px
        }

        .team-section .team-content p, .team-section .team-content .cta-btn {
            margin-bottom: 20px
        }

        .team-section .team-content .custom-owl-nav {
            position: unset
        }

    .amazing-projects-section {
        background: #fff3cf !important
    }

        .amazing-projects-section .slider-item {
            max-width: 100%
        }

        .amazing-projects-section .pr-0 {
            padding-right: 15px !important
        }

        .amazing-projects-section .projects-content {
            padding: 0;
            text-align: center;
            margin-bottom: 40px
        }

            .amazing-projects-section .projects-content::after {
                content: unset
            }

            .amazing-projects-section .projects-content h2 {
                margin-top: -7px
            }

            .amazing-projects-section .projects-content p, .amazing-projects-section .projects-content .cta-btn {
                margin-bottom: 20px
            }

            .amazing-projects-section .projects-content .custom-owl-nav {
                position: unset
            }

    .testimonial-section .testimonial-image {
        display: none
    }

    .testimonial-section .team-content {
        margin-bottom: 30px;
        text-align: center
    }

    .testimonial-section .testimonial-slider {
        background: unset;
        padding: 0
    }

        .testimonial-section .testimonial-slider .slider-item {
            background: #fff3cf;
            padding: 25px 15px
        }

            .testimonial-section .testimonial-slider .slider-item .client-img {
                margin-bottom: 15px
            }

            .testimonial-section .testimonial-slider .slider-item p {
                font-size: 18px !important
            }

    .testimonial-section .owl-carousel .owl-nav {
        margin-top: 30px
    }

    .testimonial-section.testimonial-three .owl-carousel .owl-nav button, .testimonial-section.testimonial-two .owl-carousel .owl-nav button {
        -webkit-transform: unset;
        transform: unset;
        position: unset
    }

    .testimonial-section.testimonial-three .testimonial-slider::before, .testimonial-section.testimonial-two .testimonial-slider::before {
        bottom: 80px;
        border-bottom: 60px solid #ffbc13;
        border-left: 60px solid transparent
    }

    .testimonial-section.testimonial-three .testimonial-slider::after, .testimonial-section.testimonial-two .testimonial-slider::after {
        border-top: 60px solid #ffbc13;
        border-right: 60px solid transparent
    }

    .blog-section .owl-carousel .owl-nav {
        top: unset;
        margin-top: 0;
        margin-bottom: 30px
    }

    .blog-item-single .blog-item-img img {
        width: 100%
    }

    .newsletter-section .newsletter-content, .newsletter-three .newsletter-content {
        text-align: center;
        padding-left: 0
    }

    .newsletter-section::before {
        width: 100%;
        background: rgba(26,26,26,.5)
    }

    .owl-carousel .owl-nav {
        text-align: center;
        position: unset !important
    }

    .video-btn {
        width: 70px !important;
        height: 70px !important;
        line-height: 70px !important
    }

    .footer-area .footer-news .content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .instrument-section .container-fluid {
        max-width: 540px
    }

    .instrument-section .video-content {
        min-height: unset
    }

        .instrument-section .video-content .video-image {
            position: relative;
            width: 100%
        }

            .instrument-section .video-content .video-image img {
                max-width: 100%
            }

        .instrument-section .video-content .video-btn {
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            line-height: 70px
        }

    .instrument-section .instrument-content {
        max-width: 100%;
        text-align: center;
        padding-right: 0
    }

        .instrument-section .instrument-content h2 {
            margin-bottom: 15px;
            margin-top: -7px
        }

    .comingsoon-section .comingsoon-box .newsletter-form .input-group {
        width: 100%
    }

    .map-section .map-content .map-pin {
        width: 25px
    }

        .map-section .map-content .map-pin .pin-content {
            right: -100px;
            padding: 8px 5px;
            font-size: 12px
        }

    .map-section .map-content .active .pin-content {
        opacity: 0;
        visibility: hidden
    }

    .map-section .map-content .map-pin:hover {
        width: 30px
    }

    .map-section .map-content .pin-6 .pin-content {
        left: -100px;
        right: unset
    }

    .map-section .map-content .pin-2 .pin-content {
        top: unset;
        bottom: -50px;
        left: -100px;
        right: unset
    }

    .map-section .map-content .pin-1 .pin-content {
        top: unset;
        bottom: -50px
    }

    .newsletter-section.newsletter-two .newsletter-content h2 {
        margin-top: -7px
    }

    .newsletter-section.newsletter-two .newsletter-content {
        padding-left: 15px;
        padding-right: 15px
    }

    .build-section {
        padding-top: 0
    }

        .build-section .content h2 {
            margin-top: -7px
        }

    .renovate-section .content {
        margin-bottom: 25px
    }

    .renovate-section.renovate-two {
        padding-top: 0
    }

    .amazing-projects-section.projects-two {
        padding-top: 50px
    }

    .renovate-section::after, .build-section::after {
        content: unset
    }

    .quote-section .contact-form {
        padding: 40px 20px
    }

        .quote-section .contact-form::after {
            border-top: 50px solid #ffbc13;
            border-right: 50px solid transparent
        }

    .faq-section .panel-group .panel-title a {
        padding-right: 45px
    }

    .best-service-section .section-title h2 {
        margin-top: -7px
    }

    .page-title-area .page-title-content {
        text-align: center
    }

        .page-title-area .page-title-content h1 {
            font-size: 30px;
            margin-bottom: 10px;
            margin-top: -7px
        }

    .page-title-area .shape span {
        display: none
    }

    .contact-area .contact-info .info-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .contact-area .contact-info .info-item .info-content {
            padding-left: 0;
            text-align: center
        }

        .contact-area .contact-info .info-item i {
            margin-bottom: 15px
        }

    .authentication-section .authentication-form {
        padding: 40px 16px
    }

        .authentication-section .authentication-form .checkbox label, .authentication-section .authentication-form .link a {
            font-size: 12px
        }

        .authentication-section .authentication-form .content h3 {
            font-size: 22px;
            margin-top: 0;
            margin-bottom: 5px
        }

    .cost-section .content-inner {
        padding-left: 15px;
        padding-right: 15px
    }

        .cost-section .content-inner .section-title h2 {
            margin-top: -7px
        }

    .team-members-section .team-item .image img {
        width: 100%
    }

    .comingsoon-section .comingsoon-box {
        padding: 45px 10px 35px
    }

        .comingsoon-section .comingsoon-box .cta-btn .primary-btn {
            padding: 15px
        }

    .error-area .error-box::after {
        border-top: 50px solid #ffbc13;
        border-right: 50px solid transparent
    }

    .member-details-section .content {
        padding: 40px 15px
    }

    .member-details-section .image {
        margin-bottom: 30px
    }

        .member-details-section .image img {
            width: 100%
        }

    .newsletter-section .newsletter-content h2 {
        margin-top: -7px
    }

    .testimonial-section .team-content h2 {
        margin-top: -7px
    }

    .bio-area {
        text-align: center
    }

        .bio-area .section-title h2 {
            padding: 0;
            margin-bottom: 15px
        }

    .cost-section .cost-form .form-group .input-btn {
        margin-bottom: 5px
    }

    .service-details-area .project-info {
        margin-bottom: 30px !important
    }

    .service-details-area .widget-area .contact-form, .terms-area .widget-area .contact-form, .privacy-area .widget-area .contact-form {
        padding: 25px 15px !important
    }

    .service-details-area .service-details-desc, .terms-area .service-details-desc, .privacy-area .service-details-desc {
        padding-left: unset
    }

    .terms-area .details-desc, .privacy-area .details-desc {
        padding-left: unset
    }

        .terms-area .details-desc .content h2, .privacy-area .details-desc .content h2 {
            font-size: 25px
        }

    .service-details-area .image, .terms-area .image, .privacy-area .image {
        margin-bottom: 30px
    }

    .team-members-section .team-item .content::after {
        border-top: 100px solid #ffbc13;
        border-right: 60px solid transparent
    }

    .team-members-section .team-item .content::before {
        border-bottom: 100px solid #ffbc13;
        border-left: 60px solid transparent
    }

    .blog-details-area .widget-area .widget-article .article-item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .blog-details-area .gallery-item {
        padding-right: 15px
    }

        .blog-details-area .gallery-item img {
            margin-bottom: 20px;
            width: 100%
        }

        .blog-details-area .gallery-item .pt-3 {
            padding-top: 0 !important
        }

    .blog-details-area .blog-details-desc {
        padding-left: unset
    }

        .blog-details-area .blog-details-desc .post-meta li:first-child {
            margin-bottom: 8px
        }

        .blog-details-area .blog-details-desc .post-meta li {
            font-size: 12px
        }

    .blog-details-area .content h2 {
        font-size: 30px !important
    }

    .blog-details-area .widget-area .widget-article .article-item .title {
        font-size: 16px
    }

    .blog-details-area .widget-area .contact-form {
        padding: 25px 15px
    }

    .blog-details-area .blog-details-desc .blog-details-slider .owl-nav {
        margin-top: 30px
    }

    .blog-details-area .article-share {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .blog-details-area .article-share .tags {
            margin-bottom: 0
        }

            .blog-details-area .article-share .tags a {
                margin-bottom: 10px
            }

        .blog-details-area .article-share .social-link {
            margin-top: 20px
        }

    .blog-details-area .blog-item-img img {
        width: 100%
    }

    .blog-details-area .widget-area .widget-categories .category-list li i {
        vertical-align: -1px
    }

    .blog-details-area .tags a {
        font-size: 12px
    }

    .quote-section .image img {
        margin: auto;
        display: block
    }

    .service-details-area .widget-area .download-item .download-item-single, .terms-area .widget-area .download-item .download-item-single, .privacy-area .widget-area .download-item .download-item-single {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 25px 40px
    }

        .service-details-area .widget-area .download-item .download-item-single br, .terms-area .widget-area .download-item .download-item-single br, .privacy-area .widget-area .download-item .download-item-single br {
            display: none
        }

        .service-details-area .widget-area .download-item .download-item-single i, .terms-area .widget-area .download-item .download-item-single i, .privacy-area .widget-area .download-item .download-item-single i {
            margin-bottom: 15px
        }

        .service-details-area .widget-area .download-item .download-item-single .item-content, .terms-area .widget-area .download-item .download-item-single .item-content, .privacy-area .widget-area .download-item .download-item-single .item-content {
            padding-left: 0
        }

    .blog-details-area .widget-area .widget-article .article-item img {
        max-width: 100px
    }

    .team-slider .slider-item .content::before {
        border-left: 50px solid transparent
    }

    .team-slider .slider-item .content::after {
        border-right: 50px solid transparent
    }

    .pagination {
        margin-top: 20px
    }

    .contact-area .contact-form {
        padding: 40px 15px
    }

    .pricing-section .mt-30 {
        margin-top: 0 !important
    }

    .pricing-section .m-0 {
        margin-bottom: 30px !important
    }

    .cost-section .cost-form .form-group .slider-value {
        top: -15px;
        font-size: 12px
    }

    .cost-section .cost-form .form-group .input-btn {
        margin-bottom: 8px
    }

    .cost-section .cost-form .form-group .input-btn {
        font-size: 12px
    }

    .service-details-area .service-details-desc .content h2 {
        font-size: 25px;
        margin-top: -5px;
        margin-bottom: 15px
    }

    .service-details-area .content h2.title, .terms-area .content h2.title, .privacy-area .content h2.title {
        font-size: 25px;
        margin-top: -5px;
        margin-bottom: 15px
    }

    .service-details-area .content {
        margin-bottom: 30px !important
    }

    .service-details-area .projects-area .content h2 {
        margin-top: -5px;
        font-size: 25px;
        margin-bottom: 15px
    }

    .finished-projects-section {
        background: unset
    }

        .finished-projects-section::after {
            min-height: unset;
            height: 100%
        }

    .footer-area {
        border-top: 1px solid #e4e4e4
    }
}

@media only screen and (max-width: 575px) {
    .footer-area h5 {
        margin-top: 0
    }

    .member-details-section .content .member-list .list-content .info {
        margin-left: 22px
    }
}

@media only screen and (max-width: 375px) {
    .header-area .constik-responsive-nav .logo {
        width: 40%
    }

    .constik-responsive-nav .mean-container a.meanmenu-reveal {
        padding-top: 8px;
    }

    .header-area .side-option-responsive {
        right: 33px
    }
}

@media only screen and (max-width: 767px) and (min-width:576px) {
    .blog-section .blog-item-single .blog-item-img img {
        width: 100%
    }

    .blog-details-area .gallery-item .pt-3 {
        padding-top: 0 !important
    }

    .blog-details-area .gallery-item .pr-0 {
        padding-right: 15px !important
    }

    .footer-area .footer-news .content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .blog-details-area .widget-area .widget-article .article-item img {
        max-width: 100px
    }

    .blog-details-area .gallery-item .pr-0 {
        padding-right: 0 !important
    }

    .finished-projects-section::after {
        min-height: 546px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    body {
        font-size: 15px
    }

    h2 {
        font-size: 35px
    }

    .ptb-50 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .ptb-100 {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .pt-100 {
        padding-top: 90px
    }

    .pb-100 {
        padding-bottom: 90px
    }

    .ptb-70 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .pt-70 {
        padding-top: 60px
    }

    .pb-70 {
        padding-bottom: 60px
    }

    .no-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    p {
        font-size: 15px
    }

    .primary-btn {
        font-size: 16px
    }

    .cta-btn {
        line-height: unset
    }

    .section-title {
        text-align: center;
        max-width: 610px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px
    }

        .section-title::before {
            content: unset
        }

        .section-title h2 {
            font-size: 35px;
            padding: unset;
            margin-top: -8px
        }

        .section-title p {
            max-width: 545px;
            margin-left: auto;
            margin-right: auto;
            font-size: 14px
        }

        .section-title.style-two h2 {
            margin-top: -8px !important
        }

    .banner-content {
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-top: 110px;
        padding-bottom: 50px
    }

        .banner-content h1 {
            font-size: 45px;
            margin-top: -8px;
            margin-bottom: 15px
        }

        .banner-content p {
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            font-size: 16px;
            margin-bottom: 20px
        }

        .banner-content .cta-btn {
            margin-bottom: 20px
        }

    .banner-img img {
        max-width: 80%;
        margin: auto;
        display: block
    }

    .banner-two {
        padding: 0
    }

        .banner-two .banner-content {
            padding-top: 100px;
            padding-bottom: 100px
        }

    .banner-three .banner-content {
        padding-top: 90px;
        padding-bottom: 160px
    }

    .banner-three .owl-carousel .owl-dots .owl-dot {
        height: 16px
    }

        .banner-three .owl-carousel .owl-dots .owl-dot.active {
            height: 30px
        }

    .about-section .about-content h2 {
        margin-bottom: 20px;
        margin-top: -8px
    }

    .about-section.about-style-two .about-img-content .about-fact {
        max-width: calc(100% - 30px)
    }

    .about-section.about-style-three .about-img-content {
        margin-bottom: 15px
    }

        .about-section.about-style-three .about-img-content .about-image {
            margin-bottom: 15px
        }

    .strong-service-section .slider-item {
        max-width: 100%;
        margin-bottom: 30px
    }

    .strong-service-section .pr-0 {
        padding-right: 15px !important
    }

    .strong-service-section .service-content {
        max-width: 610px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        text-align: center;
        margin-bottom: 40px
    }

        .strong-service-section .service-content::after {
            content: unset
        }

        .strong-service-section .service-content h2 {
            margin-top: -8px
        }

        .strong-service-section .service-content p {
            margin-left: auto;
            margin-right: auto;
            max-width: 545px
        }

        .strong-service-section .service-content p, .strong-service-section .service-content .cta-btn {
            margin-bottom: 20px
        }

        .strong-service-section .service-content .custom-owl-nav {
            position: unset
        }

    .team-slider .slider-item .content::after {
        border-right: 60px solid transparent
    }

    .team-slider .slider-item .content::before {
        border-left: 60px solid transparent
    }

    .team-members-section .team-item .content::before {
        border-left: 55px solid transparent
    }

    .team-members-section .team-item .content::after {
        border-right: 55px solid transparent
    }

    .bio-area .section-title h2 {
        padding-left: 0;
        margin-bottom: 30px
    }

    .our-works-section::after {
        content: unset
    }

    .our-works-section .works-content {
        margin-bottom: 30px;
        text-align: center
    }

        .our-works-section .works-content h2 {
            max-width: 610px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 15px;
            margin-top: -8px
        }

        .our-works-section .works-content p {
            max-width: 545px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 40px
        }

        .our-works-section .works-content .works-item .works-item-single {
            max-width: 100%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center;
            padding: 25px 20px
        }

            .our-works-section .works-content .works-item .works-item-single::before {
                bottom: -25px;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-top: 25px solid #ffbc13
            }

            .our-works-section .works-content .works-item .works-item-single i {
                margin-bottom: 20px
            }

            .our-works-section .works-content .works-item .works-item-single .content {
                padding: 0
            }

                .our-works-section .works-content .works-item .works-item-single .content h4 {
                    margin-bottom: -2px
                }

                    .our-works-section .works-content .works-item .works-item-single .content h4 br {
                        display: none
                    }

    .our-works-section .works-image {
        height: 100%;
        overflow: hidden
    }

        .our-works-section .works-image::before {
            border-bottom: 140px solid rgba(255,188,19,.8);
            border-right: 140px solid transparent
        }

    .finished-projects-section .owl-carousel .owl-nav {
        margin-top: 40px;
        text-align: center;
        position: unset !important
    }

    .amazing-projects-section.projects-two {
        background: #fff9e9
    }

    .amazing-projects-slider {
        margin-bottom: 0
    }

    .team-section .slider-item {
        max-width: 100%;
        margin-bottom: 30px
    }

    .team-section .pr-0 {
        padding-right: 15px !important
    }

    .team-section .team-content {
        max-width: 610px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        text-align: center;
        margin-bottom: 40px
    }

        .team-section .team-content::after {
            content: unset
        }

        .team-section .team-content h2 {
            margin-top: -8px
        }

        .team-section .team-content p {
            max-width: 545px;
            margin-left: auto;
            margin-right: auto
        }

        .team-section .team-content p, .team-section .team-content .cta-btn {
            margin-bottom: 30px
        }

        .team-section .team-content .custom-owl-nav {
            position: unset
        }

    .testimonial-section .testimonial-image {
        display: none
    }

    .testimonial-section .team-content {
        max-width: 610px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 40px
    }

        .testimonial-section .team-content h2 {
            margin-top: -8px
        }

    .testimonial-section .testimonial-slider {
        background: unset;
        padding: 0
    }

        .testimonial-section .testimonial-slider .slider-item {
            background: #fff3cf;
            padding: 25px 15px
        }

            .testimonial-section .testimonial-slider .slider-item .client-img {
                margin-bottom: 15px
            }

            .testimonial-section .testimonial-slider .slider-item p {
                font-size: 18px !important
            }

    .testimonial-section .owl-carousel .owl-nav {
        margin-top: 30px
    }

    .blog-section .owl-carousel .owl-nav {
        top: unset;
        margin-top: 0;
        margin-bottom: 30px
    }

    .amazing-projects-section .slider-item {
        max-width: 100%;
        margin-bottom: 30px
    }

    .amazing-projects-section .pr-0 {
        padding-right: 15px !important
    }

    .amazing-projects-section .projects-content {
        max-width: 610px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        text-align: center;
        margin-bottom: 40px
    }

        .amazing-projects-section .projects-content::after {
            content: unset
        }

        .amazing-projects-section .projects-content h2 {
            margin-top: -8px
        }

        .amazing-projects-section .projects-content p {
            max-width: 545px;
            margin-left: auto;
            margin-right: auto
        }

        .amazing-projects-section .projects-content p, .amazing-projects-section .projects-content .cta-btn {
            margin-bottom: 20px
        }

        .amazing-projects-section .projects-content .custom-owl-nav {
            position: unset
        }

    .blog-details-area .gallery-item img {
        width: 100%
    }

    .newsletter-section .newsletter-content, .newsletter-three .newsletter-content {
        max-width: 610px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-left: 0
    }

        .newsletter-section .newsletter-content h2, .newsletter-three .newsletter-content h2 {
            margin-top: -8px
        }

        .newsletter-section .newsletter-content p, .newsletter-three .newsletter-content p {
            max-width: 545px;
            margin-left: auto;
            margin-right: auto
        }

    .newsletter-section::before {
        width: 100%;
        background: rgba(26,26,26,.5)
    }

    .owl-carousel .owl-nav {
        text-align: center;
        position: unset !important
    }

    .video-btn {
        width: 80px !important;
        height: 80px !important
    }

    .finished-projects-section.style-two {
        padding-bottom: 0
    }

    .instrument-section .container-fluid {
        max-width: 720px
    }

    .instrument-section .video-content {
        min-height: unset
    }

        .instrument-section .video-content .video-image {
            position: relative;
            width: 100%
        }

            .instrument-section .video-content .video-image img {
                max-width: 100%
            }

        .instrument-section .video-content .video-btn {
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            line-height: 70px
        }

    .instrument-section .instrument-content {
        max-width: 100%;
        text-align: center;
        padding-right: 0
    }

        .instrument-section .instrument-content h2 {
            margin-bottom: 15px;
            margin-top: -7px
        }

    .map-section .map-content .map-pin {
        width: 40px
    }

        .map-section .map-content .map-pin .pin-content {
            right: -100px;
            top: -100px
        }

    .map-section .map-content .active .pin-content {
        opacity: 0;
        visibility: hidden
    }

    .map-section .map-content .map-pin:hover {
        width: 45px
    }

    .map-section .map-content .pin-6 .pin-content {
        left: -100px;
        right: unset
    }

    .map-section .map-content .pin-2 .pin-content {
        top: unset;
        bottom: -50px;
        left: -100px;
        right: unset
    }

    .map-section .map-content .pin-1 .pin-content {
        top: unset;
        bottom: -50px
    }

    .renovate-section::after, .build-section::after {
        content: unset
    }

    .build-section {
        background: #fff9e9 !important
    }

    .quote-section .image img {
        margin: auto;
        display: block
    }

    .testimonial-section.testimonial-three .owl-carousel .owl-nav button, .testimonial-section.testimonial-two .owl-carousel .owl-nav button {
        -webkit-transform: unset;
        transform: unset;
        position: unset
    }

    .testimonial-section.testimonial-three .testimonial-slider::before, .testimonial-section.testimonial-two .testimonial-slider::before {
        bottom: 80px;
        border-bottom: 60px solid #ffbc13;
        border-left: 60px solid transparent
    }

    .testimonial-section.testimonial-three .testimonial-slider::after, .testimonial-section.testimonial-two .testimonial-slider::after {
        border-top: 60px solid #ffbc13;
        border-right: 60px solid transparent
    }

    .comingsoon-section .comingsoon-box {
        padding: 45px 10px 35px
    }

    .renovate-section {
        padding-top: 0
    }

    .comingsoon-section .comingsoon-box .cta-btn .primary-btn {
        padding: 15px
    }

    .blog-details-area .widget-area .widget-article .article-item img {
        max-width: 100px
    }

    .member-details-section .content {
        margin-top: 30px
    }

    .service-details-area .service-details-desc, .terms-area .service-details-desc, .privacy-area .service-details-desc {
        padding-left: 0
    }

    .service-details-area .image img, .terms-area .image img, .privacy-area .image img {
        width: 100%;
        max-width: unset
    }

    .service-details-area .content h2.title, .terms-area .content h2.title, .privacy-area .content h2.title {
        font-size: 35px
    }

    .finished-projects-section::after {
        min-height: 427px
    }
}

@media only screen and (max-width: 991px) {
    .header-area.header-two .top-header-area .social-link, .header-area.header-three .top-header-area .social-link {
        text-align: center;
        margin-bottom: 10px
    }

    .page-title-area .page-title-content {
        text-align: center
    }

    .page-title-area .shape span {
        display: none
    }

    .contact-area .contact-info .info-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .contact-area .contact-info .info-item .info-content {
            padding-left: 0;
            text-align: center
        }

        .contact-area .contact-info .info-item i {
            margin-bottom: 15px
        }

    .terms-area .details-desc, .privacy-area .details-desc {
        padding-left: unset
    }

        .terms-area .details-desc .service-details-slider .owl-nav, .service-details-area .service-details-desc .service-details-slider .owl-nav, .privacy-area .details-desc .service-details-slider .owl-nav {
            margin-top: 30px
        }

    .projects-section .projects-item img {
        width: 100%
    }

    .pagination .next {
        margin-top: 5px
    }

    .team-two.team-section .overlay-content {
        top: 20px
    }

    .service-details-area .pl-0 {
        padding-left: 15px !important
    }

    .blog-details-area .blog-details-desc {
        padding-left: unset
    }

        .blog-details-area .blog-details-desc .blog-details-slider .owl-nav {
            margin-top: 30px
        }

    .contact-area .contact-form {
        margin-top: 25px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    h2 {
        font-size: 35px !important
    }

    .banner-content h1 {
        font-size: 50px
    }

    .banner-two {
        padding: 0
    }

        .banner-two .banner-content {
            padding-top: 120px;
            padding-bottom: 120px
        }

    .header-area.header-two .contact-info .contact-info-content {
        text-align: center
    }

    .header-area.header-two .contact-info p, .header-area.header-two .contact-info a {
        display: block
    }

    .instrument-section .video-content {
        overflow: hidden
    }

    .instrument-section .instrument-slider {
        margin-top: 30px
    }

    .about-section .about-fact {
        padding: 35px 20px
    }

    .about-section.about-style-two .about-img-content .about-fact::before {
        border-left: 40px solid transparent
    }

    .about-section.about-style-two .about-img-content .about-fact::after {
        border-right: 40px solid transparent
    }

    .strong-service-section .service-content {
        padding: 35px 0
    }

    .team-section .team-content {
        padding: 90px 0
    }

    .testimonial-section .testimonial-slider .owl-nav {
        right: -17%
    }

    .footer-area .footer-news .content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .best-service-section .service-item-single {
        padding: 50px 16px
    }

    .team-members-section .team-item .content::before {
        border-bottom: 100px solid #ffbc13;
        border-left: 55px solid transparent
    }

    .team-members-section .team-item .content::after {
        border-top: 100px solid #ffbc13;
        border-right: 55px solid transparent
    }

    .renovate-section .image {
        overflow: hidden
    }

        .renovate-section .image img {
            max-width: unset
        }

    .build-section .image {
        overflow: hidden
    }

        .build-section .image img {
            max-width: unset
        }

    .blog-details-area .blog-details-desc {
        padding-left: 10px
    }

    .blog-details-area .tags a {
        font-size: 12px
    }

    .contact-area .contact-info .info-item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding: 30px 35px
    }

        .contact-area .contact-info .info-item i {
            margin-bottom: 15px
        }

    .service-details-area .project-info, .terms-area .project-info, .privacy-area .project-info {
        padding: 30px 16px
    }

    .finished-projects-section::after {
        min-height: 418px
    }
}

@media only screen and (min-width: 992px) and (max-width:1366px) {
    .home-banner-area .align-self-end {
        -ms-flex-item-align: unset !important;
        -ms-grid-row-align: unset !important;
        align-self: unset !important
    }

    .banner-img img {
        position: absolute;
        right: 0;
        bottom: 0;
        max-width: 510px
    }

    .projects .col-lg-8 img {
        height: 100%
    }

    .terms-area .details-desc, .privacy-area .details-desc {
        padding-left: 20px
    }
}