@media (max-width: 600px) {
  #nav {
    height: 60px;
  }
  #nav .logo {
    font-size: 2.5vw;
    /* box-shadow: 0 3px 5px green; */
  }
  #nav .middle > a {
    font-size: 2.3vw;
    margin: 0 5px;
  }
  #nav .right > button {
    padding: 1.3vw 2vw;

  }
  .backSlider {
    height: 30vh;
    width: 100%;
    /* border: 2px solid red; */
  }
  .backSlider .mySlider > img {
    width: 100%;
    height: 30vh;
  }
  #slider .fontSlider > h3 {
    font-size: 30px;
    margin-top: -7vh;
  }
  #slider .fontSlider .right > button {
    margin-left: 6vw;
  }
  .examSection {
    width: 100%;
    height: 40vh;
  }
  .examSection > h1 {
    margin-top: 3vh;
    font-weight: 400;
  }
  .examSection .box {
    height: 10vh;
    width: 23vw;
  }
  .examSection .box > img {
    width: 60px;
    height: 55px;
    align-items: center;
    margin-left: 5vw;
    margin-top: 0.1vh;
  }
  .examSection .box > a {
    font-weight: 600;
    margin-top: 8vh;
    font-size: 3vw;
    margin-left: 5vw;
  }
  #lastPage {
    width: 100%;
    height: 45vh;
  }
  #lastPage .firstLeft {
    margin-top: -2vh;
  }
  #lastPage .firstLeft > h2 {
    margin-left: 7vw;
    font-weight: 400;
    font-size: 4vw;
  }
  #lastPage .firstLeft > h1 {
    margin-left: 7vw;
  }
  #lastPage .firstRight > img {
    height: 60%;
    width: 100%;
  }
  #lastPage .firstLeft .right > button {
    margin-top: 3vh;
    padding: 2vw 2vw;
    font-size: 10px;
  }
  .counter {
    margin-top: -17vh;
    height: 12vh;
    width: 80%;
  }

  /* #aboutPage .aboutLeft{

  } */
  #aboutPage{
    height: 42vh;
    width: 100%;
  }
  #aboutPage .aboutRight .rightDiv {
    height: 10vh;
    width: 20vw;
  }
  #aboutPage .aboutRight #aboutRight1>h3{
    margin-top: 1.5vh;
    font-size: 2vw;
    padding: 0 1vh;
    
  }
  #aboutPage .aboutRight #aboutRight1>p{
    margin-top: .4vh;
    font-size:1.5vw;
    padding: 0 1vw;
   
  }
  #aboutPage .aboutRight #aboutRight2 {
    margin-top: 22vh;
  }

  #aboutPage .aboutRight #aboutRight2>h3{
    margin-top: 1.5vh;
    font-size: 2vw;
    padding: 0 1vh;
    
  }
  #aboutPage .aboutRight #aboutRight2>p{
    margin-top: .4vh;
    font-size:1.5vw;
    padding: 0 1vw;
   
  }
  
  #aboutPage .aboutRight #aboutRight3 {
    margin-top: 5;
    margin-left: 28vw;
  }

  #aboutPage .aboutRight #aboutRight3>h3{
    margin-top: 1.5vh;
    font-size: 2vw;
    padding: 0 1vh;
    
  }
  #aboutPage .aboutRight #aboutRight3>p{
    margin-top: .4vh;
    font-size:1.5vw;
    padding: 0 1vw;
   
   
  }
  #aboutPage .aboutRight #aboutRight4 {
    margin-top: 28vh;
    margin-left: 28vw;
  }
  #aboutPage .aboutRight #aboutRight4>h3{
    margin-top: 1.5vh;
    font-size: 2vw;
    padding: 0 1vh;
    
  }
  #aboutPage .aboutRight #aboutRight4>p{
   margin-top: .4vh;
    font-size:1.5vw;
    padding: 0 1vw;
   
  }
  #aboutPage .aboutLeft .aboutLeftContent > h1 {
    font-size: 5vw;
  }
  #aboutPage .aboutLeft .aboutLeftContent p {
    font-size: 2.5vw;
  }
  #aboutPage .aboutLeft .aboutLeftContent .right > button {
    font-weight: 700;
    font-size: 3vw;
    margin-top: 4vh;
    padding: 2.5vw 5vw;
  }
  #footer{
    height: 50vh;
    width: 100%;  
  }
  #footer .heading>h3{
    font-size: 3vw;
    padding: 0 2vw;
  }
  #footer .heading>h3:nth-child(1){
    font-size: 5vw;
    color: blue;
  }
  #footer .heading>h3{
    margin: 4vh 0.5vw ;
  }
  #footer .content>p{
    width: 15vw;
    margin-left: 2vw;
    font-size: 2.5vw;
  }
  
  #footer .content>a{
    font-size: 3vw;
    margin-left: -10vw;
    padding: 0 12vw;
  }
  #footer .content .socailMedia a>img{
    width: 5vw;
  }
  #footer>p{
    margin-top: 15vh;
    font-size: 3vw;
  }
  #footer .firstA{
    color: red;
    
  }
}