File Manager

Editing File: /home/ubuntu/walnutminds-ecom-frontend-base/public/css/responsive.css

/*/*================================
Template Name: Ecom
Author: Beno Darry
Author website: 
Version: 1.0
================================== */

@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}
@media (min-width : 1900px) and (max-width: 2559px) {
  .container {
    max-width: 1820px !important;
  }
}

@media (max-width: 1199.98px) {

.new-navbar-sec {
    margin: 0;
  }
  .payment-radio-btn label {
    gap: 3em;
  }

.login-right-sec .login-img img {
    max-width: 30em;
  }
  .user-dropdown-sec .subscribe-btn {
    white-space: nowrap;
  }
 
        .single-product-thc-sec{
          gap: 4em;
        }
}

@media (max-width: 991.98px) {
 
  .navbar-nav {
    align-items: flex-start;
    /* flex-direction: row !important; */
  }
  .header-search-sec {
    gap: 1em;
  }
  .header-nav-center .navbar-nav .dropdown-menu {
    position: absolute !important;
  }
  .header-nav-center .navbar .nav-link {
    margin-right: 0;
  }
  .new-header-search {
    display: none;
  }
  .new-navbar-sec {
    margin-left: 0em;
  }
  .user-dropdown-sec .dropdown-menu {
    left: -6px !important;
  }
  .new-navbar-sec {
    flex-direction: column !important;
  }
  .user-dropdown-sec .dropdown-toggle {
    padding-left: 0 !important;
  }
  .user-dropdown-sec {
    margin: 1em 0;
  }
  .home-banner-sec .carousel .slide {
    min-height: 50vh !important;
  }
  .home-banner-content {
    min-height: 50vh !important;
  }
  .home-banner-sec {
    min-height: 50vh !important;
  }
  .hero-static-product-box {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .new-arrival-box {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .top-selling-product-grid-box {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .landing-about-card-left {
    padding-left: 4em !important;
  }
  .landing-about-box {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .resp-mrg-btm-md {
    margin-bottom: 2em;
  }
  .faq-img-sec {
    text-align: center;
  }
  .footer-header-box {
    gap: 0em;
  }
  .footer-header-card {
    flex-wrap: wrap;
    justify-content: center;
  }
  .sub-footer-box {
    justify-content: center;
    gap: 2em;
    flex-wrap: wrap;
  }
  .sub-footer-link {
    flex-wrap: wrap;
    justify-content: center;
  }
  .sub-footer-info h3 {
    text-align: center;
  }
  .profile-sidebar ul {
    flex-wrap: wrap;
    gap: 1em;
    display: flex;
  }
  .profile-details-sec {
    margin: 2em 0 0;
  }
  .my-order-sec {
    margin: 2em 0 0;
  }
  .shipping-deatils {
    gap: 4em !important;
  }
  .dropdown-wallet label {
    gap: 10em !important;
  }
  .product-search-result-grid-box {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .wish-list-box {
    grid-template-columns: repeat(3, 1fr);
  }

.home-banner-img-sec img {
    max-width: 25em !important;
    margin: auto !important;
  }
  .order-tracking-amount-sec {
    width: 40% !important;
  }
  .order-tracking-status-card {
    font-size: 1em !important;
  }
  .order-tracking-header {
    flex-direction: column !important;
    justify-content: center !important;
    gap: 1em;
  }
  .cart-list-card {
    display: flex !important;
    flex-direction: column;
  }
  .navbar-light .navbar-toggler {
    border: 0 !important;
    display: none;
  }
  .mobile-header-sec {
    display: block;
  }
  .new-header-search-mobile {
    display: block;
    max-width: 100%;
    margin: auto;
  }
  .mobile-nav-profile {
    display: block;
  }
  .search-suggetion-sec {
    width: 100%;
  }
  .mobile-img img {
    display: none;
  }
  .login-right-sec .login-img img {
    display: none;
  }
  .single-order-total {
    flex-direction: column;
    align-items: center;
    gap: 2em;
  }
  .single-order-details-sec {
    flex-direction: column;
    gap: 2em;
  }
  .single-order-sec {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 0 2em;
    margin: 0 0 2em;
  }

.single-order-details-sec {
    border-bottom: none !important;
    padding: 0 !important;
  }
  .new-arrival-card-left-img-sec {
    text-align: center;
  }
  .new-arrival-product-box {
    padding: 0 4em !important;
  }
  .social-link {
    flex-wrap: wrap;
  }
  .user-dropdown-sec .mobile-nav-profile.contact-address-img {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--yellow-color);
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
  }
    .single-product-thc-sec {
      flex-direction: column;
      gap: 2em;
      align-items: flex-start;
    }
  
    .single-product-detail-about {
      grid-template-columns: 175px auto;
    }
    
}

@media (max-width: 767.98px) {
  .pl-3{
    padding-left: 0!important;
  }
  .new-contact-address.new-contact-landing-address .new-contact-link{
    text-align: center;
    justify-content: center;
    display: flex!important;
    flex-direction: column;
  }
  .new-contact-address.new-contact-landing-address .new-contact-link a{
    display: flex!important;
    flex-direction: column;
  }
  .tawk-min-container{
    transform: scale(1)!important;
  }
  .navbar-nav {
    align-items: flex-start;
    gap: 0.5em;
    flex-direction: column !important;
  }
  .new-contact-link{
    grid-template-columns: 40px auto;
    display: grid!important;
    align-items: center;
    gap: 1em!important;
  }
  .header-nav-center .navbar .nav-link {
    margin-right: 0;
  }
  .hero-banner-img {
    height: 12em;
    border-radius: 8px;
  }
  .logo {
    height: 2em;
  }
  .hamburger-menu {
    width: 2em;
  }
  .new-header-search {
    display: none;
  }
  .user-dropdown-sec .dropdown-menu {
    left: -172px !important;
  }
  .new-navbar-sec {
    margin-left: 0em;
  }
  /* .home-banner-sec .carousel .slide {
    min-height: 100vh !important;
  }
  .home-banner-content {
    min-height: 100vh !important;
  }
  .home-banner-sec {
    min-height: 100vh !important;
  } */
  .navbar-light .navbar-toggler {
    border: 0 !important;
    display: none;
  }
  .navbar-light .navbar-toggler:focus {
    box-shadow: none !important;
  }
  .home-banner-img-sec img {
    max-width: 25em !important;
    margin: auto !important;
  }
  .home-banner-img-sec {
    text-align: center !important;
  }
  .resp-mrg-btm-xs {
    margin-bottom: 2em;
  }
  .home-banner-info {
    text-align: center !important;
    width: 100%!important;
    padding: 4em 0;
    padding-right: 0!important;
  }
  .home-banner-avaters{
    width: 100%!important;
  }
  .home-banner-content{
    flex-direction: column-reverse;
    padding-left: 0!important;
  }
  .home-banner-info h1{
    font-size: 2em!important;
  }
  .hero-static-product-box {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .hero-static-product-img {
    height: 7em !important;
  }
  .hero-static-product-sec {
    margin-top: 0 !important;
    padding-top: 4em;
  }

.new-arrival-product-box {
    gap: 1em !important;
    padding: 0em!important;
  }
  .new-arrival-product-info {
    padding: 1.5em 0 !important;
  }
  .top-selling-product-info {
    padding: 1em !important;
  }
  .landing-about-card-left {
    padding: 4em 2em !important;
    padding-left: 2em !important;
  }
  .top-selling-product-page {
    padding-bottom: 0 !important;
  }
  .customer-review-sec {
    padding: 0 !important;
  }
  .customer-review-card {
    padding: 2em !important;
  }
  .faq-img {
    width: 100%;
  }
  .top-selling-product-img {
    height: 10em !important;
  }
  .landing-about-info p {
    text-align: center;
  }

.footer-header-card {
    text-align: center;
  }
  .footer-header-card .footer-header-info h4 {
    font-size: 1em !important;
    line-height: 1.5 !important;
  }
  .footer-header-icon {
    max-width: 4em;
  }
  .sub-footer-link li {
    border-right: 0 !important;
    padding-right: 0 !important;
    border-bottom: 1px solid var(--tertiary-color);
  }
  /* .profile-details-sec{
    display: none;
  } */
  .mobile-right-profile-sec {
    display: none;
  }
  .new-mobile-profile {
    display: block;
    margin: 1em;
  }
  .profile-sidebar {
    display: none;
  }
  .mobile-profile {
    display: block;
  }
  .new-mobile-section {
    display: none;
  }

.order-product-details-sec {
    flex-direction: column;
    gap: 2em;
  }
  .product-img {
    flex-direction: column;
  }
  .order-product-details {
    gap: 1em !important;
    align-items: center;
  }
  .order-details {
    flex-direction: column;
    gap: 1em;
  }
  .address-tab .nav {
    flex-wrap: nowrap;
  }
  .address-btn {
    gap: 1em;
  }
  .saved-address-box {
    flex-direction: column;
  }
  .address-details {
    margin: 0 0 1em;
  }
  .address-radio-btn label {
    padding: 2em 3.8em !important;
  }
  .payment-radio-btn label {
    flex-direction: column;
    gap: 2em;
  }
  .profile-details-sec {
    padding: 2em !important;
  }
  .wallet-box {
    flex-direction: column;
    gap: 2em;
  }
  .wallet-btn {
    flex-direction: column;
  }
  .add-money-sec {
    flex-direction: column;
    gap: 2em;
  }
  .add-money-input input {
    width: 100% !important;
  }
  .wallet-withdraw-money-sec .payment-radio-box {
    flex-direction: column !important;
  }
  .profile-sidebar ul {
    display: unset;
  }
  .profile-sec {
    padding: 1em 0 5em !important;
  }
  .dropdown-wallet label {
    gap: 1em !important;
  }
  .checkout-label-details {
    gap: 1em !important;
  }
  .contact-us-card p {
    margin: 0;
  }
  .product-search-left {
    width: 100% !important;
  }
  .product-search-box {
    flex-direction: column !important;
  }
  .product-search-right-header-sec {
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center !important;
  }
  .product-search-input {
    flex-wrap: wrap;
    justify-content: center;
  }
  .product-search-sortby-sec {
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center !important;
  }
  .product-search-result-grid-box {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .cart-list-card {
    flex-direction: column;
    gap: 1em;
    display: flex !important;
  }
  .cart-list-left-sec {
    flex-direction: column;
  }
  /* .cart-box {
    padding: 3em 0 0;
  } */
  .cart-list-info p {
    justify-content: center;
  }
    .section-title-sec h3{
      margin: 0;
      font-size: 2em!important;
    }
  .cart-amount-info {
    text-align: center;
  }
  .cart-action-btn-sec {
    justify-content: center;
    gap: 2em;
  }
  .wish-list-box {
    grid-template-columns: repeat(1, 1fr);
  }
  .deliver-status-card {
    flex-wrap: wrap;
    gap: 3em;
  }
  .delivery-address {
    flex-direction: column;
    gap: 2em;
    display: flex !important;
  }
  .other-product-box {
    flex-direction: column;
    gap: 2em;
  }
  .deliver-status-sec {
    flex-wrap: wrap;
    gap: 2em;
  }
  .deliver-coupon {
    align-items: flex-start !important;
    text-align: start !important;
  }
  .single-product-trusted-icon {
    width: 100%;
  }
  .newcheckout-header-sec {
    padding: 1em !important;
  }
  .new-checkout-progress-bar {
    justify-content: space-between !important;
  }
  .newcheckout-body-wrapper .step-1 .address-radio-btn label::before {
    left: auto !important;
  }
  .newcheckout-body-wrapper .step-1 .address-radio-btn label {
    padding: 2em 2em !important;
    padding-right: 1em !important;
  }
  .newcheckout-body-wrapper .step-1 .address-btn {
    flex-direction: row-reverse !important;
    align-items: flex-start !important;
  }
  .newcheckout-body-wrapper .step-2 .saved-address-box {
    flex-wrap: wrap;
    flex-direction: unset !important;
    justify-content: center !important;
    text-align: center;
  }
  .product-delivery-status-card {
    flex-direction: column !important;
    gap: 1em;
    align-items: center !important;
  }
  .product-confirm-continue-box {
    text-align: center;
    gap: 1em;
    position: fixed;
    bottom: 10px;
    width: 94%;
    background: #fff;
    flex-direction: row !important;
    justify-content: space-between !important;
  }
  .newcheckout-sec{
    padding-bottom: 10em!important;
    padding-top: 2em !important;
  }

.newcheckout-sec .checkout-box .cart-box {
    padding: 0;
  }
  .product-delivery-address-box {
    flex-wrap: wrap;
    flex-direction: unset !important;
    justify-content: center !important;
    text-align: center;
  }
  .product-delivery-address-box .address-btn {
    justify-content: center !important;
    align-items: center !important;
  }
  .product-order-summary-card {
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center;
    gap: 1em;
  }
  .slick-next {
    right: 0 !important;
  }

.slick-prev {
    left: 0 !important;
  }
  .product-search-result-img {
    height: 15em !important;
    width: 100%;
  }
  .product-search-result-info {
    padding: 1em 0em !important;
  }
  .product-search-result-info h3 {
    font-size: 1.4em;
  }
  .customer-review-sec .slick-prev {
    left: -20px !important;
  }
  .customer-review-sec .slick-next {
    right: -20px !important;
  }
  .main-footer-sec {
    text-align: center;
  }
  .social-link {
    justify-content: center;
    /* padding: 0 0 2em; */
    margin-top: 1em!important;
  }
  .copyright-sub-sec{
    padding-bottom: 4em;
  }
  .order-tracking-action-btn {
    flex-wrap: wrap;
  }
  .order-tracking-status-box {
    flex-wrap: wrap;
  }
  .order-tracking-summary-sec {
    flex-wrap: wrap;
  }
  .order-tracking-amount-sec {
    width: 100% !important;
  }
  .order-detail-box {
    flex-direction: column;
  }
  .order-detail-box {
    margin-top: 0 !important;
  }
  .back-btn {
    width: 5em;
  }
  .cart-list-info h4 {
    text-align: center;
  }
  .new-header-search-mobile {
    display: block;
    max-width: 100%;
    margin: auto;
  }
  .search-suggetion-sec {
    width: 100%;
  }
  .header-nav-center {
    padding: 0.5em 0 0;
  }
  .header-nav-center .navbar {
    padding-bottom: 0;
  }
  .mobile-header-sec {
    display: block;
  }
  .mobile-nav-profile {
    display: block;
  }
  .login-img img {
    display: none;
  }
  .login-sec {
    /* margin: 7em 0; */
    padding: 0 !important;
  }
  .register-sec {
    padding: 0 !important;
    margin: 0 !important;
  }
  .customer-rating-box {
    flex-direction: column;
  }
  .customer-product {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: none !important;
    margin-bottom: 2em !important;
    padding-bottom: 2em !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
  .other-product-box .checkout-product-box {
    flex-direction: column;
  }
  .checkout-product-content {
    text-align: center;
  }
  .other-product-view {
    text-align: center;
  }
  .top-selling-product-grid-box {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .new-arrival-product-box {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .transaction-code-sec {
    flex-direction: column;
  }
  .single-order-total {
    flex-direction: column;
    gap: 2em;
  }
  .single-order-details-sec {
    flex-direction: column;
  }
  .single-order-sec {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 0 2em;
    margin: 0 0 2em;
  }

.single-order-details-sec {
    border-bottom: none !important;
    padding: 0 !important;
  }
  .order-tracking-header h4 {
    text-align: center;
    font-size: 1.2em !important;
  }
  .order-tracking-header-info {
    flex-direction: column;
  }
  .new-home-banner-sec {
    height: 100% !important;
  }
  .single-product-description-review-sec .nav.nav-pills {
    flex-wrap: nowrap;
  }
  .single-product-review-box {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .single-product-support-box {
    grid-template-columns: repeat(1, 1fr) !important;
    place-items: center;
  }
  .address-tab .nav {
    gap: 0.5em !important;
    justify-content: center;
  }
  .address-tab .nav-pills .nav-link {
    white-space: nowrap;
  }
  .select-address-type-btn {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .cart-action-btn-sec .wishlist-btn {
    white-space: nowrap;
  }
  .wallet-table-sec table tr td {
    white-space: nowrap;
  }
  .address-details p {
    white-space: normal;
    max-width: 100%!important;
  }
  .login-btn {
    flex-direction: column;
    gap: 1em !important;
  }
  .home-banner-info p {
    font-size: 1.1em;
    line-height: 1.8;
  }
  .logo {
    max-width: 9em;
  }
  .user-dropdown-sec .mobile-nav-profile.contact-address-img {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--yellow-color);
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
  }
  .order-detail-box .order-product-details {
    flex-direction: column !important;
  }
  .order-tracking-action-btn {
    justify-content: center;
  }
    .age-verification-welcome-sec{
      padding: 2em !important;
    }
        .single-product-thc-sec{
          flex-direction: column;
          gap: 2em;
          align-items: flex-start;
        }
                .single-product-detail-about {
                  grid-template-columns: 175px auto;
                }
                .new-arrival-card-left-img{
                  height: 25em!important;
                  object-fit: fill;
                }
                .new-arrival-box{
                  padding-top: 4em;
                  flex-direction: column;
                }

.banner-brand-text{
                display: none!important;
                }
                .landing-about-box{
                position: relative!important;
                width: 100%!important;
                left: 0!important;
                }
                .landing-about-sec{
                  min-height: auto!important;
                }
                .water-logo-box {
                  border: 5px solid var(--light-color)!important;
                  width: 75%!important;
              }
              .new-arrival-card-left,.new-arrival-card-right{
                width: 100%!important;
              }
              .new-arrival-card-right{
                margin-top: 2em!important;
                padding: 0!important;
              }
                .home-banner-content{
                width: 100%!important;
                }
                .upi-payment-box{
    flex-direction: column;
    gap: 2em;
  }
  .upi-payment-left-sec{
    flex-direction: column;
    gap: 1em;
  }
  .upi-payment-right-sec{
    min-width: 100%;
  }
  .or-sec::before{
    display: none;
  }
  .cart-list-img{
    max-width: 7em!important;
  }
  .cart-summary-total-amount h5{
    margin-bottom: 1em;
  }
  .product-delivery-status-left-sec{
    flex-direction: column;
  }
  .checkout-product-img{
    margin: auto;
  }
}

Back to Directory File Manager