/********** OWL CAROUSEL (Used for Colour and Product pages) **********/

#colourDetails .colour-details .owl-carousel .owl-prev {
    position: absolute;
    top: 50%;
    left: -35px !important;
    transform: translateY(-50%);
}

#colourDetails .colour-details .owl-carousel .owl-next {
position: absolute;
top: 50%;
right: -35px;
transform: translateY(-50%);
}

.suggestions .owl-carousel .owl-prev,
#colourDetails .owl-carousel .owl-prev {
position: absolute;
top: 50%;
left: -47px;
transform: translateY(-50%);
}


.suggestions .owl-carousel .owl-next,
#colourDetails .owl-carousel .owl-next {
position: absolute;
top: 50%;
right: -47px;
transform: translateY(-50%);
}

.suggestions .owl-carousel .owl-prev i,
.suggestions .owl-carousel .owl-next i,
#colourDetails .owl-carousel .owl-prev i,
#colourDetails .owl-carousel .owl-next i {
    font-size: 38px;
    color: #ededed;
}

.suggestions .owl-carousel .owl-prev:hover i,
.suggestions .owl-carousel .owl-next:hover i,
#colourDetails .owl-carousel .owl-prev:hover i,
#colourDetails .owl-carousel .owl-next:hover i {
    font-size: 38px;
    color: #bfbfbf;
}

.suggestions .owl-theme .owl-controls .owl-buttons i {
    line-height: 35px;
}

.suggestions .owl-theme .owl-controls .owl-buttons .owl-prev,
.suggestions .owl-theme .owl-controls .owl-buttons .owl-next {
    top: 45%
}


#colourDetails #related-colours-carousel .item {
    height: 165px;
}

@media (min-width: 1180px) and (max-width: 1200px) {
    #colourDetails #related-colours-carousel .item {
    height: 103px;
    }
}

@media (min-width: 1160px) and (max-width: 1179px) {
    #colourDetails #related-colours-carousel .item {
    height: 99px;
    }
}

@media (min-width: 1150px) and (max-width: 1159px) {
    #colourDetails #related-colours-carousel .item {
    height: 98px;
    }
}

@media (min-width: 1140px) and (max-width: 1149px) {
    #colourDetails #related-colours-carousel .item {
    height: 97px;
    }
}

@media (min-width: 1130px) and (max-width: 1139px) {
    #colourDetails #related-colours-carousel .item {
    height: 95px;
    }
}

@media (min-width: 1120px) and (max-width: 1129px) {
    #colourDetails #related-colours-carousel .item {
    height: 94px;
    }
}

@media (min-width: 1100px) and (max-width: 1119px) {
    #colourDetails #related-colours-carousel .item {
    height: 116px;
    }
}

@media (min-width: 1060px) and (max-width: 1099px) {
    #colourDetails #related-colours-carousel .item {
    height: 111px;
    }
}

@media (min-width: 1040px) and (max-width: 1059px) {
    #colourDetails #related-colours-carousel .item {
    height: 108px;
    }
}

/* iPad 3 Landscape */
@media (min-width: 1024px) and (max-width: 1039px) {
    #colourDetails #related-colours-carousel .item {
    height: 106px;
    }
}

@media (min-width: 990px) and (max-width: 1023px) {
    #colourDetails #related-colours-carousel .item {
    height: 109px;
    }
}

@media (min-width: 980px) and (max-width: 991px) {
    #colourDetails #related-colours-carousel .item {
        height: 134px;
    }
}

/* Nexus 7 Landscape */
@media (min-width: 966px) and (max-width: 979px) {
    #colourDetails #related-colours-carousel .item {
    height: 133px;
    }
}


/* Nexus 7 2 Landscape */
@media (min-width: 960px) and (max-width: 965px) {
    #colourDetails #related-colours-carousel .item {
    height: 129px;
    }
}

@media (min-width: 940px) and (max-width: 959px) {
    #colourDetails #related-colours-carousel .item {
    height: 165px;
    }
}

@media (min-width: 920px) and (max-width: 939px) {
    #colourDetails #related-colours-carousel .item {
    height: 161px;
    }
}

/* Nexus 10 */
@media (min-width: 800px) and (max-width: 919px) {
    #colourDetails #related-colours-carousel .item {
        height: 139px;
    }
} 

/* iPad 3/4 Portrait */
@media (min-width: 768px) and (max-width: 799px) {
    #colourDetails #related-colours-carousel .item {
        height: 133px;
    }
} 

/* iPhone 6+ Portrait */
@media (min-width: 736px) and (max-width: 767px) {
    #colourDetails #related-colours-carousel .item {
        height: 157px;
    }
}

/* iPhone 6 Landscape */
@media (min-width: 667px) and (max-width: 735px) {
    #colourDetails #related-colours-carousel .item {
        height: 139px;
    }
} 

/* Blackberry Z10 */
@media (min-width: 640px) and (max-width: 666px) {
    #colourDetails #related-colours-carousel .item {
        height: 133px;
    }
} 

/* Nexus 7 Portrait, Samsung Galaxy Note Landscape */
@media (min-width: 604px) and (max-width: 639px) {
    #colourDetails #related-colours-carousel .item {
        height: 175px;
    }
} 

/* Amazon Kindle Fire 1G Portrait */
@media (min-width: 600px) and (max-width: 604px) {
    #colourDetails #related-colours-carousel .item {
        height: 173px;
    }
} 

/* iPhone 5 Landscape */
@media (min-width: 568px) and (max-width: 599px) {
    #colourDetails #related-colours-carousel .item {
        height: 163px;
    }
} 

/* Nexus S Landscape, HTC Landscape, LG Optimus Landscape */
@media (min-width: 533px) and (max-width: 567px) {
    #colourDetails #related-colours-carousel .item {
        height: 151px;
    }
} 

/* iPhone 3 & 4  Landscape*/
@media (min-width: 480px) and (max-width: 529px) {
    #colourDetails #related-colours-carousel .item {
        height: 133px;
    }
}

@media (min-width: 460px) and (max-width: 479px) {
    #colourDetails #related-colours-carousel .item {
        height: 121px;
    }
}

@media (min-width: 440px) and (max-width: 459px) {
    #colourDetails #related-colours-carousel .item {
        height: 114px;
    }
}

@media (min-width: 420px) and (max-width: 439px) {
    #colourDetails #related-colours-carousel .item {
        height: 108px;
    }
}

/* iPhone 6+ Portrait */
@media (min-width: 414px) and (max-width: 419px) {
    #colourDetails #related-colours-carousel .item {
        height: 182px;
    }
}

/* Samsung Galaxy Note Portrait */
@media (min-width: 400px) and (max-width: 413px) {
    #colourDetails #related-colours-carousel .item {
        height: 175px;
    }
}

/* Nexus 4 */
@media (min-width: 384px) and (max-width: 399px) {
    #colourDetails #related-colours-carousel .item {
        height: 167px;
    }
}

/* iPhone 6 */
@media (min-width: 375px) and (max-width: 383px) {
    #colourDetails #related-colours-carousel .item {
        height: 163px;
    }
}

/* Blacberry Z30 */
@media (min-width: 360px) and (max-width: 374px) {
    #colourDetails #related-colours-carousel .item {
        height: 155px;
    }
}


/* iPhone 3, 4 & 5 Portrait */
@media (min-width: 320px) and (max-width: 359px) {
    #colourDetails #related-colours-carousel .item {
        height: 127px;
    }
}