ol,
ul {
    margin: 0.1em 0em 0.86em 1em;
}

ol li {
    margin-left: 0.2em;
    margin-bottom: 0.1em;
}

ul li,
ol ul li {
    margin-left: 0.2em;
    margin-bottom: 0.2em;
}
ul.size-1 li {   
    margin-bottom: 1em;
}
/* sub bullet */
ul ul li{list-style: circle;}

div p:last-child ol,
div p:last-child ul{
    margin-bottom: 0em;
}
.switch-btn-panel{
    position: relative;
    margin: 0px 0px 20px 0px;
}

.btn.switch-btn{
    position: relative;
    border: 2px solid #fff;
    border-radius: 38px;
    width: 168px;
    height: 54px;
    background-color: rgba(255, 255, 255, 0.21);
    color: #fff;
	min-width: auto;
}
.btn.switch-btn .knob{
    position: absolute;
    left: -2px;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-color: #fff;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 1.2em;
    transition: all 200ms ease-out;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    color: #0057DB;
}
.ie .btn.switch-btn .knob{
    top: -4px;
}
.btn.switch-btn .btn-txt{visibility: hidden; transition: all 100ms ease-out; font-size: 25px;}
.btn.switch-btn .btn-txt.on{visibility: visible; color: #fff;}

.btn.switch-btn.on .knob{left: -2px;}
.btn.switch-btn.on .btn-txt.off{visibility: hidden;}
.btn.switch-btn.on .btn-txt.on{visibility: visible; color: #fff;}

.btn.switch-btn.off .knob{left: 100px;}
.btn.switch-btn.off .btn-txt.off{visibility: visible; color: #fff   ;}
.btn.switch-btn.off .btn-txt.on{visibility: hidden;}
.btn.switch-btn.hover .knob{background-color: #0057DB; color: #fff; border-color: #fff;}

.color_white{color:#ffffff;}


.screen-data.color-white{color: #fff;}
.screen-container{z-index: 0;}
.max-width{max-width: 600px;}
.play-overlay{
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.play-overlay .btn {
	position: relative;
	width: 100px;
	height: 100px;
	background: rgba(240, 70, 50, 0.8);
	border-radius: 50%;
	overflow: hidden;
}
.play-overlay .btn.hover {background: rgba(240, 70, 50, 0.6);}
.play-overlay .btn .btn-icon{position: relative; left: 4px; font-size: 2.2em;}

.info-btn-panel{
	min-width: auto;
	min-height: auto;
}
.center-img-box{
	position: relative;
	max-width: 600px;
	margin: 0 auto;
}
.info-icon,
.info-btn {
	background-color:#001c4a;
	color: #fff;
	border-radius: 50%;
	width: 2em;
	height: 2em;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0em 0.5em;
	text-align: center;
	padding: 0.45em 0em 0em;
	box-sizing: border-box;
	font-size: 0.8em;
	min-width: auto;
}


.img-scroll-panel .panel{
	position: relative;
	width: 100%;
	height: 85%;
}
.zoom-btn-panel{
	position: absolute;
	bottom: 0em;
	right: 0em;
	padding: 0.5em;
}
.zoom-btn-panel .btn-panel{display: inline-block; vertical-align: middle; min-width: auto;}
.zoom-btn-panel .btn{min-width: auto;}

.img-scroll-panel .scroll-parent {max-height: none; height: 410px;}
.img-scroll-panel .scrollable{max-width: 850px; 
	transition: all 200ms ease-in; 
	-ms-transform-origin: 0 0 0; 
	-webkit-transform-origin: 0 0 0; 
	transform-origin: 0 0 0;
	margin: 0 auto;
}
.img-scroll-panel .scrollable .base-img{max-width: 850px;}

.screen .que-inner-panel{position: relative; padding: 180px 140px 20px;}

.screen .center-data-panel{
    position: relative;
    margin: 0em auto 0em;
    width: 77%;
    padding: 2em 2em 1em;
	color: #fff;
   text-align: center;
}
.screen .screen-title-div{
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 1em;
}
.screen .screen-title-div span{
	display: table-cell;
	vertical-align: middle;
}
.screen .screen-title-div .icon{
	font-size: 1.5em;
	padding-right: 0.5em;
	width: 1em;
}

.magnify-box{background-color:#001c4a; 
	border-radius: 0.33em; 
	width:3em; 
	height: 3em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.magnify-box .magnify-icon{color: #fff; font-size: 1.7em;}

.gb-magnify-btn{
	height: auto;
	min-width: auto;
	background: transparent;
	padding: 0em;
	display: black;
}
.gb-magnify-btn .bottom-div{
	position: absolute;
	bottom: 0em;
	right: 0em;
}
.gb-magnify-btn.hover .magnify-box{background-color:#a8d5ff;}
.gb-magnify-btn.hover .magnify-icon{
    -ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
    transform: scale(1.2);    
}

.app-body .screen-modal-pop.magnify-pop .svg-img-box{padding: 0.5em;}
.app-body .screen-modal-pop.magnify-pop .scroll-parent{border: none;}

.white-box-img-panel {
	position: absolute;
    width: 785px;
    height: auto;
	right: 200px;
    top: 330px;
}
.white-box-img-panel img {
	width: 250px;
    position: absolute;
    top: -220px;
}
.white-box-img-panel .btn-panel {
	display: flex;
    justify-content: center;
    margin-top: 1.4em;
	width: 100%;
}
.instr-icon{
	position: relative;
    display: inline-block;
    vertical-align: baseline;
    font-size: 0.8em;
    padding: 0em 0.10em 0em 0.30em;
 }

.screen .center-img-panel{
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	padding: 0.5em;
}
.screen .center-img-panel.extra-small{ max-width: 360px;}
.screen .center-img-panel.small{ max-width: 540px;}
.screen .center-img-panel.medium{ max-width: 720px;}
.screen .center-img-panel.big{ max-width: 770px;}
.screen .center-img-panel.extra-big{ max-width: 870px;}

.global-modal-pop.resources-pop .modal-alert .modal-header{padding: 0.5em;}
.global-modal-pop.resources-pop .modal-alert .modal-header .btn{ width: 150px;	margin: 1em;}
.global-modal-pop.resources-pop .modal-alert .modal-header .modal-title{padding: 0.5em 5em 0.70em 90px;}
.global-modal-pop.resources-pop .modal-content-box{background-color: transparent; text-align: left;}

.tab-circle {
    background: #E5E5E5;
    height: 64px;
    width: 64px;
    border-radius: 50%;
	margin-top: 60px;
}
.horizontal-line {
	position: absolute;
    top: 180px;
    left: -186px;
    border: 2px solid #E5E5E5;
    height: 2px;
    width: 1546px;
}
.header.type-0 .navigation-panel .btn-panel{padding-inline-start: 0px;	}
.screen .black-box-panel{
	position: relative;
	border-radius: 20px;
	padding: 30px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	width: 50%;
}
.screen .white-box-panel{
	position: relative;
	background-color: #FFFBFB;
	color: #393939;
	padding: 30px;
	border-radius: 20px;
}
.screen .speech-bouble{
	background-color: #0057DB;
	padding: 30px;
	position: relative;
	color: #fff;
	border-radius: 20px;
}
.screen .static-speech-bouble{
	position: relative;
	margin-bottom: 20px;
	width: 74px;

}
.screen .char-img-div{
	position: absolute;
	width: 834px;
	bottom: 0px;
	right: 0px;
}
.screen .plus-div{
	background-color: #008DFF;
	width: 50px;
	height: 50px;
	color: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;

}

.static-speech-bouble.left { transform: rotate(180deg); }

#screen_0_1_20 .white-box-panel{width: 1100px;  margin: 0 auto;}
#screen_0_1_20 .help-panel {position: relative;}
#screen_0_1_20 .help-panel .help-row{
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	gap: 20px;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
}
#screen_0_1_20 .help-row .left-cell {
	position: relative;
	background-color: rgba(0, 0, 0, 0.7);
	min-width: 56px;
	width: 56px;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px;
	color: #fff;
	font-size: 30px;
	flex-shrink: 0;
}
#screen_0_1_20 .help-row.next .left-cell {border-radius: 15px 0px 0px 15px;}
#screen_0_1_20 .help-row.back .left-cell {border-radius: 0px 15px 15px 0px;}
#screen_0_1_20 .help-row.menu .left-cell {font-size: 20px;}
#screen_0_1_20 .help-row.plus .left-cell {
	min-width: auto;
	margin: 10px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	font-size: 20px;
	background-color: #008DFF;
}

#screen_1_1_15 .char-img-div {
    position: absolute;
    width: 456px;
    bottom: 0px;
    right: 240px;
}
#screen_1_1_15 .black-box-panel { width: 570px; }

#screen_1_1_30 .char-img-div{right: -60px;}
#screen_1_1_30 .speech-bouble{
	position: absolute;
	width: 410px;
	left: 830px;
	top: 170px;
}
#screen_1_1_30 .key-btn-panel { 
	position: absolute;
	top: 460px;
	left: 460px;
	min-width: auto;
	min-height: auto;
}
#screen_1_1_30 .key-btn-panel .btn { width: 240px; height: 312px; }
#screen_1_1_30 .key-btn-panel .btn.hover{
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
#screen_1_1_30 .key-btn-panel .plus-div{
	position: absolute;
 	bottom: -25px;
}

#screen_2_1_10 .char-img-div{right: -60px; width: 696px;}
#screen_2_1_10 .speech-bouble{
	position: absolute;
	width: 422px;
	left: 710px;
	top: 50px;
}
#screen_2_1_10 .key-btn-panel { 
	position: absolute;
	top: 490px;
  	left: 370px;
	min-width: auto;
	min-height: auto;
}
#screen_2_1_10 .key-btn-panel .btn { width: 240px; height: 312px; }
#screen_2_1_10 .key-btn-panel .btn.hover{
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
#screen_2_1_10 .key-btn-panel .plus-div{
	position: absolute;
 	bottom: -25px;
}

#screen_2_2_10 .dropdown-question .dd-parent {
	position: relative;
	background-color: rgba(255,255,255,0.8);
	border-radius: 20px;
	color: #393939;
	padding: 30px;
	width: 1200px;
	margin: 40px 0px 30px;

}
#screen_2_2_10 .dropdown-question .dd-parent .t-row{margin: 20px 0px 0px 0px;}
#screen_2_2_10 .dropdown-question .dd-parent .t-row:first-child{margin: 0px 0px 0px 0px;}
#screen_2_2_10 .dropdown-question .drop-down-panel{margin: 4px 10px;}
#screen_2_2_10 .dropdown-question .bottom-btn-panel {width: 1200px;}
#screen_2_2_10 .dropdown-question .feedback-container{
	position: absolute;
	top: 0px;
	left: 1240px;
	margin: 0px;
	width: 440px;
}
#screen_2_2_10 .dropdown-question .feedback-container .partial-correct.last-attempt a,
#screen_2_2_10 .dropdown-question .feedback-container .incorrect.incorrect a {
	color: #ffffff;
} 

#screen_2_2_20 .char-img-div{right: -60px; width: 720px;}
#screen_2_2_20 .black-box-panel{width: 850px; margin: 30px 0px;}
#screen_2_2_20 .tab-container{width: 850px;}
#screen_2_2_20 .speech-bouble{
	position: absolute;
	width: 340px;
	left: 890px;
	top: 170px;
}

#screen_2_2_30.screen .screen-data .text-box-0,
#screen_2_2_30.screen .screen-data .question-container { width: 668px; }
#screen_2_2_30.mcq-mrq-screen .feedback-container .popup.partial-correct,
#screen_2_2_30.mcq-mrq-screen .feedback-container .popup.incorrect,
#screen_2_2_30.mcq-mrq-screen .feedback-container .popup.correct { position: absolute; top: 244px; }
#screen_2_2_30.mcq-mrq-screen .black-box-panel { width: 100%; }
#screen_2_2_30.mcq-mrq-screen .feedback-container, #screen_2_2_30 .mcq-mrq-question .feedback-container {
    position: absolute;
    top: 152px;
    left: 680px;
	width: 900px;
}

#screen_2_2_40 .text-box-0{margin-left:120px;}
#screen_2_2_40 .black-box-panel{width: 1440px; margin: 30px auto;}
#screen_2_2_40 .coverflow-screen .pagination-parent{width: 280px;}

#screen_2_3_10 .char-img-div{ left: -120px; width: 1920px;}
#screen_2_3_10 .speech-bouble{
	position: absolute;
	width: 410px;
    left: 320px;
    top: 60px;
}
#screen_2_3_10 .key-btn-panel { 
	position: absolute;
    top: 360px;
    left: 968px;
    min-width: auto;
    min-height: auto;
}
#screen_2_3_10 .key-btn-panel .btn.hover{
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
#screen_2_3_10 .key-btn-panel .plus-div{
	position: absolute;
 	bottom: -25px;
}

#screen_2_3_20 .text-box { width: 380px; }
#screen_2_3_20 .tab-screen{
	position: absolute;
	top: 0px;
	left: 0px;
}
#screen_2_3_20 .tab-screen .parent-div{min-height: 920px;}
#screen_2_3_20 .tab-screen .popup .display-flex { min-height: 600px; flex-flow: column wrap; align-items: flex-start; }
#screen_2_3_20 .tab-screen .popup .display-flex .txt-cell{padding: 0px;}
#screen_2_3_20 .tab-screen .pop-parent .popup .img-cell{margin: 0px 0px 30px 0px;}
#screen_2_3_20 .tab-screen .popup .connector{
	position: absolute;
	background-color: #fff;
	height: 2px;
	width: 32px;
	left: -32px;
	bottom: 510px;
}
#screen_2_3_20 .tab-screen .tab-pop-1 .connector{bottom: 406px;}
#screen_2_3_20 .tab-screen .tab-pop-2 .connector{bottom: 296px;}
#screen_2_3_20 .tab-screen .tab-pop-3 .connector{bottom: 226px;}
#screen_2_3_20 .tab-screen .click-btn.tab-btn {
    height: 40px;
    width: 40px;
    min-width: auto;
    border-radius: 50%;
	border: none;
	padding: 0px;
	display: flex;
}
#screen_2_3_20 .tab-screen .parent-div {
	min-height: 300px;
    width: 70px;
    left: 90px;
    top: 376px;
}
#screen_2_3_20 .tab-screen.split-with-pop .parent-div .clickable { margin: 1.2em 0em 0em 0em; }
#screen_2_3_20 .tab-screen.split-with-pop .parent-div .clickable:first-child { margin-top: 0em; }
#screen_2_3_20 .tab-screen .clickable .click-btn .btn-icon {
    width: auto;
    padding: 0px;
	font-size: 1em;
}
#screen_2_3_20 .tab-screen.split-with-pop .parent-div .clickable.clickable-3 {
	position: absolute;
    left: 0px;
    top: -22px;
}
#screen_2_3_20 .tab-screen.split-with-pop .parent-div .clickable.clickable-2 {
	position: absolute;
    left: 0px;
    top: 44px;
}
#screen_2_3_20 .tab-screen.split-with-pop .parent-div .clickable.clickable-1 {
	position: absolute;
    left: 0px;
    top: 108px;
}
#screen_2_3_20 .tab-screen.split-with-pop .parent-div .clickable.clickable-0 {
	position: absolute;
    left: 0px;
    top: 194px;
}
#screen_2_3_20 .tab-screen .popup .popup-content-box { color: #ffffff; }
#screen_2_3_20 .tab-screen.split-with-pop .pop-parent {
    width: 732px;
    /* margin-left: 250px; */
    top: 190px;
    position: absolute;
    left: 390px;
}
#screen_2_3_20 .char-img-div {
    position: absolute;
    width: 816px;
    bottom: 0px;
    right: -120px;
}
#screen_2_3_20 .css-triangle.right { right: -70px; top: 110px; }
#screen_2_3_20 .clickable.current .current-border {
	position: absolute;
    border: 2px solid #00C8D2;
    height: 50px;
    width: 82px;
	top: -7px;
    left: 50px;
}
#screen_2_3_20 .tab-screen .fix-height.popup .popup-content-box {
    min-height: auto;
}
#screen_2_3_20 .tab-screen.split-with-pop .clickable.current .click-btn, 
#screen_2_3_20 .tab-screen.split-with-pop .clickable .click-btn.hover {
    background-color: #00C8D2;
    color: #ffffff;
}
#screen_2_3_20 .tab-screen.split-with-pop .pop-parent .popup {
    border-radius: 20px;
    background-color: #0057DB;
    color: #ffffff;
}
.pulse-anim {
	animation: pulse-animation 2s infinite;
  }
  
  @keyframes pulse-animation {
	0% {
	  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}
	100% {
	  box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
  }

#screen_2_3_40 .char-img-div { right: 0px; width: 1128px; }
#screen_2_3_40 .speech-bouble{
	position: absolute;
    width: 552px;
    left: 30px;
    top: 80px;
}

#screen_2_3_50.screen .screen-data .text-box-0,
#screen_2_3_50.screen .screen-data .question-container { width: 768px; }
#screen_2_3_50.mcq-mrq-screen .feedback-container .popup.partial-correct,
#screen_2_3_50.mcq-mrq-screen .feedback-container .popup.incorrect,
#screen_2_3_50.mcq-mrq-screen .feedback-container .popup.correct { position: absolute; top: 244px; }
#screen_2_3_50.mcq-mrq-screen .black-box-panel { width: 100%; }
#screen_2_3_50.mcq-mrq-screen .feedback-container, #screen_2_3_50 .mcq-mrq-question .feedback-container {
    position: absolute;
    top: 130px;
    left: 770px;
}
#screen_2_3_50.screen .char-img-div { position: absolute; width: 1920px; left: -120px;z-index: -1; }

#screen_2_3_60 .poster-div { left: 580px;
    width: 532px;
    position: absolute;
    top: 0px; }
#screen_2_3_60 .char-img-div {
	position: absolute;
	width: 784px;
	bottom: 0px;
	right: -70px;
}
#screen_2_3_60 .black-box-panel { width: 480px; }
#screen_2_3_60 .key-btn-panel { 
	position: absolute;
    top: 360px;
    left: 968px;
    min-width: auto;
    min-height: auto;
}
#screen_2_3_60 .key-btn-panel .btn.hover{
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
#screen_2_3_60 .key-btn-panel .plus-div{
	position: absolute;
 	bottom: -25px;
}
#screen_2_3_60 .poster-content {
	position: absolute;
    padding: 30px;
	top: 10px;
    width: 530px;
	background-repeat: no-repeat;
}
#screen_2_3_60 .list-content { display: flex; margin-top: 16px; }
#screen_2_3_60  .txt.number-txt {
    color: #00C8D2;
    font-size: 35px;
	margin-right: 20px; margin-bottom: 0px;
}
#screen_2_3_60 .poster-content .list-content-div { margin-top: 40px; }

#screen_2_3_70.screen .black-box-panel { width: 480px; }
#screen_2_3_70 .btn-hotspot {
	height: 48px;
    width: 48px;
    background-color: #008DFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #78E6DC;
}
#screen_2_3_70 .tab-screen .parent-div .clickable.current .click-btn .btn-hotspot,
#screen_2_3_70 .tab-screen .parent-div .clickable .click-btn.hover .btn-hotspot {
	background-color: #78E6DC;
    color: #008DFF;
}
#screen_2_3_70 .bubble-btn-hotspot {
	height: 48px;
	width: 48px;
	background-color: #78E6DC;
	border: 12px solid #008DFF;
	border-radius: 50%;
}
#screen_2_3_70 .tab-screen .parent-div { width: 60px; }
#screen_2_3_70 .tab-screen .clickable .click-btn { 
	background-color: transparent; 
	min-width: 48px; 
	height: 48px; 
	margin: 0px; 
	padding: 0px; 
	border: none; 
}
#screen_2_3_70 .tab-container { position: absolute; left: 0px; }
#screen_2_3_70 .tab-container .clickable-0 {
	position: absolute;
	top: -30px;
    left: 1400px;
}
#screen_2_3_70 .tab-container .clickable-1 {
	position: absolute;
	top: 464px;
    left: 1540px;
}
#screen_2_3_70 .tab-container .clickable-2 {
	position: absolute;
	top: 464px;
    left: 1610px;
}
#screen_2_3_70 .tab-screen .fix-height.popup .popup-content-box { min-height: 100px; color: #ffffff; }
#screen_2_3_70 .tab-screen .pop-parent .popup {
    border: 2px solid #78E6DC;
    background-color: #0057DB;
	border-radius: 20px;
	min-height: 150px;
	padding: 30px;
}
#screen_2_3_70 .tab-screen .pop-parent .popup.tab-pop-0 {
	position: absolute;
	left: 990px;
    width: 342px;
    top: -82px;
}
#screen_2_3_70 .tab-screen .pop-parent .popup.tab-pop-1 {
	position: absolute;
    left: 400px;
    width: 1290px;
    top: 180px;
}
#screen_2_3_70 .tab-screen .pop-parent .popup.tab-pop-2 {
	position: absolute;
    left: 1280px;
    width: 406px;
    top: 240px;
}
#screen_2_3_70 .tab-screen .popup .connector {
	position: absolute;
	background-color: #78E6DC;
	height: 2px;
	width: 960px;
	left: -952px;
	bottom: 330px;
}
#screen_2_3_70 .tab-screen .tab-pop-0 .connector {      
	width: 74px;
    left: 340px;
    height: 2px;
    top: 72px;
}
#screen_2_3_70 .tab-screen .tab-pop-1 .connector {      
	width: 2px;
    left: 1160px;
    height: 32px;
    top: 252px;
}
#screen_2_3_70 .tab-screen .tab-pop-2 .connector {      
	width: 2px;
    left: 350px;
    height: 32px;
    top: 194px;
}
#screen_2_3_70 .speech-bouble {   
	position: absolute;
    left: 556px;
    top: 100px;
    width: 480px;
}
#screen_2_3_70 .speech-bouble .css-triangle.right { top:20%; }
#screen_2_3_70 .bubble-btn {
    visibility: visible;
    opacity: 1;
    position: absolute;
    left: 1090px;
    top: 150px;
}
#screen_2_3_70 .bubble-btn-hotspot:hover,
#screen_2_3_70 .bubble-btn-visited {
	background-color: #008DFF;
    border: 12px solid #78E6DC;
}

#screen_2_3_80.screen .black-box-panel { width: 590px; }
#screen_2_3_80 .char-img-div{ right: 100px; width: auto; }
#screen_2_3_80 .speech-bouble{
	position: absolute;
	width: 410px;
	left: 830px;
	top: 170px;
}
#screen_2_3_80 .key-btn-panel { 
	position: absolute;
	top: 460px;
    left: 0px;
	min-width: auto;
	min-height: auto;
}
#screen_2_3_80 .key-btn-panel .btn { width: 585px; height: 422px; }
#screen_2_3_80 .key-btn-panel .btn.hover{
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
#screen_2_3_80 .key-btn-panel .plus-div{
	position: absolute;
 	bottom: -35px;
}

#screen_2_3_90 .text-box-0{margin-left:264px;}
#screen_2_3_90 .black-box-panel{width: 1152px; margin: 30px auto 50px;}
#screen_2_3_90 .flipcard-screen .card-1 .bg-img{width: 224px; }
#screen_2_3_90 .flipcard-screen .card-2 .bg-img{width: 240px; }

#screen_2_4_10 .black-box-panel{width: 470px; margin: 30px 0px 0px;}
#screen_2_4_10 .spot-the-error-image-question{
	position: absolute;
	top: 0px;
	left: 610px;
	width: auto;
}
#screen_2_4_10 .spot-the-error-image-question .question .img-div{width: 840px; margin-bottom: 10px;}
#screen_2_4_10 .spot-the-error-image-question .question .h-logo{
	position: relative;
	width: 234px;
	margin: 6px 0px 0px;
}
#screen_2_4_10 .spot-the-error-image-question .question .email-block{
	position: absolute;
	top: 123px;
	left: 96px;
	color: #393939;
	font-size: 22px;
	width: 580px;
}
#screen_2_4_10 .spot-the-error-image-question .question .hotspot-data {
	position: absolute;
	top: 110px;
	left: 80px;
	width: 600px;
}
#screen_2_4_10 .spot-the-error-image-question .question .hotspot_0{
	position: absolute;
	top: 13px;
	left: 70px;
	width: 80px;
	height: 32px;
}
#screen_2_4_10 .spot-the-error-image-question .question .hotspot_1{
	position: absolute;
	top: 119px;
	left: 11px;
	width: 130px;
	height: 32px;
}
#screen_2_4_10 .spot-the-error-image-question .question .hotspot_2{
	position: absolute;
	top: 256px;
	left: 10px;
	width: 300px;
	height: 32px;
}
#screen_2_4_10 .spot-the-error-image-question .question .hotspot_3{
	position: absolute;
	top: 306px;
	left: 10px;
	width: 200px;
	height: 32px;
}
#screen_2_4_10 .spot-the-error-image-question .question .hotspot_4{
	position: absolute;
	top: 339px;
	left: 10px;
	width: 200px;
	height: 32px;
}
#screen_2_4_10 .spot-the-error-image-question .question .hotspot_5{
	position: absolute;
	top: 396px;
	left: 10px;
	width: 240px;
	height: 54px;
}
#screen_2_4_10.spot-the-error-image-screen .feedback-container, 
#screen_2_4_10 .spot-the-error-image-question .feedback-container{
	position: relative;
	margin: 10px 0px 0px;
	width: 840px;
}
#screen_2_4_10 .spot-the-error-image-question .feedback-container .scroll-parent{
	max-height: 160px;
}

#screen_2_5_10.screen .screen-data .text-box-0 { width: 1442px; }
#screen_2_5_10.screen .screen-data .question-container { width: 554px; }
#screen_2_5_10.mcq-mrq-screen .feedback-container .popup.partial-correct,
#screen_2_5_10.mcq-mrq-screen .feedback-container .popup.incorrect,
#screen_2_5_10.mcq-mrq-screen .feedback-container .popup.correct { position: absolute; top: 204px; }
#screen_2_5_10.mcq-mrq-screen .black-box-panel { width: 100%; }
#screen_2_5_10.mcq-mrq-screen .feedback-container, #screen_2_5_10 .mcq-mrq-question .feedback-container {
    position: absolute;
    top: 422px;
    left: 564px;
	width: 840px;
}
#screen_2_5_10.screen .char-img-div {     
	position: absolute;
    width: 645px;
    top: 390px;
    left: 700px; }

#screen_2_5_20 .text-box-0{margin-left:120px;}
#screen_2_5_20 .black-box-panel{width: 1430px; margin: 14px auto 42px;}
#screen_2_5_20 .coverflow-screen .pagination-parent { width: 410px; margin-top: 46px; }
#screen_2_5_20 .coverflow-screen .swiper-slide .flex-div .img-div { height: 584px; }
#screen_2_5_20 .coverflow-screen .swiper-slide { border-radius: 7px; background: #EEEEEE; }
#screen_2_5_20 .coverflow-screen .swiper-container { width: 1000px; }
#screen_2_5_20 .ipad-img-div {
    position: absolute;
    width: 1080px;
    top: 230px;
    left: 300px;
}

#screen_2_6_10 .char-img-div {
    position: absolute;
    width: 456px;
    bottom: 0px;
    right: 240px;
}
#screen_2_6_10 .black-box-panel { width: 768px; }

#screen_2_6_30.screen .black-box-panel { width: 606px; }
#screen_2_6_30 .char-img-div{ right: 100px; width: auto; }
#screen_2_6_30 .speech-bouble{
	position: absolute;
	width: 410px;
	left: 830px;
	top: 170px;
}
#screen_2_6_30 .key-btn-panel {
    position: absolute;
    top: 460px;
    left: 850px;
    min-width: auto;
    min-height: auto;
}
#screen_2_6_30 .key-btn-panel .btn { width: 585px; height: 422px; }
#screen_2_6_30 .key-btn-panel .btn.hover{
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
#screen_2_6_30 .key-btn-panel .plus-div{
	position: absolute;
 	bottom: -35px;
}

#screen_2_7_10 .text-box-0{margin-left:0px;}
#screen_2_7_10 .black-box-panel{width: 520PX; margin: 30px 0px 30px 0px;}
#screen_2_7_10 .mobile-img-div {
    position: absolute;
	width: 460px;
	top: -10px;
	left: 940px;

}
#screen_2_7_10 .coverflow-screen{
	position: absolute;
  	top: 0px;
  	left: 954px;
}
#screen_2_7_10 .coverflow-screen .pagination-parent { width: 434px; margin-top: 20px; }
#screen_2_7_10 .coverflow-screen .swiper-slide .flex-div {
	flex-flow: column-reverse nowrap;
}
#screen_2_7_10 .coverflow-screen .swiper-slide .flex-div .img-div { height: 542px; width: 100%;}
#screen_2_7_10 .coverflow-screen .swiper-slide .flex-div .text-box{width: 100%;}
#screen_2_7_10 .coverflow-screen .swiper-slide { border-radius: 0px 0px 55px 55px; background-color: transparent; color: #fff; }
#screen_2_7_10 .coverflow-screen .swiper-container { width: 434px; border-radius: 55px;}
#screen_2_7_10 .coverflow-screen .swiper-wrapper{ width: 434px; border-radius: 55px; min-height: 888px;}

#screen_3_1_20 .char-img-div { right: 50px; width: 648px; }
#screen_3_1_20 .speech-bouble{
	position: absolute;
	width: 430px;
	left: 570px;
	top: 200px;
}

#screen_3_1_30 .black-box-panel{width: 696px; margin: 30px 0px;}
#screen_3_1_30 .tab-container{
	width: 810px;
	position: absolute;
	left: 860px;
	top: 60px;
}
#screen_3_1_30 .tab-screen.image-tab .parent-div {
	width: 288px;
	margin: 0;
	left: 50px;
	top: 70px;
}
#screen_3_1_30 .tab-screen.image-tab .tab-btn{height: 216px;}
#screen_3_1_30 .tab-screen.image-tab .tab-btn .btn-img {
	width: 240px;
	margin-bottom: 0px;
	top: 10px;
	position: absolute;
}
#screen_3_1_30 .tab-screen.image-tab .pop-parent{
	position: absolute;
	top: -12px;
	left: 430px;
	width: 384px;
}
#screen_3_1_30 .tab-screen.image-tab .tab-pop .line-connector{
	position: absolute;
	top: 50%;
	transform: translateY(50%);
	width: 96px;
	height: 2px;
	background-color: #78E6DC;
	left: -96px;
}
#screen_3_1_30 .tab-screen.image-tab .tab-pop-1{top: 200px;}
#screen_3_1_30 .tab-screen.image-tab .tab-pop-2{top: 480px}

#screen_3_2_10 .char-img-div{right: -60px;}
#screen_3_2_10 .speech-bouble{
	position: absolute;
	width: 440px;
    left: 760px;
    top: 260px;
}
#screen_3_2_10 .key-btn-panel { 
	position: absolute;
	top: 530px;
    left: 160px;
	min-width: auto;
	min-height: auto;
}
#screen_3_2_10 .key-btn-panel .btn { width: 266px; height: 192px; }
#screen_3_2_10 .key-btn-panel .btn.hover{
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
#screen_3_2_10 .key-btn-panel .plus-div{
	position: absolute;
 	bottom: -25px;
}
#screen_3_2_10 .css-triangle.right { top: 78%; }

#screen_3_2_40 .char-img-div { right: 50px; width: 648px; }
#screen_3_2_40 .mcq-mrq-question .question .que-options { display: flex; flex-wrap: wrap; width: 1140px;  margin-left: -24px; }
#screen_3_2_40 .screen-data .question-content { width: 1060px; }
#screen_3_2_40 .question-image { position: absolute; top: 230px; right: 80px; }
#screen_3_2_40 .col.col-text { width: 100%; top: 30px; }
#screen_3_2_40 .mcq-mrq-question .question .option-item .opt-cell { position: absolute;     margin-left: 110px;
    margin-top: 52px; }
#screen_3_2_40 .mcq-mrq-question .question .que-options .option-item {
	background-repeat: no-repeat;
	height: 226px;
    width: 336px;
    display: flex;
    flex-direction: column;
	margin: 24px;
}
#screen_3_2_40 .mcq-mrq-question .question .option-item .btn-text { text-align: left;
    margin-top: 120px;
    margin-top: 144px;
    height: 40px;
    display: flex;
    align-items: center;
    width: 260px;
    left: 6px;
    position: absolute; }
#screen_3_2_40 .mcq-mrq-question .question .option-item .opt-cell .btn-icon { font-size: 40px; font-weight: bold; }
#screen_3_2_40 .mcq-mrq-question .question .option-item .status-cell { position: absolute;     right: 16px;
    top: 10px; }
#screen_3_2_40 .mcq-mrq-question .question-content { width: 1020px; }
#screen_3_2_40.mcq-mrq-screen .feedback-container { margin: 0px; position: absolute;
    left: 750px;
    top: 320px; }
#screen_3_2_40 .question .bottom-btn-panel,
#screen_3_2_40 .question .continue-btn-panel { position: absolute;     top: 570px;
    left: 280px; }
#screen_3_2_40 .partial-correct .white-bg-title { width: 300px; display: inline-block; }
#screen_3_2_40.screen .black-box-panel { width: 720px; }
#screen_3_2_40 .mcq-mrq-question .question .que-options .option-item { background-color: #E9E5E2; }
#screen_3_2_40 .mcq-mrq-question .question .option-item .status-cell .status { color: #ffffff; font-size: 22px; }

#screen_3_2_50.screen .black-box-panel { width: 950px; }

#screen_3_2_60.screen .black-box-panel { width: 1008px; }
#screen_3_2_60 .btn-hotspot {
	height: 48px;
	width: 48px;
	background-color: #78E6DC;
	border: 12px solid #008DFF;
	border-radius: 50%;
}
#screen_3_2_60 .tab-screen .clickable.current .click-btn .btn-hotspot,
#screen_3_2_60 .tab-screen .clickable .click-btn.hover .btn-hotspot {
    background-color: #008DFF;
	border: 12px solid #78E6DC;
}
#screen_3_2_60 .tab-screen .parent-div { width: 60px; }
#screen_3_2_60 .tab-screen .clickable .click-btn { 
	background-color: transparent; 
	min-width: 48px; 
	height: 48px; 
	margin: 0px; 
	padding: 0px; 
	border: none; 
}
#screen_3_2_60 .tab-container { position: absolute; left: 0px; }
#screen_3_2_60 .tab-container .clickable-0 {
	position: absolute;
    top: 280px;
    left: 390px;
}
#screen_3_2_60 .tab-container .clickable-1 {
	position: absolute;
	top: 320px;
    left: 730px;
}
#screen_3_2_60 .tab-container .clickable-2 {
	position: absolute;
	top: 330px;
    left: 1450px;
}
#screen_3_2_60 .tab-screen .fix-height.popup .popup-content-box { min-height: 100px; color: #ffffff; }
#screen_3_2_60 .tab-screen .pop-parent .popup {
    border: 2px solid #78E6DC;
    background-color: #000000;
	border-radius: 20px;
	min-height: 150px;
	padding: 30px;
}
#screen_3_2_60 .tab-screen .pop-parent .popup.tab-pop-0 {
	position: absolute;
    left: 250px;
    width: 442px;
    top: 358px;
}
#screen_3_2_60 .tab-screen .pop-parent .popup.tab-pop-1 {
	position: absolute;
	left: 810px;
    width: 330px;
    top: 290px;
}
#screen_3_2_60 .tab-screen .pop-parent .popup.tab-pop-2 {
	position: absolute;
    left: 1340px;
    width: 262px;
    top: 410px;
}
#screen_3_2_60 .tab-screen .popup .connector {
	position: absolute;
	background-color: #78E6DC;
	height: 2px;
	width: 960px;
	left: -952px;
	bottom: 330px;
}
#screen_3_2_60 .tab-screen .tab-pop-0 .connector {      
	width: 2px;
    left: 162px;
    height: 34px;
    top: -34px; 
}
#screen_3_2_60 .tab-screen .tab-pop-1 .connector {      
	width: 32px;
    left: -34px;
    height: 2px;
    top: 52px; 
}
#screen_3_2_60 .tab-screen .tab-pop-2 .connector {      
	width: 2px;
	left: 133px;
	height: 36px;
	top: -36px; 
}

#screen_3_2_70.screen .screen-data .text-box-0,
#screen_3_2_70.screen .screen-data .question-container { width: 768px; }
#screen_3_2_70.mcq-mrq-screen .feedback-container .popup.partial-correct,
#screen_3_2_70.mcq-mrq-screen .feedback-container .popup.incorrect,
#screen_3_2_70.mcq-mrq-screen .feedback-container .popup.correct { position: absolute; top: 244px; }
#screen_3_2_70.mcq-mrq-screen .black-box-panel { width: 100%; }
#screen_3_2_70.mcq-mrq-screen .feedback-container, 
#screen_3_2_70 .mcq-mrq-question .feedback-container { position: absolute; top: 76px; left: 770px; }
#screen_3_2_70.screen .char-img-div { position: absolute; width: 1920px; left: -120px; }

#screen_3_3_10 .black-box-panel { width: 624px; }
#screen_3_3_10 .ipad-btn-panel {
    position: relative;
	top: 80px;
	left: 0px;
	min-width: auto;
	min-height: auto;
}
#screen_3_3_10 .ipad-btn-panel .btn { width: 585px; height: 422px; }
#screen_3_3_10 .ipad-btn-panel .btn.hover{
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
#screen_3_3_10 .ipad-btn-panel .plus-div{
	position: absolute;
 	bottom: -25px;
}

#screen_3_3_20 .text-box-0{margin-left:0px;}
#screen_3_3_20 .black-box-panel{width: 1512px; margin: 20px 0px;}
#screen_3_3_20 .ipad-img-div {
    position: absolute;
	width: 1080px;
	top: 250px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
}
#screen_3_3_20 .coverflow-screen {
	position: absolute;
	top: 280px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
}
#screen_3_3_20 .coverflow-screen .pagination-parent { width: 410px; margin-top: 46px; }
#screen_3_3_20 .coverflow-screen .swiper-slide .flex-div .img-div { height: 584px; }
#screen_3_3_20 .coverflow-screen .swiper-slide { border-radius: 7px; background: #EEEEEE; }
#screen_3_3_20 .coverflow-screen .swiper-container { width: 1000px; }

#screen_3_3_40 .screen-padding {padding: 70px 120px 0px 120px;}
#screen_3_3_40 .text-box-0{margin-left:310px;}
#screen_3_3_40 .black-box-panel{width: 1056px; margin: 20px auto;}
#screen_3_3_40 .black-box-panel .instr-icon.font-icon.icon-plus{font-weight: bold;}
#screen_3_3_40 .tab-screen {
	position: absolute;
	left: 0px;
	top: 230px;
	margin: 0 auto;
	right: 0px;
}
#screen_3_3_40 .tablet-img-div {
    position: absolute;
	width: 1248px;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	
}
#screen_3_3_40 .tab-screen .activity-panel{
	width: 1152px;
	position: absolute;
	top: 40px;
	left: 265px;
}
#screen_3_3_40 .tab-screen .activity-panel .graph-img-div{
	position: absolute;
	left: 0px;
	margin: 20px;
	top: 204px;
}
#screen_3_3_40 .tab-screen.image-tab .parent-div{flex-flow: row nowrap; justify-content: space-between;}
#screen_3_3_40 .tab-screen.image-tab .clickable .tab-btn{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding: 0px;
	border: 4px solid #78E6DC;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}
#screen_3_3_40 .tab-screen.image-tab .clickable .tab-btn .btn-icon{padding: 0px;}
#screen_3_3_40 .tab-screen.image-tab .clickable-0{position: absolute;  top: 312px;  left: 214px;}
#screen_3_3_40 .tab-screen.image-tab .clickable-1{position: absolute;  top: 312px;  left: 434px;}
#screen_3_3_40 .tab-screen.image-tab .clickable-2{position: absolute;  top: 312px;  left: 648px;}
#screen_3_3_40 .tab-screen.image-tab .clickable-3{position: absolute;  top: 312px;  left: 866px;}
#screen_3_3_40 .tab-screen.image-tab .clickable-4{position: absolute;  top: 312px;  left: 1084px;}
#screen_3_3_40 .tab-screen.image-tab .clickable.current .click-btn,
#screen_3_3_40 .tab-screen.image-tab .clickable .click-btn.hover{background-color: #3C89FA; border-width: 12px; color: #3C89FA;}
#screen_3_3_40 .tab-screen.image-tab .popup{
	border: none; 
	background-color: transparent; 
	padding: 0px;
	font-size: 18px;
}
#screen_3_3_40 .tab-screen.image-tab .popup .line-connector{position: absolute; width: 30px; height: 260px;}
#screen_3_3_40 .tab-screen.image-tab .line-connector .x-line{
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #78E6DC;
}
#screen_3_3_40 .tab-screen.image-tab .line-connector .y-line{
	position: absolute;
	width: 2px;
	height: 100%;
	background-color: #78E6DC;
	right: 0px;
}
#screen_3_3_40 .tab-screen.image-tab .tab-pop-0{
	position: absolute;
	top: 0px;
	left: 20px;
	width: 204px;
}
#screen_3_3_40 .tab-screen.image-tab .tab-pop-0 .line-connector{left: 190px; top: 35px;}

#screen_3_3_40 .tab-screen.image-tab .tab-pop-1{
	position: absolute;
	top: 450px;
	left: 200px;
	width: 240px;
}
#screen_3_3_40 .tab-screen.image-tab .tab-pop-1 .line-connector{left: 228px; top: -115px; height: 281px;}
#screen_3_3_40 .tab-screen.image-tab .tab-pop-1 .line-connector .x-line{bottom:0px;}

#screen_3_3_40 .tab-screen.image-tab .tab-pop-2{
	position: absolute;
	top: 0px;
	left: 434px;
	width: 224px;
}
#screen_3_3_40 .tab-screen.image-tab .tab-pop-2 .line-connector{left: 210px; top: 35px;}

#screen_3_3_40 .tab-screen.image-tab .tab-pop-3{
	position: absolute;
	top: 450px;
	left: 580px;
	width: 290px;
}
#screen_3_3_40 .tab-screen.image-tab .tab-pop-3 .line-connector{left: 283px; top: -115px; height: 281px;}
#screen_3_3_40 .tab-screen.image-tab .tab-pop-3 .line-connector .x-line{bottom:0px;}

#screen_3_3_40 .tab-screen.image-tab .tab-pop-4{
	position: absolute;
	top: 0px;
	left: 770px;
	width: 324px;
}
#screen_3_3_40 .tab-screen.image-tab .tab-pop-4 .line-connector{left: 312px; top: 35px;}

#screen_3_3_50 .char-img-div { right: 230px; width: 672px;}
#screen_3_3_50 .speech-bouble{
	position: absolute;
	width: 410px;
	left: 550px;
	top: 140px;
}

#screen_3_3_60 .char-img-div { right: 0px; width: 696px;}
#screen_3_3_60 .speech-bouble{
	position: absolute;
	width: 410px;
	left: 650px;
	top: 370px;
}
#screen_3_3_60 .notepad-btn-panel {
    position: relative;
	top: 80px;
 	left: 40px;
	min-width: auto;
	min-height: auto;
}
#screen_3_3_60 .notepad-btn-panel .btn { width: 490px; height: 670px; }
#screen_3_3_60 .notepad-btn-panel .btn.hover{
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
#screen_3_3_60 .notepad-btn-panel .plus-div{
	position: absolute;
 	bottom: -25px;
}

#screen_3_3_70 .char-img-div { right: 0px; width: 696px;}
#screen_3_3_70 .speech-bouble{
	position: absolute;
	width: 344px;
	left: 700px;
	top: 300px;
}
#screen_3_3_70 .notepad-img-div {
    position: relative;
	top: 0px;
 	left: 0px;
	width: 100%;
	
}
#screen_3_3_70 .notepad-img-div .notepad-img{
	position: absolute;
	width: 100%;
	top:0px;
	left: 0px;
	display: none;
}
#screen_3_3_70 .notepad-img-div .notepad-img-base{display: block;}

#screen_3_3_70 .tab-screen{position: relative; width: 490px; top:82px; left: 40px;}
#screen_3_3_70 .tab-screen .parent-div{	padding: 0px 10px 0px 75px; top: 0px;}
#screen_3_3_70 .tab-screen .parent-div .clickable {padding: 0em 24px 0em 0em;}
#screen_3_3_70 .tab-screen .parent-div .clickable .click-btn{
	background-color: transparent;
	color: #3C89FA;
	border: none;
	font-size: 18px;
	height: 34px;
	padding: 0px;
	width: 120px;
	min-width: auto;
}
#screen_3_3_70 .tab-screen .clickable.current .click-btn,
#screen_3_3_70 .tab-screen .clickable .click-btn.hover{ color: #00CBD4;}
#screen_3_3_70 .tab-screen .tab-pop{
	background-color: transparent;
	border: none;
	border-radius: 0px;
	padding: 50px 60px 50px 100px;
	font-size: 40px;
}
#screen_3_3_70 .tab-screen .tab-pop .display-flex{min-height: 550px;}
#screen_3_3_70 .tab-screen .tab-pop .emoji{
	width: 120px;
	margin: 60px 10px 10px 10px;
	float: right;
}
#screen_3_3_70 .tab-screen .tab-pop-0{font-size: 50px;}

#screen_3_3_80 .title{position: relative; margin-left: 490px;}
#screen_3_3_80 .poster-div{
	position: absolute;
	width: 590px;
	border: 12px solid #4B3722;
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.68),0px 3px 20px rgba(0, 0, 0, 0.68) inset;
	background: rgb(60,137,250);
	background: linear-gradient(180deg, rgba(60,137,250,1) 0%, rgba(50,90,180,1) 100%);
	
	left: 550px;
	top: 80px;
}
#screen_3_3_80 .poster-div .inner-panel{padding: 10px 36px 10px;}
#screen_3_3_80 .poster-div .bottom-bar{
	position: relative;
	background-color: #000;
	height: 70px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#screen_3_3_80 .poster-div .bottom-bar img{width: 192px;}
#screen_3_3_80 .poster-div .point{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 20px 20px;
	line-height: 1.2;
	margin-bottom: 20px;
}
#screen_3_3_80 .poster-div .point .num{
	position: relative;
	font-size: 50px;
	width: 74px;
	height: 74px;
	border: 2px solid #00C8D2;
	border-radius: 8px 50px 8px 8px;
	color: #78E6DC;
	display: flex;
	justify-content: center;
	align-items: center;
}
#screen_3_3_80 .poster-div .point .text{position: relative; width: calc(100% - 94px);}
#screen_3_3_80 .instr-txt{
	position: absolute;
	top: 890px;
	left: 940px;
}

#screen_3_4_20.screen .black-box-panel { width: 1008px; }
#screen_3_4_20.screen .screen-padding { padding: 86px 120px 0px 120px; }
#screen_3_4_20 .text-box-0 { margin: 0 auto; width: 73%; }
#screen_3_4_20.screen .black-box-panel { width: 1220px; }
#screen_3_4_20 .btn-hotspot {
	height: 48px;
	width: 48px;
	background-color: #78E6DC;
	border: 12px solid #008DFF;
	border-radius: 50%;
}
#screen_3_4_20 .tab-screen .clickable.current .click-btn .btn-hotspot,
#screen_3_4_20 .tab-screen .clickable.visited .click-btn .btn-hotspot,
#screen_3_4_20 .tab-screen .clickable .click-btn.hover .btn-hotspot {
    background-color: #008DFF;
	border: 12px solid #78E6DC;
}
#screen_3_4_20 .tab-screen .parent-div { width: 60px; }
#screen_3_4_20 .tab-screen .clickable .click-btn { 
	background-color: transparent; 
	min-width: 48px; 
	height: 48px; 
	margin: 0px; 
	padding: 0px; 
	border: none; 
}
#screen_3_4_20 .tab-container { position: absolute; left: 0px; }
#screen_3_4_20 .tab-container .clickable-0 {
	position: absolute;
    top: 230px;
    left: 830px;
}
#screen_3_4_20 .tab-container .clickable-1 {
	position: absolute;
	top: 380px;
    left: 850px;
}
#screen_3_4_20 .tab-container .clickable-2 {
	position: absolute;
	top: 290px;
    left: 920px;
}
#screen_3_4_20 .tab-container .clickable-3 {
	position: absolute;
	top: 220px;
    left: 1100px;
}
#screen_3_4_20 .tab-container .clickable-4 {
	position: absolute;
	top: 510px;
    left: 540px;
}
#screen_3_4_20 .tab-container .clickable-5 {
	position: absolute;
	top: 200px;
    left: 346px;
}
#screen_3_4_20 .tab-container .clickable-6 {
	position: absolute;
	top: 260px;
    left: 380px;
}
#screen_3_4_20 .tab-container .clickable-7 {
	position: absolute;
	top: 300px;
    left: 320px;
}
#screen_3_4_20 .tab-container .clickable-8 {
	position: absolute;
	top: 300px;
    left: 430px;
}
#screen_3_4_20 .tab-screen .fix-height.popup .popup-content-box { min-height: 100px; color: #ffffff; }
#screen_3_4_20 .tab-screen .pop-parent .popup {
    border: 2px solid #78E6DC;
    background-color: #000000;
	border-radius: 20px;
	min-height: 150px;
	padding: 30px;
}
#screen_3_4_20 .tab-screen .pop-parent .popup.tab-pop-0 {
	position: absolute;
	left: 200px;
    width: 580px;
    top: 60px;
}
#screen_3_4_20 .tab-screen .pop-parent .popup.tab-pop-1 {
	position: absolute;
	left: 930px;
    width: 800px;
    top: 350px;
}
#screen_3_4_20 .tab-screen .pop-parent .popup.tab-pop-2 {
	position: absolute;
	left: 910px;
    width: 590px;
    top: 360px;
}
#screen_3_4_20 .tab-screen .pop-parent .popup.tab-pop-3 {
	position: absolute;
	left: 980px;
    width: 720px;
    top: 280px;
}
#screen_3_4_20 .tab-screen .pop-parent .popup.tab-pop-4 {
	position: absolute;
	left: 20px;
    width: 790px;
    top: auto;
    bottom: -480px;
}
#screen_3_4_20 .tab-screen .pop-parent .popup.tab-pop-5 {
	position: absolute;
	left: 520px;
    width: 780px;
    top: 80px;
}
#screen_3_4_20 .tab-screen .pop-parent .popup.tab-pop-6 {
	position: absolute;
	left: 520px;
    width: 1120px;
    top: 140px;
}
#screen_3_4_20 .tab-screen .pop-parent .popup.tab-pop-7 {
	position: absolute;
	left: 110px;
    width: 1440px;
    top: 360px;
}
#screen_3_4_20 .tab-screen .pop-parent .popup.tab-pop-8 {
	position: absolute;
	left: 520px;
    width: 990px;
    top: 240px;
}
#screen_3_4_20 .tab-screen .pop-parent .popup.tab-pop-9 {
	position: absolute;
	left: 20px;
    width: 790px;
    top: auto;
    bottom: -480px;
}
#screen_3_4_20 .tab-screen .popup .connector {
	position: absolute;
	background-color: #78E6DC;
	height: 2px;
	width: 960px;
	left: -952px;
	bottom: 330px;
}
#screen_3_4_20 .tab-screen .tab-pop-0 .connector {      
	width: 50px;
    left: 580px;
    height: 2px;
    top: 192px; 
}
#screen_3_4_20 .tab-screen .tab-pop-1 .connector {      
	width: 32px;
    left: -34px;
    height: 2px;
    top: 52px; 
}
#screen_3_4_20 .tab-screen .tab-pop-2 .connector {      
	width: 2px;
    left: 32px;
    height: 25px;
    top: -26px;
}
#screen_3_4_20 .tab-screen .tab-pop-3 .connector {      
	width: 2px;
    left: 143px;
    height: 16px;
    top: -16px; 
}
#screen_3_4_20 .tab-screen .tab-pop-4 .connector {      
	width: 2px;
    left: 544px;
    height: 36px;
	top: auto;
    bottom: -36px;
}
#screen_3_4_20 .tab-screen .tab-pop-5 .connector {      
	width: 129px;
    left: -130px;
    height: 2px;
    top: 142px;
}
#screen_3_4_20 .tab-screen .tab-pop-6 .connector {      
	width: 92px;
    left: -94px;
    height: 2px;
    top: 142px;
}
#screen_3_4_20 .tab-screen .tab-pop-7 .connector {      
	width: 2px;
    left: 232px;
    height: 17px;
    top: -17px;
}
#screen_3_4_20 .tab-screen .tab-pop-8 .connector {      
	width: 48px;
    left: -47px;
    height: 2px;
    top: 82px;
}
#screen_3_4_20 .tab-screen .tab-pop-9 .connector {      
	width: 2px;
    left: 544px;
    height: 36px;
	top: auto;
    bottom: -36px;
}
#screen_3_4_20 .popup.tab-pop .modal-box { width: 100%; }
#screen_3_4_20 .popup.tab-pop .close-popup-btn {
    position: absolute;
    right: 30px;
    top: 20px;
    font-size: 0.8em;
}
#screen_3_4_20 .popup.tab-pop .modal-header {  border-bottom: none; padding-bottom: 0px; }

#screen_3_4_40.screen .screen-data .text-box-0,
#screen_3_4_40.screen .screen-data .question-container { width: 730px; }
#screen_3_4_40.mcq-mrq-screen .feedback-container .popup.partial-correct,
#screen_3_4_40.mcq-mrq-screen .feedback-container .popup.incorrect,
#screen_3_4_40.mcq-mrq-screen .feedback-container .popup.correct { position: absolute; top: 244px; }
#screen_3_4_40.mcq-mrq-screen .black-box-panel { width: 100%; }
#screen_3_4_40.mcq-mrq-screen .feedback-container, 
#screen_3_4_40 .mcq-mrq-question .feedback-container { position: absolute; top: -54px; left: 760px; }
#screen_3_4_40.screen .char-img-div { position: absolute; width: 1920px; left: -120px; }

#screen_3_5_20.screen .black-box-panel { width: 300px; position: absolute; }
#screen_3_5_20 .btn-filespot {
	height: 48px;
	width: 48px;
	background-color: #78E6DC;
	border: 12px solid #008DFF;
	border-radius: 50%;
}
#screen_3_5_20 .tab-screen .clickable.current .click-btn .btn-filespot,
#screen_3_5_20 .tab-screen .clickable .click-btn.hover .btn-filespot {
    background-color: #008DFF;
	border: 12px solid #78E6DC;
}
#screen_3_5_20 .tab-screen .parent-div { width: 60px; }
#screen_3_5_20 .tab-screen .clickable .click-btn { 
	background-color: transparent; 
	min-width: 48px; 
	height: 48px; 
	margin: 0px; 
	padding: 0px; 
	border: none; 
	margin-bottom: 108px;
}
#screen_3_5_20 .tab-container { position: absolute; left: 0px; }
#screen_3_5_20 .tab-screen .parent-div .clickable .click-btn .btn-filespot {
	background: transparent linear-gradient(180deg, #363636 0%, #616161 100%) 0% 0% no-repeat padding-box;
    box-shadow: -3px 3px 6px #000000CF;
    border: 2px solid #3C89FA;
    border-radius: 8px 30px 8px 8px;
    height: 142px;
    width: 238px;
}
#screen_3_5_20 .tab-screen .parent-div .clickable .click-btn .btn-filespot img {
    position: absolute;
    width: 114px;
    left: 38px;
    top: -32px;
}
#screen_3_5_20 .tab-screen .parent-div .clickable .click-btn .btn-filespot .number-circle {
	position: absolute;
	left: 74px;
    top: 1px;
    height: 42px;
    width: 42px;
    background: #3C89FA;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    border-radius: 50%;
    color: #FFE865;
}
#screen_3_5_20 .tab-screen .parent-div .clickable.visited .click-btn .btn-filespot{
	background: transparent linear-gradient(180deg, #2B4173 0%, #295A9F 100%) 0% 0% no-repeat padding-box;

}
#screen_3_5_20 .tab-screen .parent-div .clickable.current .click-btn .btn-filespot,
#screen_3_5_20 .tab-screen .parent-div .clickable .click-btn.hover .btn-filespot {
	background: transparent linear-gradient(180deg, #325AB4 0%, #3C89FA 100%) 0% 0% no-repeat padding-box;
    box-shadow: -3px 3px 6px #000000CF;
    border: 2px solid #78E6DC;
}
#screen_3_5_20 .tab-screen .parent-div .clickable.current .click-btn .btn-filespot .number-circle, 
#screen_3_5_20 .tab-screen .parent-div .clickable .click-btn.hover .btn-filespot .number-circle {
    background: #00CBD4;
}
#screen_3_5_20 .tab-container .btn-col-1 {
	position: absolute;
    top: 20px;
    left: 390px;
}
#screen_3_5_20 .tab-container .btn-col-2 {
	position: absolute;
    top: 20px;
    left: 682px;
}
#screen_3_5_20 .tab-screen .fix-height.popup .popup-content-box { min-height: 100px; color: #ffffff; }
#screen_3_5_20 .tab-screen .pop-parent .popup {
    border: 2px solid #78E6DC;
    background-color: #000000;
	border-radius: 20px;
	min-height: 150px;
    padding: 30px;
    position: absolute;
    left: 1010px;
    width: 650px;
    top: -26px;
}

#screen_3_5_30 .char-img-div { right: 110px; width: 840px; }
#screen_3_5_30 .speech-bouble{
	position: absolute;
	width: 410px;
    left: 700px;
    top: 200px;
}
#screen_3_5_30 .notepad-btn-panel {
    position: relative;
	top: 640px;
    left: 740px;
	min-width: auto;
	min-height: auto;
}
#screen_3_5_30 .notepad-btn-panel .btn{
	min-width: 120px;
  	min-height: 120px;
}
#screen_3_5_30 .notepad-btn-panel .btn.hover{
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
#screen_3_5_30 .notepad-btn-panel .plus-div{
	position: absolute;
 	bottom: -25px;
}

#screen_3_5_40 .char-img-div { right: 10px; width: 792px; }
#screen_3_5_40 .speech-bouble{
	position: absolute;
	width: 410px;
	left: 690px;
	top: 200px;
}
#screen_3_5_40 .note-panel{
	position: absolute;
	width: 545px;
	top: 200px;
	left: 100px;
}
#screen_3_5_40 .note-panel .text-panel{ 
	position: absolute;
	left: 100px;
	color: #393939;
	font-size: 40px;
	top: 130px;
	width: 340px;
	padding: 30px;
	display: block;
	transform: rotate(-10deg);
}

#screen_3_5_50.screen .screen-data .text-box-0,
#screen_3_5_50.screen .screen-data .question-container { width: 730px; }
#screen_3_5_50.mcq-mrq-screen .feedback-container .popup.partial-correct,
#screen_3_5_50.mcq-mrq-screen .feedback-container .popup.incorrect,
#screen_3_5_50.mcq-mrq-screen .feedback-container .popup.correct { position: absolute; top: 244px; }
#screen_3_5_50.mcq-mrq-screen .black-box-panel { width: 100%; }
#screen_3_5_50.mcq-mrq-screen .feedback-container, 
#screen_3_5_50 .mcq-mrq-question .feedback-container { position: absolute; top: 76px; left: 760px; }
#screen_3_5_50.screen .char-img-div { position: absolute; width: 1920px; left: -120px; }

#screen_3_5_60.screen .black-box-panel { width: 300px; position: absolute; }
#screen_3_5_60 .btn-filespot {
	height: 48px;
	width: 48px;
	background-color: #78E6DC;
	border: 12px solid #008DFF;
	border-radius: 50%;
}
#screen_3_5_60 .tab-screen .clickable.current .click-btn .btn-filespot,
#screen_3_5_60 .tab-screen .clickable .click-btn.hover .btn-filespot {
    background-color: #008DFF;
	border: 12px solid #78E6DC;
}
#screen_3_5_60 .tab-screen .parent-div { width: 60px; }
#screen_3_5_60 .tab-screen .clickable .click-btn { 
	background-color: transparent; 
	min-width: 48px; 
	height: 144px; 
	margin: 0px; 
	padding: 0px; 
	border: none;
	margin-bottom: 27px;
}
#screen_3_5_60 .tab-container { position: absolute; left: 0px; }
#screen_3_5_60 .tab-screen .parent-div .clickable .click-btn .btn-filespot {
	background: none;
    box-shadow: -3px 3px 6px #000000CF;
    border: 2px solid #3C89FA;
    border-radius: 8px 30px 8px 8px;
    height: 144px;
    width: 242px;
}
#screen_3_5_60 .tab-screen .parent-div .clickable .click-btn .btn-filespot img {
    position: absolute;
	left: 2px;
    width: 238px;
}
#screen_3_5_60 .tab-screen .parent-div .clickable .click-btn .btn-filespot .number-circle {
	position: absolute;
    left: 90px;
    top: 42px;
    height: 60px;
    width: 60px;
    background: #3C89FA;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    border-radius: 50%;
    color: #ffffff;
}

#screen_3_5_60 .tab-screen .parent-div .clickable.visited .click-btn .btn-filespot .number-circle {	background: #213CF3;}
#screen_3_5_60 .tab-screen .parent-div .clickable.current .click-btn .btn-filespot,
#screen_3_5_60 .tab-screen .parent-div .clickable .click-btn.hover .btn-filespot {
	background: transparent linear-gradient(180deg, #325AB4 0%, #3C89FA 100%) 0% 0% no-repeat padding-box;
    box-shadow: -3px 3px 6px #000000CF;
    border: 2px solid #78E6DC;
}
#screen_3_5_60 .tab-screen .parent-div .clickable.current .click-btn .btn-filespot .number-circle, 
#screen_3_5_60 .tab-screen .parent-div .clickable .click-btn.hover .btn-filespot .number-circle {
    background: #00CBD4;
}
#screen_3_5_60 .tab-container .btn-col-1 {
	position: absolute;
    top: 82px;
    left: 432px;
}
#screen_3_5_60 .tab-container .btn-col-2 {
	position: absolute;
	top: 82px;
    left: 700px;
}
#screen_3_5_60 .tab-screen .fix-height.popup .popup-content-box { min-height: 100px; color: #ffffff; }
#screen_3_5_60 .tab-screen .pop-parent .popup {
    border: 2px solid #78E6DC;
    background-color: #000000;
	border-radius: 20px;
	min-height: 150px;
    padding: 30px;
    position: absolute;
	left: 970px;
    width: 630px;
    top: 84px;
}
#screen_3_5_60 .ipad-img-div {
	position: absolute;
    width: 1344px;
    top: 70px;
    left: 340px;
}

#screen_4_1_20 .black-box-panel { width: 360px; }
#screen_4_1_20 .tablet-img-div{
	position: absolute;
	top: 0px;
	left: 460px;
	width: 1152px;
}
#screen_4_1_20 .tablet-panel {
	padding: 0px;
	color: #393939;
}
#screen_4_1_20 .tablet-panel .pop-only{display: none;}
/* #screen_4_1_20 .tablet-panel .web-link{font-style: italic;} */
#screen_4_1_20 .tablet-panel .txt{margin-bottom: 15px; font-size: 16px;}
#screen_4_1_20 .tablet-panel .txt.no-margin-bottom{margin-bottom: 0px; }
#screen_4_1_20 .tablet-panel .t-title{font-size: 25px; margin: 30px 0px 20px 0px;}

#screen_4_1_20 .tablet-panel .t-title.first{    margin-top: 0px;
    margin-left: 80px;
    margin-bottom: 50px;}
#screen_4_1_20 .tablet-panel .link-content {
	position: relative;
	top: -80px;     
	padding: 20px;
}
#screen_4_1_20 .right-panel .link-content .t-title {
	margin-left: 90px;
    width: 250px;
	margin-bottom: 30px;
}
#screen_4_1_20 .tablet-panel.right-panel .link-content {
	position: relative;
	top: -98px;     
	padding: 20px;
}
#screen_4_1_20 .tablet-panel img {
	width: 88px;
}
#screen_4_1_20 .bottom-bar{
	position: absolute;
	width: 174px;
	top: 730px;
    left: 530px;
}
#screen_4_1_20 .instr-txt.exit{
	position: absolute;
	width: auto;
	top: 730px;
	right: 140px;
}

#screen_4_1_20 .ipad-link-panel {
	display: flex;
    width: 1030px;
    position: absolute;
	left: 520px;
    top: 90px;
	height: 570px;

}
#screen_4_1_20 .tablet-panel.left-panel {
    background-color: #3C89FA26;
    box-shadow: none;
	width: 50%;
}
#screen_4_1_20 .tablet-panel.right-panel {
    background-color: #3C89FA40;
    box-shadow: none;
	width: 50%;
}
.global-modal-pop.resources-pop .ipad-link-panel {
	display: flex;
	height: auto;
    margin-top: 20px;
}
.global-modal-pop.resources-pop .tablet-panel.left-panel {
    background-color: #3C89FA26;
    box-shadow: none;
	width: 50%;
}
.global-modal-pop.resources-pop .tablet-panel.right-panel {
    background-color: #3C89FA40;
    box-shadow: none;
	width: 50%;
}
.global-modal-pop.resources-pop .tablet-panel .link-content {
	position: relative;
	top: -120px;     
	padding: 20px;
}
.global-modal-pop.resources-pop .tablet-panel.right-panel .link-content {
	position: relative;
	top: -120px;     
	padding: 20px;
}
.global-modal-pop.resources-pop .tablet-panel img {
	width: 88px;
}
.global-modal-pop.resources-pop .tablet-panel .t-title.first {
	margin-left: 80px;
	margin-bottom: 40px;
}


/* --mediaQuery Start-- */

@media screen and (max-width: 834px) {
	
	.global-modal-pop.resources-pop .modal-alert{min-height: 200px;}
	
	.global-modal-pop.resources-pop .modal-content-box .scroll-parent {max-height: calc(100vh - 250px);}

	.btn.switch-btn{width: 118px; height: 40px;}
	.btn.switch-btn .knob{width: 50px; height: 50px;}
	.btn.switch-btn.off .knob{left: 70px;}
	.btn.switch-btn .btn-txt{font-size: 20px;}
	.screen .center-data-panel{
		position: relative;
		margin: 0em auto 0em;
		width: 100%;
		padding: 0em;
		color: #000;
	   text-align: left;
	}
	.screen .center-data-panel .title{color: #000;}
	.screen .que-inner-panel{position: relative; padding: 0px 0px;}
	.points-div{width: 60px;}
	.points-div.top-right {
		position: absolute;
		right: -15px;
		top: -15px;
	}
	.screen .black-box-panel{padding: 30px; width: 100%;}
	.screen .text-box-0{padding: 30px; width: 100%;}
	.screen .text-box-1{padding: 30px; width: 100%;}
	.screen .speech-bouble{
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		background-color: transparent;
		border-radius: 0px;
	}
	.screen .speech-bouble .css-triangle{display: none;}


	#screen_0_1_20 .white-box-panel{width: 100%; margin: 0px; border-radius: 0px; padding: 30px;}

	#screen_1_1_15 .black-box-panel { width: auto; padding: 0px; }
	
	#screen_1_1_30 .speech-bouble{
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}
	#screen_1_1_30 .key-btn-panel{
		position: relative;
		top: auto;
		margin: 0 auto;
		left: auto;
		text-align: center;
		margin: 30px 0px;
	}
	#screen_1_1_30 .key-btn-panel .btn{
		width: 160px;
		height: auto;
	}

	#screen_2_1_10 .speech-bouble{
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}
	#screen_2_1_10 .key-btn-panel{
		position: relative;
		top: auto;
		margin: 0 auto;
		left: auto;
		text-align: center;
		margin: 30px 0px;
	}
	#screen_2_1_10 .key-btn-panel .btn{
		width: 160px;
		height: auto;
	}

	#screen_2_2_10 .dropdown-question .dd-parent{border-radius: 0px; margin-top: 0px; padding: 30px; width: 100%;}
	#screen_2_2_10 .dropdown-question .bottom-btn-panel{width: 100%;}
	#screen_2_2_10 .dropdown-question .feedback-container{position: relative; top: auto; left: auto; width: 100%; padding: 30px;}

	#screen_2_2_20 .speech-bouble{
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 30px;
	}
	#screen_2_2_20 .speech-bouble .img{
		position: relative;
		margin-bottom: 20px;
		width: 74px;
	}
	#screen_2_2_20 .black-box-panel{margin: 0px; width: 100%; padding-top: 0px;}
	#screen_2_2_20 .tab-container{width: 100%; padding: 0px;}

	#screen_2_2_30.screen .screen-data .col-text { width: auto; padding: 0px; }
	#screen_2_2_30.mcq-mrq-screen .black-box-panel { padding: 0px; }
	#screen_2_2_30.mcq-mrq-screen .feedback-container .popup.partial-correct,
	#screen_2_2_30.mcq-mrq-screen .feedback-container .popup.incorrect { position: relative; top: auto; margin: 0px; }
	#screen_2_2_30.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
	#screen_2_2_30.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
	#screen_2_2_30.mcq-mrq-screen .feedback-container .popup.correct { position: relative; top: auto; margin: 0px; }
	#screen_2_2_30.screen .screen-data .text-box-0, 
	#screen_2_2_30.screen .screen-data .question-container { width: 100%; }
	#screen_2_2_30.mcq-mrq-screen .feedback-container, 
	#screen_2_2_30 .mcq-mrq-question .feedback-container {
		position: relative;
		top: auto;
		left: auto;
		width: auto;		
	}

	#screen_2_2_40 .text-box-0{margin-left:0px;}
	#screen_2_2_40 .black-box-panel{width: 100%; margin: 0px; padding-top: 0px;}


	#screen_2_3_10 .speech-bouble{
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}
	#screen_2_3_10 .key-btn-panel{
		position: relative;
		top: auto;
		margin: 0 auto;
		left: auto;
		text-align: center;
		margin: 30px 0px;
	}
	#screen_2_3_10 .key-btn-panel .btn{
		width: 160px;
		height: auto;
	}

	#screen_2_3_20 .tab-screen{
		width: 100%;
		position: relative;
		top: 0px;
		left: 0px;
	}
	#screen_2_3_20 .tab-screen .parent-div {
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		width: 100%;
		min-height: auto;
	}
	#screen_2_3_20 .tab-content {
		position: relative;
		width: auto;
		left: auto;
		top: auto;
	}	
	#screen_2_3_20 .tab-container .activity-panel { width: auto; margin: auto; padding: 0px; }
	#screen_2_3_20 .tab-screen .parent-div .popup-content-box .img-cell{width: 100%; max-width: none;}
	#screen_2_3_20 .tab-screen .parent-div { left: auto; top: auto; }
	#screen_2_3_20 .tab-screen .click-btn.tab-btn {
        width: 100%;
        min-width: auto;
        border-radius: 0px;
        border: none;        
        display: flex;
		padding: 5px 30px 5px 22px;
        
	}
	#screen_2_3_20 .tab-screen.split-with-pop .collapse-pop { border: none; padding: 30px; margin-bottom: 0px;}
	#screen_2_3_20 .tab-screen.split-with-pop .parent-div .clickable { margin: 10px 0em 0em 0em; }
	#screen_2_3_20 .tab-screen.split-with-pop .parent-div .clickable.clickable-3,
	#screen_2_3_20 .tab-screen.split-with-pop .parent-div .clickable.clickable-2,
	#screen_2_3_20 .tab-screen.split-with-pop .parent-div .clickable.clickable-1,
	#screen_2_3_20 .tab-screen.split-with-pop .parent-div .clickable.clickable-0 {
		position: relative;
		left: auto;
		top: auto;
	}
	#screen_2_3_20 .text-box { width: 100%; }

	#screen_2_3_40 .speech-bouble {
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}
	
	#screen_2_3_50.screen .screen-data .col-text { width: auto; padding: 0px; }
	#screen_2_3_50.mcq-mrq-screen .black-box-panel { padding: 0px; }
	#screen_2_3_50.mcq-mrq-screen .feedback-container .popup,
	#screen_2_3_50 .mcq-mrq-question .feedback-container .popup { position: relative; top: auto; margin: 0px; }
	#screen_2_3_50.mcq-mrq-screen .feedback-container .popup.partial-correct,
	#screen_2_3_50.mcq-mrq-screen .feedback-container .popup.incorrect,
	#screen_2_3_50.mcq-mrq-screen .feedback-container .popup.correct { position: relative; top: auto; }
	#screen_2_3_50.screen .screen-data .text-box-0, 
	#screen_2_3_50.screen .screen-data .question-container { width: 100%; }
	#screen_2_3_50.mcq-mrq-screen .feedback-container, 
	#screen_2_3_50 .mcq-mrq-question .feedback-container {
		position: relative;
		top: auto;
		left: auto;
	}

	#screen_2_3_60 .speech-bouble {
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}
	#screen_2_3_60 .key-btn-panel {
		position: relative;
		top: auto;
		margin: 0 auto;
		left: auto;
		text-align: center;
		margin: 30px 0px;
	}
	#screen_2_3_60 .key-btn-panel .btn {
		width: 160px;
		height: auto;
	}
	#screen_2_3_60 .black-box-panel {
		width: auto;
		padding: 0px;
	}
	#screen_2_3_60 .poster-div {
		left: auto;
		width: auto;
		position: relative;
		top: auto;
		padding: 20px;
	}
	#screen_2_3_60 .poster-content {
		position: relative;
		padding: 30px 20px;
		top: auto;
		width: auto;
		background-color: #325ab4;

		/* background-image: url("../../../content/images/ltr/2_3_60_3_m.png"); */
		background-repeat: no-repeat;
		/* background-attachment: fixed; */
		background-position: left;
		background-position-x: 0px;
		background-position-y: 0px;
		border: 8px solid #5e462f;
	}
	#screen_2_3_60 .poster-content hr {
		border: 2px solid #00C8D2;
	}
	#screen_2_3_60 .hotel-logo {
		background: transparent linear-gradient(180deg, #464544 0%, #000000 100%) 0% 0% no-repeat;
		display: flex;
		padding: 6px 30px;
		align-items: center;
		position: relative;
        left: -14px;
        width: calc(100% + 28px);
        top: 26px;
	}
	#screen_2_3_60 .hotel-logo img {
		width: 67px;
		margin-right: 12px;
	}
	#screen_2_3_60 .hotel-logo .txt {
		font-size: 28px;
		color: #DAB646;
	}

	#screen_2_3_70.screen .black-box-panel { width: auto; padding: 0px; }
	#screen_2_3_70 .tab-screen .parent-div { width: 100%; }
	#screen_2_3_70 .tab-container { position: relative; left: auto; }
	#screen_2_3_70 .tab-screen .parent-div {
		width: 100%;
		position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        width: 100%;
        min-height: auto;
	}
	#screen_2_3_70 .tab-screen .clickable.current .click-btn, 
	#screen_2_3_70 .tab-screen .clickable .click-btn.hover { background-color: #00C8D2; color: #ffffff; }
	#screen_2_3_70 .tab-container .clickable-0 { position: relative; top: auto; left: auto; }
	#screen_2_3_70 .tab-container .clickable-1 { position: relative; top: auto; left: auto; }
	#screen_2_3_70 .tab-container .clickable-2 { position: relative; top: auto; left: auto; }
	#screen_2_3_70 .tab-screen .clickable .click-btn {
		background-color: transparent;
		min-width: 48px;
		height: 70px;
		margin: 0px;
		padding: 0px;
		border: none;
		color: #fff;
		background-color: #008DFF;
		border-radius: 0px;
		padding: 5px 20px 5px 20px;
		border: none;
		font-size: 20px;
	}
	#screen_2_3_70 .tab-screen .collapse-pop { 
		background-color: #FFFFFF;
        color: #393939;
        border: none;
        border-radius: 0px;
        padding: 30px 30px 30px 30px; 
	}
	#screen_2_3_70 .speech-bouble {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		padding: 0px;
	}

	#screen_2_3_80.screen .black-box-panel { width: auto; padding: 0px; }
	#screen_2_3_80 .speech-bouble{
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}
	#screen_2_3_80 .key-btn-panel{
		position: relative;
		top: auto;
		margin: 0 auto;
		left: auto;
		text-align: center;
		margin: 30px 0px;
	}
	#screen_2_3_80 .key-btn-panel .btn{
		max-width: 320px;
		height: auto;
	}
	#screen_2_3_80 .key-btn-panel .plus-div { bottom: -42px; }

	#screen_2_3_90 .text-box-0{margin-left:0px;}
	#screen_2_3_90 .black-box-panel{width: 100%; margin: 0px; padding-top: 0px;}
	#screen_2_3_90 .flipcard-screen .card-0 .bg-img{width: 202px; }
	#screen_2_3_90 .flipcard-screen .card-1 .bg-img{width: 204px; }
	#screen_2_3_90 .flipcard-screen .card-2 .bg-img{width: 210px; }
	
	#screen_2_4_10 .black-box-panel{width: 100%; margin: 0px 0px 0px; padding-top: 0px;}
	#screen_2_4_10 .spot-the-error-image-question{
		position: relative;
		top: 0px;
		left: 0px;
		width: auto;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .img-div{width: 100%; margin-bottom: 20px; background-color: #fff;}
	#screen_2_4_10 .spot-the-error-image-question .question .img-div .bg-img{
		position: absolute;
		left: 0px;
		right: 0px;
		z-index: 1;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .email-block {
		position: relative;		
		top: 0px;
		left: 0px;
		font-size: 16px;
		width: 740px;
		background-color: #fff;
		padding: 100px 30px 30px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot-data{
		top: 80px;
 		left: 0px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_0 {
		position: absolute;
		top: 18px;
		left: 70px;
		width: 60px;
		height: 30px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_1{
		position: absolute;
		top: 95px;
		left: 24px;
		width: 97px;
		height: 30px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_2 {
		position: absolute;
		top: 170px;
		left: 24px;
		width: 230px;
		height: 30px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_3 {
		position: absolute;
		top: 208px;
		left: 24px;
		width: 140px;
		height: 28px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_4 {
		position: absolute;
		top: 237px;
		left: 24px;
		width: 140px;
		height: 28px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_5 {
		position: absolute;
		top: 279px;
		left: 24px;
		width: 240px;
		height: 54px;
	}

	#screen_2_4_10.spot-the-error-image-screen .feedback-container, 
	#screen_2_4_10 .spot-the-error-image-question .feedback-container{
		position: relative;
		margin: 0px 0px 0px;
		width: 100%;
		padding: 30px;
	}
	#screen_2_4_10 .spot-the-error-image-question .feedback-container .scroll-parent{
		max-height: none;
	}

	#screen_2_5_10.screen .screen-data .col-text { width: auto; padding: 0px; }
	#screen_2_5_10.mcq-mrq-screen .black-box-panel { padding: 0px; }
	#screen_2_5_10.mcq-mrq-screen .feedback-container .popup.partial-correct,
	#screen_2_5_10.mcq-mrq-screen .feedback-container .popup.incorrect { position: relative; top: auto; margin: 0px; }
	#screen_2_5_10.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
	#screen_2_5_10.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
	#screen_2_5_10.mcq-mrq-screen .feedback-container .popup.correct { position: relative; top: auto; margin: 0px; }
	#screen_2_5_10.screen .screen-data .text-box-0, #screen_2_5_10.screen .screen-data .question-container { width: 100%; }
	#screen_2_5_10.mcq-mrq-screen .feedback-container, #screen_2_5_10 .mcq-mrq-question .feedback-container {
		position: relative;
		top: auto;
		left: auto; width: 100%;
	}

	#screen_2_5_20 .text-box-0{margin-left:0px;}
	#screen_2_5_20 .black-box-panel{width: 100%; margin: 0px; padding-top: 0px;}
	#screen_2_5_20 .coverflow-screen .swiper-slide { border-radius: 0px; background: #EEEEEE; }
	#screen_2_5_20 .coverflow-screen .swiper-container { width: auto; }
	#screen_2_5_20 .coverflow-screen .swiper-slide .flex-div .img-div {
		height: auto;
	}
	#screen_2_5_20 .coverflow-screen .pagination-parent { margin-top: 20px; width: 410px; }

	#screen_2_6_10 .black-box-panel { width: auto; padding: 0px; }

	#screen_2_6_30.screen .black-box-panel { width: auto; padding: 0px; }
	#screen_2_6_30 .speech-bouble{
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}
	#screen_2_6_30 .key-btn-panel{
		position: relative;
		top: auto;
		margin: 0 auto;
		left: auto;
		text-align: center;
		margin: 30px 0px;
	}
	#screen_2_6_30 .key-btn-panel .btn{
		max-width: 320px;
		height: auto;         
		width: auto;
	}
	#screen_2_6_30 .key-btn-panel .plus-div { bottom: -42px; }

	#screen_2_7_10 .text-box-0{margin-left:0px;}
	#screen_2_7_10 .black-box-panel{width: 100%; margin: 0px; padding-top: 0px;}
	#screen_2_7_10 .coverflow-screen{
		position: relative;
		top: 0px;
		left: 0px;
	}
	
	#screen_2_7_10 .coverflow-screen .swiper-container { width: auto; }
	#screen_2_7_10 .coverflow-screen .swiper-slide .flex-div .img-div {
		height: auto;
	}
	#screen_2_7_10 .coverflow-screen .pagination-parent { margin-top: 0px; width: 410px; }
	
	#screen_2_7_10 .coverflow-screen .swiper-slide .flex-div .img-div { height: auto; width: 100%;}
	#screen_2_7_10 .coverflow-screen .swiper-slide .flex-div .text-box{width: 100%;}
	#screen_2_7_10 .coverflow-screen .swiper-slide { border-radius: 0px; background: #EEEEEE; color: #393939; }
	#screen_2_7_10 .coverflow-screen .swiper-container { width: 100%; border-radius: 0px;}
	#screen_2_7_10 .coverflow-screen .swiper-wrapper{ width: 100%; border-radius: 0px; min-height: auto;}

	#screen_3_1_20 .speech-bouble {
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}

	#screen_3_1_30 .black-box-panel{margin: 0px; width: 100%; padding-top: 0px;}
	
	#screen_3_1_30 .tab-container{
		width: 100%; 
		padding: 00px 0px 30px;
		position: relative;
		left: 0px;
		top: 0px;
	}
	#screen_3_1_30 .tab-screen.image-tab .parent-div {
		width: 100%;
		margin: 0 auto;
		left: 0px;
		top: 0px;
	}
	#screen_3_1_30 .tab-screen.image-tab .tab-btn{height: auto; width: 100%;}
	
	#screen_3_1_30 .tab-screen.image-tab .pop-parent{
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
	}

	#screen_3_1_30 .tab-screen.image-tab .tab-pop-1{top: auto;}
	#screen_3_1_30 .tab-screen.image-tab .tab-pop-2{top: auto}
	#screen_3_1_30 .tab-screen.image-tab .collapse-pop .img1-cell{
		background-color: #3C89FA;
		border-radius: 20px;
		width: 250px;
		margin: 0 auto 30px;
	}
	
	#screen_3_2_10 .speech-bouble{
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}
	#screen_3_2_10 .key-btn-panel{
		position: relative;
		top: auto;
		margin: 0 auto;
		left: auto;
		text-align: center;
		margin: 30px 0px;
	}
	#screen_3_2_10 .key-btn-panel .btn{
		width: 280px;
		height: auto;
	}
	
	#screen_3_2_40.screen .black-box-panel { width: auto; padding: 0px; }
	#screen_3_2_40.screen .screen-padding { padding: 0em; }
	#screen_3_2_40 .col.col-text { width: auto; padding: 30px 1em; }
	#screen_3_2_40 .feedback-container .miles-img {
		position: relative;
		right: auto;
		margin-top: -86px;
		top: auto;
		width: 104px;
		margin-bottom: 24px;
	}
	#screen_3_2_40 .feedback-container .fb-text {
		position: relative;
		top: auto;
		width: 100%;
		text-align: left;
		padding: 0px;
	}
	#screen_3_2_40 .feedback-container .popup .popup-content-box .display-cell {
		position: relative;
		top: auto;
		width: auto;
		text-align: left;
		padding: 0em;
		right: auto;
	}
	#screen_3_2_40 .col.col-text { top: auto; }
	#screen_3_2_40 .screen-data .question-content { width: auto; }
	#screen_3_2_40 .mcq-mrq-question .question .que-options {
		display: flex;
        flex-wrap: wrap;
        width: auto;
        margin-left: auto;
        flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}
	#screen_3_2_40 .mcq-mrq-question .question .option-item .opt-cell .btn-icon { font-size: 36px; }
	#screen_3_2_40 .mcq-mrq-question .question .option-item .status-cell { position: relative; right: auto; top: auto; }
	#screen_3_2_40 .question .bottom-btn-panel, #screen_3_2_40 .question .continue-btn-panel { position: relative; top: auto; left: auto; }
	#screen_3_2_40.mcq-mrq-screen .feedback-container .correct,
	#screen_3_2_40.mcq-mrq-screen .feedback-container .last-attempt { margin: 30px; }
	#screen_3_2_40 .mcq-mrq-question .question .option-item .opt-cell { margin-top: 38px; }
	#screen_3_2_40 .mcq-mrq-question .question .que-options .option-item { border-radius: 20px; margin: 10px; }
	#screen_3_2_40.mcq-mrq-screen .feedback-container {
		margin: 0px;
		position: relative;
		left: auto;
		top: auto;
		padding: 0px;
	}
	#screen_3_2_40 .mcq-mrq-question .question .option-item .status-cell .status {
		color: #ffffff;
		font-size: 22px;
		position: absolute;
		bottom: 80px;
		left: 130px;
	}

	#screen_3_2_50.screen .black-box-panel { width: auto; padding: 0px; }

	#screen_3_2_60.screen .black-box-panel { width: auto; padding: 0px; }
	#screen_3_2_60 .tab-screen .parent-div { width: 100%; }
	#screen_3_2_60 .tab-container { position: relative; left: auto; }
	#screen_3_2_60 .tab-screen .parent-div {
		width: 100%;
		position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        width: 100%;
        min-height: auto;
	}
	#screen_3_2_60 .tab-screen .clickable.current .click-btn, 
	#screen_3_2_60 .tab-screen .clickable .click-btn.hover { background-color: #00C8D2; color: #ffffff; }
	#screen_3_2_60 .tab-container .clickable-0 { position: relative; top: auto; left: auto; }
	#screen_3_2_60 .tab-container .clickable-1 { position: relative; top: auto; left: auto; }
	#screen_3_2_60 .tab-container .clickable-2 { position: relative; top: auto; left: auto; }
	#screen_3_2_60 .tab-screen .clickable .click-btn {
		background-color: transparent;
		min-width: 48px;
		height: 70px;
		margin: 0px;
		padding: 0px;
		border: none;
		color: #fff;
		background-color: #008DFF;
		border-radius: 0px;
		padding: 5px 20px 5px 20px;
		border: none;
		font-size: 20px;
	}
	#screen_3_2_60 .tab-screen .collapse-pop { 
		background-color: #FFFFFF;
        color: #393939;
        border: none;
        border-radius: 0px;
        padding: 30px 30px 30px 30px; 
	}

	#screen_3_2_70.screen .screen-data .col-text { width: auto; padding: 0px; }
	#screen_3_2_70.mcq-mrq-screen .black-box-panel { padding: 0px; }
	#screen_3_2_70.mcq-mrq-screen .feedback-container .popup.partial-correct,
	#screen_3_2_70.mcq-mrq-screen .feedback-container .popup.incorrect { position: relative; top: auto; margin: 0px; }
	#screen_3_2_70.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
	#screen_3_2_70.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
	#screen_3_2_70.mcq-mrq-screen .feedback-container .popup.correct { position: relative; top: auto; margin: 0px; }
	#screen_3_2_70.screen .screen-data .text-box-0, #screen_3_2_70.screen .screen-data .question-container { width: 100%; }
	#screen_3_2_70.mcq-mrq-screen .feedback-container, #screen_3_2_70 .mcq-mrq-question .feedback-container {
		position: relative;
		top: auto;
		left: auto;
	}

	#screen_3_3_10 .black-box-panel { width: auto; padding: 0px; }	
	#screen_3_3_10 .ipad-btn-panel{
		position: relative;
		top: auto;
		margin: 0 auto;
		left: auto;
		text-align: center;
		margin: 40px 0px;
	}
	#screen_3_3_10 .ipad-btn-panel .btn{
		max-width: 320px;
		height: auto;         
		width: auto;
	}
	#screen_3_3_10 .ipad-btn-panel .plus-div { bottom: -32px; }

	#screen_3_3_20 .text-box-0{margin-left:0px;}
	#screen_3_3_20 .black-box-panel{width: 100%; margin: 0px; padding-top: 0px;}
	#screen_3_3_20 .coverflow-screen {position: relative; top: auto;}
	#screen_3_3_20 .coverflow-screen .swiper-slide { border-radius: 0px; background: #EEEEEE; }
	#screen_3_3_20 .coverflow-screen .swiper-container { width: auto; }
	#screen_3_3_20 .coverflow-screen .swiper-slide .flex-div .img-div {height: auto;}
	#screen_3_3_20 .coverflow-screen .pagination-parent { margin-top: 20px; width: 410px; }

	#screen_3_3_40 .screen-padding{padding: 0px;}
	#screen_3_3_40 .text-box-0{margin-left:0px;}
	#screen_3_3_40 .black-box-panel{width: 100%; margin: 0px; padding-top: 0px;}
	#screen_3_3_40 .tab-screen{
		position: relative;
		top: auto;
		right: auto;
	}
	#screen_3_3_40 .tab-screen .activity-panel{
		position: relative;
		width: 100%;
		top: auto;
		left: 0px;
	}
	#screen_3_3_40 .tab-screen.image-tab .parent-div{flex-flow: column nowrap;}
	#screen_3_3_40 .tab-screen.image-tab .clickable-0,
	#screen_3_3_40 .tab-screen.image-tab .clickable-1,
	#screen_3_3_40 .tab-screen.image-tab .clickable-2,
	#screen_3_3_40 .tab-screen.image-tab .clickable-3,
	#screen_3_3_40 .tab-screen.image-tab .clickable-4{position: relative; top: auto; left: 0px;}
	#screen_3_3_40 .tab-screen.image-tab .clickable .tab-btn{
		min-width: auto;
		display: inline-flex;
		border-radius: 0px;
		width: 100%;
		min-height: 70px;
		height: auto;
		color: #fff;
		background-color: #008DFF;
		padding: 5px 20px 5px 20px;
		justify-content: space-between;
		border: none;
		font-size: 20px;
	}
	#screen_3_3_40 .tab-screen.image-tab .clickable.current .click-btn, 
	#screen_3_3_40 .tab-screen.image-tab .clickable .click-btn.hover{background-color: #00C8D2; color: #fff;}
	#screen_3_3_40 .tab-screen.image-tab .collapse-pop .img1-cell{
		width: 90%;
		max-width: 220px;
		margin: 0 auto 30px;
	}
	
	#screen_3_3_50 .speech-bouble {
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}

	#screen_3_3_60 .speech-bouble {
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}
	#screen_3_3_60 .notepad-btn-panel{
		position: relative;
		top: auto;
		margin: 0 auto;
		left: auto;
		text-align: center;
		margin: 30px 0px;
	}
	#screen_3_3_60 .notepad-btn-panel .btn{
		max-width: 280px;
		height: auto;         
		width: auto;
	}
	#screen_3_3_60 .notepad-btn-panel .plus-div { bottom: -32px; }
		
	#screen_3_3_70 .speech-bouble {
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}
	#screen_3_3_70 .tab-screen {
		position: relative;
		width: 490px;
		top: 20px;
		left: auto;
		margin: 0 auto;
		min-height: 750px;
	}

	#screen_3_3_80 .title{position: relative; margin-left: 0px;}
	#screen_3_3_80 .poster-div{position: relative; top:auto; left: auto; width: 100%;}
	#screen_3_3_80 .poster-div .inner-panel {padding: 20px 46px 10px;}
	#screen_3_3_80 .poster-div .points-div{position: relative;  width: 100%;}
	#screen_3_3_80 .instr-txt{
		position: relative;
		top: auto;
		left: auto;
		margin-top: 30px;
	}

	#screen_3_4_20.screen .screen-padding { padding: 0px; }
	#screen_3_4_20 .text-box-0 { margin: 0 auto; width: 100%; }
	#screen_3_4_20.screen .black-box-panel { width: auto; padding: 0px; }
	#screen_3_4_20 .tab-screen .parent-div { width: 100%; }
	#screen_3_4_20 .tab-container { position: relative; left: auto; }
	#screen_3_4_20 .tab-screen .parent-div {
		width: 100%;
		position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        width: 100%;
        min-height: auto;
	}
	#screen_3_4_20 .tab-screen .clickable.current .click-btn, 
	#screen_3_4_20 .tab-screen .clickable .click-btn.hover { background-color: #00C8D2; color: #ffffff; }
	#screen_3_4_20 .tab-container .clickable-0,
	#screen_3_4_20 .tab-container .clickable-1,
	#screen_3_4_20 .tab-container .clickable-2,
	#screen_3_4_20 .tab-container .clickable-3,
	#screen_3_4_20 .tab-container .clickable-4,
	#screen_3_4_20 .tab-container .clickable-5,
	#screen_3_4_20 .tab-container .clickable-6,
	#screen_3_4_20 .tab-container .clickable-7,
	#screen_3_4_20 .tab-container .clickable-8,
	#screen_3_4_20 .tab-container .clickable-9 { position: relative; top: auto; left: auto; margin-bottom: 0px; margin-top: 10px; }
	#screen_3_4_20 .tab-screen .clickable .click-btn {
		background-color: transparent;
		min-width: 48px;
		height: 70px;
		margin: 0px;
		padding: 0px;
		border: none;
		color: #fff;
		background-color: #008DFF;
		border-radius: 0px;
		padding: 5px 20px 5px 20px;
		border: none;
		font-size: 20px;
	}
	#screen_3_4_20 .tab-screen .collapse-pop { 
		background-color: #FFFFFF;
        color: #393939;
        border: none;
        border-radius: 0px;
        padding: 30px 30px 30px 30px; 
	}
	#screen_3_4_20 .tab-screen .collapse-pop { padding: 0px; }
	#screen_3_4_20 .tab-screen .collapse-pop .mobile-popup-content { padding: 30px; }
	#screen_3_4_20 .tab-screen .collapse-pop .mobile-popup-content img{ margin-bottom: 30px; }

	#screen_3_4_40.screen .screen-data .col-text { width: auto; padding: 0px; }
	#screen_3_4_40.mcq-mrq-screen .black-box-panel { padding: 0px; }
	#screen_3_4_40.mcq-mrq-screen .feedback-container .popup.partial-correct,
	#screen_3_4_40.mcq-mrq-screen .feedback-container .popup.incorrect { position: relative; top: auto; margin: 0px; }
	#screen_3_4_40.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
	#screen_3_4_40.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
	#screen_3_4_40.mcq-mrq-screen .feedback-container .popup.correct { position: relative; top: auto; margin: 0px; }
	#screen_3_4_40.screen .screen-data .text-box-0, #screen_3_4_40.screen .screen-data .question-container { width: 100%; }
	#screen_3_4_40.mcq-mrq-screen .feedback-container, #screen_3_4_40 .mcq-mrq-question .feedback-container {
		position: relative;
		top: auto;
		left: auto;
	}

	#screen_3_5_20.screen .black-box-panel { position: relative; width: auto; padding: 0px; }
	#screen_3_5_20 .tab-screen .parent-div { width: 100%; }
	#screen_3_5_20 .tab-container { position: relative; left: auto; }
	#screen_3_5_20 .tab-screen .parent-div {
		width: 100%;
		position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        width: 100%;
        min-height: auto;
	}
	#screen_3_5_20 .tab-screen .clickable.current .click-btn, 
	#screen_3_5_20 .tab-screen .clickable .click-btn.hover { background-color: #00C8D2; color: #ffffff; }
	#screen_3_5_20 .tab-screen.regular .parent-div .clickable { margin-bottom: 0px; margin-top: 10px; }
	#screen_3_5_20 .tab-screen .clickable .click-btn {
		background-color: transparent;
		min-width: 48px;
		height: 70px;
		margin: 0px;
		padding: 0px;
		border: none;
		color: #fff;
		background-color: #008DFF;
		border-radius: 0px;
		padding: 5px 20px 5px 20px;
		border: none;
		font-size: 20px;
	}
	#screen_3_5_20 .tab-screen .collapse-pop { 
		background-color: #FFFFFF;
        color: #393939;
        border: none;
        border-radius: 0px;
        padding: 30px 30px 30px 30px; 
	}
	#screen_3_5_20 .tab-screen .collapse-pop { padding: 30px; }
	#screen_3_5_20 .tab-screen .collapse-pop .mobile-popup-content { padding: 30px; }
	#screen_3_5_20 .tab-container {
		position: relative;
		left: auto;
	}
	#screen_3_5_20 .tab-container .btn-col-1,
	#screen_3_5_20 .tab-container .btn-col-2 {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
	}
	
	#screen_3_5_30 .speech-bouble {
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}
	#screen_3_5_30 .notepad-btn-panel{
		position: relative;
		top: auto;
		margin: 0 auto;
		left: auto;
		text-align: center;
		margin: 30px 0px;
	}
	#screen_3_5_30 .notepad-btn-panel .btn{
		max-width: 280px;
		height: auto;         
		width: auto;
	}
	#screen_3_5_30 .notepad-btn-panel .plus-div { bottom: 0px; }

	#screen_3_5_40 .speech-bouble {
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0px;
	}
	#screen_3_5_40 .note-panel{
		position: relative;
		width: 445px;
		top: auto;
		left: auto;
		margin: 20px auto;
	}
	#screen_3_5_40 .note-panel .text-panel{
		font-size: 30px;
		top: 100px;
		left: 70px;
		width: 280px;
	 }

	#screen_3_5_50.screen .screen-data .col-text { width: auto; padding: 0px; }
	#screen_3_5_50.mcq-mrq-screen .black-box-panel { padding: 0px; }
	#screen_3_5_50.mcq-mrq-screen .feedback-container .popup.partial-correct,
	#screen_3_5_50.mcq-mrq-screen .feedback-container .popup.incorrect { position: relative; top: auto; margin: 0px; }
	#screen_3_5_50.mcq-mrq-screen .feedback-container .popup.partial-correct.last-attempt,
	#screen_3_5_50.mcq-mrq-screen .feedback-container .popup.incorrect.last-attempt,
	#screen_3_5_50.mcq-mrq-screen .feedback-container .popup.correct { position: relative; top: auto; margin: 0px; }
	#screen_3_5_50.screen .screen-data .text-box-0, #screen_3_5_50.screen .screen-data .question-container { width: 100%; }
	#screen_3_5_50.mcq-mrq-screen .feedback-container, #screen_3_5_50 .mcq-mrq-question .feedback-container {
		position: relative;
		top: auto;
		left: auto;
	}

	#screen_3_5_60.screen .black-box-panel { position: relative; width: auto; padding: 0px; }
	#screen_3_5_60 .tab-screen .parent-div { width: 100%; }
	#screen_3_5_60 .tab-container { position: relative; left: auto; }
	#screen_3_5_60 .tab-screen .parent-div {
		width: 100%;
		position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        width: 100%;
        min-height: auto;
	}
	#screen_3_5_60 .tab-screen .clickable.current .click-btn, 
	#screen_3_5_60 .tab-screen .clickable .click-btn.hover { background-color: #00C8D2; color: #ffffff; }
	#screen_3_5_60 .tab-screen.regular .parent-div .clickable { margin-bottom: 0px; margin-top: 10px; }
	#screen_3_5_60 .tab-screen .clickable .click-btn {
		background-color: transparent;
		min-width: 48px;
		height: 70px;
		margin: 0px;
		padding: 0px;
		border: none;
		color: #fff;
		background-color: #008DFF;
		border-radius: 0px;
		padding: 5px 20px 5px 20px;
		border: none;
		font-size: 20px;
	}
	#screen_3_5_60 .tab-screen .collapse-pop { 
		background-color: #FFFFFF;
        color: #393939;
        border: none;
        border-radius: 0px;
        padding: 30px 30px 30px 30px; 
	}
	#screen_3_5_60 .tab-screen .collapse-pop { padding: 30px; }
	#screen_3_5_60 .tab-screen .collapse-pop .mobile-popup-content { padding: 30px; }
	#screen_3_5_60 .tab-container {
		position: relative;
		left: auto;
	}
	#screen_3_5_60 .tab-container .btn-col-1,
	#screen_3_5_60 .tab-container .btn-col-2 {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
	}

	#screen_4_1_20 .black-box-panel { width: 100%; padding: 0px;}
	#screen_4_1_20 .tablet-panel{
		position: relative;
		top: auto;
		left: auto;
		padding: 0px;
		width: 100%;
		box-shadow: inset 0px 0px 20px #3C89FA;
		background-color: #fff;
	}
	#screen_4_1_20 .bottom-bar{
		position: relative;
		width: 100%;
		top: auto;
		left: auto;
		background-color: #3C89FA;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 30px;
	}
	#screen_4_1_20 .bottom-bar img{ width: 170px;}
	#screen_4_1_20 .instr-txt.exit{
		position: relative;
		top: auto;
		right: auto;
		padding: 30px;
	}
	#screen_4_1_20 .ipad-link-panel {
		display: flex;
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
		height: 100%;
		flex-direction: column;
		background-color: #ffffff;
        padding: 30px;
        box-shadow: inset 0px 0px 20px #3C89FA;
	}
	#screen_4_1_20 .tablet-panel.right-panel .link-content { top: -76px; }
	#screen_4_1_20 .right-panel .link-content .t-title {
		margin-left: 80px;
		width: calc(100% - 80px); margin-bottom: 50px;
	}
	#screen_4_1_20 .tablet-panel.right-panel {
		margin-top: 30px;
	}
	#screen_4_1_20 .tablet-panel.left-panel, #screen_4_1_20 .tablet-panel.right-panel { width: 100%; }

	.global-modal-pop.resources-pop .ipad-link-panel {
		display: flex;
		height: 100%;
		margin-top: 20px;
		flex-direction: column;
	}
	.global-modal-pop.resources-pop .tablet-panel.left-panel {
		background-color: #3C89FA26;
		box-shadow: none; width: 100%;
	}
	.global-modal-pop.resources-pop .tablet-panel.right-panel {
		background-color: #3C89FA40;
		box-shadow: none;
		margin-top: 20px; width: 100%;
	}
	.global-modal-pop.resources-pop .tablet-panel .link-content {
		position: relative;
		top: -104px;     
		padding: 20px;
	}
	.global-modal-pop.resources-pop .tablet-panel.right-panel .link-content {
		position: relative;
		top: -104px;     
		padding: 20px;
	}
	.global-modal-pop.resources-pop .tablet-panel img {
		width: 88px;
	}
	.global-modal-pop.resources-pop .tablet-panel .t-title.first {
		margin-left: 80px;
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 767px) {
	.screen .black-box-panel{padding: 20px; width: 100%;}
	.screen .text-box-0{padding: 20px; width: 100%;}
	.screen .text-box-1{padding: 20px; width: 100%;}

	#screen_0_1_20 .white-box-panel{padding: 20px;}

	#screen_2_2_10 .dropdown-question .dd-parent{padding: 20px; width: 100%;}
	#screen_2_2_10 .dropdown-question .feedback-container{padding: 20px;}

	#screen_2_2_20 .speech-bouble{padding: 20px;}

	#screen_2_3_20 .tab-screen .click-btn.tab-btn {	padding: 5px 20px 5px 12px; }
	#screen_2_3_20 .tab-screen.split-with-pop .collapse-pop {padding: 20px;}

	#screen_2_3_70 .tab-screen .clickable .click-btn { padding: 5px 20px 5px 12px; font-size: 16px; }
	#screen_2_3_70 .tab-screen .collapse-pop { padding: 20px; }
	#screen_2_3_70 .tab-screen .clickable .click-btn { height: 55px; }

	#screen_2_4_10 .spot-the-error-image-question .question .email-block {
		position: relative;		
		top: 0px;
		left: 0px;
		font-size: 16px;
		width: 680px;		
		padding: 90px 20px 30px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot-data{
		width: 680px;
		top: 70px;
    	left: 0px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_0{left: 58px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_1{left: 14px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_2{left: 14px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_3{left: 14px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_4{left: 14px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_5{left: 14px;}

	#screen_2_4_10.spot-the-error-image-screen .feedback-container, 
	#screen_2_4_10 .spot-the-error-image-question .feedback-container{
		padding: 20px;
	}

	#screen_2_7_10 .coverflow-screen .pagination-parent { margin-top: 0px; width: 350px; }

	#screen_3_1_30 .tab-container{padding: 10px 0px 20px;}		
	#screen_3_1_30 .tab-screen.image-tab .collapse-pop .img1-cell{		
		margin: 0 auto 20px;
	}

	#screen_3_3_40 .tab-screen.image-tab .clickable .tab-btn{padding: 5px 10px 5px 10px; font-size: 16px; min-height: 55px;}
	#screen_3_3_40 .tab-screen.image-tab .collapse-pop .img1-cell{margin: 0 auto 20px;}

	#screen_3_3_70 .tab-screen {
		position: relative;
		width: 420px;	
		min-height: 670px;	
	}
	#screen_3_3_70 .tab-screen .parent-div{padding: 0px 10px 0px 65px;}
	#screen_3_3_70 .tab-screen .parent-div .clickable{padding: 0em 18px 0em 0em;}
	#screen_3_3_70 .tab-screen .parent-div .clickable .click-btn{width: 104px; font-size: 14px; height: 30px;}
	#screen_3_3_70 .tab-screen .tab-pop{padding: 40px 60px 40px 110px; font-size: 30px;}
	#screen_3_3_70 .tab-screen .tab-pop-0{font-size: 40px;}
	#screen_3_3_70 .tab-screen .tab-pop .display-flex{min-height: 490px;}
	#screen_3_3_70 .tab-screen .tab-pop .emoji{width: 100px; margin: 40px 10px 10px 10px;}

	#screen_3_3_80 .poster-div .point .num{
		width: 54px;
		height: 54px;
		border-radius: 8px 30px 8px 8px;
		font-size: 30px;
	}

	#screen_3_2_40 .mcq-mrq-question .question .que-options .option-item {
        border-radius: 20px;
        margin: 10px;
    }
	#screen_3_2_40 .mcq-mrq-question .question .que-options {
        display: flex;
        flex-wrap: wrap;
        width: auto;
        margin-left: auto;
        flex-direction: column;
    }
	#screen_3_2_40.mcq-mrq-screen .feedback-container .correct, #screen_3_2_40.mcq-mrq-screen .feedback-container .last-attempt {
        margin: 20px;
    }

	#screen_3_2_60 .tab-screen .clickable .click-btn { padding: 5px 20px 5px 12px; font-size: 16px; }
	#screen_3_2_60 .tab-screen .collapse-pop { padding: 20px; }
	#screen_3_2_60 .tab-screen .clickable .click-btn { height: 55px; }

	#screen_3_4_20 .tab-screen .clickable .click-btn { padding: 5px 20px 5px 12px; font-size: 16px; }
	#screen_3_4_20 .tab-screen .collapse-pop { padding: 0px; }
	#screen_3_4_20 .tab-screen .collapse-pop .mobile-popup-content { padding: 20px; }
	#screen_3_4_20 .tab-screen .collapse-pop .mobile-popup-content img{ margin-bottom: 20px; }
	#screen_3_4_20 .tab-screen .clickable .click-btn { height: 55px; }

	#screen_3_5_40 .note-panel{
		position: relative;
		width: 300px;
		top: auto;
		left: auto;
		margin: 20px auto;
	}
	#screen_3_5_40 .note-panel .text-panel{
		font-size: 20px;
		top: 50px;
		left: 50px;
		width: 210px;
	}

	#screen_3_5_60 .tab-screen .clickable .click-btn { padding: 5px 20px 5px 12px; font-size: 16px; }
	#screen_3_5_60 .tab-screen .collapse-pop { padding: 20px; }
	#screen_3_5_60 .tab-screen .collapse-pop .mobile-popup-content { padding: 20px; }
	#screen_3_5_60 .tab-screen .clickable .click-btn { height: 55px; }
	
	#screen_4_1_20 .tablet-panel .t-title{font-size: 20px; margin-bottom: 16px;}
	#screen_4_1_20 .tablet-panel{padding: 0px;}
	#screen_4_1_20 .bottom-bar{padding: 20px;}
	#screen_4_1_20 .instr-txt.exit{padding: 20px;}
	
}
@media screen and (max-width: 680px) {
	#screen_2_4_10 .spot-the-error-image-question .question .email-block {
		position: relative;		
		top: 0px;
		left: 0px;
		font-size: 16px;
		width: 480px;		
		padding: 80px 20px 30px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot-data{
		width: 480px;
		top: 80px;
    	left: 0px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_0{left: 58px; top: -3px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_1{left: 14px; top: 73px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_2{left: 14px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_3{left: 14px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_4{left: 14px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_5{left: 14px;}

	#screen_3_3_80 .poster-div .inner-panel{padding: 20px 26px 10px;}
	#screen_3_3_80 .poster-div .point{flex-flow: column nowrap;}
	#screen_3_3_80 .poster-div .point .text{width: 100%;}

	
}
@media screen and (max-width: 480px) {
	#screen_2_4_10 .spot-the-error-image-question .question .email-block {
		position: relative;		
		top: 0px;
		left: 0px;
		font-size: 16px;
		width: 320px;		
		padding: 50px 20px 30px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot-data{
		width: 320px;
		top: 50px;
    	left: 0px;
	}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_0{left: 58px; top: -3px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_1{left: 14px; top: 95px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_2{left: 14px; top: 218px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_3{left: 14px; top: 255px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_4{left: 14px; top: 282px;}
	#screen_2_4_10 .spot-the-error-image-question .question .hotspot_5{left: 14px; top: 324px;}

	#screen_2_5_20 .coverflow-screen .pagination-parent { width: 350px; }
	#screen_2_5_20 .coverflow-screen .swiper-pagination .swiper-pagination-bullet { width: 22px; height: 22px; }
	#screen_2_5_20 .coverflow-screen .swipe-nav .clickable-next .swiper-btn, 
	#screen_2_5_20 .coverflow-screen .swipe-nav .clickable-back .swiper-btn { height: 40px; width: 40px; }

	#screen_3_1_30 .tab-screen.image-tab .collapse-pop .img1-cell{	
		width: 70%;
		margin: 0 auto 20px;
	}

	#screen_3_3_20 .coverflow-screen .pagination-parent { width: 320px; }
	#screen_3_3_20 .coverflow-screen .swiper-pagination .swiper-pagination-bullet { width: 22px; height: 22px; margin: 0 8px;}
	#screen_3_3_20 .coverflow-screen .swipe-nav .clickable-next .swiper-btn, 
	#screen_3_3_20 .coverflow-screen .swipe-nav .clickable-back .swiper-btn { height: 40px; width: 40px; }

	#screen_3_3_70 .tab-screen {
		position: relative;
		width: 300px;	
		min-height: 460px;	
	}
	#screen_3_3_70 .tab-screen .parent-div{padding: 0px 5px 0px 45px; top: -2px;}
	#screen_3_3_70 .tab-screen .parent-div .clickable{padding: 0em 12px 0em 0em;}
	#screen_3_3_70 .tab-screen .parent-div .clickable .click-btn{width: 76px; font-size: 12px; height: 24px;}
	#screen_3_3_70 .tab-screen .tab-pop{padding: 30px 40px 30px 70px; font-size: 20px;}
	#screen_3_3_70 .tab-screen .tab-pop-0{font-size: 30px;}
	#screen_3_3_70 .tab-screen .tab-pop .display-flex{ min-height: 340px;}
	#screen_3_3_70 .tab-screen .tab-pop .emoji{width: 70px; margin: 40px 10px 10px 10px;}
}