@media (min-width: 992px) {
   .container {
      width: 970px;
   }
}

@media (min-width: 768px) {

   .container {
      width: 750px;
   }

   .modal-lg,
   .modal-xl {
      --bs-modal-width: 600px;
   }
}


@media (max-width: 1400px) {
   .container {
      width: 90%;
   }
}

@media (min-width: 1300px) {
   .container {
      width: 1300px;
   }
}

@media (max-width: 992px) {
   .container {
      width: 100%;
   }
}

/*
==============================================
        //// CUSTOM RESPONSIVE ////
==============================================
*/
@media (max-width: 992px) {
   .s_c_container {
    flex-direction: column;
}
.s_c_sidebar{
   flex: 0 0 auto;
}

.p_b_sidebar {
    max-height: 200px;
    overflow: auto;
}

   .str_abt {
      display: none;
   }

   .str_profile .sidebar_heading {
      display: none;
   }

   .visit_str {
      width: 150px;
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
   }

   .str_profile_item {
      padding-right: 170px;
      padding-bottom: 20px;
      margin: 0 !important;
      margin-bottom: 15px !important;
   }

   .s_s_main {
      flex-direction: column;
      position: relative;
      padding: 0 15px;
   }

   .discount {
      flex-direction: column;
   }

   .discount .main_cpn_container {
      padding-top: 0;
   }

   .s_s_main>* {
      width: 100%;
      margin: 0;
   }

   .single_str_sidebar {
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
      flex: 0 0 auto;
   }

   .s_s_main:has(.str_profile) .main_cpn_container {
      padding-top: 164px;
   }

   .side_str {
      max-height: 300px;
   }

   .sidebar_item {
      flex: 1 1 300px;
   }

   .sidebar_item.str_profile {
      position: absolute;
      width: 100%;
      top: 0;
   }

   .store_item {
      width: 100%;
      margin: 0 !important;
   }

   .store_item:not(:last-child) {
      margin-bottom: 25px !important;
   }

   .site_info {
      flex-direction: column;
   }

   .contact_container {
      flex-direction: column;
      grid-gap: 30px;
   }

   .contact_sidebar {
      flex-flow: row wrap;
      border-radius: 10px;
      flex: 0 0 auto;
   }

   .c_s_item {
      flex: 1 1 300px;
   }

   .contact_form {
      border-radius: 10px;
   }

   .contact_detail {
      -webkit-line-clamp: unset;
   }
}

@media (max-width: 768px) {
   .ftr_blog_sec .ftr_heading{
      align-self: flex-start;
      border: none;
      padding: 0;
   }
   .ftr_blog_sec{
      flex-direction: column;
   }
.modal_note p {
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100% + 20px);
}

.modal_note p:before {
    top: 100%;
    left: 50%;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    transform: translateX(-50%);
    height: 10px;
    width: 15px;
}
   .modal .main_cpn_content {
      flex-direction: column;
   }

   .modal .main_cpn_img {
      flex: 0 0 auto;
      width: 100%;
   }

   .modal .main_cpn_img .web_imagebox {
      flex: 0 0 80px;
      width: 80px;
   }

   .main_cpn_img .button {
      width: unset;
      margin: unset;
      display: none;
   }

   .modal .main_cpn_content p {
      text-align: center;
   }

   .modal .timing {
      justify-content: center;
   }
   .swiper .arrows.swiper-button-prev {
      left: 15px !important;
   }

   .swiper .arrows.swiper-button-next {
      right: 15px !important;
   }

   .p_b_blog:nth-child(1) {
      grid-column: unset;
   }

   .p_b_blog:nth-child(1) .p_b_description {
      -webkit-line-clamp: 2;
      margin-bottom: -100px;
   }

   .p_b_blog:hover .p_b_description {
      margin: 0;
   }

   .h_top_discount {
      display: none;
   }

   .header_top {
      flex-direction: row-reverse;
   }

   .h_top_search {
      justify-content: flex-end;
   }

   .logo {
      justify-content: flex-start;
   }

   .navigation {
      padding-bottom: 0px;
   }

   .menu_navbar {
      overflow-x: auto;
   }
}

@media (max-width: 600px) {
   .visit_str {
      display: none;
   }

   .str_profile_item {
      padding: 0;
   }
}
@media (min-width: 500px) {
   .res_link{
      display: none;
   }
}
@media (max-width: 500px) {
   .cat_container {
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   }

   .timing {
      justify-content: center;
   }

   .cpn_btn_wrapper {
      margin: auto;
   }

   .main_cpn_head_wrapper {
      flex: 0 0 auto;
   }

   .main_cpn_head {
      flex-direction: column;
      align-items: center;
      text-align: center;
   }

   .main_cpn_footer {
      flex-direction: column;
      align-items: flex-start;
   }

   .main_cpn_img {
      flex: 0 0 80px;
      height: 80px;
      width: 90px;
   }

   .search_btn span {
      display: none;
   }

   .search_btn {
      height: 40px;
      width: 40px;
      padding: 0;
   }

   .search_wrapepr .search_btn {
      width: 50px;
      flex: 0 0 50px;
   }

   .cat_btn {
      display: none;
   }
}