/* ========================================================================== */
/* Site navigation styles
/* ========================================================================== */

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    /* ========================================================================== */
    /* Body base styles
    /* ========================================================================== */
    body {
        font-size: 15px;
    }

    /* ========================================================================== */
    /* Tool base styles
    /* ========================================================================== */
    .spacer70 {
        margin-bottom: 60px;
    }
    .spacer60 {
        margin-bottom: 50px;
    }
    .spacer50 {
        margin-bottom: 40px;
    }
    .spacer40 {
        margin-bottom: 30px;
    }
    .spacer30 {
        margin-bottom: 20px;
    }
    

    /* ========================================================================== */
    /* Slider styles
    /* ========================================================================== */
    .slider .item {
        height: 675px;
    }

    /* ========================================================================== */
    /* Eyecatcher styles
    /* ========================================================================== */
    .eye-catcher {
        height: 675px;
    }

    /* ========================================================================== */
    /* Blog styles
    /* ========================================================================== */
    .blog .wrapper {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .blog h1 {
        font-size: 300%;
    }

    /* ========================================================================== */
    /* Newsletter styles
    /* ========================================================================== */
    .newsletter .btn {
        padding: 10px 40px 10px 40px;
    }

    /* ========================================================================== */
    /* Widget styles
    /* ========================================================================== */
    .widget {
        margin-bottom: 40px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    /* ========================================================================== */
    /* Body base styles
    /* ========================================================================== */
    body {
        font-size: 14px;
    }


    /* ========================================================================== */
    /* Tool base styles
    /* ========================================================================== */
    .spacer70 {
        margin-bottom: 50px;
    }
    .spacer60 {
        margin-bottom: 40px;
    }
    .spacer50 {
        margin-bottom: 30px;
    }
    .spacer40 {
        margin-bottom: 20px;
    }
    

    /* ========================================================================== */
    /* Global base styles
    /* ========================================================================== */
    h1 {
        font-size: 400%;
    }
    h2 {
        font-size: 312%;
    }
    h3 {
        font-size: 168%;
    }
    h4 {
        font-size: 148%;
    }
    h5 {
        font-size: 125%;
    }

    /* ========================================================================== */
    /* Slider styles
    /* ========================================================================== */
    .slider .item {
        height: 575px;
    }

    /* ========================================================================== */
    /* Eyecatcher styles
    /* ========================================================================== */
    .eye-catcher {
        height: 575px;
    }

    /* ========================================================================== */
    /* Commitment styles
    /* ========================================================================== */
    .commitment {
        margin-top: -65px;
    }

    /* ========================================================================== */
    /* Whats new styles
    /* ========================================================================== */
    .highlight h3.title {
        margin-top: -64px;
    }

    /* ========================================================================== */
    /* Blog styles
    /* ========================================================================== */
    .blog .wrapper {
        padding-top: 30px;
        padding-bottom: 15px;
    }
    .blog h1 {
        font-size: 260%;
    }

    .articles .fa-chevron-left {
        padding: 12px 12px 12px 10px;
    }
    .articles .fa-chevron-right {
        padding: 14px 10px 12px 12px;
    }

    /* ========================================================================== */
    /* Newsletter styles
    /* ========================================================================== */
    .newsletter .btn {
        padding: 8px 40px 9px 40px;
    }

    /* ========================================================================== */
    /* Widget styles
    /* ========================================================================== */
    .widget {
        margin-bottom: 30px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    /* ========================================================================== */
    /* Body base styles
    /* ========================================================================== */
    body {
        font-size: 13px;
    }

    /* ========================================================================== */
    /* Header styles
    /* ========================================================================== */
    header {
        padding: 0 0 10px;
    }
    header .navbar-optiat {
        margin-top: 0;
    }

    /* ========================================================================== */
    /* Tool base styles
    /* ========================================================================== */
    .spacer65 {
        margin-bottom: 55px;
    }
    .spacer55 {
        margin-bottom: 45px;
    }
    .spacer45 {
        margin-bottom: 35px;
    }
    .spacer35 {
        margin-bottom: 25px;
    }

        /* ========================================================================== */
    /* Header styles
    /* ========================================================================== */
    .navbar .pull-right {
        float: none !important;
    }

    /* ========================================================================== */
    /* Slider styles
    /* ========================================================================== */
    .slider .item {
        height: 475px;
    }
    .slider .item img {
        margin-left: -120px;
        left: 50%;
    }
    .slider .item .box {
        position: absolute; 
        bottom: 0;
        left: 0;
        width: 100%;
    }

    /* ========================================================================== */
    /* Eyecatcher styles
    /* ========================================================================== */
    .eye-catcher {
        height: 475px;
    }

    /* ========================================================================== */
    /* Header styles
    /* ========================================================================== */
    header ul span {
        margin-left: 5px;
    }
    header .navbar-header img {
        margin-top: 0;
        width: 100%;
    }
    /*header .navbar-header ul {
        position: absolute;
        right: 160px;
        top: 10px;
    }*/
    header .navbar-header ul span {
        margin-top: 6px;
        margin-left: 5px;
        color: #fff;
        height: 26px;
        width: 26px;
        text-align: center;
        line-height: 26px;
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #5cbdb6;
        padding-top: 1px;
    }
    .navbar-brand {
        padding: 18px 15px;
    }

    .articles .fa-chevron-left {
        padding: 14px 12px 12px 10px;
    }
    .articles .fa-chevron-right {
        padding: 14px 10px 12px 12px;
    }

    /* ========================================================================== */
    /* Newsletter styles
    /* ========================================================================== */
    .newsletter .btn {
        padding: 7px 40px 7px 40px;
    }

    /* ========================================================================== */
    /* Widget styles
    /* ========================================================================== */
    .widget {
        margin-bottom: 20px;
    }
    .widget-blog {
        margin-bottom: 0;
    }
    .widget-blog h4 {
        margin-bottom: 10px;
        font-size: 160%;
    }
    .widget.social-media h4 {
        font-size: 110%;
    }
    .widget.social-media .fa-2x {
        font-size: 1.5em;
    }

    .blog-content img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        text-align:center;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    /* ========================================================================== */
    /* Global base styles
    /* ========================================================================== */
    h1 {
        font-size: 280%;
    }
    h2 {
        font-size: 212%;
    }
    h3 {
        font-size: 168%;
    }
    h4 {
        font-size: 148%;
    }
    h5 {
        font-size: 125%;
    }
    hr {
        width: 30px;
    }

    /* ========================================================================== */
    /* Tool base styles
    /* ========================================================================== */
    .spacer65 {
        margin-bottom: 50px;
    }
    .spacer55 {
        margin-bottom: 40px;
    }
    .spacer45 {
        margin-bottom: 30px;
    }
    .spacer35 {
        margin-bottom: 20px;
    }

    /* ========================================================================== */
    /* Slider styles
    /* ========================================================================== */
    .slider .item {
        height: 375px;
    }

    /* ========================================================================== */
    /* Eyecatcher styles
    /* ========================================================================== */
    .eye-catcher {
        height: 375px;
    }

    /* ========================================================================== */
    /* Newsletter styles
    /* ========================================================================== */
    .newsletter .btn {
        padding: 8px 40px 7px 40px;
    }

    .highlight h3.title {
        padding: 30px 20px 20px 20px;
        margin: 0;
        margin-top: 0;
    }
    .highlight .wrapper {
        padding-top: 10px;
    }
    .commitment {
        margin-top: 0px;
    }
    .commitment h3.title {
        padding: 21px;
        padding: 30px 20px 20px 20px;
        margin: 0;
    }
    .blog-listing .wrapper {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .box-product img {
        max-width: 50%;
    }

    .slick-slide img {
        max-width: 50%;
    }
    header .navbar-brand img {
        width: auto;
    }
    .table-basket img {
        display: none;
    }
    .pull-right {
        float: none !important;
    }
}