@media only screen and (max-width:1769px){

}

@media only screen and (max-width:1500px){
.container{
    max-width: 100%;
}
.hotelinner {
    width: 24%;
}
.banner{
    height: 250px;
    background: url(../images/banner.jpg) no-repeat center 0;
    background-size: cover;
}
.banner img{
    display: none;
}

}

@media screen and (min-width:1024px) and (max-width:1263px) {
    #cssmenu > ul > li > a {padding: 10px 10px;font-size: 16px;margin: 0 0px;}
    .headerright ul li {padding: 0 0 0 20px;}
    .headerright ul li a {color: #fff;font-size: 16px;}
}

@media only screen and (max-width:1269px){
    .imgresize img {
        object-fit: cover;
        height: 174px;
    }

}

@media only screen and (max-width:1100px){

 
}


@media only screen and (max-width:991px){
    .hotelinner {
        width: 30.33%;
        margin: 0 1.5% 3% 1.5%;
    }
    .searchinner {
        width: 100%;
        margin: 0 auto;
    }
    .fixrowsec .col-lg-7.col-xl-8 {order: 2;}
    .fixrowsec .fixcolumn {order: 1;}
    .fixcolumn {position: static;}
    .projectsidebar {
        padding-left: 0px;
        margin-top: 50px;
        padding-bottom: 20px;
    }
    .guestfavouritecont ul {width: 100%;
        margin: 25px 0px 0px;
    }
    .guestfavouritecont {
        display: flex;
        align-items: center;
    }
    .guestfavouritecont img {
        margin-right: 20px;
    }
    .reviewcont {flex-direction: column;}
    .reviewheading {margin: 12px 0px 10px;}
    .bookingfield {
        width: 100%;
    }











}


@media only screen and (max-width:767px){
    .bottombannerinner {
        width: auto;
        padding: 45px;
    }
    #most-popular .owl-nav button.owl-prev, #Preferred-guests .owl-nav button.owl-prev, #Deals-weekend .owl-nav button.owl-prev {
        left: 0;
    }
    #most-popular .owl-nav button.owl-next, #Preferred-guests .owl-nav button.owl-next, #Deals-weekend .owl-nav button.owl-next {
        right: 0;
    }
  
  
    .innerheader {
        padding: 21px 0;
        font-size: 15px;
    }
    .headerright ul li {
        padding: 0 0 0 16px;
    }
    .headerright ul li a span {
        font-size: 24px;
    }
    .headerright ul li a {
        color: #fff;
        font-size: 0;
    }
    .headingsection {
        display: block;
        padding: 0 0 25px;
    }
    h2 span.deal {
        font-size: 16px;
        color: #808080;
        padding-left: 4px;
        display: block;
    }
    .searchsec {
        padding: 0 0 50px;
    }

    .guestfavouritecont ul {flex-wrap: wrap;width: 100%;margin-top: 30px;}
    .guestfavouritecont ul li {width: 46%;
        padding: 30px 15px;
        margin: 0px 2% 15px 2%;
    }
    .hostcard {flex-direction: column;padding: 25px 20px;margin-bottom: 30px;min-height: auto;text-align: center;}
    .hostcontent {
        padding-left: 0px;
        padding-top: 0px;
        width: 100%;
    }
    .guestfavoutite {
        display: block;
        text-align: center;
    }
    .guestfavoutite img {
        width: 140px;
        margin: 0px 0px 15px;
    }
    .star_review {justify-content: center;
        margin: 10px 0px 0px;
    }
    .fixcolumn {
        position: static;
    }
    .projectsidebar {
        padding-left: 0px;
    }
    .hostid {
        margin-bottom: 25px;
    }
    .fixrowsec .col-lg-7.col-xl-8 {order: 2;}
    .fixrowsec .fixcolumn {order: 1;}
    .headerright ul li a.listbutton {
        padding: 11px 16px;
        font-size: 14px;
    }
    
    .container {
        max-width: 100%;
    }
    .guestfavouritecont {
        display: flex    ;
        align-items: center;
    }
    .guestfavouritecont img {
        margin-right: 20px;
    }
    .hostratings {justify-content: center;
    }
    .hostratings p:last-child {
        border-right: none;
        padding: 0px;
        margin: 0px;
    }
    .searchsec h1 {
        padding: 0 0 8px 0;
        text-align: center;
    }
    .button {top: 1px;z-index: 1;}

}

@media only screen and (max-width:680px){
    .hotelinner {
        width: 47%;
        margin: 0 1.5% 3% 1.5%;
    }
    #offcanvasRight {
        width: 96%;
    }

    .bookingfield {
        display: block;
        
    }

    .destinationfield {
        width: 100%;
    }
    .indatefield {
        width: 100%;
       
    }
    .datestart, .dateend{
        width: 100%;
    }
    .guestfield {
        width: 100%;
    }
    .searchform {
        width: 100%;
        padding: 12px 0 0;
    }
    .searchform button {
        border-radius: 25px;
        min-width: 100%;
        max-width: 100%;
        min-height: 50px;
        max-height: 50px;
        display: block;
        width: 100%;
    }
    .custom-modal.fieldcustommodal {
        width: 100%;
        z-index: 99;
    }
    .guestfield .custom-modal {
        width: 100%;
        z-index: 99;
    }
    .bookingfield {
        padding: 14px;
    }

    .list-your-property{
        width: 98%;
    }
}

@media only screen and (max-width:480px){
    .hotelinner {
        width: 97%;
        margin: 0 1.5% 3% 1.5%;
    }
    .bottombannerinner h2 {
        font-size: 36px;
        padding: 0 0 22px;
        line-height: 43px;
    }
    .aminitiescont span {
        width: 100%;
    }
    .guestfavouritecont {
        display: block;
    }
    .guestfavouritecont img {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .projectgallery {
        height: 436px !important;
    }
    img.bigimg {
        max-height: 436px;
        height: 436px;
    }
    .imgresize img {
        height: 254px;
    }
    .innerheader .logo {
        max-width: 85px !important;
    }
    .headermenu {top: 32px;}
    

 
}