@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1180px) {
    .pcg_main {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
	body .left_panel{width:90px; height:90px;}
	body .footer_left{display:table; margin:10px auto 0 !important;}
	body .footer_right{display:table; margin:20px auto 0 !important;}
	body .footer_right ul li a{margin:0;}
	body .footer_right ul{float:none !important; margin:0 auto 10px; width:auto; display:table;}
	body .pcg_main{float:left; padding-left:15px; width:auto;}
	body .flip_left{width:100%; float:none;}
	body .flip_right{width:100%; float:none; margin:0 auto 20px;}
	body .footer_nopadd{padding-right:0; padding-left:0;}
	body .left_content{width:100%; float:none;}
	body .pcg_main{width:100%;}
	body .pink_head h2{font-size:21px;}
	body h1{font-size:26px;}
	body h3{font-size:20px; line-height:25px;}
	body .flip_btns{width:100%;}
	body .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) {
	body .flipbookContent{width:300px !important;}
	body .left_content{width:100%;}
	body .pcg_main{width:100%;}
	body .flipbookContent h2{font-size:2em;}
	body .flipbookContent h4{font-size:1.3em;}
	body .flipbookContent p{font-size:1.5em; width:auto;}
	body .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) {
	body .dob_text{width:13%;}
	body .flipbookContent{width:284px !important;}
	body .flipbookWrap{width:100% !important;}
	body .inner_wrap{width:90% !important; margin:0 auto !important;}
	body .flip_btns{width:100% !important; margin:0 auto;visibility:hidden; position:relative; background:none;}
	body .left_content{width:100%;}
	body .pcg_main{width:100%;}
	body .flipbookContent p{font-size:1.5em; width:auto;}
	body .flipbookContent p.italics{font-size:1.2em; width:auto;}
	body .flipbookContent h4{font-size:1.2em;}
}


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

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px)
  and (orientation: landscape) {
	 body .flipbookWrap, .flipbookContent{width:90% !important;}
	  body .first_page img{width:50% !important;}
	 body .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) {
	body .first_page img{width:50%;}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
	body .first_page img{width:70%;}
	body .flipbookContent p {font-size: 1.2em !important;line-height: 20px;} 
	body .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) {body .first_page img{width:60% !important;}
}
@media screen and (max-width: 767px) {
.btn_sbt .centel-btn {
    width: 112px;   
	 font-size: 12px;
}
.cern-btn {
    margin: 0 !important;
	    position: absolute;
    right: 24px;
    top: 72px;
}
body .cern-btn .buttonStyle{
    font-size: 14px !important;

}
body .flipbookContent h2{
	margin:0px;
}
body  .flipbookContent{
	left:0px;
}
body .innerPageLeft .innerPageWrap.firstPage{
	        padding: 20px 10px;
}
body .flipbookWrap{
	height: 280px;
}
.innerPageLeft {
        height: 100% !important;
    }
	br{
		display: none !important;
	}
	    body .innerPageRight, .innerPageLeft {
        height: inherit !important;
    }
	.assesmentSuccesMsg1 {
    font-size: 19px;

    padding: 30px 24px;
    line-height: 28px;

}
.inner_wrap h1 {
    font-size: 20px;
    padding: 21px 0;
}
p {
    font-size: 14px !important;
}
}