@media only screen and (max-width: 580px),only screen and (max-device-width: 580px) {
  .title-large h3.title {font-size: 20px;}
}
.image-list ul  {list-style-image: url('img/tick-button.jpg');}
.bnt.paypal{background:url(img/paypal.png) right center no-repeat #f18e36; padding: 0px 70px 0px 31px; height: 35px;}
.bnt.paypal:hover{background-color:#ff0000;}


.itemTagsBlock .btn {    background: none; text-transform: uppercase;   border: 1px solid #ddd;    color: #333;    font-size: 10px;}
.itemTagsBlock .btn:hover { border-color: #000; color: #000;}
.owl-carousel { margin:0 !important}


body.com_jvextension  #block-mainnav-sticky-wrapper
{ margin-bottom:50px;}

@media  (min-width: 1200px) {

	#block-mainnav-sticky-wrapper:not(.is-sticky) .item-977.active { position: static; }
	#block-mainnav-sticky-wrapper:not(.is-sticky)  .item-977.active > ul {    margin: 0 0 0;    display: block;    left: 0;    right: 0;    width: auto;    height: 51px;	background: #538e0f url(img/bg-pattern.png);	    border: none;}
	#block-mainnav-sticky-wrapper:not(.is-sticky)  .item-977.active > ul > li {    float: left;     margin: 0 1px 0 0;}
	#block-mainnav-sticky-wrapper:not(.is-sticky)  .item-977.active > ul > li > a {    text-transform: uppercase;    padding: 15px 20px;}
	#block-mainnav-sticky-wrapper:not(.is-sticky)  .item-977.active > ul > li >  ul {    margin: 0;}

}


.itemList .itemproduct { border:none; border-radius: 4px;     border: 1px solid #efefef; background: #f4f4f4;     padding:10px;}
.itemList .itemproduct .catItemBody {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    position: relative;
}
.itemList .itemproduct .catItemBody  .bottom {    left: 0;    right: 0;    bottom: -60px;    border-radius: 0 0 4px 4px;     -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;}
.itemList .itemproduct:hover .catItemBody  .bottom {  left: 1px;    right: 1px;    bottom: 1px;}

.jvextensionText .Features-Template > div { overflow: hidden; margin: 0 -10px 20px;}
.jvextensionText .Features-Template > div .span6 { width: 50%; margin:0; padding:0 10px; }


.itemproduct:hover .itemImage {
     -webkit-transform: scale(1.03); 

     transform: scale(1.03); 
}


.itemHeader {    background: none;    padding: 0;    margin: 0;    color: #333;}

.type-new-free {    z-index: 50  !important; left:1px; }
ul.liststag {    margin: 0 0 20px;    overflow: hidden;    list-style: none;}
ul.liststag li { display: inline-block;}
ul.liststag li a {     margin-bottom: 5px;    display: inline-block;    border: 1px solid #ddd;    padding: 0 10px;    border-radius: 3px;    font-size: 12px;}


.compati {width: 40px; height: 22px; display: inline-block; background: url(img/compatibility.png) no-repeat center; margin-right: 5px;}
.comp0 { background-position: 0 0;}
.comp1 { background-position: 0 -22px;}
.comp2 { background-position: 0 -44px;}
.comp3 { background-position: 0 -66px;}
.comp4 { background-position: 0 -88px;}
.comp5 { background-position: 0 -110px;}


[class*="cols-"] { margin: 0 -15px;  }
[class*="cols-"] .item-width { padding: 0 15px; float:left;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }
.cols-2 .item-width { width:50%}
.cols-3 .item-width { width:33.33%}
.cols-4 .item-width { width:25%}
.cols-5 .item-width { width:20%}
.cols-6 .item-width { width:16.66%}


.owl-carousel .item-width { width: auto; float: none;     padding: 0;}
.itemproduct .mask .link .btn > img {    width: auto;    display: inline-block;}



.module-packages {
    margin: 0 0 40px;
    background: #538e0f url(img/bg-pattern.png);
    padding:20px;
    color:#fff;
}
.module-packages ul { margin: 0 0 0 20px; padding: 0;}


#header ul.jvAmember {
    position: absolute;
    top: 30px;
    right: 0;
}

#header ul.jvAmember li {
    display: block;
    cursor: pointer;
    float: left;
    list-style-type: none;
    position: relative;
}

#header ul.jvAmember > li > a {
    display: inline-block;
    line-height: 30px;
    padding: 0 8px;
    color: #fff;
    cursor: pointer;
}

#header ul.jvAmember > li:hover > a,
#header ul.jvAmember > li.active > a { color: #f18e36;    }


@media  (min-width: 768px) { 
    .cols-2 .item-width:nth-child(2n+1),
    .cols-3 .item-width:nth-child(3n+1),
    .cols-4 .item-width:nth-child(4n+1),
    .cols-5 .item-width:nth-child(5n+1),
    .cols-6 .item-width:nth-child(6n+1) { clear: both; }
}

@media  (min-width: 768px) and (max-width: 1199px) { 
    [class*="cols-"] { margin: 0 -10px;  }
    [class*="cols-"] .item-width { padding: 0 10px; }
}    

@media  (min-width: 520px) and (max-width: 767px) { 
    .cols-2 .item-width ,
    .cols-3 .item-width ,
    .cols-4 .item-width ,
    .cols-5 .item-width ,
    .cols-6 .item-width { width:50%}
    [class*="cols-"] .item-width :nth-child(2n+1) { clear: both; }
}


@media  (max-width: 519px) { 
    .cols-2 .item-width ,
    .cols-3 .item-width ,
    .cols-4 .item-width ,
    .cols-5 .item-width ,
    .cols-6 .item-width { width:100%;  clear: both; }

}