.home-banner {

    margin: 0 auto;

    max-width: 100%;

}

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {

    outline: medium none;

}

.slides, .flex-control-nav, .flex-direction-nav {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}

.flex-direction-nav {

    display: none;

}

.flexslider {

    margin: 0;

    padding: 0;

}

.flexslider .slides > li {

    backface-visibility: hidden;

    display: none;

}

.flexslider .slides img {

    display: block;

    width: 100%;

}

.flex-pauseplay span {

    text-transform: capitalize;

}

.slides::after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    line-height: 0;

    visibility: hidden;

}

html[xmlns] .slides {

    display: block;

}

* html .slides {

    height: 1%;

}

.no-js .slides > li:first-child {

    display: block;

}

.flexslider {

    background: #fff none repeat scroll 0 0;

    border: medium none;

    margin: 0;

    position: relative;

}

.flex-viewport {

    max-height: 2000px;

    transition: all 1s ease 0s;

}

.loading .flex-viewport {

    max-height: 300px;

}

.flexslider .slides {

}

.carousel li {

    margin-right: 5px;

}

.flex-direction-nav {

}

.flex-direction-nav a {

    cursor: pointer;

    display: block;

    height: 30px;

    margin: -20px 0 0;

    opacity: 0;

    position: absolute;

    text-indent: -9999px;

    top: 50%;

    transition: all 0.3s ease 0s;

    width: 30px;

    z-index: 10;

}

.flex-direction-nav .flex-next {

    background-position: 100% 0;

    right: -36px;

}

.flex-direction-nav .flex-prev {

    left: -36px;

}

.flexslider:hover .flex-next {

    opacity: 0.8;

    right: 5px;

}

.flexslider:hover .flex-prev {

    left: 5px;

    opacity: 0.8;

}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {

    opacity: 1;

}

.flex-direction-nav .flex-disabled {

    cursor: default;

    opacity: 0.3 !important;

}

.flex-control-nav {

    bottom: 10px;

    position: absolute;

    text-align: center;

    width: 100%;

}

.flex-control-nav li {

    display: inline-block;

    margin: 0 3px;

}




.flex-control-paging li a.flex-active {

    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;

    cursor: default;

}

.flex-control-thumbs {

    margin: 5px 0 0;

    overflow: hidden;

    position: static;

}

.flex-control-thumbs li {

    float: left;

    margin: 0;

    width: 25%;

}

.flex-control-thumbs img {

    cursor: pointer;

    display: block;

    opacity: 0.7;

    width: 100%;

}

.flex-control-thumbs img:hover {

    opacity: 1;

}

.flex-control-thumbs .flex-active {

    cursor: default;

    opacity: 1;

}

@media screen and (max-width: 860px) {

.flex-direction-nav .flex-prev {

    left: 0;

    opacity: 1;

}

.flex-direction-nav .flex-next {

    opacity: 1;

    right: 0;

}

}


#productsImg {
    text-align: center;
    width: 100%;
}

.device {
    height: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
}

.arrow-left {
    background: url(../images/arrows.png) no-repeat left top #ccc;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 80;
}

.arrow-right {
    background: url(../images/arrows.png) no-repeat left bottom #ccc;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 80;
}

@media (max-width: 413px)
.swiper-container {
    height: 330px;
    width: 330px;
}

@media (max-width: 650px)
.swiper-container {
    height: 350px;
    width: 350px;
}

.swiper-container {
    height: 400px;
    width: 310px;
    overflow: hidden;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.device div {
    display: block;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.device img {
    width: 100%;
}

.device img {
    padding-top: 40px;
}

img[Attributes Style] {
    width: 320px;
    height: 212px;
}
.pagination {
    /* position: absolute; */
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
    z-index: 1000;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}

.swiper-active-switch {
    background: #fff;
}