@charset "utf-8";
/* CSS Document */

/* SCPP */

/* Media Queries */


/* Desktop */
@media (min-width: 1200px) and (min-width: 992px) {
    .navgreen {
        height: 50px;
    }
}


/* Tablet */
@media (min-width: 768px) and (max-width: 992px) {

    .navgreen {
        height: 100px;
    }

}

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


    .mobile-center {
        text-align: center;
        margin-bottom: 20px;
    }

    /* Offcanvas Start */
    .wrapper {
        min-height: 800px;
    }


    .sidebar {
        width: 240px;
    }


    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -50%; /* 6 columns */
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -105%; /* 6 columns */
        min-width: 200px;


    }

    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
        width: 50%;
    }

    .row-offcanvas-left.active {
        left: 70%; /* 6 columns */
        width: 70%;
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        z-index: 9;
        width: 100%; /* 6 columns */
    }

    /* Offcanvas End */


}


/* ----------- iPhone 5 and 5S ----------- */


/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}


/* ----------- iPad Pro CSS ----------- */
@media (max-width: 1024px) {
    .navbar-default li a {
        font-size: 12px !important;
        padding: 15px 13px !important;
    }

    .socialRow .fa {
        margin-left: 3px !important;
    }

    .follow {
        text-align: right !important;
    }


}

@media (min-width: 768px) and (max-width: 1024px) {

    .container {
        padding-right: 5px;
        padding-left: 1px;
    }

    .quicklinks .col-sm-4 {
        padding-left: 6px !important;
    }

}


/* ----------- Tablets iPads CSS ----------- */

@media (max-width: 1023px) {

    .quicklinks h2 {
        font-size: 18px;
    }

    .socialRow .fa {
        margin-left: 10px !important;
    }

    .follow {
        text-align: right !important;
    }
}

/* ----------- Phones CSS ----------- */

@media (max-width: 768px) {
    .logoRow {
        margin-top: 40px;
    }

    .follow {
        text-align: left !important;
        float: left;
        margin-top: 0 !important;
    }

    .footer .address {
        padding: 0 0 30px 0 !important;
    }

    .socialRow {
        width: 180px;
        margin-left: -10px;
    }

    .copyright .pull-right {
        float: left !important;
        margin-left: -7px;
    }

    .quicklinks .col-sm-4 {
        margin-bottom: 20px;
    }

    .copyright {
        margin-left: 5px;
    }

    .googlesearch {
        margin-right: 15px;
    }

}


/* ----------- // Small devices (landscape phones, 576px and up) ----------- */
@media (min-width: 576px) {


}


/* ----------- // Large devices (desktops, 992px and up) ----------- */
@media (min-width: 992px) {

    .socialRow {
        margin-bottom: 10px;
        margin-left: -31px;
    }
}