@media only screen and (max-width:1367px){
    /*    #owl-demo1 .item{
            min-height:530px;
        }
        .details_banner {
            max-height: 530px;
    
        }    
    .owl-carousel .owl-item img {
        width: auto;
        height: 100%;
        margin: 0 auto;
    }*/
    .details_banner{ height: 400px;}
}
@media only screen and (max-width: 1199px) {
    .services .service_content{margin-right: 25px;}
    .last_col{font-size:18px;}
    .address span{width: 40%;}
    .navbar-brand > img{width: 220px;}
    .nav_right{padding: 30px 0;}
    .navbar{min-height:80px;}
    .carousel-caption{width: 30%;}
    .about h3{padding: 60px 0;}
    .location-map{padding: 10px 16px;}
    .other-information a{padding: 16px 8px 16px 8px;font-size: 13px;}
    /*cms page*/
    .slider .new_text h2{margin: 20px 0px 0px;}
    /*end*/
    .listing-image img{min-height: 0;}
    .detail_box ul li{width: 30.9%;}
    .col_odd span{
        padding-left: 10px; 
    }
    .resort-address p span {
        display: inline !important;
    }
    .resort-address h4, .other-information h4{
        padding-bottom: 10px;
        font-size: 14px;
    }
    .resort-address,.other-information{
        padding: 20px 17px;
    }
    .check h4{
        margin-top: 0;
        font-size: 14px;
    }
    .check{
        padding: 10px 17px;
    }
    .about .form-group .col-md-4{
        margin-right: 10px;
    }
    .side-bar .form-group .col-md-4{
        margin-right: 20px;
    }
    #sync2 .owl-item {
        //max-width: 115px;
    }
    .details_banner{ height: 351px;}
}
@media screen and (max-width:1024px){
    *{
        -webkit-appearance: none;
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
        border-radius:0px;
    }
    
    .navbar-inverse .navbar-nav > li > a{font-size:14px;padding: 5px;}
}
@media only screen and (max-width: 992px) {
    .carousel {height: 500px;}
    .col_odd img{display: block; margin:-9px auto -6px;}
    .col_odd span{width: 84%;font-size:14px;}
    .col_odd a{line-height: 24px;}
    .last_col{font-size: 12px;}
    .col_even{font-size:14px;}
    .address span{width:50%;}
    .side-bar .check h4,.resort-address h4, .other-information h4,.budget-rooms h4{font-size:14px;}
    .side-bar .check h4{margin-top: 0;}
    .about .form-group select,.about .form-group button{width: 100%;}
    .services .service_content{margin-right: 20px;}

    .carousel-caption{width: 50%;}
    .contact_no{margin:10px;}
    .navbar-collapse{box-shadow:none;}
    .contact_no{font-size:14px;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: -30px;}
    .navbar-brand > img{width:130px;padding-top: 13px;}
    .navbar-inverse .navbar-nav > li > a{font-size:10px;padding: 7px;}
    .nav_right{padding:20px 0;}
    .about h3{padding:40px 0;}
    /*contact-us*/
    .form-left, .form-right{width: 48.6%;}
    .security-sec .form-left,.security-sec .form-right{width: 100%;margin: 0;}
    .security-sec .form-right{text-align: center;margin-top: 30px;}
    .contact-us{padding: 30px 0 30px 0;}
    .contact-us-section p{margin-bottom: 20px;}
    .township{padding: 25px 20px 13px 20px;}
    .township h5{padding: 0 0 15px 0;}
    .resort-address,.other-information{margin: 30px 0 0 0;}
    .resort-address .other-info p{font-size: 14px;}
    .location-map{margin-top: 20px;}
    .other-information p{margin-bottom: 10px;font-size: 13px;}
    .other-information h4 {padding-bottom: 10px;margin-bottom: 10px;}
    .resort-address h4{padding-bottom: 10px;}
    .other-information,.resort-address{padding: 20px 17px;}
    .resort-address p{font-size: 14px !important;}
    .other-information a{padding: 11px 11px 11px 11px;}
    .location-map{padding: 8px 18px;}
    /*end*/
    /*cms*/
    .cms-main{padding: 30px 0}
    .cms-page ul,.about .cms-page p{margin: 10px 0 0 0;}
    .about .cms-page ul p{margin: 0;}
    /*end*/
    .listing-image{text-align: center;}

    .listing-main{padding: 30px 0 0 0 !important;}
    .motel-rooms .owl-controls .owl-nav .owl-prev, .motel-rooms .owl-controls .owl-nav .owl-next{
        width: 33px;
        height: 33px;
        line-height: 28px;
    }
    .room-detail-section{
        padding: 15px;
    }
    .room-detail-section p{
        margin-bottom: 10px;
    }
    .motel-rooms .owl-controls .owl-nav{bottom: 17px;}
    .budget-rooms{padding: 20px 14px 20px 14px;}
    .motel-rooms-main{padding: 30px 0;}
    .detail_box ul li:nth-child(3n+1){
        margin-left: 1%;
    }
    .detail_box ul li{
        margin-left: 1%;
        margin-bottom: 2%;
    }
    .detail_box ul li {
        width: 48.5%;
    }
    .detail_box ul li:nth-child(odd){ 
        margin-left: 0%;
    }
    .detail_box ul li:nth-child(even){ 
        margin-left: 1%;
    }
    .about_text{margin: 30px 0;padding: 0 !important;}
    .about .form-group .col-md-4, .about .form-group .col-md-8 {
        padding-right: 15px;
    }
    .about .form-group button{
        padding: 11px 8px;
    }
    .service_content a{
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }
    .about_inner{
        padding-bottom: 30px;
    }
    .services{
        bottom: -30px;
    }
    .col_odd span{
        margin: 3px 0;
    }
    .col_odd{
        padding: 15px 8px;
    }
    .last_col{
        padding:10px;
    }
    .col_odd span{
        padding-left: 0px; 
    }
    header .navbar-nav{
        padding-top: 11px;
    }
    .contact-detail a{
        margin-top: 10px;
    }
    .other-info a, .other-information a {
        width: 100%;
        text-align: center;
    }
    .form-group .check-select .dropdown-menu,.form-group .check-select .dropdown-menu,.btn-group.bootstrap-select.check-select{width: 100% !important;}
    .about .form-group .col-md-4,.side-bar .form-group .col-md-4{
        margin-right: 0px;
    }
    #owl-demo1 .item{
        //min-height: 450px
    }
    #sync2 .owl-item {
        //max-width: 80px;
        margin-right: 10px !important;
    }
    #sync1 {
        margin-bottom: 10px;
    }
    #sync2 .owl-stage{
        left: -4px;
    }
    #sync2 .owl-nav{
        bottom: 70%;
    }
    #sync1 .item {
        min-height: 215px;
    }
    .listing-detail:nth-child(2n+1) {
        margin-bottom: 20px;
    }
    .listing-content{
        padding-bottom: 0;
    }
    .listing-page .col-md-6 {
        padding: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    .btn_back > a{
        padding: 6px 30px;
        font-size: 16px;
    }
    .new_text h2,h1{
        font-size: 22px;
    }
    .details_banner{ height: 291px;}
}
@media only screen and (max-width: 767px) {
    .services .service_content{width: 48%;float: left; margin-bottom: 20px;}
    .services .service_content:nth-child(2n){margin-right: 0;}
    .about .form-group .col-md-4, .about .form-group .col-md-8{padding-right:15px;}
    .about .form-group select,.about .form-group select{width: 100%;}
    .about .form-group button {
        width: auto;
        padding: 11px 13px;
    }
    .footer_top{height: auto;text-align: center;}
    .col_odd img{display: block; margin:7px auto -10px;}
    .col_odd span {
        display: inline-block;
        float: none;
        width: auto;
        padding: 12px 0 0 5px;
    }
    .col_odd{padding: 10px;}
    .last_col .fa{padding-right: 5px;}
    .footer_top a span i{display: inline-block;}
    .footer_bottom{padding:20px;}
    .check h4{font-size: 16px;}
    .carousel-caption h1{font-size:20px;}
    .navbar-toggle{float:left;}

    .about{padding-top:0px;}
    .navbar-brand > img{display: inline-block;padding-top: 6px;}
    .navbar-brand{width:100%;float:none;}
    .navbar-toggle{float:right;display: inline-block;}
    .contact_mobile{float: none;}
    .navbar { padding:5px 0;}
    .about p{font-size:14px;margin-bottom: 10px;}
    .address .col-md-4{height: auto; margin-bottom: 10px;}
	
	.address{display:block;}
 	.address .col-md-4{display:block;}

	.address h4{font-size:18px;}
    .contact{display: block;}
    .nav_right{float:none;text-align: center;padding: 0 0 5px;}
    #navbar{width: 100%;}
    .navbar-nav > li{float: none; margin-bottom: 10px;}
    .contact_desk{display: none;}
    .navbar-inverse .navbar-nav > li > a{font-size:14px;margin-bottom: 5px;}

    .col_even,.last_col{line-height: 70px;padding: 0;}
    .about h3 {
        padding: 55px 0 40px;
        margin: 8px 0;
        font-size: 25px;
    }
    .welcome{padding: 0;margin: 0;}
    .check,.other-information,.side-bar .check,.resort-address{width: 50%;clear: both;}
    .contact-detail{margin: 30px 0;}
    /*contact us*/
    .contact-us-section p,.contact-detail p{font-size: 14px;}
    .side-bar .check h4, .resort-address h4, .other-information h4,.budget-rooms h4 {
        font-size: 16px;
    }
    .other-information p {
        margin-bottom: 15px;
        font-size: 14px !important;

    }
    /*end*/
    /*cms*/
    .cms-main .side-bar {
        margin-top: 30px;
    }
    .details_banner{
        height: 200px;
    }
    .slider .new_text h2{margin: 20px 0px 0px;}
    /*end*/

    .photo-album-img img{max-height: 200px;}
    .photo-album-main{padding: 30px 0;}
    .budget-rooms{width: 50%;margin: 30px 0;}
    .room-detail-section p{font-size: 14px;}
    .slider-img-caption h4{font-size:16px;}
    .motel-rooms .owl-controls .owl-nav .owl-prev, .motel-rooms .owl-controls .owl-nav .owl-next {
        width: 30px;
        height: 30px;
        line-height: 24px;
        font-size: 10px;
    }
    .home-sidebar {
        background: #e59c3b;
        padding: 5px 15px 5px 15px;
    }
    .col-md-3.col-sm-4.check {
        background: transparent;
        padding: 0 15px;
    }
    header .navbar-nav{
        padding-top: 0px;
    }
    .other-info a, .other-information a {
        width: auto;

    }
    .form-group .check-select button,.form-group .check-select .dropdown-menu{
        width: 100% !important;
    }
    #sync2 .owl-item {
        // max-width: 17.5%;
        margin-right: 11px !important;
    }
    #sync2 .owl-stage {
        left: -3px;
    }
    #sync2 .owl-nav {
        bottom: 59%;

    }
    #sync2 .owl-nav i{
        font-size: 14px;
    }
    #sync1 .item {
        min-height: 275px;
    }
    .list-image-caption{
        height: 110px;
        width: 110px;
    }
    .listing-content:last-child {
        padding-bottom: 20px;
    }
    .listing-main {
        padding: 30px 0 30px 0 !important;
    }
    .listing-detail:nth-child(2n+1) {
        margin-bottom: 20px;
    }
    .listing-page .col-md-6:nth-child(2n+1) {
        padding-right: 15px;
    }
    .listing-page .col-md-6 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .new_text{
        margin-top: 15px;
    }
    .new_text h2,h1{
        font-size: 22px;
    }
    .btn_back{
        margin-top: 8px;
    }
    .details_banner{ height: 225px;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 0px;}
}
@media only screen and (max-width: 639px) {

    .services .service_content{width: 47.7%;}
    .col_odd img{margin-top:0px;}
    .check,.other-information, .side-bar .check, .resort-address,.budget-rooms {width: 70%;}
    .listing-image-detail h4{font-size: 16px;}
    .about .listing-image-detail p,.about .listing-page p{margin: 0;}
    .slider .new_text h2{font-size: 19px;}
    .room-detail a{padding: 15px 0 5px 0;}
    .fancybox-next span,.fancybox-prev span,.fancybox-close{width: 30px !important; height: 30px !important;background-size: 100%;}
    .popup-title{
        padding: 15px 15px;
    }
    .about h3 {
        padding: 45px 0 40px;
        margin: 8px 0;
        font-size: 20px;
    }
    .welcome{
        background-size: 100%; 
    }
    .side-bar {
        overflow-x: hidden;
    }
    #owl-demo1 .item{
        min-height: 114px
    }
    #sync2 .owl-item {
        margin-right: 10px !important;
    }
    #sync2 .owl-nav i {
        font-size: 12px;
    }
    #sync2 .owl-nav {
        bottom: 66%;
    }
    #sync2 .owl-stage {
        left: -4px;
    }
    #sync1 .item {
        min-height: 330px;
    }
    .list-image-caption {
        height: 120px;
        width: 120px;
    }
    .listing-page .col-xs-special{
        width: 100%;
    }
    .about .listing-page p{
        margin-bottom: 30px;
    }
    .slider .owl-dots{
        bottom: 3px;
    }
    .details_banner{ height: 187px;}
}
@media only screen and (max-width:479px){
   /*contact-us*/
    .form-left, .form-right{width: 100%;margin: 0;margin-bottom: 20px;}
    textarea.text-field{margin-bottom: 20px;}
    .form-field{margin: 0;}
    .check,.other-information, .side-bar .check, .resort-address,.budget-rooms {width: 100%;}
    .contact-btns{padding: 9px 23px;}
    .contact-detail a{padding: 9px 20px;}
    .other-information a{padding: 13px 11px 13px 11px}
    .township ul{padding: 0 0 0 15px;}
    .township ul li{line-height: 26px;font-size: 13px;}
    /*end*/
    .list-image-caption{padding: 8px 0;}
    .album-div .col-xs-special{width: 100%;}
    .photo-album-img img{max-height: 240px;}
    .motel-rooms .owl-controls .owl-nav .owl-prev, .motel-rooms .owl-controls .owl-nav .owl-next {
        width: 25px;
        height: 26px;
        line-height: 21px;
        font-size: 9px;
    }
    .slider-img-caption h4 {
        font-size: 14px;
    }
    .slider-img-caption{
        padding: 16px 71px 15px 10px;
    }
    .room-detail-section ul li{
        line-height: 28px;
    }
    .detail_box ul li {
        width: 100%;
    }
    .detail_box ul li{
        margin-left: 0% !important;
    }
    .detail_box ul li:nth-child(odd){
        margin-left: 0%;
    }
    .fancybox-close{
        background-position: 0 !important;
    }
    .popup-title h5{
        font-size: 13px;
    }
    .service_content {
        width: 100% !important;
    }
    .about h3 {
        padding: 10px 10px;
        font-size: 18px;
    }
    .contact-detail a{
        float: none;
    }
    .images-title{
        padding: 13px 10px;
    }
    .township {
        padding: 15px;
    }
    .township h5 {
        padding: 0 0 10px 0;
    }
    #sync2 .owl-item {
        //width: 15.5% !important;
        margin-right: 5px !important;
    }
    #sync2 .owl-stage {
        left: -6px;
    }
    #sync1 .item {
        min-height: 130px;
    }

    .list-image-caption {
        height: 110px;
        width: 110px;
    }
    .new_text h2,h1{
        font-size: 16px;
    }
    .btn_back > a{
        font-size: 14px;
        padding: 6px 14px;
    }
    .details_banner{ height: 142px;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 0px;}
}
@media only screen and (max-width:414px) {
    .services .service_content{width: 100%;margin-right: 0;}
    .footer_bottom{text-align: center;}
    .footer_links{float:none;}
    .col_even{font-size: 12px;}
    .col_odd img{margin-top:-10px;}
    .col_even, .last_col {line-height: 64px;}
    .details_banner{ height: 95px;}
}