/*  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: 140px;
    } */
    /*    .main-header.style-one .outer-box {
          padding: 0px 20px 0px 20px;
        }*/
    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 10px;
    }
    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: 30px;
    }
    .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: 100px 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: 60px;
    }
    .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: 100px 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: 40px;
        line-height: 50px;
    }
    .main__title h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .tab-btns.tab-buttons li h2 {
        font-size: 40px;
        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: 100px 0px;
    }
    .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;
    }
}
