@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 767px) {
	.left_panel{width:90px; height:90px;}
	.footer_left{display:table; margin:10px auto 0 !important;}
	.footer_right{display:table; margin:20px auto 0 !important;}
	.footer_right ul li a{margin:0;}
	.footer_right ul{float:none !important; margin:0 auto 10px; width:auto; display:table;}
	.pcg_main{float:left; padding-left:15px; width:auto;}
	.flip_left{width:100%; float:none;}
	.flip_right{width:100%; float:none; margin:0 auto 20px;}
	.footer_nopadd{padding-right:0; padding-left:0;}
	.left_content{width:100%; float:none;}
	.pcg_main{width:100%;}
	.pink_head h2{font-size:21px;}
	h1{font-size:26px;}
	h3{font-size:20px; line-height:25px;}
	.flip_btns{width:100%;}
	.flip_btns .btn_sbt{float:none; margin:0 auto; text-align:center;}



}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.flipbookContent{width:300px !important;}
	.left_content{width:63%;}
	.pcg_main{width:34%;}
	.flipbookContent h2{font-size:2em;}
	.flipbookContent h4{font-size:1.3em;}
	.flipbookContent p{font-size:1.5em; width:auto;}
	.flipbookContent p.italics{font-size:1.2em; width:auto;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.dob_text{width:13%;}
	.flipbookContent{width:284px !important;}
	.flipbookWrap{width:100% !important;}
	.inner_wrap{width:90% !important; margin:0 auto !important;}
	.flip_btns{width:100% !important; margin:0 auto;visibility:hidden; position:relative; background:none;}
	.left_content{width:56%;}
	.pcg_main{width:40%;}
	.flipbookContent p{font-size:1.5em; width:auto;}
	.flipbookContent p.italics{font-size:1.2em; width:auto;}
	.flipbookContent h4{font-size:1.2em;}
}


/* iphone (portrait) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 766px) 
and (orientation : portrait) {
	.wrapper_new{margin-bottom:-149px; padding-bottom:149px;}
	.dob_text, .date, .month, .year{width:100%; float:none;}
	.date, .month, .year{width:31%; float:left; margin:0 5px 0 0;}
	.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%;}
	.left_panel{float:none; width:90px; height:90px;}
	.right_panel{width:100%; float:none; margin:0;}
	.right_panel{text-align:center;}
	.footer_left p{padding:16px 16px 0 0; float:none; margin:0 auto; display:table;}
	.flipbookWrap, .flipbookContent{width:100% !important; height:200px;}
	.innerPageRight, .innerPageLeft{height:210px !important;}
	.start_quiz{width:80%;}
	.first_page{width:100%;}
	.first_page img{width:80%;}
	.innerPageRight .innerPageWrap{padding:0; height:100%; font-size:12px; line-height:30px;}
	.innerPageLeft .innerPageWrap{padding:20px 10px; height:100%; font-size:12px; line-height:20px;}
	.pageNos{margin-top:130px;}
	.flipbookContent h2{font-size:1.2em; padding:0 0 8px 0;}
	.flipbookContent p{font-size:1.2em; line-height:18px; padding:0 0 5px 0; width:auto;}
	.flipbookContent h4{font-size:1.2em; padding:0 4px 5px 0;}
	.flipbookContent p.italics{line-height:14px; font-size:0.9em; width:auto;}
	.assesmentSuccesMsg {font-size:16px;padding:10px 10px; line-height:normal;}
	
	
}


/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 766px)
  and (orientation: landscape) {
	  .wrapper_new{margin-bottom:-50px;padding-bottom:50px;}
	  .dob_text, .date, .month, .year{width:20%;}
	.date, .month, .year{width:25%; float:left; margin:0 5px 0 0;}
	.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%;}
	.right_panel{text-align:left;}
	.footer_left p{padding:16px 16px 0 0; float:left; margin:0 auto; display:table;}
	.flipbookWrap, .flipbookContent{width:100%; height:270px;}
	.innerPageRight, .innerPageLeft{height:270px;}
	.start_quiz{width:60%;}
	.first_page{width:100%;}
	.first_page img{width:70%;}
	.innerPageRight .innerPageWrap{padding:0; height:100%; font-size:12px; line-height:30px;}
	.innerPageLeft .innerPageWrap{padding:20px 10px; height:100%; font-size:12px; line-height:20px;}
	.pageNos{margin-top:140px;}
	.flipbookContent h2{font-size:1.4em; padding:0 0 10px 0;}
	.flipbookContent p{font-size:1.2em; line-height:16px; padding:0 0 10px 0; width:auto;}
	.flipbookContent h4{font-size:1.2em; padding:0 0 10px 0;}
	.flipbookContent p.italics{line-height:17px !important; font-size:1em !important;}
	.assesmentSuccesMsg {font-size:16px;padding:10px 10px; line-height:normal;}
	/*.flip_btns{width:auto !important; margin:0 auto; float:none; display:table;}*/
	.pcg_main{width:70%;}
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px)
  and (orientation: landscape) {
	  .flipbookWrap, .flipbookContent{width:90% !important;}
	  .first_page img{width:50% !important;}
	  .flipbookContent p{width:auto; font-size:1.2em; line-height:19px;}
  }
  
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	.first_page img{width:50%;}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
	.first_page img{width:70%;}
	.flipbookContent p {font-size: 1.2em !important;line-height: 20px;} 
	.flipbookContent p.italics{line-height:17px !important; font-size:1em !important;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (orientation: landscape) {.first_page img{width:60% !important;}
}