#home-page-banner { float:left; width:100%;position:relative; height:800px;
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/home-page-banner_new.png');
background-repeat:no-repeat,no-repeat;
background-position: top 0 left 0,top 15% left 0%;
background-size:100% 100%,100% auto;}

.slider { float:left; width:100%;}
.slider .wrapper { display:table;}

.slide-logo { text-align:center; vertical-align:middle; margin:2% 0 0;}
.slide-logo h2 { color:#fff;font-family:'Montserrat Bold'; font-size:40px; line-height:50px; margin:20px 0 0px; padding:0px;}
.slide-logo ul { margin:0; padding:0px;}
.slide-logo li { display:inline-block; color:#fff;font-family:'Montserrat Light'; font-size:30px; line-height:40px; 
background:url('../images/slide-dot.png'); background-repeat:no-repeat; background-position:top 15px left 0; padding:0 20px; }
.slide-logo li:first-child { background:none;}

.slide-logo .btn { float:left; width:100%; margin:3% 0 0;}
.slide-logo .btn a { background:#dba628; color:#fff; border-radius:35px; padding:20px 70px; font-size:28px;font-family:'Montserrat Bold';}
.slide-logo .btn a:hover { background:#9a761f;}

.slide-text { float:left; width:100%; margin:3% 0 0;}
.slide-text-left { float:left; width:40%;}
.slide-text-left p { color:#fff; border-left:5px solid #fff; padding:2px 20px; line-height:25px;}
.slide-text-right { float:right; width:17%;}
.slide-text-right h3 { color:#fff; font-size:18px;}
.slide-text ul { margin:0px; padding:0px;}
.slide-text li { list-style:none; display:inline-block; display:inline-block; color:#dba628; font-size:20px; line-height:25px; 
background:url('../images/dot.png'); background-repeat:no-repeat; background-position:top 10px left 0; padding:0 12px;}
.slide-text li a { color:#dba628 !important; font-size:17px;}

.slide-inn { display:table-cell; height:500px; vertical-align:top; padding:8% 0 0; text-align: right;}
.slide-inn h2 { font-size:80px; line-height:90px; color:#024d86; margin:0px; padding:0px;}
.slide-inn h3 { font-size:67px; line-height:80px; color:#fff; margin:0px; padding:0px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {

}

@media only screen and ( max-width:1800px) {
.slide-inn { text-align:center;}

}

@media only screen and ( max-width:1730px) {

}

@media only screen and ( max-width:1640px) {

}

@media only screen and ( max-width:1500px) {

}

@media only screen and ( max-width:1400px) {
#home-page-banner { background-size:auto auto;}

.slide-text { margin:5% 0 0;}
.slide-text-left { width:50%;}
.slide-logo .btn a { padding:10px 50px;}
.slide-logo h2 { font-size:35px; line-height:40px;}
.slide-logo li { font-size:22px;}
}

@media only screen and ( max-width:1300px) {
.slide-text-left { width:60%;}
.slide-text-right { width:30%;}
}

@media only screen and ( max-width:1200px) {
.slider1,.slide-inn { height:400px;}
}


@media only screen and ( max-width:1100px) {
.slide-text { margin:8% 0 0;}
.slide-text-left { width:58%;}
.slide-text-left p { font-size:18px;}
.slide-text-right { width:35%;}
}

@media only screen and ( max-width:960px) {
.slide-text-left p { font-size:16px;}
.slide-text-left p br { display:none;}
.slide-text-right { width:38%;}
}

@media only screen and ( max-width:860px) {

}

@media only screen and ( max-width:767px) {
.slider1,.slide-inn { height:300px;}

#home-page-banner { height:680px;}
.slide-logo img { width:25%;}
.slide-logo h2 { font-size:30px; line-height:35px;}
.slide-logo li { font-size:20px;}
.slide-logo .btn a {  padding: 10px 40px; font-size:20px;}

}

@media only screen and ( max-width:690px) {
#home-page-banner { height:600px;}
.slide-logo img { width:22%;}
.slide-logo h2 { font-size:26px; line-height:30px;}
.slide-logo li { font-size:18px;}
.slide-logo .btn a {  padding: 8px 30px; font-size:18px;}
}


@media only screen and ( max-width:640px) {
.slider1,.slide-inn { height:280px;}
}

@media only screen and ( max-width:600px) {	
.slide-logo img { width:20%;}
.slide-text { text-align:center;}
.slide-text-left,.slide-text-right { float:none; display:inline-block; width:100%; margin:0px;}

.slide-logo h2 { font-size:22px; line-height:26px;}
.slide-logo li { font-size:16px;}
.slide-logo .btn a {  padding: 8px 30px; font-size:18px;}
.slide-text li { padding:0 15px;}
}

@media only screen and ( max-width:540px) {	

.slide-logo li { line-height:30px;background-position: top 10px left 0;}
}

@media only screen and ( max-width:460px) {	
#home-page-banner { height:580px;}
.slider1,.slide-inn { height:250px;}
.slide-logo h2 { font-size:20px; line-height:25px;}
.slide-text-right h3 { font-size:16px;}
.slide-logo li { font-size:15px;}
.slide-logo .btn a {  padding:6px 25px; font-size:16px;}
}

@media only screen and ( max-width:360px) {	
.slider1,.slide-inn { height:220px;}


}