/* Layout-4 */

.layout-4 .hero { margin-bottom: 15px; }

.slider-2 { margin-top: 20px; }

.slider-2 .item { background-color: #f5f5f5; border-radius: 0px; padding: 20px 30px 30px; margin: 5px; } 

.slider-2 .item span { position: absolute; left: 4px; bottom: 0; width: 0; height: 5px; background-color: orange; }

.slider-2 .item:hover span { width: calc(100% - 8px); transition: width 1s;} 

.slider-2 .item:hover{  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);  cursor: pointer;  background-color: #e1f4fd; }

.slider-2 .item h4 { font-weight: 700; margin-top:5px; margin-bottom: 30px;}

.slider-2 .item figure { border-radius: 0px; overflow: hidden; margin-bottom: 30px; }

.slider-2 .owl-carousel .owl-dots.disabled, 

.slider-2 .owl-carousel .owl-nav.disabled { display: block; }

.slider-2 .owl-nav.disabled+.owl-dots {  margin-top: 20px; }

.slider-2 .owl-dots .owl-dot span{ background-color: #c3c3c3; width: 30px; }

.slider-2 .owl-dots .owl-dot.active span{ background-color: #018daf; width: 50px; }



 









/* Responsive */



@media (max-width: 1299px){ 



}

/* 1299 END */





@media (max-width: 1199px){ 



}

/* 1199 END */ 



@media (max-width: 991px){ 

.slider-2 .item { padding: 20px 20px 30px; }

.slider-2 .item p { font-size: 16px; line-height: 24px; }





}

/* 991 END */



@media (max-width: 767px){ 



}

/* 767 END */



@media (max-width: 599px){ 

.slider-2 .item { text-align: center; }

.slider-2 .item figure{ text-align: center; }

.slider-2 .item figure img { margin: 0 auto 0px; 	 }







}



/* 599 END */





@media (max-width: 479px){ 



} 

/* 479 END */