/*iPad View portrait starts*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait){
	body{
		height: 100% !important;
	}
	.right_patch{
		right: 5% !important;
	}
	.cntText, .pop_subhead {
		width: 100% !important;
	    text-align: center !important;
	    margin: 0px auto !important;
	}
	.cntText1,.pop36_subhead{
		width: 88% !important;
	}
	.pop2_subhead{
		width: 74% !important;
	}
	.circleimg{
	top: 43% !important;
    left: -20% !important;
	}
	.pageCntPatch1{
		width: 62% !important;
	}

	
	#options li:nth-of-type(4){
		margin-top: 15px;
	}
	#options li:nth-of-type(5){
		margin-top: 15px;
	}
	.feedbackBox {
    width: 700px !important;
    height: 700px !important;
    position: fixed !important;
    left: 5% !important;
    top: 10% !important;
    z-index: 0;
	}
	.left_txt1,.right_txt1{
	    padding-left: 40px !important;
    	padding-top: 20px !important;
	}
	.tab1_txt1,.tab1_back{
		margin-top: 0px !important;
	}
	.tab1_back{
		left: 38% !important;
		text-align: center !important;
	}
	.img_txtalign{
		position: relative;
   		 left: 19%;
   		    padding: 0px !important; 
	}
	.top_align{
	margin-top: 0px !important;
	}
	.tab42_back{
		left: 38% !important;
	}
	.msgTxt{
		margin-top: 0px !important;
	}
	.tab42_txt4{
	  width: 100% !important;
      text-align: center !important;
       padding-right: 68px;
	}
	
	.cntText121{
		width: 90% !important;
	}
	.cntText12{
		width: 96% !important;
	}
	.page-content{
		 padding: 0px 30px 0 30px !important;
	}
	.tab1_txt2{
		padding-right: 30px !important;
	}
	.circle{
		height: 100% !important;
	    width: 100% !important;
	    left: 0% !important;
	    top: 0% !important;
	}
	.pagetxt12,.pagetxt21,.pagetxt22,.pagetxt23{
		width: 80% !important;
	}
	.cntText2{
		width: 100% !important;
	}
	.tab1_back{
		margin: 0px auto;
	}
	.tab1_txt4{
		text-align: center;
	}
	.vertical_mid1{
	    display: table;
	    height: 100%;
	}
	.vertical_mid2{
	    display: table-cell;
	    vertical-align: middle;
	}
	.align_middle{
	    display: table;
	    height: 100%;
	}
	.align_vertical39{
		display: table-cell;
    	vertical-align: middle;
	}
	.main_border{
	max-width: 660px !important;
    padding: 30px;
    min-height: 401px;
	left: -5px;
    position: relative;
	}
	.carousel-control.right{
		right:50px !important;
	}
	.carousel-control.left{
		left:-20px !important;
	}
	.play_icon{
		display:none;
	}
	.video_intro>video{
		top:-20px;
	}
	.circle{
		height: 700px !important;
		width: 700px !important;
		left: 5% !important;
		top: 15% !important;
	}
	.feedbackBox {
   width: 700px !important;
    height: 700px !important;
    position: fixed !important;
    left: 5% !important;
    top: 14% !important;
	z-index:999;
	}
	.video{
	margin: 0px auto;
    display: block;
    border: 10px solid #a0acaa;
    width: 100% !important;
    top: 15% !important;
    position: absolute !important;
	}
	.ipad_optalign{
	width: 200px !important;
    height: 275px !important;
	}
}
/*iPad View portrait ends*/



/*iPad View landscape starts*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) {
	.cntText{
		padding-top: 10px !important;
	}
	.pageTitleText{
		font-size: 35px !important;
	}
	.pop2_subhead{
		padding: 10px 0px !important;
	}
	.cont_butt{
		margin-top: 5px !important;
	}
	.pageCntPatch1{
		padding: 12px 0px 12px 0px !important;
	}
	.pagepatch_align{
	   width: 44% !important;
	}
	.page-content{
		 padding: 0px 30px 0 30px !important;
	}
	.ipad_optalign{
	width: 180px !important;
    height: 248px !important;
    margin-right: 0px !important;
    margin-left: 5px !important;
    margin-top: 0px !important;
	}
	.quiz-area {
		Padding:0px !important;
	}
	.left_txt2{
		padding-top: 0px !important;
		padding-bottom: 5px !important;
	}
	.option-text{
		font-size: 16px !important;
	}
	.img_txtalign{
		position: none !important;
		left: 0px !important;
	    padding: 0px !important;	
	}
	.tab1_txt1{
		font-size: 30px !important;
		margin-top: 32px !important;
	}
	.top_align{
	margin-top: 0px !important;
	}
	.kc-option_align{
		height: 50px !important;
	}
	.circle{
	    width: 80% !important;
	    left: 10% !important;
	    top: -10% !important;
    }
	.pagetxt12,.pagetxt22{
		width: 90% !important;
	}
	.pagetxt21,.pagetxt23{
		width: 70% !important;	
	}
	.logo_img{
		margin-bottom: 12px !important;
	}
	.cntText2{
		width: 100% !important;
	}
	.col-sm-3{
		width: 25% !important;
	}
.vertical_mid1{
	    display: table;
	    height: 100%;
	}
	.vertical_mid2{
	    display: table-cell;
	    vertical-align: middle;
	}
	.align_middle{
	    display: table;
	    /* background: red; */
	    height: 100%;
	}
	.align_vertical39{
		display: table-cell;
    	vertical-align: middle;
	}
	.lefttxt1{
		padding-left: 12px !important;
	}
	.main_border{
		left: -17px !important;
		position: relative;
	}	
	.carousel-control.left{
		left:-30px !important;
	}
	.carousel-control.right{
		right:5px !important;
	}
	.play_icon{
		display:none;
	}
	.video_intro>video{
		top:-20px;
	}
	.circle {
    width: 650px !important;
    left: 18% !important;
    height: 650px !important;
    top: 4% !important;
	}
	.pagetxt23 {
    width: 59% !important;
	}
	.pagetxt12, .pagetxt22, .pagetxt21 {
    width: 50% !important;
	}
	.feedbackBox {
    width: 700px !important;
    height: 700px !important;
    position: fixed !important;
    left: 17% !important;
    top:4% !important;
    z-index: 0;
	}
	.video{
    width: 100% !important;
    position: absolute !important;
	}
	.col-md-offset-2{
		margin-left:7% !important;
	}
	
}
/*iPad View landscape ends*/

/*Mobile Media Query Starts*/
@media only screen and (min-device-width : 320px) and (max-device-width : 767px){
	.body{
		background-color: #000;
	}
	/*body{
		overflow-x: hidden !important;
	}*/
	.video_intro>video{
		height: 82vh !important;
	}
	.menu-btn{
		margin-top: 4px !important;
	}
	.topicTitleBox{
		height: 50px !important;
		font-size: 15px !important;
		width: 140px !important;
	}
	.pageTitleText{
		font-size:20px !important;
		font-weight:200;
	}
	.logo{
		padding-left: 15px !important;
    	padding-top: 15px !important;
	}
	.logo img{
		width:120px !important;
	}
	.page-content{
		top:56px;
	}
	.pageTitleText{
		margin-top:45px;
		position:relative;
	}
	.logo_img1{
		height: 160px;
		width: 180px;
		top: 75px;
		position: relative;
		left:20px;
	}
	.custom_img_phone{
		top: 115px;
    	position: relative;
    	left: -15px;
    	width: 70%;
	}


	.pop36_subhead{
		width: 100% !important;
		padding: 38px 12px;
	}
	.page-content,.kc-page-content{
		padding: 15px !important;
    	overflow-y: scroll !important;
	}
	.pageCntPatch1,.pagetxt12,.pagesubtxt12,.pagetxt21,.pagetxt22,.pagetxt23,.cntText,.pop_subhead,.pop2_subhead{
		width: 100% !important;
	}
	.tab1_back{
		margin: 0px auto !important;
	}
	.menu{
		width:300px !important;
	}
	.not-visited2{
		left: -22px;
		position: relative;
	}
	.not-visited2-bar{
		left: -28px;
		position: relative;
	}
	.in-progress2{
		left: -32px;
		position: relative;
	}
	.in-progress2-bar{
		left: -36px;
		position: relative;
	}
	.completed2{
		left: -40px;
		position: relative;
	}
	.completed2-bar{
		left: 114px;
		position: relative;
		bottom:15px;
	}
	.menu-footer{
		height:45px;
	}
	
	.circle{
		height: 366px !important;
		top: 25% !important;
		width: 375px !important;
		left: 0% !important;
	}
	.pageCntPatch{
		padding:5px 0px !important;
	}
}
/*Mobile Media Query ends*/

@media (min-width: 1281px) {
	.vertical_mid1{
	    display: table;
	}
	.vertical_mid2{
	    display: table-cell;
	    vertical-align: middle;
	}
	.align_middle{
	    display: table;
	    /* background: red; */
	    height: 100%;
	}
	.align_vertical39{
		display: table-cell;
    	vertical-align: middle;
	}
}
@media (min-width: 1025px) and (max-width: 1280px) {
	.vertical_mid1{
	    display: table;
	    height: 100%;
	}
	.vertical_mid2{
	    display: table-cell;
	    vertical-align: middle;
	}
	.align_middle{
	    display: table;
	    /* background: red; */
	    height: 100%;
	}
	.align_vertical39{
		display: table-cell;
    	vertical-align: middle;
	}
}