/*================================ Satrt large screens =========================*/
@media (min-width:1201px ) and (max-width: 1440px)
{
   
}
@media (min-width:1025px) and (max-width:1200px)
{

}
/*============================== 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)
{
    
    .navbar-collapse{
        margin-top: 15px;
    }
    .navs-container .navbar .butn.primary_border_butn {
        margin-inline-start: 0 !important;
    }
    .navs-container .navbar .fsChanger  {
        margin: 10px 0;
        display: table;
        margin-right: auto;
        margin-top: -55px;
        margin-bottom: 20px;
    }
    .navs-container .navbar .fsChanger .fs_palette {
        justify-content: start !important;
    }
    .about-sec .sec-img {
        /*margin: 0 0 25px 0 !important;*/
        height: 250px;
    }
    .rooms-sec .room_card {
        /*margin-top: 0 !important;*/
    }
    .rooms-sec .room_card .card-body{
        min-height: 180px;
    }
    .rooms-sec .text-box ,
    .disabled-sec .sec-img{
        margin-bottom: 25px;
    }
    .contact-sec .contact_middle .contact_box {
        margin-top: 0px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%, 0 95%);
    }
    .contact-sec .contact_middle .map_box {
        margin-bottom: 0;
    }
    .contact-sec .contact_middle .map_box iframe{
        height: 250px;
    }
    .contact-sec .contact_foot .logo {
        margin-bottom: 25px;
    }
    .contact-sec .contact_foot .social_links {
        margin-top: 2rem;
    }
    .footer .content .form-group .butn {
        margin-top: 10px;
    }
    .about_pg .img {
        margin-bottom: 25px;
    }
    .about_pg .img img:nth-of-type(2) {
        left: 0;
    }
    .disabled_services .ser_card ,
    .booking_pg .info_lg {
        padding: 1vw;
    }
    .row {
        --bs-gutter-x: 0rem;
    }
    .box_item {
        margin: 10px 0;
    }
    .testimonials .test_card .img_side {
        border-left: unset;
        border-bottom: 1px solid #0002;
        padding-left: 0px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    
    .disabled_services .ser_card .info{
        padding: 15px;
        height: max-content;
    }
    
    .disabled_services .ser_card .info li{
        font-size: 14px;
    }
    
    .disabled_services .ser_card .info .px-5{
        padding: 0 !important;
    }
    
    .disabled_services::before{
        display: none;
    }
    
    .gallery_pg .taps span{
        min-height: 65px;
        display: flex;
        align-items: center;
        text-align: center;
        font-size: 12px;
        padding: 15px;
        margin: 10px 5px;
    }
    
    .rated_modal .data-group .title{
        padding: 10px 0;
        background-color: var(--primary);
        color: #fff;
        font-size: 10px;
        width: 140px;
        min-width: auto;
        text-align: center;
        -webkit-margin-end: 15px;
        margin-inline-end: 10px;
    }
    
    .rated_modal .stars-content .star-rating{
        font-size: 15px;
        padding: 0px;
        width: max-content;
        line-height: 1;
    }
    
    #rated_modal .stars{
        font-size: 13px;
        line-height: 1;
    }
    
    #rated_modal .modal-content {
        padding: 0;
    }
    
    .room_features_slider .swiper-container .swiper-pagination .swiper-pagination-bullet{
        width: 15px;
        height: 5px;
        border-radius: 25px;
        margin: 0 2px;
    }
    
}
/*============================== Start small screen of mobile =========================*/
@media(max-width:768px)
{
    .ui-datepicker {
        transform: scale(.7) translate(-100px , 90px);
    }
}
@media (min-width: 577px) and (max-width: 768px)
{

}
@media(max-width:576px)
{
    
}
@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)
{

}