@media screen and (max-width:1440px){
  .calculator:before { 
    left: -130px; 
  }
}

@media screen and (max-width:1360px){
  .calculator:before { 
    left: -180px; 
  }
}

@media screen and (max-width:1280px){
  .calculator:before {
    left: -210px;
  } 
}

@media screen and (max-width: 1024px){
  .first-nav { 
    padding-left: 175px;
    position: relative; 
  }
  .nav-about-company { 
    margin-left: 30px;
  }
  .combain__wrapper-bg {
    width: 1160px;
    height: 165px; 
    left: -60px;
    top: -91px; 
  }
  .main img {
    width: 110%;
  }
  .two-nav nav ul { 
    padding-left: 420px; 
  }
  .about-company:before { 
    width: 360px;
    height: 75px; 
    top: 225px; 
  }
  .calculator:before { 
    left: -240px;
    top: 60px;
  }
  .width-number input { 
    width: 280px; 
  }
  .total label button { 
    font-size: 18px; 
  }
  .total>div p { 
    font-size: 18px; 
  } 
  .benefits-ft-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .benefits-ft-box {
    width: 25%;
    margin-bottom: 35px;
    padding: 0 45px;
  }
  .benefits-ft { 
    padding: 40px 0 15px;
  }
  .project-box-about { 
    max-width: 260px;
  }
  .project-box-about-title p { 
    font-size: 18px;
    line-height: 16px; 
  }
  .photo-gallery-box { 
    height: 180px;
  }
  .copiryght-row>a:before { 
    width: 105px;  
    left: -120px;
  }
  .copiryght-row>a:after { 
    width: 105px;  
    right: -120px;
  }
  .phone-link-img {
    width: 35px;
    height: 35px; 
    margin-right: 10px; 
  }
  
  a.facebook-link {
    font-size: 14px; 
  }

  a.mail-link {
    font-size: 14px; 
  }

  a.phone-link{
    font-size: 14px;
  }
}

@media screen and (max-width: 768px){
  .combain__wrapper-bg { 
    display: none;
  }
  .two-nav nav ul:after,
  .two-nav nav ul:before{
    display: none;
  }
  .two-nav nav ul {
    padding-left: 0;
  }
  .first-nav {
    padding-left: 0;
    position: relative;
  }
  .main-block { 
    padding-top: 15px;
  }
  .main h1 { 
    font-size: 32px; 
    margin-bottom: 15px; 
  }
  .adress-company { 
    width: 175px; 
  }
  .nav-about-company-img {
    width: 35px;
    height: 35px; 
  }
  .nav-about-company {
    margin-left: 20px;
  }
  .benefits-box {
    width: 50%; 
    max-width: max-content;
    margin-bottom: 15px;
  }
  .benefits-row { 
    flex-wrap: wrap;
  }
  .benefits { 
    padding-bottom: 20px;
  }
  .about-company:before {
    width: 310px; 
  }
  .dm { 
    justify-content: space-between;
  }
  .width-number input {
    width: 100%;
  }
  .calc-box {
    width: 40%;
    margin-right: 30px;
    max-width: 340px;
  }
  .total>div p { 
    padding: 0 15px;
  }
  .benefits-ft-box {
    width: 25%;
    margin-bottom: 35px;
    padding: 0 5px;
  }
  .link-footer { 
    flex-wrap: wrap;
    justify-content: space-between;
  }
  a.buy-project { 
    margin: auto;
    margin-top: 15px;
  }
  .copiryght-row>a:after,
  .copiryght-row>a::before{
    display: none;
  }
  .project-box-about {
    max-width: 210px;
  }
  .project-box-img {
    width: 30%;
  }
  .project-box-about-title p {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 13px;
  }
  .project-box-about-list ul li p {
    font-size: 13px;
  }
  .project-box-about-list ul li span { 
    font-size: 12px; 
  }
  .total label button {
    font-size: 16px;
    line-height: 18px;
  }
  .total>div p {
    font-size: 16px;
    line-height: 18px;
  }
  .total label span { 
    height: auto;
    min-height: 90px;
  }
  .total>div span{ 
    height: auto;
    min-height: 90px;
  }
}

@media screen and (max-width: 767px){
  .adress-company { 
    display: none;
  }
  .nav-about-company {
    width: auto; 
    justify-content: flex-end; 
  }
  .dialog-form h2 { 
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 20px;
  }
  .form-row-box { 
    width: 100%;
    max-width: 100%;
  }
  .dialog-form {
    max-width: 98%; 
    padding: 25px 20px 20px;
  }
  .main h1 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .main h3 {
    font-size: 18px;
    line-height: 22px; 
  }
  .main img {
    width: 150%;
    margin-left: -90px;
    margin-bottom: 50px;
  }
  .main p {  
    bottom: 30px;
    left: 10px;
  }
  .benefits-box {
    width: 100%; 
  }
  .about-row {
    display: flex;
    flex-wrap: wrap;
  }
  .about-company { 
    padding: 35px 0 ; 
  }
  .about-row-text {
    width: 100%; 
    margin-left: 0;
    margin-top: 15px;
  }
  .about-row-text-title p { 
    font-size: 24px;
    line-height: 28px;  
  }
  .tabs {
    flex-wrap: wrap;
  }
  .tab-content {
    padding: 40px 0 50px;
  }
  .tabs__caption {
    width: 100%; 
    margin-right: 30px;
  }
  .tabs__content { 
    width: 100%;
  }
  .calculator { 
    padding: 31px 0 31px; 
  }
  .calculator-title p { 
    font-size: 28px;
    line-height: 29px; 
  }
  .calculator:before {
    display: none;
  }
  #calc { 
    flex-wrap: wrap;
  }
  .calc-box {
    width: 100%;
    margin-right: 0;
    max-width: max-content;
  }
  .total-box {
    width: 100%; 
    margin-top: 25px;
  }
  .benefits-ft-box {
    width: 50%;
    margin-bottom: 25px;
    padding: 0 5px;
  }
  .project-box-img {
    width: 37%;
  }
  .projects-row-box {
    width: 100%; 
    padding: 9px; 
    margin-bottom: 24px;
  }
  a.facebook-link, a.mail-link, a.phone-link ,.pin-link {
    width: 50%;
  } 
  a.facebook-link, a.phone-link  {
   margin-bottom: 15px;
  } 
  .copiryght-row { 
    flex-wrap: wrap;
  }
  .copiryght-row p:first-child { 
    margin-bottom: 10px;
  }
  .projects-row-box { 
    align-items: initial; 
  }
  .project-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .two-nav nav ul li a {
    font-size: 14px; 
  }
}

@media screen and (max-width: 375px){
  .tabs__caption li { 
    font-size: 16px;
    line-height: 16px; 
  }
  .dm button { 
    margin-right: 0; 
  }
  .about-company:before { 
    top: 205px;
  }
  .about-row-text-title p {
    font-size: 22px;
    line-height: 28px;
  }
  .about-row-text-hidden p { 
    margin-bottom: 10px;
  }
  .total label button {
    font-size: 14px;
    line-height: 15px;
    height: 60px;
  }
  .total>div p {
    font-size: 15px;
    line-height: 15px;
    height: 60px;
  }
  .about-calc {
    width: 98%; 
    margin: 0 auto;
    margin-top: 20px;
  }
  .projects-title p { 
    margin-bottom: 20px;
  }
  .projects { 
    padding-top: 25px;
  }
  .project-box-img {
    width: 34%;
  }
  .pin-link span {
    font-size: 13px;
    line-height: 17px; 
    width: 70%;
  }
  a.facebook-link, a.mail-link, a.phone-link, .pin-link { 
    font-size: 13px;
  }
  .about-link {
    padding: 30px 0 20px;
  }
  .dm button {
    width: 100px; 
  }
}