/* Mobile */
@media (max-width: 767px){
    .other-headers h1 {
        font-size: 3em;
    }

    h2 {
        font-size: 2em;
    }    

    .events-header h1{
        font-size: 2.5em;
    }

    .events-letter {
        font-size: 2em;
    }

    .popup-logo {
        width: 12em;
    }

    header {
        display: flex;
        flex-direction: column-reverse;
    }

    .mobi-breaks{
        display:none;
    }

    .cell-email {
        padding: 0.5em 0;
        width: auto;
        justify-content: center;
        align-items: center;
        flex-flow: column wrap;
    }

    .header-contact {
        flex-flow: column wrap;
    }

    .navbar-toggler {
        font-size: 2em;
        color: #A07E67;
    }

    .navbar-brand {
        max-width: 8em;
    }

    .navbar-nav {
        align-items: center;
    }

    .nav-item {
        margin: 0.6em 0 0;
    }

    .navbar-expand-md .navbar-collapse {
        padding-bottom: 0.5em;
    }

    .last-item{
        padding-right: 15px!important;
    }

    button:focus {
        outline: none;
    }

    .head-info h1 {
        padding: 0;
        font-size: 3em;
    }

    .make-appointment {
        margin-bottom: 0.5em;
        width: fit-content;
    }

    .head-app {
        width: fit-content;
    }

    .make-appointment p {
        font-size: 0.7em;
    }

    .block-upcomming h2 {
        padding-right: 0;
    }

    .home, .other-headers {
        margin-top: 6em;
    }
    
    .other-headers {
        margin-bottom: 1em;
    }

    .home-head {
        padding: 2em 0;
    }

    .owner-img {
        background-image: none;
        max-width: 100%;
    }

    .head-info{
        width: 100%;
    }

    .journey {
        width: 100%;
    }

    .journey h2 {
        font-size: 1.5em;
        margin-bottom: 0;
    }

    .treatments {
        padding: 1em 0 2em;
    }

    .home-about {
        padding: 0;
        flex-flow: column wrap;
    }

    .home-about p{
        margin-bottom: 0;
    }

    .home-about-info {
        padding-left: 0;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .block {
        height: auto;
        min-height: 21em;
        padding: 1em;
        margin-bottom: 2em;
        align-items: start;
    }

    .block h2, .block-services h2{
        font-size: 2em;
    }

    .block-services li {
        font-size: 1em;
    }

    .block ul {
        margin-bottom: 2em;
    }

    .bot-info, .make-app {
        padding: 1em 0;
    }

    .bot-info h2, .make-app h3 {
        font-size: 2em;
        margin-bottom: 0.5em;
    }

    .cell-email p:first-child {
        margin-bottom: 0.5em;
    }

    /* Services  */
    .other-headers-info {
        height: 10em;
    }

    .clinical-img, .physiotherapy-img{
        background-image: none;
    }

    .clinical-info, .physiotherapy-info {
        height: auto;
        padding: 1em 0;
        flex-wrap: wrap;
    }

    .service-list .fa-ul {
        margin-bottom: 0;
    }

    .make-app p{
        width: 100%;
    }

    .clinical, .physiotherapy{
        margin-bottom: 1em;
    }

    .eclectic-approach {
        flex-flow: column wrap;
    }

    /* Events  */
    .events-page {
        width: 100%;
        margin: 0 auto;
    }

    .event-block {
        padding: 1em;
        margin-bottom: 1em;
    }

    .modal-content {
        padding: 0.5em;
    }

    .modal-title {
        font-size: 2.5em;
    }

    .modal-body{
        padding-top: 0;
    }

    .modal-title {
        line-height: 1;
        width: 90%;
    }

    .modal {
        padding: 0 0.5em!important;
    }

    .modal.show .modal-dialog {
        padding-bottom: 2em;
    }

    .modal-header .close {
        padding: 0.2em 0.5em;
        right: 0;
    }

    .modal-body ol {
        padding-top: 1em;
    }

    .treatments h3 {
        font-size: 4em;
        line-height: 1;
    }

    /* Contact Us  */
    .contact-form {
        width: 100%;
    }

    .contact-details-container {
        margin: 0;
    }

    .contact-details {
        padding: 1em 0 0;
        align-content: start;
    }

    .bordered {
        border-left: none;
        border-right: none;
    }

    #map{
        height: 20em;
        margin-top: 1em;
    }

    .nav-info{
        padding:0;
    }

    .header-top {
        background-color: #A07E67;
        width: 100%;
        display: flex;
        text-align: center;
    }

    .head-app {
        align-self: center;
    }

    .gm-style .gm-style-iw-c {
        max-width: 18em!important;
    }

}

/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px){
    h2 {
        font-size: 3em;
    }

    .scrolled .navbar-brand{
        width: 11em;
    }

    .navbar-brand{
        width: 13em;
    }

    .owner-img {
        background-image: none;
    }

    .cell-email {
        flex-flow: column wrap;
        padding: 0.1em 0;
        width: 20em;
    }

    .home-about {
        padding: 2.5em 0;
        width: 75%;
        margin: 0 auto;
        flex-flow: column wrap;
    }

    .home-about-info {
        padding-left: 0;
        padding-top: 2em;
    }

    .bot-info h2, .make-app h3 {
        font-size: 3em;
        margin-bottom: 0.5em;
    }

    .home-about p{
        margin-bottom: 0;
    }

    .cell-email {
        flex-flow: column wrap;
    }

    .make-appointment {
        text-align: center;
    }

    .head-info h1 {
        font-size: 3em;
    }

    .block{
        height: auto;
        min-height: 26em;
    }

    .img-block{
        min-height: 26em;
    }

    .block h2 {
        font-size: 2em;
    }

    .block-hands-img {
        min-height: 27em!important;
    }

    .bot-info, .make-app {
        padding: 3em 0;
    }

    .events-letter, .events-letter {
        font-size: 3em;
    }

    .treatments h4 {
        font-size: 1.5em;
        margin-bottom: 1em;
    }

    /* Services  */
    .clinical-img, .physiotherapy-img{
        background-image: none;
    }

    .clinical-info, .physiotherapy-info {
        height: auto;
        padding: 1em 0 0;
        max-width: 32em;
        margin: 0 auto;
    }

    .modal {
        padding: 0 1em!important;
    }

    .other-headers, .home {
        margin-top: 12em;
        margin-bottom: 2em;
    }

    .clinical, .physiotherapy {
        margin-bottom: 2em;
    }

    .home-head {
        padding: 3em 0;
    }

    .other-headers-info {
        height: 12em;
    }

    .treatments {
        padding: 0 0 2em;
    }

    /* Contact  */
    .bordered {
        border-left: none;
        border-right: none;
    }

    .contact-details {
        padding: 0;
    }

    .tab-right{
        justify-content: end;
    }

    .contact-details-container {
        margin: 3em 0;
    }

    .btn-services {
        font-size: 15px;
    }


}

@media (min-width: 992px) and (max-width: 1198px){
    h1 {
        font-size: 4em;
    }

    .scrolled .navbar-brand{
        width: 12em;
    }
    
    .navbar-brand{
        width: 14em;
    }

    .home, .other-headers {
        margin-top: 13em;
        /* margin-top: 11em; */
    }

    .other-headers h1 {
        font-size: 4.5em;
    }

    .events-letter {
        font-size: 3em;
    }

    .events .other-headers-info h1 {
        padding-top: 1.5em;
    }

    .head-info h1 {
        padding: 0 1.2em;
    }

    .owner-img {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
    }

    .home-about {
        padding: 1.5em 0;
        padding-left: 0;
    }

    .home-head {
        padding: 5em 0;
    }

    .block {
        height: 25em;
        padding: 2em;
    }

    .block h2 {
        font-size: 2em;
    }

    .block-services h2 {
        font-size: 2em;
    }

    .clinical-img, .physiotherapy-img{
        background-size: 42%;
    }

    .modal {
        padding: 0 1em!important;
    }

    .make-app, .bot-info{
        padding: 5em 0;
    }

    .clinical-info, .physiotherapy-info {
        height: auto;
        padding: 2em 0;
    }

    .other-headers-info {
        height: 16em;
    }

    .clinical-info p, .physiotherapy-info p {
        font-size: 0.9em;
    }

    .btn-services {
        font-size: 15px;
    }

}

/* Laptop: */
@media (min-width: 1199px) and (max-width: 1399px){
    /* Home  */
    .home-about {
        padding: 2.5em 0;
        padding-left: 8em;
    }

    .block h2 {
        font-size: 2.5em;
    }

    .block-services h2 {
        font-size: 2.5em;
    }

    .block {
        height: 25em;
    }

    /* Services  */
    .clinical-info {
        height: auto;
        padding: 2em 0;
        width: 81%;
    }

    .physiotherapy-info {
        height: auto;
        padding: 4em 0;
        width: 80%;
        float: right;
    }

    .clinical-img, .physiotherapy-img {
        background-size: 50%;
    }

    .btn-services {
        font-size: 15px;
    }

}

@media (min-width: 1400px) and (max-width: 1600px){
	.home-about {
        padding: 5em 0;
        padding-left: 8em;
    }

    .clinical-img, .physiotherapy-img {
        background-size: 44%;
    }

    .physiotherapy-info {
        padding-left: 3em;
    }

}