.cycle-slideshow > * {
    display: none;
    max-width: 100%;
}

.cycle-slideshow.carousel > * {
    display: block;
}

.banner-cycle {
    position: relative;
}

.banner-cycle .cycle-slideshow {
    height: calc((408 * 100vw) / 1920); /*608 to 408*/
    overflow: hidden;
    position: relative;
    width: 100%;
}

.banner-cycle .cycle-slide {
    width: 100%;
}

.banner-cycle .cycle-slide > div {
    left: calc((100vw - 1500px) / 2);
    position: absolute;
    top: 120px;
    width: 550px;
    z-index: 11;
}

.banner-cycle .cycle-slide h3 {
    color: rgb(255, 255, 255);
    font: 400 65px/51px "opensans-bold", sans-serif;    
    margin: 0 0 24px;
    padding: 0;
    position: relative;
}

.banner-cycle .cycle-slide p {
    color: rgb(255, 255, 255);
    font: 400 20px/32px "opensans", sans-serif;
    position: relative;
}

.banner-cycle .cycle-slide a, 
.banner-cycle .cycle-slide a:link, 
.banner-cycle .cycle-slide a:focus, 
.banner-cycle .cycle-slide a:visited, 
.banner-cycle .cycle-slide a:active {
    border: 0;
    background: rgb(239, 130, 36);
    color: rgb(255, 255, 255);
    font: 400 20px/18px "opensans", sans-serif;
    padding: 0; /*15px 40px*/
    position: relative;
    top: 0; /*37px*/
}

.banner-cycle .cycle-slide a:hover {
    background: rgb(135, 171, 60);
}


.banner-cycle .cycle-slide > img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.banner-pager {
    bottom: 8px;
    position: absolute;
    right: calc((100vw - 1500px) / 2);
    z-index: 103;
}

.banner-pager span {
    background: rgb(239, 130, 36);
    border-radius: 50%;
    display: inline-block;
    height: 18px;
    margin: 0 0 0 6px;
    transition: background .3s ease 0s;
    width: 18px;
}

.banner-pager span:hover,
.banner-pager span.cycle-pager-active {
    background: rgb(135, 171, 60);
    cursor: pointer;
}

.featured-products-cycle {
    max-width: 100%;
    padding: 0 49px;
    position: relative;
}

.featured-products-cycle .slick-dots {
    bottom: auto;
    top: 4px; /*0*/
}

.featured-products-cycle .slick-dots li {
    margin: 0 2px;
}

.featured-products-cycle .slick-dotted.slick-slider {
    padding-top: 39px;
}

.featured-products-cycle .slick-dots span {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(187, 187, 187);
    border-radius: 50%;
    display: inline-block;
    height: 18px;
    margin: 0 0 0 6px;
    transition: background .3s ease 0s, border .3s ease 0s;
    width: 18px;
}

.featured-products-cycle .slick-dots .slick-active span,
.featured-products-cycle .slick-dots span:hover {
    background: rgb(135, 171, 60);
    border: 1px solid rgb(135, 171, 60);
    cursor: pointer;
}

.featured-products-prev,
.featured-products-next {
    background: rgb(228, 228, 225);
    color: rgb(113, 112, 112);
    font-size: 50px;
    height: 100px;
    line-height: 94px;
    padding: 5px 2px 5px 7px;
    position: absolute;
    top: 143px;
    width: 49px;
}

.featured-products-prev {
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
    left: -49px;
}

.featured-products-prev:hover {
    color: rgb(135, 171, 60);
}

.featured-products-next {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    right: -49px;
}

.featured-products-next:hover {
    color: rgb(135, 171, 60);
}

.featured-products-prev .fa, 
.featured-products-next .fa {
    line-height: 94px;
}

.featured-products {
    margin: 20px 0 0;
}

.featured-products td:nth-of-type(2) {
    margin-left: -8px;
    width: 1500px;
}

.featured-product {
    overflow: hidden;
    margin: 0 8px;    
    vertical-align: top;
	border: 1px solid rgb(187, 188, 188); /*added now*/
}

.featured-product > a:first-of-type {
   /*  border: 1px solid rgb(187, 188, 188); */ /*commented now*/
    display: block;
    height: 150px; /*287 to 200*/
    overflow: hidden;
    position: relative;
	padding-top: 4px;
}

.featured-product > a:first-of-type::after {
    background: rgba(0, 0, 0, .7);
    border-radius: 50px;
    content: "View Product  \f054";
    color: rgb(255, 255, 255);
    font-family: "FontAwesome", "opensans";
    height: 50px;
    left: calc((100% - 170px) / 2);
    line-height: 50px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: calc((100% - 50px) / 2);
    transition: opacity .3s ease 0s;
    width: 170px;
    z-index: 999;
}

.featured-product > a:first-of-type:hover::after {
    opacity: 1;
}

.featured-product > a:first-of-type img {
    height: 100%;
	margin-left:auto; /*added now*/
	margin-right:auto; /*added now*/
}

.featured-product > a:nth-of-type(2) {
    color: rgb(18, 91, 140);
    display: block;
    font: 400 15px/20px "opensans", sans-serif;
    height: 40px;
    margin: 13px 0 5px;
    padding: 0 8px;
    overflow: hidden;
    white-space: normal;
    width: 100%;
    word-wrap: normal;
}

.featured-product > a:nth-of-type(2):hover {
    color: rgb(135, 171, 60);
}

.featured-product .product-rating {
    margin-left: 3px;
}

.featured-product > span:last-of-type {
    color: rgb(180, 60, 39);
    display: block;
    font: 400 20px/20px "opensans-semibold", sans-serif;
    height: 32px;
    margin: 14px 0 11px;
    padding: 0 8px;
}

.featured-product > a:last-of-type {
    background: rgb(18, 91, 140);
    border: 0;
    color: rgb(255, 255, 255);
    display: inline-block;
    font: 400 12px/12px "opensans", sans-serif;
    margin: 0 0 4px 8px; /*0 0 0 8px*/
    padding: 10px 16px;
    text-transform: uppercase;
    vertical-align: top;
}

.featured-product > a:last-of-type:hover {
    background: rgb(135, 171, 60);
}

.featured-product > button:first-of-type {
    background: rgb(239, 130, 36);
    border: 0;
    color: rgb(255, 255, 255);
    display: inline-block;
    font: 400 12px/12px "opensans", sans-serif;
    height: 32px;
    margin: 0 0 0 -2px;
    padding: 10px 16px;
    text-transform: uppercase;
    vertical-align: top;
}

.featured-product > button:first-of-type:hover {
    background: rgb(135, 171, 60);
}

.featured-product > button:last-of-type {
    background: rgb(216, 218, 218);
    border: 0;
    color: rgb(255, 255, 255);
    display: inline-block;
    height: 32px;
    margin: 0 0 0 -2px;
    padding: 6px 6px 5px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top;
}

.featured-product > button:last-of-type::after {
    background: url('../images/featured-products/compare-products-hover.png') no-repeat 0 0 transparent;
    content: "";
    height: 16px;
    left: 6px;
    opacity: 0;
    position: absolute;
    top: 9px;
    transition: opacity .3s ease 0s;
    width: 22px;
}

.featured-product > button:last-of-type:hover {
    background: rgb(135, 171, 60);
}

.featured-product > button:last-of-type:hover::after {
    opacity: 1;
}

.popular-categories-cycle {
    padding: 0 49px;
    position: relative;
}

.popular-categories-cycle .slick-dots {
    bottom: auto;
    top: 0;
}

.popular-categories-cycle .slick-dots li {
    margin: 0 2px;
}

.popular-categories-cycle .slick-dotted.slick-slider {
    padding-top: 39px;
}

.popular-categories-cycle .slick-dots span {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(187, 187, 187);
    border-radius: 50%;
    display: inline-block;
    height: 18px;
    margin: 0 0 0 6px;
    transition: background .3s ease 0s, border .3s ease 0s;
    width: 18px;
}

.popular-categories-cycle .slick-dots .slick-active span,
.popular-categories-cycle .slick-dots span:hover {
    background: rgb(135, 171, 60);
    border: 1px solid rgb(135, 171, 60);
    cursor: pointer;
}

.popular-categories-prev,
.popular-categories-next {
    background: rgb(228, 228, 225);
    color: rgb(113, 112, 112);
    font-size: 50px;
    height: 100px;
    line-height: 94px;
    padding: 5px 2px 5px 7px;
    position: absolute;
    top: 63px; /*128px*/
    width: 49px;
}

.popular-categories-prev {
    border-bottom-left-radius: 100px;
    border-top-left-radius: 100px;
    left: -49px;
}

.popular-categories-prev:hover {
    color: rgb(135, 171, 60);
}

.popular-categories-next {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    right: -49px;
}

.popular-categories-next:hover {
    color: rgb(135, 171, 60);
}

.popular-categories-prev .fa, 
.popular-categories-next .fa {
     line-height: 94px;
 }

/* .popular-categories {
    margin: 100px 0 94px; 	
} */

.popular-categories td:nth-of-type(2) {
    margin-left: -8px;
    width: 1500px;
}

.popular-category {
    overflow: hidden;
    margin: 0 8px;
    vertical-align: top;
    /* 1386 = carousel width, 8px = padding on each product * 3 gaps * 2 sides for padding divided by 4 categories in view */
    width: calc((1386px - (8px * 6) ) / 4);
}

.popular-category > a {
    display: block;
    position: relative;
}

.popular-category > a::after {
    background: rgba(0, 0, 0, .7);
    border-radius: 50px;
    content: "View Category  \f054";
    color: rgb(255, 255, 255);
    font-family: "FontAwesome", "opensans";
    height: 50px;
    left: calc((100% - 150px) / 2); /*170px*/
    line-height: 50px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: calc((100% - 85px) / 2); /*50px*/
    transition: opacity .3s ease 0s;
    width: 150px; /*170px*/
    z-index: 999;
}

.popular-category > a:hover::after {
    opacity: 1;
}

.popular-category > a img {
    /* max-height: 250px; */
    max-width: 100%;
	border: 1px solid rgb(187, 188, 188);
	/*commented the above line and added next 3 lines of code for issue:5738*/
	margin-left: auto;
	margin-right: auto;
	height: 150px; /*250px*/
}

.popular-category > a span {
    background: rgb(255, 255, 255);
    color: rgb(18, 91, 140);
    display: block;
    font: 400 21px/31px "opensans", sans-serif;/*24px/31px*/
    margin: 0;
    padding: 3px 0 0;
    text-align: center;
    transition: color .3s ease 0s;
    white-space: normal;
    width: 100%;
    word-wrap: normal;
}

.popular-category > a:hover span {
    color: rgb(135, 171, 60);
}

.product-gallery-cycle {
    margin-bottom: 41px;
}

#ProductGallery {
    display: inline-block;
    vertical-align: top;
    /**width: calc(100% - 230px);    **/
	width:300px;
}

#ProductGallery .cycle-slide {
    margin: 0 auto;
    max-width: 100%;
    right: 0;
}

.product-gallery-pager {
    display: inline-block;
    vertical-align: top;
    width: 222px;    
}

.product-gallery-pager a {
    border: 1px solid rgb(187, 187, 187);
    display: inline-block;
    height: 69px;
    margin-bottom: 13px;
    padding: 2px;
    overflow: hidden;
    transition: border-color .3s ease 0s, border-width .3s ease 0s;
    width: 104px;
}

.product-gallery-pager a:hover,
.product-gallery-pager a.cycle-pager-active {
    border: 2px solid rgb(135, 171, 60);
}

.product-gallery-pager a:nth-of-type(odd) {
    margin-right: 13px;
}

.product-gallery-pager img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

@media screen and (max-width: 1600px) {
    .banner-cycle .cycle-slide > div {
        left: 80px;
        top: 50px;
    }
}

@media screen and (max-width: 1500px) {
    .cycle-slideshow {
        max-width: 100%;
    }

    .banner-cycle .cycle-slide h3,
    .banner-cycle .cycle-slide p {
        text-shadow: 0 0 10px rgb(0, 0, 0);
    }

    .banner-pager {
        right: calc((100vw - 90%) / 2);
    }
    
    .featured-products td:nth-of-type(2),
    .popular-categories td:nth-of-type(2) {
        padding: 0 15px;
        width: 95%;
    }

    .banner-cycle .cycle-slide h3 {
        font: 400 58px/34px "opensans-bold", sans-serif;
    }

    .banner-cycle .cycle-slide p {
        font: 400 19px/29px "opensans", sans-serif;
    }

    .banner-cycle .cycle-slide a, 
    .banner-cycle .cycle-slide a:link, 
    .banner-cycle .cycle-slide a:focus, 
    .banner-cycle .cycle-slide a:visited, 
    .banner-cycle .cycle-slide a:active {
        font: 400 18px/14px "opensans", sans-serif;
        padding: 0; /*11px 34px*/
    }
    
    .banner-pager span,
    .featured-products-cycle .slick-dots span,
    .popular-categories-cycle .slick-dots span {
         height: 16px;
         width: 16px;
     }

    .featured-product > a:first-of-type img {
        height: auto;
        max-height: 100%;
        max-width: 100%;
    }

    .featured-product > a:first-of-type {
        height: 100px;
    }

    .featured-product > a:first-of-type::after {
        height: 40px;
        left: calc((100% - 120px) / 2); /*was 150px before*/
        line-height: 40px;
        top: calc((100% - 40px) / 2);
        width: 120px; /*was 150px before*/
    }

    .featured-product > span:last-of-type {
        height: 22px;
    }

    .featured-product > a:last-of-type,
    .featured-product > button:first-of-type {
        display: block;
        margin: 0 8px 4px;
        text-align: center;
        width: calc(100% - 16px);
    }

    .slick-initialized .slick-slide {
        position: relative;
    }

    .featured-product > button:last-of-type {
        position: absolute;
        bottom: 78px;
        right: 8px;
    }
}

@media screen and (max-width: 1350px) {
    .product-tabs-pager a, 
    .product-tabs-pager a:link, 
    .product-tabs-pager a:focus, 
    .product-tabs-pager a:visited, 
    .product-tabs-pager a:active {
        font: 400 17px/14px "opensans-semibold", sans-serif;
        padding: 12px 15px;
    }

    .cycle-slideshow {
        max-width: 100%;
    }
}

@media screen and (max-width: 1300px) {
    .banner-pager span,
    .featured-products-cycle .slick-dots span,
    .popular-categories-cycle .slick-dots span {
        height: 14px;
        width: 14px;
    }
}

@media screen and (max-width: 1100px) {
    .banner-cycle .cycle-slide h3 {
        font: 400 48px/14px "opensans-bold", sans-serif;
    }

    .banner-cycle .cycle-slide p {
        font: 400 18px/29px "opensans", sans-serif;
    }

    .banner-cycle .cycle-slide a, 
    .banner-cycle .cycle-slide a:link, 
    .banner-cycle .cycle-slide a:focus, 
    .banner-cycle .cycle-slide a:visited, 
    .banner-cycle .cycle-slide a:active {
        font: 400 16px/13px "opensans", sans-serif;
        padding: 0; /*9px 30px*/
    }
    
    .banner-pager span,
    .featured-products-cycle .slick-dots span,
    .popular-categories-cycle .slick-dots span {
        height: 12px;
        width: 12px;
    }
}

/*START CHANGES FOR MOBILE SITE*/
@media screen and (max-width: 630px) {
    
    .product-gallery-pager a {
        width: 69px;
    }
}

@media screen and (max-width: 500px) {
    
    .featured-products-cycle .slick-dots,
    .popular-categories-cycle .slick-dots    {
        position: relative;
    }
}
/*END CHANGES FOR MOBILE SITE*/