@media only screen and (min-width: 320px)and (max-width: 480px) {
  body {
    width: 108%;
    margin: 2px -104px
  }

  body>header {
    width: 120%;
  }

  .myntra_home {
    height: 37px;
    /* Adjust height as needed */
    width: 37px;
    /* Ensure width adjusts proportionally */
    display: none;
  }

  .nav_bar a {
    display: none;
  }

  .search_bar {
    margin-left: -95%;
    width: 17%;
  }

  .nav-toggle {
    position: absolute;
    margin-left: 123px;
    display: block;
    color: black;
  }

  .search_icon {
    padding: 7px;
  }

  body>header>div.search_bar>input {
    font-size: 9px;
    width: 112px;
    height: 27px;
    position: absolute;
    margin: 2px 38px;
  }

  body>header>div.search_bar>span {
    font-size: 19px;
    height: 7px;
    padding: 10px;
  }

  body>header>div.action_bar>div {
    margin-top: 7px;
    margin-left: 180px;
  }

  body>header>div.action_bar>div>span.material-symbols-outlined.action_icon {
    font-size: 24px;
    margin-left: -51px;
    margin-top: 6px;
  }

  body>header>div.action_bar>div>span.action_name {
    font-size: 10px;
    margin-left: 140px;
  }

  body>main>div.items-container>div>div.rating>div>span {
    font-size: 18px;
    margin: 6px 9px;
  }

  body>main>div.newitems-container>div>div.rating>div>span {
    font-size: 18px;
    margin: 6px 7px;
  }
  body > footer > div.footer_container > div:nth-child(3){
    display: none;
  }
  body>header>div.action_bar>a:nth-child(2)>span.material-symbols-outlined.action_icon {
    font-size: 23px;
    margin-top: 0px;
    margin-left: 1px;
  }

  body>header>div.action_bar>a:nth-child(3)>span.bag-items {
    margin-left: -22px;
    margin-top: 0px;

  }

  body>header>div.action_bar>a:nth-child(2)>span.wish-items {
    margin-left: -10px;
    margin-top: 0px;
  }

  body>header>div.action_bar>a:nth-child(2)>span.action_name {
    font-size: 10px;
    margin-left: -111px;
  }

  body>header>div.action_bar>a:nth-child(2)>span.Wishlist-items {
    margin-left: -111px;
  }

  body>header>div.action_bar>a:nth-child(3)>span.material-symbols-outlined.action_icon {
    font-size: 23px;
    margin-top: 4px;
    color: black;
    margin-left: -5px;
  }

  body>header>div.action_bar>a:nth-child(3)>span.action_name {
    font-size: 10px;
    color: black;
    margin-left: -57px;
  }

  body>header>div.action_bar>a:nth-child(2) {
    margin-left: -69%;
    display: flex;
    margin-top: 14px;
  }

  .action_bar {
    margin-left: -175px;
  }

  .action_container {
    margin-top: 8px;
    margin-left: -22px;
  }

  body>header>div:nth-child(4)>a>img {
    height: 30px;
    width: 37px;
    margin-left: -53px;
  }


  /* For products Body */

  body>main>div.items-container>div.heading {
    margin-left: -182px;
    margin-top: -9px;
  }

  body>main>div.items-container>div.heading>h3 {
    font-size: 1.3rem;
    margin-left: 39px;
  }

  body>main>div.items-container {
    width: 77%;
    margin: 84px 32%
  }

  body>main>div.items-container>div.item-container {
    width: 71px;
    height: 165px;
    margin: 54px 7px;
  }

  body>main>div.items-container>div.item-container>div.rating {
    font-size: 9px;
  }

  body>main>div.items-container>div.item-container>div.rating>div.Wishlist {
    margin-top: -28px;
    margin-left: 60px;
  }

  body>main>div.items-container>div.item-container>div.company-name {
    font-size: 12px;
    margin-top: 6px;
  }

  body>main>div.items-container>div.item-container>div.item-name {
    font-size: 11px;
  }

  body>main>div.items-container>div.item-container>div.price>span.current-price {
    font-size: 9px;
  }

  body>main>div.items-container>div.item-container>div.price>span.original-price {
    font-size: 8px;
    margin-left: -1px;
  }

  body>main>div.items-container>div.item-container>div.price>span.discount {
    font-size: 8px;
    margin-left: -1px;
    text-wrap: balance;
  }

  body>main>div.items-container>div.item-container>button.btn-add-bag {
    font-size: 13px;
    width: 84px;
    padding: 1px 1px;
    margin-top: 5px;
  }

  body>main>div.items-container>div.item-container>div.price {
    margin-top: 6px;
  }

  body>main>div.items-container>div:nth-child(17) {
    display: none;
  }

  /* for TNew arrivals */
  body>main>div.newitems-container>div.heading1 {
    margin-left: -166px;
    margin-top: -28px;
  }

  body>main>div.newitems-container>div.heading1>h3 {
    font-size: 1.3rem;
    margin-left: 25px;
  }

  body>main>div.newitems-container {
   width: 77%;
        margin: 84px 32%
  }

  body>main>div.newitems-container>div.newitem-container {
    width: 71px;
    height: 165px;
    margin: 54px 7px;
  }

  body>main>div.newitems-container>div.newitem-container>div.rating {
    font-size: 9px;
  }

  body>main>div.newitems-container>div.newitem-container>div.rating>div.Wishlist {
    margin-top: -28px;
    margin-left: 60px;
  }

  body>main>div.newitems-container>div.newitem-container>div.company-name {
    font-size: 13px;
    margin-top: 6px;
  }

  body>main>div.newitems-container>div.newitem-container>div.item-name {
    font-size: 11px;
  }

  body>main>div.newitems-container>div.newitem-container>div.price>span.current-price {
    font-size: 9px;
  }

  body>main>div.newitems-container>div.newitem-container>div.price>span.original-price {
    font-size: 8px;
    margin-left: -1px;
  }

  body>main>div.newitems-container>div.newitem-container>div.price>span.discount {
    font-size: 8px;
    margin-left: -1px;
    text-wrap: balance;
  }

  body>main>div.newitems-container>div.newitem-container>button.btn-add-bag {
    font-size: 13px;
    width: 84px;
    padding: 1px 1px;
    margin-top: 5px;
  }

  body>main>div.newitems-container>div.newitem-container>div.price {
    margin-top: 6px;
  }

  body>main>div.woitems-container>div.Men-heading1 {
    margin-left: -148px;
    margin-top: -9px;
  }

  body>main>div.woitems-container>div.Men-heading1>h3 {
    font-size: 1.2rem;
    margin: 4px 6px;

  }

  body>main>div.woitems-container>div.heading {
    margin-left: -148px;
    margin-top: -9px;
  }

  body>main>div.woitems-container>div.heading>h3 {
    margin-top: 4px;
    margin-left: 6px;
    font-size: 1.2rem;
  }

  body>main>.woitems-container {
    width: 83%;
    margin: -19px 27%;
  }

  body>main>div.woitems-container>div:nth-child(17) {
    display: none;
  }

  body>main>div.woitems-container>div:nth-child(21) {
    display: none;
  }

  body>main>div.woitems-container>div.newitem-container {
    width: 71px;
    height: 165px;
    margin: 54px 15px;
  }

  body>main>div.woitems-container>div.newitem-container>div.rating {
    font-size: 9px;
  }

  body>main>div.woitems-container>div.newitem-container>div.rating>div.Wishlist {
    margin-top: -28px;
    margin-left: 60px;
  }

  body>main>div.woitems-container>div.newitem-container>div.company-name {
    font-size: 13px;
    margin-top: 6px;
  }

  body>main>div.woitems-container>div.newitem-container>div.item-name {
    font-size: 11px;
  }

  body>main>div.woitems-container>div.newitem-container>div.price>span.current-price {
    font-size: 9px;
  }

  body>main>div.woitems-container>div.newitem-container>div.price>span.original-price {
    font-size: 8px;
    margin-left: -1px;
  }

  body>main>div.woitems-container>div.newitem-container>div.price>span.discount {
    font-size: 8px;
    margin-left: -1px;
    text-wrap: balance;
  }

  body>main>div.woitems-container>div.newitem-container>button.btn-add-bag {
    font-size: 13px;
    width: 84px;
    padding: 1px 1px;
    margin-top: 5px;
  }

  body>main>div.woitems-container>div.newitem-container>div.price {
    margin-top: 6px;
  }

  /* for footer */
  html body footer {
    margin-left: 32px;
    margin-top: 81px;
  }

  html body footer div.footer_container {
    width: 100%;
    margin-left: 78px;
  }

  html body footer hr {
    width: 123%;
  }

  html body footer div.footer_container div.footer_column h3 {
    font-size: 10px;
  }

  html body footer div.footer_container div.footer_column a {
    font-size: 10px;
  }

  html body footer div.copyright {
    font-size: 10px;
    margin-left: 124px;
  }
  .nav-links {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
  }

  .nav-links a {
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: black;
    font-size: 16px;
  }

  .nav-links a:hover {
    background: #f5f5f5;
  }

  /* Show menu when toggled */
  .nav-links.active {
    display: flex;
  }

}



@media only screen and (min-width:490px) and (max-width : 1023px) {

  .myntra_home {
    height: 26px;
    margin-left: -20px;
  }
  .nav-toggle {
    display: none;
  }
  body > header {
    width: 129%;
  }
  body>header>div:nth-child(4)>a>img {
    display: none;
  }
  body > header {
    width: 129%;
  }


  .nav_bar {
    min-width: 428px;
    padding: 2px 38px;
    justify-content: normal;
  }

  .nav_bar>a {
    font-size: 12px;
  }

  .search_bar {
    width: 29%;
    min-width: 154px;
  }

  
body > main > div.woitems-container > div{
  width: 174px;
  margin: 30px 48px;
}
  .search_input {
    font-size: 9px;
  }

  body>header>div.action_bar>a:nth-child(3) {
    margin-top: 11px;
    margin-left: -25px;
  }

  .action_bar {
    min-width: 114px;
  }

  body>header>div.search_bar>span {
    font-size: 23px;
  }

  body>header>div.action_bar>div>span.material-symbols-outlined.action_icon {
    font-size: 24px;
  }

  body>header>div.action_bar>div>span.action_name {
    font-size: 13px;
  }

  body>header>div.action_bar>a:nth-child(2) {
    margin-left: -148px;
    margin-top: 13px;
  }

  body>header>div.action_bar>div {
    margin-top: 11px;
    margin-left: 61px;
  }

  body>header>div.action_bar>a:nth-child(2)>span.material-symbols-outlined.action_icon {
    font-size: 22px;
  }

  body>header>div.action_bar>a:nth-child(2)>span.action_name {
    font-size: 13px;
  }

  body>header>div.action_bar>a:nth-child(3)>span.material-symbols-outlined.action_icon {
    font-size: 23px;
  }

  body>header>div.action_bar>a:nth-child(3)>span.action_name {
    font-size: 13px;
  }

  .Men-heading1 {
    margin-right: -640px;
    margin-top: -32px;
  }

  body>main>div.woitems-container>div.Men-heading1>h3 {
    margin-left: -115px;
  }

  /* for products */
  .item-container,
  .newitem-container {
    width: 174px;
    margin: 30px 48px;
  }

  body>main>div:nth-child(1) {
    width: 120%;
margin-left: 0%;

  }
 
  body>main>div.items-container>div>div.rating>div>span {
    font-size: 25px;
    margin: 9px 115px;
  }

  body>main>div.woitems-container>div>div.rating>div>span {
    font-size: 25px;
    margin: 9px 55px;
  }

  body>main>div.newitems-container>div>div.rating>div>span {
    font-size: 25px;
    margin: 9px 55px;
  }

  body>main>div.woitems-container>div.heading>h3 {
    margin-left: -463px;
    margin-top: -98px;
  }

  body>header>div.action_bar>a>span.material-symbols-outlined.action_icon {
    font-size: 26px;
    color: black;
  }

  .newitems-container {
    width: 120%;
    margin-left: 0%;
  }

  .item-container>img {
    width: 140%;
    height: 72%;
  }

  .items-container .heading {
    margin-left: -563px;
    margin-top: -35px;
  }

  body>main>div.items-container>div.heading>h3 {
    font-size: 2rem;
  }

  div.rating>div {
    margin-left: 102px;
  }

  .newitem-container>img {
    width: 140%;
    height: 72%;
  }

  body>main>div.newitems-container>div.heading1 {
    margin-left: -580px;
    margin-top: -47px;
  }

  body>main>div.newitems-container>div.heading1>h3 {
    font-size: 2rem;
  }

  .rating {
    font-size: 10px;
  }

  .company-name {
    font-size: 15px;
  }

  .item-name {
    font-size: 13px;
  }

  span.current-price {
    font-size: 11px;
  }

  span.original-price {
    font-size: 11px;
    margin-left: 0px;
  }

  span.discount {
    font-size: 11px;
    margin-left: 0px;
  }

  .btn-add-bag {
    font-size: 14px;
    width: 140%;

  }

  /* for fotter */
  body>footer>div.copyright {
    text-align: center;
  }
  body > header > a {
    display: none;
  }
  body>footer>hr {
    width: 129%;
  }
  body > header > a{
    display: none;
  }
  body > footer > div.footer_container{
  width: 129%;
}
  /* /* for Bag Items */
  /* body > header{
    width: 120%;
  }
  .action_bar{
    margin-left: -103px
  }  */
}

/* @media only screen and (min-width: 1024px) and (max-width: 1024px) {
  body > main > div.woitems-container > div.Men-heading1 > h3 {
      margin-left: 11px;
  }
} */