.autumnbanner:before{display: none!important;}
.autumnbanner {
overflow: hidden;
background-image: 
url('../images/slide/autumn-boiler.png'),
url('../images/slide/Autumn-banner-bg.jpg');
background-size:500px auto,cover;
background-repeat:no-repeat,no-repeat;
background-position:top 50% right 16%, left 0% center;
position: relative}
.autumnbanner .item {float: left;width: 100%;height: 500px;}
.autumnbanner .container, .autumnbanner .wrapper {box-sizing: border-box;z-index: 9;max-width: 1200px;margin: 0 auto;padding: 0 15px;display: table;position: relative;width: 100%;
box-sizing: border-box}
/*.autumnbanner .container, .autumnbanner .wrapper {
background-image: url('../images/slide/autumnbanner-boiler.png');
background-repeat: no-repeat;background-position: right 0px bottom 50px;background-size: 400px auto;}*/
.autumnbanner .slide-text {display: table-cell;height: 500px;vertical-align: middle;text-align: left;position: relative;z-index: 9;margin: 0 !important;width: auto;float: none;}
.autumnbanner h2 {font-size: 100px;line-height: 110px;font-family: 'Montserrat Bold';color: #49cfd0;padding: 0;margin: 0 0 10px}
.autumnbanner p {font-size: 26px;line-height: 36px;color: #FFFFFF;padding: 0;margin: 0;margin-bottom: 30px; font-weight: normal;}
.autumnbanner .btn a {background: #fff;color: #49cfd0;padding: 10px 30px;font-size: 25px;border-radius: 30px}
.autumnbanner .btn a:hover {background: #0a45ab;color: #fff}
.autumnbanner .left-sec {margin: auto}
.autumnbanner .left-sec img {margin-bottom: 60px}
.autumnbanner .left-sec h2+img {max-width: 300px;margin-bottom: 30px;margin-top: 30px}

.autumnbanner-title {float: left;width: 100%;}
.autumnbanner-title img { width:450px !important; margin-left: 0%;}

.textinn1 { float: left;}
.textinn2 {  float: right; margin: 40px 0 0 0;}

.summermobile1 { display:none !important;}

@media only screen and (max-width:1720px) {
.autumnbanner { height: 400px;
background-image: 
url('../images/slide/autumn-boiler.png'),
url('../images/slide/Autumn-banner-bg.jpg');
background-size:400px auto,cover;
background-repeat:no-repeat,no-repeat;
background-position:top 35% right 16%, left 0% center;}	
.textinn1 {float: left;margin: -60px 0 0 20px;}
}

@media only screen and (max-width:1260px) {
.textinn1 {float: left;margin: -60px 0 0 0px;}
.autumnbanner-title img { width:400px !important; margin-left: 30%;}
}

@media only screen and (max-width:1100px) {
.autumnbanner { background-position:top 35% right 10%, left 0% center;}	
}

@media only screen and (max-width:1000px) {
.autumnbanner { 
background-image: 
background-size:320px auto,cover;
background-repeat:no-repeat,no-repeat;
background-position:top 35% right 8%, left 0% center;}
.autumnbanner-title img {  width: 350px !important; margin-left: 40%; }
}



@media only screen and (max-width:991px) {
.autumnbanner, .autumnbanner .container, .autumnbanner .wrapper {	position: relative}
.autumnbanner:before {position: absolute;left: 0;top: 0;bottom: 0;right: 0;content: '';background-color: #000;opacity: .6}
}

@media only screen and (max-width:960px) {
.autumnbanner .item, .autumnbanner .slide-text, .autumnbanner .slide-inner {height: 500px;width: auto !important;float: none !important;}

.autumnbanner {
background-image: 
url('../images/slide/autumn-boiler.png'),	
linear-gradient(rgba(205,205,205,0.5),rgba(205,205,205,0.5)),
url('../images/slide/Autumn-banner-bg.jpg');
background-repeat:no-repeat,no-repeat, no-repeat;
background-position:top 60% right 16%,top 0% right 0%, top 0% right 0%;
background-size:320px auto,100% 100%, cover;}
.autumnbanner .item, .autumnbanner .slide-text, .autumnbanner .slide-inner {text-align: center;}
.autumnbanner-title img {  width: 300px !important; margin-left: 40%; }
	
}

@media only screen and (max-width:920px) {
.autumnbanner .item, .autumnbanner .slide-text, .autumnbanner .slide-inner {height:400px;width: auto !important;float: none !important;}
.autumnbanner-title img { width: 300px !important; margin-left: 10%; margin-top: 35%;}
}

@media only screen and (max-width:850px) {
.slide-text { middle !important;}
}

@media only screen and (max-width:767px) {
.slide-text { middle !important;}
.autumnbanner {
background-image: 
background-position:top 60% right 5%,top 0% right 0%, top 0% right 0%;
background-size:260px auto,100% 100%, cover;}
.autumnbanner-title img { width:250px !important; margin-left: 10%; margin-top: 35%;}
	
}
 

@media only screen and (max-width:640px) {
#slider .item.autumnbanner { padding: 0 !important; height: auto !important;}
.autumnbanner .item, .autumnbanner .slide-text, .autumnbanner .slide-inner {height: 400px;}
#slider .item .autumnbanner { height: auto !importanti;}
	
.autumnbanner {
background-position:bottom 0% right 50%,top 0% right 0%, top 0% right 0%;
background-size:260px auto,100% 100%, cover;}
.autumnbanner-title { text-align:center;}
.autumnbanner-title img { width:250px !important; margin-left: 0%; margin-top: -40%;}

.textinn1 { float: none;  display: inline-block; vertical-align: top; }

.summerdektop1 { display: none !important;  } 
.summermobile1 { display:inherit !important;}
}



@media only screen and (max-width:560px) {
}