@media (max-width:1399px) {
    .logo img{width: 150px}

}
@media (max-width:1299px) {
    .hero-image-wrap{padding: 0 2vmin;}

}
@media (max-width:1199px) {
    .logo img{width: 150px}

}
@media (max-width:1099px) {
    .intro-wrap{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .intro-wrap .intro-head, .intro-wrap .intro-side{display: table;width: 100%;}
    .intro-wrap .intro-head br{display: none}
    .architecture_area-L .architecture_txt {position: relative;}
    .architectural_sec .headline {width: 100%;}
    .architecture_sec.architecture_2.architectural_sec .architecture_txt, .architectural_sec .architecture_area-R .architecture_txt {width: 100%;margin-right: 0;}
    .testimonials{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .testimonials .headline{text-align: center;margin-bottom: 65px}
    .testimonials .item p{text-align: center}
    .footer_logo a img{width: 200px}
    .counter_sec .counter h2 {font-size: 30px;}
    .counter_sec{margin-bottom: 25px;display: table;width: 100%;}
    .counter_list {width: 100%;list-style: none;display: table;}
    .counter_list li {width: 33.33%;float: left}
    #news-carousel .owl-nav{display: none}
}
@media (max-width:1024px) {
    .footer_card a.btn {margin-left: 0;line-height: normal;}
    .footer_card p {float: none;}
    .footer_card .footer_top img {width: 110px;}
    .footer_card .footer_top h5 {font-size: 19px;line-height: 25px;}
    .footer_social {margin-bottom: 200px;}
    .footer_social h5 {margin-top: 0;}
    .architectural_sec h2 {font-size: 33px;}
    .architecture_area-R .architecture_txt {width: 100%;}
    .intro-wrap {gap: 16px;}
    #news-carousel.owl-theme .owl-dots{position: relative;top: 35px}
    div.owl-theme .owl-dots .owl-dot.active span, div.owl-theme .owl-dots .owl-dot:hover span {background: #111;}
    div.owl-theme .owl-dots .owl-dot span{background: transparent;border: 1px solid #111;}
    
}
@media (max-width:991px) {
    .book-constlation .architecture_area-R {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .news_panel_main .card h2 {font-size: 26px;}
    .footer_social {margin-bottom: 193px;}
}
@media (max-width:980px) {
    .intro-wrap {
        grid-template-columns: 1fr;
    }

    .intro-side {
        padding-top: 20px
    }

    .hero-image {
        height: 360px
    }

    :root {
        --nav-height: 76px
    }
    .intro-wrap .intro-head{font-size: 45px;}
}
@media (max-width:860px) {
    div.stellarnav.mobile .menu-toggle{display: -webkit-box;display: -ms-flexbox;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}
    .site-nav {padding: 10px 6vmin;}
    .stellarnav.mobile:focus, .stellarnav.mobile:active{background: transparent!important;background-color: transparent!important;box-shadow: none;}
    .stellarnav.light.left .menu-toggle:focus, .stellarnav.light.right .menu-toggle:focus, .stellarnav.light.left .menu-toggle:active, .stellarnav.light.right .menu-toggle:active{background-color: transparent!important;box-shadow: none;}
    .counter_sec .counter h2 {font-size: 25px;}
    div.stellarnav.mobile.light ul {background: rgb(235 235 235);}
    a:focus, a:active{background-color: transparent!important; background: transparent!important;box-shadow: none;} 
}
@media (max-width: 768px) {
  .news-detail .news-container {
    flex-direction: column;
  }
  .news-detail .news-image {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media (max-width:767px) {
    .architecture_sec {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
    .architecture_area-L {width: 100%;}
    .architecture_area-R {width: 100%;}
    .architecture_sec{overflow-x: hidden;}
    .testimonials .owl-theme .owl-nav .owl-next {margin-right: 0;}
    .architecture_sec {padding-bottom: 35px;}
    footer {margin-top: 25px;}
    footer .container{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .footer_r {float: none;text-align: left;}
    .footer_social {text-align: left;}
    .footer_social ul {float: left;}
    .footer_social {margin-bottom: 23px;} 
}
@media (max-width:640px) {
    .hero__title {
        font-size: clamp(16px, 5vw, 24px);
        letter-spacing: 3px
    }
    .nav-links {
        display: none
    }
    .hero-image {
        height: 260px
    }
    :root {
        --nav-height: 64px
    }
    .counter_list li {width: 100%;float: none;text-align: center;}
    .architecture_sec {padding-bottom: 0;}
}
@media (max-width:575px) {
    .book-constlation .architecture_area-R .architecture_txt{-webkit-box-align: normal;-ms-flex-align: normal;align-items: normal;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
    .news_panel_main .card h2 {text-align: center;}
    .news_panel_main .card .btn{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .footer_l {float: none;text-align: center;}
    .footer_card .footer_top{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .footer_social {text-align: center;}
    .footer_social ul {float: none;margin: 0 auto;}
    .footer_card{text-align: center}
    .footer_card .footer_top h5 {text-align: left;}
    footer address {padding: 5px 0px;}
    .architectural_sec h2 {text-align: center;}
    .book-constlation .architecture_area-R .architecture_txt{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .clients ul li {width: 33.33%;}
}
@media (max-width:480px) {
    .intro-wrap .intro-head {font-size: 30px;}
    .intro-wrap .intro-side {width: 100%;padding-right: 0;}
    .architectural_sec h2 {font-size: 28px;}
    .architectural_sec .architecture_area-R .architecture_txt {text-align: center;}
    .fullwidth_sec {margin: 15px 0;}
    .book-constlation {width: 95%;text-align: center;}
}