@media screen and (min-width: 100px) and (max-width: 768px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    body{
        overflow-x: hidden !important;
    }
    .menu-header #menu-button{
        display: none;
    }
main{
	padding: 0;
}
}
@media screen and (min-width: 480px) and (max-width: 668px) {
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
        body{
        overflow-x: hidden !important;
    }

.open-menu body {
    position: fixed !important;
}
[data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
[data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
}
@media screen and (max-width: 380px) {
    [data-aos] {
    -webkit-tranform: none !important;
    transform: none !important;
  }
    .aos-init, 
.aos-animate,
.wow {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    [data-aos^="zoom"][data-aos^="zoom"]{
    opacity: 1 !important;
}
    .open-menu body {
    position: fixed !important;
}
    body{
        overflow-x: hidden !important;
    }
.menu-header #menu-button{
	display: none;
}
}
@media screen and (min-width: 100px) and (max-width: 949px) {
.section-1 h1 {
    font-size: 33px;
    line-height: 35px;
}
.section-1 p {
    font-size: 12px;
    line-height: 20px;
}
.image-area .img1 {
    width: 200px;
}
.image-area .img2 {
    width: 200px;
}
.section-2 .section-title {
    text-align: center;
    font-size: 35px;
}
.section-4 .content h2 {
    font-size: 35px;
    line-height: 39px;
}
.section-6 .section-title {
    text-align: center;
    font-size: 35px;
    padding-top: 30px;
}
.section-6 .product-info h4 {
    font-size: 20px;
}
ins {
    font-size: 20.91px;
}
.section-6 .best-seller-card {
    height: 75%;
}
.section-6 .ribbon {
    position: absolute;
    top: -28px;
    right: 0;
}
.section-6 .product-img img {
    max-width: 110px;
}
.section-6 {
       padding: 20px 0px 100px 0px;
}
.section-7 .feature-box img {
    max-width: 50px;
}
.section-7 .feature-box span {
    font-size: 20px;
}
.section-7 .feature-box {
    height: 80%;
}
.section-8 .ben h2 {
    font-size: 40px;
}
.section-8 .ben p {
    font-size: 14px;
}
.section-8 .text-content p {
    font-size: 14px;
    line-height: 26px;
}
.section-8 .slick-prev {
    left: 71%;
}
.section-8 .slick-next {
    right: 118px;
}
.section-9 {
    padding: 30px 0px 30px 0px;
}
.section-9 .section-title {
    font-size: 35px;
}
.section-9 .subtitle {
    font-size: 17px;
}
.section-9 .see-feed {
    font-size: 20px;
}
.faq-section {
    padding: 30px 0px 30px 0px;
}
.faq-section .faq-title {
    font-size: 45px;
}
.faq-question {
    font-size: 20px;
}
section.section-11 .plan h2 {
    font-size: 35px;
}
.footer .footer-title {
    font-size: 20px;
}
footer.section-11.footer.text-white p.small {
    font-size: 10px;
}
.footer ul li a {
    font-size: 12px;
    line-height: 26px;
}
.inner-banner {
    padding: 82px 0;
}
.inner-banner h2 {
    font-size: 80px;
}
h2.about-sky {
    font-size: 50px;
}
.about-para p {
    font-size: 20px;
    line-height: 29px;
}
section.about-3 .disc img.walk {
    width: 43%;
    height: 200px;
    position: absolute;
    top: 170px;
    right: 35px;
    object-fit: cover;
}
section.about-3 .disc img.cup {
    width: 43%;
    height: 200px;
    object-fit: cover;
    position: absolute;
    top: -41px;
    right: 35px;
}
section.about-3 .disc img.wolf {
    width: 43%;
    position: absolute;
    top: 252px;
    left: 0px;
    height: 200px;
    object-fit: cover;
}
section.about-3 .disc img.fill {
    width: 43%;
    position: absolute;
    top: 40px;
    left: 0px;
    height: 200px;
}
section.about-3 h2.text-center.text-md-start.mb-5 {
    font-size: 40px;
}
section.about-3 .stat {
    font-size: 60px;
}
section.about-3 .stat-text {
    font-size: 15px;
    margin-top: 10px;
}


section.shop-hero .shop-hero__inner h1 {
    font-size: 80px;
}
.shop-heading {
    font-size: 30px;
}
.inner-banner h2 {
    font-size: 80px;
}

section.contact-2 form {
    background: transparent;
}
form label {
    font-size: 18px;
}
section.contact-2 .form-row {
    gap: 0px;
}
section.contact-2 {
    padding: 30px 0px 30px 0px;
}

form input[type="text"], form input[type="email"], form input[type="tel"], form select, form textarea {
    width: 95%;
    margin-bottom: 0px;
}
section.contact-2 h2.loft {
    font-size: 20px;
}
section.contact-2 p.icon.mail {
    font-size: 14px;
}
.wp-block-image img {
    max-width: 90%;
}
.shoo h1 {
    font-size: 55px;
}
.shocount h4 {
    font-size: 30px;
}
.product-title {
    font-size: 35px;
}
.wc-block-components-totals-wrapper {
    padding: 16px 15px;
}
section.section-12 .juice h2 {
    font-size: 33px;
    line-height: 33px;
}
section.section-12 .juice p {
    font-size: 14px;
    line-height: 26px;
}
section.section-12 {
    padding: 50px 0 0px 0;
}
.section-2 p {
    font-size: 14px;
    text-align: center;
}



}


@media screen and (min-width: 100px) and (max-width: 550px) {
.section-1 h1 {
    font-size: 30px;
    line-height: 32px;
}
.section-1 p {
    font-size: 11px;
}
.section-1 .boot {
    font-size: 11px;
}
.section-1 {
    padding: 40px 0px 265px 0px;
    position: relative;
    overflow: hidden;
}
.section-2 {
    padding: 50px 0;
}
.section-2 .category-card img {
    width: 240px;
    height: 240px;
}
.section-2 .category-card {
    width: 80%;
    height: 450px;
    border-radius: 180px;
    margin: 0 auto;
    margin-top: 20px;
}
.section-4 .content h2 {
    font-size: 30px;
    line-height: 33px;
}
.section-6 .section-title {
    font-size: 29px;
    padding-top: 120px;
}
.section-6 .product-info h4 {
    font-size: 16px;
}
.section-6 .product-img img {
    max-width: 100px;
}
del {
    font-size: 17px;
}
.section-6 .best-seller-card {
    height: 80%;
}
.section-6 .cart-btn {
    font-size: 11px;
}
.section-6 {
     padding: 0px 0px 100px 0px;
     margin-top: -100px;
}
.section-7 .feature-box img {
    max-width: 40px;
}
.section-7 .feature-box span {
    font-size: 18px;
}
.section-8 {
    padding: 30px 30px;
}
.section-8 .ben h2 {
    font-size: 30px;
}
.section-8 .ben p {
    font-size: 11px;
    line-height: 19px;
}
.section-9 .featured-post {
    padding-top: 20px;
}
.section-9 .section-title {
    font-size: 30px;
}
.section-9 .subtitle {
    font-size: 15px;
}
.section-9 .see-feed {
    font-size: 17px;
}
.section-9 .follow-grid {
    display: inline;
}
.section-9 .grid-posts {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 20px;
    padding-bottom: 30px;
}
.faq-section {
    padding: 10px 0px 30px 0px;
}
.section-9 .follow-now {
    font-size: 16px;
}
.faq-section .faq-title {
    font-size: 30px;
}
.faq-question {
    font-size: 16px;
}
.faq-answer p {
    font-size: 12px;
    line-height: 19px;
}
section.section-11 .plan h2 {
    font-size: 30px;
}
.section-5 {
    padding: 40px 0;
}
.section-8 .testimonial-content {
    display: inline;
}
.section-8 .image-container img {
    width: 150px;
    height: 150px;
}
.section-8 .text-content p {
    width: 100%;
    font-size:14px;
}
.section-8 .slick-next {
    right: 45px;
}
.section-8 .slick-prev {
    left: 64%;
}
.inner-banner h2 {
    font-size: 45px;
}
.inner-banner {
    height: auto;
    width: 100%;
    padding:0px;
    background-color: transparent !important;
}
h2.about-head {
    font-size: 25px;
}
h2.about-sky {
    font-size: 30px;
}
.about-para p {
    font-size: 14px;
    line-height: 22px;
}
section.about-3 .disc img.fill {
    position: absolute;
    top: -455px;
    left: 10px;
}
section.about-3 .disc img.wolf {
    position: absolute;
    top: -240px;
    left: 10px;
}	
section.about-3 .disc img.cup {
    position: absolute;
    top: -500px;
    right: 15px;
}
section.about-3 .disc img.walk {
    position: absolute;
    top: -285px;
    right: 15px;
}
section.about-3 h2.text-center.text-md-start.mb-5 {
    font-size: 30px;
}
section.about-3 .stat {
    font-size: 40px;
}
section.about-3 .stat-text {
    font-size: 12px;
}
section.about-3 {
    padding: 500px 0px 40px 0px;
}
.inner-banner h2 {
    font-size: 45px;
}
form label {
    font-size: 14px;
}
form input[type="text"], form input[type="email"], form input[type="tel"], form select, form textarea {
    width: 100%;
}
section.contact-2 .form-row {
    display:inline;
}
.shop-hero__inner {
    padding: 0px 16px;
}
section.shop-hero .shop-hero__inner h1 {
    font-size: 45px;
}
.shop-heading {
    font-size: 28px;
    padding-bottom: 20px;
}
.flt-heading {
    font-size: 20px;
}
figure {
    width: 65%;
}
.shop-load-more-wrap .btn {
    font-size: 14px;
}
.entry-content h2 {
    font-size: 35px;
}
.woocommerce form .form-row label {
    font-size: 14px;
}
.entry-content p {
    font-size: 12px;
}
.page-id-34 .wrap {
    padding: 30px 0;
}
.product-top-section {
    display: inline !important;
}
.product-title {
    font-size: 25px !important;
}
.woocommerce div.product form.cart button {
    font-size: 14px;
}
.tab-menu li {
    font-size: 14px;
}
.custom-tabs {
    padding: 17px 10px 10px 15px;
}
.review-form-grid {
    display: inline;
}
.woocommerce span.onsale {
    position: absolute;
    top: 1.5em;
    left: 1.5em;
}
.wc-block-components-totals-wrapper {
    padding: 16px 15px;
}
.section-8 .slick-prev, .section-8 .slick-next {
    position: absolute;
    top: 95%;
}
.container.text-center {
    padding: 20px 0px; 
}
section.shop-hero {
    padding: 0px 0px;
    min-height: 80px;
    width: 100%;
}
.shop-wrap.container {
    padding: 20px 0px 0px 0px;
}
.section-5 .product-card {
    height: 510px;
}
a.button.product_type_variable.add_to_cart_button {
    padding: 8px 15px;
}
span.woocommerce-Price-amount.amount bdi {
    font-size: 16px;
    padding: 0px;
}
.woocommerce ul.products li.product .button {
    width: 100%;
    padding: 12px 0px 12px 10px;
}
.mb-3 {
    padding-left: 15px;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{
    height:340px;
}
.woocommerce-notices-wrapper {
    padding-top: 20px;
}
.custom-single-product-container {
    padding: 15px !important;
}
div#desc p {
    line-height: 27px !important;
    font-size: 15px !important;
    color: black !important;
    margin-bottom: 10px;
}
.product-short-description p {
    color: black !important;
    line-height: 27px !important;
    font-size: 15px !important;
    margin-bottom: 10px;
    width: 100%;
}
.woocommerce div.product form.cart .variations select {
    max-width: 65% !important;
    min-width: 100% !important;
}
.product-title {
    font-size: 30px;
}
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
    border-bottom: 1px solid hsla(0, 0%, 7%, .11);
    margin-bottom: 16px;
    padding: 0px 10px 0px 10px;
}
.shoo h1 {
    font-size: 40px;
}
.shocount {
    padding-top: 10px;
}
.shocount p {
    line-height: 27px;
    font-size: 16px;
}
.shocount h4 {
    font-size: 25px;
}
section.ship ul li {
    font-size: 16px;
    line-height: 27px;
}
.section-1 .leaf-png {
    position: absolute;
    bottom: 238px;
    left: 133px;
    width: 150px;
    z-index: 0;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 48%;
    float: left;
    clear: both;
    margin: 0 0 1.992em;
}
form input[type="text"], form input[type="email"], form input[type="tel"], form select, form textarea {
    padding: 8px;
    font-size: 15px;
}
.main-header .menu {
    display: none;
}


.logo img {
        max-height: 140px;
        width: 39% !important;
        object-fit: cover;
}
.cart img {
    width: 6%;
}
.cart {
    display: inline;
    padding-left: 5px;
}
.cart span.cart-contents-count {
    padding: 1px 6px 1px 6px;
    font-size: 12px;
    position: absolute;
    right: 117px;
    top: -11px;
}
.logo {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
}
.main-header .social-icon {
    padding: 12px 9px 7px 8px;
}

.main-header .top-bar {
    font-size: 13px;
    margin-bottom:10px;
}
.py-3 {
    padding-top: 2rem !important;
}
a#hamburg {
    background-color: black;
}
.section-2 .section-title {
    text-align: center;
    font-size: 35px;
    margin-bottom: 10px;
}
section.contact-2 {
    padding: 30px 0px 30px 0px;
}
section.about-2 {
    padding: 30px 0px 50px 0px;
}
.section-2 p {
    font-size: 14px;
    line-height: 25px;
}
section.section-12 .juice h2 {
    font-size: 30px;
    line-height: 33px;
    text-align: center;
}
section.section-12 .juice p {
    font-size: 14px;
    line-height: 25px;
    padding-bottom: 20px;
    text-align: center;
}
section.section-12 {
    padding: 30px 0 0px 0;
}
.section-1 .col-md-6.image-area {
    position: absolute;
    right: 0;
    bottom: -28px;
}
section.men .menimg img.men2 {
    position: relative;
}

section.men .menhead h2 {
    font-size: 30px;
    margin-top: 120px;
    text-align: center;
}
section.best {
    padding: 50px 0 40px 0;
}
section.best .later h2 {
    font-size: 30px;
    line-height: 32px;
    text-align: center;
}
section.purpose .purposeimg img.purpose2 {
    position: absolute;
    z-index: -1;
    width: 86%;
    top: -225px;
}
section.purpose {
    padding: 240px 0 50px 0;
}
section.purpose .purposeimg img.purpose1 {
    position: absolute;
    width: 42%;
    right: 0px;
    top: -119px;
}
section.purpose .purposehead h2 {
    font-size: 30px;
    line-height: 33px;
    text-align:center;
}
section.men .menimg img.men1 {
    position: absolute;
    width: 64%;
    top: 160px;
    left: 87px;
    border-radius: 90px 0px 90px 0px;
}
section.men {
    padding: 60px 0 50px 0;
}
.nav-cross span {
    background: white;
}
section.contact-2 h2.cont-head {
    font-size: 35px;
}
section.next .later h2 {
    font-size: 30px;
    text-align: center;
}
section.next .later p {
    text-align: center;
    font-size: 14px;
}
section.men .menhead p {
    font-size: 14px;
    text-align: center;
}
.menhead.aos-init.aos-animate {
    text-align: center;
}
section.best .later p {
    font-size: 14px;
    text-align: center;
}
section.purpose .purposehead p {
    text-align: center;
    font-size: 14px;
}
}