/* l-tablet - desktop */
@media only screen and (max-width: 1200px) {
    .container {
        padding-left: 4%;
        padding-right: 4%;
    }

    .divider {margin: 0 4%;}
}

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

    .notice-container {font-size: 0.8rem;}
}


/* s-tablet - l-tablet */
@media only screen and (max-width: 1023px) {
    
    body {font-size: 0.9rem;}
   
    .left-container {margin-right: 12px;}
   
    .right-container {margin-left: 12px;}

    .price-list .white-box {font-size: 0.65em;}

    footer .divider {margin: 24px 0;}

    .accommodation .img-col {height: 400px;}

/* Mobile - tablet */
@media only screen and (max-width: 767px) {

    body {font-size: 0.8rem;}

    /* Nav */

    .main-nav {
        display: none;
    }

    nav a.burger-icon {
        display: block;
        font-size: 2rem;
    }

    /* Header */

    .hero-box {height: 400px;}

    /* Sections */

    section {padding: 40px 0;}

    .testimonials .flex-container,
    .our-prices .flex-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    /* Our-cattery */

    .notice-container {margin-top: 36px}

    /* Testimonials */

    .testimonials .three-col {
        width: 100%;
        margin-bottom: 4px;
    }

    /* Accommodation */
    .accommodation .img-col {height: 350px;}

     /* Pricing */
     .price span {font-size: 0.8rem;}
    
}


/* Mobile */
@media only screen and (max-width: 480px) {


    /* Sections */

    .flex-container, .flex-container-reversed { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

    .left-container {margin-right: 0;}
   
    .right-container {margin-left: 0;}

    .flex-container .left-container { margin: 0 0 24px 0;}

    .flex-container-reversed .right-container { margin: 0 0 24px 0;}

    /* About-us */

    .about-us .flex-container {height: 500px;}

    .about-us .left-container {-webkit-box-flex: 0;-ms-flex: 0;flex: 0;}

    /* Our-cattery */

    .notice-container {margin-top: 36px}

    .our-cattery .img-col {height: 750px;}

    .our-cattery .img-col div:first-of-type {margin-bottom: 4px;}
    
    .our-cattery .img-col div:last-of-type {margin-top: 4px;}

    /* Accommodation */

    .accommodation .img-col {height: 1600px;}

    .accommodation .flex-container {height: 49.9%}

    .accommodation .three-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 33%;
        width: 100%;
    }

    /* Our service */

    .our-service .flex-container-reversed {height: 700px;}

    .our-service .right-container {-webkit-box-flex: 0;-ms-flex: 0;flex: 0;}

     /* Pricing */

    .our-prices .four-col {
        width: 49.6%;
        margin-bottom: 4px;
    }

    /* Footer */

    footer .flex-container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }

    .address {margin-bottom: 36px;}

    footer li {text-align: center;}

    .copyright {margin-top: 24px;}
    
}
}