﻿
#featured-pro{ position:relative; width:1286px; margin:0 0 0 0; padding:0; float:left; }
#ma-featuredpro-slider .jcarousel-item {float: left; text-align:center; width:217px!important; padding: 0; margin:0 20px; }

#ma-featuredpro-slider .jcarousel-item:hover{ }

#ma-featuredpro-slider .jcarousel-item img {width:100%;height:auto;display:block;border: 3px solid #ffffff;}
#ma-featuredpro-slider .jcarousel-item span { padding:20px 0px 0px 0px; display:block; }
#ma-featuredpro-slider .jcarousel-item a { color:#ffffff; font-size:16px; }
#ma-featuredpro-slider .jcarousel-item a:hover {color: #bfbfbf;}

.ma-featured-slider-contain { margin:0 0 15px; width:940px !important; padding: 15px 30px; float:left; height:212px; }
.ma-featured-slider-title {}
.ma-featured-slider-title h2 { padding:5px; }
.ma-featured-slider {}
.featured-slider .jcarousel-container { -moz-border-radius: 10px; background: #fff; border: 2px solid #000; }
.featured-slider .jcarousel-container-horizontal { width: 1000px; padding: 10px 0px; padding-left:40px; margin:0 auto; margin-top:80px; }
.featured-slider .jcarousel-container-vertical { width: 75px; height: 245px; padding: 0px 0px; }
.featured-slider .jcarousel-clip-horizontal { width:  960px; height: 154px;}
.featured-slider .jcarousel-clip-vertical { width:  240px; height: 245px; }
.featured-slider .jcarousel-item { float: left; list-style: none outside none; text-align:center; width:280px !important; float:left; border:1px solid red !important; }
.featured-slider .jcarousel-item-horizontal { margin-right: 0px; }
.featured-slider .jcarousel-item-vertical { margin-bottom: 10px; }
.featured-slider .jcarousel-item-placeholder { background: #fff; color: #000; }
.ma-featured-slider .jcarousel-next-horizontal { position: absolute; right:-23px; top:65px; width:22px; height:44px; cursor: pointer; background: url(../images/next-arrow.png) no-repeat right top; background-size:100% 100%; }
.ma-featured-slider .jcarousel-next-horizontal:hover { opacity:1; }
.ma-featured-slider .jcarousel-next-horizontal:active { opacity:1; }
.ma-featured-slider .jcarousel-next-disabled-horizontal,
.ma-featured-slider .jcarousel-next-disabled-horizontal:hover,
.ma-featured-slider .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}
.ma-featured-slider .jcarousel-prev-horizontal { position: absolute; left:-23px; top:65px;  width:22px; height:44px; cursor: pointer;  background:url(../images/prev-arrow.png) no-repeat left top; background-size:100% 100%; }
.ma-featured-slider .jcarousel-prev-horizontal:hover { opacity:1; }
.ma-featured-slider .jcarousel-prev-horizontal:active { opacity:1; }
.ma-featured-slider .jcarousel-prev-disabled-horizontal,
.ma-featured-slider .jcarousel-prev-disabled-horizontal:hover,
.ma-featured-slider .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}
.ma-featured-slider .jcarousel-container { position: relative; }
.ma-featured-slider .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width:100%; }
.ma-featured-slider .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.ma-featured-slider .jcarousel-next { z-index: 3; display: none; }
.ma-featured-slider .jcarousel-prev { z-index: 3; display: none; }

@media only screen and (max-width:1280px) {
#featured-pro{ position:relative; width:1210px; }
#ma-featuredpro-slider .jcarousel-item { width:212px!important; margin:0 15px; }
}
@media only screen and (max-width:1152px) {
#featured-pro{ width:1082px; }
#ma-featuredpro-slider .jcarousel-item { width:240px!important; }
}

@media only screen and (max-width:1024px) {
#featured-pro{ width:950px; }
#ma-featuredpro-slider .jcarousel-item { width:286px!important;}
.ma-featured-slider .jcarousel-next-horizontal { top:85px; }
.ma-featured-slider .jcarousel-prev-horizontal { top:85px; }

}
@media only screen and (max-width:980px) {
#featured-pro{ width:910px; }
#ma-featuredpro-slider .jcarousel-item { width:273px!important;}
}
@media only screen and (max-width:900px) {
#featured-pro{ width:830px; }
#ma-featuredpro-slider .jcarousel-item { width:246px!important;}
.ma-featured-slider .jcarousel-next-horizontal { top:75px; }
.ma-featured-slider .jcarousel-prev-horizontal { top:75px; }

}
@media only screen and (max-width:800px) {
#featured-pro{ width:730px; }
#ma-featuredpro-slider .jcarousel-item { width:223px!important; margin:0 10px; }
#ma-featuredpro-slider .jcarousel-item a { font-size:14px; }
.ma-featured-slider .jcarousel-next-horizontal { top:65px; }
.ma-featured-slider .jcarousel-prev-horizontal { top:65px; }
}


@media only screen and (max-width:768px) {
#featured-pro{ width:700px; }
#ma-featuredpro-slider .jcarousel-item { width:213px!important; }
.ma-featured-slider .jcarousel-next-horizontal { top:60px; }
.ma-featured-slider .jcarousel-prev-horizontal { top:60px; }
}
@media only screen and (max-width:667px) {
#featured-pro{ width:600px; }
#ma-featuredpro-slider .jcarousel-item { width:180px!important; }
.ma-featured-slider .jcarousel-next-horizontal { top:50px; }
.ma-featured-slider .jcarousel-prev-horizontal { top:50px; }
}

@media only screen and (max-width:640px) {
#featured-pro{ width:570px; }
#ma-featuredpro-slider .jcarousel-item { width:170px!important; }
.ma-featured-slider .jcarousel-next-horizontal { top:45px; }
.ma-featured-slider .jcarousel-prev-horizontal { top:45px; }
}
@media only screen and (max-width:600px) {
#featured-pro{ width:500px; }
#ma-featuredpro-slider .jcarousel-item { width:230px!important; }
.ma-featured-slider .jcarousel-next-horizontal { top:75px; }
.ma-featured-slider .jcarousel-prev-horizontal { top:75px; }
}

@media only screen and (max-width:480px) {
#featured-pro{ width:410px; }
#ma-featuredpro-slider .jcarousel-item { width:185px!important; }
.ma-featured-slider .jcarousel-next-horizontal { top:50px; }
.ma-featured-slider .jcarousel-prev-horizontal { top:50px; }
}
@media only screen and (max-width:375px) {
#featured-pro{ width:305px; }
#ma-featuredpro-slider .jcarousel-item { width:285px!important; }
.ma-featured-slider .jcarousel-next-horizontal { top:90px; }
.ma-featured-slider .jcarousel-prev-horizontal { top:90px; }
}
@media only screen and (max-width:360px) {
#featured-pro{ width:290px; }
#ma-featuredpro-slider .jcarousel-item { width:270px!important; }
.ma-featured-slider .jcarousel-next-horizontal { top:85px; }
.ma-featured-slider .jcarousel-prev-horizontal { top:85px; }
}
@media only screen and (max-width:320px) {
#featured-pro{ width:250px; }
#ma-featuredpro-slider .jcarousel-item { width:230px!important; }
.ma-featured-slider .jcarousel-next-horizontal { top:70px; }
.ma-featured-slider .jcarousel-prev-horizontal { top:70px; }
}d