/*Slider-Css*/

@font-face {
    font-family: 'JeniferDemo';
    src: url('../fonts/JeniferDemo.eot');
    src: url('../fonts/JeniferDemo.eot') format('embedded-opentype'),
         url('../fonts/JeniferDemo.woff2') format('woff2'),
         url('../fonts/JeniferDemo.woff') format('woff'),
         url('../fonts/JeniferDemo.ttf') format('truetype'),
         url('../fonts/JeniferDemo.svg#JeniferDemo') format('svg');
}

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

.mayday_banner  {float:left; width:100%; height:500px;}
.mayday_banner .wrapper { display:table; position:relative;}

.mayday_banner {
background-image: url('../images/slide/happy-mayday- banner-bg.png');
background-size: cover;background-repeat: no-repeat;background-position: left 0% center;}

.mayday_banner .wrapper {
background-image: url('../images/slide/Lifestyle-LHS.png');
background-repeat: no-repeat;background-position: right 15px bottom 70px;background-size: 240px auto;}

.mayday_banner .slide-text h2 { color:#ffcf21; font-size:45px; line-height:55px;font-family:'Montserrat Bold';}
.mayday_banner h2 span {font-family: 'JeniferDemo'; font-weight:500; font-size:80px; line-height:90px;color: #ffcf21;}
.mayday_banner .btn { margin:0; float:left; width:100%;}
.mayday_banner .btn a { background-color:#000000; color:#fff; border-radius:0px; font-size:19px; padding:10px 30px; font-weight: 500;}
.mayday_banner .btn a:hover { background-color:#ffcf21; color:#fff;}

.slide-text { display:table-cell; height:500px; vertical-align: middle; text-align: left;}
.slide-text h2 { font-size: 40px;line-height: 60px;padding: 0px;margin: 0;}
.slide-text h2 img { width:580px !important;}

.slide-text h2 b {font-family:'Montserrat Bold';}
.slide-text p {color: #fff;margin: 0px;padding:30px 0px;font-size: 30px;line-height: 40px;font-family:'Barlow'; font-weight: 400;}
.tc-text{position: absolute;z-index: 999;bottom: 130px;right: 20px;color: #858585;font-size: 17px;}
.slide2 .slide-text{text-align: right;}

.Spring-title {float: left;width: 100%; margin: 0 0 20px;}
.Spring-title img {width:55% !important;}

@media only screen and ( max-width:1750px) {
.mayday_banner,.slide-text { height: 400px; }
.tc-text { right: 10px; font-size: 12px; z-index: 999; }
.mayday_banner .slide-text h2 { font-size: 40px; line-height: 50px; }
.mayday_banner .btn {text-align: left !important;}
	
.mayday_banner .wrapper {    background-position: right 15px bottom 20px;}	
}
@media only screen and ( max-width:1200px) {
.tc-text { color: #ffffff; top: auto; bottom: 15px; }
.slide-text { text-align: left; }
.slide-text h2 br,.mayday_banner .slide-text h2 br { display: none; }
.slide-text h2,.mayday_banner .slide-text h2 {}
.mayday_banner .wrapper {  background-size: 200px auto;}	
}
@media only screen and ( max-width:900px) {
.mayday_banner .wrapper {background-position: right 15px bottom 30px; background-size: 200px auto;}
	
.slide-text h2 img { width: 450px !important;}	
.slide-text p { font-size: 23px; line-height: 35px;}

}


@media only screen and ( max-width:767px) {
.mayday_banner .slide-text h2 { font-size: 35px; line-height: 40px; }
.btn a { padding: 10px 30px 10px 20px; background-size: 11px; font-size: 14px; background-position: right 10px center; }
.slide-text p { padding: 5px 0 20px; font-size:25px; line-height: 30px; }
	 
.mayday_banner .slide-text h2 { font-size: 31px; line-height: 40px; }
.mayday_banner .btn { text-align: left !important;}
	
.mayday_banner .slide-text {    text-align: center; }	
.slide-text h2 img { width: 520px !important;   float: none;  display: inline-block !important; }
.mayday_banner .btn {  text-align: center !important;  }	


.Spring-title img { display: inline !important;}
.Spring-title img {width:56% !important;}	 
/**.springbannernew, .slide-text {vertical-align: top !important;} ***/
.Spring-title {margin: 15px 0;}
.mayday_banner .wrapper {background-position: right 50% bottom 30px; background-size:200px auto;}

.mayday_banner { background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../images/slide/happy-mayday- banner-bg.png'); 
background-repeat: no-repeat, no-repeat; background-position: left 0% top 0%, right 0% bottom 0%; background-size:auto auto,cover; }
	
	
}
 @media only screen and ( max-width:640px) {
.mayday_banner .slide-text h2 { font-size: 30px; line-height: 40px; }
}
 @media only screen and ( max-width:570px) {
}
 @media only screen and ( max-width:520px) {
	.Spring-title img {width:65% !important;}	
}
@media only screen and ( max-width:480px) {
}
@media only screen and ( max-width:420px) {
}