.dropdownbtn {
    position: relative;
    display: inline-block;
}
.dropdownbtn::before {
    position: absolute;
    content: "";
    right: 21px;
    top: 13px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 11px solid #000000;
}
div#viewAvailabeStores::before {
    position: absolute;
    content: '';
    background: #000000b5;
    z-index: 9;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

#availablestock {
    overflow-y: scroll;
    max-height: 550px;
}
#stock-availability .stocks p{
    margin-bottom:5px;
}

/*JSA - CAROUSEL - YOU MIGHT ALSO LIKE - END*/
.store-availability-table .main_store_availability {
    width: 30%;
    display: inline-block;
    margin-bottom: 15px;
    padding: 15px;
}
.store-availability-table .main_store_availability .store_name {
    float: left;
    margin-right: 5px;
}
.store-availability-table .main_store_availability{
    background-color: #f6f6f6;
}
.store-availability-table {
    width: 100%
}

.store-availability-table .last-item-store{
    color: #fd0f0f!important;
}
.store-availability-table .in-strock-store{
    color: #008000;
}
.store-availability-table tr td {
    padding: 10px 2px;
}

@media(max-width: 804px) and (min-width: 768px){
    .dropdownbtn {
        width: 67%;
    }
    .btn-primary, .btn-tertiary {
        vertical-align: bottom;
        margin-left: -4px;
    }
    .form-inline .form-control {
        width: 100%;
    }
}
@media(max-width: 767px) and (min-width: 270px){
	.store-availability-table .main_store_availability {
		width: 100% !important;
		display: block !important;
	}
}
@media(min-width: 270px) and (max-width: 767px){
	.store-availability-table .main_store_availability {
		width: 100% !important;
		display: block !important;
	}
}
@media(max-width: 375px) and (min-width: 320px){
    .dropdownbtn {
        width: 62%;
    }
    .btn-primary, .btn-tertiary {
        vertical-align: baseline;
        margin-left: -4px;
    }
}