/*-------------------------------------------*/
/*               MEDIA QUERIES
/*-------------------------------------------*/

/* 1024px
/*-------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*index */
.preview{width:48%}
.preview1 li{width:84%}
.menu{width:100%}
.preview p{width:97%}
.logo-bg{top:50px; padding:5px 0}
ul.orion-menu li a{font-size:14px; padding:12px 13px}
.preview1 img{margin-left:38px}
/*contact us */
.content-box .right{width:418px}
.content-box .right .textbox{width:300px; float:right}
.content-box .right .txtbox-area{width:300px; float:right}
/*gallery */
.gallery-box ul li.last{margin-right:19px}
/*availablity */
td.calendar{width:99px}
.available ul li{width:183px}
/*offers */
.offer-div p{width:185px}
.offer-div{width:235px}

}


/* 768px
/*-------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*index */
.wel-msg{height:465px; margin-top:70px; padding-top:30px;}
.gallery-img{ text-align:inherit}
.gallery-img p{margin-left:50px; text-align:inherit}
.preview{width:100%}
.preview1 li{width:73%}
.preview p{width:92%}
.facilities{width:100%}
.footer p,.footer span{text-align:center; float:none; width:100%; display:inline-block}
.banner{display:none}
/*testimonial */
.guest{margin-top:70px}
/*.logo-bg{top:43px}*/
.arrow{left:-41% }
.menu{top:20px!important; margin-top:100px; width:100%; position:relative; float:left}
/*contact us */
.content-box .left{width:100%}
.content-box{margin-top:70px}
.content-box .right .textbox{width:215px; float:right}
.content-box .right .txtbox-area{width:215px; float:right}
.content-box .right{width:100%}
/* gallery */ 
.gallery-box{margin-top:144px}
.gallery-box ul li{margin-left:100px}
.gallery-box ul{margin:0 0 0 16px}
/*availablity */
.calder-table{margin-top:144px}
.available ul li{width:206px}
/*offers */
.offer-div{margin-bottom:20px; margin-left:60px}
.last{margin-bottom:0}
.offer-pg{margin-top:144px; }
.logo-bg{top:0px}

ul.orion-menu li a{padding:8px 10px}
ul.orion-menu{margin:0; padding:0; width:100%; position:absolute; z-index:501; background:#666}
ul.orion-menu li{display:block; width:100%; background:#382934}
ul.orion-menu>li>a{width:100%; margin:0; color:#fff; text-align:left; border-top:none; border-bottom:1px solid #e1e1e1; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.orion-menu li:hover>a{color:#b32fa3; border-bottom:1px solid #e1e1e1} ul.orion-menu li.active>a{border-bottom:1px solid #d1d1d1}
}

/* 640px
/*-------------------------------------------*/
@media only screen and (max-width: 479px) {
/*index */
.wel-msg{height:555px; margin-top:110px; padding-top:30px}
.gallery-img{margin-left:55px; text-align:inherit}
.gallery-img p{margin-left:50px; text-align:inherit}
.preview{width:100%}
.preview1 li{width:73%}
.preview p{width:92%}
.banner{display:none}
.facilities{width:100%}
.footer p,.footer span{text-align:center; float:none; width:100%; display:inline-block}
.logo-bg{top:0px}
.arrow{left:-37% }
.guest{margin-top:87px}
.menu{top:35px!important; margin-top:70px; width:100%; position:relative}
.facilities img{margin-left:25px}
/*contact us*/
.content-box .left{width:100%}
.content-box{margin-top:2px}
.content-box .right .textbox{width:215px; float:right}
.content-box .right .txtbox-area{width:215px;}
.content-box .right{width:100%}

/*gallery*/
.gallery-box{margin-top:144px}
.gallery-box ul li{margin-left:35px}

/*availablity*/
.calder-table{margin-top:144px}
.cms-content{padding:10px 12px}
/*offers */
.offer-div{margin-bottom:20px}
.last{margin:0}
.offer-pg{margin-top:144px}

.available ul li{width:100%}

ul.orion-menu li a{padding:8px 10px}
ul.orion-menu{margin:0; padding:0; width:100%; position:absolute; z-index:501; background:#666}
ul.orion-menu li{display:block; width:100%; background:#382934}
ul.orion-menu>li>a{width:100%; margin:0; color:#fff; text-align:left; border-top:none; border-bottom:1px solid #e1e1e1; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.orion-menu li:hover>a{color:#b32fa3; border-bottom:1px solid #e1e1e1} ul.orion-menu li.active>a{border-bottom:1px solid #d1d1d1}
}