/*  
Theme Name: shopello-deepblue-responsivt
Theme URI: http://
Description: 
Version: 1.3
Author: Per Gustafsson
Author URI: ?
*/

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}



body {
  background-color: white;
  color: #848994;
  font-size: 100%;
  font-family: 'Roboto', sans-serif;
}

a {
  text-decoration: none;
  color: #4193cf;
}


input[type=range]{
  border: 1px solid #f6f7f8;
  -webkit-appearance: none;
  width: 100%;
}


input[type=range]::-ms-track {
  width: 100%;
  height: .3em;
  background: #ddd;
  border: none;
  border-radius: 3.3em;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: .3em;
  background: #ddd;
  border: none;
  border-radius: 3.3em;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: .3em;
  background: #ddd;
  border: none;
  border-radius: 3.3em;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 1.2em;
  width: 1.2em;
  border-radius: 50%;
  background: #4193cf;
  margin-top: -.35em;
}

input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  border: none;
  height: 1.2em;
  width: 1.2em;
  border-radius: 50%;
  background: #4193cf;
  margin-top: -.35em;
}

input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  border: none;
  height: 1.2em;
  width: 1.2em;
  border-radius: 50%;
  background: #4193cf;
  margin-top: -.35em;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]:focus::-moz-range-track {
    background: #ccc;
}


input[type="button"] {
  color: #4e9ad6;
  border-color: #e9eaec;
  border-style: solid;
  border-width: .1em;
  border-radius: .8em;
  padding: .7em 1.3em;
  min-width: 1em;
  text-align: center;

  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY2ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ffffff 0%, #f5f6f8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f6f8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f6f8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#f5f6f8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#f5f6f8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#f5f6f8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6f8',GradientType=0 ); /* IE6-8 */
}


.custom-select {
  display: inline-block;
  position: relative;
}

.custom-select + .custom-select {
  margin-left: .3em;
}

.custom-select select {
  position: absolute;
  -webkit-appearance: none;
  outline: none;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 1.1em;
  opacity: 0;
}

.custom-select .select {
  display: inline-block;
  font-size: .8em;
  border-color: #e9eaec;
  border-style: solid;
  border-width: .1em;
  border-radius: .4em;
  padding: .7em .6em .7em 1.4em;
  min-width: 7em;

  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY2ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ffffff 0%, #f5f6f8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f6f8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f6f8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#f5f6f8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#f5f6f8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#f5f6f8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6f8',GradientType=0 ); /* IE6-8 */
}

.custom-select .select:after {
  position: absolute;
  top:3.6em;
  right: 1em;
  content: "\025BC";
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: .3em;
}

header {
  font-family: 'Nunito', sans-serif;
  position: relative;
  background-color: #d4dfd1;
}

header .top-bar {
  background-color: #50a2de;
  color: white;
}

header .top-bar h1 {
  position: relative;
  width: 30em;
  margin: 0 auto;
  font-size: 1.8em;
  line-height: 1.5em;
  padding: .1em .1em;
}

header .top-bar h1 a {
  color: #fff;
}

header .top-bar h1 span {
  position: absolute;
  width: 37em;
  right: 0;
  font-size: .6em;
  text-align: center;
  text-transform: uppercase;
}

header .header-images {
  position: absolute;
  left: 50%;
  margin-left: -30.6em;
  width: 61.2em;
  overflow-y: hidden;
}

header .header-images li {
  position: relative;
  float: left;
  width: 640px;
  height: 16em;
}

header .header-images li:first-child {
  width: 320px;
}

header .header-images li img {
  position: absolute;
  height: 100%;
  left: 0;
}

header .header-images li:first-child img {
  right: 0;
  left: initial;
}

header .header-elements {
  position: relative;
  width: 61.2em;
  margin: 0 auto;
  line-height: 40px;
  padding: 6px 24px;
  list-style: none;
  padding: 0;
  overflow: hidden;
}


header .header-elements li {
  position: relative;
  float: left;
  width: 640px;
  height: 16em;
}

header .header-elements li:first-child {
  width: 320px;
  background-image: url(theme-bg-1.png);
}

header .header-elements .page-description {
  position: absolute;
  background-color: rgba(142, 205, 242, .8);
  padding: 1.3em 1em;
  bottom: 0;
  left: 0;
  width: 100%;
  color: white;
  font-family: 'Roboto', sans-serif;
  font-size: .9em;
  line-height: 1.8em;
  text-shadow: 1px 1px rgba(0,0,0,.3);
}


header .top-bar-shadow {
  position: absolute;
  margin-top: -2px;
  height: 1px;
  width: 100%;
  box-shadow: 3px 3px 2px #888888;
}

footer {
  background-color: #50a2de;
  color: #5d4e60;
  font-size: .6em;
}

footer .inner {
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding: 3em 0;
}

footer .inner p {
  max-width: 24em;
}

footer .inner p:last-child {
  position: absolute;
  top: 3em;
  right: 0;
  text-align: right;
}

#main {
  position: relative;
  width: 980px;
  margin: 0 auto;
}

#main #content-sidebar {
  position: absolute;
  top: -3em;
  bottom: 0;
  width: 20em;
  padding: 1.7em 1.8em 3em 1.8em;
  background-color: #f6f7f8;
  box-sizing: border-box;
}


#main #content-sidebar h4 {
  margin-top: 2em;
  margin-bottom: .6em;
  color: #5d4e60;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
}

#main #content-sidebar .item,
#main #content-sidebar ul {
  list-style: none;
  margin-bottom: 3.2em;
}

#main #content-sidebar ul li {
  margin-bottom: .9em;
  font-size: .8em;
}

#main #content-sidebar ul li a {
  color: #848994;
}


#main #content-sidebar .filter-price-max {
  position: relative;
  padding-bottom: 2.6em;
}

#main #content-sidebar .filter-price-max #label-price-max {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #3b4550;
  font-size: .6em;
  line-height: 2.8em;
}

#main #content-sidebar .filter-price-max #reset-price-max {
  position: absolute;
  right: 0;
  bottom: 0;
}


#main #content-sidebar .tag-list {
  overflow: hidden;
}

#main #content-sidebar .tag-list li {
  float: left;
}

#main #content-sidebar .tag-list li  a {
  display: block;
  background-color: #fff;
  border: .1em #e9eaec solid;
  border-radius: 1.3em;
  padding: .8em 1.6em;
  margin-right: .8em;
}

#main #content-sidebar .tag-list li  a:hover {
  color: #fff;
  background-color: #50a2de;
}

#main #content-sidebar .widget-title {
  display: none;
}

#main #content-sidebar .filter-categories,
#main #content-sidebar .filter-keyword,
#main #content-sidebar .filter-sort,
#main #content-sidebar .filter-pagesize {
  display: none;
}

.filter-hint {
  display: none;
}


#main article {
  margin-top: 1em;
  margin-left: 20.1em;
  width: 41.2em;
  padding-bottom: 2em;
}


#main .article-content {
  margin: 0 0 .8em 1.1em;
  min-height: 30em;
}


#main .article-content h1 {
  font-size: 3em;
  margin-bottom: 1em;
}

#main .article-content h2 {
  font-size: 2.5em;
  margin-bottom: 1em;
}

#main .article-content h3 {
  font-size: 2em;
  margin-bottom: 1em;
}

#main .entry-header {
  display: none;
}


.shopello_result_message {
  display: none;
}

.shopello_product_list {
  overflow: hidden;
}


.shopello_product_list li {
  float: left;
 /* width: 9.2em; */
  width: 12.6em;
  margin: 0 0 .8em 1.1em;
}

.product {
  position: relative;
}

.product .product_image_wrap {
  position: relative;
  border-color: #e9eaec;
  border-style: solid;
  border-width: .1em;
  border-top-left-radius: .4em;
  border-top-right-radius: .4em;
  background-color: #f5f6f8;
  text-align: center;
  vertical-align: middle;
  min-height: 16.5em;
}

.product .product_image_wrap img {
  position:absolute;
  top:0;
  bottom:0;
  margin: auto -6em;
  width: 95%;
  max-height: 15.5em;
  /* width: 80%; */
  /*max-height: 9.5em;*/
}

.product .text {
  border-color: #e9eaec;
  border-style: solid;
  border-width: .2em;
  border-bottom-left-radius: .4em;
  border-bottom-right-radius: .4em;
  text-align: center;
  padding: 2em 0 0 0;
  font-size: .6em;
  min-height: 6.5em;
}

.product .text h3 {
  font-size: 1em;
  margin-bottom: 1em;
  padding: 0 .4em;
  text-transform: uppercase;
}

.product .price {
  font-size: 1.4em;
  font-weight: bold;
  color: #3b4550;
}

.product .checkout_button {
  position: absolute;
  text-indent: -100000px;
/*  margin-top: -10.5em;*/
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
/*  padding: .6em .8em;*/
/*  background-color: #50a2de;*/
/*  border-radius: .3em;*/
  font-size: .7em;
}

.product .checkout_button a {
  position: absolute;
  color: #fff;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}


.product .old_price {
  position:absolute;
  background-color: #50a2de;
  border-radius: 8em;
  padding: 1.3em .6em;
  font-size: 1.2em;
  color: #fff;
  left: -1em;
  top: 2em;
}

.shopello_paging {
  text-align: center;
}

.pagination {
  display: inline-block;
  margin-top: 1em;
  margin-bottom: 3em;
  overflow: hidden;
}

.pagination li {
  float: left;
  margin-left: 1em;
  font-size: .7em;
}

.pagination li.disabled {
  opacity: .5;
}


.pagination li.active a  {
  color: #50a2de;
}

.pagination li a {
  display: block;
  color: #9fa4af;
  border-color: #e9eaec;
  border-style: solid;
  border-width: .1em;
  border-radius: 100%;
  padding: .7em .7em;
  min-width: 1em;
  text-align: center;

  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY2ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ffffff 0%, #f5f6f8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f6f8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f6f8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#f5f6f8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#f5f6f8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#f5f6f8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6f8',GradientType=0 ); /* IE6-8 */
}


.accordion {
  margin: 0 0 0 1.6em;
}

.accordion h5 {
  position: relative;
  padding: .8em 1.1em;

  border-color: #e9eaec;
  border-style: solid;
  border-width: .1em;
  border-top-left-radius: .4em;
  border-top-right-radius: .4em;
  border-bottom-left-radius: .4em;
  border-bottom-right-radius: .4em;

  text-transform: uppercase;
  font-weight: bold;
  font-size: .9em;
}

.accordion h5:after {
  position: absolute;
  top: .4em;
  right: .8em;
  border: .1em solid #c7cbd2;
  border-radius: 100%;
  content: "+";
  font-size: 1.1em;
  font-weight: normal;
  padding: .2em .4em;
}

.accordion h5 + section {
   display: block;
  /* display: none; */
  border-top-width: 0;
  border-top-style: none;
  border-color: #e9eaec;
  border-style: solid;
  border-width: .1em;
  border-bottom-left-radius: .4em;
  border-bottom-right-radius: .4em;
  color: #848994;
  padding: .8em 1.1em;
  font-size: .8em;
  line-height: 1.8em;
}

.accordion.expanded h5 {
  color: #50a2de;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion.expanded h5:after {
  border-color: #50a2de;
  color: #50a2de;
}

.accordion.expanded h5 + section {
  display: block;
}


.accordion h5:hover {
  background-color: #50a2de;
  color: #fff;
}

.accordion h5:hover:after {
  border-color: #fff;
  color: #fff;
}

.page-options {
  margin: 0 0 1.6em 0;
}

.page-options label {
  color: #3b4550;
  font-size: .7em;
  font-weight: bold;
  margin-left: 1.6em;
  margin-right: .4em;
}

.page-options #input-pagesize + .select {
  min-width: 3em;
}

.colors input[type=radio].color {
  visibility: hidden;
  height: 1px;
  width: 1px;
  position: fixed;
  top: -200em;
  left: -200em;
}
.colors input[type=radio].color + label {
  background: #f1f1f1;
  border: 1px solid #ffffff;
  line-height: 1.6em;
  height: 16px;
  width: 16px;
  margin: 2px;
  display: inline-block;
  outline: none;
  box-sizing: border-box;
  border-radius: 50%;
  border-radius: none;
  text-indent: -1000em;
  cursor: pointer;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1) inset, 0 2px 2px rgba(255, 255, 255, 0.1) inset;
}
.colors input[type=radio].color.vit + label {
  background: #ffffff;
  border-color: #cccccc;
}
.colors input[type=radio].color.svart + label {
  background: #000000;
}
.colors input[type=radio].color.gra + label {
  background: #666666;
}
.colors input[type=radio].color.bla + label {
  background: #2f7dff;
}
.colors input[type=radio].color.gron + label {
  background: #6ad600;
}
.item .colors input[type=radio].color.gul + label {
  background: #ffea00;
}
.item .colors input[type=radio].color.orange + label {
  background: #ff900c;
}
.item .colors input[type=radio].color.rod + label {
  background: #ff0c0c;
}
.item .colors input[type=radio].color.rosa + label {
  background: #fc23ff;
}
.item .colors input[type=radio].color.lila + label {
  background: #a500fb;
}
.filters .item .colors input[type=radio].color[data-checked="true"] + label {
  box-shadow: 0 -2px 2px rgba(255, 255, 255, 0.1) inset, 0 2px 2px rgba(0, 0, 0, 0.1) inset;
  border: 3px rgba(255, 255, 255, 0.8) solid;
  position: relative;
}
.filters .item .colors input[type=radio].color[data-checked="true"] + label:before {
  display: none;
}
/*--- CUSTOME CSS ---*/
.filtermenu{display:none; width:100%; background-color:#4193cf; border-radius:3px; color:#ffffff; font-size:15px; min-height:40px; line-height:40px; padding-left:15px;}
.filtermenu span{float:left;}
.filtermenu .menuicon{float:right; padding:10px 10px; width:50px; background-color:#4193cf; box-shadow:0 0 5px rgba(0,0,0,0.2) inset; border-radius:2px; min-height:40px;}
.filtermenu .menuicon span{display:block; width:100%; border-bottom:3px solid #ffffff; margin-bottom:5px;}
.filtermenu .menuicon span:last-child{margin-bottom:0;}
.filtermenu:hover .menuicon{box-shadow:0 0 5px rgba(0,0,0,0.4) inset;}
.page-options{display:table; width:100%; clear:both;}
.page-options .opt_left{float:left;}
.page-options .opt_right{float:left;}
/*--- CUSTOME CSS ---*/
/*=============================== MEDIA QUERY ===============================*/
@media (max-width:992px){
}

@media (max-width:991px){
*,*:after,*:before{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
/*--- HEADER ---*/
header .header-elements{width:100%;}
header .header-elements li{width:100%; height:auto;}
header .header-elements li:first-child{display:none;}
header .header-elements .page-description{position:relative;}
header .top-bar h1{width:100%;}
header .top-bar h1 span{width:auto; right:5px;}
header .header-images{width:100%; margin-left:0; left:0; position:relative;}
header .header-images li{width:320px; float:right; height:176px;}
header .header-images li:first-child{width:250px; float:left;}
header .header-images li img{width:100%; height:auto;}
header .header-images li:first-child img{top:21px;}
/*--- HEADER ---*/
#main{width:100%; clear:both; display:table;}
#main #content-sidebar{top:0; width:29%; float:left; padding:15px;}
#main article{float:right; width:70%; margin-left:0;}
.filter-price-max input[type="range"]{margin:0;}
#main #content-sidebar .filter-price-max{padding-bottom:65px;}
#main #content-sidebar .filter-price-max #label-price-max{top:40px;}
#main #content-sidebar .filter-price-max #reset-price-max{left:0;}
.pagination li a{width:30px; height:30px;}
footer .inner{width:100%; padding:20px 20px; display:table;}
footer .inner p{width:50%; max-width:auto; float:left;}
footer .inner p:last-child{float:right; line-height:18px;}
}

@media (min-width:768px) and (max-width:991px){
.shopello_product_list li{width:46%; margin:0 2% 15px;}
.product .product_image_wrap img{margin:auto; left:0; right:0; width:auto; max-width:100%;}
.product .text{padding-top:8px; min-height:70px;}
.entry-content .accordion{margin:0; padding:0 10px;}
.custom-select .select{width:115px;}
.custom-select .select::after{top:15px; right:7px;}
.page-options #input-pagesize + .select{width:100px;}
}

@media (max-width:767px){
.filtermenu{display:block;}
.Res_Filter{display:none;}
#main #content-sidebar{width:100%; position:relative;}
#main article{width:100%;}
.custom-select .select{width:115px;}
.custom-select .select::after{top:15px; right:7px;}
.page-options #input-pagesize + .select{width:100px;}
footer .inner p{width:100%; max-width:100%; float:left;}
footer .inner p:last-child{float:left; line-height:18px; margin-top:7px; text-align:left; position:relative; top:0;}
.product .old_price{height:40px; width:40px;}
.product .text{padding-top:8px; min-height:75px;}
.product .product_image_wrap img{margin:auto; left:0; right:0; width:auto; max-width:100%;}
}

@media (max-width:600px){
.shopello_product_list li{width:46%; margin:0 2% 15px;}
.product .product_image_wrap img{margin:auto; left:0; right:0; width:auto; max-width:100%;}
.product .text{padding-top:8px; min-height:70px;}
.entry-content .accordion{margin:0; padding:0 10px;}
.product .old_price{height:40px; width:40px;}
.page-options{padding:0 5px;}
.page-options .opt_left{width:65%;}
.page-options .opt_right{width:35%; padding-left:10px;}
.page-options label{margin:0 0 5px; font-size:10px; padding:0 2px;}
.page-options .custom-select{margin:0 0 15px; padding:0 3px;}
.page-options .custom-select .select{width:100%; min-width:auto; padding-left:5px; font-size:10px;}
.page-options #input-pagesize + .select{width:100%;}
.page-options .custom-select select{font-size:10px;}
}

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

@media (max-width:480px){
header .top-bar h1{font-size:22px; padding:10px 10px;}
header .header-images{display:table;}
header .header-images li{height:auto; width:60%;}
header .header-images li img{position:relative;}
header .header-images li:first-child{width:40%;}
header .header-images li:first-child img{top:41px;}
.page-options{width:100%; padding:0 5px;}
.product .old_price{height:40px; width:40px;}
}

@media (min-width:321px) and (max-width:479px){
header .top-bar h1 span{position:relative; display:block; width:100%; text-align:left; right:0;}
header .header-images li:first-child img{top:27px;}
header .header-elements .page-description{line-height:22px; font-size:15px;}
.shopello_product_list{width:300px; margin:0 auto; padding:0 25px;}
.shopello_product_list li{width:100%; margin:0 0 15px;}
.product .product_image_wrap{min-height:210px;}
.product .product_image_wrap img{width:auto; max-height:185px; max-width:95%;}
.product .old_price{height:40px; width:40px; left:-18px;}
}

@media (max-width:350px){
.page-options{padding:0 2px;}
.page-options .opt_left{width:195px;}
.page-options .opt_right{padding-left:0; width:118px;}
.page-options .custom-select .select{font-size:11px; padding-left:3px; padding-right:3px;}
.page-options .custom-select{padding:0 2px;}
}

@media (max-width:320px){
header .top-bar h1 span{position:relative; display:block; width:100%; text-align:left; right:0;}
header .header-images li:first-child img{top:27px;}
.shopello_product_list{width:300px; margin:0 auto; padding:0 25px;}
.shopello_product_list li{width:100%; margin:0 0 15px;}
.product .product_image_wrap{min-height:210px;}
.product .product_image_wrap img{width:auto; max-height:185px; max-width:95%;}
.product .old_price{height:40px; width:40px; left:-18px;}
}
/*=============================== MEDIA QUERY ===============================*/