/* Large desktop :1920px. */
@media (min-width: 1920px) {
    .container{width: 1230px}  
    .header-area::after {width: 35.5%;}
    .mailchimp-alerts {padding-left: 75px;}
    .col-md-2:nth-child(3) .single-footer-widget {padding-left: 50px;}
    .col-md-4:last-child .single-footer-widget {padding: 0 0 0 80px;}
    .thumb > img {width: 100%;}
    .room-grid .hover-text {padding: 0 30px;}
    .room-list .p-amount{width: 170px}
    .team-image > img {max-width: 100%; width: 100%;}
    .small .event-text > p {width: 86%;}
    .location-image img {width: 100%;} 
    .single-room > img {width: 100%;}
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
    .container{width: 970px}
    .header-area::after {width: 35%;}
    .box-select .select {margin-right: 15px; width: 150px;}
    form.search-form {padding: 50px 45px;}
    .tab-pane > img {max-width: 100%;}
    .single-room {height: 500px;}
    span.title, span.text {margin: 0; padding-left: 70px;}
    .nav-tabs > li > a {padding: 6px 0 8px;}
    .nav-tabs > li {margin-bottom: 10px;}
    span.image {left: 15px;}
    .section-title {padding: 0 15px 37px;}
    .team-image > img {max-width: 100%;}
    .team-hover {padding: 28px 7px 25px;}
    .advertise-text > h1 {font-size: 40px;}
    .blog-hover {padding: 18px 0 6px;}
    .post-info > span {padding-right: 14px;}
    .blog-hover .default-btn {margin-top: 20px;}
    .col-lg-4:last-child .single-footer-widget {padding: 0;}  
    .main-menu ul li ul.submenu.megamenu > li {width: 142px;}
    .room-grid .single-room:hover::after {transform: scaleY(0.78);}
    .room-list img {width: 100%;}
    .room-list-text {padding: 21px 0 16px;}
    .event-text > p {width: 59%;}   
    .single-event.small:hover .event-text > p {bottom: 20px;}
    .banner-content h1 {padding-top: 120px;}
    .room-grid .single-room:hover .hover-text > h3 {top: 25%;}
    .room-grid .single-room .hover-text .room-btn {bottom: 23%;}
    .room-grid .single-room .hover-text > p {bottom: 41%; padding: 0;}
    .room-grid .p-amount {top: 31%;}
    .single-room > img {max-width: 100%;}
}
 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    /*.container{width:750px} */
    .header-area::after {height: 92px; width: 39%;}
    .logo {padding: 24px 0;}
    .header-top {border: 0 none; padding: 21px 0;}
    .banner-content h1 {font-size: 50px;}
    form.search-form {
        box-shadow: none;
        margin-top: 0;
        padding: 50px 0;
    }
    .contact-top .list-email::after {
    text-align: center;
    content: "\f0e0";
    font-family: FontAwesome;
    position: absolute;
    left: -35%;
    }
    .box-select .select {margin-right: 7px; width: 160px;}
    .search-form button {width: 158px;}
    .box-select .select.arrow {width: 107px;}
    .hover-text > p, .team-hover > p, .main-menu, .room-list-text h4, .event-text > p {
        display: none;
    }
    .hover-text .default-btn {margin-top: 0;}
    .tab-pane > img {
        margin-top: 20px;
        width: 100%;
    }
    .team-image > img {max-width: 100%;}
    .team-links > a {margin: 0 10px;}
    .advertise-text > h1 {font-size: 30px;}
    .package-name > h1 {
        font-size: 30px;
        padding: 13px 0 19px;
    }
    .package-name > h3 {padding: 17px 0 15px;}
    .signup-btn {padding: 0;}
    .single-pricing {padding-bottom: 30px;}
    .section-title {padding: 0 10px 37px;}
    .post-info > span {padding-right: 16px;}
    .blog-hover .default-btn {margin-top: 35px;}
    .newsletter-container > h3 {font-size: 22px;}
    .mailchimp-alerts {padding-left: 28px;}
    .social-icons > a {margin-right: 10px;}
    .c-info > span:last-child {padding-left: 42px;}
    .col-lg-4:last-child .single-footer-widget {padding: 0;}
    .footer-img img {width: 68px;}
    .mobile-menu-area {display: block;}
    .room-grid .hover-text > p {display: block;}
    .room-list img {max-width: 100%;}
    .room-list-text {padding: 3px 0;}
    .room-list-text > h3 {margin-bottom: 5px;}
    .room-service p {width: 75%;}
    .room-list .p-amount {
        height: 78px;
        padding-top: 8px;
        width: 84px;
    }
     .single-portfolio-item > img {max-width: 100%;}
    .single-event:hover .event-title {bottom: 102px;}
    .single-event:hover .event-text .author-name {bottom: 51px;}
    .event-text::after {display: none;}
    .event-text {padding-left: 20px;}
    .event-menu button {padding: 0 6px;}
    .link-social {margin-bottom: 50px;}
    /*.header-sticky.sticky {position: inherit;}*/
    .header-sticky.sticky .logo img {width: 100%;}
    .room-details .box-select .select.arrow {width: 100%;}
    .video-wrapper {margin-top: 0;}
    .single-room {height: 450px}
    .single-room > img {max-width: 100%;}
    #breadcrumb{margin-top: 10%;}
    .home-article{padding: 40px 0px;}
    .appointment{left: 0px;top: -37px; width: 100%;}
    .packages{left: 0px;}
    .slider-area{height: 37%}
    .small-sec{bottom: 0}
    .Emergency h2{font-size: 16px}
    .Emergency h3{font-size: 16px}
    .appointment h2, .packages h2{font-size: 16px;}
    .appointment h2 span, .packages h2 span{font-size: 16px;}
    .room-list{height: 40vh}

}
 


@media (max-width: 767px) {

    .switchlist li{
        width: 49%;
        padding: 7px 15px;
        margin-bottom: 20px;
    }
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
    overflow-y: scroll;
}
    .switchlist li.active::after{
        display: none;
    }

    .homegallery .gallery-masonry{
        max-height: 720px;
    }
    .booking-top{
        width: -webkit-fill-available!important;
    }
    .box-select {
        padding: 0;
        float: none;
        margin: 0 15px;
        background: #f7f7f7;
    }
    .gallery-filter{
        display:none;
    }
    .form-container{
    	margin:0 -15px;
    }
    .container{padding:0 30px;}
    .mobile-menu-area {display: block;}
    .main-menu{display: none}
    .header-area {
        background: #f7f7f7 none repeat scroll 0 0;
        position: inherit;
    }
    .header-area::after, .banner-content p {display: none;}
    .logo {padding: 0px 0; text-align: center;float: none;}
    .banner-content h1 {font-size: 26px; padding-top: 0;}
    /*.slider-area {height: 235px; padding: 0px;}*/
    .mtb-90{    margin: 20px 0;}
    .room-area{
        padding: 10px 0px;
    }
    .nav-tabs > li{
        width: 50%;
        margin: 0;
    }
    .nav-tabs > li > a{
        padding: 10px 0 0px;
        min-height: 160px;
    }
    .heading{
        font-size: 20px;
    }
    form.search-form {
        box-shadow: none;
        margin: 0;
        padding: 30px 0;
	overflow:hidden;
    }
    .box-select .select {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%;
    }
    .search-form button {width: 100%;height:50px;}
    .owl-nav div {top: 33%;}
    .section-title {padding: 0 0 20px;}
    .single-room {margin-bottom: 20px; width: 100%!important;}
    .ptb-90 {padding: 50px 0;}
    .pt-90 {padding-top: 50px;}
    .pb-90 {padding-bottom: 50px;}
    .section-title > h3 {font-size: 20px;}
    span.title, span.text { text-align: center;    padding: 25px 20px 20px;    margin-top: 40px;}
    span.image {    left: 50%;
    transform: translateX(-50%);}
    .tab-pane img {margin-top: 20px; max-width: 100%;}
    .single-fun-factor > h1 {font-size: 42px;}
    .single-fun-factor > h4 {padding-top: 6px;}
    .single-fun-factor {padding: 8px 0;}
    .fun-factor-area {padding: 30px 0 35px;}
    .gallery-filter button {padding: 0 5px;}
    .gallery-item {width: 100%;}
    .team-image > img {max-width: 100%;}
    .team-hover {padding: 23px 0 15px;}
    .single-team {margin-bottom: 20px;}
    .team-section .single-team {margin-bottom: 30px;}
    .advertise-text > h1 {
        display: block;
        font-size: 24px;
        line-height: 37px;
        text-align: center;
    }
    .advertise-text {padding: 32px 0; text-align: center;}
    .advertise-text .default-btn {float: none; margin-top: 17px;}
    .package-name > h1 {padding: 7px 0 13px;}
    .package-name > h3 {padding: 15px 0;}
    .package-offer > span {margin: 12px 0;}
    .signup-btn {padding-top: 15px;}
    .single-pricing {margin-bottom: 29px; padding-bottom: 30px;}
    .col-md-4:last-child .single-pricing {margin-bottom: 0;}
    .blog-hover {padding: 15px 0 20px;}
    .post-info > span {padding: 0 3px;}
    .blog-hover .default-btn {margin-top: 18px;}
    .client-area {padding: 40px 0;}
    .newsletter-form {
        display: block;
        float: left;
        text-align: center;
    }
    .newsletter-container > h3 {font-size: 19px;}
    .newsletter-form input {margin: 10px 0; width: 100%;}
    .newsletter-form button {float: none;}
    .newsletter-area {padding: 40px 0;}
    .footer-widget-area {padding: 50px 0 0;}
    .col-lg-3:nth-child(2) .single-footer-widget {float: left;}
    .col-lg-2:nth-child(3) .single-footer-widget, .col-lg-4:last-child .single-footer-widget {padding: 0;}
    .single-footer-widget > h3 {margin-bottom: 20px;}
    .single-footer-widget {margin-bottom: 45px;}
    .c-info:last-child {margin: 0;}
    .footer-img img {width: 82px;}
    .team-area {padding: 40px 0;}
    .team-area img{width: 100% !important; margin-bottom: 20px;}
    .widget p{text-align: justify; letter-spacing: -1px}
    .room-grid .hover-text {padding: 0;}
    #sidebar .title h2{font-size: 22px;}
    .docsearch .form-control{margin-bottom: 5px;}
    .faq .questions::after{right: 0rem;}
    .room-grid .single-room:hover::after {transform: scaleY(0.8);}
    .room-grid .single-room {margin-bottom: 25px;}
    .breadcrumb-area {padding: 60px 0 50px;}
    .breadcrumb-text h2 {font-size: 18px;}
    .breadcrumb-bar .breadcrumb {
        padding: 10px 15px 10px;
        text-align: center;
        border-radius: 0;
        background: #023f82;
    }
    .breadcrumb-bar li{
        font-family: inherit;
        color: #fcf008;
    }
    .breadcrumb-text > p, .event-text > p, .event-text::after {
        display: none;
    }
    .room-list img {width: 100%;}
    .room-list-text {padding: 15px 10px;}
    .room-list-text > h3 {margin-bottom: 5px; font-size: 18px;}
    .room-list-text h4 {padding: 3px 0 10px;}
    .room-list {margin-bottom: 25px;}
    .room-service p {width: 100%;}
    .single-event:hover .event-title {bottom: 84px;}
    .single-event:hover .event-text .author-name {bottom: 51px;}
    .event-text {padding-left: 20px;}
    .event-menu button {padding: 0 4px; line-height: 23px;}
    .event-menu {margin-bottom: 30px;}
    .event-area .single-event:nth-child(5) {margin-bottom: 10px;}
    .sidebar-widget .box-select .select.arrow {width: 100%;}
    .cost {height: 62px; padding: 0; width: 90px;}
    .room-details-title {font-size: 22px;}
    .room-details-text > p {margin-bottom: 10px;}
    .single-facility {width: 100%;}
    .room-details .single-room.large .hover-text {padding: 0 10px;}
    .link-social {margin-bottom: 40px;}
    /*.header-sticky.sticky {position: inherit;}*/
    .header-sticky.sticky .logo img {/*width: 100%;*/}
    .thumb > img {width: 100%;}
    .newsletter-container h3, .newsletter-form form {float: none;}
    .newsletter-form {display: block; float: none;}
    .location-image img {width: 100%;}
    .location-text > h3 {font-size: 22px;}
    .room-grid .single-room:hover .hover-text > h3 {top: 25%;}
    .room-grid .single-room .hover-text .room-btn {bottom: 23%;}
    .room-grid .single-room .hover-text > p {bottom: 41%; padding: 0;}
    .room-grid .p-amount {top: 31%;}
    .video-wrapper {margin-top: 30px;}
    .about-text {padding-top: 20px;}
    .pt-60{padding-top: 30px;}
    /*.single-room {height: 350px}*/
    .single-room:hover .hover-text > h3 {top: 38%;}
    .hover-text .room-btn {bottom: 38%;}
    .single-room > img {max-width: 100%;}
    .single-room:hover > a {
        left: 0;
        width: 100%;
    }

    .site-footer .footer-bottom .footer-logo{
        display:block;
        text-align:center;
    }
    
    .footer-contact{position:relative; margin-bottom: 25px;}
    .footer-contact i.fa{
        position:absolute;
        margin-left: -20px;
    }
    .footer-copyright p{text-align: center;}    
    .widget-social-icons {
        text-align: center;
        display: block;\
    }
    .footer-contact a{padding-left:0;}
    .site-footer .footer-bottom .footer-contact ul li{margin-bottom:10px; font-size: 15px;}
    .banner-btn{display:none;}
    .text-content-wrapper .text-content-wrapper .banner-btn{display:block;}    
    h2{font-size:22px;}
    .single-location h3{font-size: 18px; margin: 0px;}
    .small-sec{bottom: 8%;
    position: relative;
    margin-top: 50px;}
    .awards {
        padding: 10px 20px;
        margin: -15px -20px;
        width: 112%;
    }
   

    .packages{left: -20px; padding-top: 20px; margin-bottom: 10px;}
    section.home-article {
        margin-top: 0%;
        padding: 40px 0px;
    }
    #footer-1 .footer-box{
        padding-left: 0px;
    }
    #breadcrumb{
        margin-top: 0%;
        height: 161px;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .breadcrumb-holder{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .similar_pac .room-details-title {
        font-size: 18px;
        line-height: 24px;
    }
    .breadcrumb-holder h4{
        font-size: 16px;
        font-weight: 400;
    }
    h5.h5-md{
        font-size: 16px;
    }
    .owl-carousel .owl-item .item a.bg {height: auto;}
    .hover-text{bottom: 0; background: #023f829c;}
    .site-footer .footer-bottom .footer-contact span {font-size: 17px; font-weight: bold;}
    .footer-bottom {text-align: center;}
    /* .contact-top {display: none;} */
    .slider-nav .slick-slide img {display: none;}
    .similar-items .room-title{font-size: 18px;}
    .awards h2, .appointment h2, .packages h2{font-size: 18px;}
    .awards p{
        font-size: 14px;
        line-height: 20px;
    }
    .appointment img{top: 13px;}
    .appointment h2 span, .packages h2 span{font-size: 20px;}
    .section-title h2{font-size: 25px;}
    .section-title p {
        font-size: 15px;
        line-height: 25px;
    }
    .room-area a {font-size: 17px;}
    .single-slide .text-content{display: none;}
}
    
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {width:540px}  
    .room-grid .single-room > img {width: 100%;}
    .room-grid .single-room .hover-text > p {bottom: 43%; padding: 0 58px;}
    .single-room img {width: 100%;}
    .instagram-image .footer-img:nth-child(3) {margin-right: 8px;}
    .room-grid .single-room:hover .hover-text > h3 {top: 30%;}
    .room-grid .single-room .hover-text .room-btn {bottom: 28%;}
    .room-grid .p-amount {top: 36%;}
    .footer-img img {width: 62px;}
    .team-hover > p {padding: 0 20px;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .homegallery .gallery-masonry{
            max-height: 639px;
    }
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
    .homegallery .gallery-masonry{
          max-height: 720px;
    }

}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
    .homegallery .gallery-masonry{
        max-height: 720px;
    }

}