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

.happynewbanner-title {float: right;width: 100%;}
.happynewbanner-title img { width:450px !important; }

.textinn1 { float: right !important; width: auto !important; margin-right: 130px !important;}

.summermobile1 { display:none !important;}

@media only screen and (max-width:1750px) {
.happynewbanner .item, .happynewbanner .slide-text, .happynewbanner .slide-inner {height: 400px;width: auto !important;float: none !important;}
.happynewbanner-title img {  width: 350px !important;}		
}

@media only screen and (max-width:1320px) {
.happynewbanner-title img { margin:0px;}
.happynewbanner-title img {  width: 360px !important;}	
}


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

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

.happynewbanner {
background-image: 
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/title.png'),
url('../images/slide/newyear-bg.jpg');
background-repeat:no-repeat,no-repeat, no-repeat;
background-position:top 0% right 0%,top 20px left 100px,top 0% right 0%;
background-size:cover,220px auto,cover;}
.happynewbanner .item, .happynewbanner .slide-text, .happynewbanner .slide-inner {text-align: center; vertical-align: bottom; padding: 0 0 40px 0;}
	
	.happynewbanner-title img { display: inherit !important;}
}

@media only screen and (max-width:920px) {
.happynewbanner .item, .happynewbanner .slide-text, .happynewbanner .slide-inner {height:400px;width: auto !important;float: none !important;}
.textinn1, .textinn2 { text-align: center;float: none !important;width: 100% !important;padding: 0 0 40px 0;}
.btn, .helosummer p {text-align: center !important;}
.happynewbanner .btn a {padding: 10px 30px;  font-size: 20px;}
}

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

	
	
.happynewbanner-title img {  width: 300px !important; margin-left: 0% !important; }
.summerdektop1 { display: inherit !important;}	
}

@media only screen and (max-width:640px) {
#slider .item.happynewbanner { padding: 0 !important; height: auto !important;}
.happynewbanner .item, .happynewbanner .slide-text, .happynewbanner .slide-inner {height: 400px;}
#slider .item .happynewbanner { height: auto !importanti;}

.happynewbanner-title img {  width:250px !important; margin-left: 0% !important; }
}



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