@media only screen and (max-width: 1600px) {

}

@media only screen and (max-width: 1366px) {


}

@media only screen and (max-width: 1360px) {


}

@media only screen and (max-width: 1280px) {

}


@media (min-width: 1181px) and (max-width: 1279px) {

}

@media only screen and (max-width: 1180px) {
    .navbar-nav > li{margin-right: 10px;}
}


@media (min-width: 768px) and (max-width: 991px) { 
    .navbar-default .navbar-nav li a{padding: 60px 25px 35px;}
    .col-sm-8{ width: 100%;}
    .col-sm-4{ width: 100%;}


}

@media only screen and (max-width: 854px){
    #siteNav{display:block}
    .nav{display:none;}
    .navbar > .container .navbar-brand {left: 20px;}
    .logo img{max-width:50%;}
    .navbar{min-height: 60px;}
    .content-inner {margin-top: 0;}
    #siteNav{top: 14px;width: 67%;}
    .people-at h1{font-size: 22px;}
    .col-sm-8{ width: 100%;}
    .col-sm-4{ width: 100%;}



}
@media only screen and (max-width: 800px){
    #siteNav{display:block}
    .nav{display:none;}
    .navbar > .container .navbar-brand {left: 20px;}
    .logo img{max-width:50%;}
    .navbar{min-height: 60px;}
    .content-inner {margin-top: 0;}
    #siteNav{top: 14px;width: 67%;}
    .people-at h1{font-size: 22px;}
    .col-sm-8{ width: 100%;}
    .col-sm-4{ width: 100%;}
}


@media only screen and (max-width: 768px) {
    #siteNav{display:block}
    .nav{display:none;}
    .navbar > .container .navbar-brand {left: 20px;}
    .logo img{max-width:50%;}
    .navbar{min-height: 60px;}
    .content-inner {margin-top: 0;}
    #siteNav{top: 14px;width: 67%;}
    .col-sm-8{ width: 100%;}
    .col-sm-4{ width: 100%;}
    .footer-links ul li a{font-size: 11px;}
    .company-info a{font-size: 11px;}
    .company-info p{font-size: 11px;}


}

@media (min-width: 480px) and (max-width: 767px) { 
    .navbar > .container .navbar-brand {left: 20px;}
    .logo img{max-width:35%;}
    .navbar{min-height: 50px;}
    .content-inner {margin-top: 0;}
    #siteNav{top: 14px;width: 67%;}
}


@media only screen and (max-width: 480px) {
    .navbar > .container .navbar-brand {left: 20px;}
    .logo img{max-width:35%;}
    .navbar{min-height: 50px;}
    .content-inner {margin-top: 0;}
    #siteNav{top: 14px;width: 67%;}
    .company-info p{text-align:left;}

}


@media (min-width: 321px) and (max-width: 479px) { 
    .navbar > .container .navbar-brand {left: 20px;}
    .logo img{max-width:35%;}
    .navbar{min-height: 50px;}
    .content-inner {margin-top: 0;}
    #siteNav{top: 14px;width: 67%;}
    .company-info p{text-align:left;}

}

@media only screen and (max-width: 320px) {
    .navbar > .container .navbar-brand {left: 20px;}
    .logo img{max-width:35%;}
    .navbar{min-height: 50px;}
    .content-inner {margin-top: 0;}
    #siteNav{top: 14px;width: 67%;}
    .company-info p{text-align:left;}
}

@media (min-width: 241px) and (max-width: 319px) { 
    .navbar > .container .navbar-brand {left: 20px;}
    .logo img {max-width: 30%;}
    #siteNav {top: 14px;width: 84%;}
    .title{ font-size: 18px;}
    .sidebar ul li a{font-size: 14px;}
    .company-info p{ text-align: left;}
    #siteNav ul.menu li a{font-size: 13px;}

}

@media only screen and (max-width: 240px) {
    .navbar > .container .navbar-brand {left: 20px;}
    .logo img {max-width: 30%;}
    #siteNav {top: 14px;width: 84%;}
    .title{ font-size: 18px;}
    .sidebar ul li a{font-size: 14px;}
    .company-info p{ text-align: left;}
    #siteNav ul.menu li a{font-size: 13px;}
}