@media only screen and (min-width:992px) and (max-width:1199px){
    .section-title{
        padding:0 250px
    }
    .header .nav-hotline h3 span{
        font-size:12px;
        font-weight:600
    }
    .header .mega-category-menu{
        padding-right:0px
    }
    .navbar-nav .nav-item a.dd-menu::after{
        right:-15
    }
    .featured-categories .single-category img{
        width:50%
    }
    .footer .footer-top .footer-newsletter .newsletter-form input{
        width:240px
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .breadcrumbs{
        padding:30px
    }
    .breadcrumbs .breadcrumbs-content .page-title{
        font-size:17px;
        line-height:28px
    }
    .section{
        padding-top:60px;
        padding-bottom:60px
    }
    .section-title{
        padding:0 20px;
        margin-bottom:30px
    }
    .section-title h3{
        font-size:14px
    }
    .section-title h2{
        font-size:24px;
        line-height:32px;
        margin-bottom:20px
    }
    .section-title p{
        font-size:14px
    }
    .button .btn{
        padding:12px 25px;
        font-size:14px;
        font-weight:500
    }
    .button .btn-alt{
        padding:12px 25px;
        font-size:14px;
        font-weight:500
    }
    .header .nav-hotline{
        display:none
    }
    .header .mega-category-menu{
        display:none
    }
    .header .middle-right-area{
        justify-content: flex-end;
    }

    .header .navbar-cart .cart-items .shopping-item{
        top:68px
    }
    .header .mobile-menu-btn .toggler-icon{
        background-color:#081828
    }
    .header .button{
        margin:0!important
    }
    .header .nav-inner{
        display:block!important;
        padding:18px 0
    }
    .header .navbar-collapse{
        position:absolute;
        top:46px!important;
        left:0;
        width:100%;
        background-color:#fff;
        z-index:9;
        -webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.1);
        box-shadow:0 15px 20px 0 rgba(0,0,0,.1);
        padding:10px 20px;
        max-height:350px;
        overflow-y:scroll;
        border-top:1px solid #eee;
        border-radius:6px
    }
    .header .navbar .navbar-nav .nav-item a:hover{
        color:#0167f3!important
    }
    .header .navbar .navbar-nav .nav-item a.active{
        color:#0167f3!important
    }
    .header .navbar-nav .nav-item{
        margin:0
    }
    .header .navbar-nav .nav-item:hover a{
        color:#0167f3
    }
    .header .navbar-nav .nav-item a{
        padding:12px 16px!important
    }
    .header .navbar-nav .nav-item a::before{
        display:none
    }
    .header .navbar-nav .nav-item .sub-menu{
        position:static;
        width:100%;
        opacity:1;
        visibility:visible;
        -webkit-box-shadow:none;
        box-shadow:none;
        padding:0;
        border:none;
        margin-left:15px;
        margin-right:15px
    }
    .header .navbar-nav .nav-item .sub-menu .nav-item a{
        padding:12px
    }
    .header .navbar-nav .nav-item .sub-menu .nav-item a:hover{
        color:#0167f3!important
    }
    .header .navbar-nav .nav-item a{
        color:#051441;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding:10px 0
    }
    .header .navbar-nav .nav-item a::after{
        opacity:1;
        visibility:visible
    }
    .header .navbar-nav .nav-item .sub-menu li.active{
        background:#fff!important;
        color:#0167f3!important
    }
    .header .navbar-nav .nav-item .sub-menu .nav-item{
        margin:0!important
    }
    .header .navbar-nav .nav-item .sub-menu .nav-item a{
        padding:10px 12px!important
    }
    .header .navbar-nav .nav-item .sub-menu li:hover{
        background:#fff!important;
        color:#0167f3!important
    }
    .header .navbar-nav .nav-item a{
        font-size:14px
    }
    .header .navbar-nav .nav-item a:hover{
        color:#0167f3
    }
    .hero-area .custom-padding-right{
        padding-right:calc(var(--bs-gutter-x)/2)
    }
    .hero-area .hero-slider .single-slider{
        height:400px;
        margin-bottom:12px
    }
    .hero-area .hero-slider .single-slider .content{
        padding-right:300px
    }
    .hero-area .hero-slider .single-slider .content h2 span{
        font-size:14px;
        font-weight:500
    }
    .hero-area .hero-slider .single-slider .content h2{
        font-size:22px
    }
    .header .navbar-brand img{
        width:190px
    }
    .hero-area .md-custom-padding{
        padding-right:0!important
    }

    .hero-area .hero-slider .single-slider .content p{
        margin-top:10px
    }

    .hero-area .hero-slider .single-slider .content h3 span{
        margin-right:10px;
        font-size:14px
    }

    .hero-area .hero-slider .single-slider .content h3{
        font-size:20px
    }

    .hero-area .hero-small-banner{
        height:240px
    }

    .hero-area .hero-small-banner.style2{
        margin-top:0
    }

    .shipping-info li{
        width:50%
    }

    .single-banner .content{
        padding:50px 30px
    }

    .single-banner .content h2{
        font-size:20px
    }

    .single-banner .content p{
        margin-top:10px
    }

    .single-banner .content .button{
        margin-top:20px
    }

    .special-offer .section-title{
        margin-bottom:20px
    }

    .about-us .content-right h2{
        font-size:28px;
        line-height:38px
    }

    .faq .section-title{
        margin-bottom:40px
    }

    .faq{
        padding-bottom:40px
    }

    .accordion-item .accordion-button{
        padding:18px 20px;
        padding-right:40px
    }

    .accordion-item .accordion-button .title{
        font-size:14px
    }

    .accordion-body{
        padding:30px
    }

    .blog-section .section-title{
        margin-bottom:30px
    }

    .blog-single .post-title a{
        font-size:20px
    }

    .shopping-cart select.form-control:not([size]):not([multiple]){
        width:100%
    }

    .contact-form-head .contact-inner-title h2{
        font-size:25px;
        line-height:32px
    }

    .map-section .mapouter{
        height:400px
    }
    .map-section .mapouter .gmap_canvas{
        height:400px
    }
    .map-section .mapouter .gmap_canvas iframe{
        height:400px
    }

    .error-area .error-content h1{
        font-size:60px;
        line-height:50px
    }

    .error-area .error-content h2{
        font-size:22px
    }

    .maill-success .success-content h2{
        font-size:15px
    }

    .footer .footer-top .inner-content{
        padding:50px 0
    }

    .footer .footer-top .footer-logo a img{
        width:190px
    }

    .footer .footer-top .footer-newsletter .title{
        margin-bottom:20px;
        display:block
    }

    .footer .footer-top .footer-newsletter .newsletter-form{
        float:none
    }

    .footer .footer-middle{
        padding-top:30px;
        padding-bottom:70px
    }
    
}

@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .navbar-nav .nav-item a.dd-menu::after{
        top:18px;
        right:0;
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    .navbar-nav .nav-item a.collapsed::after{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    .navbar-nav .nav-item .sub-menu.collapse:not(.show){
        display:none
    }
    .single-product .product-info .title a{
        font-size:15px
    }
    .about-us .content-right{
        padding:0;
        margin-top:30px
    }
    .blog-list .pagination{
        margin-top:20px
    }
    .sidebar .widget:first-child{
        margin-top:30px
    }
    .brands{
        padding:40px 0
    }
    .item-details .product-info{
        padding:0;
        margin-top:30px
    }
    .product-details-info .info-body.custom-responsive-margin{
        margin-bottom:30px
    }
    .product-grids .product-grid-topbar{
        margin-top:30px
    }
    .checkout-sidebar-coupon{
        margin-top:30px
    }
    .contact-form-head .form-main{
        padding:35px;
        margin-top:40px
    }
    .footer .footer-bottom .inner-content{
        text-align:center
    }
    .footer .footer-bottom .payment-gateway{
        margin-bottom:12px
    }
    .footer .footer-bottom .copyright{
        margin-bottom:12px
    }
    .footer .footer-bottom .socila{
        float:none;
        text-align:center
    }
}

@media only screen and (min-width:480px) and (max-width:767px){
    .container{
        width:450px
    }
}

@media(max-width:767px){
    .breadcrumbs{
        padding:30px
    }
    .breadcrumbs .breadcrumbs-content .page-title{
        font-size:16px;
        text-align:center;
        line-height:26px
    }
    .breadcrumbs .breadcrumb-nav{
        text-align:center;
        margin-top:15px
    }
    .section{
        padding-top:50px;
        padding-bottom:50px
    }
    .section-title{
        padding:0 10px;
        margin-bottom:25px
    }
    .section-title h3{
        font-size:14px
    }
    .section-title h2{
        font-size:20px;
        line-height:30px;
        margin-bottom:18px
    }
    .section-title p{
        font-size:14px
    }
    .button .btn{
        padding:12px 25px;
        font-size:14px;
        font-weight:500
    }
    .button .btn-alt{
        padding:12px 25px;
        font-size:14px;
        font-weight:500
    }
    .header .topbar .top-left{
        text-align:center
    }
    .header .topbar .top-middle{
        display:none
    }
    .header .topbar .top-end{
        float:none;
        text-align:center;
        display:block;
        margin-top:15px
    }
    .header .header-middle .d-xs-none{
        display:none
    }
    .header .middle-right-area{
        -webkit-box-pack:right;
        -ms-flex-pack:right;
        justify-content:right;
        float:right
    }
    .header .nav-hotline{
        display:none
    }
    .header .navbar-cart .cart-items .shopping-item{
        width:250px
    }
    .header .navbar-cart .cart-items .shopping-item{
        top:66px
    }
    .header .navbar-cart .cart-items .shopping-item .shopping-list li .cart-img-head{
        width:30%;
        margin-right:12px
    }
    .header .navbar-cart .cart-items .shopping-item .shopping-list li .cart-img{
        height:60px;
        width:60px;
        margin-right:10px
    }
    .header .navbar-cart .cart-items .shopping-item .shopping-list li .content{
        width:70%
    }
    .header .navbar-cart .cart-items .shopping-item .shopping-list li .content h4 a{
        font-size:13px
    }
    .header .main-menu-search{
        display:none
    }
    .header .mobile-menu-btn .toggler-icon{
        background-color:#081828
    }
    .header .button{
        margin:0!important
    }
    .header .nav-inner{
        display:block!important;
        padding:18px 0
    }
    .header .navbar-collapse{
        position:absolute;
        top:46px!important;
        left:0;
        width:100%;
        background-color:#fff;
        z-index:9;
        -webkit-box-shadow:0 15px 20px 0 rgba(0,0,0,.1);
        box-shadow:0 15px 20px 0 rgba(0,0,0,.1);
        padding:10px 20px;
        max-height:350px;
        overflow-y:scroll;
        border-top:1px solid #eee;
        border-radius:6px
    }
    .header .navbar .navbar-nav .nav-item a:hover{
        color:#0167f3!important
    }
    .header .navbar .navbar-nav .nav-item a.active{
        color:#0167f3!important
    }
    .header .navbar-nav .nav-item{
        margin:0
    }
    .header .navbar-nav .nav-item:hover a{
        color:#0167f3
    }
    .header .navbar-nav .nav-item a{
        padding:12px 16px!important
    }
    .header .navbar-nav .nav-item a::before{
        display:none
    }
    .header .navbar-nav .nav-item .sub-menu{
        position:static;
        width:100%;
        opacity:1;
        visibility:visible;
        -webkit-box-shadow:none;
        box-shadow:none;
        padding:0;
        border:none;
        margin-left:15px;
        margin-right:15px
    }
    .header .navbar-nav .nav-item .sub-menu .nav-item a{
        padding:12px
    }
    .header .navbar-nav .nav-item .sub-menu .nav-item a:hover{
        color:#0167f3!important
    }
    .header .navbar-nav .nav-item a{
        color:#051441;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        padding:10px 0
    }
    .header .navbar-nav .nav-item a::after{
        opacity:1;
        visibility:visible
    }
    .header .navbar-nav .nav-item .sub-menu li.active{
        background:#fff!important;
        color:#0167f3!important
    }
    .header .navbar-nav .nav-item .sub-menu .nav-item{
        margin:0!important
    }
    .header .navbar-nav .nav-item .sub-menu .nav-item a{
        padding:10px 12px!important
    }
    .header .navbar-nav .nav-item .sub-menu li:hover{
        background:#fff!important;
        color:#0167f3!important
    }
    .header .navbar-nav .nav-item a{
        font-size:14px
    }
    .header .navbar-nav .nav-item a:hover{
        color:#0167f3
    }
    .header .mega-category-menu{
        display:none
    }
    .header .nav-social{
        position:relative;
        margin-top:-50px
    }
    .header .nav-social .title{
        display:none
    }
    .header .navbar-brand{
        display:block;
        text-align:left;
        padding:0
    }
    .header .navbar-brand img{
        width:180px
    }
    .hero-area .custom-padding-right{
        padding-right:calc(var(--bs-gutter-x)/2)
    }
    .hero-area .hero-slider .single-slider{
        position:relative
    }
    .hero-area .hero-slider .single-slider::before{
        position:absolute;
        left:0;
        top:0;
        content:"";
        height:100%;
        width:100%;
        background-color:#fff;
        opacity:.6
    }
    .hero-area .hero-slider .single-slider{
        height:350px;
        margin-bottom:12px
    }
    .hero-area .hero-slider .single-slider .content{
        padding-right:30px;
        padding-left:20px
    }
    .hero-area .hero-slider .single-slider .content h2 span{
        font-size:14px;
        font-weight:500
    }
    .hero-area .hero-slider .single-slider .content h2{
        font-size:20px
    }
    .hero-area .hero-slider .single-slider .content p{
        margin-top:10px
    }
    .hero-area .hero-slider .single-slider .content h3 span{
        margin-right:8px;
        font-size:14px
    }
    .hero-area .hero-slider .single-slider .content h3{
        font-size:20px
    }
    .hero-area .hero-small-banner{
        height:240px
    }
    .shipping-info li{
        width:100%
    }
    .single-banner.custom-responsive-margin{
        margin-top:30px
    }
    .single-banner .content{
        padding:35px
    }
    .single-banner .content h2{
        font-size:18px
    }
    .single-banner .content p{
        margin-top:8px
    }
    .single-banner .content .button{
        margin-top:15px
    }
    .home-product-list .custom-responsive-margin{
        margin-bottom:40px
    }
    .about-us .content-right h2{
        font-size:22px;
        line-height:35px
    }
    .faq .section-title{
        margin-bottom:30px
    }
    .faq{
        padding-bottom:30px
    }
    .accordion-item .accordion-button{
        padding:15px 20px;
        padding-right:40px
    }
    .accordion-item .accordion-button .title{
        font-size:14px
    }
    .accordion-body{
        padding:20px
    }
    .blog-section .section-title{
        margin-bottom:20px
    }
    .blog-single .meta-information{
        padding:12px 25px
    }
    .blog-single .meta-info li{
        margin-bottom:5px;
        margin-right:10px
    }
    .blog-single .detail-inner{
        padding:25px;
        padding-top:10px
    }
    .blog-single .post-title{
        line-height:26px
    }
    .blog-single .post-title a{
        font-size:18px
    }
    blockquote{
        padding:45px 25px 30px
    }
    blockquote .icon i{
        margin-bottom:15px
    }
    blockquote h4{
        font-size:14px
    }
    .post-bottom-area{
        display:block
    }
    .post-bottom-area .post-social-media{
        margin-top:20px
    }
    .post-comments .comments-list li{
        padding-left:0;
        padding:25px
    }
    .post-comments .comments-list li .comment-img{
        position:relative;
        top:0;
        left:0;
        margin-bottom:12px
    }
    .post-comments .comments-list li .comment-desc .desc-top .reply-link{
        position:relative;
        display:block;
        margin-top:15px
    }
    .post-comments .comments-list li.children{
        margin:0
    }
    .item-details .product-images .images{
        grid-template-columns:repeat(3,1fr)
    }
    .item-details .product-info .title{
        font-size:18px
    }
    .item-details .product-info .price{
        font-size:20px
    }
    .item-details .product-info .price span{
        font-size:20px
    }
    .item-details .product-info .wish-button{
        margin-top:12px
    }
    .item-details .product-info .social-share{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        margin-top:10px
    }
    .item-details .product-info .social-share ul{
        float:none
    }
    .product-details-info .reviews .single-review{
        padding-left:60px
    }
    .product-details-info .reviews .single-review img{
        height:40px;
        width:40px
    }
    .product-details-info .reviews .single-review .review-info{
        padding:20px
    }
    .product-details-info .reviews .single-review .review-info::before{
        top:5px
    }
    .product-details-info .reviews .single-review .review-info::after{
        top:5px
    }
    .product-details-info .reviews .single-review .review-info h4{
        font-size:14px
    }
    .product-grids .product-grid-topbar .product-sorting .total-show-product{
        display:block;
        margin-top:15px
    }
    .product-grids .product-grid-topbar .nav{
        float:none;
        text-align:left;
        margin-top:20px
    }
    .cart-list-title{
        text-align:center
    }
    .cart-list-title p{
        padding:2px 0
    }
    .cart-single-list{
        text-align:center
    }
    .cart-single-list a img{
        width:50%;
        margin-bottom:10px
    }
    .cart-single-list .remove-item{
        margin-top:5px
    }
    .shopping-cart .total-amount .coupon{
        width:100%;
        padding:30px;
        margin-top:30px
    }
    .shopping-cart .total-amount .coupon input{
        width:100%
    }
    .shopping-cart .total-amount .coupon .button{
        display:block
    }
    .shopping-cart .total-amount .coupon button{
        margin:0;
        margin-top:10px;
        width:100%
    }
    .shopping-cart .total-amount .right{
        padding:30px;
        margin-top:30px
    }

    .shopping-cart .count-input{
        padding:10px 65px
    }
    .shopping-cart p{
        padding:3px 0
    }
    .shopping-cart select.form-control:not([size]):not([multiple]){
        width:100%
    }
    .checkout-steps-form-style-1 .single-form .form-input{
        margin-bottom:16px
    }
    .checkout-steps-form-style-1 .single-form .form-input:last-child{
        margin-bottom:0
    }
    .checkout-steps-form-style-1 .single-payment-option{
        width:100%
    }

    .checkout-steps-form-style-1 .steps-form-btn .btn{
        width:100%;
        margin:0;
        margin-bottom:10px
    }
    .checkout-steps-form-style-1 .steps-form-btn .btn:last-child{
        margin-bottom:0
    }
    .account-login .login-form{
        padding:30px
    }
    .account-login .login-form .social-login .btn{
        margin:6px 0
    }
    .account-login .alt-option{
        margin:20px 0
    }
    .register-form{
        padding:30px
    }
    .register-form .button{
        margin-top:10px
    }
    .contact-us .contact-info .single-info-head{
        margin-top:20px
    }
    .contact-form-head .contact-inner-title h2{
        font-size:20px;
        line-height:30px
    }
    .contact-form-head .form-main{
        padding:30px
    }
    .map-section .mapouter{
        height:300px
    }
    .map-section .mapouter .gmap_canvas{
        height:300px
    }
    .map-section .mapouter .gmap_canvas iframe{
        height:300px
    }
    .error-area .error-content h1{
        font-size:45px;
        line-height:30px
    }
    .error-area .error-content h2{
        font-size:18px
    }
    .maill-success .success-content h2{
        font-size:15px
    }
    .footer .footer-top .inner-content{
        padding:40px 0;
        text-align:center
    }
    .footer .footer-top .footer-logo a img{
        width:180px
    }
    .footer .footer-top .footer-newsletter{
        padding:0 20px
    }
    .footer .footer-top .footer-newsletter .title{
        margin-bottom:20px;
        display:block;
        font-size:18px;
        width:100%
    }
    .footer .footer-top .footer-newsletter .title span{
        margin-top:10px
    }
    .footer .footer-top .footer-newsletter .newsletter-form{
        float:none;
        margin-top:20px
    }
    .footer .footer-top .footer-newsletter .newsletter-form input{
        width:100%;
        text-align:center
    }
    .footer .footer-top .footer-newsletter .newsletter-form .button{
        margin:0;
        margin-top:10px;
        top:0;
        width:100%
    }
    .footer .footer-top .footer-newsletter .newsletter-form .button .btn{
        width:100%
    }
    .footer .footer-middle{
        padding-top:10px;
        padding-bottom:50px
    }
    .footer .single-footer{
        margin-top:30px;
        text-align:center
    }
    .footer .single-footer h3::before{
        left:50%;
        margin-left:-20px
    }

    .footer .footer-bottom .payment-gateway span{
        display:block;
        margin:0;
        margin-bottom:10px
    }
    .footer .footer-bottom .socila li span{
        display:none
    }
}