/*------------------------*/
/*EXTRA EXTRA LARGE LAYOUT*/
/*------------------------*/
@media screen and (min-width: 1400px) {
   
   .welcome img {
      max-width: auto;
      max-height: 380px;
      margin: 0 auto;
   }

   .welcome_note {
      padding-left: 20px;
   }

   ul.ul_131_a {
      margin-top: 40px;
   }
   
   .main_150 .side_news a:link,
   .main_150 .side_news a:visited {
      font-size: 1em;
      animation: moveInBottom .8s ease-out;
      animation-fill-mode: backwards;
   }

   /* Hide CONTACT DETAILS ON MD and DN screens */
   .contact_info_md-dn {
      display: none;
   }

}


/*------------------*/
/*EXTRA LARGE LAYOUT*/
/*------------------*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
   
   .main_150 .side_news a:link,
   .main_150 .side_news a:visited {
      font-size: 1em;
   }
   
   /* Hide CONTACT DETAILS ON MD and DN screens */
   .contact_info_md-dn {
      display: none;
   }
   
}


/*---------------------*/
/*LARGE AND DOWN LAYOUT*/
/*---------------------*/
@media screen and (max-width: 1199px) {
   
   /* Home page paragraphs reduce font size */
   .p_1_a,
   .p_1_b,
   .p_1_c {
      font-size: 0.9em;
   }


   /*---------TEMPLATE for PAGES 1.1 - 1.5---------*/
   
}


/*------------*/
/*LARGE LAYOUT*/
/*------------*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
   
   .main_121 .main_content img {
      max-width: 100%;
      height: 360px;
   }
   
   /* Hide CONTACT DETAILS ON MD and DN screens */
   .contact_info_md-dn {
      display: none;
   }
   
}


/*----------------------*/
/*MEDIUM AND DOWN LAYOUT*/
/*----------------------*/
@media screen and (max-width: 991px) {
   
   /* NAV */
   /*MAIN NAV LINKS: COLOR WHITE, SET FONT, CREATE INVISINLE BTM BORDER*/
   nav.navbar .navbar-nav .nav-link:link,
   nav.navbar .navbar-nav .nav-link:visited {
      color: #fff;
      transition: color 0.4s;
      border-bottom: none;
   }

   /*MAIN NAV LINKS: STAYS WHITE ON HOVER, GOLD BTM BORDER ON HOVER*/
   nav.navbar .navbar-nav li.nav-item a.nav-link:hover,
   nav.navbar .navbar-nav li.nav-item a.nav-link:active,
   nav.navbar .navbar-nav li.nav-item a.nav-link:focus,
   nav.navbar .navbar-nav li.nav-item a.nav-link.active {
      color: #FFAF01;
      border-bottom: none;
   }

   /* HOME PAGE IMAGES */
   .welcome img.img_1_b {
      display: block;
   }

   .welcome img.img_1_a {
      display: none;
   }

   /* no opacity on service images on touch screen devices */
   .service_banner .service_photo img {
      opacity: 1;
   }
   
   /*   SIDE MENU DISAPPEARS ON SMALL AND DOWN SCREENS*/
   .sctn_left {
      display: none;
   }

   /* SUBNAV ON SMALL AND DOWN SCREENS ONLY */
   .sub_nav_rsp {
      display: block;
   }

   /*-----ARTICLE QUOTE-----*/
   article.quote_container {
      margin: 50px 10px;
   }
   
   footer .ftr_column {
      margin-bottom: 25px;
   }

   /* Display CONTACT DETAILS ON MD and DN screens */
   .contact_info_md-dn {
      display: block;
   }

   .contact_info_md-dn img {
      max-width: 50px;
      height: auto;
   }
   
}


/*-------------*/
/*MEDIUM LAYOUT*/
/*-------------*/
@media screen and (min-width: 768px) and (max-width: 991px) {
   
/*   1.1.1 INTAKE PAGE*/
   .main_111 form {
      width: 100%;
      margin: 0 auto;
   }

   .main_121 .main_content img {
      max-width: 100%;
      height: 325px;
   }
   
   
/*   1.5 CONTACT PAGE*/
   .main_150 form {
      width: 100%;
      margin: 0 auto;
   }
   
}


/*---------------------*/
/*SMALL AND DOWN LAYOUT*/
/*---------------------*/
@media screen and (max-width: 767px) {
   
/*---------1.3.3 MUSIC LESSONS PAGE---------*/
/*-----HEADER-----*/
   header.hdr_133 {
      background: url(../images/dt_header_133_sm.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
   }
      
}


/*------------*/
/*SMALL LAYOUT*/
/*------------*/
@media screen and (min-width: 576px) and (max-width: 767px) {
   
   header .hdr_content {
      font-size: 0.9em;
   }

   .main_131 .sub_nav_rsp .tab,
   .main_132 .sub_nav_rsp .tab,
   .main_133 .sub_nav_rsp .tab {
      height: 70px;
   }

   .main_131 .main_content p,
   .main_132 .main_content p,
   .main_133 .main_content p {
      font-size: 0.9em;
   }

}


/*------------------*/
/*EXTRA SMALL LAYOUT*/
/*------------------*/
@media screen and (min-width: 480px) and (max-width: 575px) {
   
   header .hdr_content {
      font-size: 0.7em;
   }

   .main_131 .sub_nav_rsp .tab,
   .main_132 .sub_nav_rsp .tab,
   .main_133 .sub_nav_rsp .tab {
      height: 70px;
   }

   .main_121 .main_content p {
      font-size: .9em;
   }

   .main_131 .main_content img,
   .main_132 .main_content img,
   .main_133 .main_content img {
      float: none;
      display: block;
      max-width: 100%;
      height: auto;
      margin: 0 auto 20px auto;
   }
 
}


/*------------------------*/
/*EXTRA EXTRA SMALL LAYOUT*/
/*------------------------*/
@media screen and (max-width: 479px) {
   
   header .hdr_content {
      font-size: 0.5em;
   }

   /*-----ARTICLE QUOTE-----*/
   article.quote_container {
      height: 270px;
   }

   .sub_nav_rsp .tab {
      height: 55px;
      font-size: 0.8em;
   }

   .main_121 .main_content img {
      float: none;
      display: block;
      margin: 0 auto 20px auto;
      width: 100%;
      height: auto;
   }

   .main_131 .main_content img,
   .main_132 .main_content img,
   .main_133 .main_content img {
      float: none;
      display: block;
      max-width: 100%;
      height: auto;
      margin: 0 auto 20px auto;
   }

}


/*------------------------------------*/
/*LANDSCAPE 500px high and less LAYOUT*/
/*------------------------------------*/
@media screen and (max-height: 500px) {
   
   header .hdr_content {
      margin: 5em auto 0 auto;
   }
   
   header.hdr_gen {
      height: 100vh;
   }

}