@media screen and (max-width: 1340px){
    #category-listing .filter .filter-left{
        display: block;
        width: 100%;
        padding-right: 0px;
    }
    #contacts-section .form-item.half{
        width: 100%;   
    }
    #product-browse-one .product-info{
        display: block;
        width: 100%;
    }
    #product-browse-one .details{
        width: 50%;
    }
    #product-browse-one .images{
        width: 50%;
    }
}
@media screen and (max-width: 1280px){
    #header .offices-section {
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }
    #header-form{
        width: calc( 100% - 380px );
    }
}  
@media screen and (max-width: 1080px){
    #footer-top .item:first-child{
        width: 100%;
    }
    #footer-top .info{
        width: 100%;
        max-width: 100%;
    }
    #footer-top .item{
        width: 50%;
    }
}
@media screen and (max-width: 1024px){
    #logo{
        width: 100%;
        text-align: center;
    }
    #header-form{
        width: 100%;
        text-align: center;
    }
    #top-menu .icon{
        display: block;
    }
    #top-menu .langs-div ul li{
        padding: 20px 10px;
    }
    #top-menu .icon a{
        display: block;
        font-size: 20px;
        text-transform: uppercase;
        color: #444;
        font-weight: bold;
        padding: 20px 10px;
        text-align: right;
    }
    #top-menu .menu ul{
        display: none; 
        opacity: 0;
        position: absolute;
        right: 0; top: 58px;
        width: 100%;
        min-width: 200px;
        background: rgba(51,51,51,0.9);
        padding: 10px 0;
        animation: 1s showing ease-in-out; 
    }
    #top-menu.responsive .menu ul{
        display: block;  
        opacity: 1;
        animation: 1s showing ease-in-out;
        left: 0;
        z-index: 1000;
        top: 157px;
        text-align: center;
    }
    #top-menu .menu ul li {
        display: block;
        width: 100%;
    }
    #top-menu .menu > ul > li.active::after, #top-menu .menu > ul > li:hover::after{
        content: none;
    }
    #top-menu .menu > ul > li.active::before, #top-menu .menu > ul > li:hover::before{
        content: none;
    }
    header #top-menu .menu ul li::before{
        content: none;
    }
    #header-right #top-menu::after{
        content: none;
    }
    header #top-menu .menu ul li a{
        padding: 12px 20px 10px;
    }

    header #top-menu .menu ul li.active a{
        color: #fefefe;
    }
    #activities-section .item{
        width: 49%;
    }
    #gallery-browse .item{
        width: 49%;
    }

    #banner-slider .baner-full,
    .main #banner-slider .baner-full{
        height: auto;
    }
    #banner-slider .baner-full .banner-image,
    #banner-slider .baner-full .banner-video{
        position: relative;
        height: 150px;
    }
    #banner-slider .baner-full img{
    }
    .main #banner-slider .baner-full img{
    } 
    #banner-slider .description {
        position: relative;
        width: 100%;
        left: 0;
        bottom: initial;
        background-color: rgba(19,82,101,1);
    }
    #banner-slider .description .read-more{
        display: block;
        float: none;
        margin-left: auto;
        width: 200px;
    }
    body #banner-slider .bx-wrapper .bx-controls-direction a{
        display: none;
    }
    #banner-slider .description h1{
        font-size: 25px;
        line-height: 30px;
    }
    #top-menu .menu ul{
        width: 300px;
    }
    #top-menu .menu > ul > li{
        padding: 10px 10px;
    }
    #banner-slider .description{
        background: rgba(68, 69, 71, 0.9);
    }
    #top-menu .menu{
      width: calc( 100% - 90px );
    }
    #top-menu .langs-div{
        padding: 0;
    }
    #firms-data #data-listing .table .order-date{
        display: none;
    }
    #data-listing.offer_form{
        
    }
    #data-listing.offer_form .theader{
        display: none;
    }
    #data-listing.offer_form .offer-sku,
    #data-listing.offer_form .offer-price{
        display: none;
    }
    #contacts-section .half{
        width: 100%;
    }
    #contacts-section .half:first-child{
        padding-right: 0;
        padding-bottom: 20px;
    }
    #contacts-section .half:last-child{
        padding-left: 0;
    }
    .center-panel{
        width: 100%;
    }
    .left-panel{
        width: 100%;
        text-align: center;
        padding-right: 0;
    }
    #auth-section .auth-menu:hover .sub-hover-div{
        display: none;
    }
    #auth-section .auth-menu:hover .submenu{
        display: none;
    }
    #auth-section .auth-menu.active:hover .sub-hover-div{
        display: block;
    }
    #auth-section .auth-menu.active:hover .submenu{
        display: block;
    }
    .filter-panel .inner{
        display: none;
    }
    #category-filters .column-left{
        display: block;
        width: 100%;
        padding-right: 0;
    }
    #category-filters .column-center{
        display: block;
        width: 100%;
        text-align: center;
    }
    #search-form{
        max-width: 100%;
    }
    #auth-section{
        display: block;
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }
    #top-menu .menu > ul > li a{
        color: #ffffff;
    }
    #inquiary-section-container{
        padding-left: 180px;
        padding-right: 180px;
    }
    #inquiary-section-container::before{
        width: 180px;
    }
    #inquiary-section-container::after{
        width: 180px;
    }
    
}
@media screen and (max-width: 980px){
    #news-page .content .item{
        width: calc( ( 100% / 3 ) - 40px );
    }
    #firms-data #data-listing .table .email{
        display: none;
    }
    a.edit-button, button.edit-button{
        width: 50%;
        margin-top: 10px;
    }
    .browse_products .product_item {
        width: calc( 50% - 40px ); 
    }
    .checkout-browse-footer .cart-footer-right .order-total{
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 860px){
    body{
        padding: 0px 10px 10px;
    }
    #layout-border-bottom{
        height: 10px;
    }
    #layout-border-top{
        height: 10px;
    }
    .trans #top-menu{
        top: 10px;
        left: 10px;
        width: calc( 100% - 20px );
    }
    body #cookie-bar{
        bottom: 10px;
        left: 10px;
        width: calc( 100% - 20px );
    }
    body .owl-prev,body .owl-next{

    }
    #footer-top .item{
        width: 50%;
        padding: 0 10px;
    }
    #footer-top .item:first-child{
        text-align: center;
        width: 100%;
    }
    .section h2{
        font-size: 20px;
    }
    .images-slider .image-item{
        width: 200px;
    }
    #firms-data #data-listing .table .order-address{
        display: none;
    }
    #top-menu{
        display: block;
        width: 100%;
    }
    #top-menu .auth-menu{
        width: 100%;
    }
    .browse_products .product_item {
        width: 100%; 
        margin-left: 0;
        margin-right: 0;
    }
    .products_section{
        display: flex;
        flex-direction: column;
    }
    #form-products-form-data{
        order: 2;
        width: 100%;
    }
    .products_section .right-panel{
        order: 3;
        width: 100%;
        padding-right: 0;
    }
    .products_section .full-panel{
        order: 1;
        width: 100%;
    }
    .orders-page{
        
    }
    .orders-page .form-item-col{
        width: 100%;
        padding-top: 10px; 
        padding-bottom: 10px;
    }
    .orders-page #data-listing .theader,
    .orders-page #data-listing .table .row-content .oheader{
        display: none;
    }
    .orders-page #data-listing .row, .orow{
        display: block;
    }
    .orders-page #data-listing .table .ind,
    .orders-page #data-listing .table .order-id,
    .orders-page #data-listing .table .order-name,
    .orders-page #data-listing .table .order-status,
    .orders-page #data-listing .table .order-sum,
    #data-listing .table .row-content .sub-col{
        width: 100% !important;
        display: block;
        text-align: center;
    }
    #data-listing .table .row-content .sub-col.order-item-sku,
    #data-listing .table .row-content .sub-col.order-item-price{
        display: none;
    }
    #product-browse-one .details{
        width: 100%;
        padding-top: 20px;
    }
    #product-browse-one .images{
        width: 100%;
        padding-right: 100px;
        padding-left: 100px;
    }
    #additional-section #additional-content-data{
        width: 100%;
    }
    .center-panel{
        width: 100%;
    }  
    .cart-browse-footer .cart-footer-right .order-total{
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .cart-section .section.half{
        width: 100%;
        padding-right: 0;
    }
    .checkout-browse-footer .cart-footer-left{
        width: 100%;
    }
    .checkout-browse-footer .cart-footer-right{
        width: 100%;
    }
    #search-form button {
        right: 22px;
    }
    #cart-section .mini-cart {
        width: auto;
    }
    #cart-section .mini-cart .digits{
        width: auto;
    }
    #cart-section .payments {
        width: 100%;
        text-align: right;
    }
    #auth-section .auth-menu .submenu{
        right: initial;
        left: 0;
        top: 35px;
        width: 285px;       
    }
    #auth-section .auth-menu .submenu .inner{
        background: rgba(51,51,51,0.9);
    }
    #auth-section .auth-menu .submenu ul li{
        padding: 7px 10px;
    }
    #auth-section .auth-menu .submenu ul li:last-child{
        padding-bottom: 7px;
    }
    #auth-section .auth-menu .submenu .inner ul li a{
        color: white;     
    }
    #auth-section .langs-div{
        width: 50%;
    }
    #auth-section .auth-menu .sub-hover-div {
        width: 100vw;
        top: 45px;
        right: initial;
        left: -10px;
    }
    .banner-center .additional-information{
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }
    #banner .description h1{
        font-size: 27px;
        line-height: 32px;
    }
    .section {
        padding: 40px 0;
    }
    table.cart-content, table.cart-content thead, table.cart-content tbody,
    table.cart-content tr, table.cart-content th, table.cart-content td{
        display: block;
    }
    table.cart-content tr.cart-row{
        margin-bottom: 20px;
        text-align: center;
    }
    table.cart-content tr.cart-row td{
        display: inline-block;
    }
    .cart-content .cart-row .img{
        width: 100%;
    }
    .cart-content .cart-row .ename{
        text-align: center;
        width: 100%;
    }
    .cart-content .cart-row .ename h3{
        text-align: center;
    }
    .cart-browse-footer .cart-footer-left{
        text-align: center;
    }
    .cart-browse-footer .cart-footer-right{
        text-align: center;
    }
    .cart-browse-footer .cart-footer-right .order-total{
        display: block;
        margin-right: 0;
    }
    #recent-products-listing{
        display: none;
    }
    .tabs-section .item.active, #product-slider-section .tabs-section .item:hover{
        width: 100%;
    }
    #product-slider-section .tabs-section .item{
        width: 100%;
    }
    #product-slider-section .owl-prev{
        left: 0;
        top: 50%;
    }
    #product-slider-section .owl-next{
        right: 0;
        top: 50%;
    }
    #product-slider-section .tabs-section{
        padding-right: 0;
    }
    #footer-top .item{
        width: 100%;
    }
    #footer-top h3{
        background-position-x: center;
        text-align: center;
        width: 100%;
    }
    #footer-top h3::before{
        right: calc( 50% + 25px );
        left: initial;
    }
    #footer-top h3::after{
        left: calc( 50% + 25px );
    }
    #footer-top .menu li{
        text-align: center;
    }
    #footer-social-section{
        text-align: center;
    }
    .fw-half:last-child{
        padding-left: 0;
    }
    .fw-half{
        width: 100%;
    }
    .fw-half:first-child{
        padding-right: 0;
    }
    .section .fw-half h2{
        text-align: center;
        background-position-x: center;
    }
    .section .fw-half h2::before{
        left: initial;
    }
    .section .fw-half h2::after{
        left: calc( 50% + 25px );
    }
    #contacts-section .form-item.half{
        padding-right: 0;
    }
    #news-page .images{
        width: 100%;
        margin-right: 0;
        float: none;
    }
    .owl-carousel .news-item{
        width: 240px;
    }
}
@media screen and (max-width: 780px){
    #category-listing .tabs-section .tab-item{
        width: 100%;
    }
    #category-listing .filter .filter-categories{
        width: 100%;
        padding-right: 0;
    }
    #category-listing .filter .filter-right{
        width: 100%;
    }
    .filter-right .item .props_vals{
        width: calc( 100% - 90px )
    }
        #inquiary-section-container{
        padding-left: 0;
        padding-right: 0;
    }
    #inquiary-section-container::before{
       content: none;
    }
    #inquiary-section-container::after{
        content: none;
    }
}
@media screen and (max-width: 680px){
    #top-menu{
        display: block;
        width: 100%;
    }

    #activities-section .item{
        width: 100%;
    }
    #gallery-browse .item{
        width: 100%;
    }
    #contact-form .subitem.w5{
        width: 100%;
    }
    #news-page .content .item{
        width: calc( ( 100% / 2 ) - 40px );
    }
    .video-slide .video-item iframe{
        width: 100% !important;
        height: 250px !important;                  
    }
    #news-section .item{
        width: 220px;
    }
    .half-right #news-section .owl-nav .owl-prev {
        padding-left: 0;
        left: -20px;
    }
    .half-right #news-section .owl-nav .owl-next {
        padding-right: 0;
        right: -20px;
    }
    #firms-data #data-listing .table .company_name{
        display: none;
    }
    #form-edit .form-item3{
        width: 100%;
    }
    a.green-button, button.green-button{
        width: 100%;
        margin-top: 10px;
    }
    a.red-button, button.red-button{
        width: 100%;
        margin-top: 10px;
    }
    a.edit-button, button.edit-button{
        width: 100%;
        margin-top: 10px;
    }
    .actions .status{
        margin-top: 10px;
    }
    #data-firms-users-section .table .user_name{
        display: none;
    }
    #data-firms-users-section .table .ind{
        display: none;
    }
    #data-listing.offer_form{
        
    }
    #data-listing.offer_form .row{
        display: block;
    }
    #firms-data #data-listing.offer_form .table .offer-name,
    #firms-data #data-listing.offer_form .table .offer-img,
    #firms-data #data-listing.offer_form .table .offer-qty,
    #firms-data #data-listing.offer_form .table .offer-total,
    #firms-data #data-listing.offer_form .table .offer-delete{
        width: 100%;
        display: block;
        text-align: center;
    }
    .delete-icon{
        margin-right: auto;
    }
    .offer-buttons{
        margin-bottom: 20px;
    }
    .offer-buttons, offer-footer-total{
        width: 100%;
        text-align: center;
    }
    .inblock{
        margin-top: 10px;
    }  
    #data-firms-users-section .table .actions{
        display: block;
        width: 100%;
    }
    #data-firms-users-section .table .name{
        width: 100%;
        display: block;
    }
    .half-left{
        padding: 0;
    }
    #form-edit .form-item3{
        padding-right: 0;
    }
    .offer-footer-total{
        width: 100%;
    }
    #firms-data #data-listing .table .order-date {
        display: block;
        width: 100%;
        text-align: center;
    }
    #firms-data #data-listing .table .order-user-created{
        display: block;
        width: 100%;
        text-align: center;
    }
    #copyright{
        text-align: center;
    }
    #copyright .copyright{
        float: none;
        margin-bottom: 10px;
    }
    #top-menu .menu ul{
        width: 100%;
        
    }
    #auth-section .auth-menu .submenu {
        left: -10px;
        width: 100vw;
    }
    #similar-content .owl-prev {
        left: 0px;
    }
    #similar-content .owl-next {
        right: 0px;
    }
}
@media screen and (max-width: 620px){
    #footer-top .menu li{
        width: 100%;
    }  
    #contact-form{
        padding: 20px 20px;
    }
    #contact-form .subitem{
        padding-right: 0px;
    }
   .wrapper{
        padding-left: 10px;
        padding-right: 10px;
    }
    #activity-section-data .item{
        width: auto;
    }
    #product-browse-one .images{
        padding-right: 10px;
        padding-left: 10px;
    }
    #product-browse-one .details .add-to-cart button{
        margin-left: 10px;
    }
    .banner-center .additional-information .item {
        padding-left: 0;
    }
    #footer-activity h3{
        width: 100%;
    }
    table.cart-content tr.cart-row td{
        display: block;
    }
    .cart-content .cart-row .product-item.price{
        width: 100%;
        margin-bottom: 10px;
    }
    .cart-content .cart-row .qty {
        margin-left: auto; margin-right: auto;
        margin-bottom: 10px;
    }
    .cart-content .cart-row .product-item.total-price{
        width: 100%;
        margin-bottom: 10px;
    }
    .cart-content .cart-row .actions {
        width: 100%;
    }
    #orders-content .order-header .order_id{
        width: 100%;
        text-align: center;
    }
    #orders-content .order-header .edate{
        width: 100%;
        text-align: center;
    }
    #orders-content .order-header .subtotal{
       width: 100%;
       text-align: center; 
    }
    #orders-content .order-content .order_type{
        width: 100%;
    }
    #orders-content .order-content .delivery_type{
        width: 100%;
    }
    #orders-content .order-content div {
        width: 100%;
    }    
}    

@media screen and (max-width: 560px){
    #category-browse .product_item{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 480px){
    #news-page .content .item{
        width: calc( ( 100% / 1 ));
    }
    #firms-data #data-listing .table .phone{
        display: none;
    }
    #firms-data #data-listing .table .name{
        width: 50%;
    }
    #search-form {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }
    #cart-section .payments {
        text-align: center;
    }
    #search-form button {
        right: 2px;
    }
    #search-form input[type="text"]{
        max-width: 100%;
    }
    .profile-section .buttons-div{
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .profile-section .data-div {
        width: 100%;
        padding-bottom: 0;
    }
    #invoice-data-footer{
        text-align: center;
    }
    .section .center-panel h2{
        text-align: center;
        background-position-x: center;
    }
    .section .center-panel h2:before{
        left: initial;
    }
    .section .center-panel h2:after{
        left: calc( 50% + 25px );
    }
    #auth-section .auth-menu{
        padding-left: 30px;
    }
    #product-browse-one .details .counts{
        display: block;
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
    #product-browse-one .details .add-to-cart{
        display: block;
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
    #product-browse-one .details .add-to-cart button{
        margin-left: 0;
    }
    .notification-custom .html{
        width: 70%;
    }
    a.button, .notification-custom .html button{
        display: block;
        width: 100%;
    }
    .notification-custom .html .half{
        width: 100%;
    }
    .cart-browse-footer .button.add-more{
        width: 50%;
    }
    .cart-browse-footer .button{
        width: 50%;
    }
    #top-menu.responsive .menu ul{
        right: 0;
    }
    
}