.clear {
    clear: both;
}
/*.owl-carousel .owl-nav .owl-prev {
    background: url('/Images/50 blue red left arrow 3 panel.png') no-repeat;
}

.owl-carousel .owl-nav .owl-next {
    background: url('/Images/50 blue red left arrow 3 panel.png') no-repeat;
}*/
.owl-carousel-5items {
    width: 100%;
}

.owl-carousel-2items {
    width: 35%;
}

.owl-carousel-3items {
    width: 50%;
}

.owl-carousel-4items {
    width: 70%;
}

.carousel-item-style {
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    text-align: center;
    width: 220px;
}

.carousel-main-content-products {
    text-align: center;
    width: 100%;
}

.carousel-main-content-product {
    /*border: 1px solid #e5e5e5;
    border-radius: 2px;*/
    /*box-shadow: 0 0 5px 2px #e5e5e5 inset;*/
    cursor: pointer;
    display: block;
    /*float: left;*/
    font-size: 0.9em;
    /*height: 10px;*/
    margin: 1%;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 90%;
    border: none;
    text-align: center;
}

    /*.main-content-product:hover{
    box-shadow: 0 0 2px 2px #aaa inset;
}*/

    .carousel-main-content-product img {
       
        width: 100%;
        border: none;
	aspect-ratio: 16/9;
	object-fit: contain;
    }

@media screen and (max-width: 768px) {
    .carousel-main-content-product img {
       
        width: 80%;
	margin-top: 1.5rem;

    }

	.main-content-right-results1 {
		grid-template-columns: repeat(auto-fit, minmax(170px, 170px));
}

	.depheading {
	font-size: 1.5rem;
	text-align: center;
}
}

.carousel-main-content-product-title {
    	font-weight: 600;
    	left: 0;
    	position: absolute;
    	top: 4%;
	width: 100%;
	font-size: 0.8rem;
	letter-spacing: 1px;
}

.carousel-main-content-product-sub {
    left: 5px;
    position: absolute;
    top: 20px;
}

.carousel-main-content-product-price {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 2px;
    bottom: 0.5em;
    color: #b81d18;
    font-weight: 600;
    padding-left: 0.25em;
    position: absolute;
    right: 0.6em;
    display: block;
    width: 100%;
    text-align: center;
}

    .carousel-main-content-product-price.exc-vat.d-block > span {
        font-size: 0.75em;
    }

.carousel-main-content-product:hover > .carousel-main-content-product-quicklook {
    bottom: 0 !important;
}

.carousel-main-content-product-quicklook {
    display: none;
    background-color: #001021;
    height: 2em;
    line-height: 2em;
    bottom: -2em;
    color: #e5e5e5;
    font-weight: 600;
    left: 0;
    position: absolute;
    width: 100%;
    cursor: pointer;
    text-transform: uppercase;
    -moz-transition: background-color 0.2s ease 0s, bottom 0.5s ease 0s;
    -o-transition: background-color 0.2s ease 0s, bottom 0.5s ease 0s;
    -webkit-transition: background-color 0.2s ease 0s, bottom 0.5s ease 0s;
    transition: background-color 0.2s ease 0s, bottom 0.5s ease 0s;
}

    .carousel-main-content-product-quicklook:hover {
        background-color: #e5e5e5;
        border: 2px solid #e5e5e5;
        color: #001021;
    }

.main-content-quicklook {
    background-color: #ffffff;
    display: none;
    height: 407px;
    position: fixed;
    text-align: left;
    width: 800px;
    z-index: 2000;
}

.quicklook-product-img {
    left: 0.5em;
    position: absolute;
    top: 0.5em;
    width: 20%;
}

.quicklook-brand-img {
    display: none;
    height: 50px;
    left: 400px;
    position: absolute;
    top: 0.5em;
}

.quicklook-product-logo {
    left: 400px;
    position: absolute;
    top: 20px;
}

.quicklook-product-title {
    display: block;
    font-size: 1em;
    font-weight: 900;
    left: 0;
    position: absolute;
    top: 175px;
    width: 100%;
}

.quicklook-product-desc {
    font-size: 0.9em;
    height: 200px;
    left: 0;
    overflow: auto;
    padding: 0.5em;
    position: absolute;
    text-align: justify;
    top: 210px;
}

.quicklook-product-price {
    bottom: 3em;
    color: #b81d18;
    font-size: 1.2em;
    font-weight: 900;
    position: absolute;
    right: 1em;
}

    .quicklook-product-price > span {
        font-size: 0.75em;
    }

.quicklook-product-details {
    background-color: #001021;
    border-radius: 2px;
    bottom: 10px;
    color: #e5e5e5;
    display: inline-block;
    font-size: 0.9em;
    font-weight: 700;
    padding: 5px;
    position: absolute;
    right: 1em;
    cursor: pointer;
    text-transform: uppercase;
    -moz-transition: background-color 0.2s ease 0s;
    -o-transition: background-color 0.2s ease 0s;
    -webkit-transition: background-color 0.2s ease 0s;
    transition: background-color 0.2s ease 0s;
}

    .quicklook-product-details:hover {
        background-color: #e5e5e5;
        color: #001021;
    }

.quicklook-product-basket {
    /*border: 2px solid #001021;*/
    /*background-color: #DDD;
    bottom: 10px;
    padding: 5px;
    position: absolute;
    right: 5px;*/
    background-color: #001021;
    border: 2px solid #001021;
    border-radius: 2px;
    bottom: 10px;
    color: #e5e5e5;
    display: inline-block;
    font-weight: 700;
    padding: 5px;
    right: 10px;
    position: absolute;
}

    .quicklook-product-basket:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.quicklook-product-close {
    background-color: #b81d18;
    border-radius: 3px;
    font-weight: 600;
    font-size: 0.9em;
    color: #e5e5e5;
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    padding: 0.25em;
    text-transform: uppercase;
    -moz-transition: background-color 0.2s ease 0s;
    -o-transition: background-color 0.2s ease 0s;
    -webkit-transition: background-color 0.2s ease 0s;
    transition: background-color 0.2s ease 0s;
}

    .quicklook-product-close:hover {
        background-color: #e5e5e5;
        color: #b81d18;
    }

.carousel-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1000;
}



@media screen and (min-width: 768px) {

    .carousel-main-content-product-quicklook {
        display: block;
    }

    .owl-carousel-5items {
        width: 100%;
    }

    .owl-carousel-2items {
        width: 35%;
    }

    .owl-carousel-3items {
        width: 50%;
    }

    .owl-carousel-4items {
        width: 70%;
    }


    .carousel-main-content-product-price {
        display: inline-block;
        padding-left: 0;
        position: absolute;
        right: 0;
    }



    .carousel-main-content-product {
        /*border: 1px solid #E5E5E5;
        border-radius: 2px;*/
        /*box-shadow: 0 0 5px 2px #e5e5e5 inset;*/
        cursor: pointer;
        display: inline-block;
        float: none;
        font-size: 0.9em;
        margin: 1%;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 200px;
        border: none;
	height: fit-content;
	height: -webkit-fill-available;
    }

    .carousel-main-content-product-a {
        width: 100%;
    }



    .carousel-main-content-product img {
        
        width: 100%;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .carousel-main-content-product:hover > a img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.8;
    }


    .carousel-quicklook-product-img {
        left: 0.5em;
        position: absolute;
        top: 0.5em;
        width: 380px;
    }

    .carousel-quicklook-brand-img {
        display: block;
        height: 50px;
        left: 400px;
        position: absolute;
        top: 0.5em;
    }

    .carousel-quicklook-product-title {
        display: block;
        font-size: 1.2em;
        font-weight: 900;
        left: 400px;
        position: absolute;
        top: 80px;
        width: auto;
    }

    .carousel-quicklook-product-desc {
        font-size: 1em;
        height: 200px;
        left: 400px;
        overflow: auto;
        padding: 0.5em;
        position: absolute;
        text-align: justify;
        top: 120px;
    }
}

@media all and (max-width: 500px) {
    .owl-carousel-5items {
        width: 100%;
    }

    .owl-carousel-2items {
        width: 100%;
    }

    .owl-carousel-3items {
        width: 100%;
    }

    .owl-carousel-4items {
        width: 100%;
    }

    .carousel-item-style {
        width: 150px;
    }
}

@media only screen and (max-device-width: 480px), only screen and (-webkit-min-device-pixel-ratio: 2), screen and (-webkit-device-pixel-ratio:1.5) {
    .owl-carousel-5items {
        width: 100%;
    }

    .owl-carousel-2items {
        width: 100%;
    }

    .owl-carousel-3items {
        width: 100%;
    }

    .owl-carousel-4items {
        width: 100%;
    }

    .carousel-item-style {
        width: 150px;
    }
}