.main_top{height: 507px;}

.product .img{padding: 70px 4%}
.product .img .in img{max-width: 329px;}
.product .text{padding: 70px 4%}



footer .item{padding: 0 30px; }











@media screen and (min-width: 768px) and (max-width: 960px) {


.main_top{height: 400px;}


.welcome::before{display: none;}
.welcome h1{padding: 24px 5%; margin: 0; font-size: 36px; line-height: 42px; font-weight: 300; color: #fff; text-transform: uppercase;}
.welcome .box{width: 92%; display: block; padding: 0 4% 75px;}
.welcome .box:first-of-type{padding: 90px 4% 20px;}

.about .img{width: 92%; display: block; padding: 90px 4% 30px;}
.about .img .in{max-width: 550px;}
.about .text{width: 92%; display: block; padding: 0 4% 75px;}
.about .text .in{max-width: 550px;}



.product h3{padding: 60px 0 30px;}
.product .item{margin: 0 auto 70px;}

.product .img{width: 92%; display: block; padding: 60px 4% 40px;}
.product .img .in{ max-width: 550px;}
.product .img .in img{max-width: 269px;}
.product .text{width: 92%; display: block; padding: 0 4% 60px;}
.product .text .in{ max-width: 550px; text-align: center;}
.product .text .in img{margin: 0 auto;}



footer h2{padding: 60px 0 40px;}
footer h2.margin{padding: 60px 0 40px;}
footer .item{display: block; padding: 50px 50px;  position: relative; width: calc(50% - 100px); float: left;}
footer .item::before{display: none;}
footer .item .name{ text-align: center;}
footer .item .text{ text-align: center; }


footer p.phone{margin: 40px 0 0}
footer p.phone.margin{margin: 40px 0 0;}
}