/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
.pos-2 {
    left: 20%;
    right: 20%;
    top: 1%;
}
.pos-1 {
    left: 8%;
    right: 8%;
    top: 17%;
}


.registerForm{
    width: 90%;
    position:absolute;
    top:5%;
    left:5%;
    right:5%;
}
.pos-3 {
   left: 5%;
   right:5%;
   bottom: 45%;
   margin:0px auto;
}

.registerForm{
    width: 75%;
    margin:10% auto 0px auto;
}
.amit-page-two{
    margin:100% auto 0% auto;
    height:350px;
    
}

.mascot-20 img {
    height: 300px;
}
.zero-home {
    height: 350px;
    position: absolute;
    top: 30%;
    z-index: 1;
    left: 10%;
    right:10%;
    margin:0px auto;
}

.thought {
    font-size:25px;
    line-height:25px;
    max-width:100%;
}
.registerForm-2 {
    width: 90%;
    left: 5%;
    position: absolute;
    right: 5%;
    top: 5%;
}
.form-heading {
    font-size: 26px;
}
#SubjectSlider .owl-prev {
    width: 40px;
    height: 40px;
    margin: 2px;
    box-shadow: 0 2px 4px rgba(12, 12, 12, 0.12);
    background: #ffffff;
    border-radius: 50%;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    left: 10%;
    top: 40%;
    transition: all 0.2s ease-in-out;
}
#SubjectSlider .owl-next {
    width: 40px;
    height: 40px;
    margin: 2px;
    box-shadow: 0 2px 4px rgba(12, 12, 12, 0.12);
    background: #ffffff;
    border-radius: 50%;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 10%;
    top: 40%;
    transition: all 0.2s ease-in-out;
}
.subject-box{
    padding:15px 30px;
}
.subject-box img{
    height:45px;
}
.mascot-21 img {
    height: 300px;
}
.mascot-21 {
    position: absolute;
    left: 10%;
    top: 55%;
    right: 10%;
    text-align: center;
}
.pos-4 {
    left: 1%;
    bottom: 44%;
    right: 1%;
}
.mascot-22{
    display:none !important;
}
.new-row-class{
    padding-left: 0%;padding-top: 0%;
}
.thought2 {
    width: 100%;
    border-radius: 200px;
    padding: 15px;
    left: 50%;
    transform: translate(-50%, 0);
}
.bubble2 {
    margin: 10px auto;
    position:relative;
}
.video-learing{
    width:100%;
    height:auto;
}
.video-tv{
    width:97%;
    margin-top:35px;
}
.video-outer {
    position: absolute;
        top: 42px;
        left: 13px;
}
.question-count {
    right: 30px;
    top: 29px;
}
.question-div {
    font-size: 18px;
    min-height: 154px;
}
.answer {
    padding: 10px;
    font-size: 16px;
}
.bg-rt img {
    height: 200px;
}
.wwww100{
    width:50%;
}
.score-bord {
    width: 100%;
}
.scatebordd{
    top: 76%;
    left: 5%;
    right: 5%;
}
.scatebordd-2 {
    top: 25%;
    left:5%;
    right:5%;
}
.payment-box {
    width: 100%;
}

.amit-page-one{
    margin:0px auto;
    height:350px;
    margin-top:55%;
}
.amit-page-three{
    margin:0px auto;
    height:350px;
    margin-top:45%;
}

.pos-55 {
   left: 20%;
   right:20%;
   bottom: 50%;
   margin:0px auto;
   z-index:5;
}
.margin-top-mmmb{
    padding-top:15px;
}
.popup-zoro-img{
    position:relative;
    height:210px;
    bottom:0px;
    left:0px;
}
#warningModal .modal-body {
    background-color: #ffd54f;
    padding: 40px 40px;
}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    
.amit-page-one{
    margin:0px auto;
    height:350px;
    margin-top:45%;
}

.pos-2 {
    left: 20%;
    right: 20%;
    top: 5%;
    margin:0px auto;
}
.pos-1 {
    left: 8%;
    right: 8%;
    top: 22%;
    margin:0px auto;
}
.amit-page-two{
    margin:0px auto;
    height:350px;
    margin-top:10%;
}
.pos-3 {
   left: 25%;
   right:25%;
   bottom: 45%;
   margin:0px auto;
}
.thought {
    max-width: 75%;
    font-size: 20px;
}
.registerForm{
    width: 75%;
    margin:10% auto 0px auto;
}
.pos-55 {
   left: 25%;
   right:25%;
   bottom: 45%;
   margin:0px auto;
   z-index:5;
}
.amit-page-three{
    margin:0px auto;
    height:350px;
    margin-top:35%;
}
#SubjectSlider .owl-prev {
    width: 40px;
    height: 40px;
    margin: 2px;
    box-shadow: 0 2px 4px rgba(12, 12, 12, 0.12);
    background: #ffffff;
    border-radius: 50%;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    left: -20px;
    top: 40%;
    transition: all 0.2s ease-in-out;
}
#SubjectSlider .owl-next {
    width: 40px;
    height: 40px;
    margin: 2px;
    box-shadow: 0 2px 4px rgba(12, 12, 12, 0.12);
    background: #ffffff;
    border-radius: 50%;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: -20px;
    top: 40%;
    transition: all 0.2s ease-in-out;
}
.thought2 {
    width: 100%;
    border-radius: 200px;
    padding: 15px;
    left: 50%;
    transform: translate(-50%, 0);
}
.bubble2 {
    margin: 25px auto;
    position:relative;
}
.margin-top-mmmb{
    padding-top:15px;
}


}

/* Large devices (laptops/desktops, 992px and up) */
 @media only screen and (min-width: 992px) {
     
.pos-1{
    right: -32%;
    top: 40%;
  }
  .pos-2 {
    left: -20%;
    top: 40%;
}
.amit-page-one{
    margin:0px auto;
    height:350px;
    margin-top:15%;
}
.amit-page-two{
    margin:0px auto;
    height:350px;
    margin-top:5%;
}
.pos-3 {
   left: 25%;
   right:25%;
   bottom: 50%;
   margin:0px auto;
}
.thought {
    max-width: 400px;
    font-size: 20px;
}
.registerForm{
    width: 100%;
    margin:10% auto 0px auto;
}

.pos-55 {
   left: 25%;
   right:25%;
   bottom: 8%;
   margin:0px auto;
   z-index:5;
}
.amit-page-three{
    margin:0px auto;
    height:350px;
    margin-top:0%;
}
.thought2 {
    width: 100%;
    border-radius: 200px;
    padding: 15px;
    left: 50%;
    transform: translate(-50%, 0);
}
.bubble2 {
    margin: 10px auto;
    position:relative;
}
.margin-top-mmmb{
    padding-top:150px;
}

 } 

/* Extra large devices (large laptops and desktops, 1200px and up) */
/* @media only screen and (min-width: 1200px) {...} */