/* Устройства X-Small (портретные телефоны, менее 576 пикселей)*/

/* XS Устройства Small (телефоны с горизонтальной ориентацией, 576 пикселей и выше)*/
@media (max-width: 766.98px){
 .site-name-slogan{display: none!important;}
 .navbar-brand img {height: 50px!important;}
}

/* SM Устройства Small (телефоны с горизонтальной ориентацией, 576 пикселей и выше)*/
@media (min-width: 576px) and (max-width: 767.98px){
 .site-name-slogan{display: none!important;}
 .navbar-brand img {height: 50px!important;}
}

/* MD Устройства Medium (планшеты, 768 пикселей и выше)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* LG Устройства Large (настольные компьютеры, 992 пикселей и выше)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
#block-headerblock .name {top: 30px; left: 20px;}
#block-headerblock .body {left: 20px; top: 100px;}
#block-headerblock .body2 {left: 20px; bottom: 50px;}
}

/* XL Устройства X-Large (большие настольные компьютеры, 1200 пикселей и выше)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
#block-headerblock .name {top: 37px; left: 41px;}
#block-headerblock .body {left: 56px; top: 123px;}
#block-headerblock .body2 {left: 67px; bottom: 30px;}

}

/* XXL Устройства XX-Large (большие настольные компьютеры, 1400 пикселей и выше)*/
@media (min-width: 1400px) {
	#block-headerblock .body2 {bottom: 65px!important;}

}




/* Устройства X-Small (портретные телефоны, менее 576 пикселей)*/
@media (max-width: 575px) {
#block-bootstrap-barrio-subtheme-main-menu .dropdown-menu.show {width: 90%;}
.dropdown-item {padding: 5px 0px;}
.dropdown-menu a {white-space: break-spaces;}
.highlighted .container-fluid{padding-right: 0px; padding-left: 0px;}
.dropdown-menu a {text-decoration: none; color: #000; font-size: 70%; margin: 0 10px;}
#block-bootstrap-barrio-subtheme-content .view-display-id-page_1 .view-content .price {font-size: 16px;}
}


@media (max-width: 768px) {
.node--type-article .field--name-field-image {width: 100%; margin-bottom: 30px;}
	
}
@media (max-width: 575px) {
	#block-headerblock .nav {flex-direction: column!important;}
}

@media (min-width: 575px) and (max-width: 1024px){
	#block-headerblock .col-sm-9 {display: none;}
	#block-headerblock .col-sm-3 {width: 100%;}
	#block-headerblock .nav{flex-direction: inherit;}
#block-headerblock .view-slider .view-display-id-block_1{display: none;}
}