body {
    padding-top: 51px;
}

html, body {
    background-color: #fff; 
    color: #333; 
    font-family: 'Source Sans Pro'; 
    background-image: url(../../i/top-main-bg.jpg); 
    background-repeat: no-repeat; 
    background-position: center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
}

.top-bar {
    padding:0; 
    margin:0; 
    width:100%;
    height:10px;
}

.navbar {
    margin:0 20px;
    background-color:#f7f7f7;
}

.logo {
    float: left;
    padding-top: 10px;
    font-size: 18px;
    line-height: 20px;
    height: 67px;
}

.navbar-nav>li:hover {
    background-color:#525d6d;
}

.navbar-nav>li>a {
    padding-top: 23px;
    padding-bottom: 23px;
    color:#4e4e4e !important;
    font-weight: 600;
}
.navbar-nav>li>a:hover {
    color:#fff !important;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #4e4e4e;
    background-color: #ccc;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #999;
    color: #fff;
}
.navbar-inverse {
 border: 1px solid #ccc;
}

.navbar-toggle {
    padding:15px 10px;
    margin-top: 10px;
    background-color:#b1b6bd;
    border:none;
}
    .navbar-toggle:hover {
        background-color:red;
    }

.navbar-nav .open .dropdown-menu {
    background-color:#fff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
    background-color:#f7f7f7;
    color:#333;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    background-color:#fff;
    color:#333;
}

.carousel {
    margin:0 20px;
}

.carousel-caption {
    text-align:left;
}

#main-content {
    background-color:#fff;
    margin:0 20px;
}

.container {
    width:100%;
    padding:0 40px;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 15px;
}

#main-content .intro-box h2 {
    font-size:28px;
    line-height:30px;
    font-weight:normal !important;
    margin-bottom: 15px;
}

#main-content .intro-box h3{
    font-size:26px;
    line-height:30px;
    font-weight:normal !important;
    margin-bottom: 15px;
}

h3 {
    font-size:21px;
}

.intro-box ul li, .intro-box ol li {font-size:22px;}

#main-content h2 {font-size: 23px; margin: 0 0 5px;}

#main-content p, #main-content ul, #main-content ol {font-size:17px; margin: 0 0 20px;}
#main-content li {font-size:17px; margin: 10px 0 10px 0;}


.img-center {
    margin: 0 auto;
}

.box {
    line-height:25px;
    border-radius: 10px;
    padding: 15px;
    margin:0 0 15px 0;
}

.grey-box {background-color: #eee;}
.white-box {background-color: #fff;border: 1px solid #ccc;}
.clear-box {background-color: #fff;}
.beige-box {background-color: #e9dacd;}
.blue-box {background-color: #e4eefe;}

.box-img {
    float:right;
    width:130px;
    margin-left:10px;
}

.mngmt-team p {
    font-size:16px !important;
}

/*Modal style*/
.modal {
 overflow-y: auto;
}
.modal-open {
 overflow: auto;
}

.has-feedback .form-control-feedback {
    top: 0;
}

#sb-wrapper-inner {
    border: 1px solid #fff;
}

/* Twitter Feed */

.twitterfeed {
    width:100%;
    overflow:auto;
    height:216px;
}
    .twitterfeed ul {
        margin: 0;
        padding: 0;
        list-style:none;
    }
    .twitterfeed .user {
        font-size:12px;
    }
    .twitterfeed .user img {
        width:20px;
    }
.twitterfeed p {
    font-size:14px !important;
    line-height:20px;
}
.twitter_reply_icon, .twitter_retweet_icon, .twitter_fav_icon {
    display:none;
}

/* \ twitter */



footer {
    background-color:#000;
    padding:15px;
    color: #fff;
    font-size: 11px;
}

footer p {font-size:12px !important; color:#999;}

    footer a, footer a:hover {
        color:#999;
    }

.socialmedia {
    margin:0 0 10px 10px; 
    float:right; 
    max-width:40px;
}


@media (max-width:1200px) {

    /*h1 {color:red !important; }*/

    .carousel-caption h2 {
        font-size:20px;
        margin:0 0 0 0;
    }
    .carousel-caption h3 {
        font-size:16px;
        
    }
    .carousel-caption strong {
        font-size:15px;
    }

    .grey-box h3, .white-box h3, .clear-box h3 {font-size:20px;}
}

@media (max-width:992px) 	
{
    /*h1 {color:blue !important; }*/

    .carousel-caption h2 {
        font-size:15px;
        margin:20px 0 0 0;
    }
    .carousel-caption h3 {
        font-size:12px;
        margin:20px 0 0 0 0;
        padding:0;
    }
    .carousel-caption strong {
        font-size:12px;
        margin:0;
        padding:0;
    }
    
    body {padding-top: 80px; }
    .intro-box h1 {font-size:32px; }
    .intro-box h2 {font-size:24px; line-height:25px;}
    .intro-box h3 {font-size:22px; line-height:25px; }

    .navbar-nav > li > a {
        word-spacing:0px;
        font-size:11px;
        margin-top:19px;
        padding:5px 5px 5px 5px;
    }

    .box-img {
        width:100%;
        margin-bottom:10px;
    }
}

@media (max-width:767px) 
{    
    /*h1 {color:yellow !important; }*/
    
    body {padding-top: 80px; }

    #main-content .intro-box h1 {font-size:30px;}
    #main-content .intro-box h2 {font-size:20px; line-height:24px;}
    #main-content .intro-box h3 {font-size:18px; line-height:24px;}
    #main-content .intro-box ul li, .intro-box ol li {font-size:18px;}
    #main-content h2 {font-size: 18px; margin: 0 0 5px; line-height:25px;}
    #main-content p, #main-content ul, #main-content ol {font-size:14px;}
    #main-content li {font-size:14px; margin: 10px 0 10px 0;}

    .carousel-caption {
        display:none;
    }

    .navbar-nav > li > a {
        word-spacing:0px;
        font-size:15px;
        margin-top:0;
        padding: 10px;
    }

    .box h3 {font-size:24px;}
    .box {margin:0 0 15px 0;}

    .box-img {
        float:right;
        width:130px;
        margin:-40px 0 0 10px;
    }
}

@media (max-width:480px) 
{
    /*h1 {color:green !important; }*/

    body {padding-top: 79px; }
    .navbar {margin:0; }
    
    #main-content {
        margin: 0;
    }
    .container {
        padding:0 30px;
    }

    .carousel {margin:0px;}


    .intro-box h1 {font-size:26px !important;}
    .intro-box h2 {font-size:18px !important;}
    .intro-box h3 {font-size:16px !important;}

    .box-img {
        float:right;
        width:130px;
        margin:2px 0 0 10px;
    }

    .mngmt-team p {
        font-size:14px !important;
    }
    
    footer {font-size:10px; }
}

@media (max-width:320px) {

    h1 {font-size:22px; }
    h3 {font-size:18px; }
}