@charset "utf-8";
/* CSS Document */

#span970{ width:970px; float:left; margin-bottom:20px; }

#span970 .video-home{ width:404px; float:left; margin-right:20px;}
#span970 .video-home h3.boxTitle{ background:#037523; border-radius:6px 6px 0 0; color:#fff; font:normal 20px/50px Arial, Helvetica, sans-serif; padding:0 12px; position:relative; }
#span970 .video-home h3.boxTitle span.greenArrow{ position:absolute; bottom:-17px; left:20px; background:url(../images/green-arrow.png) 0 0 no-repeat; width:32px; height:18px; }

#span970 .trySample{ width:263px; float:left; margin-right:20px; background:#ececed;  border-radius:0px 0px 6px 6px; padding-bottom:10px; position:relative;}
#span970 span#sample_errorMsg{ position:absolute; right:48px; color:#FF0000; top:225px;  }
#span970 span#loading_sample{ position:absolute; right:20px; color:#FF0000; top:57px;  }
#span970 span#loading_sample1{ position:absolute; right:20px; color:#FF0000; top:57px;  }

#span970 .trySample h3.boxTitle{ background:#037523; border-radius:6px 6px 0 0; color:#fff; font:normal 20px/50px Arial, Helvetica, sans-serif; padding:0 12px; position:relative; }
#span970 .trySample input.tryBtn{ position:absolute; bottom:10px; right:18px; /* bottom:-10px; left:20px; */}
#span970 .trySample h3.boxTitle span.greenArrow{ position:absolute; bottom:-18px; left:20px; background:url(../images/green-arrow.png) 0 0 no-repeat; width:32px; height:18px; }

#span970 .trySample .year{ padding:27px 16px 0; min-height:192px;}
#span970 .trySample .year p{ margin:0; padding:0 0 10px 0; color:#58585a; font-size:15px; font-weight:bold; }
#span970 .trySample .year span{display:block; height:31px; overflow:hidden; width:230px; padding-bottom:13px; background:url(../images/try_sample.png) left top no-repeat;  }

#span970 .trySample .year select{ width:250px!important; background:url("../images/try_sample.png") no-repeat scroll left top transparent;  border:none; font:bold 18px/22px Arial, Helvetica, sans-serif; color:#6f7072; padding:3px 0px 5px 10px; -webkit-appearance: none; } /* new-change */

#span970 .trySample .year a{ width:196px; background:url(../images/try_sample.png) 0 0 no-repeat; display:block; font:bold 18px/22px Arial, Helvetica, sans-serif; color:#fff; padding:5px 0px 5px 35px; margin-bottom:5px; }

#span970 .trySample .year a.math{ background-position:0 -47px; }
#span970 .trySample .year a.english{ background-position:0 -86px; }
#span970 .trySample .year a.science{ background-position:0 -123px; }

#span970 .trySample .year a.math.deactive{  background:url(../images/try_sample_gry.png) 0 -47px no-repeat; }/* new-change */
#span970 .trySample .year a.english.deactive{  background:url(../images/try_sample_gry.png) 0 -86px no-repeat; }/* new-change */
#span970 .trySample .year a.science.deactive{  background:url(../images/try_sample_gry.png) 0 -123px no-repeat; }/* new-change */


#span970 .trial{ position:relative; padding:0; margin:0; border:2px solid #d8d9da; padding:12px; width:200px;  border-radius:6px;  }



 /*new section*/
#bottom_container	{
	padding:0px 0px;
	background:#fff;
}
#bottom_container #slider_sec	{
	float:left;
	width:688px;
	min-height:285px;
	background:#ECECED;
	border-radius:6px;
}/* new-change */
#slider_sec h3.slider_head	{
	background:#037523;
	border-radius:6px 6px 0 0;
	color:#fff;
	position:relative;
	font-size:20px;
	margin:0 0 28px;
	line-height:50px;
	padding:0 12px;
	font-weight:normal;
}
h3.slider_head span.greenArrow	{
	position:absolute;
	top:50px;
	left:20px;
	height:18px;
	width:32px;
	background:url("../images/green-arrow.png") no-repeat scroll 0 0;
}
#slider_sec .tes_slide	{
	padding:0 20px 44px;
	position:relative;
}
.callout1	{
	background:#fff;
	border:2px solid #c5c6c8;
	border-radius:12px;
	width:244px;
	float:left;
	position:relative;
	margin:0 14px 0 0;
	padding:18px 12px 18px;
}
.callout2	{
	background:#fff;
	border:2px solid #c5c6c8;
	border-radius:12px;
	width:244px;
	float:left;
	position:relative;
	padding:18px 12px 18px;
}
.callout1 p, .callout2 p	{
	color:#037523;
	font-size:17px;
	font-weight:bold;
	padding:0 0 0 34px;
	
}
p.pTxt	{
background:url(../images/quotes.png) no-repeat left top;	
}
.callout1 p.tName, .callout2 p.tName	{
	color:#3d3d3f;
	font-size:13px;
	font-weight:normal;
	margin:10px 0 0;
}
.callout1 p.tName span, .callout2 p.tName span	{
	font-style:italic;
}
.callout1 .calldown	{
	position:absolute;
	background:url("../images/calldown.png") no-repeat left top;
	height:32px;
	width:30px;
	bottom:-32px;
	right:23px; 
}
.callout2 .callright	{
	position:absolute;
	background:url("../images/callright.png") no-repeat left top;
	height:25px;
	width:30px;
	top:15px;
	right:-30px; 
}
a.prev_nav	{
	position:absolute;
	right:25px;
	top:80px;
	background:url(../images/prev.png) no-repeat left top;
	height:59px;
	text-indent:-9999px;
	width:47px;
	display:block;
	z-index:9999;
}
a.prev_nav:hover	{
	background:url(../images/prev_hover.png) no-repeat left top;
}
a.next_nav {
    position: absolute;
    right: 25px;
    top: 10px;
	z-index:9999;
	background:url(../images/next_normal.png) no-repeat left top;
	height:59px;
	text-indent:-9999px;
	width:47px;
	display:block;
}
a.next_nav:hover	{
	background:url(../images/next_hover.png) no-repeat left top;
	
}
#slider_sec #testomonial_slides{
    height: 200px;
	padding:0 20px;
	position:relative;
}

#slider_sec #testomonial_slides .pagination{
display:none;
}
#testomonial_slides ul.pagination	{
	display:none;
}
.free_trial_new {
	background:#fff;
	float: right;
	height: 269px;
	margin: 0 0 11px;
	padding: 0;
	width: 259px;
	border-radius:6px;
	border:2px solid #C5C6C8;
	position:relative;
	
}

.free_trial_new img.bird{ position:absolute; bottom:-15px; right:-16px; }

.free_trial_new h2 {
    color: #037523;
    font: bold 23px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 10px 10px 5px;
}
.free_trial_new p {
    color: #58585a;
    font: 16px/20px Arial,Helvetica,sans-serif;
    margin: 0 0 8px;
    padding: 0 10px 10px;
    font-weight:bold;
}
.free_trial_new form input {
    background: url("../img/input_grey_box.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #58585a;
    font: bold 14px Arial,Helvetica,sans-serif;
    height: 32px;
    margin: 0 0 4px;
    outline: medium none;
    padding: 2px 5px;
    width: 203px;
}
.free_trial_new form {
    margin: 0 0 11px;
    padding: 0 0 0 10px;
}
.free_trial_new form input.signup_button {
  /*  background: url("../img/get_started_red.png") no-repeat scroll left top transparent;*/
    border: medium none;
    cursor: pointer;
    height: 38px;
    padding: 0;
	position:absolute;
	left:10px;
	bottom:-19px;
    width: 133px;
}
.newhome_asFeat	{
	float:right;
	text-align:center;
	width:261px;
	background:#dcdcdc;
	border-radius:6px;
	padding:0 0 10px;
	height: auto;
	min-height: 275px;
}/* new-change */
.newhome_asFeat h3.newhome_bbTitle	{
	background: none repeat scroll 0 0 #037523;
    border-radius: 6px 6px 0 0;
    color: #FFFFFF;
	text-align:left;
    font-size: 20px;
    font-weight: normal;
    line-height: 50px;
    margin: 0 0 18px;
    padding: 0 12px;
    position: relative;
}
h3.newhome_bbTitle span.greenArrow {
    background: url("../images/green-arrow.png") no-repeat scroll 0 0 transparent;
    height: 18px;
    left: 20px;
    position: absolute;
    top: 50px;
    width: 32px;
}
#newhome_slides {
    left: 18px;
    position: absolute;
    top: 0;
    z-index: 901;
}

#newhome_slides .prev {
    display: block;
    height: 70px;
    left: 0;
    position: absolute;
    top: 125px;
    width: 30px;
    z-index: 1201;
}
#newhome_slides #next {
    display: block;
    height: 70px;
    position: absolute;
    right: 0;
    top: 125px;
    width: 30px;
    z-index: 1201;
}
#newhome_slides .next {
    bottom: 0;
    display: block;
    height: 70px;
    position: absolute;
    right: 234px;
    width: 30px;
    z-index: 1201;
}
#newhome_slides .newhome_caption ul.newhome_caption
{
	margin: 0 0 0 10px;
}

#newhome_slides ul.pagination{
	bottom:3px !important;
    color: #FFFFFF;
    left:0px;
    position: absolute;
    width: 970px;
    z-index: 1200;
}
#newhome_slides ul.pagination{ margin: 0 0 0 0px; padding:0; }
#newhome_slides ul.pagination li{ margin: 0 0 0 0px; padding:15px 1px 0; list-style:none; float:left; }
#newhome_slides ul.pagination li a{height:35px; background:#0a7507; color:#fff; font:bold 13px/36px Arial, Helvetica, sans-serif; display:block; text-align:center; padding:0px 9px; width:185px; text-indent:0; overflow:none;}
#newhome_slides ul.pagination li:first-child a{ border-radius:0 0 0 6px; padding: 0 9px 0 10px !important; }  /* new-change */
#newhome_slides ul.pagination li:hover{ background:url(../images/yellow_arrow.png) top center no-repeat; }
#newhome_slides ul.pagination li a:hover{ background:#facd00; color:#0a7507; }
#newhome_slides ul.pagination li.current{ background:url(../images/yellow_arrow.png) top center no-repeat; }
#newhome_slides ul.pagination li.current a{ background:#facd00; color:#0a7507; }
#newhome_slides ul.pagination li:last-child {  padding:15px 0px 0; float:right;}/* new-change */
#newhome_slides ul.pagination li:last-child  a{ border-radius:0 0 6px 0px; width:131px; } /* new-change */
#newhome_slides ul.pagination li.last{  padding:15px 0px 0; float:right;}/* new-change */
#newhome_slides ul.pagination li.last a{ border-radius:0 0 6px 0px; width:131px; } /* new-change */

.left-nav ul li a{ padding-left:12px; }
.Parents{ margin:10px 2px 0 1px; }

/*new section*/

.calculate-header-height {
    float: left;
    width: 100%;
}

.gjs-cell .topics-div,.dynamic-topic-nc-card.outer-wrapper {
	margin-top: 100px;
	width: 1170px;
	margin: 0 auto;
	margin-top: 100px;
}

.gjs-cell .topics-div .dynamic-topic-card .list-content{
	float: left;
    text-align: center;
    width: 100%;
    background: #FFFFFF;
    padding: 40px 10px;
    margin: 30px 0 0;
    height: 512px;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 12px 16px 2px rgba(61, 69, 94, 0.4)
}

.gjs-cell .topics-div .dynamic-topic-card.english-list .revision-topics{
		background-color: #EA9750;
}

.gjs-cell .topics-div .dynamic-topic-card.english-list .revision-topics h2,
.gjs-cell .topics-div .dynamic-topic-card.english-list .revision-topics h2 a,
.gjs-cell .topics-div .dynamic-topic-card.english-list .list-content.revision-topics p,
.gjs-cell .topics-div .dynamic-topic-card.english-list .list-content.revision-topics p a{
	color: #fff;
}

.gjs-cell .topics-div .dynamic-topic-card.maths-list .revision-topics h2,
.gjs-cell .topics-div .dynamic-topic-card.maths-list .revision-topics h2 a,
.gjs-cell .topics-div .dynamic-topic-card.maths-list .list-content.revision-topics p,
.gjs-cell .topics-div .dynamic-topic-card.maths-list .list-content.revision-topics p a{
	color: #fff;
}

.gjs-cell .topics-div .dynamic-topic-card.purple-list .revision-topics h2,
.gjs-cell .topics-div .dynamic-topic-card.purple-list .revision-topics h2 a,
.gjs-cell .topics-div .dynamic-topic-card.purple-list .list-content.revision-topics p,
.gjs-cell .topics-div .dynamic-topic-card.purple-list .list-content.revision-topics p a{
	color: #fff;
}

.gjs-cell .topics-div .dynamic-topic-card .list-content h2,
.dynamic-topic-nc-card.outer-wrapper .box-inner h2{
	float: left;
    font-weight: 400;
    text-align: center;
    width: 100%;
    font-size: 22px;
    color: #4e4e4e;
    margin: 0 0 22px;

}

.gjs-cell .topics-div .dynamic-topic-card .list-content h2 a,
.dynamic-topic-nc-card.outer-wrapper .box-inner h2 a{
	float: left;
    text-align: center;
    width: 100%;
    font-size: 18px;
    color: #221638;
    margin: 0;
    border: none;
    text-transform: none;
    line-height: 1.1;
    padding: 0;
    word-wrap: break-word;
    font-weight: 600;

}

.gjs-cell .topics-div .dynamic-topic-card .list-content p,
.dynamic-topic-nc-card.outer-wrapper  .box-inner p{
	float: left;
    text-align: center;
    width: 100%;
    color: #7e868e;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 16px;

}

.gjs-cell .topics-div .dynamic-topic-card .list-content p a.worksheet-link,
.dynamic-topic-nc-card.outer-wrapper .box-inner p a.worksheet-link{
	float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    color: #221638;
    font-size: 14px;
    line-height: 20px;
    border: none;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 4px;

}

.dynamic-topic-nc-card.outer-wrapper .box-inner p a{
	float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    color: #71BE6B;
    font-size: 14px;
    line-height: 20px;
    border: none;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 4px;
}



.gjs-cell .topics-div .dynamic-topic-card .list-content p a{
	color: #71BE6B;
	text-transform: uppercase;

}

.gjs-cell .topics-div .dynamic-topic-card.english-list .list-content p a.worksheet-link{
	color: #221638;
}

.gjs-cell .topics-div .dynamic-topic-card.english-list .list-content.revision-topics p a.worksheet-link{
	color: #fff;
}

.gjs-cell .topics-div .dynamic-topic-card.english-list .list-content p a{
	color: #EA9750;
}

.gjs-cell .topics-div .dynamic-topic-card.english-list .list-content a.viewtopic:hover,
.dynamic-topic-nc-card.outer-wrapper .dynamic-topic-nc-card.english-list  .box-inner a.view-nc-topic:hover{
    background-color: #EA9750;
    color: #FFFFFF;

}

.dynamic-topic-nc-card.outer-wrapper .box-inner-orange .box-inner p,
.dynamic-topic-nc-card.outer-wrapper .box-inner-orange .box-inner p a{
	color: #EA9750;
}


.gjs-cell .topics-div .dynamic-topic-card.maths-list .revision-topics{
	background-color: #71BE6B;
}

.gjs-cell .topics-div .dynamic-topic-card.purple-list .revision-topics{
	background-color: #7300FF;
}

.gjs-cell .topics-div .dynamic-topic-card.purple-list .list-content p a.worksheet-link{
    color: #221638;
   
}

.gjs-cell .topics-div .dynamic-topic-card.purple-list .revision-topics p a.worksheet-link{
    color: #fff;
}

.gjs-cell .topics-div .dynamic-topic-card.purple-list .list-content p a {
    color: #7300FF;
   
}

.dynamic-topic-nc-card.outer-wrapper .topic-boxes-wrapper.box-inner-purpl .box-inner p a {
    color: #7300FF;
   
}

.gjs-cell .topics-div .dynamic-topic-card.purple-list .list-content a.viewtopic:hover,
.dynamic-topic-nc-card.outer-wrapper .dynamic-topic-nc-card.purple-list  .box-inner a.view-nc-topic:hover{
    background-color: #7300FF;
    color: #FFFFFF;

}


.gjs-cell .topics-div .dynamic-topic-card .list-content a.viewtopic,
.dynamic-topic-nc-card.outer-wrapper  .box-inner a.view-nc-topic{
	height: 48px;
    width: 200px;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    font-size: 14px;
    line-height: 47px;
    font-weight: 600;
    color: #221638;
    display: inline-block;
    padding: 0;
    margin: auto;
    transition: all 0.3s;
    margin-top: 24px;
    text-transform: inherit;

}

.gjs-cell .topics-div .dynamic-topic-card .list-content a.viewtopic:hover,
.dynamic-topic-nc-card.outer-wrapper .dynamic-topic-nc-card  .box-inner a.view-nc-topic:hover{
    background-color: #71BE6B;
    color: #FFFFFF;

}

.dynamic-topic-nc-card.outer-wrapper .dynamic-topic-nc-card.wrapper{
	margin-top: 50px;
}
.dynamic-topic-nc-card.outer-wrapper .dynamic-topic-nc-card .heading{
    width: 100%;
	text-align: center;
    font-size: 22px;
    color: #4e4e4e;
}

.dynamic-topic-nc-card.outer-wrapper .dynamic-topic-nc-card .box-inner{
    float: left;
    text-align: center;
    width: 100%;
    background: #FFFFFF;
    padding: 40px 10px;
    margin: 30px 0 0;
    height: 512px;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 12px 16px 2px rgba(61, 69, 94, 0.4)
}


@media screen and (max-width: 1250px) {
	.gjs-cell .topics-div,
	.dynamic-topic-nc-card.outer-wrapper{
		width: 100%;
	 }
}


.dynamic-ks-subject-card.wrapper {
    width: 1170px;
    margin: 0 auto;
}

.dynamic-ks-subject-card.wrapper .box-inner-green {
	float: left;
    width: 100%;
    background: #FFFFFF;
    margin-top: 30px;
    padding: 13px 0 4px;
    transition: all 0.3s;
	min-height: 95px;
    cursor: pointer;
}

.dynamic-ks-subject-card.wrapper .maths-list .box-inner-green:hover{
	background: #008542;
    color: #ffffff;
}

.dynamic-ks-subject-card.wrapper .maths-list .box-inner-green:hover a,
.dynamic-ks-subject-card.wrapper .maths-list .box-inner-green:hover a h3,
.dynamic-ks-subject-card.wrapper .maths-list .box-inner-green:hover a p{
    color: #ffffff;
}

.dynamic-ks-subject-card.wrapper .box-inner-green a {
	float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #484848;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
}

.dynamic-ks-subject-card.wrapper .box-inner-green a h3 {
	float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #484848;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 11px;
    margin: 0;
}

.dynamic-ks-subject-card.wrapper .box-inner-green a p {
	float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #f4781e;
    text-transform: none;
    font-weight: 700;
    padding-bottom: 9px;
    margin: 0;
}

.dynamic-ks-subject-card.wrapper .maths-list .box-inner-green a p {
	color: #71BE6B;
}

.dynamic-ks-subject-card.wrapper .purple-list .box-inner-green a p {
	color: #7300FF;
}

.dynamic-ks-subject-card.wrapper .purple-list .box-inner-green:hover{
	background:#5e01fa;
   
}

.dynamic-ks-subject-card.wrapper .purple-list .box-inner-green:hover a,
.dynamic-ks-subject-card.wrapper .purple-list .box-inner-green:hover a h3,
.dynamic-ks-subject-card.wrapper .purple-list .box-inner-green:hover a p{
    color: #ffffff;
}

.dynamic-ks-subject-card.wrapper .english-list .box-inner-green a p {
	color: #f4781e;
}

.dynamic-ks-subject-card.wrapper .english-list .box-inner-green:hover{
	background: #f4781e;
   
}

.dynamic-ks-subject-card.wrapper .english-list .box-inner-green:hover a,
.dynamic-ks-subject-card.wrapper .english-list .box-inner-green:hover a h3,
.dynamic-ks-subject-card.wrapper .english-list .box-inner-green:hover a p{
    color: #ffffff;
}

.gjs-row.maths-outer{
	background: #71BE6B !important;
}

.gjs-row.english-outer{
	background: #EA9750 !important;
}

.gjs-row.science-outer{
	background: #7300FF !important;
}

.gray-outer{
    float: left;
    width: 100%;
    background: #efefef;
    padding: 30px 0 60px 0 !important;
    margin-top: 100px;
}

.dynamic-worksheet-card.container-wrapper {
    width: 1170px;
    margin:  0 auto;
}

.dynamic-worksheet-card.container-wrapper .box-inner-green  {
    float: left;
    text-align: center;
    width: 100%;
    background: #FFFFFF;
    padding: 20px 15px 0;
    margin: 30px 0 0;
    min-height: 98px;
}

.dynamic-worksheet-card.container-wrapper .box-inner-green p {
    float: left;
    text-align: center;
    width: 100%;
    margin: 0 0 23px;
    font-size: 16px;
    line-height: 28px;
    color: #221638;
    text-transform: capitalize;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dynamic-worksheet-card.container-wrapper .box-inner-green p span {
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: 20px;
}

.dynamic-worksheet-card.container-wrapper .maths-list .box-inner-green p span.preview-text {
    color: #71BE6B;
}

.dynamic-worksheet-card.container-wrapper .english-list .box-inner-green p span.preview-text {
    color: #EA9750;
}

.dynamic-worksheet-card.container-wrapper .purple-list .box-inner-green p span.preview-text {
    color: #7300FF;
}

.vb-edplace-english-box:hover{
    background: #f4781e !important;
    cursor: pointer;

}

.vb-edplace-english-box:hover p{
   color: #fff !important;

}

.vb-edplace-math-box:hover{
    background: #008542 !important;
    cursor: pointer;

}

.vb-edplace-math-box:hover p{
   color: #fff !important;

}

.vb-edplace-science-box:hover{
    background-color: #5e01fa !important;
    cursor: pointer;

}

.vb-edplace-science-box:hover p{
   color: #fff !important;

}


.vb-edplace-price-box{
    height: 650px !important;
}

.vb-edplace-primary-button:hover{
    background-color: #158D8D !important;
    border-color: #158D8D !important;
    cursor: pointer;
}

.vb-edplace-secondary-button:hover{
    border-color: #1EBCBC !important;
    cursor: pointer;
}

.vb-edplace-get-started-button:hover{
    cursor: pointer;
    background-color: #ff9e2e !important;
    border-color: #ff9e2e !important;
    color: #fff !important;
}



@media screen and (max-width: 1440px) and (min-width: 1366px) {
    .vb-edplace-result-mobile-screen{
        top: -83px !important;
        right: -100px !important;
    }
    
    .vb-edplace-subject-box{
        padding: 0 !important;
    }
}


@media screen and (max-width: 1365px) and (min-width: 1200px) {
    .dynamic-ks-subject-card.wrapper,
    .dynamic-worksheet-card.container-wrapper
    {
		width: 100% !important;
	 }

     .vb-edplace-mobile-screen{
         display: none !important;
     }
}




@media screen and (max-width: 1199px) and (min-width: 992px) {

    .dynamic-ks-subject-card.wrapper,
    .dynamic-worksheet-card.container-wrapper
    {
		width: 100% !important;
	 }

     .vb-edplace-mobile-screen{
         display: none !important;
     }


    .vb-edplace-blue-bg-box{
        max-width: 470px !important;
        padding: 50px 10px 50px 30px !important; 
    }

    .vb-edplace-laptop-screen{
        left: -150px !important;
        width: 500px !important;
    }

    .vb-edplace-container,
    .vb-edplace-easy-inner,
    .vb-edplace-help-outer,
    .lpa-container{
        width: 100% !important;
    }

    .vb-edplace-progress-left,.vb-edplace-container,
    .vb-edplace-science-outer,.vb-edplace-english-outer,
    .vb-edplace-math-outer,.vb-edplace-price-box-outer,
    .vb-edplace-video{
        width: 100% !important;
    }

    .vb-edplace-progress-left-text{
        width: 70% !important;
        padding: 70px 34px 80px 34px !important;
        left: 50px !important;
        height: auto !important;
        top: 60px !important;
    }
    .vb-edplace-subject-box{
        width: 100% !important;
        margin-top: 40px;
    }

    .progress-raw{
        flex-wrap: wrap;
    }

    .vb-help-outer-wrapper{
        padding: 0 40px !important;
    }

    .result-left-content{
        padding: 0 0 0 9px !important
    }

    .result-center-img{
        width: 500px !important; 
    }
    .vb-edplace-result-mobile-screen{
        right: -60px !important;
        width: 200px !important;
        top: -50px !important;
    }

    .result-container{
        height: auto !important;
    }

    .video-img{
        width: 500px !important;
    }

    .dynamic-worksheet-card.container-wrapper{
        width: 100%;
    }

    .help-box{
        padding: 10px !important;
    }
  
  }

  @media screen and (max-width: 1024px) {

    .dynamic-ks-subject-card.wrapper {
        width: 100%;
       
    }

    .dynamic-worksheet-card.container-wrapper {
        width: 100%;
       
    }


  }

@media screen and (max-width: 767px) {
	.gjs-row.gray-outer{
		display: flex;
        width: 100%;
       
	 }

     .gjs-row.gray-outer .gjs-cell.inner-cell{
        width: 100%;
        height: auto;
     }

     .vb-edplace-price-box {
        height: auto !important;
    }

    .dynamic-worksheet-card.container-wrapper,
    .dynamic-ks-subject-card.wrapper{
        width: 100%;
    }

    .dynamic-worksheet-card.container-wrapper .box-inner-green p{
        white-space: inherit;
    }

    .year-worksheets-box.box-inner{
        height: auto;
    }

    .year-worksheets-box.box-inner p a.worksheet-link{
        white-space: inherit;
    }
}

/******14-6-22********/


.year-worksheets-box.box-inner {
    float: left;
    text-align: center;
    width: 100%;
    background: #FFFFFF;
    padding: 40px 10px;
    margin: 30px 0 0;
    height: 452px;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 12px 16px 2px rgb(61 69 94 / 14%);
}

.year-worksheets-box.box-inner h2 {
    float: left;
    font-weight: 400;
    text-align: center;
    width: 100%;
    font-size: 22px;
    color: #4e4e4e;
    margin: 0 0 22px;
}

.year-worksheets-box.box-inner p {
    float: left;
    text-align: center;
    width: 100%;
    color: #7e868e;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 16px;
}

.year-worksheets-box.box-inner p a.worksheet-link{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.maths .year-worksheets-box.box-inner p a.worksheet-link,
.english .year-worksheets-box.box-inner p a.worksheet-link,
.science .year-worksheets-box.box-inner p a.worksheet-link{
    color: #221638;
}

.year-worksheets-box.box-inner p a{
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    color: #221638;
    font-size: 14px;
    line-height: 20px;
    border: none;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 4px;
}

.maths .year-worksheets-box.box-inner p a{
    color: #71BE6B;
}

.english .year-worksheets-box.box-inner p a{
    color: #EA9750;
}

.science .year-worksheets-box.box-inner p a{
    color: #7300FF;
}