/* media screen
----------------------------------------------------------------*/
@media screen {
    /* interface */
        /* dots */
       .slide-dots-container {
            position: relative;
        }
        .slick-dots {
            bottom: 10px;
        }
        .slick-dots li {
            margin: 0 5px;
        }
        .slick-dots li button {
            box-shadow: none;
        }

        .slick-dots li button:before {
            color: #fff;
            content: "";
            width: 10px;
            height: 10px;
            -webkit-font-smoothing: none;
            background: none;
            opacity: 0.95;
            border: 3px solid #fff;
            border-radius: 10px;
            transform: rotate(45deg);
            transform-origin: center;
        }
    
        .slick-dots li.slick-active button:before {
            color: #fff;
            background-color: #fff;
            opacity: 1;
        }


        .slick-prev:before,
        .slick-next:before {
            opacity: 0 !important;
        }
    /* interface ends */

    .slick-track  {
        min-height: 115px;
        height: 300px;
        width: 100%;
        overflow: hidden;
    }

	.bsce_slick .slick-track .slick-slide img {
		object-fit: cover;
		width: 100%;
		min-height: 100%;
	}

    .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .fullfill {
    }

    .slick-initialized .slimage_container,
    .slick-initialized .slvideo_container {
        background: #fff;
        /* background: linear-gradient(42deg, orange , yellow, green, cyan, blue, violet);         */
        opacity:1 !important;
    }



    .slick-slide .slimage_container,
    .slideTextContainer,
    .slick-animated .slideTextContainer {
        transition: none;
        transform: scale(1);
    }

    .art_fullWidth .mod_bsslider.block {
        padding: 0 !important;
    }


    /* .slideTextContainer */
    .slideTextContainer {
        padding: 0.75rem;
        text-shadow: none;
        font-size: inherit;
        z-index: 1;
        opacity: 1;
    }

    .slideTextContainer,
    .slideTextContainer a {
        color: #fff !important;
        line-height: 1;
        margin-bottom: 0.25rem;
    }


}
/*@media ends*/



@media only screen and (min-width: 320px) {
    .art_fullWidth .slider .slick-track {
        height: 300px;
    }
}

@media only screen and (min-width: 421px) {
    .art_fullWidth .slider .slick-track {
        height: 340px;
    }
}

@media only screen and (min-width: 667px) {
    .art_fullWidth .slider .slick-track {
        height: 360px;
    }
}

@media only screen and (min-width: 768px) {
    .art_fullWidth .slider .slick-track  {
        height: 435px;
    }

    .slick-track  {
        height: 435px;
    }
}

@media only screen and (min-width: 850px) {
    .art_fullWidth .slider .slick-track {
        height: 500px;
    }
    .slick-track  {
        height: 500px;
    }    
}

@media only screen and (min-width: 1024px) {
    .art_fullWidth .slider .slick-track {
        height: 580px;
    }
    .slick-track  {
        height: 600px;
    }    
}

@media only screen and (min-width: 1200px) {
    .art_fullWidth .slider .slick-track {
        height: 90vh;
        max-height: 650px;
    }
    .slick-track  {
        height: 650px;
    }        
}

@media only screen and (min-width: 1300px) {
    .art_fullWidth .slider .slick-track {
        height: 92vh;
        max-height: 700px;
    }
    .slick-track  {
        height: 700px;
    }        
}

@media only screen and (min-width: 1600px) {
    .art_fullWidth .slider .slick-track {
        height: 95vh;
        max-height: 760px;
    }
}
@media only screen and (min-width: 1800px) {

}
/* Media ends
--------------------*/




/* CE Slick Query
--------------------*/
@media screen {
    .mod_bsslider {
        position: relative;
    }

    .container.slider-controls {
        position: relative;
        width: 900px;
        margin: auto;
        z-index: 1;
        opacity: 1;
    }

    .slider-controls .slick-arrow,
    .bsce_slick .slick-arrow {
        position: absolute;
        bottom: -15px;
        top: auto;
        right: -50px;
        left: 0;
        width: 30px;
        height: 30px;
        margin: 0 auto;
        border-radius: 15px;
        overflow: hidden;
        padding: 0;
        text-indent: 999999px;
        background-image: url(../images/icons/arrow-white.svg);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        background-color: var(--theme-color3);
        z-index: 2;
        cursor: pointer;
        transform: rotate(90deg);
        transition: var(--transition);
    }

    
    .slider-controls .slick-prev.slick-arrow,
    .bsce_slick .slick-prev.slick-arrow {
        transform: rotate(-90deg);
        left: -50px;
        right: 0;
    }

    .slider-controls .slide-prev.slick-arrow {
        float: left;
        transform: rotate(-90deg);
    }

    .slider-controls .slide-next.slick-arrow {
        float: right;
    }

}



/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

    .bsce_slick .caption {
        color: #000;
        background: rgba(255, 255, 255, 0.9);
        z-index: 1;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 10px 10px 8px;
        mix-blend-mode: lighten
    }

    .mod_bsslider {
        padding: 0;
    }

    .slider-controls .slick-arrow,
    .bsce_slick .slick-arrow {
        width: 40px;
        height: 40px;
        margin: auto 0;
        border-radius: 20px;
        top: 0;
        right: -20px;
        left: auto;
        bottom: 0;
    }
    .slider-controls .slick-prev.slick-arrow,
    .bsce_slick .slick-prev.slick-arrow {
        transform: rotate(-90deg);
        left: -20px;
    }

}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {

    .slider-controls .slick-arrow:hover,
    .bsce_slick .slick-arrow:hover {
        transform: scale(1.2) rotate(90deg);
    }
    
    .slider-controls .slick-prev.slick-arrow:hover,
    .bsce_slick .slick-prev.slick-arrow:hover {
        transform: scale(1.2) rotate(-90deg);
    }

}

/* min-width:1100 */
@media only screen and (min-width:1100px) {

}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
    .slider-controls .slick-arrow,
    .bsce_slick .slick-arrow {
        right: 0;
        left: auto;
    }

    .slider-controls .slick-prev.slick-arrow,
    .bsce_slick .slick-prev.slick-arrow {
        left: 0;
    }        
}
/* CE Slick ends
--------------------*/