.search{
    float: left;
    width: auto;
}
.results_head {
    padding: 10px 10px;
    margin: 30px 15px;
    float: left;
    border: 1px solid red;
    width: 100%;
}
.r-head-wrp {
    position: relative;
    margin: 10px 0;
}
.r-head {
    position: absolute;
    top: -34px;
    background: #fff;
}
.r-head span {
    padding: 10px;
    font-size: 1.2rem;
}
.r-head-text {
    font-size: 1rem;
}
.r-line{
    float: left;
    width: 25%;
    margin-bottom: 10px;
}
.r-line-name{

}
@media (max-width: 767px){

}
@media (max-width: 425px){
    .results_head{
        margin: 30px 3px;
        width: calc(100% - 30px);
        /* width: auto; */
    }
    .r-line{
        width: 50%;
    }
}
@media (max-width: 320px){}


/**
 * @author RocketTheme, LLC http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2014 RocketTheme, LLC
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */




body.search-loading #roksearch_search_str{
	background: transparent url(../images/spinner.gif ) no-repeat;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 98% 50%;
}
body.search-loading #rokajaxsearch-icon{
	display:none;
}

/* #roksearch_search_str.loading {background: transparent url(../images/spinner.gif) no-repeat scroll 98% 50%} */
/* #roksearch_search_str.loading + #rokajaxsearch-icon{ } */

#roksearch_results {z-index: 10000;position: absolute;width: 598px;float: right;margin-top: -1px;text-align: left;visibility: hidden;}
@media screen and (max-width: 1280px){#roksearch_results {z-index: 10000;position: absolute;width: 398px;float: right;margin-top: -1px;text-align: left;visibility: hidden;}}
#roksearch_results a#roksearch_link {float: right;padding-right: 5px;margin-top: 4px;display: block;height: 16px;width: 16px;}
#roksearch_results h3 {margin-top: 0;margin-bottom: 0;line-height: 110%;font-size: 120%;padding-bottom: 0;}
#roksearch_results span {display: block;line-height: 120%;font-size: 90%;}
#roksearch_results .container-wrapper {overflow-y: auto;overflow-x: hidden;max-height:600px;}
#roksearch_results .page {}
#roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {padding: 6px 15px;line-height: 100%;text-transform: uppercase;font-weight: normal;font-size: 100%;}
#roksearch_results .roksearch_row_btm {overflow: hidden;}
#roksearch_results .roksearch_row_btm span {line-height: 140%;}
#roksearch_results span.small {display: block;position: absolute;bottom: 6px;right: 10px;text-align: right;}
#roksearch_results span.highlight {display: inline;padding:2px;}
#roksearch_results a.clr {font-size: 100%;}
#roksearch_results a:hover {text-decoration: none;}
#roksearch_results .roksearch_odd {padding: 15px;position: relative;}
#roksearch_results .roksearch_even {padding: 15px;position: relative;}
#roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {padding-left: 12px;}
.results ol.list {padding-left: 30px;margin-top: 0;}
.results ol.list h4 {border: 0;margin-top: 0;margin-bottom: 0;}
.results ol.list li {padding: 10px 5px;margin-bottom: 5px;}
.results ol.list li p {margin-top: 0;}
#roksearch_results .container-arrows {height: 16px;width: 40px;float: left;margin-right: 10px;position: relative;}
#roksearch_results .arrow-left {width: 16px;height: 16px;position: absolute;bottom: 0;left: 0;cursor: pointer;}
#roksearch_results .arrow-left-disabled {width: 16px;height: 16px;position: absolute;bottom: 0;left: 0;}
#roksearch_results .arrow-right {width: 16px;height: 16px;position: absolute;bottom: 0;left: 22px;cursor: pointer;}
#roksearch_results .arrow-right-disabled {width: 16px;height: 16px;position: absolute;bottom: 0;left: 22px;}
form.search_result .inputbox {padding: 4px;}
form.search_result fieldset legend {padding-top: 10px;}
fieldset.phrase, fieldset.word, fieldset.only {padding: 10px 2px;}
fieldset.only {display:none;;}
.searchintro {margin-bottom: 10px;overflow: hidden;}
.search_options input, .search_options label {margin-right: 5px;}


/* Google */
#roksearch_results .estimated_res, #roksearch_results .pagination_res {font-size: 10px;font-style: italic;padding-top: 3px;text-transform: none;margin-left: 5px;float: left;}
#roksearch_results .powered-by-google {font-size: 9px;font-style: italic;text-transform: none;}
#roksearch_results .roksearch_row_btm a.viewall {float: right;}
#roksearch_results .pagination_res {font-style: normal;float: right;padding-top:0;}
#roksearch_results .google-thumb-image {margin: 5px auto;}
#roksearch_results .google-search-images .loading {background: transparent url(../images/spinner.gif) no-repeat scroll 50% 50%;}
#roksearch_results .youtube, #roksearch_results .google { display: inline;}
#roksearch_results .google-thumb-image {margin: 10px auto 0;}
#roksearch_results .youtube small, #roksearch_results .google small {display: none;}
#roksearch_results .youtube {background: url(../images/youtube.jpg) right center no-repeat; height: 16px; line-height: 16px;display: block;padding-right: 22px;}
#roksearch_results .google {background: url(../images/google.jpg) right center no-repeat; height: 16px; line-height: 16px;display: block;padding-right: 22px;}
#roksearch_results .container-wrapper {
	scrollbar-width: thin;
}
#roksearch_results .container-wrapper::-webkit-scrollbar {
	width: 7px;
}
#roksearch_results .container-wrapper::-webkit-scrollbar-track-piece  {
	background-color: #f0f0f0;
}
#roksearch_results .container-wrapper::-webkit-scrollbar-thumb:vertical {
	background-color: #cdcdcd;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}
.joomshopping_categorys_search {padding: 5px 10px;border-bottom:1px solid #111;padding: 5px 10px;}
.joomshopping_categorys_search a {
	font-weight: bold;
	color: #111;
	display: block;
	font-size: 14px;
	padding: 5px 0;
}

.roksearch_results img{
   border: 1px solid #ccc;
    border-radius: 8px;
    float: left;
    margin: 0px 10px 10px 0;
    width: 70px;
}
.result-text img{
   border: 1px solid #ccc;
    border-radius: 8px;
    float: left;
    margin: 0px 10px 10px 0;
    width: 70px;
}
.result-title {clear:both;}
dd.result-category {width:100%;}

.rok_search_category {
	position: absolute;
	right: 100px;
	top: 5px;
}

.rok_search_category_link::before {
    background-position-y: 0;
	background-position-x: 0;
	background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
    background-position: 0 -23px;
    background-repeat: no-repeat;
    height: 10px;
    margin-top: -5px;
    right: 7px;
    top: 50%;
    width: 14px;
	content: "";
    position: absolute;
}

.rok_search_category_link:hover::before {
	 background-position-y: -11px;
}

.novisited:link, .novisited:visited {
	color: #3e77aa;
}

.rok_search_category_link {
	/*background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fff, #f1f1f1) repeat scroll 0 0;*/
    border-left: 1px solid #eaeaea;
    border-radius: 0 5px 5px 0;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0.84615em;
    height: 34px;
    line-height: 34px;
    padding: 0 26px 0 13px;
	outline: medium none;
    text-decoration: none;
	position: relative;
}

.rok_search_category_link span {
	border-bottom: 1px dotted;
	text-decoration: none;
	color: #3e77aa;
	font-size: 0.84615em;
	line-height: 34px;
}

.rok_search_category a:hover,.rok_search_category a.novisited:hover, .rok_search_category_link:hover span {
	color: #fb3f4c;
}

.rok_search_category_list {
	background-color: #fff;
    box-shadow: 1px 3px 7px 0 rgba(200, 200, 200, 0.5);
    margin: 0.1em 0 0 0;
    position: absolute;
    right: 0;
    width: 27.2308em;
    z-index: 99999;
	list-style: outside none none;
	line-height: 1em;
	padding: 0;
}

.hidden {
	display: none !important;
}

.rok_search_category_list_item.active a::before {
    background-image: url("../images/sprite.png");
    background-position: 0 -45px;
    background-repeat: no-repeat;
    height: 18px;
    right: 0.8em;
    top: 0.5em;
    width: 20px;
	content: "";
    position: absolute;
}

.rok_search_category_list_item.active a {
	color: #666 !important;
	cursor: default;
}

.rok_search_category_list_item a {
	display: block;
    font-size: 1.1em;
    padding: 0.78em 21px 0.78em 1.5em;
	position: relative;
	outline: medium none;
    text-decoration: none;
}
body.roksearch-active .roksearch-wrapper {
    box-shadow: 10px 10px 10px 10px;
    box-shadow: 4px 5px 15px 0px rgb(0 0 0 / 27%);
}
#roksearch_overlay{
    position: fixed;
	top: 0;
	width: calc(100% + 15px);
	height: 100%;
	background: #f5f5f5;
	opacity: 0.9;
	z-index: 10;
}


@media (max-width: 425px){
    #roksearch_overlay{

top: 137px;

}
}