style2.css

   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */
   /* =========================================================(max-width:1010px) and (min-width:767px) ==================================================================== */
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */

   @media all and (max-width:1024px) and (min-width:767px) {
       #sec_nav a {
           display: none;
       }
        #sec_nav .continue_btn a{
        display: block;
       }
       #sm-search {
           display: block;
           border: 1px solid red;
           border-bottom-width: 3.5px;
           width: 300px;
           height: 35px;
           border-radius: 20px;
           outline: red;
           margin-left: 13%;
           text-align: center;
           padding-left: 20px;
           padding-right: 40px;
       }

       .product .pro_buy_btn {
           opacity: 1;
       }
       #sec_nav  .empty a{
        display: block;
      }
   }


   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */
   /* =========================================================(max-width:1010px) and (min-width:767px)==================================================================== */
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */






   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */
   /* =========================================================(max-width:767px) and (min-width:569px)==================================================================== */
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */



   @media all and (max-width:767px) and (min-width:569px) {

       /* body{
        margin-right:-200px
    } */
       #j {
           font-size: 15px;
       }

       .account {
           font-size: 15px;
       }

       #a {
           margin: -35px 0px 0px;
       }

       #p {
           margin: -20px 0px 0px;
       }

       #sec_nav a {
           display: none;
       }

       .product {
           width: 50%;
       }

       .product .pro_buy_btn {
           opacity: 1;
       }

       #big_name {
           margin-top: -40px;
       }

       #caption {
           margin-top: -10px;
           margin-bottom: 5px;
       }

       .fa-search {
           padding-top: -10px;
       }

       #auto__banner {
           margin-top: -15%;
       }

       .achivment {
           margin-top: -14%;
       }

       .qe,
       .cey,
       .ip {
           margin-left: -10px;
       }

       .y {
           margin-left: 5px;
       }

       .bgimg3 {
           background-size: cover;
           height: 80vw;
           width: 100%;
       }

       .about {
           padding: 5%;
           width: 50%;
           height: 100%;
           background-color: white;
       }

       .about h1 {
           font-size: 4vw;
       }

       .about h2 {
           color: rgb(15, 15, 15);
       }

       .about h4 {
           font-size: 2vw;
           color: rgb(117, 117, 117);
           font-weight: 500;
       }

       #TESTIMONIALS {
           height: 30vw;
       }

       #testimonials_img img {
           width: 15%;
           border-radius: 50%;
           margin-top: -8%;
           border-radius: 10%;
       }

       #TESTIMONIALS h1 {
           margin-top: -0px;
           font-size: 3vw;
           color: #777676;
       }

       #TESTIMONIALS h2 {
           padding-top: 20px;
           font-size: 1.5vw;
           padding-bottom: 100px;
           color: black;
           font-weight: 900;
       }

       .mid_range_map {
           display: block;
       }

       .large_range_map {
           display: none;
       }

       [class~=google_maps] iframe {
           min-height: 95vw;
       }

       #contect_us {
           font-size: 3vw;
       }

       #contect_section {
           width: 70%;
           margin-bottom: -100%;
           margin-right: 0%;
       }

       #first_name,
       #last_name {
           font-size: 2vw;
       }

       #email {
           font-size: 2.1vw;
       }

       #aim {
           font-size: 2vw;
       }

       #message {
           font-size: 2vw;
       }

       .f_q_full p {
           font-size: 1.8vw
       }


       .all {
           margin: 10px;
       }

       .modal-size {
           margin-bottom: 3%;
       }

       .sproduct h6 {
           padding-top: 10%;
       }

       .swal-modal {
           margin-top: 100%;
       }

       .swal-text {
           font-size: small;
       }

       .searchbar form {
           display: none;
       }

       #search-icon {
           display: none;
       }

       #sm-search {
           display: block;
           border: 1px solid red;
           border-bottom-width: 3.5px;
           width: 300px;
           height: 35px;
           border-radius: 20px;
           outline: red;
           margin-left: 5%;
           text-align: center;
           padding-left: 20px;
           padding-right: 40px;
       }

       /* .sm-search-btn{
        display: block;
        background-color: #ff1111;
        width: 35px;
        height: 35px;
        border-radius: 50px;
        font-size: larger;
        text-align: center;
        padding-top: 4px;
        position: absolute;
        left: 69.5%;
    } */
       .modal-size {
           width: 98.5%;
           left: 0%;
           top: -47%;
       }

       .modal-open .modal {
           overflow-y: hidden;
       }

       .modal {
           height: 110%;
       }

       .container2 {
           flex-direction: column;
       }

       .left-column,
       .right-column {
           width: 100%;
       }

       .right-column {
           margin-top: 5%;
       }

       .left-column img {
           width: 50%;
           height: 400px;
           /* border: 1px solid red; */
           /* margin-top: -550px; */
           margin-left: 25%;
           /* margin-bottom: 100px; */
       }

     
       .topNevbar {
           margin-top: 5%;
           margin-bottom: 5%;
           border: 1px solid ridge;
           font-size: 80%;
       }

       .img_name {
           font-size: 100%;
       }



       .shipping_address__order_summary {
           display: block;
       }

       .order_summary {
           display: block;
           /* margin-top: 150%; */
           position: relative;
           width: 90%;
           margin-top: 2%;
           margin-left: 8%;
           /* margin-right: 2%; */
           height: fit-content;
       }

       .shipping_address_area {
           margin-top: 0%;
           width: 90%;
           font-size: 80%;
       }

   }


   #sec_nav_img span a,
   #cart_nav_img span a {
       display: block;
   }

   #sec_nav  .empty a{
    display: block;
  }


   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */
   /* =========================================================(max-width:767px) and (min-width:569px) ==================================================================== */
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */






   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */
   /* =========================================================(max-width:568px) and (min-width:414px) ==================================================================== */
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */

   @media all and (max-width:568px) and (min-width:414px) {
       body {
           width: 150%;
           border: 1px solid white;
           border-right-style: none;
           border-top-style: none;
       }

       #loading {
           position: fixed;
           width: 100%;
           height: 150vh;
           background: #ffffff url(img/img/Ripple-1s-600px.gif) no-repeat center;
           z-index: 99999;
       }

       #j {
           font-size: 15px;
       }

       .account {
           font-size: 15px;
       }

       #a {
           margin: -35px 0px 0px;
       }

       #p {
           margin: -20px 0px 0px;
       }

       #sec_nav a {
           display: none;
       }

       .product {
           width: 50%;
       }

       .product .pro_buy_btn {
           opacity: 1;
       }

       #big_name {
           margin-top: -30px;
       }

       #caption {
           margin-top: -10px;
           margin-bottom: 5px;
       }

       .fa-search {
           padding-top: -10px;
       }

       #auto__banner {
           margin-top: -15%;
       }

       .achivment {
           margin-top: -14%;
       }

       .qe,
       .cey,
       .ip {
           margin-left: -10px;
       }

       .y {
           margin-left: 5px;
       }

       .bgimg3 {
           background-size: cover;
           height: 80vw;
           width: 100%;
       }

       .about {
           padding: 5%;
           width: 50%;
           height: 100%;
           background-color: white;
       }

       .about h1 {
           font-size: 4vw;
       }

       .about h2 {
           color: rgb(15, 15, 15);
       }

       .about h4 {
           font-size: 2vw;
           color: rgb(117, 117, 117);
           font-weight: 500;
       }

       #TESTIMONIALS {
           height: 30vw;
       }

       #testimonials_img img {
           width: 15%;
           border-radius: 50%;
           margin-top: -8%;
           border-radius: 10%;
       }

       #TESTIMONIALS h1 {
           margin-top: -0px;
           font-size: 3vw;
           color: #777676;
       }

       #TESTIMONIALS h2 {
           padding-top: 20px;
           font-size: 1.5vw;
           padding-bottom: 100px;
           color: black;
           font-weight: 900;
       }

       .mid_range_map {
           display: block;
       }

       .large_range_map {
           display: none;
       }

       [class~=google_maps] iframe {
           min-height: 300vw;
       }

       #contect_us {
           font-size: 3vw;
       }

       #contect_section {
           width: 100%;
           position: absolute;
           margin-top: 165%;
           margin-left: 25%;
       }

       #first_name,
       #last_name {
           font-size: 3vw;
       }

       #email {
           font-size: 3.1vw;
       }

       #aim {
           font-size: 3vw;
       }

       #message {
           font-size: 3vw;
       }

       .f_q_full p {
           font-size: 1.8vw;
       }

       .q_a1 {
           margin-top: 5%;
           width: 100%;
       }

       .q_a2 {
           width: 100%;
       }

       .q_a3 {
           width: 100%;
       }

       .q_a4 {
           margin-bottom: 10%;
           width: 100%;
       }


       .all {
           margin: 10px;
       }

       .modal-size {
           margin-bottom: 3%;
       }

       .sproduct h6 {
           padding-top: 10%;
       }

       .swal-modal {
           margin-top: 100%;
       }

       .swal-text {
           font-size: small;
       }

       .searchbar form {
           display: none;
       }

       #search-icon {
           display: none;
       }

       #sm-search {
           display: block;
           border: 1px solid red;
           border-bottom-width: 3.5px;
           width: 300px;
           height: 35px;
           border-radius: 20px;
           margin-left: 5%;
           outline: red;
           text-align: center;
           padding-left: 30px;
           padding-right: 30px;
       }

       /* .sm-search-btn{
        display: block;
        background-color: #ff1111;
        width: 35px;
        height: 35px;
        border-radius: 50px;
        font-size: larger;
        text-align: center;
        padding-top: 4px;
        position: absolute;
        left: 69.5%;
    } */



    .topNevbar {
        margin-top: 5%;
        margin-bottom: 5%;
        border: 1px solid ridge;
        font-size: 80%;
    }

    .img_name {
        font-size: 100%;
    }



    .shipping_address__order_summary {
        display: block;
    }

    .order_summary {
        display: block;
        /* margin-top: 150%; */
        position: relative;
        width: 90%;
        margin-top: 2%;
        margin-left: 8%;
        /* margin-right: 2%; */
        height: fit-content;
    }

    .shipping_address_area {
        margin-top: 0%;
        width: 90%;
        font-size: 80%;
    }








    .topNevbar a {
        text-decoration: none;
        align-self: center;
        color: rgba(73, 73, 254, 0.742);
        font-weight: 630;
        /* border: 1px solid red; */
    }

    .back_to_shopping {
        position: absolute;
        right: -35%;
        margin: 1%;
        margin-top: 0.7%;


        /* border: 1px solid red; */
    }







       .modal-size {
           width: 98.5%;
           /* height: 90px; */
           /* position: relative; */
           left: 0%;
           /* right: 69%; */
           /* margin-left: -500px; */
           /* margin-right: 1%; */
           /* margin: auto; */
           /* margin-top: 1%; */
           top: -45.5%;
       }

       .modal-open .modal {
           overflow-y: hidden;
       }

       .modal {
           background-color: rgba(255, 255, 255, 0.856);
           height: 100%;
           /* padding-bottom: -50%; */
       }

       .container2 {
           flex-direction: column;
           /* margin-top: 550px; */
       }

       .left-column,
       .right-column {
           width: 100%;
       }

       .right-column {
           margin-top: 8%;
       }


   }



   #sec_nav_img span a,
   #cart_nav_img span a {
       display: block;
   }

   #sec_nav  .empty a{
    display: block;
  }
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */
   /* =========================================================(max-width:568px) and (min-width:414px) ==================================================================== */
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */







   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */
   /* =========================================================(max-width:414px) and (min-width:300px) ==================================================================== */
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */


   @media all and (max-width:414px) and (min-width:300px) {
       body {
           width: 200%;
           border: 1px solid white;
           border-right-style: none;
           border-top-style: none;
       }

       #loading {
           position: fixed;
           width: 100%;
           height: 200vh;
           background: #ffffff url(img/img/Ripple-1s-600px.gif) no-repeat center;
           z-index: 99999;
       }

       #j {
           font-size: 15px;
       }

       .account {
           font-size: 15px;
       }

       #a {
           margin: -35px 0px 0px;
       }

       #p {
           margin: -20px 0px 0px;
       }

       #sec_nav a {
           display: none;
       }

       .product {
           width: 50%;
       }

       .product .pro_buy_btn {
           opacity: 1;
       }

       /* .name_caption{
        padding-bottom: 20%;
    } */
       .banner {
           height: 50vw;
       }

       #big_name {
           margin-top: -25px;
           margin-bottom: -300px;
       }

       #caption {
           margin-top: 300px;
           margin-bottom: 1px;
       }

       .fa-search {
           padding-top: -10px;
       }

       #auto__banner {
           margin-top: -15%;
           margin-bottom: -10%;
       }

       #product_sec_heading {
           font-size: 40px;
           text-align: center;
           color: #ff0b0b;
       }

       #product_sec_heading_hr {
           width: 5%;
           margin: auto;
           color: rgb(0, 0, 0);
           height: 5px;
           border-radius: 100px;
           margin-bottom: -5%;
       }

       .achivment {
           margin-top: -14%;
       }

       .qe,
       .cey,
       .ip {
           margin-left: -10px;
       }

       .y {
           margin-left: 5px;
       }

       .bgimg3 {
           background-size: cover;
           height: 80vw;
           width: 100%;
       }

       .about {
           padding: 5%;
           width: 50%;
           height: 100%;
           background-color: white;
       }

       .about h1 {
           font-size: 4vw;
       }

       .about h2 {
           color: rgb(15, 15, 15);
       }

       .about h4 {
           font-size: 2vw;
           color: rgb(117, 117, 117);
           font-weight: 500;
       }

       #TESTIMONIALS {
           height: 30vw;
       }

       #testimonials_img img {
           width: 15%;
           border-radius: 50%;
           margin-top: -8%;
           border-radius: 10%;
       }

       #TESTIMONIALS h1 {
           margin-top: -0px;
           font-size: 3vw;
           color: #777676;
       }

       #TESTIMONIALS h2 {
           padding-top: 20px;
           font-size: 1.5vw;
           padding-bottom: 100px;
           color: black;
           font-weight: 900;
       }

       .mid_range_map {
           display: block;
       }

       .large_range_map {
           display: none;
       }




       .about h1 {
           text-align: center;
           font-size: 5vw;
           color: coral;
       }

       .about h2 {
           padding-top: 20px;
           text-align: justify;
           font-size: 4vw;
           color: #575656;
       }

       .about h4 {
           padding-top: 30px;
           text-align: justify;
           font-size: 2vw;
           color: #7F7F7F;
       }

       #achivment {
           font-size: 5vw;
           margin-bottom: 5%;
       }

       .achivment {
           height: 40vw;
       }

       .zero p {
           font-size: 3vw;
           /* font-weight:lighter; */
           /* border: 1px solid red; */
           color: rgb(140, 145, 145);
       }

       .qe,
       .cey,
       .ip {
           /* border: 1px solid red; */
           margin-left: -30px;
       }

       .y {
           /* border: 1px solid red; */
           margin-left: -5px;
       }

       #TESTIMONIALS {
           background-color: rgb(211, 209, 209);
           height: 60vw;
       }

       #testimonials_img img {
           width: 15%;
           border-radius: 50%;
           padding: 0px 20px;
           border-radius: 10%;
       }

       #TESTIMONIALS h1 {
           margin-top: -0px;
           font-size: 5vw;
           color: #777676;
       }

       #TESTIMONIALS h2 {
           padding-top: 10px;
           font-size: 3vw;
           /* padding-bottom: -200px; */
           color: black;
           font-weight: 900;
       }

       [class~=google_maps] iframe {
           min-height: 500vw;
       }

       #contect_us {
           font-size: 3vw;
       }

       #contect_section {
           width: 200%;
           position: absolute;
           margin-top: 300%;
           /* margin-left: 25%; */
       }

       #first_name,
       #last_name {
           font-size: 6vw;
       }

       #email {
           font-size: 6vw;
       }

       #aim {
           font-size: 6vw;
       }

       #message {
           font-size: 6vw;
       }

       #f_q_title {
           font-size: xx-large;
       }

       .f_q_full p {
           font-size: 4vw;
       }

       #f_q h2 {
           font-size: 5vw;
       }

       .q_a1 {
           margin-top: 5%;
           width: 100%;
       }

       .q_a2 {
           width: 100%;
       }

       .q_a3 {
           width: 100%;
       }

       .q_a4 {
           margin-bottom: 10%;
           width: 100%;
       }


       .all {
           margin: 10px;
       }

       .modal-size {
           margin-bottom: 3%;
       }

       .sproduct h6 {
           padding-top: 10%;
       }

       .swal-modal {
           margin-top: 100%;
       }

       .swal-text {
           font-size: small;
       }

       .searchbar form {
           display: none;
       }

       #search-icon {
           display: none;
       }

       #sm-search {
           display: block;
           border: 1px solid red;
           border-bottom-width: 3.5px;
           width: 300px;
           height: 35px;
           border-radius: 20px;
           margin-left: 5%;
           outline: red;
           text-align: center;
           padding-left: 30px;
           padding-right: 30px;
       }


       .producstOnCart img {
           width: 100px;
           height: 100px;
           margin-left: 2%;
       }

       .producstOnCart .deta {
           padding-left: 5%;
       }

       .producstOnCart .button-zero {
           margin-top: 50%;
       }


       .producstOnCart .empty {
           margin-top: 225;
           margin-left: 1px;
           margin-right: 1px;
       }

       .sm-cart-logo-name {
           margin-left: 1px;
       }

       #sec_nav .checkout a {
           display: block;
       }

       .topNevbar {
           margin-top: 5%;
           margin-bottom: 5%;
           border: 1px solid ridge;
           font-size: 80%;
       }

       .img_name {
           font-size: 100%;
       }



       .shipping_address__order_summary {
           display: block;
       }

       .order_summary {
           display: block;
           /* margin-top: 150%; */
           position: relative;
           width: 90%;
           margin-top: 2%;
           margin-left: 8%;
           /* margin-right: 2%; */
           height: fit-content;
       }

       .shipping_address_area {
           margin-top: 0%;
           width: 90%;
           font-size: 80%;
       }








       .topNevbar a {
           text-decoration: none;
           align-self: center;
           color: rgba(73, 73, 254, 0.742);
           font-weight: 630;
           /* border: 1px solid red; */
       }

       .back_to_shopping {
           position: absolute;
           right: -75%;
           margin: 1%;
           margin-top: 0.7%;


           /* border: 1px solid red; */
       }


  
       .modal-size {
           width: 98.5%;
           left: 0%;
           top: 0;
       }

       .modal-open .modal {
           overflow-y: hidden;
       }

       .modal {
           background-color: rgba(255, 255, 255, 0.856);
           height: 100%;
           /* padding-bottom: -50%; */
       }

       .container2 {
           flex-direction: column;
           /* margin-top: 550px; */
       }

       .left-column,
       .right-column {
           width: 100%;
       }

       .right-column {
           margin-top: 8%;
       }

       .left-column img {
           width: 70%;
           margin-left: 15%;
       }

       .fade {
           width: 100%;
           height: 100%;
       }
   }




   #sec_nav_img span a,
   #cart_nav_img span a {
       display: block;
   }

   #sec_nav  .empty a{
    display: block;
  }
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */
   /* =========================================================(max-width:414px) and (min-width:300px) ==================================================================== */
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */




   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */
   /* =========================================================(max-width:300px) ========================================================================================== */
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */




   @media all and (max-width:300px) {
       body {
           width: 200%;
           border: 1px solid white;
           border-right-style: none;
           border-top-style: none;
       }

       #loading {
           position: fixed;
           width: 100%;
           height: 200vh;
           background: #ffffff url(img/img/Ripple-1s-600px.gif) no-repeat center;
           z-index: 99999;
       }

       #sec_nav_img {
           margin-top: -1%;
       }

       .shopping-cart {
           margin-left: 20%;
       }

       #j {
           font-size: 15px;
       }

       .account {
           font-size: 15px;
       }

       #a {
           margin: -35px 0px 0px;
       }

       #p {
           margin: -20px 0px 0px;
       }

       #sec_nav a {
           display: none;
       }

       .product {
           width: 50%;
       }

       .product .pro_buy_btn {
           opacity: 1;
       }

       /* .name_caption{
        padding-bottom: 20%;
    } */
       .banner {
           height: 50vw;
       }

       #big_name {
           margin-top: -20px;
           margin-bottom: -300px;
       }

       #caption {
           margin-top: 300px;
           margin-bottom: 1px;
       }

       .fa-search {
           padding-top: -10px;
       }

       #auto__banner {
           margin-top: -15%;
           margin-bottom: -10%;
       }

       #product_sec_heading {
           font-size: 40px;
           text-align: center;
           color: #ff0b0b;
       }

       .product {
           width: 100%;
           margin-top: 10%;
       }

       #product_sec_heading_hr {
           width: 5%;
           margin: auto;
           color: rgb(0, 0, 0);
           height: 5px;
           border-radius: 100px;
           margin-bottom: -5%;
       }

       .achivment {
           margin-top: -14%;
       }

       .qe,
       .cey,
       .ip {
           margin-left: 2px;
           /* border: 1px solid red; */
           margin-left: 20px;
           margin-right: -50px;
           padding-left: 15px;
       }

       .y {
           margin-left: 5px;
           padding-left: 5px;
       }

       .bgimg3 {
           background-size: cover;
           height: 80vw;
           width: 100%;
       }

       .about {
           padding: 5%;
           width: 50%;
           height: 100%;
           background-color: white;
       }

       .about h1 {
           font-size: 4vw;
       }

       .about h2 {
           color: rgb(15, 15, 15);
       }

       .about_h2_sec_line {
           margin-top: -10%;
       }

       .about h4 {
           font-size: 2vw;
           color: rgb(117, 117, 117);
           font-weight: 500;
       }

       #TESTIMONIALS {
           height: 30vw;
       }

       #testimonials_img img {
           width: 15%;
           border-radius: 50%;
           margin-top: -8%;
           border-radius: 10%;
       }

       #TESTIMONIALS h1 {
           margin-top: -0px;
           font-size: 3vw;
           color: #777676;
       }

       #TESTIMONIALS h2 {
           padding-top: 20px;
           font-size: 1.5vw;
           padding-bottom: 100px;
           color: black;
           font-weight: 900;
       }

       .mid_range_map {
           display: block;
       }

       .large_range_map {
           display: none;
       }




       .about h1 {
           text-align: center;
           font-size: 5vw;
           color: coral;
       }

       .about h2 {
           padding-top: 20px;
           text-align: justify;
           font-size: 4vw;
           color: #575656;
       }

       .about h4 {
           padding-top: 30px;
           text-align: justify;
           font-size: 2vw;
           color: #7F7F7F;
       }

       #achivment {
           font-size: 5vw;
           margin-bottom: 5%;
       }

       .achivment {
           height: 40vw;
       }

       .zero p {
           font-size: 3vw;
           /* font-weight:lighter; */
           /* border: 1px solid red; */
           color: rgb(140, 145, 145);
       }

       .qe,
       .cey,
       .ip {
           /* border: 1px solid red; */
           margin-left: -30px;
       }

       .y {
           /* border: 1px solid red; */
           margin-left: -5px;
       }

       #TESTIMONIALS {
           background-color: rgb(211, 209, 209);
           height: 60vw;
       }

       #testimonials_img img {
           width: 15%;
           border-radius: 50%;
           padding: 0px 20px;
           border-radius: 10%;
       }

       #TESTIMONIALS h1 {
           margin-top: -0px;
           font-size: 5vw;
           color: #777676;
       }

       #TESTIMONIALS h2 {
           padding-top: 10px;
           font-size: 3vw;
           /* padding-bottom: -200px; */
           color: black;
           font-weight: 900;
       }

       [class~=google_maps] iframe {
           min-height: 500vw;
       }

       #contect_us {
           font-size: 3vw;
       }

       #contect_section {
           width: 200%;
           position: absolute;
           margin-top: 280%;
           /* margin-left: 25%; */
       }

       #first_name,
       #last_name {
           font-size: 6vw;
       }

       #email {
           font-size: 6vw;
       }

       #aim {
           font-size: 6vw;
       }

       #message {
           font-size: 6vw;
       }

       #f_q_title {
           font-size: xx-large;
       }

       .f_q_full p {
           font-size: 4vw;
       }

       #f_q h2 {
           font-size: 5vw;
       }

       .q_a1 {
           margin-top: 5%;
           width: 100%;
       }

       .q_a2 {
           width: 100%;
       }

       .q_a3 {
           width: 100%;
       }

       .q_a4 {
           margin-bottom: 10%;
           width: 100%;
       }


       .all {
           margin: 10px;
       }

       .modal-size {
           margin-bottom: 3%;
       }

       .sproduct h6 {
           padding-top: 10%;
       }

       .swal-modal {
           margin-top: 100%;
       }

       .swal-text {
           font-size: small;
       }

       .searchbar form {
           display: none;
       }

       #search-icon {
           display: none;
       }

       #sm-search {
           display: block;
           border: 1px solid red;
           border-bottom-width: 3.5px;
           width: 300px;
           height: 35px;
           border-radius: 20px;
           margin-left: 5%;
           outline: red;
           text-align: center;
           padding-left: 30px;
           padding-right: 30px;
       }



       .topNevbar {
           margin-top: 5%;
           margin-bottom: 5%;
           border: 1px solid ridge;
           font-size: 80%;
       }

       .img_name {
           font-size: 100%;
       }



       .shipping_address__order_summary {
           display: block;
       }

       .order_summary {
           display: block;
           /* margin-top: 150%; */
           position: relative;
           width: 90%;
           margin-top: 2%;
           margin-left: 8%;
           /* margin-right: 2%; */
           height: fit-content;
       }

       .shipping_address_area {
           margin-top: 0%;
           width: 90%;
           font-size: 80%;
       }

/* 
  
       .modal-size {
        width: 98.5%;
        left: 0%;
        top: 0;
    }

    .modal-open .modal {
        overflow-y: hidden;
    }

    .modal {
        background-color: rgba(226, 35, 35, 0.856);
        height: 100%;
    }

    .container2 {
        flex-direction: column
    }

    .left-column,
    .right-column {
        width: 100%;
    }

    .right-column {
        margin-top: 8%;
    }

    .left-column img {
        width: 70%;
        margin-left: 15%;
    }

    .fade {
        width: 100%;
        height: 100%;
    }


 */


       .topNevbar a {
           text-decoration: none;
           align-self: center;
           color: rgba(73, 73, 254, 0.742);
           font-weight: 630;
           /* border: 1px solid red; */
       }

       .back_to_shopping {
           position: absolute;
           right: -75%;
           margin: 1%;
           margin-top: 0.7%;


           /* border: 1px solid red; */
       }


       .producstOnCart .buyItem {

           border: rgb(255, 255, 255) 10px solid;
           width: 98.5%;
           padding: 10px 0px;
           margin-top: 2%;
           display: flex;

           box-shadow: inset 0 -3em 3em rgba(255, 255, 255, 0.884),
               0 0 0 2px rgb(255, 255, 255),
               0.3em 0.3em 2em rgba(94, 93, 93, 0.3);
           ;
       }

       .producstOnCart img {
           width: 200px;
           height: 200px;
           margin-left: 0%;
           border: 10px solid white;
           border-radius: 50%;


       }

       .producstOnCart .hidden a {
           background-color: aqua;
           text-decoration: none;
       }

       .producstOnCart .deta {
           color: rgb(156, 157, 156);
           padding-left: 10%;
           padding-top: 1%;
       }

       .producstOnCart h5 {
           color: #000000;
           font-size: 120%;
           margin-top: 10px;
       }

       .producstOnCart h3 {
           margin-top: 10%;
           margin-bottom: 10%;
       }

       .producstOnCart .button-zero {
           color: red;
           margin-top: 0%;
       }

       .producstOnCart .quantity {
           /* color: rgb(64, 255, 0); */
           font-size: 150%;
           position: absolute;
           left: 10%;
           width: fit-content;
           margin-top: 50%;
           height: 4%;
       }

       .producstOnCart h4 {
           position: relative;
           margin-top: -10%;
           margin-bottom: 10%;
           font-size: 120%;
           margin-left: 10%;
           margin-right: -10%;
       }

       .producstOnCart h6 {
           position: relative;
           margin-top: -10%;
           margin-bottom: 10%;
           font-size: 120%;
           margin-left: 10%;
           margin-right: -10%;
       }

       .producstOnCart i {
           color: black;
       }

       .producstOnCart .button-minus {
           background-color: rgb(255, 255, 255);
           border: 2px solid rgb(255, 255, 255);
           width: 40px;
           text-align: center;
           padding-top: 2%;
           cursor: pointer;
       }

       .producstOnCart .countOfProduct {
           background-color: rgba(222, 42, 42, 0);
           /* border: 2px solid rgb(255, 255, 255); */
           width: 40px;
           /* height: 0px;*/
           margin-top: -3%;
           top: 0;

           text-align: center;
       }

       .producstOnCart .button-plus {
           background-color: rgb(255, 255, 255);
           border: 2px solid rgb(255, 255, 255);
           width: 40px;
           padding-top: 1%;
           text-align: center;
           cursor: pointer;
       }

       .producstOnCart .buyItem .quantity {
           margin-top: 35%;
       }

       #buyItems {
           background-color: rgb(255, 255, 255);
           color: #fe5050;
           /* text-align: center; */
           width: 95%;
           min-height: 1000px;
           margin-left: 2.5%;
           padding-top: 1px;
           /* padding-bottom: 110px; */
           /* padding-left:20px; */
           box-shadow: inset 0 -3em 3em rgba(255, 255, 255, 0.1),
               0 0 0 2px rgb(255, 255, 255),
               0.3em 0.3em 2em rgba(169, 168, 168, 0.3);
           ;
       }

       .producstOnCart::-webkit-scrollbar {
           display: none;
       }


       .producstOnCart .top {
           z-index: 1;
           display: flex;
           background-color: #ff6060;
           margin-left: 1%;
           top: 0;
           width: 98%;
           padding: 1px 50px;
           border: 2px solid red;
           border-radius: 5px;
           position: sticky;
       }



       .producstOnCart .empty {
           /* margin: 225px; */
           padding-top: 200px;
           margin-left: 20%;
           color: red;
           /* text-align: center; */
           font-size: 200%;
           /* padding-left: 60px; */
       }






       .top #closeButton i {
           font-size: 200%;
           color: white;
           rotate: 36deg;
           margin-right: -100px;
           transition: 1s;
       }

       .top #closeButton i:hover {
           transform: rotate(360000deg);
       }












       .modal-size {
           width: 98.5%;
           /* height: 90px; */
           /* position: relative; */
           left: 0%;
           /* right: 69%; */
           /* margin-left: -500px; */
           /* margin-right: 1%; */
           /* margin: auto; */
           /* margin-top: 1%; */
           top: -45.5%;
       }

       .modal-open .modal {
           overflow-y: hidden;
       }

       .modal {
           background-color: rgba(255, 255, 255, 0.856);
           height: 100%;
           /* padding-bottom: -50%; */
       }

       .container2 {
           flex-direction: column;
           /* margin-top: 550px; */
       }

       .left-column,
       .right-column {
           width: 100%;
       }

       .right-column {
           margin-top: 15%;
       }

       .left-column img {
           width: 70%;
           margin-left: 15%;
       }

       .fade {
           width: 100%;
           height: 100%;
       }

       .cart_footer {
           height: 60px;
       }



       .Items_count {
           top: 20;
           right: 25px;
       }
   }




   #sec_nav_img span a,
   #cart_nav_img span a {
       display: block;
   }
   #sec_nav  .empty a{
    display: block;
  }
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */
   /* =========================================================(max-width:300px) ========================================================================================== */
   /* ===================================================================================================================================================================== */
   /* ===================================================================================================================================================================== */