/* autor:Saminathan; Email:nellaisami@outlook.com */

.hasDatepicker {
    color: #000000;
}
.left > select {
    color: #000000;
}
.button-glossy{
    font-size: 20px;
    height: 41px !important;
    margin: 25px 0 0;
    padding: 0;
    width: 155px !important;
}

@media (max-width:768px){
/* view page*/
#room #left_column #main_content, #room #right_column #book_it{width:100% !important;} 
#room #left_column { width: 100% !important;}
.ad-prev{width:5% !important;}
.ad-next{width:5% !important;}
.ad-gallery {
    width: 100% !important;
}
#room #left_column #details{width:100% !important;} 
.pro_detail_page_top {
    width: 100% !important;
}
#room #left_column #main_content #calendar_div{
    width: 100% !important;
}
#calendar_div #calendarWrapper {
    float: left;
    overflow-x: scroll;
    width: 100%;
}
#room #left_column #main_content #maps_div{}
#maps_div iframe {
    width: 100% !important;
}
.cartitemtable {
    overflow: scroll !important;
    width: 100% !important;
}

/** checkout cart page*/
}

@media (max-width:480px){
/* view page*/
#room #left_column #main_content, #room #right_column #book_it{width:100% !important;} 
#room #left_column { width: 100% !important;}
.ad-prev{width:5% !important;}
.ad-next{width:5% !important;}
.ad-gallery {
    width: 100% !important;
}
#room #left_column #details{width:100% !important;} 
.pro_detail_page_top {
    width: 100% !important;
}
#room #left_column #main_content #calendar_div{
    width: 100% !important;
}
#calendar_div #calendarWrapper {
    float: left;
    overflow-x: scroll;
    width: 100%;
}
#maps_div iframe {
    width: 100% !important;
}

/* checkout cart page*/
.col-main {
    width: 100% !important;
}
.col2-set .col-1 {
    width: 100% !important;
}
.col2-set .col-2 {
    float: left !important;
    width: 100%;
}
.main-container.col2-right-layout .col-right.sidebar {
   float: left !important;
}
.form-list .input-box{width:100% !important;}
.form-list li.wide select {
    width: 100% !important;
}
.main-container .col-main{width:100% !important;}
.main-container .col-right {
    width: 100% !important;
}
#checkout-review-load.order-review > div {
    float: left !important;
    overflow-x: scroll !important;
    width: 100% !important;
}
.cartitemtable {
    overflow: scroll !important;
    width: 100% !important;
}
}
@media only screen and (max-width: 450px) and (min-width: 380px)  {
.rounded,#roundmenu{
padding-left:10%;
}
.rounded.border-1.ib
{
padding:5px;
}
}
@media only screen and (max-width: 580px) and (min-width: 450px)  {
.rounded,#roundmenu{
padding-left:22%;
}
.rounded.border-1.ib
{
padding:5px;
}
}
@media only screen and (max-width: 767px) and (min-width: 580px)  {
.rounded,#roundmenu{
padding-left:25%;
}
.rounded.border-1.ib
{
padding:5px;
}
}
@media  only screen and (max-width: 1280px) and (min-width: 800px) {
/* view page*/
.col-main{
    width: 100%;
}
#left_column{
    width: 100%;
}
#main_content{
    width: 100% !important;
}
.cartitemtable {
    overflow: scroll !important;
    width: 100% !important;
}
}
.field_desc{
    margin: 10px;
}
@media  only screen and (max-width: 800px) and (min-width: 768px) {
.cartitemtable {
    overflow: scroll !important;
    width: 100% !important;
}
}
#fromcheckin,#tocheckin{
color:#000000;
}

@media  only screen and (max-width: 640px) and (min-width: 320px) {
#expandFilter {
    margin-left: 10px ! important;
}
}

@media  only screen and (max-width: 1064px) and (min-width: 768px) {
#searchAmenity {
    margin-left: 30% ! important;
}
.header_align{
    margin-left: 15%;
}
#expandFilter {
    margin-left: 10px ! important;
}
}

@media  only screen and (max-width: 1280px) and (min-width: 768px) {
#pricedata .price{
    margin-left: 30%;
}
#pricedata .search_btn{
    margin-left: 77%;
}
}

@media  only screen and (max-width: 480px) and (min-width: 320px) {
#pricedata .price{
    margin-left: 10%;
}
#pricedata .search_btn{
    margin-left: 40%;
}
}

@media  only screen and (max-width: 780px) and (min-width: 360px) {
#pricedata .price{
    margin-left: 20%;
}
#pricedata .search_btn{
    margin-left: 54%;
}
}

@media  only screen and (max-width: 1024px) and (min-width: 768px) {
#pricedata .price{
    margin-left: 30%;
}
#pricedata .search_btn{
    margin-left: 76%;
}
}

@media  only screen and (max-width: 1280px) and (min-width: 768px) {
.filter_align{
    margin-right: 20%;
}
}

@media  only screen and (max-width: 760px) and (min-width: 320px) {
#searchAmenity{
    margin-left: 23%;
}
}