h1{ font-family:'DeltaSans', sans-serif;  color: #717D84;font-weight:normal; margin:0; padding:0; font-size:36px !important; line-height:39px; margin-top:30px; }

#searchBar{background-color:#E1E6E6; padding-top: 20px;  padding-bottom: 20px; margin-bottom:60px;}
#searchBar #counts{ color:#717D84; font-size:20px;}
#searchBar form{margin-top:20px;}
#searchBar form *{float:left; line-height:23px; padding:1.6%;}
#searchBar input[type=text]{width: 57.8%; max-height:23px;}
#searchBar input[type=submit]{background:#0087DC url(../images/general/magnifier.svg) center center no-repeat;background-size: 95%;text-indent:-9999px; width: 5%; cursor:pointer;}
#pageHeader{width: 75%; max-width: 755px; margin:0 auto 40px;}

/**************** FILTER ****************/
#filterBar {margin-top:40px;}
#filterBar a{ color: #717D84; font-size: 17px; text-decoration:none;  margin-left: 20px;}
#filterBar a:first-child{margin-left:0;}
#filterBar a.active, #filterBar a:hover{color:#0087DC !important;}
/****************************************/

/**************** RESULTS ****************/
#searchResults{	width: 75%;  max-width: 755px; font-size:16px !important; line-height:20px !important;}
#searchResults .result {margin-top:72px;}
#searchResults .result:first-child{margin-top:0;}
#searchResults .result > div{}
hr{float: right; border-bottom: 2px solid #D7D7D7; width: 75%; margin: 35px 0;}

#searchResults .result .resultImage{width:20%;display: table-cell;vertical-align: top;padding-right: 3%;text-align: center;}
#searchResults .result .resultImage img{ max-width: 100%; /*max-height: 90px;*/ width: auto; height: auto;}
#searchResults .result .resultdetail{width: 70%;/* margin-left: 2%; */padding-left: 3%;border-left: 4px solid #0087DC;display: table-cell;}
#searchResults .result .resultdetail > div{display:block;margin-top:10px;line-height: 22px;width: 100%;}
#searchResults .result .resultdetail > span:first-child{margin-top:0;}
#searchResults .result .resultTitle{color:#0087DC; font-weight:bold; text-decoration:none; font-family: 'DeltaSans', sans-serif; font-size: 22px;}
#searchResults .result .resultTitle:hover{text-decoration:underline;}
#searchResults .result .resultText > div{/* display:table-row; */width: 100%;}
#searchResults .result .resultText > div span:first-child{width: 90px;}
#searchResults .result .resultText span{display:table-cell; }

/************************************************/

.load_more{text-align:center;  margin-bottom: 60px; margin-top:72px;}
.load_more a{ text-decoration: none; font-size: 18px; background: url(../images/arrow_icon.svg) 100px 10px no-repeat; padding-right: 25px; background-size: 14px;}
.loading{ position:absolute; left:0; top:0; width:100%; height:100%;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5;  -khtml-opacity: 0.5; opacity: 0.5; position:fixed; background:#fff url(../images/my-page/loading.gif) center center no-repeat; background-size:50px; }


@media screen and (max-width: 1100px) {
	#filterBar a {
		font-size: 15px;
		margin-left: 18px;
	}	
}

@media screen and (max-width: 980px) {

h2, h1 {font-size: 25px !important; line-height: 29px !important; }	
h1{margin-top:5px;}
#searchBar #counts { font-size: 15px;}
#searchBar input[type=text] { width:55.8%; }
#searchBar input[type=submit] { width:7%; }
#filterBar a { font-size: 15px !important; display: block; margin: 0 0 10px 0;}
#pageHeader { margin: 0 auto 20px;}
#searchResults { font-size: 14px !important;}
#searchResults .result .resultdetail > div { line-height: 20px;}
#filterBar { margin-top: 20px;}
}

@media screen and (max-width: 900px) {
#searchBar input[type=text] { width: 88.8%; }
#searchBar input[type=submit] { width: 8%;}
#searchResults  .file .resultdetail  .minitagG  span{ display: block !important; border-left: 0 !important; padding: 0 !important; font-weight: inherit !important;}
}

@media screen and (max-width: 700px) {
#filterBar a {font-size: 15px !important;}
#searchResults{margin-bottom:0;}
}

@media screen and (max-width: 500px) {
#searchResults .result .resultImage { width: 100%; text-align:center; margin-bottom: 25px; display:block; }
#searchResults .result .resultImage img{margin-top:0 !important;  max-width: 50%;}
#searchResults .result .resultdetail { width: 100%; margin-left: 0; padding-left: 0; border-left: 0; display:block;}
#searchResults  hr { width: 100%;}
#searchResults .result .no-image {display:none;}
#searchBar input[type=text] { width: 85.8%; }
#searchBar input[type=submit] { width: 11%;}
h2 { padding-bottom: 20px; border-bottom: 2px solid #D7D7D7; margin-bottom: 35px;}
}