.conditions ul.alphabet{
	width: 100%;
	list-style: none;
	display: flex;
	justify-content: space-between;
	padding: 5px 0 !important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.conditions ul.alphabet li{
	margin-bottom: 0 !important;
	width: 100%;
}
.conditions ul.alphabet li a{
	color: #555;
	/*min-width: 30px;*/
	display: block;
	text-align: center;
	/*padding: 5px 20px;*/
	padding: 10px 0;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.conditions ul.alphabet li a:hover, .conditions ul.alphabet li a.active{
	background-image: linear-gradient(to bottom, #d7aa69 48%, #a78350);
    color: #fff;
}
.conditions ul.alphabet li a.available{}
.conditions ul.alphabet li a.unavailable{
	pointer-events: none;
	opacity: 0.4;
}

.conditions .condition-content{
	background-color: #f7f7f7;
	padding-top: 10px;
	padding-bottom: 10px;
}
.conditions .condition-content:nth-child(2n){
	background-color: white;
}
.conditions .condition-content.active{
	/*background-color: rgba(0,0,0,0.2);*/
	border-left: 3px solid #f50f0f;
}

.conditions .bigalpha span{
	font-size: 1.5vw;
	display: flex;
    align-items: center;
    justify-content: center;
}
.conditions .alphalist{
	align-self: center;
}
.conditions .alphalist ul{
	list-style: none;
	display: flex;
	margin-bottom: 0 !important;
	flex-direction: row;
    flex-wrap: wrap;
}
.conditions .alphalist ul li{
	display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    /*width: 50%;*/
    width: 33.3333333%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0 !important;
}
.conditions .alphalist ul li a{
	color: #555;
}

.searchcondition{
	background-color: #eee;
	padding: 30px 25px;
	margin-bottom: 30px;
}
.searchcondition h3{text-align: center;}
.searchcondition form{margin-bottom: 0;}
.condition_search_form .row{
	width: 100%;
	margin: 0;
}
.condition_search_form .row .input-col{width: 85%; position: relative;}
.condition_search_form .row .input-col input{
	height: 50px;
	border-radius: 5px 0 0 5px;
}
.condition_search_form .row .button-col{width: 15%;}
.condition_search_form button.button{
	width: 100%;
	margin: 0;
	background-color: #ac8c5e !important;
}
.condition_search_form button#conditionclearbtn{
	position: absolute;
	right: 0;
	top: 0;
    width: auto;
    color: #ccc;
    background-color: #fff !important;
    background-clip: padding-box;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    text-shadow: none;
}
#condition_search_form #conditionsearchbtn{
	background-color: #e22454! important;
	text-shadow:none;
	font-size: 18px;
	height:50px;
	border-radius: 0 5px 5px 0;
	text-transform: capitalize;
    font-weight: 400;

}

@media(max-width: 979px){
	#condition_search_form > .row{display: flex;}
}

@media(max-width: 767px){
	.condition_search_form .row .input-col {
        width: 75%;
        position: relative;
    }
    .condition_search_form .row .button-col {
        width: 25%;
    }
}

@media(max-width: 550px){
	.conditions ul.alphabet{display: none;}
	.conditions .bigalpha span{
		font-size: 20px;
		justify-content: flex-start;
		padding: 0 15px !important;
	}
	.conditions .alphalist ul{padding-left: 0 !important;}
	.conditions .condition-content.active{
		border: none;
	}
	
	#condition_search_form #conditionsearchbtn{
	    font-size:12px;
	}
	
	.condition_search_form .row .button-col{
	    width:90px;
	}
	
	.condition_search_form .row .input-col {
        width: calc(100% - 90px);
    }
	
	.condition_search_form .row .input-col input {
        font-size: 14px;
    }
}
@media(max-width: 468px){
    
    
	.conditions .bigalpha span{
		margin-bottom: 10px;
	}
	.conditions .alphalist ul{display: block;}
	.conditions .alphalist ul li{width: 100%;}
	.conditions .condition-content{padding-left: 10px; padding-right: 10px;}
}
@media(max-width: 425px){
	/*.condition_search_form .row .input-col{width: 85%;}*/
	/*.condition_search_form .row .button-col{width: 15%;}*/
}