/* for mobile  header */

@media(max-width:1700px) {
    .started-sec .effect-shape {width: 93%;}
}
@media(max-width:1599px) {
    .started-sec .effect-shape {
        width: 96%;
    }
}
@media(max-width:1490px) {
    #hero-slide .banner-content h2 {        font-size: 45px;}
    #hero-slide .banner-content h1 {        font-size: 45px;}
    #hero-slide .banner-content .kicker {font-size: 23px;}
    #hero-slide::after {left: -290px;}
    .started-sec .effect-shape {
        width: 98%;
    }

footer .footer-shape {
    top: -336px;
    left: -382px;
}
}

@media(max-width:1399px) {
    h1 {font-size: 41px;}
    #menu ul {gap: 19px;}
    #hero-slide .banner-content h2 {        font-size: 39px;    }
    #hero-slide .banner-content h1 {        font-size: 39px;    }
    #hero-slide .banner-content .kicker {
        font-size: 21px;
    }
    #hero-slide .owl-dots {
        margin-top: 20px;
    }
    #hero-slide {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #hero-slide .banner-img img {max-height: 347px; }
    #hero-slide .banner-img {max-width: 400px;}
    #hero-slide::after {
        left: -340px;
    }
    #testimonial-slide .owl-nav button.owl-next {
        right: -70px;    font-size: 37px;
    }
    #testimonial-slide .owl-nav button.owl-prev {
        left: -70px;    font-size: 37px;
    }
    .shape-round {
        bottom: -200px;
        right: -290px;
    }

    footer  h5 {
        margin-bottom: 26px !important;
    }
    footer .link-list ul li a {
        margin-bottom:19px;
        font-size: 13px;
    }    
footer .footer-shape {top: -330px;left: -400px;}

.product-heading-2 h1 {
    font-size: 34px;
    line-height: 40px;
}


/* .product-heading-2 .price span {
    font-size: 30px;
}
.product-heading-2 .price span:last-child {
    font-size: 42px;
} */
.product-card .card-btn .btn-warning{font-size: 14px;}
.product-card .card-btn .btn-dark{font-size: 14px;}



}
@media(max-width:1299px) {
    
    #hero-slide .banner-content .kicker {
        font-size: 18px;
    }
    #hero-slide .banner-content h2 {        font-size: 33px;    }
    #hero-slide .banner-content h1 {        font-size: 33px;    }
    #hero-slide .banner-button a {
        width: 209px;
        font-size: 14px;
        padding: 11px 30px;
    }
   .banner-category .banner-category-btn .btn-warning {padding: 8px 29px;font-size: 14px;}
    .banner-category ul li a {padding: 9px 10px 9px 15px;}
    #hero-slide .banner-content p {line-height: 30px;}

#hero-slide {padding: 30px 56px;}
#hero-slide .item {padding: 50px 0;}
h3 {
    font-size: 29px;
}
.product-card .content .price {font-size: 21px;    margin: 15px 0;}
.product-card .card-btn {flex-wrap: wrap;}
.product-card .card-btn .counter {    min-width: 121px; }
.product-card .card-btn .counter span {
    font-size: 28px;
    height: 31px;
    width: 31px;
}
.product-card .offer {font-size: 14px;}
.textimonial-content p {
    line-height: 22px;
}
h2 {font-size: 33px;}


#testimonial-slide .owl-nav button.owl-next {
    right: -43px;
    font-size: 33px;
}
#testimonial-slide .owl-nav button.owl-prev {
    left: -43px;
    font-size: 33px;
}
.accordion-box .accordion-flush .accordion-item .accordion-button, .accordion-box .accordion-flush .accordion-item .accordion-button.collapsed {font-size: 16px;}
.accordion-box.price-box .accordion-flush .accordion-item button.accordion-button.collapsed{font-size: 28px;}
.accordion-box .accordion-body ul li a {
    font-size: 16px;
    padding: 12px;
    padding-left: 38px;
}
.accordion-box {
    border-radius: 14px;
    background: var(--white);
    padding: 29px 16px;
}


}
@media (max-width:1199px) {
    #menu ul li a {font-size: 13px;}  
    header .logo img{max-width: 150px;}
    header .user-btns img{max-width: 33px;}
    header .user-btns a span {font-size: 11px;}
    .hero-banner {
        padding: 32px 20px;
    }
    #hero-slide::after {
        left: -450px;
    }
    #hero-slide .banner-img img {
        max-height: 285px;
    }   
    #hero-slide {
        padding: 30px 42px;
    }  
    
#hero-slide .owl-dots .owl-dot {
    width: 11px;
    height: 11px;}
    .banner-category .banner-category-btn .btn-warning {
        font-size: 13px;
    }
   .product-card h6 {font-size: 16px;}
    .catagory-card .img-box {
        max-width: 170px;}
        .catagory-heading {
            margin-bottom: 29px;
}       .about-content p {
    line-height: 23px;
} 

.product-card .card-btn .btn-dark {      font-size: 13px;}
.product-card .card-btn .btn-warning{font-size: 13px;}
.product-card .card-btn .counter {
    min-width: 109px;
}

.stated-img img {
    transform: translateY(0px);
}

footer .logo-box {margin-bottom: 30px;}

footer .logo-box img{max-width: 160px;}
.product-buttons .inner-btn .btn-warning, .product-buttons .inner-btn .btn-dark {
    padding: 11px 20px;
    width: 200px;
}

.shop-sec .banner-box .heading {
    max-width: 500px;
    width: 90%;
}
  .accordion-box.price-box {
    padding: 15px 16px;
}
}
@media (max-width:1099px) {
    h1 {
        font-size: 34px;
    }
    #testimonial-slide .owl-nav button.owl-next {
        right: -32px;
        font-size: 25px;
    }
    #testimonial-slide .owl-nav button.owl-prev {
        left: -32px;
        font-size: 25px;
    }
    .heading-center {
        margin-bottom: 32px;
    }
    h2 {
        font-size: 28px;
    }
    .rate-star-img img {
        max-width: 122px;
    }
  
    
    
}
@media (max-width:1024px) {
   #hero-slide .banner-content .kicker {
        font-size: 16px;
    }
    #hero-slide .banner-button a {
        width: 193px;
        font-size: 14px;
        padding: 9px 30px;
    }
    .banner-category .banner-category-btn .btn-warning {
        padding: 8px 19px;
        font-size: 14px;
    }
    .banner-category {padding: 25px 16px;}
    #hero-slide {
        padding: 30px 30px;
    }
    #hero-slide::after {
        left: -501px;
    }
    .started-sec .effect-shape {        width: 99%;    }  
}
@media(max-width:991px){
  header {top: 0;left: 0;width: 100%; z-index: inherit;border-bottom: 1px solid #fff;background-color:var(--secondary);}
  header .logo{margin: 10px 0;}
  .topbar { width:100%; position:relative;z-index: 999; border-bottom: 1px solid #C8C6CD;} 
  .topbar .logo a{font-family: var(--font-1);font-size: 32px;font-weight: 400;} 
  
  .topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
  .topbar ul.top_right_contents li a.menu_open img {width:  30px;filter: brightness(0) saturate(100%) invert(96%) sepia(4%) saturate(0%) hue-rotate(60deg) brightness(104%) contrast(103%);}
  .topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;    background-color:var(--secondary);}
  .topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;
      margin-right: 20px;  line-height: 1;}
  .topbar ul.top_right_contents li:last-child {margin-right: 0;}
  .topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
  .topbar ul.top_right_contents li a i {font-size: 26px;}
  .topbar ul.top_right_contents li a i.user { font-size: 34px;}
  .topbar ul.top_right_contents li a.menu_open i {font-size: 36px;}
  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
  .menu_toggler {margin:15px 0 0;}
  .menu_toggler .icons {font-size:26px; color:#212121}
  .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
  .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
  .menu_close {text-align: end;padding: 0;}
  .menu_close img {width: 20px; }
  .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background-color:var(--white); padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 300px; height: 100vh; }
  .mobile_menu_wrap .form-control{width: 80%;}
  .mobile_menu_wrap.menu_show {right:0;}
  .mobile_menu_wrap ul {padding:0; margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400; font-family:var(--font-1);}
  .mobile_menu_wrap ul.main_menu {margin-bottom:10px;padding: 15px 20px 0;}
  .mobile_menu_wrap ul.main_menu li{color: #fff;border-bottom:1px solid var(--black);}
  .main_menu li.active a{color:var(--text-color);font-weight: bold;}
  .topbar .top-links a:hover{color:var(--text-color);}
  .mobile_menu_wrap ul.main_menu li a {font-size:20px; text-decoration: none;}
  .mobile_menu_wrap ul li a {position: relative; display: block; padding:10px 0px;width: 100%; color: #000 ;}
  .mobile_menu_wrap ul li.hassub { position: relative;width: 100%;display: inline-block;}
  .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 0;width: 100%;text-align: end;}
  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 220px;  box-shadow: 0 10px 14px 0 #00000029;     background:var(--black); margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility:hidden;padding-left: 10px;}
  .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background:var(--primary);left: 0;padding-left: 10px;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #fff; padding:10px 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i { margin-right: 5px;}
.mobile_menu_wrap ul li.hassub ul li a{color: #fff;}
header .user-btns{gap: 0;}
  .pagenation ul li a {height: 60px;width: 60px;} 
  .banner-category ul {display: flex;flex-wrap: wrap;gap: 20px; justify-content: center;}
  .banner-category ul li a{background-color: var(--secondary);color: var(--white); border-radius: 45px;padding: 10px 33px;}
  .banner-category ul li a::before{display: none;}
  .banner-category .banner-category-btn {width:  fit-content;margin: auto;}
  .banner-category {margin-top: 24px;}
  .banner-category h4{text-align: center;}
  #hero-slide::after {    left: -421px;}
#hero-slide .owl-item.active .banner-img{margin-inline: auto;}
.catagory-card .img-box {max-width: 160px;}         
.about-img {    position: relative;    width: 100%;    height: 100%;    max-height: 380px;    border-radius: 10px;}
.about-content{margin-top: 24px;}
.about-sec .effect-shape {    width: 94.5%;    border-radius: 20px;    margin: auto;    right: 0;    left: 0;}
.banner-category{box-shadow: none;padding: 0;}
.btn-dark {padding: 8px 39px;font-size: 14px;}
#testimonial-slide .owl-nav{display: none;}
.started-sec .effect-shape {    width: 100%;    border-radius: 0;}
.shape-round {    display: none;}
.started-heading p {    line-height: 31px;    font-size: 15px;}
footer .link-list ul{justify-content: space-between;}
footer .link-list ul li {
    width: 46%;
}
.contect-list .social-links img{max-width: 27px;}
footer h5 {margin-bottom: 18px !important;}
footer .footer-shape {top: -400px;left: -390px;border-width: 16px;}

.creadt-img img{max-width: 200px;}

footer .footer-bar{flex-wrap: wrap;}

.product-buttons {
    margin-bottom: 18px;
}
.owl-dots{display: flex;align-items: center;gap: 10px;justify-content: center;margin-top: 20px;}
.owl-dots button{background-color: var(--primary) !important;height: 13px;width:13px;border-radius: 50%;transition: all .2s ease;}
.owl-dots button.active{background: var(--secondary) !important;}

.product-heading-2{margin-top: 30px;}
.heading-center {margin-bottom: 8px;}

footer {
    padding: 70px 0 30px;
}
footer a.logo-box{
    margin-inline: auto;
}
.text-sec p {
    font-size: 17px;
    line-height: 26px;
}

.story-sec .heading p {
    font-size: 15px;
}
.story-box p{
    font-size: 15px;
}
.story-sec .heading{
    margin-bottom: 20px;
}
.story-sec .row{row-gap: 20px;}
.story-sec .img-box{text-align: center;}

.cat-list .accordion-flush .accordion-item .accordion-button, .cat-list .accordion-flush .accordion-item .accordion-button.collapsed{font-size: 18px;}
.cat-list .accordion-body ul li a{
    font-size: 16px;
    padding: 12px;
    padding-left: 30px;
}
.cat-list .accordion-body ul li a::after{
    left: 16px;
}
.contact-form-box {
    padding: 27px 40px;
}
    .accordion-box.price-box{margin-top: 17px;padding: 12px 12px;}
    .accordion-box.price-box .accordion-flush .accordion-item .accordion-button{padding: 0;font-size: 18px;}
    .accordion-box.price-box .accordion-flush .accordion-item button.accordion-button.collapsed {font-size: 18px;}

}
@media (max-width:860px) {
    #hero-slide .banner-content h2 {        font-size: 29px;    }
    #hero-slide .banner-content h1 {        font-size: 29px;    }

    #hero-slide .banner-content p {
        line-height: 24px;
    }   
    
    #hero-slide::after {
        left: -471px;
    }

}
@media (max-width:767px) {
.pagenation {margin-top: 23px;}
.pagenation ul li a {height: 46px;width: 46px;font-size: 14px;}
#hero-slide .banner-content h2 {    font-size: 25px;}
#hero-slide .banner-content h1 {    font-size: 25px;}
#hero-slide .banner-button{flex-wrap: wrap;}
#hero-slide .banner-button a {
    width: 181px;
    font-size: 13px;
    padding: 9px 30px;
}
#hero-slide .banner-content .kicker {
    font-size: 13px;
    line-height: normal;
}
#hero-slide.owl-carousel .owl-stage-outer {
    max-height: 380px;
}
#hero-slide::after {
    left: -581px;
}
#hero-slide .owl-dots {
    gap: 15px;
}
#hero-slide .banner-content h2 {    font-size: 24px;}
#hero-slide .banner-content h1 {    font-size: 24px;}
#hero-slide .owl-dots {
    bottom: 13px;
    left: 0;
    right: 0;
    margin-inline: auto;
    justify-content: center;

}
    #hero-slide .item {        padding: 0 0 25px ;    }
    #hero-slide {        padding: 24px 16px;    }
.catagory-sec .category-btn {
    margin-top: 33px;
}
.btn-warning {
    padding: 8px 37px;
    font-size: 14px;
}
h3 {
    font-size: 23px;
}
.product-card .content .price {
    font-size: 17px;
    margin: 12px 0;
}
.product-card .card-btn .counter {
    min-width: 89px;
}
.product-card .card-btn .counter span {
    font-size: 16px;
    height: 22px;
    width: 22px;
}
.f-wrap{
    flex-wrap: wrap;
}
.product-card .card-btn .inner-btn{
    flex-wrap: wrap;
    row-gap: 10px;
}
.product-card .card-btn .btn{
    display: inline-block;
    width: 100%;

}
.story-slide {
    margin-top: 20px;
}
.stated-img img {
    transform: translateY(0px);
    max-height: 320px;
}
.started-heading p {
    line-height: 26px;
    font-size: 15px;
}
footer .footer-bar{justify-content: center;gap: 12px;}
footer .link-list ul li {
    width: 100%;
}
.started-sec {
    margin-bottom: 0;
}

h1 {
    font-size: 29px;
}

.product-heading-2 h1 {
    font-size: 29px;
    line-height: 35px;
}
    .text-sec p {
        font-size: 14px;
        line-height: 22px;
    }
    .story-box {
        padding: 25px;
    }
        .shop-sec .banner-box .heading {
        max-width: 332px;
        width: 90%;
    }
    .story-slide .owl-dots {
    gap: 17px;
    margin-top: 30px;
}
    .contact-form-box {
        padding: 27px 24px;
    }
    .contact-form-box .form-control {height: 50px;}
    .product-card .offer{top: 0;font-size: 12px; padding: 3px 8px;}
    .gap-60{height: 40px;}
    .srory-card {padding: 14px;}
.srory-card .content span {font-size: 16px;font-weight: 600;line-height: 1.3;}
.srory-card .content h5{font-size: 15px;line-height: 1.3;font-weight: 600;}
.started-sec .main form {padding-top: 15px;}
}
@media (max-width:620px) {
   
    #hero-slide .banner-content h2 {        font-size: 22px;    }
    #hero-slide .banner-content h1 {        font-size: 22px;    }
    #hero-slide .banner-content p {
        line-height: 21px;
    }
    .about-sec .effect-shape {width: 100%;border-radius: 0;}
    .started-sec .main {
    padding: 45px 20px;
}


}
@media (max-width:575px) {
.pagenation ul {gap: 8.2px;}
.pagenation ul li a {height: 37px;width: 37px;font-size: 12px;}
header .logo img {max-width: 90px;}

#hero-slide .item .row {flex-direction: column-reverse;}
#hero-slide .banner-img img {
    max-height: 215px;
}
#hero-slide .banner-img {margin: 0 auto 30px;}
#hero-slide.owl-carousel .owl-stage-outer {
    max-height: unset;
}
.banner-category ul {
    row-gap: 10px;
}

.mobile_menu_wrap ul.main_menu li a {
    font-size: 17px;
}
h2 {
    font-size: 25px;
}
footer .footer-shape {top: -450px;}

footer .link-list ul li a {
    margin-bottom: 15px;
}
footer .link-list ul li a::before {width: 13px;height: 13px;left: -20px;}
.contect-list .social-links {gap: 25px;}
.contect-list .social-links img {
    max-width: 21px;
}
footer .contect-list ul li img {
    max-width: 16px;
}
.privacy-sec ul li::before {
    left: 5px;
    width: 12px;
    height: 12px;
}
.started-sec  .main .col-lg-7,.started-sec  .main .col-lg-5 {  padding-inline:0;}
footer .logo-box img {max-width: 138px;}
/* footer a.logo-box{display: inline-block;margin-inline: 0;} */
.hero-banner {padding: 16px 0;}
.product-buttons .inner-btn .btn-warning, .product-buttons .inner-btn .btn-dark {
    padding: 8px 17px;
    width: 140px;
    font-size: 13px;
}
/* .product-heading-2 .price span {
    font-size: 26px;
}
.product-heading-2 .price span:last-child {
    font-size: 36px;
} */
    .story-box {
        padding: 25px 18px;
    }
    .shop-sec .banner-box {
    aspect-ratio: 16 / 4;
}
    .shop-sec .banner-box .heading {
        max-width: 332px;
        width: 64%;
    }
    .shop-sec .banner-box .heading h1 {
    top: -8px;
    font-size: 24px;
}
.gap-60{height: 20px;}
 .woocommerce .woocommerce-message .button{
    margin-top: 10px;
 }

}
@media (max-width:480px) {
    #hero-slide::after {
        left: -637px;
        top: -140px;
    }
    .textimonial-content {
        padding: 15px 15px 20px;
        border-radius: 10px;
    }
    .heading-center {
        margin-bottom: 15px;
    }
    .started-heading p {
        line-height: 23px;
        font-size: 14px;
    }
    .stated-img img {
        max-height: 260px;
    }
    .product-sec .col-lg-3:nth-last-child(odd){padding-left: 6px;}
.product-sec .col-lg-3:nth-last-child(even){padding-right: 6px;}
.product-card .content p{display: none;}
 .price-inputs input{font-size: 14px;}
}
@media (max-width:450px) { 
    
    .banner-category ul li a {
        background-color: var(--secondary);
        color: var(--white);
        border-radius: 45px;
        padding: 8px 23px;
        font-size: 12px;
    }
    .banner-category .banner-category-btn .btn-warning {
        padding: 8px 29px;
        font-size: 12px;
    }
    .banner-category {
        padding: 25px 10px;
    }
    .rate-star-img img {
        max-width: 92px;
    }
    /* .product-heading-2 .price span {
        font-size: 23px;
    } */
    /* .product-heading-2 .price span:last-child {
        font-size: 29px;
    } */
    .product-card .content{padding-inline: 12px;}

}
@media (max-width:414px) {  
    
       
}
@media (max-width:400px) {
    
}
@media (max-width:375px) {
 
}
@media (max-width:360px) {
  
}