@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
* {
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
/*body {
    min-width: 1600px;
}*/
header {
    position: fixed;
    height: 160px;
    width: 100%;
    background: white;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    box-shadow: 0 3px 20px black;
    z-index: 10;
 }
 .topmenu li {
    position: relative;
    float: left;
 }
 header nav ul li a {
    padding: 20px;
    color: black;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    display: block;
 }
 header nav ul li a:hover {
    background: black;
    color: white;
 }
 nav ul li ul {
    position: absolute;
    left: 0;
    width: 300px;
    background: white;
    display:none;
 }
 nav ul li ul li {
    width: 100%;
    border: 1px solid rgba(0, 0, 0,.1);
 }
 nav ul li:hover ul {
    display: block;
 }
.tel {
    font-size: 30px;
    font-weight: bold;
}
.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.left {
    background-image: url(../img/22.1.jpg);
    height: 400px;
    width: 50%;
    margin-top: 160px;
}
.left h1 {
   font-size: 90px;
   font-family: 'Montserrat', sans-serif;
   color: white;
   margin-left: 25px;
   padding-top: 20px;
}
.right {
    height: 400px;
    width: 50%;
    margin-top: 160px;
    display: flex;
  justify-content: center;
  align-items: center;
}
.right p {
   font-size: 25px;
   font-family: 'Montserrat', sans-serif;
   text-align: center;
   margin-left: 40px;
   margin-right: 40px;
}
.icons {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 15px 8%;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
 }
 .icons img {
    width: 50px;
    height: 50px;
    
 }
 .icons_i p {
    display: flex;
    
 }
 .items {
    width: 100%;
    height: 500px;
    display: flex;
    align-items:center;
    font-family: 'Montserrat', sans-serif;
    perspective: 1000px;
    cursor: pointer;
    
 }
 .box1 {
 width: 30%;
 height: 100%;
 background-image: url(../img/111.jpg);
 margin: 0 auto;
 transform-style: preserve-3d;
 transition: transform 0.6s; /* Эффект переворота */
 }
 .box2 {
 width: 30%;
 height: 100%;
 background-image: url(../img/редкоз.jpg);
 margin: 0 auto;
 transform-style: preserve-3d;
 transition: transform 0.6s; /* Эффект переворота */
 
 }
 .box3 {
 width: 30%;
 height: 100%;
 background-image: url(../img/2222.jpg);
 margin: 0 auto;
 transform-style: preserve-3d;
 transition: transform 0.6s; /* Эффект переворота */
 }
 /*  стили для лицевой и обратной сторон карточки */
 .content1_front,.content2_front,.content3_front {
 width: 100%;
 height: 100%;
 position: absolute;
 backface-visibility: hidden;
 display: flex;
 justify-content: left;
 align-items: left;
 flex-direction: column;
 padding: 20px;
 }
 .content1_back,.content2_back,.content3_back {
 width: 100%;
 height: 100%;
 position: absolute;
 backface-visibility: hidden;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 padding: 20px;
 box-shadow: 0 3px 20px black;
 }
 
 /* Стили для лицевой стороны карточки */
 .content1_front,.content2_front,.content3_front {
 background-size: cover;
 }
 
 .content1_front > h3,h2 {
 font-size: 30px;
 font-weight: bold;
 color: #fff;
 }
 .content2_front > h3,h2 {
 font-size: 30px;
 font-weight: bold;
 color: #fff;
 }
 .content3_front > h3,h2 {
 font-size: 30px;
 font-weight: bold;
 color: #fff;
 }
 
 /* Стили для обратной стороны карточки */
 .content1_back {
 transform: rotateY(180deg);
 background-color: #fff;
 }
 .content2_back {
 transform: rotateY(180deg);
 background-color: #fff;
 }
 .content3_back {
 transform: rotateY(180deg);
 background-color: #fff;
 }
 
 .content1_back > h3 {
 text-align: left;
 margin-bottom: 30px;
 font-size: 20px;
 font-weight: bold;
 }
 .content2_back > h3 {
 text-align: left;
 margin-bottom: 30px;
 font-size: 20px;
 font-weight: bold;
 }
 .content3_back > h3 {
 text-align: left;
 margin-bottom: 30px;
 font-size: 20px;
 font-weight: bold;
 }
 
 .content1_back > p {
 margin-bottom: 20px;
 }
 .content2_back > p {
 margin-bottom: 20px;
 }
 .content3_back > p {
 margin-bottom: 20px;
 }
 
 /* Эффект переворота при наведении курсора на карточку */
 .box1:hover {
 transform: rotateY(180deg);
 }
 .box2:hover {
 transform: rotateY(180deg);
 }
 .box3:hover {
 transform: rotateY(180deg);
 }
 .text_content {
    font-size: 45px;
    color: white;
    padding-bottom: 20px;
    text-shadow: #000 1px 0 0px, #000 0 1px 0px, #000 -1px 0 0px, #000 0 -1px 0px;
 }
 .content1_back ul li {
    list-style: inside;
    margin-left: 25px;
    font-size: 20px;
 }
 .content1_back p {
    font-size: 20px;
 }
 .content2_back ul li {
    list-style: inside;
    margin-left: 25px;
    font-size: 20px;
 }
 .content2_back p {
    font-size: 20px;
 }
 .content3_back ul li {
    list-style: inside;
    margin-left: 25px;
    font-size: 20px;
 }
 .content3_back p {
    font-size: 20px;
 }
 .name p {
    font-size: 45px;
    color: black;
    display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 20px;
 font-family: 'Montserrat', sans-serif;
 }
 .content_table {
    width: 100%;
    height: 660px;
    background: white;
    /*font-family: 'Montserrat', sans-serif;*/
    display: flex;
    justify-content: space-around;
    align-items: center;
 }
.table_text {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 15px 30%;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif; 
}
.table_text_l{
width: 50%;
}
.table_text_r{
    width: 50%;
}
.table_text ul li {
    padding-bottom: 15px;
    font-size: 18px;
}
.table_text li img {
    margin-bottom: -15px;
    padding-right: 10px;
 }





















 .footer {
    width: 100%;
    height: 300px;
    background: black;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    color: white;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
 }
 .right1 {
    width: 33%;
    
    }
    .center2 {
       width: 33%;
       
    }
    .left3 {
       width: 33%;
       
    }
    .left3 ul li a {
       color: white;
    }
    .center2 ul li a {
        color: white;
    }
    /*cont*/
    .cont {
    display: flex;
    align-items:center;
    justify-content: space-evenly;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    }
.office {
    padding-left: 30px;
    height: 200px;
    margin-top: 190px;
    width: 30%;
}
.conts {
   padding-left: 30px;
    height: 200px;
    margin-top: 190px;
    width: 30%;
}
.conts p a{
color: black;
}
.map1 {
    padding-left: 30px;
    height: 200px;
    margin-top: 190px;
    width: 30%;
}
.map2 {
    margin-top: 20px;
    display: flex;
    align-items:center;
    justify-content: space-evenly;
}
 /*company*/
 .info_box {
    display: flex;
    justify-content: space-evenly;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
 }
 .info_text {
   width: 50%;
   font-size: 30px;
   margin-top: 190px;
   margin-left: 25px;
 }
 .info_text a {
    color: black;
 }
 .info_pdf {
    margin-top: 170px;
    width: 50%;
 }
 /*arhive*/
 .arhive {
    display: flex;
    align-items:center;
    justify-content: space-evenly;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
 }
 .arhive p {
    margin-top: 190px;
 }
 .arhive_table{
    margin-top: 190px;
    display: flex;
    align-items:center;
 }
 .arhive_table {
    background: black; /* Цвет фона таблицы */
    color: black; /* Цвет текста */
    border-spacing: 3px; /* Расстояние между ячейками */
    margin-bottom: 20px;
   }
   td, th {
    background: white; /* Цвет фона ячеек */
    padding: 21px; /* Поля вокруг текста */
    text-align: center;
    
   }
   /*sale*/
   .sale {
    display: flex;
    align-items:center;
    justify-content: space-evenly;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    flex-direction: column;
   }
   .sale_text {
    margin-top: 190px;
    display: flex;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin-left: 20px;
   }
   .sale_table {
    margin-top: 20px;
    background: black; /* Цвет фона таблицы */
    color: black; /* Цвет текста */
    border-spacing: 3px; /* Расстояние между ячейками */
   }
   /*eco*/
.contaner {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-around;
    color: rgba(183, 195, 185, 0.603);
  }
  
  .content_eco {
    position: relative;
    padding: 20px;
    color: black;
    font-family: 'Montserrat', sans-serif;
  }
  
  .content_eco h2 {
    position: absolute;
    top: -65px;
    right: 20px;
    margin: 0;
    padding: 0;
    font-size: 140px;
    line-height: 1.1;
    color: rgba(181, 188, 182, 0.348);
    transition: 0.5s;
  }
  
  .content_eco h3 {
    margin: 0 0 10px;
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: 700;
  }
  
  .content_eco p {
    margin: 0;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
  }
  
  .content_eco button {
    cursor: pointer;
    position: relative;
    margin: 20px 0 0;
    padding: 10px 20px;
    background-color: transparent;
    border: 1px solid black;
    color: black;
    transition: 0.5s;
    transform: translateY(-40px);
    opacity: 0;
    visibility: hidden;
    text-transform: uppercase;
    font-size: 12px;
    z-index: 1;
  }
  
  .content_eco button:hover {
    color: white;
    background-color: black;
  }
  
  .box_eco {
    width: 260px;
    min-height: 380px;
    cursor: pointer;
    position: relative;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.5);
    margin-top: 195px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .box_eco1 {
   width: 260px;
   min-height: 380px;
   cursor: pointer;
   position: relative;
   background-color: white;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid rgba(0, 0, 0, 0.5);
   margin-top: 195px;
   margin-left: 20px;
   margin-right: 20px;
 }
  .box_eco:hover .content_eco h2 {
    top: -110px;
  }
  .box_eco1:hover .content_eco h2 {
   top: -110px;
 }
  
  .box_eco:hover .content_eco button {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .box_eco1:hover .content_eco button {
   transform: translateY(0);
   opacity: 1;
   visibility: visible;
 }
  
  .box_eco:before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background-color: #fff;
    transform: skew(2deg, 2deg);
    z-index: -1;
  }
  .box_eco1:before {
   content: "";
   position: absolute;
   top: -3px;
   left: -3px;
   right: -3px;
   bottom: -3px;
   background-color: #fff;
   transform: skew(2deg, 2deg);
   z-index: -1;
 }
  
  .box_eco:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.06);
  }
  .box_eco1:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 50%;
   height: 100%;
   background-color: rgba(255, 255, 255, 0.06);
 }
  
  .box_eco:nth-child(1):before {
    background: linear-gradient(#e1e120, #00ff84);
  }
  
  .box_eco:nth-child(2):before {
    background: linear-gradient(#d8ff00, #03381e);
  }
  
  .box_eco:nth-child(3):before {
    background: linear-gradient(#04381d, #25973f);
  }
  .box_eco:nth-child(4):before {
    background: linear-gradient(#318e17, #c8f253);
  }
  .box_eco:nth-child(5):before {
    background: linear-gradient(#9bea86, #212b06);
  }
  .box_eco1:nth-child(1):before {
   background: linear-gradient(#e1e120, #00ff84);
 }
 
 .box_eco1:nth-child(2):before {
   background: linear-gradient(#d8ff00, #03381e);
 }
 
 .box_eco1:nth-child(3):before {
   background: linear-gradient(#04381d, #25973f);
 }
 .box_eco1:nth-child(4):before {
   background: linear-gradient(#318e17, #c8f253);
 }
 .box_eco1:nth-child(5):before {
   background: linear-gradient(#9bea86, #212b06);
 }
 /*.footer_eco {
    width: 100%;
    position: fixed;
    background-image: url(../img/999.jpeg);
    height: 280px;
    left: 0; 
    bottom: 0;
 }*/
 /*priceNew*/
 .priceNew {
    display: flex;
    align-items:center;
    justify-content: space-evenly;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    flex-direction: column;
   }
   .priceNew_text {
    margin-top: 190px;
    display: flex;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin-left: 20px;
   }
   .priceNew_text p {
    display: flex;
   }
   .priceNew_table {
    margin-top: 20px;
    background: black; /* Цвет фона таблицы */
    color: black; /* Цвет текста */
    border-spacing: 3px; /* Расстояние между ячейками */
    margin-bottom: 20px;
   }
/*priceBlack*/
.priceBlack {
    display: flex;
    align-items:center;
    justify-content: space-evenly;
}
.priceBlack_text {
    margin-top: 190px;
    display: flex;
    font-family: 'Montserrat', sans-serif;
}
.priceBlack_cl {
    display: flex;
    align-items:baseline;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif;
}
.cl {
    margin-top: 20px;
}
.cl p {
    font-size: 25px;
    margin-left: 25px;
    padding-bottom: 9px;
    font-family: 'Montserrat', sans-serif;
}
.cl ul li {
    font-size: 25px;
    margin-left: 25px;
    padding-bottom: 5px;
}
/*priceColor*/
.priceColor {
    display: flex;
    align-items:center;
    justify-content: space-evenly;
}
.priceColor_text {
    margin-top: 190px;
    display: flex;
    font-family: 'Montserrat', sans-serif;
}
.priceColor_cl {
    display: flex;
    align-items:baseline;
    font-family: 'Montserrat', sans-serif;
}
.pl {
    margin-top: 20px;
}
.pl p {
    font-size: 15px;
    margin-left: 25px;
    padding-bottom: 5px;
    font-family: 'Montserrat', sans-serif;
}
#pl_p {
    font-size: 25px;
    font-family: 'Montserrat', sans-serif;
}
.pl ul li {
    font-size: 25px;
    margin-left: 25px;
    padding-bottom: 5px;
}
/*eva*/
.eva {
    display: flex;
    align-items:center;
    justify-content: flex-start;
}
.eva_text {
    margin-top: 190px;
    display: flex;
    font-family: 'Montserrat', sans-serif;
}
.eva_text p {
    font-size: 30px;
    margin-left: 20px;
}
/*requ*/
.requ {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}
   .requ_table {
    margin-top: 20px;
    color: black; /* Цвет текста */
    border-spacing: 2px; /* Расстояние между ячейками */
    margin-bottom: 10px;
    margin-left: 10px;
   }
   .rq {
   border: 1px solid black;
   text-align: left;
   }
   .requ_down {
    margin-left: 10px;
   }
   .requ_down a {
    color: black;
    font-size: 25px;
   }
   .mobile_header {
      display: none;
   }

   /*burger*/
   .section-center{
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      z-index: 600;
      text-align: center;
      transform: translateY(-50%);
    }
    
    [type="checkbox"]:checked,
    [type="checkbox"]:not(:checked){
      position: absolute;
      left: -9999px;
    }
    .menu-icon:checked + label,
    .menu-icon:not(:checked) + label{
      position: fixed;
      top: 63px;
      right: 75px;
      display: block;
      width: 30px;
      height: 30px;
      padding: 0;
      margin: 0;
      cursor: pointer;
      z-index: 10;
    }
    .menu-icon:checked + label:before,
    .menu-icon:not(:checked) + label:before{
      position: absolute;
      content: '';
      display: block;
      width: 30px;
      height: 20px;
      z-index: 20;
      top: 0;
      left: 0;
      border-top: 2px solid #ececee;
      border-bottom: 2px solid #ececee;
      transition: border-width 100ms 1500ms ease, 
                  top 100ms 1600ms cubic-bezier(0.23, 1, 0.32, 1),
                  height 100ms 1600ms cubic-bezier(0.23, 1, 0.32, 1), 
                  background-color 200ms ease,
                  transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .menu-icon:checked + label:after,
    .menu-icon:not(:checked) + label:after{
      position: absolute;
      content: '';
      display: block;
      width: 22px;
      height: 2px;
      z-index: 20;
      top: 12px;
      right: 4px;
      background-color: #ececee;
      margin-top: -1px;
      transition: width 100ms 1750ms ease, 
                  right 100ms 1750ms ease,
                  margin-top 100ms ease, 
                  transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .menu-icon:checked + label:before{
      top: 10px;
      transform: rotate(45deg);
      height: 2px;
      background-color: #ececee;
      border-width: 0;
      transition: border-width 100ms 340ms ease, 
                  top 100ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
                  height 100ms 300ms cubic-bezier(0.23, 1, 0.32, 1), 
                  background-color 200ms 500ms ease,
                  transform 200ms 1700ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .menu-icon:checked + label:after{
      width: 30px;
      margin-top: 0;
      right: 0;
      transform: rotate(-45deg);
      transition: width 100ms ease,
                  right 100ms ease,  
                  margin-top 100ms 500ms ease, 
                  transform 200ms 1700ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    
    .nav1 {
      position: fixed;
      top: 33px;
      right: 50px;
      display: block;
      width: 80px;
      height: 80px;
      padding: 0;
      margin: 0;
      z-index: 9;
      overflow: hidden;
      box-shadow: 0 8px 30px 0 rgba(0,0,0,0.3);
      background-color: #5b6469;
      animation: border-transform 7s linear infinite;
      transition: top 350ms 1100ms cubic-bezier(0.23, 1, 0.32, 1),  
                  right 350ms 1100ms cubic-bezier(0.23, 1, 0.32, 1),
                  transform 250ms 1100ms ease,
                  width 650ms 400ms cubic-bezier(0.23, 1, 0.32, 1),
                  height 650ms 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    @keyframes border-transform{
        0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
      14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
      28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
      42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
      56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
      70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
      84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
    }
    
    .menu-icon:checked ~ .nav1 {
      animation-play-state: paused;
      top: 50%;
      right: 50%;
      transform: translate(50%, -50%);
      width: 200%;
      height: 200%;
      transition: top 350ms 700ms cubic-bezier(0.23, 1, 0.32, 1),  
                  right 350ms 700ms cubic-bezier(0.23, 1, 0.32, 1),
                  transform 250ms 700ms ease,
                  width 750ms 1000ms cubic-bezier(0.23, 1, 0.32, 1),
                  height 750ms 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    
    .nav1 ul{
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      z-index: 6;
      text-align: center;
      transform: translateY(-50%);
      list-style: none;
    }
    .nav1 ul li{
      position: relative;
      display: block;
      width: 100%;
      padding: 0;
      margin: 10px 0;
      text-align: center;
      list-style: none;
      pointer-events: none;
      opacity: 0;
      visibility: hidden;
      transform: translateY(30px);
      transition: all 250ms linear;
    }
    .nav1 ul li:nth-child(1){
      transition-delay: 200ms;
    }
    .nav1 ul li:nth-child(2){
      transition-delay: 150ms;
    }
    .nav1 ul li:nth-child(3){
      transition-delay: 100ms;
    }
    .nav1 ul li:nth-child(4){
      transition-delay: 50ms;
    }
    .nav1 ul li a{
      font-family: 'Montserrat', sans-serif;
      font-size: 30px;
      text-transform: uppercase;
      /*line-height: 1;*/
      font-weight: 400;
      display: inline-block;
      position: relative;
      color: white;
      /*transition: all 250ms linear;*/
    }
    .nav1 ul li a:hover{
      text-decoration: none;
      color: #24282a;
    }
    .nav1 ul li a:after{
      display: block;
      position: absolute;
      content: '';
      margin-top: -1vh;
      width: 0;
      left: 0;
      background-color: #5b6469;
      opacity: 0.8;
      /*transition: width 250ms linear;*/
    }
    .nav1 ul li a:hover:after{
      width: 100%;
    }
    
    
    .menu-icon:checked ~ .nav1  ul li {
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
      transform: translateY(0);
      transition: opacity 350ms ease,
                  transform 250ms ease;
    }
    .menu-icon:checked ~ .nav1 ul li:nth-child(1){
      transition-delay: 1400ms;
    }
    .menu-icon:checked ~ .nav1 ul li:nth-child(2){
      transition-delay: 1480ms;
    }
    .menu-icon:checked ~ .nav1 ul li:nth-child(3){
      transition-delay: 1560ms;
    }
    .menu-icon:checked ~ .nav1 ul li:nth-child(4){
      transition-delay: 1640ms;
    }
    .burg {
      display: none;
    }
    .arhive_mob {
      display: none;
    }

    @media only screen
    and (min-device-width: 1416px)
    and (max-device-width: 1570px){
        
        .left h1 {
        font-size: 75px;
        }
        .right p {
        font-size: 20px;
    }
    .arhive_mob {
      display: none;
    }
    }

   
   @media only screen
   and (min-device-width: 1337px)
   and (max-device-width: 1415px){

      .burg {
         display: none;
       }
      header nav ul li a {
         padding: 18px;
         color: black;
         font-size: 20px;
         font-family: 'Montserrat', sans-serif;
         display: block;
   }
   .mobile_header {
      display: none;
   }
   .tel {
      font-size: 23px;
      font-weight: bold;
  }
    .left h1 {
    font-size: 75px;
    margin-top: 15px;
    }
    .right p {
    font-size: 20px;
    }
  .office {
   margin-top: 200px;
   margin-bottom: 20px;
  }
  .conts {
   margin-top: 200px;
   margin-bottom: 20px;
  }
.map1 {
   margin-top: 200px;
   margin-bottom: 20px;
}
/*.arhive {
   width: 100%;
}*/
.arhive_mob {
   display: none;
 }
   /*.arhive_table {
      width: 87%;
   }*/
.icons {
font-size: 16px;
}
.text_content {
    font-size: 40px;
}
.content_table {
    flex-direction: column;
}
.table_text {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 15px 25%;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif; 
}
.table_text_l{
width: 50%;
}
.table_text_r{
    width: 50%;
}
.table_text ul li {
    padding-bottom: 15px;
    font-size: 20px;
}
.table_text li img {
    margin-bottom: -15px;
    padding-right: 10px;
 }

   }

   @media only screen
   and (min-device-width: 1153px)
   and (max-device-width: 1336px){

      .burg {
         display: none;
       }
      .mobile_header {
         display: none;
      }

      .logo {
         width: 110px;
         height: 100px;
      }
      
      header nav ul li a {
         padding: 8px;
         color: black;
         font-size: 20px;
         font-family: 'Montserrat', sans-serif;
         display: block;
   }
   .tel {
      font-size: 24px;
      font-weight: bold;
  }
  .left h1 {
    font-size: 75px;
    margin-top: 15px;
    }
    .right p {
    font-size: 20px;
    }
    .items {
        flex-wrap: wrap;
    }
    .text_content {
        font-size: 30px;
    }
    .name p {
        font-size: 40px;
    }
    .content_table {
        width: 100%;
        height: 550px;
        background: white;
        /*font-family: 'Montserrat', sans-serif;*/
        display: flex;
        justify-content: space-around;
        align-items: center;
     }
     .table_img img {
        width: 1000px;
        height: 500px;
     }
  .office {
   margin-top: 200px;
   margin-bottom: 20px;
  }
  .conts {
   margin-top: 200px;
   margin-bottom: 20px;
  }
.map1 {
   margin-top: 200px;
   margin-bottom: 20px;
}
   .contaner {
      flex-wrap: wrap;
   }
   .burg {
      display: none;
    }
.mobile_header {
   display: none;
}
.tel {
   font-size: 23px;
   font-weight: bold;
}
.icons {
font-size: 16px;
}
.table_text {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 15px 20%;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif; 
}
.table_text_l{
width: 50%;
}
.table_text_r{
    width: 50%;
}
.table_text ul li {
    padding-bottom: 15px;
    font-size: 20px;
}
.table_text li img {
    margin-bottom: -15px;
    padding-right: 10px;
 }
}

@media only screen
   and (min-device-width: 1153px)
   and (max-device-width: 1335px){
    .left h1 {
        font-size: 65px;
        margin-top: 15px;
        }
        .right p {
        font-size: 20px;
        }
        .arhive_mob {
         display: none;
       }
    }

@media only screen
and (min-device-width: 1075px)
and (max-device-width: 1152px){

   .burg {
      display: none;
    }
    .logo {
      width: 100px;
      height: 90px;
   }
   header nav ul li a {
      padding: 7px;
      color: black;
      font-size: 19px;
      font-family: 'Montserrat', sans-serif;
      display: block;
} 
.tel {
   font-size: 20px;
   font-weight: bold;
}
.office {
   margin-top: 200px;
   margin-bottom: 20px;
  }
  .conts {
   margin-top: 200px;
   margin-bottom: 20px;
  }
.map1 {
   margin-top: 200px;
   margin-bottom: 20px;
}
.contaner {
   flex-wrap: wrap;
}
.left h1 {
    font-size: 60px;
    margin-top: 35px;
    }
    .right p {
    font-size: 17px;
    }
    .icons img {
        margin-right: 15px;
    }
    .icons {
        padding: 15px 3%;
    }
    .items {
        flex-wrap: wrap;
    }
    .text_content {
        font-size: 30px;
    }
    .name p {
        font-size: 40px;
    }
    .content_table {
        width: 100%;
        height: 490px;
        background: white;
        /*font-family: 'Montserrat', sans-serif;*/
        display: flex;
        justify-content: space-around;
        align-items: center;
     }
     .table_img img {
        width: 900px;
        height: 450px;
     }
     .table_text {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding: 15px 20%;
        font-size: 20px;
        font-family: 'Montserrat', sans-serif; 
    }
    .table_text_l{
    width: 50%;
    }
    .table_text_r{
        width: 50%;
    }
    .table_text ul li {
        padding-bottom: 15px;
        font-size: 20px;
    }
    .table_text li img {
        margin-bottom: -15px;
        padding-right: 10px;
     }
.footer {
    font-size: 18px;
}
.left3 {
    padding-left: 20px;
}
.arhive {
   font-size: 15px;
}
  td, th {
   padding: 18px; /* Поля вокруг текста */
  }
  .arhive_mob {
   display: none;
 }

}
@media only screen
and (min-device-width: 946px)
and (max-device-width: 1074px){

 nav, .logo, .tel, .img_tel {
    display: none;
 }
 .burg {
   display: block;
 }
 .tel_b {
   font-size: 30px;
   font-weight: bold;
   font-family: 'Montserrat', sans-serif;
   display: flex;
   margin-left: 20px;
}
.img_tel_b {
   font-size: 30px;
   display: flex;
   margin-left: 20px;
}
.mobile_header {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 180px;
}
.logo_b {
   display: flex;
   margin-right: 20px;
}
header nav ul li a {
   padding: 1px;}

header{
 font-family: 'Montserrat', sans-serif;
 /*font-weight: 3;*/
 line-height: 1;
 color: black;
 background-color: white;
 overflow: hidden;
 background-position: center;
 background-repeat: repeat;
 background-size: 10px;
 height: 180px;
 width: 100%;
 box-shadow: 0 3px 20px black;
}
.left h1 {
    font-size: 50px;
    margin-top: 50px;
    }
    .right p {
    font-size: 17px;
    }
    .icons img {
        margin-right: 25px;
    }
    .icons {
        padding: 15px 3%;
    }
    .icons_i p{
        font-size: 17px;
    }
.office {
   margin-top: 200px;
   margin-bottom: 20px;
  }
  .conts {
   margin-top: 200px;
   margin-bottom: 20px;
  }
.map1 {
   margin-top: 200px;
   margin-bottom: 20px;
}
.sale_text {
   margin-top: 205px;
}
.box_eco,.box_eco1  {
   margin-top: 210px;
}
.contaner {
   flex-wrap: wrap;
}
.items {
    flex-wrap: wrap;
}
.text_content {
    font-size: 25px;
}
.content1_back p {
    font-size: 15px;
}
.content1_back ul li {
    font-size: 15px;
}
.content2_back p {
    font-size: 15px;
}
.content2_back ul li {
    font-size: 15px;
}
.content3_back p {
    font-size: 15px;
}
.content3_back ul li {
    font-size: 15px;
}
.name p {
    font-size: 30px;
}
.content_table {
    width: 100%;
    height: 480px;
    background: white;
    /*font-family: 'Montserrat', sans-serif;*/
    display: flex;
    justify-content: space-around;
    align-items: center;
 }
 .table_img img {
    width: 840px;
    height: 440px;
 }
 .table_text {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 15px 15%;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif; 
}
.table_text_l{
width: 50%;
}
.table_text_r{
    width: 50%;
}
.table_text ul li {
    padding-bottom: 15px;
    font-size: 20px;
}
.table_text li img {
    margin-bottom: -15px;
    padding-right: 10px;
 }
 .arhive {
   font-size: 15px;
}
  td, th {
   padding: 12px; /* Поля вокруг текста */
  }
  .arhive_mob {
   display: none;
 }



}
@media only screen
and (min-device-width: 823px)
and (max-device-width: 945px){
   nav, .logo, .tel, .img_tel {
      display: none;
   }
   .burg {
     display: block;
   }
   .tel_b {
     font-size: 30px;
     font-weight: bold;
     font-family: 'Montserrat', sans-serif;
     display: flex;
     margin-left: 20px;
  }
  .img_tel_b {
     font-size: 30px;
     display: flex;
     margin-left: 20px;
  }
  .mobile_header {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 180px;
  }
  .logo_b {
     display: flex;
     margin-right: 20px;
  }
  header nav ul li a {
   padding: 1px;}
  
  header{
   font-family: 'Montserrat', sans-serif;
   /*font-weight: 3;*/
   line-height: 1;
   color: black;
   background-color: white;
   overflow: hidden;
   background-position: center;
   background-repeat: repeat;
   background-size: 10px;
   height: 180px;
   width: 100%;
   box-shadow: 0 3px 20px black;
  }
  .left h1 {
    font-size: 45px;
    margin-top: 80px;
    }
    .right p {
    font-size: 17px;
    }
    .icons img {
        margin-right: 25px;
    }
    .icons {
        padding: 15px 3%;
    }
    .icons_i p{
        font-size: 16px;
    }
    .items {
        flex-wrap: wrap;
    }
    .text_content {
        font-size: 20px;
    }
    .content1_back p {
        font-size: 15px;
    }
    .content1_back ul li {
        font-size: 15px;
    }
    .content2_back p {
        font-size: 15px;
    }
    .content2_back ul li {
        font-size: 15px;
    }
    .content3_back p {
        font-size: 15px;
    }
    .content3_back ul li {
        font-size: 15px;
    }
    .name p {
        font-size: 28px;
    }
  .office {
     margin-top: 200px;
     margin-bottom: 45px;
    }
    .conts {
     margin-top: 200px;
     margin-bottom: 45px;
    }
  .map1 {
     margin-top: 200px;
     margin-bottom: 45px;
  }
  .sale_text {
   margin-top: 200px;
   }
   .sale_table {
      display: none;
   }
   .box_eco,.box_eco1 {
      margin-top: 210px;
   }
   .contaner {
      flex-wrap: wrap;
   }
   .content_table {
    width: 100%;
    height: 400px;
    background: white;
    /*font-family: 'Montserrat', sans-serif;*/
    display: flex;
    justify-content: space-around;
    align-items: center;
 }
 .table_img img {
    width: 750px;
    height: 380px;
 }
 .table_text {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 15px 10%;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif; 
}
.table_text_l{
width: 50%;
}
.table_text_r{
    width: 50%;
}
.table_text ul li {
    padding-bottom: 15px;
    font-size: 16px;
}
.table_text li img {
    margin-bottom: -15px;
    padding-right: 10px;
 }
 .footer {
    font-size: 16px;
}
.left3 {
    padding-left: 20px;
}
.arhive {
   font-size: 13px;
}
  td, th {
   padding: 10px; /* Поля вокруг текста */
  }
  .arhive_mob {
   display: none;
 }

}
@media only screen
and (min-device-width: 803px)
and (max-device-width: 822px){
   nav, .logo, .tel, .img_tel {
      display: none;
   }
   .burg {
     display: block;
   }
   .tel_b {
     font-size: 26px;
     font-weight: bold;
     font-family: 'Montserrat', sans-serif;
     display: flex;
     margin-left: 5;
   }
  .img_tel_b {
     font-size: 30px;
     display: flex;
     margin-left: 20px;
  }
  .mobile_header {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 180px;
  }
  .logo_b {
     display: flex;
  }
  header{
   font-family: 'Montserrat', sans-serif;
   /*font-weight: 3;*/
   line-height: 1;
   color: black;
   background-color: white;
   overflow: hidden;
   background-position: center;
   background-repeat: repeat;
   background-size: 10px;
   height: 180px;
   width: 100%;
   box-shadow: 0 3px 20px black;
  }
  .left h1 {
    font-size: 42px;
    margin-top: 80px;
    }
    .right p {
    font-size: 17px;
    }
    .icons img {
        margin-right: 15px;
    }
    .icons {
        padding: 15px 2%;
    }
    .icons_i p{
        font-size: 14px;
    }
    .items {
        flex-wrap: wrap;
    }
    .text_content {
        font-size: 24px;
    }
    .content1_back p {
        font-size: 15px;
    }
    .content1_back ul li {
        font-size: 15px;
    }
    .content2_back p {
        font-size: 15px;
    }
    .content2_back ul li {
        font-size: 15px;
    }
    .content3_back p {
        font-size: 15px;
    }
    .content3_back ul li {
        font-size: 15px;
    }
    .name p {
        font-size: 28px;
    }
    .content_table {
        width: 100%;
        height: 390px;
        background: white;
        /*font-family: 'Montserrat', sans-serif;*/
        display: flex;
        justify-content: space-around;
        align-items: center;
     }
     .table_img img {
        width: 700px;
        height: 350px;
     }
     .table_text {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding: 15px 8%;
        font-size: 20px;
        font-family: 'Montserrat', sans-serif; 
    }
    .table_text_l{
    width: 50%;
    }
    .table_text_r{
        width: 50%;
    }
    .table_text ul li {
        padding-bottom: 15px;
        font-size: 16px;
    }
    .table_text li img {
        margin-bottom: -15px;
        padding-right: 10px;
     }
.arhive {
      font-size: 12px;
   }
.arhive_mob {
   display: none;
    }
     .arhive_table td {
      padding: 9px; /* Поля вокруг текста */
     }
     .arhive_table th {
      padding: 9px; /* Поля вокруг текста */
     }
  .office {
     margin-top: 200px;
     margin-bottom: 80px;
    }
    .conts {
     margin-top: 200px;
     margin-bottom: 80px;
    }
  .map1 {
     margin-top: 200px;
     margin-bottom: 80px;
  }
  header nav ul li a {
   padding: 1px;}

   .sale_text {
      margin-top: 200px;
      }
      .sale_table {
         display: none;
      }
      .box_eco,.box_eco1 {
         margin-top: 210px;
      }
      .contaner {
         flex-wrap: wrap;
      }
      .footer {
        font-size: 16px;
    }
    .left3 {
        padding-left: 20px;
    }

}

@media only screen
and (min-device-width: 365px)
and (max-device-width: 802px){
   nav, .logo, .tel, .img_tel {
      display: none;
   }
   .burg {
     display: block;
   }
   .pt-5 {
      width: auto;
   }
   .nav1 ul li a {
      font-size: 20px;
   }
   .tel_b {
     font-size: 26px;
     font-weight: bold;
     font-family: 'Montserrat', sans-serif;
     display: flex;
     
   }
  .img_tel_b {
     font-size: 30px;
     display: flex;
     margin-top: 10px;
     
  }
  .mobile_header {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 240px;
     flex-direction: column;
  }
  .logo_b {
     display: flex;
  }
  
  header {
   font-family: 'Montserrat', sans-serif;
   /*font-weight: 3;*/
   line-height: 1;
   color: black;
   background-color: white;
   overflow: hidden;
   background-position: center;
   background-repeat: repeat;
   background-size: 10px;
   height: 240px;
   width: 100%;
   box-shadow: 0 3px 20px black;
  }
  .container {
    flex-wrap: wrap;
    align-items: center;
    }
    .left {
        width: 100%;
        height: 280px;
    }
    .right {
        width: 100%;
        margin-top: 0;
        height: 180px;
    }
  .left h1 {
    font-size: 42px;
    margin-top: 90px;
    text-align: center;
    margin-left: 0;
    }
    .right p {
    font-size: 16px;
    }
    .icons {
        flex-wrap: wrap;
    }
    .icons_i {
        width: 50%;
    }
    .icons img {
        width: 50%;
    }
    .items {
        flex-direction: column;
    }
    .text_content {
        font-size: 32px;
    }
    .box1, .box2, .box3 {
        width: 90%;
        height: 40%;
        margin-bottom: 20px;
    }
    .content1_back p {
        font-size: 10px;
        margin-bottom: 0;
    }
    .content1_back ul li {
        font-size: 10px;
    }
    .content2_back p {
        font-size: 14px;
        margin-bottom: 0;
    }
    .content2_back ul li {
        font-size: 14px;
    }
    .content3_back p {
        font-size: 14px;
        margin-bottom: 0;
    }
    .content3_back ul li {
        font-size: 14px;
    }
    .name p {
        font-size: 22px;
        text-align: center;
        margin-top: -15px;
    }
    .content_table {
        width: 100%;
        height: 160px;
        background: white;
        /*font-family: 'Montserrat', sans-serif;*/
        display: flex;
        justify-content: space-around;
        align-items: center;
     }
     .table_img img {
        width: 300px;
        height: 150px;
     }
     .table_text {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding: 15px 6%;
        font-size: 15px;
        font-family: 'Montserrat', sans-serif; 
    }
    .table_text_l{
    width: 50%;
    }
    .table_text_r{
        width: 50%;
    }
    .table_text ul li {
        padding-bottom: 15px;
        font-size: 9px;
    }
    .table_text li img {
        margin-bottom: -15px;
        padding-right: 10px;
     }
.arhive_table {
   display: none;
   }
.arhive_mob {
   display: block;
   margin-top: 60px;
   width: 100%;
   font-size: 15px;
   }
.arhive_mob span {
      margin-top: 200px;
      color: black;
      margin-left: 20px;
      display: block;
      }
.arhive_mob p {
   margin-top: 8px;
   margin-left: 20px;
   }

  .cont {
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 100%;
  }
  .office {
     margin-top: 250px;
     width: 65%;
     height: auto;
     margin-bottom: 10px;
    }
    .conts {
      width: 65%;
      margin-top: 0;
      height: auto;
      margin-bottom: 10px;
    }
  .map1 {
     width: 65%;
     margin-top: 0;
     height: auto;
     margin-bottom: 10px;
  }
  .map2 {
   min-width: 100%;
  }
  header nav ul li a {
   padding: 1px;}
   
   .info_box {
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 90%;
   }

   .info_text {
      margin-top: 260px;
      width: 90%;
      font-size: 20px;
   }
   .info_pdf {
      margin-top: 10px;
      width: 100%;
      justify-content: center;
      align-items: center;
   }
   .sale_text {
      margin-top: 280px;
   }
   .sale_table {
      display: none;
   }
   .box_eco {
      margin-top: 260px;
      width: 310px;
      min-height: 380px;
   }
   .box_eco1 {
      margin-top: 15px;
      width: 310px;
      min-height: 380px;
   }
   .contaner {
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .priceNew_text {
      margin-top: 265px;
   }
   .eva_text {
      margin-top: 265px;
   }
   .priceColor_text {
      margin-top: 265px;
   }
   .priceColor_text h1 {
      font-size: 28px;
   }
   .priceBlack_text h1 {
      font-size: 28px;
   }
   .priceBlack_text {
      margin-top: 265px;
   }
   .footer {
    width: 100%;
    height: 400px;
    background: black;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: white;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
 }
 .right1 {
    width: 100%;
    padding-left: 15px;
    }
    .center2 {
       width: 100%;
       padding-left: 15px;
    }
    .left3 {
       width: 100%;
       padding-left: 15px;
    }
    .left3 ul li a {
       color: white;
    }
    .center2 ul li a {
        color: white;
    }
.priceNew_table {
   width: auto;
   font-size: 13px;
}
.priceNew_table td {
padding: 10px;
}
.priceNew_table th {
   padding: 10px;
}

}
@media only screen
and (min-device-width: 364px)
and (max-device-width: 462px){

    .right {
    display: none;
}
.priceNew_table {
   width: auto;
   font-size: 13px;
}
.priceNew_table td {
padding: 8px 0;
}
.priceNew_table th {
   padding: 8px 0;
}

}

@media only screen
and (min-device-width: 255px)
and (max-device-width: 364px){
   nav, .logo, .tel, .img_tel {
      display: none;
   }
   .burg {
     display: block;
   }
   .pt-5 {
      width: auto;
   }
   .nav1 ul li a {
      font-size: 17px;
   }
   .info_text p {
      display: none;
   }
   .tel_b {
     font-size: 19px;
     font-weight: bold;
     font-family: 'Montserrat', sans-serif;
     display: flex;
   }
  .img_tel_b {
     font-size: 20px;
     display: flex;
     margin-top: 10px;  
  }
  .mobile_header {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 240px;
     flex-direction: column;
  }
  .logo_b {
     display: flex;
     height: 100px;
     width: 120px;
  }
  
  header {
   font-family: 'Montserrat', sans-serif;
   /*font-weight: 3;*/
   line-height: 1;
   color: black;
   background-color: white;
   overflow: hidden;
   background-position: center;
   background-repeat: repeat;
   background-size: 10px;
   height: 240px;
   width: 100%;
   box-shadow: 0 3px 20px black;
  }
  .right {
    display: none;
    }
    .container {
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    }
    .left {
        width: 100%;
        height: 220px;
    }
  .left h1 {
    font-size: 30px;
    margin-top: 75px;
    text-align: center;
    margin-left: 0;
    }
    .icons {
        flex-wrap: wrap;
    }
    .icons_i {
        width: 50%;
    }
    .icons img {
        width: 30%;
    }
    .icons_i p{
        font-size: 12px;
    }
    .items {
        flex-direction: column;
    }
    .text_content {
        font-size: 15px;
    }
    .box1, .box2, .box3 {
        width: 90%;
        height: 40%;
        margin-bottom: 20px;
    }
    .content1_back p {
        font-size: 10px;
        margin-bottom: 0;
    }
    .content1_back ul li {
        font-size: 8px;
    }
    .content2_back p {
        font-size: 10px;
        margin-bottom: 0;
    }
    .content2_back ul li {
        font-size: 8px;
    }
    .content3_back p {
        font-size: 10px;
        margin-bottom: 0;
    }
    .content3_back ul li {
        font-size: 8px;
    }
    .name p {
        font-size: 18px;
        text-align: center;
        margin-top: -15px;
    }
    .content_table {
        width: 100%;
        height: 160px;
        background: white;
        /*font-family: 'Montserrat', sans-serif;*/
        display: flex;
        justify-content: space-around;
        align-items: center;
     }
     .table_img img {
        width: 220px;
        height: 150px;
     }
     .table_text {
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        align-items: center;
        padding: 15px 2%;
        font-size: 15px;
        font-family: 'Montserrat', sans-serif; 
    }
    .table_text_l {
    width: 100%;
    padding-left: 40px;
    }
    .table_text_r {
        width: 100%;
        padding-left: 40px;
    }
    .table_text ul li {
        padding-bottom: 15px;
        font-size: 9px;
    }
    .table_text li img {
        margin-bottom: -15px;
        padding-right: 10px;
     }
.arhive_table {
      display: none;
   }
.arhive_mob {
      display: block;
      margin-top: 60px;
      width: 100%;
      font-size: 11px;
   }
.arhive_mob span {
   margin-top: 200px;
   color: black;
   margin-left: 10px;
   display: block;
   }
.arhive_mob p {
   margin-top: 8px;
   margin-left: 10px;
   }
  .cont {
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 100%;
  }
  .office {
     margin-top: 250px;
     width: 65%;
     height: auto;
     margin-bottom: 10px;
    }
    .conts {
      width: 65%;
      margin-top: 0;
      height: auto;
      margin-bottom: 10px;
    }
  .map1 {
     width: 65%;
     margin-top: 0;
     height: auto;
     margin-bottom: 10px;
  }
  .map2 {
   min-width: 100%;
  }
    header nav ul li a {
    padding: 1px;}
        .info_box {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      }
   
      .info_text {
         margin-top: 260px;
         width: 90%;
         font-size: 20px;
      }
      .info_pdf {
         margin-top: 10px;
         width: 100%;
      }
      .sale_text {
         margin-top: 280px;
         }
         .sale_table {
            display: none;
         }
         .box_eco {
            margin-top: 260px;
            width: 250px;
            height: 330px;
         }
         .box_eco1 {
            margin-top: 15px;
            width: 250px;
            height: 330px;
         }
         .contaner {
            flex-direction: column;
            justify-content: center;
            align-items: center;
         }
         .priceNew_text {
            margin-top: 265px;
         }
         .eva_text {
            margin-top: 265px;
         }
         .priceColor_text {
            margin-top: 265px;
         }
         .priceColor_text h1 {
            font-size: 22px;
         }
         .priceBlack_text h1 {
            font-size: 25px;
         }
         .priceBlack_text {
            margin-top: 265px;
            margin-left: 20px;
         }
         .footer {
            width: 100%;
            height: 410px;
            background: black;
            font-size: 12px;
            font-family: 'Montserrat', sans-serif;
            color: white;
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-direction: column;
         }
         .right1 {
            width: 100%;
            margin-top: 15px;
            }
            .center2 {
               width: 100%;
            }
            .left3 {
               width: 100%;
            }
            .left3 ul li a {
               color: white;
            }
            .center2 ul li a {
                color: white;
            }
            .priceNew_table {
               width: 99%;
               font-size: 15px;
            }
            .priceNew_table td {
            padding: 8px 0;
            }
            .priceNew_table th {
               padding: 8px 0;
            }
      }

      @media only screen
      and (min-device-width: 50px)
      and (max-device-width: 254px){
        .right {
            display: none;
            }
            .container {
            flex-wrap: wrap;
            align-items: center;
            }
            .left {
                width: 100%;
                height: 200px;
            }
          .left h1 {
            font-size: 17px;
            margin-top: 90px;
            text-align: center;
            margin-left: 0;
            }
            .icons {
                flex-wrap: wrap;
            }
            .icons_i {
                width: 50%;
            }
            .icons img {
                width: 30%;
            }
            .icons_i p{
                font-size: 10px;
            }
            .name p {
                font-size: 15px;
                text-align: center;
                margin-top: -15px;
            }
            .content_table {
                width: 100%;
                height: 160px;
                background: white;
                /*font-family: 'Montserrat', sans-serif;*/
                display: flex;
                justify-content: space-around;
                align-items: center;
             }
             .table_img img {
                width: 220px;
                height: 150px;
             }
             .table_text {
                display: flex;
                justify-content: space-evenly;
                flex-direction: column;
                align-items: center;
                padding: 15px 2%;
                font-size: 15px;
                font-family: 'Montserrat', sans-serif; 
            }
            .table_text_l{
            width: 100%;
            padding-left: 40px;
            }
            .table_text_r{
                width: 100%;
                padding-left: 40px;
            }
            .table_text ul li {
                padding-bottom: 15px;
                font-size: 9px;
            }
            .table_text li img {
                margin-bottom: -15px;
                padding-right: 10px;
             }
            .items {
                flex-direction: column;
            }
            .text_content {
                font-size: 20px;
            }
            .box1, .box2, .box3 {
                width: 90%;
                height: 40%;
                margin-bottom: 20px;
            }
            /*.content1_back, .content2_back, .content3_back {
                font-size: 20px;
            }*/
            .content1_back p {
                font-size: 8px;
                margin-bottom: 0;
            }
            .content1_back ul li {
                font-size: 4px;
            }
            .content2_back p {
                font-size: 8px;
                margin-bottom: 0;
            }
            .content2_back ul li {
                font-size: 8px;
            }
            .content3_back p {
                font-size: 8px;
                margin-bottom: 0;
            }
            .content3_back ul li {
                font-size: 8px;
            }
            .text_content {
                font-size: 18px;
            }
            nav, .logo, .tel, .img_tel {
                display: none;
             }
             .burg {
               display: block;
             }
             .pt-5 {
                width: auto;
             }
             .nav1 ul li a {
                font-size: 17px;
             }
             .info_text p {
                display: none;
             }
             .tel_b {
               font-size: 15px;
               font-weight: bold;
               font-family: 'Montserrat', sans-serif;
               display: flex;
               
             }
            .img_tel_b {
               font-size: 20px;
               display: flex;
               margin-top: 10px;
               
            }
            .mobile_header {
               display: flex;
               justify-content: center;
               align-items: center;
               height: 240px;
               flex-direction: column;
            }
            .logo_b {
               display: flex;
               height: 100px;
               width: 120px;
            }
            
            header{
             font-family: 'Montserrat', sans-serif;
             /*font-weight: 3;*/
             line-height: 1;
             color: black;
             background-color: white;
             overflow: hidden;
             background-position: center;
             background-repeat: repeat;
             background-size: 10px;
             height: 240px;
             width: 100%;
             box-shadow: 0 3px 20px black;
            }
            .cont {
             flex-direction: column;
             justify-content: center;
             align-items: center;
             width: 100%;
            }
            .office {
               margin-top: 250px;
               width: 65%;
               height: auto;
               margin-bottom: 10px;
              }
              .conts {
                width: 65%;
                margin-top: 0;
                height: auto;
                margin-bottom: 10px;
              }
            .map1 {
               width: 65%;
               margin-top: 0;
               height: auto;
               margin-bottom: 10px;
            }
            .map2 {
             min-width: 100%;
            }
              header nav ul li a {
              padding: 1px;}
                  .info_box {
                flex-direction: column;
                justify-content: center;
                align-items: center;
                width: 100%;
                }
             
                .info_text {
                   margin-top: 260px;
                   width: 90%;
                   font-size: 20px;
                }
                .info_pdf {
                   margin-top: 10px;
                   width: 100%;
                }
                .sale_text {
                   margin-top: 280px;
                   }
                   .sale_table {
                      display: none;
                   }
                   .box_eco {
                      margin-top: 260px;
                      width: 180px;
                      height: 330px;
                   }
                   .box_eco1 {
                      margin-top: 15px;
                      width: 1800px;
                      height: 330px;
                   }
                   .contaner {
                      flex-direction: column;
                      justify-content: center;
                      align-items: center;
                   }
                   .priceNew_text {
                      margin-top: 265px;
                   }
                   .eva_text {
                      margin-top: 265px;
                   }
                   .priceColor_text {
                      margin-top: 265px;
                   }
                   .priceColor_text h1 {
                      font-size: 22px;
                   }
                   .priceBlack_text h1 {
                      font-size: 25px;
                   }
                   .priceBlack_text {
                      margin-top: 265px;
                      margin-left: 20px;
                   }
                   .footer {
                    width: 100%;
                    height: 410px;
                    background: black;
                    font-size: 12px;
                    font-family: 'Montserrat', sans-serif;
                    color: white;
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    flex-direction: column;
                 }
                 .right1 {
                    width: 100%;
                    margin-top: 15px;
                    padding-left: 10px;
                    }
                    .center2 {
                       width: 100%;
                       padding-left: 10px;
                    }
                    .left3 {
                       width: 100%;
                       padding-left: 10px;
                    }
                    .left3 ul li a {
                       color: white;
                    }
                    .center2 ul li a {
                        color: white;
                    }
                    .arhive_table {
                     display: none;
                  }
                  .arhive_mob {
                     display: block;
                     margin-top: 60px;
                     width: 100%;
                     font-size: 11px;
                  }
                  .arhive_mob span {
                  margin-top: 200px;
                  color: black;
                  margin-left: 10px;
                  display: block;
                  }
                  .arhive_mob p {
                  margin-top: 8px;
                  margin-left: 10px;
                  }
                  .priceNew_table {
                     width: 98%;
                     font-size: 13px;
                  }
                  .priceNew_table td {
                  padding: 8px 0;
                  }
                  .priceNew_table th {
                     padding: 8px 0;
                  }

        }