@media only screen and (max-width: 992px) {
/* Margin Column */
.col-lg-3, .col-lg-4{
  margin-bottom: 40px;
}
/* Margin Column End*/

  /* Navbar */
.navbar-brand img {
  width: 100px;
}

nav.navbar {
  padding: 30px 0;
  background-color: #00ADC5;
}

.navbar .navbar-nav {
  margin-left: auto;
}

.navbar-nav .nav-link {
  margin-right: 20px;
  margin-left: 20px;
  font-weight: 500;
  color: #fff;
}
/* Navbar End */

/* Hero Banner */
#HeroBanner{
  background-color: #00ADC5;
  color: #fff;
  text-align: center;
  padding-top: 40px;
}

#HeroBanner img{
  width: 100%;
}

#HeroBanner span{
  color: #FFE600;
}
/* Hero Banner End*/

/* Class List */
#ClassRec{
  padding-top: 30px;
  padding-bottom: 50px;
}

#ClassRec .card{
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.15);
}

#ClassRec .card-body {
  padding: 30px 15px;
}

#ClassRec .card-body .course-type{
  color: #FFA800;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

#ClassRec .card-body .course-title{
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}

#ClassRec .card-body .course-price{
  color: #FFA800;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
}

#ClassRec .card-bottom{
  margin: auto;
}
/* Class List End */

/* Title List */
#title-class{
  padding-top: 50px;
}
/* Title List End */

/* Mandatory Margin */
#partner-section,
#newsletter-section,
#why-section,
#banner-article{
  padding: 50px 0;
}
/* Mandatory Margin  End*/

/* Why Section */
#why-section .why-desc{
  color: #CDCDCD;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}
/* Why Section End */

/* Banner Artcile */
/* Banner Article End */

/* News Letter */
#newsletter-section span{
  color: #FFA800;
}
#newsletter-section p{
  color: #CDCDCD;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}
/* News Letter End*/

/* Footer */

#footer .container {
  padding: 50px 30px;
  text-align: left;
}

#footer img {
  width: 95px;
}

#footer .text-footer {
  margin-top: 20px;
}

#footer p {
  font-size: 14px;
  font-weight: 300;
}

#footer .footer-row{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top: 1px solid #cdcdcd;
  padding-top: 40px;
}

#footer .row .icon-social-media {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 10px;
}

#footer .row .icon-social-media a img {
  width: 24px;
}

#footer .row .icon-synapse a img {
  margin-top: 20px;
  width: 80%;
}
/* Footer End */

}