@media screen and (min-width:992px) {
     .header_section .dropdown:hover .dropdown-menu {
         display: block;
     }

     .border_end {
         border-right: 1px solid #ebebeb;
     }

     .user_dash_wrap {
         padding: 50px 0px;
     }




 }

 @media screen and (min-width:768px) {
     .navbar-brand img {
         max-width: 227px;
         width: 100%;
         position: absolute;
         top: 2px;
         z-index: 1;
         right: 0;
         left: 0;
         text-align: center;
         margin: auto;
     }

     .mb_mb_5 {
         margin-bottom: 35px;
     }
     .header_section{
        padding: 75px 0px;
     }
 }

 @media (max-width: 991px) {
     .hero-title {
         font-size: 4rem;
     }

     .hero-tagline {
         font-size: 1.2rem;
     }

     .section_heading h4 {
         font-size: 32px;
     }

     /* .border_end {
        border-right: 0;
        border-bottom: 1px solid #ebebeb;
    } */

     .user_dash_wrap {
         padding: 0px 0px 25px 0px;
     }

     .banner_form {
         padding: 20px;
     }

     .service_list .favorite_item {
         top: -6px;
         right: 48px;
     }




     .header_section .dropdown-menu {
         border-radius: 8px;
         box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
         padding: 12px;
         width: 96%;
         margin: auto;
     }

     .hero-section {
         padding: 140px 0px;
     }

     .navbar-toggler {
         position: absolute;
         right: 0;
         top: 0;
         bottom: 0;
         display: flex;
         align-items: center;
     }

 }

 @media (max-width: 767px) {
     .banner_content h1 {
         font-size: 25px;
     }

     .banner_sec {
         padding: 100px 0px;
     }

     .blog-details h2 {
         font-size: 22px;
     }

     .blog-details h2 {
         font-size: 18px;
     }

     .hero-title {
         font-size: 3rem;
     }

     .hero-tagline {
         font-size: 1rem;
     }

     .sec_title {
         font-size: 2rem;
     }

     .hero-section {
         padding: 80px 0px;
     }
 }

 @media (max-width: 575px) {
     .hero-title {
         font-size: 2rem;
     }

     .sec_title {
         font-size: 1.5rem;
     }

     .section_heading h4 {
         font-size: 18px;
     }

     .service_item .service_content h4 {
         font-size: 15px !important;
     }

     .service_item .service_content p {
         font-size: 13px;
     }

     .city_name {
         font-size: 14px;
     }

     .service_item .service_content p span {
         line-height: normal;
     }

     .category_box span {
         font-size: 14px;
     }

     .banner_content h1 {
         font-size: 20px;
     }

     .city_services li a {
         font-size: 14px;
     }

     .service_img {
         height: 120px;
     }

     .single-pricing h4 {
         font-size: 20px;
     }

     .single-pricing h3 {
         font-size: 18px;
         padding-bottom: 15px;
         margin-bottom: 12px;
     }

     .single-pricing ul li {
         font-size: 14px;
         margin-bottom: 6px;
     }

     .banner_content .btn {
         font-size: 13px;
     }

     .favorite_service {
         width: 25px;
         height: 25px;
     }

     .favorite_service svg {
         width: 14px;
     }

     .service_items h4 a {
         font-size: 18px;
     }

     .barber-title {
         font-size: 20px;
         color: #212121;
         margin: 0;
         margin-bottom: 5px;
     }


     .step_heading h4 {
         font-size: 20px;
     }

     .listing_form {
         padding: 14px;
     }

     .fc .fc-toolbar {
         display: block;
         text-align: center;
     }

     .fc .fc-toolbar .fc-toolbar-chunk {
         margin: 12px 0px;
     }

     .appointment_calendar th,
     .appointment_calendar td {
         width: 119px;
     }

     .city_wrap h3 {
         font-size: 17px;
     }

     .service_list .review {
         top: 13px;
         left: 14px;
         padding: 5px 10px;
     }

     .service_list .favorite_item {
         top: 1px;
         right: 63px;
     }

     .category_box.p-3 {
         padding: 5px !important;
     }

     .step-card p {
         font-size: 14px;
     }

     .step-card h3 {
         font-size: 18px !important;
     }

     .barber-card {
         height: 100px;
     }

     .barber-card img {
         max-height: 100px;
     }

     .barber-name {
         font-size: 13px;
     }

     .heading_title {
         font-size: 18px;
         color: #212121;
     }

     .service_list .review p {
         font-size: 16px;
     }

     .service_list .badge.bg-success {
         padding: 4px 41px;
     }

     .pagination_nav .page-link {
         width: 34px;
         height: 34px;
         font-size: 14px;
     }

     .footer-area .link-list li a {
         font-size: 14px;
     }

     .footer-bottom-area p {
         font-size: 14px;
     }

     .header_section svg {
         width: 20px;
         height: 20px;
     }

     .gateway-section label {
         font-size: 14px !important;
     }

     .gallery_product_img {
         height: 250px;
     }

     .gallery_product_img img {
         max-height: 250px;
     }

     .productThumbs img {
         height: 100px;
     }

     .swiper-button-next,
     .swiper-button-prev {
         width: 36px;
         height: 36px;
     }

     .pricing_sec .single-pricing {
         padding: 15px;
     }

     .pricing_sec .secondary-btn {
         padding: 12px 15px !important;
         font-size: 14px;
         font-weight: 500;
     }

     .single-pricing ul li svg {
         width: 16px;
         height: 16px;
     }

     .category_box img {
         height: 170px;
         object-fit: cover;
     }

     .hero-section {
         padding: 50px 0px;
     }



     .booking-row {
         padding: 1rem;
     }

     .site_name {
         font-size: 1.4rem;
     }
 }

 @media screen and (max-width:500px) {
     .page-link {
         font-size: 14px;
         padding: 4px 9px;
     }

     .slogan {
         font-size: 10px;
     }

     .header_section .navbar-toggler {
         padding: 0px 5px;
     }
 }