/* ==============================================

Service Slider

============================================== */



#service-slider { position: relative; }
#service-slider .background-image { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; }
#service-slider .background-image img { opacity: 0.4; min-width: 2970px; }


#service-slider .section-title { margin-bottom: 0 !important; padding:40px 0 30px 0; }


.service-slider-area.owl-carousel { float: left; margin-bottom: 50px; }


#service-slider li a { float: left; width: 100%; position:relative; background: #66a153; }
#service-slider li a .name { float: left; width: 100%; padding-bottom: 0; background: #FFF; font-family: 'Cabin Sketch', cursive; color: #734e04; font-size: 23px; padding:17px 0 17px 17px; }
#service-slider li a .more { position: absolute; bottom: 20px; left: 20px; background: #66a153;}
#service-slider li a:hover img { opacity: 0.6; }
#service-slider li a:hover .button { background: #4c803b; }


/* Owl Carousel Arrows */

#service-slider .owl-nav i { color: #734e04; line-height: 61px; font-size: 22px; }
#service-slider .owl-nav div { display: inline-block; background: #FFF; width: 60px; height: 60px; border-radius: 50px; text-align: center; margin:0 10px; }
#service-slider .owl-nav { text-align: center; margin:20px 0; }



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


#service-slider .section-title:after {
    position: absolute;
    width: 30%;
    height: 2px;
    background: #734e04;
    top: 57px;
    right: 0px;
    margin: 0 auto;
    content: '';
}
#service-slider .section-title:before {
    position: absolute;
    width: 30%;
    height: 2px;
    background: #734e04;
    top: 57px;
    left: 0px;
    margin: 0 auto;
    content: '';
}
#service-slider .section-title {
/*    font-size: 44px;*/
    margin-bottom: 40px;
    position: relative;
}




}








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


.service-slider-area { position: relative; }
#service-slider .owl-prev { position: absolute; top:45%; left: -80px}
#service-slider .owl-next { position: absolute; top: 45%; right: -80px; }
#service-slider .owl-nav div { margin:0; }


}


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


/*#service-slider .background-image img { min-width: 2000px; }*/

}