@media (max-width: 991px) {
	
	
	.progress-radial {
		margin-right: 0%;
	}
	.resultBottomTxt p {
		text-align: center !important;
	}
	.verticalTabContent {
		display: none;
	}
	.tabs-left>li:first-child {
		border-top-right-radius: 10px;
	}
	.tabs-left>li:last-child {
		border-bottom-right-radius: 10px;
	}
	.pageContent .tabs-left>li.visited>a {
		outline: none;
	}
	.pseudoAccordion {
		display: block;
	}
	.pseudoAccordion.open.active {
		display: block;
	}
	.pageContent .tabs-left>li.active>a {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.right-menu-style {
		display: none;
	}
	.down-menu-style {
		display: block;
	}
	.verticalTabs .verticalTabContent .tab-pane.active h4 {
		padding-left: 15px;
	}

	.horizontalTabContent {
		display: none;
	}
	.pageContent .tabs-left>li>a {
		border-radius: 10px;
	}
	
	.nav-tabs.nav-justified>li {
		padding: 0;
		float: left;
	}
	.nav-tabs.nav-justified>li>a {
		margin-top: 2px;
		border-radius: 6px;
	}
	.nav-tabs.nav-justified>li.active>a,
	.nav-tabs.tabs-left>li.active>a {
		margin-top: 2px;
		border-radius: 6px 6px 0 0;
	}
	.nav-tabs.nav-justified>li:last-child {
		margin-bottom: 10px;
	}
	.resultContainer .resultBottomTxt {
		margin-top: 0;
		margin-bottom: 40px;
	}
	.nav-tabs.nav-justified>li>a {
		padding: 5px 35px 8px 25px
	}
	.nav-tabs.tabs-left>li>a {
		border-radius: 6px;
		padding: 5px 35px 8px 25px
		
	}
	.carousel-control {
		height: 40px;
		width: 40px;
	}
	.carousel-control .icon {
		height: 30px;
		width: 30px;
	}
	.progress-radial .overlay {
		font-size: 30px;
	}
	.progressQuiz .progress-radial {
		height: 190px;
		width: 190px;
		left: 0%;
		margin-left: 0em;
		float: none;
		display: inline-block;
	}
	.progressQuiz .overlay {
		height: 168px;
		width: 168px;
	}
	.logo img {
		position: absolute;
		width: 95%;
	}
	.floatRightParent>div {
		margin-left: 6px;
	}
	.headerIcon,
	.floatRightParent>div.dropdownCol {
		height: 35px;
		width: 35px;
		font-size: 0.8em;
		line-height: 36px;
	}
	.hamburgerMenu.headerIcon span.navCloseMenu{
		line-height: 30px;
		float: left;
	}
	.icon1 {
		width: 30px;
		height: 35px;
	}
	.floatRightParent>div {
		height: 36px;
	}
	.iconHeader {
		width: 35px;
		height: 35px;
	}
	/* .footericon {
		width: 35px;
		height: 35px;
	} */
	
	.headerIcon {
		height: 36px;
	}
	.playerAudioProgress .progress {
		margin-top: 18px;
		margin-bottom: 0;
	}
	#borderAudio {
		height: 33px;
		width: 33px;
		top: 1px;
	}
	#borderAudio .footericon {
		/* height: 20px;
		width: 20px;*/
		top: 2px; 
	}
	#borderAudio .glyphicon-repeat .footericon {
		left: 1px;
		height: 20px;
		width: 20px;
		top: -1px;
	}
	#borderAudio .footericon.icon-play-button-2 {
		height: 21px;
		width: 34px;
		margin-top: 3px;
	}
	.hotspot_square .hotspotSearchSquare,
	.hotspot_circle .hotspotSearchCircle {
		height: 40px;
		width: 50px;
		line-height: 37px;
	}
	.splashPage .page_template_title {
		border-right: none;
	/* 	border-bottom: 1px solid #66737f */;
	}
	.page_template_title h2 {
		/* margin-bottom: 0; */
	}

	.FinishedAttemptFooter {
		position: relative !important;
	}
	.assessment-splash p.timer{
		margin-top: 20px;
	}
	.sequenceBuilder .panel-default {margin: 2%;width: 46%;}
}


@media (max-width: 769px) {
	/* body{display:none} */
	.resultBottomTxt {
		margin-bottom: 40px;
	}
	.text_sequence_buildup .sequenceBuilder .highlighter {
		min-height: 358px;
	}
	.footer #buttonDisplayEditor {
		display: block;
		margin-top: 15px;

	}
	.inversion .withWatermark::before {
		display:none;
	}
	.flipParentContainer .flip-container {
		width: 48.5% !important;
	}
	
	
	
	
	
}
@media (max-width: 768px) {
	.progressQuiz { 
  float: unset;
}
	.titleDescription.finishedAttempts, .maxattempt_svg {
    top: 33%;
}
.titleDescription.finishedAttempts {
    top: 37%;
}

	.multipleSelect .options { 
  margin-top: 10px;
}
	#contentBlock.itIsResultPage .titleBar .titleDescription .resultContainer { 
  padding-right: 0;
}
	.progressQuiz { 
  padding-right: 0;
}
	.titleDescription.finishedAttempts h2 {
  text-align: center !important;
}
 .sequenceBuilder .panel-default {
  margin: 0%;
  width: 50%;
  margin-bottom:20px;
}	 
.resultCenter h2, .titleDescription.finishedAttempts p{text-align: center !important;}
.resultCenter
{
	top: 50% !important;
position: sticky;
transform: translate(0,-25%);
}
.maxattempt_svg { 
  margin: 0px auto;
  float: unset;
}
	.FinishedAttemptFooter {
  position: absolute !important;
  width: 96%; 
}
 .itIsResultPage .resultCenter{padding: 0}
	.progressQuiz {
	  width: inherit;
	}
	.splashImageActive.inversionOn .template-Splash .slashIntroduction {
    width: 90%;
    margin: 5%;
}
	.slashIntroduction{padding: 20px;width: 100%;margin-top: 5%;border-radius: 10px;}
	.splashPage .page_template_title h2{
	font-size: 110% !important;
	line-height: 28px;
	margin-bottom: 10px;
} 
.slashIntroduction .subtitleBar {padding:0}
	.slashIntroduction .headerTitle {
		display: block;
		margin-bottom: 25px;
		width: 100%;
		text-align: left;
		padding:0;
		height: auto;
		
	}
	.fullscreenVideo {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 100%;
}
.spashScreen .logo.introLogoMobile{display:block !important}
.spashScreen .showForMobile.logo.courseHeaderForLogo{display:none !important}
	.hideForMobile{display:none !important}
	.showForMobile{display:block}
	.logo.footerLogoParent{display:none !important}
	
	.tab-template .pseudoAccordion .tabContent .tab-img .accordionImg{padding: 0px 18px;}
	.logo img {
		width: auto;
	}
	.footer .row {
		margin: 0px -15px;
	}
	.header .container {
		padding: 0px;
	}
	/* ------ */
	div.logo,
	.headerTitle {
		padding-top: 0px;
	}
	.transcriptLayerWrap {
		min-width: 50%;
	}
	.footer {
		padding: 3px;
	}
	.windowWrap {
		padding: 0;
	}
	.audioClass {
		padding-left: 15px;
		padding-right: 15px;
	}
	.carousel-control .icon {
		height: 35px;
		width: 35px;
	}

	.hideLogoForMobile {
		width: 25%;
	}
	.headerTitle {
		width: 43%;
	}
	.logo img {
		width: auto;
	}
	.resultContainer .resultBottomTxt h2 p {
		font-size: 30px;
	}
	.carousel-control {
		height: 35px;
		width: 35px;
	}
	.carousel-control .icon {
		height: 25px;
		width: 25px;
		top: 1px;
	}
	.FinishedAttemptFooter .exitBtn,
	.FinishedAttemptFooter .retakeBtn,
	.FinishedAttemptFooter .replayBtn {
		float: right;
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.subMenu {
		top: 60px;
		padding-top: 6px;
	}
	.startCourseBtn {
		background: transparent;
		border-radius: 20px;
		padding: 2px 20px;
	}
	.template-Splash #buttonDisplayEditor {
		display: none
	}
	.spashScreen .mobileFooter.footer #buttonDisplayEditor {
		display: block;
		/* top: 0px; */
		margin-top: 4px;
	}
	.passMarkParent{
		text-align: right;
	}
	.passMark {
    display: inline-block;
}
.transparentWrapper {
    background: #000;
}
	#buttonDisplayEditor {
		position: relative !important;margin-top: 35px;
	}
	

	 .left.textOverlayTemplate::after{left: 0; width: 100%}
    .right.textOverlayTemplate::after{right: 0; width: 100%}
    .center.textOverlayTemplate::after{left: 0; width: 100%}

    .left.textOverlayTemplate{width: 100%;padding-right: 20px;}
    .right.textOverlayTemplate{width: 100%; padding-left: 20px;}
    .center.textOverlayTemplate{width: 100%}
	#returnToQuesBtn.startCourseBtn {
		padding-bottom: 2px;
	}
	.returnToQuesBtnparent {right: 24px;}
	
	.interactive-video-quiz .quizbg {
		position: fixed;
		z-index: 999;
		width: 84%;
		left: 0;
		box-sizing: border-box;
		margin: 2% 8%;
		max-height: 95%;
		overflow: auto;
}
.plybg {
    width: 35px;
    height: 35px;
	
}
.firsttitlebx .title {
    font-size: 16px;
    padding: 20px;
}
.firsttitlebx {
    left: 50%;
    top: 50%;
    width: auto;
    margin-left: -50px;
    margin-top: -27px;
}
#playerHolder #timer{font-size: 13px;
margin-top: 0px;}
#interactivityHolder .custom-syavv.col-sm-5 {
    position: fixed;
    margin: 2%;
    width: 88%;	
	overflow: auto;
	top:37px;
}

.hotspotClick .title p{margin: 0;}
.hotspotPopupContent {
    width: 100%;
    max-width: 100%;
}
.bodyWrapper{overflow-x: hidden;}
.quizimage{margin-bottom: 10px;}

#interactivityHolder .custom-syavv{position: fixed;width: 90%;margin: 2%;}

.firsttitlebx .title {
    width: 35px;
    height: 35px;
    padding: 0px;
}

.firsttitlebx .plybg {
    padding: 0;
    width: 35px;
    margin: 0;
    line-height: 0;
}
#buttonDisplayEditor .startCourseBtn {
    
    padding: 4px 20px 5px;margin-top: 0px;
}
.classFooterRow .startCourseBtn.template_start_time {
  line-height: 18px;
}
}
@media (max-width: 767px) {
	#InsertionModal .submitBtnContainer {  
    margin-top: 20px;
}

	.sequenceBuilder.sequenceBuildup { 
  margin-right: 0px;
  margin-left: 0px;
}
	.FinishedAttemptFooter { 
  width: 100%;
  left: 0;
  padding-left: 10%;
  padding-right: 10%;
  top: unset;
}
	.passMarkParent {
  text-align: center;
}
	#interactivityHolder .custom-syavv{
		transform: translateY(0);
		left: 5% !important;
		right: 5% !important;
		width: 90% !important;
	}
	
	#interactivityHolder .hotspotCloseButton .clsbtn { background: #fff; color: #2c3a47; margin-top: 5px; margin-right: 3px;}
	
	#buttonDisplayEditor .startCourseBtn { padding: 3px 20px 3px;}
	
#interactivityHolder .interactive-video-quiz .quizbg{transform: initial;top: 15px !important;height: 84% !important;}
	.hotPopClose {display:block}
	/* .flipParentContainer .flip-container:nth-child(2), .flipParentContainer .flip-container:nth-child(4), .flipParentContainer .flip-container:nth-child(6), .flipParentContainer .flip-container:nth-child(8), .flipParentContainer .flip-container:nth-child(10), .flipParentContainer .flip-container:nth-child(12), .flipParentContainer .flip-container:nth-child(14), .flipParentContainer .flip-container:nth-child(16), .flipParentContainer .flip-container:nth-child(18), .flipParentContainer .flip-container:nth-child(20){
		margin-right:0px;
	} */
	.modal-dialog {
		top: 9%;
	}
	.slashIntroduction{padding: 20px;width: 100%;margin-top: 5%;border-radius: 10px;}
	.inversionOn .slashIntroduction{width: 90%;}
	.returnToQuesBtnparent {
    top: 59px;
}
	.dropdownCol span {
		margin-right: 6px;
	}
	.Nav-headerHomeIcon .icon-homeHeader{
		padding: 2px;
	}
	.Nav-headerHomeIcon span {
		font-size: 16px !important;
	}
	.hideTranscript {
		left: 6px;
		padding: 16px 5px 3px 2px;
		width: 42px;
	}
	.imageHolderParent .imageHolder{text-align:center;}
.hideTranscript::before {
top: 3px;

left: 35px;
}
	.classFooterRow svg{
		padding:1px;
	}
	.transcriptBtn svg{
		padding:2px;
	}
	.custom-menu {
		margin: 0
	}
	
	.resultBottomTxt h2 {
		font-size: 95% !important;
	}
	#sortable span svg {
		height: 21px;
	}
	.nav-tabs.nav li h3 {
		font-size: 90% !important;
	}
	.submitAssesment {padding: 8px 20px 8px 20px;}
	.accordion-tab .icon.icon-minus, .accordion-tab .icon.icon-reveal {
		margin-top: 0px;
	}
	.optionHolder li label.css-label {
		padding-top: 8px;
		padding-bottom: 9px;
		font-size: 90% !important;
	}
	.nav-tabs.tabs-left > li > a {
		padding: 8px 35px 8px 12px
	}
	.glyphicon-pause.visibleIcon{
		margin-top: 0px;
	}
	.progress-radial {
		margin: 0px
	}
	/* .flipper .templateAudio .progress {
		width: 80%;
	} */
	#contentBlock {
		padding: 10px 10px 20px !important;
	}
	.text_sequence_buildup .sequenceBuilder .highlighter {
		min-height: 357px;
	}
	#accordion .panel-title.active h3 {
		color: #fff
	}
	.outer,
	.header {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.floatRightParent .dropdown-menu {
		margin: 0;
		left: auto;
		padding: 0;
		min-width: 32px;
		top: 46px;
		right: 0px;
		
		width: 25px;
		box-shadow: inherit;
		border: 0;
		border-radius: 6px 6px 0 0;
		width: 230px;
	}
	.resultBottomTxt p {
		text-align: center !important;
	}
	#exitBtn,
	#retakeBtn,
	#replayBtn {
		width: 100% !important;
		margin-right: 0;
		font-size: 90% !important;
		padding: 4px;
	}
	/*.btn+.btn {
		margin-top: 5px;
	}*/
	.subtitleBar {
		margin-top: 0% !important;
	}
	.topicProgressDiv .progressStatus {
		padding-top: 2px;
		display: inline-block;
	}
	.dropdownCol.customTooltip {
		line-height: 20px;
		margin-right: 5px;
	}
	.iconHeader.icon-menu_right {
		transform: rotate(90deg);
	}
	

	.optionsMenu .close {
		width: 36px;
		height: 40px;
		background: #1d2934 !important;
		border-radius: 10px 10px 0 0;
	}
	.lightTheme .optionsMenu .close, .lightTheme .dropdown-menu::after {
		background: #fff !important;
	}
	.dropdown-menu::before {
		right: 20px;
		top: -15px;
	}
	.floatRightParent .dropdown-menu {
		border-radius: 6px 0px 0 6px;
		padding-bottom: 3px;
	}
	.icon-cancel1::before {
		position: absolute;
		left: 11px;
		top: 9px;
		font-size: 14px;
	}
	
	#buttonDisplayEditor {
		margin-top: 0px;
	}
	.progress {background-color: #fff;box-shadow: inherit;}
	#buttonDisplayEditor{
		padding-right: 10px;
	}
	.custom-menu, .transcriptLayerWrap {
    border-radius: 0px;
}
.dropdown-menu #mo-1 {
	margin-top: -40px;
	margin-right: 0px;
}
.dropdown-menu {right: 5px;top: 57px;}
.dropdown-menu:after {
	top: -18px;
right: 0px;
display: block;
	}
#singleSelectModal .modal-body .imageHolder, #multipleSelectModal .modal-body .imageHolder, #quizModal .modal-body .imageHolder {
    margin-bottom: 20px;
}	
.activeLiParent .custom-menu{
	width: 110px;
}
#buttonDisplayEditor{
	width: 88px;
}
.assessment-splash  #buttonDisplayEditor{
	bottom: 0;
	width: 100%;
	margin-top: 40px;
	
}
.TopicTemplate{
	padding: 16px !important;
}
.quizDiv.menu-item-container {
    width: auto;
}
	.modal-header .close {padding: 19px 22px 13px 14px;}
	.activeLiParent span.InnerTxt {
		display: none;
	}
	.activeLiParent .mobileArrow {
		display: block;
	}
	.activeLiParent .pull-right.modules {
		display: none;
	}
	.navbtn1 {
		width: 8%;
		margin: 0px 10px;
	}
	.playerChildOne.navAudiobtn {
		width: 55%;
	}
	.playerChildThree {
		width: 25%;
		padding-right: 10px;
	}
	.navbtn2 {
		width: 44%;
	}
	.logo img {
		width: auto;
	}
	.playerAudioProgress {
		position: absolute;
		top: -17px;
		width: 100%;
		left: 0;
	}
	.customTooltip.playerAudioProgress {
		width: 100%;
		top: -7px;
	}
	.progress {
		height: 10px;
		border-radius: 0;
		margin-top: -16px;
	}
	.playerAudioProgress .progress {
		margin-top: 7px;
		border-radius: 0;
	}
	.footer {
		padding: 7px 0;
	}
	.icon1 {
		width: 34px;
		height: 34px;
	}
	.footericon.icon-audio_on,
	.footericon.icon-mute {
		width: 35px;
		margin-left: 10px;
		margin-right: 14px;
	}
	#borderAudio .footericon {
		height: 25px;
		width: 25px;
		top: 0px;
	}
	#borderAudio .footericon.icon-play-button-2 {
		height: 22px;
		width: 32px;
		left: 0;
	}
	#borderAudio .glyphicon-repeat .footericon {
		height: 18px;
		width: 26px;
		top: 2px;
	}
	.template-Topic #borderAudio .glyphicon-repeat .footericon {
		top: 3px;
	}
	#borderAudio {
		top: 0px;
	}
	.navbtn5_2 {
		width: 50%;
	}
	.mobileArrow .Carousel-Right {
		width: 22px;
		margin-bottom: 8px;
	}
	/* .custom-menu.col-lg-2 {
		width: 50%;
	} */
/* 	.activeLiParent .custom-menu.col-lg-2 {
		width: 25%;
	} */
	/*    #langSelDropDown {
    margin-top: 10%;
    margin-bottom: 20px;
	
} */
	.windowWrap,
	.splashPageBackground {
		border-radius: 6px;
	}
	.selectLangBox {
		padding: 25px 15px;
		margin: 2% auto 0 auto;
	}
	.multipleSelect .pull-left,
	.singleSelect .pull-left {
		padding-right: 0px;
	}
	#contentBlock {
		padding: 14px 10px 0px !important;
		border-radius: 6px;
		overflow-x: hidden;
		min-height: 185px;
	}
	.flip-container {
		padding-left: 15px;
	}
	#langBoxInner {
		width: 100%;
	}
	.volumeRocker .icon-audio_on,
	.volumeMute .icon-mute {
		margin: 3px 6px 0 11px;
	}
	.quizTopic span.InnerTxt {
		display:none
	}
	#contentBlock{
		border-radius:0;
	}
	.windowWrap {
		border-radius:0;
	}
	.playerAudioProgress .progress {
		margin-top: 2px;
		height: 5px;
	}
	.transcriptLayerWrap {
		margin: 0 !important;
	}
/* .carousel-control{
	visibility: hidden;
} */

#myCarousel {
    margin-bottom: 20px;
}
.clscarousel .col-md-12.dynamicPadding{
	padding: 0;
}
.hideMenuSlide {
	width: 42px;
}	
.headerCloseBtn {
    margin-left: 1px;
}
.menu-cancel {
    width: 29px;
    height: 20px;
}
.headerIcon {
    margin-left: 0px;
	margin-top:0;
}
.iconHeader {
    width: 28px;
	vertical-align: unset;
}
.splashPage p.timer{
	padding:0;
	margin: 10px 0;
}
.template_duration {
    padding-left: 5px;
}
  .splashPage .titleName div, .splashPage .titleDescription span.col-xs-12{
	padding:0;	
	border: 0;
}

	.outer,
	.header {
		padding-right: 15px;
		padding-left: 15px;
	}
.allTopIcon .clickable.swithcToggle {
   margin-right: 3px;
margin-left: 4px;
}

span, p, .btn{
	/* font-size: 90% !important; */
} 
#buttonDisplayEditor p {
	margin-right: 20px;
	padding-top: 3px;
}
.subMenu .pages .moduleName {
    width: 85%;
}
.page_template_title h2{
    font-size: 110% !important;
	margin-bottom: 10px;
}
.titleName h2{
	font-size: 114% !important;
}
.TopicCpation h3.topicName {
    font-size: 100% !important;
}
.durationSlice {
	padding: 2px 0 1px 5px;
}
#contentBlock .durationSlice svg.icon.icon-clock-o{
	padding-bottom: 10%;
}
.titleBar .durationText {
    padding: 4px 10px 4px 5px;
}
.spashScreen .mobileFooter.footer #buttonDisplayEditor{
	margin-top:0px;
}
.template-Splash .subtitleBar, .template-Splash .titleDescription{
	padding:0;
}
.template-Splash .subtitleBar {
    margin-bottom: 0px;
}
.menuCustomWidth .headerHomeIcon {margin-left: 5px;}
.thumbnail .topicDuration {padding: 2px 15px;}
#accordion .panel-title > div {
    padding: 8px 15px;
}
.titleName .icon.icon-clock-o{
	padding-bottom: 1%;
}
.allTopIcon .fontIncrement svg.icon-font_size {
    width: 24px;
}
.floatRightParent svg.icon-contrast {
    width: 18px;
}
.classFooterRow .progress.disabled{
	background-color: transparent;
}
.sequenceBuilder .panel-default {
	padding-right: 0;
	padding-left: 0;
}
.floatRightParent.allTopIcon{
	width: 25%;
}
#contentBlock.withWatermark::before
{
	right: 5%;
bottom: 65px;
width: 150px;
height: 150px;
}
.imageLeftText{padding:0px}
.xsTop15{margin-top:15px;}
.xsPadding0{padding:0px}

.returnToQuesBtnparent {
    right: 2px;
}

.hvr-wobble-horizontal .icon-play_new {   width: 20px;}
.flipParentContainer .flip-container {
		width: 98% !important;
		padding: 0;
	}
	
.returnToQueIns {
    width: 100%;padding: 2px;font-size: 15px;
}
.returnToQueBtnWrapper {
	width: 100%;
	text-align: center !important;
}
.topPannelReturnToQue	
{
	z-index: 9;
	padding-bottom: 10px !important;
}
.returnToQuesBtnparent.pull-right {
    float: none !important;
}
#returnToQuesBtn {
    font-size: 14px !important;
    margin-top: 2px;
}

.playerChildThree.GeneralFooterReturnQue{padding-right:0;margin-top: 0;margin-right:10px;}

.hotspotContainer .parentCenterDiv {display: block;}
.hotspotContainer .templateAudio {    padding: 10px 10px 0 10px;}
.hotspotContainer .progress {  width: 90% !important;}
.parentContainer .titleDescription { padding: 10px 10px;}

.sequenceBuilder .panel-default {margin: 12px;width: auto;}
.sequenceBuilder .panel-default.sequence_buildup {margin: 10px 0%;width: 100%;}
.pageContent .tab-pane .tabContent, .pageContent .pseudoAccordion.active .tabContent {
    padding: 0px 10px;
}
.hotPopData.arrowLeftTop:after, .hotPopData.arrowLeftTop:before, .hotPopData.arrowLeftBottom:after, .hotPopData.arrowLeftBottom:before, .arrowRightTop:after, .arrowRightTop:before, .arrowRightBottom:after, .arrowRightBottom:before{
	display: none;
}
#buttonDisplayEditor .startCourseBtn {
    padding: 4px 20px 5px;
}
.hideLogoForMobile .logo.footerLogoParent{display:none !important}
}
@media (min-width: 425px) and (max-width: 767px) {
	.sequenceBuilder .highlighter{min-height:690px;max-height:690px}
	.image_sequence_buildup.sequence_buildup {
    max-height: 690px;
}
.scenario-intro{flex-direction: column;}
}
@media (min-width: 421px) and (max-width: 435px) {
	.headerTitle {
    width:700 40%;
}
.floatRightParent.allTopIcon {
    width: 36%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
	
	
	.flipParentContainer .flip-container:nth-child(2), .flipParentContainer .flip-container:nth-child(4), .flipParentContainer .flip-container:nth-child(6), .flipParentContainer .flip-container:nth-child(8), .flipParentContainer .flip-container:nth-child(10), .flipParentContainer .flip-container:nth-child(12), .flipParentContainer .flip-container:nth-child(14), .flipParentContainer .flip-container:nth-child(16), .flipParentContainer .flip-container:nth-child(18), .flipParentContainer .flip-container:nth-child(20), .flipParentContainer .flip-container:nth-child(22), .flipParentContainer .flip-container:nth-child(24), .flipParentContainer .flip-container:nth-child(26){
		margin-right:0px;
	}
	
	.flipParentContainer .flip-container:nth-child(3), .flipParentContainer .flip-container:nth-child(5), .flipParentContainer .flip-container:nth-child(7), .flipParentContainer .flip-container:nth-child(9), .flipParentContainer .flip-container:nth-child(11), .flipParentContainer .flip-container:nth-child(13), .flipParentContainer .flip-container:nth-child(15), .flipParentContainer .flip-container:nth-child(17), .flipParentContainer .flip-container:nth-child(19), .flipParentContainer .flip-container:nth-child(21), .flipParentContainer .flip-container:nth-child(23), .flipParentContainer .flip-container:nth-child(25), .flipParentContainer .flip-container:nth-child(27){
		clear:both
	}
	
	.volumeRocker .icon-audio_on,
	.volumeMute .icon-mute {
		float: left;
		margin-top: 3px;
		margin: 4px 6px 0 18px;
	}
	.playerChildThree {margin-top: 6px;}
	.playerChildOne.navAudiobtn {
		width: 16%;
	}
	
	
	.hotspotContainer .parentCenterDiv {
    display: inline-block;
}
.navopen {width: 155px;}
}

@media (max-width: 320px) {
	.headerBackBtn {
		margin-left: 5px;
	}
	.containerParent {
		padding-right: 5px;
		padding-left: 5px;
	}
	.tooltipCustom {
		font-size: 19px;
	}
}
@media (min-width: 767px) {
	.windowWrap {
		padding: 8px;
	}
	#buttonDisplayEditor p {
		margin-right: 20px;
	}
	.clsinteractiveVideo video{
		/*max-height: 560px;*/
		max-width: 85%;
	}
	.clsvideoOnly video{
		max-height: 450px;
		max-width: 85%;
	}
	
	.videoPodcast {
		max-width: 85%;
		margin: 0 auto;
		clear: both;
		float: none;
	}
	.menuOptionsModal .imageHolder .copyRightLi svg.icon, .menuOptionsModal .imageHolder .helpLi svg.icon {
    margin-left: 4px;
	}
}

@media only screen and (min-device-width: 760px) and (max-device-width: 770px) {
	#retakeBtn {
		margin-right: 10px;
	}
}



@media (min-width: 769px) {
	.slashIntroduction .headerTitle{display:none !important}
	.clickAndReveal .visibleTemplateAudioIcon {
		width: 6%;
	}
	.flipImgButtonParent .visibleTemplateAudioIcon, .sequence_buildup .visibleTemplateAudioIcon{
		width: 6%;
	}
	.verticalTabContent .visibleTemplateAudioIcon {
		width: 3%;
	}
	.horizontalTabContent .visibleTemplateAudioIcon {
		width: 2%;
	}
	#accordion .visibleTemplateAudioIcon {
		width: 2%;
	}
	.flipParentContainer .flip-container:nth-child(3), .flipParentContainer .flip-container:nth-child(6), .flipParentContainer .flip-container:nth-child(9), .flipParentContainer .flip-container:nth-child(12), .flipParentContainer .flip-container:nth-child(15), .flipParentContainer .flip-container:nth-child(18), .flipParentContainer .flip-container:nth-child(21), .flipParentContainer .flip-container:nth-child(24), .flipParentContainer .flip-container:nth-child(27) {margin-right:0}
	
	.flipParentContainer .flip-container:nth-child(4), .flipParentContainer .flip-container:nth-child(7), .flipParentContainer .flip-container:nth-child(10), .flipParentContainer .flip-container:nth-child(13), .flipParentContainer .flip-container:nth-child(16), .flipParentContainer .flip-container:nth-child(19), .flipParentContainer .flip-container:nth-child(22){clear:both}
	
	.spashScreen .navbtn2 {
		width: 100%;
	}
	.passMarkParent .passMark{
	display: inline-block;
}
.passMarkParent{
	text-align: right;
}
.menuOptionsModal .imageHolder{
	width: 30%;
}
.left.textOverlayTemplate::after{left: 0; width: 50%}
.right.textOverlayTemplate::after{right: 0; width: 50%}
.center.textOverlayTemplate::after{left: 0; width: 100%}

.left.textOverlayTemplate{width: 50%;padding-right: 20px;}
.right.textOverlayTemplate{width: 50%; padding-left: 20px;float: right}
.center.textOverlayTemplate{width: 100%}
.navopen {width: 210px;}
}
@media only screen and (min-width: 767px) and (max-width: 768px) {
	#buttonDisplayEditor p {
		padding-top: 0.5%;
	}
}


@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
	.GeneralFooter {
		padding: 0 15px 0 0!important;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
	.floatRightParent .dropdown-menu {
		right: 0;
	}
	.GeneralFooter {
		padding: 0 15px 0 0!important;
	}
	
}
@media only screen and (min-width: 768px) and (max-width: 1020px) {
	.nav-tabs.nav-justified>li {
		width: 100%;
		clear: left;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.sequenceBuilder .highlighter {
    min-height: 396px; 
    max-height: 408px; 
}
	
	.simulatorDevice .nav-tabs.nav-justified>li {
		width: 100%;
	}
	.text_sequence_buildup .sequenceBuilder .highlighter {
		min-height: 357px;
	}
	#exitBtn{margin-left: 10px;}
	.dropdown-menu {right: 0px;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	
	
	.hotPopClose {display:block}
	.headerIcon, .floatRightParent > div.dropdownCol {
		line-height: 42px;
	}
	.floatRightParent .dropdown-menu {
		right: 0;
		width: 100%;
		height: auto;
	}
	.nav-tabs.nav-justified>li {
		width: 100%;
	}
	.text_sequence_buildup .sequenceBuilder .highlighter {
		min-height: 357px;
	}
	.navbtn1 {
    width: 5%;
}
#playerParent{
	margin-top: 0px;
}
.transcriptBtn svg {
    margin-top: 0px;
    width: 32px;
}
.playerChildThree {margin-top: 3px;}
.pgCounter #pgCounter {
    font-size: 20px;
}
#borderAudio .footericon {
    height: 24px;
    width: 25px;
    top: 0px;
}
.playerAudioProgress .progress {
    margin-top: 16px;
	width: 99%;
}
.volumeMute .icon-mute {
		margin: 3px 6px 0 18px;
	}
	.spashScreen .mobileFooter.footer #buttonDisplayEditor {margin-top: 0px;}
	.footer {padding: 9px 6px;
	}
.volumeRocker .icon-audio_on, .volumeMute .icon-mute {
    margin: 3px 6px 0 18px;
}
.durationSlice .icon.icon-clock-o {margin-top: -1px;}
.topicDuration .icon-clock-o {
    float: left;
    padding: 0px;
    margin-top: -1px;
}
}

@media only screen and (min-device-width: 360px) and (max-device-width: 560px) and (orientation: portrait) {
	#buttonDisplayEditor .startCourseBtn {
		min-height: 30px;
	padding: 2px 20px 2px 20px;
	}
	.transcriptBtn svg, .footericon.icon-next, .footericon.icon-prev{
		padding:2px;
	}
	.playerChildOne svg{
		padding:1px;
	}
	.playerChildThree {margin-top: 4px;}
	.accordion-tab .icon.icon-minus, .accordion-tab .icon.icon-reveal {
		margin-top: 1px;
		padding: 2px;
	}

	
	
}


@media (max-width: 341px) {
	
	.footer .container {
		padding: 0;
	}
	.footer .GeneralFooter {
		padding: 0 5px;
	}
}

@media (max-width: 350px) {
	#langSelDropDown {
		width: 100%;
	}
	.par_mobile0 {
		padding-right: 0px
	}
	#buttonDisplayEditor .startCourseBtn,
	#buttonDisplayEditor p {
		width: 100%;
		margin: 0
	}
	.carousel-control {
		height: 30px;
		width: 30px;
		margin-top: -0.75em;
	}
	.carousel-control .icon {
		height: 20px;
		width: 20px;
		top: -1px;
	}
	.transcriptLayerWrap {
		min-width: 70%;
	}
}


/* Iphone Portrait and Landscape */


@media only screen and (min-width: 300px) and (max-width: 767px) {
	.itIsResultPage .titleBar .titleName h2 {
		text-align: center;
	}
	p.passMark {
		text-align: center;
	}
	.titleBar .titleName {
		text-align: center;
	}
	.titleBar .durationClass {
		/* width: 100%; */
		text-align: center;
		padding: 2px 15px;
	}
	.titleBar .durationText {
    padding: 4px 5px 4px 0px;
    font-size: 16px !important;
}
.durationSlice {
    padding: 2px 0 1px 0px;
}
.durationClass span {
    margin: 0px 2px;
    font-size: 16px !important;
}
#contentBlock .durationSlice svg.icon.icon-clock-o {
    width: 20px;
    /* height: 18px */;
	margin-top: 3px;
}
.durationClass span.durationSlice{margin-right: 0;}
	.resultContainer .resultBottomTxt {
		padding: 0;
	}
	/* .sequence_buildup .templateAudio .progress {
		width: 78%;
	} */
	
	.resultContainer .resultBottomTxt h2 p {
		font-size: 22px;
	}
	.text_sequence_buildup .sequenceBuilder .highlighter {
		min-height: 357px;
	}
.withWatermark:before {
     right: auto;
    width: 100%;
}
.hamburgerMenu{
	margin-left:3px;
}
.menuCustomWidth .headerHomeIcon {
    margin-left: 10px;
}
.pageContent ul li, .pageContent ol li{
	/* font-size: 90%; */
}
.nav-tabs.nav-justified > li > a {
    padding: 6px 35px 6px 15px;
}
.lds-roller {
    margin-top: 68%;
}
.submitBtnContainer .btn.btn-default {
    min-height: 33px;
}
.subMenu {
    top: 56px;
}
.optionsMenu .optionText {padding-top: 13px;}

.flip-container .flipper {
	min-height: auto !important;
}
.hotspotPopupContent{top:5px;left:10px;}



}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.nav-tabs.nav-justified>li {
		clear: left;
	}
	.flipParentContainer .flip-container {
    margin-right: 16px;
}
	.durationSlice .icon.icon-clock-o {margin-top: -1px;}
	/*.templateAudio .progress {
		 margin-top: 10px; 
	}*/
	.topicDuration .icon-clock-o {
		float: left;
		padding: 0px;
		margin-top: -1px;
	}
	.hotspotPopupContent{top:15%;left:30%;}
}

@media (max-width: 1024px) {
	.hotspotContainer .progress {
		width: 80%;
	}
	.marginTop50 {
    margin-top: 60px !important;
}
	
}

@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop,
	.splashPageBackground {
		position: -ms-page;
	}
	/* IE11 */
	*::-ms-backdrop,
	.pageContent {
		display: block;
	}
	*::-ms-backdrop,
	.template-Splash .pageContent {
		display: table;
	}
	*::-ms-backdrop,
	#contentBlock {
		min-height: 100%;
		height: auto;
	}
	*::-ms-backdrop,
	.splashPage {
		display: block;
	}
	*::-ms-backdrop,
	.modal-open .modal {
		margin-bottom: 60px;
	}
	*::-ms-backdrop,
	.front img {
		width: 100%;
	}
	*::-ms-backdrop,
	.feedbackbutton .submitBtnContainer .btn {
		margin-top: -1px;
	}
}

@media only screen and (min-device-width: 440px) and (max-device-width: 700px) and (-ms-high-contrast:none) {
	*::-ms-backdrop,
	.modal-dialog {
		top: 50%;
	}
	
}

@media (max-height: 767px) {
	.selectLangBox {
		margin: 10% auto 0 auto;
	}
	
}

@media (max-height: 376px) {
	/* body{display:none}  */
	.selectLangBox {
		margin: 0% auto 0 auto;
		padding: 15px 5px;
	}
	.selectLangBox .marginBottom30 {
		margin-bottom: 15px;
	}
	.langConti {
		margin-top: 15px;
	}

	.progressQuiz { 
  float: unset;
}
	
}

@media only screen and (max-width: 992px) and (min-width:769px) {
	#borderAudio .footericon {
    top: 1px;
}
#buttonDisplayEditor{
	position: relative;margin-top: 20px;
}

}


@media only screen and (max-width: 768px) and (min-width:420px) {
	#playerParent {
		float: left;
	}
	.playerChildTwo {
		width: 33%;
		float: left;
	}
	.headerBackBtn {
		width: 100%;
	}
	
	
	
}

@media only screen and (min-width: 768px) {
	
	.playerChildTwo {
		width: 12%;
		padding-right: 8px;
		float: left;
	}
	.playerChildOne.navAudiobtn {
		width: 15%;
	}
	.customTooltip.playerAudioProgress {
		width: 80%;
	}
	#borderAudio .glyphicon-repeat .footericon {
		    height: 16px;
    width: 31px;
    margin-top: 0px;
	}
	.playerChildThree {
		width: 14%;
	}
	.navbtn2 {
		width: 82%;
	}
	.template-Topic .navbtn2 {
		width: 100%;
	}
	.pgCounter {
		width: 50%;
	}
	.modal-dialog {
		width: 553px;
	}
	.sortable-modal .feedbackContent {
		min-height: 139px;
		max-height: 199px;
		overflow: auto;
		margin-bottom: 20px;
	}
	.finishedAttempts h2{
		margin-top: 2%;
	}
	
}

@media (min-width: 992px) {
.darkTheme .rightMenuParent .dropdown-menu	{
		-webkit-box-shadow: -5px 5px 5px 0px rgba(204,204,204,0.1);
	-moz-box-shadow: -5px 5px 5px 0px rgba(204,204,204,0.1);
	box-shadow: -5px 5px 5px 0px rgba(204,204,204,0.1);
	}
	.rightMenuParent .dropdown-menu{
		display:table;
		padding: 10px 0 10px 0px;
	}
	.navbtn2 {
		width: 88%;
	}
	.template-Topic .navbtn2{
	width: 100%;
	}
	.playerChildThree {
		width: 10%;
		margin-top: 4px;
	}
	.playerChildOne.navAudiobtn {
		width: 12%;
	}
	.customTooltip.playerAudioProgress {
		width: 83%;
	}
	
	.footericon.icon-audio_on,
	.footericon.icon-mute {
		margin: 3px 10px 0 10px
	}
}

@media (min-width: 1200px) {
	.footericon.icon-audio_on,
	.footericon.icon-mute {
		margin: 2px 20px 0 17px;
	}
}




@media (max-width: 420px) {
	.transcriptBtn svg {
    margin-top: 1px; 
}
	.floatRightParent .dropdown-menu {
		width: 245px;
	}
	.dropdown-menu span.leftContent svg.icon{
		float: none;
	}
	#playerParent .glyphicon-pause.customTooltip{
		    margin-top: 0px;
	}
	.dropdown-menu::after {
		top: -11px;
		right: 0px;
		background: radial-gradient(circle at top right, transparent 15px, #1c2935 10px);
	}
	.dropdown-menu .optionsMenu svg.icon-file-copyright {
		width: 20px;
	}
	.dropdown-menu .optionsMenu svg.icon.icon-help-circle {
		height: 30px;
		margin-left: -6px;
		margin-top: -6px;
		width: 25px;
	}
	.dropdown-menu .optionsMenu svg.icon-id-card-1 {
		margin-left: -4px;
		width: 26px;
		margin-top: -4px;
	}
	.optionsMenu .optionText {padding: 0px 0px;padding-top: 13px;}
	.floatRightParent .customTooltip,
	.floatRightParent .customTooltip,
	.fontIncrement {
		width: 25px;
	}
	.playerChildOne.navAudiobtn {
		width: 50%
	}
	.navbtn2 {
		width: 62%;
	}
	.playerChildThree {
		width: 34%;
	}
	.transcriptBtn .icon1 {
		width: 100%
	}
	.navbtn1 {
		margin-right: 12px;
		margin-left: 12px;
		width: 18%;
	}
	.pgCounter {
		width: 49%;
	}
	.pgCounter #pgCounter {
		margin-top: 2px;
	}
	.volumeRocker,
	.volumeMute {
		margin-right: 14px;
		margin-left: 10px;
	}
	#borderAudio .glyphicon-repeat .footericon {
		height: 26px;
		width: 26px;
		left: 0;
	}
	.footer {
		padding: 8px 0 6px 0;
	}
	#borderAudio .footericon.icon-pause-button,
	#borderAudio .icon-previous-button {
		height: 23px;
	width: 23px;
	top: 0px;
	}
	.playerChildOne .glyphicon-pause.visibleIcon {
		margin-top: 0px;
	}
	#borderAudio .footericon.icon-play-button-2 {
		height: 21px;
	width: 21px;
	left: 2px;
	}
	.Nav-headerHomeIcon {
		margin-left: 5px;
	}
	.headerIcon,
	.floatRightParent>div.dropdownCol {
		width: 26px;margin: 0;
	}
	.floatRightParent svg {
		width: 19px;
		float: left;
	}
	.navbtn1 {
		width: 17%;
	}
	.footericon.icon-audio_on,
	.footericon.icon-mute {
		width: 35px;
		margin-left: 5px;
		margin-right: 14px;
	}
	.allTopIcon .clickable.swithcToggle {
    margin-right: 2px;
    margin-left: 9px;
}
.headerTitle {
    width: 43%;
}
.headerBackBtn {
		width: 33%;
	}
	.pgCounter {
		width: 45%;
	}
	.pgCounter #pgCounter {
		margin-top: 2px;
	}
	#borderAudio .glyphicon-repeat .footericon {
		left: 0px;
	height: 19px;
	width: 22px;
	}
	.headerTitle h3 {
		font-size: .8em;
	}
	.spashScreen .mobileFooter.footer .classFooterRow #buttonDisplayEditor {
    margin-top: 0px;
}
.glyphicon-pause.visibleIcon {
    margin-top: 0px;
}

.customPlayer > div {padding: 4px 1px;}

#playerHolder #playPauseButton svg.icon-pause_new{width: 18px;}

#playerHolder #playPauseButton{margin-right: 5px;}
#playerHolder .customPlayer #timer {    width: 58px;}
#playerHolder .customPlayer .icon-audio_on_new  {    width: 22px;    height: 27px;}
#playerHolder .customPlayer .icon-audio_mute_new  {    width: 22px;    height: 27px;}
#playerHolder .customPlayer .fullscreen  {    width: 25px;}
#playerHolder .customPlayer .customPlayer {padding: 2px 5px 8px 2px;    height: 47px;}

.spashScreen .hideLogoForMobile {
    width: 35%;
}
}

@media (max-width: 380px) {
	.volumeRocker,
	.volumeMute {
		margin-right: 8px;
		margin-left: 0px;
	}
	.navbtn1 {
		margin-right: 0px;
		margin-left: 0;
	}
	.footericon.icon-audio_on,
	.footericon.icon-mute {
		width: 30px;
		margin-left: 10px;
		margin-right: 5px;
	}
	#buttonDisplayEditor {
		padding: 0;
		
		padding-right: 10px;
	}
	.navopen {
		width: 150px;
		background: #1c232a;
		height: 42px;
	}
	.custom-menu .quizDiv div.avgCircle svg {
    height: 35px;
}
}

@media (max-width: 670px) {
	.lightTheme .optionsMenu .close, .dropdown-menu:after {
		/*background: #fff !important;*/
	}
	.darkTheme .optionsMenu .close, .dropdown-menu::after {
    /* background: #1c2935 !important; */
}
	
}
@media only screen and (min-width: 320px) and (max-width: 460px) {
		.floatRightParent.allTopIcon{
		width: 25%;
	}
	.dropdown-menu {width: 303px;right: 0;}
	.durationSlice {
		padding: 2px 0 1px 0px;
	}
	
}
@media (max-width: 325px) {
	.floatRightParent.allTopIcon {
		width: 36%;
	}
	.headerTitle {
		width: 39%;
	}
}
@media only screen and (max-device-width: 769px) and (orientation: portrait) {
	.interactive-video-quiz .quizbg, #interactivityHolder .custom-syavv{
		top: 58px !important;
		left: 0px !important;
		width: 100% !important;
		margin: 0px !important;
		height: 85% !important;
		bottom: 0 !important;
		
	}
	.hotspotPopupContent{
	z-index: 9999 !important;
    top: 58px !important;
    left: 0px !important;    
    overflow-y: auto !important;
    position: fixed !important;
    bottom: 0 !important;
    max-height: 85% !important;
    height: 85% !important;
	border-radius: 0 !important;
	background: white !important;
	
	
	}
	.icon-play_new{
		vertical-align:unset !important;
	}
	.iconHeader.icon-play_new{
		vertical-align:unset !important;
	}
	.iconHeader.icon-down{
		vertical-align:middle !important;
	}
	.hotspotPopupContent .jsonContent {
    max-height: 100%;
    overflow-y: auto;
    padding-left: 8px;
}
}
@media only screen and (max-width: 769px) {
	.interactive-video-quiz .quizbg, #interactivityHolder .custom-syavv{
		top: 55px !important;
		left: 5% !important;
		width: 90% !important;
		margin: 0px !important;
		height: 70% !important;
		bottom: 0px !important;
		overflow-y: auto !important;
		z-index: 9999 !important;
		padding-bottom: 40px !important;
				
	}
	.hotspotPopupContent{
	z-index: 9999 !important;
    top: 15% !important;
    left: 10% !important;
    overflow-y: auto !important;
    position: fixed !important;
    bottom: 0 !important;
    max-height: 60% !important;
    height: 60% !important;
    border-radius: 0 !important;
    background: white !important;
    width: 80% !important;
    padding-bottom: 40px !important;		
	}
	.iconHeader.icon-down{
		vertical-align:middle !important;
	}
}
@media only screen and (max-device-width: 520px) and (orientation: portrait) {
	 .fullscreenVideo #interactivityHolder{
		 height:35%;		 
	 }
	 .fullscreenVideo #videoPlayer{
		height:35%;		  
	 }
	 .fullscreenVideo #playerHolder{
		 bottom:60% !important;
	 }
	 .fullscreenVideo{
		 background:black;
	 }
}
@media only screen and (min-device-width: 521px) and (orientation: landscape) {
	#interactivityHolder{
		 height:99%;		 
	 }
	 #videoPlayer{
		height:100%;		  
	 }
	 #playerHolder{
		 bottom:4px !important;
	 }
	 
}