/**/
/*$$START[block-553785cba3ddb*/

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) and (max-width: 999px) {
  span.image-description.large {
    padding: 0;
  }
}
@media (min-width: 550px) and (max-width: 749px) {
  img.tea-cricket {
    float: left;
    width: 100%;
    margin-right: 3%;
    /*max-width: 49%;*/
  }
}
/* Larger than tablet */
@media (min-width: 750px) {
}
@media (min-width: 1000px) {
}
@media (min-width: 1200px) {

  .main .row {
    margin-bottom: 30px;
  }
  .main .breadcrumb-nav {
    margin-bottom: 1rem;
  }
  .main h2 {
    margin-bottom: 40px;
    text-align: left;
    font-size: 1.645em;
  }

  .main h3 {
    margin-bottom: 1em;
  }
  .author-wrapper {
    margin-bottom: 5px;
  }
  .main ul li {
    color: #000000;
    font-size: 0.9em;
    margin-bottom: 0.38em;
  }
  .main ul {
    margin-bottom: 15px;
  }

  .main ul {
    margin-bottom: 34px;
  }
  .slider-wrapper .slider-superintendents .slick-dots .fa {
    font-size: 0.9em;
  }
}

@media (max-width: 999px){

  ul.slider-superintendents .fa.slick-arrow, ul.slider-superintendents .fa.slick-arrow {
    display: none!important;
  }
  ul.slider-superintendents {
    padding: 0;
    margin: 0;
  }
  .slider-wrapper .slider-superintendents li img {
    width: 100%;
  }

  ul.slider-superintendents li.slick-slide {
    padding-bottom: 80px;
  }
  .slider-wrapper .slider-superintendents .image-description {
    font-size: 1em;
    padding: 0 25px;
  }
  ul.slider-superintendents ul.slick-dots .fa {
    font-size: 0.6em;
  }
  ul.slider-superintendents .slick-dots {
    margin-left: -54px!important;
  }
  .slider-wrapper .slider-superintendents {
    padding: 0px 10px 50px 10px;
  }
  .slider-wrapper .slider-superintendents .fa.arrow-prev {
    left: -15px;
  }
  .slider-wrapper .slider-superintendents .fa.arrow-next {
    right: -15px;
  }
}
@media (max-width: 549px) {
  .main .breadcrumb-nav {
    margin-bottom: 0.6rem;
  }
  .main ul li {
    font-size: 0.9em;
    line-height: 2em;
    /*margin-bottom: 38px;*/
  }
  .main ul {margin-bottom: 0;}

  .slider-wrapper .slider-superintendents .image-description {
    padding: 0 40px;
    font-size: 0.87em;
  }

  .image-left-side, .image-right-side {
    margin-bottom: 15px;
  }

  img.tea-cricket {
    float: none;
    margin-bottom: 30px;
    width: 100%;
    margin-right:0;
  }

  .slider-wrapper .slider-superintendents {
    padding: 0 0 40px 0;
  }

  span.image-description.large {
    padding: 0;
  }

}

@media (max-width: 749px){
  .slider-wrapper .slider-superintendents .image-description {
    padding: 0;
    font-size: 0.87em;
  }
  .image-right-side {
    padding: 0;
  }
  img.tea-cricket {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

@media (min-width: 750px) and (max-width: 999px){
  ul.slider-superintendents li.slick-slide {
    margin-right: 10px;
  }
  ul.slider-superintendents {
    margin-bottom: 50px!important;
  }
  ul.slider-superintendents li.slick-slide {
    padding-bottom: 65px;
  }
  .slider-wrapper .slider-superintendents .image-description {
    font-size: 0.9em;
    padding: 0;
  }
  .main h2 {
    line-height: 2em;
  }
  .main .row {
    margin-bottom: 15px;
  }
  .main h3 {
    margin-bottom: 28px;
  }
  .main ul li {
    font-size: 0.9em;
    margin-bottom: 2px;
    line-height: 2em;
  }

  .main ul {
    margin-bottom: 23px;
  }

  .main p {
    margin-bottom: 1rem;
  }

  ul.slider-superintendents .slick-list {
    width: 100%;
  }
  .slider-wrapper .slider-superintendents .image-description {
    padding: 0 5px;
  }
  span.image-description.large {
    padding: 0;
  }
}

/*
* Font size to make componant style.
* Rmove below CSS if not use for the site.
*/

/*]END$$*/