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

#slider .wrapper{display:table;}
.slide1,.slide2,.slide3 {float:left; width:100%; height:480px;}

.slide1 { 
background-image:
url('../images/home-banner-1-background-453px.png');
background-repeat: no-repeat;
background-position:left 0% top 20%; 
background-size:100% auto; }

.slide2 { 
background-image:
url('../images/home-banner-2-background-453px.png');
background-repeat: no-repeat;
background-position:left 0% top 0%; 
background-size:100% auto; }

.slide3 { 
background-image:
url('../images/home-banner-3-background-453px.png');
background-repeat: no-repeat;
background-position:left 0% top 20%; 
background-size:100% auto; }

.txt-block{width:auto; display:table-cell; vertical-align:middle; height:480px;}

.slide1-left{width:25%; float:left;}
.slide2-left{width:40%; float:left;}
.slide3-right{width:40%; float:right; text-align:right;}

#slider h1{font-size:28px; color:#FFF; margin:0; padding:10px 0;}
#slider h1 span{color:#fbcd54;}
#slider p{font-size:18px; line-height:24px; color:#FFF; margin:5px 0;}
#slider p span{color:#fbcd54;}
#slider a.bannerbtn{width:auto; display:inline-block; background:#fbcd54; border-radius:20px; padding:4px 20px; color:#FFF; margin:10px 0; }

@media only screen and ( max-width:1800px) {
	
}
@media only screen and ( max-width:1640px) {
	
}
@media only screen and ( max-width:1000px) {
.slide1 { 
background-position:left 0% top 0%; 
background-size:auto 150%;}

.slide2 { 
background-position:left 30% bottom 80%; 
background-size:auto 150%;}

.slide3 { 
background-position:right 50% top 0%; 
background-size:auto 150%;}

.slide1-left{width:30%; float:left;}
.slide2-left{width:45%; float:left;}
.slide3-right{width:45%; float:right; text-align:right;}

#slider h1{font-size:22px; line-height:26px; padding:10px 0;}
#slider p{font-size:16px; line-height:22px;}
}
@media only screen and ( max-width:767px) {
.slide1,.slide2,.slide3 {height:300px;}
.slide1 br,.slide2 br,.slide3 br{display:none;}
.slide1 { 
background-image:
linear-gradient(rgba(8,100,26,0.8),rgba(8,100,26,0.8)),
url('../images/home-banner-1.png');
background-repeat: no-repeat, no-repeat;
background-position:left 0% top 0%, right 0% top 20%; 
background-size:100% 100%, cover;}

.slide2 { 
background-image:
linear-gradient(rgba(8,100,26,0.7),rgba(8,100,26,0.7)),
url('../images/home-banner-2.png');
background-repeat: no-repeat, no-repeat;
background-position:left 0% top 0%, right 0% bottom 20%; 
background-size:100% 100%, cover;}

.slide3 { 
background-image:
linear-gradient(rgba(8,100,26,0.7),rgba(8,100,26,0.7)),
url('../images/home-banner-3.png');
background-repeat: no-repeat, no-repeat;
background-position:left 0% top 0%, left 0% bottom 20%; 
background-size:100% 100%, cover;}

.txt-block{height:300px;}

.slide1-left{width:100%; text-align:center;}
.slide2-left{width:100%; text-align:center;}
.slide3-right{width:100%; text-align:center;}

#slider h1{font-size:18px; line-height:22px; padding:5px 0;}
#slider p{font-size:15px; line-height:20px;}
#slider a.bannerbtn{font-size:15px; border-radius:20px; padding:4px 20px;}
}
@media only screen and ( max-width:480px) {
.slide2-left img{width:50%;}	
}