@media screen and (min-width: 1921px) {
.container { max-width: 1440px; }
}

@media screen and (min-width: 2160px) {
.container { max-width: 1680px; }
.section-title h2 { font-size: 68px; }
.section-title p { font-size: 30px; }
.header .button span { font-size: 18px; }
.button span { font-size: 20px; }
.form-control { font-size: 18px; }
}

@media screen and (max-width: 1700px) {
.section-title h4, .section-title .title { font-size: 16px; }
.subtitle { font-size: 24px; }
.button span { font-size: 14px; }
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right{ visibility: visible;}
}

@media screen and (max-width: 1500px) {
.container { max-width: 1170px; }
.section-title h2 { font-size: 44px; margin-bottom: 20px; }
.section-title p { font-size: 18px; }
.banner .content h1 { font-size: 40px; }
.footer .bottom-block h4 { font-size: 12px; }
.footer .bottom-block a, .footer .bottom-block p { font-size: 14px; }
.footer .copy p, .footer .copy p span, .footer .copy p a { font-size: 12px; }
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right{ font-size: 14px;}
.contact-bx .title { font-size: 45px;}
.awards-slider .title { font-size: 14px; }

}

@media screen and (max-width: 1400px) {
.section-title h2 { font-size: 40px; }
.section-title p { font-size: 16px; }
.button span { font-size: 14px; }
.banner .content h1 { font-size: 38px; }
.banner .content .button { margin-top: 25px; }
.contact-bx .title { font-size: 40px;}
.design-services .info .title{ font-size: 50px; margin-bottom: 20px; }
.design-services .info p { margin-bottom: 35px; }
}

@media screen and (max-width: 1300px) {
.header .logo { width: 100px; }
}

@media screen and (max-width: 1169px) {
body p { font-size: 18px; }
.container { max-width: calc(100% - 60px); }
.header .button span { font-size: 14px; }
.who-we-are .subtitle{ font-size: 22px; }
.who-we-are { padding: 60px 0px; }
.projects-list { grid-gap:20px; }
.project-tabs { padding: 40px 0 70px; }
.contact-bx { margin-bottom: 60px; }
.awards2 { grid-gap:20px; }
.section-title { margin-bottom: 30px; }
.design-services .info .title { font-size: 45px; }
.design-services .info p { font-size: 18px; margin-bottom: 25px; }
.design-services .step-title{ font-size: 16px; }
.design-services .step-icon { margin-bottom: 18px; }
.design-services { padding-bottom: 40px; }
.testimonial-bx{ padding: 40px 0px; }
.footer .footer-text .title { font-size: 25px; }
.address-icons li a { width: 20px; }
.address-icons li, .header .button{ margin-left: 16px; }
.testimonial-bx .testi-bx p { width: 100%; }
}

@media screen and (max-width: 991px) {
.container { max-width: calc(100% - 30px); }
.banner, .banner .banner-img { height: 60vh; }
.project-tabs{ padding: 0px 0px 60px 0px;}
.project-tabs .section-title{ margin-bottom: 40px; }
.project-tabs .section-title{ font-size: 20px; }
.contact-bx .title { font-size: 35px; margin-bottom: 20px; }
.contact-bx ul { margin-top: 15px; }
.contact-bx ul li a { font-size: 18px; }
.awards2 {grid-template-columns: repeat(2 , 1fr);}
.awards-list { padding-bottom: 40px; }
.service-img { margin-top: 15px; margin-bottom: 20px; }
.testimonial-bx{padding: 10px 0px 40px 0px;}
.testi-slider { padding-bottom: 75px; }
.footer hr{ margin: 10px auto 20px; }
.footer .footer-text .title { font-size: 22px; }
}

@media screen and (max-width: 767px) {
body p { font-size: 16px; }
select.form-control { padding: 13px 22px 10px; }
.section-title { margin-bottom: 30px; }
.section-title h4, .section-title .title { font-size: 14px; }
.subtitle { font-size: 20px; margin-bottom: 20px; }
.banner .content h1, .estimate-project h3 { font-size: 30px; }
.hover-card.card, .vr-home #vr-view { aspect-ratio: 16/9; }
.hover-card.card .info h2 { font-size: 60px; }
.hover-card.card .info p { font-size: 18px; }
.footer-space { height: 260px; }
.footer .bottom-block h4 { margin-bottom: 5px; margin-top: 20px; }
.footer .bottom-block .social { margin-top: 10px; }
.footer .copy p, .footer .copy p span, .footer .copy p a { font-size: 10px; font-weight: 400; }
.banner .content .button { margin-top: 15px; }
.banner, .banner .banner-img { height: 50vh; }
.banner .content h1, .estimate-project h3 { font-size: 25px; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:10px}
.banner .banner-img .project-name{ font-size: 16px; bottom: 35px;}
.who-we-are .subtitle { font-size: 18px; }
.who-we-are { padding: 40px 0px; }
.projects-list{ grid-template-columns: repeat(2 , 1fr);}
.projects-list .card .card-body h4 { font-size: 20px; }
.contact-bx .title { font-size: 26px; }
.contact-bx ul li a { font-size: 16px; }
.contact-bx { margin-bottom: 40px; }
.contact-bx .title { font-size: 22px; }
.awards-slider .title { font-size: 13px; }
.design-services { padding-top: 30px; }
.design-services .row { padding-top: 10px; padding-bottom: 20px; }
.design-services .info .title { font-size: 35px; }
.contact-form { padding-bottom: 50px; }
.contact-form { font-size: 16px; }
.testimonial-bx .testi-bx .testi-name { font-size: 18px; }
.design-services { padding-bottom: 20px; }
.pswp__scroll-wrap { width: 80%; }
.pswp__img { padding: 20px ;}
}

@media screen and (max-width: 639px) {
.section-title h2 { font-size: 34px; }
.section-title { margin-bottom: 30px; }
.pswp__scroll-wrap { height: 75vh; }
}

@media screen and (max-width: 575px) {
.container { max-width: 100%; }
.projects-list .card .card-body h4 { font-size: 16px; }
.project-tabs { padding-bottom: 30px; }
.contact-bx ul li{ margin: 5px;}
.contact-bx ul li a { font-size: 14px; }
.awards2{ grid-template-columns: repeat(1 , 1fr);}
.awards-slider .info { padding-top: 10px; }
.awards-slider .year { font-size: 18px; }
.section-title { margin-bottom: 25px; }
.design-services .info .title { font-size: 28px; }
.design-services .info p { font-size: 16px; }
.design-services .step-title { font-size: 15px; }
.service-img { height: 300px; }
.testimonial-bx .testi-bx p { font-size: 16px; }
.footer .footer-text .title { font-size: 18px; }
.footer .bottom-block a, .footer .bottom-block p { margin-bottom: 10px; }
.footer .bottom-block .social li a { padding: 12px; }
.contact-form { padding-bottom: 30px; }
.contact-form .button { margin-top: 0px; }
.pswp__button--arrow--right:before { right: -19px; }
.pswp__button--arrow--left:before { left: -19px; }
.pswp__caption__center { width: 100%; }
.pswp__caption__center { font-size: 16px; }
.pswp__button--close { margin-right: 0px; }
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { width: 34px; height: 34px; }
.pswp__caption__center { padding: 5px; margin-bottom: 0px; }
.pswp__caption { min-height: 24px; top:18px }
.contact-bx .title br{ display: block;}
.testimonial-bx .testi-bx p{height:140px;}
.testimonial-bx .testi-bx p.testi-name{height:auto;}
}

@media screen and (max-width: 479px) {
.header .logo { width: 70px; }
.address-icons li, .header .button { margin-left: 12px;}
.button .text { padding-top: 0px; }
.button span { line-height: 1.3; font-size: 13px; }
.swiper-pagination-bullet { width: 10px; height: 10px; margin: 6px!important; }
.who-we-are .subtitle { font-size: 16px; }
.design-services .step-icon img { width: 20px; height: 20px; }
.header .button span { font-size: 12px; }
.pswp__scroll-wrap { height: 50vh; }
}