@media screen and (max-width:500px) {
	.whatss {
    display: block;
}
.zvonda {
    display: block;
}
header{
	width: 100%;
	height: 118px;
	text-align: left;
}
header > a.tel{
	font-size:28px;
	width:220px;
}
header > a.mail{
	display: none;
}
header > a.pozvonit{
	display: none;
}

	  nav > div > ul > li > a{
  font-size: 24px;
  text-align: left;
}
nav{
    display: none;
    width: 100%;
    top: 90px;
    position: absolute;
    z-index: 9999;
}
nav > div{
  width: 100%;
}
nav > div > ul > li{
  display: block;
  padding: 10px;
}
.sub-menu {
width: 450px;
top: 15px;
position: relative;
display: block;
}
.menu-triger{
  top:3px;
  left: 3px;
  display: block;
  background:url(images/bm.png) no-repeat 50% 50%;
  background-size: 40px;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  width: 40px;
  height: 40px;
  position: absolute;
  border: 1px solid #fff;
  text-align: center;
  transition: all 0.5s ease;
}
header > a.logo{
	margin: 15px 0px 0px 0px;
}
header > a.logo > img{
	width: 200px;
}
header > a.slogan{
	margin: 45px 27px 0px 25px;
	display: none;
}
.headliner{
	width: 100%;
	height: 500px;
	padding-bottom: 160px;
}
.headliner > .hed{
	display: block;
	width: 100%;
}
.headliner > .hed > .prev{
	width: 100%;
	height: 150px;
   margin: 0px auto 5px;
}
.headliner > .hed > .prev > h2{
	font-size: 31px;
}
.headliner > p{
	margin-left:20px;
	font-size:22px;
	font-weight:400;
}
.headliner > .but{
	width:315px;
	margin:0 auto;
	left:0px;
	right:0px;
	font-size:28px;
}
.headliner > h1{
	    text-align: center;
    font-size: 32px;
    font-weight: 600;
    padding-top: 35px;
}

.headliner > h2{
	text-align:center;
	font-size: 48px;
	margin-top: 93px;
}
.tov{
	width: 100%;
	text-align: center;
	margin: 53px auto 30px;
}
.tov > h2{
	text-align: center;
	margin-bottom: 20px;
	font-size: 45px;
}
.tov > .usl{
	width: 45%;
	height: 370px;
	margin-top: 10px;
}
.tov > .usl:nth-child(2n+1){
	margin-left: 0px;
}
.tov > .usl > .thumb{
	width: 450px;
	background-size: 450px;
}
.tov > .usl > h3{
width: 45%;
        left: 23px;
        top: 190px;
}

.tov > .usl > .srok{
	width: 378px;
	font-size: 20px;
}
.tov > .usl > p{
	width: 378px;
	font-size: 20px;
}
.tov > .usl > h3 > a{
	font-size: 25px;
	line-height: 27px;
	padding-left: 0px;
	font-weight: 400;
}
.tov > .usl > .but{
width: 250px;
	    bottom: 9px;
    font-size: 21px;
}
.tov > .usl > h4{
	display: none;
	font-size: 19px;
	bottom: 59px;
}
.tov > .usl > a.link-t{
	width: 138px;
	font-size: 23px;
	left:inherit;
	right: 23px;
}
.usluga > .usl > h2{
	font-size: 45px;
	text-align: center;
}
.info > .inf > .in > h3{
	font-size: 39px;
}
.info > .inf > .in > ul > li{
	font-size: 23px;
}
.triger > .tr > p{
	padding-top: 29px;
	font-size: 28px;
}
.triger {
	background-position: 105% 50%;
}

.triger > .tr{
	width: 100%;
}
.triger > .tr > .but{
	font-size: 24px;
}
.usluga {
height: auto;
}
.usluga > .usl{
	width: 100%;
}
.usluga > .usl > .us{
	width: 200px;
	height: 335px;
}
.info {
height: auto;
padding-bottom: 30px;
}
.info > .inf{
	width: 100%;
}
.info > .inf > .in{
	width: 445px;
	margin-top: 20px;
}
.info > .inf > .in > p{
	font-size:25px;
}
.krab {
height: 765px;
}
.krab > .vn{
	width: 100%;
}
.wrapper{
	width: 100%;
}
.wrapper > .krohi{
	width: 90%;
}
.wrapper > .content{
width: 450px;
    margin: 0 auto;
    display: block;
}
.wrapper > .bar{
	display: block;
	margin: 50px auto;
}
.slider-container{
	width: 100%;
}
.slider{
	width: 100%;
}
.slide{
flex: 0 0 500px;
    width: 500px;
    height: 250px;
}

.wrapper > .category{
	width: 90%;
}
.wrapper > .category > .cat-th{
	width: 430px;
}
.wrapper > .category > .cat-th > a{
	font-size: 23px;
	bottom: 22px;
}
.wrapper > .single{
	display: block;
    margin: 0 auto;
    width: 450px;
}

.mail-f-over{
	height:90px;
	font-size:25px;
}
.tov > .usl > .thumb > img{
	width: 150px;
    right: 20px;
    top: 48px;
}