html {
  font-size: 1rem;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }

}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}

.navbar-custom {background-color: #353535; margin-bottom: 3%; }
.carousel-caption {text-align: center; height: auto; color: #000; top: auto; position: relative; bottom:10%; left:auto; right:auto; background-color: #e0d9b4; }
.carousel-inner > .item > video{min-width: 100%; min-height: 100%; height: 100%; }
.carousel-inner .a{text-decoration: none; color: #999999; font-family: 'frutigerboldregular'; }
.panel-default>.panel-body{background: #e0d9b4; }

.lang_vid .main{font-family: "Myriad Pro"; font-size: 18px;color: #c11f37; font-weight:bold;position: relative; margin-left: 30%;top:50px;}
.maths_vid .main{font-family: "Myriad Pro"; font-size: 18px; color: #c11f37; font-weight:bold;position: relative; margin-left:25%;top:50px;}



.vid_yellow{background: url(../images/vid_yellow.png) no-repeat; width: 50px; height: 50px; position: relative; margin-left: 20%; }
.vid_turqish{ background: url(../images/vid_turqish.png) no-repeat; width: 50px; height: 50px; position: relative; margin-left: 20%; }


.teacher_sayings{width: 100%; float: right; margin: 0px; }
.teacher_sayings .head{font-family: "Myriad Pro"; font-size: 22px; font-weight: bold; color: #666; padding-left: 10px; padding-bottom: 14px; line-height: 41px; }
.teacher_sayings p{font-family: "Myriad Pro"; font-size: 14px; font-style: italic; color: #666; width: 100%; padding-left: 40px; padding-bottom: 34px; line-height: 25px; }
.teacher_sayings .first{background: url(../images/qoute.jpg) no-repeat 0px 0px; }

.panel{
  margin-left: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.panel-primary>.panel-heading {
    text-align: center; color: #fff; background-color: #00929f; border-color: #00929f; border-radius: 0px;
    font-family: "Myriad Pro"; font-size: 22px; color:#fff; }

.panel .panel-primary{
  padding-top:1000px; 
}
.panel-primary>.panel-body{
  background: #bae2ea;
  margin-bottom: 1px;
  height: 100%;
}
.question_icon{background: url(../images/question_icon.png) no-repeat 0px 0px; width: 100%;height: 40px; }
.question{font-family: "Myriad Pro"; padding-left: 20px; color: #fff;}


.panel-success>.panel-heading {
    color: #3c763d; background-color: #b1bb1e; border-color: #b1bb1e; 
    font-family: "Myriad Pro"; font-size: 22px; color: #fff;border-radius: 0px;
    margin-bottom: 0px;
}

.panel-success>.panel-body{background: #e0d9b4;margin-bottom: 0px;padding-bottom: 0px;}

.panel-warning>.panel-heading {
  font-family: "Myriad Pro"; font-size: 22px; font-weight: bold; color: #666;
  background: #fff;
}

.panel-warning>.panel-body{
  background: #fff;
  font-family: "Myriad Pro"; font-size: 17px; font-style: italic; color: #666; 
  width: 100%; padding-left: 20px; padding-top:5px;line-height: 14px;
}

.panel-warning>.panel-body>.first{
  background: url(../images/qoute.jpg) no-repeat 0px -10px;
 }

.teacher_name{font-family: "Myriad Pro"; font-size: 14px; font-weight: bold; color: #b1bb1e; }
.subject{font-family: "Myriad Pro"; font-size: 17px; font-weight: bold; color: #666; margin-top: 15px; margin-bottom: 20px}
.text{font-family: "Myriad Pro"; font-size: 14px; color: #666; }
.last{background: #e0d9b4; width: 100%; height: 80px; border-bottom: 1px dotted #333; padding: 25px 0px 0px 28px; }

.discuss_content{background: #bae2ea; width: 100%; height: 50%; margin-top: 10px; }
.discuss_content p{font-family: "Myriad Pro"; font-size: 14px; color: #666; padding-left: 50px; width: 100%;text-align: left; margin-bottom: 25px; }
.discuss_content p a{font-weight: bold; font-size: 14px; font-family: "Myriad Pro"; color: #666; }
.discuss_content span{font-family: "Myriad Pro"; font-size: 15px; color: #00929f;  width: 100%; padding-left: 50px;  line-height: 16px; }

.container .jumbotron{
  border-radius: 0 !important;
}

.aboutus_full{background: #b1bb1e; width: 100%; margin: 0px;  word-wrap: break-word;text-align: left;}
.aboutus_full .head{font-family: "Myriad Pro"; font-size: 30px; color: #fff; }
.aboutus_full .head span{font-family: "Myriad Pro"; font-size: 29px; color: #fff; }
.aboutus_full .head span::before{content:'\a'; white-space: pre; }
.aboutus_full .head a{font-family: "Myriad Pro"; font-size: 16px; color: #fff; text-decoration: underline; }
.aboutus_full .head a:hover{text-decoration: none; } .aboutus_full .head a::before{content:'\a'; white-space: pre; }
.padding{margin-left:25%;width: 100%; margin: 0px auto; padding-top: 15px; padding-left: 15%; padding-right: 15%;padding-bottom: 15px; }


.right_background_top{border-bottom: 2px solid #666; }
.right_background{height: 20%;background: #e0d9b4;}
.language_patch{height: 100%;width: 4%;background: #eeb311;border-bottom: 2px solid #eeb311;float:left; }
.maths_patch{height: 100%;width: 4%;background: #00929f;border-bottom: 2px solid #00929f;float:left; }
.red_box{height: 60%;padding-top: 2%;}
.full{width: 100%;height: 100%;}
.full_discuss{width: 100%;height: 100%;margin-bottom: 0;}
.discuss_question{font-family:'Myriad Pro';font-size:17px;}
.count{float:left;}
.response{float:right;}