@media (max-width: 1550px) {
    .Time1 {
        right: -1%;
    }
    .img_bon {
        width: 180px;
        bottom: -24%;
      }
      
}
    @media (max-width: 1450px) {
    .Time p {
        padding-top: 5px;
    }
    .circle {
        left: 0% !important;
        bottom: -31px !important;

    }
    .img_bon {
        width: 180px;
        bottom: -17%;
    }
    .Time1 {
        right: 2%;
        top: 64px;
    }
    .home_3 .h2_home {
        top: 28%;
        left: 26%;
        z-index: 99 !important;
        right: 12%;
    }
}

@media (max-width: 1490px) {
    .Time3 {
        left: -345px;
    }
}

@media (max-width: 1350px) {
    .car6 .owl-nav {
        flex-direction: row-reverse;
        justify-content:center;
        position: relative;
        top: auto;
        width: 100%;
    }
    .logo_home img {
        width:611px ; 
     }
     .logo_home h2 { 
     font-size: 4rem;
    }
        .logo_home {
        margin-top: 21px;
     }
    .Time1 {
        right: 6%;
        top: 79px;
    }
    .Time3 {
        left: -237px;
    }
    .Time2 {
        left: 211px;
        top: 32px;
    }
}
@media (max-width: 1250px) {
    .Time1 {
        right: 9%;
        top: 91px;
    }
}
@media (max-width: 1150px) {
    .img_bon {
        bottom: -8%;
    }

    .num {
        padding: 76px 0 73px;
    }
    .cardd section {
        padding:0 30px ;
        width: 320px;
      }
      .cardd {
       justify-content: center;
      }
      .france {
        gap: 6rem;
    }
    .france .france-text {
        width: 180px;
    }
    .our_products h6 {
        font-size: 15px !important;
    }
}
@media (max-width: 1300px) {
    .h2_home h2 {
        font-size: 5rem;
    }
    
}
@media (max-width: 1050px) {
    .france {
        gap: 3.5rem;
    }
    .Time1 {
        right: 9%;
        top: 123px;
    }
}
@media (max-width: 1035px) {
   .navbar a img {
    width: 139px;
   }
   .navbar button span {
    width: 97px;
}
}
@media (max-width: 999px) {
    .Agreement p {
width: 80%;
}
html {
    overflow-x: hidden;
}
    .h_img {
        height: 79vh;
    }
    .our_products h6 {
        font-size: 12px !important;
        padding-bottom: 5px;
    }
    .home_3 {
        margin-top: 2rem !important;
    }
    .h__img {
    margin: 0 30px;
}
    .logo_home img {
        width:450px ; 
     }
     .logo_home {
        margin-top: 34px;
     }
    .mobile h6 {
        font-size: 15px;
    }
    .row {
        margin-top: 0;
        margin-right:0;
        margin-left: 0;
    }
    .france .france-text h6 {
        font-size: 13px;
    }
    .france .france-text p {
        font-size: 10px !important;
        padding-top: 5px;
    }
    .france {
        gap: 6rem;
    }
    .half_ser .how-to-use-contain:after {
        right: calc(-100% + 100px);
    }
    .news .hv img {
        height: 212px;
    }
    .Time1 {
        right: 9%;
        padding-bottom: 0;
        top: 17%;
    }
    .Time3 {
        left: -204px;
        top: -58px;
    }
    .Time h6 {
        font-size: 12px !important;
    }
    .Time p {
        font-size: 8px !important;
        /* width: 42% !important; */
    }
    .Time2 {
        top: 26px;
        right: -129px;
    }
   
    p {
        font-size: 14px !important;
    }
    .num h3 {
        font-size: 26px;
    }
    .our_logo h6 {
        font-size: 16px;
    }
    .num div {
        gap: .7rem;
    }
    .about img , .mobile img {
    max-width: 100%;
}
.news .hv img {
    height: 177px;
}
.about p:nth-child(3) , .mobile h2 , .mobile p {
    width: 100%;
}
.cardd section h5 {
    font-size: 18px;
}.cardd section h6 {
    font-size: 13px;
}
.h2_home h2 {
    font-size: 3rem;
}
.home .home_img {
    padding-left: 30px;
    padding-right: 30px;
}
.our_right .content-our-right div {
    width: 88px;
    height: 80px;
    padding: 10px 15px;
}
.Time1 , .Time2 , .Time3 {
    width: 190px;
}
.our_right .content-our-right div img ,.our_logo  img {
    width: 80px;
    height: auto;
}
.footer .foot div {
    gap: 1rem;
}
.login {
    padding: 40px 20px;
    gap: 1rem;

}
.footer {
    flex-wrap: wrap;
    gap: 2rem;
}
footer .searchInput {
    width: 197px;
}
footer .searchInput {
        padding-right: 5px !important;
    }
.num {
    padding: 54px 0 51px;
}
.youtube-wrap div[youtube]:before {
    left: 45%;
}
.youtube-wrap div[youtube]::after {
    width: 89px;
    height: 89px;
    top: 18%;
    left: 43%;
}
.yot_icon {
    width: 110px;
    height: 110px;
    top: 13%;
    left: 40.5%;
}
.home_3 .h2_home {
    top: 33%;
    z-index: 99 !important;
}
/* .navbar {
    display: none !important;
} */
}
@media (max-width: 900px) {
    .Time1 {
        right: 9%;
        padding-bottom: 0;
        top: 19%;
    }
    
}
@media (max-width: 870px) {
    .h2_home {
        top: 22%;
    }
    .france .france-text {
        width: 148px;
    }
    .france {
        gap: 4rem;
    }
    .Time3 {
        left: -205px;
        top: -61px;
    }
    .Time2 {
        top: 54px;
        right: -129px;
    }
}
@media (max-width: 820px) {
    .Time1 {
        right: 9%;
        padding-bottom: 0;
        top: 11%;
    }
    .img_bon {
        bottom: -10%;
        width: 122px;
    }
    .Time {
        background: url("../img/Group9.png") no-repeat;
        background-size: contain;
        width: 100%;
        background-position: center;
        direction: rtl;
    }
    .Time2 {
        top: 8px;
        right: -156px;
    }
.Time3 {
    left: -170px;
    top: -11px;
}
}
@media (max-width: 850px) {
    .youtube-wrap div[youtube]:before {
        content: "";
        border-radius: 50%;
        width: 58px;
        height: 58px;
    }
    .youtube-wrap div[youtube] {
        padding-bottom: 76.25%;
    }
    .youtube-wrap div[youtube]::after {
        width: 74px;
        height: 74px;
    }
    .yot_icon {
    width: 92px;
    height: 92px;
    top: 15%;
}
footer .searchInput {
    width: auto;
}
}
@media (max-width: 790px) {
    .home_3 .h2_home {
        top: 39%;
    }    
    .num {
        padding: 43px 0 51px;
    }
    .france .france-text {
        width: 128px;
    }
    .france .france-text h6 {
        font-size: 10px;
    }
    .france {
        gap: 3rem;
    }
}

@media (max-width: 767px) {
    .background-map {
    margin-top: 20px;
    padding: 10px 0;
}
.background-map .findstore-text {
    padding-bottom: 1rem;
}
    .gmap_canvas iframe {
    height: 100%;
    max-height: 267px;
    margin-top: 2rem;
}
.row.div_store.align-items-center.flex_direction_column.map-links-list {
    padding: 0;
}
.store-store-location strong a {
    font-size: 20px;
}
.store-store-location strong {
    line-height: normal !important;
        font-size: 16px;

}
#store-stores {
    height: 300px;
    color: var(--unnamed-color-151412);
    overflow-y: auto;
}
.gmap_canvas {
    position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
    z-index: 2;
}
.m_store {
    padding: 20px 10px 20px;
}
    .about {
         padding-top: 10px;
    }
    .event {
        flex-direction: column-reverse;
        gap: 2rem;
    }
    .Agreement p {
width: 90%;
}
.text_store {
    width: 100%;
    margin:  0 12px;
}
    .h_img {
        height: 56vh;
    }
    .login_left  {
        width: 100%;
        padding: 0 10px !important;
    }
    footer .searchInput {
        width: 100%;
    }
    .login {
        padding: 40px 12px;
    }
    footer .searchBox {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        background: #fff;
        position: relative;
    }
      .news .hv img {
        height: 268px;
    }
    .footer p {
        font-size: 12px !important;
    }
    .home11 ul {
        font-size: 10px;
    }
    .news h5 {
        font-size: 15px;
      }
    .home11 ul li {
        padding-left: 1rem;
    }
    .home11 ul li::before {
        width: 9px;
        height: 9px;
    }
    .home11_img div:nth-child(2) img {
        margin-top: 1rem !important;
      }
      .home11_img div:nth-child(1)  {
       gap: 1rem;
      }
  
         .youtube-wrap div[youtube] {
        padding-bottom: 50.25%;
    }
    .youtube-wrap div[youtube]::after {
        width: 72px;
        height: 72px;
        top: 19%;
        left: 44%;
    }
    .yot_icon {
        width: 86px;
        height: 85px;
        top: 17%;
        left: 43%;
    }
    .accordion_div  {
        flex-direction: column  !important;
    }
    .accordion_div_right {
        margin-top: 2rem;
    }
    .accordion_div_right {
        padding: 25px;
      }
    .accordion .accordion-button {
        padding:  15px;
        font-size: 13px !important;
        gap: 10px;
    }
    .accordion-button:not(.collapsed)::after {
        background-size: 10px;
    }
    .accordion-button::after {
        background-size: 10px;
    }
    .accordion .accordion-body {
        font-size: 12px !important;
    }
    .accordion_div {
        padding: 25px !important;
        
      }
      .accordion-body {
        padding: 0 15px 1rem;
      }
      .about_right  {
        padding: 0;
      }
      .accordion {
        gap: 1rem;
    }
    .row {
        margin-right: 0;
        margin-left: 0;
    }
    .btn-31 {
        border-width: 1px;
        padding: 1rem 1rem;
        font-size: 10px;
        position: relative;
        text-transform: uppercase;
    }
    .justify_content_center {
        justify-content: center !important;
        padding-top: 0;
    }
    .flex_direction_column {
        flex-direction: column !important;
    }
    .france h6 {
        font-size: 12px !important;
    }
h2 {
    font-size: 3rem !important;
}
h6 {
    font-size: 15px !important;
}
.di_img h6 {
    font-size: 10px !important;
}
.promo-video {
    width: 50px;
    height: 50px;
}
.kas {
    justify-content: flex-start;
  }
    .num {
        gap: 2rem;
        background: transparent;
        flex-direction: column-reverse;
    }
    .num h3 {
        font-weight: bold;
    }
    .resha {
        bottom: -49%;
        width: 300px;
    }
    .about , .mobile  {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
    .about_2 {
        flex-direction: column;
    }
    .about {
        margin-top: 20px;
    }
    .footer .foot:nth-child(1) p {
        width: 60%;
    }
    footer .container {
        margin-top: 0;
    }
    .h2_home {
        top: 26%;
    }
    .about p:nth-child(3) , .mobile h2 , .mobile p {
        width: 70%;
    }
    .news .gap {
        gap: 1rem;
    }
    .map {
        max-width: 300px;
    }
    .our_flex , .login {
        flex-direction: column;
    }
    .our_right .content-our-right div {
        width: 130px;
        height: 100px;
    }
    .about h6 , .mobile h6 , .news h5 {
        font-size: 1rem;
    }
    .half_ser {
        flex-wrap: wrap;
        gap: 1rem;
        justify-content: center;
        align-items: center;
    }
    .half_ser .how-to-use-contain:after {
        display: none;
    }
    .half_ser .how-to-use-contain {
        width: 180px;
    }
    .login_card_div {
margin-top: 15px;
justify-content: center !important;
    }
    .map7 .map {
        max-width: 100% !important;
    }
     .owl-nav {
        display: none !important;
    }
    .join .about {
        flex-direction: column;
    }
    .join .about img {
        padding-top:2rem ;
    }
    .join .row {
        margin-top: 0;
        margin-right:0;
        margin-left:0;
    }
    .join_col {
        flex-direction: column-reverse !important;
    }
    .Time3 {
        left: -137px;
        top: 16px;
    }
}
@media (max-width: 700px) {
    .youtube-wrap div[youtube]:before {
        left: 45.2%;
    }
}@media (max-width: 720px) {
    .Time1 {
        right: 9%;
        padding-bottom: 0;
        top: 13%;
    }
    .Time2 {
        top: 38px;
        right: -156px;
    }
}
@media (max-width: 652px) {
.france_img {
    display: none;
}

.logo_home {
    margin-top: 40px;
}
.logo_home img {
    width: 350px;
}
.home11_img div:nth-child(2) img {
    width: 321px;
    }
.france img {
    width: 60px;
    height: 60px;
  }
  
  .france .div {
    display: flex;
    justify-content: center;gap: 1rem;
  }
  .france .div::before {
    content: " ";
    position: absolute;
    z-index: 2;
    width: 50px; 
    border-style: dashed;
    border-color: #BBBBBB; 
    border-width: 1px; 
    transform: rotate(90deg);
left:1% ;    opacity: 0.4;
margin-top: 83px;
  }
  .france .france_between .div:last-of-type::before {
    content: none; 
  }
      .france .div img {
  display: block;
  }
  .france_between  , .france_around {
    flex-direction: column !important;
    gap: 3rem;
  }
  .france .france-text {
    width: 100%;
    text-align: left;
    }
    .france .france-text h6 {
        font-size: 13px;
    }
    .france .france-text p {
        width: 80%;
    }
}

@media (max-width: 620px) {
    .youtube-wrap div[youtube]:before {
        top: 21.6%;
        left: 45.2%;
    }
    .yot_icon {
        width: 83px;
        height: 83px;
        top: 17%;
        left: 43%;
    }
    .Time3 {
        left: -111px;
        top: 9px;
    }
    .Time1 {
        top: 18%;
    }
}
@media (max-width: 600px) {
    h2 {
        font-size: 2rem !important;
    }   .cardd section {
        width: 100% !important;
    }
    .login h6 {
        padding-bottom: 0.5rem;
    }
    .youtube-wrap div[youtube]:before {
        top: 21%;
        left: 45.2%;
    }
    .youtube-wrap div[youtube] {
        padding-bottom: 60.25%;
    }
    .Time {
        background:transparent;
    }
    .Time img {
        display: block;
      }
      .Time .Time1, .Time2 , .Time3 {
        display: flex;
        width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
      }
      .Time1 , .Time2 , .Time3 {
        position: relative;
    margin: 0;
    top: unset;
    bottom:  unset;
    right: unset;
    left: unset;
     padding: 0;
      }
      .Time1::before, .Time2::before {
        content: " ";
        position: absolute;
        z-index: 11;
        width: 50px;
        border-style: dashed;
        border-color: #BBBBBB;
        border-width: 1px;
        transform: rotate(90deg);
        left: 0%;
        opacity: 0.4;
        margin-top: 144px;
    }
    
    .Time1 .p, .Time2 .p, .Time3 .p {
        top: 17%;
        left: 19%;
        font-size: 12px;
        color: #fff;
    }
    .Time .Time-flex {
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    }
    .Time .text-time-line {
        display: flex;
        flex-direction: column;
        align-items: self-end;
    }
    .Time .text-time-line {
        
        text-align: end;
    }
    .Time .Time-flex {
        gap: 2rem;
    }
    .resha {
        bottom: -52%;
        width: 200px;
    }
    .p {
        display: block;
      }
      .Time .container {
        gap: 3rem;
    }
    .img_bon {
        bottom: -16%;
        width: 122px;
    }
}
@media (max-width: 570px) {

.youtube-wrap div[youtube]:before {
    top: 21.8%;
    left: 45.5%;
}

}
@media (max-width: 525px) {
    .h_img {
        height: 38vh;
    }
    .yot_icon {
        height: 85px;
        top: 16%;
        left: 43%;
    }
}
@media (max-width: 550px) {
    .load_logo img {
        width: 150px;
    }
    .yot_icon {
        height: 85px;
        top: 16%;
        left: 42.8%;
    }
    .h2_home {
        top: 32%;
    }
    .h2_home h2 {
        font-size: 2rem;
    }
    .about p:nth-child(3) , .mobile h2 , .mobile p {
        width: 95%;
    }
    .mobile h2 , .about h2 {
        font-size: 1.8rem !important;
    }
    .home_img {
        padding-top: 1rem;
    }
    .logo_home {
        margin-top: 0px;
    }
    .our {
        padding-top: 50px !important;

    }
    .di_img h6 {
        font-size: 10px;
    }
    .di_img div {
        flex-direction: column-reverse;
        gap: 1rem;
        text-align: center;
        padding:  15px 10px;
    }
    .di_img {
        padding: 0 25px;
    }
    .footer .foot:nth-child(1) p {
        width: 100%;
    }

    .cardd {
        margin: 0 ;

    }
}
@media (max-width: 500px) {
    .h__img::after {
    
    bottom: -4%;
}
    .store-store-location strong a {
    font-size: 16px;
}
.store-street {
    font-size:12px;
}
.store-directions {
    font-size: 12px;
        padding-top: 0;

}
.store-direction-wrap {
     gap: 10px; 
}
#store-stores ul li {
  
    gap: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.gmap_canvas iframe {
    max-height: 225px;
}

    .h__img {
        margin: 0 20px;
    }
    .logo_home img {
        width: 265px;
    }
   
    .Time .container {
        gap: 3rem;
    } .mapp iframe {
        height: 300px !important;
    }  .our_right {
        width: 100%;
    }
    .foot_puiux {
        flex-direction: column-reverse;
        text-align: center;
        padding-bottom: 3rem;
        align-items: flex-start;
    }
    .our_right .content-our-right:nth-child(2) {
        padding-top: 1rem;
    }
    .our_right .content-our-right  {
        gap: 1rem;
    }
    .our_right .content-our-right div {
        max-width: 31%;
        max-height: 62px;
    }
    .our_logo p {
        font-size: 12px;
    }
    .our_right .content-our-right div img {
        max-width: 50px;
    }
   
    .accordion .accordion-body {
        font-size: 9px !important;
    }
    
    .accordion_div_right {
        padding: 15px;
    }
    .accordion_div {
        padding: 15px !important;
    }
    .accordion .accordion-button {
        font-size: 10px !important;
    }
    
}

@media (max-width: 450px) {
    .home11_img div:nth-child(2) img {
        width: 250px;
    } .h2_home {
        top: 35%;
    }
    .youtube-wrap div[youtube]:before {
        top: 22.8%;
        left: 45.8%;
    }
    .yot_icon {
        left: 42.6%;
    }
}
@media (max-width: 440px) {
    .searchBox-nav {
        width: 300px;
        margin: auto;
        margin-left: 34px;
    }
    .youtube-wrap div[youtube]:before {
        width: 40px;
        height: 40px;
    }
    .logo_home h2 {
        font-size: 26px !important;
    }
    .youtube-wrap div[youtube]::after {
        width: 54px;
        height: 54px;
        top: 20%;
        left: 44%;
    }
    .yot_icon {
        width: 71px;
        height: 71px;
        top: 16%;
        left: 42%;
    }
    .logo_home img {
        width: 100%;
    }
    .logo_home {
        margin-top: 4px;
    }
    .y img , .icon_nav i  {
        width: 31px;
        font-size: 15px;
    }
    .logo {
        width: 100px;
    }
}
@media (max-width: 400px) {
    .h_img {
        height: 30vh;
    }
    .home11_img div:nth-child(2) img {
        width: 233px;
    }.france .france-text p {
        width: 100%;
    }.cardd .france-text {
        width: 100%;
      }
      footer .searchInput {
        font-size: 13px;
        padding: 24px 46px 24px 55px;
    }
    .circle {
        width: 56px !important;
        height: 56px !important;
    }
    .circle p {
        font-size: 7px !important;
    }
    .circle h5 {
        font-size: 10px !important;
    }
    .youtube-wrap div[youtube] {
        padding-bottom: 69.25%;
    }
    .img_bon {
        bottom: -82%;
        width: 122px;
    }
    }
    @media (max-width: 414px) {
        .yot_icon {
            left: 41.5%;
        }
    }
    @media (max-width: 370px) {
        .home11_img div:nth-child(2) img {
            width: 200px;
        }
        .logo_home h2 {
            font-size: 23px !important;
        }
        .h2_home {
            top: 39%;
        }
    .youtube-wrap div[youtube]:before {
        top: 22.8%;
        left: 46%;
    }
    .yot_icon {
        left: 41%;
    }
   .Time3 img ,.Time1 img ,.Time2 img {
    width: 60px;
    height: auto;
   }
   .Time1::before, .Time2::before {
    width: 59px;
    left: -3.5%;
    margin-top: 114px;
}
.Time1 .p, .Time2 .p, .Time3 .p {
    top: 13%;
    left: 14%;
}
.img_bon {
    bottom: -102%;
    width: 122px;
}
}
    @media (max-width: 328px) {
        #store-stores {
    height: 227px;
}
        .img-events {
            height: auto;
            width: 100%;
        }
        .searchBox-nav {
            width: 250px;
            margin: auto;
            margin-left: 34px;
        }
        .h_img {
            height: 24vh;
        }
        .logo_home h2 {
            font-size: 18px !important;
        }
        .news .hv img {
            height: 173px;
        }
            .home11_img div:nth-child(2) img {
                width: 160px;
            }
        .france .france-text h6 {
            font-size: 10px;
        } .youtube-wrap div[youtube]:before {
            left: 46.9%;
        }
        .h2_home h2 {
            font-size: 1.5rem;
        }
        .h2_home {
            top: 36%;
        }
        .youtube-wrap div[youtube] {
            padding-bottom: 83.25%;
        }
        .img_bon {
            bottom: -96%;
            width: 99px;
        }
        
    }

    @media (max-width: 282px) {
        .france .div {
            gap: 10px;
        }
        .home11_img div:nth-child(2) img {
            width: 130px;
        }
        .home_3 .h2_home {
            top: 53%;
        }
    }












.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: 20px !important;
    padding-left: 20px !important;
}



@media (max-width: 540px) {
    .footer p {
    padding-top: 10px;
}

.footer .foot div {
    padding-top: 15px;
}

.footer {
    gap: 1.5rem;
}

.map {
    max-width: initial;
}

.footer {
    padding-bottom: 20px;
}

.foot_puiux {
    padding-bottom: 20px;
    padding-left: 12px;
}
}