div#slider-animation.carousel.slide { margin-bottom:15px; margin-top:0; }

div#slider-animation.carousel.slide .bs-slider-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
div#slider-animation.carousel.slide { }
div#slider-animation.carousel.slide .carousel-control-prev{left:30px;}

div#slider-animation.carousel.slide .carousel-control-next{right:30px;}

div#slider-animation.carousel.slide .carousel-control-next, div#slider-animation.carousel.slide .carousel-control-prev {position:absolute; top:46%; bottom:0; z-index:1; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; width:50px; height:50px; line-height:50px; color:var(--primary-color); font-size:13px; text-align:center; opacity:1; transition:opacity .15s ease; background:var(--white-color); border-radius:var(--border-radius); /*opacity: .8;*/}

div#slider-animation.carousel.slide .carousel-control-next:focus, div#slider-animation.carousel.slide .carousel-control-next:hover, div#slider-animation.carousel.slide .carousel-control-prev:focus, div#slider-animation.carousel.slide .carousel-control-prev:hover{ color:var(--white-color); text-decoration:none; outline:0; opacity:1; background:var(--primary-color);}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

div#slider-animation.carousel.slide .carousel-indicators{position:absolute; right:0; bottom:0; left:0; z-index:15; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; padding-left:0; margin-right:15%; margin-left:15%; list-style:none;}
div#slider-animation.carousel.slide .carousel-indicators li{ box-sizing:content-box; -ms-flex:0 1 auto; flex:0 1 auto; width:30px; height:3px; margin-right:3px; margin-left:3px; text-indent:-999px; cursor:pointer; background-color:var(--white-color); background-clip:padding-box; border-top:10px solid transparent; border-bottom:10px solid transparent; opacity:1; transition:opacity .6s ease;}
div#slider-animation.carousel.slide .carousel-indicators .active { box-sizing:content-box; -ms-flex:0 1 auto; flex:0 1 auto; width:30px; height:3px; margin-right:3px; margin-left:3px; text-indent:-999px; cursor:pointer; background-color:var(--primary-color); background-clip:padding-box; border-top:10px solid transparent; border-bottom:30px solid transparent; opacity:1;transition:opacity .6s ease;}

/*----- SLIDER TEXT -----*/
.text-box {position: absolute; top: 50%; left:10%; right:0; width:60%; color: var(--white-color); text-align:left; transform: translateY(-50%);}

.text-box > h1 { background:none; padding: 0; margin:0 0 0 0; color:var(--white-color); font-size:50px; font-style: normal; line-height:60px; letter-spacing:var(--letter-spacing-1); display: inline-block; -webkit-animation-delay:0.8s; animation-delay: 0.8s; position: relative}

.text-box > h2 { background:none; padding: 0; margin:15px 0 0 0; color:var(--white-color); font-size:13px; font-style: normal; line-height:20px; letter-spacing:var(--letter-spacing-2); display: inline-block; -webkit-animation-delay:0.5s; animation-delay: 0.5s; position: relative}

.text-box > p {padding: 0; color:var(--white-color); font-size:14px; line-height:20px; font-weight:var(--font-weight-400); margin-bottom:15px; margin-top:5px; -webkit-animation-delay:0.7s; animation-delay: 0.7s;}

.text-box > a.btn-default{ font-size:14px; font-weight:var(--font-weight-700); width:auto; text-transform: uppercase; padding:15px 25px; line-height:25px; color:var(--white-color); background: none; letter-spacing:var(--letter-spacing-2); margin-top:15px; margin-bottom:0; margin-left:0; margin-right:15px; border:2px solid var(--white-color); -webkit-animation-delay:1.1s; animation-delay: 1.1s; border-radius:var(--border-radius);}
.text-box > a.btn-default:hover, .text-box > a.btn-default:active {background:var(--primary-color); color:var(--white-color); border:2px solid var(--primary-color); } 


.text-box > a.btn-primary{ font-size:14px; font-weight:var(--font-weight-700); width:auto; text-transform: uppercase; padding:15px 25px; line-height:25px; color:var(--primary-color); background:var(--white-color); letter-spacing:var(--letter-spacing-2); margin-top:15px; margin-bottom:0; margin-left:0; margin-right:0; border:2px solid var(--white-color); -webkit-animation-delay:1.1s; animation-delay: 1.1s; border-radius:var(--border-radius);}
.text-box > a.btn-primary:hover, .text-box > a.btn-primary:active {background:var(--primary-color); color:var(--white-color); border:2px solid var(--primary-color); }
/*----- SLIDER TEXT -----*/

@media only screen and ( min-width: 1299px) and (max-width: 2399px) {

/*----- SLIDER TEXT -----*/
.text-box {left:10%; width:55%;}
.text-box > h1 { font-size:55px; line-height:65px;}
.text-box > h2 {  font-size:14px; line-height:20px;}
.text-box > p {font-size:14px; line-height:20px;}
.text-box > a.btn-default{ font-size:14px; padding:15px 25px; line-height:25px; } 
.text-box > a.btn-primary{ font-size:14px; padding:15px 25px; line-height:25px;}
/*----- SLIDER TEXT -----*/
	
}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
div#slider-animation.carousel.slide .carousel-control-prev{left:15px;}

div#slider-animation.carousel.slide .carousel-control-next{right:15px;}

div#slider-animation.carousel.slide .carousel-control-next, div#slider-animation.carousel.slide .carousel-control-prev {
width:40px; height:40px; line-height:40px; font-size:13px;}
	

	
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

/*----- SLIDER TEXT -----*/
.text-box {left:10%; width:70%;}
.text-box > h1 { font-size:45px; line-height:55px;}
.text-box > h2 {  font-size:13px; line-height:18px;}
.text-box > p {font-size:13px; line-height:18px;}
.text-box > a.btn-default{ font-size:14px; padding:15px 25px; line-height:25px; } 
.text-box > a.btn-primary{ font-size:14px; padding:15px 25px; line-height:25px;}
/*----- SLIDER TEXT -----*/
	
}


@media only screen and ( min-width: 600px) and ( max-width: 765px ) {

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
div#slider-animation.carousel.slide .carousel-control-prev{left:15px;}

div#slider-animation.carousel.slide .carousel-control-next{right:15px;}

div#slider-animation.carousel.slide .carousel-control-next, div#slider-animation.carousel.slide .carousel-control-prev {width:35px; height:35px; line-height:35px; font-size:12px;}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
    
div#slider-animation.carousel.slide .carousel-indicators{ display: none;}

/*----- SLIDER TEXT -----*/
.text-box {left:10%; width:70%;}
.text-box > h1 { font-size:35px; line-height:45px;}
.text-box > h2 {  font-size:13px; line-height:18px;}
.text-box > p {font-size:13px; line-height:18px;}
.text-box > a.btn-default{ font-size:13px; padding:15px 20px; line-height:20px; } 
.text-box > a.btn-primary{ font-size:13px; padding:15px 20px; line-height:20px;}
/*----- SLIDER TEXT -----*/
	
}


@media only screen and ( min-width: 481px) and ( max-width: 599px ) {

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
div#slider-animation.carousel.slide .carousel-control-prev{left:15px;}

div#slider-animation.carousel.slide .carousel-control-next{right:15px;}

div#slider-animation.carousel.slide .carousel-control-next, div#slider-animation.carousel.slide .carousel-control-prev {width:30px; height:30px; line-height:30px; font-size:10px;}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

div#slider-animation.carousel.slide .carousel-indicators{ display: none;}
    
/*----- SLIDER TEXT -----*/
.text-box {left:10%; width:80%;}
.text-box > h1 { font-size:25px; line-height:35px;}
.text-box > h2 {  font-size:11px; line-height:16px;}
.text-box > p {display: none;/*font-size:12px; line-height:18px;*/}
.text-box > a.btn-default{ font-size:11px; padding:5px 15px; line-height:20px; } 
.text-box > a.btn-primary{ font-size:11px; padding:5px 15px; line-height:20px;}
/*----- SLIDER TEXT -----*/
	
}


@media only screen and ( min-width: 320px) and ( max-width: 480px ) {

/*.carousel-item img { height: 250px; border: 1px solid}*/
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
div#slider-animation.carousel.slide .carousel-control-prev{left:15px;}

div#slider-animation.carousel.slide .carousel-control-next{right:15px;}

div#slider-animation.carousel.slide .carousel-control-next, div#slider-animation.carousel.slide .carousel-control-prev {width:30px; height:30px; line-height:30px; font-size:10px;}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

div#slider-animation.carousel.slide .carousel-indicators{ display: none;}
    
/*----- SLIDER TEXT -----*/
.text-box {left:5%; width:90%;}
.text-box > h1 { font-size:25px; line-height:35px;}
.text-box > h2 {  font-size:11px; line-height:16px;}
.text-box > p {display: none;/*font-size:12px; line-height:18px;*/}
.text-box > a.btn-default{ font-size:11px; padding:5px 15px; line-height:20px; } 
.text-box > a.btn-primary{ font-size:11px; padding:5px 15px; line-height:20px;}
/*----- SLIDER TEXT -----*/
    
}

/* Slider height default */
#slider-animation .carousel-item img {
    width: 100%;
    height: auto; /* Desktop par auto rakhvo */
    object-fit: cover; /* Image crop thai ne fit rahe */
}

/* Mobile screens mate height fix */
@media only screen and (max-width: 768px) {
    #slider-animation .carousel-item img {
        height: 300px; /* Tamara requirement pramane height change karo */
        object-fit: cover;
    }
    .text-box {
        top: 0; /* Text thodu niche ave */
        transform: translateY(-40%);
    }
}

@media only screen and (max-width: 480px) {
    #slider-animation .carousel-item img {
        height: 250px; /* Mobile chhota screen mate */
    }
    .text-box {
        top: 30%;
        transform: translateY(-35%);
    }
}