@media only screen and (max-width:1200px) {
    #cta-nav-wrap .wrapper nav ul li { margin: 0 10px; font-size: 18px; line-height: 22px; }
    #footer .wrapper { padding: 30px 40px 20px; }
}
@media only screen and (max-width:980px) {
    #cta-nav-wrap .wrapper nav ul li { }
    .people #content .text-img-list.col-2 li { width: 100%; }
}
@media only screen and (max-width:920px) {
    #header .contact li span { display: none; }
    #cta-nav-wrap .wrapper nav ul li { margin: 0 20px; }
    #cta-nav-wrap .wrapper nav ul li a { color: #EF3D2D; font: 1rem/1.375rem 'open_sansregular'; padding: 0; min-height: 1px; background: none !important; }
}
@media only screen and (max-width:768px) {
    #content .text-img-list.col-2 li { display: block; clear: both; float: none; width: 100%; margin-left: auto; margin-right: auto; }
    .single #content { padding-left: 6%; width: 60%; }
    .clients #content-wrap .wrapper { padding-left: 8%; padding-right: 8%; }
    .clients #content, .clients #side-col { display: block; clear: both; float: none; width: 100%; margin-left: auto; margin-right: auto; }
    #side-col .button.cta { margin: 0 auto; width: 50%; }
    #side-col .quotes { margin-top: 35px; }
    #table-coockies table, #table-coockies thead, #table-coockies tbody, #table-coockies th, #table-coockies td, #table-coockies tr { display: block; }
    #table-coockies thead tr { position: absolute; top: -9999px; left: -9999px; background-color: #000; }
    #table-coockies tr { border: 1px solid #ccc; }
    #table-coockies table td { /* Behave  like a "row" */
    border-bottom: 1px solid #eee; padding-left: 60%; white-space: normal; text-align: left; border: none; position: relative; }
    #table-coockies td:before { /* Now like a table header */
        position: absolute; /* Top/left values mimic padding */
    top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
    #table-coockies td:before { content: attr(data-title); }
}
@media only screen and (max-width:750px) {
    body { -webkit-text-size-adjust: 100%; }
    #clickdesk_container { display: none !important; }
    #header ul { padding: 5px 0; overflow: hidden; }
    #header .links li { display: none; }
    #header .links li.login { display: block; margin: 0 0 0 10px; padding: 0; }
    #header .links li.login::after { display: none; }
    #header .contact li.support { display: none; }
    #header .contact li.email, #header .contact li.sales { margin: 0 10px 0 0; padding: 0; }
    #header .contact li.email a, #header .contact li.sales a, #header .links li.login a { display: block; width: 30px; height: 30px; text-align: left; text-indent: -9999px; border-radius: 5px; background: #000; }
    #header .contact li a:hover, #header .contact li a:active, #header .contact li a:focus, #header .links li a:hover, #header .links li a:active, #header .links li a:focus { background-color: #fd2800; }
    #header .links li.login a { width: auto; height: 30px; line-height: 30px; padding: 0 10px; text-indent: 0; color: #FFF; }
    #header .links li.login a:hover, #header .links li.login a:active, #header .links li.login a:focus { text-decoration: none; }
    #logo-wrap { padding: 15px 0; }
    #logo-wrap #main-logo { width: 150px; }
    #logo-wrap .wrapper .toggle { float: right; display: block; width: 30px; height: 30px; text-align: left; text-indent: -9999px; border-radius: 5px; background: #000; }
    #logo-wrap .wrapper .toggle:hover, #logo-wrap .wrapper .toggle:active, #logo-wrap .wrapper .toggle:focus { background-color: #fd2800; }
    #banner-wrap { height: 200px; }
    #banner-wrap .wrapper { background-size: cover; }
    #banner-wrap .details { width: 60%; }
    #banner-wrap .details .inner h1 { margin: 0 0 10px 0; font-size: 22px; }
    #banner-wrap .details .inner p { margin: 0 0 15px 0; font-size: 14px; line-height: 17px; }
    #banner-wrap .details .inner .logo { width: auto; height: 20px; }
    #banner-wrap .details .inner .more { padding: 0 10px; font-size: 13px; line-height: 20px; }
    #banner-wrap .slides-wrap .slides li { background-size: cover !important; }
    #main-nav-wrap .wrapper nav { clear: both; display: none; text-align: left; }
    #main-nav-wrap .wrapper nav ul { display: block; }
    #main-nav-wrap .wrapper nav ul li { display: block; margin: 0; padding: 0; font-size: 14px; line-height: normal; border-bottom: 1px solid #FFF; }
    #main-nav-wrap .wrapper nav ul li:last-child { border-bottom: none; }
    #main-nav-wrap .wrapper nav ul li a { display: block; padding: 10px 0; }
    #cta-nav-wrap .wrapper { padding-top: 10px; }
    #cta-nav-wrap .wrapper .toggle { float: right; display: block; width: 30px; height: 30px; text-align: left; text-indent: -9999px; border-radius: 5px; background: #000; }
    #cta-nav-wrap .wrapper .toggle:hover, #cta-nav-wrap .wrapper .toggle:active, #cta-nav-wrap .wrapper .toggle:focus { background-color: #274546; }
    #cta-nav-wrap .wrapper { text-align: left; }
    #cta-nav-wrap .wrapper nav { clear: both; }
    #cta-nav-wrap .wrapper nav ul { padding: 0; }
    #cta-nav-wrap .wrapper nav ul li { display: block; vertical-align: baseline; margin: 0; padding: 0; font-size: 14px; line-height: normal; border-bottom: 1px solid #CCC; }
    #cta-nav-wrap .wrapper nav ul li a { display: block; min-height: 1px; padding: 10px 0; color: #424242; }
    #cta-nav-wrap .wrapper nav ul li a span { display: block; }
    #cta-nav-wrap .wrapper nav ul li a span br { display: none; }
    #header .contact li.email a, #header .contact li.sales a, #logo-wrap .wrapper .toggle, #cta-nav-wrap .wrapper .toggle { background-image: url('../images/bg-nav-mobile.png'); }
    #header .contact li.email a { background-position: 0 0; }
    #header .contact li.sales a { background-position: -30px 0; }
    #logo-wrap .wrapper .toggle, #cta-nav-wrap .wrapper .toggle { background-position: -60px 0; }
    #content-wrap .wrapper { padding: 30px 10px; background: #FFF; }
    #content, #side-col { float: none; width: 100%; }
    #content { margin: 0 0 30px 0; }
    .home #content { margin: 0 auto; width: 95%; }
    #side-col .staff .staff-list li .thumb { width: 45%; }
    #side-col .staff .staff-list li .thumb img { width: 100%; }
    #side-col .staff .staff-list li .details { float: left; width: 55%; }
    #subfooter .wrapper .col { float: none; width: auto; margin: 0 0 20px 0; }
    #subfooter .wrapper .col:last-child { margin: 0; }
    #subfooter .wrapper .col:last-child ul li:last-child { margin: 0; }
    #subfooter .wrapper .col h3 { margin: 0 0 10px 0; font-size: 18px; }
    #content .signup-col { float: none; margin-bottom: 50px; width: auto; }
    #adv-col { margin-top: 45px; }
}
@media only screen and (max-width:580px) {
    .single #content { padding: 0; width: 100%; }
    .single #content h1 { font-size: 180%; }
    #content .text-img-list.col-2 li { display: block; width: 100%; padding: 0; }
    #content .contentForm { padding: 10px 0; background: #f3f3f3; }
    #content .contentForm .field { float: none; width: 100%; }
    #content .text-img-list.col-2 li { height: auto; }
    #content .text-img-list.col-2.cat li .details { padding: 10px 20px; }
    #content .text-img-list.col-2.cat li .details p { padding: 0; }
    #content h1, #content p { padding: 0 20px; }
    #content h1 { font-size: 180%; }
    .people #content .text-img-list li .details p { margin-bottom: 1.4375em; padding-left: 0; }
    #table-coockies-wrap h1 { padding: 10px 0 0 7px; }
}
@media only screen and (max-width:480px) {
    #content .signup-col { margin-left: 5%; }
    #content .signup-col h2 { padding-left: 5%; }
    #footer-social, #footer-info { display: block; clear: both; float: none; width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; text-align: center; }
    #footer-social ul { display: inline-table; }
    #footer-social ul li { display: inline; }
    #footer-info p { float: none; clear: both; margin: 15px 0 5px; width: 100%; }
    #content #table-coockies-wrap { padding: 0; }
    .error404 #banner-wrap .wrapper img { display: block; clear: both; float: none; margin-left: auto; margin-right: auto; width: 100%; }
    .error404 #message { display: block; clear: both; float: none; width: 100%; margin-left: auto; margin-right: auto; }
    .error404 #message h1 { font-size: 6em; }
}
@media only screen and (max-width:360px) {
    #content .signup-col { margin: 0; }
    #content .signup-col h2 { padding-left: 7%; }
}