@media (max-width:1200px){
.blog-detail{padding-bottom: 105px;}
.blog p {display: none !important;}
.fancy-parallax > h4 {font-size: 35px;}
.fancy-parallax2 > h3 {font-size: 30px;}
.fancy-parallax > h3 {font-size: 36px;}
.fancy-parallax2 > h4 {font-size: 25px;}
.fancy-parallax3 > h3 {font-size: 35px;}
.fancy-parallax3 > h4 {font-size: 24px;letter-spacing: 3px;}
.welcome {padding: 0;}
.icon-box > i {font-size: 40px;}
.icon-box > h3 {font-size: 13px;}
.icon-box > p {font-size: 12px;}
.sp-package-img > p {line-height: 25px;top: 30px;}
.reviews > h3,.modern-text > h3,.fancy-text h3,.city-weather h3,
.video-section > h3 {font-size: 70px;}
.abt-event > h3 {font-size: 14px;line-height: 20px;}
.abt-event > span {margin-bottom: 10px;}
.abt-event {padding: 70px 20px;}
.sidebar {padding: 15px;}
.blog-img > ul.meta {width: 100%;}
.blog-desc {padding: 20px 0;}
.blog-desc h3 {font-size: 15px;}
.blog-desc > p {font-size: 12px;line-height: 23px;}
.theme-layout.boxed{width: 90%;}

} 


@media (min-width:768px) and (max-width:980px){
header{display: none!important;}
.responsive-header{display: block;}
.slide-bgtitle:after{display: none;}
.column {float: left;margin-bottom: 40px;width: 100%;}
.column:last-child{margin-bottom: 0;}
.reservation form > div.large-field, .reservation form > div.small-field {float: left; width: 50%;}
.list {margin: 0;}
.deal-carousel .owl-nav {bottom: -75px;}
.blog-posts .row > div { float: left;width: 50%;}
.blog p {display: block !important;height: 0; padding: 0;}
.contact-box > form .row > div {padding: 0;float: left;width: 100%;}
.contact-box,.contact-box.overlap {margin: 0;padding: 40px;}
.simple-parallax {padding: 0;}
.icon-box > p { display: none;}
.mockup2 > img,.mockup > img, .mockup3 img{display: unset !important;width: auto !important;}
.mockup2,.mockup,.mockup3 {margin: 0;text-align: center;}
.fancy-parallax2,.fancy-parallax3 {margin-bottom: 30px;}
.reviews {padding: 0 60px;}
.video-section > p { width: 100%;}
.portfolio-sec > div.box-small, .portfolio-sec > div.box-big {float: left;width: 50%;}
.upcoming-events .row > div {float: left; width: 50%;}
.block.overlap .container { border: 0 none; float: left; margin: 0; padding: 0 15px; width: 100%;}
.room { float: left;width:33.334%;}
.room-hover {padding-top: 70px;}
.deal-info > i { display: none;}
.team .row > div { float: left; width: 50%;}
.gallery-widget > div {float: left;width: 16.666%;}
.services .row > div { float: left;width: 50%;}
.portfolio-sec.with-gap > div { float: left; width:50%;}
}


@media (max-width:767px){
.responsive-header{position: relative;width: 100%;float: left;}
header{display: none!important;}
.responsive-header{display: block;}
.slide-bgtitle:after{display: none;}
.column {float: left;margin-bottom: 40px;width: 100%;}
.column:last-child{margin-bottom: 0;}
.reservation form > div.large-field, .reservation form > div.small-field {float: left; width: 50%;}
.list {margin: 0;}
.deal-carousel .owl-nav {bottom: -75px;}
.blog-posts .row > div { float: left;width: 50%;}
.blog p {display: block !important;height: 0; padding: 0;}
.contact-box > form .row > div {padding: 0;float: left;width: 100%;}
.contact-box,.contact-box.overlap {margin: 0;padding: 40px;}
.simple-parallax {padding: 0;}
.icon-box > p { display: none;}
.mockup2 > img,.mockup > img, .mockup3 img{display: unset !important;width: auto !important;}
.mockup2,.mockup,.mockup3 {margin: 0;text-align: center;}
.fancy-parallax2,.fancy-parallax3 {margin-bottom: 30px;}
.reviews {padding: 0 60px;}
.video-section > p { width: 100%;}
.portfolio-sec > div.box-small, .portfolio-sec > div.box-big {float: left;width: 50%;}
.upcoming-events .row > div {float: left; width: 100%;}
.block.overlap .container { border: 0 none; float: left; margin: 0; padding: 0 15px; width: 100%;}
.room { float: left;width:50%;}
.room-hover {padding-top: 70px;}
.deal-info > i { display: none;}
.reservation {padding: 45px 20px;}
.block .container,.container {padding: 0 15px;}
.package-intro {border: 10px solid #FFF; position: relative; float: left; width: 100%; bottom: 0;}
.package:hover .package-intro{bottom: 0;}
.packages .row > div {float: left; width: 50%;}
.overlap {margin: 0;}
.center {float: left;margin: 0 !important;position: relative;top: 0;width: 100%;}
.whitebox li {width: 100%;}
.post-info ul, .single-image {width: 100%;}
blockquote {font-size: 14px; padding: 20px;}
.post-info ul, .single-image { width: 100%;}
blockquote {font-size: 14px;padding: 20px;}
.comments-thread li {padding: 0;}
.comment {padding: 40px;}
.avatar {float: left;left: auto; margin-bottom: 20px; position: relative; top: auto;}
.team .row > div { float: left; width: 50%;}
.gallery-widget > div {float: left;width: 16.666%;}
.services .row > div { float: left;width: 50%;}
.portfolio-sec.with-gap > div { float: left; width: 50%;}

}


@media (max-width:480px){
.reservation form > div.large-field, .reservation form > div.small-field { width: 100%;}	
.title h2 {font-size: 20px;}
.title > p {font-size: 11px;}
.package-price {float: left;position: relative; width: 100%;}
.package-detail {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;margin: 20px 0 0;padding: 0; position: relative; width: 100%;}
.blog-posts .row > div {width: 100%;}
.packages .row > div{width: 100%;}
.mockup2 > img, .mockup > img, .mockup3 img {width: 100% !important;}
.fancy-carousel .owl-nav {left: 20%;top: auto;width: 60%;bottom: 70px;}
.reviews > h3, .modern-text > h3, .fancy-text h3, .city-weather h3, .video-section > h3 {font-size: 30px;line-height: 30px;}
.onepage-wrapper .block{opacity: 1;}
.disabled-onepage-scroll .onepage-wrapper .section{width: 100%; height: auto;}
.center {float: left;margin: 0 !important;position: relative;top: 0;width: 100%;}
.portfolio-sec > div.box-small, .portfolio-sec > div.box-big {float: left;width: 100%;}
.deal-details {margin-top: 0;padding: 30px 0 15px;}
.deal-features > ul {border-top: 1px solid #dedede;width: 100%;}
.deal-features > p {padding: 10px 20px;width: 100%;}
.deal-features { padding: 0;}
.room { width: 100%;}
.special-deals-carousel .owl-nav > div {height: 25px;width: 25px;}
.special-deals-carousel .owl-nav > div:before {font-size: 12px;line-height: 25px;}
.special-deals-carousel .owl-nav {width: 53px;}
.team .row > div { float: left; width: 100%;}
.gallery-widget > div {float: left;width: 33.334%;}
.blog-desc {padding: 20px;}
.services .row > div { float: left;width: 100%;}
.portfolio-sec.with-gap > div { float: left; width: 100%;}

}