﻿
@media (max-width: 1199px) {

    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        float: none;
        text-align: center;
    }

    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        display: block;
        text-align: center;
        float: none;
    }

    .navbar-brand>img { display:inline; }

    .navbar-nav {
        margin:0 !important;
        float: none !important;
        display: inline-block;
    }

    .navbar-nav > li > a { padding:10px !important; }

    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        padding:10px 0;
    }

    .top-line p span { margin-right:10px; }
    .top-line p span:last-child { margin-right:0; }

}

@media (max-width: 769px) {

    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        display: inline-block;
        max-width: 400px;
    }

    .navbar-default .navbar-toggle { margin-top: 16px; }

    .services-offer-section,
    .services-offer-section:hover {
        min-height:initial !important;
        padding:0;
        margin:0;
        border:0;
        background:initial;
    }

    .services-offer-section2 .services-post {
        margin-bottom: 40px;
        padding-bottom: 20px;
        border-bottom: 1px solid #919191;
    }
    .services-offer-section2 .services-post:last-child {
        margin-bottom:0;
        padding-bottom:0;
        border-bottom:0;
    }

    footer .up-footer { padding:30px 0; }

    .page-banner-section {
        margin-top:65px;
        padding:30px 0;
    }
    .services-page-section { padding:30px 0; }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form { border-bottom:1px solid #ddd; }

    #map-canvas-cnt { margin-top:65px !important; height:200px !important; }

}

@media (max-width: 479px) {

    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        max-width: 200px;
    }

    .navbar-default .navbar-toggle { margin-top: 10px; }

}
