/*<<|---------------------------View -> 1800---------------------------|>>*/
@media (max-width:1800px) {
    section.banner.signup {
        padding-top: 215px; padding-bottom: 165px;
        background-position: top 0 right;
    }
     .hero-banner .hero-col-image,
    section.bottom-next img,
    section.banner-bottom-sec img{
        max-width: 100%;
    }
    section.three-cols .card .card-img-overlay{
        left: 30px;
    }
}
/*<<|---------------------------View -> 1600---------------------------|>>*/
@media (max-width:1600px) {

}
/*<<|---------------------------View -> 1439---------------------------|>>*/
@media (max-width:1439px) {

}
/*<<|---------------------------View -> 1364---------------------------|>>*/
@media (max-width:1366px) {
    section.three-cols .card .card-img-overlay{
        left: 20px;
    }
    section.three-cols .card-img-overlay p{
        max-width: 215px;
    }
    section.three-cols .col-12:first-child .card img.card-img {
        width: 240px;
    }
    section.three-cols .col-12:nth-child(2) .card img {
        width: 150px; height: 330px;
    }
    section.three-cols .col-12:last-child .card img {
        width: 176px;
    }

}
/*<<|---------------------------View -> 1280---------------------------|>>*/
@media (max-width:1280px) {
}
/*<<|---------------------------View -> 1199---------------------------|>>*/
@media (max-width:1199px) {
      h2{
        font-size: 45px;
    }
    /*section.three-cols .card {
        height: 580px;
    }*/
    section,
    footer{
        padding-left: 15px !important; padding-right: 15px !important;
    }
    section.hero-banner {
        padding-top: 180px;
        padding-bottom: 100px;
    }
    section.three-cols .card-img-overlay h2{
        font-size: 40px;
    }
   /* section.three-cols .card a {
        position: absolute; left: 15px;
        bottom: 60px; width: 100%;
        max-width: max-content;
    }*/
    header.header .navbar-light .navbar-brand{
        margin-right: 0px;
    }
    header.header .navbar-light .navbar-brand img{
        width: 80%; position:relative;
        /*z-index: 9;*/
    }
    header.header nav.navbar ul.navbar-nav li.nav-item a.nav-link{
        padding-left: 20px; font-size: 16px;
    }
    section.three-cols .card .card-img-overlay{
        left: 0;
    }
    section.slider-sec #home-silder .item .review {
        max-width: 340px;
        width: 100%;
        margin: 0 auto;
    }
    .banner-slider-box #home-silder .owl-nav button.owl-prev{
        left: -15px;
    }
    .banner-slider-box #home-silder .owl-nav button.owl-next{
        right: -15px !important;
    }
    section.categories .categorie-item h2{
        font-size: 35px; line-height: 40px;
    }
    footer.footer:before{
        width: 98%;
    }
    section.my-account .nav button {
        padding-left: 20px !important;
        padding-right: 13px !important;
        font-size: 15px;
    }
    section.my-account #second form div.d-block .form-group{
       max-width: 49%; 
    }
    footer.footer .foot-top .burger-col::before,
    footer.footer .foot-top .burger-col::after{
        width: 980px;
    }
    footer.footer .logo-row ul.social-media {
        margin-left: 50px;
    }
}
@media (max-width:1474px ) and (min-width: 1200px){
    h2{
        font-size: 50px;
    }
    section.categories .categorie-item {
        padding: 50px 0 50px 20px;
    }
    .banner-slider-box #home-silder .owl-nav button.owl-prev{
        left: -15px;
    }
    .banner-slider-box #home-silder .owl-nav button.owl-next{
        right: -15px !important;
    }
    /*.secondary-btn,
    .primary-btn {
        font-size: 11px;
    }*/
    footer.footer .foot-top .burger-col::before,
    footer.footer .foot-top .burger-col::after{
        width: 1090px;
    }
}
@media (max-width:1166px ) and (min-width: 1025px){
    h1{
        font-size: 80px;
    }
    /*section.three-cols .card-img-overlay p {
        max-width: 155px;
    }*/
    footer.footer .foot-top .burger-col::before,
    footer.footer .foot-top .burger-col::after{
        width: 850px;
    }
    footer.footer .foot-top .foot a,
    footer.footer .foot-top .foot p {
        font-size:14px;
    }
     footer.footer .logo-row ul.social-media {
        margin-left: 40px;
    }
    .links-div li:first-child a {
        padding: 8px 010px 8px 0;  font-size: 20px;
    }
     footer.footer .foot-top .foot h4{
        font-size: 15px;
    }
    footer.footer .foot-top .foot .font-16{
        font-size: 13px;
    }
}
/*<<|---------------------------View -> 1024---------------------------|>>*/
@media (max-width:1024px) {
    h1 {
        font-size: 65px;
        line-height: 70px;
    }
    h2{
        font-size: 40px;
    }
     header.header .links-div li:first-child a {
        font-size: 16px;   padding: 13px 10px 13px 0;
    }
    header.header nav.navbar ul.navbar-nav li.nav-item a.nav-link{
        font-size: 14px;
    }
  /*  section.three-cols a.primary-btn{
        font-size: 12px; padding-left: 29px;
    }
    section.three-cols a.secondary-btn{
        font-size: 12px; padding-right: 25px;
    }*/
   /* section.three-cols .col-12:last-child .card .card-img-overlay a {
        padding-right: 145px;
    }*/
   /* section.three-cols .card-img-overlay p {
        max-width: 155px;
    }*/
     section.three-cols .col-12:first-child .card img.card-img {
        width: 210px; height: 330px;
    }
    section.three-cols .col-12:nth-child(2) .card img {
        width: 140px;  height: 285px;
    }
    section.three-cols .col-12:last-child .card img {
        width: 120px; height: 240px;
    }
    .cart-total .col-sm-8 {
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }
    .cart-total .col-sm-4{
        flex: 0 0 40% !important;
        max-width: 40% !important;
    }
    /*section.category-inner .owl-item.active {
        margin-right: 18px !important;
    }*/
    .category-slider-box li.is-current{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .category-slider-box li {
        font-size: 14px;
    }
    footer.footer .foot-top .burger-col::before,
    footer.footer .foot-top .burger-col::after{
        width: 850px;
    }
    footer.footer .foot-top .foot h4{
        font-size: 14px;
    }
    footer.footer .foot-top .foot .font-16{
        font-size: 13px;
    }
    footer.footer .logo-row ul.social-media {
        margin-left: 15px;
    }
}
/*<<|---------------------------View -> 991---------------------------|>>*/
@media(min-width: 992px){
    .checkout-form{
        margin-right: 3rem!important;
    }
}
@media (max-width:991px) {
    .cart-banner h1 {
        font-size: 50px;
        line-height: 80px;
    }
   /* h1.banner-heading {
        line-height: 55px;
        font-size: 48px;
    }*/
     h2{
        font-size: 30px !important;
        line-height: 35px !important;
    }
    section.three-cols .card-img-overlay p {
        max-width: 65%;
    }
    section.three-cols .card a{
        font-size: 12px;
    }
    section.three-cols .card .card-img-overlay{
        left: 10px;
    }
    section.three-cols .col-12:last-child .card .card-img-overlay a{
        background-size: contain;
    }
    section.three-cols .card .card-img-overlay a.primary-btn{
        padding-left: 28px;
    }
    section.three-cols .col-12:nth-child(2) .card a.secondary-btn{
        background:  url(../images/browne_color-btn.svg) no-repeat !important;
        padding-left: 0; padding-top: 10px; padding-right: 40px;
    }
    section.three-cols .col-12:nth-child(2) .card a.secondary-btn:hover{
        background: url(../images/small-warnning-bg-btn.svg) no-repeat !important;
    }
    section.three-cols .col-12:first-child .card img.card-img {
        width: 170px;  height: 269px;
    }
    section.three-cols .col-12:nth-child(2) .card img {
        width: 110px;  height: 250px;
    }
    header.header nav.navbar ul.navbar-nav li.nav-item a.nav-link{
        padding-left: 0 !important;
    }
    .waren-col{
        margin-top: 20px !important;
    }
    header.header .social-media {
        display: none !important;
    }
    header.header .navbar-light .navbar-toggler{
        position: absolute; top: 40px; right: 0;
        border: 0;
    }
    header.header .navbar-light .navbar-toggler span{
        background:  url(../images/menu-bg.svg) no-repeat;
        background-size: cover; width: 50px; height: 50px;
    }
    header.header .navbar-light button.navbar-toggler:focus span {
        background: url(../images/menu-bg-hover.svg) !important;
    }
     header.header nav.navbar ul.links-div li a {
        font-size: 0;
    }
   /* header.header nav.navbar ul.links-div li a:hover img {
        background: url(../images/phone-icon-mob-hover.svg) no-repeat;
    }*/
    header.header nav.navbar ul.links-div li a img{
        display: block; width: 50px; height: 50px;
        position: relative; top: 13px; left: 10px;
    }
    header.header nav.navbar ul.links-div li a .img-2 {
        position: absolute; top: 26px; opacity: 0;
    }
     header.header nav.navbar ul.links-div li a:focus .img-2 {
         opacity: 1;
    }
    header.header ul.list-unstyled.links-div {
        position: absolute; left: 0; top: 20px;
    }
    header.header a.navbar-brand {
        margin: 0 auto !important;
    }
    header.header a.navbar-brand img{
        width: 100% !important;
        display: flex; align-items: center;
    }
    header.header .navbar-collapse{
        position: absolute; top: 100px;
        background-color: #002246; 
        border-radius: 15px; 
        width: 100%; transition: 0.5s;
        box-shadow: 30px 30px 20px 10px rgb(245 203 203 / 30%);
    }
    header.header .navbar-collapse.show{
        transition: 0.5s;
    }
    header.header .navbar-collapse ul {
        margin-bottom: 0 !important;
        /*padding-top: 20px;*/
        padding-bottom: 20px;
    }
    header.header .navbar-collapse ul li a.nav-link{
        color: #fff !important;
    }
    header.header .navbar-collapse ul li:first-child a.nav-link{
        padding-left: 20px !important;
    }
    header.header .navbar-collapse ul li{
        border-bottom: 1px solid #ffffff1a;
        padding: 10px 0; text-align: center;
    }    
    header.header .navbar-collapse ul li:last-child{
        border-bottom: 0; 
    }
    header.header li.nav-item.primary-btn {
         display: none;
     }
     header.header .navbar-collapse.collapse.show a.active,
     header.header .navbar-collapse.collapse.show a:focus {
        color: var(--color-secondary) !important;
    }
    section.hero-banner {
        padding-top: 220px;
    }
    .slider-sec .banner-slider-box #home-silder .item .review{
        max-width: 400px; width: 100%; margin: 0 auto;
    }
    .banner-slider-box #home-silder .owl-nav button.owl-prev{
        left: -15px;
    }
    .banner-slider-box #home-silder .owl-nav button.owl-next{
        right: -15px !important;
    }
     section.my-account #second form div.d-block .form-group,
     .checkout-detail-setion textarea.form-control{
       max-width: 100%; 
    }
    section#cart-table {
        padding-bottom: 20px !important;
    }
      #address-pop .modal-dialog {
        max-width: 90%;  margin: 50px auto 0 auto;
    }
    footer.footer .location-icon {
        height: 40px; margin-left: 10px;
        margin-top: 0;
    }
    footer.footer .foot-bottom .col-12:first-child .foot {
        float: none;
        text-align: center;
    }
    footer.footer .foot-bottom .col-12:last-child .foot{
        float: right;
    }
    footer.footer .foot-bottom .col-12:first-child .foot div{
        justify-content: center;
    }
    footer.footer .foot-top .burger-col::before,
    footer.footer .foot-top .burger-col::after{
        display: none;
    }
    footer.footer .foot-top .foot h4,
    footer.footer .foot-top .foot .font-16{
        font-size: 16px;
    }
    footer.footer .foot-top .col-12:nth-child(2) .foot,
    footer.footer .foot-bottom .col-12 .foot{
        float: left;
    }
    footer.footer .foot-top .col-12:last-child .foot{
        float: right;
    }
    footer.footer .logo-row {
        margin-top: 30px;
    }
    footer.footer .logo-row ul.social-media {
        margin-left: 75px;
    }
    .cart-total .col-sm-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .cart-banner, .checkout-banner {
        padding: 200px 15px 50px 15px !important;
    }
    .cart-total .col-sm-8{
       display: none;
    }
    #cart-table .table td {
        padding: 20px  !important;
    }
    section#cart-table table td::before {
        content: attr(data-label);
        float: left;
        position: relative;
        font-family: 'Plumpfull';
        letter-spacing: 0.36px;
        font-size: 16px;
        top: 9px;
        color: #000;
        line-height: 20px;
        font-weight: inherit;
    }
    section#cart-table table td.pro_thumb img {
        /*width: 100px !important  ;*/
        /*height: 100px !important;*/
        width: 200px !important;
        height: 200px !important;
        object-fit: cover;
    }
    input#coupon_code,
    div#coupon_code_main button.button,
    div#coupon_code_main .col-sm-4 a {
        width: 100%  !important;
        margin-bottom: 15px;
        font-size: 14px !important;
        max-width: 100%;
    }
    div#coupon_code_main button.button{
        margin-left: 0 !important;
    }
    div#coupon_code_main .col-sm-8, div#coupon_code_main .col-sm-4{
       flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .total-price-cart,#cart-table .price-cart{
        font-size: 18px !important;
    }
    #cart-table table tr td.pro_thumb, #cart-table .table td:first-child  {
        padding-left: 20px !important;
        width: 100% !important;
        text-align: left;
    }
    #cart-table table.table{
        border-top: none !important;
    }
    #cart-table .table td:first-child {
        padding-right: 20px !important;
    }
    section#cart-table table td {
        display: block;
        font-size: .8em;
        text-align: right;
    }
    #cart-table thead.thead {
        background-color: #f8f9fa!important;
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    section#cart-table .order-list,section#cart-table .order-qty {
        display: inline-block;
    }
    #cart-table table tr td:nth-child(2) {
        padding-left: 20px;
    }
    .cart-total ul li:last-child, .cart-total a{
        max-width: 100%;
    }
    .category-inner .inner-heading h3{
        font-size: 18px;
    }
}
@media (max-width:980px) {
    .product-side-bar .media{
        padding: 10px !important;
        flex-direction: column;
    }
    .product-side-bar .media-img{
        margin-bottom: 10px;
    }
    .media-body {
        margin: 0 !important;
    }
    .category-product {
        flex-direction: column;
    }
    ul.link-div{
        margin-left: auto;
    }
    /*header.header ul.social-media {
        right: 33px; top: 100px;
        position: absolute;
    }
    header.header .navbar-light .navbar-toggler{
        top: 100px;
    }
    header.header .navbar-collapse{
        top: 160px;
    }
    header.header .navbar-collapse ul{
        padding-top: 15px;
    }
    header.header .navbar-light .navbar-brand img{
     top: 20px;
    }*/
}
/*<<|---------------------------View -> 767---------------------------|>>*/
@media(min-width: 768px){
    .fixed {
        position: sticky;
        top: 25px;
    }
}
@media(max-width: 768px){
    header.header li.nav-item.primary-btn{
        left: 210px;
    }
}
@media (max-width:767px) {
    h1,
    section.banner h1,
    section.cart-banner h1,
    .checkout-banner h1 {
        font-size: 40px;
        line-height: 50px;
    }
    h5#exampleModalLabel {
        font-size: 30px;
        line-height: 35px;
    }
    h2{
        font-size: 30px;
        line-height: 45px;
    }
    .service-inner p,
    .serivce-icon,
    .center{
        text-align: center;
        margin: 0 auto;
    }
    a.center{
        background-position: center;
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    a.center:hover {
        background-position: center;
    }
    .waren-col,
    .padd-0{
        padding: 0 !important;
    }
    h5 {
        font-size: 18px;
    }
    h3{
        font-size: 26px;
    }
    h4{
        font-size: 15px;
    }
    .category-product .punkte {
        left: -19px;
        top: -19px;
    }
    .font-32 {
        font-size: 28px;
    }
    section.hero-banner {
        padding: 220px 15px 50px !important;
    }
    section{
        padding: 80px 15px !important;
    }
    section.newsletter {
        padding: 70px 15px 80px 15px !important;
    }
    section.cart-total {
        padding-top: 0 !important;
        margin-bottom: 0;
    }
    section.my-account #fourth .card{
        max-width: 100%;
    }
    header.header li.nav-item.primary-btn {
        left: 230px;
    }
    header.header a.navbar-brand{
        width: 20% !important;
    }
     section.my-account .nav button {
        font-size: 16px;
    }
    .slider-sec .banner-slider-box #home-silder .item .review{
        max-width: 100%; padding: 25px;
    }
    .banner-slider-box #home-silder .owl-nav {
        width: 20%;  justify-content: center;
        margin: 0 auto; bottom: -90px; 
        left: 0;  right: 0; position: relative;
    }
    .banner-slider-box #home-silder .owl-nav button.owl-prev{
        left: 0; bottom: -100px;
    }
    .banner-slider-box #home-silder .owl-nav button.owl-next{
        right: 0; bottom: -100px;
    }
/*---------------Category Page Accordion CSS Here----------------*/
    .responsive-category{
        display: block; margin-top: 25px;
        padding: 0;
    }
    .responsive-category .card-bg{
        background-image: url(../images/cart_star_image.png);
        background-repeat: no-repeat;
        width: 47px;  height: 47px;
        display: flex;   justify-content: center;
        align-items: center;  margin-right: 15px;
    }
    .responsive-category .accordion-button::after {
        background-position: center !important;
        background-image: url(../images/angle-down.svg);
    }
    .responsive-category .accordion-button:not(.collapsed)::after{
        display: none;
        background-image: url(../images/angle-down.svg);
    }
    .responsive-category button.accordion-button:focus{
        box-shadow: none;
    }
    .responsive-category button.accordion-button {
        border-radius: 15px 15px 0 0 !important;
        padding: 15px;
    }
    .responsive-category .card-bg h5.text-white {
        font-size: 18px;
    }
    .responsive-category button.accordion-button.collapsed {
        border-radius: 15px !important;
    }
    .responsive-category .media img.media-img {
        width: 78px;  height: 69px;
        object-fit: cover;
    }
    .responsive-category .media p {
        font-family: 'poppins';
        color: #000; font-size: 12px;
        opacity: 50%; font-weight: 400;
    }
    .responsive-category .media {
        border-bottom: 1px solid #ddd;
        padding: 15px 0;
    }
    .responsive-category .media:last-child{
        border-bottom: 0;
    }
    .responsive-category .accordion-body {
        border-radius: 0 0 15px 15px;
    }
/*---------------Category Page Accordion CSS Here----------------*/
    section.category-inner .product-side-bar.fixed {
        display: none;
    }
    section.my-account #second form div.d-md-flex input, section.my-account #second form div.d-md-flex select {
        width: 100%;
    }
    footer.footer{        
        padding: 80px 15px 50px 15px;
    }
    footer.footer .foot-bottom .col-12:first-child .foot div{
        justify-content: start;
    }
    footer.footer .location-icon{
        margin-left: 0;
    }
    footer.footer .logo-row{
        text-align: center;
    }
    footer.footer .logo-row ul.social-media {
        margin-left: 0;
    }
    footer.footer .logo-row .d-flex {
        justify-content: center;
    }
    footer.footer .foot{
        text-align: center; width: 100%;
    }
    .foot-top .col-12:nth-child(3) {
        padding-left: 0;
    }
    .category-product .product-content{
        padding: 20px 0 0 0;
    }
    .category-product .product-content h3,
    .category-product .product-content p{
        padding-left: 10px; 
        padding-right: 10px;
    }
    .cart-total h3{
        font-size: 25px !important;
    }
    .paymentWrap .paymentBtnGroup .paymentMethod{
        padding: 30px 0px; width: 90px;
        margin-right: 10px;
    }
    .paymentWrap .paymentBtnGroup .paymentMethod .method {
        background-size: 50px !important;
    }
    section.banner.signup {
        padding-top: 200px !important;
    }
    section.three-cols .card {
        min-height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    section.three-cols .card-img-overlay p {
        max-width: 70%;
    }

    section.three-cols .col-12:nth-child(2) .card a.secondary-btn {
        background: url(../images/brown-btn.svg) no-repeat center center !important;
        padding-left: 20px;
        padding-top: 15px;
        padding-right: 20px;
        background-size: contain !important;
    }

    section.three-cols .col-12:nth-child(2) .card a.secondary-btn:hover {
        background: url(../images/warnning-color-btn.svg) no-repeat center center !important;
        background-size: contain !important;
    }

    .side-bar-btn {
        padding-top: 20px;
    }
}

@media (max-width: 600px) {
    header.header .links-div li:first-child a {
        padding: 0;
    }

    header.header .navbar-light .navbar-toggler {
        top: 28px;
    }

    header.header nav.navbar ul.links-div li a .img-2 {
        top: 13px;
    }
    #address-pop .modal-dialog,
    #exampleModal_sec .modal-dialog{
        padding: 0;
    }
    #address-pop .modal-body,
    #address-pop .modal-header,
    #address-pop .modal-footer,
    #exampleModal_sec .modal-body,
    #exampleModal_sec .modal-header,
    #exampleModal_sec .modal-footer{
        padding: 30px 15px;
    }
    #exampleModal_sec .modal-body,
    #exampleModal_sec .modal-body .offnun,
    #exampleModal_sec .modal-header{
        flex-direction: column;
        justify-content: center !important;
        text-align: center;
    }
    .banner-slider-box #home-silder .owl-nav {
        width: 35%;
    }
    .category-slider-box .tab-link{
        margin: 0 auto;
    }
}
@media (max-width:575px){
    /*header.header .navbar-light .navbar-brand img{
        width: 65%;
    }
    header.header  ul.links-div {
        position: absolute; text-align: right;
        right: 0;
    }
    header.header  ul.links-div a{
        font-size: 14px;
    }
    header.header ul.social-media,
    header.header .navbar-light .navbar-toggler{
        top: 90px;
    }
     header.header .navbar-collapse {
        top: 140px;
    }*/
    header.header a.navbar-brand {
        width: 30% !important;
    }
   .login-form button.secondary-btn {
        max-width: 438px; font-size: 14px;
        background-size: 100%; height: 55px;
        }
    section.my-account .nav button{
        padding-left: 15px !important;
    }
    section.my-account table#orders {
        border: 1px solid rgba(112, 112, 112, 17%);
        width: 550px !important;
    }   
    section.order-summary h3 {
        font-size: 25px;
    }
    section.order-summary .box{
        padding: 20px;
    }
    section.order-summary .d-flex.w-100 {
        display: block !important;
        text-align: center;
        align-items: center;
        justify-content: center;
    }    
    section.order-summary .w-100.ms-4 {
        margin-left: 0 !important;
    }      
    section.order-summary .image {
        margin: 0 auto 15px;
    }  
     .login-form button.secondary-btn {
        max-width: 438px; height: 55px;
    }       
    .cart-banner h1, .checkout-banner h1 {
        font-size: 30px !important;
    }
    #cart-table p.text-truncate{
        max-width:120px;
    }
    .cart-total .col-sm-4 {
        padding: 30px 20px 40px !important;
    }
    .cart-total a, #coupon_code_main button.button{
        font-size: 16px  !important;
    }
    .cart-total ul li:last-child, .cart-total a {
        max-width: 100%;
    }
    .paymentWrap .paymentBtnGroup .paymentMethod{ 
        flex: 0 0 100%; max-width: 22.5%; 
        margin-right: 2.5%;
    }
    .paymentWrap{  
          width: 100%; padding-left: 0;
      }
    .checkout-detail-setion h4 {
        font-size: 25px;
    }
    .checkout-btn, .info .btn.apply-btn{
        background-size: contain;
    }
    .apply_coupan p.form-row.form-row-first{
        margin-bottom: 0;
    }
    .checkout-info .info, .checkout-success .success, .click-btn, .info .btn.apply-btn {
        font-size: 16px;
    }
}
@media(max-width: 540px) {
    section.three-cols .card {
    min-height: auto;
    padding-top: 75px;
    padding-bottom: 75px;
}
}
/*<<|---------------------------View -> 425---------------------------|>>*/
@media (max-width:425px) {
       section.hero-banner{
        padding-top: 170px !important;
    }
     .banner-slider-box #home-silder .owl-nav {
        width: 50%;
    }
    section.my-account #fourth .card .content span{
        font-size: 11px;
    }
    section.three-cols .card a{
        bottom: 60px;
    }
    section.my-account #fourth .card .content .price{
        background-size: contain;
        font-size: 25px;
        padding-top: 11px;
    }
     section.categories .categorie-item {
        padding: 50px 0px 50px 15px;
    }
     .login-form button.secondary-btn {
        height: 50px;
    } 
    .order-summary .secondary-btn {
        background-size: 100%;
    }
    .responsive-category button.accordion-button h5.text-white,
    .responsive-category  .media-body h5 {
        font-size: 14px;
    }
     .responsive-category  .media-body span {
        font-size: 13px;
    }
    .responsive-category .accordion-body.bg-white {
        padding: 20px 10px 14px;
    }

    /*#category-silder .owl-item {
        margin-right: 34px !important;
    }*/
    footer.footer .foot-top .col-12:nth-child(3) {
        padding-left: 10px;
    }
}
@media(max-width: 370px){
    h1, section.banner h1, section.cart-banner h1, .checkout-banner h1 {
        font-size: 30px;   line-height: 40px;
    }
    /*header.header .blue-shap {
        padding: 12px 20px;
        background-size: 100%;
        font-size: 13px;
    }
    header.header .navbar-collapse {
        top: 120px;
    }
    header.header nav.navbar li.nav-item.primary-btn{
        font-size: 11px;
        background-size: 100%;
        background-position: center right;
    }
    header.header nav.navbar ul.links-div li a img {
        display: block; width: 20px;
        height: 20px; margin-right: 0;
    }
    header.header ul.social-media, header.header .navbar-light .navbar-toggler {
        top: 75px;
    }*/
    .paymentWrap .paymentBtnGroup .paymentMethod {
        max-width: 100%; width: 100%; margin-bottom: 15px;
    }
    .checkout-detail-setion h4 {
        font-size: 22px;
    }
    .checkout-order-table thead tr th, .checkout-order-table tr.order-total th, .checkout-order-table tr.order-total td {
        font-size: 16px;
    }
    input#coupon_code, div#coupon_code_main button.button, div#coupon_code_main .col-sm-4 a{
        font-size: 12px !important;
    }
    section.checkout-detail-setion h3 {
        font-size: 25px;
    }   
    .btn-group.paymentBtnGroup {
        display: block;
    }
     section.newsletter h2 {
        font-size: 24px !important;
    }
}
@media(max-width: 310px){
    section.three-cols .card .card-img-overlay {
        left: 0;
    }
    section.three-cols .card a{
        font-size: 12px;
    }
    section.three-cols .col-12:first-child .card img.card-img {
        width: 150px;  height: 240px;
    }
    section.three-cols .col-12:nth-child(2) .card img {
        width: 100px;  height: 220px;
    }
    section.three-cols .col-12:last-child .card img {
        width: 100px;   height: 210px;
    }
}