/*================================ Satrt large screens =========================*/
@media (min-width: 1440px)
{
    .navbar .container-fluid{
        padding: 0 5vw;
    }
   .register-pg .container-fluid{
       padding: 0 0 0 100px;
   }
   .searching .container-fluid{
       padding: 0 4vw;
   }
   header .inner .text-box {
        padding: 50px 50px 50px 150px;
    }
}
@media (min-width:1201px ) and (max-width: 1440px)
{
   
}
@media (min-width:1023px) and (max-width:1200px)
{
    .invetation-pg {
        min-height: 235vh;
    }
}
/*============================== Start medium screen of tablet =========================*/
@media (max-width: 1024px){
    .invetation-pg {
        min-height: fit-content;
        padding: 200px 0
    }
    .invetation-pg .layout-border {
        object-fit: cover;
    }
    .invetation-pg .content-box .body-invit ,
    .invetation-pg .content-box .foot-invit{
        margin-top: 150px;
    }
}
@media (min-width: 993px) and (max-width: 1024px)
{

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

}
@media(max-width:992px)
{
    .navs-wrapper .advanced-search .item {
        margin-bottom: 15px;
    }
    .searching .inner .form {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 10px 5px 60px 5px;
    }
    .searching .item {
        margin: 10px 5px;
        width: calc(50% - 10px);
    }
    .searching .dateBordering {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .searching .submit-btn {
        width: 100%;
        height: 55px;
        border-radius: 0 0 15px 15px;
        left: 0;
        bottom: 0;
        top: unset;
    }
    
    .features-sec .feature-card{
        margin: 10px 0;
    }
    
    .newsletter-sec{
        padding-bottom: 100px;
    }
    
    .newsletter-sec .pattern {
        position: absolute;
        top: auto;
        bottom: -67px;
        left: 1%;
        width: 310px;
        opacity: 0.2;
    }
    
    .halls-sec{
        overflow: hidden;
    }
    
    .about-sec .text-box{
        margin-top: 50px;
    }
    
    .halls-sec .butns .p-5{
        padding: 0.5rem!important;
    }
    
    .halls-sec .butns .butn{
        border-radius: 10px;
        padding: 0;
        border: none;
        margin: auto;
        font-size: 12px;
        display: block;
        padding: 0.7rem 1rem;
    }
    
    .contact-pg .contact-links-sec{
        margin-bottom: 50px;
    }
    
    .contact-pg .map-box{
        margin-bottom: -8px;
    }
    
    .reservation_det .reservation_item .prof-info{
        margin: 10px 0;
    }
    
    .hall_contacts .item{
        margin-bottom: 15px;
        height: calc(100% - 15px);
    }
    
    .reservation_det .hall_contacts .labeled .icon{
        width: 15px;
        height: 15px;
        margin: 0;
        padding: 0;
    }
    
    .reservation_det .hall_contacts .data{
        padding-inline-start: 17px;
    }
    
    .serv_card{
        margin: 10px 0;
    }
    
    .hall-det .reciew-card .review-content{
        text-align: center;
        margin-top: 20px;
    }
    
    .reservation_det .note{
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    
    .reservation_det .note .text {
        line-height: 2;
        margin-top: 15px;
    }
    
    .profile-pg .profile-side .pattern{
        position: absolute;
        opacity: .1;
        bottom: 70px;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        margin: 30px auto 0 auto;
    }
    
    .profile-pg .profile-side{
        margin-bottom: 20px;
    }
    
    .profile-pg .tab-wrapper .nav-pills {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .profile-pg .tab-wrapper.reservations .nav .nav-link,
    .profile-provider .custom-nav .nav-link{
        margin: 5px;
        background: #31248211;
    }
    
    .profile-pg .reservation_item .col-lg-3{
        position: static;
    }
    
    .profile-pg .reservation_item .hall-img{
        margin-bottom: 80px;
    }
    
    .profile-pg .reservation_item .prof-info{
        position: absolute;
        top: 180px;
    }
    
    .profile-pg .reservation_item .price{
        font-size: 25px;
    }
    
    .profile-pg .reservation_item .content .num {
        font-weight: bold;
        color: #fff;
        position: absolute;
        top: 25px;
        left: 30px;
    }
    
    .modal .reservation_content .items {
        width: 25%;
    }
    
    .reserved_days_container li{
        width: 23%;
    }
    
    .selectServicesModal .select-services .select_card{
        margin-bottom: 30px;
    }
    
    .profile-provider .allHalls .reservation_item .hall-img {
        height: 250px;
        margin-bottom: 30px;
    }
    
    .profile-pg .tab-wrapper.notifications .noti-item .noti-body{
        display: flex;
        flex-wrap: wrap;
    }
    
    .profile-pg .tab-wrapper.notifications .noti-item .noti-body .icon{
        width: 30px;
        -o-object-fit: contain;
        object-fit: contain;
        margin-bottom: 10px;
        display: none;
    }
    
    .profile-pg .tab-wrapper.notifications .noti-item .noti-body .text {
        margin: 0;
    }
    
    .profile-pg .tab-wrapper.notifications .noti-item .noti-body .text .title {
        font-weight: bold;
        font-size: 18px;
    }
    
    .profile-pg .tab-wrapper.notifications .noti-item .dateTime p {
        margin: 0 5px;
        display: inline-block;
        font-size: 11px;
    }
    
    .profile-pg .tab-wrapper.notifications .noti-item a{
        display: flex;
        flex-wrap: wrap;
    }
    
    .profile-pg .tab-wrapper.notifications .noti-item a .dateTime {
        order: 2;
        margin-top: 15px;
    }
    
    .profile-pg .tab-wrapper.contract_box{
        margin-top: 70px;
    }
    
    .reservation_det .mails-box .content .item{
        overflow: hidden;
        overflow-x: auto;
    }
    
    .reservation_det .mails-box .content .item::-webkit-scrollbar {
      width: 0;
      height: 0;
    }
    
    .reservation_det .mails-box .content .item::-webkit-scrollbar-track {
      background-color: #ccc;
      height: 0;
    }
    
    .reservation_det .mails-box .content .item::-webkit-scrollbar-thumb {
      background: #25B0A8;
      border-radius: 0;
      height: 0;
    }
    
    .reservation_det .mails-box .content .item::-webkit-scrollbar-thumb:hover {
      background: #312482;
      height: 0;
    }
    
    .combo-arrow {
        height: 100%;
        background: transparent;
        width: 100%;
        display: block;
    }

    
}
/*============================== Start small screen of mobile =========================*/
@media(max-width:768px)
{
    .navs-wrapper .top-nav .logo {
        width: 260px;
        margin: 20px auto;
    }
    .register-pg .text-box {
        padding: 70px 25px;
    }
    .modal .reservation_content .items {
        width: 33%;
    }
    
    .reserved_days_container li{
        width: 30%;
    }
    header .inner .header-img {
        height: 300px;
    }
    .searching {
        padding: 35px 0px;
    }
    .partners-sec .logo {
        height: auto;
        max-height: 100px;
    }
    .statics-sec .static-card {
        padding: 20px;
    }
    .statics-sec .static-card .h1 {
        font-size: 1.8rem;
    }
    .tab-bar-mob {
        display: block !important;
    }
    footer {
        padding-bottom: 45px;
    }
    .whatsapp_butn ,
    .scroll-top-btn {
        bottom: 65px;
    }
    footer .copyright p {
        font-size: 12px;
    }
}
@media (min-width: 577px) and (max-width: 768px)
{

}
@media(max-width:576px)
{
    .dd-options {
        width: 240px !important;
    }
    header .inner .text-box {
        padding: 50px 0;
    }
    
    .modal .reservation_content .items {
        width: 33%;
    }
    
    
    .modal .reservation_content .custom-control-label {
        padding: 1rem 0;
        border: 1px solid #ddd;
        border-radius: 10px;
        min-width: max-content;
        min-height: 130px;
        width: 100%;
    }
    
    .reserved_days_container li{
        width: 48%;
    }
    
    footer .copyright{
        padding-bottom: 60px;
    }
    
    .reservation_det2 .reservation_item{
        padding-top: 90px;
    }
    
    .reservation_det .left-data .price{
        min-width: 75%;
    }
    
    .reservation_det .left-data{
        display: block;
        padding: 10px 0;
        text-align: start;
    }
    
    .reservation_item .badge{
        display: inline-block;
    }
    
    .hall_contacts .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@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)
{

}