.happyhalloweenbanner:before{display: none!important;}
.happyhalloweenbanner {
overflow: hidden;
background-image: 
url('../images/slide/halloween-banner-bg.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:left 0% center;
position: relative}
.happyhalloweenbanner .item {float: left;width: 100%;height: 500px;}
.happyhalloweenbanner .container, .happyhalloweenbanner .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}
/*.happyhalloweenbanner .container, .happyhalloweenbanner .wrapper {
background-image: url('../images/slide/happyhalloweenbanner-boiler.png');
background-repeat: no-repeat;background-position: right 0px bottom 50px;background-size: 400px auto;}*/
.happyhalloweenbanner .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;}
.happyhalloweenbanner h2 {font-size: 100px;line-height: 110px;font-family: 'Montserrat Bold';color: #49cfd0;padding: 0;margin: 0 0 10px}
.happyhalloweenbanner p {font-size: 26px;line-height: 36px;color: #FFFFFF;padding: 0;margin:25px 0;font-weight: normal; display: inline-block;}
.happyhalloweenbanner .btn a {background: #f54d01;color: #fff;padding: 10px 30px;font-size: 25px;border-radius: 30px;    display: inline-block;}
.happyhalloweenbanner .btn a:hover {background: #000;color: #fff}
.happyhalloweenbanner .left-sec {margin: auto}
.happyhalloweenbanner .left-sec img {margin-bottom: 60px}
.happyhalloweenbanner .left-sec h2+img {max-width: 300px;margin-bottom: 30px;margin-top: 30px}

.happyhalloweenbanner-title {float: left;width: 100%;}
.happyhalloweenbanner-title img { width:500px !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) {
.happyhalloweenbanner { height: 400px;
background-image: 
url('../images/slide/halloween-banner-bg.jpg');
background-size:cover;
background-repeat:no-repeat;
background-position:left 0% center;}	
.textinn1 {float: left;margin: -60px 0 0 20px;}
}

@media only screen and (max-width:1260px) {
.textinn1 {float: left;margin:0px;}
.happyhalloweenbanner-title img { width:400px !important; margin-left: 0%;}
}

@media only screen and (max-width:1100px) {
.happyhalloweenbanner { background-position:top 35% right 10%, left 0% center;}	
}

@media only screen and (max-width:1000px) {
.happyhalloweenbanner { 
background-image: 
background-size:320px auto,cover;
background-repeat:no-repeat,no-repeat;
background-position:top 35% right 8%, left 0% center;}
.happyhalloweenbanner-title img {  width: 350px !important; margin-left: 0%; }
}



@media only screen and (max-width:991px) {
.happyhalloweenbanner, .happyhalloweenbanner .container, .happyhalloweenbanner .wrapper {	position: relative}
.happyhalloweenbanner, .happyhalloweenbanner .container, .happyhalloweenbanner .wrapper {	position: relative}
.happyhalloweenbanner:before {position: absolute;left: 0;top: 0;bottom: 0;right: 0;content: '';background-color: #000;opacity: .6}
}

@media only screen and (max-width:960px) {
.happyhalloweenbanner .item, .happyhalloweenbanner .slide-text, .happyhalloweenbanner .slide-inner {height: 500px;width: auto !important;float: none !important;}

.happyhalloweenbanner {
background-image: 
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/halloween-banner-bg.jpg');
background-repeat:no-repeat, no-repeat;
background-position:top 0% right 0%, top 0% right 0%;
background-size:320px auto,100% 100%, cover;}
.happyhalloweenbanner .item, .happyhalloweenbanner .slide-text, .happyhalloweenbanner .slide-inner {text-align: center;}
.happyhalloweenbanner-title img {  width: 300px !important; margin-left: 0%; }
	
}

@media only screen and (max-width:920px) {
.happyhalloweenbanner .item, .happyhalloweenbanner .slide-text, .happyhalloweenbanner .slide-inner {height:400px;width: auto !important;float: none !important;}
.happyhalloweenbanner-title img { width: 300px !important; margin-left: 0%; margin-top: 0%;}
.happyhalloweenbanner p { display:inherit !important; float: left; width: 100%;text-align: left;}
.happyhalloweenbanner .btn { float: left; width: 100%;}
}

@media only screen and (max-width:850px) {
.slide-text { middle !important;}
}

@media only screen and (max-width:767px) {
.slide-text { middle !important;}
.happyhalloweenbanner {
background-image: 
background-position:top 0% right 0%, top 0% right 0%;
background-size:100% 100%, cover;}
.happyhalloweenbanner-title img { width:250px !important; text-align: center;margin-left: 0%; margin-top: 0%;}
.happyhalloweenbanner p,.happyhalloweenbanner .btn  {text-align: center !important;}
.happyhalloweenbanner-title {float: none;width: auto;display: inline-block;}	

}
 

@media only screen and (max-width:640px) {
#slider .item.happyhalloweenbanner { padding: 0 !important; height: auto !important;}
.happyhalloweenbanner .item, .happyhalloweenbanner .slide-text, .happyhalloweenbanner .slide-inner {height: 400px;}
#slider .item .happyhalloweenbanner { height: auto !importanti;}
	
.happyhalloweenbanner {
background-position:top 0% right 0%, top 0% right 0%;
background-size:100% 100%, cover;}
.happyhalloweenbanner-title { text-align:center;}
.happyhalloweenbanner-title img { width:250px !important; margin-left: 0%; margin-top:0%; display: inherit !important;}
.happyhalloweenbanner p { font-size: 22px; line-height: 32px;}
}

/*.textinn1 { float: none;  display: inline-block; vertical-align: top; }//*


}


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