/*================================ Satrt large screens =========================*/
@media (min-width:1201px ) and (max-width: 1440px)
{
   .navs-container .navbar .nav-link {
        margin: 0 4px;
        font-size: 12px;
   }
}
@media (min-width:992px) and (max-width:1200px)
{
    .navs-container .navbar .logo {
        width: 150px;
    }
    .navs-container .navbar .nav-link {
        margin: 0 1px;
        font-size: 11px;
    }   
    .navs-container .navbar .sm_butn {
        width: 35px;
        height: 35px;
        margin: 0 1px !important;
        font-size: 12px;
    }
    .navs-container .navbar .butn.primary_border_butn {
        padding: 0.5rem;
        font-size: 12px;
    }
    .navs-container .navbar .sm_butn ,
    .navs-container .navbar .register_dropdown  {
        margin: 0 1px !important;
    }

}
/*============================== Start medium screen of tablet =========================*/
@media (min-width: 993px) and (max-width: 1024px)
{

}
@media (min-width: 769px) and (max-width: 992px)
{

}
@media(max-width:992px)
{
    .navs-container .navbar .nav-link {
        width: fit-content;
    }
    .about-sec .text-box {
        margin-top: 25px;
    }
    .footer .foot .copyright_p ,
    .footer .foot .social_links {
        text-align: center !important;
        margin: 10px 0 ;
    }    
    .reserv-sec .reserv_box .dr_data {
        margin-bottom: 25px;
    }
    .profile-pg .tab_wrapper.notifications_tab .noti_card .content .date {
        position: absolute;
        top: 5px;
        inset-inline-start: 10px;
    }
}
/*============================== Start small screen of mobile =========================*/
@media(max-width:768px)
{
    .gallery-sec .nav-link {
        margin-inline-end: 10px;
        padding: 1.2rem 0.5rem;
        width: 100px;
    }
    .contact-sec .map_box {
        height: auto;
        flex-wrap: wrap;
    }
    .contact-sec .map_box iframe {
        position: relative;
        height: 350px;
        margin: 10px 0;
    }
    .down_links {
        justify-content: center;
    }
    .service-det .img-box ,
    .service-det .img-box .sec-img{
        height: 300px !important;
        min-height: 300px;
    }
    .gallery-sec .gallery_card {
        height: 130px !important;
    }
    .gallery-sec .gallery_card.vid_card .button {
        width: 40px;
        height: 40px;
    }
    .gallery-sec .gallery_card.vid_card .button.is-play .button-icon svg {
            transform: scale(.5);
    }
    .gallery-sec .gallery_card.vid_card .vid_title {
        top: 48%;
    }
    .booking-pg .inner .box .form-wizard .form-wizard-header .form-wizard-steps li .title_li {
        display: none;
    }
    .booking-pg .inner .box .form-wizard .form-wizard-header .form-wizard-steps li {
        width: 80px;
    }
    .booking-pg .inner .box .form-wizard .form-wizard-header .form-wizard-steps li.active::after {
        width: 60%;
    }
    .branch_card {
        margin: 10px 0 !important;
    }
}
@media (min-width: 577px) and (max-width: 768px)
{

}
@media(max-width:576px)
{
    .booking-pg .inner .box .date_group .datepicker-container {
        width: 300px;
    }
    .booking-pg .inner .box .date_group .datepicker-container .datepicker-panel > ul > li {
        width: 40px;
    }
}
@media(min-width: 426px) and (max-width: 576px)
{

}
@media (min-width: 376px) and (max-width: 425px)
{

}
@media (min-width: 321px) and (max-width: 375px)
{
   
}
@media (max-width: 320px)
{

}