/*--- menu ---*/

* { box-sizing: border-box; }
body {
  margin: 0;
  background: #f2f2f2;
}
header {
  /*background: white;*/
  text-align: center;
}
header a {
  text-decoration: none;
  outline: none;
  display: block;
  transition: .3s ease-in-out;
}
.logo {
  color: #D5B45B;
  font-family: 'Playfair Display', serif;
  font-size: 2.5em;
  padding: 20px 0;
  padding-top: 27px!important;
}
nav {
  display: table;
  margin: 0 auto;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.topmenu:after {
  content: "";
  display: table;
  clear: both;
}
.topmenu > li {
  width: 13%;
  float: left;
  position: relative;
  padding-top: 45px;
  /*font-family:'Roboto light', light;*/
  font-family: 'Roboto',Arial,sans-serif;
}
.topmenu > li > a {
  /*text-transform: uppercase;*/
  font-size: 20px;
 /* font-weight: bold;*/
  color: #404040;
  color: #fff!important;
  /*padding: 15px 30px;*/
}
.topmenu li a:hover { color: #D5B45B; }
.submenu-link:after {
  content: "\f107";
  font-family: "FontAwesome";
  color: inherit;
  margin-left: 5px;
}
.submenu {
  font-size: 16px;
  background: #525252;
  position: absolute;
  left: -30px;
  top: 100%;
  z-index: 5;
  width: 180px;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: .5s ease-in-out;
  border-radius:4px;
  margin-top: 10px!important;
}
.submenu a {
  color: white!important;
  text-align: left;
  padding: 12px 15px;
  font-size: 13px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.submenu li:last-child a { border-bottom: none; }
.topmenu > li:hover .submenu {
  opacity: 1;
  transform: scaleY(1);
}
.blue_botton {
    color: #ffffff;
    margin-top: -7px;
    padding-top: 2px;
    font-size: 18px;
    font-family: 'Roboto';
    line-height: 1.55;
    font-weight: 300;
    border-width: 1px;
    border-radius: 4px;
    background-color: #e63c24;
    background-position: center center;
    border-color: #e63c24;
    border-style: solid;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    box-shadow: 2px 2px 0px 0px rgba(115,108,108,0.5);
    height: 38px;
}

/*@media (min-width: 981px) and (max-width: 1106px) { header { height: 85px; }} 
@media (min-width: 981px) and (max-width: 1106px) { .blue_botton {height: 63px;margin-top:-5px;}}
@media (min-width: 981px) and (max-width: 1106px) {.topmenu > li {padding-top: 14px;}}
@media (min-width: 981px) and (max-width: 1106px) { img.tn-atom__img.t-img.loaded { margin-top: -7px!important; }}
@media (min-width: 981px) and (max-width: 1106px) {.number {font-size: 18px!important; margin-top: 15px!important;}}
@media (min-width: 981px) and (max-width: 1106px) {.logo {width:14%!important;}} 
@media (min-width: 981px) and (max-width: 1106px) {.beton {width:10%!important;padding-top:30px!important;text-align: center;}} 
@media (min-width: 981px) and (max-width: 1106px) {.rastvor {width:11%!important;padding-top:30px!important;}} 
@media (min-width: 981px) and (max-width: 1106px) {img.beton_1 {margin-right:0!important;}}
@media (min-width: 981px) and (max-width: 1106px) {.dostavka {padding-top:30px!important;}}
@media (min-width: 981px) and (max-width: 1106px) {.kontakty {padding-top:30px!important;}}
@media (min-width: 981px) and (max-width: 1106px) {.voprosy {padding-top:8px!important;line-height:1.3!important;}}*/

@media (min-width: 1199px) and (max-width: 1229px) { header { height: 85px; }} 
@media (min-width: 1199px) and (max-width: 1229px) { .blue_botton {margin-top:24px;}}
@media (min-width: 1199px) and (max-width: 1229px) {.topmenu > li {padding-top: 14px;}}
/*@media (min-width: 1107px) and (max-width: 1229px) { img.tn-atom__img.t-img.loaded { margin-top: -7px!important; }}*/
@media (min-width: 1199px) and (max-width: 1229px) {.number {font-size: 20px!important; /*margin-top: 15px!important;*/}}
@media (min-width: 1199px) and (max-width: 1229px) {.logo {width:16%!important;}} 
@media (min-width: 1199px) and (max-width: 1229px) {.beton {width:12%!important;padding-top:45px!important;text-align:center;padding-right:10px;}} 
@media (min-width: 1199px) and (max-width: 1229px) {.rastvor {width:8%!important;padding-top:45px!important;padding-right:10px;}} 
@media (min-width: 1199px) and (max-width: 1229px) {img.beton_1 {margin-right:0!important;}}
@media (min-width: 1199px) and (max-width: 1229px) {.dostavka {padding-top:45px!important;width:9%!important;}}
@media (min-width: 1199px) and (max-width: 1229px) {.kontakty {padding-top:45px!important;width:9%!important;}}
@media (min-width: 1199px) and (max-width: 1229px) {.call {width:15%!important;}}
@media (min-width: 1199px) and (max-width: 1229px) {.voprosy {padding-top:18px!important;line-height:1.3!important;width:12%!important;}}
@media (min-width: 1199px) and (max-width: 1229px) {.tel {width: 17%!important;margin-top: 20px!important;}}
@media (min-width: 1199px) and (max-width: 1700px) {.submenu {left:0!important;}}
@media (min-width: 1199px) and (max-width: 1229px) {img.logo_image{margin-top:-20px!important;}}

@media (min-width: 1230px) and (max-width: 1825px) { header { height: 85px; }} 
@media (min-width: 1230px) and (max-width: 1825px) { .blue_botton {margin-top:8px;}}
@media (min-width: 1230px) and (max-width: 1825px) {.topmenu > li {padding-top: 31px;}}
@media (min-width: 1230px) and (max-width: 1825px) { img.tn-atom__img.t-img.loaded { margin-top: -7px!important; }}
@media (min-width: 1230px) and (max-width: 1825px) {.number {font-size: 20px!important; /*margin-top: 15px!important;*/}}
@media (min-width: 1230px) and (max-width: 1825px) {.logo {width:20%!important;padding-top: 14px!important;}} 
@media (min-width: 1230px) and (max-width: 1825px) {.beton {width:10%!important;padding-top:45px!important;margin-right:-22px!important;}} 
@media (min-width: 1230px) and (max-width: 1825px) {.rastvor {width:8%!important;padding-top:45px!important;margin-left:0;}} 
@media (min-width: 1230px) and (max-width: 1825px) {img.beton_1 {margin-right:40px!important;margin-left:0!important;}}
@media (min-width: 1230px) and (max-width: 1825px) {.dostavka {padding-top:45px!important;width:10%!important;margin-left:-58px!important;}}
@media (min-width: 1230px) and (max-width: 1825px) {.kontakty {padding-top:45px!important;margin-left:-10px;width:10%!important;}}
@media (min-width: 1230px) and (max-width: 1825px) {.call {width:15%!important;}}
@media (min-width: 1230px) and (max-width: 1825px) {.voprosy {/*padding-top:30px!important;*/width:15%!important;line-height:1.3!important;margin-left:-20px;margin-top: 14px;}}
@media (min-width: 1230px) and (max-width: 1825px) {.tel {width:16%!important;margin-top: 3px!important;}}

@media (min-width: 1601px) and (max-width: 1624px) {.voprosy {width:18%!important;}}
/*@media (min-width: 1601px) and (max-width: 1624px) {.logo {width:20%!important;}}*/

@media (min-width: 1626px) and (max-width: 1825px) {.voprosy {width:15%!important;}} 
@media (min-width: 1626px) and (max-width: 1825px) {.logo {width:22%!important;}}

@media (min-width: 1626px) and (max-width: 1883px) {.voprosy {width:11%!important;}} 
@media (min-width: 1626px) and (max-width: 1883px) {.logo {width:25%!important;}}
@media (min-width: 1626px) and (max-width: 1883px) {.kontakty {width:9%!important;}}
@media (min-width: 1826px) and (max-width: 1883px) {.beton {width:8%!important;}} 

@media (min-width: 1230px) and (max-width: 1310px) { .beton { width: 13%!important; }} 
@media (min-width: 1230px) and (max-width: 1310px) { .rastvor {width: 10%!important;}}
@media (min-width: 1230px) and (max-width: 1310px) {.dostavka {width: 13%!important;}}
@media (min-width: 1230px) and (max-width: 1310px) { .kontakty { width: 11%!important; }}
@media (min-width: 1230px) and (max-width: 1310px) {.voprosy {width: 11%!important;margin-top: -11px!important;}}
@media (min-width: 1230px) and (max-width: 1310px) {.logo {width:18%!important;}} 

@media (min-width: 1311px) and (max-width: 1450px) {.beton { width:14%!important;padding-left:25px;text-align: left!important; }} 
@media (min-width: 1311px) and (max-width: 1450px) {.rastvor {width: 9%!important;}}
@media (min-width: 1311px) and (max-width: 1450px) {.dostavka {width: 13%!important;}}
@media (min-width: 1311px) and (max-width: 1450px) {.kontakty { width: 11%!important; }}
@media (min-width: 1311px) and (max-width: 1450px) {.voprosy {width: 14%!important;margin-top: 14px!important;}}
@media (min-width: 1311px) and (max-width: 1450px) {.logo {width:15%!important;}} 
@media (min-width: 1311px) and (max-width: 1450px) {.submenu {margin-left:-35px;}} 
@media (min-width: 1320px) and (max-width: 1450px) {.logo {width:14%!important;}}

@media (min-width: 1451px) and (max-width: 1600px) {.beton { width:11%!important; }} 
@media (min-width: 1451px) and (max-width: 1600px) {.rastvor {width: 9%!important;}}
@media (min-width: 1451px) and (max-width: 1600px) {.dostavka {width: 12%!important;}}
@media (min-width: 1451px) and (max-width: 1600px) {.kontakty { width: 11%!important; }}
@media (min-width: 1451px) and (max-width: 1600px) {.voprosy {width: 13%!important;margin-top: 14px!important;}}
@media (min-width: 1451px) and (max-width: 1600px) {.logo {width:19%!important;}} 

@media (min-width: 1470px) and (max-width: 1600px) {.logo {width:18%!important;}}

@media (min-width: 1601px) and (max-width: 1825px) {.logo {width:25%!important;}}
@media (min-width: 1601px) and (max-width: 1625px) {.logo {width:18%!important;}}

@media (min-width: 1784px) and (max-width: 1825px) {.logo {width:25%!important;}}

@media (min-width: 1826px) and (max-width: 1883px) {.voprosy {width:18%!important;}}
@media (min-width: 1826px) and (max-width: 1883px) {.logo {width:19%!important;}}
@media (min-width: 1826px) and (max-width: 1883px) {.beton {width:9%!important;}}
@media (min-width: 1826px) and (max-width: 1883px) {.rastvor {width:7%!important;}}

@media screen and (min-width:1826px) {img.logo_image{margin-top:-20px!important;}}

#rec99744213 .blue_botton:not(.t-animate_no-hover):hover {
    background-color: #f79494!important;
}
 /*--- menu end---*/




/*--- articles ---*/

    h1.articles, h2.articles, h3.articles, strong.articles {
        color: #484040;
    }
    strong.articles {
    font-weight: 500!important;
    }
    h1.articles {
    font-size: 45px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.35;
    font-weight: 500;
    text-align:center;
    margin: 30px 0 30px 0;
    }
    h2.articles {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 500;
    font-size:30px;
    margin: 0 0 20px 0;
    }
    h3.articles {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 500;
    margin: 0 0 20px 0;
    font-size: 25px;
    }
    p.articles {
    font-size: 22px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 300;
    margin: 0 0 20px 0;}
    a.articles {
    font-weight: 400!important;
    color: #4868ae!important;
    }
    a.articles:hover {
    text-decoration: underline!important;
    text-decoration-color: #78859ca1!important;
    }
    a.tel_articles {
    font-weight: 500;
    color: #4868ae!important;
    }
    a.tel_articles:hover {
    color: #bb6868!important;
	}
    /*ul.articles {
    font-size: 22px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 300;
    margin: 0 0 20px 30px;
    list-style-image: url(/media/tild3764-3034-4238-b866-383039613937/Tilda_Icons_27bu_33.svg);
    }*/
    .table_art {
    font-size: 22px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 300;
    margin: 0 0 20px 0;
    }
    .table_art_img {
    background: url(/media/tild3764-3034-4238-b866-383039613937/Tilda_Icons_27bu_33.svg);
    margin: 5px 20px 0 30px;
    width: 27px;
    height: 27px;
    }
    .table_art td {
    padding: 0 0 5px 0;
    vertical-align: top;
    }
    .border_art {
    overflow: hidden;
    border-radius: 4px;
    padding: 18px 30px 18px 30px;
    background: linear-gradient(to top, rgba(218, 218, 218, 0.32), rgba(214, 214, 214, 0.78), rgb(208, 208, 208));
    box-shadow: 2px 2px 2px 2px rgba(153,144,144,1);
    margin: 0 0 25px 0;
    }
    .border_icon {
    background-color: #ff0000;
    background-position: center center;
    border-radius: 50%;
    padding: 0px 13px 22px 10px;
    float: left;
    color: #fff;
    margin: 0 30px 0 0;  
    font-family: 'Roboto',Arial,sans-serif;
    width: 5px;
    height: 5px;
    font-size: 19px;
    }
    .indent {
    margin: 0 0 0 58px!important;
    }
    
    @media screen and (max-width:480px) {h1.articles{font-size: 27px;}}
    @media screen and (max-width:480px) {h2.articles{font-size: 23px;}}
    @media screen and (max-width:480px) {h3.articles{font-size: 20px;}}
    @media screen and (max-width:480px) {p.articles{font-size: 17px;}}
    @media screen and (max-width:480px) {.table_art{font-size: 17px;}}
    @media screen and (max-width:480px) {img.table_art_img{width: 20px;}}
    @media screen and (max-width:480px) {.table_art_img{width: 20px;height:20px;margin: 5px 15px 0 15px;}}
    @media screen and (max-width:480px) {.border_icon{margin: 0 15px 0 0;padding: 0 13px 21px 9px;}}
    @media screen and (max-width:640px) {.indent{margin: 0 0 0 43px!important;}}
    
    @media (min-width:481px) and (max-width:640px) {h1.articles{font-size: 30px;}}
    @media (min-width:481px) and (max-width:640px) {h2.articles{font-size: 25px;}}
    @media (min-width:481px) and (max-width:640px) {h3.articles{font-size: 22px;}}
    @media (min-width:481px) and (max-width:640px) {p.articles{font-size: 19px;}}
    @media (min-width:481px) and (max-width:640px) {.table_art{font-size: 19px;}}
    @media (min-width:481px) and (max-width:640px) {img.table_art_img{width: 23px;}}
    @media (min-width:481px) and (max-width:640px) {.table_art_img{width: 22px;height:22px;margin: 5px 15px 0 15px;}}
    @media (min-width:481px) and (max-width:640px) {.border_icon{margin: 0 15px 0 0;padding: 1px 9px 18px 10px;}}
    
    @media (min-width:641px) and (max-width:960px) {h1.articles{font-size: 32px;}}
    @media (min-width:641px) and (max-width:960px) {h2.articles{font-size: 28px;}}
    @media (min-width:641px) and (max-width:960px) {h3.articles{font-size: 25px;}}
    @media (min-width:641px) and (max-width:960px) {p.articles{font-size: 20px;}}
    @media (min-width:641px) and (max-width:960px) {.table_art td{font-size: 20px;}}
    
    @media (min-width:961px) and (max-width:1200px) {h1.articles{font-size: 40px;}}


/* --- button next article --- */
    .but {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    }
    a.but_next {
	-webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	margin: 10px auto;
	/*max-width: 180px;*/
	text-decoration: none;
	border-radius: 4px;
	color: #000!important;
	font-size: 17px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.25;
    font-weight: 300;
    /*max-width: 400px;*/
    width: 380px;
    padding: 10px 20px;
    display: inline-flex;
    height: 62px;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* text-transform: uppercase; */
    /* padding: .5em 1em calc(.5em); */
    text-align: center;
	}
	a.button2 {
	background: #e6e4e3;
	box-shadow: rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;
	cursor: pointer;
	}
	a.button2:hover {
	color: rgba(255, 255, 255, 0.85)!important;
	box-shadow: rgba(30, 22, 54, 0.7) 0 80px 0px 2px inset;
	}
	@media (min-width:640px) and (max-width:960px) {a.but_next {width: 250px!important;height:70px!important;}}
	@media screen and (max-width:480px) {a.but_next {width: 250px!important;height:70px!important;}}

	/*--- articles end---*/



/*--- new for menu---*/
	.submenu {
    left: -20px;
    width: 215px;
    }
    #allrecords ul {
    padding-left: 10px;
    }
    @media (max-width: 1883px) and (min-width: 1826px)
   {.logo {
        width: 21%!important;
   }}
    @media (max-width: 1883px) and (min-width: 1826px)
    {.beton {
        width: 10%!important;
   }}
   @media (max-width: 1883px) and (min-width: 1626px)
   {.kontakty {
    width: 6%!important;
   }}
   @media (max-width: 1883px) and (min-width: 1826px)
   {.rastvor {
    width: 6%!important;
   }}
   @media (max-width: 1883px) and (min-width: 1826px)
   {.voprosy {
    width: 11%!important;
   }}
   @media (max-width: 1500px) and (min-width: 1230px)
   {.beton {
    width: 13%!important;
   }}
   @media (max-width: 1825px) and (min-width: 1500px)
   {.beton {
    width: 12%!important;
   }}
    @media (max-width: 1825px) and (min-width: 1784px)
    {.logo {
    width: 14%!important;
    }}
    @media (max-width: 1825px) and (min-width: 1230px)
    {.tel {
    width: 15%!important;
    }}
    @media (max-width: 1825px) and (min-width: 1230px)
    {.dostavka {
    width: 13%!important;
    }}
    @media (max-width: 1825px) and (min-width: 1230px)
    {.voprosy {
    width: 12%!important;
    }}
    @media (max-width: 1825px) and (min-width: 1230px)
    {.kontakty {
    width: 12%!important;
    }}
     @media (max-width: 1300px) and (min-width: 1200px)
     {.topmenu > li > a {
         font-size: 16px;
     }}
     @media (max-width: 1300px) and (min-width: 1200px)
     {.beton {
    width: 9%!important;
     }}
     @media (max-width: 1300px) and (min-width: 1200px)
     {.logo {
    width: 13%!important;
     }}
     @media (max-width: 1300px) and (min-width: 1200px)
     {img.logo_image {
         width:150px!important;
     }}
     @media (max-width: 1300px) and (min-width: 1200px)
     {.logo_inscription {
         font-size:16px!important;
     }}
     @media (max-width: 1300px) and (min-width: 1200px)
     {.number {font-size: 18px!important;
     }}
     @media (max-width: 1300px) and (min-width: 1200px)
      { .tel { width: 14%!important;
      }}
     @media (max-width: 1300px) and (min-width: 1200px)
     {.blue_botton {
         padding-top: 6px;
     }}
     @media (max-width: 1300px) and (min-width: 1200px)
     {img.beton_1 {
         width: 9px!important;
     }}
     @media (max-width: 1400px) and (min-width: 1300px)
    {.voprosy {
    padding-top: 32px!important;
    }}
    
    @media (max-width: 1400px) and (min-width: 1300px)
    {.topmenu > li > a {
    font-size:16px!important;
    }}
    @media (max-width: 1400px) and (min-width: 1300px)
    {a.number {
    font-size:14px!important;
    }}
    @media (max-width: 1400px) and (min-width: 1300px)
    {.tel {
    width: 12%!important;
    }}
     @media (max-width: 1400px) and (min-width: 1300px)
    {img.logo_image {
    width: 150px!important;
    }}
    @media (max-width: 1400px) and (min-width: 1300px)
    {.beton {
    width: 11%!important;
    }}
    @media (max-width: 1400px) and (min-width: 1300px)
    {.logo_inscription {
        font-size: 17px!important;
    }}
    @media (max-width: 1400px) and (min-width: 1300px)
    {.logo {
    width: 12%!important;
    }}
    @media (max-width: 1400px) and (min-width: 1300px)
    {.blue_botton {
        padding-top:6px;
    }}
    @media (max-width: 1400px) and (min-width: 1300px)
    {.dostavka {
        width:12%!important;
    }}
    @media (max-width: 1400px) and (min-width: 1300px)
    {.voprosy {
        width:11%!important;
    }}
    
    @media (max-width: 1500px) and (min-width: 1400px)
     {.topmenu > li > a {
         font-size: 18px;
     }}
     @media (max-width: 1500px) and (min-width: 1400px)
     {.tel {
         width: 12%!important;
     }}
     @media (max-width: 1500px) and (min-width: 1400px)
     {img.logo_image {
         width: 150px!important;
     }}
     @media (max-width: 1500px) and (min-width: 1400px)
     {.logo_inscription {
         font-size: 16px!important;
     }}
     @media (max-width: 1500px) and (min-width: 1400px)
     {.number {
         font-size: 18px!important;
     }}
     @media (max-width: 1500px) and (min-width: 1400px)
     {.beton {
     width: 11%!important;
     }}
     @media (max-width: 1500px) and (min-width: 1400px)
     {.logo {
    width: 11%!important;
     }}
     @media (max-width: 1500px) and (min-width: 1400px)
     {.voprosy {
     width: 12%!important;
     }}
     @media (max-width: 1500px) and (min-width: 1400px)
     {.logo {
     padding-top: 23px!important;
     }}
     
     @media (max-width: 1299px) and (min-width: 1230px)
     {.beton {
    width: 15%!important;
    }}
    @media (max-width: 1299px) and (min-width: 1230px)
     {.tel {
    width: 13%!important;
    }}
    @media (max-width: 1299px) and (min-width: 1230px)
    {.number {
    font-size: 16px!important;
    }}
    @media (max-width: 1299px) and (min-width: 1230px)
    {.logo {
    width: 10%!important;
    }}
    @media (max-width: 1299px) and (min-width: 1230px)
    {.call {
    width: 10%!important;
    }}
    @media (max-width: 1299px) and (min-width: 1230px)
    {.blue_botton{
    font-size: 14px!important;
    }}
    
    @media (max-width: 1230px) and (min-width: 1200px)
    {.voprosy {
    padding-top: 45px!important;
    }}
    
    @media (max-width: 1825px) and (min-width: 1730px)
    {.kontakty {
    width: 9%!important;
    }}
    @media (max-width: 1825px) and (min-width: 1730px)
    {.logo {
    width: 13%!important;
    }}
    
    @media (max-width: 1600px) and (min-width: 1501px)
    {.logo {
    width: 10%!important;
    }}
    @media (max-width: 1600px) and (min-width: 1501px)
    {.topmenu > li > a {
    font-size: 18px;
    }}
    @media (max-width: 1600px) and (min-width: 1501px)
    {.tel {
    width: 13%!important;
    }}
    
    @media (max-width: 1700px) and (min-width: 1601px)
    {.logo {
    width: 17%!important;
    }}
    
    @media (max-width: 1729px) and (min-width: 1701px)
    {.logo {
    width: 13%!important;
    }}
    @media (max-width: 1729px) and (min-width: 1701px)
    {.kontakty {
    width: 9%!important;
    }}
    @media (max-width: 1729px) and (min-width: 1701px)
    {img.beton_1 {
    margin-right: 33px!important;
    }}
    @media (max-width: 1290px) and (min-width: 1230px)
    {.voprosy {
    margin-top: 14px!important;width: 12%!important;
    }}
    @media (max-width: 1290px) and (min-width: 1230px)
    {.tel {
    width: 12%!important;
    }}
    @media (max-width: 1290px) and (min-width: 1230px)
    {.tel {
    margin-top: 8px!important;
    }}
    
    @media (max-width: 1290px) and (min-width: 1230px)
    {.voprosy {
    padding-top: 31px!important;
    }}
    @media (max-width: 1290px) and (min-width: 1230px)
    {.tel {
    width: 13%!important;
    }}
    @media (max-width: 1290px) and (min-width: 1230px)
    {.logo_inscription {
    font-size: 16px!important;
    }}
    @media (max-width: 1290px) and (min-width: 1230px)
    {img.logo_image {
    width: 145px!important;
    }}
    @media (max-width: 1290px) and (min-width: 1230px)
    {.logo {
    padding-top: 25px!important;
    }}
    
    @media (max-width: 1700px) and (min-width: 1630px)
    {img.beton_1 {
    margin-right: 25px!important;
    }}
    @media (max-width: 1700px) and (min-width: 1630px)
    {.dostavka {
    width: 12%!important;
    }}
    @media (max-width: 1700px) and (min-width: 1630px)
    {.beton {
    width: 13%!important;
    }}
    @media (max-width: 1700px) and (min-width: 1630px)
    {.logo {
    width: 13%!important;
    }}
    @media (max-width: 1700px) and (min-width: 1630px)
    {.voprosy {
    width: 12%!important;
    }}
    @media (max-width: 1700px) and (min-width: 1630px)
    {.voprosy {
    width: 12%!important;
    }}
    @media (max-width: 1700px) and (min-width: 1630px)
    {.kontakty {
    width: 11%!important;
    }}
    @media (max-width: 1700px) and (min-width: 1630px)
    {.logo {
    width: 10%!important;
    }}
    @media (max-width: 1700px) and (min-width: 1630px)
    {.tel {
    width: 12%!important;
    }}
    
    @media (max-width: 1625px) and (min-width: 1601px)
    {.tel {
    width: 12%!important;
    }}
    @media (max-width: 1625px) and (min-width: 1601px)
    {.logo {
    width: 14%!important;
    }}
    @media (max-width: 1625px) and (min-width: 1601px)
    {img.beton_1 {
    margin-right: 20px!important;
    }}
    @media (max-width: 1625px) and (min-width: 1601px)
    {.beton {
    width: 10%!important;
    }}
    @media (max-width: 1299px) and (min-width: 1230px)
    {.tel {
    width: 12%!important;
    }}
    
    @media (max-width: 1600px) and (min-width: 1501px)
    {.tel {
    width: 12%!important;
    }}
    
    @media (max-width: 1515px) and (min-width: 1501px)
    {.tel {
    width: 13%!important;
    }}
    @media (max-width: 1515px) and (min-width: 1501px)
    {.logo {
    width: 9%!important;
    }}
    
    @media (max-width: 1825px) and (min-width: 1701px)
    {.tel {
    width: 12%!important;
    }}
    
     @media (max-width: 1629px) and (min-width: 1626px)
    {.logo {
    width: 7%!important;
    }}
    
    @media (max-width: 1310px) and (min-width: 1291px)
    {.voprosy {
    padding-top: 56px!important;
    }}
    
    @media (max-width: 1629px) and (min-width: 1601px)
    {img.beton_1 {
    margin-right: 42px!important;
    }}
    @media (max-width: 1629px) and (min-width: 1601px)
    {.beton {
    width: 14%!important;
    }}
    @media (max-width: 1629px) and (min-width: 1601px)
    {.tel {
    width: 12%!important;
    }}
    @media (max-width: 1629px) and (min-width: 1601px)
    {.dostavka {
    width: 11%!important;
    }}
    @media (max-width: 1629px) and (min-width: 1601px)
    {.kontakty {
    width: 10%!important;
    }}
    @media (max-width: 1629px) and (min-width: 1601px)
    {.logo {
    width: 10%!important;
    }}
    @media (max-width: 1825px) and (min-width: 1760px)
    {.dostavka {
    width: 10%!important;
    }}
    @media (max-width: 1825px) and (min-width: 1760px)
    {.voprosy {
    width: 10%!important;
    }}
    @media (max-width: 1825px) and (min-width: 1760px)
    {.logo {
    width: 17%!important;
    }}
    @media (max-width: 1399px) and (min-width: 1230px)
    {.logo {
    padding-top: 23px!important;
    }}
    @media (max-width: 1229px) and (min-width: 1200px)
    {.logo {
    padding-top: 34px!important;
    }}
    /*--- new for menu end---*/