#slider { float:left; width:100%; position:relative;}
#slider .owl-dot { display:none;}

.slider { float:left; width:100%; position:relative;}

.slide1,.slide2,.slide3,.slide4 {float:left; width:100%; height:800px;}
.slide1 .wrapper,.slide2 .wrapper,.slide3 .wrapper,.slide4 .wrapper { display: table;}

.slide1 { 
background-image:
url('../images/slide/slide1-logo.png'),
url('../images/slide/slide1.jpg');
background-repeat:no-repeat,no-repeat; 
background-position: left 50% bottom 28%,right 0px bottom 95%;
background-size:auto auto,cover;}
.slide1 .slide-text { display:table-cell;vertical-align:top; padding:26% 0 0; text-align: center;}

.slide2 { 
background-image:
url('../images/slide/slide2-logo.png'),
url('../images/slide/slide2.jpg');
background-repeat: no-repeat,no-repeat; 
background-position:right 35% bottom 30%,right 0px bottom 86%;
background-size:auto auto,cover;}
.slide2 .slide-text { vertical-align: top; padding:25% 0 0; text-align: left;}
.slide2 .slide-text h2 { width:33%; display:block; background:#3377bc; padding:30px 0px; font-size:55px; line-height:60px; border:0px; text-align:center;}
.slide2 .slide-text h3 {width:27%;display:block;background:#fff; padding:24px 20px; font-size:30px; color:#333333; margin:-20px 0 0 15%; text-align:center; font-weight:normal;}
.slide2 .slide-text h4 { color:#fff; margin:3% 0 0; padding:0px; font-size:42px; line-height:45px; font-weight:normal;}

.slide3 { 
background-image:
url('../images/slide/slide3.jpg');
background-repeat: no-repeat; 
background-position:right 0px bottom 40%;
background-size:cover;}

.slide4 { 
background-image:
url('../images/slide/slide4.jpg');
background-repeat: no-repeat; 
background-position:right 0px bottom 15%;
background-size:cover;}

.slide-text { display:table-cell; height:800px; vertical-align: middle; text-align: center;}
.slide-text h2 { font-size:50px; line-height:60px; margin:0px; padding:0 0 20px; color:#fff; border-bottom:5px solid #fff; display:inline-block;}
.slide-text p { color:#fff; font-size:25px; line-height:30px;}
.slide-text .btn { float:left; width:100%; margin:3% 0 0;}
.slide-text .btn a { background:#fff; color:#333333; border-radius:12px; padding:10px 25px; font-size:28px;}
.slide-text .btn a:hover { background:#3377bc; color:#fff;}

.arrow-btn { float:left; width:100%; text-align:center; position: absolute; left:0; right:0; bottom:5%; z-index:999999;}
.arrow-btn img { width:auto !important; display:inline-block !important;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, /* put webkit CSS here*/
}


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

}


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

}

@media only screen and ( max-width:1200px) {
.slide2 .slide-text h2 { width:40%;}
.slide2 .slide-text h3 { width:32%;}
}

@media only screen and ( max-width:1100px) {
.slide-text { text-align:center;}
.slide-text h2 {font-size:35px; line-height:40px; color: #fff; border:0px;}
.slide-text h2 br { display:none;}
.slide-text p { color:#fff;}

.slide1 .slide-text { vertical-align:bottom; padding:0 0 33% 0;}
.slide2 {background-position:right 30% bottom 30%,right 0px bottom 86%;background-size:auto auto,cover;}


/*.slide1 {
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/slide1.jpg');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,left 0% bottom 50%;
background-size:100% 100%,cover;}

.slide2 {
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/slide2.jpg');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,left 0% bottom 0%;
background-size:100% 100%,cover;}

.slide3 {
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/slide3.jpg');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,left 0% bottom 0%;
background-size:100% 100%,cover;}

.slide4 {
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/slide4.jpg');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,left 0% bottom 0%;
background-size:100% 100%,cover;}*/
}

@media only screen and ( max-width:1000px) {
.slide1,.slide2,.slide3,.slide4,.slide-text { height:700px;}

.slide1 { background-position: left 50% bottom 25%,right 0px bottom 90%; background-size:60% auto,cover;}
.arrow-btn img { width:5% !important;}

.slide2 .slide-text { vertical-align:middle;}
.slide2 {background-position:right 18% bottom 30%,right 0px bottom 86%;background-size:auto auto,cover;}
.slide2 .slide-text h2 { width:50%;}
.slide2 .slide-text h3 { width:40%;}

.slide3 .slide-text,.slide4 .slide-text { vertical-align:bottom; padding:0 0 20% 0;}
}

@media only screen and ( max-width:767px) {
.slide1,.slide2,.slide3,.slide4,.slide-text { height:600px;}
.slide-text h2 {margin:0px; padding:0px; font-size:35px; line-height:40px;}
.slide-text p { margin:0px; padding:0 0 15px;font-size:19px; line-height:30px;}

.slide1 { background-position: left 50% bottom 20%,right 0px bottom 90%; background-size:60% auto,cover;}

.slide2 {background-position:right 15% bottom 30%,right 0px bottom 86%;background-size:20% auto,cover;}
.slide2 .slide-text h2 { width:40%; padding:15px 0px;font-size:40px; line-height:50px;}
.slide2 .slide-text h3 { width:50%; margin:-10px 0 0 15%; padding:10px 0px; font-size:30px; line-height:40px;}
.slide2 .slide-text h4 {font-size:30px; line-height:30px;}
.slide-text .btn { margin:4% 0;}
.slide-text .btn a { font-size:22px; padding:10px 20px;}
}

@media only screen and ( max-width:640px) {
.slide1,.slide2,.slide3,.slide4,.slide-text { height:500px;}
.slide1 { background-position: left 50% bottom 18%,right 0px bottom 90%; background-size:60% auto,cover;}
.arrow-btn img { width:7% !important;}


.slide2 {background-position:right 6% bottom 18%,right 0px bottom 86%;background-size:18% auto,cover;}
.slide2 .slide-text { vertical-align:bottom; padding:0 0 3% 0;}
.slide2 .slide-text h2 { width:40%; padding:15px 0px;font-size:40px; line-height:50px;}
.slide2 .slide-text h3 { width:50%; margin:-10px 0 0 15%; padding:10px 0px; font-size:30px; line-height:40px;}
.slide2 .slide-text h2 { width:40%; padding:10px 0px;font-size:30px; line-height:40px;}
.slide2 .slide-text h3 { width:45%; margin:0 0 0 12%; padding:8px 0px; font-size:25px; line-height:30px;}
.slide2 .slide-text h4 {font-size:25px; line-height:30px;}
.slide-text .btn a { font-size:19px; padding:8px 15px;}

}

@media only screen and ( max-width:520px) {
.slide2 .slide-text { padding:0 0 5% 0;}
.slide2 .slide-text h2 { width:50%; }
.slide2 .slide-text h3 { width:55%;}

}

@media only screen and ( max-width:560px) {
.slide-text h2 {font-size:26px; line-height:30px;}
.slide-text p { line-height:25px;}

.slide1 { background-position: left 50% bottom 22%,right 0px bottom 90%; background-size:60% auto,cover;}
.slide1 .slide-text { padding: 0 0 40% 0;}

.slide3 .slide-text,.slide4 .slide-text { vertical-align:bottom; padding:0 0 25% 0;}
}

@media only screen and ( max-width:460px) {	
.slide-text h2 {font-size:22px; line-height:30px;}

.slide1 { background-position: left 50% bottom 16%,right 0px bottom 90%; background-size:70% auto,cover;}
.slide1 .slide-text { padding: 0 0 45% 0;}
.arrow-btn img { width:9% !important;}

.slide2 .slide-text { padding:0 0 8% 0;}
.slide2 .slide-text h2 { width:45%; font-size:25px; line-height:30px;}
.slide2 .slide-text h3 { width:60%; font-size:20px; line-height:30px;}
.slide2 .slide-text h4 { font-size: 20px;line-height:25px;}
.slide-text .btn a { font-size:17px; padding:6px 10px;}

.slide3 .slide-text,.slide4 .slide-text { vertical-align:bottom; padding:0 0 32% 0;}
}


@media only screen and ( max-width:360px) {	
.arrow-btn img { width:10% !important;}

.slide2 .slide-text { padding:0 0 10% 0;}
.slide2 .slide-text h2 { width:60%; font-size:22px; line-height:30px;}
.slide2 .slide-text h3 { font-size:18px; line-height:26px;}
.slide-text .btn a { font-size:14px; padding:6px 12px;}

}