/*----------->>> MEDIA QUESRIES <<<-----------*/
@media only screen and (max-width: 1199px) {
	.btn {
		padding: 6px 20px !important;
	}
	.header .navbar-nav .nav-link {
		font-size: 15px;
		margin-right: 20px;
	}
	.header .notifications-item {
		padding: 5px 15px;
	}
	.header .notifications-item .badge {
		top: 0px;
		right: 9px;
		width: 15px;
		height: 15px;
		font-size: 11px;
	}
	.header_btn .btn:first-child {
		margin-right: 3px;
	}
	.header .select-lang {
		margin-left: 10px;
	}
	.banner_slider .banner_info h1 {
		font-size: 63px;
	}
	.post_box .post_img img {
		height: 190px;
	}
	.post_box .post_info h5 a {
		font-size: 22px;
		margin-bottom: 1px;
	}
	.shop_name {
		font-size: 14px;
	}
	.post_box .bottom ul li {
		font-size: 13px;
		margin-bottom: 13px;
	}
	.barber-review-wrapper .barber-review-item .img-wrapper, .dashboard_right .my-booking-wrapper .img-wrapper {
		width: 300px;
		height: 180px;
	}
	.barber-review-wrapper .barber-review-item .barber-info .name a, .dashboard_right .my-booking-wrapper .post_info h5 {
		font-size: 22px;
		margin-bottom: 2px;
	}
	.barber-review-wrapper .barber-review-item .barber-info .designation, .dashboard_right .my-booking-wrapper .shop_name2 {
		font-size: 14px;
		margin-bottom: 2px;
	}
	.barber-review-wrapper .barber-review-item .barber-info .rating {
		font-size: 12px;
		margin-bottom: 2px;
	}
	.barber-review-wrapper .barber-review-item .barber-info .location, .dashboard_right .my-booking-wrapper .available_info li span {
		font-size: 13px;
		margin-bottom: 3px;
	}
}
@media only screen and (max-width: 991px) {
    .btn {
        padding: 4px 18px !important;
        font-size: 13px !important;
    }
	.pb-75 {
		padding-bottom: 60px;
	}
	.pt-75 {
		padding-top: 60px;
	}
	.navbar-toggler {
		order: 4;
	}
	.navbar-collapse {
		order: 5;
		background-color: #000000;
		padding: 10px 25px;
		border-radius: 15px;
		margin-top: 10px;
	}
	.header.affix .navbar-nav .nav-link {
		color: #fff;
	}
	.action-btns-wrapper {
		margin: 0 20px 0 auto;
	}
	.navbar-brand img {
		height: 60px;
	}
	.banner_slider .slide_box {
		min-height: 600px;
	}
	.banner_slider .banner_info h1 {
		font-size: 54px;
	}
	.head h3 {
		font-size: 12px;
	}
	.title h2 {
		font-size: 30px;
	}
	.footer {
		padding: 60px 0 0 0;
	}
	.copyright .content-wrapper {
		flex-direction: column;
		text-align: center;
	}
	.barber-review-wrapper .barber-review-item .img-wrapper, .dashboard_right .my-booking-wrapper .img-wrapper {
        width: 190px;
        height: 175px;
    }
    .package_box {
        margin-bottom: 30px;
        height: auto;
    }
    .dashboard_sec {
        padding: 60px 0;
    }
    .profile_sidebar {
        padding: 15px;
    }
    .dashboard_right,
    .content-box-wrapper {
        padding: 20px;
    }
    .heading_dashboard h3 {
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 1em;
    }
    .about_wrap .main-img {
        margin: 50px auto 0;
        display: block;
    }
    .shape-1 {
        left: 30px;
    }
    .about_wrap p {
        font-size: 16px;
    }
    .contact_sec .contact_info ul li a {
        font-size: 14px;
    }
    .contact_sec .contact_info ul li a i {
        font-size: 12px;
        margin-right: 2px;
    }
    .notification-wrapper .dropdown-list-image {
        height: 30px;
        width: 30px;
    }
    .notification-wrapper .head {
        font-size: 24px;
        margin-bottom: 3px;
    }
    .notification-wrapper .des {
        font-size: 15px;
    }
    .notification-wrapper .time {
        font-size: 14px;
    }
    .notification-wrapper {
        margin-bottom: 15px;
        padding: 20px;
        gap: 15px;
    }
    .pagination .page-link {
        padding: 6px 12px;
        font-size: 15px;
    }
    .number-field-wrapper {
        margin-top: 16px;
    }
    .profile_sidebar {
        margin-bottom: 50px;
    }
    .barber-review-wrapper .barber-review-item, .dashboard_right .my-booking-wrapper {
        padding: 15px;
        gap: 18px;
    }
    .date, .dashboard_right .my-booking-wrapper p {
        font-size: 12px;
    }
    .barber-review-wrapper .barber-review-item .barber-info .name a, .dashboard_right .my-booking-wrapper .post_info h5 {
        font-size: 20px;
        margin-bottom: 1px;
    }
    .barber-review-wrapper .barber-review-item .barber-info .designation, .dashboard_right .my-booking-wrapper .shop_name2 {
        font-size: 12px;
        margin-bottom: 1px;
    }
    .available_info i img {
        width: 10px;
    }
    .barber-review-wrapper .barber-review-item .barber-info .location, .dashboard_right .my-booking-wrapper .available_info li span {
        font-size: 12px;
        margin-bottom: 2px;
    }
    .available_info li span {
        margin-left: 16px;
    }
    .sidebar_nav li a {
        padding: 3px 6px;
    }
    .dashboard_icon {
        margin-right: 3px;
    }
    .abt_img img {
        width: 600px;
    }
    .about_wrap .time-head {
        font-size: 18px;
        margin: 15px 0 5px;
    }
    .about_wrap .name {
        font-size: 20px;
        margin-bottom: 3px;
    }
    .about_wrap .available-time {
        margin-bottom: 10px;
    }
    .about_wrap .available-time span {
        width: 90px;
        font-size: 15px;
        margin-bottom: 3px;
    }
    .about_wrap .available-time strong {
        font-size: 15px;
    }
    .about_wrap .btns-wrapper .detail-icons-wrapper a img {
        width: 16px;
    }
    .about_wrap .btns-wrapper .detail-icons-wrapper a p {
        margin: 3px 0 0;
        font-size: 14px;
    }
    .about_wrap .btns-wrapper .detail-icons-wrapper .socialList {
        bottom: 65px;
        left: -6px;
    }
    .socialList {
        flex-direction: column;
        li {
            margin: 2px;
        }
    }
    .socialList {
        & li {
            a {
                width: 40px;
                height: 40px;
            }
        }
    }
    .about_wrap .btns-wrapper .detail-icons-wrapper .socialList:after {
        top: auto;
        bottom: -18px;
        left: 12px;
        border-bottom: none;
        border-top: solid 18px #1C2749;
    }
    .service_box .user img {
        width: 50px;
        height: 50px;
    }
    .service_box .service_info h5 {
        margin-bottom: 2px;
        font-size: 18px;
    }
    .service_box .service_info p {
        font-size: 15px;
    }
    .service_box .service_info .price {
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .pb-75 {
		padding-bottom: 45px;
	}
	.pt-75 {
		padding-top: 45px;
	}
	.banner_slider .banner_info {
		width: 100%;
	}
	.banner_slider .banner_info h1 {
		font-size: 48px;
	}
	.head h3 {
		font-size: 11px;
	}
	.title h2 {
		font-size: 25px;
	}
	.post_box .post_img img {
		height: 150px;
	}
	.testimonial_sec .testimonial-slider .testimonial_box .user_img {
		width: 75px;
		height: 75px;
	}
	.footer {
		padding: 45px 0 0 0;
	}
	.footer h5 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.footer_info ul li {
		padding-bottom: 5px;
	}
	.footer_info ul li i {
		font-size: 13px;
		margin-right: 1px;
	}
	.footer_info p {
		font-size: 16px;
	}
	.footer h5 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.footer_info li a {
		font-size: 16px;
	}
	.footer_social ul li i {
		width: 35px;
		height: 35px;
		font-size: 12px;
	}
	.filter_btn {
		margin-bottom: 30px;
	}
    .dashboard_sec {
        padding: 45px 0;
    }
    .chat-container {
        margin-top: 30px;
    }
    .chat-container {
        padding-left: 0 !important;
    }
    .post_box .post_info h5 a {
        font-size: 20px;
    }
    .point_title h2 {
        font-size: 25px;
    }
    .point_title h3 {
        font-size: 20px;
        margin-top: 12px;
    }
    .my-points-wrapper .my-points-img-wrapper img {
        width: 120px;
    }
    .abt_img img {
        width: 400px;
        height: 250px;
    }
}
@media only screen and (max-width: 480px) {
	.pb-75 {
		padding-bottom: 30px;
	}
	.pt-75 {
		padding-top: 30px;
	}
	.navbar-brand img {
		height: 50px;
	}
	.header .desktop-links {
		display: none; 
	}
	.header .mobile-links {
		display: inline-block;
	}
	.header .notifications-item {
        padding: 5px;
    }
	.header .notifications-item .badge {
        right: 0;
    }
	.header .select-lang {
        margin-left: 5px;
    }
	.profile_btn button span,
	.profile_btn .dropdown-toggle::after {
		display: none
	}
	.title h2 {
        font-size: 22px;
    }
	.banner_slider .slide_box {
        min-height: 500px;
    }
    .banner_slider .banner_info h1 {
        font-size: 35px;
    }
	.testimonial_sec .testimonial-slider .testimonial_box .user_img {
        width: 60px;
        height: 60px;
    }
	.footer {
		padding: 30px 0 0 0;
	}
	.copyright p {
		font-size: 14px;
	}
	.barber-review-wrapper .barber-review-item, .dashboard_right .my-booking-wrapper {
		flex-direction: column;
	}
	.barber-review-wrapper .barber-review-item .img-wrapper, .dashboard_right .my-booking-wrapper .img-wrapper {
        width: 100%;
        height: 200px;
    }
	.barber-review-wrapper .barber-review-item .barber-info .btn, .dashboard_right .my-booking-wrapper .booking-info .btns-wrapper {
		position: static;
		margin-top: 20px;
	}
    .dashboard_sec {
        padding: 30px 0;
    }
    .heading_dashboard h3 {
        margin-bottom: 5px;
        font-size: 25px;
    }
    .package_box {
        margin-bottom: 20px;
    }
    .package_box {
        padding: 40px 15px 15px;
    }
    .best-offer {
        width: 90px;
        padding: 4px 5px;
        top: 6px;
        font-size: 11px;
        letter-spacing: .5px;
    }
    .best-offer::before {
        border: 11px solid transparent;
        right: -22px;
    }
    .best-offer::after {
        border: 11px solid transparent;
        right: -22px;
    }
    .package_box h4 {
        font-size: 16px;
    }
    .package_box p {
        font-size: 13px;
        margin-bottom: 3px;
    }
    .package_box h5 {
        font-size: 16px;
    }
    .dashboard_right, .content-box-wrapper {
        padding: 15px;
    }
    .notification-wrapper {
        margin-bottom: 10px;
        padding: 15px;
        gap: 5px;
        flex-direction: column;
        align-items: flex-start;
    }
    .notification-wrapper .dropdown-list-image {
        height: 25px;
        width: 25px;
    }
    .notification-wrapper .head {
        font-size: 22px;
        margin-bottom: 2px;
    }
    .notification-wrapper .des {
        font-size: 14px;
    }
    .notification-wrapper .time {
        font-size: 13px;
        margin: 0;
    }
    .profile_sidebar {
        margin-bottom: 30px;
    }
    .sidebar_profile h3 {
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 15px;
    }
    .sidebar_profile img {
        height: 60px;
        width: 60px;
    }
    .sidebar_nav {
        padding-top: 5px;
    }
    .sidebar_nav .nav-link:hover .dashboard_icon, .sidebar_nav .nav-link.active .dashboard_icon {
        width: 20px;
        height: 20px;
    }
    .friend-drawer,
    .no-gutters {
        padding: 6px;
    }
    .profile-image {
        width: 35px;
        height: 35px;
    }
    .text {
        margin: 0px 10px;
    }
    .friend-drawer .text h6 {
        font-size: 15px;
    }
    .friend-drawer .text p {
        font-size: 13px;
    }
    .friend-drawer .time {
        font-size: 11px;
    }
    .heading_dashboard {
        margin-bottom: 6px;
    }
    .chat-bubble {
        padding: 6px 11px;
        font-size: 13px;
        margin: 6px 0px;
    }
    .chat-box-tray {
        input {
            margin: 0 6px;
            padding: 18px 12px;
        }
    }
    .chat-box-tray {
        padding: 3px 0;
        margin-top: 15px;
    }
    .chat-box-tray {
        & i {
            &:last-of-type {
                margin-left: 0;
            }
        }
    }
    .chat-box-tray .send-btn img {
        width: 33px;
        height: 33px;
    }
    .form-control {
        margin-bottom: 10px;
    }
    .addpost_tab.nav-tabs .nav-item {
        margin-right: 10px;
    }
    .dashboard_right .nav-link {
        padding: 6px 18px;
        font-size: 15px;
    }
    .post_box .post_info h5 a {
        font-size: 18px;
    }
    .shop_name {
        font-size: 13px;
    }
    .post_box .post_img .rating {
        font-size: 11px;
    }
    .post_box .fav_icon {
        font-size: 13px;
        width: 25px;
        height: 25px;
    }
    .about_wrap .btns-wrapper .detail-icons-wrapper .socialList {
        flex-direction: row;
        left: auto;
        right: 60px;
    }
    .about_wrap .btns-wrapper .detail-icons-wrapper .socialList:after {
        left: auto;
        right: 13px;
    }
    .socialList {
        & li {
            a {
                width: 30px;
                height: 30px;
            }
        }
    }
    .service_box {
        padding: 15px;
        margin-bottom: 20px;
    }
    .service_box .user img {
        width: 40px;
        height: 40px;
    }
    .service_box .service_info {
        margin-top: 7px;
    }
    .service_box .service_info h5 {
        margin-bottom: 1px;
        font-size: 16px;
    }
    .service_box .service_info p {
        font-size: 14px;
    }
    .service_box .service_info .price {
        font-size: 15px;
    }
}
@media only screen and (max-width: 360px) {
	.navbar-brand img {
        height: 45px;
    }
	.banner_slider .banner_info h1 {
        font-size: 30px;
    }
	.post_box {
		padding: 10px;
		margin-bottom: 20px;
	}
	.barber-review-wrapper .barber-review-item .img-wrapper, .dashboard_right .my-booking-wrapper .img-wrapper {
        height: 160px;
    }
    .friend-drawer .text h6 {
        font-size: 13px;
    }
    .friend-drawer .text p {
        font-size: 12px;
    }
    .addpost_tab.nav-tabs .nav-item {
        margin-right: 6px;
    }
    .dashboard_right .nav-link {
        padding: 4px 15px;
        font-size: 14px;
    }
}