/*iPhone 5 in portrait & landscape*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    h1{font-size: 45px;}
    h2{font-size: 35px;}
    h3{font-size: 30px;}
    h4{font-size: 25px;}
    h5{font-size: 20px;}
    h6{font-size: 18px;}
    .img_set{width: 100%;}
    span.icon-bar {
        background-color: #dd362e;
    }
    .nav.navbar-nav li:after {
        content: " ";
    }
    .navbar-brand.logo{padding: 0 10px;}
    .navbar-collapse{padding-right: 10px;}
    .nav.navbar-nav > li{display: table;}
    .navbar-collapse{float: none;}
    .nav.navbar-nav{display: block;}
    .nav.navbar-nav li{background: #fff;display: block;}
    .nav.navbar-nav li:hover{background-color: #dd362e;}
    .nav.navbar-nav > .active a, .nav.navbar-nav .active a:focus, .nav.navbar-nav li a{padding: 10px;}
    .nav.navbar-nav{margin-top: 0;}
    .slider .item .title {
        font-size:30px ;
        margin: 0 0 10px;
        padding: 20px 0 0;
    }
    .slider .item .desc{font-size: 20px;padding: 0;}
    .slider .item .buy-now {

        margin: 15px auto 0;
    }
    .slider .item .buy-now a{font-size: 15px;}
    .slider .owl-controls {
        padding-top: 15px;
    }
    .booking{margin-top: 0;}
    .book-a-room .heading h3{  font-size: 23px;
                               line-height: 27px;
                               text-align: center;
    }
    .calendar .icon-calendar{font-size: 40px;}
    .book-a-room .fslash{background: none;}
    .book-a-room .heading .desc{margin-right: 0;text-align: center;padding-bottom: 10px;}
    .calendar{float: none;text-align: center;}
    .book-a-room .fslash{width: 100%;}
    .rooms .room{position: relative;}
    .rooms .room .overlay{width: 100%;}
    .img-room .img_set {
        margin-bottom: 2px;
    }
    .highlight .heading h2{font-size: 22px;line-height: 30px;}
    .highlight .heading .desc{font-size: 18px;line-height: 25px;}
    .highlight .heading {
        margin-bottom: 0;
        margin-top: 20px;
    }
    .highlight .col-md-12 .hlist ul li{font-size: 20px;
                                       line-height: 40px;
                                       padding: 0;}
    .highlight .col-md-12 .himages .col-md-4 a {
        display: block;
        margin: 5px;
        padding: 0;
    }
    .highlight .col-md-12 .himages .col-md-4:nth-child(3n+3) a{margin: 5px;}
    .intr {
        margin-top: 15px;
    }
    .intr .box .padd{padding: 10px;}
    .intr .box{text-align: center;}
    .intr .box .book_sec h3{width: auto;margin-bottom: 10px;}
    .intr .box .book_sec p {
        margin-bottom: 10px;
        width: auto;
    }
    .intr .box .book_sec .book_btn{margin: 0 auto;}
    .intr .box .room_gal {
        display: inline-table;
        margin: 5px;
        width: auto;
    }
    .intr .box ul li:nth-child(2n) {
        margin-left: 0;
    }
    .intr .box ul li{margin-bottom: 0;}
    .intr .box .room_gal p{margin-top: 5px;}
    .intr .box .padd2 {
        padding: 10px;
    }
    .intr .cust_tesm h6{width: auto;margin-bottom: 10px;}
    .intr .cust_tesm #slider2 .frame h6{margin-top: 10px;}
    .intr .contact .card{width: auto;height: auto;padding: 10px;margin-top: 20px;margin-bottom: 10px;}
    .intr .contact .card h2{font-size: 30px;}
    .intr .contact .card h4 {

        font-size: 22px;
        margin: 5px auto;
    }
    footer {

        margin-top: 20px;
        padding-top: 0;
    }
    footer .wrap_footer .subs_bar .brd_rh .brand_name .navbar-brand.logo{font-size: 35px; text-align: center;}
    footer .wrap_footer{text-align: center;}
    footer .wrap_footer .subs_bar .sub_sec{padding: 0;}
    footer .wrap_footer .subs_bar .subscribe{width: auto;padding-left: 0;}
    footer .wrap_footer .subs_bar .sub_sec .subsc .form-inline .form-group{display: table;margin: 0 auto 10px auto;}
    .wrap_footer .btn-default{height: 40px; font-size: 25px;}
    .intr .contact .address_blk{width: auto;}
    .form-inline .form-control{height: 40px;}
    footer .wrap2 {
        margin-top: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
}
/*iPhone 5 in portrait & landscape over*/
/* iPhone 5 in portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .book-a-room{padding: 15px 0;}
    .booking form{display: table;margin: 0 auto;}
    .checkin, .checkout{float: none;}
    .checkin{margin: 0;}
    .booknow{float: none;text-align: center;}
    .header{background-size: cover;}
    .checkin .fldcheckin, .checkout .fldcheckout{float: none;}
    .checkin label, .checkout label{text-align: center;padding: 5px 0;}
}

/* iPhone 5 in landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
}
/*iPad in portrait & landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}
/*iPad in portrait*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .navbar-brand.logo{font-size: 34px;}
    .navbar-collapse{margin-top: 7px;}
    .calendar .icon-calendar{font-size: 35px;display: table;padding-top: 24px;}
    .book-a-room .heading h3{font-size: 25px;line-height: 30px;}
    .book-a-room{padding: 0;}
    .booknow {
        float: none;
        margin: 0;
        text-align: center;
    }
    .booknow .btn-booknow{margin-top: 20px;margin-bottom: 20px;}
    .rooms .room .overlay a {
        font: normal 15px Lato;
    }
    .rooms .room .overlay{padding: 5px 0;}
    .highlight .col-md-12 .himages .col-md-4 a{margin: 0;}
    .highlight .col-md-12 .himages .col-md-4:nth-child(3n+3) a{margin: 0;}
    .highlight img{margin-bottom: 10px;}
    .highlight .col-md-12 .hlist ul{margin: 0;}
    .intr .box .book_sec h3{width: auto;}
    .intr .box .book_sec p{width: auto;}
    .intr .box .book_sec .book_btn{margin: 0 auto;}
    .intr .box .padd,.intr .box .padd2{padding: 30px;}
    .intr{text-align: center;}
    .box .text_center{text-align: center;}
    .intr .cust_tesm h6{width: auto;}
    .intr .contact .card{width: auto;margin-top: 20px;}
    .form-inline .form-control{width: 200px;}
    .wrap_footer .btn-default{padding: 0 10px;font-size: 20px;}
    footer .wrap_footer .subs_bar .subscribe{width: 100%;padding-left: 30px;}
}
/*iPad in landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}