@media only screen and (max-width: 1200px) {
body, html {
font-size: 15px !important; } }
@media only screen and (max-width: 992px) {
body, html {
font-size: 14px !important; } }
@media only screen and (max-width: 768px) {
body, html {
font-size: 13px !important; }
main .product-inner .image .btns{
right: 0;
bottom: 0;
opacity: 1;
}
main .product-inner .image div a {
background: #000;
}
main .product-inner .image div a:not(:first-child) {
display: none;
}
}
@media only screen and (max-width: 480px) {
body, html {
font-size: 12px !important; } }
@media only screen and (max-width: 320px) {
body, html {
font-size: 11px !important; } }
@media (min-width: 320px) and (max-width: 550px) {
header .top .wrap{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .top .wrap .top_left_block .soc_icon {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .top .wrap .top_right_block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .top .wrap .top_left_block {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
header .top .wrap .top_center_block {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
header .top .wrap .top_right_block {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
header .bottom .wrap{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .bottom .wrap .bottom_right_block .right_top_block{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1rem;
}
.burger-menu{
display: block;
}
header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu{
display: none;
}
header .bottom .wrap .bottom_right_block .right_top_block {
border: none;
}
h1:before, h2:before{
display: none;
}
h1:after, h2:after{
display: none;
}
h1 span, h2 span{
padding: 0;
}
h1 span, h2 span {
white-space: normal;
text-align: center;
}
header .bottom .wrap .bottom_right_block .right_top_block .tel{
padding: 0;
}
header .bottom .wrap .bottom_right_block .right_top_block .cart_button a{
padding-top: 0;
padding-bottom: 0;
}
header .bottom .wrap .bottom_right_block .right_top_block .time_work{
padding: 0;
}
header .bottom .wrap .bottom_left_block #logo{
padding-bottom: 0;
}
footer .top .wrap .column_max-width .subscribe{
margin: 0 auto;
}
main .collection {
display: inline-block;
margin: 15px 0 3rem;
}
.product-info img{
max-width: 100%;
}
main .product-info .button_cart {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
main .product-info .buttons_product{
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
main .product-info .description .price_product {
text-align: center;
}
.item_bottom {
max-width: 350px;
margin: 0 auto;
}
.collection {
width: 100%;
}
.box-content {
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
text-align: center;
}
.box-content ul, .box-content .filter-item-slider-body {
margin-left: -100px;
left: 50%;
}
.filter-item {
margin-bottom: 10px;
}
a#filter_apply_button, .filter_apply_button{
padding: 5px 10px;
}
a#filter_apply_button {
margin-bottom: .5rem;
}
.box .box-content {
padding: 15px 0;
}
.sort_block .display {
display: none;
}
main .product-grid .product-inner{
max-width: 100%;
}
.sort_block .limit, .sort_block .sort {
max-width: 100%;
width: 100%;
}
.button_cart a {
width: 100%;
text-align: center;
padding: 1rem 0 !important;
}
}
@media (min-width: 550px) and (max-width: 767px) {
header .top .wrap{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .top .wrap .top_left_block .soc_icon {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .top .wrap .top_right_block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .top .wrap .top_left_block {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
header .top .wrap .top_center_block {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
header .top .wrap .top_right_block {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.burger-menu{
display: block;
}
header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu{
display: none;
}
header .bottom .wrap .bottom_right_block .right_top_block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .bottom .wrap {
-ms-flex-pack: distribute;
justify-content: space-around;
}
header .bottom .wrap .bottom_right_block .right_top_block {
border: none;
}
main .collection {
display: inline-block;
margin: 15px 0 3rem;
}
footer .top .wrap .column_max-width {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-info img{
max-width: 100%;
}
main .product-info .button_cart {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
main .product-info .buttons_product{
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
main .product-info .description .price_product {
text-align: center;
}
.item_bottom {
max-width: 350px;
margin: 0 auto;
}
.collection {
width: 100%;
}
main .product-inner .image .btns{
display: none !important;
}
main .product-grid .product-inner {
min-height: 405px;
margin: 0 auto 15px;
}
main .sort_block .display {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
header .top .wrap{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .top .wrap .top_left_block .soc_icon {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .top .wrap .top_right_block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .top .wrap .top_left_block {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
header .top .wrap .top_center_block {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
header .top .wrap .top_right_block {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
header .bottom .wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .bottom .wrap .bottom_right_block .right_top_block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu ul.menu li:last-child:hover ul.sub-menu {
right: 0;
text-align: right;
}
header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu ul.menu li{
padding: 15px;
min-height: 60px;
}
footer .top .wrap .column_max-width {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 350px;
}
main .product-info img{
max-width: 100%;
}
main .product-inner .image .btns{
display: none !important;
}
main .product-grid .product-inner {
min-height: 430px;
width: 350px;
}
main .sort_block .display {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header .top .wrap{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .top .wrap .top_left_block .soc_icon {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .top .wrap .top_right_block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .top .wrap .top_left_block {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
header .top .wrap .top_center_block {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
header .top .wrap .top_right_block {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
header .bottom .wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu ul.menu li:last-child:hover ul.sub-menu {
right: 0;
text-align: right;
}
header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu ul.menu li{
padding: 15px;
min-height: 60px;
}
footer .top .wrap .column_max-width {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 350px;
}
main .product-grid .product-inner{
max-width: 300px;
}
main .sort_block .display {
display: none;
}
.sort_block .limit {
max-width: 270px;
width: 100%;
}
main .product-inner .image a.image_link:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: 0;
transition: all.3s;
z-index: 1;
}
}
@media (min-width: 1200px) and (max-width: 1366px) {
header .top {
position: fixed;
width: 100%;
z-index: 10;
top: 0;
left: 0;
}
header .bottom {
padding-top: 36px;
}
header .bottom.fixed {
position: fixed;
z-index: 9;
width: 100%;
background: #000;
top: 0;
left: 0;
}
header .bottom.fixed .wrap .bottom_right_block .right_top_block .time_work,
header .bottom.fixed .wrap .bottom_right_block .right_top_block .tel, header .bottom.fixed .wrap .bottom_right_block .right_top_block .mail {
display: none;
}
header .bottom.fixed .wrap .bottom_right_block .right_top_block .cart_button{
position: fixed;
right: 1rem;
top: 50%;
margin-top: -95px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .bottom.fixed .wrap .bottom_right_block .right_top_block{
border-bottom: none;
min-height: 0;
padding: 0;
}
header .bottom.fixed .wrap .bottom_left_block #logo {
width: 80px;
padding: .3rem 1rem;
}
header .bottom.fixed .wrap {
min-height: 60px;
}
header .bottom.fixed .wrap .bottom_right_block{
max-width: 1090px;
}
header .bottom_fix-scroll.fixed{
height: 181px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu ul.menu li:last-child:hover ul.sub-menu {
right: 0;
text-align: right;
}
header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu ul.menu li{
padding: 15px;
min-height: 60px;
}
main .product-grid .product-inner{
min-height: 462px;
}
main .product-grid .product-inner:hover .image:hover a.image_link img{
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
}
main .product-inner .image a.image_link:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: 0;
transition: all.3s;
z-index: 1;
}
}
@media (min-width: 1366px) {
header .top {
position: fixed;
width: 100%;
z-index: 10;
top: 0;
left: 0;
}
header .bottom {
padding-top: 36px;
}
header .bottom.fixed {
position: fixed;
z-index: 9;
width: 100%;
background: #000;
top: 0;
left: 0;
}
header .bottom.fixed .wrap .bottom_right_block .right_top_block .time_work,
header .bottom.fixed .wrap .bottom_right_block .right_top_block .tel, header .bottom.fixed .wrap .bottom_right_block .right_top_block .mail{
display: none;
}
header .bottom.fixed .wrap .bottom_right_block .right_top_block .cart_button{
position: fixed;
right: 1rem;
top: 50%;
margin-top: -95px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .bottom.fixed .wrap .bottom_right_block .right_top_block{
border-bottom: none;
min-height: 0;
padding: 0;
}
header .bottom.fixed .wrap .bottom_left_block #logo {
width: 80px;
padding: .3rem 1rem;
}
header .bottom.fixed .wrap {
min-height: 60px;
}
header .bottom.fixed .wrap .bottom_right_block{
max-width: 1090px;
}
header .bottom_fix-scroll.fixed{
height: 181px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
main .product-grid .product-inner{
min-height: 482px;
}
main .product-grid .product-inner:hover .image:hover a.image_link img{
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
}
main .product-inner .image a.image_link:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: 0;
transition: all.3s;
z-index: 1;
}
}
body.open-menu header .bottom .wrap .bottom_left_block #logo{
z-index: 1002;
position: fixed;
left: 50%;
margin-left: -36px;
top: 25px;
}
body.open-menu header .bottom .wrap .bottom_left_block #logo a img{
max-width: 50px;
width: 100%;
}
html.open-menu, body.open-menu{
width: 100%;
height: 100vh;
overflow: hidden;
}
body.open-menu header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100vh;
background: #000000;
z-index: 1000;
}
body.open-menu header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
body.open-menu header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu ul.menu li{
padding: 0.9rem 1rem;
}
body.open-menu header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu ul.menu li a{
font-size: 1.2rem;
text-transform: uppercase;
}
body.open-menu header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu ul.menu li ul.sub-menu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
background: #ffffff;
width: 0;
margin: 0;
line-height: 1rem;
z-index: 7;
top: 0;
left: 0;
-webkit-transition: all.3s;
transition: all.3s;
overflow: hidden;
}
body.open-menu header .bottom .wrap .bottom_right_block .right_bottom_block .navigation__menu ul.menu li:hover ul.sub-menu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-transition: all.3s;
transition: all.3s;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}