@font-face {
    font-family: 'patrick_handregular';
    src: url('../fonts/patrickhand-regular-webfont.woff2') format('woff2'),
         url('../fonts/patrickhand-regular-webfont.woff') format('woff'),
		 url('../fonts/PatrickHand-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}


body{
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;     
}
a:focus, a:hover{
	text-decoration: initial !important;
}
  .BossBaby-DownloadShare-text:hover, .BossBaby-DownloadShare-text:focus{
		color: #000 !important;
	  text-decoration: none;
	}
	
	.try-again-text:hover, .try-again-text:focus{
		color: #000 !important;
	  text-decoration: none;
	}
	
	
.disableUnselectedOptions, .disableUnselectedOptions-ImageOptions{
	pointer-events: none;
	
}
/*Burger Menu Button CSS Starts*/

.BossBaby-BurgerMenuButton {
	position: absolute;
	top: 70px;
	left: -50px;
	z-index: 1;
	cursor: pointer;
}
.BossBaby-BurgerMenuButtonBackImg{
	position: absolute;
	top: 70px;
	left: -30px;
	cursor: pointer;
	z-index: 0;
}
.burgerBackImage{
	position: absolute;
	top: 70px;
	left: -30px;
	cursor: pointer;
	z-index: 0;
}
.BossBaby-AudioButtonBackImg{
	position: absolute;
	top: 70px;
	right: -15px; 
	z-index: 0;
}
.BossBaby-AudioButton {
	position: absolute;
	right: -45px;
	top: 70px;
	z-index: 1;
	cursor: pointer;
}

/*Burger Menu Open CSS Starts*/
.BossBaby-BurgerMenu-Contents {
	height: 100% !important;
	width: 100% !important;
	border-radius: 0 !important;
	box-shadow: 0 !important;
	border: 0 !important;
	background-color: rgba(8, 167, 253, 0.9);
	overflow: hidden;
	bottom: 0;
}
.BossBaby-BurgerMenu-Modal {
	height: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
#myBurgerMenu, #trailerVideoOverlay{
	padding: 0 !important;
	margin: 0 !important;
}
.BossBaby-BurgerMenu-CloseContainer {
	max-width: 46%;
	margin: 0px auto;
	padding-top: 40px;
}
.BossBaby-BurgerMenu-CloseContainer > .close:hover, .BossBaby-BurgerMenu-CloseContainer > .close:focus{
	outline: 0;
	border: 0;
}
.BossBaby-BurgerMenu-Body {
	max-width: 25%;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
.BurgerMenu-List-Item{
	font-family: "Boogaloo",regular;
	font-size: 3.7vw;
	line-height: 5vw;
	color: #ffffff;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	padding: 0px;
	cursor:pointer;
}
.BurgerMenu-List-Item > a{
	font-family: "Boogaloo",regular;
	font-size: 3.7vw;
	line-height: 5vw;
	color: #ffffff;
	text-decoration: none;
}
.BurgerMenu-List-Item > a: focus, .BurgerMenu-List-Item > a: hover{
	color: #ffffff;
	text-decoration: initial !important;
}
.BurgerMenu-SocialIconList-Item > a {
	padding: 0 20px;
}
.BurgerMenu-SocialIconList {
	margin-top: 51px;
}
.close.BossBaby-BurgerMenu-CloseButton {
	font-size: 80px;
	color: #fff;
	opacity: 1 !important;
	float: none !important;
}

.BossBaby-VideoOverlay-Contents {
	height: 100% !important;
	width: 100% !important;
	border-radius: 0 !important;
	box-shadow: 0 !important;
	border: 0 !important;
	background-color: rgba(0, 0, 0, 0.9);
}

.BossBaby-VideoOverlay-Modal {
	height: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.TrailerVideo-Outer{
	display: table;
	height: 100%;
	width: 100%;
}
.TrailerVideo-Inner{
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
}

.close.BossBaby-TrailerOverlay-CloseButton {
	color: #fff;
	opacity: 1 !important;
	float: none !important;
	font-size: 40px;
}
.close.BossBaby-TrailerOverlay-CloseButton:focus, .close.BossBaby-TrailerOverlay-CloseButton :hover, .close.BossBaby-TrailerOverlay-CloseButton :visited {
	outline: 0;
	border: 0;
}
/*Video overlay CSS ends*/

.disableUnselectedOptions > .TextOptionsDisabled > span {
	color: #abacab/*red*/;
}
.disableUnselectedOptions-ImageOptions > .BossBaby-ImageOptionDiv > img {
	opacity: 0.6;
}
.disableUnselectedOptions .disable_on{
	display:block;
}
.disable_on{
	position:absolute;
	width:100%;
	top:0%;
	left:0%;
	right:0%;
	height:100%;
	background-color:transparent;
	display:none;
}
.BossBaby-Ans-Options{
	position:relative;
}
.BossBaby-Ans-Options-ImageOptions{
	position:relative;
}
.BossBaby-QueAns-Container-BGImage {
	background: url(../images/screen.png); 
   -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
    background-size: 100% 100%;
    min-height: 80vh;
}
.BossBaby-Landing-Container{
	background: url(../images/screen.png); 
   -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.BossBaby-QueAns-Container {
	margin: 0 0 0 15%;
	position: relative;
}
.BossBaby-BottomLogo{
	margin: 15px 0 10px;
}
/*Landing page CSS Starts*/

.BossBaby-LandingBG{
	background: url(../images/Landing_Prop-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.BossBaby-quizBG{
	background: url(../images/Bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.BossBaby-resultBG{
	background: url(../images/results-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.BossBaby-Landing-Container{
	position: relative;
	margin: 0 0 0 15%;
	max-width: 75%;
	padding: 34px 0 0;
	min-height: 85vh;
}
.BossBaby-QueAns-Container-BGImage-ResultsPage{
	min-height: 80vh;
}
.BossBaby-Discription-On-Landing {
	color: #08a8fe;
	font-family: "Boogaloo",regular;
	font-size: 4.7vw;
	line-height: 4vw;
	margin: 30px auto 0;
	max-width: 78%;
	text-align: center;
}
.BossBaby-Para-On-Landing {
	color: #383934;
	font-family:  'patrick_handregular';
	font-size: 1.5vw;
	line-height: 2vw;
	margin: 30px auto 0;
	max-width: 42%;
	text-align: center;
}
.BossBaby-Arriving{
  font-family: 'Open Sans',Extra-Bold sans-serif;
  font-size: 22px;
  line-height: 30px;
  color: #09a8fe;
}
 .BossBaby-Main-Logo {
	margin: 10px auto 0;
	max-width: 30%;
}
.BossBaby-getStarted-Text-Span {
	color: #cb252e;
	font-family: "Boogaloo",regular;
	font-size: 4vw;
	line-height: 3.9vw;
	margin-bottom: 10px;
	display: inline-block;
	cursor: pointer;
}
.BossBaby-getStarted-Text-SpanUnderlineImgConatiner{
	display: block;
}
.BossBaby-getStarted {
  margin-top: 25px;
}
.BossBaby-BabyImage-Container {
  bottom: -12%;
  display: inline-block;
  position: absolute;
  right: -10%;

}
.BossBaby-BabyImage-Container.LandingPageBossBaby {
	bottom: -8%;
	display: inline-block;
	position: absolute;
	right: -21%;
	width: 44%;
}
.BossBaby-BabyImage-Que-OptionsContainer {
	bottom: -15%;
	display: inline-block;
	position: absolute;
	right: -20%;
	width: 31%;
	text-align: center !important;
}
.BossBaby-BabyImage-Que-OptionsContainer > img {
	max-width: 100%;
}
.BossBaby-getStarted-Text-Span:focus, .BossBaby-getStarted-Text-Span:hover  {
	color: #cb252e;
	text-decoration: none !important;
}

/*Landing page CSS Ends*/

/*Questions with Text Options CSS*/
.BossBaby-Quiz-Ques {
	color: #252626;
	font-family: "Boogaloo",regular;
	font-size: 1.8vw ;
	line-height: 1.8vw;
	padding: 15px 0;
}
.BossBaby-BossTitle {
  color: #09a8fe;
  font-family: "Boogaloo",regular;
  font-size: 3vw;
  line-height: 3vw;
}
.BossBaby-container {
  position: relative;
  margin-top: 44px;
  padding: 0 30px;
}

.BossBaby-sequenceNO{
  font-family: "Boogaloo",regular;
  display: block;
  padding: 15px 0 0;
  font-size: 2vw;
  line-height: 2vw;
}
.BossBaby-Ans-ImageOptionsDiv {
	padding: 0px 10px;
}
.BossBaby-Ans-Options{
  border-bottom: 1px solid #dadadb;
  padding: 20px 15px;

}
.BossBaby-Ans-Options-ImageOptions{
  border-bottom: 1px solid #dadadb;
  padding: 0px 20px 15px;

}

.BossBaby-Text-Answer-Options {
	font-family:  'patrick_handregular';
	font-size: 1.6vw;
	line-height: 1.7vw;
	color: #383934;
	display: block;
}	
.BossBaby-Options-Char{
	font-family: "Boogaloo",regular;
    font-size: 60px;
    line-height: 40px;
	display: block;
	padding: 10px 0 0;
}
.BossBaby-Options-CharA-Color{
	color: #689422;
}
.BossBaby-Options-CharB-Color{
	color: #d9a100;
}
.BossBaby-Options-CharC-Color{
	color: #c31b00;
}
.BossBaby-Next-Ques-Arrow {
	padding: 15px 30px;
}
.OptionSelectionImage {
	display: block;
	position: absolute;
	top: -12px;
	left: -15px;
}
.BossBaby-ProgressGraph-BottomText{
	display: block;
	font-family: "Boogaloo",regular;
}
.BossBaby-ProgressGraph-LefText{
	font-family: "Boogaloo",regular;
}
.BossBaby-Que-Ans a:hover{
	text-decoration: none;
}
span.glyphicon.BossBaby-NextArrow {
  font-size: 33px;
  margin: 20px 0;
}

.BossBaby-BabyImageDiv {
  bottom: -20%;
  position: absolute;
  right: -13%;
  width: 30%;
}
button.btn.btn-danger.BossBaby-rightSideButton {
  border-radius: 0;
  position: absolute;
  right: -67px;
  top: 10px;
}

.BossBaby-FooterCopyRights-LandingPage {
	font-family: "Open Sans",Semi-bold,sans-serif;
	font-size: 11px;
	margin-bottom: 0;
	position: absolute;
	right: 0;
	text-align: center;
	color: #fff;
	background-color: rgba(57, 185, 239, 1);
	padding: 5px 0 0;
	bottom: 0;
}
.resultPageFooter{
	font-family: "Open Sans",Semi-bold,sans-serif;
	font-size: 11px;
	margin-bottom: 0;
	position: absolute;
	right: 0;
	text-align: center;
	color: #fff;
	background-color: rgba(57, 185, 239, 1);
	padding: 5px 0 0;
	bottom: 0;
}
.Logo-custome-width, .resultDiv-BottomLogo{
	max-width: 75%;
}

.footer-links-left-half > p:first-of-type {
	margin-bottom: 1px;
}
.footer-links{
	margin-bottom: 3px;
}
.footer-links > li{
	padding: 0 1px;
}
.footer-links > li > a {
	color: #fff;
	font-size: 11px;
}
.footer-links > li > a:hover, .footer-links > li > a:focus{
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}


.BossBaby-FooterCopyRights {
	bottom: -210px;
	font-family: "Open Sans",Semi-bold,sans-serif;
	font-size: 11px;
	margin-bottom: 25px;
	position: absolute;
	right: 0px;
	text-align: right;
}

.ImagesOptionSelection-animation {
	position: absolute;
	top: -21px;
	left: 0;
	width: 100%;
}
.ImageOptions-Character-animation {
	position: relative;
	width: 43%;
	margin: 0 auto;
	padding-bottom: 10px;
}
.BossBaby-ImageOptionDiv > img {
	margin: 0 auto;
}
.BossBaby-ProgressGraph-Container {
	padding-top: 5px;
}
.nextQuizQueSet, .prevQuizQueSet {
	cursor: pointer;
	position: absolute;
	right: 7%;
}
.BossBaby-BossTitle {
	font-size: 3vw;
	line-height: 4vw;
	margin: 10px 0;
}
.ImagesOptionSelection-animationForImgQuiz{
	left: 4px;
	top: -18px;
	width: 100% !important;
}
.BossBaby-Image-OptionsDisable{
	cursor:pointer;
}
.ImagesOptionSelection-animation.ImagesOptionSelection-animationLargeScreen {
	width: 80%;
}
.gifVisibility{
	visibility:hidden;
}
/*Results page CSS starts*/
.BossBaby-results-DownloadShare{
	margin-top: 3px;
}
.BossBabyResults-HeadHoncontents > img{
	max-width: 72%;
	margin: 10px auto;
}
.BossBaby-Results-container {
	max-width: 75%;
	margin: 0px auto 0;
}
	.headHoncho-BossBaby-Image{
		background-color: #cfcfcb;
	}
	.barcode-Date{
		display: block;
	}
	.headHoncho-BossBaby-barcode {
		padding: 20px 10px 0px 10px;
	}
	.headHoncho-BossBaby-Logo {
		padding: 0 0 0 20px;
	}
	.headHoncho-BossBaby-Logo > img{
		margin: 0 auto;
	}
	.headHoncho-BossBaby-messageBox {
		padding: 0 0 0 20px;
	}
	.headHoncho-BossBaby-Image > img {
		max-height: 310px;
	}
	.headHoncho-Title {
		font-family: "Boogaloo",regular;
		color: #09a8fe;
		font-size: 3vw;
		line-height: 2.9vw;
		margin-bottom: 20px;
	}
	.headHoncho-MessageContent{
		font-family: "Open Sans",Semi-bold,sans-serif;
	    font-size: 1vw;
		line-height: 1.4vw;
		margin-bottom: 20px;
	}
	.BossBaby-DownloadShare-text, .try-again-text{
		font-family: "Boogaloo",regular;
		color: #000000;
		font-size: 2vw;
		line-height: 2.5vw;
		cursor: pointer;
	}
	
	.BossBaby-DownloadShare-underline{
		display: block;
	}
	.BossBaby-DownloadShare-underline > img{
		width: 55%;
	}
	.Results-CopyrightsText-Contents {
		position: absolute;
		font-family: "Open Sans",Semi-bold,sans-serif;
		bottom: -40px;
		right: -90px;
		text-align: right;
		color: #fff;
		font-size: 10px;
	}
	.Results-CopyrightsText{
		font-family: "Open Sans",Semi-bold,sans-serif;
		font-size: 11px;
	}
	.results-TryAginButton {
		position: absolute;
		bottom: -50px;
		right: 9%;
		z-index: 999;
		box-shadow: 0 0 0px;
		cursor: pointer;
	}
	.results-TryAginButtonBGImage{
		bottom: -11px; 
		z-index: -1;
	}
	.BossBaby-WatchTrailer{
		float: right;
		margin: 0;
		position: relative;
		top: 45px;
		right: -12%;
		cursor: pointer;
	}
	.BossBaby-WatchTrailer > img {
		max-width: 85%;
	}
	.TrailerVideoModal-CloseButtonContainer.text-right {
		position: absolute;
		top: 20px;
		right: 20%;
	}
	.results-BarcodeDateLogo-Container{
		position: absolute; 
		padding: 0; 
		bottom:0;
	}
/*Result page CSS ends*/


/*Media Query CSS*/

/*Media Query CSS for Landing Page starts*/

@media only screen and (min-width: 2080px) {
	
		/*Landing page CSS for MAC Starts*/
	
	.BossBabyResults-HeadHoncontents > img{
		max-width: 80% !important;
		width: 80%;
	}
	
	.BossBaby-Landing-Container{
		  min-height: 78vh;
		  margin: 0 auto;
		  width: 60%;
		}

	.BossBaby-Discription-On-Landing {
	  font-size: 5vw;
	  line-height: 4.6vw;
	  margin: 45px auto 0;
	  max-width: 70%;
	}

	.BossBaby-Para-On-Landing {
	  font-size: 2.5vw;
	  line-height: 2.5vw;
	  margin: 45px auto 0;
	  max-width: 55%;
	}

	.BossBaby-getStarted-Text-Span {
		font-size: 4vw;
		line-height: 3vw;
		margin-bottom: 20px;
		margin-top: 45px;
	}


	.BossBaby-BabyImage-Container.LandingPageBossBaby {
		bottom: -14%;
		right: -17%;
		width: 45%;
	}

	/*Landing page CSS for MAC Starts*/


	/*Menu and Audio Button CSS Starts*/

	.BossBaby-BurgerMenuButton {
	  left: -30px;
	  top: 70px;
	}

	.BossBaby-AudioButton {
	  right: -25px;
	  top: 70px;
	}

	/*Menu and Audio Button CSS Ends*/
	
	/*Quiz page CSS Start*/
	
	.BossBaby-QueAns-Container-BGImage {
	  min-height: 78vh;
	  margin: 0 auto;
	  width: 60%;
	}
	.BossBaby-QueAns-Container{
		margin: 0 auto;
	    width: 60%;
	}
	.BossBaby-QueAns-BottomLogo-Container-LargeScreen{
		width: 60%;
		margin: 0 auto;
	}
	.BossBaby-BabyImage-Que-OptionsContainer {
		bottom: -17%;
		width: 45%;	
		right: -30%;
		text-align: left !important;
	}	
	.BossBaby-sequenceNO {
		font-size: 3vw;
		line-height: 2vw;
		padding: 35px 0 0;
	}
	.BossBaby-Quiz-Ques {
		font-size: 2vw;
		line-height: 2vw;
	}
	.BossBaby-Options-Char {
		font-size: 3vw;
		line-height: 2vw;
	}
	.BossBaby-Text-Answer-Options {
		font-size: 1.5vw;
		line-height: 2.2vw;
	}
	.BossBaby-Next-Ques-Arrow {
		padding: 30px 30px;
	}
	.OptionSelectionImage {
		width: 120px;
		top: -18px;
		left: -25px;
	}
	.ImagesOptionSelection-animationForImgQuiz{
		left: 16px;
		top: -18px;
		width: 120px !important;
	}
	
	.row.BossBaby-Que-Ans {
		padding-top: 30px;
	}
	/*Quiz page CSS Ends*/

	/*Result page CSS*/
	
	.BossBaby-Results-container {
		max-width: 75%;
		
	}
	.BossBaby-WatchTrailer {
		top: 75px;
	}
	
	.headHoncho-BossBaby-Image > img {
		max-height: 375px;
		margin: 0 auto;
	}
	
	.BossBaby-sequenceNO{
		font-size: 1.8vw;
		padding-top: 15px;
	}
	.BossBaby-WatchTrailer{
		top: 60px;
	}
	.BossBaby-Main-Logo {
		margin: 30px auto 0 !important;
	}
	.results-TryAginButton {
		bottom: -44px;
	}
	
}


@media only screen and (min-width: 1600px) {
	.BossBaby-BurgerMenu-Body {
		max-width: 22%;
	}
	
	
}

@media only screen and (max-width: 992px) {
    .BossBaby-Que-Ans {
	  max-width: 100%;
	}
}

@media only screen and (max-width: 1666px) {
    .BossBaby-Landing-Container {
	  margin: 0 0 0 9%;
	  position: relative;
	}
	.BossBaby-Discription-On-Landing {
	  max-width: 81%;
	}
	.BossBaby-Para-On-Landing {
	  max-width: 42%;
	}
	.BossBaby-getStarted {
	  margin-top: 30px;
	  margin-bottom: 40px;
	}
	.BossBaby-BabyImage-Container {
	  bottom: -12%;
	  right: -14%;
	  
	}
	.BossBaby-BabyImage-Que-OptionsContainer {
		bottom: -21%;
		right: -19%;
		width: 29%;
	}
	
	.BossBaby-FooterCopyRights {
		bottom: -145px;
		font-family: "Open Sans",Semi-bold,sans-serif;
		font-size: 11px;
		margin-bottom: 25px;
		position: absolute;
		right: 125px;
		text-align: right;
	}
	
}

@media only screen and (max-width: 1470px) {
    .BossBaby-Landing-Container,.BossBaby-QueAns-Container {
	  margin: 0 0 0 9%;
	  width:75%;
	  

	}
	.QuizContainerHeight, .BossBaby-QueAns-Container-BGImage-ResultsPage{
		min-height: 93vh;
	}
	.BossBaby-Discription-On-Landing {
		max-width: 60%;
	}
	.BossBaby-Para-On-Landing {
	  max-width: 42%;
	}
	.BossBaby-getStarted {
	  margin-top: 30px;
	  margin-bottom: 40px;
	}
	.BossBaby-BabyImage-Container {
	  bottom: -12%;
	  right: -7%;
	  text-align: center;
	  
	}
	.BossBaby-BabyImage-Que-OptionsContainer{
		bottom: -12%;
	  right: -7%;
	  text-align: center;
	  width: 26%;
	}
	
	.BossBaby-BabyImage-Que-OptionsContainer > img {
	  margin: 0 auto;
	  max-width: 80%;
	}
	
	.OptionSelectionImage {
		top: -17px;
		left: -19px;
	}
	#myBurgerMenu{
	  overflow: hidden;
	  position: fixed;
	  bottom:0;
	  top: 0;
	 }
	.BossBaby-BabyImage-Container.LandingPageBossBaby {
		bottom: -7%;
		
	}
}

@media only screen and (max-width: 1360px) {
	.BossBaby-BurgerMenu-Body {
		max-width: 32%;
	}
	.BossBaby-Discription-On-Landing {
		max-width: 60%;
	}
.resultPageFooter{
	bottom: -100px;
}
}

@media only screen and (max-width: 1290px) {
	
    .BossBaby-Landing-Container {
	  margin: 0 0 0 8%;
	}
	.BossBaby-Discription-On-Landing {
	  max-width: 63%;
	}
	.BossBaby-Para-On-Landing {
	  
	  max-width: 42%;
	}
	.BossBaby-getStarted {
	  margin-top: 30px;
	}
	.BossBaby-BabyImage-Container {
	  bottom: -11%;
	  right: -8%;
	  text-align: center;
	}
	
	.BossBaby-BabyImage-Que-OptionsContainer  {
	  bottom: -11%;
	  right: -8%;
	  text-align: center;
	}
	.BossBaby-BabyImage-Que-OptionsContainer  > img {
	  margin: 0 auto;
	  max-width: 72%;
	}
	
	.BossBaby-getStarted {
	  margin-top: 22px;
	}
	.BossBaby-QueAns-Container-BGImage{
		min-height: 95vh;
	}
	
}




@media only screen and (max-width: 1190px) {
    .BossBaby-BurgerMenu-Body {
		max-width: 34%;
	}
	.BossBaby-Discription-On-Landing {
	 
	  max-width: 63%;
	}
	.BossBaby-Para-On-Landing {
	 
	  max-width: 46%;
	}
	.BossBaby-getStarted {
	  margin-top: 30px;
	}
	.BossBaby-BabyImage-Container {
	  bottom: -19%;
	  right: -4%;
	  text-align: right;
	}
	
	.BossBaby-BabyImage-Que-OptionsContaine {
	  bottom: -19%;
	  right: -4%;
	  text-align: right;
	}
	.BossBaby-BabyImage-Que-OptionsContaine > img {
	  margin: 0 auto;
	  max-width: 65%;
	}
	
	.BossBaby-getStarted {
	  margin-top: 22px;
	}
	.BossBaby-BabyImage-Container.LandingPageBossBaby {
		bottom: -9%;
	}
	
	
}

@media only screen and (max-width: 1170px) {
	.BossBaby-Landing-Container {
	
	}
    .BossBaby-Landing-Container {
	  margin: 0 0 0 7%;
	  /*width: 975px;*/
	}
	
	.BossBaby-Discription-On-Landing {
	  max-width: 63%;
	}
}

@media only screen and (max-width: 1130px) {
   .BossBaby-Discription-On-Landing {
	max-width: 64%;
}

}
/*Media Query CSS for Landing Page ends*/



/*Media queries for Que-Ans with text option page starts*/



@media only screen and (max-width: 1750px) {
	.Results-CopyrightsText-Contents {
		bottom: -40px;
	}
	.BossBaby-FooterCopyRights-LandingPage{
		position: relative;
	}
	.BossBaby-FooterCopyRights-LandingPage {
		bottom: -3px;
	}
}
@media only screen and (max-width: 1650px) {
   
	.BossBaby-QueAns-Container {
		margin: 0 0 0 9%;
		/*width: 75%;*/
	}
	.BossBaby-Landing-Container{
		min-height: 92vh;
	}
	.BossBaby-QueAns-Container-BGImage{
		min-height: 92vh;
	}
	.ImagesOptionSelection-animation{
		top: -19px;
		left: 2px;
	}
	.BossBaby-sequenceNO {	
		padding: 15px 0 0;
	}
	.BossBaby-Quiz-Ques {
		
		padding: 20px 0;
	}
	
	.BossBaby-Options-Char {
		font-size: 55px;
		line-height: 35px;
		padding: 10px 0 0;
	}
	.BossBaby-Text-Answer-Options {
		
		padding-left: 15px;
	}
	.BossBaby-Next-Ques-Arrow {
		padding: 15px 30px 0;
	}
	.BossBaby-BabyImage-Container {
		bottom: -19%;
		right: -49px;
		text-align: right;
		
    }
	.resultPageFooter{
		bottom: -75px;
	}
	.BossBaby-BabyImage-Que-OptionsContainer {
		bottom: -16%;
		right: -15%;
		width: 29%;
	}
	.BossBaby-BabyImage-Que-OptionsContainer > img {
		max-width: 100%;
	}
	.BossBaby-Next-Ques-Arrow {
		padding: 25px 30px 0;
	}
	.BossBaby-Options-Char {
		font-size: 55px;
		line-height: 35px;
		padding: 10px 0 0;
	}
	
	.ImagesOptionSelection-animation {
		left: 0;
		top: -20px;
	}
	.OptionSelectionImage {
		top: -15px;
	}
   
}

@media only screen and (max-width: 1520px) {
	.ImagesOptionSelection-animation {
		left: 0;
		top: -16px;
	}
	.BossBaby-DownloadShare-underline > img {
	  width: 60%;
	}
	.resultPageFooter{
		bottom: -120px;
	}
	.BossBaby-BabyImage-Que-OptionsContainer{
		bottom: -12%;
	}
}

@media only screen and (max-width: 1400px) {
	
	.BossBaby-QueAns-Container {
		margin: 0 0 0 9%;
	}
	.BossBaby-QueAns-Container {
		width: 75%;
	}
	
	.BossBaby-sequenceNO {
		
		padding: 10px 0 0;
	}
	.BossBaby-Quiz-Ques {

		
		padding: 15px 0;
	}
	.BossBaby-Options-Char {
		font-size: 52px;
		line-height: 32px;
	}
	.BossBaby-Ans-Options{
		padding: 16px;

    }
	.BossBaby-Next-Ques-Arrow {
		padding: 15px 50px 0;
	}
	.BossBaby-ProgressGraph-Container{
		margin: 0 0 34px;
	}
	.BossBaby-BabyImage-Que-OptionsContainer {
		bottom: -12%;
		right: -16%;
		width: 30%;
	}
	.BossBaby-BabyImage-Que-OptionsContainer > img {
		max-width: 100%;
	}
   .BossBaby-FooterCopyRights {
		right: 30px;
	    bottom: -185px;
	}
	.BossBaby-FooterCopyRights-ImageOptions {
		right: 30px;
		bottom: -167px;
	}
	.ImagesOptionSelection-animation {
		left: 1px;
		top: -12px;
	}
	.OptionSelectionImage {
	  top: -12px;
	  width: 90px;
	  left: -14px;
	}
	.BossBaby-QueAns-Container-BGImage{
		min-height: 95vh;
	}
	.resultPageFooter{
		bottom: -150px;
	}
	
}
@media only screen and (max-width: 1350px){
	.BossBaby-QueAns-Container {
		margin: 0 0 0 8%;
	}
	
	.ImagesOptionSelection-animation {
		top: -10px;
	}
	.BossBaby-Landing-Container{
		min-height: 90vh;
	}
	.BossBaby-QueAns-Container-BGImage{
		min-height: 90vh;
	}
	.Results-CopyrightsText-Contents {
		bottom: -70px;
	}
	.BurgerMenu-List-Item{
		padding: 10px 0;
	}
	.resultPageFooter{
		bottom: -130px;
	}
}

@media only screen and (max-width: 1260px) {
	
   .BossBaby-QueAns-Container {
		width: 80%;
	}
	.BossBaby-QueAns-Container {
		margin: 0 0 0 7%;
	}
	.ImagesOptionSelection-animation {
		left: 0;
		top: -15px;
	}
   
}

@media only screen and (max-width: 1130px) {
   
	.BossBaby-QueAns-Container {
		width: 80%;
	}
	.BossBaby-QueAns-Container {
		margin: 0 0 0 7%;
	}
    .BossBaby-FooterCopyRights {
		bottom: -142px;
		right: 100px;
	}
	.BossBaby-FooterCopyRights {
		bottom: -130px;
		right: 49px;
	}
	.ImageOptions-Character-animation {
		width: 52%;
	}
	.ImagesOptionSelection-animation {
		left: 0;
		top: -18px;
	}
}

@media only screen and (max-width: 1080px) {
   
	.BossBaby-QueAns-Container {
		width: 75%;
	}
   .BossBaby-Ans-Options {
		padding: 15px;
	}
	.BossBaby-Ans-Options-ImageOptions{
		padding: 15px;
	}
	.ImagesOptionSelection-animation {
		top: -14px;
	}
	.resultPageFooter{
		bottom: -60px;
	}
	
}

/*Media Query CSS for Landing Page and Burger Menu starts*/

@media only screen and (max-width: 1050px) {
   
	.BossBaby-BabyImage-Container.LandingPageBossBaby {
		width: 47%;
	}
	
	.BossBaby-Discription-On-Landing {
		max-width: 70%;
	}
	.BossBaby-BurgerMenu-CloseContainer {
		max-width: 56%;
		padding-top: 50px;
	}
	.BossBaby-BurgerMenu-Body {
		max-width: 37%;
	}

	.BossBaby-Text-Answer-Options {
		
		padding-left: 15px;
	}
	.BossBaby-Landing-Container{
		min-height: 80vh;
	}
	.BossBaby-QueAns-Container-BGImage{
		min-height: 80vh;
	}
	.BossBaby-getStarted-Text-SpanUnderlineImgConatiner > img {
		width: 25%;
	}
	.BossBaby-getStarted-Text-Span{
		margin-bottom: 0;
	}
}	

/*Media Query CSS for Landing Page and Burger ends*/


/*Media Query CSS for result pages starts*/

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

@media only screen and (max-width: 1400px) {
	
    .BossBabyResults-HeadHoncontents {
		/*padding: 160px 0 0;*/
		margin: 0 60px;
	}
	.BossBaby-Results-container {
		max-width: 75%;
	}
	.headHoncho-BossBaby-Image > img {
		height: 265px;
	}
	.headHoncho-Title {
		
	}
	.headHoncho-MessageContent {
	
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 1300px) {
    
	.headHoncho-BossBaby-Image > img {
		height: 265px;
	}
	.headHoncho-Title {
		
		margin-bottom: 20px;
	}
	.headHoncho-MessageContent {
		
		margin-bottom: 20px;
	}
	.OptionSelectionImage {
	  width: 85px;
	  top: -10px;
	  left: -13px;
	}
	.ImagesOptionSelection-animation {
	  top: -8px;
	  left: 2px;
	}
	.BossBaby-DownloadShare-underline > img {
	  width: 60%;
	}
}
@media only screen and (max-width: 1220px) {
    .BossBaby-Results-container {
		max-width: 88%;
	}
	.headHoncho-BossBaby-Image > img {
		height: 275px;
	}
	.headHoncho-Title {
		
		margin-bottom: 10px;
	}
	.headHoncho-MessageContent {
		
		margin-bottom: 20px;
	}
	
	.BossBaby-WatchTrailer > img {
		max-width: 80%;
	}
	.ImagesOptionSelection-animationForImgQuiz{
	
	top: -14px;
	}
	
}
@media only screen and (max-width: 1100px) {
    .BossBaby-Results-container {
		max-width: 88%;
	}
	.headHoncho-MessageContent {
		
		margin-bottom: 5px;
	}
	.ImagesOptionSelection-animationForImgQuiz {
	  left: -3px !important;
	  top: -9px;
	  width: 82px !important;
	}
	.BossBaby-WatchTrailer {

		top: 35px;
	}
	.OptionSelectionImage{
		top: -11px;
		left: -13px;
		width: 85px;
	}
	.BossBaby-DownloadShare-underline > img {
		width: 60%;
	}
	
}
@media only screen and (max-width: 1040px) {
	.headHoncho-MessageContent {
		
		margin-bottom: 5px;
	}
}


/*Media Query CSS for result pages Ends*/




/*Media Query CSS for Mobile view*/

/*Mobile VIEW CSS STARTS*/
@media only screen and (min-width: 961px){
	.MobileBossBaby-Image, .MobileMenu-Outer, .MobileBossBaby-FooterLine, .animate-underline-MobileView, .mobile-Logo-Baby-Container , .mobile-Quiz-footerLine{
		display: none;
	}
	

}
@media only screen and (max-width: 960px){
	
		body {           
		height:100%;
	
		
     }
	.BossBaby-BabyImage-Container.LandingPageBossBaby, .BossBaby-FooterCopyRights-LandingPage, .MobileHide-BossBaby-BurgerMenu-CloseContainer, .BossBaby-BurgerMenu-Body-HideOnMobile, .BossBaby-QueAns-BottomLogo-Container-LargeScreen, .BossBaby-BabyImage-Que-OptionsContainer, .resultPageFooter, .BossBaby-FooterCopyRights-LandingPage{
		display: none !important;
	}
	#resultPageLogo{
		display: none !important;
	}
	.BossBaby-container{
		margin-top: 19px;
	}
	.BossBaby-BurgerMenuButton-MobileResultPage, .BossBaby-AudioButton-MobileResultPage{
		top: 40px !important;
	}
	.BossBabyResults-HeadHoncontents > img{
		max-width: 90%;
		margin: 10px auto;
	}
	.BossBaby-results-DownloadShare{
		margin-top: -10px;
	}
	.BossBaby-sequenceNO{
		font-size: 4vw;
		line-height: 4vw;
		padding: 15px 0 0;
	}
	.animate-underline-DesktopView{
		display: none;
	}
	.animate-underline-MobileView{
		margin-left: -15px;
	}
	
	.BossBaby-getStarted{
		margin-top: 0;
	}
	.BossBaby-QueAns-Container, .BossBaby-Landing-Container {
		/*width: 80%;*/
		margin: 0 auto;
	}
	.BossBaby-LandingBG {
		background: url(../images/Bg.jpg) no-repeat center top fixed;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% 100%;
		
	}
	.BossBaby-quizBG {
		background: url(../images/Bg.jpg) no-repeat center top fixed;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% 100%;
	}
	.BossBaby-Landing-Container {
		padding: 20px 0 0;
	}
	
	.MobileBossBaby-Image {
		position: absolute;
		width: 35%;
		top: 130px;
		right: 0;
	}
	.MobileBossBaby-FooterLine {
		font-family: "Open Sans",Semi-bold,sans-serif;
		font-size: 1.5vw ;
		text-align: center;
		padding: 20px 0 0;
		color: #fff;
		position: relative;
		bottom: -60px;
		background-color: rgba(57, 185, 239, 1);
	}
	/*Menu CSS*/
	
	.close.BossBaby-BurgerMenu-CloseButton > img {
		max-width: 50%;
	}
	.BossBaby-BurgerMenu-CloseContainer {
		max-width: 90%;
		margin: 0px auto;
	}
	.BossBaby-BurgerMenu-Body {
		max-width: 75%;
	}
	.BurgerMenu-SocialIconList-Item > a > img {
		max-width: 55%;
	}
	.BurgerMenu-SocialIconList-Item > a {
		padding: 0;
	}
	.BurgerMenu-SocialIconList {
		margin-top: 30px;
	}
	.BurgerMenu-List-Item {
		line-height: 30px;
		padding: 10px 0;
	}
	.BurgerMenu-List-Item > a {
		font-size: 6vw;
		line-height: 5vw;
	}
	.BossBaby-BurgerMenu-CloseContainer {
		padding-top: 0;
	}
	
	/*Container Contents CSS*/
	.BossBaby-Landing-Container {
		height: 550px;
	}
	.BossBaby-Discription-On-Landing {
		font-size: 6vw;
		max-width: 70%;
		line-height: 6vw;
		margin: 20px auto 0;
	}
	.BossBaby-Para-On-Landing {
		font-size: 2.5vw;
		max-width: 57%;
		line-height: 3vw;
		margin: 20px auto 0;
	}
	.BossBaby-getStarted-Text-Span{
		font-size: 6vw;
		line-height: 6vw;
		margin: 20px auto 5px;
	}
	
	/*Quiz mobile CSS*/
	.BossBaby-Quiz-Ques {
		font-size: 3vw;
		line-height: 3vw;
	}
	
	.mobileManagePadding{
		padding: 0 5px;
	}
	.noPaddingMobileView{
		padding: 0;
	}
	.BossBaby-ProgressGraph-Container-Mobile{
		text-align: left;
		/*padding-top: 5px;*/
	}
	.grapLoad{
		width: 60%;
	}
	.BossBaby-ProgressGraph-BottomText, .BossBaby-ProgressGraph-LefText{
		font-size: 2.5vw;
	}
	.BossBaby-Options-Char {
		font-size: 5vw;
		line-height: 5vw;
	}
	.nextQuizQueSet, .prevQuizQueSet {
		cursor: pointer;
		position: absolute;
		top: 10px;
		right: -10px;
	}
	.nextQuizQueSet > img, .prevQuizQueSet > img {
		width: 75%;
	}
	.ImagesOptionSelection-animationForImgQuiz{
		left: 2px !important;
		top: -6px !important;
		width: 60px !important;
	}
	.ImagesOptionSelection-animation{
		left: 0;
		top: -2px;
		width: 70px;
	}
	.BossBaby-BossTitle {
		font-size: 5vw;
		line-height: 4vw;
	}
	
	.mobile-Logo-Baby-Container{
		position: relative;
	}
	.mobile-Quiz-Logo-Container{
		width: 14%;
		position: absolute;
		left: 0;
		bottom: -15px;
	}
	.mobile-Quiz-BossBaby-Container{
		width: 20%;
		position: absolute;
		right: 0;
		bottom: -55px;
	}
	.mobile-Quiz-footerLine{
		margin-top: 40px;
	}
	.mobile-Quiz-footerLine{
		font-family: "Open Sans",Semi-bold,sans-serif;
		font-size: 11px;
	}
	.BossBaby-Options-Char{
		padding: 0;
	}
	.BossBaby-Text-Answer-Options{
		font-size: 2.2vw;
		line-height:2.3vw;
	}
	.BossBaby-Ans-Options{
		padding: 10px 0 !important;
	}
	.OptionSelectionImage{
		top: -10px;
		left: -18px;
		width: 65px;
	}
	.close.BossBaby-BurgerMenu-CloseButton{
		font-size:25px;
		padding-top: 10px;
	}
	/*Result page CSS Starts*/
	
	.BossBaby-Results-container{
		max-width: 95%;
	}
	
	.headHoncho-BossBaby-Image > img{
		height: 220px;
	}
	.BossBaby-WatchTrailer{
		right: 5%;
		top: 30px;
		width: 30%;
	}
	.BossBaby-WatchTrailer > img{
		max-width: 100%;
	}
	.headHoncho-Title{
		font-size: 3.7vw;
	}
	.headHoncho-MessageContent{
		font-size: 2vw;
		line-height: 2.2vw;
	}
	.BossBaby-DownloadShare-text, .try-again-text{
		font-size: 4vw;
		display: block;
		line-height: 3.8vw;
		padding: 10px 0 0;
	}
	
	.BossBaby-DownloadShare-underline{
		width: 65%;
		display: inline-block;
	}
	.BossBaby-DownloadShare-underline > img{
		width: 100%;
	}
	.shareDownloadContainer-MobileResultPage{
		width: 7%;
		margin: 0 auto;
	}
	.shareDownloadContainer-MobileResultPage > img{
		max-width: 100%;
	}
	.results-TryAginButton{
		width: 25%;
		bottom: -30px;
		z-index: 0;
	}
	.results-TryAginButtonBGImage{
		bottom: -3px;
	}
	.results-TryAginButton > img{
		max-width: 100%;
	}
	.BossBaby-getStarted-Text-SpanUnderlineImgConatiner > img{
		max-width: 30%;
	}
	.results-TryAginButtonBGImage{
		display: none;
	}
	/*CSS for mob footer-links*/
	
	.footer-links{
		margin-bottom: 0;
	}
}



@media only screen and (max-width: 800px) {
	.BossBaby-Landing-Container, .BossBaby-QueAns-Container-BGImage {
		height: 440px;
	}
	.BossBaby-BurgerMenuButton {
		top: 30px;
		left: -31px; 
	}
	.burgerBackImage{
		top: 30px;
		left: -24px;
	}
	.BossBaby-AudioButtonBackImg{
		top: 30px;
		right: -48px;
	}
	.BossBaby-BurgerMenuButton > img {
		width: 65%;
	}
	.BossBaby-BurgerMenuButtonBackImg > img{
		width: 65%;
	}
	.burgerBackImage > img{
		width: 65%;
	}
	.BossBaby-AudioButton {
		top: 30px;
		right: -48px;
	}
	.BossBaby-AudioButton > img{
		width: 65%;
	}
	.BossBaby-AudioButtonBackImg > img{
		width: 65%;
	}
	/*Main Container CSS*/
	
	
	
	
	.BossBaby-getStarted-Text-Span-UnderlineImg{
		width: 45%;
	}
	
	.MobileBossBaby-Image {
		width: 32%;
	}
	.MobileBossBaby-Image {
		top: 100px;
	}
	
	.BossBaby-BurgerMenu-Body {
		max-width: 40%;
	}
	
}

@media only screen and (max-width: 750px) {
	
	.MobileBossBaby-Image {
		top: 130px;
	}
	.ImagesOptionSelection-animation{
		left: -2px;
	}
	.headHoncho-BossBaby-Logo{
		padding: 8px 30px 0px 0px;
	}
	.BossBaby-WatchTrailer{
		top: 30px;
	}
}
@media only screen and (max-width: 700px) {
	.BossBaby-Landing-Container {
		height: 440px;
	}
	
	.BossBaby-BurgerMenuButton {
		top: 30px;
		left: -27px; 
	}
	.BossBaby-BurgerMenuButtonBackImg{
		left: -21px;
	}
	.BossBaby-BurgerMenuButton > img {
		width: 55%;
	}
	.BossBaby-BurgerMenuButtonBackImg > img{
		width: 55%;
	}
	.burgerBackImage > img{
		width: 55%;
	}
	.BossBaby-AudioButton, .BossBaby-AudioButtonBackImg {
		top: 30px;
		right: -50px;
	}
	.BossBaby-AudioButton > img{
		width: 55%;
	}
	.BossBaby-AudioButtonBackImg > img{
		width: 55%;
	}
	/*Main Container CSS*/
	
	.BossBaby-Landing-Container {
		max-width: 85%;
		margin: 0 auto;
	}
	
	.BossBaby-getStarted-Text-Span-UnderlineImg{
		width: 45%;
	}
	
	.MobileBossBaby-Image {
		width: 38%;
	}
	.MobileBossBaby-Image {
		top: 80px;
	}

	
	.BossBaby-Results-container{
		margin-top: 30px;
	}
	.results-TryAginButton{
		bottom: -27px;
	}
}
@media only screen and (max-width: 670px) {
	.BossBaby-Results-container{
		margin-top: 20px;
	}
	.BossBaby-WatchTrailer{
		top: 20px;
	}
	.ImagesOptionSelection-animationForImgQuiz{
		left: -3px !important;
		top: -8px !important;
	}
}
@media only screen and (max-width: 640px) {
	
	.MobileBossBaby-Image {
		top: 100px;
	}
	
	.ImagesOptionSelection-animationForImgQuiz{
		left: -3px !important;
		top: -7px !important;
		width: 55px !important;
	}
	.ImagesOptionSelection-animation{
		left: -8px;
		top: -4px;
		width: 67px;
	}
	.BossBaby-WatchTrailer{
		top: 10px;
	}
	.headHoncho-BossBaby-Logo{
		padding: 23px 21px 0 19px;
	}
}
@media only screen and (max-width: 600px) {
	.BossBaby-Landing-Container, .BossBaby-QueAns-Container-BGImage {
		height: 395px;
	}
	.BossBaby-BurgerMenuButton {
		top: 30px;
		left: -27px; 
	}
	.BossBaby-BurgerMenuButton > img {
		width: 55%;
	}
	.BossBaby-BurgerMenuButtonBackImg > img{
		width: 55%;
	}
	.BossBaby-AudioButton {
		top: 30px;
		right: -28px;
		text-align: right;
	}
	.BossBaby-AudioButton > img{
		width: 55%;
	}
	.BossBaby-AudioButtonBackImg > img{
		width: 55%;
	}
	/*Main Container CSS*/
	
	.BossBaby-Landing-Container {
		max-width: 82%;
		margin: 0 auto;
	}
	
	.BossBaby-getStarted-Text-Span-UnderlineImg{
		width: 45%;
	}
	
	.MobileBossBaby-Image {
		top: 110px;
	}
	
	.BossBaby-BurgerMenu-Body {
		max-width: 60%;
	}
	.OptionSelectionImage{
		top: -7px;
		left: -12px;
		width: 48px;
	}
	.BossBabyResults-HeadHoncontents > img{
		max-width: 100%;
	}
	.results-TryAginButton{
		bottom: -24px;
	}
	.ImagesOptionSelection-animationForImgQuiz{
		left: -7px !important;
		top: -8px !important;
	}
}

@media only screen and (max-width: 540px) {
	.OptionSelectionImage{
		top: -9px;
	}
	.MobileBossBaby-Image {
		top: 140px;
	}
	.ImagesOptionSelection-animationForImgQuiz{
		left: -5px !important;
		top: -6px !important;
		width: 46px !important;
	}
	.ImagesOptionSelection-animation{
		left: -9px;
		top: -2px;
		width: 55px;
	}
	
	.headHoncho-BossBaby-Image > img{
		height: 180px;
	}
	.headHoncho-BossBaby-Logo{
		padding: 39px 17px 0 0;
	}
	.BossBaby-AudioButton, .BossBaby-AudioButtonBackImg {
		right: -27px;
	}
	.results-TryAginButton{
			bottom: -19px;
	}
	.BossBaby-Landing-Container, .BossBaby-QueAns-Container-BGImage {
		height: 375px;
	}
	.shareDownloadContainer-MobileResultPage{
		margin-bottom: 15px;
	}
}
/*Mobile VIEW CSS ENDS*/

/*Media Query CSS for Potrait Display Starts*/

@media only screen and  (min-width:480px) and (orientation:landscape) {
.potraitDisplay {
	
	display: none;	
	
}

.BossBaby-QueAns-Container{
	display:block;
}
}

@media only screen and  (min-width:320px)  and (max-width:1024px)  and (orientation:portrait) {
.MobileBossBaby-FooterLine{
	display:none;
}
.potraitDisplay {
	background: #fff;
	text-align: center;
	z-index: 10002;
	display: block;
	position: fixed;
	overflow: hidden;
	color: #fff;
	top: 0;
	left: 0;
	height: 100%;
	padding: 5%;
	width: 100%;
	bottom: 0;
	
}
.potraitDisplay img {
	width: 70%!important;
	height: auto;
	margin-bottom: 5%;
}
.BossBaby-QueAns-Container{
	display:none;
}
}
/*Media Query CSS for Potrait Display Starts*/

.nxt-button-disable{
		visibility:hidden;
	}
.textcolor
{
	color:#383934;
}
.textcolor-blue{
		color:#09a8fe !important;
}
.loader{
	
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		display:block;
		background-color:#FFF;
		color:#09a8fe;
		z-index: 10001;
		background-size: contain;
		overflow: hidden;
		bottom: 0;
	}
.loader img{
		
	position: relative;
    margin: 0 auto;
    top: 32%;
}
.loader p{
		
	position: relative;
   	text-align:center;
    top: 33%;
	font-family: 'patrick_handregular';
	font-size: 46px;
	font-weight: bold;
}

#olderbrowser {
	display: none;
	width: 100%;
	position: fixed;
	text-align: center;
	top: 0;
	font-size: 20px;
	z-index: 1100;
	color: #fff;
	height: 100%;
	background: url(../images/ie8-bg.png);
	bottom: 0;
}
.ie-quote {
	margin-top: 10%;
}

.ie-quote p{
	padding-top:35px;	
}

@media only screen and
(max-device-width:1280px)
and (min-device-width:1025px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
	
	.BossBaby-LandingBG{
		background:url(../images/Landing_Prop-bg.jpg) no-repeat center center;
		
	}
	.BossBaby-quizBG{
		background: url(../images/Bg.jpg) no-repeat center center;
	}
	.BossBaby-resultBG{
		background: url(../images/results-bg.jpg) no-repeat center center;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	 
	  
	.BossBaby-LandingBG{
		background:url(../images/Landing_Prop-bg.jpg) no-repeat center center fixed;
		background-size: 100% 100%;
		
	}
	.BossBaby-quizBG{
		background: url(../images/Bg.jpg) no-repeat center center fixed;
		background-size: 100% 100%;
	}
	.BossBaby-resultBG{
		background: url(../images/results-bg.jpg) no-repeat center center fixed;
		background-size: 100% 100%;
	}
	  .BossBaby-BabyImage-Que-OptionsContainer{
		  bottom:-14%;
	  }
	  
	  .Results-CopyrightsText-Contents{
		  bottom:-33px;
	  }
	  
}

/* Landscape */
@media screen 
  and (device-width: 640px) 
  and (device-height: 360px) 
 /* and (-webkit-device-pixel-ratio: 3) */
  and (orientation: landscape) {
	
	  
	.BossBaby-LandingBG{
		background-size: 100% auto;
				
	}
	.BossBaby-quizBG{
		background-size: 100% auto;
	
	}
	  .BossBaby-quizBG-none{
		  background-image:none;
	  }
	.BossBaby-resultBG{
		background-size: 100% auto;
		background-position: center top;
	
	}
	  .BossBaby-resultBG-none{
		  background-image:none;
	  }
	  .TrailerVideoModal-CloseButtonContainer.text-right{
		  z-index: 10000;
	  }
	 
	  
}

.set-pointers{
	pointer-events:none;
	}