﻿
#headline h1 { text-align:left; }

#contact-form input[type="text"] {width: 100%; border-radius: 2px; padding: 0px; border: 1px solid #B7B7B7; padding: 6px 5px 1px 0px;}

#contact-form-title { width:100%; color:#F68B1F; font-size:35px; padding:10px; }

#contact-form textarea { width: 100%; margin-top: 10px; height: 245px; }

#lobby      { display:none; }

.table-responsive td { word-wrap:break-word; padding:10px; }

ul.distributersList                  { list-style: none;padding: 0;margin: 0;float: left;width: 100%;}
.location                            { border-bottom: 3px solid #96A78D;width: 100%;display: inline-block;padding-bottom: 5px;margin-bottom: 10px;font-size: 135%; text-transform: capitalize;margin-top:35px; }
.location:first-child                { margin-top: 0; }
span.distAddress                     { float: left;margin-right: 5%;width:15%; }
.dist-right-details                  { float: left; }
.dist-right-details span             { display: block; }
ul.distributersList li               { float: left;width: 100%;padding: 15px 0px; border-bottom: 3px solid #96A78D; }
ul.distributersList li:last-child    { border-bottom: 0; }
.dist-right-details span a           { color: inherit; }
#distributersFullList                                         { direction: ltr;padding-bottom:10%;float: left;width: 100%;margin-top: 3%;transition: opacity 450ms ease-in-out; -webkit-transition:opacity 450ms ease-in-out; min-height:50vh; }
/*#distributersFullList[data-index="20"]                        { direction: rtl; }
#distributersFullList[data-index="20"] span.distAddress       { float: right;margin-left: 5%;margin-right: 0; }
#distributersFullList[data-index="20"] .dist-right-details    { float: right; }*/

.topImage   { margin-bottom: 5%; }


@media (max-width: 991px) {  
    span.distAddress                     { width:25%; }

}

@media (max-width:991px) and (min-width:768px){
    #distributersFullList {width: 90%;float: none;margin: 0px auto;padding-top: 7%;}
}
@media (max-width: 767px) {  
    #distributersFullList         { padding-bottom:15%; }
    .dist-right-details           { margin-top:5%;line-height: 1.3; }
    .location                     { margin-top: 5%; }
    .location:first-child         { margin-top: 0; }
    #distributersFullList   { max-width:95%; margin-left:2.5%; }
    span.distAddress    { width:38%; }
}