@media (max-height: 900px) {

.mod_products_title {
font-size: 22px;
margin-bottom: 15px;
}
body {
font-size: 20px;
}

}

@media (max-width: 1500px) {

.top_menu {
display:none;
}
.catalog_list_cat_name a {
font-size:16px;
}
.catalog_list_cat_info {
padding:0 10px;
}

}

@media (max-width: 1222px) {

.catalog_list_cat {
width:50%;
}
.mod_products {
display:none;
}
#content {
padding-right:0;
}
.btn_video {
bottom: 10px;
right: 10px;
}
.slider_item_bottom {
left: 20px;
bottom: 20px;
}
.sliderarrows {
bottom: 20px;
}
.slider_item_info {
padding-left:20px;
}
.header_info {
left:20px;
}
.breadcrumbs {
margin-left: 20px;
}

.project_item_info {
padding:20px;
font-size:18px;
}
.project_item_img {
height:200px;
}
.project_item_no_img {
width:350px;
height:200px;
}


}

@media (max-width: 768px), (max-height: 600px) {

body {
font-size: 18px;
}
.header_info a, .header_info a span {
font-size: 18px;
}

.slider_item_info {
font-size: 14px;
}
.slider_item_info img {
max-height:50px;
}
.slider_more {
height: 30px;
font-size: 10px;
line-height: 14px;
padding-right: 70px;
background: url(../img/btnmore.png) no-repeat right center;
background-size:auto 30px;
}
.btn_video {
height: 30px;
font-size: 10px;
line-height: 14px;
padding-left: 40px;
background: url(../img/btnvideo.png) no-repeat left center;
background-size:auto 30px;
}
#menu .social {
bottom: 0;
}
.btnmenu i, .btnmenu div, .slider_item_bottom {
display:none;
}
.sliderarrows {
left:50%;
margin-left:-97px;
}
.logo {
margin-bottom:10px;
}
.btnmenu span {
margin-bottom:30px;
}
.header_info {
left:auto;
right:20px;
}
.menuleft ul {
padding-top:10px;
padding-right:20px;
}
.menuleft li a {
height: 30px;
line-height: 30px;
padding-left: 15px;
font-size: 16px;
}
.featured {
display:none;
}
.uslugi_text {
margin-bottom:30px;
}
.uslugi_list_item {
float:none;
width:auto;
margin-bottom:15px;
}
.header_info, .breadcrumbs, .left_company_line {
display:none;
}
.page .content_left {
height:auto;
}
h1 {
font-size: 18px;
line-height: 18px;
margin: 0 auto 10px auto;
}
.company_padd, .page #content, #catalog, #product, #project {
padding-top:10px;
}
.wrapper_scroll, #company_fixed .wrapper, .catalog_wrap {
height: calc(100vh - 10px);
}
.company_padd .wrapper {
padding-bottom:30px;
}
.company_buttons a {
width: 130px;
height: 30px;
font-size: 12px;
line-height: 30px;
}
.company_buttons a.up::after, .company_buttons a.down::after {
display:none;
}
#company {
background:none;
}
.count_carousel {
display:none;
}
#product h1 {
position:relative;
top:0;
}








}