header#site-header {
    border-bottom: 1px solid #0f3b89;
    padding-bottom: 15px;
}


nav#site-navigation {
    display: none;
}#search-box{background:url(../images/search-box.jpg) top center no-repeat;
    background-size:cover;max-width:611px;margin:0 auto;padding:20px 50px;text-align:center;
    color:#fff;font-size:24px;margin:20px auto 100px;}
#search-box input[type="text"]{
    background:#fff;
    border:1px solid #233f85;
    padding:5px;
    width:100%;
    margin: 20px auto 10px;
    max-width: 100%;
    display:block;
} 
#search-box p{color:#fff;font: 300 28px Raleway;}
#search-box input{display:block;margin:auto}
#directory-page h1{color:#0f3b89;font-size: 48px!important;text-align:center;margin:30px 0 45px;}

.directory{
    padding:20px;
    max-width: 896px;
    margin:0 auto 25px;
    background:#fff;
    border:1px solid #628dc7;
}
select#directory-sorting {
    padding: 5px;
    border: 1px solid #628dc7;
    color: #233f85;
    font-size: 18px;
    margin: 0;
    max-width: 220px;
    width: 100%;
}

.section_two_navigation {}

.section_two_navigation {
    padding: 20px 30px;
    color: #57585b;
}

span.dashicons.dashicons-arrow-right-alt, span.dashicons.dashicons-arrow-left-alt {
    color: #57585b;
    font-size: 15px;
    margin-top: 6px;
}

span.dashicons.dashicons-arrow-right-alt {}
.directory div{display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:top;}
.image{width:120px;}
.name{width: 30%;color:#0f3b89;font-weight:bold;font-size:18px;}
.name h2{margin:0;font-size:25px;color:#0f3b89;}
.name p{color:#0f3b89;}
.specialty{width: 30%;margin-left:20px;font:18px Lato;color:#57585b;margin-right: 10px;}
.location{font:300 18px Lato;color:#57585b;width:100px;vertical-align:middle!important;margin-top:20px}
.specialty h3{color:#0f3b89;font-weight:bold;font-size:18px;}

div#filter-fields input[type="text"]{
    display:inline-block;
    padding: 4px 5px;
    border: 1px solid #628dc7;
    vertical-align:top;
    margin: 0 10px 10px;
    background: url(../images/search.jpg) 4px 5px no-repeat;
    padding-left: 40px!important;
	text-align: left;
	max-width: 220px;
    width: 100%;
}
div#filter-fields {margin:30px;}
div#filter-fields form{
    display:inline-block;
    padding: 0;
    vertical-align:top;
    margin: 0 10px 10px;
    width: 100%;
    max-width: 240px;
}

@media only screen and (max-width: 800px){
    .container{padding:0 10px}
    .name, .specialty{width:25%;font-size:16px;}
    .name h2{font-size:18px;}

    div#filter-fields{text-align:center;}
    div#filter-fields input{width:83%!important;max-width:310px!important;display:block;margin: 0 auto 10px!important;}
    div#filter-fields form{display:block;width: 100%;/* max-width:300px */margin: 0 auto 10px!important;max-width: 350px!important;}
}

@media only screen and (max-width: 600px){
    .image{margin:0 auto;text-align:center;width:100%}
    .name, .specialty, .location{width:100%!important;display:block;margin:0 auto 10px;}
}

@media only screen and (max-width: 410px){
        div#filter-fields form{max-width:300px!important}

}