.info-box {
    /* height:300px; */
}
.subscription-div {
    margin-top: 10px;
    background-color: white;
    height: 350px;
    opacity: 0.90px;
}
.overview-c .panel p {
    width: 700px;
    text-align: left;
}
@media (max-width:768px) {
    /*.hotels{
        margin-top:680px !important;
    }*/
    input[type=date] {
        font-size: 20px !important;
    }
    .banner-details {
        height: 5px !important;
    }
    .banner-details-banner {
        display: flex;
    }
    .content {
        /* margin: 5px 5px 10px 5px !important; */
    }
    .header {
        position: relative !important;
    }
    .banner {
        height: auto !important;
        padding: 30px 0;
    }
    .explore button {
        margin: 10px;
    }
    .breadcrumb {
        margin-left: 2px !important;
        margin-right: 0px !important;
        display: flex;
        flex-wrap: nowrap;
    }
    .amenities-section li {
        font-size: 15px;
        width: 100% !important;
    }
    .odv {
        width: 350px !important;
        margin: 10px !important;
        padding: 10px !important;
    }
    .lcard {
        height: 190px !important;
    }
    .btn-success {
        margin-bottom: 10px;
    }
    .info-box {
        height: auto;
        margin-top: 10px;
        display: inline-block !important;
    }
    .homes-page {
        height: auto;
    }
    .desktop {
        margin-left: 0px !important;
    }
    .subscription-div {
        margin: 20px !important;
        background-color: white;
        height: 380px;
        width: 330px;
        opacity: 0.90px;
    }
    .overview-c .panel p {
        width: auto;
    }
    .package_class {
        /* height: 300px; */
    }
    .package_class_pricing {
        /* height: 400px !important; */
    }
    #signin_btn {
        margin-top: 8px !important;
    }
    .slides {
        margin-top: 5px !important;
    }
    .space-desktop {
        margin-top: 5px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .contact {
        text-align: center;
        margin: 0px 0px;
    }
    /* .contact h1{
        font-size: 28px;
        font-weight: 100;
    } */
    .contact .first {
        margin-top: 100px;
    }
    .contact .second {
        margin-top: 80px;
    }
    .contact .third {
        margin-top: 80px;
    }
    .contact .five {
        margin-top: 10px;
    }
    .contact_div {
        width: 300px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .contact {
        text-align: center;
        margin: 0px 0px;
    }
    /* .contact h1{
        font-size: 28px;
        font-weight: 100;
    } */
    .contact .first {
        margin-top: 100px;
    }
    .contact .second {
        margin-top: 80px;
    }
    .contact .third {
        margin-top: 80px;
    }
    .contact .five {
        margin-top: 50px;
    }
    .contact_div {
        width: 700px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact {
        text-align: center;
        margin: 0px 0px;
    }
    /* .contact h1{
        font-size: 28px;
        font-weight: 100;
    } */
    .contact .first {
        margin-top: 80px;
    }
    .contact .second {
        margin-top: 60px;
    }
    .contact .third {
        margin-top: 60px;
    }
    .contact .five {
        margin-top: 40px;
    }
    .contact_div {
        width: 700px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .contact {
        text-align: center;
        margin: 0px 0px;
    }
    /* .contact h1{
        font-size: 28px;
        font-weight: 100;
    } */
    .contact .first {
        margin-top: 80px;
    }
    .contact .second {
        margin-top: 60px;
    }
    .contact .third {
        margin-top: 40px;
    }
    .contact .five {
        margin-top: 40px;
    }
    .contact_div {
        width: 700px;
    }
}
@media only screen and (min-width: 1200px) {
    .contact {
        text-align: center;
        margin: 0px 0px;
    }
    /* .contact h1{
        font-size: 28px;
        font-weight: 100;
    } */
    .contact .first {
        margin-top: 80px;
    }
    .contact .second {
        margin-top: 60px;
    }
    .contact .third {
        margin-top: 60px;
    }
    .contact .five {
        margin-top: 40px;
    }
    .contact_div {
        width: 700px;
    }
}
@media (min-width:768px) and (max-width: 991px) {
    .package-list [class*=col-] {
        width: 33.333333%;
    }
    .p-detail-block h6 {
        font-size: 18px;
    }
    .p-detail-block {
        padding: 0 0 20px;
    }
    .our-work [class*=col-] {
        padding-bottom: 20px;
    }
    .member-list .row {
        margin: 0 -12px;
    }
    .member-list [class*=col-] {
        padding: 0 12px 20px;
    }
    .where_to_go_card {
        height: 250px !important;
    }
}
@media (max-width: 767px) {
    .main-wrapper {
        padding: 40px 0;
    }
    h1 {
        font-size: 20px;
    }
    .package-list [class*=col-] {
        width: 100%;
    }
    .p-detail-block {
        padding: 0 0 20px;
    }
    .page-title {
        padding: 0 0 20px;
    }
    .package-detail {
        padding: 20px 20px;
    }
    .holiday-sec {
        min-height: auto !important;
    }
    .section-title {
        font-size: 22px;
        line-height: 30px;
        padding: 0 0 15px;
    }
    .section-title span {
        font-size: 18px;
        line-height: 22px;
    }
    .video-header .header-text p {
        margin: 0 0 15px;
    }
    .video-header {
        height: 400px;
    }
    .vacation p,
    .explore p {
        margin: 0 0 15px;
    }
    .explore .btn-yellow {
        font-size: 14px;
        padding: 9px 22px 7px;
    }
    .vacation img {
        margin: 0 0 25px;
    }
    .explore img {
        margin: 0 0 25px;
    }
    .go-more img {
        margin: 25px 0 0;
    }
    .exp-block {
        padding: 0 0 20px;
    }
    .pricing-main {
        padding: 40px 0;
    }
    .features,
    .flexible-sec {
        padding: 50px 0;
    }
    .our-work {
        padding: 50px 0;
    }
    .flexible-content p {
        margin: 0;
    }
    .work-block {
        height: auto;
        margin: 0 0 20px;
    }
    .login-box {}
    .advantages-sec [class*=col-],
    .program-sec [class*=col-] {
        padding-bottom: 0;
    }
    .f-block {
        text-align: center;
        padding: 0 0 15px;
    }
    .member-list .row {
        margin: 0 -12px;
    }
    .member-list [class*=col-] {
        padding: 0 12px 20px;
    }
    .package-block .p-detail {
        padding: 10px;
    }
    .property-block ul li i {
        margin-bottom: 4px;
    }
    .property-block ul li {
        font-size: 14px;
        line-height: 14px;
    }
    .login-box form {
        padding: 15px;
    }
    .where-togo-form .card {
        padding: 20px 15px;
    }
    .where_to_go_card {
        height: 250px !important;
    }
}