@media screen and (max-width: 992px) {
  div#about {
      width: 100% !important;
      margin-left: 0px !important;
  }
}
  
@media screen and (max-width: 992px) {
  div#about img {
      width: 100% !important;
      height: auto !important;
      display: block !important;
      margin: auto !important;
      margin-bottom: 10px !important;
  }

}

@media screen and (max-width: 576px) {
  div#about-section img {
      margin-bottom: 50px !important;
    width: 50% !important;
    height: auto !important;
    display: block;
    margin: auto;
  }

}

@media screen and (max-width: 768px) {
  div#about-section img {
      width: 100% !important;
      height: auto !important;
  }

}

@media screen and (max-width: 992px) {
  div#test-section .description {
      margin-bottom: 50px !important;
  }

}

@media screen and (max-width: 992px) {
  .description-box {
      margin-bottom: 20px !important;
  }

}

@media screen and (max-width: 992px) {
  .grammar-box {
      margin-bottom: 20px !important;
      min-height: 625px !important;
  }

}

@media screen and (max-width: 992px) {
  .language-box {
      margin-bottom: 20px !important;
  }

}

@media screen and (max-width: 992px) {
  #carousel-section {
      display: none !important;
  }

}

@media screen and (max-width: 992px) {
  .contact-block {
      margin-bottom: 20px !important;
  }

}

@media screen and (max-width: 992px) {
  .footer p {
      font-size: 12px !important;
  }

}

@media screen and (max-width: 992px) {
  .footer img {
    width: 75px !important;
    height: auto;
    }
}

@media screen and (max-width: 992px) {
  .language-box img {
    height: 300px !important;
    width: auto !important;
    }
}

@media screen and (max-width: 992px) {
  #brain {
    min-height: 550px !important;
}
}

@media screen and (max-width: 1200px) {
  .carousel-block {
    padding-right: 60px !important;
}
}


@media screen and (max-width: 576px) {
  #brain {
    min-height: 350px !important;
    }
}

@media (max-width: 576px) {
.col-sm {
    min-width: 100% !important;
    height: 100% !important;
}
}

@media (max-width: 576px) {
.col {
    min-width: 100% !important;
}
}

