/*========================
Main Banner
========================*/

/*JH Fix*/
#main-banner-slider { padding-bottom:0; float:left; width: 100%; padding-top: 120px; }


#main-banner-slider li { position: relative; }
#main-banner-slider li .banner-background {}
#main-banner-slider li .banner-content { padding: 12% 5% 5% 5%; width: 100%; float:left; }
#main-banner-slider li .banner-content .banner-title { font-size: 28px; line-height: 1em; }

#main-banner-slider li .banner-content a { border-radius:8px; font-size: 18px; float: left; padding:10px 20px; background: #00a5ab; color: #FFF; margin-top: 15px;  }

#main-banner-slider li .banner-content img { width: 9px; margin-right: 10px; }

#main-banner-slider .owl-pagination, #main-banner-slider .owl-controls { display: none !important; }
#main-banner-slider li .banner-content .banner-title {   font-family: din_next; color: #00a5ab;}


/*JH Fix - Bring banner behind text (off design)*/
#main-banner-slider li .banner-background {
    /*position: absolute; */
    top: 0 !important;
    z-index: -1;
}

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

    /*JH Fix*/
    /*#main-banner-slider li .banner-content { padding: 26% 5% 0 5%; }*/
    #main-banner-slider li .banner-content { padding: 10% 5% 5% 5%; }
    #main-banner-slider li .banner-content .banner-title { font-size: 40px; }

}





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

    /*JH Fix*/
/*#main-banner-slider li .banner-content {width: 53%; padding: 17% 5% 14.5% 5%;}*/
#main-banner-slider li .banner-content {width: 53%; padding: 7% 5% 14.5% 5%;}
#main-banner-slider li .banner-background {
    position: absolute;
    top: 120px;
    z-index: -1;
}

    #main-banner-slider{
        padding-top: 90px;
    }
}





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

    /*JH Fix*/
/*#main-banner-slider li .banner-content {width: 49%; padding: 17% 5% 8.5% 5%;}*/
#main-banner-slider li .banner-content {width: 49%; padding: 7% 5% 8.5% 5%;}
#main-banner-slider li .banner-content .banner-title { font-size: 52px; }
#main-banner-slider li .banner-background { top:80px; }



}



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

#main-banner-slider li .banner-content {width: 49%; padding-left:0; padding-bottom:10.5%;}
#main-banner-slider li .banner-content .banner-title { font-size: 52px;     text-align: left;}



}


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

#main-banner-slider li .banner-content { padding-bottom:168px;}




}





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

#main-banner-slider li .banner-content { padding-bottom:145px;}
#main-banner-slider li .banner-background { top:0px; }


}



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

/*JH Fix*/
#main-banner-slider li .banner-background { top:0px; right: 0; width: 100%; }


}



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

#main-banner-slider li .banner-content { padding-bottom: 18%; }
#main-banner-slider li .banner-background img { float:right;}


}