#navbarNav.navbar-collapse.collapsing{
    position: absolute;
    top: 75px;
    width: 100%; max-width: 250px;
    background: var(--color-dark-black);
    padding: 10px 20px;
    z-index: 999999;
}

@media screen and (min-width: 576px){  
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width: 760px;
    }
} 
@media screen and (min-width: 768px){  
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width: 990px;
    }
} 
@media screen and (min-width: 992px){  
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width: 1200px;
    }
}   
@media screen and (min-width: 1200px){  
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width: 1512px;
    }
    .navbar-expand-xl .navbar-toggler{
        display: block;
    }
    .navbar-expand-xl .navbar-collapse{
        display: none !important;
    }
    .navbar-expand-xl .navbar-collapse.show {
        display: block !important;
    }
    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media screen and (min-width: 1300px){
    .navbar-expand-xl .navbar-toggler{
        display: none;
    }
    .navbar-expand-xl .navbar-collapse{
        display: flex !important;
    }
    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    
}   
@media screen and (max-width: 1300px){   
    #navbarNav.navbar-collapse.show{
        position: absolute;
        top: 75px;
        width: 100%; max-width: 250px;
        background: var(--color-dark-black);
        padding: 10px 20px;
        z-index: 999999;
    }
    #top-menu .nav-item.active a, #top-menu .nav-item:hover a{
        color: var(--color-yellow);
    }
    #top-menu .nav-item.active::after, #top-menu .nav-item:hover::after{
        content: none;
    }
    header .col-phone a{
        display: block;
    }
}
@media screen and (max-width: 1200px){   
    .adverts.adverts-2{
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 1120px){   
    #breadcrumps .module-content {
        position: relative;
        top: 0;
        max-width: 100%;
        z-index: 1;
        text-align: center;
    }
    h1.title.main-title, h2.title.main-title{
        margin-left: auto;
        margin-right: auto;
    }
    #categories-menu{
        padding-right: 15px !important;
    }
    #categories-menu .categories-container{
        width: calc( 100% - 30px );
    }
}
@media screen and (max-width: 1024px){   
    #categories-menu{
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    #social-section .row > div{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center !important;
    }
    #social-section h2{
        text-align: center;
    }
    .filter-right{
        position: relative;
        margin-bottom: 25px;
        right: 0;
    }
    .images{
        -ms-flex: 0 0 350px;
        flex: 0 0 350px;
        max-width: 350px;
    }
    .product-details{
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .product-actions{
        padding-left: 15px !important;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #cart-browse .col.img-ename {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    #cart-browse .col.ename{
        -ms-flex: 0 0 calc( 100% - 100px );
        flex: 0 0 calc( 100% - 100px );
        max-width: calc( 100% - 100px );
        margin-bottom: 15px;
    }
    #cart-browse .col.price, #cart-browse .col.total-price{
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .cart-browse-footer .cart-footer-left{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
        text-align: center;
        margin-top: 25px;
        padding-left: 15px !important;
    }
    .cart-browse-footer .cart-footer-right{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px !important;
    }
    .cart-browse-footer .cart-footer-right .col.col-checkout{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-top: 25px;
    }
    .cart-browse-footer .cart-footer-right .col:first-child{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    #similar-section .owl-prev{
        left: -10px;
    }
    #similar-section .owl-next{
        right: -10px;
    }
    
}
@media screen and (max-width: 960px){
    #logo{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    header .col-menu, header .col-header-info{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #navbarNav.navbar-collapse.show,
    #navbarNav.navbar-collapse.collapsing{
        top: 55px;
    }
}
@media screen and (max-width: 860px){
    #logo{ text-align: center }
    #categories-menu{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .main #categories-menu{
        margin-bottom: 15px !important;
    }
    #categories-menu .categories-container{
        position: relative;
        width: 100%;
    }
    #categories-menu .categories-container-data {
        min-height: 0;
    }
    .order-item .order-header,
    .order-item .order-content{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-item .toggle-order{
        display: flex;
        margin-bottom: 16px;
    }
    .order-item .toggle-order .item-info{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 100%;
        margin-bottom: 0 !important;
    }
    .order-item .toggle-order .item-info:last-child{
        text-align: right
    }
    .order-item .order-main-content{
        display: flex;
    }
    .order-item .order-main-content .item-info{
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        width: 100%;
        margin-bottom: 0 !important;
    }
    .order-item .order-main-content .item-info:nth-child(3n+2){
        text-align: center;
    }
    .order-item .order-main-content .item-info:nth-child(3n+3){
        text-align: right;
    }
    
}  

@media screen and (max-width: 767px){ 
    #logo{
        -ms-flex: 0 0 calc( 100% - 90px );
        flex: 0 0 calc( 100% - 90px );
        max-width: calc( 100% - 90px );
        flex-grow: 1;
        text-align: left;
    }
    header .col-menu{
        -ms-flex: 0 0 90px;
        flex: 0 0 90px;
        max-width: 90px;
    }
    .navbar-dark .navbar-toggler{
        margin-left: auto;
        margin-right: 15px;
    }
    header .col-header-info {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    header .col-header-info .col-phone{
        text-align: left !important;
        padding-right: 0;
    }
    header .col-phone a{
        max-width: 100%;
    }
    .adverts.adverts-1{ margin-bottom: 25px;}
    #footer-top .row > div{
        margin-bottom: 25px;
    }
    #footer-top .row > div:last-child{
        margin-bottom: 0;
    }
    #footer-top h3{
        text-align: center;
    }
    #footer-top h3::after{
        left: 50%;
        transform: translateX(-50%);
    }
    #footer-top .menu, 
    #footer-top .contact-info, 
    #footer-top .subitem{
        text-align: center;
    }
    #productsSliderTab.nav-pills{
        justify-content: center;
    }
    #productsSliderContent{
        text-align: center;
        margin-left: -15px;
        margin-right: -15px;
    }
    #productsSliderContent .owl-carousel .product_item{
        margin: 15px;
        display: inline-block;
        vertical-align: top;
    }
    #footer-top{
        padding-bottom: 35px;
    }
    .section p, .description p,
    #footer-top .info p,
    #product-description,
    #product-category-section .product-category-container .text{
        text-align: justify;
    }
    #contacts-page h3.title, 
    .contact-info .item,
    #product-page h3{
        text-align: center;
    }
    #contact-form{
        max-width: 100%;
        width: 100%;
    }
    #contact-form input[type="text"], #contact-form input[type="number"], 
    #contact-form input[type="email"], #contact-form input[type="password"], 
    #contact-form textarea{
        max-width: 100%;
    }
    #contact-form button.submit{
        max-width: 100%;
        width: 100%;
    }
    #map-section h2.title{
        text-align: center;
    }
    .images{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .product-details{
        padding-left: 15px !important;
    }
    #product-page .accessoaries h3{
        text-align: center;
        font-weight: 500;
    }
    #product-page .accessoaries .col-9{
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    #product-page .accessoaries .col-3{
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        max-width: 200px;
    }
    #product-category-section{
        height: auto;
        min-height: 350px;
    }
    .props-accessoaries-item.row .col-auto{
        -ms-flex: 0 0 calc( 100% - 190px );
        flex: 0 0 calc( 100% - 190px );
        max-width: calc( 100% - 190px );
    }
    .cart-section .form-container{
        max-width: 100%;
    }
    .cart-section input[type="text"], .cart-section input[type="number"], 
    .cart-section input[type="email"], .cart-section input[type="password"], 
    .cart-section textarea{
        width: 100%; 
        max-width: 100%;
    }
    .checkout-browse-footer .cart-footer-right{
        margin-top: 25px;
    }
    .checkout-browse-footer .order-totals{
        text-align: center;
        display: block;
    }
    .checkout-browse-footer .cart-footer-right .submit,
    .auth-content .submit{
        margin-left: 0 !important;
        width: 100%;
        max-width: 100%;
        margin-top: 25px;
    }
    .col-md-4.pr-5{
        padding-right: 15px !important;
    }
    .auth-content form > .row > div{
        margin-bottom: 25px;
    }
    .auth-content .row div[class*="col-md-"]{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .order-item:not(.show) .cart-row-header{
        display: none;
    }
    .order-item:not(.show), .order-item:not(.show) .order-header{
        margin-bottom: 0 !important;
    }
    
    .section-border-left{
        padding-left: 15px;
    }
    .section-border-left::before {
        content: none;
    }
    .section h2, h2.title{
        text-align: center;
    }
    .service-container .col-md-3{
        margin-bottom: 25px;
    }
    .service-container .col-md-3:last-child{
        margin-bottom: 0;
    }
    #gallery-section h3{
        text-align: center;
    }
    #gallery-section .gallery-content{
        padding-right: 0;
    }
    #gallery-section .gallery-content::after{
        content: none;
    }
    #gallery-section .img{
        max-width: 100%;
    }
    #browse_products {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .product-checkout-inquire{
        margin-left: 15px;
        margin-right: 15px;
        max-width: calc( 100% - 30px ) !important;
    }
    #product-description{
        padding-left: 15px;
    }
    #product-description::before{
        content: none;
    }
    #gallery-page-section h2{
        text-align: center;
        margin-top: 25px;
    }
    #gallery-page-section .description-products-item .ename-price .col-md-6{
        text-align: center !important;
        margin-bottom: 15px;
    }
    #gallery-page-section .description-products-item .ename-price .col-md-6:last-child{
        margin-bottom: 0;
    }
    #gallery-page-section .description{
        padding-left: 15px;
    }
    #gallery-page-section .description:before{
        content: none;
    }
    #gallery-images .img{
        margin-bottom: 15px;
    }
    #map-section h2.title{
        font-size: 32px;
    }
    #gallery-section .owl-prev{
        left: -15px;
    }
    #gallery-section .owl-next{
        right: -15px;
    }
    #search-form .search-item{
        width: 100%;
    }
    #search-form .search-item input[name="q"]{
        width: 100%;
    }
    #top-menu .navbar{
        align-items: center;
        justify-content: center;
    }
    #navbarNav.navbar-collapse.show, 
    #navbarNav.navbar-collapse.collapsing{
        right: 0;
        width: 100vw; max-width: 100vw;
    }
}
@media screen and (max-width: 680px){
    #banners, #banners .baner-full{
        height: auto;
    }
    #banners h1{
        font-size: 26px;
    }
    #banners .banner-image{
        position: relative;
        top: 0; left: 0;
        transform: none;
        width: 100%;
        height: 280px;
    }
    #banners .description{
        position: relative;
        top: 0; left: 0;
        transform: none;
        width: 100%;
        padding: 25px;
    }
    
}  

@media screen and (max-width: 576px) {
    .col-70{
        -ms-flex: 0 0 70px;
        flex: 0 0 70px;
        max-width: 70px;
    }
    .auth{
        text-align: center;
    }
    .auth .text{
        display: none;
    }
    header .auth ul{
        left: 50%;
        transform: translateX(-50%);
    }
    header .auth ul::before{
        left: calc( 50% - 10px );
        transform: translateX(-50%);
    }
    .auth img{
        padding-right: 0 !important;
    }
    #copyright .row > div {
        text-align: center !important;
    }
    .col-left-column,#category-content{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #browse_products{
        text-align: center;
    }
    .filter_title_name{
        display: block;
    }
    #category-filters{
        margin-bottom: 25px !important;
    }
    #category-section .page-info{
        margin-bottom: 25px !important;
    }
    #category-filters > div{
        display: none;
    }
    #category-filters.show > div{
        display: block;
    }
    .images .image .img{
        height: 350px;
    }
    #product-page button.submit,
    input[type="text"], input[type="number"], 
    input[type="email"], input[type="password"], 
    textarea:hover{
        max-width: 100%;
        width: 100%;
    }
    .section h2, h2.title{
        text-align: center;
    }
    #cart-browse .col.actions {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 15px;
    }
    .mini-cart-section .mini-cart{
        right: 0;
    }
    .mini-cart-section .mini-cart-data {
        width: calc( 100vw - 20px );
    }
    .mini-cart-section .mini-cart-data::before{
        right: 27px;
    }
    
    #products-most-section h2.title{
        text-align: center;
    }
    #products-most-section h2.title .button.float-right{
        float: none !important;
        margin-top: 10px;
        display: inline-block;
    }
    .product_item{
        margin-left: 0; margin-right: 0;
        width: 100%;
        
    }
    #gallery-page-section .col-image{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 16px;
    }

    #gallery-page-section .col-properties{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #gallery-page-section .product-tab-description {
        padding-left: 0;
    }
}

@media screen and (max-width: 520px) {
    .search-col, .call-to{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .search-col{
        margin-bottom: 25px;
    }
    .call-to{
        text-align: center !important;
    }
    .adverts.adverts-1 .description{
        width: 100%;
    }
    .adverts h2{
        max-width: 100%;
    }
    .props-accessoaries-item.row .col.col-checkout{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        font-weight: 500;
    }
    .props-accessoaries-item.row .col-auto{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-border-left{
        padding-left: 15px;
    }
    .section-border-left::before{
        content: none;
    }
}

@media screen and (max-width: 420px) {
    .adverts h2{
        max-width: 100%;
    }
    .adverts .read-more{
        position: relative;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #product-page .accessoaries .col-9{
        text-align: center !important;
    }
    #product-page .accessoaries .col-3{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center !important;
    }
    #cart-browse .col.total-price{
        margin-top: 15px;
    }
    #cart-browse .col.actions,
    #cart-browse .col.qty {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #cart-browse .col.img,
    #cart-browse .col.ename{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    header .auth ul{
        width: 100vw;
        top: 70px;
    }
    #top-menu-right-section, #top-menu-right-section .auth-column,
    header .auth{
        position: initial;
    }
    header .auth a.carret::after{
        content: none;
    }
    .mini-cart-section .mini-cart-data .minicart-footer .total{
        text-align: center;
    }
    .mini-cart-section .mini-cart-data .minicart-footer .order{
        text-align: center;
    }
    .mini-cart-section .mini-cart-data .minicart-footer .order .button.share-it{
        float: none;
        margin-bottom: 16px;
    }
    header .col-header-info, #top-menu{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #top-menu .navbar{
        align-items: center;
        justify-content: center;
    }
    #navbarNav.navbar-collapse.show, 
    #navbarNav.navbar-collapse.collapsing{
        right: 0;
        width: 100vw; max-width: 100vw;
    }
    header .col-language{
        -ms-flex: 0 0 90px;
        flex: 0 0 90px;
        max-width: 90px;
        padding-left: 0;
    }
}