/*************************************************
              Responsive media query    
**************************************************/

/* Large devices (-xxl-, <1200px) */
@media only screen and (max-width: 1599.98px) {
  .navbar-brand {
    /* margin-left: 12rem; */
    margin-left: 14rem;
     
}
.modal--signup h1 {
  color: #fff;
  font-family: 'magrabold', sans-serif;
  font-size: 6rem;
  line-height: 6rem;
}
.modal--signup img {
    height: 10rem;
}
  .footer__text {
    font-size: 1.5rem;
  }
  #Boardsec div:first-child {
   
    top: -90px;
       padding: 95px 0px 10px;
}

 
.event__details {
     
  padding-left: 50px;
  }
  .event__title {
   padding-left: 50px;
}
.collapse{
    display: block;
    height: auto !important;
    visibility: visible;
  }
}
/* Large devices (-xl-, <1200px) */
@media only screen and (max-width: 1399.98px) {

  .navbar-brand {
    /* margin-left: 12rem; */
    margin-left: 10rem;
     
}
.modal--signup h1 {
  color: #fff;
  font-family: 'magrabold', sans-serif;
  font-size: 4rem;
  line-height: 4rem;
}
.modal--signup img {
    height: 10rem;
}
  .event__details {
     
    padding-left: 70px;
  }
    .event__title {
   padding-left: 70px;
}
#Boardsec div:first-child {
   
    top: -90px;
       padding: 95px 0px 10px;
}
  
 
.calendar--month {
    
    position: relative;
    top: 4%;
    text-align: center;
}

.collapse{
    display: block;
    height: auto !important;
    visibility: visible;
  }

}
/* Large devices (-lg-, <1200px) */
@media only screen and (max-width: 1199.98px) {
 
#Boardsec div:first-child {
   
    top: -90px;
       padding: 95px 0px 10px;
}
.navbar-brand {
    /* margin-left: 12rem; */
    margin-left: 7rem;
     
}
.modal--signup h1 {
  color: #fff;
  font-family: 'magrabold', sans-serif;
  font-size: 4rem;
  line-height: 4rem;
}
.modal--signup img {
    height: 10rem;
}
  .cta .border--lineheading-2 {
    font-size: 5rem;
  }
  .event__details {
     
    padding-left: 70px;
  }
    .event__title {
   padding-left: 70px;
}
   .heading-3 {
    font-size: 5rem;
  }
 
.calendar--month {
    
    position: relative;
    top: 4%;
    text-align: center;
}
.collapse{
    display: block;
    height: auto !important;
    visibility: visible;
  }

}
/* Medium devices (-md-, <992px) */
@media only screen and (max-width: 991.98px) {
  
  html {
    font-size: 56.25%;
  }
   .swiper-slide--image{

    width: 100% !important;
    height: auto;
    padding-bottom: 10px;

   } 
   .modal--signup p {
    color: #fff;
    font-family: 'magraregular', sans-serif;
    font-size: 2.0rem;
    /* transition: all 0.2s; */
}
   .modal--signup h1 {
  color: #fff;
  font-family: 'magrabold', sans-serif;
  font-size: 2.5rem;
  line-height: 3.5rem;
}
.navbar-brand {
    /* margin-left: 12rem; */
    margin-left: 5rem;
     
}
    .swiper-slide--image{

        text-align: center;
   }
  .swiper-slide--text{
    width: 100% !important;


   }
   .fine-arts--workshop-slide-image {
     height:  auto !important;
}
 #Boardsec h3.heading-3{
  padding-left: 0px;
}
  form>div.d-flex{

display: flex !important;
}
.d-flex {
    display: block !important;
}
  .modal--signup {
    width: 92%;
  }

  .sidebar {
    height: 90vh;
  }

  .banner {
    height: 90vh;
  }

  #overlay {
    height: 94.5%;
  }

  .overlay {
    height: 94.5%;
  }

  .carousel-indicators {
    bottom: 29px;
  }
  .calendar__box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .buttons-container {
    width: 100%;
  }
  .instructorsh2 {
   
  color: #505450;
  text-align: center;
}
  .heading-2 {
    font-size: 5rem;
  }
.heading-3 {
    font-size: 5rem;
  }
  h2{
     font-size: 2.8rem;
  }
  h3{
     font-size: 2.5rem;
  }

  .contact-us__details--social-text {
    font-size: 2rem;
  }
  .event__details {
     
    padding-left: 70px;
  }
  .event__title {
     
    padding-left: 70px;
  }
 
    .freeArtWorkshop, .fineArtWorkshop, .drumWorkshop, .musicWorkshop, .christmasSpecial{

      max-width: 100%;
    height: 230px;
    }

 
.calendar--month {
    
    position: relative;
    top: 4%;
    text-align: center;
}

  .category__icon {
    height: 7rem;
    padding: 0.5rem;
    width: 17.2vw;
    margin-bottom: 3rem;
    margin-left: 6rem;
     
    }
 .swiper-button-prev, .swiper-button-next {
     
     
    top: 3rem;
    right: 0;
    }

    .collapse{
    display: block;
    height: auto !important;
    visibility: visible;
  }/*
  .fine-arts--text .class__left-side--title {
    font-family: 'magraregular', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
}

.class__left-side--title-text {
    font-family: 'magraregular', sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
      padding-top: 20px;
      padding-left: 10px; 
}*/
}
/* Small devices (-sm-, <768px) */
@media only screen and (max-width: 767.98px) 
{
  html {
    font-size: 50%;
 }

 .modal--signup img {
    height: auto;
}
.modal--signup p {
    color: #fff;
    font-family: 'magraregular', sans-serif;
    font-size: 2.0rem;
    /* transition: all 0.2s; */
}

  .modal--signup h1 {
  color: #fff;
  font-family: 'magrabold', sans-serif;
   font-size: 2.5rem;
  line-height: 3.5rem;
}
/*
 .swiper-slide--image{

    display: none;
   }*/

   .navbar-brand {
    /* margin-left: 12rem; */
    margin-left: 14rem;
   
}
    .fine-arts--workshop-slide-image {
     height:  auto !important;
}
 .swiper-slide--text{
  width: 100% !important;

 }

.swiper-slide {
    width: 100%;
    display: block;
    text-align: left;
    padding: 10px;
}
 .swiper-slide--image{

        text-align: center;
   }

 .freeArtWorkshop, .fineArtWorkshop, .drumWorkshop, .musicWorkshop, .christmasSpecial{

      max-width: 100%;
    height: 230px;
    }

  form>div.d-flex{

display: flex !important;
}
  .d-flex {
    display: block !important;
}
  .col-md-4.details_card {
    margin: 40px auto 0;
  }
  .program__text-box--1::before {
    display: none;
  }
  .modal--signup .form-input {
    margin-right: -3px;
    width: 50%;
  }
.instructorsh2 {
   
  color: #505450;
  text-align: center;
}
  .heading-3 {
    font-size: 5rem;
  }
  h2{
     font-size: 2.8rem;
  }
  h3{
     font-size: 2.5rem;
  }
.sub-heading {
   
    padding: 0px !important;  
}
 /* .event--02,
  .event--03,
  .event--04 {
    display: none;
  }*/
   .navbar {
   /* width: 45.6rem; */
   width: auto !important;
    height: 5rem;
    font-family: 'Magra', sans-serif;
    font-weight: 700;
    z-index: 100;
    margin-left: -14.5rem !important;
  }
.event__details {
     
  padding-left: 80px;
  }
    .event__title {
   padding-left: 80px;
}
   
  .sidebar {
    height: 91vh;
  }

  .banner {
    height: 90vh;
  }

  #overlay,
  .overlay {
    height: 96.5%;
  }

  .carousel-indicators {
    bottom: 3rem;
  }
  .calendar__box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .buttons-container {
    width: 100%;
    padding-top: 5rem;
  }


  .carousel-indicators {
    background-color: transparent;
    margin-left: 0;
    justify-content: center;
  }
  .banner #slidetext,
  .design-element__yellow,
  .design-element__dark,
  {
    display: none;
  }
 /*button*/
  .carousel-indicators--text {
    justify-content: center;
    flex-basis: 30%;
  }
  .bars-toggler {
    display: block;
  }

.view--all {
    position: absolute;
    text-decoration: underline;
    cursor: pointer;
    bottom: -2px;
    top: 22px;
    /* left: 85%; */
    right: 0;
}
  /*.view--all {
    position: absolute;
    text-decoration: underline;
    cursor: pointer;
    bottom: -1rem;
    left: 45%;
    right: auto;
  }*/
  .cta .border--line:after {
    display: none;
  }
  }
  .cta button {
    display: block;
  }
  .heading-2 {
    text-align: center;
  }
  .border--line + div p {
    /*text-align: center;
    font-size: 20px;*/
  }
  .form-group {
    justify-content: center;
  }

  .class__heading span {
    display: none;
  }

  .class__image {
   /* display: none;*/
  }

  .class__black-box {
    margin-bottom: 3rem;
  }

  .border--right {
    display: none;
  }
.category__icon {
    height: 7rem;
    padding: 0.5rem;
    width: auto;
    margin-bottom: 3rem;
    margin-left: 6rem;
    /* padding-left*/
    }
    .category__text {
    font-family: 'magraregular', sans-serif;
    font-weight: 400;
    font-size: 3.4rem;
    color: #fff;
    padding-bottom: 5rem;
    MARGIN-LEFT: 30PX;
}

#Boardsec div:first-child {
   /* padding: 105px 50px 10px;
    
  padding: 105px 10px 10px;*/


  padding: 95px 3px 10px;

  }
  #Boardsec div:nth-child(2) {
    padding: 0;
    margin-top: 50px;
    
    position: unset;
    }
   /* #Boardsec h3.heading-3{
      padding: 0;
    }*/
}
#Boardsec h3.heading-3{
  padding-left: 10px;
}
 .swiper-button-prev, .swiper-button-next {
     
     
    top: 3rem;
    right: 0;
    }

.collapse{
    display: block;
    height: auto !important;
    visibility: visible;
  }
   .class__left-side--title {
    font-family: 'magraregular', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
}

.class__left-side--title-text {
    font-family: 'magraregular', sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
      padding-top: 20px;
      padding-left: 10px; 
}


}
/* Extra small devices (-xm-, <576px) */
@media only screen and (max-width: 575.98px) {
  html {
    font-size: 45%;
  }
.swiper-slide {
    width: 100%;
    display: block;
    text-align: left;
    padding: 10px;

}
.modal--signup img {
    height: auto;
}
.modal--signup p {
    color: #fff;
    font-family: 'magraregular', sans-serif;
    font-size: 2.0rem;
    /* transition: all 0.2s; */
}
 .modal--signup h1 {
  color: #fff;
  font-family: 'magrabold', sans-serif;
  font-size: 2.5rem;
  line-height: 3.5rem;
}
.navbar-brand {
    /* margin-left: 12rem; */
    margin-left: 8rem;
    
}
 .freeArtWorkshop, .fineArtWorkshop, .drumWorkshop, .musicWorkshop, .christmasSpecial{

      max-width: 100%;
    height: 230px;
    }

   .swiper-slide--image{

        text-align: center;
   }

form>div.d-flex{

display: flex !important;
}
.instructorsh2 {
   
  color: #505450;
  text-align: center;
}
  .d-flex {
    display: block !important;
}
  #TVsec div:first-child {
    padding: 105px 50px 10px;
  }
  #details_AJ {
    padding: 40px 0 0;
    background-color: #595958 !important;
    background: none;
    position: relative;
    top: -50px;
    left: 0;
  }
  #Boardsec h3.heading-3{
  padding-left: 10px;
}
  .heading-3 {
    font-size: 5rem;
  }
  h2{
     font-size: 2.8rem;
  }
  h3{
     font-size: 2.5rem;
  }
  .col-md-4.details_card {
    background: #2d302d;
    padding: 10% 15%;
  }
  .details_card > div {
    
  }
  .sub-heading {
     
      padding: 0px !important;  
}
  #TVsec div:first-child {
    padding: 105px 50px 10px;
    background-color: #595958;
    background-image: none;
  }
  #TVsec div:nth-child(2) {
    padding: 0;
    margin-top: 50px;
    background-image: none;
    position: unset;
    }
  .navbar {
   /* width: 45.6rem; */
    width: auto !important;
    height: 5rem;
    font-family: 'Magra', sans-serif;
    font-weight: 700;
    z-index: 100;
    margin-left: -14.5rem !important;
  }

  .banner {
    height: 90vh;
  }
  .calendar__box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .buttons-container {
    width: 100%;
    padding-top: 5rem;
  }

  .carousel-indicators {
    background-color: transparent;
    margin-left: 0;
    justify-content: center;
  }
  .banner #slidetext,
  .design-element__yellow,
  .design-element__dark,
    {
    display: none;
  }

  .carousel-indicators--text {
    justify-content: center;
    flex-basis: 30%;
  }
  .bars-toggler {
    display: block;
  }

  /*.view--all {
    position: absolute;
    text-decoration: underline;
    cursor: pointer;
    bottom: -1rem;
    left: 45%;
    right: auto;
  }*/
.view--all {
    position: absolute;
    text-decoration: underline;
    cursor: pointer;
    bottom: -2px;
    top: 22px;
    /* left: 85%; */
    right: 0;
}
  .cta button {
    display: block;
  }
  .form-group {
    flex-direction: column;
  }
  .form-input {
    width: 100%;
    margin-bottom: 10px;
  }
  .form-input::placeholder {
    text-align: center;
  }

  .class__heading span {
    display: none;
  }

  .class__image {
    display: none;
  }

  .class__black-box {
    margin-bottom: 3rem;
  }

  .border--right {
    display: none;
  }

  .contact-us__map {
    grid-row: 3 / 4;
  }

  .contact-us__details {
    grid-row: 2 /3;
  }

  .contact-us__details--social-heading {
    font-size: 1.5rem;
  }

  .contact-us__details--social-text {
    font-size: 3rem;
  }

  .contact-us__details {
    background-color: transparent;
  }
  .fine-arts__image {
    display: none;
  }

  .fine-arts--classes .swiper-slide,
  .swiper-slide {
    width: 100%;
  }

  .swiper-button-prev,
  .swiper-button-next {
    top: 3rem;
  }
  .fine-arts--classes .swiper-button-prev,
  .fine-arts--classes .swiper-button-next {
    top: 3rem;
  }

  #instructor--1,#instructor--2 {
    flex-direction: column;
    text-align: center;
  }

  /*#instructor--2 .fine-arts--instructors-image,
  #instructor--2 .fine-arts--instructors-details {
    display: none;
  }*/

  .social-icon__box {
    margin-left: auto;
    margin-right: auto;
  }

  .program .swiper-slide {
    width: 100%;
  }

  .category__icon {
    height: 7rem;
    padding: 0.5rem;
    width: 17.2vw;
    margin-bottom: 3rem;
    margin-left: 6rem;
    /* padding-left*/
    }
    .category__text {
    font-family: 'magraregular', sans-serif;
    font-weight: 400;
    font-size: 3.4rem;
    color: #fff;
    padding-bottom: 5rem;
    MARGIN-LEFT: 30PX;
}
 .event__details {
    padding-left: 70px;
}
  .event__title {
   padding-left: 70px;
}

#Boardsec div:first-child {
    /*padding: 105px 10px 10px;*/
    padding: 105px 10px 10px;
}
  #Boardsec div:nth-child(2) {
    padding: 0;
    margin-top: 50px;
    
    position: unset;
    }

    #Boardsec> h3{
      padding: 0;
    }

    .swiper-button-prev, .swiper-button-next {
     
     
    top: 3rem;
    right: 0;
    }

    .collapse{
    display: block;
    height: auto !important;
    visibility: visible;
  }

   .class__left-side--title {
    font-family: 'magraregular', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
}

.class__left-side--title-text {
    font-family: 'magraregular', sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
      padding-top: 20px;
      padding-left: 10px; 
}

 

}
/*@media screen and (max-width: 576px) and (min-width: 200px) {
   .event__details {
    padding-left: 80px;
}
}*/

/*@media (min-width: 768px) {
  
}*/