@media (max-width:340px) {}

@media (max-width:767px) {
    .tt-text {
        margin-top: 40px;
    }
    .img-text.img-tt-text {
        margin: 40px -15px 0;
    }
    .collection-box-main .title-section,
    .category-page-list.new-pr .title-section {
        font-size: 22px;
        line-height: 30px;
    }
    .hidden-xs {
        display: none;
    }
    .visible-xs {
        display: block !important;
    }
    .mb-120 {
        margin-bottom: 56px !important;
    }
    .shop-list .col {
        flex: 0 0 50%;
    }
    .navbar-light .navbar-nav .nav-link {
        position: relative;
    }
    .header .nav-item {
        text-align: center;
    }
    .navbar-light .navbar-brand {
        margin-right: 50px;
    }
    .navbar-toggle {
        display: block !important;
    }
    .bx-breadcrumb {
        margin-bottom: 40px;
    }
    .head-page {
        margin-bottom: 30px;
    }
    .page-inner {
        padding: 102px 0 60px;
    }
    .footer .nav {
        display: block;
    }
    .footer-bottom .text-right.order-3 {
        text-align: left !important;
        margin-bottom: 15px;
    }
    .order-3 {
        -ms-flex-order: 1;
        order: 1;
    }
    .footer-bottom {
        border-top: 1px solid #FDDFDF;
        margin: 25px -40px 0;
        font-size: 14px;
        padding: 20px 40px 0;
    }
    .navbar-light .navbar-nav .nav-link .icon-ar-down {
        position: absolute;
        top: 14px;
    }
    .header .nav-item {
        text-align: center;
    }
    .dropdown-menu {
        padding: 0;
        margin: 0;
        margin-bottom: 15px;
        color: #212529;
        border: 0px solid rgba(0, 0, 0, 0.15);
        border-radius: 0;
        text-align: center;
        font-size: 14px;
    }
    .header .navbar-collapse .navbar-nav {
        position: fixed;
        top: 0;
        background: rgba(255, 255, 255, 1);
        z-index: 99;
        height: 100vh;
        overflow-y: scroll;
        width: calc(100% - 0%);
        transition: all .3s;
        padding-top: 22px;
    }
    .navbar-light .navbar-toggler {
        border: 0;
        font-size: 22px;
    }
    .navbar-light .navbar-nav .nav-link {
        position: relative;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0.9rem 1rem;
        position: relative;
    }
    .dropdown-item {
        white-space: inherit;
    }
    .header .navbar-collapse.show {
        right: 0%;
    }
    .header .navbar-collapse {
        position: absolute;
        z-index: 99;
        height: 100vh;
        overflow-y: scroll;
        width: 100%;
        right: -200%;
        transition: all .3s;
    }
    .navbar-light .navbar-toggler {
        border: 0;
        font-size: 22px;
    }
    .toggler-slide {
        display: block;
        font-size: 40px;
        float: right;
        padding-right: 18px;
        margin-bottom: 15px;
        padding-top: 4px;
    }
    h1,
    .h1 {
        font-size: 26px;
        line-height: 34px;
    }
    .shop-item a {
        min-height: 100px;
    }
    .footer .nav-pills .nav-link {
        font-size: 14px;
    }
    .hidden-xs {
        display: none !important;
    }
    .logo-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px 16px;
    }
    .logo-footer .logo-l,
    .logo-footer .logo-r {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    div#my_map {
        height: 278px !important;
    }
    .map-btn .btn {
        padding-left: 15px;
        padding-right: 15px;
        display: block;
        text-align: center;
        width: 100%;
    }
    .map-btn {
        width: 100%;
        margin-bottom: 20px;
    }
    .map-bottom {
        border: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
    .tools-map {
        margin-bottom: 0px;
        justify-content: space-between;
        padding: 0 15px;
        background: #fffbfa;
        border-bottom: 1px solid #F3F3F3;
    }
    .tools-map .tools-link {
        padding-bottom: 8px;
        width: auto;
        position: relative;
        top: 1px;
    }
    .tools-link.active {
        border-bottom: 1px solid #ac3444;
    }
    .bubble-rt {
        top: -34%;
        right: -360px;
    }
    .unit-list {
        border: 1px solid #e6e7e8;
        border-top: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .scroll-box {
        height: 485px;
    }
    .footer {
        padding: 32px 0;
    }
    .first-scpage .screen-img {
        max-height: 380px;
    }
    .first-scpage .order-3 {
        padding: 0;
    }
    .first-scpage .page-inner {
        padding: 32px 0 60px;
    }
    .header .logo {
        width: 84px;
        height: 47px;
    }
    .contact-data .col-md-6 {
        margin-bottom: 32px;
    }
    .bubble-lb {
        top: 379px;
        bottom: inherit;
        background-image: url(../images/buble-lb-m.svg);
        height: 379px;
        width: 416px;
        left: -150px;
    }
    .tr-list .tr-item+.tr-item {
        margin-top: 20px;
        margin-left: 0px;
    }
    .card-price {
        display: block;
        margin-top: 30px;
        margin-bottom: 25px;
    }
    .card-price-text {
        margin-left: 0;
        margin-top: 15px;
    }
    .card-gallery-sm {
        display: none;
        width: auto !important;
        margin-top: 8px;
    }
    .card-gallery-sm .slick-slider .slick-track,
    .card-gallery-sm .slick-slider .slick-list {
        width: auto !important;
    }
    .card-gallery-big {
        width: 100%;
        padding-left: 0px;
    }
    .card-gallery-big .slick-slide {
        height: 400px;
    }
    .card-gallery-big .slick-slide img {
        max-height: 450px;
    }
    .tr-list {
        -ms-flex-pack: flex-start !important;
        justify-content: flex-start !important;
    }
    .tr-item-text {
        padding-left: 16px;
        padding-right: 0px;
    }
    .nav-tabs .nav-item+.nav-item {
    margin-left: 0;
}
    .nav-tabs .nav-item  {
        text-align: center;
display: block;
        width: 100%;
}
    .nav-tabs .nav-link {
    line-height: 30px;
    }
    .card-gallery-sm .slick-slide {
        height: 60px !important;
        min-height: 60px !important;
        clear: inherit !important;
        float: left !important;
    }
    .card-gallery-sm .img-sm {
        width: 60px !important;
        height: 60px !important;
        min-height: 60px !important;
    }
    .card-gallery {
        margin-bottom: 32px;
    }
    .card-gallery-sm .slick-slide {
        width: 70px !important;
    }
    .card-gallery-sm .slick-track {
        margin: 0 -8px;
    }
    .card-gallery-sm .slick-slider .slick-track .slick-slide+.slick-slide {
        margin-top: 0;
        margin-left: 8px;
    }
    .card-gallery-sm .slick-slide.slick-current.slick-active .img-sm {
        outline-offset: -1px;
    }
    .card-gallery-sm .img-sm {
        background-size: contain;
    }
    .card-gallery-sm .slick-slider .slick-track,
    .card-gallery-sm .slick-slider .slick-list {
        padding: 0 4px !important;
    }
    .order-4 {
        -ms-flex-order: 1;
        order: 1;
    }
    .page-inner.page-start-banner {
        padding: 45px 0 56px;
    }
    .banner-screen .screen-img {
        max-height: 320px;
    }
    .banner-screen {
        margin-bottom: 56px;
    }
    .category-search .input-item .input-style,
    .category-page-tools .category-search {
        max-width: 100%;
    }
    .catalog-filter.sort-box {
        margin-top: 32px;
    }
    .banner-screen .container-fluid.container-no-p {
        padding: 0;
    }
    .cat-cnt-top {
        padding-top: 32px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .cat-cnt-top .bx-breadcrumb {
        margin-bottom: 40px;
    }
    .cat-cnt-top .head-page {
        margin-bottom: 32px;
    }
    /*
    .pr-img {
        height: 150px;
    }
*/
    .pr-cnt {
        padding: 8px 15px 15px;
    }
    .category-pr-list .row {
        margin-left: -2px;
        margin-right: -2px;
    }
    .category-pr-list .row .col-6 {
        padding-left: 2px;
        padding-right: 2px;
    }
    .pr-item {
        margin-bottom: 4px;
    }
    .pr-t {
        font-size: 12px;
        line-height: 18px;
    }
    .pr-tt {
        font-size: 12px;
        line-height: 16px;
    }
    .s-coll .slick-list {
        padding-left: 0px !important;
    }
    .collection-box .slick-slide {
        padding: 4px;
    }
    .collection-box .slick-track {
        margin: 0 -4px;
    }
    .collection-box {
        margin-bottom: 56px;
    }
    .head-section {
        margin-bottom: 32px;
    }
    .buble-box .bubble-rmb,
    .buble-box .bubble-rm,
    .buble-box .bubble-lm {
        display: none;
    }
    .about-page .bubble-rt,
    .about-page .bubble-rm,
    .about-page .bubble-lm,
    .about-page .bubble-rmb {
        display: none;
    }
    .head-col-left,
    .col-about-right {
        padding-left: 15px;
    }
    .about-two {
        padding: 40px 15px;
        margin: 0 -15px;
    }
    .about-page .head-section .title-section {
        margin-bottom: 32px;
    }
    .promo-item {
        text-align: left;
        position: relative;
        top: inherit;
        right: inherit;
        max-width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .promo-img {
        margin-bottom: 20px;
        -ms-flex-item-align: center !important;
        align-self: center !important;
        width: 82px;
    }
    .promo-t {
        -ms-flex-item-align: center !important;
        align-self: center !important;
        width: calc(100% - 82px);
        padding-left: 16px
    }
    .t-text.visible-xs {
        margin-bottom: 32px;
    }
    .title-section-sm {
        margin-bottom: 15px;
    }
    .assor-pr {
        min-height: inherit;
        background-image: none;
        padding: 0;
    }
    .tag-item {
        margin-right: 15px;
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 20px;
    }
    .about-img-list .row {
        margin-left: -4px;
        margin-right: -4px;
    }
    .about-img-list .row .col-7,
    .about-img-list .row .col-5 {
        padding-left: 4px;
        padding-right: 4px;
    }
    .img-l img+img {
        margin-top: 8px;
    }
    .img-text,
    .img-top.img-text {
        margin-top: 40px;
    }
    .img-top {
        margin-bottom: 0px !important;
    }
    .img-top,
    .img-bottom {
        margin: 40px -15px;
    }
    .navbar-light .navbar-nav .nav-link .icon-arrow-down {
        display: inline-block;
        height: 40px;
        width: 40px;
        position: absolute;
        top: 5px;
        line-height: 40px;
        margin-left: 0;
    }
    .navbar-light .navbar-nav .nav-link.show .icon-arrow-down {
        transform: rotate(-180deg);
        -ms-transform: rotate(-1800deg);
        -webkit-transform: rotate(-180deg);
    }
    .page-inner .bubble-rt {
        display: none;
    }
    .tr-home-img {
        height: 275px;
    }
    .tr-ii-item {
        display: flex;
        max-width: 100%;
    }
    .tr-ii-item-t {
        width: calc(100% - 108px);
        padding-left: 16px;
        text-align: left;
        align-items: center;
        align-self: center;
        -ms-flex-order: 2;
        order: 2;
    }
    .tr-cnt {
        max-width: 100%;
        padding: 47px 15px 40px;
    }
    .tr-text {
        margin-top: 35px;
    }
    .tr-ii-item-img {
        -ms-flex-order: 1;
        order: 1;
        align-items: center;
        align-self: center;
    }
    .tr-home .container {
        padding: 0px;
    }
    .tr-home {
        margin-bottom: -60px;
    }
    .category-page-list.new-pr .row {
        margin: 0px;
    }
    .category-page-list.new-pr .row .col-12 {
        padding: 0px;
    }
    .category-page-list.new-pr .row .col-12+.col-12 {
        margin-top: 15px;
    }
    .category-page-list.new-pr .row .col-12 a.pr-item {
        padding: 15px 0 0;
        margin-bottom: 0px;
    }
    .banner-sliders,
    .new-pr {
        margin-bottom: 56px;
    }
    .banner-item {
        height: 327px !important;
    }
    .slider-collection .slick-slide {
        height: auto;
    }
    .first-screen .screen-img {
        height: 325px;
        max-height: 325px !important;
    }
    .screen-cnt {
        display: flex;
        flex-wrap: wrap;
        padding: 40px 15px 0px;
    }
    .screen-cnt-t {
        font-size: 26px;
        line-height: 34px;
    }
    .screen-cnt .tag-list {
        -ms-flex-order: 2;
        order: 2;
        margin-top: 32px;
    }
    .screen-cnt .btn-block {
        margin-top: 32px;
        -ms-flex-order: 4;
        order: 4;
    }
    .banner-screen .bubble-lt {
        display: none;
    }
    .mobile-hidden {
        position: absolute;
        top: 0px;
        left: -2000px;
        width: 400px;
        height: 600px;
    }
    .tr-block {
        margin-top: inherit;
    }
    .category-page-list.new-pr .btn-block.btn-top.visible-xs {
        margin-top: -3px;
    }
    .pr-img {
    background-size: contain;
        height: 200px;
    }
}

@media (max-width:767px) and (orientation: landscape) {}

@media (min-width:768px) {
    .category-pr-list .row {
        margin-left: -7px;
        margin-right: -7px;
    }
    .category-pr-list .row .col-6 {
        padding-left: 7px;
        padding-right: 7px;
    }
    .pr-item {
        margin-bottom: 14px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .card-gallery-big {
    width:100%;
        margin-bottom: 30px;
    }
      .card-gallery-sm {
        display: none;
    }
    .tr-block {
        margin-top: inherit;
    }
    .tr-item-text {
        padding-left: 16px;
        padding-right: 0px;
    }
    .navbar-toggle {
        display: block !important;
    }
    .bx-breadcrumb {
        margin-bottom: 40px;
    }
    .head-page {
        margin-bottom: 30px;
    }
    .page-inner {
        padding: 100px 0 60px;
    }
    .footer .nav {
        display: block;
    }
    .footer-bottom .text-right.order-3 {
        text-align: left !important;
        margin-bottom: 15px;
    }
    .order-3 {
        -ms-flex-order: 1;
        order: 1;
    }
    .footer-bottom {
        border-top: 1px solid #FDDFDF;
        margin: 50px -40px 0;
        padding: 30px 40px 0;
    }
    .navbar-light .navbar-nav .nav-link .icon-ar-down {
        position: absolute;
        top: 14px;
    }
    .header .nav-item {
        text-align: center;
    }
    .dropdown-menu {
        padding: 0;
        margin: 0;
        margin-bottom: 15px;
        color: #212529;
        border: 0px solid rgba(0, 0, 0, 0.15);
        border-radius: 0;
        text-align: center;
        font-size: 14px;
    }
    .header .navbar-collapse .navbar-nav {
        position: fixed;
        top: 0;
        background: rgba(255, 255, 255, 1);
        z-index: 99;
        height: 100vh;
        overflow-y: scroll;
        width: calc(100% - 0%);
        transition: all .3s;
        padding-top: 38px;
    }
    .navbar-light .navbar-toggler {
        border: 0;
        font-size: 22px;
    }
    .navbar-light .navbar-nav .nav-link {
        position: relative;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0.9rem 1rem;
    }
    .dropdown-item {
        white-space: inherit;
    }
    .header .navbar-collapse.show {
        right: 0%;
    }
    .header .navbar-collapse {
        position: absolute;
        z-index: 99;
        height: 100vh;
        overflow-y: scroll;
        width: 100%;
        right: -200%;
        transition: all .3s;
    }
    .navbar-light .navbar-toggler {
        border: 0;
        font-size: 22px;
    }
    .toggler-slide {
        display: block;
        font-size: 40px;
        float: right;
        padding-right: 40px;
        margin-bottom: 15px;
        padding-top: 4px;
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    .map-search {
        max-width: 320px;
    }
    .first-scpage .screen-img {
        max-height: 380px;
    }
    .first-scpage .order-3 {
        padding: 0;
    }
    .first-scpage .page-inner {
        padding: 32px 0 60px;
    }
    .header .logo {
        width: 78px;
        height: 47px;
    }
    .offset-ke {
        padding-left: calc((100% - 690px) / 2);
        padding-right: 30px;
    }
    .text-category,
    .opt-text {
        max-width: 100%;
    }
    .tr-list .tr-item:nth-child(3) {
        margin-top: 50px;
        margin-left: 0px;
    }
    .banner-screen .order-4 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .order-4 {
        -ms-flex-order: 1;
        order: 1;
    }
    .page-inner.page-start-banner {
        padding: 72px 0 56px;
    }
    .banner-screen .screen-img {
        max-height: 320px;
    }
    .banner-screen {
        margin-bottom: 56px;
    }
    .category-search .input-item .input-style,
    .category-page-tools .category-search {
        max-width: 100%;
    }
    .catalog-filter.sort-box {
        margin-top: 32px;
    }
    .banner-item {
        height: 330px;
    }
    .new-pr,
    .tr-home,
    .collection-box,
    .banner-sliders {
        margin-bottom: 56px;
    }
    .tr-cnt {
        max-width: 100%;
        padding: 30px;
    }
    .hidden-sm {
        display: none;
    }
    .visible-sm {
        display: block !important;
    }
    .buble-box .bubble-rmb,
    .buble-box .bubble-rm,
    .buble-box .bubble-lm {
        display: none;
    }
    .about-page .bubble-rt,
    .about-page .bubble-rm,
    .about-page .bubble-lm,
    .about-page .bubble-rmb {
        display: none;
    }
    .head-col-left,
    .col-about-right {
        padding-left: 15px;
    }
    .about-two {
        padding: 40px 15px;
        margin: 0 -15px;
    }
    .about-page .head-section .title-section {
        margin-bottom: 32px;
    }
    .promo-item {
        text-align: left;
        position: relative;
        top: inherit;
        right: inherit;
        max-width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .promo-img {
        margin-bottom: 20px;
        -ms-flex-item-align: center !important;
        align-self: center !important;
        width: 82px;
    }
    .promo-t {
        -ms-flex-item-align: center !important;
        align-self: center !important;
        width: calc(100% - 82px);
        padding-left: 16px
    }
    .t-text.visible-xs {
        margin-bottom: 32px;
    }
    .title-section-sm {
        margin-bottom: 15px;
    }
    .assor-pr {
        min-height: inherit;
        background-image: none;
        padding: 0;
    }
    .tag-item {
        margin-right: 15px;
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 20px;
    }
    .about-img-list .row {
        margin-left: -4px;
        margin-right: -4px;
    }
    .about-img-list .row .col-7,
    .about-img-list .row .col-5 {
        padding-left: 4px;
        padding-right: 4px;
    }
    .img-l img+img {
        margin-top: 8px;
    }
    .about-two {
        margin-bottom: 56px !important;
    }
}

@media (min-width:992px) {
    .dropdown-item {
        font-size: 14px;
        line-height: 20px;
        white-space: normal;
        /*color: #2C5535;*/
        padding: 5px 20px;
        transition: all 0.4s ease-in-out;
    }
    nav.navbar .dropdown:hover>.dropdown-menu {
        display: block;
    }
    /*
@media only screen and (max-device-width: 992px) {
    nav.navbar .dropdown:hover .dropdown-menu {
        display: none;
    }
}
*/
    .dropdown-menu {
        margin: 0;
        max-width: 215px;
        min-width: 215px;
        background-color: #fff;
        border: 1px solid #AC3444;
        border-radius: 0;
        padding: 15px 0;
        border-top: 1px solid #AC3444;
        box-sizing: border-box;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
        visibility: hidden;
        opacity: 0;
        transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        display: block;
    }
    .nav-item.dropdown:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
    }
    .daterangepicker.dropdown-menu {
        padding: 0;
        border: 0;
        box-shadow: none;
        background: transparent;
        min-width: inherit;
    }
    .dropdown-divider {
        border-top: 1px solid #abb0bb;
    }
    .dropdown-item:hover,
    .dropdown-item:focus {
        /*color: #cb5599;
    text-decoration: none;
    background-color: transparent;*/
        /*color: #2C5535;*/
        text-decoration: none;
        color: #AC3444;
        background-color: transparent;
        /*		background-color: rgba(255, 232, 232, 0.7);*/
    }
    .dropdown-item.active,
    .dropdown-item:active {
        color: #231F20;
        text-decoration: none;
        background-color: transparent;
    }
    .tag-item {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .tag-list {
        margin-top: 50px;
    }
       .card-gallery {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
}

@media (min-width:992px) and (max-width:1199px) {
    .navbar-light .navbar-brand {
        margin-right: 50px;
    }
    .offset-ke {
        padding-left: calc((100% - 945px) / 2);
    }
    .first-scpage .col-xl-5.order-3.col-lg-6.align-self-center {
        padding-right: 0;
    }
    .banner-screen .order-4 {
        padding-right: 0px;
    }
    .col-about-right {
        padding-left: 40px;
    }
    .promo-two {
        right: -100px;
    }
    .promo-one {
        max-width: 150px;
        top: -30px;
        right: -80px;
    }
    .tr-block {
        margin-top: inherit;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1110px;
    }
    .offset-ke {
        padding-left: calc((100% - 1080px) / 2);
    }
    .container-no-p {
        padding: 0px;
    }
    .page-mod.first-scpage .screen-img {
        max-height: 775px;
    }
}

@media (min-width: 1200px) and (max-height: 700px) {}