.star-chat-header-wrap{width:100%;background:transparent url(../images/how-to-win-header-bg.jpg) top right no-repeat;padding:30px 20px}
.star-chat-header-wrap img{float:left;padding-right:10px}.star-chat-header-wrap h4{font-size:13px;margin:0;padding:0}.star-chat-header-wrap h2{font-size:36px;margin:0;padding:0;font-size:1.85vw}.nav-stats-wrapper{float:right}
.nav-stats-wrapper span{padding:23px 10px;display:inline-block;font-size:14px;}.body-text{font-size:16px;color:#a5a4a3;line-height:1.5}
.driver-repeater-wrap{display:flex;flex-wrap:wrap}
.driver-repeater{width:23%;margin:0 1% 1%;position:relative;padding:0 2px;overflow:hidden}.driver-repeater .driver-image{width:100%}
.driver-repeater .driver-info-wrap{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.8);font-size:20px;padding:15px}
.page-content{
	clear: both;
}
#QuestionsModal .button-outlined, #QuestionsModal .button-outlined-disabled{
	margin:0 auto 10px;
	min-width: 45%;
	white-space: nowrap;
}
#QuestionsModal .modal-btn-wrap, .modalDark .modal-btn-wrap{
	width: 	100%;
}
#QuestionsModal .left-column{
	min-height: 0;
}
#QuestionsModal .left-column.starImageWrapper{
    max-height:450px;
    overflow:hidden;
    text-align:center;
    position:relative;
    
}
#QuestionsModal .left-column.starImageWrapper img{

}
.absolute-middle-wrap {
	margin-top: -43px;
	position: absolute;
	bottom: 0;
	top: 50%;
	/* top: 0; */
	right: 0;
	left: 0;
	min-height: initial;
	line-height: initial;
}
.desc-show{
		display: block;
	}
	.mobile-show{
		display: none;
	}
	.nav-stats-wrapper span.nav-counter-label{
	padding: 0;
}
.star-chat-index-page .page-content h2{
	font-size: 40px;
	font-size: 2.5vw;
}
#QuestionsModal .modal-content{
	overflow:hidden;
}
@media screen and (max-width: 1440px)  {
.star-chat-index-page .page-content h2{
	font-size: 36px;
	font-size: 2.8vw;
}
	}
@media screen and (max-width: 1265px)  {
	#QuestionsModal .button-outlined, #QuestionsModal .button-outlined-disabled{
		width: 	100%;
	}
	#recDiv2 .modal-footer-btn-wrap{
		position: relative;
		width: 100%;
	}

	.star-chat-index-page #QuestionsModal .button-outlined, 
	.star-chat-index-page #QuestionsModal .button-outlined-disabled{
	width: 49.5%;
	padding: .7em 1em;
}
.nav-stats-wrapper span.nav-counter-label{
	display: none;
}
.nav-stats-wrapper span{
	font-size: 12px;
	padding:23px 5px;
}

.page-nav .page-nav-link{
	padding: 20px 10px;
}
.star-chat-index-page .page-content h2{
	font-size: 26px;
	font-size: 3vw;
}
}
@media screen and (max-width: 1024px) {
.mobile-big-title{
	font-size: 36px;
}
}
@media screen and (max-width: 992px)  {
	.nav-stats-wrapper span{
		/*padding:10px 0 0;*/
		padding:5px 0 0;
	}

	.page-nav-list{
		clear: both;
		float: left;
	}
	.nav-stats-wrapper.desc-show{
		display: none;
	}
	.nav-stats-wrapper.mobile-show{
		display: block;
		float: left;
		padding:5px;
	}
	#QuestionsModal .right-column, .modalDark .right-column{
		position: relative;
	}
	#recDiv1,#recDiv2
	{
		padding: 15px 30px;
		overflow: hidden;
	}
	#recDiv2 .modal-footer-btn-wrap{
		position: static;
		width: 100%;
	}
	.starImage{
		/*height: 250px;*/
		min-height: 250px;
	}
	.modal-input-wrap{
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.star-chat-header-wrap{
		padding:30px 50px;
	}
	#recDiv2 .button-outlined{
		margin: 0 0 10px;
	}
	.nav-stats-wrapper span{
		font-size: 12px;
		padding:14px 5px;
	}
	.driver-repeater{
		width: 50%;
	}
	.starImage{
		height: 250px;
		min-height: 250px;
		display: none;
	}
	#previewQ{
		max-height: 350px;
	}
	.modal-thankyou-maincontent .modal-questions,
	#QuestionsModal .modal-title{
		font-size: 38px;
		margin: 30px 0 0;
	}
	.absolute-middle-wrap {
		position: relative;    
		top: 0;
		right: 0;
		left: 0;
		min-height: 250px;
		line-height: 250px;
	}
	.star-chat-header-wrap{
		background: #000 !important;
		height: 110px;
		padding: 10px 50px 0;
		position: fixed;
		top:0;
		left:0;
		right: 0;
		z-index: 1;
	}
	.collapse-menu .star-chat-header-wrap{
		/*left:240px;*/
	}
	.star-chat-header-wrap+img, 
	.star-chat-header-wrap+.takeStock-top-image{
		margin-top: 110px;
	}
	.star-chat-header-wrap+.page-nav{
		margin-top: 110px;
	}
	.star-chat-header-wrap .page-content{
		margin-top: 110px;
	}
	.star-chat-header-wrap img{
		display: none;
	}
	.star-chat-header-wrap h4{
		display: none;
	}
	.star-chat-header-wrap h2{
		font-size: 24px;
	/*	white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;*/
		line-height: 1.5;
	}
	.mobile-big-title{
		font-size: 28px;
		text-align: center;
	}
	.expand-secondary-sidebar .secondary-sidebar{
		/*top:60px;*/
	}
	.page-nav-list{
		float:none;
	}
	.nav-stats-wrapper.desc-show{display: none;}
	.nav-stats-wrapper.mobile-show{display: block;}
	.nav-stats-wrapper{
	float: left;
}
.nav-stats-wrapper span{
	padding:7px 15px 5px 0;
	color:#c1c1c1;
}
.nav-stats-wrapper span i{
	position: relative;
	top:2px;
}
.star-chat-index-page #QuestionsModal .button-outlined, 
.star-chat-index-page #QuestionsModal .button-outlined-disabled{
	width: 49.5%;
	padding: .7em 1em;
}
.star-chat-index-page .page-content h2{
	font-size: 26px;

}
}
@media screen and (max-width: 560px){
.star-chat-index-page #QuestionsModal .button-outlined, 
.star-chat-index-page #QuestionsModal .button-outlined-disabled{
	width: 100%;
}

	}
@media screen and (max-width: 480px){
	.desc-show{
		display: none;
	}
	.mobile-show{
		display: block;
	}
	.starImage{
		height: 200px;
		min-height: 250px;
	}
	.page-nav .page-nav-list-item{
		/*float: left;
		width: 33%;*/

	}
	.page-nav .page-nav-link{
		font-size: 13px;
		border-bottom: 1px solid transparent;
		/*min-height: 60px;*/
		display: block;
		vertical-align: middle;
		text-align: center;
	}

	.star-chat-header-wrap h4{
		font-size: 14px;
	}
	.star-chat-header-wrap h2{
		font-size: 23px;
		line-height: 1.1;
		padding-top:5px;
		max-height: 60px;
		overflow: hidden;
		-webkit-line-clamp: 2;
  		-webkit-box-orient: vertical;
  		text-overflow: ellipsis;
	}


	.mobile-big-title{
		font-size: 24px;
		text-align: center;
	}
	.driver-repeater{
		width: 100%;
	}

.starchat-content-title{
	font-size: 22px;
}
.starchat-content-title .title-row{
	display: block;
	padding-top: 5px;
	line-height: 1.2;
	font-size: 19px;

}
.button-lg{
padding: 0.7em 2.5em;
font-size: 16px;
}
.button-outlined .arrow-icon{
right: 1.3em;
}

.body-text{
	font-size: 14px;
}
 .modal-thankyou-maincontent .modal-questions, #QuestionsModal .modal-title{
		font-size: 30px;
		margin: 0px 0 0px 45px;
		padding-bottom: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 1.2;
		float: none;
		white-space: nowrap;
   }
.star-chat-index-page #QuestionsModal .modal-title{
	margin:0 auto;
}
   .help-title{
   	font-size: 14px;
   	text-align: center;
   }
   .modal-image-footer{
   	margin: 5px -15px -15px !important;
   	   	padding: 5px 10px;
   }
   .starchat-leaderboard .modal-image-footer{
   		margin: 5px -15px 0px !important;
   }
   .modal-image-footer .modal-footer-image-title{
   	font-size: 24px;

   }
   #QuestionsModal .modal-dialog, .modalDark .modal-dialog{
   	overflow:hidden;
   }
   #previewQ {
   	max-height: 147px;
   }
   #recDiv2 .vertical-pad2,
   #slide3 .vertical-pad2,
   #slide4 .vertical-pad2 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    overflow: hidden;
}
}