@media screen and (min-width: 1616px) {
/* Header */
nav ul li {margin-left: 2vw;}
}

@media screen and (max-width: 1455px) {
nav {margin-left: 20px;}
nav ul li {margin-left: 2vw;}
}

@media screen and (max-width: 1365px) {
nav {margin-left: 10px;}
nav ul li {margin-left: 1.5vw;}
}

@media screen and (max-width: 1300px) {
.footerTop p, .footerTop a {font-size: 14px;}

nav ul li {margin-left: 1vw;}
}

@media screen and (max-width: 1270px) {
.home .eight.columns {width: 100%; margin-left: 0; margin-bottom: 4rem;}
.home .four.columns {width: 100%; margin-left: 0; margin: 0 auto; display: block;}

.container.home .four.columns {width: 100%; margin-left: 0;}

.container.home .eight.columns .testimonial p {text-align: left;}
.container.home .eight.columns .testimonial h5 {text-align: left;}

.home .openingTimes h2 {text-align: left;}
.home .openingTimes i {text-align: left;}
}

@media screen and (max-width: 1250px) {
nav {margin-left: 10px;}
nav ul li a {font-size: 13px;}
nav ul li {margin-left: 1vw;}

.headerContent .bottom p.mail {margin-right: 10px;}
.headerContent .bottom p.mail a {padding: 9px 14px; font-size: 11px;}
.headerContent .bottom p.book a {padding: 9px 14px; font-size: 11px;}
.headerContent .bottom p.mail i {font-size: 13px; vertical-align: middle;}

#about .resourceLibrary .six.columns {width: 100%; margin-left: 0; margin-bottom: 4rem;}
#about .resourceLibrary {margin-bottom: 0;}
}

@media screen and (max-width: 1130px) {
nav {margin-left: 8px;}
nav ul li a {font-size: 12px;}
nav ul li {margin-left: 0.8vw;}

.headerContent .bottom p.mail {margin-right: 8px;}
.headerContent .bottom p.mail a {padding: 9px 12px; font-size: 11px;}
.headerContent .bottom p.book a {padding: 9px 12px; font-size: 11px;}
.headerContent .bottom p.mail i {font-size: 13px; vertical-align: middle;}
}

@media screen and (max-width: 1100px) {
p.tel {font-size: 17px;}
p.tel .fa {display: none;}

.footerTop .three.columns {width: 100%; margin-left: 0; text-align: center; margin-bottom: 3rem;}
.footerTop .four.columns {width: 100%; margin-left: 0; text-align: center; margin-bottom: 3rem;}
.footerTop .two.columns {width: 100%; margin-left: 0; text-align: center; margin-bottom: 3rem;}
.footerBottom {padding-top: 1rem;}

#price .eight.columns {width: 100%; margin-left: 0;}
#price .four.columns {width: 100%; margin-left: 0;}

#about .eight.columns {width: 100%; margin-left: 0;}
#about .four.columns {width: 100%; margin-left: 0;}
#about .cert img {width: 25%;}

#testimonial .eight.columns {width: 100%; margin-left: 0;}
#testimonial .four.columns {width: 100%; margin-left: 0;}
#testimonial .eight.columns .backgroundcolour {margin-bottom: 3rem;}

#gallery .eight.columns {width: 100%; margin-left: 0; padding-bottom: 4rem;}
#gallery .four.columns {width: 100%; margin-left: 0;}

#blog .eight.columns {width: 100%; margin-left: 0; padding-bottom: 4rem;}
#blog .four.columns {width: 100%; margin-left: 0;}

#contact .eight.columns {width: 100%; margin-left: 0; padding-bottom: 4rem;}
#contact .four.columns {width: 100%; margin-left: 0;}

#terms .eight.columns {width: 100%; margin-left: 0; padding-bottom: 4rem;}
#terms .four.columns {width: 100%; margin-left: 0;}

#location .eight.columns {width: 100%; margin-left: 0; padding-bottom: 4rem;}
#location .four.columns {width: 100%; margin-left: 0;}
}

@media screen and (max-width: 1080px) {
.headerContent .bottom p.mail {display: none;}
}

@media screen and (max-width: 1024px) {
.container {width: 90% !important;}
}
@media (max-device-width: 1024px) and (orientation: landscape) {
nav ul li::after {display: none;}
}
@media screen and (max-width: 1000px) {
.footerStrap .two.columns {width: 33.333333333%;}
}

@media screen and (max-width: 975px) {
.headerContent {display: none;}
.headerBottom {display: none;}
#navigation ul {display:none; visibility:hidden}
.navbar-burger {display:block; visibility:visible; float: right;}
.headerSocial .navbar div {margin-left: 0; float: none;}

#logo {display: none;}	
#navbar.scrolled #logoScrolled {}
#logoScrolled {width: 130px; z-index: 9999 !important; display: inline-block; margin-left: 0;}
.headerTop .navWrapper {height: 100px;}

.container.home, #therapy, #pregnancy, #price, #about, #testimonial, #gallery, #blog, #contact, #location, #terms, #areas {padding-top: 16.5rem;}
.container.thankyou {padding-top: 16.5rem !important;}

#therapy .eight.columns {width: 100%; margin-left: 0;}
#therapy .four.columns {width: 100%; margin-left: 0;}

#pregnancy .eight.columns {width: 100%; margin-left: 0;}
#pregnancy .four.columns {width: 100%; margin-left: 0;}

.container.thankyou .eight.columns {width: 100% !important; margin-left: 0 !important;}
.container.thankyou .four.columns {width: 100% !important; margin-left: 0 !important;}
}

@media screen and (max-width: 965px) {
/* Header */
nav ul li a {font-size: 15px;}
}

@media screen and (max-width: 908px) {
/* Header */
nav ul li {margin-left: 7.5px;}
}

@media screen and (max-width: 900px) {
#gallery .galleryImg .four.columns {width: 48%; margin-left: 4%;}
#gallery .galleryImg .four.columns:nth-child(3n+1) {margin-left: 4%;}
#gallery .galleryImg .four.columns:nth-child(2n+1) {margin-left: 0;}
}

@media screen and (max-width: 850px) {
.container.home .eight.columns .backgroundcolour {padding: 3rem 2.5rem;}
.quickform {padding: 2rem 2.5rem;}
.home .openingTimes {padding: 3rem 2.5rem;}
}

@media screen and (max-width: 805px) {	
.container .four.columns .bookNow a p {width: 90%;}

.home .openingTimes p {text-align: left;}
.container.home .eight.columns .testimonial p {font-size: 17px; line-height: 22px;}
.container.home .eight.columns .testimonial h5 {font-size: 17px; line-height: 22px;}

#therapy .eight.columns .pdfImage img {width: 50%; display: block;}

#therapy .eight.columns .backgroundcolour {padding: 3rem 3rem;}
#pregnancy .eight.columns .backgroundcolour {padding: 3rem 3rem;}
#price .eight.columns .backgroundcolour {padding: 3rem 3rem;}
#testimonial .eight.columns .backgroundcolour {padding: 3rem 3rem;}
#contact .eight.columns .backgroundcolour {padding: 3rem 3rem;}
#blog .eight.columns .backgroundcolour {padding: 3rem 3rem;}
#terms .eight.columns .backgroundcolour {padding: 3rem 3rem;}
#areas .backgroundcolour {padding: 3rem 3rem;}
#location .eight.columns .backgroundcolour {padding: 3rem 3rem;}
#gallery .eight.columns .backgroundcolour {padding: 3rem 3rem 1rem 3rem;}
#about .container.resource .backgroundcolour {padding: 3rem 3rem; margin-top: 0;}

#about .eight.columns .backgroundcolour {padding: 3rem 3rem;}
#about .cert img {width: 45%;}

.sideContact .backgroundWhite {padding: 2rem 3rem;}
.signUp .backgroundGreen {padding: 2rem 3rem;}
.sideTestimonials .backgroundWhite {padding: 2rem 3rem;}
}

@media screen and (max-width: 760px) {
.footerStrap .two.columns {width: 50%;}
}

@media screen and (max-width: 700px) {	
.footerButton p.book {display: inherit;}
}

@media screen and (max-width: 650px) {
 h1, h2, h3, h4 {text-align: left;}
 p, a {text-align: left;}
 
 .footerBottom .copyright p, .footerBottom .copyright a {text-align: center;}
 .footerTop h3 {text-align: center;}
 .footerTop p, .footerTop a {text-align: center;}
 
.container .four.columns .row.openingTimes h2::before {margin-left: 0%;}
.container .four.columns .row.location h2::before {margin-left: 0%;}
.container .four.columns .row.sideContact h2::before {margin-left: 0%;}
.container .four.columns .row.sideTestimonials h2::before {margin-left: 0%;}
.container .four.columns .row.signUp h2::before {margin-left: 0%;}
.container .four.columns .row.specialOffer h2::before {margin-left: 0%;}
.container .four.columns .row.sidePrices h2::before {margin-left: 0%;}
.container.post .eight.columns, .container.post .four.columns {text-align: left;}
.contact .socialButtons {text-align: left;}
.container.contact .four.columns .row.openingTimes {width: 50%; float: left;}
.container.contact .four.columns .row.openingTimes tr td {text-align: left;}
.container.contact .four.columns .row.openingTimes th, .container.contact .four.columns .row.openingTimes td {padding: 1.5px 0px;}
 
 .quickform h2 {font-size: 33px!important;}
}

@media screen and (max-width: 600px) {
/* Misc */
.containerTwo {display: block; margin-bottom: 2.5%; margin-top: 190px;}
.containerTwo img {width: 100%;}

/* Header */
.navbar {margin-right: 9%; margin-left: 0; margin-bottom: 10%; margin-top: -5%;}
.sb-menu .nav2Mob span {display: block;}


/* Thank You */
.container.thankyou > .row:first-child {display: none;}

.container.sports.subPage {margin-top:0px!important}
.container.myo.subPage {margin-top:0px!important}
.container.stone.subPage {margin-top:0px!important}
.container.sports.subPage {margin-top:0px!important}
.container.post.subPage {margin-top:0px!important}
.container.derma {margin-top:0px!important}
.container.complementary {margin-top:0px!important}
.container.prices {margin-top:0px!important}
}

@media screen and (max-width: 570px) {
#therapy .eight.columns .pdfImage img {width: 70%; display: block;}

#gallery .galleryImg .four.columns {width: 100%; margin-left: 0%;}
#gallery .galleryImg .four.columns:nth-child(3n+1) {margin-left: 0%;}
#gallery .galleryImg .four.columns:nth-child(2n+1) {margin-left: 0;}
}

@media screen and (max-width: 500px) {
.container .four.columns .bookNow a p {width: 80%;}

.container.contact .four.columns .row.openingTimes {width: 60%; float: left;}
}

@media screen and (max-width: 430px) {
.sb-menu li a {font-size: 16px;}

#location .eight.columns h1 {font-size: 25px !important; line-height: 30px; margin-bottom: 2rem;}
}

@media screen and (max-width: 415px){
.container.sports.subPage {margin-top:0px!important}
.container.myo.subPage {margin-top:0px!important}
.container.stone.subPage {margin-top:0px!important}
.container.sports.subPage {margin-top:0px!important}
.container.post.subPage {margin-top:0px!important}
.container.derma {margin-top:0px!important}
.container.complementary {margin-top:0px!important}
.container.prices {margin-top:0px!important}

.container.contact .four.columns .row.openingTimes {width: 80%; float: left;}
}

@media screen and (max-width: 400px) {
.container.home .eight.columns h1 {font-size: 20px !important; line-height: 25px;}

#therapy .eight.columns .pdfImage img {width: 100%; display: block;}
}

@media screen and (max-width: 399px) {
.container {padding: 0 !important;}
.headerTopTop .headerSocial .phonehead:before {display: none;}
.headerTopTop .headerSocial .mail:before {display: none;}
.headerTopTop .headerSocial .phonehead {margin-right: 0; padding: 0;}
.headerTopTop .headerSocial .mail {padding-left: 15px;}
.containerTwo {margin-top: 160px;}

.headerTop .navWrapper {height: 60px;}
#navbar.scrolled .headerTop .navWrapper {height: 60px;}
#logoScrolled {width: 100px;}
#navbar.scrolled #logoScrolled {width: 100px;}

.container.home, #therapy, #pregnancy, #price, #about, #testimonial, #gallery, #blog, #contact, #location, #terms, #areas {padding-top: 12.5rem !important;}
.container.home, .container.post.subPage, .container.prices, .container.about, #testimonial .container, .container.gallery, .container.blog, .container.contact, .container.locations, .container.areas, #about .container.resource {width: 100% !important;}
#testimonial {padding-top: 7.7rem !important;}

.container .four.columns .bookNow p a {width: 85%; margin: 0 auto; display: block;}
.container .four.columns .down p a {width: 85%; margin: 0 auto; display: block;}
}
@media screen and (max-width: 375px) {
/* Header */
.sb-menu li a {font-size: 16px;}
.sb-menu li i {font-size: 1.2em; padding: 13px;}
}
@media screen and (max-width: 360px) {
.containerTwo {margin-top: 150px;}
}
@media screen and (max-width: 335px) {
/* Header
––––––––––––––––––––––––––––––––––––––––––––––––––  */
div#navigation {padding: 0;}
}
@media screen and (max-width: 320px) {
.containerTwo {margin-top: 140px;}
}