/************************************/
/************* 1950 PX **************/
/************************************/

@media only screen and (max-width:1950px ) {
    .greyBgSection, .serviceP {
        margin-right: 9em;
    }

    #navbar .col-flex-2 {
        flex: 3;
    }
}

/************************************/
/************* 1750 PX **************/
/************************************/

@media only screen and (max-width:1750px ) {
    .herocontenth1 {
        font-size: 2.4em;
    }
    .smallIntro {
        font-size: 14.5px;
    }
}

/************************************/
/************* 1650 PX **************/
/************************************/

@media only screen and (max-width:1650px ) {
	.logo {
        max-width: 15em;
    }
	#navbar .col-flex-2 {
        flex: 4;
    }
    header nav .displayedNav li {
        padding: 0;
    }
}

/************************************/
/************* 1550 PX **************/
/************************************/

@media only screen and (max-width:1550px ) {
    .displayedNav ul {
        padding-left: 5px;
    }
}

/************************************/
/************* 1450 PX **************/
/************************************/

@media only screen and (max-width:1450px ) {
    header nav {
        font-size: 1em;
    }
    .blogEntryPg .blogWrap {
        flex-direction: column;
    }
    .blogEntryDeets {
        padding: 0 1em !important;
        margin-top: 1em !important;
    }
}

/************************************/
/************* 1350 PX **************/
/************************************/

@media only screen and (max-width:1350px ) {
    .bodyContent {
        padding: 0 1em !important;
    }
	#navbar .col-flex-3 {
        flex: 1;
    }
    .herocontenth1 {
        font-size: 2.2em;
    }
    .smallIntro {
        font-size: 13.8px;
    }
}

/************************************/
/************* 1300 PX **************/
/************************************/

@media only screen and (max-width:1300px ) {
    
}


/************************************/
/************* 1250 PX **************/
/************************************/

@media only screen and (max-width:1250px ) {

    [class*="col-flex"] {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    header {
        position: fixed !important;
        top: 0;
        right: 0;
        left: 0;
    }

    body {
        padding-top: 64px;
    }

    .wrapper:before {
        background-image: none;
    }

    .greyBgSection, .serviceP {
        margin-right: 0;
    }

    .serviceDeets {
        margin: 0;
    }

    .displayedNav {
        display: none;
    }

    #menuToggle {
        text-align: center;
        right: 32px;
    }

    #menu {
        position: fixed;
        width: 100%;
        height: -webkit-fill-available;
        margin: -40px 100px 0 0;
    }

    #menu li {
        padding-right: 0;
        display: flex;
        flex-direction: column;
        padding-bottom: 33px;
    }

    .hiddenNav ul {
        padding-left: 0;
    }

    .displayedNav {
        opacity: 0;
        visibility: hidden;
        display: block;
        background: #ffffff;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 4;
        transition: all 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
        text-align: center;
    }

    .displayedNav ul {
        display: none;
    }

    .infoNav {
        display: flex;
        flex-direction: column;
    }

    .displayedNav .infoNav li {
        padding-bottom: 1em;
    }

    .socialNav {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .showMobileNav .displayedNav {
        opacity: 1;
        visibility: visible;
    }

    .socialMediaIcons {
        font-size: 1.5em;
    }

    .logo {
        max-width: 20em;
    }

    .bodyContent {
        padding: 1em 2em !important;
    }

    #navbar .col-flex-2 {
        flex: 2;
        display: contents;
    }

    .herocontenth1 {
        width: 50%;
        margin: 0;
        font-size: 3em;
    }

    .aboutUsBg {        
        height: 45em;
    }

    .heroBg{
        height:auto;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:1;
    }

        .heroBg:before {
            display:block;
            content:'';
            background:rgba(255,255,255,.75);
            position:absolute;
            top:0;
            right:0;
            bottom:0;
            left:0;
        }

    .heroContent {
        padding-top:2em !important;
        padding-bottom:2em !important;
        position:relative;
        z-index:2;
    }

    .heroContent .colRowFlex {
        position:relative;
    }
    
    .section2Bg{
        display:none;
    }

    .featureP {
        text-align: center;
    }

    .button, button, input.button, a.button, input[type="button"], input[type="submit"] {
        padding: .5em 3em;
        font-size: .8em;
    }
    .reviewPage .reviewBtn {
        font-size: .9em;
        padding: 1em 4em;
    }
    .reviewTertiaryBtn, button.reviewTertiaryBtn, input.reviewTertiaryBtn, a.reviewTertiaryBtn, input[type="button"].reviewTertiaryBtn, input[type="submit"].reviewTertiaryBtn {
        margin-right: 0;
    }

    .section4 .reviewBtn {
        margin-right: 0;
    }

    .certWrp {
        display: flex !important;
        flex-direction: row;
        justify-content: center;
    }

    .certificationImage {
        width: auto;
        height: 9em;
        margin: 1em 4em;
    }

    .blogEntryDeets {
        padding: .5em 2em !important;
    }

    .blogImg img {
        margin-top:0;
        max-height: none;
        width: 100%;
        height: auto;
    }

    .reviewPage .reviewsHomeContainer {
        flex-flow: column !important;
    }

    .reviewsHomeContainer {
        padding: 1em 0;
        width: 100%;
        display: block;
    }

    .reviewPage .reviewsHomeContent {
        padding: 2.5em !important;
        margin: 1em !important;
        width:auto;
        flex: 0 1 auto;
        position: relative;
    }

    .averageRatingNumber {
        font-size: 4.3em;
        padding-bottom: 18px;
    }

    .colRowFlex .reviewsHomeContent .averageRatingbox {
        padding: 1em;
    }

    .reviewsHomeContent {
        padding: 1.5em;
        margin: 0 auto;
        margin-bottom: 1em;
    }

    .contentPageText{
        padding-top:2em !important;
        padding-bottom:2em !important;
    }

    footer .infoNav li {
        padding-bottom: 1em;
        text-align: center;
    }

    footer p {
        text-align: center;
    }

    .SBLink {
        float: none;
    }

    footer .col-flex-2 {
        padding: 0 !important;
    }

    .schedP iframe, .contactP iframe {
        height: 400px;
    }

    .schedP .colRowFlex, .contactP .colRowFlex {
        display: flex !important;
        flex-direction:column-reverse;
    }

    .contactP .bodyContent {
        padding: 1em !important;
    }

    .contactP h3 {
        margin-bottom: 0;
    }

    .contactForm {
     padding-right: 0 !important; 
    }
    .serviceEntryDeets {
        padding: 0 1em !important;
    }
    .staffWrp {
        display: flex !important;
    }
    .highlights:last-child {
        margin-bottom: 0;
    }
    .greyRectangle{
        display: none;
    }

    .blogList li {
        flex: 1 1 51%;
    }
    
    .sideOpRec {
         display: none !important;
    }
	.listContentFooter .scheduleBtn{
		max-width: 200px;
	}
}

/************************************/
/************* 1050 PX **************/
/************************************/

@media only screen and (max-width:1050px ) {
    #menu li {
        padding-bottom: 50px;
        font-size: 25px;
    }
    .serviceP {
        margin: 1em;
    }
    .serviceList a {
        width: 95%;
    }
    .fa-angle-right {
        right: 0.8em;
    }
}
/************************************/
/************* 1000 PX **************/
/************************************/

@media only screen and (max-width:1000px ) {
    .herocontenth1 {
        font-size: 2.157em;
        width: 50%;
    }

    h1 {
        font-size: 2.2em;
    }

    h2 {
        font-size: 1.9em;
    }

    h3 {
        font-size: 1.5em;
    }

    h4 {
        font-size: 1.2em;
    }

    .blogList h2{
        font-size: 1.4em;
    }
}

/************************************/
/************* 900 PX **************/
/************************************/

@media only screen and (max-width:900px ) {
    .certificationImage {
        margin: 1em 3em;
    }

    footer ul {
        flex-flow: column;
    }
}
/************************************/
/************* 800 PX **************/
/************************************/

@media only screen and (max-width:800px ) {
    .certificationImage {
        height: 7em;
        margin: .5em 2em;
        padding-top: 0;
    }
    .basicContactForm {
        padding: 0;
    }
    .basicContactForm input, .basicContactForm select, .basicContactForm textarea {
        margin: 1em 0;
    }
    .basicContactForm .top, .basicContactForm .middle, .basicContactForm .bottom {
        flex-wrap: wrap;
    }
}
/************************************/
/************** 750 PX **************/
/************************************/

@media only screen and (max-width:750px ) {
     #menu li {
        font-size: 23px;
     }
}

/************************************/
/************* 700 PX **************/
/************************************/

@media only screen and (max-width:700px ) {
    .herocontenth1 {
        width: 65%;
    }
}
/************************************/
/************* 600 PX **************/
/************************************/

@media only screen and (max-width:600px ) {
    h1 {
        font-size: 2em;
        margin: 0;
        padding: 0;
    }

    .averageRatingH2 {
        padding-top: 0;
    }

    h3 {
        font-size: 1.15em;
    }

    h4 {
        font-size: .9em;
    }

    .blogList h2{
        font-size:1.3em;
    }

    .buttonWrpHero {
        text-align: center;
    }

    .lightboxWrp .staffContent {
        padding: 1em 0em;
    }

    .reviewBtn {
        margin-right: 0;
    }

    .buttonWrpHero {
        display: block;
    }

    .heroContent .reviewBtn {
        margin: 0.5em 0;
    }

     #menu li {
        padding-bottom: 53px;
        font-size: 20px;
     }
     .aboutUsBg {
         height: 15em;
     }
     .staffInfo {
         padding: .5em;
     }
     .blogList li {
         padding: 0 1em;
     }
     .pubDate {
         margin: 0;
     }

     .schedP .maw-row {
         flex-direction: column !important;
     }

     .schedP .maw-col, .schedP .maw select {
        display: block !important;
        width: 100% !important;
     }

     .bodyContent, .section5 .bodyContent {
         padding: 1em !important;
     }
     .section5 h3 {
         margin-bottom: 0.5em;
     }
}


/************************************/
/************* 550 PX **************/
/************************************/

@media only screen and (max-width:550px ) {

    body {
        padding-top: 55px;
    }

    h1, h2 {
        text-align: center;
    }
    .averageRatingH2 {
        font-size: 1.3em;
    }
    .hrForH1H2, .hrLeft, .herocontenth1::after {
        height: 1em;
        background-position: center;
    }

    hr.hrLeft.hrBlogEntry {
        background-position: left;
        height: 2em;
    }

    .wrapper:before {
        display: none;
    }

    .logo {
        max-width: 14em;
        padding: 1em;
    }

    .herocontenth1 {
        font-size: 1.8em;
        width: 100%;
    }

    .button, button, input.button, a.button, input[type="button"], input[type="submit"] {
        padding: .5em 2.5em;
    }

    .primeBtn, button.primeBtn, input.primeBtn, a.primeBtn, input[type="button"].primeBtn, input[type="submit"].primeBtn {
        margin-right: .5em;
    }

    .listContent .featureBlock {
        padding: .5em 0;
    }

    .certificationImage {
        height: 6em;
        margin: .5em 1em;
    }

    .featureBlock .featureContent {
        padding-left: 1em;
    }

    .blogEntryDeets {
        padding: 0.5em 1em !important;
    }

    .contentPageText {
        padding: 1em 1em !important;
    }

    .highlights {
        padding: 1em;
        margin: 1em 0em;
        margin-bottom: 0;
    }

    .fa-plus-circle {
        font-size: 1.5em;
    }

    .staffItem {
        margin: 0 auto;
    }

    .staffImg {
        width: 15em;
        height: auto;
        margin: 0 auto;
    }

    .staffImg, .staffInfo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .contactForm .basicContactForm .buttonWrpCenter {
        text-align: center;
        margin-left: 0;
    }
    .basicContactForm .reviewBtn {
        display: block;
        margin: 0 auto;
    }

    .maw-box-contents {
        padding: 3em 1em !important;
    }

    .fa-angle-right {
        right: 0.5em;
    }
    .serviceList li {
        margin: .5em 0;
        flex: 2 2 100%;
    }
    .serviceDeets {
        padding: 1em !important;
    }
    .errorImg {
        height: 100%;
        width: 100%;
        padding-right: 0em !important;
    }

    .listContent .featureBlock {
        flex: 1 1 51%;
    }

    .averageRatingNumber {
        float: none;
        padding-top: .5em;
        text-align: center;
    }

    .schedP, .contactP {
        margin-top: 1em;
    }
}
/************************************/
/************* 450 PX **************/
/************************************/

@media only screen and (max-width:450px ) {
    .maw-input {
        display: inline-block;
        margin: 3px;
    }
}

/************************************/
/************* 425 PX **************/
/************************************/

@media only screen and (max-width:425px ) {

   .buttonWrpCenter {
       padding: 0 !important;
   }
   
    .buttonWrpHero,
    .button,
    .primeBtn,
    .reviewBtn,
    .reviewTertiaryBtn
    {
        width:100%;
        max-width:20em;
        margin: .5em auto;
    }

    .heroContent .buttonWrpHero .button, input.button, input[type="button"], input[type="submit"] {
        padding: .5em 2em;
    }

    .heroContent .buttonWrpHero .primeBtn, button.primeBtn, input.primeBtn, a.primeBtn, input[type="button"].primeBtn, input[type="submit"].primeBtn {
        margin-right: .2em;
    }

    .certificationImage {
        height: 5.4em;
    }

    footer i {
        font-size: 1.3em;
    }

      #menu li {
        padding-bottom: 45px;
        font-size: 20px;
    }
}


/************************************/
/************* 385 PX **************/
/************************************/

@media only screen and (max-width:385px ) {

    #menu li {
        padding-bottom: 37px;
        font-size: 17px;
    }
    .certificationImage {
        height: 4.4em;
        margin: 0.5em;
    }
}

/************************************/
/************* 325 PX **************/
/************************************/

@media only screen and (max-width:325px ) {

    #menu li {
        padding-bottom: 32px;
        font-size: 16px;
    }
    #menu {
        margin: -35px 100px 0 0;
        padding-top: 31px;
    }
    .certificationImage {
        height: 4.4em;
    }
}