@media only screen and (max-width: 767px){  
	#btnComingRightUp {
		margin-left: 15px;
	}

}  
@media only screen and (min-width: 992px){    
    #intro {
        background: url(../img/assets/background/bg-left.png) left top no-repeat !important;
        background-size: 64% !important;
        background-color: #cc0001 !important;
    }
}

@media only screen and (max-width: 991px){
	#desktop-view{
		display: none!important;
	}
	
	.Blog-Title-Header{
		font-size: 40px;
		color: #cc0001;
		font-family: university;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	
	.Blog-Title, .Blog-Title-Coming-Right-up, .Highlight-content-description, .venue{
		padding-left: 15px!important;
		padding-top: 5px;
	}
	
	.card-view{
		height: 288px;
		overflow: hidden;
	}
	
	.img-Highlight-content{
		height: 170px;
		width: 100%;
	}
	
	.img-coming-right-up{
		width: 100%;
	}
	
	.card-view, .card-view-Coming-Right-up{
		margin-bottom: 5px;
		padding: 5px;
	}
	
	.Blog-Title, .Blog-Title-Coming-Right-up{
		margin-bottom: 0;
	}
	
	.venue{
		margin-bottom: 0;
		font-weight: 900;
	}
	
	.fa-caret-right{
		font-size: 35px!important;
	}
	
	.red-font{
		font-size: 23px;
		margin-top: 25px;
		margin-bottom: 20px;
	}
	
}

@media only screen and (min-width: 992px){
	#mobile-view{
		display: none!important;
	}
	.Blog-Title-Header{
		font-size: 100px;
		color: #cc0001;
		font-family: university;
		margin-top: 20px;
		margin-bottom: 30px;
	}
}

/* ---1 (min-width: 320px) --- */
@media only screen and (min-width: 320px) and (max-width: 359px){
	.container-fluid{
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	
	.brand-Img{
		margin-left: -10px!important;
		height: 50px!important;
		width: 100px!important;
		margin-top: -10px!important;
	}
	
	#intro {
		background: url("../img/assets/background/mobile320.png") no-repeat;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	.btn-White{
		font-size: 12px;
		float: right!important;
		border-radius: 50px;
		background-color: white;
		margin-top: -30px;
		margin-right: 10px;
	}
	
	.welcome-Img{
		margin-top: 10px!important;
		padding-right: 10px!important;
	}
	
	.mobile-Welcome-Message{
		color: #fff;
		font-size:13px;
		line-height: 1.2;
		font-family: myriadpro;
		padding: 10px;
	}
	
	.message-bubble{
		background-image: url('../img/assets/background/320.png'); 
		background-repeat: no-repeat;
		background-size: cover; 
		height: 210px;
	}
	
	.parang-awa-message{
		margin-top: 12.5%!important;
		margin-bottom: 50px;
		margin-left: 9%!important;
		padding-top: 0px!important;
		padding-left: 10px;
		padding-right: 39%;
		/*font-size: 18px!important;*/
		line-height: 1.2;
		height: 96px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}

	.mobile-highlights-section{
		background-color: #e6e6e6;
		overflow: hidden;
	}
	
	.mobile-highlights-title{
		background-color: #fff;
		text-transform: uppercase;
		font-family: arial;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.mobile-highlights-description{
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: -20px;
		font-family: myriadpro;
		line-height: 1.3;
	}
	
	.mobile-coming-right-up{
		background-color: #fff;
	}
	
	.mobile-coming-right-up-Img{
		width: 80%;
	}
	
	.mobile-coming-right-up-Title{
		color: #cc0001;
		font-family: arial;
		margin-top: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.mobile-coming-right-up-Venue{
		font-weight: 900;
		margin-top: -30px;
		margin-bottom: 20px;
	}
	
	.mobile-connect-with-us{
		background-color: #e6e6e6;
	}
	
	.mobile-social-media{
		background-color: #333333!important;
		color: white!important;
		padding: 10px;
		font-size: 35px;
	}
	
	/*--------------------------------------------------------------
	# mobile stories Images
	--------------------------------------------------------------*/
	.happee-news{
		width: 100%;
	}
	
	.happee-hour-channel{
		width: 100%;
		height: 350px;
	}
	
	.dear-inang, .ripple-life{
		width: 100%;
		height: 175px;
	}
	
	.form-who-do-you-want-to-see-next, .news-letter{
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 20px;
	}
	
	.be-splendid{
		margin-bottom: 20px;
		margin-top: -10px!important;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 30px 0;
		color: #eee;
		font-size: 13px;
	}
	.footer-Img{
		height: 40px;
		margin: 5px;
		margin-bottom: -50px!important;
	}
}

/* ---2 (min-width: 360px) --- */
@media only screen and (min-width: 360px) and (max-width: 374px){
	.container-fluid{
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	
	.brand-Img{
		margin-left: -10px!important;
		height: 50px!important;
		margin-top: -10px!important;
	}
	
	#intro {
		background: url("../img/assets/background/mobile320.png") no-repeat;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	.btn-White{
		font-size: 15px;
		float: right!important;
		border-radius: 50px;
		background-color: white;
		margin-top: -30px;
		margin-right: 10px;
	}
	
	.welcome-Img{
		margin-top: 10px!important;
		padding-right: 10px!important;
	}
	
	.mobile-Welcome-Message{
		color: #fff;
		font-size:15px;
		line-height: 1.2;
		font-family: myriadpro;
		padding: 10px;
	}
	
	.message-bubble{
		background-image: url('../img/assets/background/360.png'); 
		background-repeat: no-repeat;
		background-size: cover; 
		padding: 15px;
	}
	
	.parang-awa-message{
		margin-top: 9%!important;
		margin-bottom: 50px;
		margin-left: 7%;
		padding-top: 0px!important;
		padding-left: 8px;
		padding-right: 37%;
		/*font-size: 18px!important;*/
		line-height: 1.2;
		height: 100px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.mobile-highlights-section{
		background-color: #e6e6e6;
		overflow: hidden;
	}
	
	.mobile-highlights-title{
		background-color: #fff;
		text-transform: uppercase;
		font-family: arial;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.mobile-highlights-description{
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: -20px;
		font-family: myriadpro;
		line-height: 1.3;
	}
	
	.mobile-coming-right-up{
		background-color: #fff;
	}
	
	.mobile-coming-right-up-Img{
		width: 80%;
	}
	
	.mobile-coming-right-up-Title{
		color: #cc0001;
		font-family: arial;
		margin-top: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.mobile-coming-right-up-Venue{
		font-weight: 900;
		margin-top: -30px;
		margin-bottom: 20px;
	}
	
	.mobile-connect-with-us{
		background-color: #e6e6e6;
	}
	
	.mobile-social-media{
		background-color: #333333!important;
		color: white!important;
		padding: 10px;
		font-size: 35px;
	}
	
	/*--------------------------------------------------------------
	# mobile stories Images
	--------------------------------------------------------------*/
	.happee-news{
		width: 100%;
	}
	
	.happee-hour-channel{
		width: 100%;
		height: 400px;
	}
	
	.dear-inang, .ripple-life{
		width: 100%;
		height: 200px;
	}
	
	.form-who-do-you-want-to-see-next, .news-letter{
		padding-left: 50px;
		padding-right: 50px;
		margin-top: 20px;
	}
	
	.input-next{
		margin-top: 5px;
		border-radius: 50px!important;
		font-size: 12px;
		border: 2px solid black;
	}
	
	.be-splendid{
		margin-bottom: 20px;
	}

	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 30px 0;
		color: #eee;
		font-size: 13px;
	}
	.footer-Img{
		height: 40px;
		margin: 10px;
		margin-bottom: -50px!important;
	}
}

/* ---3 (min-width: 375px) --- */
@media only screen and (min-width: 375px) and (max-width: 413px){
	.container-fluid{
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	
	.brand-Img{
		margin-left: -10px!important;
		height: 50px!important;
		margin-top: -10px!important;
	}
	
	#intro {
		background: url("../img/assets/background/mobile320.png") no-repeat;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	/* --- LOGIN # intro --- */
	#intro-login {
		background: url("../img/assets/background/mobile320-header.png") no-repeat;
		background-attachment: fixed;
		background-position: top right;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	.btn-White{
		font-size: 15px;
		float: right!important;
		border-radius: 50px;
		background-color: white;
		margin-top: -30px;
		margin-right: 10px;
	}
	
	.welcome-Img{
		margin-top: 10px!important;
		padding-right: 10px!important;
	}
	
	.mobile-Welcome-Message{
		color: #fff;
		font-size:16px;
		line-height: 1.2;
		font-family: myriadpro;
		padding: 10px;
	}
	
	.message-bubble{
		background-image: url('../img/assets/background/414.png'); 
		background-repeat: no-repeat;
		background-size: cover; 
		padding: 15px;
	    height: 223px;
	}
	
	.parang-awa-message{
		margin-top: 10%!important;
		margin-bottom: 50px;
		margin-left: 5%;
		padding-top: 0px!important;
		padding-left: 10px;
		padding-right: 37%;
		/*font-size: 18px!important;*/
		line-height: 1.2;
		height: 100px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.mobile-highlights-section{
		background-color: #e6e6e6;
		overflow: hidden;
	}
	
	.mobile-highlights-title{
		background-color: #fff;
		text-transform: uppercase;
		font-family: arial;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.mobile-highlights-description{
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: -20px;
		font-family: myriadpro;
		line-height: 1.3;
	}
	
	.mobile-coming-right-up{
		background-color: #fff;
	}
	
	.mobile-coming-right-up-Img{
		width: 80%;
	}
	
	.mobile-coming-right-up-Title{
		color: #cc0001;
		font-family: arial;
		margin-top: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.mobile-coming-right-up-Venue{
		font-weight: 900;
		margin-top: -30px;
		margin-bottom: 20px;
	}
	
	.mobile-connect-with-us{
		background-color: #e6e6e6;
	}
	
	.mobile-social-media{
		background-color: #333333!important;
		color: white!important;
		padding: 10px;
		font-size: 35px;
	}
	
	/*--------------------------------------------------------------
	# mobile stories Images
	--------------------------------------------------------------*/
	.happee-news{
		width: 100%;
	}
	
	.happee-hour-channel{
		width: 100%;
		height: 400px;
	}
	
	.dear-inang, .ripple-life{
		width: 100%;
		height: 200px;
	}
	
	.form-who-do-you-want-to-see-next, .news-letter{
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 20px;
	}
	
	.be-splendid{
		margin-bottom: 30px;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 30px 0;
		color: #eee;
		font-size: 13px;
	}
	.footer-Img{
		height: 40px;
		margin: 10px;
		margin-bottom: -50px!important;
	}
}

/* ---4 (min-width: 414px) --- */
@media only screen and (min-width: 411px) and (max-width: 424px){
	.container-fluid{
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	
	.brand-Img{
		margin-left: -10px!important;
		height: 50px!important;
		margin-top: -10px!important;
	}
	
	#intro {
		background: url("../img/assets/background/mobile414.png") no-repeat;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	.btn-White{
		font-size: 15px;
		float: right!important;
		border-radius: 50px;
		background-color: white;
		margin-top: -30px;
		margin-right: 10px;
	}
	
	.welcome-Img{
		margin-top: 10px!important;
		padding-right: 10px!important;
	}
	
	.mobile-Welcome-Message{
		color: #fff;
		font-size:16px;
		line-height: 1.2;
		font-family: myriadpro;
		padding: 10px;
	}
	
	.message-bubble{
		background-image: url('../img/assets/background/414.png'); 
		background-repeat: no-repeat;
		background-size: cover; 
		padding: 15px;
	}
	
	.parang-awa-message{
		margin-top: 8%!important;
		margin-bottom: 50px;
		margin-left: 6%;
		padding-top: 0px!important;
		padding-left: 10px;
		padding-right: 35%;
		/*font-size: 20px!important;*/
		line-height: 1.2;
		height: 118px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.mobile-highlights-section{
		background-color: #e6e6e6;
		overflow: hidden;
	}
	
	.mobile-highlights-title{
		background-color: #fff;
		text-transform: uppercase;
		font-family: arial;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.mobile-highlights-description{
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: -20px;
		font-family: myriadpro;
		line-height: 1.3;
	}
	
	.mobile-coming-right-up{
		background-color: #fff;
	}
	
	.mobile-coming-right-up-Img{
		width: 80%;
	}
	
	.mobile-coming-right-up-Title{
		color: #cc0001;
		font-family: arial;
		margin-top: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.mobile-coming-right-up-Venue{
		font-weight: 900;
		margin-top: -30px;
		margin-bottom: 20px;
	}
	
	.mobile-connect-with-us{
		background-color: #e6e6e6;
	}
	
	.mobile-social-media{
		background-color: #333333!important;
		color: white!important;
		padding: 10px;
		font-size: 35px;
	}
	
	/*--------------------------------------------------------------
	# mobile stories Images
	--------------------------------------------------------------*/
	.happee-news{
		width: 100%;
	}
	
	.happee-hour-channel{
		width: 100%;
		height: 500px;
	}
	
	.dear-inang, .ripple-life{
		width: 100%;
		height: 250px;
	}
	
	.form-who-do-you-want-to-see-next, .news-letter{
		padding-left: 50px;
		padding-right: 50px;
		margin-top: 20px;
	}
	
	.be-splendid{
		margin: 20px;
	}
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 30px 0;
		color: #eee;
		font-size: 13px;
	}
	.footer-Img{
		height: 40px;
		margin: 10px;
		margin-bottom: -50px!important;
	}
	
	/* -------- Dear Inang 
	.dear_inang_messages{
		background: url("../img/email/425.png") top center no-repeat;
		min-height: 425px;
		padding-left:3%;
		padding-right: 2%;
		padding-top: 2%;
		font-size: 17px;
	}
	
	.dear_inang_wrapper{
		height:205px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
		padding-top: 5%;
	}
	
	.message-1{
		padding-left: 8%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; 
		margin-right: 25%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;
	}*/
}

/* ---5 (min-width: 425px) --- */
@media only screen and (min-width: 425px) and (max-width: 567px){
	.container-fluid{
		padding-left: .5%!important;
		padding-right: .5%!important;
	}
	
	.brand-Img{
		margin-left: -10px!important;
		width: 130px!important;
		height: 70px!important;
		margin-top: -10px!important;
	}
	
	#intro {
		background: url("../img/assets/background/mobile425.png") no-repeat;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	.btn-White{
		font-size: 15px;
		float: right!important;
		border-radius: 50px;
		background-color: white;
		margin-top: -30px;
		margin-right: 10px;
	}
	
	.welcome-Img{
		margin-top: 20px!important;
		padding-right: 10px;
	}
	
	.mobile-Welcome-Message{
		color: #fff;
		font-size:16px;
		line-height: 1.2;
		font-family: myriadpro;
		padding: 10px;
	}
	
	.message-bubble{
		background-image: url('../img/assets/background/425.png'); 
		background-repeat: no-repeat;
		background-size: cover; 
		padding: 15px;
	    height: 248px;
	}
	
	.parang-awa-message{
		margin-top: 11%!important;
		margin-bottom: 50px;
		margin-left: 9%;
		padding-top: 0px!important;
		padding-left: 10px;
		padding-right: 35%;
		/*font-size: 20px!important;*/
		line-height: 1.2;
		height: 130px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.mobile-highlights-section{
		background-color: #e6e6e6;
		overflow: hidden;
	}
	
	.mobile-highlights-title{
		background-color: #fff;
		text-transform: uppercase;
		font-family: arial;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.mobile-highlights-description{
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: -20px;
		font-family: myriadpro;
		line-height: 1.3;
	}
	
	.mobile-coming-right-up{
		background-color: #fff;
	}
	
	.mobile-coming-right-up-Img{
		width: 80%;
	}
	
	.mobile-coming-right-up-Title{
		color: #cc0001;
		font-family: arial;
		margin-top: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.mobile-coming-right-up-Venue{
		font-weight: 900;
		margin-top: -30px;
		margin-bottom: 20px;
	}
	
	.mobile-connect-with-us{
		background-color: #e6e6e6;
	}
	
	.mobile-social-media{
		background-color: #333333!important;
		color: white!important;
		padding: 10px;
		font-size: 35px;
	}
	
	/*--------------------------------------------------------------
	# mobile stories Images
	--------------------------------------------------------------*/
	.happee-news{
		width: 100%;
	}
	
	.happee-hour-channel{
		width: 100%;
		height: 500px;
	}
	
	.dear-inang, .ripple-life{
		width: 100%;
		height: 250px;
	}
	
	.form-who-do-you-want-to-see-next, .news-letter{
		padding-left: 50px;
		padding-right: 50px;
		margin-top: 30px;
	}
	
	.input-next{
		margin-top: 5px;
		border-radius: 50px!important;
		font-size: 12px;
		border: 2px solid black;
	}
	
	.be-splendid{
		margin-bottom: 20px;
	}
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 30px 0;
		color: #eee;
		font-size: 13px;
	}
	.footer-Img{
		height: 40px;
		margin: 10px;
		margin-bottom: -50px!important;
	}
	
	/* -------- Dear Inang 
	.dear_inang_messages{
		background: url("../img/email/425.png") top center no-repeat;
		min-height: 425px;
		padding-left:5%;
		padding-right: 4%;
		padding-top: 2%;
		font-size: 17px;
	}
	
	.dear_inang_wrapper{
		height:205px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
		padding-top: 5%;
	}
	
	.message-1{
		padding-left: 8%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; 
		margin-right: 25%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;
	}*/
}

/* ---6 (min-width: 568px) --- */
@media only screen and (min-width: 568px) and (max-width: 639px){
	.container-fluid{
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	
	.brand-Img{
		margin-left: -10px!important;
		width: 130px!important;
		height: 70px!important;
		margin-top: -10px!important;
	}
	
	#intro {
		background: url("../img/assets/background/mobile568.png") no-repeat;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	.btn-White{
		font-size: 20px;
		float: right!important;
		border-radius: 50px;
		background-color: white;
		margin-top: -30px!important;
		margin-right: 20px;
	}
	
	.welcome-Img{
		margin-top: 50px!important;
	}
	
	.mobile-Welcome-Message{
		color: #fff;
		font-size:19px;
		line-height: 1.5;
		font-family: myriadpro;
		padding: 20px;
	}
	
	.message-bubble{
		background-image: url('../img/assets/background/598.png'); 
		background-repeat: no-repeat;
		background-size: cover; 
		padding: 15px;
	}
	
	.parang-awa-message{
		margin-top: 10%;
		margin-bottom: 110px;
		margin-left: 8%;
		padding-top: 0px!important;
		padding-left: 10px;
		padding-right: 40%;
		padding-bottom: 100px;
		/*font-size: 25px!important;*/
		line-height: 1.3;
		height: 160px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.mobile-highlights-section{
		background-color: #e6e6e6;
		overflow: hidden;
	}
	
	.mobile-highlights-title{
		background-color: #fff;
		text-transform: uppercase;
		font-family: arial;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.mobile-highlights-description{
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 100px;
		padding-right: 100px;
		margin-top: -20px;
		font-family: myriadpro;
		line-height: 1.3;
	}
	
	.mobile-coming-right-up{
		background-color: #fff;
	}
	
	.mobile-coming-right-up-Img{
		width: 80%;
	}
	
	.mobile-coming-right-up-Title{
		color: #cc0001;
		font-family: arial;
		margin-top: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.mobile-coming-right-up-Venue{
		font-weight: 900;
		margin-top: -30px;
		margin-bottom: 20px;
	}
	
	.mobile-connect-with-us{
		background-color: #e6e6e6;
	}
	
	.mobile-social-media{
		background-color: #333333!important;
		color: white!important;
		padding: 10px;
		font-size: 35px;
	}
	
	/*--------------------------------------------------------------
	# mobile stories Images
	--------------------------------------------------------------*/
	.happee-news{
		width: 100%;
	}
	
	.happee-hour-channel{
		width: 100%;
		height: 700px;
	}
	
	.dear-inang, .ripple-life{
		width: 100%;
		height: 350px;
	}
	
	.form-who-do-you-want-to-see-next, .news-letter{
		padding-left: 50px;
		padding-right: 50px;
		margin-top: 30px;
	}
	
	.be-splendid{
		margin-bottom: 30px;
	}
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 30px 0;
		color: #eee;
		font-size: 13px;
	}
	.footer-Img{
		height: 40px;
		margin: 10px;
		margin-bottom: -50px!important;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/568.png") top center no-repeat;
		min-height: 450px;
		padding-left:10%;
		padding-right: 13.5%;
		padding-top: 3%;
		font-size: 18px;
	}
	
	.dear_inang_wrapper{
		height:228px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
		padding-top: 5%;
	}
	
	.message-1{
		padding-left: 8%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 25%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* ---7 (min-width: 640px) --- */
@media only screen and (min-width: 640px) and (max-width: 666px){
	.container-fluid{
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	
	.brand-Img{
		margin-left: -10px!important;
		width: 130px!important;
		height: 70px!important;
		margin-top: -10px!important;
	}
	
	#intro {
		background: url("../img/assets/background/mobile640.png") no-repeat;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	.btn-White{
		font-size: 20px;
		float: right!important;
		border-radius: 50px;
		background-color: white;
		margin-top: -20px;
		margin-right: 20px;
	}
	
	.welcome-Img{
		margin-top: 50px!important;
		padding-right: 20px;
	}
	
	.mobile-Welcome-Message{
		margin-top: 30px;
		color: #fff;
		font-size: 20px;
		line-height: 1.5;
		font-family: myriadpro;
		padding: 20px;
	}
	
	.message-bubble{
		background-image: url('../img/assets/background/640.png'); 
		background-repeat: no-repeat;
		background-size: cover; 
		padding: 15px;
	}
	
	.parang-awa-message{
		margin-top: 9%;
		margin-bottom: 110px;
		margin-left: 8%;
		padding-top: 0px!important;
		padding-left: 10px;
		padding-right: 43%;
		padding-bottom: 100px;
		/*font-size: 25px!important;*/
		height: 170px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.mobile-highlights-section{
		background-color: #e6e6e6;
		overflow: hidden;
	}
	
	.mobile-highlights-title{
		background-color: #fff;
		text-transform: uppercase;
		font-family: arial;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.mobile-highlights-description{
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 100px;
		padding-right: 100px;
		margin-top: -20px;
		font-family: myriadpro;
		line-height: 1.3;
	}
	
	.mobile-coming-right-up{
		background-color: #fff;
	}
	
	.mobile-coming-right-up-Img{
		width: 80%;
	}
	
	.mobile-coming-right-up-Title{
		color: #cc0001;
		font-family: arial;
		margin-top: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.mobile-coming-right-up-Venue{
		font-weight: 900;
		margin-top: -30px;
		margin-bottom: 20px;
	}
	
	.mobile-connect-with-us{
		background-color: #e6e6e6;
	}
	
	.mobile-social-media{
		background-color: #333333!important;
		color: white!important;
		padding: 10px;
		font-size: 35px;
	}
	
	/*--------------------------------------------------------------
	# mobile stories Images
	--------------------------------------------------------------*/
	.happee-news{
		width: 100%;
	}
	
	.happee-hour-channel{
		width: 100%;
		height: 700px;
	}
	
	.dear-inang, .ripple-life{
		width: 100%;
		height: 350px;
	}
	
	.form-who-do-you-want-to-see-next, .news-letter{
		padding-left: 100px;
		padding-right: 100px;
		margin-top: 30px;
	}
	
	.be-splendid{
		margin-bottom: 30px;
	}
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 30px 0;
		color: #eee;
		font-size: 13px;
	}
	.footer-Img{
		height: 40px;
		margin: 10px;
		margin-bottom: -50px!important;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/736.png") top center no-repeat;
		min-height: 700px;
		padding-left:10%;
		padding-right: 6.5%;
		padding-top: 3.5%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height:300px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
		padding-top: 5%;
	}
	
	.message-1{
		padding-left: 8%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 25%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* ---8 (min-width: 667px) --- */
@media only screen and (min-width: 667px) and (max-width: 735px){
	.container-fluid{
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	
	.brand-Img{
		margin-left: -10px!important;
		width: 130px!important;
		height: 70px!important;
		margin-top: -10px!important;
	}
	
	#intro {
		background: url("../img/assets/background/mobile667.png") no-repeat;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	.btn-White{
		font-size: 20px;
		float: right!important;
		border-radius: 50px;
		background-color: white;
		margin-top: -20px;
		margin-right: 20px;
	}
	
	.welcome-Img{
		margin-top: 50px!important;
		padding-right: 10px;
	}
	
	.mobile-Welcome-Message{
		margin-top: 30px;
		color: #fff;
		font-size: 20px;
		line-height: 1.5;
		font-family: myriadpro;
		padding: 20px;
	}
	
	.message-bubble{
		background-image: url('../img/assets/background/667.png'); 
		background-repeat: no-repeat;
		background-size: cover; 
		padding: 15px;
	}
	
	.parang-awa-message{
		margin-top: 9%;
		margin-bottom: 110px;
		margin-left: 16%;
		padding-top: 0px!important;
		padding-left: 20px;
		padding-right: 35%;
		padding-bottom: 100px;
		/*font-size: 25px!important;*/
		height: 170px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.mobile-highlights-section{
		background-color: #e6e6e6;
		overflow: hidden;
	}
	
	.mobile-highlights-title{
		background-color: #fff;
		text-transform: uppercase;
		font-family: arial;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.mobile-highlights-description{
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 100px;
		padding-right: 100px;
		margin-top: -20px;
		font-family: myriadpro;
		line-height: 1.3;
	}
	
	.mobile-coming-right-up{
		background-color: #fff;
	}
	
	.mobile-coming-right-up-Img{
		width: 80%;
	}
	
	.mobile-coming-right-up-Title{
		color: #cc0001;
		font-family: arial;
		margin-top: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.mobile-coming-right-up-Venue{
		font-weight: 900;
		margin-top: -30px;
		margin-bottom: 20px;
	}
	
	.mobile-connect-with-us{
		background-color: #e6e6e6;
	}
	
	.mobile-social-media{
		background-color: #333333!important;
		color: white!important;
		padding: 10px;
		font-size: 35px;
	}
	
	/*--------------------------------------------------------------
	# mobile stories Images
	--------------------------------------------------------------*/
	.happee-news{
		width: 100%;
	}
	
	.happee-hour-channel{
		width: 100%;
		height: 800px;
	}
	
	.dear-inang, .ripple-life{
		width: 100%;
		height: 400px;
	}
	
	.form-who-do-you-want-to-see-next, .news-letter{
		padding-left: 100px;
		padding-right: 100px;
		margin-top: 30px;
	}
	
	.be-splendid{
		margin-bottom: 30px;
	}
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 30px 0;
		color: #eee;
		font-size: 13px;
	}
	.footer-Img{
		height: 40px;
		margin: 10px;
		margin-bottom: -50px!important;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/736.png") top center no-repeat;
		min-height: 700px;
		padding-left:10%;
		padding-right: 8.5%;
		padding-top: 3.5%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height:300px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
		padding-top: 5%;
	}
	
	.message-1{
		padding-left: 8%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 25%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* ---9 (min-width: 736px) --- */
@media only screen and (min-width: 736px) and (max-width: 767px){
	.container-fluid{
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	
	.brand-Img{
		margin-left: -10px!important;
		width: 130px!important;
		height: 70px!important;
		margin-top: -10px!important;
	}
	
	#intro {
		background: url("../img/assets/background/mobile736.png") no-repeat;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	.btn-White{
		font-size: 20px;
		float: right!important;
		border-radius: 50px;
		background-color: white;
		margin-top: -20px;
		margin-right: 20px;
	}
	
	.welcome-Img{
		margin-top: 50px!important;
		padding-right: 10px;
	}
	
	.mobile-Welcome-Message{
		margin-top: 30px;
		color: #fff;
		font-size: 25px;
		line-height: 1.3;
		font-family: myriadpro;
		padding: 20px;
	}
	
	.message-bubble{
		background-image: url('../img/assets/background/912.png'); 
		background-repeat: no-repeat;
		background-size: cover; 
		padding: 15px;
	}
	
	.parang-awa-message{
		margin-top: 9%!important;
		margin-bottom: 100px;
		margin-left: 16%;
		padding-top: 0px!important;
		padding-left: 20px;
		padding-right: 35%;
		padding-bottom: 100px;
		/*font-size: 25px!important;*/
		height: 190px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.mobile-highlights-section{
		background-color: #e6e6e6;
		overflow: hidden;
	}
	
	.mobile-highlights-title{
		background-color: #fff;
		text-transform: uppercase;
		font-family: arial;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.mobile-highlights-description{
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 100px;
		padding-right: 100px;
		margin-top: -20px;
		font-family: myriadpro;
		line-height: 1.3;
	}
	
	.mobile-coming-right-up{
		background-color: #fff;
	}
	
	.mobile-coming-right-up-Img{
		width: 80%;
	}
	
	.mobile-coming-right-up-Title{
		color: #cc0001;
		font-family: arial;
		margin-top: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.mobile-coming-right-up-Venue{
		font-weight: 900;
		margin-top: -30px;
		margin-bottom: 20px;
	}
	
	.mobile-connect-with-us{
		background-color: #e6e6e6;
	}
	
	.mobile-social-media{
		background-color: #333333!important;
		color: white!important;
		padding: 10px 20px;
		font-size: 50px;
	}
	
	/*--------------------------------------------------------------
	# mobile stories Images
	--------------------------------------------------------------*/
	.happee-news{
		width: 100%;
	}
	
	.happee-hour-channel{
		width: 100%;
		height: 800px;
	}
	
	.dear-inang, .ripple-life{
		width: 100%;
		height: 400px;
	}
	
	.form-who-do-you-want-to-see-next, .news-letter{
		padding-left: 100px;
		padding-right: 100px;
		margin-top: 30px;
	}
	
	.be-splendid{
		margin-bottom: 30px;
	}
	
	.input-next{
		margin-top: 5px;
		border-radius: 50px!important;
		font-size: 12px;
		border: 2px solid black;
	}
	
	.btn-next{
		border-radius: 50px;
		color: white;
		background-color: #cc0001;
		font-size: 12px;
		margin-top: 5px;
		border-radius: 5px solid black;
		height: 38px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 30px 0;
		color: #eee;
		font-size: 13px;
	}
	.footer-Img{
		height: 40px;
		margin: 10px;
		margin-bottom: -50px!important;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/736.png") top center no-repeat;
		min-height: 700px;
		padding-left:10%;
		padding-right: 12.5%;
		padding-top: 3%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height:300px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
		padding-top: 5%;
	}
	
	.message-1{
		padding-left: 8%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 25%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* ---10 (min-width: 768px) --- */
@media only screen and (min-width: 768px) and (max-width: 811px){
	.affix {
		top: 0;
		z-index: 9999 !important;
		margin-right: 2%;
		padding: 2%;
		position: fixed;
	}
	
	.container-fluid{
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	
	.brand-Img{
		margin-left: -10px!important;
		width: 130px!important;
		height: 70px!important;
		margin-top: -10px!important;
	}
	
	#intro {
		background: url("../img/assets/background/mobile768.png") no-repeat;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	.btn-White{
		font-size: 20px;
		float: right!important;
		border-radius: 50px;
		background-color: white;
		margin-top: -20px;
		margin-right: 20px;
	}
	
	.welcome-Img{
		margin-top: 50px!important;
		padding-right: 10px;
	}
	
	.mobile-Welcome-Message{
		margin-top: 30px;
		color: #fff;
		font-size: 25px;
		line-height: 1.3;
		font-family: myriadpro;
		padding: 20px;
	}
	
	.message-bubble{
		background-image: url('../img/assets/background/912.png'); 
		background-repeat: no-repeat;
		background-size: cover; 
		padding: 15px;
	}
	
	.parang-awa-message{
		margin-top: 12%!important;
		margin-bottom: 100px;
		margin-left: 11%;
		padding-top: 0px!important;
		padding-left: 5%;
		padding-right: 40%;
		/*font-size: 25px!important;*/
		height: 170px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.card-view{
		height: 97px;
		overflow: hidden;
	}
	
	.Blog-Title, .Blog-Title-Coming-Right-up, .Highlight-content-description, .venue{
		padding-left: 0px!important;
		margin-top: -10px;
		margin-bottom: 5px;
	}
	
	.Highlight-content-description{
		font-weight: 300;
		line-height: 1.4;
	}
	
	.img-Highlight-content{
		height: 80px;
		width: 100%;
		padding-right: 0!important;
		margin-right: 0!important;
	}
	
	.btn-Red-2{
		margin-left: -7%!important;
		margin-top: 5px!important;
	}
	
	.mobile-highlights-section{
		background-color: #e6e6e6;
		overflow: hidden;
	}
	
	.mobile-highlights-title{
		background-color: #fff;
		text-transform: uppercase;
		font-family: arial;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.mobile-highlights-description{
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 100px;
		padding-right: 100px;
		margin-top: -20px;
		font-family: myriadpro;
		line-height: 1.3;
	}
	
	.mobile-coming-right-up{
		background-color: #fff;
	}
	
	.mobile-coming-right-up-Img{
		width: 80%;
	}
	
	.mobile-coming-right-up-Title{
		color: #cc0001;
		font-family: arial;
		margin-top: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.mobile-coming-right-up-Venue{
		font-weight: 900;
		margin-top: -30px;
		margin-bottom: 20px;
	}
	
	.mobile-connect-with-us{
		background-color: #e6e6e6;
	}
	
	.mobile-social-media{
		background-color: #333333!important;
		color: white!important;
		padding: 10px 30px;
		font-size: 50px;
	}
	
	/*--------------------------------------------------------------
	# mobile stories Images
	--------------------------------------------------------------*/
	.happee-news{
		width: 100%;
	}
	
	.happee-hour-channel{
		width: 100%;
		height: 900px;
	}
	
	.dear-inang, .ripple-life{
		width: 100%;
		height: 450px;
	}
	
	.form-who-do-you-want-to-see-next, .news-letter{
		padding-left: 150px;
		padding-right: 150px;
		margin-top: 30px;
	}
	
	.be-splendid{
		margin-bottom: 30px;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 30px 0;
		color: #eee;
		font-size: 13px;
	}
	.footer-Img{
		height: 40px;
		margin: 10px;
		margin-bottom: -50px!important;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/912.png") center center no-repeat;
		min-height: 800px;
		padding-left:5%;
		padding-right: 1.5%;
		padding-top: 6%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height: 398px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 8%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 25%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* ---11 (min-width: 812px) --- */
@media only screen and (min-width: 812px) and (max-width: 911px){
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 2%;
		padding: 2%;
	}
	.container-fluid{
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	
	.brand-Img{
		margin-left: -10px!important;
		width: 130px!important;
		height: 70px!important;
		margin-top: -10px!important;
	}
	
	#intro {
		background: url("../img/assets/background/mobile812.png") no-repeat;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	.btn-White{
		font-size: 20px;
		float: right!important;
		border-radius: 50px;
		background-color: white;
		margin-top: -20px;
		margin-right: 20px;
	}
	
	.welcome-Img{
		margin-top: 50px!important;
		padding-right: 10px;
	}
	
	.mobile-Welcome-Message{
		margin-top: 30px;
		color: #fff;
		font-size: 25px;
		line-height: 1.3;
		font-family: myriadpro;
		padding: 20px;
	}
	
	.message-bubble{
		background-image: url('../img/assets/background/912.png'); 
		background-repeat: no-repeat;
		background-size: cover; 
		padding: 15px;
	}
	
	.parang-awa-message{
		margin-top: 12%;
		margin-bottom: 100px;
		margin-left: 11%;
		padding-top: 0px!important;
		padding-left: 5%;
		padding-right: 43%;
		/*font-size: 25px!important;*/
		height: 180px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.card-view{
		height: 97px;
		overflow: hidden;
	}
	
	.Blog-Title, .Blog-Title-Coming-Right-up, .Highlight-content-description, .venue{
		padding-left: 0px!important;
		margin-top: -10px;
		margin-bottom: 5px;
	}
	
	.Highlight-content-description{
		font-weight: 300;
		line-height: 1.4;
	}
	
	.img-Highlight-content{
		height: 80px;
		width: 100%;
		padding-right: 0!important;
		margin-right: 0!important;
	}
	
	.btn-Red-2{
		margin-left: -7%!important;
		margin-top: 5px!important;
	}
	
	.mobile-highlights-section{
		background-color: #e6e6e6;
		overflow: hidden;
	}
	
	.mobile-highlights-title{
		background-color: #fff;
		text-transform: uppercase;
		font-family: arial;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.mobile-highlights-description{
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 100px;
		padding-right: 100px;
		margin-top: -20px;
		font-family: myriadpro;
		line-height: 1.3;
	}
	
	.mobile-coming-right-up{
		background-color: #fff;
	}
	
	.mobile-coming-right-up-Img{
		width: 80%;
	}
	
	.mobile-coming-right-up-Title{
		color: #cc0001;
		font-family: arial;
		margin-top: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.mobile-coming-right-up-Venue{
		font-weight: 900;
		margin-top: -30px;
		margin-bottom: 20px;
	}
	
	.mobile-connect-with-us{
		background-color: #e6e6e6;
	}
	
	.mobile-social-media{
		background-color: #333333!important;
		color: white!important;
		padding: 30px;
		font-size: 50px;
	}
	
	/*--------------------------------------------------------------
	# mobile stories Images
	--------------------------------------------------------------*/
	.happee-news{
		width: 100%;
	}
	
	.happee-hour-channel{
		width: 100%;
		height: 900px;
	}
	
	.dear-inang, .ripple-life{
		width: 100%;
		height: 450px;
	}
	
	.form-who-do-you-want-to-see-next, .news-letter{
		padding-left: 150px;
		padding-right: 150px;
		margin-top: 30px;
	}
	
	.be-splendid{
		margin-bottom: 30px;
	}
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 30px 0;
		color: #eee;
		font-size: 13px;
	}
	.footer-Img{
		height: 40px;
		margin: 10px;
		margin-bottom: -50px!important;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/912.png") center center no-repeat;
		min-height: 800px;
		padding-left:5%;
		padding-right: 4.5%;
		padding-top: 4.5%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height: 400px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 8%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 25%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}


/* ---11 (min-width: 912px) --- */
@media only screen and (min-width: 912px) and (max-width: 991px){
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 2%;
		padding: 1%;
	}
	
	.container-fluid{
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	
	.brand-Img{
		margin-left: -10px!important;
		width: 130px!important;
		height: 60px!important;
		margin-top: -10px!important;
	}
	
	#intro {
		background: url("../img/assets/background/mobile912.png") no-repeat;
		background-size: cover;
		padding: 10px 0 30px 0;
		overflow: hidden;
	}
	
	.btn-White{
		font-size: 20px;
		float: right!important;
		border-radius: 50px;
		background-color: white;
		margin-top: -20px;
		margin-right: 20px;
	}
	
	.welcome-Img{
		margin-top: 50px!important;
		padding-right: 10px;
	}
	
	.mobile-Welcome-Message{
		margin-top: 30px;
		padding: 20px;
		color: #fff;
		font-size: 30px;
		line-height: 1.2;
		font-family: myriadpro;
	}
	
	.message-bubble{
		background-image: url('../img/assets/background/912.png'); 
		background-repeat: no-repeat;
		background-size: cover; 
		overflow: hidden!important;
	}
	
	.parang-awa-message{
		margin-top: 13%;
		margin-bottom: 150px;
		margin-left: 12%!important;
		padding-top: 0;
		padding-left: 30px;
		padding-right: 40%;
		padding-bottom: 20px;
		/*font-size: 25px!important;*/
		height: 210px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.card-view{
		height: 97px;
		overflow: hidden;
	}
	
	.Blog-Title, .Blog-Title-Coming-Right-up, .Highlight-content-description, .venue{
		padding-left: 0px!important;
		margin-top: -10px;
		margin-bottom: 5px;
	}
	
	.Highlight-content-description{
		font-weight: 300;
		line-height: 1.4;
	}
	
	.img-Highlight-content{
		height: 80px;
		width: 100%;
		padding-right: 0!important;
		margin-right: 0!important;
	}
	
	.btn-Red-2{
		margin-left: -7%!important;
		margin-top: 5px!important;
	}
	
	.mobile-highlights-section{
		background-color: #e6e6e6;
		overflow: hidden;
	}
	
	.mobile-highlights-title{
		background-color: #fff;
		text-transform: uppercase;
		font-family: arial;
		font-weight: 900;
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	
	.mobile-highlights-description{
		background-color: #fff;
		padding-bottom: 15px;
		padding-left: 100px;
		padding-right: 100px;
		margin-top: -20px;
		font-family: myriadpro;
		line-height: 1.3;
	}
	
	.mobile-coming-right-up{
		background-color: #fff;
	}
	
	.mobile-coming-right-up-Img{
		width: 80%;
	}
	
	.mobile-coming-right-up-Title{
		color: #cc0001;
		font-family: arial;
		margin-top: 10px;
		font-weight: 900;
		text-transform: uppercase;
	}
	
	.mobile-coming-right-up-Venue{
		font-weight: 900;
		margin-top: -30px;
		margin-bottom: 20px;
	}
	
	.mobile-connect-with-us{
		background-color: #e6e6e6;
	}
	
	.mobile-social-media{
		background-color: #333333!important;
		color: white!important;
		padding: 10px 25px;
		font-size: 50px;
	}
	
	/*--------------------------------------------------------------
	# mobile stories Images
	--------------------------------------------------------------*/
	.happee-news{
		width: 100%;
	}
	
	.happee-hour-channel{
		width: 100%;
		height: 900px;
	}
	
	.dear-inang, .ripple-life{
		width: 100%;
		height: 450px;
	}
	
	.form-who-do-you-want-to-see-next, .news-letter{
		padding-left: 150px;
		padding-right: 150px;
		margin-top: 30px;
	}
	
	.be-splendid{
		margin-bottom: 30px;
	}
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 30px 0;
		color: #eee;
		font-size: 13px;
	}
	.footer-Img{
		height: 40px;
		margin: 10px;
		margin-bottom: -50px!important;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/912.png") center center no-repeat;
		min-height: 800px;
		padding-left:8%;
		padding-right: 9.5%;
		padding-top: 4.5%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height: 400px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 8%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 25%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* --- (min-width: 992px) --- */
@media only screen and (min-width: 992px) and (max-width: 1023px){
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 2.5%;
		padding: 2%;
	}
	
	.container-fluid{
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	.brand-Img{
		width: 110px!important;
		height: 60px!important;
	}
	
	#intro {
		background: url("../img/assets/background/bg1920px.png") center center no-repeat;
		background-size: cover;
		padding: 2px 0 10px 0;
		overflow: hidden;
		z-index: 1;
	}

	/*--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
	.nav-link{
		font-size: 15px!important;
		padding: 12px!important;
	}
	
	.dropdown-item{
		font-size: 13px!important;
		padding: 5px 20px!important;
		color: white;
		font-weight: 500;
	}
	
	.white-link{
		color: white!important;
		font-weight: 500!important;
		font-size: 14px!important;
		padding-left: 10px;
	}
	
	.social-Icon-a{
		color: #fff!important;
		font-size: 19px!important;
		padding-right: 20px;
	}
	
	#search-button{
		border-radius: 50px!important;
		padding: 5px 30px 5px 30px;
		background-color: #cc0001;
		color: #fff;
		font-family: arial narrow;
		text-transform: uppercase;
		margin-top: 10px!important;
	}
	
	/*--------------------------------------------------------------
	# Welcome Area
	--------------------------------------------------------------*/
	.welcome-Img{
		width: 60%;
		margin-top: 15px!important;
	}
	
	.desktop-Welcome-Message{
		/*font-size: 18px!important;*/
		padding-right: 17%!important;
		margin-top: 25px!important;
		margin-bottom: 50px!important;
	}
	
	#message-bubble{
		background-image: url('../img/assets/background/parang-awa.png'); background-repeat: no-repeat;background-size: cover; 
		height: 200px;
		padding-top: 5%;
	}
	
	.parang-awa-message{
		margin-left: 10%;
		margin-top: 2.5%;
		padding-left: 2%;
		padding-right: 37%;
		/*font-size: 18px!important;*/
		height: 85px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.bottom-Img{
		margin-bottom: -10px;
	}
	/*--------------------------------------------------------------
	# Blog Preview
	--------------------------------------------------------------*/
	.card-view{
		padding: 10px;
		margin-top: 5px;
		height: 130px!important;
		overflow: hidden;
	}
	
	.card-view-Coming-Right-up{
		padding: 10px;
		margin-top: 5px;
	}
	
	.img-coming-right-up{
		width: 100%;
	}
	
	.img-Highlight-content{
		height: 110px;
		width: 100%;
	}
	
	.fa-caret-right{
		font-size: 35px!important;
	}
	
	.Title-Header, .Title-Header-2{
		font-size: 25px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.red-font{
		font-size: 25px;
		margin-top: 25px;
		margin-bottom: 20px;
	}
	
	.Blog-Title-Coming-Right-up{
		font-size: 19px;
		color: #cc0001;
		font-family: arial narrow;
		text-transform: uppercase;
		font-weight: 900;
	}
	
	.venue{
		font-size: 19px;
		color: #000;
		font-family: arial narrow;
		font-weight: 700;
		margin-top: -15px!important;
	}
	
	.Blog-Title{
		font-family: acumin;
		font-size: 19px!important;
		font-weight: 900!important;
	}
	
	.Highlight-content-description{
		font-family: myriadpro;
		font-size: 14.5px;
		line-height: 1.3;
		margin-top: -20px;
		color: gray;
	}
	
	/*--------------------------------------------------------------
	# Feed Section
	--------------------------------------------------------------*/
	.tw-header{
		padding: 10px;
	}
	
	.tw-header-2{
		padding: 10px 10px 10px 10px;
		width: 100%!important;
	}
	
	#happee-news-feed{
		background-image: url('../img/assets/happee-news.jpg'); 
		background-repeat: no-repeat;
		background-size: cover; 
		height: 200px;
	}
	
	.happee-news-feed{
		padding-left: 3.5%;
		padding-right: 43%;
		padding-top: 17%;
		font-family: myriadpro;
		font-size: 14px;
		font-weight: 900;
	}
	
	.left-img-happehour-channel{
		height: 400px!important;
		width: 100%!important;
	}
	
	.img-inang, .img-ripple-life, .img-adventures, .img-fiesta-corner{
		height: 200px!important;
		width: 100%!important;
	}
	
	.padding-top{
		padding-top: 15px!important;
	}
	
	.input-sm{
		border-radius: 50px!important; 
		border: 1px solid #cc0001!important;
		font-size: 11px;
		height: 40px;
	}
	
	#header-Title{
		font-size: 16px;
		font-weight: 900;
		margin-bottom: 10px;
	}
	
	.btn-feed{
		padding-top: 2px!important;
		padding-bottom: 2px!important;
	}
	/*--------------------------------------------------------------
	# Button
	--------------------------------------------------------------*/
	.btn-Red, .btn-feed{
		font-size: 18px!important;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 50px 0;
		color: #eee;
		font-size: 16px;
	}
	.footer-Img{
		height: 50px;
		margin-right: 20px;
		margin-top: 50px;
		margin-bottom: -20px!important;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/2019-11-07.png") center center no-repeat;
		min-height: 950px;
		padding-left: 5%;
		padding-right: 4%;
		padding-top: 1%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height: 515px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 5%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 25%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* --- (min-width: 1024px) --- */
@media only screen and (min-width: 1024px) and (max-width: 1239px){
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 2.5%;
		padding: 2%;
	}
	
	.container-fluid{
		padding-left: 3%!important;
		padding-right: 3%!important;
	}
	.brand-Img{
		width: 110px!important;
		height: 60px!important;
	}
	
	#intro {
		background: url("../img/assets/background/bg1920px.png") center center no-repeat;
		background-size: cover;
		padding: 2px 0 10px 0;
		overflow: hidden;
		z-index: 1;
	}

	/*--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
	.nav-link{
		font-size: 16px!important;
		padding: 12px!important;
	}
	
	.dropdown-item{
		font-size: 14px!important;
		padding: 5px 20px!important;
		color: white;
		font-weight: 500;
	}
	
	.white-link{
		color: white!important;
		font-weight: 500!important;
		font-size: 16px!important;
		padding-left: 10px;
	}
	
	.social-Icon-a{
		color: #fff!important;
		font-size: 22px!important;
		padding-right: 20px;
	}
	
	#search-button{
		border-radius: 50px!important;
		padding: 5px 30px 5px 30px;
		background-color: #cc0001;
		color: #fff;
		font-family: arial narrow;
		text-transform: uppercase;
		margin-top: 10px!important;
	}
	
	/*--------------------------------------------------------------
	# Welcome Area
	--------------------------------------------------------------*/
	.welcome-Img{
		width: 60%;
	}
	
	.desktop-Welcome-Message{
		/*font-size: 18px!important;*/
		padding-right: 17%!important;
		margin-top: 25px!important;
		margin-bottom: 50px!important;
	}
	
	#message-bubble{
		background-image: url('../img/assets/background/parang-awa.png'); background-repeat: no-repeat;background-size: cover; 
		height: 190px;
		padding-top: 5%;
	}
	
	.parang-awa-message{
		margin-left: 10%;
		margin-top: 2%;
		padding-left: 3%;
		padding-right: 37%;
		/*font-size: 20px!important;*/
		height: 80px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.bottom-Img{
		margin-bottom: -10px;
	}
	/*--------------------------------------------------------------
	# Blog Preview
	--------------------------------------------------------------*/
	.card-view{
		padding: 10px;
		margin-top: 5px;
		height: 130px!important;
		overflow: hidden;
	}
	
	.card-view-Coming-Right-up{
		padding: 10px;
		margin-top: 5px;
	}
	
	.img-coming-right-up{
		width: 100%;
	}
	
	.img-Highlight-content{
		height: 110px;
		width: 100%;
	}
	
	.fa-caret-right{
		font-size: 35px!important;
	}
	
	.Title-Header, .Title-Header-2{
		font-size: 25px;
		margin-top: 25px;
		margin-bottom: 20px;
	}
	
	.red-font{
		font-size: 25px;
		margin-top: 25px;
		margin-bottom: 20px;
	}
	
	.Blog-Title-Coming-Right-up{
		font-size: 19px;
		color: #cc0001;
		font-family: arial narrow;
		text-transform: uppercase;
		font-weight: 900;
	}
	
	.venue{
		font-size: 19px;
		color: #000;
		font-family: arial narrow;
		font-weight: 700;
		margin-top: -15px!important;
	}
	
	.Blog-Title{
		font-family: acumin;
		font-size: 19px!important;
		font-weight: 900!important;
	}
	
	.Highlight-content-description{
		font-family: myriadpro;
		font-size: 14.5px;
		line-height: 1.3;
		margin-top: -20px;
		color: gray;
	}
	
	/*--------------------------------------------------------------
	# Feed Section
	--------------------------------------------------------------*/
	.tw-header{
		padding: 10px;
	}
	
	.tw-header-2{
		padding: 10px 10px 10px 10px;
		width: 100%!important;
	}
	
	#happee-news-feed{
		background-image: url('../img/assets/happee-news.jpg'); 
		background-repeat: no-repeat;
		background-size: cover; 
		height: 200px;
	}
	
	.happee-news-feed{
		padding-left: 3.5%;
		padding-right: 42%;
		padding-top: 17%;
		font-family: myriadpro;
		font-size: 15px;
		font-weight: 900;
	}
	
	.left-img-happehour-channel{
		height: 400px!important;
		width: 100%!important;
	}
	
	.img-inang, .img-ripple-life, .img-adventures, .img-fiesta-corner{
		height: 200px!important;
		width: 100%!important;
	}
	
	.padding-top{
		padding-top: 15px!important;
	}
	
	.input-sm{
		border-radius: 50px!important; 
		border: 1px solid #cc0001!important;
		font-size: 12px;
		height: 40px;
	}
	
	#header-Title{
		font-size: 17px;
		font-weight: 900;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	.btn-feed{
		padding-top: 2px!important;
		padding-bottom: 2px!important;
	}
	/*--------------------------------------------------------------
	# Button
	--------------------------------------------------------------*/
	.btn-Red, .btn-feed{
		font-size: 18px!important;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 50px 0;
		color: #eee;
		font-size: 16px;
	}
	.footer-Img{
		height: 50px;
		margin-right: 20px;
		margin-top: 50px;
		margin-bottom: -20px!important;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/2019-11-07.png") center center no-repeat;
		min-height: 950px;
		padding-left: 5%;
		padding-right: 3.3%;
		padding-top: 1%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height: 515px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 5%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 25%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* --- (min-width: 1040px) --- */
@media only screen and (min-width: 1040px) and (max-width: 1279px){
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 3%;
		padding: 2%;
	}
	.container-fluid{
		padding-left: 3%!important;
		padding-right: 3%!important;
	}
	.brand-Img{
		width: 110px!important;
		height: 60px!important;
	}
	
	#intro {
		background: url("../img/assets/background/bg1920px.png") center center no-repeat;
		background-size: cover;
		padding: 2px 0 10px 0;
		overflow: hidden;
		z-index: 1;
	}

	/*--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
	.nav-link{
		font-size: 16px!important;
		padding: 12px!important;
	}
	
	.dropdown-item{
		font-size: 14px!important;
		padding: 5px 20px!important;
		color: white;
		font-weight: 500;
	}
	
	.white-link{
		color: white!important;
		font-weight: 500!important;
		font-size: 16px!important;
		padding-left: 10px;
	}
	
	.social-Icon-a{
		color: #fff!important;
		font-size: 22px!important;
		padding-right: 20px;
	}
	
	#search-button{
		border-radius: 50px!important;
		padding: 5px 30px 5px 30px;
		background-color: #cc0001;
		color: #fff;
		font-family: arial narrow;
		text-transform: uppercase;
		margin-top: 10px!important;
	}
	
	/*--------------------------------------------------------------
	# Welcome Area
	--------------------------------------------------------------*/
	.welcome-Img{
		width: 60%;
	}
	
	.desktop-Welcome-Message{
		/*font-size: 18px!important;*/
		padding-right: 17%!important;
		margin-top: 25px!important;
		margin-bottom: 50px!important;
	}
	
	#message-bubble{
		background-image: url('../img/assets/background/parang-awa.png'); background-repeat: no-repeat;background-size: cover; 
		height: 230px;
		padding-top: 5%;
	}
	
	.parang-awa-message{
		margin-left: 10%;
		padding-left: 2%;
		padding-right: 37%;
		/*font-size: 20px!important;*/
		height: 90px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.bottom-Img{
		margin-bottom: -10px;
	}
	/*--------------------------------------------------------------
	# Blog Preview
	--------------------------------------------------------------*/
	.card-view{
		padding: 10px;
		margin-top: 5px;
		height: 130px!important;
		overflow: hidden;
	}
	
	.card-view-Coming-Right-up{
		padding: 10px;
		margin-top: 5px;
	}
	
	.img-coming-right-up{
		width: 100%;
	}
	
	.img-Highlight-content{
		height: 110px;
		width: 100%;
	}
	
	.fa-caret-right{
		font-size: 35px!important;
	}
	
	.Title-Header, .Title-Header-2{
		font-size: 25px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.red-font{
		font-size: 25px;
		margin-top: 25px;
		margin-bottom: 20px;
	}
	
	.Blog-Title-Coming-Right-up{
		font-size: 19px;
		color: #cc0001;
		font-family: arial narrow;
		text-transform: uppercase;
		font-weight: 900;
	}
	
	.venue{
		font-size: 19px;
		color: #000;
		font-family: arial narrow;
		font-weight: 700;
		margin-top: -15px!important;
	}
	
	.Blog-Title{
		font-family: acumin;
		font-size: 19px!important;
		font-weight: 900!important;
	}
	
	.Highlight-content-description{
		font-family: myriadpro;
		font-size: 14.5px;
		line-height: 1.3;
		margin-top: -20px;
		color: gray;
	}
	
	/*--------------------------------------------------------------
	# Feed Section
	--------------------------------------------------------------*/
	.tw-header{
		padding: 10px;
	}
	
	.tw-header-2{
		padding: 10px 10px 10px 10px;
		width: 100%!important;
	}
	
	#happee-news-feed{
		background-image: url('../img/assets/happee-news.jpg'); 
		background-repeat: no-repeat;
		background-size: cover; 
		height: 200px;
	}
	
	.happee-news-feed{
		padding-left: 3.5%;
		padding-right: 42%;
		padding-top: 17%;
		font-family: myriadpro;
		font-size: 15px;
		font-weight: 900;
	}
	
	.left-img-happehour-channel{
		height: 400px!important;
		width: 100%!important;
	}
	
	.img-inang, .img-ripple-life, .img-adventures, .img-fiesta-corner{
		height: 200px!important;
		width: 100%!important;
	}
	
	.padding-top{
		padding-top: 15px!important;
	}
	
	.input-sm{
		border-radius: 50px!important; 
		border: 1px solid #cc0001!important;
		font-size: 12px;
		height: 40px;
	}
	
	#header-Title{
		font-size: 17px;
		font-weight: 900;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	.btn-feed{
		padding-top: 2px!important;
		padding-bottom: 2px!important;
	}
	/*--------------------------------------------------------------
	# Button
	--------------------------------------------------------------*/
	.btn-Red, .btn-feed{
		font-size: 18px!important;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 50px 0;
		color: #eee;
		font-size: 16px;
	}
	.footer-Img{
		height: 50px;
		margin-right: 20px;
		margin-top: 50px;
		margin-bottom: -20px!important;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/2019-11-07.png") center center no-repeat;
		min-height: 950px;
		padding-left: 6%;
		padding-right: 4.3%;
		padding-top: 1%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height: 515px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 5%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 25%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* --- (min-width: 1280px) --- */
@media only screen and (min-width: 1280px) and (max-width: 1365px){
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 10%;
		padding: 2%;
	}
	.brand-Img{
		width: 110px!important;
		height: 60px!important;
	}
	
	#intro {
		background: url("../img/assets/background/bg1920px.png") center center no-repeat;
		background-size: cover;
		padding: 5px 0 40px 0;
		overflow: hidden;
		z-index: 1;
	}

	/*--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
	.nav-link{
		font-size: 18px!important;
		padding: 15px!important;
	}
	
	.dropdown-item{
		font-size: 16px!important;
		padding: 5px 20px!important;
		color: white;
		font-weight: 500;
	}
	
	.white-link{
		color: white!important;
		font-weight: 500!important;
		font-size: 16px!important;
		padding-left: 10px;
	}
	
	.social-Icon-a{
		color: #fff!important;
		font-size: 25px!important;
		padding-right: 20px;
	}
	
	#search-button{
		border-radius: 50px!important;
		padding: 5px 30px 5px 30px;
		background-color: #cc0001;
		color: #fff;
		font-family: arial narrow;
		text-transform: uppercase;
		margin-top: 10px!important;
	}
	
	/*--------------------------------------------------------------
	# Welcome Area
	--------------------------------------------------------------*/
	.welcome-Img{
		width: 60%;
	}
	
	.desktop-Welcome-Message{
		/*font-size: 20px!important;*/
		padding-right: 17%!important;
		margin-top: 25px!important;
		margin-bottom: 50px!important;
	}
	
	#message-bubble{
		background-image: url('../img/assets/background/parang-awa.png'); background-repeat: no-repeat;background-size: cover; 
		height: 200px;
		padding-top: 5%;
	}
	
	.parang-awa-message{
		margin-left: 10%;
		margin-top: 1%;
		padding-left: 2%;
		padding-right: 37%;
		/*font-size: 20px!important;*/
		height: 90px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.bottom-Img{
		margin-bottom: -50px!important;
	}
	/*--------------------------------------------------------------
	# Blog Preview
	--------------------------------------------------------------*/
	.card-view{
		padding: 10px;
		margin-top: 5px;
		height: 132px!important;
		overflow: hidden;
	}
	
	.card-view-Coming-Right-up{
		padding: 10px;
		margin-top: 5px;
	}
	
	.img-coming-right-up{
		width: 100%;
	}
	
	.img-Highlight-content{
		height: 110px;
		width: 100%;
	}
	
	.fa-caret-right{
		font-size: 45px!important;
	}
	
	.Title-Header, .Title-Header-2{
		font-size: 30px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.red-font{
		font-size: 30px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.Blog-Title-Coming-Right-up{
		font-size: 20px;
		color: #cc0001;
		font-family: arial narrow;
		text-transform: uppercase;
		font-weight: 900;
	}
	
	.venue{
		font-size: 19px;
		color: #000;
		font-family: arial narrow;
		font-weight: 700;
		margin-top: -15px!important;
	}
	
	.Blog-Title{
		font-family: acumin;
		font-size: 20px!important;
		font-weight: 900!important;
	}
	
	.Highlight-content-description{
		font-family: myriadpro;
		font-size: 15px;
		line-height: 1.2;
		margin-top: -20px;
		color: gray;
	}
	
	/*--------------------------------------------------------------
	# Feed Section
	--------------------------------------------------------------*/
	.tw-header{
		padding: 10px;
	}
	
	.tw-header-2{
		padding: 10px 10px 10px 10px;
		width: 100%!important;
	}
	
	#happee-news-feed{
		background-image: url('../img/assets/happee-news.jpg'); 
		background-repeat: no-repeat;
		background-size: cover; 
		height: 270px;
	}
	
	.happee-news-feed{
		padding-left: 3.5%;
		padding-right: 45%;
		padding-top: 18%;
		font-family: myriadpro;
		font-size: 17px;
		font-weight: 900;
	}
	
	.left-img-happehour-channel{
		height: 500px!important;
		width: 100%!important;
	}
	
	.img-inang, .img-ripple-life, .img-adventures, .img-fiesta-corner{
		height: 250px!important;
		width: 100%!important;
	}
	
	.padding-top{
		padding-top: 25px!important;
	}
	
	.input-sm{
		border-radius: 50px!important; 
		border: 1px solid #cc0001!important;
		font-size: 20px;
		height: 40px;
	}
	
	#header-Title{
		font-size: 20px;
		font-weight: 900;
		margin-top: 5px;
		margin-bottom: 20px;
	}
	
	.btn-feed{
		padding-top: 2px!important;
		padding-bottom: 2px!important;
	}
	/*--------------------------------------------------------------
	# Button
	--------------------------------------------------------------*/
	.btn-Red, .btn-feed{
		font-size: 18px!important;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 50px 0;
		color: #eee;
		font-size: 16px;
	}
	.footer-Img{
		height: 50px;
		margin-right: 20px;
		margin-top: 50px;
		margin-bottom: -10px;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/2019-11-07.png") center center no-repeat;
		min-height: 950px;
		padding-left: 7%;
		padding-right: 6.3%;
		padding-top: 1%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height: 515px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 5%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 23%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* --- (min-width: 1366px) --- */
@media only screen and (min-width: 1366px) and (max-width: 1439px){
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 10%;
		padding: 2%;
	}
	.brand-Img{
		width: 110px!important;
		height: 60px!important;
	}
	
	#intro {
		background: url("../img/assets/background/bg1920px.png") center center no-repeat;
		background-size: cover;
		padding: 5px 0 40px 0;
		overflow: hidden;
		z-index: 1;
	}

	/*--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
	.nav-link{
		font-size: 18px!important;
		padding: 15px!important;
	}
	
	.dropdown-item{
		font-size: 16px!important;
		padding: 5px 20px!important;
		color: white;
		font-weight: 500;
	}
	
	.white-link{
		color: white!important;
		font-weight: 500!important;
		font-size: 16px!important;
		padding-left: 10px;
	}
	
	.social-Icon-a{
		color: #fff!important;
		font-size: 25px!important;
		padding-right: 20px;
	}
	
	#search-button{
		border-radius: 50px!important;
		padding: 5px 30px 5px 30px;
		background-color: #cc0001;
		color: #fff;
		font-family: arial narrow;
		text-transform: uppercase;
		margin-top: 10px!important;
	}
	
	/*--------------------------------------------------------------
	# Welcome Area
	--------------------------------------------------------------*/
	.welcome-Img{
		width: 60%;
	}
	
	.desktop-Welcome-Message{
		/*font-size: 20px!important;*/
		padding-right: 17%!important;
		margin-top: 25px!important;
		margin-bottom: 50px!important;
	}
	
	#message-bubble{
		background-image: url('../img/assets/background/parang-awa.png'); background-repeat: no-repeat;background-size: cover; 
		height: 250px;
		padding-top: 5%;
	}
	
	.parang-awa-message{
		margin-left: 10%!important;
		margin-top: 2%;
		padding-left: 2%;
		padding-right: 37%;
		/*font-size: 20px!important;*/
		height: 89px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.bottom-Img{
		margin-bottom: -50px!important;
	}
	
	.input-next{
		margin-top: 5px;
		border-radius: 50px!important;
		border: 5px solid #cc0001!important;
		font-size: 20px;
		height: 50px;
	}
	
	.btn-next{
		border-radius: 50px;
		color: white;
		background-color: #cc0001;
		font-size: 20px;
		margin-top: 5px;
		border-radius: 5px solid black;
		height: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	/*--------------------------------------------------------------
	# Blog Preview
	--------------------------------------------------------------*/
	.card-view{
		padding: 10px;
		margin-top: 10px;
		height: 145px!important;
		overflow: hidden;
	}
	
	.card-view-Coming-Right-up{
		padding: 10px;
		margin-top: 15px;
	}
	
	.img-coming-right-up{
		width: 100%;
	}
	
	.img-Highlight-content{
		height: 120px;
		width: 100%;
	}
	
	.fa-caret-right{
		font-size: 45px!important;
	}
	
	.Title-Header, .Title-Header-2{
		font-size: 30px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.red-font{
		font-size: 30px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.Blog-Title-Coming-Right-up{
		font-size: 20px;
		color: #cc0001;
		font-family: arial narrow;
		text-transform: uppercase;
		font-weight: 900;
	}
	
	.venue{
		font-size: 19px;
		color: #000;
		font-family: arial narrow;
		font-weight: 700;
		margin-top: -15px!important;
	}
	
	.Blog-Title{
		font-family: acumin;
		font-size: 20px!important;
		font-weight: 900!important;
	}
	
	.Highlight-content-description{
		font-family: myriadpro;
		font-size: 16px;
		line-height: 1.2;
		margin-top: -20px;
		color: gray;
	}
	
	/*--------------------------------------------------------------
	# Feed Section
	--------------------------------------------------------------*/
	.tw-header{
		padding: 10px;
	}
	
	.tw-header-2{
		padding: 10px 10px 10px 10px;
		width: 100%!important;
	}
	
	#happee-news-feed{
		background-image: url('../img/assets/happee-news.jpg'); 
		background-repeat: no-repeat;
		background-size: cover; 
		height: 270px;
	}
	
	.happee-news-feed{
		padding-left: 3.5%;
		padding-right: 45%;
		padding-top: 18%;
		font-family: myriadpro;
		font-size: 18px;
		font-weight: 900;
	}
	
	.left-img-happehour-channel{
		height: 500px!important;
		width: 100%!important;
	}
	
	.img-inang, .img-ripple-life, .img-adventures, .img-fiesta-corner{
		height: 250px!important;
		width: 100%!important;
	}
	
	.padding-top{
		padding-top: 25px!important;
	}
	
	.input-sm{
		border-radius: 50px!important; 
		border: 1px solid #cc0001!important;
		font-size: 18px;
		height: 40px;
	}
	
	#header-Title{
		font-size: 23px;
		font-weight: 900;
		margin-top: 5px;
		margin-bottom: 20px;
	}
	
	.btn-feed{
		padding-top: 2px!important;
		padding-bottom: 2px!important;
	}
	/*--------------------------------------------------------------
	# Button
	--------------------------------------------------------------*/
	.btn-Red, .btn-feed{
		font-size: 18px!important;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 50px 0;
		color: #eee;
		font-size: 16px;
	}
	.footer-Img{
		height: 50px;
		margin-right: 20px;
		margin-top: 50px;
		margin-bottom: -10px;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/2019-11-07.png") center center no-repeat;
		min-height: 950px;
		padding-left: 10%;
		padding-right: 9.3%;
		padding-top: 1%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height: 515px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 5%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 24%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* --- (min-width: 1440px) --- */
@media only screen and (min-width: 1440px) and (max-width: 1599px){
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 10%;
		padding: 2%;
	}
	.brand-Img{
		width: 110px!important;
		height: 60px!important;
	}
	
	#intro {
		background: url("../img/assets/background/bg1920px.png") center center no-repeat;
		/*background-size: cover;*/
		padding: 5px 0 40px 0;
		overflow: hidden;
		z-index: 1;
	}

	/*--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
	.nav-link{
		font-size: 20px!important;
		padding: 15px!important;
	}
	
	.dropdown-item{
		font-size: 18px!important;
		padding: 5px 20px!important;
		color: white;
		font-weight: 500;
	}
	
	.white-link{
		color: white!important;
		font-weight: 500!important;
		font-size: 18px!important;
		padding-left: 10px;
	}
	
	.social-Icon-a{
		color: #fff!important;
		font-size: 25px!important;
		padding-right: 25px;
	}
	
	#search-button{
		border-radius: 50px!important;
		padding: 5px 30px 5px 30px;
		background-color: #cc0001;
		color: #fff;
		font-family: arial narrow;
		text-transform: uppercase;
		margin-top: 10px!important;
	}
	
	.access-button{
		margin-top: 10px;
	}
	
	
	/*--------------------------------------------------------------
	# Welcome Area
	--------------------------------------------------------------*/
	.welcome-Img{
		width: 50%;
	}
	
	.desktop-Welcome-Message{
		/*font-size: 20px!important;*/
		padding-right: 17%!important;
		margin-top: 25px!important;
		margin-bottom: 50px!important;
	}
	
	#message-bubble{
		background-image: url('../img/assets/background/parang-awa.png'); background-repeat: no-repeat;background-size: cover; 
		height: 260px;
		padding-top: 5%;
	}
	
	.parang-awa-message{
		margin-left: 10%;
		margin-top: 2%;
		padding-left: 2%;
		padding-right: 40%;
		/*font-size: 20px!important;*/
		height: 108px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.bottom-Img{
		margin-bottom: -50px!important;
	}
	
	.input-next{
		margin-top: 5px;
		border-radius: 50px!important;
		border: 5px solid #cc0001!important;
		font-size: 20px;
		height: 50px;
	}
	
	.btn-next{
		border-radius: 50px;
		color: white;
		background-color: #cc0001;
		font-size: 20px;
		margin-top: 5px;
		border-radius: 5px solid black;
		height: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	/*--------------------------------------------------------------
	# Blog Preview
	--------------------------------------------------------------*/
	.card-view{
		padding: 15px;
		margin-top: 10px;
		height: 155px!important;
		overflow: hidden;
	}
	
	.card-view-Coming-Right-up{
		padding: 15px;
		margin-top: 15px;
	}
	
	.img-coming-right-up{
		width: 100%;
	}
	
	.img-Highlight-content{
		height: 120px;
		width: 100%;
	}
	
	.fa-caret-right{
		font-size: 45px!important;
	}
	
	.Title-Header, .Title-Header-2{
		font-size: 30px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.red-font{
		font-size: 30px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.Blog-Title-Coming-Right-up{
		font-size: 20px;
		color: #cc0001;
		font-family: arial narrow;
		text-transform: uppercase;
		font-weight: 900;
	}
	
	.venue{
		font-size: 19px;
		color: #000;
		font-family: arial narrow;
		font-weight: 700;
		margin-top: -15px!important;
	}
	
	.Blog-Title{
		font-family: acumin;
		font-size: 20px!important;
		font-weight: 900!important;
	}
	
	.Highlight-content-description{
		font-family: myriadpro;
		font-size: 17px;
		line-height: 1.2;
		margin-top: -20px;
		color: gray;
	}
	
	/*--------------------------------------------------------------
	# Feed Section
	--------------------------------------------------------------*/
	.tw-header{
		padding: 10px;
	}
	
	.tw-header-2{
		padding: 10px 10px 10px 10px;
		width: 100%!important;
	}
	
	#happee-news-feed{
		background-image: url('../img/assets/happee-news.jpg'); 
		background-repeat: no-repeat;
		background-size: cover; 
		height: 300px;
	}
	
	.happee-news-feed{
		padding-left: 3.5%;
		padding-right: 45%;
		padding-top: 18%;
		font-family: myriadpro;
		font-size: 18px;
		font-weight: 900;
	}
	
	.left-img-happehour-channel{
		height: 550px!important;
		width: 100%!important;
	}
	
	.img-inang, .img-ripple-life, .img-adventures, .img-fiesta-corner{
		height: 275px!important;
		width: 100%!important;
	}
	
	.input-sm{
		border-radius: 50px!important; 
		border: 1px solid #cc0001!important;
		font-size: 20px;
		height: 40px;
	}
	
	#header-Title{
		font-size: 23px;
		font-weight: 900;
		margin-top: 5px;
		margin-bottom: 20px;
	}
	
	.btn-feed{
		padding-top: 2px!important;
		padding-bottom: 2px!important;
	}
	/*--------------------------------------------------------------
	# Button
	--------------------------------------------------------------*/
	.btn-Red, .btn-feed{
		font-size: 18px!important;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 50px 0;
		color: #eee;
		font-size: 18px;
	}
	.footer-Img{
		height: 60px;
		margin-right: 20px;
		margin-top: 50px;
		margin-bottom: -10px;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/2019-11-07.png") center center no-repeat;
		min-height: 950px;
		padding-left: 11%;
		padding-right: 11.3%;
		padding-top: 1%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height: 515px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 5%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 23%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* --- (min-width: 1600px) --- */
@media only screen and (min-width: 1600px) and (max-width: 1679px){
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 10%;
		padding: 2%;
	}
	
	.brand-Img{
		width: 110px!important;
		height: 60px!important;
	}
	
	#intro {
		background: url("../img/assets/background/bg1920px.png") center center no-repeat;
		background-size: cover;
		padding: 5px 0 40px 0;
		overflow: hidden;
		z-index: 1;
	}

	/*--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
	.nav-link{
		font-size: 20px!important;
		padding: 15px!important;
	}
	
	.dropdown-item{
		font-size: 18px!important;
		padding: 5px 20px!important;
		color: white;
		font-weight: 500;
	}
	
	.white-link{
		color: white!important;
		font-weight: 500!important;
		font-size: 18px!important;
		padding-left: 10px;
	}
	
	.social-Icon-a{
		color: #fff!important;
		font-size: 25px!important;
		padding-right: 25px;
	}
	
	#search-button{
		border-radius: 50px!important;
		padding: 5px 30px 5px 30px;
		background-color: #cc0001;
		color: #fff;
		font-family: arial narrow;
		text-transform: uppercase;
		margin-top: 10px!important;
	}
	
	.access-button{
		margin-top: 10px;
	}
	
	/*--------------------------------------------------------------
	# Welcome Area
	--------------------------------------------------------------*/
	.welcome-Img{
		width: 50%;
	}
	
	.desktop-Welcome-Message{
		/*font-size: 20px!important;*/
		padding-right: 17%!important;
		margin-top: 25px!important;
		margin-bottom: 50px!important;
	}
	
	#message-bubble{
		background-image: url('../img/assets/background/parang-awa.png'); background-repeat: no-repeat;background-size: cover; 
		height: 250px;
		padding-top: 5%;
	}
	
	.parang-awa-message{
		margin-left: 10%;
		margin-top: 2.5%!important;
		padding-left: 2%;
		padding-right: 39%;
		/*font-size: 22px!important;*/
		height: 110px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.bottom-Img{
		margin-bottom: -50px!important;
	}
	
	.input-next{
		margin-top: 5px;
		border-radius: 50px!important;
		border: 5px solid #cc0001!important;
		font-size: 20px;
		height: 50px;
	}
	
	.btn-next{
		border-radius: 50px;
		color: white;
		background-color: #cc0001;
		font-size: 20px;
		margin-top: 5px;
		border-radius: 5px solid black;
		height: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}

	/*--------------------------------------------------------------
	# Blog Preview
	--------------------------------------------------------------*/
	.card-view{
		padding: 15px;
		margin-top: 10px;
		height: 155px!important;
		overflow: hidden;
	}
	
	.card-view-Coming-Right-up{
		padding: 15px;
		margin-top: 15px;
	}
	
	.img-coming-right-up{
		width: 100%;
	}
	
	.img-Highlight-content{
		height: 125px;
		width: 100%;
	}
	
	.fa-caret-right{
		font-size: 45px!important;
	}
	
	.Title-Header, .Title-Header-2{
		font-size: 30px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.red-font{
		font-size: 30px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.Blog-Title-Coming-Right-up{
		font-size: 20px;
		color: #cc0001;
		font-family: arial narrow;
		text-transform: uppercase;
		font-weight: 900;
	}
	
	.venue{
		font-size: 19px;
		color: #000;
		font-family: arial narrow;
		font-weight: 700;
		margin-top: -15px!important;
	}
	
	.Blog-Title{
		font-family: acumin;
		font-size: 20px!important;
		font-weight: 900!important;
	}
	
	.Highlight-content-description{
		font-family: myriadpro;
		font-size: 18px;
		line-height: 1.2;
		margin-top: -20px;
		color: gray;
	}
	
	/*--------------------------------------------------------------
	# Feed Section
	--------------------------------------------------------------*/
	.tw-header{
		padding: 10px;
	}
	
	.tw-header-2{
		padding: 10px 10px 10px 10px;
		width: 100%!important;
	}
	
	#happee-news-feed{
		background-image: url('../img/assets/happee-news.jpg'); 
		background-repeat: no-repeat;
		background-size: cover; 
		height: 300px;
	}
	
	.happee-news-feed{
		padding-left: 3.5%;
		padding-right: 45%;
		padding-top: 18%;
		font-family: myriadpro;
		font-size: 20px;
		font-weight: 900;
	}
	
	.left-img-happehour-channel{
		height: 600px!important;
		width: 100%!important;
	}
	
	.img-inang, .img-ripple-life, .img-adventures, .img-fiesta-corner{
		height: 300px!important;
		width: 100%!important;
	}
	
	.input-sm{
		border-radius: 50px!important; 
		border: 1px solid #cc0001!important;
		font-size: 20px;
		height: 50px;
	}
	
	#header-Title{
		font-size: 25px;
		font-weight: 900;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	.btn-feed{
		padding-top: 5px!important;
		padding-bottom: 5px!important;
	}
	/*--------------------------------------------------------------
	# Button
	--------------------------------------------------------------*/
	.btn-Red, .btn-feed{
		font-size: 20px!important;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 50px 0;
		color: #eee;
		font-size: 18px;
	}
	.footer-Img{
		height: 60px;
		margin-right: 20px;
		margin-top: 50px;
		margin-bottom: -10px;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/2019-11-07.png") center center no-repeat;
		min-height: 950px;
		padding-left: 15%;
		padding-right: 15.3%;
		padding-top: 1%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height: 515px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 5%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 23%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}


/* --- (min-width: 1680px) --- */
@media only screen and (min-width: 1680px) and (max-width: 1919px){
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 10%;
		padding: 2%;
	}
	
	.brand-Img{
		width: 110px!important;
		height: 60px!important;
	}
	
	#intro {
		background: url("../img/assets/background/bg1920px.png") center center no-repeat;
		background-size: cover;
		padding: 5px 0 40px 0;
		overflow: hidden;
		z-index: 1;
	}

	/*--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
	.nav-link{
		font-size: 20px!important;
		padding: 15px!important;
	}
	
	.dropdown-item{
		font-size: 18px!important;
		padding: 5px 20px!important;
		color: white;
		font-weight: 500;
	}
	
	.white-link{
		color: white!important;
		font-weight: 500!important;
		font-size: 18px!important;
		padding-left: 10px;
	}
	
	.social-Icon-a{
		color: #fff!important;
		font-size: 25px!important;
		padding-right: 25px;
	}
	
	#search-button{
		border-radius: 50px!important;
		padding: 5px 30px 5px 30px;
		background-color: #cc0001;
		color: #fff;
		font-family: arial narrow;
		text-transform: uppercase;
		margin-top: 10px!important;
	}
	
	.access-button{
		margin-top: 10px;
	}
	
	.input-next{
		margin-top: 5px;
		border-radius: 50px!important;
		border: 5px solid #cc0001!important;
		font-size: 30px;
		height: 80px;
	}
	
	.btn-next{
		border-radius: 50px;
		color: white;
		background-color: #cc0001;
		font-size: 30px;
		margin-top: 5px;
		border-radius: 5px solid black;
		height: 60px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	/*--------------------------------------------------------------
	# Welcome Area
	--------------------------------------------------------------*/
	.welcome-Img{
		width: 50%;
	}
	
	.desktop-Welcome-Message{
		/*font-size: 20px!important;*/
		padding-right: 17%!important;
		margin-top: 25px!important;
		margin-bottom: 50px!important;
	}
	
	#message-bubble{
		background-image: url('../img/assets/background/parang-awa.png'); background-repeat: no-repeat;background-size: cover; 
		height: 250px;
		padding-top: 5%;
	}
	
	.parang-awa-message{
		margin-left: 10%;
		margin-top: 2.5%;
		padding-left: 2%;
		padding-right: 39%;
		/*font-size: 22px!important;*/
		height: 112px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.bottom-Img{
		margin-bottom: -50px!important;
	}
	/*--------------------------------------------------------------
	# Blog Preview
	--------------------------------------------------------------*/
	.card-view{
		padding: 15px;
		margin-top: 10px;
		height: 155px!important;
		overflow: hidden;
	}
	
	.card-view-Coming-Right-up{
		padding: 15px;
		margin-top: 15px;
	}
	
	.img-coming-right-up{
		width: 100%;
	}
	
	.img-Highlight-content{
		height: 120px;
		width: 100%;
	}
	
	.fa-caret-right{
		font-size: 45px!important;
	}
	
	.Title-Header, .Title-Header-2{
		font-size: 30px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.red-font{
		font-size: 30px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.Blog-Title-Coming-Right-up{
		font-size: 20px;
		color: #cc0001;
		font-family: arial narrow;
		text-transform: uppercase;
		font-weight: 900;
	}
	
	.venue{
		font-size: 19px;
		color: #000;
		font-family: arial narrow;
		font-weight: 700;
		margin-top: -15px!important;
	}
	
	.Blog-Title{
		font-family: acumin;
		font-size: 20px!important;
		font-weight: 900!important;
	}
	
	.Highlight-content-description{
		font-family: myriadpro;
		font-size: 18px;
		line-height: 1.2;
		margin-top: -20px;
		color: gray;
	}
	
	/*--------------------------------------------------------------
	# Feed Section
	--------------------------------------------------------------*/
	.tw-header{
		padding: 10px;
	}
	
	.tw-header-2{
		padding: 10px 10px 10px 10px;
		width: 100%!important;
	}
	
	#happee-news-feed{
		background-image: url('../img/assets/happee-news.jpg'); 
		background-repeat: no-repeat;
		background-size: cover; 
		height: 300px;
	}
	
	.happee-news-feed{
		padding-left: 3.5%;
		padding-right: 45%;
		padding-top: 18%;
		font-family: myriadpro;
		font-size: 20px;
		font-weight: 900;
	}
	
	.left-img-happehour-channel{
		height: 600px!important;
		width: 100%!important;
	}
	
	.img-inang, .img-ripple-life, .img-adventures, .img-fiesta-corner{
		height: 300px!important;
		width: 100%!important;
	}
	
	.input-sm{
		border-radius: 50px!important; 
		border: 1px solid #cc0001!important;
		font-size: 20px;
		height: 50px;
	}
	
	#header-Title{
		font-size: 25px;
		font-weight: 900;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	.btn-feed{
		padding-top: 5px!important;
		padding-bottom: 5px!important;
	}
	/*--------------------------------------------------------------
	# Button
	--------------------------------------------------------------*/
	.btn-Red, .btn-feed{
		font-size: 20px!important;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 50px 0;
		color: #eee;
		font-size: 18px;
	}
	.footer-Img{
		height: 60px;
		margin-right: 20px;
		margin-top: 50px;
		margin-bottom: -10px;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/2019-11-07.png") center center no-repeat;
		min-height: 950px;
		padding-left: 16%;
		padding-right: 17%;
		padding-top: 1%;
		font-size: 20px;
	}
	
	.dear_inang_wrapper{
		height: 515px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 5%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 23%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}


/* ---16 (min-width: 1920px) --- */
@media only screen and (min-width: 1920px) and (max-width: 2559px){
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 10%;
		padding: 2%;
	}
	
	.sticky-sidebar{
		padding-top: 5px;
	}
	
	.brand-Img{
		width: 140px!important;
		height: 80px!important;
	}
	
	#intro {
		background: url("../img/assets/background/bg1920px.png") center center no-repeat;
		background-size: cover;
		padding: 20px 0 50px 0;
		overflow: hidden;
		z-index: 1;
	}

	/*--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
	.nav-link{
		font-size: 22px!important;
		padding: 30px!important;
	}
	
	.dropdown-item{
		font-size: 20px!important;
		padding: 10px 20px!important;
		color: white;
		font-weight: 500;
	}
	
	.white-link{
		color: white!important;
		font-weight: 500!important;
		font-size: 22px!important;
		padding-left: 20px;
	}
	
	.social-Icon-a{
		color: #fff!important;
		font-size: 30px!important;
		padding-right: 25px;
	}
	
	#search-button{
		border-radius: 50px!important;
		padding: 5px 30px 5px 30px;
		background-color: #cc0001;
		color: #fff;
		font-family: arial narrow;
		text-transform: uppercase;
		margin-top: 10px!important;
	}
	
	.access-button{
		margin-top: 10px;
	}
	
	.input-next{
		margin-top: 5px;
		border-radius: 50px!important;
		border: 5px solid #cc0001!important;
		font-size: 30px;
		height: 80px;
	}
	
	.btn-next{
		border-radius: 50px;
		color: white;
		background-color: #cc0001;
		font-size: 30px;
		margin-top: 5px;
		border-radius: 5px solid black;
		height: 60px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	/*--------------------------------------------------------------
	# Welcome Area
	--------------------------------------------------------------*/
	.welcome-Img{
		width: 50%;
	}
	
	.desktop-Welcome-Message{
		/*font-size: 25px!important;*/
		padding-right: 17%!important;
		margin-top: 25px!important;
		margin-bottom: 50px!important;
	}
	
	#message-bubble{
		background-image: url('../img/assets/background/parang-awa.png'); background-repeat: no-repeat;background-size: cover; 
		height: 300px;
		padding-top: 5%;
	}
	
	.parang-awa-message{
		margin-left: 9%;
		margin-top: 2.5%;
		padding-left: 2%;
		padding-right: 40%;
		/*font-size: 26px!important;*/
		height: 150px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.bottom-Img{
		margin-bottom: -80px!important;
	}
	/*--------------------------------------------------------------
	# Blog Preview
	--------------------------------------------------------------*/
	.card-view{
		padding: 15px;
		margin-top: 10px;
		height: 180px!important;
		overflow: hidden;
	}
	
	.card-view-Coming-Right-up{
		padding: 15px;
		margin-top: 15px;
	}
	
	.img-coming-right-up{
		width: 100%;
	}
	
	.img-Highlight-content{
		height: 150px;
		width: 100%;
	}
	
	.fa-caret-right{
		font-size: 55px!important;
	}
	
	.Title-Header, .Title-Header-2{
		font-size: 40px;
		margin-top: 50px;
		margin-bottom: 30px;
	}
	
	.red-font{
		font-size: 40px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	.Blog-Title-Coming-Right-up{
		font-size: 27px;
		color: #cc0001;
		font-family: arial narrow;
		text-transform: uppercase;
		font-weight: 900;
	}
	
	.venue{
		font-size: 23px;
		color: #000;
		font-family: arial narrow;
		font-weight: 700;
		margin-top: -15px!important;
	}
	
	.Blog-Title{
		font-family: acumin;
		font-size: 25px!important;
		font-weight: 900!important;
	}
	
	.Highlight-content-description{
		font-family: myriadpro;
		font-size: 21px;
		line-height: 1.2;
		margin-top: -20px;
		color: gray;
	}
	
	/*--------------------------------------------------------------
	# Feed Section
	--------------------------------------------------------------*/
	.tw-header{
		padding: 20px;
	}
	
	.tw-header-2{
		padding: 10px 20px 20px 20px;
		width: 100%!important;
	}
	
	#happee-news-feed{
		background-image: url('../img/assets/happee-news.jpg'); 
		background-repeat: no-repeat;
		background-size: cover; 
		height: 400px;
	}
	
	.happee-news-feed{
		padding-left: 4%;
		padding-right: 42%;
		padding-top: 18%;
		font-family: myriadpro;
		font-size: 27px;
		font-weight: 900;
	}
	
	.left-img-happehour-channel{
		height: 700px!important;
		width: 100%!important;
	}
	
	.img-inang, .img-ripple-life, .img-adventures, .img-fiesta-corner{
		height: 350px!important;
		width: 100%!important;
	}
	
	.padding-top{
		padding-top: 30px!important;
	}
	
	.input-sm{
		border-radius: 50px!important; 
		border: 1px solid #cc0001!important;
		font-size: 20px;
		height: 50px;
	}
	
	#header-Title{
		font-size: 30px;
		font-weight: 900;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	
	.btn-feed{
		padding-top: 5px!important;
		padding-bottom: 5px!important;
	}
	/*--------------------------------------------------------------
	# Button
	--------------------------------------------------------------*/
	.btn-Red, .btn-feed{
		font-size: 22px!important;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 50px 0;
		color: #eee;
		font-size: 25px;
	}
	.footer-Img{
		height: 70px;
		margin-right: 20px;
		margin-top: 50px;
		margin-bottom: -10px;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/2019-11-07.png") center center no-repeat;
		min-height: 1000px;
		padding-left: 20%;
		padding-right: 21.2%;
		padding-top: 3%;
		font-size: 25px;
	}
	
	.dear_inang_wrapper{
		height: 515px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 5%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 23%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* ---17 (min-width: 2560px) --- */
@media only screen and (min-width: 2560px){
	#homepage .sticky-nav {
	    margin-top: -22px !important;
	}
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 10%;
		padding: 2%;
	}
	
	.sticky-sidebar{
		padding-top: 5px;
	}
	
	.brand-Img{
		width: 190px!important;
		height: 100px!important;
	}
	
	#intro {
		background: url("../img/assets/background/bg2560px.png") center center no-repeat;
		background-size: cover;
		padding: 20px 0 50px 0;
		overflow: hidden;
		z-index: 1;
	}

	/*--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
	.nav-link{
		font-size: 30px!important;
		padding: 30px!important;
	}
	
	.dropdown-item{
		font-size: 30px!important;
		padding: 10px 20px!important;
		color: white;
		font-weight: 500;
	}
	
	.white-link{
		color: white!important;
		font-weight: 500!important;
		font-size: 30px!important;
		padding-left: 20px;
	}
	
	.social-Icon-a{
		color: #fff!important;
		font-size: 50px!important;
		padding-right: 45px;
	}
	
	#search-button{
		border-radius: 50px!important;
		padding: 5px 30px 5px 30px;
		background-color: #cc0001;
		color: #fff;
		font-family: arial narrow;
		text-transform: uppercase;
		margin-top: 10px!important;
	}
	
	.access-button{
		margin-top: 10px;
	}
	
	/*--------------------------------------------------------------
	# Welcome Area
	--------------------------------------------------------------*/
	.welcome-Img{
		width: 50%;
	}
	
	.desktop-Welcome-Message{
		/*font-size: 38px!important;*/
		padding-right: 17%!important;
		margin-top: 25px!important;
		margin-bottom: 50px!important;
	}
	
	#message-bubble{
		background-image: url('../img/assets/background/parang-awa.png'); background-repeat: no-repeat;background-size: cover; 
		height: 400px;
		padding-top: 5%;
	}
	
	.parang-awa-message{
		margin-left: 8.4%;
		margin-top: 3%;
		padding-left: 2%;
		padding-right: 40%;
		/*font-size: 35px!important;*/
		height: 190px!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
	
	.bottom-Img{
		margin-bottom: -80px!important;
	}
	/*--------------------------------------------------------------
	# Blog Preview
	--------------------------------------------------------------*/
	.card-view{
		padding: 15px;
		margin-top: 15px;
		height: 270px!important;
		overflow: hidden;
	}
	
	.card-view-Coming-Right-up{
		padding: 15px;
		margin-top: 15px;
	}
	
	.img-coming-right-up{
		width: 100%;
	}
	
	.img-Highlight-content{
		height: 237px;
		width: 100%;
	}
	
	.fa-caret-right{
		font-size: 75px!important;
	}
	
	.Title-Header, .Title-Header-2{
		font-size: 50px;
		margin-top: 50px;
		margin-bottom: 30px;
	}
	
	.red-font{
		font-size: 50px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.Blog-Title-Coming-Right-up{
		font-size: 35px;
	}
	
	.venue{
		font-size: 33px;
		color: #000;
		font-family: arial narrow;
		font-weight: 700;
		margin-top: -15px!important;
	}
	
	.Blog-Title{
		font-family: acumin;
		font-size: 40px!important;
		font-weight: 900!important;
	}
	
	.Highlight-content-description{
		font-family: myriadpro;
		font-size: 30px;
		line-height: 1.2;
		margin-top: -20px;
		color: gray;
	}
	
	/*--------------------------------------------------------------
	# Feed Section
	--------------------------------------------------------------*/
	.tw-header{
		padding: 50px;
	}
	
	.tw-header-2{
		padding: 10px 50px 50px 50px;
		width: 100%!important;
	}
	
	#happee-news-feed{
		background-image: url('../img/assets/happee-news.jpg'); 
		background-repeat: no-repeat;
		background-size: cover; 
		height: 500px;
	}
	
	.happee-news-feed{
		padding-left: 3.5%;
		padding-right: 45%;
		padding-top: 18%;
		font-family: myriadpro;
		font-size: 35px;
		font-weight: 900;
	}
	
	.left-img-happehour-channel{
		height: 1000px!important;
		width: 100%!important;
	}
	
	.img-inang, .img-ripple-life, .img-adventures, .img-fiesta-corner{
		height: 500px!important;
		width: 100%!important;
	}
	
	.input-sm{
		border-radius: 50px!important; 
		border: 1px solid #cc0001!important;
		font-size: 30px;
		height: 70px;
	}
	
	#header-Title{
		font-size: 40px;
		font-weight: 900;
		margin-top: 50px;
		margin-bottom: 20px;
	}
	
	.btn-feed{
		padding-top: 5px!important;
		padding-bottom: 5px!important;
	}
	/*--------------------------------------------------------------
	# Button
	--------------------------------------------------------------*/
	.btn-Red, .btn-feed{
		font-size: 35px!important;
	}
	
	.input-next{
		margin-top: 5px;
		border-radius: 50px!important;
		border: 5px solid #cc0001!important;
		font-size: 35px;
		height: 90px;
	}
	
	.btn-next{
		border-radius: 50px;
		color: white;
		background-color: #cc0001;
		font-size: 35px;
		margin-top: 5px;
		border-radius: 5px solid black;
		height: 70px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 50px 0;
		color: #eee;
		font-size: 25px;
	}
	.footer-Img{
		height: 100px;
		margin-right: 20px;
		margin-top: 50px;
		margin-bottom: -10px;
	}
	
	/*--------------------------------------------------------------
	# Registration
	--------------------------------------------------------------*/
	.head-Title{
		font-size: 40px;
	}
	
	.upload-btn, p, label, h5, .fa{
		font-size: 30px;
	}
	
	.form-control{
		font-size: 25px!important;
		height: 80px!important;
	}
	
	.multiple-select{
		font-size: 25px!important;
		height: 300px!important;
	}
	
	input[type=checkbox]{
		transform: scale(2);
		margin: 5px!important;
	}
	
	input[type=radio] {
		transform: scale(2);
		padding-left: 10px!important;
	}
	
	#radio1, #radio2{
		margin-top: 17px;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/2019-11-07.png") center center no-repeat;
		min-height: 1000px;
		padding-left: 28%;
		padding-right: 28.5%;
		padding-top: 2.2%;
		font-size: 25px;
	}
	
	.dear_inang_wrapper{
		height: 515px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 5%;
		/* border: 2px solid lightgray; */
		/* border-radius: 30px 30px 30px 0px; */
		/* background-color: #1d2e43; */
		/* color: white; */
		margin-right: 23%;
		margin-top: 2%;
		opacity: 0.8;
	}
	
	.message-2{
		/*padding: 5%;
		border: 2px solid lightgray;
		border-radius: 30px 30px 0px 30px;
		background-color: #0078ff;
		color: white; 
		margin-top: 3%;
		margin-left: 15%;
		opacity: 0.8;
		margin-right: 20%;*/
	}
}

/* ---17 higher (min-width: 3840px) --- */
@media only screen and (min-width: 3840px){
	body {
		font-size: 2em;
	}
	.affix {
		position: fixed;
		top: 0;
		z-index: 9999 !important;
		margin-right: 10%;
		padding: 2%;
	}

	#desktop-view p {
		font-size: 45px !important;
	}
	
	.sticky-sidebar{
		padding-top: 5px;
	}
	
	.brand-Img{
	    width: 100%!important;
    	height: 100%!important;
	}
	.modal-body,.modal-footer {
		padding: 3rem;
	}
	.modal-dialog.modal-dialog-centered {
	    max-width: 1100px;
	}

	img.img-fluid.brand-Img {
		width: 230px!important;
	}

	.modal-header .close span {
		font-size: 3.5rem;
	}

	.Inner-Page-Title-Header {
	    margin-top: 60px!important;
	    font-size: 60px;
	    font-weight: bold;
	}
	
	#intro {
		background: url("../img/assets/background/bg2560px.png") center center no-repeat;
		background-size: cover;
		padding: 20px 0 50px 0;
		overflow: hidden;
		z-index: 1;
	}

	/*--------------------------------------------------------------
	# Navigation
	--------------------------------------------------------------*/
	.nav-link{
		font-size: 45px!important;
		padding: 45px!important;
	}
	
	.dropdown-item{
		font-size: 30px!important;
		padding: 10px 20px!important;
		color: white;
		font-weight: 500;
	}
	
	.white-link{
		color: white!important;
		font-weight: 500!important;
		font-size: 45px!important;
		padding-left: 45px;
	}
	
	.social-Icon-a{
		color: #fff!important;
		font-size: 45px!important;
		padding-right: 55px;
	}
	
	#search-button{
		border-radius: 90px!important;
		padding: 0px 125px;
		background-color: #cc0001;
		color: #fff;
		font-family: arial narrow;
		text-transform: uppercase;
		margin-top: 30px!important;
	}
	
	.access-button{
		margin-top: 10px;
	}
	
	/*--------------------------------------------------------------
	# Welcome Area
	--------------------------------------------------------------*/
	.welcome-Img{
		width: 50%;
		margin-top: 80px !important;
	}
	
	.desktop-Welcome-Message{
		/*font-size: 40px!important;*/
		padding-right: 17%!important;
	    margin-top: 50px!important;
	    margin-bottom: 75px!important;
	}
	
	#message-bubble{
		background-image: url('../img/assets/background/parang-awa.png'); background-repeat: no-repeat;background-size: cover; 
		height: 20em;
		padding-top: 5%;
	}
	
	.parang-awa-message{
		margin-left: 10.4%;
		margin-top: 2%;
		padding-left: 2%;
		padding-right: 40%;
		/*font-size: 40px!important;*/
    	height: 60%!important;
		overflow-x: hidden;
		overflow-y: auto;
		direction: rtl;
	}
		
	::-webkit-scrollbar {
	    width: 30px !important;
	}
	::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
	    border-radius: 30px !important;
	}

	.bottom-Img{
		margin-bottom: -80px!important;
	}
	/*--------------------------------------------------------------
	# Blog Preview
	--------------------------------------------------------------*/
	.card-view{
		padding: 15px;
		margin-top: 15px;
		height: 370px!important;
		overflow: hidden;
	}
	
	.card-view-Coming-Right-up{
		padding: 15px;
		margin-top: 15px;
	}
	
	.img-coming-right-up{
		width: 100%;
		min-height: 437px;
		max-height: auto;
	}
	
	.img-Highlight-content{
		height: 337px;
		width: 100%;
	}
	
	.fa-caret-right{
		font-size: 135px!important;
	}
	
	.Title-Header, .Title-Header-2{
		font-size: 3em;
		margin-top: 50px;
		margin-bottom: 30px;
	}
	
	.red-font{
		font-size: 90px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.Blog-Title-Coming-Right-up{
		font-size: 75px;
	}
	
	.venue{
		font-size: 73px;
		color: #000;
		font-family: arial narrow;
		font-weight: 700;
		margin-top: -15px!important;
	}
	
	.Blog-Title{
		font-family: acumin;
		font-size: 45px!important;
		font-weight: 900!important;
	}
	
	.Highlight-content-description{
		font-family: myriadpro;
		font-size: 40px;
		line-height: 1.2;
		margin-top: -20px;
		color: gray;
	}
	
	/*--------------------------------------------------------------
	# Feed Section
	--------------------------------------------------------------*/
	.tw-header{
		padding: 50px;
	}
	
	.tw-header-2{
		padding: 10px 50px 50px 50px;
		width: 100%!important;
	}
	
	#happee-news-feed{
		background-image: url('../img/assets/happee-news.jpg'); 
		background-repeat: no-repeat;
		background-size: cover; 
		height: 100%;
	}
	
	.happee-news-feed{
		padding-left: 3.5%;
		padding-right: 45%;
		padding-top: 18%;
		font-family: myriadpro;
		font-size: 70px;
		font-weight: 900;
	}
	
	.left-img-happehour-channel{
		height: 100%!important;
		width: 100%!important;
	}
	
	.img-inang, .img-ripple-life, .img-adventures, .img-fiesta-corner{
		height: 50%!important;
		width: 100%!important;
	}
	
	.tw-timeline .tw-content {
		max-height: 100%;
		overflow-y: scroll;
		height: 1890px;
	}
	#homepage .sticky-nav {
	    margin-top: -20px !important;
	}
	.btn-Red {
	    border-radius: 70px!important;
	    padding: 20px 100px;
	}
	a.back-to-top {
		width: 140px;
	    height: 140px;
	    bottom: 40px;
	}

	.back-to-top i {
	    padding-top: 40px;
	}

	#footer .copyright {
	    text-align: center;
	    padding: 50px 0px;
	}
	.newsletter .be-splendid img, .newsletter .logo img{
    	width: 90%;
    	margin: 5em 0px 0px 0px;
	}

	.overlay .closebtn {
	    position: absolute;
	    top: 0.5em;
	    right: 0.9em;
	    font-size: 5em;
	}

	.input-sm{
		border-radius: 100px!important;
    	border: 2px solid #cc0001!important;
		font-size: 95px;
		height: 70px;
	}
	
	#header-Title{
		font-size: 45px;
	    font-weight: 900;
	    margin-top: 5%;
	    margin-bottom: 3%;
	}
	
	.btn-feed{
		padding-top: 5px!important;
		padding-bottom: 5px!important;
		border-radius: 90px!important;
		padding: 5px 150px;
	}
	/*--------------------------------------------------------------
	# Button
	--------------------------------------------------------------*/
	.btn-Red, .btn-feed{
		font-size: 40px!important;
	}
	
	.input-next{
		margin-top: 5px;
		border-radius: 50px!important;
		border: 5px solid #cc0001!important;
		font-size: 35px;
		height: 90px;
	}
	
	.btn-next{
		border-radius: 50px;
		color: white;
		background-color: #cc0001;
		font-size: 45px;
		margin-top: 5px;
		border-radius: 5px solid black;
		height: 100px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	/*--------------------------------------------------------------
	# Footer
	--------------------------------------------------------------*/
	#footer {
		background: url("../img/assets/footer.jpg")no-repeat;
		background-size: cover;
		padding: 0 0 50px 0;
		color: #eee;
		font-size: 45px;
	}
	.footer-Img{
		height: 100%;
	    margin-right: 120px;
	    margin-top: 120px;
	    margin-bottom: -10px;
	}
	
	/*--------------------------------------------------------------
	# Registration
	--------------------------------------------------------------*/
	.head-Title{
		font-size: 40px;
	}
	
	.upload-btn, label, h5, .fa{
		font-size: 45px;
	}

	p {
		font-size: 35px;
	}
	
	.form-control{
		font-size: 45px!important;
		height: 100%!important;
		padding: 0.375rem 2rem;
	}
	
	.multiple-select{
		font-size: 25px!important;
		height: 300px!important;
	}
	
	input[type=checkbox]{
		transform: scale(2);
		margin: 5px!important;
	}
	
	input[type=radio] {
		transform: scale(2);
		padding-left: 10px!important;
	}
	
	#radio1, #radio2{
		margin-top: 17px;
	}
	
	/* -------- Dear Inang ----------- */
	.dear_inang_messages{
		background: url("../img/email/2019-11-07.png") center center no-repeat;
		min-height: 1000px;
		padding-left: 28%;
		padding-right: 28.5%;
		padding-top: 2.2%;
		font-size: 25px;
	}
	
	.dear_inang_wrapper{
		height: 515px;
		overflow-x: hidden;
		overflow-y: scroll;
		direction: tlr;
		margin-top: -1%;
	}
	
	.message-1{
		padding-left: 5%;
		margin-right: 23%;
		margin-top: 2%;
		opacity: 0.8;
	}
}

body.desktop {
	min-width: 1526px !important;
    max-width: 1920px;
    margin:auto;
}

body#forum{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
body#forum #chatter{
	flex: 1;
}
nav a.cart * {
    display: table-cell;
    padding-left: 5px;
}

nav .icon-chat-bubble {
	width: 30px;
    height: 30px;
    fill: #fff;
    margin-left: 8px;
}

nav .chatcount {	
    position: relative;
    display: block;
    margin-bottom: -24px;
    text-align: center;
    color: #c90000;
    font-weight: bolder;
    cursor: pointer;
}

nav.sticky-nav {
	height: 70px;
	top: 5px
}

.sticky-nav .brand-Img {
    height: 50px!important;
    width: 85px !important;
}

.sticky-nav li.nav-item a {
	font-size: 100% !important;
}

.sticky-nav .icon-chat-bubble {
	fill: #c90000;
}

nav .menu-left a {
    display: inline-block;
    margin: 0 0px;
    color: #fff;
    vertical-align: middle;
}

nav .menu-left .icon-chat-bubble {
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

nav .menu-left .chatcount {	
	margin-bottom: -29px;
	font-size: 20px;
	margin-left: -8px;
}

nav .overlay .cart {
	display: inline-block;
}

.dropdown-toggle::after {
    display:none;
}

.modal-backdrop.show {
    opacity: 0.9;
}

.container-fluid li a {
display: inline-block;
}
.container-fluid li .dropdown-sub-menu a {
display: block;
}

ul, li, a{
	text-decoration: none!important;
	list-style:none!important;
}

.list-circle{ list-style-type: circle!important; }

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 20%;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.overlay a {
	font-family: acumin;
	padding: 8px;
	text-decoration: none;
	font-size: 20px;
	color: #818181;
	display: block;
	transition: 0.3s;
	text-transform: uppercase;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

.sop {
	text-align: center;
    padding: 20px;
    margin-top: 40px;
    border: 2px solid #cc0001;
}

.footer-item{
	display: inline-block;
}

.img-channels {
    max-width: none!important;
    width: 223px;
    padding-left: 15px;
}

.img-channels:last-child {
    width: 386px;
    margin-left: 2px !important;
}

.img-channels:fist img {
	opacity: 1; max-width: none; height: auto !important; width: 206px !important;
}

.img-channels img {
    border-top: solid 5px;
    border-right: solid 5px;
    border-color: #fff;
	height: auto !important;
    padding-left: 10px;
    padding-top: 10px;
}

body.mobile .footer-item{
	float: none !important;
    width: 100%;
    text-align: center;
    margin: 0 !important;
}

body.mobile #footer .copyright {
	padding-top: 10px;
}

body.mobile .footer-item img {
	margin:0px 10px !important;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 20px;
  top: 15px;
  right: 35px;
  }
}
/* --- / OVERLAY --- */
.input-next{
	margin-top: 5px;
	border-radius: 50px!important;
	font-size: 15px;
	border: 2px solid #cc0001;
	margin-right: 5px;
}

.btn-next{
	border-radius: 50px;
	color: white;
	background-color: #cc0001;
	font-size: 15px;
	margin-top: 5px;
	border-radius: 5px solid black;
	height: 38px;
	padding-left: 25px;
	padding-right: 25px;
}

.input-sm{
	border-radius: 50px!important; 
	border: 1px solid #cc0001!important;
	margin-right: 5px;
}

/* --- Dropdown Hover --- */
.dropdown>.dropdown-menu {
	top: 200%;
	transition: 0.3s all ease-in-out;
	background-color: #000;
	opacity: 0.9;
}

.dropdown:hover>.dropdown-menu {
	display: block;
	top: 100%;
	background-color: #3b444b;
}

.dropdown-item{
	color: white;
}

.dropdown-item:hover{
	
	background-color: #cc0001;
	color: white;
}

.dropdown>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
	pointer-events: none;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	border-radius: 100%;
	outline: black;
	background: #fff;
    padding: 0px !important;
    width: 50px;
    height: 50px;
    margin-top: -75px;
}

.desktop .container-fluid{
	padding-left: 10%!important;
	padding-right: 10%!important;
}


tr{
	padding: 0!important;
	margin: 0!important;
}


.margin-top-5{
	margin-top: 5px!important;
}

/* --- Padding --- */
.padding{
	padding: 5px!important;
}

.padding-10{
	padding: 10px!important;
}

.padding-0{
	padding: 0!important;
}

.padding-top{
	padding-top: 50px!important;
}

.padding-right-0{
	padding-right: 0!important;
}
.padding-left-0{
	padding-left: 0!important;
}
/* --- End Padding --- */

/* --- NAVIGATION --- */
.navbar-inner {
    background:transparent;
	-moz-box-shadow:0 5px 5px rgba(182, 182, 182, 0.3);
	-webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.3);
	box-shadow: 0 5px 5px rgba(182, 182, 182, 0.3);
}

.navbar-toggler{
	border: 1px solid #fff;
	margin-right: -5px;
    padding: 1px 6px;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.nav-link{
	color: #cc0001!important;
	font-family: acumin!important;
	text-transform: uppercase;
}

.nav-link-stories:hover, .nav-link:hover{
	color: #000!important;
}

.nav-link-stories{
	color: #cc0001!important;
	font-family: acumin!important;
	text-transform: uppercase;
	margin-top: -2px;
}

.nav-link-dropdown{
	color: gray!important;
	font-family: calibri!important;
	text-transform: capitalize;
}

.nav-link-dropdown:hover{
	color: white!important;
	background-color: #cc0001;
}

/* --- END NAVIGATION --- */

/* --- BUTTON --- */
.btn-Red{
	border-radius: 50px!important;
	padding: 5px 30px 5px 30px;
	background-color: #cc0001;
	color: #fff;
	margin-top: -20px!important;
	/*font-family: arial narrow;*/
	text-transform: uppercase;
}

.btn-feed{
	border-radius: 50px!important;
	padding: 5px 30px 5px 30px;
	background-color: #cc0001;
	color: #fff;
	font-family: arial narrow;
	text-transform: uppercase;
}
/* --- END BUTTON --- */

.desktop-Welcome-Message{
	font-family: myriadpro;
	font-weight: 900;
	margin-top: 14px!important;
}

.welcome-Img{
	margin-top: 50px!important;
}

/* --- card-view --- */
.card-view{
	border-radius: 0!important;
	background-color: white;
	border: 1px solid lightgray!important;
	height: 130px !important;
}

.card-view-Coming-Right-up{
	background-color: white;
	border: 1px solid lightgray!important;
}

.Title-Header, .Title-Header-2{
	color: white;
	font-family: university;
}

.Blog-Title{
	text-transform: uppercase;
}

.Blog-Title-Coming-Right-up{
	color: #cc0001;
	font-family: arial narrow;
	text-transform: uppercase;
	font-weight: 900!important;
}

.blog-stories{
	border: 1px solid gray;
}

.red-font{
	color: #cc0001!important;
	font-family: university;
}

/* --- END card-view --- */


.newsletter-container{
	padding-left: 2%;
	padding-right: 2%;
}

.sticky-sidebar{
	margin-top: 50px;
	margin-bottom: 100px;
	border: 5px solid #cc0001;
	padding: 5%;
	border-radius: 20px;
	background-color: white;
}

  /* Note: Try to remove the following lines to see the effect of CSS positioning */

/* --- Article Preview --- */
.grid-list:first-child {
	margin-top:25px;
}

.grid-list {
	padding: 25px 0px;
	border-bottom: 1px solid lightgray;
}

.Blog-Title-prev{
	color: #cc0001;
	font-weight: 900;
	margin-bottom: 0;
}

.article-Category{
	color: gray;
	font-weight: 900;
	margin-bottom: 0;
}

.article-description{
	margin-top: 5px;
}

.container-story{
	overflow: hidden;
}

/* --- Inner Page ---- */
.Inner-Page-Title-Header{
	margin-top: 30px!important;
	font-size: 30px;
	font-weight: strong;
}

.border-top-and-bottom{
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-bottom: 5px;
}

.bordered{
	border: 1px solid lightgray;
	padding: 10px;
	margin-bottom: 50px;
	height: 333px;
	overflow: hidden;
}

.category-inner{
	float: left;
	display: inline;
}

.author-inner{
	float: right;
	display: inline;
}

.inner-page-content{
	margin-top: 10px;
}

.Rs-Title{
	margin-bottom: 0px;
}

.carousel-control-next-icon:after{
  content: '>';
  font-size: 40px;
  font-weight: 900;
  color: #cc0001;
	margin-top: -5px;
	margin-left: 3px;
	display: block;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 40px;
  font-weight: 900;
  color: #cc0001;
    margin-top: -5px;
    margin-right: 3px;
    display: block;
}

.red-font{
	color: #cc0001;
}

.feed img.img-fluid {
    max-height: 180px;
    margin: 0 auto;
    display: block;
}

.feed p, .card-view p {
	font-size: 14px;
}

.img-Highlight-content {
    margin: 0 auto;
    display: block;
    width: auto !important;
    height: 100px !important;
}

.fa-caret-right {
    font-size: 35px!important;
}

.Title-Header, .Title-Header-2 {
    font-size: 24px !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

#desktop-view .coming-right-up {
	background: #c00001;
}

#desktop-view .coming-right-up > div {
	height: 470.5px;
}

.mobile-coming-right-up-Title {
    color: #cc0001;
    font-family: arial;
    margin-top: 10px;
    font-weight: 900;
    text-transform: uppercase;
}
.mobile-coming-right-up-Venue {
    font-weight: 900;
    margin-top: -30px;
    margin-bottom: 20px;
    color: #000 !important;
    font-weight: normal;
}

#happee-news-feed {
	height: auto !important;
}


/* Scrollbar */

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px black; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #b30000; 
  border-radius: 10px;
  border: 1px solid #cc0001;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #cc0001; 
}

/* ---  REGISTRATION --- */
#registration-header{
	background: url("../img/assets/background/bgheader2560px.png") center center no-repeat;
	background-size: cover;
	/*padding-top: 10px;*/
	-webkit-box-shadow: 0px 6px 13px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 13px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 13px -8px rgba(0,0,0,0.75);
	z-index: 100;
}


#registration{
	margin-bottom: 50px;
	padding-top: 10px;
	margin-top: 10px;
	z-index: 0;
	padding-left: 10%!important;
	padding-right: 10%!important;
	overflow: hidden!important;
}

.head-Title{
	background-color: #cc0001;
	padding: 10px;
	color: white;
}

#output{
	border: 1px solid lightgray;
	padding: 10px;
	width: 100%;
	margin-top: -15px;
}

/* --- RESET PASSWORD --- */
.reset-Form{
	padding: 40px;
	margin-top: 50px;
	/*-webkit-box-shadow: 0px 6px 13px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 13px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 13px -8px rgba(0,0,0,0.75);*/
}

.upload-btn{
	border-radius: 50px!important;
	padding: 5px 0px 5px 0px;
	background-color: #cc0001;
	color: #fff;
	margin-top: 5px!important;
	font-family: arial narrow;
	text-transform: uppercase;
	width: 60%;
	margin-bottom: 10px;
}
.hide_file {
    position: absolute;
    z-index: 0;
    opacity: 0;
    cursor: pointer;
    right: 0;
    top: 0;
	height: 800px!important;
    font-size: 24px;
    width: 100%;
}




.select-wrapper {
	margin: auto;
	max-width: 600px;
	width: calc(100% - 40px);
}

.select-pure__select {
	align-items: center;
	background: #f9f9f8;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	box-sizing: border-box;
	color: #363b3e;
	cursor: pointer;
	display: flex;
	font-size: 16px;
	font-weight: 500;
	justify-content: left;
	min-height: 44px;
	padding: 5px 10px;
	position: relative;
	transition: 0.2s;
	width: 100%;
}

.select-pure__options {
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	box-sizing: border-box;
	color: #363b3e;
	display: none;
	left: 0;
	max-height: 221px;
	overflow-y: scroll;
	position: absolute;
	top: 50px;
	width: 100%;
	z-index: 5;
}

.select-pure__select--opened .select-pure__options {
	display: block;
}

.select-pure__option {
	background: #fff;
	border-bottom: 1px solid #e4e4e4;
	box-sizing: border-box;
	height: 44px;
	line-height: 25px;
	padding: 10px;
}

.select-pure__option--selected {
  color: #e4e4e4;
  cursor: initial;
  pointer-events: none;
}

.select-pure__option--hidden {
	display: none;
}

.select-pure__selected-label {
	background: #5e6264;
	border-radius: 4px;
	color: #fff;
	cursor: initial;
	display: inline-block;
	margin: 5px 10px 5px 0;
	padding: 3px 7px;
}

.select-pure__selected-label:last-of-type {
	margin-right: 0;
}

.select-pure__selected-label i {
	cursor: pointer;
	display: inline-block;
	margin-left: 7px;
}

.select-pure__selected-label i:hover {
	color: #e4e4e4;
}

.select-pure__autocomplete {
	background: #f9f9f8;
	border-bottom: 1px solid #e4e4e4;
	border-left: none;
	border-right: none;
	border-top: none;
	box-sizing: border-box;
	font-size: 16px;
	outline: none;
	padding: 10px;
	width: 100%;
}

@media (min-width: 992px) {
	.brand-Img {
		height: 70px !important;
	}
}
@media (min-width: 992px) {
	nav .menu-left {
		display: none;
	}
}
body p {
    font-size: 14px !important;
}

.brand-Img {
    width: 110px!important;
    height: 70px!important;
}

body.desktop #intro {
    background: url(../img/assets/background/bg1-croped.jpg) no-repeat !important;
    background-size: 100% !important;
    background-color: #cc0001 !important;
}

nav,footer {
	max-width: 1920px;
}

body#homepage .red-link {
    color: #cc0001 !important;
}

.red-link {
    font-weight: 500!important;
    font-size: 18px!important;
    padding-left: 10px;
}

#message-bubble {
    background-image: url(../img/assets/background/parang-awa.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 180px;
    padding-top: 5%;
}

.parang-awa-message {
	margin-left: 5%;
	margin-top: 0%;
	padding-left: 2%;
	padding-right: 32%;
	height: 108px!important;
	overflow-x: hidden;
	overflow-y: auto;
	direction: rtl;
}

.btn-twitter-gallery {
	background: #c00001;
	border-radius: 40px;
	color: #fff !important;
	margin: 10px;
	border: solid 4px #0000004f;
	font-size: 18px !important;
	font-family: university;
    width: 100%;
    margin: 15px auto;

}

.1st-middle-Content img{
	opacity: 100%;
}

.btn-twitter-gallery:hover {
	border: outset 4px #c7c7c7;
}

.btn-twitter-gallery > span {
	font-family: monospace;font-size: 18px;
}

.icon-london {
	width: 345px;left: 310px;position: absolute;z-index: 1;
}
.icon-little-hh {
	position: absolute;top: -1px;width: 625px;left: 39px;
}
.icon-winter {
	position: absolute;width: 394px;bottom: 0px;left: 0;
}

.icon-london-hover,.icon-little-hh-hover,.icon-winter-hover {
	width: 160px;
    position: absolute;
    cursor: pointer;
    z-index: 1;
}

.icon-london-hover {
    height: 150px;
    left: 490px;
    top: 65px;
}
.icon-little-hh-hover {
    height: 180px;
    left: 420px;
    bottom: 0;
}
.icon-winter-hover {
	height: 175px;
    left: 85px;
    bottom: 0;
}

@media only screen and (max-width: 1526px){  
	body.desktop #intro {
	    background-size: 1526px !important;
	}
} 


.coming-right-up .body{
	/*position: absolute;
    bottom: 20px;
    left: 0;
    max-height: 165px;
    overflow: hidden;*/
}
.coming-right-up .body p{
	width: 100%;
}
.coming-right-up .body *{
	display: inline-block;
	/*position: relative;*/
}

#homepage #header-Title {
	font-size: 20px !important;
}

.card-deck .card {
    text-align: center;
    color: #c00001;
    border: none;
    width: 180px;
    margin: auto;
}

.mobile .card-view-Coming-Right-up {
    text-align: center !important;
}