@media screen and (max-width: 1200px){
.menu-area ul li a{font-size: 11px;}
.navbar.menu-area .container{padding: 0}
.image-textarea h2{font-size: 55px; top: -35px;}
.footer-block li a{font-size: 11px;}
.footer-detail h5{font-size: 12px}
.social-icons li a{ height: 28px; width: 28px; line-height: 28px; font-size: 16px;}
.content-detail h3{font-size: 35px;}
.content-detail h4{font-size: 23px;}
.content-detail p{font-size: 16px;}
.menu-area ul li{padding: 0 5px;}
.contact-heading h4{font-size: 20px;}
.contact-address h5{font-size: 16px;}
.contact-address p strong{width: auto; }
.email-address img{width: 30%}
.email-address p a{font-size: 13px;}
.breadcrumbs h1{font-size: 25px;}
.heading-area h2{font-size: 23px;}
.heading-area h2 span{font-size: 14px;}
.head1 h5{font-size: 22px;}
.head1 h6{font-size: 16px;}
}
@media screen and (max-width: 1023px) and (min-width: 768px){
.contact-detail li{margin-right: 0}
.navbar-nav li{padding: 4px 3px 0}
.navbar-nav li ul li{ padding-top: 0}
.image-textarea h2{font-size: 32px; top: -16px;}
.image-detailarea p{font-size: 13px; line-height: 22px;}
.panaoramic-area p{width: 80%}
.navbar-brand{padding: 8px;}
.navbar{margin-bottom: 10px;}
.footer-img img{position: relative; top: 0}
.footer .col-sm-4{min-height: 200px;}
.photo-section img{max-height: 200px;}

}
@media screen and (max-width: 767px){
.navbar-brand{padding: 10px; text-align: center; width: 100%}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
.navbar-brand img{margin: 0 auto; display: block; max-width: 100%}
.nav.navbar-nav{margin: 0}
.navbar-nav li{border-right: none; display: inline-block;}
.navbar-nav li.social-icon{float: left; margin: 10px 0}
.menu-area ul li{display: block; background: none;margin: 8px 0}
.menu-area ul li:first-child{padding-left: 5px; }
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin: 0}
.navbar-collapse{box-shadow: none}
.image-block img{width: 100%}
.image-blockarea{margin: 0 0 20px;}
.image-detailarea{min-height: 100px; margin: 30px 0 20px; padding-bottom: 15px;}
.content-detail h3{font-size: 30px;}
.content-detail h4{font-size: 20px;}
.content-detail p{font-size: 15px;}
.footer-block,.footer-detail,.social-icons{margin:0 0 20px;}
.footer-img img{position: relative; top: 0}
.contact-detail li a{font-size: 12px;}
.top-menuarea{text-align: center;}
.social-icon{margin: 10px 0; float: left;}
.menu-area ul li,.navbar-nav{text-align: left;}
.breadcrumb li,.breadcrumb a{font-size: 12px;}
.breadcrumbs h1{font-size: 20px;}
.heading-area h2{font-size: 19px;}
.email-address img{width: auto;}
.photo-container .col-sm-6:nth-child(2n+1),.listing-area .col-sm-6:nth-child(2n+1){border-right: none}
.pagination > li > a .fa{font-size: 25px;}
.pagination > li > a{font-size: 14px}
.green-heading h3{font-size: 14px;}
.photo-section p,.restaurant-block p{font-size: 13px; line-height: 22px;}
.restaurant-block iframe{height: 250px;}
.head1 h5{font-size: 20px;}
.head1 h6,.activity-area h5,.activity-area h6{font-size: 15px;}
.head2 h4{font-size: 22px;}
.activity-area ul li a{font-size: 13px;}
.transport-area .col-sm-6{padding: 0}
.transport-area .office-img span{font-size: 16px;}
.reservation-form .form-group,.reservation-form .form-group div,.reservation-form label{padding: 0}
.to-sectioarea .to-section{position: relative; top: auto; left: auto;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{margin-left: -17px;}
.reservation-form .form-group label.radio-inline{padding-left: 15px;}
.submit-btn{padding: 0}
.reservation-form p{padding: 0}
.reservation-form .btn-default{font-size: 20px;}
.reservation-form .form-group label{font-size: 14px;}
.navbar-right{clear: both; display: block; height: 100% !important;width: 100%;}
.social-icon{float: none; margin: 10px auto; text-align: center;}
.phone-size .form-control{width: 90%}
}
@media screen and (max-width: 479px){
.navbar-nav li ul li{margin-bottom: 10px;}
.navbar-nav li{float: left;}
.panaoramic-area p{width: 50%}
.content-detail h3{font-size: 20px}
.content-detail h4{font-size: 16px}
.content-detail p{font-size: 14px}
.contact-detail li{margin-right: 0}
.navbar-nav li.social-icon{clear: none; margin: 0; float: left;}
.breadcrumbs h1{font-size: 18px}
}