/*-------------------
Responsive css start
---------------------*/
@media only screen and (max-width:1366px) {
    header.layout4 .logo-wrap, .mCSB_inside>.mCSB_container, .logo-wrap .logo .custom-logo, header.layout4 .swing-nav {
        width: 220px;
    }
    .sidemenu .banner_class.slider1 .content{
        max-width: 100%;
        width: 100%;
        padding: 0 10px;
    }
    .sidemenu .banner_class .content .title h4{
        font-size: 36px;
    }
    .sidemenu .search-section .s-search-room ul li{
        margin-right: 5px;
    }
    .ow-button-base a,
    .banner_class.slider1 .content .link a,
    .about-class .button-links a, .rooms-lists-wrapper .view-all-roms a, .service-wrapper .button-links a{
        padding: 0 35px !important;
        line-height: 50px !important;
    }
    .banner_class.header-layout1.full-height,
    .banner_class.header-layout1.full-height .s-banner-wrapper,
    .banner_class.header-layout1.full-height .item{
        height: calc(100vh - 120px);
    }
    .sidemenu .rooms-lists-wrapper.layout3 .hb_room .summary .sc-wrapper{
        bottom: 50px;
        padding: 50px;
    }
    .sidemenu .rooms-lists-wrapper.layout3 .rooms .hb_room .media img{
        min-height: 700px;
        object-fit: cover;
    }
    
    body.sidemenu .site-content{
        margin-left: 280px;
        width: calc(100vw - 280px);
    }
    
    body.sidemenu header.layout4{
      width:280px;
    }
    
    .upcoming-events .article-container {
        padding-left: 5%;
    }

    .upcoming-events .article-container:nth-of-type(2n) {
        padding-right: 5%;
    }
    
    .upcoming-events .article-featured-image-container {
        max-width: 40%;
    }

    header.layout4 .swing-nav ul.menu {
        width: 220px;
    }
}

@media only screen and (max-width:1200px) {
    input,
    textarea,
    button,
    select,
    a {
      -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
	.swing-nav .nav ul li a{
		padding: 0 20px;
	}
	.news-offers-main-wrap{
		margin-left: 0;
	}
	.news-offers-wrapper .news-offers{
		margin:0 10px;
		width: -moz-calc(50% - 20px);
	    width: -webkit-calc(50% - 20px);
	    width: calc(50% - 20px);
	}
	.gallery-wrapper .grid{
		margin:0;
	}
	.gallery-wrapper .grid-item{
		padding:5px;
	}
	.news-offers-wrapper .news-offers{
		margin:0 5px;
	}
	.special-offer-items{
		margin-left:0;
	}
	.special-offer {
	    width: -moz-calc(50% - 10px);
	    width: -webkit-calc(50% - 10px);
	    width: calc(50% - 10px);
	    margin:0 5px;
	}
	.team-wrapper .owl-nav {
	    position: static;
	    left: 0px;
	    top: 0;
	}
	.team-wrapper .owl-nav .owl-prev, 
	.team-wrapper .owl-nav .owl-next{
		position: absolute;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background: #fff;
	}
	.team-wrapper .owl-nav .owl-prev{
		left: 0;
	}
	.team-wrapper .owl-nav .owl-next{
		right: 0;
	}
	.about-class.about-wrapper .s-about-wrapper {
	    margin: 0 0px;
	}
	.comments-area .comment-body .comment-author span.says,
	.comments-area .comment-body .comment-author b.fn{
		font-size: 14px;
	}
	.comments-area .comment-body .comment-metadata{
		font-size: 12px;
	}
	.comments-area .comment-body .comment-content{
		font-size: 14px;
	}
	.comments-area .comment-body .reply a{
		font-size: 12px;
	}
    .sclass,
    .about-class.about-wrapper.sclass,
    .gallery-wrapper.sclass{
        padding: 60px 0;
    }
    .rooms-lists-wrapper.sclass, .testimonial-wrapper.sclass, .team-wrapper.sclass{
        padding: 50px 0 60px;
    }
    .news-offers-wrapper.sclass{
        padding: 60px 0;
    }
    .partners-wrapper.sclass{
        padding:  40px 0;
    }
    .contact-wrapper.sclass{
        padding: 60px 0 70px;
    }
    .footer-content.footer-text{
        margin-bottom: 20px;
    }
    .footer-content{
        width: 100%;
        display: block;
        text-align: center;
        padding: 0 15px;
        line-height: 1.65;
    }
    .footer-container .footer-content{
        margin-bottom: 10px;
    }
    .about-class.layout2 .about-gal-wrapper .about-mid-wrap{
    	padding-left: 7.5px;
    	padding-right: 7.5px;
    }
    .about-class.layout2 .about-gal-wrapper .about-left-wrap{
    	padding-right: 7.5px;
    }
    .about-class.layout2 .about-gal-wrapper .about-right-wrape{
    	padding-left: 7.5px;
    }
    .about-class.layout2 .about-gal-wrapper .about-left-wrap .home-about-features-images:first-of-type,
    .about-class.layout2 .about-gal-wrapper .about-right-wrape .home-about-features-images:first-of-type{
    	margin-bottom: 15px;
    }
    .banner_class.slider1 .content{
    	width: 85%;
    }
    .hotel-service-wrapper{
    	padding: 55px 0;
    }
    .rooms-lists-wrapper.layout2 .rooms-wrapper{
    	padding-bottom: 30px;
    }
    .rooms-lists-wrapper.layout2{
    	padding-bottom: 0;
    }
    .section-feature.layout2{
    	padding: 50px 0 25px;
    }
    .search-room-wrapper{
    	padding: 60px 15px;
    }
    .search-room-wrapper .textwidget{
    	padding-right: 60px;
    }
    .special-offer-wrapper.sclass.layout2{
    	padding: 50px 0 60px;
    }
    .special-offer-wrapper.layout2 .special-offer-items{
    	margin-left: -10px;
    }
    .special-offer-wrapper.layout2 .special-offer{
    	width: 33.33%;
    	padding-left: 10px;
    	display: inline-block;
    	float: left;
    	margin: 0;
    }
    .rooms-lists-wrapper.layout2 .summary .title h4 a{
    	font-size: 20px;
    }
    .rooms-lists-wrapper.layout2 .rooms .hb_room .price span{
    	font-size: 18px;
    }
    .rooms-lists-wrapper.layout2 .rooms .hb_room .title h4{
    	line-height: 24px;
    }
    .content-title,
    .service-wrapper.has-overlay .content-title,
    .hotel-service-wrapper.section-hotel_service .hotel-services-titlewrap h2.hotel-services-title,
    .search-room-wrapper .textwidget h2{
    	font-size: 32px;
    }
    .news-offers-wrapper.layout2 .news-offers-main-wrap .news-offers-wrap .news-offer-content .news-title a{
    	font-size: 18px;
    }
    .footer-wrapper .top-footer .s-container{
    	padding: 65px 25px 55px;
    }
    .footer-container.layout1 .s-container{
    	-webkit-flex-flow: column;
    	    -ms-flex-flow: column;
    	        flex-flow: column;
    }
    .footer-container.layout1 .footer-content.footer-text{
    	margin-bottom: 10px;
    }
    .banner-wrapper.slider1.inbetween .s-search-room{
    	position: relative;
    	margin-bottom: 0;
    	-webkit-box-shadow: none;
    	        box-shadow: none;
    	border-bottom: 1px solid #ddd;
    }
    .banner-wrapper.slider1.inbetween .widget.widget_hb_widget_search{
    	max-width: 700px;
    	margin: 0 auto;
    }
    .banner-wrapper.slider1.inbetween .hotel-booking-search .hb-form-table{
    	width: 100% !important;
    }
    .banner-wrapper.slider1.inbetween .s-search-room{
    	padding: 40px 0;
    }
    .about-class.about-wrapper.layout2{
    	padding: 55px 15px 60px;
    }
    .about-product-wrapper{
    	padding: 60px 15px;
    }
    .rooms-lists-wrapper.layout1 .rooms-wrapper .rooms{
    	margin: 0;
    }
    .video-wrapper .content-title{
        font-size: 32px;
    }
    header.layout3 .s-container{
    	padding: 0 25px;
    }
    header.layout2 .s-navigation-wrapper .s-container{
    	padding: 0 25px;
    }
    header.layout1 .cart-wrapper .widget_shopping_cart, header.layout2 .cart-wrapper .widget_shopping_cart, header.layout3 .cart-wrapper .widget_shopping_cart{
    	top: calc(100% + 13px);
    }
    .banner_class.banner-wrapper.slider1.inbetween{
		margin-bottom: 0px;
	}
    .banner_class .hotel-booking-search ul li{
    	margin-bottom: 20px;
    }
    .banner_class .hotel-booking-search ul li{
        width: 48%;
        display:  inline-block;
        float: left;
        margin-right:  2%;
    }
    .banner_class .hotel-booking-search .hb-submit button[type="submit"]{
    	margin-top: 10px;
    }
    .service-wrapper{
    	padding: 60px 0 65px;
    }
    .banner-wrapper.slider1.inbetween .hotel-booking-search input, .banner-wrapper.slider1.inbetween .hotel-booking-search select{
        width: 100%;
    }
    .widget_swing_awards{
        padding: 60px 0;
    }

}
@media only screen and (max-width:1140px) {
	.s-search-room{
		position: static;
	}
	.banner_class .content{
		bottom:auto;
		max-width:768px;
        width: 100%;
	}
	.banner_class .content .title h4 {
	    font-size: 40px;
	}
	.banner_class .hotel-booking-search .hb-form-table,
	.banner_class .hotel-booking-search .hb-submit{
		padding:0 20px;
	}
	.banner_class .hotel-booking-search .hb-form-table, 
	.banner_class .hotel-booking-search .hb-submit, 
	.banner_class .hotel-booking-search ul li{
		display: block;
	}
	.banner_class .hotel-booking-search ul li .hb-form-field-input{
		display: block;
	}
	.hotel-booking-search input, 
	.hotel-booking-search select, 
	.hotel-booking-search textarea, 
	.hotel-booking-search button{
		width: 100%;
	}
	.special-offer {
	    width: -moz-calc(100% - 0);
	    width: -webkit-calc(100% - 0);
	    width: calc(100% - 0);
	    max-width: 600px;
	    width: 100%;
	    margin: 10px auto 0;
	    float: none;
	}
	.special-offer:nth-of-type(1){
		margin-top: 0;
	}
    .contact-wrapper.siteorigin-panels-stretch{
        margin-bottom: -125px;
    }
    
    .banner-wrapper .s-banner-wrapper .owl-item .item{
        height: 100vh;
        position: relative;
    }
    .banner-wrapper .s-banner-wrapper .owl-item .item img{
        transform-origin: 0 0;
        backface-visibility: hidden;
        object-fit: cover;
        height: 100%;
        min-width: 100%;
        max-width: inherit;
        position: absolute;
        width: 100%;
        margin: 0 auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .banner_class .content{
        z-index: 9;
    }
    .banner_class .item:before{
        z-index: 8;
    }
    .s-search-room{
        position: absolute;
        padding-bottom: 10px;
    }
    .banner_class .s-search-room .widget > div form{
        display: block;
    }
    .banner_class .hotel-booking-search .hb-form-table{
        display: inline-block;
        width: calc(100% - 250px);
        float: left;
    }
    .banner_class .hotel-booking-search .hb-submit{
        display: inline-block;
    }
    /*header.layout2 .swing-nav .nav ul li, header.layout3 .swing-nav .nav ul li{
        margin: 0 5px;
    }*/
    header.layout2 .swing-nav, header.layout3 .swing-nav{
        width: 74%;
    }
    header.layout1 .search-cart-sidewidget-wrap, header.layout2 .search-cart-sidewidget-wrap, header.layout3 .search-cart-sidewidget-wrap{
        width: 12%;
    }
    header.layout1 .swing-nav .nav ul li.book-now-btn,
    header.layout2 .swing-nav .nav ul li.book-now-btn{
        margin: 0 8px;
    }
    header.layout1 .swing-nav .nav ul li.book-now-btn a,
    header.layout2 .swing-nav .nav ul li.book-now-btn a{
        padding: 12px 8px;
    }
    
    .upcoming-events .article-featured-image-container {
        max-width: 50%;
    }
}
@media only screen and (max-width:992px) {
	iframe[src*="youtube"], iframe[src*="facebook"] {
        min-height: min(55vw, 570px);
    }
    .wpcf7-form .left .submit-button-landing {
        font-size: larger;
        height: max(10vh, 50px);
    }
    .swing-nav{
		text-align: center;
	}
	[id="toggle"]{
        width: 35px;
        height: 30px;
        position: relative;
        display: block;
        margin: 10px auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	}
    [id="toggle"]:focus,
    [id="toggle"]:active{
        -webkit-box-shadow: none;
            box-shadow: none;
        outline: none;
    }
    [id="toggle"] > div{
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #d3531a;
        border-radius: 3px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    [id="toggle"] > div:nth-of-type(1){
        top: 0px;
    }
    [id="toggle"] > div:nth-of-type(2){
        top: 8px;
    }
    [id="toggle"] > div:nth-of-type(3){
        top: 13px;
    }
    [id="toggle"] > div:nth-of-type(1) {
      top: 0px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }
    
    [id="toggle"] > div:nth-of-type(2) {
      top: 5px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }
    
    [id="toggle"] > div:nth-of-type(3) {
      top: 13px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }
    
    [id="toggle"].active > div:nth-of-type(1) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 0px;
      left: 2px;
    }
    
    [id="toggle"].active > div:nth-of-type(2) {
      width: 0%;
      opacity: 0;
    }
    
    [id="toggle"].active > div:nth-of-type(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 21px;
      left: 2px;
    }
    body.admin-bar header.layout3, body.admin-bar header.layout4{
        margin-top: 0;
    }
    .swing-nav .nav{
        position: absolute;
        left: 0;
        right: 0;
        background: #FFF;
    }
	.nav ul.menu{
		display: block;
		padding:0;
        max-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        visibility: hidden;
    	opacity: 0;
    	-webkit-transition: all ease 0.5s;
    	   -moz-transition: all ease 0.5s;
    	    -ms-transition: all ease 0.5s;
    	     -o-transition: all ease 0.5s;
    	        transition: all ease 0.5s;
	}
	.nav ul.menu.active{
	    padding: 10px 0;
        max-height: 100vh;
        visibility: visible;
        opacity: 1;
	}
	.swing-nav .nav ul li{
		display: block;
		float: none;
		text-align: left;
	}
	.swing-nav .nav ul li a {
	    padding: 5px 20px;
	    line-height: 2;
	}
	.swing-nav .nav ul li:before{
		content:none;
	}
	.swing-nav .nav ul li.menu-item-has-children > .sub-menu{
		position: absolute;
		left: 0;
		top: 100%;
		width:250px;
		background: #fff;
		z-index: 9;
		border:1px solid #eee;
		border-bottom: 0;
		visibility: hidden;
		opacity: 0;
	}
	.swing-nav .nav ul li:last-child.menu-item-has-children > .sub-menu{
		left:auto;
		right: 0;
	}
	.swing-nav .nav ul li.menu-item-has-children > .sub-menu li{
		float: none;
	}
	.swing-nav .nav ul li.menu-item-has-children > .sub-menu li:before{
		content: none;
	}
	header.layout2 .swing-nav .nav ul li.menu-item-has-children > .sub-menu,
	header.layout1 .swing-nav .nav ul li.menu-item-has-children > .sub-menu,
	header.layout3 .swing-nav .nav ul li.menu-item-has-children > .sub-menu {
	    position: relative;
	    display: block;
	    width: 100%;
	    visibility: visible;
	    opacity:1;
	    border:0;
	    padding: 0 45px;
	    margin: 0;
	    -webkit-box-shadow: none;
	            box-shadow: none;
	}
	header.layout2 .swing-nav .nav ul li.menu-item-has-children > .sub-menu ul,
	header.layout1 .swing-nav .nav ul li.menu-item-has-children > .sub-menu ul,
	header.layout3 .swing-nav .nav ul li.menu-item-has-children > .sub-menu ul{
		padding: 0 30px;
	}
	.swing-nav .nav ul li.menu-item-has-children > .sub-menu li a{
		border:0;
	}
	.swing-nav .nav ul li.menu-item-has-children > .sub-menu li > a{
		position: relative;
		padding: 8px 15px;
        text-transform: capitalize;
	}
	.swing-nav .nav ul li.menu-item-has-children > .sub-menu li{
		position: relative;
	}
	.swing-nav .nav ul li.menu-item-has-children > .sub-menu li:before{
		content: "";
		position:absolute;
        display: block;
		width: 6px;
		height: 2px;
		background: #aaa;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		color:#999;
		font-size:12px;
	}
	.swing-nav .nav ul li.menu-item-has-children > .sub-menu li:hover:before{
		background: #075F5F;
	}
	/*.swing-nav .nav ul li.menu-item-has-children > .sub-menu li a:before{
		content: "";
		position:absolute;
		width: 6px;
		height: 2px;
		background: #aaa;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		color:#999;
		font-size:12px;
	}*/
	.side-header .logo-wrap ,
	.over-slider-header .logo-wrap{
	    width: 100%;
	    float: none;
	}
	.side-header .s-navigation-wrapper .s-container{
		display: block;
	}
	.side-header .swing-nav ,
	.over-slider-header  .swing-nav{
	    width: -moz-calc(100% - 0);
	    width: -webkit-calc(100% - 0);
	    width: calc(100% - 0);
	    width: 100%;
	    float: none;
	}
	.over-slider-header{
		position: static;
	}
	.over-slider-header .swing-nav .nav ul li a{
		color:#222;
	}
	.news-offers-wrapper .news-offers {
	    margin: 10px auto 0;
	    max-width:600px;
	    width: 100%;
	    float: none;
	}
	.news-offers-wrapper .news-offers:nth-of-type(1){
		margin-top: 0;
	}
	.features {
        margin-left: 30px;
	    width: -moz-calc(33.33% - 30px);
	    width: -webkit-calc(33.33% - 30px);
	    width: calc(33.33% - 30px);
	}
	.features:nth-of-type(3n+1) {
	    clear: none;
	}
	.page-template-template-room .list-layout .rooms-features-wrapper{
		width:60%;
	}
	.page-template-template-room .list-layout .image-wrapper{
		width: 40%;
	}
	.right-sidebar #primary{
		width: 100%;
		padding-right: 0;
	}
	.right-sidebar #secondary{
		width: 100%;
		padding-left: 0;
	}
	.breadcrumb{
		padding: 70px 0;
		/* MCS 250902 margin-bottom: 60px; */
        margin-bottom: 20px;
	}
    [id="primary"], [id="secondary"]{
        margin-bottom: 60px;
    }
    .swing-nav .nav ul li:focus,
    .swing-nav .nav ul li:active{
        outline: none !important;
        background-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    header.layout3{
    	position: relative;
    	width: 100%;
    }
    header.layout1 .search-cart-sidewidget-wrap,
    header.layout2 .search-cart-sidewidget-wrap,
    header.layout3 .search-cart-sidewidget-wrap{
    	display: none;
    }
    header.layout2 .logo-wrap, header.layout3 .logo-wrap{
    	width: 100%;
    	max-width: 150px;
    }
    header.layout2 .swing-nav, header.layout3 .swing-nav{
    	width: calc(100% - 150px);
    	-webkit-justify-content: flex-end;
    	        justify-content: flex-end;
    }
    header.layout2 .swing-nav .nav,
    header.layout3 .swing-nav .nav{
    	top: 100%;
    	left: 0;
    }
    header.layout2 [id="toggle"],
    header.layout3 [id="toggle"]{
    	margin: 0;
    	height: 19px;
    	margin-right: 10px;
    }
    header.layout2 .swing-nav .nav ul li a,
    header.layout3 .swing-nav .nav ul li a{
    	color: #000;
    }
    header.layout3 .swing-nav .nav ul li a{
    	margin: 0 25px;
    }
    header.layout2 .swing-nav .nav ul li a, header.layout3 .swing-nav .nav ul li a{
    	line-height: 3;
        font-size: 14px;
        margin: 0 15px;
    }
    .rooms-lists-wrapper .summary .title{
    	padding-top: 5px;
    	margin-bottom: 5px;
    }
    .rooms-lists-wrapper .summary .title h4 a{
    	font-size: 20px;
    }
    .rooms .hb_room{
    	padding: 0 5px;
    }
    .testimonials-content{
    	font-size: 20px;
      padding-bottom: 35px;
    }
    .testimonial-wrapper .owl-dots{
    	margin-top: 10px;
    }
    header.layout2 .swing-nav .nav ul li a::after,
    header.layout2 .swing-nav .nav ul li a::before,
    header.layout3 .swing-nav .nav ul li a::after,
    header.layout3 .swing-nav .nav ul li a::before{
    	top: calc(100% - 5px);
    }
    .swing-nav .nav ul.menu li.menu-item-has-children > .sub-menu li ul{
    	left: 0;
    }
    .swing-nav .nav ul li.menu-item-has-children > .sub-menu li.menu-item-has-children:before{
    	top: 0;
    	-webkit-transform: none;
    	   -moz-transform: none;
    	    -ms-transform: none;
    	     -o-transform: none;
    	        transform: none;
    	margin-top: 19px;
    }
    .banner_class.slider1 .content{
    	padding: 0 30px;
    }
    header.layout1 .logo-wrap{
    	display: inline-block;
	    max-width: 150px;
	    vertical-align: middle;
	    margin-left: 25px;
    }
    header.layout1 .logo-wrap .logo{
    	padding: 10px 0;
    }
    header.layout1 .swing-nav{
    	display: inline-block;
	    vertical-align: middle;
	    float: right;
	    margin-top: 20px;
	    margin-right: 30px;
    }
    header.layout1 .swing-nav .nav .search-wrapper{
    	display: none;
    }
   	header.layout1 .swing-nav .nav .cart-sidewidget{
    	display: none;
    }
    header .sidewidget{
        display: none;
    }
    header.layout1 .swing-nav .nav{
        border-bottom: 1px solid #eee;
        -webkit-box-shadow: none;
                box-shadow: none;
        margin-top: 9px;
        border-top: none;
    }
    header.layout1 .swing-nav .nav .menu-header-nav-container{
        width: 100%;
    }
    header.layout1 .swing-nav .nav .s-container{
        padding: 0;
    }
    header.layout1 .swing-nav .nav ul li a{
        padding: 0;
        margin: 0 25px;
        line-height: 3;
    }
    header.layout1 .swing-nav .nav ul li.menu-item-has-children > .sub-menu li a,
    header.layout2 .swing-nav .nav ul li.menu-item-has-children > .sub-menu li a,
    header.layout3 .swing-nav .nav ul li.menu-item-has-children > .sub-menu li a{
        margin: 0;
    }
    header.layout2 .swing-nav .nav ul li a::after, header.layout2 .swing-nav .nav ul li a::before,
    header.layout3 .swing-nav .nav ul li a::after, header.layout3 .swing-nav .nav ul li a::before{
        display: none;
    }
    header.layout1 .swing-nav .nav ul li a::before,
    header.layout2 .swing-nav .nav ul li a::before,
    header.layout2 .swing-nav .nav ul li a::before,
    header.layout1 .swing-nav .nav ul li a::after,
    header.layout2 .swing-nav .nav ul li a::after,
    header.layout3 .swing-nav .nav ul li a::after{
        display: none;
    }
    header.layout1 .swing-nav .nav ul li:before{
        display: none;
    }
    .rooms-lists-wrapper.layout2 .rooms-wrapper{
        padding: 0 25px 30px;
    }
    header.layout4 .container-wrap{
        padding: 10px;
        max-height: none;
    }
    header.layout4 .container-wrap.mCS_no_scrollbar{
        padding-right: 10px;
    }
    #content .banner-wrapper .metaslider img {
        /*height: 60vh;
        max-height: none;*/
    }
    
    body.sidemenu header.layout4{
        position: relative;
        width: 100%;
        height: auto;
    }
    body.sidemenu header.layout4 .search-cart-sidewidget-wrap{
        display: none;
    }
    body.sidemenu .site-content{
        margin-left: 0px;
        width: 100%;
    }
    header.layout4 .swing-nav ul.menu {
        width: 100%;
        border-bottom: 30px solid #075F5F;
    }
    header.layout4 .swing-nav .nav ul#menu-main-menu>li>a>span{
        font-weight: 600;
    }
    body.sidemenu header.layout4 .mCustomScrollBox,
    body.sidemenu header.layout4 .mCSB_container{
        overflow: visible;
    }
    body.sidemenu header.layout4 .mCSB_container{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
                justify-content: space-between;
        width: 100%;
        padding: 0 15px;
    }
    body.sidemenu header.layout4 .swing-nav .nav{
        top: 100%;
        width: calc(100% + 20px);
        margin-left: -10px;
    }
    body.sidemenu header.layout4 .swing-nav{
        width: auto;
        margin-top: 8px;
    }
    body.sidemenu header.layout4 .logo-wrap{
        width: auto;
    }
    body.sidemenu header.layout4 .logo-wrap .logo{
        padding: 0;
    }
    body.sidemenu header.layout4 .logo-wrap .logo img{
        max-width: 150px;
    }
    body.sidemenu header.layout4 [id="toggle"]{
        margin: 0 10px;
    }
    .sidemenu .banner_class .content .title h4{
        font-size: 32px;
    }
    .banner_class.slider1 .content .link a,
    .sidemenu .rooms .rooms-features-wrapper .room-readmore-btn,
    .about-class .button-links a, .rooms-lists-wrapper .view-all-roms a, .service-wrapper .button-links a{
        padding: 0 35px;
        line-height: 50px;
    }
    .sidemenu footer, #swing-footer{
        padding-left: 0;
    }
    .sidemenu .rooms-lists-wrapper.layout3 .hb_room .summary .sc-wrapper{
        padding: 30px;
        max-width: 500px;
        bottom: 120px;
        background: rgba(255,255,255,0.9);
    }
    .service-wrapper.has-overlay .content-title{
        font-size: 24px;
    }
    .swing-nav .nav ul li.menu-item-has-children > .sub-menu li a:hover,
    header.layout4 .swing-nav .nav ul li.menu-item-has-children > .sub-menu li a{
        color: #000;
    }
    header.layout4 .swing-nav ul.menu li.menu-item-has-children.active > a{
        color: #075F5F;
    }
    .swing-nav .nav ul li.menu-item-has-children > .sub-menu li a{
        color: #000;
    }
    .swing-nav .nav ul li.menu-item-has-children > .sub-menu li a:hover{
        color: #000;
    }
    header.layout4 .swing-nav .nav ul li span::after,
    header.layout4 .swing-nav .nav ul li span::before,
    header.layout4 .swing-nav ul.menu li.menu-item-has-children li.menu-item-has-children a:before,
    header.layout4 .swing-nav ul.menu li.menu-item-has-children > a:before,
    .swing-nav .nav ul li.menu-item-has-children > .sub-menu li span:before,
    .swing-nav .nav ul li.menu-item-has-children > .sub-menu li span:after{
        display: none;
    }
    .swing-nav .nav ul li.menu-item-has-children > .sub-menu li:hover:before{
        background: #aaa;
    }
    header.layout4 .swing-nav ul.menu li.menu-item-has-children.active > a:before{
        display: none;
    }
    header.layout4 .swing-nav .nav ul li.menu-item-has-children > .sub-menu{
        position: relative;
        display: block;
        visibility: visible;
        opacity: 1;
        max-height: 100%;
        padding: 0 30px;
    }
    header.layout4 .swing-nav ul.menu li.menu-item-has-children li.menu-item-has-children > .sub-menu{
        padding: 0 30px;
    }
    header.layout4 .swing-nav .nav ul li.menu-item-has-children > .sub-menu li a{
        padding-left: 15px;
    }
    header.layout4 .swing-nav .nav ul li a{
        font-size: 16px;
    }
    header.layout4 .swing-nav .nav ul li.menu-item-has-children > .sub-menu li.menu-item-has-children:before{
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin-top: 15px;
    }
    header .swing-nav .nav ul li.menu-item-has-children > .sub-menu li a{
        font-size: 15px;
    }
    .banner_class .hotel-booking-search .hb-submit{
        vertical-align: middle;
    }
    .banner_class .hotel-booking-search .hb-form-table{
        float: none;
        vertical-align: middle;
    }
    .about-class.layout2 .home-about-features-images .about-feature-service-title span.about-inner-title{
        font-size: 20px;
        line-height: 1.25;
    }
    .about-class.layout2 .about-mid-wrap .home-about-features-images .about-feature-service-title span.about-inner-title{
        font-size: 28px;
        line-height: 1.25;
    }
    .about-class.layout2 .home-about-features-images .about-feature-service-title span.about-inner-arrow{
        bottom: 0;
    }
    .about-class.layout2 .about-mid-wrap .home-about-features-images .about-feature-service-title{
        padding: 30px;
    }
    .sidemenu .search-section .s-search-room ul li{
        width: 50%;
        float: left;
        margin: 0;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .page-template-template-room .listinfo-layout .image-wrapper, .page-template-template-room .list-layout .image-wrapper,
    .page-template-template-room .listinfo-layout .image-wrapper img, .page-template-template-room .list-layout .image-wrapper img,
    .page-template-template-room .listinfo-layout .rooms-features-wrapper, .page-template-template-room .list-layout .rooms-features-wrapper{
        width: 100%;
    }
    header.layout1 .swing-nav .nav ul li.book-now-btn, header.layout2 .swing-nav .nav ul li.book-now-btn{
        float: left;
        margin: 15px 20px;
    }
}

@media only screen and (max-width:840px) {
	[id="primary"],
	[id="secondary"]{
		float: none;
		width: 100%;
		padding:0;
		clear:both;
	}
	.widget-area:before,
	.widget-area:after{
		content: "";
		display: table;
		table-layout: fixed;
	}
	.widget-area:after{
		clear: both;
	}
	.grid-layout .rooms-loops {
	    width:47%;
	}
	.grid-layout .rooms-loops:nth-of-type(3n+1){
		clear:none;
	}
	.grid-layout .rooms-loops:nth-of-type(2n+1){
		clear: left;
	}
	.comments-area .comment-list .comment.depth-1.parent .children{
		padding-left: 5px;
	}
    .feature-items{
        display: -webkit-box;
    	display: -moz-box;
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
    	-ms-flex-align: start;
    	-webkit-align-items: start;
    	-webkit-box-align: flex-start;
    	align-items: flex-start;
    	-webkit-flex-flow: row wrap;
    	justify-content: flex-start;
    	width: 100%;
    	margin: 0;
    }
    .features{
        text-align: center;
        margin: 10px auto;
        padding-top: 50px !important;
        -webkit-flex-basis: 100%;
	        flex-basis: 100%;
        max-width: 400px;
    	margin-right: auto;
    	margin-bottom: 2rem;
    	vertical-align: middle;
    	display: -webkit-box;
    	display: -moz-box;
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
    	-ms-flex-align: center;
    	-webkit-align-items: center;
    	-webkit-box-align: center;
    	align-items: center;
    	-webkit-flex-flow: row wrap;
        padding: 0 25px;
    }
    .feature-items.clear:before,
    .feature-items.clear:after{
        display:  none !important;
    }
    .features:nth-of-type(2n){
        margin-right: auto;
    }
    .features:first-of-type{
        padding-top: 0 !important;
    }
    .features .features-icon{
        position: relative;
        text-align: center;
        margin: 0 auto 10px;      
    }
    .feature-items .features{
        margin-bottom: 5px;
    }
    .section-feature.layout2{
        padding-bottom: 60px;
    }
}

@media only screen and (max-width:800px) {
	.mphb_room_type .entry-content .room-features.inline-right,
	.mphb_room_type .entry-content .room-features.inline-left	{
		width: 100%;
		float: none;
	}
	
	.mphb_room_type .entry-content .room-features .mphb_sc_services-wrapper .mphb_room_service{
		padding: 0 5px 5px 0;
	}
	
	.mphb_room_type .entry-content .room-features .mphb_sc_services-wrapper .mphb_room_service .mphb-loop-service-thumbnail{

	}
	
	.mphb_room_type .entry-content .room-features .mphb_sc_services-wrapper .mphb_room_service .mphb-service-title,
	.mphb_room_type .entry-content .room-features .mphb_sc_services-wrapper .mphb_room_service .mphb-price-wrapper	{
		margin: 1% 0;	
	}
	
	h4.mphb-service-title {
		font-size:large;
	}
	
	.mphb_room_type .entry-content .room-features .mphb_sc_services-wrapper .mphb_room_service .mphb-price-wrapper {
		font-size:smaller;
	}
    
    .upcoming-events, .upcoming-events .article-container:nth-of-type(2n) .article-text-container {
        text-align: center;
    }
    
    .upcoming-events .article-container .article-text-container .article-title-container, 
    .upcoming-events .article-container:nth-of-type(2n) .article-text-container .article-title-container {
        padding-right: 1.5%;
        padding-left: 1.5%;
        border-right: 0.5em solid #e9e9e9;
        border-left: 0.5em solid #e9e9e9;
    }
    
    .upcoming-events .article-container, .upcoming-events .article-container:nth-of-type(2n) {
        flex-direction: column;
        padding: 7% 5%;
    }
    
    .upcoming-events .article-featured-image-container, .upcoming-events .article-container:nth-of-type(2n) .article-featured-image-container {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width:768px) {
	.news-offers-wrapper .events-desc a{
		color: #fff;
	}
	.header-top-content .left-cotent + .right-cotent{
		margin-top:10px;
	}
	.header-top-content .left-cotent, 
	.header-top-content .right-cotent{
		width:100%;
		display: block;
		margin-right: 0;
		text-align: center;
	}
	.about-class .home-about-features-images{
	    width: 100%;
	    max-width: 400px;
	    float:none;
	    margin:10px auto 0;
	    padding: 0 0px;
	}
	.about-class .home-about-features-images:nth-of-type(1){
		margin-top: 0;
	}
	.about-class .home-about-features-images .overlay {
	    left: 0;
	    right: 0;
	}
	.service-wrapper .content-wrapper{
		margin:0 auto;
	}
	.team-items-wrapper {
	    width: 100%;
	    float:none;
	    padding-right:0;
	}
	.team-items-main-wrap {
	    width: -moz-calc(100% - 0);
	    width: -webkit-calc(100% - 0);
	    width: calc(100% - 0);
	    width: 100%;
	    float: none;
	    margin-top: 20px;
	}
	.s-content-tag-wrap {
	    float: none;
	    padding: 0 30px;
	    width: 100%;
	    margin-top:30px;
	}
	.s-content-tag-wrap:nth-of-type(1){
		margin-top: 0;
	}
	.teams .team-image .team-social-links {
	    opacity: 1;
	    visibility: visible;
	    bottom: 0;
	}
	.testimonial-wrapper .owl-nav .owl-prev, .testimonial-wrapper .owl-nav .owl-next,
	.rooms .owl-nav .owl-prev, .rooms .owl-nav .owl-next{
		opacity: 1;
		visibility: visible;
	}
	.news-offers-wrapper .news-offers .overlay {
	    background: rgba(235,112,126,0.6);
	}
	.news-offers-wrapper .news-offers .events-title a, 
	.news-offers-wrapper .news-offers .events-desc, 
	.news-offers-wrapper .news-offers .post-attributes span.post-date, 
	.news-offers-wrapper .news-offers .post-attributes span.post-author a{
		color:#fff;
	}
	.page-template-template-room .list-layout .image-wrapper, .page-template-template-room .list-layout .rooms-features-wrapper{
		width: 100%;
		float: none;
		padding:0;
	}
	.page-template-template-room .list-layout .rooms-features-wrapper{
		padding:30px;
	}
	.page-template-template-room .list-layout .image-wrapper img{
		display: block;
		margin: 0 auto;
	}
	.page-template-template-room .grid-layout .rooms-loops {
	    width:100%;
	    max-width:370px;
	    margin:0 auto 30px;
	    float: none;
	}
	.page-template-template-room .grid-layout .rooms-content{
		margin-left: 0;
	}
	.contact-page .form-section-1, .contact-page .form-section-2 {
	    width: 100%;
	    margin-right: 0;
	    padding: 0;
	}
	.contact-page .form-section-2{
		margin-top: 20px;
	}
	.comment-respond .form-submit{
		margin-bottom: 40px;
	}
	.widget_shopping_cart .widget_shopping_cart_content{
		width: 100%;
	}
	.right-sidebar #secondary{
		padding-top: 30px;
	}
    .hb-form-table.col-2,
    .entry-content .hb-form-field, .entry-content .hotel-booking-search form button{
        width: 100%;
        max-width: 100%;
    }
    #hotel-booking-cart table tr.hb_checkout_item td, #hotel-booking-payment table tr.hb_checkout_item td, #hotel-booking-cart td, #hotel-booking-payment td, #hotel-booking-cart table th, #hotel-booking-payment table th{
        padding-left: 5px !important;
        min-width: 100px;
    }
    #hotel-booking-cart table th, #hotel-booking-payment table th{
        padding: 10px 5px;
    }
    #hotel-booking-cart table tr.hb_checkout_item td,
    #hotel-booking-payment table tr.hb_checkout_item td,
    #hotel-booking-cart td, #hotel-booking-payment td,
    #hotel-booking-cart table th,
    #hotel-booking-payment table th{
        min-width: 120px;
        width: 100%;
    }
    #hotel-booking-cart .hb_remove_cart_item, #hotel-booking-payment .hb_remove_cart_item{
        margin-left: -2px;
    }
    .contact-wrapper.siteorigin-panels-stretch{
        margin-bottom: -40px;
    }
    body.error404 .error-404{
        margin-bottom: 60px;
    }
    body.error404 .breadcrumb{
        margin-bottom: 60px;
    }
    .rooms-loops{
        text-align: center;
        margin-bottom: 30px;
    }
    .rooms-loops .rooms-title h3{
        text-align: center;
    }
    .services{
        max-width: 50%;
        margin: 10px auto 0;
    }
    p{
        margin-bottom: 0.875rem;
    }
    .features .features-content{
        margin: 0 auto;
    }
    .features .features-content .s-feature-content{
        margin-bottom: 20px;
    }
    .widget_swing_facilities_simple .features{
        margin-bottom: -10px;
        margin-top: 20px;
    }
    .s-container{
        padding: 0 10px;
    }
    .page-template-template-room .list-layout .room-features:before,
    .page-template-template-room .grid-layout .room-features:before,
    .page-template-template-room .hb_related_other_room.has_slider .room-features:before,
    .page-template-template-room .feature-post-attributes:before{
        right: 0;
        margin: 0 auto;
    }
    .unique.unique-features{
        text-align: center;
    }
    [id="primary"] .additional-content,
    [id="primary"] .rooms-content{
        text-align: center;
    }
    .rooms-features-wrapper .s-rooms-price{
        text-align: center;
    }
    .hb_single_room_tab_details #reviews ol .comment_container .comment-text{
        text-align: left;
    }
    #review_form_wrapper .comment-respond{
        text-align: left;
    }
    #hotel-booking-results .hb-search-results > .hb-room .hb-room-thumbnail,
    #hotel-booking-results .hb-search-results > .hb-room .hb-room-thumbnail a.hb-room-gallery,
    #hotel-booking-results .hb-search-results > .hb-room .hb-room-thumbnail a.hb-room-gallery img{
        max-width: 100%;
        width: 100%;
    }
    .blog .feature-post-attributes{
        text-align: center;
    }
    .abt-align-custom .textwidget h2{
        text-align: center !important;
    }
    .abt-align-custom .textwidget p{
        text-align: center !important;
    }
    .hb-search-results .hb_button.hb_view_cart{
        padding: 10px 15px;
        border-radius: 0;
        font-size: 14px;
        color: #FFF;
        text-transform: uppercase;
        border: solid 1px #d46e4e;
    }
    #hotel-booking-cart table.hb_table thead tr th:nth-of-type(3),
    #hotel-booking-cart table.hb_table tbody tr td:nth-of-type(3){
        display: none;
    }
    #hotel-booking-payment table th.hb_capacity,
    #hotel-booking-payment table th.hb_night{
        display: none;
    }
    #hotel-booking-payment table tr.hb_checkout_item.package td:nth-of-type(2),
    #hotel-booking-payment table tr.hb_checkout_item td.hb_capacity,
    #hotel-booking-payment table tr.hb_checkout_item td.hb_night{
        display: none;
    }
    #hotel-booking-payment table tr.hb_checkout_item.package td:nth-of-type(1){
        display: none !important;
    }
    #hotel-booking-payment table tr.hb_checkout_item.package td:nth-of-type(3){
        display: inline-block;
    }
    .no-marg-extra{
        margin-bottom: -30px;
    }
    .no-marg-extra .panel-grid-cell{
        margin-bottom: 0px !important;
    }
    [id="primary"], [id="secondary"]{
        margin-bottom: 70px;
    }
    .dedicated-staff-wrapper{
        text-align: center;
    }
    .gallery-wrapper.sclass,
    .news-offers-wrapper.sclass{
        padding-bottom: 60px;
    }
    .hb_single_room table.hb_room_pricing_plans tr th{
        font-size: 12px;
    }
    .hb_single_room table.hb_room_pricing_plans tr td{
        font-size: 12px;
    }
    #hotel-booking-cart{
        padding-bottom: 0;
    }
    body.post-type-archive-product .site-main{
        margin-bottom:  -40px;
    }
    .hb_single_room .title{
        margin-top: 20px;
    }
    .wp-hotel-booking-search-rooms #primary{
        margin-bottom: 0px;
    }
    .wp-hotel-booking-search-rooms #primary article{
        margin-bottom: -30px;
    }
    .special-offer-wrapper.sclass{
        padding: 60px 0 80px;
    }
    .header-top-content .s-container{
        padding: 18px 10px 15px;
    }
    .page-template-default #primary .contact-wrapper{
        margin-bottom: -90px;
    }
    .no-marg-activity{
        margin-bottom: -40px;
    }
    .page-id-610 .content-wrapper{
        margin-bottom: 20px;
    }
    .comments-area .comment-body .comment-author{
    	width: 100%;
    }
    .comments-area .comment-body .comment-metadata{
    	width: 100%;
    	padding-left: 68px;
    	text-align: left;
    	margin-bottom: 15px;
    }
    .content-wrapper{
    	margin-bottom: 30px;
    }
    .section-feature.layout2 .features{
    	padding: 0;
    	padding-top: 60px;
    	-webkit-flex-basis: 100%;
    	        flex-basis: 100%;
    	max-width: 400px;
    	margin: 0 auto;
    }
    .section-feature.layout2 .features:first-of-type{
    	padding-top: 0;
    }
    .section-feature.layout2{
    	padding-bottom: 65px;
    }
    .search-room-wrapper{
    	padding: 60px 0 70px;
    }
    .search-room-wrapper .textwidget{
    	padding-right: 0;
    	text-align: left;
    }
    .banner_class.slider1 .content .title{
    	max-width: 70%;
    }
    .banner-wrapper.slider1.inbetween .s-search-room{
    	padding: 50px 0;
    }
    .rooms-lists-wrapper.layout1 .unique.unique-features{
    	text-align: left;
    }
    .room-features + .s-rooms-price{
    	margin-top: 20px;
    	padding-top: 20px;
    }
    .rooms-lists-wrapper .sc-wrapper{
    	padding: 20px;
    }
    .footer-wrapper .top-footer.column-3 .widget-wrap{
    	width: 100%;
    	max-width: 400px;
    	margin: 0 auto 30px;
    	padding: 0;
    	text-align: center;
    }
    .footer-wrapper .top-footer.column-3 .widget-wrap:nth-of-type(2n){
    	padding: 0;
    }
    .footer-wrapper .top-footer .widget_swing_social_icons{
    	margin-bottom: 0;
    }
    .footer-wrapper .top-footer.column-3 .widget-wrap:last-of-type{
    	margin-bottom: 0;
    }
    .footer-wrapper .widget-wrap .widget-title{
    	text-align: center;
    }
    .about-class.about-wrapper.layout2 .textwidget h2,
    .about-class.about-wrapper.layout2 .textwidget p,
    .about-product-wrapper .textwidget h2,
    .about-product-wrapper .textwidget p,
    .search-room-wrapper .textwidget h2,
    .search-room-wrapper .textwidget p,    
    .ow-button-base.ow-button-align-right{
    	text-align: center !important;
    }
    .about-class.about-wrapper.layout2 .widget_media_image{
    	margin-top: 30px;
    }
    .about-product-wrapper .widget_media_image{
    	text-align: center;
    }
    .search-room-wrapper .widget_text{
    	padding: 40px 25px 10px;
    }
    .testimonials-content{
    	font-size: 18px;
    }
    .about-class.about-wrapper.layout2 .widget{
    	margin-bottom: 10px !important;
    }
    .banner-wrapper.slider1.inbetween .hotel-booking-search .hb-form-table{
    	margin-left: 1%;
    }
    .about-class.layout2 .about-gal-wrapper .about-left-wrap,
    .about-class.layout2 .about-gal-wrapper .about-right-wrape{
    	width: 100%;
    	-webkit-flex-flow: row;
    	    -ms-flex-flow: row;
    	        flex-flow: row;
    }
    .about-class.layout2 .about-gal-wrapper .about-left-wrap .home-about-features-images:first-of-type,
    .about-class.layout2 .about-gal-wrapper .about-right-wrape .home-about-features-images:first-of-type,
    .about-class.layout2 .about-gal-wrapper .about-left-wrap .home-about-features-images:last-of-type,
    .about-class.layout2 .about-gal-wrapper .about-right-wrape .home-about-features-images:last-of-type{
    	margin-bottom: 15px;
    }
    .about-class.layout2 .about-gal-wrapper .about-left-wrap .home-about-features-images:first-of-type,
    .about-class.layout2 .about-gal-wrapper .about-right-wrape .home-about-features-images:first-of-type{
    	margin-right: 7.5px;
    }
    .about-class.layout2 .about-gal-wrapper .about-left-wrap .home-about-features-images:last-of-type,
    .about-class.layout2 .about-gal-wrapper .about-right-wrape .home-about-features-images:last-of-type{
    	margin-left: 7.5px;
    }
    .about-class.layout2 .about-gal-wrapper .about-mid-wrap{
    	width: 100%;
    	padding: 0;
    	margin-bottom: 15px;
    }
    .about-class.layout2 .home-about-features-images{
    	max-width: 100%;
    }
    .about-class.layout2 .about-gal-wrapper .about-left-wrap{
    	padding-right: 0;
    }
    .about-class.layout2 .about-gal-wrapper .about-right-wrape{
    	padding-left: 0;
    }
    .about-class.about-wrapper.layout2{
    	padding: 55px 0 60px;
    }
    .hotel-service-wrapper.section-hotel_service .hotel-services-titlewrap{
    	padding-right: 15px;
    }
    .hotel-service-wrapper.section-hotel_service .hotel-services-list{
    	padding-left: 15px;
    }
    .hotel-service-wrapper.section-hotel_service .hotel-services-list li h4{
    	font-size: 18px;
    }
    .hotel-service-wrapper.section-hotel_service .hotel-services-list li h4 span:last-of-type{
    	padding-right: 0;
    	font-size: 18px;
    }
    .hotel-service-wrapper.section-hotel_service .s-container{
    	-webkit-flex-flow: column;
    	    -ms-flex-flow: column;
    	        flex-flow: column;
    }
    .hotel-service-wrapper.section-hotel_service .hotel-services-titlewrap{
    	width: 100%;
    	padding-right: 0;
    	text-align: center;
    	margin-bottom: 45px;
    }
    .hotel-service-wrapper.section-hotel_service .hotel-services-list{
    	width: 100%;
    	padding-left: 0;
    }
    .hotel-service-wrapper{
    	padding: 50px 0 60px;
    }
    .rooms-lists-wrapper.layout2 .textwidget{
    	text-align: center;
    }
    .rooms-lists-wrapper.layout2 .textwidget p{
    	margin-bottom: 30px;
    }
    .rooms-lists-wrapper.layout2 .textwidget h2{
    	margin-bottom: -20px;
    }
    .rooms-lists-wrapper.layout2 .rooms-wrapper{
    	padding-bottom: 25px;
    }
    .search-room-wrapper .textwidget h2{
    	margin-bottom: 30px;
    }
    .news-offers-wrapper.sclass{
    	padding: 50px 0 40px;
    }
    .section-rooms_lists.layout3 .unique.unique-features{
        text-align: left;
    }
    .listinfo-layout .rooms-features-wrapper .title-content-wrap{
        width: 100%;
        padding: 0 10px;
    }
    .listinfo-layout .rooms-features-wrapper .s-rooms-price{
        width: 100%;
        height: auto;
        margin-top: 30px;
    }
    .listinfo-layout .rooms-features-wrapper .room-availabilities{
        padding-top: 30px;
    }
    .listinfo-layout .rooms-features-wrapper .room-availabilities .unique-features li{
        text-align: left;
    }
    .page-template-template-room .list-layout .rooms-features-wrapper .s-rooms-price a.price-tag,
    .page-template-template-room .listinfo-layout .rooms-features-wrapper .s-rooms-price a.price-tag{
        padding: 16px 20px;
        font-size: 14px;
        display: block;
    }
    .page-template-template-room .list-layout .rooms-features-wrapper .rooms-title:after{
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .page-template-template-room .list-layout .rooms-features-wrapper .title-content-wrap{
        width: 100%;
        padding: 40px 0;
    }
    .rooms-features-wrapper .rooms-content{
        text-align: center;
    }
    .page-template-template-room .list-layout .rooms-features-wrapper .s-rooms-price{
        width: 100%;
        text-align: center;
        height: auto;
        padding: 30px 0 40px;
        border: none;
    }
    footer.site-footer .column-random .widget-wrap section:nth-of-type(2),
    footer.site-footer .column-random .widget-wrap section:nth-of-type(3),
    footer.site-footer .column-random .widget-wrap section{
        width: 100%;
        padding: 0;
        text-align: center;
    }
    footer.site-footer .column-random .widget-wrap section .widget-title{
        text-align: center;
    }
    footer.site-footer .column-random .widget-wrap section .widget-title:before{
        left: 0;
        right: 0;
        margin: 8px auto 0;
    }
    footer.site-footer .widget-wrap .widget input[type="email"]{
        max-width: 500px;
        margin: 20px auto 0;
    }
    .hb_single_room .content-avail-wrap .s-room-description{
        -webkit-order: 2;
            -ms-order: 2;
                order: 2;
        width: 100%;
        padding: 0;
    }
    .hb_single_room .content-avail-wrap .room-availabilities{
        -webkit-order: 1;
            -ms-order: 1;
                order: 1;
        width: 100%;
        padding: 30px 0;
        margin: 0 0 30px;
    }
    .hb_single_room .content-avail-wrap .room-availabilities li{
        text-align: left;
    }
    .hb_single_room .room-features .unique-features li:nth-of-type(1),
    .hb_single_room .room-features .unique-features li{
        text-align: left;
        display: block;
        width: 100%;
    }
    .footer-container.layout1 .footer-content.footer-text{
        text-align: center;
    }
    .footer-wrapper .widget-wrap .widget-title:before{
        left: 0;
        right: 0;
        margin: 8px auto 0;
    }
    .widget_swing_awards{
        padding: 50px 0;
    }
    article .title-content-wrap{
        width: 100%;
        padding: 25px 30px 30px;
    }
	article .arhive-post-thumbnail,
	.listinfo-layout .rooms-thumbnail, .list-layout .rooms-thumbnail,
    .listinfo-layout .rooms-features-wrapper, .list-layout .rooms-features-wrapper{
        width: 100%;
    }
    .list-layout.rooms .hb_room,
    .listinfo-layout.rooms .hb_room{
        padding: 5px;
    }
    .list-layout .rooms-features-wrapper .price-btn-wrap{
        padding: 30px;
    }
    .listinfo-layout .rooms-features-wrapper .price-btn-wrap .s-rooms-price{
        text-align: left;
    }
	.list-layout .rooms-features-wrapper .price-btn-wrap,
    .list-layout .rooms-features-wrapper .price-btn-wrap .s-rooms-price,
    .list-layout .rooms-features-wrapper .price-btn-wrap .price,
	.listinfo-layout .rooms-features-wrapper .price-btn-wrap,
	.list-layout .rooms-features-wrapper,
	.list-layout .rooms-features-wrapper .price-btn-wrap .btn-wrap{
		text-align:center;
	}
	
    .list-layout .rooms-features-wrapper .title-content-wrap .title:after{
        margin: 0 auto;
        right: 0;
    }
    .hb_single_room .hb_single_room_details .hb_single_room_tabs>li a{
        padding-bottom: 0;
        margin-bottom: 10px;
    }
    
    [id="primary"] .mphb_sc_search_results-wrapper .title h4 a {font-size:large}
    .rooms-features-wrapper .room-availabilities ul li.num-childs svg,
    .rooms-features-wrapper .room-availabilities ul li.num-adults svg{width:25px}
    .listinfo-layout .rooms-features-wrapper .room-availabilities .unique-features li {
      padding-bottom:5px
    }
    .mphb-book-button,
    .mphb_sc_search_results-wrapper .mphb-reserve-room-section .mphb-rooms-reservation-message-wrapper .mphb-remove-from-reservation {
      padding:10px; font-size:15px
    }
    .mphb-confirm-reservation, .mphb-book-button, .mphb_sc_search_results-wrapper .mphb-reserve-room-section .mphb-rooms-reservation-message-wrapper .mphb-remove-from-reservation {
      padding:5px;
    }
    
    .mphb-confirm-reservation{margin-top:5px}
    
    #room_content,.mphb_room_type .entry-content .room-availabilities {
		margin: 0 0 30px 0;
	}
	
	.mphb_room_type .entry-content .room-availabilities li {
		display:inline-block;
		width: 32%;
		padding-bottom:0px;
		margin-bottom:0px;
		border-bottom:none;
	}
	
	.mphb_room_type .entry-content .room-availabilities ul.unique-features li span{
		display:block;
		font-size:smaller;
	}
	
	.mphb_room_type .entry-content .room-availabilities ul.unique-features li span.feature-value{
		font-weight:bold;
	}
	
	.mphb_room_type .entry-content .room-availabilities ul li svg{
		margin-bottom:10px;
	}
	
	.mphb_room_type .entry-content .room-availabilities ul.unique-features li span.feature-value{
		float:none;
	}
	
	.mphb_room_type .entry-content .room-availabilities li span:first-of-type{
		margin-left:0px;
	}
	
	.mphb_sc_search-wrapper .mphb_sc_search-form input.button{
		width:60%
	}
	
	.listinfo-layout .mphb-loop-room-thumbnail,
	.mphb-room-details .mphb-adults-chooser select, 
	.mphb-room-details .mphb-children-chooser select, 
	.mphb-room-details .mphb-guest-name-wrapper input,
	#room_content, .mphb_room_type .entry-content .room-availabilities,
	.listinfo-layout .rooms-features-wrapper .price-btn-wrap,
	 .list-layout .rooms-features-wrapper .title-content-wrap
	{
		width:100%;
	}
	
	.listinfo-layout .mphb-loop-room-thumbnail img {
		margin: 0 auto;
	}
	
	.mphb-room-details .checkin-container {
		padding:0;
	}
}
@media only screen and (max-width:680px) {
    body.sidemenu header.layout4 .logo-wrap .logo img {
        max-width: 90px;
    }
    .s-search-room{
        position: static;
        padding-bottom: 25px;
    }
    .banner_class .s-search-room .widget > div form{
        display: block;
    }
    .banner_class .hotel-booking-search .hb-form-table{
        display: block;
        width: 100%;
        float: left;
    }
    .banner_class .hotel-booking-search ul li{
        width: 50%;
        display:  inline-block;
        float: left;
        margin-right: 0;
    }
    .banner_class .hotel-booking-search ul li:nth-child(2n-1){
        padding-right: 10px;
    }
    .banner_class .hotel-booking-search ul li:nth-child(2n){
        padding-left: 10px;
    }
    .banner_class .hotel-booking-search .hb-submit{
        display: block;
    }
    .banner_class .content{
        bottom: auto;
    }
    .feature-wrapper .features{
        margin-bottom: 10px;
    }
    .hb_single_room .summary .title{
        margin-top: 30px;
    }
    .hb_single_room .hb_single_room_details .hb_single_room_tabs_content{
        padding-bottom: 0;
        margin-bottom: -40px;
    }
    .search-room-wrapper .hotel-booking-search .hb-form-field{
    	width: 100%;
    	padding-right: 0;
    	margin-bottom: 12px;
    }
    .search-room-wrapper .hotel-booking-search .hb-form-field:nth-of-type(2n-1){
    	padding-right: 0;
    }
    .search-room-wrapper .hotel-booking-search .hb-form-field:nth-of-type(2n){
    	padding-left: 0;
    }
    .search-room-wrapper .hotel-booking-search .hb-submit button{
    	width: 100%;
    	max-width: 100%;
    	margin-top: 15px;
    }
    .special-offer-wrapper.layout2 .special-offer{
    	width: 100%;
    	max-width: 400px;
    	padding-left: 0;
    	display: block;
    	margin: 0 auto 30px;
    	float: none;
    }
    .special-offer-wrapper.layout2 .special-offer-items{
    	margin-left: 0;
    }
    .special-offer-wrapper.layout2 .special-offer:last-of-type{
    	margin-bottom: 0;
    }
    .news-offers-wrapper.layout2 .news-offers-main-wrap .news-offers-wrap{
    	width: 100%;
    	margin-right: 0;
    	max-width: 400px;
    	margin: 0 auto 30px;
    }
    .news-offers-wrapper.layout2 .content-wrapper{
    	margin-bottom: 35px;
    }
    .news-offers-wrapper.layout2 .news-offers-main-wrap .news-offers-wrap .news-offer-content{
    	min-height: auto;
    	padding: 15px;
    }
    .news-offers-wrapper.layout2 .news-offers-main-wrap .news-offers-wrap:nth-of-type(2n) .news-offer-content{
    	-webkit-order: 2;
    	    -ms-order: 2;
    	        order: 2;
    }
    .news-offers-wrapper.layout2 .news-offers-main-wrap .news-offers-wrap:nth-of-type(2n) figure{
    	-webkit-order: 1;
    	    -ms-order: 1;
    	        order: 1;
    }
    .news-offers-wrapper.layout2 .news-offers-main-wrap .news-offers-wrap:nth-of-type(3n){
    	margin-right: auto;
    }
    .news-offers-wrapper.layout2 .news-offers-main-wrap .news-offers-wrap figure{
    	margin-bottom: 10px;
    }
    .news-offers-wrapper.layout2 .news-offers-main-wrap .news-offers-wrap:last-of-type{
    	margin-bottom: 0;
    }
    .section-feature .sec-title,
    .content-title{
    	margin-bottom: 20px;
    }
    .sidemenu .rooms-lists-wrapper.layout3 .hb_room .summary .sc-wrapper{
        bottom: 0;
    }
    .listinfo-layout .roomimage {width:16%}
    .mphb_sc_search_results-wrapper .listinfo-layout .rooms-features-wrapper{width:84%}
    .mphb_sc_search_results-wrapper .listinfo-layout .rooms-features-wrapper .title-content-wrap {width:75%}
    .mphb_sc_search_results-wrapper .listinfo-layout .rooms-features-wrapper .room-availabilities{line-height:0px;}
	
	#mphb-customer-details .left,
	#mphb-customer-details .right,
	.mphb-room-details .checkin-inputfields-right,.mphb-room-details .checkin-inputfields-left {
		float:none;width:100%
	}
  .testimonials{width:100%;padding-bottom:30px}
  .testimonials-items{display:block}
  .testimonials-content{padding-bottom:20px;font-size:16px}
}

@media only screen and (max-width:640px) {
	/*.banner_class .content .text,
	.banner_class .content .title{
		display: none;
	}*/
    
    .banner_class.slider1 .content .link {
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-wrap: wrap;
        align-content: flex-end;
    }
    .banner_class.slider1 .content .link a {
        width: fit-content;
        margin-right: 0;
        margin-left: auto;
        
    }
	.banner_class .content{
		bottom:auto;
		top: 50%;
		-webkit-transform: translate(-50% , -50%);
    	transform: translate(-50% , -50%);
        width: 100%;
        padding: 0 10%;
	}
	.special-offer-wrap {
	    display:block;
	}
	.special-offer-wrap > div{
		display: block;
		width: 100%;
	}
	.special-offer{
		max-width:300px;
	}
	.special-offer-content:before{
		content: none;
	}
	.special-offer-content .read-more{
		position: static;
		margin-top: 20px;
	}
	.special-offer-content .read-more a{
		max-width: 100%;
	}
	.features{
	    width: -moz-calc(100% - 0px);
	    width: -webkit-calc(100% - 0px);
	    width: calc(100% - 0px);
	    width: 100%;
	    float: none;
	    margin-left: 0;
	}
	.features:nth-of-type(3n+1),
	.features:nth-of-type(2n+1) {
	    clear: none;
	}
	.feature-items{
		margin-left: 0;
	}
	.news-offers-wrapper .news-offers{
		padding:20px;
	}
	.news-offers-wrapper .events-desc{
		font-size: 24px;
	}
	.gallery-wrapper .grid-sizer, .gallery-wrapper .grid-item{
		width: 50%;
	}
	.s-contact-form .form-section-1, .s-contact-form .form-section-2 {
	    display:block;
	    margin-right:0;
	    width:100%;
	    padding: 0;
	}
    .features{
        width: 100%;
        text-align: center;
        margin: 10px 0;
        -webkit-flex-basis: 100%;
	        flex-basis: 100%;
    	margin-right: 0%;
    	margin-bottom: 2rem;
    	vertical-align: middle;
    	display: -webkit-box;
    	display: -moz-box;
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
    	-ms-flex-align: center;
    	-webkit-align-items: center;
    	-webkit-box-align: center;
    	align-items: center;
    	-webkit-flex-flow: row wrap;
        padding: 0 25px;
    }
    .features:nth-of-type(2n){
        margin-right: 0;
    }
    .banner_class .content .link a{
        padding: 15px 20px;
    }
    .breadcrumb .breadcrumb-title .header-page-title{
        font-size: 24px;
    }
    .breadcrumb .breadcrumbs, .breadcrumb .breadcrumbs a {
        font-size: 12px;
    }
    .entry-content h2, h3, #main h2 {
        font-size: 22px;
        text-align: center;
    }
	.post-navigation .nav-links .nav-next,
	.post-navigation .nav-links .nav-previous{
		width: 100% !important;
		margin-top: 10px;
        float: left;
        text-align: left;
	}
	.post-navigation .nav-links .nav-next a,
	.post-navigation .nav-links .nav-previous a{
	   width: 100%;
	}
    .room-listing-main-content-wrapper .list-layout .s-container{
        padding:  0;
    }
    .banner-wrapper.slider1.inbetween .hotel-booking-search .hb-form-table{
    	margin-left: 0;
    }
    .banner_class .hotel-booking-search ul li{
    	width: 100%;
    	display: block;
    }
    .banner_class .hotel-booking-search ul li:nth-child(2n-1){
    	padding-right: 0;
    }
    .banner_class .hotel-booking-search ul li:nth-child(2n){
    	padding-left: 0;
    }
    .about-class.about-wrapper.layout2{
    	padding-bottom: 50px;
    }
    .so-widget-sow-button-flat-d725aa283dcf .ow-button-base a{
    	padding: 12px 15px;
    	font-size: 14px;
    }
    .banner_class.slider1 .content .title{
    	max-width: 90%;
    }
    .banner_class.slider1 .content .link a{
    	padding: 12px 11px;
    }
    .banner_class.slider1 .content .link a.primary-btn{
    	padding-right: 35px;
    }
    .banner_class .content .title h4{
    	font-size: 36px;
    }
    .rooms-lists-wrapper.layout2 .rooms .hb_room:hover .sc-wrapper .price{
    	-webkit-transform: translate3d(0,-15px,0);
    	   -moz-transform: translate3d(0,-15px,0);
    	    -ms-transform: translate3d(0,-15px,0);
    	     -o-transform: translate3d(0,-15px,0);
    	        transform: translate3d(0,-15px,0);
    }    
    .sidemenu .search-section .s-search-room ul li{
        width: 100%;
        float: left;
        margin: 0;
        padding: 0 0px;
        margin-bottom: 15px;
    }
    .rooms-lists-wrapper.layout4 .item.room-loops{
        padding: 0 30px;
    }
    .rooms-lists-wrapper.layout4 .owl-nav .owl-next span:before,
    .rooms-lists-wrapper.layout4 .owl-nav .owl-prev span:before{
        height: 20px;
    }
    .rooms-lists-wrapper.layout4 .owl-nav .owl-next span:after,
    .rooms-lists-wrapper.layout4 .owl-nav .owl-prev span:after{
        height: 20px;
        top: 15px;
    }
    .section-feature.layout3 .s-container{
        padding-bottom: 60px;
    }
    .rooms-lists-wrapper.layout4 .item.room-loops{
        width: 100%;
    }
    .section-testimonial.layout2{
        padding: 0;
    }
    .section-testimonial.layout2 .s-container{
        background: rgba(255,255,255,0.95);
    }
    .section-testimonial.layout2 .s-container.content-wrapper{
        background: none;
    }
    .section-offer.layout3{
        padding: 0;
    }
    .section-offer.layout3 .special-offer{
        max-width: 450px;
    }
    .section-search_room.search-room-wrapper.layout2 .widget h3.widget-title{
        font-size: 26px;
        text-align: center;
        width: 100%;
        display: block;
    }
    .section-search_room.search-room-wrapper.layout2 .widget_text{
        padding: 45px 45px 10px;
    }
    .rooms-lists-wrapper.layout4 .s-container{
        padding: 0;
    }
    .rooms-lists-wrapper.layout4{
        padding-bottom: 30px;
    }
    
    .listinfo-layout .roomimage {width:100%;text-align: center;}
    .listinfo-layout .rooms-features-wrapper, .list-layout .rooms-features-wrapper {display:block}
    .list-layout .rooms-features-wrapper .price-btn-wrap, .listinfo-layout .rooms-features-wrapper .price-btn-wrap, .mphb_sc_search_results-wrapper .listinfo-layout .rooms-features-wrapper .title-content-wrap{
      padding-bottom:10px;
    }
	.list-layout .rooms-features-wrapper .price-btn-wrap, .listinfo-layout .rooms-features-wrapper .price-btn-wrap{
		margin:15px auto;
	}
	.list-layout .rooms-features-wrapper .price-btn-wrap, .listinfo-layout .rooms-features-wrapper .price-btn-wrap .btn-wrap .mphb-to-book-btn-wrapper .mphb-book-button{
		width: 70%;
	}
	
    .mphb_sc_search_results-wrapper .listinfo-layout .rooms-features-wrapper,
    .mphb_sc_search_results-wrapper .listinfo-layout .rooms-features-wrapper .title-content-wrap,
    .mphb_sc_search_results-wrapper .listinfo-layout .rooms-features-wrapper .price-btn-wrap{width:100%}
    
    .mphb_sc_search_results-wrapper .listinfo-layout .rooms-features-wrapper .price-btn-wrap {margin-bottom:10px}
    
    [id="primary"] .mphb_sc_search_results-wrapper .title h4 a {font-size:x-large}
    .rooms-features-wrapper .room-availabilities ul li.num-childs svg,
    .rooms-features-wrapper .room-availabilities ul li.num-adults svg{width:35px}
    .mphb_sc_search_results-wrapper .listinfo-layout .rooms-features-wrapper .room-availabilities .unique-features li,
    .mphb_sc_search_results-wrapper .listinfo-layout .rooms-features-wrapper .mphb-view-details-button-wrapper{
      margin-top:5px;
      margin-bottom:5px;
    }
    .listinfo-layout .rooms-features-wrapper .room-availabilities .unique-features li {
      padding-bottom:5px
    }
    
    .mphb-confirm-reservation, .mphb-book-button, .mphb_sc_search_results-wrapper .mphb-reserve-room-section .mphb-rooms-reservation-message-wrapper .mphb-remove-from-reservation {
      padding:10px;
      font-size:15px
    }
    
    .mphb-confirm-reservation{
      display:block;
      margin:0px auto;
      margin-top:10px;
      width:35%;
    }
    
    body.sidemenu #primary{
      width:100%;
      margin:0px auto;
    }
    #checkout, #searchresultssum {display:block;}
    #searchresultssum .requested,
    #searchresultssum .available{
      width:100%;
      text-align:center;
    }
    
    #searchresultssum .available{margin-top:20px;}
	.mphb_room_type .entry-content .room-features .unique-features li:nth-of-type(1),
	.mphb_room_type .entry-content .room-features .unique-features li {
		width:100%;
		text-align: left;
	}
	
	h4.mphb-service-title {
		font-size:initial;
	}
	
	.mphb_room_type .entry-content .room-features .free-features li:nth-of-type(1), .mphb_room_type .entry-content .room-features .free-features li{
		width:100%;
	}
    
    .package-container .package-title {
        font-size: x-large;
        margin-bottom: 10%;
    }
    
    .package-container .package-line {
        flex-direction: column;
        align-items: center;
        margin-bottom: 3.5%;
    }
    
    .package-container .package-line div {
        text-align: center;
    }
    
    .package-container .package-line.margin {
        margin: 10% auto;
    }
    
    .package-container #room-amenities li {
        margin-bottom: 3.5%;
    }
    
    .gallery-caption {
        font-size: small;
    }
    
    .wpcf7-form .left, .wpcf7-form .right {
        margin: 10px!important;
    }
}

@media only screen and (max-width:600px){
  .mphb_sc_search-wrapper .mphb_sc_search-form p{width:100%}
  .mphb_sc_search-wrapper .mphb_sc_search-form .datablock {display:block}
  .mphb_sc_search-wrapper .mphb_sc_search-form input.button {width:70%}
  .sidemenu .banner_class.slider1 .content {padding:0 5px}
  .sidemenu .banner_class.slider1 .content .title {margin-bottom:15px;}
  .sidemenu .banner_class.slider1 .content .title h4 {font-size:24px}
  .sidemenu .banner_class.slider1 .content .text {font-size:12px}
  /*
  .ow-button-base a, .banner_class.slider1 .content .link a, .about-class .button-links a, .rooms-lists-wrapper .view-all-roms a, .service-wrapper .button-links a {
    padding: 0 16px !important;
    line-height: 32px !important;
	}
    */
  .wpcf7-form .block,.wpcf7-form .left.full {display:block; margin: auto; float:none}
  .wpcf7-form .left, .wpcf7-form .right {width:100%;float:left;margin:auto;}
  #bankszam {font-size:small}
  #mphb-price-details .mphb-price-breakdown tr.mphb-price-breakdown-total th {font-size:large}
  .mphb_sc_checkout-form .mphb-price-breakdown .mphb-table-price-column {width:40%}
}

@media only screen and (max-width:480px) {
	.gallery-wrapper .grid-sizer, 
	.gallery-wrapper .grid-item{
		width: 100%;
	}
	.comments-area .comment-body .comment-author{
		width: 100%;
		display: block;
	}
	.comments-area .comment-body .comment-author span.says,
	.comments-area .comment-body .comment-author b.fn{
		vertical-align: top;
	}
	.comments-area .comment-body .comment-metadata{
		display: block;
		width: 100%;
		text-align: left;
	    padding-left: 67px;
	    margin-top: -30px;
	    margin-bottom: 20px;
	}

    .error-404 form input.search-field, .not-found form input.search-field{
        width: 100%;
        max-width: 100%;
    }
    .error-404 form input.search-submit, .not-found form input.search-submit{
        display: block;
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
    }
    .services .rooms-thumbnail img{
        width: 100%;
    }
    .services{
        max-width: 100%;
        margin: 10px auto;
    }
    .banner_class .hotel-booking-search ul li{
        width: 100%;
        display:  block;
        float: left;
        margin-right: 0;
    }
    .banner_class .hotel-booking-search ul li:nth-child(2n-1){
        padding-right: 0px;
    }
    .banner_class .hotel-booking-search ul li:nth-child(2n){
        padding-left: 0px;
    }
    #hotel-booking-cart table tr th.hb_quantity{
        width: 40px;
        word-break: break-word;
    }
    #hotel-booking-cart table tr th.hb_gross_total,
    #hotel-booking-cart table tr.hb_checkout_item td.hb_gross_total{
        width:90px;
    }
    .section-feature{
        padding-bottom: 45px;
    }
    .special-offer-wrapper.sclass{
        padding: 60px 0 75px;
    }
    .special-offer{
        max-width: 100%;
    }
    .special-offer-image img{
        width: 100%;
    }
    .banner_class.slider1 .content{
    	padding: 0 25px;
    }
    .banner-wrapper.slider1.inbetween .hotel-booking-search button{
    	margin-top: 10px;
    }
    /*
    .ow-button-base a, .banner_class.slider1 .content .link a, .about-class .button-links a, .rooms-lists-wrapper .view-all-roms a, .service-wrapper .button-links a{
        padding: 0 20px !important;
        line-height: 40px !important;
    }
    */
    .banner_class.slider1 .content .link a.primary-btn{
        margin-right: 2px;
    }
    .widget_swing_awards .items{
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
        width: 100%;
    }
    .widget_swing_awards .items:last-of-type{
        margin-bottom: 0;
    }
    .footer-container.layout1 .footer-content{
        width: 100%;
        display: block;
        text-align: center;
    }
    .widget_swing_awards .widget_recent_entries .items{
        display: block;
        width: 100%;
        margin: 30px 0;
    }
    .widget_swing_awards .widget_recent_entries .items:last-of-type{
        margin-bottom: 0;
    }
    
    .mphb_sc_search-wrapper .mphb_sc_search-form input.button {width:100%}
    
    .rooms-features-wrapper .room-availabilities ul li.num-childs svg,
    .rooms-features-wrapper .room-availabilities ul li.num-adults svg{width:25px}
    body.sidemenu #primary{
      width:100%;
      margin:0px;
    }
	
	.mphb_room_type .entry-content .room-availabilities ul.unique-features li span.feature-label{
		display:none;
	}
	
	h4.mphb-service-title {
		font-size: smaller;
	}
	.mphb-price-breakdown tr td, .mphb-price-breakdown tr th {
		padding:7px;
		font-size: small;
	}
}

@media only screen and (max-width: 400px){
  .alignleft,.alignright {float:none; margin:0; display:block; margin:auto}
  .mphb_sc_search-wrapper .mphb_sc_search-form input.button {font-size:small}
	.list-layout .rooms-features-wrapper .price-btn-wrap, .listinfo-layout .rooms-features-wrapper .room-availabilities ul li span.feature-label{
		display:none;
	}
	
	.mphb-check-in-date, .mphb-check-out-date{
		width:100%;
      text-align:center;
	}
	.mphb-check-out-date{
		padding-top:20px;
	}	
  .sidemenu .banner_class.slider1 .content .title h4 {font-size:21px}
  .sidemenu .banner_class.slider1 .content .text {font-size:11px}
  
  .ow-button-base a, .banner_class.slider1 .content .link a, .about-class .button-links a, .rooms-lists-wrapper .view-all-roms a, .service-wrapper .button-links a {
    padding: 8px 24px !important;
    line-height: 30px !important;
	}	
	
	.mphb-price-breakdown tr td, .mphb-price-breakdown tr th {
		padding:3px;
		font-size: smaller;
	}	
	#mphb-price-details .mphb-price-breakdown tr.mphb-price-breakdown-total th {font-size:small}
	#mphb-price-details .mphb-price-breakdown tr {font-size:small}	
}

@media only screen and (max-width: 360px){
  .mphb_sc_search-wrapper .mphb_sc_search-form input.button {font-size:x-small}
 
}