@media(min-width:1200px){
    .submenu-3-colums{
        width:900px;
    }
    .submenu-2-colums{
        width:500px;
    }
}
@media(max-width:1100px){
    .main-bar ul li a{
        padding:0px 15px;
    }
}
@media(max-width:992px){
    .add-new-btn{
        margin-bottom:20px;
    }
    .modal-body{
        padding:0px;
    }
    .product-box-img img{
        height:220px;
    }
    .related-product{
        margin-bottom:20px;
    }
    .video-wrapper video{
        height:214px;
    }
    .product-order-details{
        padding-left:0px;
    }
    .mobile-d-none{
        display:none;
    }
    .product-details-content .btn-fill-out{
        margin-right:20px;
    }
    .print-btn{
        padding: 8px 28px;
    }
    .delivered-btn{
        margin-right:20px;
    }
    .main-header{
        position:relative;
        border-bottom: 1px solid #ccc;
    }
    .mobile-search{
        position: absolute;
        top: 27px;
        left: 0;
        background: #fff;
        z-index: 1;
        transform: translateY(-30px);
        opacity:0;
        visibility: hidden;
        transition:all 0.3s;
    }
    .cart-button ul{
        display:flex;
        align-items: center;
        justify-content: flex-end;
    }

    .main-header.search-show .mobile-search{
        opacity:1;
        visibility: visible;
        transform: translateY(0px);
        transition:all 0.3s;
    }
    .side-dropmenu{
        display: none;
    }
    .bottom-header {
        background-color: #fff;
        padding: 30px 10px;
        position: absolute;
        top: 0;
        left: 0;
        width: 320px;
        min-height: 100%;
        z-index: 999;
        box-shadow: 0px 0px 10px #00000045;
        opacity:0;
        visibility: hidden;
        transform: translateX(-325px);
        transition:0.3s linear;
    }
    .bottom-header.menu-show{
        opacity:1;
        visibility: visible;
        transform: translateX(0px);
        transition:0.3s linear;
    }
    .main-bar ul{
        display:block;
    }
    .main-bar ul li{
        display:block;
        position: relative;
        padding: 5px 0px;
        width:100%;
    }
    .main-bar ul li a{
        color:#000;
        width:100%;
        display: inline-block;
    }
    .mainbar-list-has-menu:focus{
        background-color:#fff;
    }
    .main-bar-submenu{
        position:relative;
        top:0;
        background-color:transparent;
        max-height: 0px;
        opacity:0;
        visibility: hidden;
        transition: max-height 0.15s ease-out;
        overflow: hidden;
        transition:all 0.3s;
        padding:0;
    }
    .main-bar-submenu.active{
        max-height:500px;
        opacity:1;
        visibility: visible;
        transition: max-height 0.15s ease-out;
        transition:all 0.3s;
        overflow-y: auto;
    }
    .main-bar ul li:hover{
        background-color:transparent;
    }
    .sub-category-box{
        margin:0;
        padding: 10px 20px;
    }
    .sub-category-box ul li{
        padding:0px;
    }
    .hotline{
        background-color: rgb(0 0 0 / 59%);
        margin-top:20px;
        display: block;
    }
    .hotline .other-details{
        width: 100%;
        padding:10px 0px;
    }
    .hotline .lang_area{
        width: 100%;
        padding:10px 0px;
        height: auto;
    }
    .mainbar-list-has-menu .arrow::before{
        transform: rotate(-90deg);
        transition:all 0.3s;
    }
    .mainbar-list-has-menu .arrow.active::before{
        transform: rotate(0deg);
        transition:all 0.3s;
    }
    .close-btn-area{
        display:block;
        text-align: right;
        margin-bottom:20px;
    }
    .main-bar-submenu ul li a{
        padding:0px;
    }
    .main-bar ul li a {
        padding:0px;
    }
    .vendor-profile-area{
        margin-bottom:20px;
    }
    .sub-sub-category-box{
        margin-bottom:20px;
    }
    .billing-form{
        margin-bottom:30px;
    }
    .country-flag-content img{
        width: 80px;
        height: 50px;
    }
    /*.product-bottom-label{*/
    /*    padding: 5px;*/
    /*    height: 70px;*/
    /*}*/
    .subscribe-content h4{
        margin-bottom:20px;
    }
}
@media(max-width:767px){
    .tags-area ul li a{
        font-size:13px;
    }
    .section-header h3{
        font-size:30px;
    }
    .product-block-content{
        padding:0px 70px;
    }
    .login-form .text-right{
        text-align:left !important;
    }
    .wishlist-box{
        padding:20px 30px 40px 30px;
    }
    .country-flag-content img{
        margin-bottom:10px;
    }
    .country-flag-content h5{
        font-size: 16px;
    }
    .product-info{
        padding:20px 0px;
    }
    .payment-box{
        padding:20px;
    }
    .profile-box {
        padding: 0px;
        margin-bottom: 20px;
    }
    .modal-body {
        padding: 10px;
    }
    .main-header {
        padding: 10px 0px;
    }
    .mobile-search {
        top: 5px;
    }
    .header-logo img {
        max-width: 140px;
    }
    .top-bar{
        padding:5px 0px;
    }
    .vendor-details-area {
        padding: 30px 0px;
    }
    /* .our-product-box{ */
        /* height:560px; */
    /* } */
    .footer-box-bg{
        bottom: -6%;
        right: -5%;
    }
    .language-area ul{
        display: block;
    }
}
@media(max-width:580px){
    .category-slider .owl-nav .owl-next{
        right: -16%;
    }
    .category-slider .owl-nav .owl-prev{
        left: -16%;
    }
    .product-details-content .btn-fill-out{
        margin-right:5px;
    }
    .cart-button ul li{
        margin-right:10px;
    }
    .cart-button ul li a{
        padding:5px;
    }
    .dropdown-trigger__item i{
        font-size: 20px;
        line-height: 30px;
    }
    .cart-dropdown{
        width:260px;
    }
    .checkout-btn{
        padding:10px 0px !important;
    }
    .view-cart-btn{
        padding:10px 0px !important;
    }
    .product-content ul li{
        margin-right:0;
        padding-left:5px;
    }
    .login-btn{
        margin-left:10px;
    }
    .review-profile-pic img{
        width: 80px;
        height: 80px;
    }
    .products-area {
        padding: 50px 0px;
    }
    .footer-box-bg{
        right: -23%;
    }
}
@media(max-width:480px){
    .tags-area{
        padding-top:10px;
    }
    .country-flag-content img{
        width: 90px;
        height: 50px;
    }
    .country-flag-content h5{
        font-size:15px;
    }
    .tags-area ul li a{
        font-size:11px;
    }
    .tags-area ul li:not(:last-child,:first-child):after{
        margin:0px 5px;
    }
    .mobile-logo-area img{
        max-width:100px;
    }
    .product-block-content {
        padding: 0px 60px;
    }
    .product-block-content:before{
        height: 70px;
    }
    .category-slider .owl-nav .owl-prev{
        width: 40px;
        height: 40px;
        bottom: 10%;
        left: -17%;
        font-size:20px !important;
    }
    .category-box h4{
        font-size:14px;
        padding:10px 0px;
    }
    .category-slider .owl-nav .owl-next{
        width: 40px;
        height: 40px;
        bottom: 10%;
        right: -17%;
        font-size:20px !important;
    }
    .banner-bottom-img {
        padding: 20px 0px;
    }
    .shop-category{
        padding:20px 0px 30px 0px;
    }
    .section-header{
        margin-bottom:20px;
    }
    .section-header h3{
        font-size:20px;
    }
    .our-products{
        padding: 20px 0px;
        margin-bottom:10px;
    }
    .footer-top{
        padding:20px 0px;
    }
    .footer-box h3{
        font-size:18px;
    }
    .social-icon ul li a{
        width:40px;
        height:40px;
        font-size:20px;
    }
    .login-area {
        padding: 20px 0px;
    }
    .login-form{
        padding:10px;
    }
    .login-header h3{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .login-form p{
        width:100%;
        margin: 0px auto 20px auto;
    }
    .cart-section {
        padding: 30px 0px;
    }
    .cart-product{
        padding: 20px 10px 30px;
    }
    .product-rating ul li i{
        font-size:16px;
    }
    .cart-content h3{
        font-size:20px;
    }
    .product-order-details h3{
        font-size:18px;
        padding-top:10px;
    }
    .product-order-details h4{
        font-size:18px;
    }
    .wishlist-box {
        padding: 10px;
    }
    .remove-btn{
        /* bottom: -60px; */
        font-size:14px;
    }
    .product-details-content h4{
        font-size:14px;
        margin-bottom: 5px;
    }
    .product-details-content ul li{
        margin-right:10px;
        font-size:13px;
    }
    .product-details-content h3{
        font-size:20px;
        margin-bottom:10px;
    }
    .wishlist-area {
        padding: 30px 0px;
    }
    .btn-fill-out{
        padding: 5px 7px;
        font-size:14px;
    }
    .print-btn{
        padding: 5px 10px;
        font-size:13px;
        line-height: 17px;
    }
    .mobile-d-none{
        display: none;
    }
    .delivered-btn{
        font-size:13px;
        margin-right: 10px;
    }
    .order-details-area {
        padding: 30px 0px;
    }
    .order-header h2{
        font-size: 25px;
    }
    .order-header ul li{
        font-size:14px;
    }
    .shipment-details{
        padding: 10px;
        margin-bottom: 20px;
    }
    .order-header {
        margin-bottom: 15px;
    }
    .shipment-box h3{
        font-size: 18px;
    }
    .shipment-box p{
        font-size:14px;
    }
    .shipment-box table th, .shipment-box table td{
        font-size:14px;
    }
    .shipment-box table h6{
        font-size:16px;
    }
    .sidebar-content{
        padding:20px;
    }
    .profile-area {
        padding: 30px 0px;
    }
    .password-box {
        padding: 0px 20px 10px 20px;
    }
    .product-detail {
        padding: 30px 0px;
    }
    .about-content-details {
        padding: 30px 0px;
    }
    .banner-content h2{
        font-size: 35px;
    }
    .inner-banner{
        height: 180px;
    }
    .about-content h4{
        font-size:20px;
    }
    .about-content p{
        font-size:14px;
    }
    .contact-content{
        padding:30px 0px;
    }
    .contact-map-area .mapouter{
        padding:6px;
    }
    .contact-header h3{
        font-size:25px;
    }
    .product-box{
        padding:10px;
    }
    .product-box-img img{
        height:150px;
    }
    .product-label .label{
        width: 35px;
        height: 35px;
        font-size: 10px;
    }
    .related-product-header h3{
        margin-bottom:40px;
    }
    .related-slider .owl-nav{
        top:-32px;
    }
    .btm-btn .product-btn{
        font-size:12px;
    }
    .product-box-content h3{
        font-size:16px;
    }
    .product-box-content ul{
        margin-bottom:5px;
    }
    .product-box-content h3 span{
        font-size:14px;
    }
    .add-cart-btn{
        padding: 10px 15px;
        font-size:12px;
    }
    .video-wrapper video {
        height: 200px;
    }
    .cart-content h4{
        font-size:14px;
    }
    .payment-box{
        padding:10px;
    }
    .contact-form h4{
        font-size: 20px;
    }
    .banner-area .swiper-button-next, .banner-area .swiper-button-prev {
        width: 50px;
        height: 30px;
        background-size: 25px 25px;
    }
    .banner-area .swiper-pagination-bullet{
        width:10px;
        height:10px;
    }
    .products-slider .swiper-pagination-bullet{
        width:10px;
        height:10px;
    }
    .address-box{
        padding:10px;
    }
    .address-box h4{
        font-size:18px;
    }
    .address-box p{
        font-size:14px;
    }
    .footer-button a:last-child{
        margin-left:10px;
    }
    .profile-card {
        padding: 30px 0px;
    }
    .card-box{
        padding:10px;
    }
    .card-box h4{
        font-size:16px;
    }
    .product-rating ul li{
        margin:0;
    }
    .product-rating ul li.text{
        padding-left:5px;
        font-size:10px;
    }
    .product-rating ul{
        margin-bottom:5px;
    }
    .product-details-content ul {
        margin-bottom: 5px;
    }
    .top-bank ul li {
        width: calc(100% / 5 - 8px);
        margin-right: 5px;
        padding:5px;
    }
    .top-bank ul li h6{
        font-size:12px;
    }
    .login-btn a{
        font-size:12px;
    }
    .lang_area ul li a{
        font-size:12px;
    }
    .header-logo img{
        max-width: 100px;
    }
    .cart-button ul li a i{
        font-size:16px;
    }
    .cart-button ul li a{
        padding:0;
        border:none;
        border-radius:0;
    }
    .cart-button ul li a:hover{
        border:none;
    }
    .cart-button ul li a span{
        width: 12px;
        height: 12px;
        top: -5px;
        left: -5px;
    }
    .bottom-header{
        width:260px;
    }
    .search-area{
        padding:0px;
    }
    .search-box .form-control{
        font-size:14px;
    }
    .search-box .search-btn{
        font-size:20px;
    }
    .cart-box-content p{
        font-size:12px;
    }
    .switch{
        width:65px;
    }
    .slider:after{
        right:-15%;
        font-size:12px;
    }
    input:checked + .slider:before{
        -webkit-transform: translateX(41px);
	    -ms-transform: translateX(41px);
	    transform: translateX(41px);
    }
    /* .login-btn .mobile-login-icon{
        opacity: 1;
        visibility: visible;
    }
    .login-btn .desktop-login{
        opacity: 0;
        visibility: hidden;
    } */
    .login-btn{
        padding:0px 5px;
    }
    .review-area{
        padding:20px 0px;
    }
    .review-area h2{
        font-size:16px;
        margin-bottom:20px;
    }
    .review-profile-pic img {
        width: 60px;
        height: 60px;
    }
    .review-content p{
        font-size:14px;
    }
    .star_rating span{
        margin-right:0;
    }
    .star_rating span i{
        font-size:20px;
    }
    .product-react-area{
        padding:10px 6px;
    }
    .product-react-area ul li a{
        font-size:14px;
    }
    .product-react-area ul li i{
        font-size:16px;
    }
    .vendor-profile-area{
        padding:10px;
    }
    .vendor-profile-head img{
        width:80px;
        height:80px;
        margin-bottom: 10px;
    }
    .total-view-icon{
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }
    .total-view-icon i{
        font-size:20px;
    }
    .vendor-profile-head h4{
        font-size:20px;
        margin-bottom:5px;
    }
    .vendor-profile-head p{
        font-size:14px;
        margin-bottom:20px;
    }
    .total-view-content h4{
        font-size:16px;
    }
    .total-view-content p{
        font-size:12px;
    }
    .vendor-details-area .nav-pills .nav-link{
        padding: 5px 20px;
        margin-right: 10px;
        border-radius: 16px;
    }
    .about-vendor-box{
        padding:10px;
    }
    .about-vendor-box h4{
        font-size:18px;
        margin-bottom:10px;
    }
    .about-vendor-box p{
        margin-bottom:20px;
    }
    .otp-content{
        margin-top:30px;
    }
    .otp-content p{
        margin:0;
    }
    .passcode-wrapper .opt-box{
        padding: 5px 13px;
    }
    .sub-sub-category-box img{
        width:60px;
        height:60px;
        margin-bottom:10px;
    }
    .sub-sub-category-box h4{
        font-size:14px;
    }
    .products-area {
        padding: 30px 0px;
    }
    .product-category {
        padding-top: 30px;
    }
    .orders-content .nav-pills .nav-link{
        font-size: 18px;
        margin-right: 10px;
        padding:5px 25px;
    }
    .billing-form ul li input[type="radio"] {
        width: 15px;
        height: 15px;
    }
    .footer-box-bg{
        display:none;
    }
    .payment-method ul li img{
        height:16px;
    }
    /* .our-product-box{ */
        /* height:460px; */
    /* } */
    .author-label img{
        width:30px !important;
    }
    .product-detail-img img{
        height:260px;
    }
    .product-detail-img-thumb img{
        height:60px;
    }
    .subscribe-content h4{
        font-size:20px;
    }
}
@media(max-width:380px){
    .product-block-content {
        padding: 0px 50px;
    }
}