/************************************************************************************
smaller than 1280
*************************************************************************************/
@media screen and (max-width: 1280px) {


}


/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {
#cssmenu > ul > li > a {
    font-size: 18px!important;
    padding: 15px 10px!important;
	text-align:center;
}
#cssmenu > ul > li.has-sub > a::after {
    right: -5px;
    top: 20px;
}
.calendar_sec img {
    width: 100%;
}


}




/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
#datepicker{
	margin-left: 174px;
}
#cssmenu{
	display:block!important;
	background-color: #81b29c;
    padding: 10px 0;
    /*margin-top: 24px;*/
}
#cssmenu > ul > li {
    border-left:none;
}
#cssmenu > ul > li > a {
    padding: 15px 18px!important;
}

#cssmenu ul ul li a {
    font-size: 13px;
	padding: 11px 23px !important;
}
#cssmenu ul ul ul li a {
    color: #272360;
}
#cssmenu > ul > li:last-child {
  border-right:none;
}
.vertical {
    top: -5%;
}
#desktop-menu {
	display:none !important;
}
.block-login {
    margin: 0 0;
    text-align: center;
}
.btn-login {
    margin: 20px 25px 20px;
}
.step-next {
    text-align: center;
	margin-top: 20px;
}
.ptype{
	width: 50% !important;
}
div#book_vertical {
    top: 70%;
}
}
@media screen and (max-width: 812px) {
	
	#datepicker{
		margin-left: 128px;
	}
	.block-steps{
		margin-top: 40px !important;
	}
}

/************************************************************************************
smaller than 767
*************************************************************************************/
@media screen and (max-width: 767px) {
.bar-mobile{
	display:block;
}

	.input-group {
    margin-left: 42px;
}
.pay_tbl_div{
	overflow-x:scroll;
}


}



/************************************************************************************
smaller than 736
*************************************************************************************/
@media screen and (max-width: 736px) {
	#datepicker{
		margin-left: 128px;
	}

}


/************************************************************************************
smaller than 667
*************************************************************************************/
@media screen and (max-width: 667px) {
	
	#datepicker{
		margin-left: 100px;
	}


}


/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {


}

/************************************************************************************
smaller than 568
*************************************************************************************/
@media screen and (max-width: 568px) {


}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {


}

/************************************************************************************
smaller than 414
*************************************************************************************/
@media screen and (max-width: 414px) {
	#datepicker{
		margin-left: 76px;
	}

}

/************************************************************************************
smaller than 384
*************************************************************************************/
@media screen and (max-width: 384px) {
#cssmenu > ul > li > a {
    font-size: 13px!important;
}

}


/************************************************************************************
smaller than 375
*************************************************************************************/
@media screen and (max-width: 375px) {

}


/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {

}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

}