@charset "utf-8";
@media (min-width:40em) {
    .carousel-caption p {
        margin-bottom: 1.25rem;
        font-size: 1.25rem;
        line-height: 1.4
    }
    .featurette-heading {
        font-size: 50px
    }
}

@media (min-width:62em) {
    .featurette-heading {
        margin-top: 7rem
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .calendar-sec1 form {
        width: 100%;
        padding: 5px 5px
    }
    .property-link a {
        font-size: 14px
    }
    .property-link {
        top: 90%
    }
    .service-box .service-box-text {
        padding: 10px
    }
    .prop-inner .prop-img-box img {
        height: 200px
    }
    .prop-inner .prop-text ul li {
        width: 47%
    }
    .prop-inner .prop-text ul li img {
        width: 20px;
        height: 20px
    }
    .prop-inner .prop-text ul li span {
        top: 0
    }
    .area-in .area-con h3 {
        font-size: 18px
    }
    .area-in .area-con {
        padding: 23px
    }
    .fixed-mn ul li a {
        margin-right: 6px
    }
    .review-page-inner .review-img-box img {
        width: 70px;
        height: 70px
    }
    .inner-m ul li {
        padding: 8px 4px 8px 0
    }
    .prop-icon .prop-icon-inner ul {
        text-align: left
    }
    .prop-icon .prop-icon-inner ul li {
        width: 45%
    }
    .prop-mng-s h1 {
        font-size: 35px;
        text-align: center;
        line-height: 35px
    }
    .amenities_terms h3 {
        font-size: 18px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .calendar-sec1 form {
        width: 100%;
        padding: 5px 5px
    }
    .property-link {
        top: 90%
    }
    .property-link a {
        font-size: 14px
    }
    .service-box .service-box-text {
        padding: 0
    }
    .prop-inner .prop-img-box img {
        height: 150px
    }
    .prop-inner .prop-text ul li {
        width: 100%
    }
    .prop-inner .prop-text ul li img {
        width: 30px;
        height: 30px
    }
    .prop-inner .prop-text ul li span {
        top: 5px
    }
    .area-in .area-con h3 {
        font-size: 18px
    }
    .area-in .area-con {
        padding: 23px
    }
    .area-in .area-img img {
        height: 250px
    }
    .fixed-mn ul li a {
        margin-right: 6px
    }
    .review-page-inner .review-img-box img {
        width: 70px;
        height: 70px
    }
    .inner-m ul li {
        padding: 8px 4px 8px 0
    }
    .prop-icon .prop-icon-inner ul {
        text-align: left
    }
    .prop-icon .prop-icon-inner ul li {
        width: 46.6%
    }
    .prop-mng-s h1 {
        font-size: 35px;
        text-align: center;
        line-height: 35px
    }
    .amenities_terms h3 {
        font-size: 18px
    }
    .amenities-inner ul li {
        width: 24%
    }
    .navbar-brand img {
        width: 180px
    }
}

@media(max-width:767px) {
    header {
    position: static !important;
    z-index: 9;
    width: 100%;
    background: #000;
    top:0;
    }
    .navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgb(255, 255, 255);
    margin: 5px auto;
    }
    .box {
    text-align: center;
    background: rgb(57, 154, 219);
    width: 100% !important;
    height: 360px !important;
    }
    .callbacks img {
    height: 300px;
        
    }
    .callbacks_nav {
        top: 60%
    }
    .navbar-brand img {
        width: 135px
    }
    .slider-sec .rslides .img-caption .caption-inner h1 {
        display: none
    }
    .btn-slider a {
        display: none
    }
    .calendar-sec1 {
        position: relative;
        display: none;
        bottom: 0;
        transform: inherit;
        left: 0;
        background: #00283a
    }
    .calendar-sec1.calendar-sec2 {
        top: 0
    }
    .calendar-sec1 h1,
    .calendar-sec1 h3 {
        display: none
    }
    .calendar-sec1 form {
        background: #495057
    }
    .calendar-sec1 form input {
        margin-bottom: 5px;
        text-align: center
    }
    .service-box {
        padding: 0
    }
    .service-box {
        min-height: auto
    }
    .service-box .service-img-box {
        padding: 10px 0
    }
    .service-box .service-box-text p {
        font-size: 13px;
        line-height: 20px;
        text-align: left;
        position: relative;
        padding-left: 66px
    }
    .service-box .service-img-box img {
        width: 25px;
        height: 25px;
        float: left;
        position: relative;
        left: 20px
    }
    .service-box .service-box-text {
        padding: 0
    }
    .property-link {
        top: 60%;
        width: 60%;
        text-align: center
    }
    .property-link a {
        font-size: 15px
    }
    .calendar-sec1 form {
        width: 100%
    }
    .service ul li {
        width: 100%;
        display: block
    }
    .service-mar-left {
        margin-left: 0
    }
    .service-mar-right {
        margin-right: 0
    }
    .services .no-pad {
        padding-left: 15px;
        padding-right: 15px
    }
    .prop-inner .prop-text ul li {
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
        margin-bottom: 5px;
        width: 100%
    }
    .review h2 {
        font-size: 30px
    }
    .area-in {
        margin-bottom: 15px
    }
    .foot-logo img {
        margin-bottom: 15px
    }
    .footer-col p {
        text-align: center
    }
    .go-logo p {
        text-align: center
    }
    .about-sec .text-con {
        padding: 10px 0 0
    }
    .about-sec .text-con h2 {
        font-size: 20px
    }
    .property-sec .heading h2 {
        font-size: 20px
    }
    .prop-text .prop-text-head h3 {
        font-size: 14px;
        font-weight: 700;
        margin: 10px 0 0 0
    }
    .bread-sec {
        padding: 0 0
    }
    .heading-pr h2 {
        text-align: center;
        line-height: 30px;
        font-size: 30px;
        width: 100%
    }
    .head-bread h1 {
        padding: 90px 0 30px;
        font-size: 20px;
        line-height: 30px;
        top: 0
    }
    .prop-heading-p h2 {
        font-size: 20px
    }
    .inner-m {
        display: none
    }
    .prop-icon .prop-icon-inner ul li {
        width: 100%;
        margin: 0 0 10px
    }
    .amenities-inner ul li {
        width: 100%;
        font-size: 15px
    }
    .review-page-inner .review-img-box {
        text-align: center
    }
    .review-page-inner .review-con-box {
        text-align: center
    }
    .heading-pr h2:after {
        display: none
    }
    .prop-mng-s {
        text-align: center;
        padding-top: 0
    }
    .prop-mng-s h1 {
        font-size: 40px;
        line-height: 40px
    }
    .form-in-mng form .pad-left0 {
        padding-left: 15px
    }
    .form-in-mng form .pad-right0 {
        padding-right: 15px
    }
    .form-in-mng form input {
        margin-bottom: 6px
    }
    .form-in-mng form textarea {
        margin-bottom: 10px
    }
    .from-dt-sec ul li {
        font-size: 70%
    }
    .prop-mg-book .bg-row {
        background: url(../images/bookingg.png) no-repeat;
        background-position: center;
        background-size: cover
    }
    .box-mng {
        width: 100%
    }
    .blog-bg img {
        height: auto;
        margin-bottom: 15px;
        height: 250px
    }
    .icon-check-in .fa-long-arrow-right {
        display: none
    }
    .form-req-inner input {
        border: 1px solid #ddd
    }
    .form-req-inner .check-pt {
        border: 0
    }
    .prop-mg-book .bg-row {
        background: none!important
    }
    .ppp-img {
        display: block
    }
    .ppp-img img {
        width: 100%;
        background: #fff;
        height: 400px;
        object-fit: contain
    }
    .property-page-slide {
        display: none
    }
    .responsive-gallery {
        display: block;
        padding: 30px 0
    }
    .reviews-page h3 span,
    .rate-sec h3 span {
        float: none;
        display: block;
        margin-top: 10px
    }
    .reviews-page h3 span a,
    .rate-sec h3 span a {
        display: block;
        margin-top: 10px
    }
}

@media(min-width:768px) {
    .calendar-prop.res-cal {
        display: none
    }
    .icon-check-in .fa-long-arrow-down {
        display: none
    }
    .ppp-img {
        display: none
    }
}