body{
 font-family: Roboto, sans-serif;
 background: #fff !important;
 overflow-x: hidden;
}
#categories_details{
  background-color: #fff;
  border-radius: 10px;
}
.ml-0{ margin-left: 0;}
.mb-15{ margin-bottom: 15px;}
.p-30{
  padding: 30px;
}
.gap-30{
  gap: 30px;
}
.pl-60{
  padding-left: 60px;
}
.nav-link{
  color: #696868;
    text-decoration: none;
    letter-spacing: 0.2px;
}
.nav-link:focus, .nav-link:hover{
  text-decoration: none !important;
}

.container-fluid{
  padding: 0;
}
.navbar-bg{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    background: #ffff;
}
.container-fluid{
  height: 100%;
}
.card{
  width: 80%;
  border: none;
  font-family: helvetica,arial,sans-serif !important;
  cursor: pointer;
  padding: 10px;
}
.card-body{
  padding: 12px 0;
  position: relative;
  padding-top: 20px !important;
  padding-left: 10px;
}
.rupee_icon{
    width: 17px;
    position: absolute;
     top: 2px;
    left: 0;
}
.rupee_icon_2{
    position: absolute;
     top: 2px;
    left: 0px;
}
.card-text{
    position: relative;
    font-weight: 600;
    font-size: 15px !important;
    font-family: avenir,helvetica,sans-serif;
    padding-left: 15px;
}
.card-text_2{
  font-weight: 600;
    font-size: 12px !important;
    font-family: avenir,helvetica,sans-serif;
    text-decoration: line-through;
    color: gray;
    position: relative;
    padding-left: 11px;
}
.card-text_22{
   font-weight: 600;
    font-size: 13px !important;
    font-family: avenir,helvetica,sans-serif;
    text-decoration: line-through;
    color: gray;
    position: relative;
    padding-left: 11px;
}
.add_btn{
  border: 1px solid #5b26f5;
    border-radius: 8px;
    color: #6600ff;
    font-weight: 700;
    padding: 6px;
    line-height: 19px;
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    background-color: transparent;
    font-family: sans-serif;
    width: 100%;
    margin-top: 7px;
}
.btn-hov:hover{
  box-shadow: rgba(102, 0, 255, 0.16) 0px 1px 2px,
            rgb(102, 0, 255) 0px 0px 0px 2px;
}
.nav-item{
  font-size: 14px;
}
.btn_added{
  color: green;
  border: 1px solid green;
    border-radius: 8px;
    font-weight: 700;
    padding: 6px;
    line-height: 19px;
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    background-color: transparent;
    width: 100%;
    margin-top: 7px;
}
.btn_sold{
  color: grey;
  border: 1px solid grey;
    border-radius: 8px;
    font-weight: 700;
    padding: 6px;
    line-height: 19px;
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    background-color: transparent;
    width: 100%;
    margin-top: 7px;
}
.no-hover{
  pointer-events: none;
}
.bg-gray{
      background-color: #80808036;
    padding: 10px;
}
a{
 text-decoration: none;
}
.text-note{
  margin: 0;
  font-size: 12px;
  color: gray;
}
.mb-1{
   margin-bottom: 1.5rem !important;
}
#categories{
  padding: 0;
}
.pro_name{
 font-size: 18px;
 margin-bottom: 15px;
 font-weight: 700;
  font-family: sans-serif;
}
.pro_name_1{
  font-size: 14px;
 margin-bottom: 15px;
 font-weight: 700;
  font-family: sans-serif;
}
.mb-5{
  margin-bottom: 5px !important;
}
.mb-4{
  margin-bottom: 4rem !important;
}
.quantity_para{
  font-size: 12px;
  margin-bottom: 5px;
    font-weight: 500;
}
.btn_div{
      width: fit-content;
      margin-bottom: 20px;
    margin-left: 2px;
     border: 1px solid gray;
     box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.quantity_btn{
    text-align: center;
    padding: 5px;
    cursor: pointer;
}
.quantity_btn:active {
    transform: scale(0.9);
}

.quantity_show{
   text-align: center;
    padding: 5px;
}
.mb-18{
  margin-bottom: 18px;
}
.mar-l-2 {
    margin-left: 2rem;
}
.icon{
    font-size: 15px;
}
.pro_add_btn{
  width: 258px;
}
img{
  max-width: 100%;
  position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    cursor: grab;
}

figure {
    overflow: hidden; /* Prevents image from overflowing */
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

figure img {
    transition: transform 0.3s ease-in-out;
    width: 100%;
}
/*
figure:hover img {
    transform: scale(1.3);
}
*/
 figure img:active {
        cursor: grabbing;
    }

.thumb_img_list img {
    width: 70px;
    height: auto;
    margin: 5px;
    cursor: pointer;
}
.thumb_img_list{
  text-align: center;
}
.thumb_img_list ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.thumb_img_list ul li{
  display: inline-block;
  border: 1px solid #80808042;
  width: 70px;
  margin: 0 5px;
  cursor: pointer;
}
.thumb_img_list ul li img{
  display: block;
}

.weight-600{
  font-weight: 600 !important;
}
.m-b-10{
  margin-bottom: 10px !important;
}
.nav-item.dropdown {
    position: relative;
}
.mb_1{
  margin-bottom: 1rem !important;
}
.dropdown-menu {
    display: none; /* Initially hidden */
    position: absolute;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    font-size: 12px;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    min-width: 150px;
    padding-left: 0;
    padding-right: 0;

}
.dropdown-menu.show {
    display: block !important;
    opacity: 1;
    visibility: visible;
}
.dropdown-menu>li>a:hover {
  background-color: transparent;
      background-image: none;
}


.dropdown-menu_2>li>a:hover {
  background-color: transparent;
}

.dropdown-item:hover {
    color: crimson; /* Dark text */
}
.footer-gray .dropdown-item:hover {
    background-color: transparent !important;
    color: inherit !important;
    text-decoration: none !important;
}

.dropdown-menu_2 {
    display: none; /* Initially hidden */
    position: absolute;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    font-size: 12px;
    padding: 20px;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    list-style: none;
    background-color: #fff;
    margin-top: 13px !important;
}
.pr-25{
  padding-right: 25px;
}

.w-65{
 width: 65px;
}

.cart_card-body{
  padding: 12px;
}
.align-center{
   align-items: center;
}

.font-12{
  font-size: 12px !important;
}

.font-13{
  font-size: 13px !important;
}
.font-11{
  font-size: 11px !important;
}
.p-10{
  padding: 10px !important;
}
.order_btn{
    width: 110px;
    height: 35px;
    font-size: 12px;
}
.mb-30{
  margin-bottom: 30px;
}

input::placeholder {
  font-size: 12px;
}
select {
    font-size: 12px !important;
    line-height: 1.5;
}
.justify-center{
  justify-content: center;
}
.font-14{
  font-size: 14px !important;
}
.font-15{
  font-size: 15px !important;
}
a{
  color: #000;
}

.mt-12{
 margin-top: 12px !important;
}
.cart_title{
     margin-bottom: 16px;
    font-weight: 600;
}
.div_wrapper {
  padding: 15px;
  border-radius: 0.75rem;
  background-color: #fff; /* Ensure the form has a white background */
  box-shadow:
    0 -5px 15px -5px rgba(0, 0, 0, 0.2), /* Enhanced top shadow */
    0 15px 25px -5px rgba(0, 0, 0, 0.2), /* Main bottom shadow */
    0 5px 10px -3px rgba(0, 0, 0, 0.1); /* Subtle secondary shadow */
  transition: box-shadow 0.3s ease-in-out; /* Smooth transition for hover effects */
  margin-bottom: 20px;
}

/* Optional: Add a hover effect for more interactivity */
.div_wrapper:hover {
  box-shadow:
    0 -8px 20px -6px rgba(0, 0, 0, 0.25), /* Stronger top shadow */
    0 20px 30px -5px rgba(0, 0, 0, 0.25), /* Stronger bottom shadow */
    0 10px 15px -3px rgba(0, 0, 0, 0.15);
}
.weight-500{
  font-weight: 500 !important;
}

.submit_btn{
     font-family: helvetica, arial, sans-serif;
     font-size: 12px;
    margin-left: 14px;
    padding: 6px 20px;
}
.font-style{
      font-family: helvetica, arial, sans-serif !important;
}
.err_msg{
  font-size: 12px;
  color: red;
  margin-left: 14px;
}
.form-check-input{
  width: 16px;
    height: 16px;
    border: 1px solid #00000078;
}
.form-check-label{
      font-weight: 500;
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: 4px;

}

.err_msg {
    display: block; /* Ensure visibility */
    color: red; /* Highlight errors in red */
    font-size: 14px; /* Adjust font size for better readability */
    margin-top: 5px; /* Add spacing for better UI */
}
.mb-20{
  margin-bottom: 20px;
}
.font-18{
 font-size: 18px !important;
}
.font-16{
 font-size: 16px;
}
.cart_pro_name{
    font-size: 14px;
    font-weight: 600;
    font-family: calibri;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pl-30{
  padding-left: 30px;
}
#mainImg {
    height:60%;
    width: 70%;
    object-fit: cover;
   cursor: -webkit-zoom-in;
   cursor: zoom-in;
}
.thumb_img_list img{
    height: 70px;
    width: auto;
    object-fit: cover;
}
.details_wrapper{
  margin-top: 20px;
  margin-bottom: 30px;
}
.card-img-top{
     height: 170px;
    width: auto;
    object-fit: cover;
    min-width: 75%;
}

input[type=number] {
  -moz-appearance: textfield;
}
.container-fluid>.navbar-collapse{
      z-index: 10;
    background-color: white;
}
.w-20{
  width: 23px;
}
.d-md-flex{
  flex-direction: row !important;
}
.cart_wrapper{
  position: relative;
}
a.cart_link {
    position: relative;  /* Make the parent relative for absolute child positioning */
    display: inline-block;
}
.bg-blue{
    background-color: lightblue !important;
    padding: 15px !important;
}
.w-50{
  width: 51%;
}
.cart_count {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(18%, 141%);
    background-color: gray;
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    font-size: 10px;
    width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 1rem;
    width: 80%;
    font-size: 13px !important;
    font-family: avenir,helvetica,sans-serif !important;
    font-weight: 500;
    margin-left: 7px;
    margin-bottom: 8px;
}

.card-text_3{
  color: rgba(41, 139, 57, 1);
  font-size: 12px !important;
  margin-left: 5px;
  font-weight: 600;
}
.card-text_4{
    font-size: 11px;
    background-color: red;
    Padding: 3px 5px 2px 5px;
    border-radius: 5px;
    color: #fff;
}
.card-text_33{
  color: rgba(41, 139, 57, 1);
  font-size: 13px !important;
  margin-left: 5px;
  font-weight: 600;
}
.gap-20{
  gap: 30px;
}
.pl-0{
  padding-left: 0;
}

#categoriesMenu{
  padding: 10px;
}
.expl_btn{
    padding: 5px 30px;
    border: 2px solid black;
    background-color: #fff;
    font-size: 12px;
    border-radius: 6px;
}
.expl_btn:hover{
  background-color: #8080801a;
}
.owl-nav{
    text-align: center;
    font-size: 25px;
}
.mb-2{
  margin-bottom: 2rem !important;
}
.dropdown-menu li {
    padding: 5px 50px;
    padding-left: 0;
    font-size: 13px;
    font-family: helvetica,arial,sans-serif;
}
.dropdown-menu_2 li {
    font-size: 13px;
    padding: 5px 50px;
    padding-left: 5px;
}
.img_arts{
    height: 350px;
    border-radius: 15px;
}
.gap-2{
  gap: 2rem;
}
.gap-4r{
  gap: 4rem;
}
.footer-gray{
   background-color: #d8d8d8;
   font-size: 13px;
   padding: 25px 85px;
   color: #3b3b3b;
}
.footer_ul{
    list-style: none;
    padding: 0;
    color: #3b3b3b;
}
.margin-5{
  margin: 0 5rem;
}
.filter_btn{
    text-align: center;
    border: 2px solid #0000;
    background-color: #80808036;
    border-radius: 20px;
    line-height: 1.3333333333;
    min-height: 1.5rem;
    padding: 5px 0;
    color: black;
    transition-duration: .25s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.4,0,.4,1);
    font-size: 12px !important;
}
.arrow-icon {
    width: 16px;
    height: auto;
    vertical-align: middle;
}
.nav-item.dropdown : hover {
  background-color: #80808063 !important;
}
.filter_btn:hover{
  background-color: #80808054;
}
.justify-end{
  justify-content: flex-end;
}
.user_profile {
    cursor: pointer;
    background-color: #007bff;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.user_profile_mobile{
   cursor: pointer;
    background-color: #007bff;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.custom-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%; /* Adjust position relative to user_profile */
    right: 0;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding: 10px;
}
.custom-dropdown-menu a {
    display: block;
    text-decoration: none;
    color: #333;
}
.custom-dropdown-menu a:hover {
    background-color: #f5f5f5;
}
.p-list{
    padding: 7px;
    padding-right: 50px;
}

.w-full{
  width: 100%;
}
.w_full{
  width: 100%;
}
.owl-carousel .item img {
    image-rendering: -webkit-optimize-contrast;  /* For Webkit Browsers */
    image-rendering: crisp-edges;  /* Standard */
    width: 100%;
    height: auto;
}

.mt-15{
  margin-top: 15px;
}
  .breadcrumb{
      background:transparent !important;
      padding: 8px 0px;
      margin-top: 15px;
     font-family: helvetica,arial,sans-serif;
    font-weight: 500;
    font-size:13px;
  }
  .menu_style{
    font-family: helvetica,arial,sans-serif;
    font-weight: 500;
    font-size:14px;
  }
  .mb_15{
    margin-bottom: 15px;
  }
  hr{ margin: 0 !important}
  .home_contain{
    background-color: #fff;
  }

  .panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
}

.pagination .page-item {
    margin: 0 5px;
}

.pagination .page-link,
.pagination .page_no {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 12px;
    color: black;
    background-color: #f0f0f0;
    border-radius: 50% !important;
    border: 1px solid transparent;
    cursor: pointer;
}

.pagination .page-link:hover,
.pagination .page_no:hover {
    background-color: #e0e0e0;
}

.pagination .page-item.active .page-link,
.pagination .page-item.active .page_no {
    border: 1px solid black;
    font-weight: bold;
}
.modal_left .modal-dialog {
        position: fixed;
        right: 2px;
        margin: auto;
        width: 360px;
        height: auto;
       -webkit-transform: translate3d(0%, 0, 0);
       -ms-transform: translate3d(0%, 0, 0);
       -o-transform: translate3d(0%, 0, 0);
       transform: translate3d(0%, 0, 0);
  }

.modal-content {
  padding: 5px;
}
.btn-cart-go{
  border: 1px solid black;
  background-color: #fff;
  color: #000;
  border-radius: 50px;
  cursor:pointer;
  font-size: 12px;
  padding: 4px 15px;
  margin-top: 10px;
}
.btn-cart-go:hover{
  border: 1px solid gray;
  color: gray;
}

.btn-mb{
  float: right;
    margin-top: 5px;
}

@media (max-width: 767px) {
    .weight-500{
      font-weight: 500 !important;
    }

    .modal_left .modal-dialog{
          width: 320px !important;
    }
    #prod_img_modal{
      width: 90%;
    }
    .navbar-toggler-icon{
      width: 1em !important;
      height: 1.2em !important;
    }
    .h-60{ height: 65px; }
    .w_full{ width: unset !important;}
    .pl-50{ padding: 0 !important}
    .mr-5{
      margin-right: 0 !important;
    }
    .pl-15{
      padding-left: 15px;
      gap: 0 !important;
    }
    .ml_24{
      margin-left: 24px;
    }
    .pl-20{
      padding-left: 20px;
    }
    .gap-65{
      gap: 0 !important;
    }
    .mb-1{
       margin-bottom: 0.5rem !important;
    }
    .mt-10{
      margin-top: 10px;
      gap: 5px;
    }
    .ml-25{
       margin-left: 0 !important;
    }
    .margin-5{
      margin: 0 !important;
    }
    .ptb-50{
       margin-left: 1rem !important;

    }
    .gap-4r{
          gap: 3rem;
    }
    .mb-4 {
      margin-bottom: 20px !important;
    }
    .col-sm-5 {
            flex: 0 0 50%; /* Each column will take up 50% width */
            max-width: 50%;
        }
        .img_arts {
            width: 100%; /* Ensure the images fit their container */
            margin-bottom: 10px; /* Add some spacing between rows */
        }
    .navbar-nav.ms-auto.gap-20.w-65 {
        gap: 10px; /* Adjust spacing */
        width: 25px;
        margin-left: 0 !important;
    }
    #mainImg{
      height: 64%;
    }
    .p-0{
      padding: 0 !important;
    }
    figure {
      max-width: 200px;
    }
    .card {
        width: 97%;
        padding: 5px;
    }
     .navbar-nav{
       box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     }

    .navbar-brand {
       align-items: center;
       display: flex;
    }
    .navbar-brand img{
      width: 90px;
      max-height: 0;
    }
    .pl-60{
      padding-left: 0;
    }
    .navbar>.container-fluid{
        justify-content: flex-start;
    }
    .navbar-toggler{
        margin-right: 7px;
        padding: 0 8px !important;
         z-index: 20;
    }
    .width-icons{
      width: 45px;
      margin-right: 6rem;
      display: flex;
      align-items: center;
      gap: 2rem;
    }
     #categoriesDropdown {
        display: none;
        position: static;
        box-shadow: none;
        border: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        list-style: none;
    }

    #categoriesDropdown .dropdown-item:hover {
        background-color: crimson; /* Optional: Add hover effect */
    }
    .nav-item{
        background-color: #fff;
        border-bottom: 0.5px solid gray;
    }
    .dropdown-item{
       background-color: #fff;
        font-weight: 600;
        font-size: 13px;
        font-family: helvetica,arial,sans-serif;
    }
    .gap-30{
      gap: 0;
    }
    .pl-10{
      padding: 10px !important;
      box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
     }
    a {
      text-decoration: none !important;
    }
    .filter_btn{
        background-color: #80808036 !important;
        border-bottom: none !important;
        width: 65px;
    }
    .w-74{
       width: 74px !important;
    }
    .arrow-icon{
     width: 12px;
    }
    .nav-link{
       letter-spacing: 0;
    }

    #categoriesDropdown {
        position: static;
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
    }
    #categoriesDropdown .dropdown-item {
        padding: 10px 15px;
        border-bottom: 1px solid #ddd;
    }
        #categoriesDropdown .dropdown-item:last-child {
            border-bottom: none;
        }
       .navbar {
            position: relative;
            z-index: 10;
        }

        .navbar-collapse {
            position: absolute;
            top: 100%;
            width: 100%;
            left: 0;
        }
        .navbar .d-flex.align-items-center {
            display: flex;
            align-items: center;
            justify-content: space-between; /* Ensure left and right alignment */
            width: 85%;
        }
        .navbar-brand {
            margin-left: 5px; /* Slight space between the logo and toggler */
        }
       .breadcrumb-container{
           margin: 0 !important;
       }
       .mo_p_0{
         padding: 0;
       }
        .font-mobile{
          gap: 5px;
        }
        .p-30{
          padding: 15px;
        }
        .pr-55{
          padding-right: 0 !important;
        }

       .blog_link_mobile{
         height: 268px;
      }
      .height-160{
        height: 175px!important;
      }
      .pt-20 {
         padding-top: 25px !important;
        }
     .footer-gray{
       padding: 15px;
     }
     .change_quantity{
       width: 100% !important;
     }
     .pro_add_btn {
       width: 100% !important;
     }
     .down_arrow_png {
        right: 18px !important;
     }

    .card-text_3{
      margin: 0 !important;
      font-size: 11px !important;
    }
    .card-text_2 {
       font-size: 11px !important;
       margin-right: 4px;
    }
    .card-text{
       font-size: 13px !important;
    }
    .w-100{
      width: 100%;
    }
    .cart_count {
        width: 15px;
        height: 15px;
        font-size: 8px;
        transform: translate(40%, -40%);
    }
    .mbb_0{
      margin-bottom: 0!important;
    }
    .w_half{
      width: 100% !important;
    }
    .custom-dropdown-menu{
       width: 100% !important;
       padding: 0;
    }
    .box-sh{
      border-bottom: 1px solid #8080809c;
    }
    .ml-2{
      margin-left: 0 !important;
    }
    .g_10{
      gap: 10px;
    }
    .cart_pro_name{
      text-align: right;
    }
    .rupee_icon_2{
      width: 12px !important;
      top: 2px !important;
    }
    .box_border{
       font-size: 12px !important;
    }
    .box_wrapper{
      width: 95% !important;
    }
    .btn_login {
      width: 100% !important;
    }
    .mt-mob-6{
      margin-top: 6rem;
    }
    .home_mb-0{
     margin-bottom: 0;
    }
    .mt-0{
      margin-top: 0;
    }
    .table-b{
      width: 100% !important;
    }
    .flex_no_mob_wrap{
        flex-wrap: nowrap !important;
    }
    .categoriesMenu_mobile{
      width: 96%;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
   .navbar-nav{
     flex-direction: row !important;
     gap: 12px;
   }
    #mainImg{
      height: 40%;
    }
    figure {
      max-width: 260px;
    }
   .card {
        width: 91%;
    }
   .container-fluid>.navbar-collapse{
         display: flex !important;
        flex-basis: auto;
        height: auto;
        flex-grow: 1;
        flex-direction: row;
   }
   .navbar-toggler{
     display: none !important;
   }
   .pro_add_btn {
    width: 155px;
   }

}

@media (min-width: 577px) {
        .img_arts {
            width: auto; /* Reset image width for larger screens */
        }
    }

@media print {
  .owl-carousel .item img {
    image-resolution: 300dpi;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
     .pro_add_btn {
        width: 213px;
    }
}