/*  Theme Responsive Css */


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

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

@media only screen and (max-width: 1600px) {
    .main-header.style-one .menu-area {
        padding-left: 20px;
    }

    .main-header.style-one .outer-box {
        padding: 0px 20px 0px 100px;
    }

    header.main-header.style-one .logo-box {
        padding: 0px 20px 0px 0px;
    }

    .main-header.style-two .header__right .header__phone {
        display: none;
    }
}

@media only screen and (max-width: 1449px) {
    .main-menu .navigation > li {
        margin: 0px 5px;
    }

    header.main-header.style-three .header-lower .header___left {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 1400px) {
    .main-menu .navigation > li > a {
        margin-right: 5px;
    }

    .banner-style-two .banner-thumb-inner .owl-item {
        width: 100px !important;
        height: 100px;
    }

    .banner-style-two .banner-thumb-inner {
        right: calc(50% - 190px);
    }

    .banner-style-two .slide-item {
        padding: 140px 0px 240px;
    }

    .classic__text {
        display: none;
    }

    .classic__data .normal__text {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 1300px) {
    .see__pad {
        padding: 50px 0px;
    }
}

@media only screen and (max-width: 1200px) {
    .main-menu {
        display: none !important;
    }

    .menu-area .mobile-nav-toggler {
        display: block;
        margin-top: 20px;
        padding: 12px;
        margin-bottom: 20px;
    }

    .sticky-header {
        display: none !important;
    }

    .anim-icon {
        display: none;
    }

    br {
        display: none;
    }

    .main-header.style-two {
        padding: 0;
    }

        .main-header.style-two .header-lower {
            padding: 0px 20px;
        }

    .vedio__data {
        gap: 30px;
    }

    header.main-header.style-three .header-lower .header___left {
        padding-left: 20px;
    }

    .tultip__data {
        display: none;
    }

    .classic__data {
        padding: 40px;
    }

    .news__block__one.three {
        padding-bottom: 20px;
    }

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

        .page__title .bread__crumb {
            justify-content: center;
        }

        .page__title h1.title {
            font-size: 50px;
            line-height: 60px;
        }

    .funfact__three.about__page {
        padding-bottom: 100px;
    }

    .error__title h1 {
        font-size: 200px;
        line-height: 220px;
    }

    .error__title__two h2 {
        font-size: 42px;
        line-height: 50px;
    }

    .blog-image img {
        width: 100%;
    }

    .blog-inner-box {
        padding: 40px 0px 80px 0px;
    }
}


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



@media only screen and (max-width: 991px) {
    .company___left img {
        width: 100%;
    }

    .watch__right .watch__vedio {
        display: none;
    }

    .company___right__p {
        padding-top: 25px;
    }

    .residential__tab img {
        width: 100%;
    }

    .residential__tab img {
        width: 100%;
    }

    .team__content {
        margin-bottom: 30px;
    }

    .map__section .map__left h2 {
        padding: 200px 0px;
    }

    .blog__data .news__block__one {
        padding: 20px 20px;
    }

    .residential__tab {
        padding: 100px 0px;
    }

    .what__image img {
        width: 100%
    }

    .blog__section {
        padding: 50px 0px;
    }

    section.residential__tab.two {
        padding: 0;
    }

    .tabs-box.two {
        padding: 100px 0px;
    }

        .tabs-box.two .main__title__one h2 {
            font-size: 40px;
            line-height: 50px;
        }

    .tabs-content.two {
        margin: 80px 0px 40px;
    }

    .all__tab__data {
        padding-bottom: 50px;
    }

    .tab-btn-box.two .tab-btns.tab-buttons {
        padding: 50px 0px 0px;
    }

    .tab-btn-box.two .tab-btns.tab-buttons {
        flex-wrap: wrap;
    }

    .tabs-box.two {
        padding: 100px 0px;
    }

    .accord__image img {
        width: 100%;
        padding-top: 30px;
    }

    .vedio__data {
        flex-wrap: wrap;
    }

    .tab__two_img {
        margin-top: 40px;
        justify-content: start;
        width: 100%;
    }

        .tab__two_img img {
            width: 100%;
        }

    .news__letter {
        padding: 40px;
    }

    .news__letter__right {
        padding-left: 0px;
        margin-top: 20px;
    }

    .banner__title__three {
        padding: 100px 0px;
    }

    .design__block__right {
        margin-bottom: 30px;
    }

    .design__section .row {
        padding-top: 0 !important;
    }

    .design__block__left {
        padding-bottom: 30px;
    }

    .classic__list_img {
        width: 60px;
    }

    .classic__list__block {
        flex-wrap: wrap;
        gap: 20px;
    }

    .three .main__title h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .style__three .header__phone {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .banner__left__content:before {
        display: none;
    }

    .header__right .header__phone {
        display: none;
    }

    .header-lower .side-nav {
        display: none;
    }

    .main-header.style-one .outer-box {
        padding: 0px 20px 0px 20px;
    }

    .banner.style__one .banner__social__media {
        display: none;
    }

    .header__right__button .serach-button-style1 {
        padding-right: 0;
    }

    .banner-carousel .content__box {
        padding: 180px 46px 160px 0px;
    }

    .banner-carousel .sub__title h6 {
        letter-spacing: 5px;
    }

    .banner-carousel .content__box h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .banner-carousel .owl-nav span {
        font-size: 30px;
    }

    .main__title__one h2 {
        font-size: 33px;
        line-height: 50px;
    }

    .main__title h2 {
        font-size: 20px;
        line-height: 35px;
    }

    .tab-btns.tab-buttons li h2 {
        font-size: 30px;
        line-height: 50px;
    }

    .residential__tab {
        padding: 100px 0px;
    }

    .testimonial__section .description h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 0px 50px;
    }

    .team__content img {
        width: 100%;
    }

    .funfact__content .count-outer h1 {
        font-size: 60px;
    }

    .funfact__content .count-outer span {
        font-size: 60px;
    }

    .map__right iframe {
        height: 400px;
    }

    .desing__list {
        gap: 0px;
        flex-wrap: wrap;
    }

    .company__man__info {
        gap: 10px;
    }

    .company___section {
        padding: 10px 0px 25px;
    }

    .map__section .map__left h2 {
        font-size: 40px;
    }

    .banner-style-two .content-box .title {
        font-size: 40px;
        line-height: 50px;
    }

    .banner-style-two .content-box .sub-title {
        letter-spacing: 5px;
        padding-bottom: 10px;
    }

    .banner-style-two .content-box .title {
        font-size: 40px;
        line-height: 50px;
    }

    .banner-style-two .content-box .sub-title {
        letter-spacing: 5px;
        padding-bottom: 10px;
    }

    .banner__title__three .content__box {
        width: 100%;
    }

    .banner__title__three .sub__title h6 {
        letter-spacing: 5px;
        padding-bottom: 5px;
    }

    .banner__title__three h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .main-header.style-three .header__right__button {
        padding-right: 20px;
    }

    .project__details__top h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .project__details__top h5 {
        font-size: 20px;
        line-height: 30px;
    }

    .comingsoon-section {
        padding: 100px 0px;
    }

        .comingsoon-section h4 {
            letter-spacing: 2px;
        }

        .comingsoon-section .title h2 {
            font-size: 40px;
            letter-spacing: 3px;
        }

        .comingsoon-section .timer .cs-countdown {
            gap: 30px;
        }

            .comingsoon-section .timer .cs-countdown span {
                font-size: 50px;
                line-height: 60px;
            }

            .comingsoon-section .timer .cs-countdown p {
                font-size: 20px;
                font-style: normal;
                font-weight: 500;
                line-height: 32px;
                color: #fff;
                font-family: Oswald;
            }
}

@media only screen and (max-width: 599px) {
    .tags-left h3 {
        display: block;
    }

    .tags-left {
        display: block;
    }

    ul.tags-list-1 {
        padding: 20px 0px;
    }

    .blog-tags-box {
        padding: 20px 20px;
    }
}

@media only screen and (max-width: 499px) {
    .main-header .logo-box {
        padding: 0px 20px 0px 0px;
    }

    .banner-style-two .banner-thumb-inner {
        right: calc(50% - 159px);
    }

    .vedio__funfact {
        flex-wrap: wrap;
        justify-content: center;
    }

        .vedio__funfact .funfact__content.one {
            border-radius: 5px;
        }

        .vedio__funfact .funfact__content.two {
            border-radius: 5px;
            margin-top: 20px;
        }

    .video__section__bg {
        padding: 120px 0px;
    }

    .accord__data h3 {
        font-size: 20px;
        line-height: 29px;
    }

    .accord-btn h5 {
        font-size: 25px;
        line-height: 32px;
        padding: 40px 0px;
    }

    .accord__data {
        padding-top: 20px;
    }

    .page__title h1.title {
        font-size: 30px;
        line-height: 40px;
    }

    .page__title .bread__crumb li {
        letter-spacing: 0.3px;
    }

    .faq__block h3 {
        font-size: 23px;
    }

    .price__block h2 {
        font-size: 32px;
        line-height: 45px;
        padding: 20px 0px;
    }
}

@media only screen and (max-width: 399px) {
    .scroll-top.open {
        display: none;
    }

    .classic__data {
        padding: 40px 20px;
    }

    .news__title h4 {
        font-size: 25px;
        line-height: 30px;
    }

    .blog__three__inner {
        padding: 60px 20px;
    }

    .error__title h1 {
        font-size: 150px;
        line-height: 200px;
    }

    .error__title__two h2 {
        font-size: 25px;
        line-height: 35px;
        letter-spacing: 5px;
    }

    .contact__right__site h3 {
        font-size: 24px;
    }

    .contact__form .icon-1 {
        padding: 30px;
    }
}

@media(max-width:425px) {
    .main-header .logo-box .logo img {
        width: 114px;
        height: auto;
    }
}