/*Media query for header*/

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

  
.less{
    display: flex;
    padding-top: 50%;
margin-left: 5%;

}

.less img,.less_down img{
    width: 50%;
}

.less_down{
    display: flex;
margin-left: 5%;
}
.science{
    padding-left: 30%;
    padding-top: 10%;
}

    h1,h2,h3{
        margin-left: 20%;
        font-size: 20px;
        
       }
       .topic{
        margin-top: 50%;
        margin-left: 30%;
        margin-right: 20%;
    }
 .buddy_para{
     margin-top: 10%;
     width: 80%;
     margin-left: 20%;
 }
 .budstab{
    margin-top: -20%;
    margin-left: -20%;
    width: 60%;
  
}

.tab_one button{
    width: 30%;

}
.tab_onecontent{
    margin-top: 35%;
  
    margin-left: 28%;
    width: 80%;
   
   
}

.test{
    margin-top: -40%;
}


    .butt{
        margin-top: 30%;
    
        font-size: 15px;
 
    }
    .imag{

       display: none;
    }

   
   .left-para {
       font-size: 20px;
       clear: right;
       width: 100%;
   }
    .right_para{
      clear: left;
      width: 100%;
      padding-right: 80%;
     
    }
.belowimg{
    font-size: 10px;
}
    .para{
        clear: both;
        width: 100%;
    }

 
.crossthree{
   position: relative;
   top: -350px;
}


    .imppara{
   clear: both;
        font-size: 20px;
       padding-left: 10%;
       float: none;
    }

    

.paragraph{
    margin-top: 10%;
}
    .resimpara1 p{
        clear:both;
        width: 180%;
    
    }
    .imppara2{
     
      margin-left:  30%;
        font-size: 20px;
    
    }

    .resimpara2 p{
        clear:both;
        width: 400%;
        margin-left: 30%;
    }

    .tabimg{
        margin-left: 40%;
        width: 150%;

    }
    .belowimg{
        margin-left: 95%;
    }
    .imaging p{
        margin-left: 40%;
    }

    .head {
        font-size: 25px;
    }
    .impcon{
        font-size: 25px;
    }
    .effpic img{
      width: 40%;
      height: auto;
      margin-left: 5%;
    }
    .respara p{
     margin-left: 50%;
     font-size: 18px;
     width: 50%;

    }
    .bud img{
        margin-top: 10%;
        margin-left: 40%;
    
    }
   .exp{
       font-size: 25px;
   }
.picture_exp,.picture_exp2{
    margin-left: 10%;

}
   .picture_exp p{
      
  margin-left: -135%;
  width: 58%;
      font-size: 15px;
   }

   .picture_exp2 p{
      
    margin-left: -95%;
    width: 58%;
        font-size: 15px;
     }

     .expert_bud {
         margin-left: 70%;
         margin-top: -10%;
       
     }

     .resonline img{
         width: 40%;
         height: auto;
     }
.reslast_1 p{
    font-size: 15px;
    margin-top: -50%;
margin-left: 30%;
padding-right: 2%;

}

.mob_tab img{
    margin-top: 5%;
    margin-left: 60%;
    width: 30%;
    height: auto;

}

.ek{
    margin-top: 90%;
    margin-left: -80%;
    font-size: 15px;

}

.pic img{
    margin-top: 30%;
    border-radius: 1%;

}

.pictu img{
    border-radius: 1%;
    display: none;
}

.partner{
    margin-top: 8%;
    font-size: 28px;
    margin-left: 10%;
}

.man img{
  

    border: 1.5rem solid #2c3d6c;
    border-radius: 6.5rem;
    width: 30%;
    height: auto;
    margin-left: -12%;
      }

      .yel img{
       
       margin-left: 12%;
       width: 20%;
           }
           .maname p{
           
            margin-left: 16%;
            font-weight: bolder;
            font-size: x-large;
            font-family: Georgia, 'Times New Roman', Times, serif;
            
         }

.preschool p{
   font-size: 28px;
   
}


.prog p{
    margin-top: 30%;
}

.class_pg img{
    width: 55%;
    margin-left: 15%;
}


.group li{
    width: 300%;
    margin: 20%;
  
}



.group{
  border: 2px solid #717889;
 padding-right: 30%;
 width: 50%;
 margin-left: 17.5%;
 border-top: none;
 
}

.group a{
    margin-left: 60%;
}

.age_pg{
    margin-left: 23%;
    width: 40%;
}

.class_nur{
    margin-top: 100%;
}
.class_nur img{
    width: 73%;
    margin-left: -10%;
}


.group_nur li{
    width: 300%;
    margin: 20%;
  
}

.group_nur{
  border: 2px solid #717889;
 padding-right: 40%;
 width: 66%;
 margin-left: -6.8%;
 border-top: none;
 
}

.group_nur a{
    margin-left: 60%;
}

.age_nur{
    margin-left: 2%;
    width: 50%;
}

.class_ej{
    margin-top: 100%;
}

.class_ej img{
    width: 100%;
    margin-left: -55%;
}


.group_ej li{
    width: 300%;
    margin: 20%;
  
}

.group_ej{
  border: 2px solid #717889;
 padding-right: 55%;
 width: 90%;
 margin-left: -50%;
 border-top: none;
 
}

.group_ej a{
    margin-left: 60%;
}

.age_ej{
    margin-left: -40%;
    width: 70%;
}

.class_es{
    margin-top: 100%;
}
.class_es img{
    width: 165%;
    margin-left: -155%;
}


.group_es li{
    width: 300%;
    margin: 20%;
  
}

.group_es{
  border: 2px solid #717889;
 padding-right: 95%;
 width: 150%;
 margin-left: -148%;
 border-top: none;
 
}

.group_es a{
    margin-left: 50%;
}

.age_es{
    margin-left: -130%;
    width: 120%;
}


.eurofit:hover,.yoga:hover,.euromusic:hover,.mindful:hover,  .euphonics:hover,.mathlab:hover,.science:hover {
    opacity: 0.7;
   border: none;
    cursor: pointer;
  }

.hide_eurofit,.hide_yoga,.hide_music,.hide_mind,.hide_euph,.hide_sci{
    width: 80%;
    margin-left:10%;
    margin-top: -20%;
}

.tab_onecontent{
    width: 100%;
}


.hide_math{

   
    margin-top: -30%;
}
.crosssix img{
    margin-top: -20%;
}
.crossfive img{
    margin-top: -70%;
}
.footer_seven{
  margin-top: -10%;

}

 .w3-center{
     margin-left: 40%;
 }

.footer_eight{

  /* height: 40vh;*/
 margin-right: 10%;

}
.testimony p{
margin-bottom: 20%;
margin-left: 40%;
}

.arrange img{
    display: none;
}

.container{
    
  width: 100%;
    margin-top: 90%;
    margin-left: -10%;
}

.footer_ten{
    position: relative;
 top: 1550px;
   
}

.footer_nine{
    margin-top: -20%;
   width: 80%;

}
.footer_six{
    margin-top: 100%;
}

.age_es_one,.age_ej_one,.age_nur_one,.age_pg_one {
  margin-bottom: 10%;
}





.img_es,.img_ej,.img_nur,.img_pg{
    display: none;
}
.gals{
    margin-left: -20%;
 
}
.w3-center{
    margin-left: 45%;
}

.last {
  
    font-size: 15px;
}

.footer_five{
    margin-top: -15%;
}

.eurofit img,.yoga img{
    margin-top: -20%;
}

.euromusic img{
    margin-top: 5%;
}


/* .mindful img{
 padding-left: 15%;
   
} */
/* 
.euphonics img{
    margin-top: -90%;
}

.science img{
    margin-top: -40%;
}

.mathlab img{
    margin-top: -8%;
} */

.cross img{
    margin-top: 20%;

}

.crosstwo img{
    margin-top: 20%;
}

.crossfour img{
    margin-top: 70%;
}

.hide_sci{
  margin-top: -10%;
  width: 70%;
  margin-left: 20%;
}

.content{
    margin-top: -10%;
    width: 100%;
    margin-left: 40%;
}



}

@media only screen and (max-width: 1200px){
.last{
    font-size: 15px;
    margin-bottom: 10%;
}

.cross img{
  position: relative;
  top: -75px;
}

.crosstwo img{
    position: relative;
    top: -110px;
}

.crossthree img{
  position: relative;
  top: -80px;

}

.crosssix img{
    position: relative;
    top: -40px;
}

.mindful img{
    margin-top: 7%;
    margin-left: 25%;
}

.footer_four{
    height: 500%;
}
.euonia_para{
    margin-bottom: 20%;
}
.footer_five{
    height: 900%;
}
.map{
    height: 25%;
}
.footer_ten{
    height: 500%;
    margin-top: 50%;
}
.content{
    margin-top: -3%;
}

}

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


    .budd img{display: none;
    }
    
   
.header{
    display: none;
}

    .pos{
        width: 100%;
     
    }
   .imag{
       width: 100%;
     
         }

   .butt{
       font-size: 13px;
   }
   .tabular h1,h2,h3{
       font-size: 18px;
   }

 .bug img{
     width: 40%;
 }

.picture_exp p{
    margin-left: -30%;
    padding: 13%;
}

.exp{
    font-size: 25px;
    margin-left: -2%;
    margin-top: 2%;
}

.resworld{
    width: 80%;
 
}

.picture_exp2 p{
    margin-left: -30%;
    padding: 13%;
}

.expert_bud img{
    margin-left: -10%;
}

.last{
    margin-top: -20%;
}
.footer_one{
    margin-top: 20%;
}


.prog p{
    margin-top: 10%;
}

.img_nur img{
  margin-left: 80%;
  width: 20%;
}

.img_pg img{
    margin-left: 80%;
    width: 20%;
}
.footer_five{
    margin-top: 20%;
}
.less img{
  margin-top: 10%;
}
.footer_six{
    margin-top: 15%;
}
.crossfour img{
    margin-top: -20%;
    margin-left: 10%;
}
.hide_euph{
    width: 50%;
    margin-left: 40%;
}
.hide_math{
    width: 50%;
    margin-left: 40%;
}

.hide_sci{
    width: 50%;
    margin-left: 40%;
}

.hide_mind{
    width: 50%;
    margin-left: 40%;
}
.hide_eurofit{
    width: 50%;
    margin-left: 20%;
}

.cross img{
    margin-top: 10%;
}
.hide_yoga{
    width: 50%;
    margin-left: 40%;
}
.hide_music{
    width: 70%;
    margin-left: 20%;
   
}
.crosstwo img{
    margin-top: 20%;
    margin-bottom: -20%;
}
.footer_eight{
    margin-top: -20%;
}
.content{
    margin-top: 10%;
  
}
.footer_ten{
    margin-top: 50%;
}

.tab_one button{
    margin-top: 10%;
    padding-bottom: 10px;

}
.tab_onecontent{
    width: 90%;
}
.tab_one{
    width: 55%;
    margin-left: 30%;
   
}
.maname p{
    font-size: 18px;
    margin-top: 3%;
}

.head{
    font-size: 25px;
}
.resonline img{
    width: 40%;
}

.reslast_1 p{
    margin-left: 35%;
    font-size: 18px;
}
.mob_tab img{
    margin-left: 50%;
    width: 20%;
}

.impcon{
    font-size: 23px;
}
.resimpara1 p, .resimpara2 p {
    font-size: 18px;
}

.partner{
    
    margin-left: 50%;
    margin-top: 1%;
}

.preschool p{
width: 80%;
margin-left: 10%;

}

.budstab{
  
width: 90%;
}

.tab_one button{
    font-size: 11px;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 2%;
    margin-right: 1%;
    height: 5%;
}
.tab_one{
    position: relative;
    top: 280px;
    left: -1px;
    width: 56%;
}
.effpic img{
    width: 40%;
    margin-left: 10%;
}
.respara{

    margin-left: -20%;
 
}
.respara p{
    font-size: 19px;
}

.buddy_para{

    margin-right: -12%;
    margin-left: -2%;
}



.footer_one{
    position: relative;
    top: 200px;

}
 

.footer_two{
    margin-top: 30%;
}

.footer_five{
  
    margin-top: -20%;
}
.footer_six{
    width: 80%;

    padding-right: -20%;
    margin-left: 10%;


}

}

@media only screen and (max-width: 599px){
    
      .header_one {
        display:grid;
        
    }

.picture_exp p {
 
margin-left: -70%;
 font-size: 15px;
}

.picture_exp img{
    width: 80%;
    margin-left: 10%;
}

.crossthree{
   position: relative;
   top: -190px;
}
.crosssix{
    position: relative;
    top: -120px;
}

.crossfive{
    position: relative;
    top: -120px;
}
.buddy_para{
    width: 80%;
}
.picture_exp{
    margin-left: 30%;
}

.picture_exp2 p{
    margin-left: -70%;
    font-size: 15px;
   }
   .picture_exp2 img{
    width: 80%;
    margin-left: 10%;
}

.picture_exp2{
    margin-left: 30%;
}
.expert_bud{
    margin-left: 50%;
    margin-top: -20%;
}

.paragraph{
    margin-top: -20%;
}
.effpic img{
    width: 30%;
    margin-left: 2%;
}
.last{
    margin-top: -100%;
}

.ek{
    margin-top: 120%;
}
.best{
    margin-top: -20%;
}
.pro{
    margin-top: 20%;
}


.age_pg_one,.age_nur_one,.age_ej_one,.age_es_one{
    margin-top: -10%;
    margin-bottom: 20%;
}
.buddy_para{
  width: 80%;
}
p.topic{
    margin-left: 20%;
   width: 100%;
}

.mindful{
padding-left: 10%;
position: relative;
top: -165px;
}

.euphonics{
   position: relative;
   left: -150px;
   top: -50px;
}

.science{
    position: relative;
    
    top: -195px;
}
.mathlab{
    position: relative;
    
    top: -170px;
}

.footer_six{
    margin-top: 30%;
    width: 40%;
}

.buddy_para{
    width: 200%;
}

/* .footer_four{
    height: 50vh;
}
.footer_five{
    height: 100vh;
} */
.hide_eurofit{
    width: 90%;
    margin-left: 5%;
    margin-top: -50%;
}
.hide_yoga{
    width: 90%;
    margin-left: 5%;
    margin-top: -50%;
}

.hide_music{
    width: 90%;
    margin-left: 5%;
    margin-top: -50%;
}

.hide_mind{
    width: 90%;
    margin-left: 5%;
    margin-top: -50%;
}

.hide_euph{
    width: 90%;
    margin-left: 5%;
    margin-top: -50%;
}

.hide_sci{
    width: 90%;
    margin-left: 5%;
    margin-top: -50%;
}
.hide_math{
    width: 90%;
    margin-left: 5%;
    margin-top: -50%;
}

.budstab{
    margin-left: -5%;
    width:150%;
}
.tab_onecontent img{
  
    width: 100%;
}
.tab_one {
position: relative;
top: 370px;
left: 4%;
width: 80%;
}

.tab_one button{
    width: 28%;
}
.test{
    margin-top: 20%;
}
.gals{
    margin-left: -15%;
}
.map{
    height: 20%;
}

.footer_eight{
    margin-top: -100%;
}
.footer_nine{
    margin-top: -40%;
}

 .content{
    margin-top: 125%;
    margin-left: 15%;
} 


.footer_ten{
    margin-top: 40%;
}



}


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

 .map{
     height: 27%;
 }
 
/* 
 .euphonics img{
  padding-right: -50%;
 }
 .science img{
     padding-right: -50%;
  
 } */
 .footer_nine{
     padding-top: 150%;
 }


 .footer_ten{
     margin-top: 200%;
 }

 .footer_ten p{
margin-top: 20%;
 }
.less_down{
    display: none;

}
    .less{
        display: none;
      
    }
.less {
    padding-top: 100%;
}
    .footer_six{
   
        width: 70%;
    }
.picture_exp{

 margin-left: 20%;
}
.picture_exp p{
    width: 40%;
    font-size: 12px;
  margin-left: -10%;
}
.picture_exp2{
   
    margin-left: 20%;
}
.picture_exp2 p{
    width: 40%;
    font-size: 12px;
  margin-left: -10%;
    
}


.imaging p{
    width: 250%;
}

.footer_two{
    margin-top: 60%;
}
.maname p{
  margin-top: 7%;
}
.less{
    margin-top: 80%;
    margin-left: 20%;
}
.video{
    margin-top: 10%;
    margin-left: 15%;
    width: 50%;
}
.tab_onecontent img{
    width: 100%;
 
}


.youtube_pic {
  
    width:100%;
      margin-left: 5%;margin-top: 4%;
       border: 2rem solid #66ccce;
        border-radius: 2rem;

}
.topic{
    width: 80%;
    margin-left: 5%;
}

.tab_one{

   
margin-left: 25%;
position: relative;
top: 80px;

}

.testimony p{
    margin-left: 20%;
}
.budstab{
    width: 80%;
    margin-left: 5%;

}
/* .mindful img{
    margin-left: 15%;
    margin-top: 7%;
} */
.buddy_para{
width: 100%;
}


/* .euphonics img{
 margin-left: 2%;
 padding-top: 30%;
}
.mathlab img{
    margin-top: -12%;
    margin-left: 5%;
}
.science img{
 margin-top: 20%;
 margin-left: 5%;
}
 */

.crosstwo img{
    margin-top: -10%;
}
.crossthree img{
    margin-top: -30%;
}

.crossfive img{
  margin-top: -100%;
}

.crosssix img{
    margin-top: -50%;
}
.budpar p{
    width: 60%;
    margin-left: 10%;
}


.gals{ 
    margin-left: -25%;
    width: 150%;
}


}


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

.tab_onecontent {
margin-left: 20%;
}

.content{
    margin-top: 250%;
}
.video{
    width: 480%;
    margin-left: -2%;
  
}

.budpar p{
    width: 40%;
margin-left: 5%;
}

.footer_one{
margin-top: 100%;
}
.budstab {
    width: 100%;
}

.imaging p {
    width: 200%;

}

.butt{
    margin-left: 10%;
}

.footer_nine{
    margin-top: 20%;
}
.footer_one{
  width:100%;


}
.pictu{
    display: none;
}

.footer_six{
    padding-top: 400%;
}
.w3-center{
margin-left: 25%;
}
.pic{
  width: 40%;
  
  margin-top: 10%;
  margin-left: -15%;
}

.ek{
    margin-top: 200%;
}
.footer_ten p{
    margin-top: 50%;
}


.footer_two{
 width:90%;
 margin-left: 5%;
 margin-top: -210%;

padding-right: 70%;
padding-top: 350%;
}
.ek_para p{
    width: 45%;
}






.tab_one{
  position: relative;
  top: 80px;
  width: 100%;
  left: -8%
}



.tab_one button{
    width: 30%;
}

.nine{
    margin-top: 50%;
}
.part {
  width: 420%;
  margin-left: 10%;
}
.man,.yel{
    display: none;
}

.partner{
    margin-left: 4%;
    width: 450%;
}
.test{
    margin-top: -50%;
}
.prepara{
    width: 90%;
}

.eurokidshead{
  width: 40%;
  margin-top: 20%;
}

.eurokidshead p{
margin-left: -10%;
font-size: 23px;
}
.footer_three{
    width:100%;
   padding-right: 15%;
   padding-top: 250%;

margin-top: -250%;
    
}
.prog{
    display: none;
}

.age_pg_one a,.age_nur_one a,.age_ej_one a,.age_es_one a{
    margin-left: -10%;

}


.tabcontentforclasses h3{
    margin-left: 10%;
}


.preschool {
 
  width: 100%;
  
}
.preschool p{
    width: 100%;
    margin-left: -5%;
}
.pro{
    margin-top: 110%;
    margin-left: -35%;
    width: 100%;
}

.pro p{
    width: 100%;
}

.propara li{
    width: 100%;
}
.footer_five{
  
  width: 100%;
  padding-right: 80%;
  padding-top: 550%;
margin-top: -250%;
}
.video{
    margin-top: 80%;
    margin-left: -15%;
}

.euonia a {
margin-left: 200%;
}
.euonia_para{
    width: 450%;
}



.map{
    height: 23%;
}

.top{
    display: none;
}
.footer_ten{
    height:500%;
}


}


@media only screen and (max-width: 899px){
    
     .sticky_one{
        display: none;
      }
   
    .imag{
       display: none;
    }

.buddy_para{
    width: 100%;
}

.footer_ten p{
    margin-top: 20%;
}

.age_pg_one a,.age_nur_one a,.age_ej_one a,.age_es_one a{
   margin-left: -50%;
}

.tab_onecontent{
    width: 85%;
    padding-left: 10%;
}

.tab_onecontent img{
    width: 85%;
    margin-left: -20%;
    margin-top: -10%;
}
.tab_one {
width: 60%;
margin-left: 25%;
}

.picture_exp,.picture_exp2{
    margin-left: 10%;
}



.expert_bud img{
    margin-left: -40%;
}

.imaging{
    margin-left: -3%;
    width: 50%;
}

.budd img{
   display: none;
}


/* .footer_four{
    height: 50vh;
}

.footer_five{
    height: 90vh;
} */
.footer_nine{
    margin-top: 80%;
}
.less{
    margin-top: 20%;
}

.map{
    height: 25%;
}

.mindful img{
    margin-left: 1%;
}

.science img{
    margin-left: -120%;
    margin-top: -60%;
}
.budstab {
    width: 100%;
}

.footer_one{
    margin-top: 120%;
}
.paragraph{
    margin-left: 60%;
    margin-right: 5%;
}

.footer_six{
    margin-top: 100%;
}


.reslast_1{
    margin-top: 15%;
    width: 100%;
}

}