/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {


}


@media (min-width: 640px) and (max-width:767px){

    #home-booking #the_dates .dropdown-menu{top:-80px; width:360px; height:340px}
    #home-booking #drop-property .dropdown-menu{width:auto}

}



/* Medium devices (tablets, 768px and up) */
/*ipad portrait */
@media (min-width: 768px) {
    #tab-nav{font-size:16px; margin-top:-20px}
    #home-booking{display:flex; width:50%; position:relative; padding:0px}
    #home-booking div.cell{ padding:2px 0px; border-right:1px solid #ddd}
    #home-booking input{font-size:12px; outline:none; border:none; margin:0px}
    #home-booking a.close-search{ display:none}
    a.open-search{ display:none}

    #home-booking #the_dates .dropdown-menu{width:660px;left:-280px; height:auto; overflow:hidden; padding:0px}
    #home-booking .tt-menu{ min-width:340px;}
    #home-booking #drop-property a.dropdown-toggles{ padding-right:0px; padding-left:25px; margin-right:-10px}
    #home-booking #drop-property .dropdown-menu{width:auto; margin-top:25px}



}

/* Large devices (desktops, 992px and up) */
/*ipad ladnscape */
/* ipad pro portrait */
/* dito ung main breakpoint mo */
@media (min-width: 992px){
    body{ font-size:16px}
    h3, h3 a{ font-size:24px; color:#951A1D; text-decoration:none}
    h2, h2 a, #mains h2{ font-size:38px;}
    #mains h5{ font-size:16px;}
    header nav a.navbar-brand{padding:10px 0 10px 10px;}
    header nav a.box-shadow-menu{line-height:17px; color:#951A1D; font-size:16px; font-weight:600; display:inline-block; width:62px; height:17px; background:transparent url("/assets/images/common/chev_hamburger.png") right top no-repeat; padding-right:120px}
    header nav.active a.box-shadow-menu{background:transparent url("/assets/images/common/chev_hamburger.png") right bottom no-repeat; padding-right:90px; color:#fff}
    header nav a.member-login{font-size:16px; color:#212121; font-weight:600; background-image:none; width:auto; height:auto}
    header .navbar-brand img{ max-width: 100%}
    header nav .call-us{font-size:24px; line-height:24px; font-weight:600; margin-right:40px}
    header nav .call-us span{ font-weight:800}
    header nav .call-us{ display:block}

    footer{ font-size:16px;}
    footer .quick-links{justify-content:center}
    footer .quick-links .quick-links-nav{ display:flex}
    footer .quick-links .quick-links-nav .ql-2{ padding-left:40px}

    footer .contact-info{}
    footer .contact-info .media img{padding-right:25px}

    #mains .card.card-content{margin-top:90px; margin-bottom:90px}
    #mains .card.card-content .card-body{ padding:4.5em}
    .btn-lg{padding:15px 30px; font-size:14px}
    #step-nav a cite{font-size:40px; line-height:55px; width:63px; height:63px;}
    #step-nav div.done a cite{background-size:auto;}
    #step-nav a span{padding-top:83px; font-size:15px;}
    #step-nav a em{ top:30px}
    .accordion h3 a{ font-size:22px; }
    #breadcrumb{padding:15px 0 30px 0px}
    #breadcrumb li {font-size:14px;}
    #breadcrumb li a{ font-size:14px;}

    #home-booking #the_dates .dropdown-menu{ width:660px; left:-120px}

    #home-booking #the_dates .dropdown-menu:after{left: 130px;}
    #home-booking #drop-property a.dropdown-toggles{ padding-right:0px; padding-left:25px; margin-right:-15px}




}

/* Extra large devices (large desktops, 1200px and up) */
/*ipad pro landscape */
@media (min-width: 1200px){

    /*
    .navbar-content{ order:2;}

    #home-booking{order:1; max-width: 1200px}

     */

    #home-booking{max-width: 1200px}
    #home-booking div.cell{ padding:15px 20px;}
    #home-booking #search-property input {}
    #home-booking #search-property i{ display:inline-block; background:url('/assets/images/common/search-red.png') center center no-repeat; width:20px; height:35px}
    #home-booking #check-in input {background:url('/assets/images/common/calendar-in.png') right center no-repeat; padding-right:30px; }
    #home-booking #check-out input {background:url('/assets/images/common/calendar-out.png') right center no-repeat; padding-right:30px; }
    #home-booking #guests input {background:url('/assets/images/common/guests.png') right center no-repeat; padding-right:30px;}
    #home-booking #search-btn button{background: transparent url('/assets/images/common/search-light.png') left center no-repeat; padding-left:25px; font-size:15px}
    #home-booking input{font-size:14px;}
    #home-booking #the_dates .dropdown-menu{left:0px}
    #home-booking #the_dates .dropdown-menu:after{left:20px;}
    #home-booking #drop-property a.dropdown-toggles{ padding-right:0px; padding-left:0px; margin-right:0px}
    #home-booking .tt-menu{ min-width:340px; max-height: none; overflow-y: hidden;}





    #sidebar{
        position:relative;
        top:auto;
        min-width: 300px;
        max-width: 300px;
        -webkit-box-shadow: inset 4px 0px 9px -7px rgba(0,0,0,0.75);
        -moz-box-shadow: inset 4px 0px 9px -7px rgba(0,0,0,0.75);
        box-shadow: inset 4px 0px 9px -7px rgba(0,0,0,0.25);
        padding:0 10px;
    }
    #sidebar.active{margin-right: -300px;}
    #sidebar.collapse:not(.show) {display: block;}


}


@media (min-width: 1366px) and (max-width:1366px){
    /*
    .navbar-content{ order:1;}
    #home-booking{ order:2; width:100%}

     */

}