@font-face {
   font-family: Roboto;
   font-weight: 400;
   font-style: normal;
   font-display: swap;
   src: local("Roboto Regular"), local("Roboto-Regular"), local("Roboto"), local("sans-serif"), url(https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/fonts/roboto-regular.woff2) format("woff2"), url(https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/fonts/roboto-regular.woff) format("woff"), url(https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/fonts/roboto-regular.ttf) format("truetype")
 }

 @font-face {
   font-family: Roboto;
   font-weight: 500;
   font-style: normal;
   font-display: swap;
   src: local("Roboto Medium"), local("Roboto-Medium"), local("Roboto"), local("sans-serif-medium"), url(https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/fonts/roboto-medium.woff2) format("woff2"), url(https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/fonts/roboto-medium.woff) format("woff"), url(https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/fonts/roboto-medium.ttf) format("truetype")
 }

 @font-face {
   size-adjust: 95%;
   font-display: swap;
   font-family: Inter;
   src: local("☺"), local("☺"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-Italic.woff2) format("woff2"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-Italic.woff) format("woff") url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-Regular.ttf) format("truetype");
   font-style: italic
 }

 @font-face {
   size-adjust: 95%;
   font-display: swap;
   font-family: Inter;
   src: local("☺"), local("☺"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-Regular.woff2) format("woff2"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-Regular.woff) format("woff") url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-Regular.ttf) format("truetype")
 }

 @font-face {
   size-adjust: 95%;
   font-display: swap;
   font-family: inter_regular;
   src: local("☺"), local("☺"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-Regular.woff2) format("woff2"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-Regular.woff) format("woff"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-Regular.ttf) format("truetype");
   font-style: normal
 }

 @font-face {
   size-adjust: 95%;
   font-display: swap;
   font-family: Inter;
   src: local("☺"), local("☺"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-SemiBoldItalic.woff2) format("woff2"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-SemiBoldItalic.woff) format("woff") url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-SemiBold.ttf) format("truetype");
   font-style: italic;
   font-weight: 500 800
 }

 @font-face {
   size-adjust: 95%;
   font-display: swap;
   font-family: Inter;
   src: local("☺"), local("☺"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-SemiBold.woff2) format("woff2"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-SemiBold.woff) format("woff") url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-SemiBold.ttf) format("truetype");
   font-weight: 500 800
 }

 @font-face {
   size-adjust: 95%;
   font-display: swap;
   font-family: inter_semi_bold;
   src: local("☺"), local("☺"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-SemiBold.woff2) format("woff2"), url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-SemiBold.woff) format("woff") url(https://static-assets-web.flixcart.com/fk-p-linchpin-web/fk-cp-zion/fonts/Inter-SemiBold.ttf) format("truetype")
 }


 :root {
   --primary-color: #2874f0;
   /* Flipkart blue */
   --secondary-color: #ff9f00;
   --text-color: #212121;
   --muted-text-color: #878787;
   --background-color: #f1f3f6;
 }

 * {
   margin: 0;
   padding: 0;
 }

 body {
   margin: 0;
   padding: 0;
   /* font-family: "Inter", Arial, sans-serif; */
   font-family: 'Inter', -apple-system, Helvetica, Arial, sans-serif;
   font-size-adjust: 95%;
   background-color: rgb(241, 243, 246);
   overflow-x: hidden;
 }

 /* START NAV 1 STYLES */

 .nav-1 {
   background-color: var(--primary-color);
   height: 56px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   padding: 0px 9px;
   font-weight: 500;
   font-size: 14px;
 }

 .logo-div {
   margin-left: 11.05rem;
   padding-top: 2px;
   display: flex;
   flex-direction: column;
   gap: 0;
 }

 .flipkart-logo {
   height: 20.11px;
   width: 75px;
 }

 .sub-logo-div {
   position: relative;
   top: -3px;
 }

 .sub-logo {
   font-size: 11px;
   font-style: italic;
   letter-spacing: -.1px;

 }

 .sub-logo-1 {
   color: rgba(240, 240, 240, 0.827);
   font-weight: 500;
 }

 .sub-logo-2 {
   color: #ffe600f0;
   font-weight: 600;
   margin-left: .5px;
 }

 .yellow-vector {
   height: 10px;
 }

 .nav-search {
   display: flex;
   width: 36.9%;
   margin-right: 20px;
   margin-left: 12px;
 }

 .search-input {
   height: 36px;
   font-size: 14px;
   padding: 0 16px;
   border-radius: 2px 0 0 2px;
   border: 0;
   width: 90%;
   font-family: "Inter";
 }

 .search-img-div {
   display: flex;
   background-color: white;
   align-items: center;
   justify-content: center;
   padding: 3px 13.7px 4px 0px;
 }

 .login {
   box-sizing: border-box;
   padding: 5px 40px;
   border: 1px solid #dbdbdb;
   background-color: white;
   border-radius: 2px;
   color: var(--primary-color);
   margin: 0 20px 2px 0px;
   height: 31px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .login h3 {
   font-size: 16px;
   position: relative;
   left: 1px;
   font-weight: 500;
   letter-spacing: 0.09px;
 }

 .become-seller {
   margin-left: 21px;
 }

 .become-seller h3 {
   line-height: 20px;
   font-size: 16px;
   letter-spacing: .1px;
   font-weight: 600;
   color: #fff;
 }

 .more-dropdown {
   color: white;
   display: flex;
   justify-content: space-between;
   gap: 5px;
   align-items: center;
   margin-left: 40px;
   margin-right: 30px;
 }

 .more-dropdown h3 {
   font-size: 16px;
   margin-bottom: 1px;
   font-weight: 600;
   letter-spacing: .1px;
 }

 .more-dropdown img {
   position: relative;
   top: 1px;
   left: 1px;
 }

 .nav-cart {
   color: white;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 8.5px;
   margin: auto 17px;
 }

 .nav-cart h3 {
   line-height: 20px;
   font-size: 16px;
   letter-spacing: .1px;
   font-weight: 600;
   color: #fff;
 }

 /* END NAV 1 STYLES */

 /* START NAV 2 STYLES */

 .nav-2 {
   padding-left: 121.5px;
   box-sizing: border-box;
   padding-bottom: 2px;
   /* padding-right: 122px; */
   display: flex;
   background-color: white;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16);
   align-items: center;
   height: 40px;
   letter-spacing: -.01px;
 }

 .nav-2-downarrow {
   height: 6px;
   margin-bottom: -2px;
   margin-left: 6px;
 }

 .nav-2-div:nth-child(1) .nav-2-downarrow {
   margin-left: 6.25px;
 }

 .nav-2-div:nth-child(2) {
   margin: 0 49px 0 48.75px;
   letter-spacing: .01px;
 }

 .nav-2-div:nth-child(4) {
   margin: 0 49px 0 49.5px;
 }

 .nav-2-div:nth-child(6) {
   margin: 0 48.5px 0 49.5px;
 }

 .nav-2-div:nth-child(6) .nav-2-downarrow {
   margin-left: 7px;
 }

 .nav-2-div:nth-child(8) {
   margin: 0 49px 0 49.5px;
 }

 .nav-2-div:nth-child(9) {
   margin: 0 2px 0 2px;
 }

 .nav-2-div {
   display: flex;
   align-items: center;
 }

 .nav-2-heads {
   font-size: 14px;
   font-weight: 600;
 }




 /* END NAV 2 STYLES */

 /* CONTAINER STARTS */

 .main-container {
   margin: 0 auto;
   min-width: 978px;
   max-width: 1680px;
   display: flex;
   padding: 8px;
 }

 /* LEFT CONTAINER */

 .left-container {
   background-color: white;
   flex: 0 0 270px;
   font-size: 14px;
 }

 .filters {
   padding: 16px 16px 1px 16px;
   border-bottom: 1px solid #f0f0f0;
 }

 .filters-top {
   display: flex;
   justify-content: space-between;
   align-items: center;

 }

 .active-filters {
   margin-top: 8px;
   box-sizing: border-box;
   padding-bottom: 11px;

 }

 .filter-tag {
   cursor: pointer;
   display: inline-block;
   font-size: 12px;
   letter-spacing: .1px;
   background-color: #e0e0e0;
   border-radius: 3px;
   margin: 2px 4px 8px 0px;
   padding: 8px 8px 9px 8px;
 }

 .filter-head {
   font-weight: 600;
   letter-spacing: .3px;
   line-height: 25.2px;
   font-size: 18px;
 }

 .remove-tag {
   margin-right: 10px;
 }

 .filter-clear-all {
   font-size: 12px;
   color: #2874f0;
   font-weight: 600;
   cursor: pointer;
   padding-bottom: 1px;
 }

 .categories {
   padding: 16px;
   border-bottom: 1px solid #f0f0f0;
 }

 .categories p:first-child {
   margin-top: 1px;
   font-size: 12px;
   font-weight: 500;
 }

 .categories span {
   margin-top: 12px;
   font-size: 14px;
   color: #999;
   display: flex;
   align-items: center;
   gap: 6px;
   /* letter-spacing: .1px; */
 }

 .categories p:last-child {
   font-size: 14px;
   font-weight: 600;
   margin: 13.5px 0px 8px 15px;
 }

 .catgories-arrow {
   height: 10.25px;
   margin-left: 2px;
   margin-right: 1px;
   margin-bottom: 1px;
 }



 .price-head {
   font-weight: 500;
 }

 .clear-head {
   float: right;
   font-size: 13px;
   font-weight: 500;
   color: #2874f0;
   cursor: pointer;
 }

 .drag-price-filter {
   height: 20px;
   background-color: #747070;
   margin: 12px 0;
 }


 .min-max-text {
   padding: 4px;
 }

 .min-max-text input {
   padding: 4px;
   width: 70px;
 }

 .brand-filter {
   padding: 16px;
   border-bottom: 1px solid #f0f0f0;
 }

 .brand-head {
   font-size: 13px;
   font-weight: 600;
   margin-top: 1px;
   margin-bottom: 4px;
   letter-spacing: .3px;
 }

 .brand-search {
   display: flex;
   align-items: center;
   border-bottom: 2px solid #e0e0e0;
   padding: 2px 0px 0px 0px;
   margin-top: 6px;
   margin-bottom: 9px;
 }

 .brand-search img {
   height: 20px;
   width: 12px;
   margin-bottom: -1px;
 }

 .search-brand {
   width: 16px;
   height: 16px;
   margin-right: 5px;
   opacity: 0.6;
 }

 .brand-filter-input {
   font-family: "Inter";
   border: none;
   outline: none;
   background: transparent;
   font-size: 14px;
   width: 100%;
   color: #999;
   margin-bottom: -1px;
 }


 .brand-options {
   display: block flex;
   align-items: center;
   font-size: 14px;
   margin: 2px 0px 4px -1px;
   font-weight: 400;
   padding: 6px 0;
 }


 .brand-options input {
   transform: scale(1);
   width: 16px;
   height: 16px;
   outline: 1px solid #b5b5b5;
   outline-offset: -2px;
   accent-color: #2162a1;
   border-radius: 3px;
   appearance: none;
   margin-right: 10px;
   vertical-align: center;
 }

 .see-more {
   background: none;
   border: none;
   color: #2874f0;
   font-weight: 600;
   cursor: pointer;
   font-size: 12px;
   margin-top: 6px;
 }

 .assured {
   padding: 16px;
   display: flex;
   align-items: center;
 }

 .assured input {
   transform: scale(1);
   width: 16px;
   height: 16px;
   outline: 1px solid #b5b5b5;
   outline-offset: -2px;
   accent-color: #2162a1;
   border-radius: 3px;
   appearance: none;
   margin-right: 10px;
   vertical-align: center;
 }

 .assured-img {
   height: 21px;
 }

 .cutomer-ratings {
   padding: 16px;
   border-top: 1px solid #f0f0f0;
 }

 .customer-head {
   font-weight: 500;
   margin-bottom: 8px;
 }

 .customer-ratings>label {
   padding: 6px 0;
 }

 .cutomer-ratings>label>input {
   margin-right: 11px;

   width: 16px;
   height: 16px;
   outline: 1px solid #b5b5b5;
   outline-offset: -2px;
   accent-color: #2162a1;
   border-radius: 3px;
   appearance: none;
   margin-right: 10px;
   vertical-align: center;
 }

 .rating-options {
   display: block;
   margin: 6px 0;
   font-size: 14px;
 }

 .rating-star {
   width: 14px;
   height: 14px;
   vertical-align: middle;
   display: inline-block;
   margin-left: 4px;
 }

 .ram {
   padding: 16px;
   border-top: 1px solid #f0f0f0;
 }

 .ram-head {
   margin-bottom: 5px;
   font-size: 13px;
   font-weight: 500;
 }

 .ram-options {
   display: block;
   font-size: 14px;
   padding: 6px 0;
 }

 .ram-options>input {
   margin-right: 11px;

   width: 16px;
   height: 16px;
   outline: 1px solid #b5b5b5;
   outline-offset: -2px;
   accent-color: #2162a1;
   border-radius: 3px;
   appearance: none;
   margin-right: 10px;
   vertical-align: center;
 }

 .discount {
   padding: 16px;
 }

 .discount-head {
   margin-bottom: 5px;

   font-size: 13px;
   font-weight: 500;
 }

 .discount-options {
   display: block;
   font-size: 14px;
   padding: 6px 0;
 }

 .discount-options>input {
   margin-right: 11px;
 }

 /* ENDS LEFT CONTAINER */

 /* START RIGHT CONTAINER */

 #grid-sec {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
 }

 .right-container {
   width: 100%;
   margin-left: 10px;
 }

 /* START PRODUCT  */

 .product-info {
   display: flex;
   width: 80%;
   margin-left: 6px;
 }

 .product-card {
   background-color: white;
   position: relative;
   display: flex;
   padding: 24px 0 61px 18px;
   border-bottom: 1px solid #f0f0f0;
   gap: 20px;
 }

 .product-image-div {
   position: relative;
   width: 14.728%;
   height: 200px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: 24px;
 }

 .product-image {
   margin: 0 auto;
   width: 10.938em;
   object-fit: contain;
   box-sizing: border-box;
 }

 .compare-box {
   bottom: 29px;
   left: 23px;
   position: absolute;
   font-size: 14px;
   color: #212121;
   justify-content: space-between;
   gap: 7px;
   display: flex;

 }

 .compare-box>input {
   width: 16px;
   height: 16px;
   outline: 1px solid #b5b5b5;
   outline-offset: -2px;
   border-radius: 3px;
   appearance: none;
 }

 .heart-img {
   height: 12.25px;
   width: 13.5px;
   position: absolute;
   left: 175px;
   top: 5px;
 }

 .product-details {
   padding-left: 15px;
   width: 58.33%;
 }




 .product-title {
   margin-top: -2px;
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 3px;
 }

 .rating-star-lap {
   height: 10px;
   width: 11px;
   margin-left: -1px;
 }

 .product-title:hover {
   color: #2874f0;
 }

 .rating-box {
   display: inline-block;
   background-color: rgb(56, 142, 60);
   color: white;
   padding: 3px 4px 2px 6px;
   margin-top: 2px;
   border-radius: 4px;
   font-size: 12px;
   font-weight: bold;
 }

 .product-rating {
   display: flex;
   align-items: center;

 }

 .rating-text {
   margin-left: 6px;
   display: inline-block;
   font-size: 14px;
   font-weight: 600;
   color: #878787;
   padding-bottom: 1px;
 }

 .product-features {
   font-size: 14px;
   margin-left: 1px;
   margin-top: 13px;
   color: #212121;
   line-height: 22px;
   display: table;
   list-style-position: inside;
   list-style-type: none;
 }

 .product-features li {
   display: flex;
   align-items: center;

 }

 .device-prop {
   display: inline-block;
   width: 3px;
   height: 3px;
   border-radius: 50%;
   background-color: #aea7a7;
   margin-right: 9px;
 }

 .product-price-details {
   padding-left: 22px;
 }

 .price-div {
   width: 41.66%;
   display: flex;
   justify-content: space-between;
   gap: 40px;
 }

 .price {
   font-size: 25px;
   font-weight: 500;
   color: #000000;
   margin-top: -3px;
 }

 .warranty-warning {
   margin-top: 6px;
   font-size: 12px;
   color: rgb(135, 135, 135);
 }

 .original-price {
   margin-top: 5px;
 }

 .strike {
   text-decoration: line-through;
   margin-right: 6px;
   font-size: 14px;
   color: rgb(135, 135, 135);
 }

 .discount-price {
   color: rgb(56, 142, 60);
   font-size: 13px;
   font-weight: 600;
 }

 .assured-img-2 {
   width: 70px;
   height: 21px;
 }

 .exchange-text {
   margin-top: 6px;
   font-size: 14px;
 }

 .exchange-amount {
   font-weight: 700;
 }

 .bank-offer {
   margin-top: 5px;
   color: rgb(38, 165, 65);
   font-size: 14px;
   font-weight: 600;
 }

 .stock-warning {
   color: rgb(199, 0, 85);
   font-size: 12px;
   font-weight: 600;
 }

 /* END PRODUCT */

 /* START FILTER SECTION */

 .filter-section {
   box-sizing: border-box;
   padding: 15px 16px 0 16px;
   background-color: #ffffff;
   border-bottom: 1px solid #f0f0f0;
 }



 .route-history>.img1 {
   transform: scaleX(-1);
   height: 7px;
   margin: 0 4px 0 5px;
 }

 .route-history>.img2 {
   transform: scaleX(-1);
   height: 7px;
   margin: 0 5px 0 10.5px;
 }

 .route-history a {
   text-decoration: none;
   font-size: 12px;
   color: rgb(135, 135, 135);
 }

 .route-history {
   font-size: 12px;
   color: rgb(135, 135, 135);
   /* letter-spacing: .1px; */
 }

 .mobile-access {
   /* letter-spacing: .1px; */
   margin-left: .5px;
 }


 .mobile-header-list {
   padding: 12px 5px 4px 0;
   margin-top: 4px;
   font-size: 12px;
   color: rgb(135, 135, 135);
 }

 .mobile-header-list a {
   text-decoration: none;
   color: var(--primary-color);

 }

 .paging-details {
   margin-top: 11px;
   font-size: 12px;
   color: rgb(135, 135, 135);
 }

 .paging-head {
   font-size: 16px;
   font-weight: 500;
   color: rgb(0, 0, 0);
   margin-right: 10px;
 }

 .sortby {
   margin-top: 11px;
   box-sizing: border-box;
   font-size: 14px;
   margin-bottom: 9px;
 }

 .sortby span {
   margin-right: 16px;
   padding: 8px 0 4px;
   box-sizing: border-box;
   cursor: pointer;
 }

 .sortby span:hover {
   color: #2874f0;
   font-weight: 500;
   border-bottom: 2px var(--primary-color) solid;
   padding-bottom: 7px;
   margin-left: .5px;
 }

 #sortby-head {
   font-weight: 500;
 }

 /* END FILTER SECTION */

 /* END RIGHT CONTAINER */
 .header-375 {
   display: none;
 }

 #mobile-sec,
 .mob-add {
   display: none;
 }

 /* SLIDER PRICE FILTER STARTS */
 .price-filter {
   position: relative;
   font-family: "Inter", sans-serif;
   max-width: 400px;
   padding: 17px 16px 16px 16px;
   border-bottom: 1px solid #e0e0e0;
 }

 .filter-header {
   display: flex;
   justify-content: space-between;
   font-weight: bold;
   margin-bottom: 20px;
 }

 .filter-header span {
   font-size: 13px;
   font-weight: 500;
   letter-spacing: .3px;
 }

 #clear-btn-price {
   font-family: "Inter", sans-serif;
   background: none;
   border: none;
   color: #007bff;
   cursor: pointer;
   font-size: 12px;
   padding-bottom: 1.5px;
   font-weight: 500;
 }

 .slider-wrapper {
   position: relative;
   height: 36px;
   margin-bottom: 10px;
 }

 .slider-background {
   background-color: rgb(188, 188, 188);
   position: absolute;
   top: 13px;
   left: 1px;
   height: 1.5px;
   width: 100%;
 }

 .slider-bg {
   position: absolute;
   top: 37px;
   width: 238px;

 }

 .range {
   position: absolute;
   width: 100%;
   pointer-events: all;
   appearance: none;
   background: none;
   height: 36px;
   top: 0;
 }

 .range::-webkit-slider-thumb {
   -webkit-appearance: none;
   height: 13px;
   width: 13px;
   background: white;
   border: 1px solid #bebaba;
   border-radius: 50%;
   cursor: pointer;
   margin-top: -8px;
   z-index: 2;
   position: relative;
   left: -7px;
 }

 .slider-track {
   position: absolute;
   top: 11px;
   left: -7px;
   height: 6px;
   width: 100%;
   border-radius: 4px;
   background: linear-gradient(to right, transparent 0%, #2874f0 0%, #2874f0 100%, transparent 100%);
   z-index: 0;

 }

 .slider-wrapper :nth-child() .dropdowns {
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: grey;
 }




 .dot-scale {
   position: absolute;

   left: 13.25px;
   display: flex;
   justify-content: space-between;
   gap: 45px;
  margin-top: -20px;
   margin-bottom: 10px;
   padding: 0 4px;
 }

 .dot {
   width: 2.25px;
   height: 2.25px;
   background-color: rgb(193, 193, 193);
   border-radius: 50%;
   display: inline-block;
 }

 .dropdowns {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-left: -7px;
   gap: 13px;
   margin-top: -5px;
  left: 2.5px;
    top: -.5px;
 }

 .dropdowns select {
   background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='14' height='8' viewBox='0 0 14 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23666' d='M1 1l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center;
   background-size: 12px;
   font-family: 'Inter';
   padding: 3px 30px 3px 5px;
   font-size: 14px;
   border: 1px solid rgb(222, 222, 222);
   border-radius: 2px;
   cursor: pointer;
   appearance: none;
 }

 #min-select {
   box-sizing: border-box;
   width: 98px;
 }

 #max-select {
   box-sizing: border-box;
   width: 109px;
 }

 /* SLIDER PRICE FILTER ENDS */

/* sortby mobile */

/* Mobile Nav Bar */
.mob-nav-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 12px 16px;
  position: sticky;
  top: 0;
  z-index: 100;
}

.mn-left,
.mn-right {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.mn-left-text,
.mn-right-text {
  margin-left: 8px;
  font-weight: 500;
  color: #212121;
}

.vertical-line {
  width: 1px;
  height: 20px;
  background: #e0e0e0;
}

.sort-container {
  position: fixed;
  top: 0;
  height: 100vh;
  left: 0;
  right: 0;
  background: #00000062;
  border-top: 1px solid #ddd;
  display: none;
  z-index: 999;

  flex-direction: column;
  justify-content: flex-end;

}
.m-sort-wrapper{
  background: #fff;
}

.sort-header {
  font-family: "Roboto";
  font-size: 12px;
  padding: 16px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  color: #757575;
}

.sort-option {
  padding: 14px 16px;
}

.sort-option label {
  font-family: "Roboto_Medium";
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.sort-option input[type="radio"] {
  accent-color: #2874f0;
  margin-right: 12px;
}

.sort-option span {
  font-size: 12px;
  color: #000000;
}


 /* PAGINATION STYLES */
 #pagination {
   background-color: white;
   display: flex;
   position: relative;
   gap: 10px;
   padding: 10px;
   align-items: center;
   justify-content: center;
   font-family: "Inter", sans-serif;
   border-top: 1px solid #e0e0e0;
   box-sizing: border-box;
   height: 61px;
 }

 #pagination span {
   font-size: 14px;
   position: absolute;
   left: 15px;

 }

 .page-button {
   font-family: "Inter", sans-serif;
   padding: 6px 12px;
   font-weight: 500;
   border: none;
   cursor: pointer;
   background-color: transparent;
   font-size: 14px;
 }

 .page-button:last-child {
   color: #2874f0;
 }

 .page-button.active {
   background-color: #007aff;
   color: white;
   border-radius: 50%;
 }

 .page-button:hover {
   background-color: #e6f0ff;
 }


 /* Did you find */

 .did-you-find {
   background-color: white;
   margin-top: 10px;
   padding: 15px;
   box-sizing: border-box;
   height: 65.59px;
   display: flex;
   align-items: center;
 }

 .did-you-find span {
   font-size: 16px;
   font-weight: 500;
   margin-right: 24px;
   padding: 0 0 2px 1px;
 }

 .did-you-find button {
   background-color: white;
   font-size: 14px;
   font-family: "Inter", sans-serif;
   border-radius: 2px;
   border: 1px solid #d7d7d7;
   padding: 6px 28px 7px 28px;
   margin-right: 8px;
   font-weight: 500;
   box-sizing: border-box;
   height: 33.59px;
 }




 /* Footer  */

 .footer {
   box-sizing: border-box;
   background-color: #172337;
   color: white;
   padding: 31px 0px 18px 0px;
   font-size: 12px;
   margin-top: 26px;
 }

 .footer a {
   color: white;
   text-decoration: none;
   display: block;
   margin: 10px 0;
 }

 .footer-section2 a {
   color: rgb(40, 116, 240);
   text-decoration: none;
   display: block;
   margin: 4px 0;
 }

 .footer h4 {
   margin-bottom: 14px;
   color: #878787;
   font-weight: 400;
 }

 .footer-section {
   flex: 1;
   /* min-width: 150px; */
   max-width: 166px;
   margin: 10px 10.5px 10px 10px;
 }

 .footer-section2 {
   flex: 1;
   min-width: 200px;
   margin: 10px;
 }

 .footer-section2 h4 {
   margin-bottom: 11px;
 }

 .footer-top {
   display: flex;
   flex-wrap: wrap;
   border-bottom: 1px solid #454d5e;
   padding: 0 55px 30px 55px;
 }

 .footer-section2.address p {
   color: white;
   margin: 4px 0;
 }

 .separator {
   border-left: rgb(81, 81, 81) solid .5px;
   padding-left: 25.5px;
   margin-right: 15px;
   margin-left: 10px;
 }

 .social-heaad {
   display: block;
   margin-top: 19px;
   margin-bottom: 1px;
   color: #878787;
 }

 .social-icons {
   padding-left: 1px;
   display: flex;
   align-items: center;
   justify-content: start;
   gap: 20px;
   margin-top: 8px;
 }

 .icon {
   width: 24px;
   height: 24px;
 }

 .icon-insta {
   width: 20px;
   height: 20px;
 }

 /* .footer-separator{
  height: 200px;
  width: 1px;
  background-color: white;
  margin: ;
 } */

 .footer-bottom {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   padding: 15px 0px 0px 55px;
 }

 .bottom-links {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 50px;
   margin: 10px 51px 0px 16px;
 }

 .bottom-links span {
   font-size: 14px;
   margin-right: 20px;
   display: inline-block;
   margin-bottom: 10px;
   color: white;
 }

 .icon-small-seller {
   margin-right: 4.5px;
 }

 .icon-small-advertise {
   margin-left: 2px;
   margin-right: 3.75px;
 }

 .icon-small-gift {
   margin-left: 1px;
   margin-right: 4.25px;
 }

 .icon-small-help {
   margin-left: 2px;
   margin-right: 4.25px;
 }

 .bottom-right {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 64px;
   font-size: 14px;
 }

 .bottom-right span {
   padding-top: 3px;
 }

 .payment-icons img {
   padding-top: 5px;
   margin-left: 8px;
 }

 #telephone {
   display: flex;
   justify-content: start;
   gap: 3px;
   align-items: center;
   margin: 0px 0;
 }

 #telephone a {
   margin: 0;
   font-weight: 500;
 }

 #m-filter-wrapper {
   overflow-x: hidden;
 }



 /* css for mobile filter */
 .m-filter-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 14px 20px 14px 12px;
   /* border-bottom: 1px solid #ccc; */

 }

 .m-filter-header-left {
   padding-top: 2px;
   display: flex;
   align-items: center;
   justify-content: start;
   gap: 22px;

 }



 .m-filter-header h2 {
   font-family: "Roboto";
   font-size: 16px;
   font-weight: 400;
   padding: 0 0 2px 1px;
 }

 .m-filter-header .m-back-btn {
   font-size: 20px;
   background: none;
   border: none;
 }

 #m-clear-btn {
   font-family: "Roboto";
   font-size: 13px;
   background: none;
   border: none;
   padding-bottom: 2px;
 }

 .m-filter-body {
   display: flex;
   height: calc(100vh - 53px);
 }

 .m-filter-tabs {
   width: 33.2%;
   background-color: #f1f3f6;
   /* border-right: 1px solid #ccc; */
   overflow-y: auto;
 }

 .m-filter-tabs ul {
   list-style: none;
   font-family: "Roboto";
   padding: 0;
   margin: 0;
   overflow-y: auto;
 }

 .m-tab {
   padding: 12px 13px 12px 16px;
   margin-bottom: 13px;
   height: 43px;
   box-sizing: border-box;
   cursor: pointer;
   /* border-bottom: 1px solid #ddd; */
   font-size: 14px;

 }

 .m-tab.active {
   background-color: white;
   color: #2874f0;
 }

 .m-count {
   color: #2874f0;
   font-size: 12px;
   float: right;
 }

 .m-filter-options {
   flex: 1;
   display: flex;
   padding: 11px 12px 12px 19.25px;
   overflow-y: auto;
 }

 .m-brand-search {
   margin: -4px 0px 20px -3px;
   width: 191px;
   display: flex;
   gap: 10px;
   align-items: center;
   border: solid rgb(225, 225, 225) 1px;
   padding: 10px 13px 10px 12px;
 }

 .m-brand-search img {
   width: 18px;
 }

 .m-brand-search input {
   font-family: "Roboto";
   font-size: 12px;
   border: none;
 }

 .m-brand-search input::placeholder {
   color: rgb(176, 176, 176);
 }

 .m-ram-head {
   display: block;
   font-family: "Roboto Medium";
   color: rgb(135, 135, 135);
   font-size: 12px;
   margin: 1px 0px 26px -3px;
 }

 .m-filter-options label input {
   display: none;
 }

 /* checkmart */
 .checkmark {
   width: 14px;
   height: 14px;
   border: 2px solid black;
   display: inline-block;
   border-radius: 3px;
   background-color: white;
   transition: background-size 0.5s ease;
 }

 .m-filter-options input:checked+.checkmark {
   background-image: url(images/icons/check.png);
   background-repeat: no-repeat;
   background-size: 100%;
 }

 .m-filter-content {
   display: none;
 }

 .m-filter-content.active {
   display: block;
 }

 .m-filter-content label {
   display: flex;
   align-items: center;
   gap: 19px;
   font-family: "Roboto";
   font-size: 14px;
   margin-bottom: 30px;
 }

 #m-product-count {
   font-family: "Roboto Medium";
   display: flex;
   flex-direction: column;
 }

 .prod-count {
   font-size: 16px;
 }

 .found {
   color: rgb(135, 135, 135);
   font-size: 12px;
 }

 .m-filter-footer {
   position: fixed;
   box-sizing: border-box;
   bottom: 0px;
   left: 0;
   width: 100%;
   background: white;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 8px 8px 8px 16px;
 }

 .m-apply-btn {
   font-family: "Roboto Medium";
   background-color: #ff6200;
   color: white;
   padding: 12px 68.5px 12px 64.5px;
   border: none;
   border-radius: 2px;
   font-size: 14px;
 }

 .m-bottom-nav {
   position: fixed;
   bottom: 0;
   width: 100%;
   background: white;
   border-top: 1px solid #ddd;
   display: flex;
   justify-content: space-around;
   padding: 6px 0;
 }

 .m-nav-item {
   text-align: center;
   color: #888;
 }

 .m-nav-item.active {
   color: #2874f0;
 }

 .m-icon {
   width: 24px;
   height: 24px;
 }


 .m-filter-hidden {
   display: none;
 }

 .m-filter-visible {
   display: block;
   position: fixed;
   top: 0;
   left: 0;
   background-color: #fff;
   width: 100%;
   height: 100%;
   z-index: 999;
   overflow: auto;
 }

 .assured-img-3 {
   display: none;
 }

 .m-filter-content {
   display: none;
 }

 .m-filter-content.active {
   display: block;
 }

 .m-filter-visible {
   animation: slideIn 0.3s ease forwards;
 }

 @keyframes slideIn {
   from {
     transform: translateY(100%);
   }

   to {
     transform: translateY(0);
   }
 }


 /* MEDIA QUERY FOR MOBILE 375px */

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

   .lap-header,
   .left-container,
   .product-features,
   .filter-section,
   #pagination,
   .did-you-find,
   footer {
     display: none;
   }

   body {
     zoom: 1 !important;
     background-color: white;
   }

   .main-container {
     max-width: none;
     min-width: 0;
     padding: 0px !important;
   }

   .right-container {
     margin-left: 0;
   }

   #grid-sec {
     display: none;
   }

   #mobile-sec {
     display: block;
     margin-top: 12px;
   }

   .mob-add {
     display: block;
   }

   .product-info {
     flex-direction: column;
   }

   .header-375 {
     display: block;
     background-color: white;
     padding-bottom: 10px;
     border-bottom: 1px solid #e0e0e0;
   }

   .mob-nav-1 {
     height: 52px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 1px solid #e0e0e0;
     padding-left: 12px;
     padding-right: 11px;
   }

   .mob-nav-1-left {
     display: flex;
     align-items: center;
     justify-content: space-evenly;
     gap: 10px;
   }

   .mob-nav-1-right {
     display: flex;
     align-items: center;
     justify-content: end;
     gap: 10px;
   }

   .arrow-mob-nav {
     height: 16px;
     width: 19px;

   }

   .mob-nav-1-head {
     margin-left: 2px;
     font-family: "Roboto";
   }

   .logo-mob-nav {
     padding-left: 1px;
     padding-top: 3px;
     height: 23px;
   }

   .mob-nav-search {
     height: 30px;
     margin-right: 7px;
   }

   .mob-nav-cart {
     height: 20px;

   }

   .mob-nav-1-login {
     font-family: "Roboto";
     font-size: 15px;
     /* -webkit-text-stroke: 0.02px white; */
     font-weight: 400;
     letter-spacing: 0.4px;
     margin-right: 13px;
   }

   .nave {
     display: flex;
     padding: 3px 2px 3px 5px;
   }

   .mob-nav-2 {
     padding: 0 30px;
     display: flex;
     align-items: center;
     justify-content: space-around;
     height: 47px;
     box-sizing: border-box;
     font-size: 14px;
     font-weight: 600;
     border-bottom: 1px solid #e0e0e0;
   }

   .mn-left {
     display: flex;
     align-items: center;
     justify-content: space-between;
   }

   .mn-right {
     display: flex;
     align-items: center;
     justify-content: space-between;
   }

   .mn-left-img {
     height: 20px;
     margin-left: 3px;
   }

   .vertical-line {
     height: 16px;
     left: 2px;
     position: relative;
     width: 1px;
     background-color: #e0e0e0;
   }

   .mn-right-img {
     height: 20px;
     position: relative;
     right: 1px;
   }

   .mn-right-text,
   .mn-left-text {
     color: rgba(17, 17, 18, 1.00);
     margin-left: 8px;
     font-size: 14.75px;
     font-family: "Inter";
     font-weight: 500;
     padding-bottom: 1px;

   }

   .extra-filter-mob {
     line-height: 16px;
     display: flex;
     align-items: center;
     font-family: "Roboto";
     font-size: 12px;
     height: 56px;
     padding: 0 11px;

   }

   .div-5g {
     display: flex;
     justify-content: space-between;
     gap: 4px;
     align-items: center;
     height: 38px;
     margin: 0 4px;
     padding-right: 11px;
     padding-left: 4px;
     border-radius: 4px;
     border: 1px solid #e0e0e0;
   }

   .div-5g img {
     height: 32px;
     margin-right: 4px;
   }

   .text-5g {
     padding-top: 3px;
   }

   .price-range {
     display: flex;
     align-items: center;
     height: 38px;
     width: 101px;
     margin: 0 4px;
     padding-right: 5px;
     padding-left: 4px;
     border-radius: 4px;
     border: 1px solid #e0e0e0;
     line-height: 19px;
     letter-spacing: .01px;
   }

   .price-range img {
     height: 32px;
     margin-right: 8px;
   }

   .price-range-text {
     padding-top: 3px;
   }

   .new-launch {
     display: flex;
     align-items: center;
     height: 38px;
     width: 100px;
     margin: 0 4px;
     padding-right: 5px;
     padding-left: 1px;
     border-radius: 4px;
     border: 1px solid #e0e0e0;
     line-height: 20px;
   }

   .new-launch img {
     margin-left: 3px;
     height: 32px;
     margin-right: 8px;
   }

   .new-launch-text {
     padding-top: 3px;
   }

   .browse-para {
     color: rgb(102, 102, 102);
     font-family: "Roboto";
     font-size: 12px;
     letter-spacing: 0.5px;
     text-align: start;
     margin: 15px 10px 0 10px;

     overflow: hidden;
     line-height: 10px;
     max-height: 10px;
     line-clamp: 1;

   }

   .mobile-list {
     font-family: "Roboto";
     font-size: 12px;
     margin: 10px 10px 0px 10px;

     overflow: hidden;
     line-height: 16px;
     max-height: 16px;
     line-clamp: 1;

   }


   .mobile-list a {
     font-size: 12px;
     text-decoration: none;
     color: rgb(51, 51, 51);
     letter-spacing: 0.3px;
     line-height: 16px;

   }

   #readBtn {

     cursor: pointer;
     font-family: "Roboto";
     font-size: 12px;
     margin: 0 10px;
     border: none;
     color: #2A55E5;
     background-color: white;

   }

   .mob-add {
     width: 100%;
   }

   /* mobile compoennt style; */

   .mcard {
     padding: 12px 26px 12px 6px;
     background-color: #fff;
     /* border-bottom: 1px solid #ddd; */
     font-family: 'Inter', sans-serif;
     width: 100%;
     box-sizing: border-box;
     margin-bottom: 8px;
   }


   .mcard-top {
     display: flex;
     position: relative;
     gap: 12px;
   }

   .mimg {
     height: 110px;
     object-fit: cover;
     flex-shrink: 0;
     margin-top: 9px;
   }

   .minfo {
     flex: 1;
     display: flex;
     flex-direction: column;
     padding-right: 14px;
   }

   .mname {
     font-size: 14.80px;
     font-weight: 500;
     margin-bottom: 5px;
     color: #212121;
     line-height: 20px;
     font-family: "inter_regular";
     letter-spacing: -0.07px;
   }

   .mrating {
     display: flex;
     align-items: center;
     font-family: "Inter";
     gap: 3px;
     margin-bottom: 6px;
     line-height: 16px;
     margin-top: 3px;
     /* margin-left: -1px; */
   }

   .bracket {
     position: relative;
     top: .5px;
   }

   .mstar {
     height: 14px;
     width: 77.5px;
     position: relative;
     top: 0px;
     left: -1px;
   }

   .mrate {
     font-size: 12.75px;
     font-family: "inter_regular";
     color: rgb(113, 116, 120);
     padding-bottom: 2px;
     letter-spacing: .1px;
   }

   .percent-logo {
     height: 12.5px;
     transform: scaleY(106.25%);
     margin-left: 2px;
     position: relative;
     top: -.75px;

   }

   .discount-arrow {
     position: relative;
     top: 3px;
   }


   .massured {
     height: 16px;
     margin-left: 1px;
     padding-bottom: 1px;
     /* width: 59px;  */
   }

   .mprice {
     margin-top: 2px;
     font-family: "inter";
     display: flex;
     align-items: center;
     margin-bottom: 6px;
   }

   .mdiscount {
     /* font-family: "inter";
    font-size: 17px;
    font-weight: 700;
    color: #388e3c; */

     font-size: 18px;
     font-family: "inter_semi_bold";
     letter-spacing: -0.01px;
     color: rgb(0, 140, 0);
   }

   .mstrike {

     margin-left: 5px;
     font-size: 18px;
     font-weight: 500;
     letter-spacing: .25px;

     font-family: "inter_semi_bold";
     color: rgba(113, 116, 120, 1.00);
     text-decoration-line: line-through;
   }

   .msell {
     margin-left: 3.5px;
     font-size: 18px;
     color: #212121;
     letter-spacing: .45px;
     font-family: "inter_semi_bold";
     line-height: 24px;
     color: rgb(17, 17, 18);
   }

   .mbank {
     font-family: Roboto;
     display: flex;
     align-items: center;
     font-size: 12px;
     color: rgba(6, 31, 128, 1.00);
     margin-bottom: 7px;
     padding-left: 1px;
   }

   .serif1 {
     margin-left: 5.5px;
     margin-right: 3px;
     font-family: serif;
     position: relative;
     top: 1px;
   }

   .serif2 {
     font-family: serif;
     position: relative;
     top: -1px;
   }

   .mexchange {
     margin-left: -.25px;
     font-size: 12px;
     font-family: Roboto;
     margin-bottom: 5px;
   }

   .mwarranty {
     font-family: Roboto;
     font-size: 12px;
     color: #555;
     margin-bottom: 2px;
     margin-left: -.25px;
   }

   .mfeatures {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-top: 16px;
     padding-left: 6px;
   }

   .mfeature {
     font-size: 12px;
     border: 1px solid #e2e2e2;
     padding: 6px 8px;
     border-radius: 3px;
     color: rgb(113, 116, 120);
   }

   .m-heart {
     height: 24px;
     position: absolute;
     right: -14px;
     top: -12px;
   }




 }


 /* MEDIA QUERY FOR MOBILE 768px */

 @media screen and (max-width: 1130px) {
   .main-container {
     max-width: none;
     min-width: 0;
     padding: 8px;
   }

   .nav-2 {
     padding-left: 13.5px;
   }

   .nav-cart {
     display: none;
   }

   .nav-2-div:nth-child(2) {
     margin: auto 0px;
   }

   .nav-2-div:nth-child(4) {
     margin: auto 0px;
   }

   .nav-2-div:nth-child(6) {
     margin: auto 0px;
   }

   .nav-2-div:nth-child(8) {
     margin: auto 0px;
   }

   /* .left-container {
    flex: 0 0 222px;
  } */

   /* .dropdowns select { 
    padding: 4px;
    width: 80px;
    font-size: 14px;     
    appearance: none;
    border: 1px rgb(222, 222, 222) solid;
  } */

   .assured-img-2 {
     display: none;
   }

   body {
     zoom: 0.78;
   }

   .assured-img-3 {
     display: block;
     width: 70px;
     height: 21px;
   }

 }