/* Media Queries start*/

@media screen and (max-width: 1440px) and (min-width: 20px) {
  @media screen and (max-width: 1024px) and (min-width: 20px) {
    .header {
      height: 115px;
      flex-direction: column;
      justify-content: space-around;
      align-items: stretch;
    }
    .mobile_head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      margin-top: 18px;
    }
    .nav_hidden {
      display: none;
      top: 110px;
      right: 2%;
      width: 30%;
      padding-left: 10px;
    }
    .nav_hidden .name h6 {
      margin-top: 10px;
    }
    .nav_hidden a img {
      margin-right: 5px;
    }
    .nav_hidden li {
      padding: 15px 10px;
      display: flex;
      align-items: center;
      font-size: 14px;
    }
    .nav_hidden li img {
      width: 20px;
      height: 20px;
      margin-right: 12px;
    }
    .hover_nav {
      width: 85%;
      padding: 50px 10px 10px;
      gap: 3%;
      flex-wrap: wrap;
    }
    .hover_nav .sect {
      padding-left: 3.5%;
    }
    .hover_nav .sect h5 {
      font-size: 14px;
      line-height: 16px;
      margin: 10px;
    }
    .hover_nav .sect li {
      font-size: 10px;
      padding: 5px 0;
    }
    .off_img {
      height: 100px;
      width: auto;
      padding: 8% 20px;
      margin-top: 20px;
    }

    .nav {
      display: none;
    }
    .device,
    .call,
    .follow,
    .user {
      display: none;
    }
    .burger {
      display: block;
    }
    .icons {
      display: none;
    }
    .search_sec {
      margin-left: 0;
      flex-direction: column;
      align-items: stretch;
    }
    .search_sec {
      flex-direction: column;
      align-items: stretch;
    }
    .search input {
      width: 100%;
    }

    .search_sec {
      margin-left: 0 !important;
      flex-direction: row;
      justify-content: center;
    }
    .search {
      flex-grow: 2;
    }
    .select {
      flex-grow: 1;
    }
    .search input {
      width: 100%;
      flex-grow: 1;
      margin-right: 0;
    }
    .search img {
      right: 1%;
    }
    .cart {
      display: block;
    }

    .hero_section {
      flex-direction: column;
      background-position: 20%;
      padding: 100px 20px;
      height: 100%;
      text-align: center;
    }
    .hero_content h3 {
      font-size: 18px;
    }
    .hero_content h1 {
      font-size: 30px;
      line-height: 40px;
    }

    .category_section {
      padding: 20px 0;
    }
    .product_head {
      margin: 0 20px;
    }
    .product_head h2,
    .product_head a {
      font-size: 24px;
      margin-bottom: 20px;
    }
    .categories {
      gap: 15px;
      margin: 0 20px;
    }
    .category {
      width: 21%;
    }
    .category h3{
      margin-top: -20px;
      font-size: 10px;
    }
    .toviewall {
      font-size: 10px;
      height: 67%;
    }

    .cat_img {
      width: 100%;
    }
    .cat_img img {
      width: 100%;
    }
  }

  .shirt_container {
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 20px;
    justify-content: center;
  }
  .shirt_product {
    width: 46%;
  }

  .shirt_product img {
    width: 100%;
  }
  .shirt_top {
    margin-top: -122%;
    padding-right: 10px;
  }
  .shirt_top img:last-child {
    width: 12px;
  }
  .shirt_top img {
    width: 30px;
  }
  .bottom_name {
    margin: 5px;
    margin-top: 105%;
  }
  .bottom_name h5{
     font-size: 10px;
  }    
  .onhover_product {
    padding: 0 10px;
    margin-bottom: 10px;
  }
  .onhover_product p{
    font-size: 10px;
  }
  .onhover_product .price{
    padding: 10px 0 0 20px;
    font-size: 10px;
  }
  .dash{
    font-size: 16px;
  }
  .price {
    padding-left: 5px;
    padding-top: 0;
  }
  .star,
  .price {
    font-size: 10px;
  }
  .star img {
    height: 14px;
  }
  .btn_cart {
    padding: 3px;
    font-size: 10px;
    margin: 0;
    margin-bottom: 10px;
  }
  .onclick_cart {
    padding: 20px;
    width: 80%;
    left: 10%;
  }
  .onclick_cart .top_images {
    width: 100%;
    border: none;
    padding-right: 0;
  }
  .onclick_cart .single_right{
    padding-left: 0;
  }
  .onclick_cart .single_right h2 {
    font-size: 18px;
}
.wish_share{
  margin-left: 0;
}
.closebtn{
  top: -50px;
}
.closebtn button img{
  width: 12px;
  margin: 8px 11px;
  margin-top: 13px;
}

  .off_images {
    margin: 20px;
    flex-direction: column;
    gap: 20px;
  }
  .off_images img {
    width: 100%;
  }
  .off_img_one h4,
  .off_img_two h4 {
    margin-top: 50px;
    font-size: 20px;
  }
  .off_img_one h2 {
    font-size: 32px;
    margin-bottom: 50px;
  }
  .off_img_two h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .off_img_two h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .off_img_two {
    background-position: 30%;
  }
  .jacket_section {
    margin: 20px 0;
  }
  .testimonial {
    margin-top: 20px;
  }
  .client_review {
    margin: 0 auto;
  }
  .client_review .one {
    left: 10px;
  }
  .client_review .two {
    right: 10px;
    bottom: -20px;
  }
  .left_arrow {
    top: 70%;
    left: 5%;
  }
  .right_arrow {
    top: 70%;
    right: 5%;
  }

  /* .latest_blog {
    margin: 0 20px;
    margin-top: 20px;
  }
  .blog_box {
    width: 32%;
  }
  .blog_box img {
    width: 100%;
  }
  .blog_info {
    font-size: 10px;
    padding: 5px;
    bottom: 15px;
    margin: 0 5px;
  }
  .blog_cat img {
    width: 15px;
  }
  .blog_info h4 {
    font-size: 12px;
    padding: 0;
    margin: 0;
  }
  .blog_info a {
    font-size: 10px;
    padding-top: 10px;
  } */

  .store_wrap{
    display: flex;
    gap: 20px;
    margin: 0 20px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .store{
    width: 46%;
  }
  .store_bottom h5{
    font-size: 14px;
    padding-top: 10px;
  }
  .store_bottom .star{
    padding: 10px 0;
  }
  .store_bottom .btn_cart{
    font-size: 10px;
  }
  .store_bottom .btn_cart img{
    height: 7px;
    width: 5px;
  }
  .brand {
    margin: 20px;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .brand img {
    width: 150px;
  }

  .footer {
    padding: 0 20px;
  }
  .footer_container {
    padding-top: 50px;
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
  }
  .foot_left {
    padding-left: 20px;
    text-align: center;
    gap: 20px;
    width: 100%;
    margin: 0 auto;
  }
  .foot_left img {
    margin: 0 auto;
  }
  .subscribe input {
    height: 50px;
    width: 80%;
  }
  .foot_right {
    flex-direction: column;
    gap: 40px;
  }
  .footer .sect {
    padding-left: 20px;
    text-align: center;
  }
  .footer .sect h5 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  /* Product page */
  .left_control {
    width: 50%;
  }
  .select_category h5 {
    font-size: 14px;
  }
  .select_category li,
  .select_category label {
    font-size: 12px;
  }
  .select_category li img {
    height: 10px;
  }
  .select_category button {
    margin-top: 20px;
    float: left;
  }
  .product_top h5 {
    font-size: 15px;
  }
  .sort_product {
    width: 120px;
  }
  .sort_product .default {
    margin: 5px 3px;
  }
  .sort_product img {
    top: 4px;
    margin-left: 4px;
  }
  .products .shirt_container .shirt_product {
    width: 70%;
  }

  .single_top {
    flex-wrap: wrap;
    gap: 20px;
  }
  .top_images {
    display: grid;
    justify-content: space-between;
    gap: 6%;
    width: 100%;
  }
  .single_right {
    width: 100%;
  }
  .single_right h2 {
    font-size: 28px;
  }
  .single_right h5 {
    font-size: 16px;
    padding-right: 0%;
  }
  .single_right .seller_cart {
    margin-right: 20px;
  }

  .message {
    margin-left: 20px;
  }
  .message p {
    font-size: 12px;
  }
  .single_btn {
    width: 100%;
  }
  .top_images {
    gap: 20px !important;
  }
  .top_images img {
    width: 80%;
  }
  .top_images .img_one {
    grid-column: 1;
    grid-row: 3;
  }
  .top_images .img_two {
    grid-column: 2;
    grid-row: 3;
  }
  .top_images .img_three {
    grid-column: 3;
    grid-row: 3;
  }
  .top_images img:last-child {
    grid-column: 1 / span 3;
    grid-row: 1 / span 2;
    width: 100%;
  }
  .description,
  .video_wrap,
  .reviews,
  .queries {
    padding: 20px;
  }
  .review {
    flex-wrap: wrap;
    gap: 15px;
  }
  .rev_info {
    width: 150px;
  }
  .reviews button {
    margin-left: 30%;
    width: 40%;
  }
  .single_product .shirt_section {
    margin: 50px -20px;
  }

  .all_seller_section h1 {
    font-size: 40px;
    line-height: 70px;
    width: 200px;
  }
  .sellers_wrap {
    justify-content: center;
  }

  .cart_section {
    flex-direction: column;
  }
  .cart_product,.my_cart {
    flex-direction: column;
  }
  .product_detail h4{
    font-size: 18px;
    margin-top: 20px;
  }
  .delivary {
    border: none;
    border-top: 1px solid #03254c;
    margin-top: 10px;
    padding-top: 10px;
  }
  .item_price {
    margin-top: 20px;
    width: 40%;
    justify-content: space-between;
  }
  .item_price button{
    padding: 5% 7px;
    border-radius: 4px;
  }
  .add_remove {
    gap: 10px;
  }
  .add_remove button{
    border-radius: 7px;
  }
  .add_remove button img{
    width: 12px;
    height: 12px;
  }
.club_point_offer, .safety, .safety p{
  flex-direction: column;
  text-align: center;
  width: 100%;
}
.cart_btns_process button {
  font-size: 16px;
}

.full_cart{
  flex-direction: column;
  flex-basis: 100%;
  gap: 40px;
}
.payment_sect, .full_cart .cart_section{
  width: 100%;
}
.all_head{
  padding: 0 10px;
}
.all_head *{
  gap: 10px;
}
.all_head button{
  font-size: 12px;
  padding: 5px 10px;
}
.address{
  gap: 10px;
}
.location p{
  width: 100%;
}
.payment .pay_btns button{
  font-size: 14px;
}
.input_pay input{
  width: 100%;
  font-size: 12px;
  margin-bottom: 20px;
}
.input_pay a{
  left: 75%;
  font-size: 12px;
}
.input_pay input, .desc_atm select, .desc_atm .paybtnselect{
  width: 100%;
}
.desc_atm input, .desc_atm button{
  width: 90%;
}
.desc_atm button{
  margin-top: 20px;
}
.payment_opt .card_sec button{
  height: 32px;
  padding: 5px 10px;
}

.signup_phone, .signup_email , .login{
  padding: 50px 20px;
}
.signup_phone input, select, .email_main input, .login_main input{
  height: 40px;
}
.signup_phone input[type=number]{
  max-width: 78%;
}
.signup_phone select{
  padding-left: 5px;
  width: 18%;
  margin-right: 8px;
}
.phone_main h5, .email_main h5, .login_main h5{
  font-size: 14px;
}
.messages{
  padding: 20px;
}
.msg_box{
  flex-wrap: wrap;
  gap: 20px;
}
.user_info h5{
  font-size: 16px;
}
.msg{
  width: 100%;
}
.msg h3{
  font-size: 18px;
  padding-bottom: 20px;
}
.messages button{
  margin-left: 70%;
}
.comparision table img{
  width: 95%;
}
.comparision table button{
  width: 100px;
}
.wallet_sec{
  flex-wrap: wrap;
}
.wallet{
  width: 100%;
  margin:15px 0;
}

.address_wrap {
  flex-wrap: wrap;
}
.address_saved, .add_address, .address_wrap {
  width: 100%;
  padding: 35px 10px;
}
.address_saved{
  flex-wrap: wrap;
}
.add_address,.add_form{
  width: 95%;
}

.order_section{
  padding:25px 10px;
}
.point_top h2{
  font-size: 18px;
}
table tr td, table tr th{
  font-size: 10px;
  padding-right: 10px;
}
.pagination li{
  padding: 0px;
}
.pagination li a {
  padding:3px 4px;

}
















  @media screen and (min-width: 768px) {
    .nav_hidden {
      width: 20%;
      margin-top: 0;
    }
    .hover_nav {
      width: 55%;
      justify-content: space-between;

    }
    .hover_nav .sect h5 {
      font-size: 18px;
      line-height: 24px;
      margin: 15px 0;
    }
    .hover_nav .sect li {
      font-size: 14px;
      padding: 8px 0;
    }
    .off_img {
      height: 160px;
    }

    .product_head{
      font-size: 20px;
    }

    .category_section {
      padding: 30px 0;
    }
    .category h3{
      font-size: 18px;
    }
    .toviewall {
      font-size: 18px;
      height: 85%;
    }
    .shirt_product {
      width: 22%;
    }
    .shirt_top {
      margin-top: -120%;
    }
    .bottom_name {
      margin: 0px 10px;
      margin-top: 109%;
    }
    .bottom_name h5{
      font-size: 16px;
      margin-bottom: 10px;
   }
    .price {
      margin-left: 5px;
      font-size: 16px;
    }
    .star{
      font-size: 16px;
    }
    .onclick_cart .top_images {
      width: 50%;
      padding-right: 20px;
      border-right: 2px solid #000;
    }


    .off_images {
      flex-direction: row;
      gap: 0px;
    }
    .off_images img {
      width: 26%;
    }
    .off_img_one h2,
    .off_img_two h2 {
      margin-bottom: 20px;
      width: 100%;
      font-size: 24px;
    }
    .off_img_two h3 {
      width: 100%;
      margin-top: 0;
      font-size: 20px;
      padding-bottom: 30px;
    }
    /* .latest_blog {
      margin: 0 20px;
      margin-top: 100px;
    }
    .blog_box {
      width: 32%;
    }
    .blog_box img {
      width: 100%;
    }
    .blog_info {
      font-size: 14px;
      padding: 10px;
      bottom: 30px;
      margin: 0 10px;
    }
    .blog_cat img {
      width: 20px;
    }
    .blog_info h4 {
      font-size: 18px;
      padding: 5px 0;
    }
    .blog_info a {
      font-size: 14px;
      padding-top: 10px;
    } */

    .store{
      width: 22%;
    }
    
    .brand img {
      width: 15vw;
    }
    .foot_right {
      flex-direction: row;
      gap: 40px;
      justify-content: space-evenly;
    }
    /* product page */
    .left_control {
      width: 23%;
    }
    .sort_product {
      width: 150px;
    }
    .sort_product img {
      top: 4px;
      margin-left: 10%;
    }
    .products .shirt_container .shirt_product {
      width: 30%;
    }
    .single_top {
      flex-wrap: nowrap;
      gap: 20px;
      align-items: center;
    }
    .single_right {
      width: 50%;
    }
    .top_images{
      width: 50%;
    }
    .top_images .img_one {
      grid-column: 1;
      grid-row: 1;
    }
    .top_images .img_two {
      grid-column: 1;
      grid-row: 2;
    }
    .top_images .img_three {
      grid-column: 1;
      grid-row: 3;
    }
    .top_images img:last-child {
      grid-column: 2 / span 2;
      grid-row: 1 / span 3;
    }
    .single_right {
      margin-top: 40px;
    }
    .product_top h5 {
      font-size: 20px;
    }
    .reviews button {
      margin-left: 40%;
      width: 20%;
    }


    .delivary {
      border: none;
    border-left: 1px solid #03254c;
  }

  .cart_section {
    flex-direction: column;
  }
  .cart_product,.my_cart {
    flex-direction: row;
  }
    .item_price {
      width: 35%;
      justify-content: space-between;
    }
    .p_btns {
      margin-left: 0;
    }
    .p_btns img:first-child {
      height: 100%;
      grid-column-start: 1;
      grid-row-start: 1;
      grid-row-end: 4;
    }
    .add_remove button img{
      width: 12px;
      height: 12px;
    }

    .payment_opt .card_sec button{
      height: 42px;
      padding: 8px 10px;
    }
    .desc_atm input, .desc_atm button, .input_pay input, .desc_atm select, .desc_atm .paybtnselect{
      width: 360px;
    }
    .input_pay a{
      left: 300px;
    }
    
    .signup_phone, .signup_email , .login{
      padding: 50px;
    }
    .signup_phone input, select, .email_main input, .login_main input{
      height: 60px;
    }
    .signup_phone input[type=number]{
      max-width: 82%;
    }
    .signup_phone select{
      width: 15%;
    }
    .phone_main h5, .email_main h5, .login_main h5{
      font-size: 18px;
    }
    .msg_box{
      flex-wrap: nowrap;
    }
    .msg{
      width: 65%;
    }
    .messages button{
      margin-left: 90%;
    }
    .wallet_sec{
      flex-wrap: nowrap;
    }


    .order_section{
      padding:25px 20px;
    }
    .point_top h2{
      font-size: 24px;
    }
    table tr td, table tr th{
      font-size: 14px;
      padding-right: 10px;
    }
    .pagination li{
      padding: 5px;
    }
    .pagination li a {
      padding:5px 8px;
    } 


  }
}



















@media screen and (max-width: 1760px) and (min-width: 1025px) {
  .nav_hidden {
    width: 160px;
    margin-top: 0;
    right: -3%;
  }
  .hover_nav {
    width: 55%;
    padding: 20px;
  }
  .nav li {
    padding: 30px 10px;
  }
  .search_sec {
    margin-left: 0%;
  }
  .search input {
    width: 24vw;
    margin-right: 0;
  }
  .icons img {
    padding: 0 10px;
  }

  .shirt_product {
    width: 18%;
  }
  .shirt_top {
    margin-top: -122%;
    padding-right: 10px;
  }
  .shirt_top img:first-child{
    width: 45px;
  }
  .shirt_top img{
    width: 25px;
  }
  .bottom_name {
    margin: 0 15px;
    margin-top: 110%;
    font-size: 20px;
  }
  .price{
    margin-left: 10px;
  }
  .icons img {
    padding: 0 10px;
  }
  .top_images {
    gap: 20px;
  }
  .top_images img {
    width: 100%;
  }
  .wish_share{
    margin-left: -10%;
  }

  .store_wrap{
    flex-wrap: nowrap;
  }
  .store_bottom h5{
    font-size: 18px;
    padding-top: 10px;
  }
  .store_bottom .btn_cart {
    font-size: 14px;
}
.store_bottom .btn_cart img {
  height: 10px;
  width: 7px;
}

  .cart_section {
    flex-direction: row;
  }
  .cart_product,.my_cart {
    flex-direction: row;
  }
  .add_remove {
    gap: 10px;
  }
  .add_remove button img{
    width: 16px;
    height: 16px;
  }

  .full_cart{
    flex-direction: row;
  }
  .location p{
    width: 70%;
  }
  .desc_atm input, .desc_atm button, .input_pay input, .desc_atm select, .desc_atm .paybtnselect{
    width: 240px;
  }
  .input_pay input{
    margin-bottom: 20px;
  }
  .input_pay a{
    left:  180px;
  }

  .desc_atm .date input{
    width: 200px;
  }
  .desc_atm .cvv input{
    width: 80px;
  }
  .desc_atm .cvv img{
    left: 55px;
  }
  .payment_opt .card_sec button{
    height: 52px;
    padding: 10px 15px;
  }

  .address_saved, .add_address, .address_wrap {
    width: 100%;
    padding: 35px 30px;
  }
  .address_saved, .address_wrap{
    flex-wrap: nowrap;
  }
  .add_address,.add_form,.address_saved{
    width: 50%;
  }

  .order_section{
    padding:25px 30px;
  }
  .point_top h2{
    font-size: 30px;
  }
  table tr td, table tr th{
    font-size: 16px;
    padding-right: 10px;
  }
  .pagination li{
    padding: 10px;
  }
  .pagination li a {
    padding: 6px 10px;
  
  }
}

/* Media Queries ends*/