﻿/* ==========================================================================
  Author's custom styles
  ========================================================================== */

/*
February 2014 
Adjusted for CykelThomas website by
Se (STANOUT ApS) <info@standoutweb.dk>
*/



html { width: 100%; margin: 0 auto; background-color: #FFFFFF; height: 100%; min-height: 100%; }

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, Helvetica, Arial, sans-serif; 
  font-size: 13px;
  line-height: 1.125em;
  background-image: url(../images/bg-gradient.png); 
  background-size: 100% 100%;
  background-attachment: fixed;
  
  min-height: 100%;
  width: 100%;
}

.right{ 
  float: right; 
}

.left{ 
  float: left; 
}


hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}


/* ----------------------- 1.2 Text ----------------------- */
p{
  margin: 0; 
  padding: 0 0 0.5em 0; 
}

p em{ 

}

a{ 
  text-decoration: none;
  color: #004f8b; 
}

a:hover, a:active{ 
  text-decoration: none;
}


a.homelinks { display: block; width: 210px; padding: 140px 0 0 0; }



strong{
  
}

/* --- Títulos --- */
h1{ 
  font-size: 18px; 
  line-height: 24px;
  margin: 0; 
  padding: 0;
  font-weight: normal;
  width: 100%;
}
h2{
  font-size: 1.2em;
}

.paper {width:1120px; margin:0 auto;}



/* BEGIN ab@standoutweb.dk 06.06.2016 */
@media screen and (min-width: X1000px) and (max-width: X1200px) {
  #hikashop_main_image {width: 100%;height: auto;margin: 0 !important;}
  #hikashop_main_image div {margin: 0;}
  #hikashop_main_image_div {border: 1px solid #dddddd;margin-bottom: 15px;}
}

@media screen and (max-width: X999px) {
  #hikashop_main_image {max-width: 100%;height: auto;margin: 0 !important;}
  #hikashop_main_image div {margin: 0;}
  #hikashop_main_image_div {border: 1px solid #dddddd;margin-bottom: 15px;}
}
/* END ab@standoutweb.dk 06.06.2016 */



/*************** Hidden ***************/
#menu-toggle {display: none;background-image: url(../images/menu-toggle.png);
height: 44px;background-repeat: no-repeat;background-position: right 8px center;
background-color: #0077C0;width: 46px;background-position-x: 54%;background-position-y: 50%;
float: right; margin-top: 19px; cursor: pointer; margin-right: 20px;
-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#menu-toggle:hover {background-color: #0F5298;}


/* ----------------------- 2.1 Header/Top ----------------------- */
#header {width: 92%;padding: 0 4%;margin: 0; height: 84px;position: relative;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select: none; background: -linear-gradient(to bottom, #005999 0%,#003b61 100%); }

/* --- Logo --- */
#header #logo {top: 20px;z-index: 5;display: inline-block;position: relative;}

 /* --- Allan Title --- */
 
#spslider {width: 100%;padding: 0;margin: 0 auto;background: #ffffff; overflow: hidden;}
  
#spslider  .slider-wrapper, #djslider-loader148 { padding: 20px 0 1px 0!important;}
#djslider-loader148 #navigation148 { top: 71px!important; }
.djslider {width: 100% !important;max-width: 100% !important; height: 190px !important;}
#maincontentarea #spslider li img {position: absolute;height: 100%;width: auto!important;height:190px!important;left: 50%;top: 50%;
transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);}
#maincontentarea #spslider .djslider ul li {background-color: #0F5298; overflow: hidden;}

#spslider  .slider-wrapper .nivo-controlNav { display: none;}

.nivo-caption { display: none!important;}
  
#header #allantitle {display: inline-block;top: 6px;float: right;z-index: 5;line-height: 15px;
font-size: 15px;color: #ffffff;padding: 0;position: relative;}
 
 #header #allantitle a {
  color: #b8bbc4;
  font-size: 13px;
 }
 
 .search { display:  none; }
 
#socialarea{
  top: 25px;
  right: 40px;
  position: absolute;
  z-index: 10;
 }


.fb-btn{
  z-index: 10;
 }



.hikashop_footer {display: none;}


#maincontentarea {width: 92%;padding: 0 4%; margin: 0;padding-bottom: 20px; background: #FFFFFF;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
#maincontentarea #spslider ul, #maincontentarea #spslider li {width: 100% !important;}


/* --- Menu --- */
#menu {height: 41px;z-index: 999;background: url(../images/menu.png) 0 100%;padding: 0 4%; margin: 0;
padding-top: 5px; position: relative;border-top-left-radius: 3px;border-top-right-radius: 3px;}
#menu:after {content: "";display: block;background: url(../images/personlig.png);
height: 11px;width: 151px;position: absolute;right: 18px;top: 18px;}

#menu a, #menu a span{display:block;}
#menu a{text-decoration:none;font-weight:bold;color:#000;line-height:33px;padding:0 24px;height:41px;}
#menu>ul>li>a{font-size:15px;}
#menu a:hover{background:url(../images/menu_hover.png);}
#menu ul {list-style: none outside none;padding:0;margin: 0;}
#menu li{float:left;height:41px;background:url(../images/separator.png) no-repeat 0 2px;padding:0 0 0 5px;margin:0 3px 0 0;}
#menu li.active{padding:0 0 0 3px;}
#menu li.active a{padding:0 20px 0 20px;background:url(../images/cykel-leftmenu.png) no-repeat;line-height:41px;color:#0063a6;position:relative;} 
#menu li.actives a:after{content:"";width:6px;height:41px;position:absolute;bottom:0;right:0;background:url(../images/cykel-rightmenu.png) no-repeat;} 

#menu>ul>li.active>a:after{content:"";width:6px;height:41px;position:absolute;bottom:0;right:0;background:url(../images/cykel-rightmenu.png) no-repeat;} 


#menu li.active a span{height:41px;padding:0 31px 0 28px;background:url(../images/menu_li.png) right 41px; font-size: 16px; }
#menu li a span{font-size: 16px; }
#menu li {width:auto!important;height:auto;}




#menu ul.nav ul li a, #menu ul.nav ul li a span{display:block;}
#menu ul.nav ul li a{text-decoration:none;font-weight:bold;color:#000;line-height:120%;padding:10px 12px;height:auto;}
#menu ul.nav ul li a:hover{background:none;}
#menu ul.nav ul li {list-style: none outside none;padding:0;margin: 0;}
#menu ul.nav li ul li{float:left;height:4auto;background:none;padding:0;margin:0;}
#menu ul.nav li.active ul li{padding:0;}
#menu ul.nav li.active ul li a{padding:10px 12px;background:#F1F1F2;line-height:120%;color:#000000;} 
#menu ul.nav li.active ul li a span{height:auto;padding:0;background:none; font-size: 13px; }
#menu ul.nav li ul li a span{font-size: 13px; }
#menu ul.nav li ul li {width:auto!important;height:auto;}
#menu ul.nav li ul {padding: 5px 0 0 0; background: #b0bece;}
#menu ul.nav li ul li ul{padding: 0 0 0 4px; background: #0063a6; border-top: 1px solid #b0bece;}






#menu ul {
  margin: 0px;
  padding: 0px;
}
  
#menu li { 
  list-style: none;
}

#menu ul.nav li a{ 
  float: left;
}

#menu ul.nav li a:hover{ 
}


#menu ul.nav li ul li a{ 
  float: left;
  background: #f1f1f2 none;
  border-bottom: 1px solid #b0bece;
  border-left: 1px solid #b0bece;
  border-right: 1px solid #b0bece;
  font-size: 13px;
  color: #000000; 
  width: 160px;
  text-decoration: none;
  z-index: 10000;
}

#menu ul.nav li ul li.parent a {
  float: left;
  background: #f1f1f2 url(../images/cykel-arrow.png) 98% 50% no-repeat;
  border-bottom: 1px solid #b0bece;
  border-left: 1px solid #b0bece;
  border-right: 1px solid #b0bece;
  font-size: 13px;
  color: #000000; 
  width: 160px;
  text-decoration: none;
  z-index: 10000;
}

#menu ul.nav li ul li.parent ul li a {
  background: #f1f1f2 none;
}

#menu ul.nav li ul li a:hover{ 
  background: #0063a6 none;
  border-bottom: 1px solid #0063a6;
  border-left: 1px solid #0063a6;
  border-right: 1px solid #0063a6;
  color: #ffffff; 
  text-decoration: none;
}

#menu ul.nav li ul li.parent a:hover{ 
  background: #0063a6 url(../images/cykel-arrow.png) 98% 50% no-repeat;
  border-bottom: 1px solid #0063a6;
  border-left: 1px solid #0063a6;
  border-right: 1px solid #0063a6;
  color: #ffffff; 
  text-decoration: none;
}

#menu ul.nav li ul li.parent ul li a:hover{ 
  background: #0063a6 none;
}

#menu ul.nav li ul li ul li a{ 
  float: left;
  background: #f1f1f2 none;
  border-bottom: 1px solid #b0bece;
  border-left: 1px solid #b0bece;
  border-right: 1px solid #b0bece;
  font-size: 13px;
  color: #000000; 
  width: 160px;
  text-decoration: none;
  z-index: 10000;
}



#menu ul.nav li {display: block;}
#menu ul.nav li  ul {display: none;}
#menu ul.nav li  ul li ul{display: none;}

#menu ul.nav li:hover  ul{display: block;}
#menu ul.nav li:hover  ul li ul{display: none;}

#menu ul.nav li:hover  ul li:hover ul {display: block;}



#menu li:hover {
  position: relative;
}

ul.nav li ul { display: none; }

ul.nav li:hover ul {
            display: block;
            position: absolute;
            left: 0px;
            top: 40px;
}
    
ul.nav li:hover ul li ul  {
            display: block;
            position: absolute;
            left: 185px;
            top: 0;
}
    
    
ul.nav li ul li {
      border: none;
      float:left;
    background: none transparent;
}












/* ----------------------- 2.2 Containers of information ----------------------- */
#container {width: 100%;background: #ffffff;}

.allanimg {
  float: left;
  margin-right: 30px; 
  margin-bottom: 30px;
}

#main {width: 100%;margin: 0;padding: 15px 0 0 0;}

/* ----------------------- 2.3 Footer ----------------------- */
footer {width: 92%;padding: 50px 4%;margin: 0;position: relative;z-index: 10;
color: #70c7eb;display: block;font-size: 13px; background: -linear-gradient(to bottom, #006db4 0%,#004872 100%);}

footer span, footer a{color: #70c7eb;}

footer a:hover, footer a:active{text-decoration: underline;color: #70c7eb;}

footer .copyrightinfo { float: left; }
footer .contentinfo { float: right; text-align: right; }

footer .contentinfo p {padding: 0;}
  

  
  /******* HIKASHOP *******/
  
.hikashop_product_top_part {width: 45%!important; float:right;margin-top:30px!important;margin-bottom:15px!important;}
.hikashop_product_right_part {width: 45%!important; float:right;margin-top:30px!important;padding:0!important;display:none!important;}
#hikashop_product_bottom_part{width: 45%!important; float:right;margin-top:30px!important;padding:0!important;clear:none!important;}
span#hikashop_product_url_main {display:none!important;}

.hikashop_product_page>form>.hk-row-fluid{    float: left;width: 45%;}
.hikashop_product_left_part {width: 100%;}


/* ----------------------- 3.2 Plain Text ----------------------- */
#content {float: right;width: 75%;padding: 10px 20px 20px 20px;font-size: 14px;line-height: 19px;
border: 1px solid #dddddd;border-radius: 5px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#content100 {width: 100%;margin-bottom: 25px;padding: 10px 20px 20px 20px;font-size: 14px;
line-height: 19px;border: 1px solid #dddddd;border-radius: 5px;display: inline-block;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body.homapage #content {width: 900px;}

body.homapage aside {display: none;}

#content p{
  display: block;
}

#content .page-header{
  float: left;
  width: 100%;
  padding: 0;
}

#content .page-header h2{
  display: none;
}

#content ul{
  display: block;
  width: 92%;
}

/* ----------------------- 3.3 Aside ----------------------- */
aside {float: left;width: 25%;padding-right: 18px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

aside .moduletablenewsletter{

  margin: 0;
  padding: 17px;
  background: #4da944;
  border-bottom: 4px solid #156838;
}

aside .moduletablenewsletter form{

  margin: 0;
  padding:  0;
        padding-top: 5px;
}

aside .moduletablenewsletter form .input{

  border: 1px solid #9b9b9b;
  width: 113px;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
}

aside .moduletablenewsletter form .btn{
  font-size: 12px;
  line-height: 18px;
  margin: 5px 0 0 3px;
}

aside .moduletablenewsletter h3{
  color: #FFF;
  font-weight: normal;
  margin: 0;
  padding: 0 0 1px;
  font-size: 18px;
  line-height: 20px;
}

aside .moduletablenewsletter .info{
  color: #014e26;
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 12px;
}

aside .custom {width: 100%;padding: 0 14px 20px 14px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;}

aside .custom p{font-size: 13px;}

aside .custom p:last-child{padding: 0;}

aside .custom img {width: 100%;height: auto;}

.leftarea {width: 100%;display: inline-block;}
.leftarea .moduletable {float: left;background: #ebebeb;width: 100%;margin-bottom: 15px;
border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

.leftarea h3 {
background: url("../images/left_heading.png") scroll center bottom rgba(0, 0, 0, 0);
color: #FFFFFF;height: 32px;line-height: 32px;margin: 0 0 8px;padding: 0 14px;
text-transform: uppercase;position: relative; left: 3px;margin-right: 6px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.leftarea h3:before, .leftarea h3:after {content: "";display: block;height: 32px;width: 3px;
position: absolute;top: 0;}

.leftarea h3:before {background: url("../images/left_heading_before.png");left: -3px;}
.leftarea h3:after {background: url("../images/left_heading_after.png");right: -3px;}

/* ----------------------- 3.4 Categories ----------------------- */
#bottom{
  width: 100%;
  float: left;
  margin:1px 0 0 0;
}

#bottom ul{
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 1.5em 0;
  list-style: none;
}

#bottom ul li{
  display: block;
  float: left;
  width: 227px;
  margin: 0;
  padding: 0 22px 0 0;
  text-align: center;
}

#bottom ul li:last-child{
  padding: 0;
}

#bottom ul li a{
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #146632;
  font-weight: bold;
}

#bottom ul li a img{
  margin: 0 0 10px;
}

#bottom ul li a:hover{
  -moz-opacity: 0.50; 
  opacity: 0.50; 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); 
  filter:alpha(opacity=50);
}



span.hikashop_product_price_0 {
    font-weight: 600!important;
}

.hikashop_product_stock { display: none; }
span.hikashop_product_name a {font-size: 14px;color: #0076A3;}
span.hikashop_product_price_per_unit {color: #0076A3;}
span.hikashop_product_price_0 {font-size: 14px; color: #000000 !important;font-weight: 400;}
span.hikashop_product_price_full { font-size: 11px; color: #003C72;}



#facebook_left { padding: 10px 0 10px 24px; display: block;  
background: url("../images/fbicon.png") no-repeat 0 50%;}

#content100 .hikashop_product_price_full .hikashop_product_price_per_unit { font-weight: normal!important; line-height: 11px!important;  margin: 0 0 7px 0; display: block; font-size: 11px!important;}
#content100 .hikashop_product_price .hikashop_product_price_0 { display: block; }

div.hikashop_subcontainer, .hikashop_subcontainer span { text-align: left!important; }

.hikashop_product_row_1, .hikashop_product_row_2, .hikashop_product_row_3, .hikashop_product_row_4 , 
.hikashop_product_row_5, .hikashop_product_row_6, .hikashop_product_row_7, .hikashop_product_row_8 , 
.hikashop_product_row_9, .hikashop_product_row_10, .hikashop_product_row_11, .hikashop_product_row_12 ,
.hikashop_product_row_13, .hikashop_product_row_14, .hikashop_product_row_15, .hikashop_product_row_16,  { width: 20%!important; }
.hikashop_container { margin: 5px 5px 5px 0!important;  }

.hikashop_product_image_subdiv, .hikashop_product_image_subdiv a { text-align: left!important; float: left; }

span.hikashop_product_name{ margin-bottom: 0!important; }
.hikashop_submodules { padding-top: 5px; }


.hikashop_products_pagination_bottom { display: none; }


img.hikashop_child_image {height:75px!important;}

.thumbnail .hikashop_product_image img {width: 100%;}


/***********************************************************************************/
/******************************* Mobile resolution *********************************/
/***********************************************************************************/
@media (min-width: 1px) and (max-width: 1200px) {

.paper {width:100%;}

  #header #allantitle {display: none;} 
  #menu:after {display: none;}

  #header {width: 93%;padding: 0; padding-left: 7%; margin: 0;}
  /*** Menu ***/
  #menu-toggle {display: block;}
  #menu.open {display: block;}
  #menu * li a {webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

  #menu {display: none;position: absolute;width: 100%;padding: 0;background: #ebebeb;height: auto;}
  #menu ul {width: 100%;float: left;}
  #menu ul.nav > li {width: 100% !important;background: transparent;padding: 0;margin: 0;
  border-bottom: 1px solid #001F4B;}
  #menu a {height: auto;line-height: 1.5; padding: 6px 24px;}
  #menu li.active a {background: transparent;line-height: 1.5;padding: 6px 24px;}
  #menu li.active a:after {display:none;}

  #menu ul.nav li ul li, #menu ul.nav li ul li a {width: 100% !important;}
  #menu ul.nav li ul li.parent a, #menu ul.nav li ul li a, 
  #menu ul.nav li.active ul li a {width: 100%;padding: 6px 24px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #menu ul.nav li a {width: 100%;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  #menu ul.nav li a:hover, #menu ul.nav > li.parent > a:hover {background-color: #0077C0; 
  color: #FFF;}
  #menu ul.nav > li.parent > a {
  background: #f1f1f2 url(../images/cykel-arrow.png) 98% 50% no-repeat;width: 100%;}

  #menu ul.nav li ul li a span, #menu ul.nav li.active ul li a span {font-size: 16px;
  line-height: 1.5;}
  #menu ul.nav > li.open > ul {border-top: 1px solid #001F4B;}

  #menu ul.nav li ul li.parent a, #menu ul.nav li ul li a, 
  #menu ul.nav li ul li a, #menu ul.nav li.active ul li a {background-color: #0077C0;color: #FFF;}
  #menu ul.nav li ul li.parent a:hover, #menu ul.nav li ul li a:hover {
  border-bottom: 1px solid #b0bece; background-color: #001F4B;}
  #menu ul.nav li ul li.sec ul li a {background-color: #001F4B;}
  #menu ul.nav li ul li.sec ul li a:hover {background-color: #ebebeb; color: #000;}
  #menu ul.nav li ul li.parent > ul {border-top: none;}

  #menu ul.nav li:hover > ul, #menu ul.nav li ul li:hover > ul {display: none !important;
  position: relative !important; top: 0; padding: 0;}
  #menu ul.nav li.open > ul, #menu ul.nav li ul li.sec > ul{display: block !important;
  padding: 0;position: relative;left: 0;}
	

	
}

@media (min-width: 1px) and (max-width: 600px) {
  /*** Header ***/
  #header #logo img {height: 24px;}
  #header #logo {top: 29px;}

  /*** Slider ***/
  #spslider {display: none;}

  /*** Hikashop ***/
  #maincontentarea #main .hikashop_product {width: 100% !important;}
  .hikashop_container {margin: 0 !important;}
  .hikashop_product_image_subdiv, .hikashop_product_image_subdiv a {width: 100%;}
  #main .hikashop_subcontainer.thumbnail {border-bottom: 1px solid #dddddd;border-radius: 0;}
}

@media (min-width: 1px) and (max-width: 560px) {
#menu-toggle {margin-top:0;}
}

@media (min-width: 1px) and (max-width: 400px) {
  #header #logo img {height: 18px;}
  #header #logo {top: 33px;}
}

@media (min-width: 1px) and (max-width: 1000px) {
  /*** Container ***/
  aside {width: 100%;padding-right: 0;}
  #content {width: 100%;}

  /*** Hikashop ***/
  #hikashop_product_left_part, #hikashop_product_bottom_part {width: 100%; margin: 0;}
  #hikashop_product_left_part {margin-bottom: 18px;}
  
  .hikashop_product_top_part {width: 100%!important; float:left;margin-top:30px!important;margin-bottom:15px!important;}
.hikashop_product_right_part {width: 100%!important; float:left;margin-top:30px!important;padding:0!important;display:none!important;}
#hikashop_product_bottom_part{width: 100%!important; float:left;margin-top:30px!important;padding:0!important;clear:none!important;}
span#hikashop_product_url_main {display:none!important;}
	
	.hikashop_product_page>form>.hk-row-fluid {width: 100%;}


}

@media (min-width: 601px) and (max-width: 1000px) {
  .leftarea .moduletable {width: 31%;margin-right: 3.5%;}
  .leftarea .moduletable:last-child {margin-right: 0;}
}

@media (min-width: X6010px) and (max-width: X12000px) {
  #maincontentarea #main .hikashop_product {width: 48% !important;}
  #maincontentarea #main .hikashop_product:nth-of-type(odd) {margin-right: 4%;}
  .hikashop_container {margin: 0 !important;}
  .hikashop_product_image_subdiv, .hikashop_product_image_subdiv a {width: 100%;}
  #main .hikashop_subcontainer.thumbnail {border-bottom: 1px solid #dddddd;border-radius: 0;}
}


/******************** ab@standoutweb.dk 07.08.2015 ************************/
.item-page img {max-width: 100%;height: auto;}
footer .contentinfo p span {padding: 0 20px;}

@media (min-width: 1px) and (max-width: 950px) {
  /*** Footer ***/
  footer .copyrightinfo {padding-bottom: 20px;}
  footer .copyrightinfo, footer .contentinfo {float: none;margin: 0 auto;display: table;}
  footer .contentinfo p {text-align: center;}
  footer .contentinfo p span {display: block;padding: 0;width: 100%;height: 0;overflow: hidden;}
}

/* Hikashop */
.hikashop_product_main_image_subdiv, .hikashop_product_main_image_subdiv a {width: 100% !important;
display: block;}

@media (min-width: 1px) and (max-width: 450px) {
  .hikashop_product_main_image_subdiv img {width: 100%;height: auto;}
}

div#hikashop_product_left_part div {
  overflow: hidden;height: auto !important;
}

@media (min-width: 1px) and (max-width: 500px) {
  .hikashop_product_main_image {
    position: relative;
  }


  div#hikashop_product_left_part div, #hikashop_product_left_part div a{
      height: 100%;
  }
}



.hikashop_product_image {height: auto!important;}

@media (min-width:1201px) {


.thumbnail .hikashop_product_image img {position: absolute!important;top: 50%!important;transform: translateY(-50%)!important;width: 100%!important;}


.hikashop_product_image_subdiv a {border: 1px solid #efefef;float: left;height: 132px;overflow: hidden;position: relative;text-align: left !important;width: 183px!important;margin-bottom:10px!important;}
}

@media (min-width:500px) {


.thumbnail .hikashop_product_image img {position: absolute!important; top: 50%!important; left: 50%!important; transform: translate(-50%,-50%)!important; max-width: 100%;
max-height: 100%; width: auto !important; height: auto !important;}


.hikashop_product_image_subdiv a {border: 1px solid #efefef;float: left;height: 132px;overflow: hidden;position: relative;text-align: left !important;width: 183px!important;margin-bottom:10px!important;}





.hikashop_product_main_image_subdiv a img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}
#hikashop_product_left_part div {height: auto !important;}

}


@media (max-width:1120px) {
.hikashop_product{width:22%!important;padding:0 4% 10px 0!important;}
.hikashop_product:nth-child(4n){padding:0 0 10px 0!important;}
}


@media (max-width:920px) {
.hikashop_product{width:31%!important;padding:0 3.5% 10px 0!important;}
.hikashop_product:nth-child(4n){padding:0 3.5% 10px 0!important;}
.hikashop_product:nth-child(3n){padding:0 0 10px 0!important;}

.hikashop_product_image_subdiv a {-height: 300px;-width: 100% !important;}
}



@media (max-width:676px) {
.hikashop_product{width:48%!important;padding:0 4% 10px 0!important;}
.hikashop_product:nth-child(4n){padding:0 4% 10px 0!important;}
.hikashop_product:nth-child(3n){padding:0 4% 10px 0!important;}
.hikashop_product:nth-child(2n){padding:0 0 10px 0!important;}

.hikashop_product_image_subdiv a {-height: 300px;-width: 100% !important;}
}
  
  
  #djslider148{max-width:100%!important;}

body#tinymce{background-image:none!important;}

body.homepage .page-header h1{text-align:center;}