@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

    /* Home Page Start */

    body.fixed {
        height: 100%;
        margin: 0;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.5);
    }
    .container {
        width: 90%;
        padding: 15px;
        margin: 0 auto;
    }
    section {
        margin: 75px 0px;
    }
    h2 {
        font-size: 30px;
    }
    p {
        font-size: 15px;
    }
    .section-title {
        font-size: 40px;
        line-height: 45px;
    }
    .section-subtitle {
        font-size: 15px;
        line-height: 25px;
        margin-top: 10px;
    }
    .cta-button {
        height: 45px;
        padding: 11px 25px;
        margin-top: 30px;
    }
    .cta-button .cta-button-value {
        font-size: 13px;
    }

    /* Header Start */
    header {
        background: #ffffff;
        padding-top: 25px;
        padding-bottom: 15px;
        margin-top: 0;
    }
    .menu-bar {
        display: block;
    }
    .mobile-menu {
        display: block;
        position: fixed;
        left: -90%;
        top: 90px;
        width: 90%;
        z-index: 999;
        height: 100%;
        background: #ffffff;
        transition: left 0.3s ease-in-out;
    }
    .mobile-menu.show {
        left: 0;
    }
    .mobile-menu .mobile-menu-options-list {
        list-style: none;
        padding: 20px;
    }
    .mobile-menu .mobile-menu-options-list .mobile-menu-options {
        margin-bottom: 20px;
    }
    .mobile-menu .mobile-menu-options-list .mobile-menu-options .mobile-menu-option {
        text-decoration: none;
        font-size: 25px;
        font-weight: 500;
        font-family: "Inter", sans-serif;
        color: #000000;
    }
    .menu-wrapper {
        flex-wrap: nowrap;
        align-items: center;
        padding: 0 10px;
    }
    .menu-wrapper .col-md-2 {
        width: fit-content;
        display: flex;
        align-items: center;
    }
    .menu-wrapper .menu-logo img {
        display: none;
    }
    .menu-wrapper .menu-toggle-btn {
        display: block;
    }
    .menu-wrapper .menu-toggle-btn span {
        display: inline-block;
        height: 20px;
        width: 20px;
    }
    .menu-wrapper .menu-toggle-btn span i {
        color: #000;
        font-size: 20px;
        text-align: center;
    }
    .menu-wrapper .logo-initial {
        display: block;
        height: 40px;
        width: fit-content;
        overflow: hidden;
        margin-left: 15px;
    } 
    .menu-wrapper .logo-initial img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    } 
    .menu-wrapper .main-menu-options {
      display: none;
        width: fit-content;
    }
    .menu-wrapper .main-menu-options .menu-options-list {
        padding: 15px 20px;
        margin: 0px;
        border-radius: 15px;
    }
    .menu-wrapper .main-menu-options .menu-options-list .icon-wrapper .search-bar-icon {
        display: block;
    }
    .menu-wrapper .main-menu-options .menu-options-list .icon-wrapper .search-bar {
        display: none;
    }
    .menu-wrapper .main-menu-options .menu-options-list .icon-wrapper {
        display: block;
    }
    .menu-wrapper .main-menu-options .menu-options-list .menu-options {
        display: none;
    }

    /* Header End */
    section.hero-section {
        margin-top: 45px;
    }
    .circular-button {
        left: 30%;
        top: 39%;
    }
    .slider-wrapper {
        flex-direction: column;
    }
    .slider-wrapper .slider-content {
        width: 96%;
        margin-right: 4%;
        margin-bottom: 10px;
        height: 425px;
        align-items: flex-start;
    }
    .slider-wrapper .slider-img-wrapper {
        width: 96%;
        margin-left: 4%;
        margin-top: 10px;
        height: 425px;
    }
    .slider-wrapper .slider-img-wrapper .slider-img {
        width: 100%;
    }
    .slider-wrapper .slider-content .container.slider-text {
        padding: 30px 30px 50px 30px;
    }
    .slider-wrapper .slider-content .slider-text {
        padding: 75px 50px;
    }
    .slider-wrapper .slider-content .slider-text .slider-title {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
        padding-right: 0px;
    }
    .slider-wrapper .slider-content .slider-text .slider-subtitle {
        display: none;
    }
    .bg-patch {
        width: 90%;
    }
    .about-section-wrapper {
        padding-top: 50px;
    }
    .about-section-wrapper .about-img-wrapper {
        width: 100%;
        height: 250px;  
        margin-right: 0px;  
    }
    .about-section-wrapper .about-content-wrapper {
        width: 100%;
        margin: 30px 0px 0px 0px;
    }
    section.bestseller-section .bg-patch.right {
        bottom: 0;
        right: 0px;
        border-radius: 40px 0px 0px 40px;
        width: 90%;
    }
    .bestseller-content {
        padding-top: 50px;
    }
    .bestseller-products-slider .bestseller-products {
        margin-top: 30px;
    }
    .bestseller-products-slider .bestseller-products .bst-product-wrapper {
        height: 150px;
        width: 150px;
        margin: 0px;   
        border-radius: 20px;
    }
    .slider-pointer {
        width: 50%;
    }
    .products-collection-wrapper .hair-skin-products-imgs .products-imgs-wrapper > div {
        display: none;
    }
    .products-collection-wrapper .hair-skin-products-imgs .products-imgs-wrapper > div:first-child {
        display: block;
    }
    .products-collection-wrapper .products-heading-wrapper .products-content-wrapper .section-title, 
    .products-collection-wrapper .products-heading-wrapper .products-content-wrapper .section-subtitle {
        text-align: left !important;
    }
    .products-collection-wrapper.img-first {
        flex-direction: column-reverse;
    }
    .products-collection-wrapper.img-first .products-heading-wrapper .products-content-wrapper {
        justify-content: flex-start;
        padding: 0px 10px;
        margin-bottom: 30px;
    }
    .products-collection-wrapper.text-first .products-heading-wrapper .products-content-wrapper {
        padding: 0px 10px;
        margin-bottom: 30px;
    }
    .testimonials-wrapper {
        margin-top: 50px;
        align-items: center;
        justify-content: center;
    }
    .testimonials-wrapper .testimonial-content-wrapper {
        margin: 15px 10px;
    }
    .testimonials-wrapper .testimonial-content-wrapper.slick-active.slick-center {
        transform: scale(1);
    }
    .testimonials-wrapper .testimonial-content-wrapper .content-wrapper {
        padding: 30px;
    }
    .testimonials-wrapper .testimonial-content-wrapper .customer-name {
        font-size: 25px;
        line-height: 30px;
    }
    .testimonials-wrapper .testimonial-content-wrapper .customer-designation {
        margin-bottom: 10px;
    }
    .testimonials-wrapper .testimonial-content-wrapper .customer-testimonial {
        font-size: 12px;
    }
    .pre-footer-main-wrapper .pre-footer-section-wrapper {
        padding-top: 50px;
    }
    .pre-footer-main-wrapper .pre-footer-section-wrapper .pre-footer-img-wrapper {
        width: 100%;
        margin: 0px auto 30px;
    }
    .pre-footer-main-wrapper .pre-footer-section-wrapper .pre-footer-content-wrapper {
        padding-left: 30px;
    }
    .footer-main-wrapper .footer-menu-wrapper {
        justify-content: center;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-logo {
        width: 50%;
        margin-bottom: 30px;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-menu-list-wrapper {
        padding: 0px;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-menu-list-wrapper .footer-menu-list {
        align-items: center;
        flex-direction: column;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-menu-list-wrapper .footer-menu-list .footer-menu-option {
        margin: 7px 0px;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-social-icons {
        margin-top: 30px;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-social-icons .social-icons-wrapper {
        justify-content: center;
    }

    /* Home Page End */

    /* About Us Page - Start */

    .page-banner-wrapper .page-banner-content {
        align-items: flex-start;
        width: 100%;
        height: fit-content;
        margin-bottom: 15px;
        padding: 45px 0px;
    }
    .page-hero-main-wrapper .page-banner-wrapper {
        flex-direction: column;
    }
    br {
        display: none;
    }
    .page-hero-main-wrapper .page-banner-wrapper .page-banner-content .page-banner-text {
        width: 100%;
        padding: 50px 0px 50px 10px;
    }
    .page-hero-main-wrapper .page-banner-wrapper .page-banner-img-wrapper {
        width: 94%;
        margin: 0px 0px 0px 6%;
        height: 325px;
    }
    .who-we-are-img-wrapper {
        width: 100%;
        height: 250px;
        margin: 0px auto;
    }
    .our-vision-img-wrapper {
        height: 300px;
    }
    .main-content-wrapper.text-first {
        padding-top: 50px;
        flex-direction: column-reverse;
    }
    .main-content-wrapper {
        flex-direction: column;
        padding-top: 50px;
    }
    section.our-vision .bg-patch.right-bottom {
        top: 0;
    }
    .our-mission-img-wrapper {
        width: 100%;
        height: 425px;
    }
    .about-pre-footer-wrapper .about-pre-footer-content {
        width: 100%;
        padding: 30px 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .about-pre-footer-wrapper .about-pre-footer-img-wrapper {
        display: none;
    }
    .section-content {
        margin-top: 30px;
    }

    /* About Us Page - End */


    /* Blogs Page - Start */


    .blogs-hero-banner-wrapper {
        padding: 50px 30px;
        height: fit-content; 
    }
    .blog-banner-wrapper .main-content-wrapper .section-content {
        padding-left: 0px;
    }
    .blog-point-title {
        font-size: 35px;
        line-height: 40px;
    }
    .blog-text {
        font-size: 15px;
        line-height: 25px;
    }


    /* Blogs Page - End */

    /* Products Page - Start */


    .product-category-main-wrapper {
        align-items: center;
        width: auto;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .product-category-main-wrapper .col-md-2 {
        width: fit-content;
    }
    .product-category-main-wrapper .product-category-wrapper {
        flex-direction: column;
        align-items: center;
        margin: 0px 5px;
        width: fit-content;
    }
    .product-category-main-wrapper .product-category-wrapper .product-category-img-wrapper {
        width: 175px;
        height: 175px;    
    }
    .filters-wrapper .product-category-title {
        margin-bottom: 20px;
    }
    .filters-wrapper .filter-drop-down {
        justify-content: flex-start;
    }
    .filters-wrapper .filter-drop-down .filter-list-wrapper {
        width: 70%;
    }
    .all-products-content .product-details-wrapper {
        position: relative;
        align-items: center;
        margin-top: 10px;
    }
    .all-products-content .product-details-wrapper .cart-wrapper {
        position: absolute;
        top: 15px;
        right: 10px;
    }
    .all-products-main-wrapper .all-products-wrapper {
        padding: 25px;
    }
    .all-products-main-wrapper .all-products-wrapper .all-products-img-wrapper {
        height: 200px;
    }

    
    /* Products Page - End */

    /* Contact Us Page - Start */

    section.contact-form {
        margin-bottom: 0px;
    }
    section.contact-details {
        margin-top: 0px;
    }
    .contact-form-main-wrapper .form-main-wrapper {
        padding: 0px;
    }
    .contact-form-main-wrapper .contact-form-wrapper {
        padding: 20px 5px;
    }
    .contact-form-main-wrapper .contact-form-wrapper input {
        font-size: 15px;
        height: 45px;
        border-radius: 10px;
    }
    .contact-form-main-wrapper .contact-form-wrapper .text-box {
        font-size: 15px;
    }
    .contact-details-wrapper .contact-wrapper {
        padding: 10px;
    }

    /* Contact Us Page - End */

    /* FAQ Page - Start */

    .faq-title-wrapper, .faq-list-main-wrapper {
        width: 100%;
    }
    .faq-list-main-wrapper .faq-list-wrapper {
        padding: 15px;
        border-radius: 30px;
    }
    .faq-list-main-wrapper .faq-list-wrapper .faq-contact {
        flex-wrap: wrap;
    }
    .faq-list-main-wrapper .faq-list-wrapper .faq-que-wrapper {
        flex-wrap: wrap;
    }
    .faq-list-main-wrapper .faq-list-wrapper .faq-que-wrapper .faq-que {
        font-size: 18px;
        width: 350px;
    }
    .faq-list-main-wrapper .faq-list-wrapper .faq-que-wrapper .down-arrow {
        width: 40px;
        margin-left: 30px;
    }
    .faq-list-main-wrapper .faq-list-wrapper .faq-que-wrapper.faq-contact .faq-que {
        margin-bottom: 30px;
    }
    .faq-que-wrapper .cta-button {
        width: 100%;
        padding: 11px 25px;
    }
    .faq-list-wrapper .enquiry-wrapper .enquiry-text {
        font-size: 22px;
        margin-bottom: 25px;
    }

    /* FAQ Page - End */

    /* Product Internal Page - Start */

    .product-price-details-wrapper {
        margin-top: 30px;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
    }
    .product-price-details-wrapper .col-md-7, .product-price-details-wrapper .col-md-3,.product-price-details-wrapper .col-md-2  {
        width: fit-content;
    }
    .product-price-details-wrapper .price {
        font-size: 25px;
        margin-right: 30px;
    }
    .product-price-details-wrapper .add-to-cart-wrapper {
        margin: 0px 10px;
    }
    .ingredients-main-wrapper .ingredients-title {
        font-size: 30px;
    }
    .ingredients-main-wrapper .ingredient {
        font-size: 15px;
        margin: 15px 0px;
    }
    .customer-review-title-wrapper {
        width: 100%;
        margin: 0px auto;
    }
    .customer-review-wrapper .customer-review-title {
        font-size: 30px;
    }
    .customer-review-main-wrapper .review-wrapper {
        margin: 45px 0px;
    }
    .customer-review-wrapper .rating-wrapper .number-rating {
        font-size: 25px;
    }
    .customer-review-wrapper .rating-wrapper .star-rating-wrapper .fa-star {
        font-size: 20px;
    }
    .customer-review-title-wrapper .cta-button {
        margin-top: 20px;
    }
    .customer-review-main-wrapper {
        margin-top: 60px;
    }
    .customer-review-main-wrapper .review-wrapper .customer-img-wrapper {
        display: none;
    }
    .customer-review-main-wrapper .review-wrapper .review-content-wrapper .customer-details-wrapper {
        align-items: flex-start;
        margin-top: 20px;
    }
    .customer-rating {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .customer-rating .rating-wrapper {
        margin-left: 0px !important;
    }

    /* Product Internal Page - End */

    /* Buy Now - Start */

    .purchase-details-form-wrapper {
        width: 100%;
    }
    .purchase-details-form-wrapper input {
        width: 100% !important;
        height: 45px;
        font-size: 14px;
        border-radius: 10px;
        margin: 10px auto    
    }
    .purchase-details-form-wrapper .detail-title {
        font-size: 25px;
        margin: 40px 0px 15px;
        line-height: 1;
    }
    .purchase-details-form-wrapper .coupon-code-wrapper {
        padding: 30px;
    }
    .purchase-details-form-wrapper .coupon-code-wrapper .coupon-code-title {
        font-size: 20px;
        line-height: 20px;
    }
    .purchase-details-form-wrapper .coupon-code-wrapper .coupon-code-input-wrapper {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .purchase-details-form-wrapper .coupon-code-wrapper .coupon-code-input-wrapper input {
        width: 100%;
        height: 45px;
        font-size: 14px;
        margin-bottom: 15px;
        border-radius: 10px;
    }
    .purchase-details-form-wrapper .coupon-code-wrapper .coupon-code-input-wrapper .cta-button {
        height: 45px;
        width: 100%;
    }
    .purchase-details-form-wrapper .contact-email {
        height: 45px;
        font-size: 14px;
        border-radius: 10px;
    }
    .purchase-details-form-wrapper .checkbox-wrapper {
        margin-top: 5px;
    }
    .purchase-details-form-wrapper .checkbox-wrapper .checkbox {
        height: 15px !important;
        width: 15px !important;
        margin: 0px;
    }
    .purchase-details-form-wrapper .checkbox-wrapper .checkbox-lable {
        font-size: 14px;
    }
    .purchase-details-form-wrapper .country-selection {
        font-size: 14px;
        height: 45px;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    .purchase-details-form-wrapper .name-wrapper, .purchase-details-form-wrapper .address {
        margin-bottom: 0px;
    }
    .purchase-details-form-wrapper .address-wrapper {
        margin: 10px auto 0px;
    }
    .purchase-details-form-wrapper .address-wrapper .state-list {
        height: 45px;
        width: 100%;
        font-size: 14px;
        border-radius: 10px;
        margin: 10px auto;
    }
    .purchase-details-form-wrapper .text {
        margin-top: -10px;
    }
    .selection-wrapper .selection-input + .selection-label {
        height: 45px;
        font-size: 14px;
        padding: 20px;
        border-radius: 10px;
    }
    
    /* Buy Now - End */

    /* Log In First Page - Start */

    section.login-title {
        margin-bottom: 0px;
    }
    section.login-form {
        margin-top: 25px;
    }
    .login-form-main-wrapper {
        height: fit-content;
    }
    .login-img-wrapper {
        display: none;
    }
    .login-form-wrapper {
        width: 100%;
    }
    .login-form-wrapper input {
        font-size: 14px;
        border-radius: 10px;
        height: 45px;
    }
    .login-form-wrapper .login-button-wrapper {
        margin: 30px 0px 15px 0px;
    }
    .login-form-wrapper .login-button-wrapper .forgot-password .forgot-password-txt {
        font-size: 14px;
    }
    .login-form-wrapper .login-text {
        font-size: 14px;
    }

    /* Log In First Page - End */

    /* Sign Up Page - Start */
    
    section.new-account {
        margin-top: 25px;
    }
    .new-account-main-wrapper {
        height: fit-content;
    }
    .new-account-img-wrapper {
        display: none;
    }
    .new-account-wrapper {
        width: 100%;
    }
    .new-account-wrapper input {
        font-size: 14px;
        height: 45px;
        border-radius: 10px;
    }
    .new-account-wrapper .cta-button {
        margin-top: 30px;
    }
    .new-account-wrapper .login-text {
        font-size: 14px;
    }

    /* Sign Up Page - End */


    /* Cart Page - Start */

    section.page-title {
        margin-bottom: 0px;
    }
    section.item-list {
        margin-top: 0px;
    }
    .page-title-wrapper .page-title {
        margin-bottom: 0px;
    }
    .item-list-main-wrapper {
        margin-right: 0px;
        width: 100%;
    }
    .item-list-wrapper {
        width: 100%;
        margin: 30px auto;
    }
    .item-list-wrapper .item-img-wrapper {
        width: 100%;
        height: 250px;
    }
    .item-list-wrapper .item-list-content-wrapper {
        padding: 0px 12px;
        position: relative;
    }
    .item-list-wrapper .item-list-content-wrapper .item-list-content {
        margin-top: 15px;
    }
    .item-list-wrapper .item-list-content-wrapper .item-list-content .item-name {
        font-size: 25px;
    }
    .item-list-wrapper .item-list-content-wrapper .item-list-content .item-price {
        font-size: 25px;
        margin-top: 20px;
    }
    .item-list-wrapper .item-list-content-wrapper .item-list-content .item-quantity {
        margin: 20px 0px;
    }
    .item-quantity .quantity {
        font-size: 15px;
    }
    .item-quantity .quantity-number {
        font-size: 15px;
        padding: 8px 12px;
        border-radius: 5px;
    }
    .item-list-wrapper .item-list-content-wrapper .delete-icon-wrapper {
        height: 50px;
        width: 50px;
        position: absolute;
        right: 15px;
        bottom: 10px;
    }
    .final-price-wrapper {
        margin-left: 0px;
    }

    /* Cart Page - End */

    /* Write Review Page - Start */

    .write-review-wrapper {
        width: 100%;
    }
    .write-review-wrapper .write-review-form .rate .rate-text {
        font-size: 18px;
    }
    .write-review-wrapper .write-review-form .rate .rate-star .fa-star {
        font-size: 18px;
    }
    .write-review-wrapper .write-review-form input {
        height: 45px;
        font-size: 14px;
        border-radius: 10px;
    }
    .write-review-wrapper .write-review-form .review-msg {
        font-size: 14px;
        border-radius: 10px;
    }
    .write-review-wrapper .write-review-form .cta-button {
        width: fit-content;
        margin-top: 30px;
    }

    /* Write Review Page - End */

    /* Account Page - Start */

    section.account .detail-wrapper {
        display: none;
    }
    .account-main-wrapper .account-title-wrapper {
        margin-bottom: 45px;
    }
    .hide-line {
        display: none;
    }
    section.account .account-main-wrapper .side-menu-wrapper .col-md-3 {
        width: 100%;
    }
    section.my-profile .account-main-wrapper {
        display: contents;
    }
    section.my-profile .account-main-wrapper .side-menu-wrapper {
        display: contents;
    }
    section.my-profile .account-main-wrapper .side-menu-wrapper .side-menu-list-wrapper {
        display: none;
    }
    section.my-profile .detail-wrapper {
        width: 100%;
        margin: 0px auto;
    }
    section.my-profile .detail-wrapper .cta-button {
        width: 100%;
    }
    section.my-profile .detail-wrapper .profile-details-wrapper {
        width: 100%;
    }
    section.my-profile .detail-wrapper .profile-details-wrapper .profile-detail {
        padding: 15px 0px;
        align-items: flex-start;
    }
    section.my-profile .detail-wrapper .profile-details-wrapper .profile-detail .profile-que {
        width: 40%;
        margin-right: 30px;
    }
    section.my-profile .detail-wrapper .profile-details-wrapper .profile-detail .profile-text {
        width: 60%;
    }
    .edit-details-wrapper {
        width: 100%;
    }
    .edit-details-wrapper input {
        height: 45px;
        font-size: 14px;
        border-radius: 10px;
    }
    .edit-details-wrapper .gender-wrapper .gender + .gender-lable {
        height: 45px;
        padding: 20px;
        font-size: 14px;
        border-radius: 10px;
    }
    .order-detail-list .order-detail-wrapper {
        padding: 30px 30px;
    }
    .order-detail-wrapper .product-details-wrapper a {
        flex-wrap: wrap;
        justify-content: center;
    }
    .order-detail-wrapper .product-details-wrapper .product-img-wrapper {
        width: 260px;
        height: 150px;
        margin-bottom: 20px !important;
    }
    .order-detail-wrapper .product-details-wrapper .product-detail {
        padding-left: 0px;
    }
    .order-detail-wrapper .product-details-wrapper .product-detail .product-title {
        font-size: 18px;
    }
    .order-detail-wrapper .product-details-wrapper .product-detail .product-des {
        font-size: 12px;
        line-height: 16px;
    }
    .order-detail-wrapper .product-details-wrapper .product-detail .review-product .review-rate {
        line-height: 18px;
    }
    .order-status {
        align-items: flex-start;
    }
    .order-status .order-text {
        width: 80%;
    }
    .edit-address-wrapper input {
        height: 45px;
        font-size: 14px;
        border-radius: 10px;
    }
    .edit-address-wrapper .state-wrapper .state-dropdown {
        height: 45px;
        font-size: 14px;
        padding: 10px 20px;
        border-radius: 10px;
    }

    /* Account Page - End */

}

/* Landscape View Mobile */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {

    header {
        background: #ffffff;
        padding-top: 25px;
        padding-bottom: 15px;
        margin-top: 0;
    }
    .menu-bar {
        display: block;
    }
    .mobile-menu {
        display: block;
        position: fixed;
        left: -90%;
        top: 120px;
        width: 90%;
        z-index: 999;
        height: 100%;
        background: #ffffff;
        transition: left 0.3s ease-in-out;
    }
    .mobile-menu.show {
        left: 0;
    }
    .mobile-menu .mobile-menu-options-list {
        list-style: none;
        padding: 20px;
    }
    .mobile-menu .mobile-menu-options-list .mobile-menu-options {
        margin-bottom: 20px;
    }
    .mobile-menu .mobile-menu-options-list .mobile-menu-options .mobile-menu-option {
        text-decoration: none;
        font-size: 25px;
        font-weight: 500;
        font-family: "Inter", sans-serif;
        color: #000000;
    }
    .menu-wrapper {
        flex-wrap: nowrap;
        align-items: center;
        padding: 0 10px;
    }
    .menu-wrapper .col-md-2 {
        width: fit-content;
        display: flex;
        align-items: center;
    }
    .menu-wrapper .menu-logo img {
        display: none;
    }
    .menu-wrapper .menu-toggle-btn {
        display: block;
    }
    .menu-wrapper .menu-toggle-btn span {
        display: inline-block;
        height: 20px;
        width: 20px;
    }
    .menu-wrapper .menu-toggle-btn span i {
        color: #000;
        font-size: 20px;
        text-align: center;
    }
    .menu-wrapper .logo-initial {
        display: block;
        height: 40px;
        width: fit-content;
        overflow: hidden;
        margin-left: 15px;
    } 
    .menu-wrapper .logo-initial img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    } 
    .menu-wrapper .main-menu-options {
        width: fit-content;
    }
    .menu-wrapper .main-menu-options .menu-options-list {
        padding: 15px 20px;
        margin: 0px;
        border-radius: 15px;
    }
    .menu-wrapper .main-menu-options .menu-options-list .icon-wrapper .search-bar-icon {
        display: block;
    }
    .menu-wrapper .main-menu-options .menu-options-list .icon-wrapper .search-bar {
        display: none;
    }
    .menu-wrapper .main-menu-options .menu-options-list .icon-wrapper {
        display: block;
    }
    .menu-wrapper .main-menu-options .menu-options-list .menu-options {
        display: none;
    }
    .testimonials-wrapper {
        margin-top: 50px;
        align-items: center;
        justify-content: center;
    }
    .testimonials-wrapper .testimonial-content-wrapper {
        margin: 15px 10px;
    }
    .testimonials-wrapper .testimonial-content-wrapper.slick-active.slick-center {
        transform: scale(1);
    }
    .testimonials-wrapper .testimonial-content-wrapper .content-wrapper {
        padding: 30px;
    }
    .testimonials-wrapper .testimonial-content-wrapper .customer-name {
        font-size: 25px;
        line-height: 30px;
    }
    .testimonials-wrapper .testimonial-content-wrapper .customer-designation {
        margin-bottom: 10px;
    }
    .testimonials-wrapper .testimonial-content-wrapper .customer-testimonial {
        font-size: 12px;
    }
    .pre-footer-main-wrapper .pre-footer-section-wrapper {
        padding-top: 50px;
    }
    .pre-footer-main-wrapper .pre-footer-section-wrapper .pre-footer-img-wrapper {
        width: 100%;
        margin: 0px auto 30px;
    }
    .pre-footer-main-wrapper .pre-footer-section-wrapper .pre-footer-content-wrapper {
        padding-left: 30px;
    }
    .footer-main-wrapper .footer-menu-wrapper {
        justify-content: center;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-logo {
        width: 50%;
        margin-bottom: 30px;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-menu-list-wrapper {
        padding: 0px;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-menu-list-wrapper .footer-menu-list {
        align-items: center;
        flex-direction: column;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-menu-list-wrapper .footer-menu-list .footer-menu-option {
        margin: 7px 0px;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-social-icons {
        margin-top: 30px;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-social-icons .social-icons-wrapper {
        justify-content: center;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .container {
        padding: 0px 15px;
    }
    header {
        background: #ffffff;
        padding-top: 25px;
        padding-bottom: 15px;
        margin-top: 0;
    }
    .menu-bar {
        display: block;
    }
    .mobile-menu {
        display: block;
        position: fixed;
        left: -90%;
        top: 120px;
        width: 90%;
        z-index: 999;
        height: 100%;
        background: #ffffff;
        transition: left 0.3s ease-in-out;
    }
    .mobile-menu.show {
        left: 0;
    }
    .mobile-menu .mobile-menu-options-list {
        list-style: none;
        padding: 20px;
    }
    .mobile-menu .mobile-menu-options-list .mobile-menu-options {
        margin-bottom: 20px;
    }
    .mobile-menu .mobile-menu-options-list .mobile-menu-options .mobile-menu-option {
        text-decoration: none;
        font-size: 25px;
        font-weight: 500;
        font-family: "Inter", sans-serif;
        color: #000000;
    }
    .menu-wrapper .col-md-2 {
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .menu-wrapper .menu-toggle-btn {
        display: block;
        height: 35px;
        width: 35px;
    }
    .menu-wrapper .menu-toggle-btn i {
        font-size: 40px;
    }
    .menu-wrapper .menu-logo {
        display: none;
    }
    .menu-wrapper .logo-initial {
        display: block;
        height: 40px;
        width: fit-content;
        overflow: hidden;
        margin-left: 15px;
    }
    .menu-wrapper .logo-initial img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .menu-wrapper .main-menu-options .menu-options-list {
        padding: 15px;
        width: fit-content;
        float: right;  
    }
    .menu-wrapper .main-menu-options .menu-options-list .menu-options {
        display: none;
    }
    .slider-wrapper .slider-content {
        height: 450px;
    }
    .slider-wrapper .slider-img-wrapper {
        height: 450px;
    }
    .slider-wrapper .slider-content .slider-text {
        padding: 50px 50px 50px 30px;
    }
    .slider-wrapper .slider-content .slider-text .slider-title {
        font-size: 40px;
        line-height: 1.2;
        padding-right: 0px;
    }
    .slider-wrapper .slider-img-wrapper .slider-img {
        height: 100vh;
        object-position: top center;
        object-fit: none;
    }
    .circular-button {
        top: 160px;
        left: 42%;
    }
    .section-title {
        font-size: 40px;
        line-height: 1.2;
    }
    .bestseller-content .bestseller-products-slider {
        width: 60%;
        margin-left: 10px;
    }
    .bestseller-content .bestseller-title-wrapper {
        width: 38%;
    }
    .bestseller-products-slider .bestseller-products .bst-product-wrapper {
        height: 200px;
        width: 200px;
    }
    .bestseller-content .bestseller-products-slider .bestseller-products .bst-product {

    }
    .products-collection-wrapper .col-md-4 {
        width: 40%;
    }
    .products-collection-wrapper .col-md-8 {
        width: 60%;
    }
    .pre-footer-main-wrapper .pre-footer-section-wrapper .pre-footer-img-wrapper {
        width: 350px;
    }
    .testimonials-main-wrapper .section-title {
        width: 80%;
        margin: 0px auto;
    }
    .page-banner-wrapper .page-banner-content .page-banner-text {
        width: 90%;
    }
    .product-category-main-wrapper .product-category-wrapper .product-category-img-wrapper {
        height: 125px;
        border-radius: 20px;
    }
    .product-category-main-wrapper .product-category-wrapper .product-category-name {
        text-align: center;
    }
    .filters-wrapper .filter-drop-down .filter-list-wrapper {
        width: 45%;
    }
    .all-products-main-wrapper .col-md-3 {
        width: 50%;
    }
    .all-products-main-wrapper .product-details-wrapper .col-md-3 {
        width: 25%;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-menu-list-wrapper {
        padding: 0px 50px;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-social-icons .social-icons-wrapper .social-icons {
        margin: 0 5px;
    }
    .footer-main-wrapper .footer-menu-wrapper .footer-social-icons .social-icons-wrapper .social-icons .social-icon-img {
        font-size: 22px;
    }
    .customer-review-main-wrapper .review-wrapper .col-md-2 {
        width: 20%;
    }
    .customer-review-main-wrapper .review-wrapper .col-md-10 {
        width: 80%;
    }
    .customer-review-main-wrapper .review-wrapper .customer-img-wrapper {
        height: 150px;
        border-radius: 20px;
    }
    .item-wrapper {
        flex-direction: column;
    }
    .item-wrapper .cart-list-wrapper, .item-wrapper .checkout-wrapper {
        width: 100%;
    }
    .who-we-are-img-wrapper, .our-vision-img-wrapper, .our-mission-img-wrapper {
        width: 100%;
    }
    .section-content {
        width: 100%;
    }
    .section-main-wrapper {
        margin-top: 175px !important;
    }
    .section-main-wrapper .bg-patch.right-bottom {
        top: -75px;
    }
    .about-pre-footer-wrapper .about-pre-footer-img-wrapper {
        display: none;
    }
    .about-pre-footer-wrapper .about-pre-footer-content {
        width: 100%;
        padding: 75px;
    }
    .product-price-details-wrapper .col-md-7 {
        width: fit-content;
        margin-right: 100px;
    }
    .product-price-details-wrapper .col-md-3 {
        width: fit-content;
        margin-right: 15px;
    }
    .product-price-details-wrapper .col-md-2 {
        width: fit-content;
    }
    .blogs-list-main-wrapper .col-md-4 {
        width: 50%;
    }
    .main-content-wrapper .col-md-5, .main-content-wrapper .col-md-7  {
        width: 100%;
    }
    .main-content-wrapper.text-first {
        flex-direction: column-reverse;
    }
    .blog-banner-wrapper .main-content-wrapper .section-content {
        padding-left: 0px;
    }
    section.explore-blogs .blogs-list-main-wrapper {
        overflow: scroll;
        flex-wrap: nowrap;
    }
    .customer-review-title-wrapper .cta-button {
        margin-top: 0px;
    }
    .customer-review-main-wrapper .review-wrapper {
        margin: 45px 0px;
    }
    .purchase-details-form-wrapper {
        width: 100%;
    }
    .address-wrapper {
        display: flex;
    }
    .contact-details-wrapper .col-md-4 {
        width: 49%;
    }
    .faq-title-wrapper, .faq-list-main-wrapper {
        width: 100%;
    }
    .faq-list-main-wrapper .faq-list-wrapper .faq-que-wrapper {
        flex-direction: column;
    }
    .faq-list-wrapper .enquiry-wrapper .enquiry-text {
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .faq-que-wrapper .cta-button {
        margin-right: 0px;
        margin-left: auto;
    }
    .login-form-wrapper .login-button-wrapper {
        margin: 30px 0px 15px 0px;;
    }
    .login-form-wrapper .login-button-wrapper .cta-button {
        margin-top: 0px !important;
    }

}


@media (max-width: 768px) {
  .pic-box .img-left {
    width: 100%;
  }
  .pic-box .img-right {
    width: 100%;
  }

  .first-section {
    margin-top: 90px;
  }
  .pic-box {
    flex-direction: column;
  }
}