/*-------------------------------------------
    28. Responsive Design CSS
-------------------------------------------*/
@media only screen and (max-width: 1775px) {
    .hero-2-slider-img {
        right: 175px;
        width: 540px;
    }
}

/*--------Max 1450px Width Screen---------*/
@media only screen and (max-width: 1450px) {

    /* Home-2 hero slider */
    .hero-2-slider-img {
        width: 511px;
    }
    /* Home-2 hero slider */

}

/*--------Max 1399px Width Screen---------*/
@media only screen and (max-width: 1399.98px) {

    /* Home-2 slider area */
    .hero-2-slider-img {
        height: auto;
        width: auto;
        right: auto;
        top: auto;
        position: relative!important;
    }
    .hero-area-2 .hero-offer {
        left: 89px;
        top: -37px;
    }
    /* Home-2 slider area */

    /* Footer */
    .company-details-box p {
        padding-right: 10px;
    }
    /* Footer */

}

/*=====================================
  For Medium Screen
========================================*/

@media only screen and (max-width: 1199.98px) {
    /* Home-2 Hero-2 Area */
    .hero-2-content h1 {
        font-size: 3.2rem;
    }
    .hero-2-content .hero-subtitle {
        padding: 0 130px 32px 0;
    }
    .hero-area-2 .hero-offer {
        left: 55px;
        top: -46px;
    }
    /* Hero-2 Content */

    /* Home Offer 1 Area */
    .offer-1-content h2 {
        font-size: 2.25rem;
    }
    .offer-1-content h4 {
        padding-right: 175px;
        font-size: 1.45rem;
    }
    .offer-1-content {
        padding: 5px 32px;
    }
    /* Home Offer 1 Area */

    /* Home-2 Offer-1 Area */
    .home-2-offer-1-content {
        width: 90%;
        padding: 30px;
    }
    .home-2-offer-1-area-right-side .home-2-offer-1-content {
        width: 90%;
    }
    .home-2-offer-1-area-left-side .col-md-12:nth-child(3) .offer-1-box .home-2-offer-1-content {
        width: 59%;
    }
    /* Home-2 Offer-1 Area */

    /* Featured Products Area */
    #featuredProductsTab .nav-link {
        margin: 0 12px;
    }
    /* Featured Products Area */

    /* Testimonial */
    .testimonial-area {
        padding: 100px 0px;
    }
    /* Testimonial */

    /* About Page */
    .mission-img-2 {
        right: 70px;
        top: 60px;
    }
    .mission-overview-content h2 {
        line-height: initial;
        margin-top: 0;
        padding-right: 0;
    }
    .mission-text p {
        padding-right: 100px;
    }

    .why-choose-content-box {
        width: 100%;
    }
    /* About Page */

    /* shop page */
    .shop-page-side-box {
        padding: 20px;
    }
    .shop-filter-btn {
        flex-direction: column-reverse;
        align-items: start!important;
    }
    .range-value-box {
        right: 0;
}
    .shop-categories label {
        font-size: 1rem;
    }
    .shop-trending-product-title, .shop-trending-product-price {
            font-size: .85rem;
    }
    .trending-items img {
        height: 56px;
        width: 56px;
    }
    /* shop page */

    /* Contact Page */
    .contact-form-part, .contact-content-part {
        padding: 30px;
    }
    /* Contact Page */

    /* Blog details page */
    .blog-details-content, .comment-box-wrap {
        margin-right: 20px;
    }
    .blog-details-thumb img {
        height: 376px;
    }
    /* Blog details page */
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

/*======================================
    Tablet layout
=========================================*/
@media only screen and (max-width: 991.98px) {

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding-right: var(--bs-gutter-x, .75rem) !important;
        padding-left: var(--bs-gutter-x, .75rem) !important;
    }

    /* Hero Area */
    .hero-area .container-fluid {
        padding-left: 0!important;
        padding-right: 0!important;
        width: 100%;
    }
    .hero-offer {
        right: 0;
        top: -100px;
    }
    /* Hero Area */

    /* Home-2 Hero Area 2 */
    .hero-area-2 .row {
        flex-direction: column-reverse;
    }
    .hero-2-slider-img.position-absolute img {
        width: auto!important;
        height: 400px;
        margin: 0 auto 30px;
    }
    .hero-content.hero-2-content {
        text-align: center;
        width: 71%;
        margin: auto;
    }
    .hero-2-content .hero-subtitle {
        padding: 0 32px 32px;
    }
    .hero-area-2 .hero-offer {
        left: 34%;
        top: -40px;
    }
    /* Home-2 Hero Area 2 */

    /* Offer 1 Area */
    .offer-1-content p {
        font-size: 1rem;
    }
    .offer-1-content h2 {
        font-size: 2rem;
    }
    .offer-1-content h4 {
        padding-right: 100px;
        font-size: 1.2rem;
    }
    /* Offer 1 Area */

    /* Home-2 Offer-1 Area */
    .home-2-offer-1-area .offer-1-box img {
        height: 270px;
        width: 100%;
        object-fit: cover;
    }
    /* Home-2 Offer-1 Area */

    /* Organic Natural Products Area */
    .organic-natural-products-cta-right .cta-offer {
        height: 80px;
        width: 80px;
        left: 25px;
        font-size: 18px;
    }
    .organic-natural-cta-content .organic-natural-cta-para {
        width: 80%;
    }
    /* Organic Natural Products Area */

    /* Home-2 Organic Natural Products CTA Area */
    .home-2-organic-natural-cta-area .organic-natural-cta-content {
        padding: 0 0 80px;
    }
    .home-2-organic-natural-cta-area .organic-natural-products-cta-right {
        padding: 80px 0 30px;
    }
    .home-2-organic-natural-cta-area .organic-natural-products-cta-right .cta-offer {
        top: 82px;
    }
    /* Home-2 Organic Natural Products CTA Area */

    /* Offer 2 Area */
    .offer-2-content h4 {
        font-size: 1.55rem;
    }
    .offer-2-content {
        padding: 15px;
    }
    /* Offer 2 Area */

    /* Testimonial */
    .testimonial-area {
        padding: 80px 0px;
    }
    /* Testimonial */

    /* Footer */
    .company-details-box p {
        padding-right: 0;
    }
    /* Footer */

    /* About Page CSS */
    .about-area {
        margin-bottom: 0;
    }
    .mission-overview-content {
        width: 64%;
    }
    .about-mission-img {
        margin-bottom: 80px;
    }
    .about-mission-img img {
        max-width: 400px;
    }
    .about-mission-img img {
        max-width: 400px;
    }
    .mission-img-1 {
        position: relative !important;
    }
    .mission-img-2 {
        right: auto;
        top: 42px;
        left: 75px;
    }
    .team-item {
        padding: 20px;
    }
    .team-item h5 {
        font-size: 1.25rem;
    }
    .team-social a {
        height: 35px;
    }
    /* About Page CSS */

    /* Blog details page */
    .blog-details-thumb {
        padding-right: 0;
    }
    .blog-details-content, .comment-box-wrap {
        margin-right: 0;
    }
    .comment-form {
        margin-bottom: 30px;
    }
    .comment-box-item img {
        height: 100px;
        width: 100px;
    }
    /* Blog details page */

    /* Shop details page */
    .slick-slider-big-img img {
        height: auto;
    }
    /* Shop details page */

    /* Cart Page */
    .product-name-th {
        width: 29%;
    }
    /* Cart Page */

}

/* Only For Portfolio Page */
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* Only For Portfolio Page */

/*=======================================
      For Small Devices
=========================================*/
@media only screen and (max-width: 767.98px) {
    /* hero area */
    .hero-offer {
        height: 90px;
        width: 90px;
    }
    .hero-offer h4 {
        font-size: 20px;
    }
    .hero-content .hero-subtitle {
        padding: 0 50px 32px 0;
    }
    /* hero area */

    /* Home-2 Hero-2 Area */
    .hero-content.hero-2-content {
        width: 100%;
    }
    .hero-content .hero-subtitle {
        padding: 0 32px 32px;
    }
    /* Home-2 Hero-2 Area */

    /* Offer 1 Area */
    .offer-1-box {
        width: 80%;
        margin: 25px auto 0;
    }
    .offer-1-box.position-relative img {
        width: 100%;
    }
    /* Offer 1 Area */

    /* Home About Area */
    .home-about-content {
        margin-top: 30px;
    }
    /* Home About Area */

    /* Organic Natural Products Area */
    .organic-natural-products-cta-area .row {
        flex-direction: column-reverse;
    }
    .organic-natural-products-cta-right {
        text-align: left!important;
        margin-top: 80px;
    }
    .organic-natural-cta-content {
        padding: 30px 0 80px;
    }
    /* Organic Natural Products Area */

    /* Home-2 Organic Natural Products Area */
    .home-2-organic-natural-cta-area .organic-natural-products-cta-right {
        margin-top: 0;
    }
    /* Home-2 Organic Natural Products Area */

    /* Offer-2 Area */
    .offer-2-box {
        width: 80%;
        margin: auto;
    }
    .offer-2-area .row .col-md-6:not(:first-child) .offer-2-box {
        margin-top: 25px;
    }
    /* Offer-2 Area */

    /* Testimonial */
    .testimonial-text {
        width: 100%;
    }
    /* Testimonial */

    /* Footer */
    .footer-links {
        margin-top: 0;
    }
    .footer-top-area .row .col-md-3:not(:first-child) .footer-links {
        margin-top: 15px;
        border-top: 1px solid var(--border-light-color);
        padding-top: 15px;
    }
    .footer-middle-area {
        margin-top: 0!important;
    }

    .footer-subscribe-form {
        margin: 25px 0;
    }
    .footer-bottom-menu-item ul li a {
        padding-left: 0;
        padding-right: 10px;
    }
    /* Footer */

    /* About Page */
    .mission-overview-content {
        width: 90%;
    }
    .about-mission-img img {
        max-width: 300px;
    }
    .mission-img-2 {
        right: auto;
        left: 120px;
    }
    /* About Page */

    /* Shop page */
    .ui-slider-horizontal {
        width: 98%;
    }
    /* Shop page */

    /* blog details */
    .reply-comment-item {
        margin-left: 30px;
    }
    .blog-details-img-with-list ul {
        margin-top: 30px;
    }
    /* blog details */

    /* Cart Page */
    .product-name-th {
        width: 50%;
    }
    /* Cart Page */
}

/*========================================
    For large mobile
=========================================*/

@media only screen and (max-width:575.98px) {

    h1,
    .h1,
    .hero-2-content h1 {
        font-size: 2.45rem;
    }
    h2,
    .h2 {
        font-size: 2.2rem;
    }

    h3,
    .h3,
    .mission-overview-content h2 {
        font-size: 2rem;
    }
    
    h4,
    .h4 {
        font-size: 1.5rem;
    }

    h5,
    .h5 {
        font-size: 1.375rem;
    }

    h6,
    .h-6 {
        font-size: 1.1rem;
    }

    .theme-btn {
        padding: 10px 25px !important;
        min-height: 45px;
        font-size: 1em;
    }

    /* Hero Area */
    .hero-slider-container {
        min-height: 615px;
        height: 100vh;
        max-width: 100%;
    }
    .hero-content .hero-subtitle {
        padding: 0 0 32px 0;
    }
    /* Hero Area */

    /* Home-2 Hero-2 Slider */
    .hero-2-slider-item {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .hero-area-2 .hero-offer {
        top: 0;
    }
    .hero-2-slider-img.position-absolute img {
        width: auto!important;
        height: auto;
        object-fit: cover;
    }
    /* Home-2 Hero-2 Slider */

    /* Offer 1 Area */
    .offer-1-box {
        width: 100%;
    }
    .offer-1-box img {
        height: 215px;
        object-fit: cover;
    }
    .offer-1-content h4 {
        padding-right: 30px;
    }
    /* Offer 1 Area */

    /* Organic Natural Products Area */
    .organic-natural-cta-content .organic-natural-cta-para {
        width: 100%;
    }
    /* Organic Natural Products Area */
    
    /* Home-2 Organic Natural Products Area */
    .organic-product-offer-countdown.product-offer-countdown li {
        margin: 0 20px 0 0;
        min-width: 75px;
    }
    .organic-product-offer-countdown.product-offer-countdown li:not(:last-child)::after {
        right: -14px;
    }
    /* Home-2 Organic Natural Products Area */

    /* Offer-2 Area */
    .offer-2-box {
        width: 100%;
    }
    /* Offer-2 Area */

    /* Featured Products Area */
    #featuredProductsTab .nav-link {
        margin: 0 10px;
    }
    /* Featured Products Area */

    /* Footer */
    .footer-subscribe-form form {
        width: 100%;
    }
    .footer-bottom-menu-item ul li a {
        padding-left: 0;
        padding-right: 10px;
    }
    /* Footer */

    /* About Page CSS */
    .mission-overview-content {
        width: 100%;
    }
    .about-mission-img img {
        max-width: 190px;
    }
    .mission-img-2 {
        left: 30px;
    }
    .mission-text p {
        padding-right: 0;
    }
    /* About Page CSS */

    /* Shop Page */
    .shop-right-top-bar {
        flex-direction: column;
        align-items: start!important;
    }
    /* Shop Page */

    /* Contact Page */
    .contact-form-part, .contact-content-part {
        padding: 25px;
    }
    /* Contact Page */

    /* Cart page */
    .coupon-box-wrap input {
        width: 100%;
    }
    .coupon-box, .coupon-box-wrap {
        flex-direction: column;
    }
    .coupon-box-wrap .theme-btn {
        margin: 10px 0 0 0!important;
    }
    /* Cart page */

    /* Blog details page */
    .reply-comment-item {
        margin-left: 0;
    }
    .comment-box-item img {
        height: 75px;
        width: 75px;
        margin-right: 15px !important;
    }
    .quotation {
        padding: 20px;
    }
    /* Blog details page */

    /* Cart page */
    .product-name-th {
        width: 100%;
    }
    /* Cart page */
}

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

    /* Hero area */

    /* Offer-2 Area */
    .offer-2-box img {
        height: 300px;
        object-fit: cover;
    }
    /* Offer-2 Area */

    /* Footer */
    .footer-bottom-menu-item ul {
        flex-direction: column;
    }
    /* Footer */

    /* Login Page */
    .login-form-area, .register-form-area {
        padding: 20px;
    }
    .social-login {
        font-size: 14px;
    }
    /* Login Page */

}

/*=========================================
    For very little mobile
=========================================*/

@media only screen and (max-width:410px) {

    /* Home-2 Organic Natural Products CTA Area */
     .organic-product-offer-countdown.product-offer-countdown li {
        margin: 0 25px 0 0;
        min-width: 45px;
        font-size: 1.5rem;
    }
    .organic-product-offer-countdown.product-offer-countdown li .font-18 {
        font-size: .95rem;
    }
    /* Home-2 Organic Natural Products CTA Area */

    /* Blog details */
    .blog-details-share-wrap {
        flex-direction: column;
        align-items: flex-start!important;
    }
    /* Blog details */

    /* Shop Details page */
    .description-reviews-tab .nav-tabs .nav-link {
        padding: 9px 16px;
    }
    /* Shop Details page */

}
@media only screen and (max-width:350px) {
    
    /* Home-2 Organic Natural Products CTA Area */
    .organic-product-offer-countdown.product-offer-countdown li {
        margin: 0 20px 0 0;
        font-size: 1.4rem;
    }
    /* Home-2 Organic Natural Products CTA Area */
}

/*-------------------------------------------
    24. Responsive Design End
-------------------------------------------*/