@media (min-width: 1200px) {
    .container{max-width: 1140px;}
}
@media (min-width: 1360px) {
    .container{max-width: 1330px;}
}
@media (min-width: 1400px) {
    .container{max-width: 1430px;}
}

@media (max-width: 1399px) {

    .projects-list .project-item:hover:before{bottom: 0;}
    .projects-list .project-item::after{bottom: 10px;}
}
@media (max-width: 1600px) {
    body{font-size: 24px;}
    h1 {font-size:76px;}
    h2 {font-size:73px;}
    h3 {font-size:51px;}
    h4 {font-size: 40px;}
    h5 {font-size:46px;}
    h6, .h6 {font-size: 36px;}
    p{margin-bottom: 32px;}
    .btn{font-size: 24px; min-width: 235px; min-height: 70px; padding: 21.5px 15px;}
    .section-title{margin-bottom: 45px;}
    .section-title h2 span{font-size: 118px;}
    .about-section, .team-section{padding: 80px 0;}
    .quality-section{padding: 50px;}
    .quality-section .quality-text h2{font-size: 140px;}
    .projects-section{padding: 142px 0 98px;}
    .projects-list{padding-top: 100px;}
    .projects-list .project-item{margin-bottom: 86px;}
    .top-content{padding: 80px 0 50px;}
    .about .about-inner-section .about-inner-text{padding-left: 100px;}
    .about .about-inner-section:not(:nth-child(2n)) .about-inner-text{padding-right: 100px;}
    .team-section .team-block{padding-top: 50px;}
    .contact-map{padding-top: 80px;}
    .project-details .project-details-info{padding-top: 30px; padding-bottom: 30px;}
    .apartment-section{padding: 50px 0 100px;}
    .apartment-section .plans-list{padding-top: 20px;}
    .apartment-section .plans-list ul{margin: 0 -15px;}
    .apartment-section .plans-list ul li{padding: 0 15px; max-width: 350px;}
    .project-details{padding-bottom: 0;}
}

@media (max-width: 1400px) {
    body{font-size: 22px;}
    h1 {font-size:73px;}
    h2 {font-size:70px;}
    h3 {font-size:49px;}
    h4 {font-size: 47px;}
    h5 {font-size:43px;}
    h6, .h6 {font-size: 33px;}
    .section-title{margin-bottom: 35px;}
    .section-title h2 span{font-size: 108px; top: -36px;}
    .form-control{padding: 15px 20px;}
    header{padding: 15px 40px;}
    .top-header-space{padding-top: 160px;}
    .about-section .about-inner .about-content{padding-right: 50px;}
    .quality-section .quality-text h2{font-size: 100px;}
    .projects-list .project-item{max-width: 354px; height: 500px;}
    .contact-section .footer-contact-form{margin: 0 -15px;}
    .about .about-inner-section .about-inner-text{padding-top: 60px; padding-bottom: 60px;}
    .about .about-inner-section .about-inner-text{padding-left: 50px;}
    .about .about-inner-section:not(:nth-child(2n)) .about-inner-text{padding-right: 50px;}
    .top-content{padding: 50px 0;}
    .team-section .team-block{padding-top: 20px;}
    .team-section .team-list{justify-content: center;}
    .team-section .team-list li{max-width: 295px}
    .team-section .team-list li .team-img{height: 265px;}
    .apartment-section {padding: 20px 0 80px;}
    .apartment-section .plans-list ul li{max-width: 295px;}
    .apartment-section .plans-list ul li .plan-info{padding-right: 20px; min-height: 140px;}
    .contact-section{padding: 100px 0 10px;}
    .project-details .project-details-info ul li{margin: 0 40px;}
    footer{padding: 50px 0;}
}

@media (max-width: 1199px) {
    h1{font-size:63px;}
    h2{font-size:60px;}
    h3{font-size:39px;}
    h4{font-size:37px;}
    h5{font-size: 35px; margin-bottom: 10px;}
    h6, .h6 {font-size: 26px;}
    .section-title h2 span{font-size: 88px; top: -34px;right: -10px;}
    .btn{font-size: 22px; min-width: 180px; min-height: 60px; padding: 17.5px 15px;}
    .form-group{margin-bottom: 32px;}
    .banner{min-height: 330px;padding-top: 50px;}
    .about-section{padding: 50px 0;}
    .about-section .about-inner .about-content{margin-top: 0;padding-right: 30px;}
    .quality-section{min-height: 300px;}
    .quality-section .quality-text h2{font-size: 80px;}
    .projects-section{padding: 80px 0 50px;}
    .projects-list{padding-top: 80px;}
    .projects-list .project-item{max-width: 275px; height: 380px; margin-bottom: 30px;}
    .projects-list .project-item::after{height: 100px;}
    .projects-list .project-item .item-text{bottom: 30px; right: 30px;}
    .more-product{margin-top: -47px;}
    .contact-section{padding: 90px 0 10px;}
    .about .about-inner-section .about-inner-text{padding-left: 30px;}
    .about .about-inner-section:not(:nth-child(2n)) .about-inner-text{padding-right: 30px;}
    .team-section .team-list li{max-width: 243px;}
    .team-section .team-list li .team-img{height: 213px;}
    .top-header-space{padding-top: 170px;}
    .apartment-section .plans-list ul li{max-width: 243px;}
    .apartment-section .plans-list ul li .plan-info{min-height: 120px;}
    footer{padding: 30px 0;}
    footer .foorer-menu{padding: 30px 0 40px;}.footer-contact-form .submit_btn{max-width: 180px;}
    .footer-contact-form .submit_btn::after{left: 45px;}
     .submit_btn input[type='submit']{padding-left: 25px;}
}

@media (max-width: 768px) {
    body{font-size: 20px;}
    p{margin-bottom: 22px;}
    h2{font-size: 50px;}
    h3{font-size: 29px;}
    h4{font-size: 27px;}
    
    .section-title{margin-bottom: 20px;}
    .section-title h2 span{font-size: 70px; top: -20px; right: -2px;}
    .head-title::after{margin: 15px auto;}
    header{padding: 15px;}
    header .logo-block img{width: 40px;}
    header .main-menu > ul > li{padding: 0 30px;}
    .full-banner::before, .quality-section::before, .quality-section::after, .contact-section::before{height: 6px;}
    .quality-section{min-height: 200px; padding: 20px;}
    .quality-section .quality-text h2{font-size: 60px;}
    .projects-list{padding-top: 50px;}
    .projects-list .project-item{max-width: 210px; height: 298px;}
    .projects-list .project-item:nth-child(3n + 2){margin-top: -30px;}
    .projects-list .project-item::before{top: 5px; right: 5px; bottom: 5px; left: 5px;}
    .projects-list .project-item::after{bottom: 5px; left: 5px; right: 5px;}
    .projects-list .project-item .item-text{bottom: 20px; right: 20px;}
    .more-product{margin-top: -25px;}
    .about .about-inner-section .about-inner-text { padding-top: 20px; padding-bottom: 20px; }
    .about .about-inner-section:not(:nth-child(2n)) .about-inner-text{padding-right: 20px;}
    .about .about-inner-section .about-inner-text{padding-left: 20px;}
    .about-section, .team-section{padding: 50px 0;}
    .team-section .team-list li {max-width: 187px;}
    .team-section .team-list li .team-img{height: 157px;}
    .team-section .team-list li .team-img{margin-bottom: 10px;}
    .contact-map, .tabs-projects .projects-list{padding-top: 30px;}
    .project-details .project-details-info ul li{margin: 0 20px;}
    .apartment-section{padding-bottom: 40px;}
    .apartment-section .plans-list ul li{max-width: 40%; margin-bottom: 30px;}
}

@media (min-width: 768px) {
    .hamburger{display: none;}
}

@media (max-width: 767px) {
    body{font-size: 18px;}
    p{margin-bottom: 20px;}
    h2{font-size: 40px;}
    section, .top-content, .about-section{padding: 30px 0;}
    .form-group{margin-bottom: 15px;}
    .form-group.col-4{max-width:100%}
    .form-control{height: 45px;}
    .top-header-space{padding-top: 110px;}
    .section-title{margin-bottom: 15px;}
    .section-title h2 span{font-size: 50px;top: -15px;}
    .btn {font-size: 20px; min-width: 150px; min-height: 45px; padding: 10.5px 15px; }
    header{padding: 10px 15px;flex-direction: row;}
    header .main-menu-block{ max-width: 22%; width: 27px;}
    .hamburger span{    width: 23px; height: 2px;}
    header .main-menu-block .hamburger{max-width: max-content;margin-right: auto;}
    header .logo-block{order: 1; max-width: max-content;}
    header .call-block{max-width:max-content; order: 3;}
    header .call-block img{display: block;}
    header .main-menu{    position: fixed; background: #000000e6; width: 220px; height: 100vh; right: -100%; top: 0; padding: 20px; transition: all 0.5s;}
    header .main-menu > ul {display: flex; align-items: center; flex-direction: column; height: 100%; justify-content: start; padding-top: 60px; }
    header .main-menu > ul > li{font-size: 28px;}
    header .main-menu > ul > li > a:hover{color: var(--black);}
    .open-menu .main-menu{right: 0;    box-shadow: 0 0 20px #888;}
    .hamburger.open span { transform: rotate( 45deg ) translate(3px, -1px); }
    .hamburger.open span:last-child { transform: rotate( -45deg ) translate(2px, 0); }
    .about-section .about-inner{flex-wrap: wrap;}
    .about-section .about-inner .about-img, .about-section .about-inner .about-content{max-width: 100%;}
    .about-section .about-inner .about-img{padding-top: 10px; padding-right: 10px;}
    .about-section .about-inner .about-img::after{width: calc(100% - 10px); height: calc(100% - 24px);}
    .about-section .about-inner .about-content{padding-right: 0;padding-top: 40px;}
    .quality-section{min-height: 160px; padding: 15px;}
    .quality-section .quality-text h2{font-size: 37px;}
    .projects-section{padding: 50px 0}
    .projects-list{padding-top: 20px;}
    .projects-list .project-item{max-width: 45%;width: 100%; height: 350px;}
        .tabs-projects .projects-list .project-item{margin-left: 15px; margin-right: 15px;}
    .projects-list .project-item:nth-child(3n + 2), .more-product{margin-top: 0;}
    .about .about-inner-section .about-inner-text{padding-left: 0 !important;padding-right: 0 !important; width: 100%;}
    .about .about-box-img{position: relative; top: inherit; left: inherit; transform: inherit; width: 100%;}
    .tabs-projects{padding: 30px 0;}
    .project-details{padding-top: 40px;}
    .project-details .project-details-info ul li{margin-bottom: 20px;}
    .project-location-section{flex-wrap: wrap;}
    .apartment-section .plans-list ul li{max-width: 50%;}
    .footer-contact-form .submit_btn::after { left: 30px; }
    .footer-contact-form .submit_btn{max-width: 150px;}
    footer .foorer-menu ul li {padding: 0 24.5px;}
    .call-block .mob_num{display: none;}
    .about .about-inner-section>.about-box-img.come-in{transform: translateY(0px);}
    .team-section .team-list li{margin-bottom: 20px;}
    .about-section .about-inner .about-img{opacity: 1; transform: translateY(0px);}
}

@media (max-width: 575px) {
    .projects-list .project-item{max-width: 100%; display: flex; height: auto;}
    .project-location-section .col-6{max-width: 100%;}
    .location-map{height: 350px;}
    .apartment-section .plans-list ul li{max-width: 90%;}
    .tabs-projects .projects-list .project-item {
        margin-left: 51px;
        margin-right: 51px;
        text-align: right;
    }
    footer .foorer-menu ul li {padding: 0 13.5px;}
    footer .foorer-menu {padding: 20px 0;}
   .footer-contact-form .submit_btn::after {left: 38px;}
}