@charset "utf-8";
/* CSS Document */
@media (max-width:1169px) {
.wrapper { max-width:100%; margin:0 auto; padding:0px 5px; }
.search-main { float: right; margin: 10px 10px 0; }
.bx-wrapper .bx-viewport { height: auto !important; }
.reception_year .col-left { width: 20%; }
.reception_year .col-right { margin-left: 2%; width: 96%; }
.reception_year .col-right .colors-activity .col:nth-child(5n+1), .reception_year .col-right .col { margin-left: inherit; }
#students .left-section { width: 30%; }
#students .right-section { margin-left: 1%; width: 69%; }
#services .col { margin-bottom:0; }
#services .text-col .title a, #services .text-col .title { font-size: 14px; }
#services .text-col p { font-size: 12px; }
.align_center { width: 100%; }
.about_us .numbers { width: 33%; max-width:300px; display:block; margin-left:auto; margin-right:auto; }
.about_us p { text-align: left; }
#quote .left-section { width: 25%; }
#quote .right-section { width:74%; margin-left:1% }
.contact_information .input, .quote_information .input, .school_information .input { width:32% }
.wrapper.feedback li span, .wrapper.feedback li label { width:16% }
.quick-usage-report li { width: 32%; }
.chart_box, .Profile_box { margin-right: 1%; width: 32.5%; }
}
@media (max-width:1024px) {
.reception_year .col-right .colors-activity {display: flex;	flex-wrap: wrap;	justify-content: space-between;}	
.reception_year .col-right .col{width:48%}
.advance_search h1 { font-size:15px; }
.request .school_action_bt a { padding: 5px 10px; }
#search_tutor .column, #search_tutor .column:nth-child(3n+1) { margin-left: 1%; width: 49%; }
.link_box { margin-right: 1%; width: 15.5%; }
.Activity_bar { padding: 2px 5px; }
.Activity_bar h3 { font-size: 14px; width: 24%; }
.quick-usage-report { font-size: 12px; padding: 0; width: 75%; }
.select-level ul li:hover .hover, .select-level ul li.active .hover { display: none; }
.select-level ul li { margin-right: 7px; margin-bottom: 10px; }
.select-level ul li .main { height: 45px; line-height: 45px; width: 45px; }
.school_botombtn a{ padding:12px; font-size:16px;}
.aboutschool_inner{ display:block;}
.aboutschool_inner img{ display:block; width:100%; max-width:300px; margin:20px auto 0;}
.abutschol_rgt{ width:100%; }
.abutschol_rgt h3{ text-align:center;}
.offeryou_inner p{ width:47%;}
.school_botombtn{ flex-wrap:wrap;}
.school_botombtn a{ width:47%;} 
}
 @media (max-width:768px) {
.brick { width:100% !important; }
#navigation { padding: 0;}
#navigation a.menu_btn { background: url("../images/drop_down.png") no-repeat center center; display: block; font-size: 0; height: 37px; width: 44px; cursor:pointer; }
#navigation ul.main_menu { background: #28a708 none repeat scroll 0 0; display: none; left:0; position: absolute; right: 0; top: 100%; width:100%; }
#navigation ul li { display: block; float: none; margin: 0; text-align: left; vertical-align: middle; width:100% }
#navigation ul { width:100% }
#navigation ul li img { display:none; margin: 0 5px 0 0; vertical-align: middle; }
#navigation ul li a { color: #fff; display: block; font-size: 12px; padding: 12px 10px; transition: all 0.5s ease 0s; vertical-align: middle; border-top:1px solid #ddd; }
.navigation { box-shadow: none; margin-top: 0; position: absolute; top: 36%; }
#navigation ul li a:hover { border-bottom:0px; background:#ffffff; color:#000; transition:0.5s }
.main_nav { background:#28a708; position:relative; clear: both; display: block; height:45px; margin-bottom:0; padding:4px; top:0; left:0; right:0; bottom:0; }
.main_nav:before{ content:'Menu'; color:#fff; position:absolute; left: 15px; top: 12px; font-size: 14px;
text-transform: uppercase; font-weight: 700;}
.main_nav ul li a { font-size: 11px; padding: 10px 8px; background-image: none; }
#page_banner { border-top:1px solid #ccddfc; }
#membership_plan .columns .col, #membership_plan .columns .col:first-child { display: inline-block; float: none; margin-bottom: 15px; margin-left: 1%; min-height: 990px; vertical-align: top; width: 48%; }
.year_name { font-size: 20px; padding: 5px 0; }
.activity_name { font-size: 14px; }
.activities .topic_name { font-size: 13px; }
.activities_listing .column li { margin-top: 5px; }
.activities_listing .column li a { font-size:12px; }
.contact_page .contact-left { border-right: 0 none; width: 100%; }
.contact_page .contact-right { width: 100%; }
#education_main .input.text { display: inline-block; margin: 10px 0 0; }
#serachyear { margin-top: 10px; }
button#searchfilter { float: right; margin: 8px 10px 0 0; }
.link_box { width:31.3%; margin-bottom:10px; }
.homework { width:48.5% }
.challenge-select .col { text-align: center;  vertical-align: top; }
.question-container .section-right .col .col-title { padding: 20px 0 0 32px; }
.question-container .section-right .col { background-size:100%; height: auto; margin-bottom: 10px; width: 100%; }
.question-container .section-right .col .result { padding:1% 0px; }
#content-slider { height: inherit; }
#testimonial .columns > li span + span { display: block; }
#testimonial .columns > li.active span + span { position:relative; width:100%; bottom:0px; }
header{ border-bottom:1px solid #ddd;}

}
@media screen and (max-width:767px) {
#search_tutor .column .text-col { padding: 5px 7px 20px; width: 100%; }
#search_tutor .column .imagecol { display: none; }
.question-container .section-right { float: right; padding: 30px 0 0; text-align: center; width: 100%; }
.question-container .section-right .col { background: rgba(0, 0, 0, 0) url("../images/sideblock.png") no-repeat scroll left top; display: inline-block; height: 210px; width: 281px; }
.question-container .section-right .col .col-title { padding: 40px 0 0 32px; }
.question-container { padding: 50px 10px; }
.offeryou_inner p,.school_botombtn a{ width:100%;}
.organisationschool_inner{justify-content: space-between; flex-wrap:wrap;}
.organisation_leftinner{ order:2; width:100%;}
.organisation_middleinner{ order:1; width:100%;}
.organisation_middleinner img{ max-width:300px; margin:auto; display:block;}
.organisation_rightinner{ order:3; width:100%;}
.organisation_leftinner ul li{ margin:0; display:inline-block; width:40%; vertical-align:top;}
.organisation_leftinner ul li a img{ max-width:80px;}
.organisation_rightinner ul li a img{ max-width:80px;}
.organisation_rightinner ul li{ margin:0; display:inline-block; width:40%;}
.aboutschool_wrapper{ padding:30px 0;}
.scboolbootom_wrap ul,.organisationschool_inner1{ flex-wrap:wrap;}
.scboolbootom_wrap ul li{ width:50%;}
.organisation_middleinner1{ width:100%; order:1; padding:0;}
.organisation_middleinner1 img{ max-width:160px; margin:auto; display:block;}
.organisation_leftinner1{ width:100%; order:2;}
.organisation_rightinner1{ width:100%; order:3;}
.parentsschool_wrapper{ background-size:contain !important; background-repeat:repeat-y; }
.organisationschool_inner1{ margin-top:20px;}
.organisation_leftinner1{ margin-top:30px;}
.choose,.choose1{margin-bottom:10px; padding-left:40px; flex-wrap:wrap; text-align:left; padding-right:40px;}
.choose__icon{ width:100%; order:1;} 
.choose .choose__inner,.choose1 .choose__inner{ text-align:left; order:2;}
.organisation_rightinner1{ margin-top:0;}
.mainaward_wrapper{ width:100%;}
.newreport_signup .reports-main.joinbtn{ width:100%;}
.newreport_signup .reports-main.joinbtn h3{ font-size:18px;}
.newreport_signup .reports-main.joinbtn br{ display:none;}
}
 @media (max-width:640px) {
a.logo img {margin-left: 10px; /*width: 200px; */}
.search-main input { width: 200px; }
.header_login #login_form input[type="text"], .header_login #login_form input[type="password"], .header_login #login_form input[type="email"] { width:100px }
#navigation {/* margin: 10px 0 6px; */}
.slidertext { right: 10%; top: 7%; width: 80%; }
.slidertext h1 { font-size: 24px; padding-bottom: 0; }
.slidertext h3 { font-size: 22px; font-weight: 500; padding-bottom: 0; }
.bx-wrapper img { /*height: 385px; */}
.reception_year .col-left { font-size: 10px; width: 100%; }
.reception_year .col-left .col img { height: 48px; }
.reception_year .col-right { margin-left: 0; width: 100%; }
#students .right-section { margin-left: 0; width: 100%; }
#students .left-section { float: none; margin: 0 auto 10px; text-align: center; width: 300px; }
#services .col { margin-bottom: 30px; vertical-align: top; width: 49%; }
#testimonial .columns > li { float: left; padding: 0 10px; text-align: center; width: 33%; }
.about_us .numbers { width: 32%; }
footer .col { border-left: 1px solid #3e81fb; float: left; min-height: 460px; padding: 0 25px; text-align: center; width: 100%; min-height: auto; }
.benifit-left { padding: 20px 0; width: 100%; }
.benifit-right { width:100% }
.activities_listing .column { width:49% }
.activities_listing .column .topics { height: auto; }
.contact_page .contact-left { padding: 20px 0; }
.contact_page .contact-right { padding: 10px 0; }
#education_main .input.text { width:49%; }
#serachyear { margin-left: 0; width: 100%; }
#education_main .input.text input[type="text"] { width:100% }
#education_main { width:100% }
button#searchfilter { float: right; margin: 8px 0 0; }
#quote .right-section { display:none }
#quote .right-section { margin-left: 0; margin-top: 10px; width: 100%; }
.wrapper.feedback { padding:5px; }
.link_box { margin-bottom: 10px; margin-right: 2%; width: 31.33%; }
.chart_box, .Profile_box { margin-right: 0; width: 100%; margin-bottom:10px; }
.assign_homework .column { width:100% }
.online-challenge .left-section, .online-challenge .right-section, .online-challenge .middle-section { margin: 0px 0px 5px; width: 100%; padding:10px; }
.online-challenge-start .right-section { width:100% }
.online-challenge-start .left-section { width:100%; margin-top:10px; }
.online-challenge-result .right-section { width: 100%; }
.online-challenge-result .left-section { width:100% }
.question-container { padding: 50px 10px; }
.question-container .section-left, .wrong-answer .quetion_block { width:100% }

#services .col{ width:100%;}
section.tableSection{ padding:0;}
#large_listing_100 .tableParent table tr,
#large_listing_star .tableParent table tr
{ margin-bottom:10px;}
#large_listing_100 .tableParent table,
#large_listing_100 .tableParent table th,
#large_listing_100 .tableParent table td,
#large_listing_100 .tableParent table tr,
#large_listing_star .tableParent table,
#large_listing_star .tableParent table th,
#large_listing_star .tableParent table td,
#large_listing_star .tableParent table tr{ display:block; padding:10px;}
#large_listing_100 .tableParent table thead,#large_listing_star .tableParent table thead{ display:none;}
#large_listing_100 .tableParent table tbody,#large_listing_star .tableParent table tbody{ display:block;}
#large_listing_100 .tableParent table tbody tr td,#large_listing_star .tableParent table tbody tr td{ position:relative; text-align:left !important;  padding-left:50% !important;}
#large_listing_100 .tableParent table tbody tr td:after,#large_listing_star .tableParent table tbody tr td:after{ content:attr(data-title); position:absolute; left:0; font-weight:bold;}
.maingrid_wrapper{ position:static;}
#students h2{ font-size:24px;}
#students .right-section .student-details .position_data:before{ left:52%;}
#time-table .right-section{ padding:3px 20px; width:80%; height:auto;}
#time-table .left-section{ width:18%; max-width:80px; padding-right:0;}
#time-table .left-section .slideshow.videos img{width:70px; height:auto !important;}
.slidertext{ position:static !important; width:100% !important;}
.slidertext h1{ position:static !important; font-size:28px !important; padding:10px 0 !important;}
#main_banner .wrapper{ background:rgba(93,114,242,0.10); }
#students{ padding-left:20px; padding-right:20px;}
#services{ padding:40px 0;} 
.reception_year .col-right .col{ width:100%;}
}
 @media (max-width:480px) {
.license .col { margin: 2% 0; width: 100%; height: auto; }
.challenge-select .col{ width:120px;}
.challenge-select .image-col{ position:relative;}
.challenge-select .image-col,.challenge-select .col.active .image-col,
 .challenge-select .col:hover .image-col{ width:100px; height:100px; line-height:100px !important; font-size:30px !important;}
.challenge-select .image-col img{ max-width:70%; top:50%; left:50%; position:absolute; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.challenge-select .col.active .image-col:before{ font-size:20px; z-index:2; width: 32px; height: 32px;
line-height: 32px;}
.challenge-select .col .challenge-type{ font-size:14px;}
.scboolbootom_wrap ul li{ width:100%;}
.newreport_signup .activities{ flex-wrap:wrap;}
}
 @media (max-width:414px) {
.search-main { float: right; margin: 0; width: 100%; }
.search-main input { width: 100%; }
.logo { cursor: pointer; display: block; float: none; margin: 0 auto; text-align: center; }
/* .reception_year .col-right .col { background-repeat: no-repeat !important; background-size: 100% auto !important; float: left; height: 151px; width: 171px; } */
#main_banner { display: none; text-align: center; width: 100%; }
.header_login #login_form input[type="text"], .header_login #login_form input[type="password"], .header_login #login_form input[type="email"] { width: 41%; }
#students .right-section .tab li a { font-size: 12px; padding: 7px 6px; }
.about_us .numbers { margin: 10px 0; width: 100%; }
.reception_year .col-right .col .inner { width:153px; }
#testimonial .columns > li { width:100% }
#membership_plan .columns .col, #membership_plan .columns .col:first-child { margin-left: 0; min-height: auto; padding-bottom: 70px; width: 100%; }
#membership_plan .columns {padding-right:10px; padding-top:0;}
#membership_plan .columns:before{ display:none;}
.activities_listing .column { height: auto; width: 100%; }
.contact_page .input.textarea, .contact_page .input { width:100% }
.contact_page .input input { width:96% }
#search_tutor .column, #search_tutor .column:nth-child(3n+1) { margin-left: 0; width: 100%; }
#education_main .input.text { width: 100%; }
#serachyear { margin-left: 0; width: 100%; }
button#searchfilter { float: right; margin: 8px 0 0; }
.contact_information .input, .quote_information .input, .school_information .input { width:100% }
.request .school_action_bt { position: relative; right: 0; top: 0; }
.wrapper.feedback div.input { margin-right: 0; width: 100%; }
.wrapper.feedback li span, .wrapper.feedback li label { margin: 0; vertical-align: top; width: 16%; }
.wrapper.feedback li label, .wrapper.feedback li span { font-size: 12px; }
.link_box { width: 48%; }
.quick-usage-report { font-size: 15px; line-height: 27px; width: 100%; }
.quick-usage-report li { text-align: left; width: 100%; }
.chart_content { min-height: auto; }
.chart_box { margin-bottom: 10px; margin-right: 0; width: 100%; }
.Activity_tabs .tab li a { font-size: 10px; padding: 7px 6px; }
.Activity_table th, .Activity_table td { padding:4px; }
.Activity_tabs .content { margin: 0 !important; overflow-x: scroll !important; width: 99% !important; }
.homework { width:100% }
.search-filter > form { display: inline-block; margin-bottom: 8px; }
#students .maingrid_wrapper{ padding:0;}
.maingrid_wrapper button{ padding:10px;}
}
 @media (max-width:320px) {
.reception_year .col-right .col { background-repeat: no-repeat !important; background-size: 100% auto !important; float: none; height: 151px; margin: 0 auto 10px !important; width: 171px; }
.reception_year .col-right .col .inner { float: left; height: 93px; margin: 8px 0 0 9px; overflow-y: hidden; width: 153px; }
.quotes_btn > a, .register_btn > a { padding: 10px; }
.search-filter .submit input { margin: 5px 0 0; }
}


/* responsive code version 2 */
@media screen and (max-width:991px){
	.main_nav ul li a{}
}