/*ipad-Pro for Currency and Language set*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #ulCurrencyandLanguage { margin-top: -5px!important; }
    .notice-wrapper { margin: 15px 0 35px 0; }
    .show-notice { margin-top: -8px; width: 98%; height: 60px; }
    .show-notice .notice-text { padding: 3px 0px!important; position: absolute; font-size: 13px; }
    #slideout {  position: fixed; top: 100px; right: 10px; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; z-index: 999; direction: rtl; font-size: 16px;  }    
    .room-pic a.plus { display: inline-block; height: auto; position: relative;  width: 100%; text-align: -webkit-center; text-align: center; } /* add Nilesh*/
    .room-pic a.plus img { display: block; height: 100%;  width: 100%; margin:auto;}/*add Nilesh*/
}

@media (max-width: 991px) {

    .middle-content .left-side,
    /*.middle-content .right-side { padding: 0 15px; }*/
    .room-block h4 { text-align: center; }
    .room-pic { text-align: center; }
    .room-features { border-right: 0 none; }
    .ame-value-bar .text-right { text-align: left; }
    .room-details-col label { display: inline-block; }
    .room-details-col h5,
    .room-pic-block em { text-align: left; }
    .room-info,
    .room-info h4 { text-align: left; }
    .room-pic .modal-dialog { width: 90%; margin: 10px auto; }
    form .container-fluid {  margin: 0 0;  }
    header { margin: 0; }
}

@media (max-width: 767px) {
    .outer-left-panel { display: block; width: 100%; background: #eeeeee; }
    .outer-right-panel { display: block; width: 100%; background: #ffffff; }
    .room-details-col h3 { text-align: center; }
    .room-details-col .room-pic-block img { display: block; margin: auto; }
    header .hotel-name { text-align: center; margin: 10px 0; }
    header .header-right { text-align: center; padding: 0 0 15px; }
    /*header .header-right p { display: block;  }*/
    .room-info .carousel { width: 60%; margin: 0 auto 15px; }
    .room-info h4 { margin: 8px 0; }
    form .container-fluid {  margin: 0 0;  }
    header { margin: 0; }
    .btnCurrencyLanguage {
        background: transparent;
        font-size: 14px !important;
        background: transparent;
        border: 0 none;
        color: #ffffff;
    }
}

@media (max-width: 640px) {
}

@media (max-width:480px) {
    .room-info .carousel { width: 100%; }
    .room-info .base-view li { margin: 0; width: 100%; clear: both; float: none; }
    .room-info .bullet-list li { float: none; width: 100%; clear: both; }
    form .container-fluid {  margin: 0 ;  }
    header { margin: 0; }
    .btnCurrencyLanguage {
        background: transparent;
        font-size: 14px !important;
        background: transparent;
        border: 0 none;
        color: #ffffff;
    }
	.calendarView .calendarMain { background: #ffffff; padding-top: 20px;  padding-bottom: 20px; }
.calendarView .calendarMain .header {  margin-bottom: 10px;  }
.calendarView .calendarMain .breadcrumb { font-size: 14px; line-height: 100%; padding: 0; background: none; color: #888; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; /* margin-bottom: 30px; */ margin: 13px 0;}
.calendarView .calendarMain .breadcrumb .active { color: #767676;}
/*.breadcrumb .active { color: #888; }*/
.calendarView .calendarMain .breadcrumb li a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.breadcrumb li a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.calendarView .calendarMain .breadcrumb li + li::before { content: "\f0da"; font-family: 'Font Awesome 5 Free';     font-weight: 900; color: #888; }
.breadcrumb li + li::before {    content: "\f0da";    font-family: ''Font Awesome 5 Free''; font-weight: 900; color: #888;}
/*.book-detail-new-search i {padding: 1px 5px 5px 0;vertical-align: top;}*/

.list { background: #FFF; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); position: relative;}
.list .listLeft { float: left; padding: 10px; width: 71.6%; }
.list .listImage {  position: relative;  width: 50%;  height: 180px;  max-width: 315px!important;  max-height: 200px;  margin: 0 10px 0 0; overflow: hidden; float: left;}

.promotion-code .list{ box-shadow:0 0;}
.promotion-code .list:hover{ border:0 none; margin:0;}
.promotion-code h2{ background: #006080; color: #fff; display: block;  font-size: 24px; line-height: 100%; margin: 0; padding: 7px 10px; text-transform: uppercase;}
.promotion-code .list .listContent h3,
.promotion-code .list .promo-description h3{ color: #333; font-family: open sans; font-size: 18px; font-weight: 400; margin:0 0 5px;}
.promotion-code .list .listContent h3 a{ color: #187bbe; font-size: 18px; }
.promotion-code .list .listContent ul{ padding:0; list-style:none; margin:0;}
.promotion-code .list .listContent ul li{ list-style:none; font-size:14px; /*font-family:Arial;*/ color:#000; line-height: normal; padding:0;}
.promotion-code .list .listContent ul li:hover{ background:#eee;}
.promotion-code .list .listContent ul li span{ color: #666; padding:5px; display:block; }
.promotion-code .list .listLeft{ width:100%; border-bottom:1px dotted #999;}
.promotion-code .list .listImage{ width:100%!important;}
.promotion-code .list .listContent{ margin-right: 1%; width: 100%!important;}
.promotion-code .list .promo-description{ width:35%; float:left;}
.promotion-code .list .promo-description p{ font-size: 14px;}
.promotion-code .list:hover{ background:none;}
.promotion-code .list::after{ background:none;}
.promotion-code .list:last-child .listLeft{ border-bottom:0 none;}
/*.promotion-code{ min-height:400px;}*/
.promotion-code .list .listContent ul li span.pro-amount{ color: #27ae61; font-size: 20px; font-weight:700;}
.promotion-code .list .listContent ul li span.pro-amount b{ color: #666; font-size: 14px;}
.promotion-code .list .listContent ul li span.pro-daterange{ color: #dc8672; font-size: 20px; font-weight:700;}
.promotion-code .list .listContent ul li span.pro-daterange b{ color: #666; font-size: 14px;}
/*.promotion-code .list .listLeft { width: 100%; border-bottom: 1px dotted #999; }*/

a { color: #187bbe; }
.promotioncode :hover { color: #000000; text-decoration: underline; }
    /*end*/
}

@media (max-width:320px) {
    .btnCurrencyLanguage {
        background: transparent;
        font-size: 14px !important;
        background: transparent;
        border: 0 none;
        color: #ffffff;
    }
}

/* Smartphones (portrait and landscape) ---------- */
@media screen and (min-width: 320px) and (max-width: 480px) {
    /*.transparentButton img { height: 40px!important; }*/
    .btnCurrencyLanguage {
        background: transparent;
        font-size: 14px !important;
        background: transparent;
        border: 0 none;
        color: #ffffff;
    }
}

/* Smartphones (portrait) ---------- */
@media screen and (max-width: 320px) {
    .transparentButton img { height: 40px!important; }
    .currency-header { padding: 5px 45px!important; }
    .currency-header .languages-box { left: -186%!important; width: 250px!important; }
    /*a#aContactUs {  margin-left: -12px !important; }*/
    /*a#aLocation {  margin-left: 2px !important; }*/
    .currency-header .currency-box { left: -80%!important; min-width: 304px!important; height: 260px; overflow: auto; }
    ul#ulAllCurrencies { height: 220px; overflow-y: auto; }
    .btnCurrencyLanguage { background: transparent; font-size: 14px !important; background: transparent; border: 0 none; color: #ffffff; }
    /*a#aContactUs { margin-left: -60px!important; }*/
    /*a#aLocation { margin-left: -10px!important; }*/
    a#aEmail { margin-left: 13px!important; }
    .currency-box > li > a { padding: 5px 5px !important; }
    .currency-header ul li > a { font-size: 12px; }
    .room-block h2 { margin-top: 20px!important; }
    .show-notice { margin-top: -12px !important; height: 66px!important; overflow-x: auto; }
    .notice-wrapper { margin: 10px 1px 40px -17px !important; }
    .show-notice .notice-text { padding: 4px 0px!important; position: absolute; font-size: 11px!important; }
    p#pEmail { margin-left: 22px!important; }
    #ulCurrencyandLanguage { margin-top: -5px!important; }
    .modal-content .modal-footer .btn { padding: 8px 12px!important; }
    .modal-content { height: 450px; overflow-x: auto; margin-top: 100px; }
    form .container-fluid {  margin: 0 0;  }
    header { margin: 0; }
    .view-select-row a {  width: 20%;  font-size: 12px;padding: 7px 12px;}

    .header-col-right { height: 149px !important;  background: #006080;  max-height: 149px;  }
}


/* Smartphones (landscape) ---------- */
@media screen and (min-width: 321px) and (max-width: 767px) {
    .transparentButton img { height: 40px!important; }
    .currency-header .languages-box { left: -200%!important; width: 280px!important; }
    .currency-header .currency-box { left: -227px!important; min-width: 352px!important; height: 260px; overflow: auto; }
    ul#ulAllCurrencies { height: 240px; overflow-y: auto; }
    /*a#aContactUs { margin-left: -57px!important; }*/
    a#aLocation { margin-left: -5px!important; }
    a#aEmail { margin-left: 13px!important; }
    .currency-box > li > a { padding: 5px 10px !important; }
    .currency-header ul li > a { font-size: 13px; }
    #dvHeaderRow { margin-left: 0px !important; }
    .show-notice { margin-top: -40px !important; height: auto; /*overflow-x: auto;*/ }
    .notice-wrapper { margin: 10px -12px 40px -12px !important; }
    .notice-wrapper { margin: 32px -4px 0 -16px !important; }
    .show-notice .notice-text { padding: 4px 0px!important; position: absolute; font-size: 11px!important; }
    #ulCurrencyandLanguage { margin-top: -2px!important; }
    .paid-amenity-info .modal-footer { padding-top: 10px !important; }
    .modal-dialog { margin: 0px 23px 0px 20px!important; }
    .modal-content { height: 550px; overflow-x: auto; margin-top: 100px; }
    form .container-fluid {  margin: 0 ;  }
    header { margin: 0; }
    .view-select-row a {  width: 20%;  font-size: 12px;padding: 7px 12px;}
    .btnCurrencyLanguage {
        background: transparent;
        font-size: 17px !important;
        background: transparent;
        border: 0 none;
        color: #ffffff;
        margin:0px;
    }
    .criteria-select select {
        width: 98% !important;
    }
    .room-pic a.plus { display: inline-block; height: auto; position: relative;  width: 60%; text-align: -webkit-center; text-align: center; } /*add Nilesh*/
    .room-pic a.plus img { display: block; height: 100%;  width: 100%; margin:auto;}/*add Nilesh*/
}

/* Tablets, iPads (portrait and landscape) ---------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .otherlinks li a { color: #484b4d; display: block;  padding: 5px;  font-weight: 500; font-size: 13px; }
    .view-select-row a { width: 20%; font-size: 12px; padding: 7px 12px; }
    .btnSearch { font-size: 13px; }
    .room-pic a.plus { display: inline-block; height: auto; position: relative;  width: 60%; text-align: -webkit-center; text-align: center; } /*height: 200px;Nilesh*/
    .room-pic a.plus img { display: block; height: 100%;  width: 100%; margin:auto;}
    #slideout {  position: fixed; top: 100px; right: 10px; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;-o-transition-duration: 0.8s; transition-duration: 0.8s; z-index: 999; direction: rtl; font-size: 16px;  }
    ul#ulAllCurrencies { height: 270px; overflow-y: auto; }
    #ulCurrencyandLanguage { margin-top: -4px!important; }
    .std-accordion .panel-body { padding: 0 0 10px 0; line-height: 2; }
    .std-accordion .std-accod-name { color: #555; display: block; font-size: 18px; font-weight: 400; margin: 5px 0px 0 0px; text-transform: uppercase; position: relative; }
    .criteria-select select {  width: 98% !important;  }
    
}

/* Tablets, iPads (portrait) ---------- */
@media screen and (min-width: 768px) {
    .show-notice { margin-top: -19px !important; height: auto;  }
    .show-notice .notice-text {  position: absolute;  vertical-align: middle;}
}

/* Tablets, iPads (landscape) ---------- */
@media screen and (min-width: 1024px) {
    ul#ulAllCurrencies { height: 370px; overflow-y: auto; }
    .show-notice { margin-top: -10px !important; }
    .show-notice .notice-text {  position: absolute; vertical-align: middle; }
    /*#ulCurrencyandLanguage { margin-top: -8px!important; }*/
    /*.otherlinks li a { color: #484b4d;  display: block; padding: 5px; font-weight: 500; font-size: 13px; }*/
    /*.view-select-row a { width: 20%; font-size: 12px; padding: 7px 12px;}*/
    /*.btnSearch { font-size: 13px; }*/
    /*.room-pic a.plus { display: inline-block;  height: 200px; position: relative; width: 60%; text-align: -webkit-center; text-align: center;  }
    .room-pic a.plus img { display: block; height: 100%; width: 100%; margin: auto;}*/
    #slideout { position: fixed; top: 100px; right: 10px; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s;  transition-duration: 0.8s; z-index: 999; direction: rtl; font-size: 16px;  }
    /*.room-pic a.plus{height:auto}*/
    .room-pic a.plus { display: inline-block; height: auto; position: relative;  width: 100%; text-align: -webkit-center; text-align: center; } /*Add Nilesh*/
    .room-pic a.plus img { display: block; height: 100%;  width: 100%; margin:auto;}/*Add Nilesh*/
}

/* Desktops and laptops ---------- */
@media screen and (min-width: 1224px) {
    .show-notice { margin-top: -7px !important; }
    .show-notice .notice-text { position: absolute; vertical-align: middle;}
}

/* Large screens ---------- */
@media screen and (min-width: 1824px) {
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .room-pic a.plus {
        height: auto
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
    .room-pic a.plus {
        height: auto
    }
}