.amfinder-vertical,
.amfinder-horizontal,
.amfinder-responsive
{
    /*border: 1px solid #C4C1BC;*/
    /*background: #54575a;*/
    /*padding: 8px;*/
    /*padding-bottom: 0;*/
    margin: 0 20px;
}

.amfinder-vertical .dropdown-title,
.amfinder-horizontal .dropdown-title,
.amfinder-responsive .dropdown-title
{
    font-weight: 600;
    padding: 3px 0 2px;
    font-size: 14px;
    margin-top: 13px;
}

.amfinder-vertical .dropdown-element
{
    padding-bottom: 4px;
}

.amfinder-vertical .dropdown-element select {
    height: 36px;
    border-radius: 4px;
    padding-right: 32px;
    color: #777;
    font-size: 1.2rem;
    font-style: italic;
    background: #fff url('../../Magento_Swatches/images/select-bg.png') no-repeat 100% 48%;;
}

.amfinder-buttons {
    overflow: hidden;
    zoom: 1;
    margin-top: 12px;
}
.amfinder-buttons .button {
    float: right;
    font-size: 1.2rem;
    font-weight: 700;
    color: #0c5fa8;
    text-transform: uppercase;
    background-color: #ebebeb;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0;
    width: 29.87%;
    display: none;
}
.amfinder-buttons .button.primary {
    /*float: left;*/
    font-size: 1.3rem;
    color: #fff;
    border: 1px solid #0c5fa8;
    background-color: #0c5fa8;
    width: 62.95%;
    padding: 0;
    height: 32px;
    display: block;
}
.amfinder-buttons .button.primary > span >span {
    margin: 0 3.47% 0 6.37%;
    display: inline-block;
}
.amfinder-buttons .button:hover,
.amfinder-buttons .button.primary:hover {
    color: #fff;
    border-color: #cc3333;
    background-color: #cc3333;
}

/* Responsive finder styles */

.amfinder-responsive { display: block; }
.amfinder-responsive .amfinder-title { display: none; }
.amfinder-responsive .amfinder-title span { position: relative; }
.amfinder-responsive .amfinder-toggle { padding: 10px; display: block; }
.amfinder-responsive .amfinder-buttons { display: block; width: 100%; }
.amfinder-responsive li { display: inline-block; min-width: 160px; margin-bottom: 20px; }
.amfinder-responsive li.last { display: block; width: 100%; }
.amfinder-responsive li div select { width: 100%; }

@media only screen and (max-width: 770px) {
    .amfinder-responsive {border:none;background: none}
    .amfinder-responsive li { display: block; width: 100%; margin-bottom: 20px; }
    .amfinder-responsive .amfinder-toggle { border: 1px solid #cccccc; display: none; border-top: none; }
    .amfinder-responsive .amfinder-title { display: block; color: #636363; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 14px; font-style: normal; line-height: 1.4; text-transform: uppercase; background-color: #f4f4f4; border: 1px solid #cccccc; padding-bottom: 7px; padding-left: 24px; padding-right: 10px; padding-top: 10px; }
    .amfinder-responsive .amfinder-title:hover { cursor: pointer; }
    .amfinder-responsive .amfinder-title span:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #3399cc; border-right: none; left: -15px; top: 50%; margin-top: -5px; }
    .amfinder-responsive.open .amfinder-title span:before { border-top: 4px solid #3399cc; border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; }
    .amfinder-responsive.open .amfinder-toggle { display: block; }
}
