/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 1700px) {
    #footerSection span {font-size: 20px;}
}
@media only screen and (max-width: 1440px) {
    #footerSection span {display:block;width:100%;clear:both;margin-bottom:20px;}
    #footerSection .newsletter-signup {float:left;}
    #footerSection {text-align:center;}
    #footerSection .social {margin-bottom:30px;}
    #footerSection .social, #footerSection .newsletter-signup,#footerSection .newsletter-signup form {float:none;width: 100%;}
}

@media only screen and (max-width: 1200px) {
#footerMenu {display:none;}
.container {width: 98%; }
#mainContent .container {box-shadow:none; padding: 40px 20px;}
.social {margin-right: 40px;}
#homepageBoxes {background: #7BA0CD;float:left;position:relative;}
#homepageBoxes .container {width:100%;background:none;padding:0;}
#homepageBoxes .homepageBox {width:50%;height:50px;}
#homepageBoxes .homepageBox:nth-child(5) {margin-left: 25%;}
#homepageBoxes  {top:0; margin: 0 0 30px; left: auto; transform: none;}
    #homepageWelcome {margin-bottom: 30px;}
}

@media only screen and (max-width: 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important;
  }
  .swiper-container {height:350px;}
  .swiper-slide span {font-size: 28px;line-height: 32px;}
#homepageBoxes .homepageBox {width:100%;height:50px;}
#homepageBoxes .homepageBox:nth-child(5) {margin-left: 0%;}
h1 {font-size:25px;line-height:30px;}

.photoRight, .photoLeft { float:none;margin: 0 0 15px; }
}

@media only screen and (max-width: 992px) {
  .hide-on-med-and-down {
    display: none !important;
  }
  #homepageBoxes .homepageBox span {font-size: 18px;}
}

@media only screen and (min-width: 601px) {
  .hide-on-med-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only {
    display: none !important;
  }
}

@media only screen and (min-width: 993px) {
  .hide-on-large-only {
    display: none !important;
  }
}

@media only screen and (min-width: 993px) {
  .show-on-large {
    display: block !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .show-on-medium {
    display: block !important;
  }
}

@media only screen and (max-width: 600px) {
  .show-on-small {
    display: block !important;
  }
}

@media only screen and (min-width: 601px) {
  .show-on-medium-and-up {
    display: block !important;
  }
}

@media only screen and (max-width: 992px) {
  .show-on-medium-and-down {
    display: block !important;
  }
  .swiper-container {height:300px;}
}

@media only screen and (max-width: 600px) {
  .center-on-small-only {
    text-align: center;
  }
  
}