@media (max-width: 991px) {
    #col2 {
        min-height: 60px;
    }

        #col2 .bottom {
            position: static;
            bottom: 0px;
            right: 15px;
            left: 15px;
            width: calc(100%-30px);
            margin-top: 20px;
        }

            #col2 .bottom button {
                width: 100%;
            }

    .tbdatepicker {
        margin: 0 auto;
    }

    .review-before, .review-booked {
        padding: 15px;
    }

    .page_account {
        background: #fff;
    }

    .row {
        clear: both;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left !important;
    }

    .col-md-8 {
        float:right;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .registerContainer {
        width: 80%;
        float:none !important;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .up_col1 {
        width: 35%;
    }

    .up_col11 {
        width: 33%;
    }

    .up_col2 {
        width: 53%;
    }

    .up_col21 {
        width: 25%;
    }

    .up_col22 {
        width: 30%;
    }
}
@media (max-width: 768px) {
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 5px;
    padding-left: 5px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left !important;
	width:100%
  }
.row-date{
	margin-left:-5px;
	margin-right:-5px;
}
#col2 .bottom{
	position: static;
	bottom: 0px;
	right:5px;
	left:5px;
	width:calc(100%-10px);
	margin-top:20px
}

#col2 .bottom button{
	width:100%;
}
.wizard-selected-date{padding:10px 5px}
.container {
    padding-right: 5px;
    padding-left: 5px;
}
/* Account page*/
.account_btn{width:100%	}
.breakline{display:block}
.account_left{position:absolute;width:270px !important;float:left;background:#fff;height:100%;margin-left:-270px}
.account_right{width:100%;}
.account_menu{float:left;position:static;width:100%}
.account_menu li{display:block;float:none;margin-bottom:2px;margin-left:5px}
.account_menu li a,.account_menu li.welcome span{border-right:0;padding:10px;background:#f4f7fc;color:#000}
.account_menu li a:hover,.account_menu li.welcome span:hover{border-right:0;padding:10px;background:#dbdee2;color:#000}
.account_menu li.welcome ul {
    padding: 0;
    margin: 0;
    width: auto;
    border: none;
    position: relative;
    z-index: 999;
    background:none;
    display: block;
}
/*.account_menu li.welcome:hover ul{display:none}*/
.account_menu li.welcome ul li{margin-left:0;margin-right:0;border:none}
.account_menu li.welcome ul li a{background:none}
.account_menu li.welcome ul li:hover{background:#e5e5e5;border:none}
.account_menu li.welcome span{display:block}
.menu_mobile{display:inline-block}
.reduce_left{margin-left:300px}
.account_content{height:100%;overflow:hidden;width:100%;border-bottom:none}
.account_border_l_r{border-left:none;border-right:none}
.account_invisible{background:#666;width:100%;height:100%;position:absolute;z-index:999;opacity:.5;cursor:pointer}
.logo{padding-left:40px}
.page_account{margin-top:0;margin-bottom:0}

/* End Account page*/

/*Upcoming page*/
.up_col11,.up_col12,.up_col13,.up_col21,.up_col22{width:100%}
.up_col23,.up_col24{width:100%}
.up_col2{width:70%}
.up_col3{display:none}
.up_option{display:block}
.up_col4{width:25%}
.up_col4 .up_col11{width:100%}
.up_col5{border-left:1px solid #646464}
/*End Upcoming page*/

/*Create Account page*/
.log_button button{width:100%}
.log_hide{display:block}
.log_show{display:none}
.log_content{margin:0}
.max_height{height:auto}
/*End Create Account page*/
.panel-collapse{max-height:100%;overflow:hidden}
}
@media (min-width: 768px) and (max-width: 991px){
.container {
    width: auto;
}
.account_menu {
   margin-top: 10px;
}
.col-md-6 {
    width: 50%;
}
}
@media (max-width: 480px) {
	.container {
		padding-right: 0;
		padding-left: 0;
	}
	.account_menu li{margin-left:0}
	.nav-tabs > li{width:50%}
	.nav-tabs > li > a {
	  margin-right: 5px;
	  padding:10px 10px;
	 font-size:14px;
	 height:68px;
	 text-align:left
	}
	.logo img{width:80%}
	
}
@media (max-width: 479px) {
	.input_login{width:210px;}
}
@media (max-width: 400px) {
	
	.nav-tabs > li > a.tab_appt {
	  margin-right: 5px;
	  padding:10px 10px;
	 font-size:14px;
	 height:68px;
	 text-align:left
	}
	.logo img{width:80%}
	
}