/*-------------------------------------------
    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 8px;
    }
    /* 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) ;
        padding-left: var(--bs-gutter-x, .75rem) ;
    }
    /* 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: 11px;
    }
    .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: 26px;
    }
    .organic-natural-cta-content {
        padding: 30px 0 30px;
    }
    /* 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: 25px;
    }
    .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 */
    .font-20 {
        font-size: 1rem;
    }
    .hero-content-wrapper {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

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

@media only screen and (max-width:575.98px) {
    h1,
    .h1,
    .hero-2-content h1 {
        font-size: 1.45rem;
    }
    h2,
    .h2 {
        font-size: 1.2rem;
    }
    h3,
    .h3,
    .mission-overview-content h2 {
        font-size: 18px;
    }
    h4,
    .h4 {
        font-size: 1.5rem;
    }
    h5,
    .h5 {
        font-size: 1.275rem;
    }
    h6,
    .h-6 {
        font-size: 1.1rem;
    }
    .theme-btn {
        padding: 2px 8px !important;
        min-height: 34px;
        font-size: 12px;
    }
    /* Hero Area */
    .hero-slider-container {
        min-height: 0;
        height: 50vh;
        max-width: 100%;
    }
    .hero-content .hero-subtitle {
        padding: 0 0 12px 0;
        font-size: 10px;
        line-height: 14px;
    }
    /* 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: 145px;
        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 */
    .offer-1-area {
        margin-top: 0px;
    }
    .section-b-space {
        padding-bottom: 40px;
    }
    .font-18 {
        font-size: 14px;
    }
    p {
        font-size: 14px;
        text-align: justify;
    }
    .font-mob{
        font-size: 14px;
    }
    .section-t-space {
        padding-top: 40px;
    }
    .img-footer{
      width: 130px;
    }
    .mb-25 {
        margin-bottom: 10px;
    }
    .foot-font{
        font-size: 12px;
    }
    .foot-text{
        line-height: 24px;
    }
    .page-banner-content {
        min-height: 130px;
    }
    .font-16 {
        font-size: 12px;
    }
    .contact-form-area {
        margin-top: 35px;
    }
}

@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 10px;
    }
    /* 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
-------------------------------------------*/