﻿/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .nav > li > span {
        padding: 14px 15px;    
    }

    .spacer-md {
        margin-bottom: 40px;
    }
    .spacer-lg {
        margin-bottom: 60px;
    }

    /* *************************************************** */
    /* Navigation styling */
    /* *************************************************** */
    .navigation span {
        height:30px;
        line-height: 30px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    /* *************************************************** */
    /* Content styles */
    /* *************************************************** */
    .content p {
        padding-bottom: 30px;
        line-height: 1.9em;
    }
    .content img {
        margin-bottom: 30px;
    }
    .content .banner {
        height: 475px;
    }

    .nav > li > span {
        padding: 15px 15px;    
    }

    /* *************************************************** */
    /* Curtain item styling */
    /* *************************************************** */
    .fullpage {
        margin-top: 65px;
    }
    .fullpage .scroll {
        visibility: hidden;
    }
    .section-inner {
        height: 620px;
    }

    .spacer-md {
        margin-bottom: 30px;
    }
    .spacer-lg {
        margin-bottom: 50px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .nav > li > a {
        padding: 10px 14px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

    /* *************************************************** */
    /* Custom navigation styles */
    /* *************************************************** */
    .navbar-sam {
        border: 0;
    }
    .navbar-sam .pull-right {
        float: none !important;
        text-align: left;
    }
    .navbar-nav {
        position: relative;
        margin: 0;
        z-index: 2;
        background-color: #fff;
    }
    .navbar-nav>li>a {
        padding-left: 0;
    }

    /* *************************************************** */
    /* Content styles */
    /* *************************************************** */
    .content p {
        padding-bottom: 25px;
        line-height: 1.7em;
    }
    .content img {
        margin-bottom: 25px;
    }
    .content .banner {
        height: 375px;
    }

    /* *************************************************** */
    /* News item styling */
    /* *************************************************** */
    .cd-top {
        right: 18px;
    }

    /* *************************************************** */
    /* Curtain item styling */
    /* *************************************************** */
    .fullpage {
        margin-top: 65px;
    }
    .fullpage .scroll {
        visibility: hidden;
    }
    .section-inner {
        height: 450px;
    }


    .spacer-md {
        margin-bottom: 20px;
    }
    .spacer-lg {
        margin-bottom: 40px;
    }

    .newslisting {
        height: auto !important;
    }
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    /* *************************************************** */
    /* Splash styles */
    /* *************************************************** */
    .splash a.section0 {
        width: 100%;
        height: 50%;
    }
    .splash a.section1 {
        width: 100%;
        top: 50%;
        height: 50%;
    }
    .splash a h1 {
        display: inline-block;
    }

    /* *************************************************** */
    /* Content styles */
    /* *************************************************** */
    .content p {
        padding-bottom: 20px;
        line-height: 1.5em;
    }
    .content img {
        margin-bottom: 20px;
    }
    .content .banner {
        height: 275px;
    }


    /* *************************************************** */
    /* Curtain item styling */
    /* *************************************************** */
    .section-inner {
        height: 250px;
    }

    .spacer-md {
        margin-bottom: 20px;
    }
    .spacer-lg {
        margin-bottom: 30px;
    }
}
