@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
body{
    font-family: 'Roboto' ;
}  
*{
    font-family: 'Roboto' ;
}   

.margin-top-25  { margin-top: 25px; }

.btn-color-red { background-color: #ed1b24; border:none; padding-right: 15px; padding-left: 15px; }
.btn-color-red:hover {  background-color: #ed1b24; opacity: 0.8; } 

.branch-main-banner { height: 300px; background-image: url(../img/faq.jpg); background-size: cover; background-color: #000; }

.branch-form 		{ margin:0 auto; width: 650px; margin-top: 120px; }
.branch-form input  { height: 50px; float: left; width: 35%; margin-right: 0; border:none; border-radius: 0;  border-top-left-radius: 15px;  border-bottom-left-radius: 15px;}
.branch-input {  border-right: #f8f8f8  solid 1px!important;}
.branch-form select  { height: 50px!important; margin:0; border:none;  padding-right: 15px;  float: left;  float: left; width: 40%; margin-right: 0; border:none; border-radius: 0; }
.branch-form button { width: 20%; float: left;    margin:0;    border-radius: 0; border-top-right-radius: 15px;  border-bottom-right-radius: 15px;}

.branch-item { margin-bottom: 15px;   padding-top: 15px;  }
.branch-item:hover {     background-color: #f8f8f8 }
.branch-item:hover h3 { color: #ed1b24; }
.branch-item h3 { font-size: 16px; font-weight: 600; margin-bottom: 0;  }
.branch-item p{ font-size: 13px;   }

.viewallbtn a{color: #ed1b24!important; font-weight: 600;   }

.branch-form .form-control{
    font-size: 1rem !important;
}

.branch-input{
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

/* Make Select2 boxes match Bootstrap3 as well as Bootstrap4 heights: */
.branch-form .select2-selection__rendered {
    line-height: 50px !important;
}

.branch-form .select2-selection {
    height: 50px !important;
    border: none !important;
    border-radius: 0 !important;
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-right: 1px solid black !important;
}

.branch-form .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 50px !important;
}

.openHrs{
    text-decoration: underline;
    margin-top: 5px;
    font-weight: bold;
}

.branch-main-banner .select2{
    width: 80% !important;
} 

@media (max-width: 900px) {
    .branch-form { width: 100%;     margin-top: 50px; padding: 25px;}
    .branch-form input { width: 100%; border-radius: 15px; margin-bottom: 10px; }
    .branch-form button { width: 100%;  border-radius: 15px; height: 40px; }
    .branch-form select { width: 100%;  border-radius: 15px; margin-bottom: 10px; }
    .branch-item { width: 50%; }
    .branch-item h3 { font-size: 14px; }
    .branch-main-banner .select2 {
        width: 100% !important;
        border-radius: 15px !important; 
        margin-bottom: 10px;
    }
    .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 15px!important;
        text-align: center;
}
}