/**
 * Created by Susan Dangol
*/
/*-------------------------------------- Fonts Starts -------------------------------------*/
/*--------------------------------------- Fonts Ends --------------------------------------*/
/*------------------------------------- Colors Starts -------------------------------------*/
/*-------------------------------------- Colors Ends --------------------------------------*/
/*-------------------------------------- Mixins Starts ------------------------------------*/
.ex-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.ex-flex-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.ex-vertical {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ex-transition {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.ex-transition-medium {
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  transition: all 1.2s ease;
}

.ex-transition-large {
  -webkit-transition: all 1.8s ease;
  -moz-transition: all 1.8s ease;
  -ms-transition: all 1.8s ease;
  -o-transition: all 1.8s ease;
  transition: all 1.8s ease;
}

/*--------------------------------------- Mixins Ends -------------------------------------*/
@media all and (max-width: 1600px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/
}
@media all and (max-width: 1399px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  .custom-container {
    padding: 40px 80px;
  }
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper .header-inner .navigation-container ul li.has-child > .sub-menu.mega-menu {
    min-height: 60vh;
  }
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #store-locator-page .store-locator-section .location-container {
    padding-right: 100px;
  }
  #content-wrapper #blog-page .blog-section .blog-container .item .img-container {
    height: 283px;
  }
  #content-wrapper #blog-page .blog-section .blog-container .item:nth-child(1) .inner .img-container {
    height: 400px;
  }
  #content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item {
    width: 33.33%;
  }
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/
}
@media all and (max-width: 1199px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  .custom-container {
    padding: 40px 60px;
  }
  .custom-container.mid-container {
    max-width: 900px;
  }
  .section-title {
    padding-bottom: 24px;
  }
  .payment-section {
    padding-bottom: 20px;
  }
  .qty-container input {
    width: 60px;
  }
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper {
    position: relative;
  }
  #header-wrapper .custom-container {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  #header-wrapper .header-inner .navigation-container {
    visibility: hidden;
    opacity: 0;
    min-height: 0;
    min-width: 0;
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    top: 64px;
    z-index: 99;
    box-shadow: -1px 9px 28px 0 rgba(0, 0, 0, 0.1);
  }
  #header-wrapper .header-inner .navigation-container ul {
    flex-direction: column;
    padding: 32px;
  }
  #header-wrapper .header-inner .navigation-container ul li {
    padding: 8px 32px;
  }
  #header-wrapper .header-inner .navigation-container ul li.has-child.active .sub-menu {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
  }
  #header-wrapper .header-inner .navigation-container ul li.has-child.active .sub-menu p {
    display: none;
  }
  #header-wrapper .header-inner .navigation-container ul li.has-child.active .sub-menu.mega-menu {
    min-height: auto;
  }
  #header-wrapper .header-inner .navigation-container ul li.has-child.active .sub-menu.mega-menu ul li.has-sub-child.active .sub-sub-menu {
    transition: none;
  }
  #header-wrapper .header-inner .navigation-container ul li.has-child.active .sub-menu ul {
    padding: 16px;
    display: none;
  }
  #header-wrapper .header-inner .navigation-container ul li.has-child.active .sub-menu ul li.has-sub-child {
    position: relative;
    transition: none;
  }
  #header-wrapper .header-inner .navigation-container ul li.has-child.active .sub-menu ul li.has-sub-child.active .sub-sub-menu {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
  }
  #header-wrapper .header-inner .navigation-container ul li.has-child.active .sub-menu ul li.has-sub-child.active .sub-sub-menu ul {
    padding: 16px;
    flex-direction: row;
    display: none;
  }
  #header-wrapper .header-inner .navigation-container ul li.has-child.active .sub-menu ul li.has-sub-child.active .sub-sub-menu ul li {
    width: 50%;
  }
  #header-wrapper .header-inner .header-item:nth-child(3) {
    display: flex;
    align-content: center;
    justify-content: space-between;
  }
  #header-wrapper .header-inner .header-item .burger-nav span {
    display: block;
    height: 2px;
    width: 24px;
    border-radius: 20px;
    background: #22292F;
  }
  #header-wrapper .header-inner .header-item .burger-nav span:last-of-type {
    margin-left: auto;
  }
  #header-wrapper .header-inner .header-item .burger-nav span:not(:last-of-type) {
    margin-bottom: 4px;
  }
  #header-wrapper .header-inner .header-item .burger-nav:hover {
    cursor: pointer;
  }
  #header-wrapper.nav-open .header-inner .navigation-container {
    visibility: visible;
    opacity: 1;
    min-height: auto;
    min-width: 100%;
    transition: 0.6s ease-in-out;
  }
  #header-wrapper.nav-open .header-inner .navigation-container ul {
    flex-direction: column;
    padding: 32px;
    display: flex;
  }
  #header-wrapper.nav-open .header-inner .navigation-container ul li {
    padding: 8px 32px;
  }
  #header-wrapper.nav-open .header-inner .navigation-container ul li.has-child.active .sub-menu {
    display: block;
  }
  #header-wrapper.nav-open .header-inner .navigation-container ul li.has-child.active .sub-menu ul {
    display: flex;
  }
  #header-wrapper.nav-open .header-inner .navigation-container ul li.has-child.active .sub-menu ul li.has-sub-child.active .sub-sub-menu {
    display: block;
  }
  #header-wrapper.nav-open .header-inner .navigation-container ul li.has-child.active .sub-menu ul li.has-sub-child.active .sub-sub-menu ul {
    display: flex;
    padding: 16px;
    flex-direction: row;
  }
  #header-wrapper.nav-open .header-inner .navigation-container ul li.has-child.active .sub-menu ul li.has-sub-child.active .sub-sub-menu ul li {
    width: 50%;
  }
  .marshall.bg-dark-marshall #header-wrapper .header-inner .header-item .burger-nav span {
    background: #ddd6d0;
  }
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #product-page .common-banner-section .banner-image {
    height: 53vh;
  }
  #content-wrapper #product-details-page .details-section .image-container {
    padding-right: 60px;
  }
  #content-wrapper #product-details-page .details-section .image-container .slider-for .item {
    height: 300px;
  }
  #content-wrapper #product-details-page .technical-details-section .dimension {
    padding-left: 60px;
  }
  #content-wrapper #emi-page .banks-section .text {
    margin-bottom: 24px;
  }
  #content-wrapper #emi-page .banks-section .banks-container .item {
    width: 25%;
  }
  #content-wrapper #emi-page .why-emi .emi-option {
    margin: -8px;
  }
  #content-wrapper #emi-page .why-emi .emi-option .item {
    padding: 8px;
  }
  #content-wrapper #emi-page .why-emi .emi-option .item .inner {
    padding: 24px;
    border-radius: 24px;
  }
  #content-wrapper #emi-page .why-emi .emi-option .item .inner .title {
    padding: 40px 0 16px;
  }
  #content-wrapper #emi-page .emi-calc-section .emi-container .calculator {
    padding-right: 70px;
  }
  #content-wrapper #cart-page .cart-section .cart-container {
    flex-direction: column;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container {
    width: 100%;
  }
  #content-wrapper #cart-page .cart-section .summary {
    width: 50%;
    margin: auto;
    padding-top: 24px;
  }
  #content-wrapper #store-locator-page .store-locator-section .location-container {
    padding-right: 80px;
  }
  #content-wrapper #services-page .apple-care-section .apple-care-container .item .img-container {
    padding: 38px;
  }
  #content-wrapper #contact-page .contact-section .contact-container .contact-form {
    padding-right: 70px;
  }
  #content-wrapper #account-details-page .details-section .details-container .navigation {
    padding: 8px 30px 16px 16px;
    width: 25%;
  }
  #content-wrapper #account-details-page .details-section .details-container .details-content-wrapper {
    width: 75%;
  }
  #content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item {
    width: 33.33%;
    padding: 8px;
  }
  #content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item .inner {
    padding: 16px;
  }
  #content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .cards .card-details-table {
    max-width: 100%;
  }
  #content-wrapper #blog-page .blog-section .blog-container .item .img-container {
    height: 207px;
  }
  #content-wrapper #blog-page .blog-section .blog-container .item:nth-child(1) .inner .img-container {
    height: 330px;
  }
  #content-wrapper #track-order-page .my-order-details .navigation {
    padding: 8px 30px 16px 0px;
  }
  #content-wrapper #track-order-page .order-details-section .tracking-process-section .details {
    flex-wrap: wrap;
  }
  #content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item {
    width: 50%;
  }
  #content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item:last-of-type {
    width: 100%;
  }
  #content-wrapper #checkout-page .checkout-section .checkout-container .summary {
    margin-left: 50px;
  }
  #content-wrapper #checkout-page .checkout-section .checkout-container .summary .coupon .action {
    width: 100%;
  }
  #content-wrapper #checkout-page .checkout-section .checkout-container .summary .coupon .action button {
    width: 100% !important;
  }
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  #footer-wrapper .top-footer {
    flex-wrap: wrap;
  }
  #footer-wrapper .top-footer .item:nth-child(1) {
    padding-bottom: 24px;
  }
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .common-brands-container .item .img-container {
    height: 100px;
    padding: 16px;
  }
  .common-order-details-table table tr td .action a {
    display: block;
  }
  .common-order-details-table table tr td .action a:not(:last-of-type) {
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
    padding-bottom: 8px;
  }
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/
}
@media all and (max-width: 991px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  .custom-container {
    padding: 25px 30px;
  }
  .section-title {
    padding-bottom: 24px;
  }
  .breadcrums {
    padding-bottom: 16px;
  }
  .qty-container input {
    width: 50px;
  }
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper.nav-open .header-inner .navigation-container ul {
    padding: 32px 0;
  }
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page .new-arrival-section .new-arrival-container {
    flex-wrap: wrap;
  }
  #content-wrapper #home-page .new-arrival-section .new-arrival-container .common-item {
    width: 50%;
  }
  #content-wrapper #home-page .special-deals-section .special-deals-container {
    flex-wrap: wrap;
  }
  #content-wrapper #home-page .special-deals-section .special-deals-container .common-item {
    width: 50%;
  }
  #content-wrapper #home-page .gallery-section .gallery-grid {
    grid-template-rows: repeat(2, 170px);
  }
  #content-wrapper #product-page .products-list-container .common-item {
    width: 33.33%;
  }
  #content-wrapper #product-details-page .details-section .product-details-container {
    flex-direction: column;
  }
  #content-wrapper #product-details-page .details-section .image-container {
    width: 80%;
    margin: auto;
    padding-right: 0px;
  }
  #content-wrapper #product-details-page .details-section .image-container .slider-for .item {
    height: 280px;
  }
  #content-wrapper #product-details-page .details-section .image-container .slider-for .item .img-container img {
    height: 100%;
  }
  #content-wrapper #product-details-page .details-section .details-container {
    width: 100%;
    padding-top: 24px;
  }
  #content-wrapper #product-details-page .details-section .details-container .specs .memory ul li,
  #content-wrapper #product-details-page .details-section .details-container .specs .care ul li,
  #content-wrapper #product-details-page .details-section .details-container .specs .storage ul li {
    padding: 10px 20px;
  }
  #content-wrapper #product-details-page .technical-details-section .technical-details-container {
    flex-direction: column;
  }
  #content-wrapper #product-details-page .technical-details-section .technicals {
    width: 100%;
  }
  #content-wrapper #product-details-page .technical-details-section .dimension {
    width: 100%;
    padding-left: 0px;
  }
  #content-wrapper #product-details-page .technical-details-section .dimension .inner .title {
    width: 30%;
  }
  #content-wrapper .buy-section .common-item-wrapper,
  #content-wrapper .similar-items-section .common-item-wrapper {
    flex-wrap: wrap;
  }
  #content-wrapper .buy-section .common-item-wrapper .common-item,
  #content-wrapper .similar-items-section .common-item-wrapper .common-item {
    width: 50%;
  }
  #content-wrapper #emi-page .emi-details-section .emi-container {
    flex-direction: column;
  }
  #content-wrapper #emi-page .emi-details-section .section-title {
    width: 100%;
  }
  #content-wrapper #emi-page .emi-details-section .details {
    width: 100%;
    padding-left: 0;
  }
  #content-wrapper #emi-page .banks-section .banks-container .item {
    width: 33.33%;
  }
  #content-wrapper #emi-page .banks-section .banks-container .item .img-container img {
    width: 100%;
    object-fit: contain;
    object-position: center;
  }
  #content-wrapper #emi-page .why-emi .emi-option {
    flex-wrap: wrap;
  }
  #content-wrapper #emi-page .why-emi .emi-option .item {
    width: 50%;
  }
  #content-wrapper #emi-page .emi-calc-section .emi-container {
    flex-direction: column;
  }
  #content-wrapper #emi-page .emi-calc-section .emi-container .calculator {
    width: 70%;
    padding-right: 0;
    margin: auto;
  }
  #content-wrapper #emi-page .emi-calc-section .emi-container .terms-container {
    width: 100%;
    padding-top: 24px;
  }
  #content-wrapper #emi-page .finance-section .finance-container {
    flex-direction: column;
  }
  #content-wrapper #emi-page .finance-section .finance-container .about {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 24px;
  }
  #content-wrapper #emi-page .finance-section .finance-container .period {
    width: 100%;
  }
  #content-wrapper #emi-page .apply-emi-section .apply-container {
    flex-direction: column;
  }
  #content-wrapper #emi-page .apply-emi-section .apply-container .section-title {
    width: 100%;
  }
  #content-wrapper #emi-page .apply-emi-section .apply-container .rules {
    width: 100%;
  }
  #content-wrapper #store-locator-page .store-locator-section .d-flex {
    flex-direction: column;
  }
  #content-wrapper #store-locator-page .store-locator-section .location-container {
    padding-right: 0px;
    padding-bottom: 24px;
    width: 100%;
  }
  #content-wrapper #store-locator-page .store-locator-section .map-container {
    width: 100%;
  }
  #content-wrapper #contact-page .contact-section .contact-container .contact-form {
    padding-right: 40px;
  }
  #content-wrapper #contact-page .contact-section .contact-container .contact-form .action .common-btn {
    padding: 10px 32px;
  }
  #content-wrapper #services-page .apple-care-section .apple-care-container .item .img-container {
    padding: 28px;
  }
  #content-wrapper #blog-page .blog-section .blog-container .item {
    width: 50%;
  }
  #content-wrapper #blog-page .blog-section .blog-container .item .img-container {
    height: 247px;
  }
  #content-wrapper #blog-page .blog-section .blog-container .item:nth-child(1) .inner .img-container {
    height: 260px;
  }
  #content-wrapper #blog-details-page .blog-details-section .details-container .img-container {
    height: 370px;
    margin: 10px auto 40px;
  }
  #content-wrapper #track-order-page .my-order-details .navigation {
    display: none;
  }
  #content-wrapper #track-order-page .my-order-details .details-wrapper {
    width: 100%;
    padding: 0;
  }
  #content-wrapper #track-order-page .order-details-section .common-order-details-table {
    margin-bottom: 34px;
  }
  #content-wrapper #track-order-page .order-details-section .tracking-process-section .details {
    flex-wrap: wrap;
  }
  #content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item {
    width: 50%;
  }
  #content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .cards .card-details-table {
    max-width: 70%;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td {
    padding: 16px 8px;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:nth-child(3) {
    width: 30%;
  }
  #content-wrapper #cart-page .cart-section .summary {
    width: 70%;
    margin: auto;
  }
  #content-wrapper #checkout-page .checkout-section .checkout-container {
    flex-direction: column;
  }
  #content-wrapper #checkout-page .checkout-section .checkout-container .form-container {
    width: 100%;
    margin-bottom: 30px;
  }
  #content-wrapper #checkout-page .checkout-section .checkout-container .form-container .payments {
    max-width: 100%;
    gap: 16px;
    justify-content: flex-start;
  }
  #content-wrapper #checkout-page .checkout-section .checkout-container .form-container .payments .pay-item {
    width: 28%;
  }
  #content-wrapper #checkout-page .checkout-section .checkout-container .summary {
    width: 100%;
    margin-left: 0;
  }
  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  #footer-wrapper .top-footer {
    flex-wrap: wrap;
  }
  #footer-wrapper .top-footer .item {
    padding-bottom: 24px;
  }
  #footer-wrapper .top-footer .item:last-of-type {
    display: flex;
    flex-direction: row;
    padding-right: 0;
    gap: 24px;
  }
  #footer-wrapper .top-footer .item:last-of-type .contact {
    width: 50%;
    padding-right: 24px;
  }
  #footer-wrapper .top-footer .item:last-of-type .social {
    width: 50%;
    padding-top: 0;
  }
  #footer-wrapper .top-footer .item:last-of-type .contact-info,
  #footer-wrapper .top-footer .item:last-of-type .social-footer {
    width: 50%;
    margin-top: 0;
  }
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .common-brands-container .item {
    width: 25%;
  }
  .common-brands-container .item .img-container {
    height: 100px;
    padding: 16px;
  }
  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/
}
@media all and (max-width: 767px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  .custom-container {
    padding: 20px 20px;
  }
  .section-title.large-text h2 {
    font-size: 20px;
  }
  .head-wrapper {
    flex-wrap: wrap;
    row-gap: 16px;
  }
  .brands-section .head-wrapper .action .common-btn {
    padding: 12px;
    border: none;
    border-radius: 50%;
    height: 30px;
    width: 30px !important;
    text-align: center;
    background-color: #0B72EB;
  }
  .brands-section .head-wrapper .action .common-btn span {
    display: none;
  }
  .brands-section .head-wrapper .action .common-btn:after {
    filter: brightness(0) invert(1);
    left: 50%;
    right: initial;
    transform: translate(-50%, -50%);
  }
  h1 {
    font-size: 26px;
  }
  h2 {
    font-size: 20px;
  }
  h3 {
    font-size: 18px;
  }
  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  #header-wrapper .header-inner {
    gap: 8px;
  }
  #header-wrapper .header-inner .search-bar {
    padding: 20px 20px;
  }
  #header-wrapper .header-inner .header-item:nth-last-child(2) {
    margin-left: auto;
    margin-right: 0;
    justify-content: flex-end;
    margin-top: 10px;
    gap: 10px;
    flex-basis: 0;
  }
  #header-wrapper .header-inner .header-item:last-of-type {
    gap: 10px;
  }
  #header-wrapper.nav-open .header-inner .navigation-container {
    top: 95px;
  }
  #header-wrapper.nav-open .header-inner .navigation-container ul {
    padding: 32px 0;
  }
  #header-wrapper.nav-open .header-inner .navigation-container ul li.has-child.active .sub-menu ul li {
    font-size: 14px;
  }
  #header-wrapper.nav-open .header-inner .navigation-container ul li.has-child.active .sub-menu ul li.has-sub-child.active .sub-sub-menu ul li {
    width: 100%;
  }
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page .gallery-section .gallery-grid {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 150px);
    gap: 16px;
  }
  #content-wrapper #home-page .gallery-section .gallery-grid .item:nth-child(1) {
    grid-row: span 3;
    grid-column: initial;
  }
  #content-wrapper #home-page .gallery-section .gallery-grid .item:nth-child(2), #content-wrapper #home-page .gallery-section .gallery-grid .item:nth-child(3) {
    grid-row: initial;
    grid-column: initial;
  }
  #content-wrapper #home-page .gallery-section .gallery-grid .item .img-container {
    border-radius: 16px;
  }
  #content-wrapper .banner-section .item .img-container img.banner-desktop {
    display: none;
  }
  #content-wrapper .banner-section .item .img-container img.banner-mobile {
    display: block;
  }
  #content-wrapper .emi-section .emi-container {
    flex-direction: column;
  }
  #content-wrapper .emi-section .emi-container .section-title {
    width: 100%;
  }
  #content-wrapper .emi-section .emi-container .content {
    width: 100%;
    padding-left: 0;
    padding-top: 16px;
  }
  #content-wrapper .best-seller-section .best-seller-container {
    flex-wrap: wrap;
  }
  #content-wrapper .best-seller-section .best-seller-container .item {
    width: 100%;
  }
  #content-wrapper .common-brands-container .item {
    width: 33.33%;
  }
  #content-wrapper .common-brands-container .item:last-of-type {
    display: none;
  }
  #content-wrapper #product-page #category-slider {
    margin: -4px;
  }
  #content-wrapper #product-page #category-slider .item {
    padding: 12px;
  }
  #content-wrapper #product-page .head-wrapper {
    margin-top: 40px;
  }
  #content-wrapper #product-page .head-wrapper .filter .filter-options {
    position: fixed;
    bottom: 0;
    top: 30%;
  }
  #content-wrapper #product-page .common-banner-section .banner-image {
    height: 22vh;
  }
  #content-wrapper #product-page .products-list-container .common-item {
    width: 50%;
  }
  #content-wrapper #product-page .details-section .image-container {
    width: 100%;
  }
  #content-wrapper #cart-empty-page .cart-message-container .order-details-summary {
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 350px;
    padding: 16px;
  }
  #content-wrapper #cart-empty-page .cart-message-container .order-details-summary div {
    text-align: unset;
    width: 43%;
  }
  #content-wrapper #cart-empty-page .cart-message-container .common-btn {
    padding: 8px 16px;
  }
  #content-wrapper #cart-page .cart-section .empty .action {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  #content-wrapper #cart-page .cart-section .empty .action a {
    width: 170px !important;
    margin: 8px;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    border: 1px solid #DBE1E5;
    margin-bottom: 12px;
    border-radius: 16px;
    padding: 4px 4px 48px 4px;
    position: relative;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td {
    width: 33.33%;
    padding: 8px 8px;
    border: none;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:nth-child(1) {
    width: 10%;
    display: flex;
    align-items: center;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:nth-child(2) {
    width: 30%;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:nth-child(3) {
    width: 70%;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:nth-child(4) {
    width: 45%;
    order: 4;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:nth-child(4) .qty-container {
    text-align: right;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:nth-child(4) .qty-container input {
    font-size: 12px;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:nth-child(5) {
    width: 50%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    order: 1;
    text-align: left;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:last-of-type {
    width: 30%;
    order: 3;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:last-of-type .price {
    order: 1;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:last-of-type .price.discount-price {
    order: 2;
  }
  #content-wrapper #cart-page .cart-section .cart-items-container .items-list-table table tr td:last-of-type .action {
    position: absolute;
    bottom: 0;
    right: 10px;
  }
  #content-wrapper #cart-page .cart-section .summary {
    width: 100%;
    padding: 0;
    position: sticky;
    bottom: 0;
  }
  #content-wrapper #account-details-page .details-section .details-container .navigation {
    display: none;
  }
  #content-wrapper #account-details-page .details-section .details-container .details-content-wrapper {
    width: 100%;
  }
  #content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .addresses-container .item {
    width: 100%;
  }
  #content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .cards .card-details-table {
    max-width: 100%;
  }
  #content-wrapper #account-details-page .details-section .details-container .details-content-wrapper .change-password .password-form-container {
    max-width: unset;
  }
  #content-wrapper #product-details-page .details-section .image-container .slider-for .item {
    padding: unset;
  }
  #content-wrapper #product-details-page .details-section .details-container .share-like {
    position: absolute;
    top: 1.5%;
    right: 5%;
  }
  #content-wrapper #product-details-page .details-section .details-container .actions .btn-item a {
    min-width: 100px;
  }
  #content-wrapper #product-details-page .details-section .details-container .actions .btn-item.add-to-bag {
    order: -1;
  }
  #content-wrapper #product-details-page .details-section .details-container .actions .btn-item.add-to-bag #button-cart {
    background: none;
    border: none;
    padding: 0;
    min-width: unset;
  }
  #content-wrapper #product-details-page .details-section .details-container .actions .btn-item.add-to-bag #button-cart p {
    display: none;
  }
  #content-wrapper #product-details-page .details-section .details-container .actions .btn-item.add-to-bag #button-cart svg {
    display: block;
  }
  #content-wrapper #track-order-page .my-order-details .navigation {
    display: none;
  }
  #content-wrapper #track-order-page .my-order-details .details-wrapper {
    width: 100%;
  }
  #content-wrapper #track-order-page .my-order-details .common-order-details-table {
    margin-bottom: 0;
  }
  #content-wrapper #track-order-page .order-details-section .tracking-process-section .details {
    margin: 24px -12px -12px;
    flex-direction: column;
  }
  #content-wrapper #track-order-page .order-details-section .tracking-process-section .details .item {
    width: 100%;
  }
  #content-wrapper #track-order-page .order-details-section .tracking-process-section .track-process ul li:before {
    height: 24px;
    width: 24px;
  }
  #content-wrapper #track-order-page .order-details-section .tracking-process-section .track-process ul li:after {
    top: -29px;
    width: 71%;
    left: 44px;
  }
  #content-wrapper #track-order-page .order-details-section .common-order-details-table table tr td:nth-child(3) {
    order: 4;
    padding-left: unset;
  }
  #content-wrapper #track-order-page .order-details-section .common-order-details-table table tr td:last-child {
    order: 3;
    width: 100%;
    flex-basis: 70%;
  }
  #content-wrapper #track-order-page .order-details-section .publish {
    flex-direction: column;
  }
  #content-wrapper #blog-page .blog-section .blog-container .item {
    width: 100%;
  }
  #content-wrapper #blog-page .blog-section .blog-container .item .img-container {
    height: 268px;
  }
  #content-wrapper #blog-page .blog-section .blog-container .item:nth-child(1) .inner {
    flex-direction: column;
  }
  #content-wrapper #blog-page .blog-section .blog-container .item:nth-child(1) .inner .img-container {
    width: 100%;
    height: 268px;
  }
  #content-wrapper #blog-page .blog-section .blog-container .item:nth-child(1) .inner .text {
    width: 100%;
    padding-left: 0;
  }
  #content-wrapper #blog-details-page .blog-details-section .details-container .img-container {
    height: 280px;
    width: 100%;
    margin: 0 auto 30px;
  }
  #content-wrapper #emi-page .banks-section .banks-container .item {
    width: 50%;
  }
  #content-wrapper #emi-page .banks-section .banks-container .item .img-container img {
    width: 100%;
    object-fit: contain;
    object-position: center;
  }
  #content-wrapper #emi-page .why-emi .emi-option {
    flex-wrap: wrap;
  }
  #content-wrapper #emi-page .why-emi .emi-option .item {
    width: 100% !important;
  }
  #content-wrapper #emi-page .emi-calc-section .emi-container {
    flex-direction: column;
  }
  #content-wrapper #emi-page .emi-calc-section .emi-container .calculator {
    width: 100%;
    padding-right: 0;
    margin: auto;
  }
  #content-wrapper #emi-page .emi-calc-section .emi-container .terms-container {
    width: 100%;
    padding-top: 24px;
  }
  #content-wrapper #contact-page .contact-section .contact-container {
    flex-direction: column;
  }
  #content-wrapper #contact-page .contact-section .contact-container .contact-form {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 40px;
  }
  #content-wrapper #contact-page .contact-section .contact-container .contact-form .action .common-btn {
    padding: 10px 32px;
  }
  #content-wrapper #contact-page .contact-section .contact-container .contact-details {
    width: 100%;
  }
  #content-wrapper #contact-page .contact-section .contact-container .contact-details .item {
    margin-bottom: 24px;
  }
  #content-wrapper #contact-page .contact-section .contact-container .contact-details .item:last-of-type {
    margin-bottom: 0;
  }
  #content-wrapper #contact-page .map-section .map iframe {
    height: 200px !important;
  }
  #content-wrapper #services-page .apple-service-section .service-details-container .item {
    width: 100%;
  }
  #content-wrapper #services-page .apple-care-section .apple-care-container {
    flex-wrap: wrap;
  }
  #content-wrapper #services-page .apple-care-section .apple-care-container .item {
    width: 46%;
  }
  #content-wrapper #services-page .apple-care-section .apple-care-container .item .img-container {
    padding: 30px;
  }
  #content-wrapper #track-order-page .order-track-section .track-form .form-wrap {
    flex-direction: column;
  }
  #content-wrapper #track-order-page .order-track-section .track-form .form-wrap .fields {
    flex-direction: column;
    width: 100%;
  }
  #content-wrapper #track-order-page .order-track-section .track-form .form-wrap .fields .form-group {
    width: 100%;
  }
  #content-wrapper #track-order-page .order-track-section .track-form .form-wrap .action {
    width: 100%;
  }
  #content-wrapper #checkout-page .checkout-section .checkout-container {
    flex-direction: column;
  }
  #content-wrapper #checkout-page .checkout-section .checkout-container .form-container .payments .pay-item {
    width: 27.33%;
  }
  #content-wrapper .safe-payment-section .payment-gateways {
    margin-top: 24px;
  }
  #content-wrapper .safe-payment-section .payment-gateways.slick-slider .slick-prev {
    left: 0;
  }
  #content-wrapper .safe-payment-section .payment-gateways.slick-slider .slick-next {
    right: 0;
  }
  #content-wrapper .safe-payment-section .section-title h2 {
    display: flex;
    flex-direction: column;
  }
  #content-wrapper .common-order-details-table table tr {
    flex-wrap: wrap;
    gap: 0;
  }
  #content-wrapper .common-order-details-table table tr td:not(:first-child) {
    text-align: left;
  }
  #content-wrapper .common-order-details-table table tr td:not(:first-child) .qty-container {
    text-align: left;
  }
  #content-wrapper .common-order-details-table table tr td:nth-child(1) {
    width: 50%;
    flex: 0 0 30% !important;
    display: block !important;
  }
  #content-wrapper .common-order-details-table table tr td:nth-child(2) {
    width: 50%;
    flex-basis: 50%;
  }
  #content-wrapper .common-order-details-table table tr td:nth-child(3) {
    padding-left: 33%;
    flex-basis: 30%;
  }
  #content-wrapper .common-order-details-table table tr td:last-child {
    padding-left: 30%;
    width: 100%;
  }
  #content-wrapper .common-order-details-table table tr td:last-child p {
    max-width: fit-content;
  }
}
/*--------------------------------- Content Wrapper Ends ----------------------------------*/
/*--------------------------------- Footer Wrapper Starts ---------------------------------*/
#footer-wrapper .top-footer .item {
  width: 50%;
}
#footer-wrapper .top-footer .item:last-of-type {
  width: 100%;
}
#footer-wrapper .top-footer .item:first-of-type {
  order: 2;
  padding-bottom: 0;
  width: 100%;
}

/*---------------------------------- Footer Wrapper Ends ----------------------------------*/
/*----------------------------------- Components Starts -----------------------------------*/
.common-item-wrapper .common-item {
  padding: 10px 8px;
}
.common-item-wrapper .common-item .inner .text .cat p {
  font-size: 10px;
}
.common-item-wrapper .common-item .inner .text .price {
  flex-direction: column;
  align-items: flex-start;
  gap: unset;
}
.common-item-wrapper .common-item .inner .text .price p {
  margin-bottom: unset;
}
.common-item-wrapper .common-item .inner .text .price s {
  padding-left: 0;
}
.common-item-wrapper .common-item .inner .img-container {
  padding: 16px;
}
.common-item-wrapper .common-item .inner .img-container img {
  width: 100%;
}

/*------------------------------------ Components Ends ------------------------------------*/
/*---------------------------------- Slick Slider Starts ----------------------------------*/
.slick-slider .slick-dots {
  bottom: 8px;
}

/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*------------------------------------- Mcustom Starts ------------------------------------*/
/*-------------------------------------- Mcustom Ends -------------------------------------*/
@media all and (max-width: 375px) {
  .header-inner {
    gap: 8px;
  }
  #header-wrapper .header-inner .header-item:last-of-type {
    gap: 10px;
    font-size: 14px !important;
  }
  #header-wrapper .header-inner .header-item:last-of-type .account ul {
    margin-left: unset;
  }
  #header-wrapper .header-inner .header-item:last-of-type .burger-nav span {
    width: 20px;
  }
  #header-wrapper .header-inner .header-item:last-of-type .burger-nav span:not(:last-of-type) {
    margin-bottom: 3px;
  }
  #header-wrapper .header-inner .header-item:last-of-type img {
    max-width: 20px;
  }
}
@media (max-width: 380px) {
  #content-wrapper #home-page .special-deals-section .special-deals-container .common-item {
    width: 100%;
  }
  #content-wrapper #home-page .new-arrival-section .new-arrival-container .common-item {
    width: 100%;
  }
  #content-wrapper #home-page .emi-section .emi-container {
    flex-direction: column;
  }
  #content-wrapper #home-page .emi-section .emi-container .section-title {
    width: 100%;
  }
  #content-wrapper #home-page .emi-section .emi-container .content {
    width: 100%;
    padding-left: 0;
    padding-top: 16px;
  }
  #content-wrapper #home-page .gallery-section .gallery-grid {
    grid-template-columns: unset;
    grid-template-rows: unset;
    gap: 16px;
  }
  #content-wrapper #home-page .gallery-section .gallery-grid .item:nth-child(1) {
    grid-row: span 2;
    grid-column: initial;
  }
  #content-wrapper #home-page .gallery-section .gallery-grid .item:nth-child(2), #content-wrapper #home-page .gallery-section .gallery-grid .item:nth-child(3) {
    grid-row: initial;
    grid-column: initial;
  }
  #content-wrapper #home-page .gallery-section .gallery-grid .item .img-container {
    border-radius: 16px;
  }
  #content-wrapper #home-page .common-brands-container .item {
    width: 50%;
  }
  #content-wrapper #home-page .common-brands-container .item:last-of-type {
    display: block;
  }
}
#header-wrapper .mobile-menu {
  background-color: white;
  position: fixed;
  top: 0;
  right: -100%;
  left: 100%;
  z-index: 9999;
  padding: 20px 0;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  transition: 0.3s ease;
}
#header-wrapper .mobile-menu .mobile-menu-header {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
}
#header-wrapper .mobile-menu .close-button {
  text-align: right;
}
#header-wrapper .mobile-menu .close-button:hover {
  cursor: pointer;
}

@media all and (max-width: 1199px) {
  .no-scroll {
    position: relative;
  }
  #header-wrapper {
    /* Mobile Menu CSS */
    /* Main menu items with children */
    /* Sub menu (mega menu) */
    /* Sub-sub menu items */
    /* Sub-sub menu */
    /* Active states */
  }
  #header-wrapper .header-inner .navigation-container {
    display: none;
  }
  #header-wrapper.nav-open .mobile-menu {
    display: block;
    right: 0;
    left: 0;
  }
  #header-wrapper .menu-container {
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  #header-wrapper h1 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    color: #333;
  }
  #header-wrapper .navigation-container {
    width: 100%;
    position: relative;
    overflow-y: auto;
    height: fit-content;
  }
  #header-wrapper .navigation-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #header-wrapper .navigation-container > ul > li {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #header-wrapper .navigation-container > ul > li > a {
    display: block;
    padding: 20px;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
  }
  #header-wrapper .has-child > a {
    position: relative;
  }
  #header-wrapper .has-child > a::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%2322292F' d='m11.82 8.43-6.11 6.06a.612.612 0 0 1-1.043-.429.6.6 0 0 1 .179-.429l5.679-5.631-5.68-5.632a.604.604 0 0 1 .433-1.035c.162 0 .318.064.432.178l6.11 6.06a.61.61 0 0 1 .133.66.6.6 0 0 1-.132.197'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    object-fit: cover;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    transition: transform 0.3s ease;
  }
  #header-wrapper .has-child.active > a::after {
    transform: rotate(180deg);
    transform-origin: 50% 0%;
    left: 20px;
    right: unset;
    top: 63%;
  }
  #header-wrapper .sub-menu {
    display: none;
    padding: 10px 0;
    overflow-y: auto;
    max-height: 80vh;
  }
  #header-wrapper .has-child.active > .sub-menu {
    display: block;
  }
  #header-wrapper .sub-menu p {
    display: none;
  }
  #header-wrapper .sub-menu > ul > li > a {
    display: block;
    padding: 12px 15px 12px 25px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
  }
  #header-wrapper .has-sub-child > a {
    position: relative;
  }
  #header-wrapper .has-sub-child > a::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.6668 8.00065C14.6668 8.14799 14.6083 8.2893 14.5041 8.39349C14.3999 8.49768 14.2586 8.55621 14.1113 8.55621H8.55572V14.1118C8.55572 14.2591 8.49719 14.4004 8.393 14.5046C8.28881 14.6088 8.14751 14.6673 8.00016 14.6673C7.85282 14.6673 7.71151 14.6088 7.60733 14.5046C7.50314 14.4004 7.44461 14.2591 7.44461 14.1118V8.55621H1.88905C1.74171 8.55621 1.6004 8.49768 1.49621 8.39349C1.39203 8.2893 1.3335 8.14799 1.3335 8.00065C1.3335 7.85331 1.39203 7.712 1.49621 7.60781C1.6004 7.50363 1.74171 7.4451 1.88905 7.4451H7.44461V1.88954C7.44461 1.7422 7.50314 1.60089 7.60733 1.4967C7.71151 1.39252 7.85282 1.33398 8.00016 1.33398C8.14751 1.33398 8.28881 1.39252 8.393 1.4967C8.49719 1.60089 8.55572 1.7422 8.55572 1.88954V7.4451H14.1113C14.2586 7.4451 14.3999 7.50363 14.5041 7.60781C14.6083 7.712 14.6668 7.85331 14.6668 8.00065Z' fill='%2322292F'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    object-fit: cover;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    transition: transform 0.3s ease;
  }
  #header-wrapper .has-sub-child.active > a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.6668 7.83398C14.6668 7.96659 14.6083 8.09377 14.5041 8.18754C14.3999 8.28131 14.2586 8.33398 14.1113 8.33398H1.88905C1.74171 8.33398 1.6004 8.28131 1.49621 8.18754C1.39203 8.09377 1.3335 7.96659 1.3335 7.83398C1.3335 7.70138 1.39203 7.5742 1.49621 7.48043C1.6004 7.38666 1.74171 7.33398 1.88905 7.33398H14.1113C14.2586 7.33398 14.3999 7.38666 14.5041 7.48043C14.6083 7.5742 14.6668 7.70138 14.6668 7.83398Z' fill='%2322292F'/%3E%3C/svg%3E");
  }
  #header-wrapper .sub-sub-menu {
    display: none;
    padding: 5px 0;
  }
  #header-wrapper .has-sub-child.active > .sub-sub-menu {
    display: block;
  }
  #header-wrapper .sub-sub-menu p {
    display: none;
  }
  #header-wrapper .sub-sub-menu ul li a {
    display: block;
    padding: 10px 15px 10px 35px;
    color: #444;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
  }
  #header-wrapper .navigation-container > ul > li.active > a {
    font-weight: 600;
    font-size: 20px;
    padding-left: 45px;
  }
}

/*# sourceMappingURL=responsive.css.map */