@media only screen and (max-width: 767px) {
    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: 50px;
    }
    .pb-100 {
        padding-bottom: 50px;
    }
    .ptb-70 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .pt-70 {
        padding-top: 20px;
    }
    .pb-70 {
        padding-bottom: 20px;
    }
    .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: 50%;
        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: 20px;
        margin-top: -7px;
    }
    .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, 0.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, 0.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: 7px;
    }
    .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, 0.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, 0.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 {
        
    }
    .terms-area .details-desc,
    .privacy-area .details-desc {
        padding-left: 20px;
    }
}