.modal-header .close2 {

    margin-top: -2px;

}
button.close2 {

    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;

}
.close2 {

    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 10px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
	letter-spacing: 1px;

}
.modal-body .booking-slot {
    padding-bottom: 15px;
}
.tym .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.tym .btn {
    display: inline-block;
    padding: 2px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;
}
.tym button{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.tym button{
    -webkit-appearance: button;
    cursor: pointer;
}
.tym button, select {
    text-transform: none;
}
.tym button {
    overflow: visible;
}
.tym button{
    margin: 0;
        margin-bottom: 0px;
    font: inherit;
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
    color: white;
}
.tym button:focus{
	color: white;
}
.vs{
	margin-top: 5%;
	margin-left: 20%;
}
.bk{
	border-radius: 4px;
	 }
	 .bk1{
	border-radius: 4px;
	 }
	 .bk2{
	border-radius: 4px;
	 }
	 
	.wrapper{
		margin-top: 7%;
	}
	.crtmd{
		width: 35%;
margin-top: 100px;
	}
	.crth{
		padding: 5px;
	}
	.cl{
		    padding-left: 25px;
}
.caret.dmc{
	margin-left: 40px;
}
.icn{
	padding-left: 15px;
}
.cls{
	font-size: 12px;
color: #fd0606;
}
 /*mobile view*/
 @media(max-width: 1350px) and (min-width: 993px){
	 
	 .ftr{
		 padding: 7px;
	 }
	 .bk{
		 padding: 5px;
		 
	 }
	 .bk1{
		 padding: 5px;
	 }
	 .bk2{
		padding: 5px;
float: right;
margin-left: 5px;
	 }
	 .gi{
		 font-size: 12px;
	 }
	 .btb{
		 font-size: 14px;
	 }
	 .mdh{
		 padding: 8px;
	 }
	 .av{
		 margin-left: 20px;
	 }
	  .wrapper{
		 margin-top: 100px;
	 }
 }
 @media(max-width: 992px) and (min-width: 768px){
	 .tym .btn{
padding: 1px;
margin-bottom: 0px;
width: 20%;
margin-left: 0px;
margin-right: 0px;
font-size: 11px;
	 }
	 .ftr{
		 padding: 7px;
	 }
	 .bk{
		 padding: 3px;
	 }
	 .bk1{
		 padding: 3px;
	 }
	 .bk2{
		padding: 3px;
float: right;
margin-left: 5px;
	 }
	 .gi{
		 font-size: 12px;
	 }
	 .btb{
		 font-size: 12px;
	 }
	 .mdh{
		 padding: 8px;
	 }
	 .av{
		 margin-left: 20px;
	 }
	  .wrapper{
		 margin-top: 100px;
	 }
 }
  @media(max-width: 767px) and (min-width: 481px){
	 .tym .btn{
padding: 1px;
margin-bottom: 0px;
width: 23%;
margin-left: 0px;
margin-right: 0px;
font-size: 11px;
	 }
	 .ftr{
		 padding: 7px;
	 }
	 .bk{
		 padding: 3px;
	 }
	 .bk1{
		 padding: 3px;
	 }
	 .bk2{
		padding: 3px;
float: right;
margin-left: 5px;
	 }
	 .gi{
		 font-size: 12px;
	 }
	 .btb{
		 font-size: 12px;
	 }
	 .mdh{
		 padding: 8px;
	 }
	 .av{
		 margin-left: 20px;
	 }
	  .wrapper{
		 margin-top: 100px;
	 }
 }
 @media(max-width: 480px) and (min-width: 320px){
	 .tym .btn{
padding: 1px;
margin-bottom: 2px;
width: 45%;
float: left;
margin-left: 0px;
margin-right: 5px;
font-size: 11px;
	 }
	 .ftr{
		 padding: 2px;
	 }
	 .bk{
		 padding: 2px;
		 
	 }
	 .bk1{
		 padding: 2px;
		 
	 }
	 .bk2{
		padding: 2px;
float: right;
margin-left: 5px;
	 }
	
	 .btb{
		 font-size: 11px;
	 }
	 .mdh{
		 padding: 5px;
	 }
	 .showright {
   font-size: 11px;
}
 .wrapper{
		 margin-top: 100px;
	 }
	 
 }
 @media(max-width: 480px) and (min-width: 341px){
	  .gi{
		 font-size: 12px;
	 }
 }
  @media(max-width: 340px) and (min-width: 320px){
	  .gi{
		 font-size: 10px;
	 }
	 
  }
 /*modify*/
 @media(max-width: 1200px) and (min-width: 992px){
	 .drpb{
	padding-left: 20%;
}
.search-block {
  margin: 6px auto;
 }
 .cl {
    padding-left: 0px;
}
.icn {

    padding-left: 5px;

}
 }
 @media(max-width: 991px) and (min-width: 701px){
	 .drpb{
	padding-left: 15%;
}
.search-block {
  margin: 6px auto;
 }
 .cl {
    padding-left: 0px;
}
 }
 @media(max-width: 700px) and (min-width: 600px){
	 .top-search-bar .search-panel .filter-container, .top-search-bar .search-panel .searchDate {
    width: 20%;
    margin: 0px 5px;
    border: solid 1px #ddd;
    height: 35px;
}
.srh {
    background: #a0bdf0;
    border: none;
    width: 7%;
    height: 33px;
    color: #681919;
}
.drpb{
	padding-left: 5%;
}
.cl{
	font-size: 11px;
	padding-left: 0;
}
.search-block {
    height: 90px;
 }
 .caret.dmc {

    margin-left: 20px;

}
.icn {

    padding-left: 8px;

}
 }
 
 @media(max-width:599px) and (min-width: 320px){
	 .btn.btnl{
		 padding-left: 0;
	 }
	 .drpb{
		 padding-left: 0;
	 }
 }
  @media(max-width:767px) and (min-width: 280px){
	  
  }