@media(min-width:992px){



    .mobile{
        display: none;
    }
}
@media(max-width:1410px){
    .container {
        max-width: 1140px;
    }
    .navbar-light .navbar-brand{
        width: 37%;
    }
    .navbar-brand img:first-child {
        width: 20%;
    }
    .navbar-brand img:last-child{
        width: 80%;
    }
    header .menu .navbar-nav .nav-item a{
        font-size: 14px;
    }
    .catalog .nav-tabs{
        width: 100%;
        padding: 0 16px;
    }
    .tovary .item{
        width: calc((100% / 4) - (60px / 4));
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .tovary .item:nth-child(5n) {
        margin-right: 20px;
    }
    .tovary .item:nth-child(4n) {
        margin-right: 0px;
    }
    .tovary > .flex{
        justify-content: flex-start
    }
    .brend .item a{
        padding: 20px;
    }
    footer .info {
        width: 22%;
    }
    .modal-dialog{
        width: 95%;
    }
    .product .flex {
        padding: 0;
    }
    .modal-body .product .right {
        width: 41%;
        padding-top: 0;
        padding-right: 15px;
    }
    .modal-body .product .left {
        padding: 0 0 0 15px;
        width: 59%;
    }
    .product .right .flex + .flex{
        width: 100%;
    }
    .product .right .flex + .flex + .flex {
        margin-top: 30px;
    }
    .product .right .razmer {
        width: 100%;
        margin-bottom: 15px;
    }
    .product .right .color {
        width: 100%;
    }
    .category-list .left {
        width: 23%;
    }
    .category-list .right {
        width: 75%;
    }
    .category-list .right .filter .item {
        width: 35%;
    }
    .category-list .tovary .item {
        width: calc((100% / 3) - (2rem / 3));
    }
    .category-list .tovary .item:nth-child(3n){
        margin-right: 0;
    }
    .category-list .flex {
        padding: 0;
    }
    .category-list .left .item a.btn{
        padding: 0;
        margin-bottom: 10px;
    }
    .category-list .left .item .card{
        padding: 0;
    }
    .category-list .left .item{
        padding: 15px;
    }
    .ewe .tovary{
        padding: 0;
    }
    .ewe .tovary .item {
        width: calc((100% / 4) - (3rem / 4));
    }
    .ewe .tovary .item:nth-child(4n){
        margin-right: 0;
    }
    .cart-page .product-item .info {
        width: 35%;
    }
    .cart-page .product-item .total{
        width: 10%;
    }
    .cart-page .product-item .like {
        width: 5%;
    }
    .cart-page .product-item .basket{
        margin: 0;
        width: 13%;
    }
    .cart-page .product-item .left {
        margin: 0 0 0 auto;
        width: 15%;
    }
    .cart-page .product-item .total{
        padding: 0;
    }
    .cart-page .product-item .like{
        padding: 0;
    }
    .cart-page .product-item{
        margin: 0 0 20px 0;
        padding: 20px;
    }
    .cart-page .totals{
        margin: 0;
        padding: 20px;
    }
    .cart-page .totals .cupon input{
        width: 64%;
    }
    .cart-page .totals .bot .btn,
    .cart-page .totals .bot .btn.move{
        padding: 0 15px;
    }
    .cart-page .totals .total-price{
        padding-top: 0;
    }
    .cart-page .totals .total-price .cena{
        margin: 0 0 0 5px;
    }
    .cart-page .totals .total-price {
        width: 27%;
    }
    .cart-page .totals .total-price .info-sale{
        margin: 0 0 0 auto;
        padding: 3px 10px;
    }
    .cart-page .totals .total-price .sale{
        line-height: 35px;
    }
    .order-page .flex {
        padding: 0;
    }
    .order-page .title{
        margin: 0 0 20px 0;
    }
    header .menu .navbar-nav .dropdown-menu .zag span{
        width: 70%;
    }
}
@media(max-width:1199px){
    .container {
        max-width: 960px;
    }
    header .menu .navbar-nav {
        padding: 15px 0;
    }
    header .menu .navbar-nav .nav-item:first-child {
        margin: 20px 0 20px 0;
    }
    header .menu .navbar-nav .nav-item a{
        padding: .5rem 0;
    }
    header .carousel .title{
        font-size: 55px;
        line-height: 60px;
    }
    header .carousel .more .btn{
        font-size: 20px;
        line-height: 30px;
        padding: 20px 50px;
    }
    header .carousel{
        height: 400px;
    }
    header .icons{
        padding: 0;
    }
    header .icons a.like {
        margin-left: 10px;
    }
    header .icons a.cart {
        margin-left: 10px;
    }
    .catalog .text{
        width: 60%;
    }
    .catalog .nav-tabs{
        padding: 0;
    }
    .catalog .nav-tabs .nav-item a.nav-link{
        padding: 20px 17px;
    }
    .tovary{
        padding: 0;
    }
    .tovary .item{
        width: calc((100% / 3) - (40px / 3));
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .tovary .item:nth-child(4n) {
        margin-right: 20px;
    }
    .tovary .item:nth-child(3n){
        margin-right: 0;
    }
    .tovary .item .top .img a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .tovary .item .top .img a img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    footer .logo img {
        width: 100%;
    }
    .modal-body .product .left{
        width: 50%;
    }
    .modal-body .product .left .icon {
        top: 0;
        left: 15px;
    }
    .modal-body .product .left .slider-fors{
        width: 100%;
        order: 0;
    }
    .modal-body .product .left .slider-navs {
        width: 100%;
    }
    .modal-body .product .left .slider-navs .slick-arrow{
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        z-index: 2;
    }
    .modal-body .product .left .slider-navs .slick-arrow.slick-prev {
        transform: rotate(-90deg);
        left: 0;
    }
    .modal-body .product .left .slider-navs .slick-arrow.slick-next {
        transform: rotate(90deg);
        margin: auto;
        right: 0;
    }
    .modal-body .product .left .slider-navs .slick-slide{
        float: left;
        margin-right: 10px;
        margin-bottom: 0;
    }
    .modal-body .product .left .slider-navs:after{
        content: '';
        background: #fff;
        width: 30px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }
    .modal-body .product .left .slider-navs:before{
        content: '';
        background: #fff;
        width: 30px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }
    .modal-body .product .right {
        width: 48%;
    }
    .category-list .left {
        width: 26%;
    }
    .category-list .right {
        width: 72%;
        padding: 0;
    }
    .category-list .right .filter .item select{
        font-size: 12px;
    }
    .category-list .right .filter .vid .btn.mini{
        display: none;
    }
    .category-list .right .filter .item {
        width: 38%;
    }
    .category-list .tovary .item:nth-child(3n) {
        margin-right: 1rem;
    }
    .category-list .tovary .item {
        width: calc((100% / 2) - (1rem / 2));
    }
    .category-list .tovary .item:nth-child(2n) {
        margin-right: 0;
    }
    .breadcrumb{
        padding: 23px 0;
    }
    .product .left{
        padding: 20px;
    }
    .product .right .bg{
        padding: 20px;
    }
    .product .right .nav-tabs .nav-link{
        padding: 15px 10px;
    }
    .ewe .tovary .item {
        width: calc((100% / 3) - (3rem / 4));
    }
    .ewe .tovary .item:nth-child(4n) {
        margin-right: 1rem;
    }
    .ewe .tovary .item {
        width: 240px;
    }
    .cart-page .product-item .total {
        width: 12%;
    }
    .cart-page .product-item .left {
        width: 17%;
    }
    .cart-page .product-item .info {
        width: 40%;
    }
    .cart-page .product-item .basket .txt{
        width: 20px;
    }
    .cart-page .product-item .left .info-sale{
        margin: 0;
    }
    .cart-page .totals{
        flex-wrap: wrap;
    }
    .cart-page .totals .cupon{
        width: 55%;
    }
    .cart-page .totals .total-price {
        width: 43%;
    }
    .cart-page .totals .bot{
        width: 100%;
        margin: 10px 0 0 0;
    }
    .cart-page .totals .bot .btn, .cart-page .totals .bot .btn.move{
        width: 49%;
    }
    .cart-page .totals .total-price .info-sale{
        padding: 7px;
    }
    .order-page .left {
        width: 100%;
        margin-bottom: 20px;
    }
    .order-page .right {
        width: 100%;
    }
    .order-page .left .tip{
        padding: 20px;
    }
    .order-page .left .item{
        padding: 20px;
    }
    .order-page .left .info{
        padding: 20px;
    }
    .order-page .left .info .form-content {
        margin: 0 0 30px 0;
    }
    .order-page .left .product{
        padding: 20px;
    }
    .order-page .left .info .form-check {
        margin: 0;
    }
}
@media(max-width:991px){
    .stock-page .stock-page-text,
    .stock-page .stock-page-time	{
        font-size: 12px;
    }

    .form_auth .input_text_style {
        width: -moz-available;          /* WebKit ?????. */
        width: -webkit-fill-available;  /* Mozilla ?????. */
        width: fill-available;

    }
    .form_auth .form__title {
        width: auto;
        height: auto;
        color: #fefefe;
        background: url(/i/menu_bg.png);
        font-size: 12px;
        font-weight: 700;
        line-height: 34px;
        text-transform: uppercase;
        text-align: center;
        margin: 0 0 20px 0;
    }

    .category-list .left .info {
        margin-left: 0px;
        position: fixed;
        width: auto;
        min-width: 235px;
        bottom: 10px;
        margin-bottom: 0px;
        margin-top: -100px;
    }

    .category-list .left .info:before {
        display:none;
    }
    .container {
        max-width: 720px;
    }
    .navbar-light .navbar-brand {
        width: 300px;
        margin: -7px auto 0 auto;
    }
    .navbar{
        padding: 24px 0 0 0;
    }
    .navbar-brand img:first-child {
        width: 26%;
    }
    .navbar-brand img:last-child {
        width: 72%;
        margin-left: -3px;
    }
    .sarch{
        width: 100%;
        margin: 10px 0 19px 0;
    }
    .sarch .form-inline .form-control{
        width: 100%;
    }
    .sarch .btn-secondary{
        right: 4px;
    }
    header .icons a{
        display: none;
    }
    header .icons a.cart{
        display: block;
        margin: 0;
    }
    header .icons{
        position: absolute;
        right: 15px;
        margin: 0;
        top: 3px;
    }
    .navbar-light > .container{
        position: relative;
        flex-direction: column;
    }
    .navbar-expand-md .navbar-toggler{
        display: block;
        background: #60B6FF url(../images/menu.svg) 50% 50% no-repeat;
        padding: 0;
        border: none;
        width: 65px;
        height: 50px;
        position: absolute;
        left: 15px;
        top: 10px;
    }
    .navbar-light .navbar-toggler-icon{
        display: none;
    }
    .navbar-expand-md .navbar-collapse:not(.show){
        display: none !important;
    }
    .navbar-expand-md .navbar-collapse{
        display: block !important;
    }
    header .menu .navbar-nav{
        flex-direction: column;
    }
    header .carousel {
        height: 243px;
    }
    header .carousel .title {
        font-size: 40px;
        line-height: 40px;
    }
    header .carousel .more{
        margin: 23px 0 0 0;
    }
    header .carousel .more .btn {
        font-size: 20px;
        line-height: 24px;
        padding: 17px 45px;
    }
    header .carousel .tops{
        top: 40px;
    }
    .catalog .title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .catalog .text {
        width: 70%;
        font-size: 14px;
        line-height: 17px;
        margin: 0 auto 33px auto;
    }
    .catalog .nav-tabs .nav-item {
        width: 100%;
        margin-bottom: 5px;
    }
    .tovary {
        margin-top: 20px;
    }
    .catalog .nav-tabs{
        display: none;
    }
    #mySelect{
        background: #FFFFFF url(../images/arrow1.svg) 97% 50% no-repeat;
        border-radius: 5px;
        width: 100%;
        height: 50px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #78829B;
        border: none;
    }
    .tovary .item {
        width: 248px;
        margin-right: 20px;
        margin-left: 0;
    }
    .tovary .item:nth-child(3n){
        margin-right: 20px;
    }
    .tovary > .flex{
        width: calc(100% + 150px);
    }
    .tovary .item.mobile{
        background: none;
    }
    .catalog{
        overflow-x: clip;
        padding-top: 60px;
    }
    #more .item{
        width: calc((100% / 2) - (3rem / 3));
    }
    #more .item:nth-child(2n){
        margin-right: 0;
    }
    .brend .title{
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 41px;
    }
    .brend{
        margin-top: 60px;
        padding-top: 60px;
        overflow-x: clip;
    }
    .brend .flex{
        width: calc(100% + 150px);
    }
    .brend .item {
        width: 220px;
        margin-bottom: 0;
        margin-right: 20px;
    }
    .brend .item:last-child{
        width: 220px;
    }
    .brend .item a{
        width: 220px;
        height: 150px;
    }
    .brend .more{
        display: none;
    }
    footer .logo {
        width: 65%;
    }
    footer .logo img,
    footer .info-menu,
    footer .cat-menu,
    footer .info .title,
    footer .info .adress,
    footer .info .rab{
        display: none;
    }
    footer{
        padding: 45px 0 70px 0;
    }
    footer .info {
        width: 167px;
    }
    footer .logo .text{
        font-size: 12px;
        line-height: 15px;
        margin: 0;
    }
    header.fixed #carouselExampleIndicators {
        margin-top: 186px;
    }
    .product .right .title{
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 31px;
    }
    .product .right .price .sale {
        font-size: 38px;
        line-height: 46px;
        margin-right: 20px;
    }
    .product .right .price .cena {
        font-size: 28px;
        line-height: 34px;
    }
    .product .right .bg {
        padding: 44px 41px;
    }
    .product .right .proiz{
        font-size: 19px;
        line-height: 24px;
        margin-bottom: 13px;
    }
    .product .right .flex + .flex{
        margin-top: 30px;
    }
    .product .right .flex + .flex + .flex {
        margin-top: 60px;
        margin-bottom: -4px;
    }
    .modal-body .product .right .like a.btn {
        width: 160px;
        height: 40px;
        padding: 0 15px;
        font-size: 10px;
        line-height: 20px;
    }
    .modal-body .product .right .cart a.btn {
        padding: 0 15px;
        height: 40px;
        width: 160px;
        font-size: 10px;
        line-height: 20px;
    }
    .modal-body .product .left .slider-navs{
        display: none;
    }
    .modal-body .product .left .slider-fors .slick-arrow {
        background: url(../images/arrow2.svg) 0 0 no-repeat;
        font-size: 0;
        border: none;
        padding: 0;
        width: 32px;
        height: 18px;
        margin: auto;
        display: block !important;
        position: absolute;
        z-index: 1;
        outline: 0;
        cursor: pointer;
        top: 0;
        bottom: 0;
    }
    .modal-body .product .left .slider-fors .slick-arrow.slick-prev {
        transform: rotate(-90deg);
        left: 0;
    }
    .modal-body .product .left .slider-fors .slick-arrow.slick-next {
        transform: rotate(90deg);
        right: 0;
    }
    .category-list .right .title,
    .stock-page .title{
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .stock-page .stock-page-item {
        width: calc((100% / 2) - 20px);
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .category-list .left {
        width: 100%;
        display: none;
    }
    .category-list .right {
        width: 100%;
    }
    .category-list .tovary .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        display: flex;
        justify-content: flex-start;
        position: relative;
        flex-wrap: wrap;
    }
    .category-list .tovary .flex {
        width: 100%;
    }
    .category-list .right .filter{
        padding: 20px;
    }
    .category-list .right .filter .item select {
        font-size: 14px;
        line-height: 17px;
    }
    .category-list .right .filter .item {
        width: 36%;
        margin-right: 0;
    }
    .category-list .right .filter .vid{
        display: none;
    }
    .category-list .right .filter .btn.filt{
        background: #1A2235;
        border-radius: 5px;
        transition: all 0.5s;
        border: none;
        padding: 0;
        margin-left: 0;
        width: 165px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        line-height: 17px;
        color: #FFFFFF;
    }
    .category-list .right .filter{
        justify-content: space-between;
    }
    .category-list .tovary .item .top .icon {
        top: 20px;
        left: 20px;
    }
    .category-list .tovary .item .top {
        position: initial;
        margin-bottom: 0;
        height: 145px;
        width: 30%;
    }
    .category-list .tovary .item .info {
        width: 60%;
    }
    .category-list .tovary .item .bott {
        justify-content: flex-end;
        margin: -25px 0 0 auto;
        width: 70%;
    }
    .category-list .tovary .item .info .reting{
        justify-content: flex-start;
    }
    .category-list .tovary .item .info .reting .star{
        margin-right: 10px;
    }
    .category-list .tovary .item .bott .left {
        width: 86%;
        display: flex;
        justify-content: flex-start;
        height: 100%;
    }
    .tovary .item .bott .left .price{
        margin-bottom: 0;
    }
    .category-list .tovary .item .bott .left .info-sale{
        height: 25px;
        margin-left: 10px;
    }
    .category-list .tovary .item .bott .right{
        margin-top: -35px;
    }
    .category-list .tovary .item:nth-child(3n) {
        margin-right: 0;
    }
    .breadcrumb{
        padding: 23px 0 23px 0;
    }
    .category-list .right .description .title{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .category-list .right .description .text{
        font-size: 14px;
        line-height: 22px;
    }
    .category-list .right .description .text p {
        margin-bottom: 10px;
    }
    .category-list .right .description .text p:last-child{
        margin-bottom: 0;
    }
    .pagination {
        margin: 20px 0 40px 0;
    }
    .category-list .tovary .item .top .like {
        top: 20px;
        right: 20px;
    }
    .tovary .item .top .pop{
        width: 180px;
    }
    .category-list .flex > .left.active{
        display: block;
        position: absolute;
        top: 125px;
        z-index: 10000;
        background: #fff;
    }
    .category-list .flex{
        position: relative;
    }
    .category-list .left .item{
        margin: 0;
        padding: 10px 20px;
    }
    header.fixed .breadcrumb {
        margin-top: 0;
    }
    .product{
        padding-top: 41px;
    }
    .product .left {
        padding: 40px;
        width: 100%;
        margin-bottom: 20px;
    }
    .product .left .sticky,
    .product .left .stop{
        position: initial;
    }
    .product .left .slider-nav {
        width: 84%;
        margin: 0 auto;
    }
    .product .left .slider-nav .slick-slide{
        margin-right: 9px;
    }
    .product .left .slider-for {
        height: 400px;
    }
    .product .left .slider-for .slick-arrow{
        bottom: 20px;
    }
    .product .right {
        width: 100%;
    }
    .product .right .razmer {
        width: 47%;
        margin-bottom: 0;
    }
    .product .right .color {
        width: 52.4%;
    }
    .product .right .like a.btn{
        font-size: 16px;
    }
    .product .right .cart a.btn{
        font-size: 16px;
    }
    .product .right .nav-tabs .nav-link {
        padding: 15px 20px;
    }
    .product .right .nav-tabs{
        margin: -4px 0 31px 0;
    }
    .product .right .tab-content p:last-child {
        margin-bottom: -4px;
    }
    .ewe .title {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 10px 0;
    }
    .ewe{
        padding-top: 20px;
        padding-bottom: 60px;
        overflow-x: clip;
    }
    .ewe .tovary .item {
        width: 248px;
        margin-bottom: 0;
    }
    .ewe .tovary .item .bott .left .info-sale{
        margin-left: 0;
    }
    .cart-page .title{
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 20px 0;
    }
    .cart-page {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .cart-page .product-item{
        flex-wrap: wrap;
    }
    .cart-page .product-item .info {
        width: 100%;
        order: 8;
        padding: 0;
        margin-top: 15px;
    }
    .cart-page .product-item .top {
        width: 25%;
    }
    .cart-page .product-item .like {
        width: 30px;
    }
    .cart-page .product-item .total {
        width: 17%;
    }
    .cart-page .product-item .basket {
        width: 17%;
    }
    .cart-page .product-item .left {
        width: 25%;
    }
    .cart-page .product-item .info .name a{
        font-size: 12px;
        line-height: 15px;
    }
    .cart-page .product-item .info .name {
        margin-bottom: 5px;
    }
    .cart-page .totals .cupon {
        width: 100%;
        justify-content: space-between;
    }
    .cart-page .totals .total-price {
        width: 100%;
        margin: 20px 0;
    }
    .cart-page .totals .cupon input {
        width: 66%;
        margin-right: 0;
    }
    .cart-page .totals .total-price .info-sale {
        margin: 0 0 0 10px;
    }
    .cart-page .totals .total-price .cena {
        margin: 0 0 0 10px;
    }
    .cart-page .totals .total-price .txt{
        margin-top: 0;
    }
    .order-page .left .item {
        padding: 20px;
        width: 100%;
        margin-bottom: 20px;
    }
    .order-page .left .item:last-child{
        margin-bottom: 0;
    }
    .order-page .left .tip .flex {
        padding: 0;
    }
    .order-page .left .tip .form-content{
        padding: 0;
    }
    .order-page .left .item .form-check {
        margin: 0 0 30px 0;
    }
    .order-page .left .item .form-check span{
        width: 100%;
        padding: 0 0 0 45px;
    }
    .order-page .left .product .item{
        margin: 0 0 20px 0;
    }
    .order-page .left .tip .form-content .clear{
        right: 20px;
    }
    .order-page .left .product .item .sale{
        display: none;
    }
    .order-page .left .product .item .input{
        margin-left: 10px;
    }
    .order-page .left .product .item {
        width: 100%;
        justify-content: space-between;
    }
    .order-page .left .product .item .info {
        margin: 0;
        padding: 0;
        width: 40%;
    }
    .category-list .right .filter #collapseExample{
        width: 100%;
    }
    .category-list .right .filter #collapseExample .left{
        display: block;
        margin-top: 20px;
    }
    .category-list .right .filter #collapseExample .left .item{
        width: 100%;
    }
    header .menu .navbar-nav .dropdown-menu {
        width: 100%;
        margin: 0;
        position: relative;
    }
    header .menu .navbar-nav .nav-item{
        width: 100%;
    }
    header .menu .navbar-nav .dropdown-menu .flex {
        padding-top: 20px;
    }
    header .menu .navbar-nav .dropdown-menu .item {
        width: 50%;
        margin-bottom: 20px;
    }
    header .menu .navbar-nav .dropdown-menu .zag span{
        font-size: 14px;
    }
    header .menu .navbar-nav .dropdown-menu ul .nav-item .nav-link{
        font-size: 12px;
    }
    header.fixed .navbar-light{
        position: inherit;
    }
    header .menu .navbar-nav .nav-item.dropdown.show:after{
        display: none;
    }
    header.fixed #carouselExampleIndicators {
        margin-top: 0;
    }
    header.fixed .navbar-light > .container {
        display: flex;
    }
    header.fixed .navbar-light .menu {
        margin: 2px 0 0 0;
    }
    header .carousel .carousel-control-next{
        width: 40px;
        height: 40px;
        right: 40px;
    }
    header .carousel .carousel-control-prev{
        width: 40px;
        height: 40px;
        left: 40px;
    }
    header .carousel .carousel-control-next .carousel-control-next-icon,
    header .carousel .carousel-control-prev .carousel-control-prev-icon{
        width: 40px;
        height: 40px;
        background-size: 13px;
    }
}
@media(max-width:767px){
    .login-page .login-block {
        width: 100%;
    }
    .container {
        max-width: 540px;
    }
    .sarch{
        padding: 0 15px;
    }
    .sarch .btn-secondary {
        right: 15px;
    }
    .modal-body .product .left {
        width: 100%;
        height: 350px;
        padding: 0 15px;
    }
    .modal-body .product .right {
        width: 100%;
        padding: 0 15px;
    }
    .modal-body .product .left .slider-fors{
        height: 350px;
    }
    .modal-dialog {
        height: auto;
    }
    .modal-body .product{
        padding: 15px 0;
    }
    .category-list .right .filter .item {
        width: 30%;
    }
    .category-list .tovary .item .info {
        width: 70%;
    }
    .category-list .tovary .item .info .reting{
        margin: 10px 0 30px 0;
    }
    .category-list .tovary .item .bott {
        margin: -25px 0 0 auto;
        width: 81%;
    }
    .category-list .tovary .item .bott .right {
        margin-top: -60px;
    }
    .category-list .tovary .item .bott .left .info-sale{
        margin-left: 10px;
    }
    .product .left .slider-nav .slick-slide {
        border: 2px solid #F5F6FB;
        margin-right: 10px;
    }
    .product .left .slider-nav .slick-slide.slick-current.slick-center{
        border: 2px solid #FA386C;
    }
    .product .right .nav-tabs .nav-link{
        margin-bottom: 10px;
    }
    .product .right .nav-tabs .nav-link:last-child{
        margin-bottom: 0;
    }
    .cart-page .product-item .basket {
        width: 22%;
    }
    .cart-page .product-item .like{
        display: none;
    }
    .cart-page .product-item .left {
        width: 30%;
    }
    .cart-page .product-item .total {
        width: 20%;
        text-align: right;
    }
    .order-page .left .tip .form-check {
        margin-right: 0;
        margin-bottom: 0;
    }
    .order-page .left .tip .flex {
        justify-content: space-between;
    }
    .order-page .left .product .item .totl{
        width: auto;
    }
    .order-page .left .product .item .input {
        margin-left: 0;
    }
    .order-page .left .product .item .info{
        width: 30%;
    }
    .category-list .tovary .item .top .pop {
        width: auto;
    }
    .category-list .tovary .item .top .pop a{
        font-size: 8px;
    }
    .product .left .icon{
        display: flex;
        justify-content: flex-start;
    }
    .product .left .icon > div{
        margin-right: 5px;
    }
    header .menu .navbar-nav .dropdown-menu .item {
        width: 100%;
    }
    .category-list .tovary .item .top .like {
        top: 20px;
        right: 20px;
    }
}
@media(max-width:575px){
    .stock-page .stock-page-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .container {
        max-width: 100%;
    }
    .category-list .tovary .item .top .like {
        top: 0px;
        right: 0px;
    }
    .navbar {
        padding: 12px 0 0 0;
    }
    .navbar-light .navbar-brand {
        width: 200px;
    }
    .navbar-expand-md .navbar-toggler{
        width: 40px;
        height: 30px;
        background-size: 15px;
    }
    .navbar-light .navbar-brand{
        margin: -6px auto 0 auto;
    }
    .navbar-brand img:first-child {
        margin-right: 8px;
    }
    header .icons{
        right: 23px;
        top: 6px;
    }
    .navbar-expand-md .navbar-toggler{
        left: 20px;
    }
    header .icons a span{
        display: none;
    }
    header .icons a svg {
        margin: 0 auto;
        width: 25px;
    }
    header .icons a.cart span.num {
        right: 0;
        width: 15px;
        height: 15px;
        font-size: 10px;
        line-height: 12px;
    }
    .sarch {
        width: 100%;
        margin: 2px auto 14px auto;
        padding: 0 20px;
    }
    .sarch .form-inline .form-control{
        width: 100%;
        font-size: 10px;
        line-height: 12px;
        height: 40px;
    }
    .sarch .btn-secondary{
        right: 35px;
        height: 15px;
        width: 15px;
        padding: 0;
    }
    .sarch .btn-secondary svg{
        height: 15px;
        width: 15px;
    }
    header .carousel {
        height: 140px;
    }
    header .carousel .title {
        font-size: 20px;
        line-height: 20px;
    }
    header .carousel .more {
        margin: 10px 0 0 0;
    }
    header .carousel .more .btn {
        font-size: 12px;
        line-height: 15px;
        padding: 11px 24px;
    }
    header .carousel .tops {
        top: 25px;
    }
    .breadcrumb {
        padding: 0 5px 10px 5px;
    }
    .catalog{
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .catalog .title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .catalog .text{
        display: none;
    }
    #mySelect{
        background: #FFFFFF url(../images/arrow.svg) 97% 50% no-repeat;
        font-size: 10px;
        line-height: 12px;
        height: 40px;
    }
    .tovary > .flex {
        width: calc(100% + 15px);
    }
    .tovary .item {
        width: 140px;
        margin-right: 10px;
        padding: 10px;
    }
    .tovary .item .top .like a svg {
        width: 16px;
        height: 16px;
    }
    .tovary .item .top .like {
        top: 0;
        right: 0;
    }
    .tovary .item .top .icon .sale,
    .tovary .item .top .icon .hot,
    .tovary .item .top .icon .tops,
    .tovary .item .top .icon .new{
        width: 20px;
        height: 20px;
        font-size: 7px;
        line-height: 9px;
    }
    .tovary .item .top{
        height: 120px;
    }
    .tovary .item .info .name a{
        font-size: 8px;
        line-height: 10px;
    }
    .tovary .item .info .text{
        display: block;
        font-size: 8px;
        line-height: 10px;
        margin: 8px 0 0 0;
    }
    .tovary .item .info .reting .star span{
        width: 10px;
        height: 10px;
        background-size: contain;
        margin-right: 2px;
    }
    .tovary .item .info .reting{
        margin: 10px 0 0 0;
    }
    .tovary .item .info .reting .coment{
        font-size: 8px;
        line-height: 10px;
    }
    .tovary .item .bott .left .price .sale{
        font-size: 8px;
        line-height: 10px;
    }
    .tovary .item .bott .left .price .cena{
        order: 1;
        font-size: 16px;
        line-height: 20px;
    }
    .tovary .item .bott .left .price{
        align-items: end;
        margin-bottom: 0;
        flex-direction: column;
    }
    .tovary .item .bott .left .info-sale{
        display: none;
    }
    .tovary .item .bott .right .add-cart{
        width: 30px;
        height: 30px;
    }
    .tovary .item .bott .right .add-cart svg{
        width: 15px;
        height: 15px;
    }
    .tovary .more{
        width: 55px;
        height: 55px;
        bottom: -20px;
    }
    .tovary .more a{
        width: 40px;
        height: 40px;
    }
    .tovary .more a span{
        width: 20px;
        margin-bottom: 4px;
    }
    .brend {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .brend .title{
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .brend .item {
        width: 140px;
        margin-bottom: 0;
        margin-right: 10px;
    }
    .brend .item a {
        width: 140px;
        height: 85px;
        padding: 10px;
    }
    .brend .flex {
        width: calc(100% + 15px);
        padding: 0;
    }
    .product .flex {
        padding: 0 5px;
    }
    footer {
        padding: 20px 0 30px 0;
    }
    footer .logo .text{
        font-size: 8px;
        line-height: 10px;
    }
    footer .logo {
        width: 100%;
        margin-bottom: 40px;
    }
    footer .flex {
        padding: 0;
    }
    .tovary .item .top .pop{
        top: 30px;
    }
    .tovary .item .top .pop a{
        font-size: 8px;
        line-height: 13px;
        height: 30px;
    }
    .product .right .title{
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 10px;
    }
    .product .right .proiz{
        margin-bottom: 5px;
    }
    .modal-body .product .left{
        height: 280px;
    }
    .modal-body .product .left .slider-fors {
        height: 280px;
    }
    .product .right .proiz{
        font-size: 12px;
        line-height: 14px;
    }
    .product .right .razmer .zag,
    .product .right .color .zag{
        font-size: 8px;
        line-height: 10px;
    }
    .product .right .razmer .btn{
        font-size: 8px;
    }
    .product .right .price .sale{
        font-size: 16px;
        line-height: 20px;
    }
    .product .right .price .cena{
        font-size: 8px;
        line-height: 10px;
    }
    .product .right .btn{
        font-size: 8px;
        line-height: 10px;
        width: 100px;
    }
    .modal-body .product .right .like a.btn,
    .modal-body .product .right .cart a.btn{
        font-size: 8px;
        line-height: 10px;
        width: 130px;
    }
    .modal-dialog {
        height: fit-content;
    }
    .category-list .right .title{
        font-size: 16px;
        line-height: 20px;
    }
    .category-list .right .filter {
        padding: 10px;
    }
    .category-list .right .filter > .item:nth-child(2){
        display: none;
    }
    .category-list .right .filter .item {
        width: 175px;
    }
    .category-list .right .filter .btn.filt{
        width: 115px;
        height: 40px;
        font-size: 10px;
        line-height: 12px;
    }
    .category-list .right .filter .item select {
        font-size: 10px;
        line-height: 12px;
        height: 40px;
    }
    .pagination .page-item:nth-child(5),
    .pagination .page-item:nth-child(6),
    .pagination .page-item:nth-child(7),
    .pagination .page-item:nth-child(8){
        /*display: none;*/
    }
    .pagination .page-item:last-child{
        /*display: list-item;*/
    }
    .category-list .tovary .item {
        width: calc((100% / 2) - (1rem / 3));
        margin-right: 10px;
        display: block;
        margin-bottom: 10px;
    }
    .category-list .tovary .item:nth-child(3n){
        margin-right: 10px;
    }
    .category-list .tovary .item:nth-child(2n),
    .category-list .tovary .item:nth-child(6){
        margin-right: 0;
    }
    .category-list .tovary .item .top {
        height: 100px;
        margin-bottom: 20px;
        width: 100%;
    }
    .category-list .tovary .item .top .img {
        padding-top: 0;
        width: 100%;
    }
    .category-list .tovary .item .info {
        width: 100%;
    }
    .category-list .tovary .item .bott {
        margin: 10px 0 0 0;
        width: 100%;
        justify-content: space-between;
    }
    .category-list .tovary .item .bott .right {
        margin-top: 0;
    }
    .category-list .tovary .item .bott .left {
        width: auto;
        justify-content: flex-start;
        margin: 0;
    }
    .category-list .tovary .item .bott .right {
        margin-top: 0;
    }
    .category-list .tovary .item .top{
        position: relative;
    }
    .category-list .tovary .item .top .icon {
        top: 0;
        left: 0;
    }
    .category-list .tovary .item .top .pop {
        width: 100%;
    }
    .category-list .right .description .title {
        font-size: 16px;
        line-height: 20px;
    }
    .category-list .right .description .text {
        font-size: 12px;
        line-height: 20px;
    }
    .breadcrumb .breadcrumb-item{
        font-size: 8px;
        line-height: 10px;
    }
    .breadcrumb-item+.breadcrumb-item::before{
        font-size: 8px;
        line-height: 10px;
    }
    .category-list{
        padding-top: 20px;
    }
    .product {
        padding-top: 20px;
    }
    .product .left {
        padding: 20px;
        margin-bottom: 10px;
        height: auto !important;
    }
    .product .left .icon {
        top: 20px;
        left: 20px;
    }
    .product .left .slider-for {
        height: 234px;
    }
    .product .left .slider-nav .slick-slide{
        width: 62px;
        height: 62px;
        padding: 7px;
    }
    .product .left .slider-nav {
        width: 100%;
    }
    .product .right .bg {
        padding: 18px 20px;
        margin-bottom: 12px;
    }
    header.fixed .breadcrumb {
        margin-top: 128px;
    }
    .product .right .flex + .flex {
        margin-top: 20px;
    }
    .product .right .price .sale {
        font-size: 26px;
        line-height: 32px;
        margin-right: 11px;
    }
    .product .right .price .cena {
        font-size: 18px;
        line-height: 22px;
    }
    .product .right .price{
        margin-right: 0;
    }
    .product .right .flex{
        justify-content: space-between;
    }
    .product .right .btn {
        font-size: 10px;
        line-height: 12px;
        width: 90px;
        height: 25px;
    }
    .product .right .razmer .btn {
        font-size: 8px;
        width: 20px;
        height: 20px;
        margin-right: 0;
        padding: 0;
    }
    .product .right .color .btn {
        width: 20px;
        height: 20px;
        margin-right: 0;
        padding: 0;
    }
    .product .right .razmer .zag,
    .product .right .color .zag{
        margin-bottom: 4px;
    }
    .product .right .flex + .flex + .flex {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .product .right .razmer {
        width: 45%;
    }
    .product .right .color {
        width: 45%;
    }
    .product .right .like a.btn {
        width: 140px;
        height: 40px;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0;
        padding: 0 20px;
    }
    .product .right .like a.btn svg{
        margin-right: 3px;
    }
    .product .right .cart a.btn {
        font-size: 10px;
        line-height: 12px;
        width: 130px;
        height: 40px;
        letter-spacing: 0;
        padding: 0 23px;
    }
    .product .right .cart a.btn svg{
        margin-right: 4px;
    }
    .product .right .color .btn.active {
        background-size: 10px;
    }
    .product .right .nav-tabs .nav-link{
        font-size: 10px;
        line-height: 12px;
        padding: 14px 23px;
    }
    .product .right .tab-content p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .product .right .nav-tabs {
        margin: 2px 0 20px 0;
    }
    .ewe .title {
        margin: 0 0 20px 0;
        font-size: 16px;
        line-height: 20px;
    }
    .ewe {
        padding-top: 10px;
    }
    .ewe .tovary .item {
        width: 140px;
    }
    .tovary .item .top .pop {
        width: 100%;
    }
    .cart-page .product-item .top {
        width: 40%;
    }
    .cart-page .product-item .left {
        width: 100%;
        order: 1;
        margin-top: 10px;
        display: flex;
    }
    .cart-page .product-item .basket {
        width: 30%;
    }
    .cart-page .product-item .total {
        width: 30%;
    }
    .cart-page .product-item .left .info-sale {
        margin: 0 0 0 10px;
        height: 25px;
    }
    .cart-page .product-item .left .price{
        margin: 0;
    }
    .cart-page .totals .cupon button{
        height: 40px;
        font-size: 10px;
        line-height: 12px;
    }
    .cart-page .totals .cupon input{
        height: 40px;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 10px;
    }
    .cart-page .totals .total-price .info-sale{
        display: none;
    }
    .cart-page .totals .bot{
        margin: 0;
    }
    .cart-page .totals .bot .btn,
    .cart-page .totals .bot .btn.move{
        height: 40px;
        font-size: 10px;
        line-height: 12px;
    }
    .cart-page .totals .total-price {
        width: 100%;
        margin: 10px 0;
    }
    .cart-page .totals .total-price .txt {
        font-size: 12px;
        line-height: 15px;
    }
    .cart-page .totals .total-price .sale{
        font-size: 12px;
        line-height: 15px;
    }
    .cart-page .totals .total-price .cena {
        font-size: 8px;
        line-height: 10px;
    }
    .cart-page .product-item .info .name a {
        font-size: 8px;
        line-height: 10px;
    }
    .cart-page .product-item .info .text{
        font-size: 8px;
        line-height: 10px;
    }
    .cart-page .product-item .top .icon .sale,
    .cart-page .product-item .top .icon .hot,
    .cart-page .product-item .top .icon .tops,
    .cart-page .product-item .top .icon .new{
        width: 20px;
        height: 20px;
        font-size: 7px;
        line-height: 9px;
    }
    .cart-page .product-item .top {
        width: 30%;
    }
    .cart-page .product-item .total {
        font-size: 12px;
        line-height: 15px;
        width: auto;
    }
    .cart-page .product-item .left .price .cena{
        font-size: 12px;
        line-height: 15px;
    }
    .cart-page .product-item .left .price .sale{
        font-size: 8px;
        line-height: 10px;
    }
    .cart-page .product-item .left .info-sale{
        display: none;
    }
    .cart-page .product-item .basket .text{
        font-size: 12px;
        line-height: 15px;
        height: 30px;
        width: 30px;
    }
    .cart-page .product-item .basket .minus,
    .cart-page .product-item .basket .plus{
        width: 30px;
        height: 30px;
    }
    .cart-page .product-item .basket {
        width: auto;
    }
    .cart-page .product-item .left {
        width: auto;
        order: inherit;
        margin: 0;
        display: block;
    }
    .cart-page .product-item .left .price {
        margin: 0;
        display: block;
    }
    .cart-page .title{
        font-size: 16px;
        line-height: 20px;
    }
    .order-page {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .order-page .title,
    .stock-page .title	{
        font-size: 12px;
        line-height: 15px;
    }
    .order-page .left .tip .zag,
    .order-page .left .item .zag,
    .order-page .left .info .zag,
    .order-page .left .product .title,
    .order-page .right .zag{
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 10px;
    }
    .order-page .left .tip .form-check label:before,
    .order-page .left .item .form-check label:before{
        width: 20px;
        height: 20px;
    }
    .order-page .left .tip .form-check label,
    .order-page .left .item .form-check label,
    .order-page .left .info .form-check label{
        padding: 4px 0 0 30px;
        font-size: 10px;
        line-height: 12px;
    }
    .order-page .left .tip .form-check input:checked + label:before,
    .order-page .left .item .form-check input:checked + label:before{
        background-size: 20px;
    }
    .order-page .left .tip .form-content label,
    .order-page .left .info .form-content label,
    .login-page .form-content label,
    .login-block .forgot_pass {
        font-size: 10px;
    }
    .order-page .left .tip .form-content input,
    .order-page .left .info .form-content input,
    .login-page .form-content input {
        height: 40px;
        font-size: 8px;
        line-height: 10px;
    }
    .order-page .left .tip .form-content,
    .order-page .left .info .form-content{
        margin-bottom: 10px;
    }
    .order-page .left .tip .form-content .clear{
        bottom: 10px;
    }
    .order-page .left .tip .flex{
        margin-bottom: 20px;
    }
    .order-page .left .item .form-check{
        margin-bottom: 10px;
    }
    .order-page .left .item .form-check span {
        width: 100%;
        font-size: 8px;
        line-height: 10px;
        margin: 5px 0 0 auto;
        padding: 0 0 0 30px;
    }
    .order-page .left .product .item{
        flex-wrap: wrap;
    }
    .order-page .left .product .item .info {
        width: 100%;
        order: 5;
    }
    .order-page .left .product .item .info .name a{
        font-size: 8px;
        line-height: 10px;
    }
    .order-page .left .product .item .info .text{
        font-size: 8px;
        line-height: 10px;
    }
    .order-page .left .product .item .info .name {
        margin-bottom: 0;
    }
    .order-page .left .product .item .input input{
        font-size: 8px;
        line-height: 10px;
        width: 30px;
        height: 30px;
    }
    .order-page .left .product .item .input span{
        font-size: 8px;
        line-height: 10px;
    }
    .order-page .left .product .item .input{
        height: 40px;
    }
    .order-page .left .product .item .totl{
        font-size: 10px;
        line-height: 12px;
    }
    .order-page .left .product .item .img {
        width: 80px;
        height: 80px;
    }
    .order-page .right .total .item .name,
    .order-page .right .total .item .price .sale,
    .order-page .right .totals .name,
    .order-page .right .totals .itog{
        font-size: 10px;
        line-height: 12px;
    }
    .order-page .right .total .item .price .cena{
        font-size: 8px;
        line-height: 10px;
    }
    .order-page .right .total .info-sale{
        display: none;
    }
    .order-page .right .totals{
        margin-bottom: 20px;
    }
    .order-page .right .bot .btn,
    .login-block .btn {
        font-size: 10px;
        line-height: 12px;
        height: 40px !important;
        margin-bottom: 10px;
    }
    .order-page .right .bot .link{
        font-size: 10px;
        line-height: 12px;
    }
    header .carousel .carousel-control-next{
        width: 30px;
        height: 30px;
        right: 20px;
    }
    header .carousel .carousel-control-prev{
        width: 30px;
        height: 30px;
        left: 20px;
    }
    header .carousel .carousel-control-next .carousel-control-next-icon,
    header .carousel .carousel-control-prev .carousel-control-prev-icon{
        width: 30px;
        height: 30px;
        background-size: 10px;
    }

    .login-page .title {
        margin: 0 0 10px 0;
        font-size: 12px;
        line-height: 15px;
    }
}
@media(max-width:520px){
    .card_popup_frame.popup .cart_shell {
        width: 420px;
    }
    div.popup.card_popup_frame {
        max-width: 420px;
        min-width: 420px;
        margin-left: -210px;
    }
}
@media(max-width:425px){
    .card_popup_frame.popup .cart_shell {
        width: 370px;
    }
    div.popup.card_popup_frame {
        max-width: 370px;
        min-width: 370px;
        margin-left: -185px;
    }
}
@media(max-width:375px){
    .card_popup_frame.popup .cart_shell {
        width: 320px;
    }
    div.popup.card_popup_frame {
        max-width: 320px;
        min-width: 320px;
        margin-left: -160px;
    }
}

/* SEO-блок «Бренды» — мобильная версия */
.catalog_text{
    padding-top: 40px;
    padding-bottom: 40px;
}
.catalog_text .bx_catalog_text_title a{
    padding: 12px 16px;
    font-size: 14px;
    line-height: 18px;
}
.catalog_text .bx_catalog_text_ul li{
    margin: 0 5px 10px 5px;
}