/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    /* ************************************************************* */
    /* Fonts styles */
    /* ************************************************************* */
    h1 {
        font-size: 200%;
        font-weight: bold;
    }
    h2 {
        font-size: 160%;
        font-weight: bold;
    }
    h3 {
        font-size: 140%;
        font-weight: bold;
    }


    /* ************************************************************* */
    /* Spacer styles */
    /* ************************************************************* */
    .spacer70 {
        margin-bottom: 60px;
    }
    .spacer60 {
        margin-bottom: 50px;
    }
    .spacer50 {
        margin-bottom: 40px;
    }
    .spacer40 {
        margin-bottom: 30px;
    }
    .spacer30 {
        margin-bottom: 20px;
    }
    .spacer20 {
        margin-bottom: 10px;
    }


    /* ************************************************************* */
    /* Header styles */
    /* ************************************************************* */
    header .telephone {
        font-size: 150%;
    }


    /* ************************************************************* */
    /* Navigation styles */
    /* ************************************************************* */
    .navigation .nav > li > a {
        font-size: 95%;
    }


    /* ************************************************************* */
    /* Preview styles */
    /* ************************************************************* */
    section.preview .link {
        font-size: 120%;
    }
     
    /* ************************************************************* */
    /* Listing styles */
    /* ************************************************************* */
    section.listing .link {
        font-size: 105%;
    }
    section.listing a .inner {
        font-size: 105%;
    }

    /* ************************************************************* */
    /* Slider styles */
    /* ************************************************************* */
    section.slider .carousel-caption {
        top: 20%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    /* ************************************************************* */
    /* Fonts styles */
    /* ************************************************************* */
    h1 {
        font-size: 180%;
        font-weight: bold;
    }
    h2 {
        font-size: 140%;
        font-weight: bold;
    }
    h3 {
        font-size: 120%;
        font-weight: bold;
    }

    /* ************************************************************* */
    /* Spacer styles */
    /* ************************************************************* */
    .spacer70 {
        margin-bottom: 50px;
    }
    .spacer60 {
        margin-bottom: 40px;
    }
    .spacer50 {
        margin-bottom: 30px;
    }
    .spacer40 {
        margin-bottom: 20px;
    }
    .spacer30 {
        margin-bottom: 10px;
    }

    /* ************************************************************* */
    /* Header styles */
    /* ************************************************************* */
    header .telephone {
        font-size: 140%;
    }


    /* ************************************************************* */
    /* Preview styles */
    /* ************************************************************* */
    section.preview .link {
        font-size: 100%;
    }
    
    /* ************************************************************* */
    /* Listing styles */
    /* ************************************************************* */
    section.listing .link {
        font-size: 90%;
    }
    section.listing a .inner {
        font-size: 80%;
    }


    /* ************************************************************* */
    /* Slider styles */
    /* ************************************************************* */
    section.slider .carousel-caption {
        top: 10%;
    }
    section.slider .carousel-caption h1 {
        font-size: 300%;
    }
    section.slider .carousel-caption h2 {
        font-size: 100%;
    }
    section.slider .carousel-caption p {
        font-size: 75%;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    /* ************************************************************* */
    /* Fonts styles */
    /* ************************************************************* */
    h1 {
        font-size: 160%;
        font-weight: bold;
    }
    h2 {
        font-size: 120%;
        font-weight: bold;
    }
    h3 {
        font-size: 100%;
        font-weight: bold;
    }

    /* ************************************************************* */
    /* Header styles */
    /* ************************************************************* */
    header {
        padding-top: 0;
        padding-bottom: 0;
    }
    header img {
        margin: auto;
    }
    header .input-group {
        max-width: none;
    }
    header .wrapper {
        padding-top: 0;
    }
    header .telephone {
        font-size: 130%;
    }

    /* ************************************************************* */
    /* Footer styles */
    /* ************************************************************* */
    footer ul.links li {
        display: block;
    }

    /* ************************************************************* */
    /* Tool styles */
    /* ************************************************************* */
    .text-left {
        text-align: center;
    }
    .text-right {
        text-align: center;
    }
    .pull-right {
        float: none;
    }

    /* ************************************************************* */
    /* Navigation styles */
    /* ************************************************************* */
    .navigation .navbar-collapse {
        padding-top: 10px;
    }
    .navigation .navbar .nav > li {
        display: block;
    }
    .navigation .nav > li > a {
        text-align: left;
        font-size: 75%;
        padding: 6px 10px;
    }
    .navigation .dropdown {
        overflow: hidden;
    }
    .navigation .navbar-inverse {
        background-color: #fff;
    }
    .form-search {
        padding: 0 5px;
    }

    /* ************************************************************* */
    /* Spacer styles */
    /* ************************************************************* */
    .spacer70 {
        margin-bottom: 40px;
    }
    .spacer60 {
        margin-bottom: 30px;
    }
    .spacer50 {
        margin-bottom: 20px;
    }
    .spacer40 {
        margin-bottom: 10px;
    }

    /* ************************************************************* */
    /* Preview styles */
    /* ************************************************************* */
    section.preview .image-wrapper {
        background-color: #4a2962;
        display: table;
    }
    section.preview a:hover .opacity {
        background-color: rgba(239,125,0,1);
    }
    section.preview img {
        opacity: 0;
    }
    section.preview .link {
        -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
         top:50%;
         font-size: 85%;
         bottom: auto;
    }


    /* ************************************************************* */
    /* Listing styles */
    /* ************************************************************* */
    section.listing a span.inner {
	    top: 40%;
	    transform: translateY(-40%);
    }
    section.listing a span.title {
        font-size: 120%;
        line-height: 1.2em;
    }
    section.listing a span.inner p {
        line-height: 1.2em;
    }
    section.listing a .inner {
        font-size: 130%;
    }

    /* ************************************************************* */
    /* Footer styles */
    /* ************************************************************* */
    footer a {
        font-size: 95%;
        padding: 5px 0;
        display: block;
    }
    footer p {
        font-size: 65%;
    }

    /* ************************************************************* */
    /* Slider styles */
    /* ************************************************************* */
    section.slider .carousel-caption {
        top: 20%;
    }
    section.slider .carousel-caption h1 {
        font-size: 250%;
    }
    section.slider .carousel-caption h2 {
        font-size: 85%;
    }
    section.slider .carousel-caption p {
        font-size: 70%;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    /* ************************************************************* */
    /* Masters styles */
    /* ************************************************************* */
    /*html {
        font-size: 12px;
    }
    body {
        font-size: 15px;
    }*/

    /* ************************************************************* */
    /* Spacer styles */
    /* ************************************************************* */
    .spacer70 {
        margin-bottom: 30px;
    }
    .spacer60 {
        margin-bottom: 20px;
    }
    .spacer50 {
        margin-bottom: 10px;
    }

    /* ************************************************************* */
    /* Preview styles */
    /* ************************************************************* */
    section.preview .link {
         font-size: 75%;
    }


    /* ************************************************************* */
    /* Navigation styles */
    /* ************************************************************* */
    .navigation .icon-menu a {
        margin-top: 7px;
    }
    .navigation .icon-menu {
        margin-top: 8px;
    }


    /* ************************************************************* */
    /* Listing styles */
    /* ************************************************************* */
    section.listing a span.title {
        font-size: 100%;
    }
    section.listing a .inner {
        font-size: 90%;
    }

    /* ************************************************************* */
    /* Slider styles */
    /* ************************************************************* */
    section.slider .carousel-caption {
        font-size: 75%;
    }
}