@media only screen and (min-width: 1200px) {
    .top-heare-end a{
        width: 32px;
        display: inline-block;
    }
    
}
@media only screen and (max-width: 1199px) {
    .top-logo img{
        max-width: 200px;
    }
    .top-heare-end a{
        width: 30px;
        display: inline-block;
    }
    .srarch-box {
        height: 40px;
    }
    .main-nav a {
        font-size: var(--font-12);
        padding: 6px 12px;
    }
    .menu span {
        font-size: var(--font-14);
        font-weight: 500;
        padding-top: 0;
    }
    .cercleBox-wrap{
        overflow-y: auto;
        overflow-x: scroll;
    }
    .product-details .add-cart-btn{
    padding: 10px;
    }
  }



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

    .no-showdow-desktop{
        box-shadow: inherit !important;
    }
    .pagination .page-item a{
        width: 35px;
        height: 35px;
        font-size: 1rem;
    }
    .top-logo img{
        max-width: 160px;
    }
    .top-heare-end a{
        width: 24px;
        display: inline-block;
        margin-top: 7px;
    }
    .srarch-box {
        height: 40px;
    }
    .main-nav a {
        font-size: var(--font-11);
        padding: 6px;
    }
    .menu span {
        font-size: var(--font-12);
        font-weight: 500;
        padding-top: 0;
    }
    .navbar-toggler{
        width: 20px;
    }
    .navbar-toggler img{
        width: 100%;
    }
    .cercleBox-wrap,
    .product-wrapper{
        overflow-y: auto;
        overflow-x: scroll;
        padding-bottom: 15px;
    }
    .product-wrapper .slider-wrap,
    .product-wrapper #ClientLogo{
        display: flex;
    }
    .product-details{
        padding-inline-start: 0;
    }
    .product-details .qtd-number,
    .qty-input,
    .quantity-selector .qty-input {
        width: 70px;
        border-radius: 50px;
        border: #dee2e6 solid 1px;
        text-align: center;
        height:30px;
    }
    .quantity-selector{
        border: none;
    }
    .quantity-selector .qty-btn{
        display: none;
    }
    .checkout-heading {
        margin-top: 0px !important;
    }
    #loginDetails .orLine{
        width: 100%;
        text-align: center;
        height: auto;
        display: inline-block;
        margin: 40px 0;
    }            
    #loginDetails .orLine:after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        height: 1px;
        width: 100%;
        background-color: var(--bs-light-grey);
    }
    #loginDetails .orLine p {
        position: absolute;
        left: calc(50% - 17px);
        top: -16px;
    }


}

/*@media only screen and (max-width: 575px) {*/
@media only screen and (max-width: 991px) {
   .zoomClick{
        display: none;
    }
    h1, .h1 {
        font-size: 1.5em;
    }
    h2, .h2, h3, .h3 {
        font-size: 1em;
        font-weight: 700;
    }
    h4, .h4 {
        font-size: .95em;
    }
    h5, .h5 {
        font-size: .85em;
    }
    h6, .h6 {
        font-size: .75em;
    }
    p{
        font-size: var(--font-12);
        line-height: 0.85rem;
    }
    .small{
        font-size: var(--font-10);
    }
    .btn-cart {
        font-size: var(--font-12);
    }
    .pb-5 {
        padding-bottom: 2rem !important;
    }
    .pt-5 {
        padding-top: 2rem !important;
    }
    .mb-5 {
        margin-bottom: 2rem !important;
    }
    .mt-5 {
        margin-top: 2rem !important;
    }
    .py-5 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .px-5 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .footer-grey-bg {
        background: transparent;
    }
    .top-logo{
        padding-right: 45px;
    }
    .megamenu-offcanvas .offcanvas-body .nav li{
        width: 43%;
    }
    .megamenu-offcanvas .offcanvas-body .nav li:last-child {
        width: 14%;
    }
    .megamenu-offcanvas .offcanvas-body .nav li:last-child .nav-link{
        padding: 0.25rem;
    }
    .megamenu-offcanvas .offcanvas-body .nav li:last-child .nav-link img{
        width: 22px;
    }
    .megamenu-list li.has-child > a:after{
        width: 14%;
    }
    .megamenu-list li a > span {
        padding: 5px 0;
    }
    .megamenu-list li a .pro-icon {
        width: 50px;
    }
    .megamenu-list li a .pro-icon img{
        width: 20px;
    }
    .megamenu-list li a > span.items-name,
    #pills-tab .nav-item{
        font-size: 0.85rem;
    }
    .bottom-header{
        display: none;
    }
    .srarch-box{
        width: 100%;
        margin: 20px 0 10px;
        height: 34px;
    }
    .srarch-box .btn-link img
    {
        width: 18px;
        margin-top: -4px;
    }
    #topbanner .carousel-caption{
        left: 0;
        transform: translate(0, -50%);
        text-align: center;
        width: 100%; 
    }
    #topbanner .carousel-caption h1{
        font-size: 1rem;
    }
    .offcanvas-header{
        display: none;
    }
    #cercleBox .cercle-box-product,
    #AreasActivity .cercle-box-product {
        width: 80px;
    }
    .cercle-box .cercle-box-product p {
        font-size: var(--font-10);
        font-weight: 400;
        line-height: 1.25;
    }
    .product-heading {
        padding: 50px 0 30px;
        text-align: center;
    }
    .product-box {
        width: 185px;
    }
    .product-box .product-box-containt{
        padding-top: 0.5rem !important;
        padding: 1rem !important;
    }
    .product-box .product-box-containt p{
        margin-bottom: 0.25rem;
    }
    .product-wrapper  #ClientLogo{
        display: inline-flex;
    }
    #ClientLogo > div{
        width: 100px;
        align-content: center;
        padding: 0 10px;
    }
    #ClientLogo > div img{
        max-width: 100%;
    }
    .articals-box {
        min-height: 180px;
    }
    .google-avaliable-box{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .google-avaliable-box .slick-slide{
        padding: 10px;
    }
    .google-avaliable-box .google-dots{
        text-align: center;
        list-style: none;
    }
    .google-avaliable-box .google-dots li{
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: grey;
        border:none;
        text-indent: -9999999999px;
        display: inline-block;
        margin: 0 3px;
    }
    .google-avaliable-box .google-dots li.slick-active{
        background: var(--bg-primary);
    }
    .progress-star-big{
        width: 100px;
         height: 19px;
    }
    .progress-star-small{
        width: 82px;
        height: 15px;
    }
    .breadcrumb,
    .filter-area a{
        font-size: 12px;
    }
       
    /* -------------#footer-mobile#-------------*/
    footer{
        padding-bottom:40px;
    }
    .subscrive-box {
        width: 100%;
    }
    .subscrive-box input[type="search"]{
        font-size: 0.75rem;;
    }
    .footer-client-logo > div
    {
    padding: 0.25rem !important;
    max-width: 70px;
    }
    .footer-client-logo > div img{
        width:100%;
    }
    .gototop,
     .gototop:hover {
        padding: 7px 10px;
        bottom: 10px;
        right: 90px;
    }
    .gototop img{
        width: 18px;
    }
    .chatbot{
        padding: 10px;
        bottom: 10px;
    }
    .chatbot img{
        width: 32px;
    }
    .footer-top{
        text-align: center;
    }
    .footer-top .social-area .d-flex{
        justify-content: center;
    }
    #footerAccordion *{
        background: transparent !important;
        background-color: transparent !important;
    }
    #footerAccordion .accordion-button{
        color: #FFF !important;
        font-size: 1rem;
    }
    #footerAccordion  .accordion-body{
        padding-top: 0!important;
    }
    #footerAccordion  .accordion-body .footer-link a{
        font-size: 0.75rem;
    }
    .btn-subscreve {
        padding: 5px 15px;
        font-size: var(--font-12);
        font-weight: 400;
    }

    .product-details .qtd-number {
        width: 50px;
        height: 30px;
    }
    .add-cart-btn{
        font-size: 12px;
    }
    .product-cart-area .gap-3 {
        gap: 0.5rem !important;
    }


}