/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  /* hero content */

  .hero-section {
    margin-top: 0px;
  }

  .breadcrub title {
    font-size: 25px;
  }

  .breadcrub {
    padding-top: 3rem;
  }

  .hero_content {
    /* padding: 500px 20px 0; */
    text-align: center;
  }

  .hero_content h1 {
    font-size: 32px;
    line-height: 3.4rem;
    margin-bottom: 10px;
    text-transform: uppercase;
  }

  .hero_content a {
    text-align: center;
    margin: 0 auto;
    /* max-width:0 ; */
  }

  .form_tabs .tab_link {
    padding: 12px 25px;
  }

  .dubai_header_content {
    margin-left: 30px;
  }

  .scontent_wrapper {
    margin-top: 20px;
  }

  .group {
    padding-right: 0px;
  }

  .group p {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
  }

  .buy_rent_content {
    margin-top: 0px;
    padding: 3rem 0 3rem 1.5rem;
  }

  .scontent_wrapper p {
    text-align: left;
    font-size: 14px;
  }

  /* first slider start */

  .dubai_properties {
    padding: 100px 0 50px;
  }

  .group h1 {
    font-size: 14px;
  }

  .group p {
    text-align: left;
    font-size: 14px;

    line-height: 20px;
  }

  .scontent_wrapper p {
    text-align: left;
    font-size: 14px;
  }

  .slider_btn {
    display: flex;
    padding-bottom: 20px;
  }

  .slider_btn .slider_single_btn {
    margin-right: 0px;
  }

  .slider_single_btn a {
    margin-right: 2px;
    padding: 15px 0.75rem;
  }

  .pro_btn_prev {
    margin-left: 5px;
  }

  .buy_rent {
    padding: 50px 15px 50px;
  }

  .buy_rent_content h3 {
    font-size: 2.75rem;
  }

  /* expert section start */

  .real_state_expert {
    position: relative;
    padding: 50px 0;
  }

  .real_state_expert_img {
    position: relative;
  }

  .real_state_expert_content {
    text-align: center;
    padding: 10px 0 0 0px;
  }

  .counter {
    display: flex;
    position: absolute;
    left: 20px;
    bottom: 500px;
    padding: 0.5rem 22px;

    background-color: #111010cc;
    backdrop-filter: blur(16px);
  }

  .counter .s_counter p {
    font-size: 1rem;
  }

  .s_counter {
    width: 32%;
    text-align: center;
  }

  /* team slider start */

  .team_slider_section {
    padding: 50px 0px;
  }

  .team_slider_section .left_content {
    text-align: center;
  }

  .img_contain img {
    aspect-ratio: 1 / 2.025;
    object-fit: cover;
    display: block;
  }

  .TeamSwiper .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    top: 180px !important;
    right: -12px !important;
  }

  .TeamSwiper .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    top: 180px !important;
    left: -12px !important;
  }

  /* lifestyle start */

  /* property start */

  .property {
    padding: 2rem 0;
  }

  .prompt_content h3 {
    font-size: 20px;
  }

  .prompt_content p {
    font-size: 14px;
    margin-bottom: 32px;
  }

  /* explore start */

  .explore {
    padding: 50px 0;
  }

  .explore_content {
    text-align: center;
    margin-top: -45px;
  }

  /* review start */

  .review_section {
    padding: 50px 0;
  }

  /* news section start */

  .news_section {
    padding: 50px 0;
  }

  .news_image {
    margin-bottom: 10px;
  }

  /* blog section */

  .blog_section {
    padding: 2rem 0;
  }

  /* gallery start */

  .gallery {
    padding: 50px 0;
  }

  /* property page start    */
  .range-slider {
    -webkit-appearance: none;
    background: transparent;
    width: 100%;
    position: static;
    pointer-events: none;
  }

  .heading .title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 10px;
  }

  .apart_name {
    font-size: 24px;
    line-height: 36px;
  }

  .filter .price {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .d_table {
    display: block;
  }

  .form_heading h3 {
    font-size: 18px;
    line-height: 30px;
  }

  .designation h2 {
    font-size: 1rem;
    line-height: 2rem;
  }

  .designation p {
    font-size: 14px;
    line-height: 1.5rem;
  }

  .form_heading p {
    font-size: 18px;

    line-height: 32px;
  }

  .tabs {
    margin-bottom: 10px;
  }

  .tabs div {
    font-size: 12px;
    padding: 0px;
  }

  .tabs div {
    padding: 0px;
  }

  .form_wrapper {
    padding: 0px 0px;
  }

  .btn-send {
    padding: 10px 1.5rem;
  }

  .dates div {
    font-size: 12px;
  }

  .item_icons a i {
    font-size: 16px;
  }

  .item_icons {
    font-size: 30px;
  }

  .ls_detail_container {
    padding: 1rem 1.25rem;
  }

  .blog_section {
    padding: 3rem 0;
  }

  .common_btn {
    margin: 20px auto;
    padding: 15px 20px;
  }

  .prompt_consultation {
    padding-left: 1.5rem;
  }

  .designation {
    padding: 0 5px;
  }

  .expert_slider_content {
    margin-top: 20px;
  }

  .news_img_content a i {
    font-size: 24px;
    right: 42px;
    bottom: -3px;
  }

  .luxury_slider_content ul {
    display: block;
  }

  /* property start */

  .form-header h2 {
    font-size: 18px;
  }

  .form-header p {
    font-size: 12px;
    color: #b8b8b8;
  }

  .form-body {
    display: block;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .form-body input {
    background-color: #1c1c1c00;
    border: none;
    width: 100%;
  }

  .pagination {
    overflow: hidden;
  }

  .form-body button {
    padding: 10px 36px;
  }

  .categoreis {
    display: none;
  }

  .blog_section {
    padding: 1rem 0;
  }

  .consultant-section {
    padding: 18px;
  }

  .hero_content {
    text-align: center;
  }

  .hero_content a {
    max-width: revert;
  }

  .expertText_wrapper {
    text-align: center;
    padding: 3rem 1.75rem 3rem 1rem;
  }

  .expertText_wrapper a {
    margin: 0 auto;
  }

  .expertImage_wrapper {
    padding-left: 0px;
  }

  .news_img_content h5 {
    font-size: 19px;
  }

  .news_img_content {
    left: 0px;
  }

  .blog_wrapper {
    margin-top: 20px;
  }

  .lf_img_wrapper img {
    width: 95%;
  }

  .news_section {
    padding: 100px 15px;
  }

  .news_img_content .lf {
    right: 28px;
    bottom: 8px;
  }

  /* property page start */

  /* filter start */
  /* .filter {
    padding-top: 0rem;
} */

  .filter {
    padding-top: 0rem;
  }

  .filter-tab {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    z-index: 1000;
    overflow-y: auto;
    padding: 20px 20px 72px;
  }

  .mobile_filter {
    position: fixed;
    top: 225px;
    left: 14%;
    z-index: 100;
    gap: 10px;
    display: flex;

    padding: 0px;
    background-color: transparent;
    border-top: none;
  }

  .mobile_filter .all_filter {
    background-color: #d3a188;
    width: 100%;
    margin-top: 0;
    border: none !important;
    padding: 14px 20px;
  }

  .sort_mobile i {
    background: #d3a188;
    padding: 18px 40px;
  }

  .close-tab {
    display: block;
    margin-bottom: 20px;
    background-color: #ff000000;
    color: white;
    padding: 10px;
    border: none;
    cursor: pointer;
  }

  .large_screen_filter {
    display: none;
  }

  .bed_room .bed_count {
    margin-top: 0;
  }

  /* single property page start */
  .main {
    margin-top: 50px;
  }

  .custom_img_flex {
    display: flex;
    gap: 20px;
    margin-top: 20px;
  }

  .view_btn a {
    display: none;
  }

  .mobile_img_btn {
    cursor: pointer;
    display: block;
  }

  .apart_name {
    margin-top: 16px;
    font-size: 25px;
    line-height: 2.25rem;
  }

  .filter {
    padding-top: 0rem;
  }

  .filter .price {
    font-size: 28px;
    margin-right: 20px;
    margin-bottom: 0;
    margin-top: 10px;
  }

  .d_icon {
    display: block !important;
  }

  .d_icon,
  .mini_first_detail,
  .mini_second_detail {
    justify-content: flex-start !important;
    gap: 30px;
  }

  .item_icons {
    padding-bottom: 24px;
    justify-content: flex-start !important;
  }

  .custom_flex {
    justify-content: flex-start !important;
  }

  .custom_flex .a_filter {
    margin-left: 10px;
  }

  table.table-bordered th,
  table.table-bordered td {
    display: block;
    width: 100%;
    border-bottom: 1px solid #595858;
  }

  .form_wrapper {
    margin-top: 35px;
    padding: 0px 0px;
  }

  .img_contain img {
    aspect-ratio: 1 / 1.25;
  }

  .form_heading h3 {
    font-size: 28px;
    line-height: 28px;
  }

  .compare_content h4 {
    margin: 20px 0 20px;
  }

  .compare_content h5 {
    margin: 20px 0 20px;
  }

  .custom_padding {
    padding: 0 30px !important;
  }

  .product_icon_flex {
    display: flex !important;
  }

  /* single property page end */

  .luxury_slider_content ul {
    display: flex;
    justify-content: flex-start;
    overflow-x: scroll;
    gap: 0px;
  }

  .view_btn button {
    display: none;
  }

  /* footer */

  .footer-links {
    width: 80%;
    padding-top: 10px;
    margin: 0;
  }

  .footer-links a {
    flex: 1;
    text-align: center;
    padding: 0 5px;
  }

  .footer-column1,
  .footer-column2 {
    width: 50%;
    /* Make each column take up half of the available width */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }

  .footer-column1 {
    margin-left: -20px;
    /* Adjust the margin if needed */
  }

  .footer-column2 {
    margin-right: -18px;
    margin-left: 20px;
  }

  .footer-column3,
  .footer-column4 {
    width: 50%;
    /* Make each column take up half of the available width */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }

  .footer-column3 {
    margin-top: -36px;
    /* Adjust the margin if needed */
  }

  .footer-column4 {
    margin-top: -40px;
  }

  .footer-column5 {
    width: 100%;
    /* Ensure it takes full width */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }

  .footer-column ul {
    list-style: none;
    padding: 0;
  }

  .footer-column ul li {
    margin-bottom: 10px;
    /* Space between each link */
  }

  .text-white60 {
    text-align: center;
  }

  .footer img {
    width: 60%;
    margin-left: 35px;
    padding-bottom: 22px;
  }

  .call-button {
    margin-right: 10px;
  }

  .footer-contact {
    text-align: center;
  }

  /* final footer start */
  .footer_contact_details {
    padding: 0 30px;
    text-align: center;
  }

  .footer_contact_details p {
    font-size: 12px;
  }

  .footer_contact_details ul li a i {
    font-size: 20px;
  }

  .footer_list_item {
    display: flex;
    justify-content: start;
  }

  .first_footer_wrap {
    display: block;

    text-align: center;
  }

  .footer_first_text {
    display: none;
  }

  .footer_second_contact_text {
    display: block;
    border-bottom: 1px solid #595858;
    padding-top: 3.5rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }

  .footer_logo_wrap {
    padding-bottom: 2.5rem;
  }

  .footer_logo_wrap a img {
    width: 35%;
  }

  .third_footer_wrap {
    margin-top: 3rem;
  }

  .third_footer_wrap ul li a {
    font-size: 12px;
  }


}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
  .form-header h2 {
    font-size: 28px;
  }

  .form-body button {
    padding: 10px 36px;
  }

  .categoreis {
    display: none;
  }

  .blog_section {
    padding: 0rem 0;
  }

  /* hero content */

  .hero_content {
    padding-top: 50px;
    text-align: center;
  }

  .hero_content h1 {
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
  }

  .hero_content a {
    text-align: center;
    margin: 0 auto;
    /* max-width:0 ; */
  }

  .dubai_header_content {
    margin-left: 48px;
  }

  .buy_rent_content {
    margin-top: 0px;
    padding: 3rem 0 3rem 1.5rem;
  }

  /* first slider start */

  .dubai_properties {
    padding: 100px 0 50px;
  }

  .group h1 {
    font-size: 18px;
  }

  .scontent_wrapper p {
    text-align: center;
    font-size: 14px;
  }

  .slider_btn {
    padding-bottom: 20px;
  }

  .pro_btn_prev {
    margin-left: 0;
  }

  .buy_rent {
    padding: 50px 0 50px;
  }

  /* expert section start */

  .real_state_expert {
    position: relative;
    padding: 50px 0;
  }

  .real_state_expert_img {
    position: relative;
  }

  .real_state_expert_content {
    text-align: center;
    padding: 10px 0 0 0px;
  }

  .counter {
    position: absolute;
    left: 55px;
    bottom: 370px;
    border-right: 0;
    padding: 1.5rem 22px;
    background-color: #111010cc;
    backdrop-filter: blur(16px);
  }

  .s_counter {
    width: 32%;
    text-align: center;
  }

  /* team slider start */
  .team_slider_section {
    padding: 50px 50px;
  }

  .TeamSwiper .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    top: 180px !important;
    right: -12px !important;
  }

  .TeamSwiper .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    top: 180px !important;
    left: -12px !important;
  }

  /* property start */

  .view_btn button {
    display: none;
  }

  .property {
    padding: 2rem 0;
  }

  /* explore start */

  .explore {
    padding: 50px 0;
  }

  .explore_content {
    text-align: center;
    margin-top: 5px;
  }

  /* review start */

  .review_section {
    padding: 50px 0;
  }

  /* news section start */

  .news_section {
    padding: 50px 0;
  }

  .news_image {
    margin-bottom: 10px;
  }

  /* blog section */

  .blog_section {
    padding: 2rem 0;
  }

  /* gallery start */

  .gallery {
    padding: 50px 0;
  }

  .text-section h3 {
    font-size: 50px;
  }

  .counter .s_counter p {
    font-size: 1rem;
    margin-bottom: 0;
  }

  .common_btn {
    margin: 18px auto;
  }

  .team_slider_section .left_content {
    text-align: center;
  }

  .prompt_consultation {
    margin-top: 20px;
  }

  .text-section h3 .arrow {
    margin-left: 20px;
    font-size: 2rem;
  }

  /* expeart section start */

  .expert_slider {
    padding: 50px 0;
  }

  .expertText_wrapper {
    text-align: center;
    padding: 3rem 2.75rem 3rem 3rem;
  }

  .expertText_wrapper a {
    margin: 0 auto;
  }

  .expertImage_wrapper {
    padding-left: 18px;
  }

  .news_img_content h5 {
    font-size: 19px;
  }

  .news_img_content {
    left: 0;
  }

  .lf_img_wrapper {
    width: 536px;
    margin: 0 auto;
  }

  .news_img_content .lf {
    right: 28px;
    bottom: 10px;
  }

  /* property page start */

  .range-slider {
    -webkit-appearance: none;
    background: transparent;
    width: 100%;
    position: static;
    pointer-events: none;
  }

  /* .all_filter {
        background: #D3A188;
        top: 100px;
        left: 24%;
        z-index: 100;
        position: fixed;
        border: 1px solid #D3A188 !important;
        
        padding: 12px;
        width: 30% !important;
    } */

  /* .mobile_filter {
        position: fixed;
        display: flex;
        top: 112px;
        left: 25%;
        z-index: 100;
    }

    .all_filter_mobile{
        background: #D3A188;
    }
    

    

    .mobile_filter  .all_filter {
        margin-top: 0;
        border: 1px solid #D3A188 !important;
        color: #fff;
        border-radius: 0;
        padding: 16px 45px;
    }

    .sort_mobile {
        border: 1px solid #D3A188 !important;
        color: #fff;
        border-radius: 0;
        padding: 16px 25px;
       
        margin-left: 20px;
        background-color: #D3A188;
    } */

  .breadcrub {
    padding-top: 1rem;
  }

  .filter-tab {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    z-index: 1000;
    overflow-y: auto;
    padding: 20px 20px 72px;
  }

  .mobile_filter {
    position: fixed;
    top: 225px;
    left: 20%;
    z-index: 100;
    gap: 10px;
    display: flex;

    padding: 10px;
    background-color: transparent;
    border-top: none;
  }

  .mobile_filter .all_filter {
    background-color: #d3a188;
    width: 100%;
    margin-top: 0;
    border: none !important;
    padding: 14px 40px;
  }

  .sort_mobile i {
    background: #d3a188;
    padding: 18px 40px;
  }

  .close-tab {
    display: block;
    margin-bottom: 20px;
    background-color: #ff000000;
    color: white;
    padding: 10px;
    border: none;
    cursor: pointer;
  }

  .large_screen_filter {
    display: none;
  }

  .bed_room .bed_count {
    margin-top: 0;
  }

  .form-body {
    display: block;
  }

  .form-body input {
    width: 95%;
  }

  .form-body button {
    padding: 18px 150px;
  }

  .heading h1 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 10px;
  }

  /* single property page start */
  .main {
    margin-top: 50px;
  }

  .custom_img_flex {
    display: flex;
    gap: 20px;
    margin-top: 20px;
  }

  .view_btn a {
    display: none;
  }

  .mobile_img_btn {
    cursor: pointer;
    display: block;
  }

  .apart_name {
    margin-top: 40px;
    font-size: 36px;
    line-height: 2.25rem;
  }

  .filter {
    padding-top: 0rem;
  }

  .filter .price {
    font-size: 28px;
    margin-right: 20px;
  }

  .d_icon {
    display: block !important;
  }

  .d_icon,
  .mini_first_detail,
  .mini_second_detail {
    justify-content: flex-start !important;
    gap: 30px;
  }

  .item_icons {
    padding-bottom: 24px;
    justify-content: flex-start !important;
  }

  .custom_flex {
    justify-content: flex-start !important;
  }

  .custom_flex .a_filter {
    margin-left: 10px;
  }

  table.table-bordered th,
  table.table-bordered td {
    display: block;
    width: 100%;
    border-bottom: 1px solid #595858;
  }

  .form_wrapper {
    margin-top: 35px;
    padding: 0px 0px;
  }

  .img_contain img {
    aspect-ratio: 1 / 1.25;
  }

  .form_heading h3 {
    font-size: 28px;
    line-height: 28px;
  }

  .product_icon_flex {
    display: flex !important;
  }

  /* final footer start */
  .footer_contact_details {
    padding: 0 30px;
    text-align: center;
  }

  .footer_contact_details p {
    font-size: 12px;
  }

  .footer_contact_details ul li a i {
    font-size: 20px;
  }

  .footer_list_item {
    display: flex;
    justify-content: start;
  }

  .footer_list_third {
    margin-left: 30px !important;
  }

  .first_footer_wrap {
    display: block;

    text-align: center;
  }

  .footer_first_text {
    display: none;
  }

  .footer_second_contact_text {
    display: block;
    border-bottom: 1px solid #595858;
    padding-top: 3.5rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }

  .footer_logo_wrap {
    padding-bottom: 2.5rem;
  }

  .footer_logo_wrap a img {
    width: 35%;
  }

  .third_footer_wrap {
    margin-top: 3rem;
  }

  .third_footer_wrap ul li a {
    font-size: 12px;
  }

  /* final footer end */

  /* single property page end */
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

  /* home page */
  .hero_content {
    padding-top: 100px;
    text-align: center;
  }

  .hero_content a {
    margin: 0 auto;
  }

  .dubai_header_content {
    margin-left: 70px;
  }

  .group h1 {
    font-size: 18px;
    line-height: 1rem;
  }

  .slider_single_btn a {
    padding: 1rem 1.75rem;
  }

  .buy_rent {
    padding: 50px 0 50px;
  }

  .pro_btn_prev {
    margin-left: 70px;
  }

  .real_state_expert {
    position: relative;
    padding: 180px 0;
    overflow: hidden;
  }

  .real_state_expert_content p {
    margin-bottom: 25px;
    margin-top: 14px;
  }

  .counter {
    left: 56px;
    width: 94%;
    bottom: 28px;
    position: absolute;
    margin-left: -106px;
    /* width: 112%; */
    border: 1px solid rgb(89 88 88);
    border-left: 0px;
    padding-left: 0;
    margin-left: -25px;
  }

  .counter {
    left: 130px;
    width: 94%;
    bottom: 28px;
    position: absolute;
    margin-left: -106px;

    border: 1px solid rgb(89 88 88);
    border-left: 0px;
    padding-left: 0;
  }

  .buy_rent_content h3 {
    font-size: 2.75rem;
  }

  .buy_rent_content {
    margin-top: 0px;
    padding: 1rem 0 3rem 1.5rem;
  }

  .image-section {
    margin-top: 15px;
  }

  .expert_slider {
    padding: 50px 0;
  }

  .property_item .swiper-button-next {
    margin-top: calc(35px - (var(--swiper-navigation-size) / 2));
  }

  .property_item .swiper-button-prev {
    margin-top: calc(35px - (var(--swiper-navigation-size) / 2));
  }

  .slider_btn {
    display: flex;
    /* margin-top: 40px; */
  }

  .explore {
    padding: 50px 0;
  }

  .news_image {
    margin-bottom: 10px;
  }

  .news_section {
    padding: 50px 0;
  }

  .navbar ul {
    margin: 0;
  }

  .navbar ul li a {
    font-size: 12px;
  }

  .right-side>div a {
    font-size: 12px;
  }

  .form_heading h3 {
    font-size: 28px;
  }

  .form_heading p {
    font-size: 18px;
  }

  .view_btn a {
    font-size: 15px;
    padding: 0.1rem 0.375rem;
    line-height: 1.75rem;
  }

  .categoreis {
    display: none;
  }

  .view_btn {
    left: 12px;
  }

  .simg_wrapper img {
    object-fit: cover;
    display: block;
    aspect-ratio: 1 / 2.75;
  }

  .designation {
    padding: 10px;
  }

  .designation h2 {
    font-size: 14px;
  }

  .designation p {
    font-size: 12px;
  }

  .prompt_consultation {
    padding-left: 1.5rem;
  }

  .breadcrub {
    padding-top: 2rem;
  }

  /* filter start */
  .filter {
    padding-top: 0rem;
  }

  .filter-tab {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    z-index: 1000;
    overflow-y: auto;
    padding: 20px 20px 72px;
  }

  .mobile_filter {
    position: fixed;
    top: 230px;
    left: 30%;
    z-index: 100;
    gap: 10px;
    display: flex;

    padding: 10px;
    background-color: transparent;
    border-top: none;
  }

  .mobile_filter .all_filter {
    background-color: #d3a188;
    width: 100%;
    margin-top: 0;
    border: none !important;
    padding: 14px 40px;
  }

  .sort_mobile i {
    background: #d3a188;
    padding: 18px 40px;
  }

  .close-tab {
    display: block;
    margin-bottom: 20px;
    background-color: #ff000000;
    color: white;
    padding: 10px;
    border: none;
    cursor: pointer;
  }

  .large_screen_filter {
    display: none;
  }

  .bed_room .bed_count {
    margin-top: 0;
  }

  .d_icon {
    display: block !important;
  }

  .d_icon,
  .mini_first_detail,
  .mini_second_detail {
    justify-content: flex-start !important;
    gap: 30px;
  }

  .product_icon_flex {
    display: flex !important;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {}

/*Extra large devices (desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {}

/* Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {}