@media (max-width: 320px) {
	.progress-bar-div .active .circleDiv {
		margin-left: 20px!important;
	}
	.progress-bar-div .active:last-child .circleDiv {
		margin-left: 58px !important;
	}
	.progress-bar-div li span {
		width: 48px!important; 
		font-size: 9px!important; 
	}
	.progress-bar-div .active .circleDiv {
		width: 6px!important;
	}
	.progress-bar-div .active:first-child .circleDiv {
		margin-left: 5px !important;
	}
	.listening-section {
		position: relative;
		left: 25px!important; 
	}
}
  
@media (max-width: 767px) { 
	.commonBox.result_show .btn.btn-sm.green-btn.core-skill-exercise{
		margin: 0 0 15px;
	}
	.commonBox.result_show .green-btn{
		margin: 0 0 15px;
	} 
	.white-bg.border-radius img {
		margin: 0 auto 20px!important;
	}
	.light-bg-div img{ 
		margin: 0 auto!important;
	}
	.tutor-div { 
		display: table;
		margin: 0 auto;
	}
	.response-green-bg .accordion-arrow {
		    margin-top: 2px !important;
	}
	.orange-text-email-response {
    padding: 6px;
}
	.speaking-writing-progressbar .progress-bar-div li:last-child span{
		margin-left: 22px;
	}
	.reading-aloudBox ul li{ 
		font-size:14px;
	}
	.small-text-btn{
		padding: 10px 20px!important;
		font-size: 11px!important;
	}
	.playDiv2 img{
		top: -8px!important;
	}
	#recordButton {
	  float: inherit;
	}
	#stopButton{
		float:inherit;
	}
	.response-green-bg{
		padding: 15px;
		width: 100%;
	}
	#test-simulator-test-book .content{
		padding:0;
	}
	#writing-express-an-opinion  .reading-aloudBox strong {
		padding-left:0px;
		display: table; 
		margin: 0 auto;
	}
	.micTxt{
		text-align:center;
	}
	.greenBtn{
		font-size:14px;
	}
	.row.respond-to-written-request-section .reading-aloudBox strong{
		padding:0;
	}
	.tutor-div-section button.gray-btn{ 
		margin: 10px 0 20px;
	}
	#accordion .tutor-review-list .progress {
		width: 92.6%!important;
	}
	
	#accordion .light-blue-bg .tutor-review-list .progress {
		width: 92.6%!important;
	}
	#accordion .tutor-review-list table {
		width: 900px;
	}
	.exercise-progressbar { 
		width: 100%;
		margin: 0 auto;
	}
	#check_my_answer {
		float: left;
		margin-right: 8px;  
	}
	.core-skill-exercise{
		display:inline-block!important;
	}
	#how_did{
		float: left;
		margin-right: 8px;
	}
	#let-learn-english .commonBox2 .infoBox .infoBox-description h6 {
		font-size: 25px;
	}
	.home-bg .stripBox .logo-img img {
		width: 125px;
		height: auto !important;
	}
	.listening-section {
		position: relative;
		left: 40px;
	}
	.test-page-header { 
		padding-bottom:0px; 
		
	}
	.test-page-header .progress-step{
		text-align:center;		
	}
	.commonBox form table tr td{
		padding: 5px 1px;	
		width: 15px;
	}
	
	.white-bg.s4s-section8 {
		padding: 0!important;
	}
	.btn.green-btn.start{
		margin: 6px 0 !important;
		display: inline-block;
	}
	.btn.green-btn.stop{
		margin: 6px 0 !important;
		display: inline-block; 
	}
	#toTopBtn{
		right: 20px;
	}
	#mockTestTable{
		font-size:12px;
	}
	.mobile-view .dropdown{
		right: 12%;
	}
	.mobile-view .dropdown-item{
		font-size: 12px;
		padding: 5px;
		min-width: 100%; 
	} 
	.mobile-view .dropdown-menu{
		margin: 0 -26px;
	}
	.conversation-check { 
		margin: 5px 0 15px;
	}
	i#readingCheck {
		top: 56px;  
	} 
	.warm-logo img{  
		width: auto; 
	}
	
	.read-txt-aloud-audio audio{ 
		width: 240px;
	}
	.orange-bg-Div .read-txt-aloud-audio audio {
		width: 212px;
	}
	.read-txt-aloud-audio {
		margin: 0 auto;
		display:table;
		padding: 5px;
	}
	
	.mic-Div.mt-4 {
	  text-align: center;

	}
	.mic-Div img{
		float: none; 
		display: table;
		margin: 0 auto !important;
	} 
	.speaking-writing-progressbar .progress-bar-div .active .circleDiv {
		top: 115%;
		margin-left: 18px!important;
	}
	.speaking-writing-progressbar .progress-bar-div .active:first-child .circleDiv{
		margin-left:2px!important;
	}
	.speaking-writing-progressbar .progress-bar-div li:first-child i {
		top:45px!important;
	}
	.speaking-writing-progressbar .progress-bar-div .previous-check:first-child i{
		top:48px!important;
	}
	.speaking-writing-progressbar .progress-bar-div li:last-child i {
		top: 50px!important;
	}
	.speaking-writing-progressbar .progress-bar-div li span{
		font-size:8px !important;
		line-height: 10px; 
		width: 34px;
	}
	.speaking-writing-progressbar .progress-bar-div .active:last-child .circleDiv{
		margin-left: 43px !important;
	}
	
	.speaking-writing-progressbar .progress-bar-div li.active:last-child i{
		top: 46px !important;
	}
	.speaking-writing-progressbar .progress-bar-div li:last-child i{
		margin-right: -10px;
	}
	
	.powerBoxSwMockTest {
		margin-top: 20px; 
	}
	.powerBoxSwMockTest img {
		width: 20px!important;
		float: left!important;  
		margin-right: 4px!important;
	}
	#two-btn-div .pl-0{ 
		padding-left: 15px !important;
	}
	#two-btn-div .pr-0{ 
		padding-right:15px!important;
		text-align:center;
	}
	#two-btn-div .sky-border-btn{
		font-size: 12px;
		margin-top: 10px;
	}
	.playDiv2{
		width: 100%;
		padding: 15px;
	}
	.accordion-arrow{
		right: 25px;
		margin-top: 24px !important;
	}
	.learning-information .card-title{
		font-size: 15px;
	} 
	.accordion-arrow2{
		top: 30px !important;
	}
	.accordion .card-header.collapsed::after { 
		top: 18px;
	}
	.accordion .card-header::after{
		top: 18px;
	}
	#accordion .card{
		padding: 10px;
	}
	.mock-test-results-section .reading-aloudBox {
		text-align: left;
	}
	.mock-test-results-section #accordion .panel-title a {
		font-size: 12px !important;
	}
	.footer-content .green-btn {
		font-size: 11px !important;
		padding: 8px 15px !important;
		display: table;
		margin: 0 auto;
	}
	.commonBox table img{
		width: 100%;
		height: auto;
		margin: 15px auto;
	}
	.response_play_audio1{
		padding: 3px 12px!important;
		font-size: 12px!important; 
	}
	.inner-pages .footer-content {
		margin: 0 5px 25px;
	}
	.blueBtn{
		display:table;
		margin: 10px auto;
	}
	.greenBtn{
		display:table;
		margin: 10px auto;
	} 
	.commonBox2 h3{
		font-size: 15px !important;
	}
	.commonBox h3{
		font-size: 15px !important;
	}
	.inner-pages .green-btn{
		font-size: 14px;
		padding: 8px 25px;
		display: table;
		margin: 0 auto 10px;
	}
	.mock-test-results-section .border-green-btn{
		font-size: 13px;
		display: table;
		margin: 0 auto 15px;
	}
	.response-green-bg-div{
		padding: 30px 22px;
	}
	p {
		font-size: 14px;
	}
	.TestDescriptionBox .listeningDiv h4{
		font-size: 20px;
	}
	.border-green-btn{
		padding: 12px 30px;
		margin: 10px 0;
	}	
	.reading-aloudBox a strong {
		top: 0;
	}
	.writing-results-section  .reading-aloudBox {
		text-align: left;
	}
	#warm-up-section .reading-aloudBox{
		text-align: left;
	}
	#writing-group-section .reading-aloudBox{
		text-align: left;
	}
	.warm-up-notes{
		margin: 40px 15px !important;
	}
	#warm-up-section .mic-Div {
		padding-left: 15px; 
	} 
	.learning-information .card-body {
		padding: 1rem 1.25rem;
		border-radius: 35px;
	}
	.describe-picture-div-section .reading-aloudBox .green-btn{
		display: table;
		margin: 20px auto 10px;
	}
	.describe-picture-div-section .reading-aloudBox a strong{
		display: table;
		margin: 0 auto;
	}
	.tutor-bg-div{
		width:100%;
	}
	#share_mock_test_to_tutor {
		display: table;
		margin: 15px auto;
	}
	.white-bg2 .grayBtn {
		font-size: 14px;
		display: table;
		margin: 20px auto 0;
	}
	.tutor-review {
		text-align: center;
	}
	.tutor-div-section .green-btn{
		margin: 5px auto 20px;
		display: table;
	} 
	.tutor-div-section img {
		display: table;
		margin: 0 auto;
	}
	.tutor-div-section {
		text-align: center;
	}
	.respond-to-written-request-section{
		text-align: center;
	}
	.respond-to-written-request-section img {
		display: table!important;
		margin: 0 auto;
	}
	.respond-to-written-request-section .reading-aloudBox .green-btn{
		display: table;
		margin: 20px auto;
	}
	.carousel-control-next, .carousel-control-prev{
		font-size: 18px;
	} 
	.carousel-control-next-icon, .carousel-control-prev-icon {
		width: 25px;
		height: 25px;
		border-radius: 50px;
		line-height: 25px;
	} 
	.reading-aloudBox .response-green-bg img {
		top: -8px;
	 }
	.p-5 {
		padding: 1rem !important;
	}
	.orange-bg-Div{ 
		padding: 15px;
		border-radius: 25px;
	}
	/* .reading-aloudBox {
		text-align: center;
	}  */
	.reading-aloudBox .sideDesign{
		text-align: left;
	}
	.reading-aloudBox .green-btn { 
		margin: 15px auto;
		padding: 7px 22px;
		font-size: 12px;
		display: table;
	}
	.reading-aloudBox strong {
		display: inline-block;
		padding-left: 15px; 
	}
	.reading-aloudBox img{
		top: 8px;
	}
	.reading-aloud-divBox{
		margin:15px;
		padding: 10px;
	}
	.playDiv img{
		top: -8px;
	}
	.progress-bar-div li{
		width:19%;
	}
	.progress-bar-div .active:first-child i{
		top: 48px;
	}
	.question_types .top-title p {
		padding: 0 15px;
	}
	.scoreLevel ul li.active span{
		width: 65px;
		height: 65px;
		font-size: 28px;
		line-height: 65px;
	}	
	.scoreLevel ul li{
		padding: 0 8px 10px;
	}
	.commonBox .content {
		padding: 20px 5px;
	}  
	#entry-test-results .progress{ 
		margin: 38px 0;
	}
	#entry-test-results .progress .progress-title{
		position: absolute;
		bottom: 0;
		left: 0;
		top: -25px;
	}
	.progress-bar-div li span{
		width: 40px;
		font-size: 10px;
		height: 0px;
		text-align: center;
		line-height: 14px;
	}
	
	.leftTxt {
		margin-left: 0;
	} 
	.progress-bar-div li.active:last-child i { 
		top: 54px !important;
	}
	.progress-bar-div .active:last-child .circleDiv {
		margin-left: 64px;
	}
	.powerBox {   
		margin: 30px 0 15px; 
		text-align: left;
	} 
	.timeDiv{
		margin:30px 0 0; 
	}
	.powerBox img { 
		width: 25px !important; 
	}
	.progress-bar-div::after {
		width: 99%;
	}
	.entryTxtIcon {
		font-size: 18px;
	} 
	
	.entryTxtIcon img {
		width: 45px;
		margin-right: 8px; 
	}
	.progress-bar-div{
		display:table;
		margin:0 auto;
	}
	.progress-bar-div li:last-child i{
		top: 56px;
		margin-right: -22px;
	}
	.progress-bar-div li:first-child i{ 
		top: 36px;
		margin: -2px;
	}
	.progress-bar-div li.previous-check:first-child i{ 
		top: 52px;
	}
	.progress-bar-div li i{
		top: 53px;
	}
	.progress-bar-div .active .circleDiv{ 
		top: 120%;  
		margin-left: 24px;  
	}
	#records-div .scoredBox{
		width: 80%;
		margin: 0 auto 30px;
	}
	#records-div img {
		left: 0px;
	}
	#mock-test-records .scoredBox{ 
		width: 80%;
		margin: 0 auto 30px;
	}
	.brand img {
		width: 115px;
	}
	.scoredBox {
		min-height:inherit; 
	}
	.min-height {
		min-height: inherit;
	}
	.top-bar p a{top: 0;}	
	#login-area .home-bg{position:relative;}
	#login-area ul li img{width: 130px;}
	#login-area ul li{padding:30px 5px;}
	#login-area .green-bg{border-radius: 0 0 25px 25px;} 
	h1 {font-size: 30px;}
	#login-area .stripBox {margin: 20px 0px 70px;}
	#sidebar {-ms-flex: 0 0 22%;flex: 0 0 22%;max-width: 22%;height: auto;}
	.middle-section {-ms-flex: 0 0 76%;flex: 0 0 76%;max-width: 76%;height: 100%;}
	.sidebar-nav ul.collapse {margin: 0;padding:0;}
	.middle-section .infoBox h2 {font-size: 70px;}
	.pl-5, .px-5 {padding-left: 1rem !important;}
	.pr-5, .px-5 {padding-right: 1rem !important;}
	.common-progress-code .progress {width: 85px;height: 85px;line-height: 85px;}
	.common-progress-code .progress .progress-value {font-size: 16px;}
	.middle-section .infoBox {margin-bottom: 30px;}
	.middle-section .infoBox h3 {font-size: 20px;}
	.middle-area .breadcrumb {font-size: 12px;}
	#accordion .progress {width: 70%;margin: 15px 0 0 auto;}
	.chatBox .chatfooter a {margin: 20px 0 0;width: 100%;} 
	.leftChatContent {padding: 15px;} 
	.rightChatContent {padding: 15px;}
	.inner-pages #sidebar{height:auto;} 
	.inner-pages .middle-section{height:auto;}
	.commonBox table td, .commonBox table th {padding:5px 1px;}
	.middle-section .common-progress-code .infoBox {margin: 20px 0;}
	#dashboard .infoBox {margin: 20px 0;}
	.top-title .light-green-bg2 a {margin: 15px 0;}
	.testSimulatorCommonPage #accordion .panel-title a {font-size: 11px;}
	.testSimulatorCommonPage #accordion .panel-title a::before{font-size: 18px;top: 0px;}
	.testSimulatorCommonPage #accordion .panel-title a.collapsed::before{font-size: 18px;top: 6px;}
	#test-simulator-results .commonBox2 .content #accordion .panel-body table td img{margin: 0;}
	#test-simulator-results .commonBox2 .content #accordion .panel-body .mytooltip .tooltip-item {text-align: left;}
	#vocabulary-results .commonBox table td, #vocabulary-results .commonBox table th {padding: 2px 20px;}
	.commonBox .mobile-icon{position: absolute;margin: -20px 40px;display:block;}
	.commonBox .desktop-icon{display:none;}
	.timer {margin: 0 0 25px;position: relative;right: 0;}
	#toeic-speaking-and-writing-test-simulator .table-responsive{display:block;}
	#writing-respond-to-written-result .table-responsive{display:block;}

	.middle-section {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;height: 100%;}
	.sidebar-nav ul li ul {padding: 0 40px !important;}
	#menu-content{margin-top: 5px;}
	.sidebar-nav ul.collapse {margin: 0;padding:0;}
	.sidebar-nav li span{display: inline-block;}
	.sidebar-nav li i {font-size: 18px;text-align: left;}
	.sidebar-nav .nav-link {
		font-size: 16px;
		padding: 12px;
	}
	.sidebar-nav ul.nav li ul li .nav-link {
		font-size: 12px;
	}
	#let-learn-english .commonBox2 .light-green-bg2{
		height: auto;
	}
	#let-learn-english .light-green-bg2 a{
		margin: 10px auto;
	}
	#let-learn-english .commonBox2 .infoBox .infoBox-description{
		padding: 10px !important;
		height: 125px;
	}
	.speaking-and-writing .loginTable {
		height:auto;
	}
	.s4s-speaking-and-writing a {
		bottom: 0;
		left: 0; 
		display: table;
		width: 95%;
		margin: 6px auto;
	}

	.dashboard3 .white-bg {
		padding: 10px;
	}
	.white-bg.s4s-section4 .progress{
		width: 44%;
		margin: 0px 0 25px 130px;
	}
	.dashboard3 .white-bg.s4s-section5 ul li{
		font-size: 16px;
	}
	.white-bg.s4s-section1 .progress{
		margin: 0 15px 55px;
	}
	.white-bg.s4s-section4 .progress .progress-title{
		left: -130px;
	}
	.white-bg.s4s-section5 .gray-bg {
		margin-top: 15px;
	}
	.let-learn-english-title h6{
		width: 100%;
		font-size: 25px;
	}
	h2{
		font-size:20px;
	}
	#let-learn-english .commonBox2 .infoBox img{
		height: 220px;
	}
	.graphic-img {
		position: relative;
		margin-top: 0;
	}
	.white-bg.s4s-section8 .h-100 {
		height: auto!important;
	}
	.s4s-section5-progress .progress {
		margin: 10px 0 10px 100px;
	}
	.white-bg.s4s-section4 h5{
		margin-bottom: 30px !important;
	}
	
	 .white-bg.s4s-section1 h3 {
		left: 0;
		top: -30px;
		font-size: 14px;
		display: inline-block;
		width: 100%;
	}
	/* .white-bg.s4s-section4 .progress .progress-title {
		left: -135px; 
	} */
	.dashboard3 .white-bg.s4s-section5 ul li{
		padding-left: 2px;
		font-size: 10px;
		width: 14.7%;
	}
	.s4s-section8 .light-blue-bg {
		height: auto;
	}
	.white-bg.s4s-section4 .progress .progress-value {
		right: -42px;
		font-size: 10px;
	}
	#photographs1 .light-green-bg2 table{
		width: 240px!important;
	}
	#photographs1 .light-green-bg2 table p{
		font-size: 10px;
	}
	#photographs1 #contents .question11 table{
		width: 95%!important;
		margin: 0 auto;
	}
	.scrallable {
		width: 100%;
		padding: 25px 10px !important;
	}
	.col {
		-ms-flex-preferred-size: initial;
		flex-basis: initial;
		-ms-flex-positive: initial;
		flex-grow: initial;
		max-width: 100%;
		width: 100%;
	}
	#photographs .circle_percent{
		margin: 15px auto;
	}
	.common-btn {
		margin: 0 0 17px;
		position: relative;
		left: 0;
		right: 0;
		display: block;
	}
	#implication-exerciser .mytooltip .tooltip-content{
		width: 100%;
		position: relative;
		left:25%;
		margin:0 -5px 0;
	}
	body{
		background-color: #0a5440;
		font-size:14px;
	}
	#test-simulator-results .commonBox2 .content #accordion .panel-body .mytooltip .tooltip-content {
		width:100%;
		margin: 20px auto;
		left:0;
	}
	.mobile-view {
		background-color: #fff;
	}
	#test-simulator-test-book .custom-control {
		margin: 0 0px 10px 28px !important;
	}
	.testSimulatorCommonPage .content form {
		right: 0;
	}

	/*** 30-08-2022 Css Start ***/
	#photographs .common-progress-code .col{
		width: 100%;
	}
	#core-skills .commonBox2 .infoBox .infoBox-description {
		height: auto;
	}
	#core-skills .commonBox2 .infoBox .infoBox-description a{
		padding: 8px 10px;
		font-size: 10px;
		position: relative;
		bottom: 0; 
		margin: 15px auto 0; 
	}
	.top-bar img{
		width:115px;
		margin: 0 auto;
		display: inline-block !important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.commonBox form table tr td{
		padding: 5px 1px;	
		width: 15px;
	}
	.commonBox table img{
		width: 100%;
		height: auto; 
		margin: 15px auto;
	}
	.reading-aloudBox .green-btn{
		padding: 8px 15px;
		font-size: 10px;
	}
	
	.progress-bar-div{
		position: relative;
		top: -12px;
	}
	.progress-bar-div li span{
		width: 51px;
		font-size: 10px; 
		text-align: center;
	}
	.progress-bar-div .previous-check i{
		top: 41px;
	}
	.progress-bar-div li i{
		top: 51px;
	}
	.progress-bar-div .active .circleDiv{
		top: 120%;
		margin-left: 39px;
	}
	.timeDiv{
		padding: 1px 5px;
		font-size: 10px;
		width: 114px;
	}
	#seconds {
		font-size: 12px;
	}
	#minutes {
		font-size: 12px;
	}
	.progress-bar-div li:last-child i{
		top: 58px;
	}
	.brand img {
		width: 160px;
	}
	#core-skills .commonBox2 .infoBox .infoBox-description {
		height: auto;
	}
	#core-skills .commonBox2 .infoBox .infoBox-description a{
		padding: 8px 10px;
		font-size: 10px;
		position: relative;
		bottom: 0;
		margin: 15px auto 0; 
	}
	.top-bar p a{top: 5px;}	
	#sidebar {-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10%;height: auto;}
	.middle-section {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;height: 100%;}
	.sidebar-nav ul.collapse {margin: 0;padding:0;}
	.middle-section .infoBox h3 {font-size: 20px;}
	.common-progress-code .progress {width: 85px;height: 85px;line-height: 85px;}
	.common-progress-code .progress .progress-value {font-size: 16px;}
	.middle-section .infoBox h2 {font-size: 70px;}
	.inner-pages #sidebar{height:auto;} 
	.inner-pages .middle-section{height:auto;}
	.commonBox table td, .commonBox table th {padding:5px 12px;}
	#photographs .common-progress-code .col{width: 100%;display: flex;max-width: 100%;min-width: 50%;}
	.middle-section .common-progress-code .infoBox {margin: 20px 0;}
	#dashboard .infoBox {margin: 20px 0;}
	.top-title .light-green-bg2 h5{font-size:15px;}
	#test-simulator-results .commonBox2 .content #accordion .panel-body table td img{margin: 0;}
	#test-simulator-results .commonBox2 .content #accordion .panel-body .mytooltip .tooltip-item {text-align: left;}
	#vocabulary-results .commonBox table td, #vocabulary-results .commonBox table th {padding: 2px 20px;}
	.commonBox .mobile-icon{position: absolute;margin: -20px 40px;display:block;}
	.commonBox .desktop-icon{display:none;}
	.sidebar-nav li span{display: inline-block;}
	.sidebar-nav li i {font-size: 20px;text-align: left;}
	.mobile-view .dropdown {
		right: 6%;
	}
	.speaking-and-writing .loginTable {
		height:95px;
	}
	.s4s-speaking-and-writing a {
		bottom: 10px; 
		width: 220px;
		margin-right: 10px;
	}
	.s4s-speaking-and-writing-exercise .s4s-brown-btn{
		font-size: 12px;
	}
	.s4s-speaking-and-writing-exercise p {
		font-size: 11px;
	}
	.s4s-speaking-and-writing-exercise h6 {
		font-size: 17px;
	}
	.s4s-speaking-and-writing-exercise .fas.fa-circle {
		margin-top: 20px;
	}
	.white-bg.s4s-section5 .gray-bg {
		margin-top: 15px;
	}
	#let-learn-english .commonBox2 .infoBox .infoBox-description a{
		width: 60%;
	}
	.let-learn-english-title h6{
		width: 55%;
	}
	.blue-gradient{
		padding: 8px 15px;
		font-size: 13px;
	}
	.s4s-section6 p {
		font-size: 20px;
	}
	.white-bg.s4s-section4 .progress {
		margin: 5px 0 30px 195px;
	}
	.white-bg.s4s-section4 h5{
		margin-bottom: 30px !important;
	}	
	.white-bg.s4s-section5 .border .progress .progress-title {
		left: -171px;
	}
	.white-bg.s4s-section5 .border .progress {
		margin: 20px 15px 40px 176px;
	}
	.white-bg.s4s-section8 h6{
		font-size: 16px;
	}
	.white-bg.s4s-section4 .progress .progress-title {
		left: -188px;
		font-size: 14px;
	}
	.dashboard3 .white-bg.s4s-section5 ul li { 
		width: 24.7%;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.reading-aloud-divBox .timeDiv {
		width: 100%;
	}
	.progress-bar-div{
		position: relative;
		top: -18px;
	}
	.progress-bar-div .active .circleDiv{
		top: 122%;
		margin-left: 55px;
	}
	.timeDiv{
		width: 160px
	}
	.top-bar p a{top: 5px;}	
	#sidebar {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;height: auto;}
	.middle-section {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;height: 100%;}
	.commonBox table td, .commonBox table th {padding:5px 12px;}
	.middle-section .common-progress-code .infoBox {margin: 20px 0;}
	#dashboard .infoBox {margin: 20px 0;}
	#photographs .common-progress-code .col{width: 100%;display: flex;max-width: 100%;min-width: 50%;}
	#test-simulator-results .commonBox2 .content #accordion .panel-body table td img{margin: 0;}
	#test-simulator-results .commonBox2 .content #accordion .panel-body .mytooltip .tooltip-item {text-align: left;}
	#vocabulary-results .commonBox table td, #vocabulary-results .commonBox table th {padding: 2px 20px;}
	.commonBox .mobile-icon{position: absolute;margin: -20px 40px;display:block;}
	.commonBox .desktop-icon{display:none;}
	.s4s-speaking-and-writing a{
		bottom: -9px;
	}
	.s4s-speaking-and-writing-exercise p {
		font-size: 14px;
	}
	.white-bg.s4s-section1 .progress{
		margin: 20px 10px 40px 145px;
	}
	.white-bg.s4s-section4 .progress .progress-title {
		bottom: -12px;
		left: -145px;
		font-size: 13px;
	}
	.white-bg.s4s-section4 .progress{
		width: 74%;
		margin: 20px 0 35px 142px;
	}
	.blue-gradient{
		padding: 8px 15px;
		font-size: 13px
	}
	.s4s-section6 p {
		font-size: 20px;
	}
	#let-learn-english .commonBox2 .infoBox .infoBox-description a{
		padding: 8px 10px;
	}
	.dashboard3 .white-bg.s4s-section5 ul li{
		width: 16.7%;
		font-size: 10px;
	}
	.border ul li i{
		font-size: 12px !important;	
	}
}