@media only screen and (max-width:979px) {
  .js #menu {
    display: none;
  }

  .js .slicknav_menu {
    display: block;
  }

  .container {
    width: 99%;
    margin: 0 auto;
  }
  textarea{
    width: 300px;
  }
  .js #menu , .sign-in,.navbar {
    display: none;
  }
  .youtubeBlock {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
  }
  .youtubeBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .formBlockSurveyTable tr td {
    float: none;
    display: block;
    text-align: left;
  }


  #main-content-container table {
    width: 100% !important;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  .showcase-content img {
    width: 100%;
  }

  .ccm-layout-wrapper .ccm-layout-col {
    width: 50% !important;
  }  
    
  #main-content-container,
  #left-sidebar-container,
  #right-sidebar-container {
    width: 94%;
    padding: 0 2%;
    margin: 1%;
  }

  #main-content-inner {
    margin-top: 5px;
  }
  /* header start */
  #main-wrapper{
    background-size: 100% auto;
  }

  .menu-block{
    display: none;
  }
  #menu-wrapper{
    background: none;
    margin: 0;
    height: auto;      
  }
  .header-logo{
    text-align: center;
    max-width: 100%;
  }
  /*header end*/

  /*banner start*/
  .banner-block{
    width: 100%;
  }
  .left-banner{
    width: 100%;
  }
  .right-banner{
    width: 100%;
    text-align: center;
    float: none;
  }
  /*banner end*/

  /*teasure block start*/
  .teaser-box {
    margin: 0 auto;
    max-width: 300px;
  }
  .teaser-box h2.title{
    font-size: 21px !important;
    line-height: 21px !important;
  }
  /*teasure block end*/


  /*promotion start*/
  /*.promotion-block{width: 100%;}*/
  /*.promo-txt{width: 90%; padding: 28px 5%;background-size: 100% 100%;}*/
  /*promotion end*/

  /*footer start*/
  .footer-links{display: none;}
  /*footer end*/

}
/* Media Queries */
@media only screen and (min-width:240px) and (max-width:319px) {


}

@media only screen and (max-width:768px) {
  .ccm-layout-wrapper .ccm-layout-col {
    width: 100% !important;
  }
  .ccm-layout-col-spacing{
    margin: 10px 0 !important; 
  }
  .teaser-box h2.title,.teaser-desc, .teaser-image,.teaser-link,.teaser-desc p{
    text-align: center;
  }
  .promotion-block{width: 100%;}
  .promo-txt{width: 80%; padding: 30px 10% 55px 10%;background-size: 100% 100%;}

  /* .ccm-layout-wrapper .ccm-layout-col {
      width: 50% !important;
    }
    .teaser-box h2.title{
      font-size: 21px !important;
      line-height: 21px !important;
    }*/
}

@media only screen and (max-width:320px) {
  textarea{
    width: 90%;
  }
}