@media (min-width:961px){
    /* Header/Nav */
    #mobile-menu, .mobile-nav {display: none;}
}

@media screen and (max-width: 1310px){
    /* General */
    header #brand {left: 0;}
    #reports .vertical_title.scroll-top {bottom: 135%;}
    #store.detail #product_box .right .row h4 {min-width: 240px;}
}

@media screen and (max-width: 1180px){
    /* General */
    .container {width: 94%;}
    .desktop_only {display: none !important;}

    /* Team */
    #team #feature .image {width: 50%; height: 400px;}
    #team #feature .text {width: calc(50% - 58px); margin-left: 50px; padding-right: 0;}

    /* Blog/Reviews/Videos */
    #blog #feature .title {margin-left: 60px; right: auto; bottom: 0; width: calc(61% - 100px);}

    /* Contact */
    #contact #main #contact_left {width: 53%;}
    #contact #main #contact_right {padding-right: 0; width: 41%;}

    /* Store */
    #store main .store_item .bottom  {text-align: center;}
    #store main .store_item .bottom .price {width: 100%; float: none; margin-bottom: 15px;}
    #store main .store_item .bottom .desc {width: 100%; float: none;}
    #store.detail #product_box .right .row h4 {min-width: 178px;}
}

@media screen and (max-width: 1065px){
    /* Reports */
    #reports #preview .container {width: 94%;}
    #reports #preview .container .image {width: 100%; max-width: 100%;}
    #reports #preview .container .image img {width: 100%;}
    #reports #preview .container .image .text {bottom: 30px;}
    #store.landing .store_item {max-height: 250px; min-height: 250px;}

}

@media screen and (max-width: 1024px){
    /* View Report */
    #view-report main .container {width: 94%;}
    #reports.internal .nav a, #consulting.internal .nav a {font-size: 18px; letter-spacing: .05em;}
    #store.detail #product_box .right .row h4 {min-width: 160px;}

    /* Events */
    #blog #feature .after {top: 100px;}
    #blog.events #feature #calendar_box {left: calc(50% - 158px);}
    #blog #feature .title {width: calc(45% - 100px); right: 0;}
    #blog #feature .title h1 {font-size: 30px; line-height: 35px;}
    #blog aside .box.cats h3 {font-size: 21px;}
    #blog aside .box ul li {font-size: 17px; letter-spacing: .05em;}

    /* Store */
    #store.checkout.review main .container {width: 94%;}


}

@media screen and (max-width: 1000px){
    /* Store */
    #store.main_landing main .container {width: 94%;}
    #store.main_landing .store_type h2 {font-size: 30px; line-height: 35px; margin-bottom: 15px;}
    #store.main_landing .store_type h4 {font-size: 20px;}

}

@media screen and (max-width: 960px){
    /* Header/Nav */
    header #header_nav_top {right: calc(3% + 40px); top: 50px;}
    header #header_nav_bottom {display: none;}
    header nav.desktop ul li {margin-left: 23px;}

    /* Mobile Menu */
    .mobile-nav {display: block !important; position: relative; z-index: 99999;}
    #mobile-menu {right: 3%; top: 43px; display: block; width: 40px; height: 27px; position: absolute; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; white-space: nowrap; z-index: 9999; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
    #mobile-menu.active {top: 43px; z-index: 999999;}
    #mobile-menu.active span:before {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 0; background: #cc0000;}
    #mobile-menu.active span {position: relative; background: rgba(0,0,0,.0)}
    #mobile-menu.active span:after {transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 0; background: #cc0000;}
    #mobile-menu span {width: 100%; height: 3px; background: #cc0000; display: block; position: absolute; top: 50%; margin-top: -1.5px; left: 0;}
    #mobile-menu span:before, #mobile-menu span:after {content: ''; position: absolute; top: -12px; left: 0; width: 100%; height: 3px; background: #cc0000; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
    #mobile-menu span:after {top: 12px; left: 0;}
    #mobile-navbar {background: rgba(255, 255, 255, .98); position: fixed; top: 109px; width: 100%; height: calc(100% - 109px); right: -100%; box-sizing: border-box; padding-top: 30px; z-index: 999; overflow-y: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
    #mobile-navbar.open {right: 0;}
    #mobile-navbar nav {padding-bottom: 20px; display: block; position: relative; top: 0; float: inherit;}
    #mobile-navbar ul ul {display: none; background: #2b364e;}
    #mobile-navbar ul ul ul {display: none; background: #cc0000;}
    #mobile-navbar li.mobile {display: none;}
    #mobile-navbar li {border-bottom: 2px solid #cc0000; list-style: none; position: relative; padding-bottom: 0; float: inherit; text-align: left;}
    #mobile-navbar li:last-child {border-bottom-width: 0; padding-bottom: 0;}
    #mobile-navbar li em {display: block; position: absolute; top: 10px; right: 15px; width: 15px; height: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
    #mobile-navbar li em:before {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; width: 100%; height: 2px; background: #cc0000;}
    #mobile-navbar li li em:after {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; width: 100%; height: 2px; background: #fff; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg)}
    #mobile-navbar li li em:before {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; width: 100%; height: 2px; background: #fff;}
    #mobile-navbar li em:after {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; width: 100%; height: 2px; background: #cc0000; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg)}
    #mobile-navbar li em.active {transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg)}
    #mobile-navbar li em.active {transform: rotate(225deg); -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg)}
    #mobile-navbar li a, #mobile-navbar li span {font-family: 'Space Mono', monospace; color: #2b364e; padding: 8px 0px 8px 25px; display: block; margin-right: 30px; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; border-width: 0; font-weight: 400;}
    #mobile-navbar li li {border-color: #1d1d1d; border-width: 1px;}
    #mobile-navbar li li a, #mobile-navbar li li span {padding: 8px 0px 8px 45px; color: #fff; text-transform: none; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 14px;}
    #mobile-navbar li li li {border-color: #9f0405;}
    #mobile-navbar li li li a {padding: 8px 0px 8px 65px; color: #fff; text-transform: none; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 14px;}
    .overflow-hidden {overflow: hidden; height: 100%;}

    /* Home */
    #home #banner .content {padding: 0 60px; width: calc(100% - 120px);}
    #home #banner .content h1 {font-size: 70px; line-height: 60px;}
    #home #banner .content h1 span {font-size: 24px;}
    #home #banner #scroll_page_down {bottom: 30px;}

    #home #reports .inner {padding: 0;}

    #home #about .inner {padding: 0 15%;}

    #home #blog {position: relative; padding-bottom: 100px;}
    #home #blog .text {width: 65%;}
    #home #blog .image {width: 58%; height: 400px;}
    #home #blog .text .featured h2 {font-size: 40px; line-height: 42px;}

    /* Team */
    #team #members .container .inner {width: 96%; float: right;}

    /* Blog/Reviews/Videos */
    #blog #feature .text {width: calc(39% - 30px); padding-right: 0; margin-left: 30px;}

    #blog #articles {width: 60%;}
    #blog #articles .blog_post .image {width: 100%; float: none; margin-bottom: 20px;}
    #blog #articles .blog_post .text {width: calc(100% - 30px); padding-left: 30px; margin-left: 0;}
    #blog #articles .blog_post .text .vertical_title {left: -5px;}
    #blog #articles .blog_post .text:before {display: none;}
    #blog aside {width: 35%;}

    #blog.detail main .container {width: 94%;}
    #blog.detail #reports .report {padding-left: 30px; width: 43%; position: relative;}
    #blog.detail #reports .report .vertical_title {left: 0; height: 30px;}

    /* Consulting */
    #consulting #top .image {width: 100%; height: 400px; margin-bottom: 20px;}
    #consulting #top .text {width: 100%; padding: 0;}

    /* Reports */
    #reports #top .image {width: 100%; height: 400px; margin-bottom: 20px;}
    #reports #top .text {width: 100%; padding: 0;}

    /* Footer */
    footer .top {padding-top: 90px;}
    footer .newsletter .text {float: none; display: inline-block;}
    footer .bottom {text-align: center;}
    footer .bottom .left {float: none; display: inline-block;}
    footer .bottom .right {float: none; display: inline-block;}

    /* Dash */
    #dash #content #main .report {width: 100%; margin-right: 0; margin-bottom: 15px; float: none; padding: 20px;}
    #dash #content #main .report .btn {position: relative; bottom: auto; left: auto; margin-top: 25px;}
    #dash main:before {display: none;}
    #dash #content #top {height: auto; padding: 50px 0; background: #fff;}
    #dash #content #top .title {position: relative; bottom: auto; left: auto;}
    #dash #content #main {padding: 0 0 55px 0;}
    #dash #content {width: calc(100% - 275px);}
    #dash main .container:before {display: none;}
    #dash #content #main .row_title {float: none;}
    #dash.reports #sort {float: none;}

    #dash.profile #main #contact {width: 100%; margin-right: 0; float: none; margin-bottom: 30px;}
    #dash.profile #main #card {width: 100%; float: none;}
    #dash.profile #main .row {margin-bottom: 15px;}

    /* View Report */
    #view-report #title .report_pages {position: relative; right: auto; text-align: left; margin-bottom: 20px;}
    #view-report #title .report_pages ul li {line-height: auto; font-size: 21px;}
    #view-report #title h1 {font-size: 30px; line-height: 35px;}
    #view-report #report_body.three-col {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-width: 50%; -moz-column-width: 50%; column-width: 50%;}

    /* Store */
    #store.main_landing .store_type {padding: 40px 40px 20px 40px; width: 100%; margin-bottom: 25px;}

    #store.detail #product_box .left {width: calc(51% - 41px); padding-right: 40px; border-right: 1px solid #ccc;}
    #store.detail #product_box .left h1 {font-size: 25px; line-height: 30px;}
    #store.detail #product_box .left h5 {font-size: 16px;}
    #store.detail #product_box .left #product_box_desc h6 {font-size: 13px;}
    #store.detail #product_box .right {width: calc(40% - 30px);}
    #store.detail #product_box .right .row label, #store.detail #product_box .right .row span {font-size: 16px;}
    #store.detail #product_box .right .row h4, #store.detail #product_box .right .row input {font-size: 20px;}
    #store.detail #product_box .right .row h4 {min-width: 145px;}
    #store.detail #product_info {text-align: center; padding: 45px 10% 100px 10%;}

    #store.cart #cart_box .row h4 {font-size: 18px; line-height: 20px;}
    #store.cart #cart_box h3 {font-size: 20px;}
    #store.cart #cart_box .row.subtotal_promo .subtotal .price h4 {font-size: 20px;}
    #store.cart #cart_box .total .price h4 {font-size: 20px;}

    #store.checkout.review #review_aside {width: 100%; float: none;}
    #store.checkout.review #review_main {width: 100%; float: none; margin-bottom: 50px;}


}

@media screen and (max-width: 890px){
    /* Header */
    header nav.desktop ul li.contact {display: none;}

    /* Consulting */
    #consulting #content {width: 100%;}

    /* Reports */
    #reports #content {width: 100%;}

}

@media screen and (max-width: 860px){
    /* Store */
    #store.checkout main .container {width: 94%;}

}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    #home #banner, #home #banner .grid, #home #banner .overlay, #home #banner .video, #home #banner .video video {height: 700px;}
    #blog .vertical_title.scroll-top { right: -278px !important; }
    #home #about .after {  right: 23% !important; }
    #home #banner .content h1 {font-size: 16px !important;line-height: 22px !important;}
    #home #banner .content {box-sizing: border-box; display: block;position: absolute;width: 100%;top: 150px;}
    #home #banner .content .vcenter {display: block;width: 100%;}
    #home #banner .content h2 {width: 100%;}
    #home #banner .content h1 {max-width: 100%;box-sizing: border-box;}
    #home #blog .text .info {padding: 0; float: none;}
    #home #blog .text .featured {float: none; padding: 20px; margin: 20px 0px;}
    #home #blog .text .featured h2 {font-size: 35px; line-height: 40px;}
    #home #blog .text .featured .vertical_title {top: -100px;}
    #reports .vertical_title.scroll-top { right: -271px;}
    #reports #content .box.tw .left {max-height: 180px; overflow: scroll;}
    #reports.internal #content .after {display: none;}
    #reports #preview .container { width: 89%;}
    #reports #content .box.tw {bottom: auto; left: auto;}
    .vertical_title.scroll-top{ display: none !important;}
    #consulting.internal .nav-wrapper {margin-top: -10px;}
}

@media screen and (max-width: 768px){
    /* General */
    #search_pop textarea {font-size: 70px; line-height: 70px;}
    .container {width: 92%;}
    .mobile_hide {display: none;}

    blockquote {padding: 10px 50px;}

    .internal main h1, .internal main h2 {word-wrap: break-word;}

    /* Header/Nav */
    #mobile-navbar li.mobile {display: block;}
    #mobile-menu {right: 25px;}
    header #header_nav_top {right: 75px;}
    header #header_nav_top .social ul li {margin-left: 20px;}
    header #header_nav_top .header_nav_top_links {display: none;}
    #mobile-navbar .cart-btn {height: 34px;}
    #mobile-navbar li.cart-btn a span {margin-right: 10px; float: left; padding: 0 !important;}

    /* Home */
    #home #banner, #home #banner .grid, #home #banner .overlay, #home #banner .video, #home #banner .video video {height: 700px;}
    #home #banner .content h1 {font-size: 16px !important;line-height: 22px !important;}
    #home #banner .content h2 {width: 100%;}
    #home #banner .content h1 {max-width: 100%;box-sizing: border-box;}
    #reports.internal #content .after {bottom: -31px;}
    #reports .vertical_title.scroll-top {display: none;}
    #reports #top .image {background-size: 85%;}

    #home #reports .left {width: 100%; margin-bottom: 30px;}
    #home #reports .left .categories ul li {width: 100%; margin: 10px 0 20px;}
    #home #reports .right {width: calc(100% - 21px); position: relative;}

    #home #events .event .image {width: 100%; height: 300px; margin-bottom: 30px;}
    #home #events .event .text {width: 100%; display: table;}
    #home #events .event .text .date {width: 20%; right: auto; float: left; padding: 20px; background: #2b364e; position: relative;}
    #home #events .event .text .date h2 {font-size: 70px; line-height: 45px;}
    #home #events .event .text .info {width: calc(80% - 65px);}

    #home #about .inner {padding: 0 10%;}
    #home #about .before {left: 8%;}
    #home #about .after {right: 8%;}

    #home #blog {padding-bottom: 0;}
    #home #blog .text {width: 100%; position: relative;}
    #home #blog .text .info {padding-top: 0; margin-bottom: 30px; width: 100%;}
    #home #blog .text .featured {margin-top: 0; width: calc(100% - 40px);}
    #home #blog .image {width: 100%; height: 300px;}
    #home #blog .after {right: 8%;}

    /* Team */
    #team #feature .image {float:left;width: 100%;display: block;max-width: 344px;height: 335px;margin-right:37px;margin-bottom: 30px;}
    #team #feature .text {width: 100%; display: block; margin-left: 0;}
    #team #feature .text h1 {font-size:36px;}
    #team #feature .text h5 {font-size:16px;}
    #team #feature .text p {font-size:14px;}
    .team-member .team-left .team-image {width:130px;height:130px;}
    .team-member .team-left {width:130px;}
    .team-member .team-right {width: calc(100% - 180px);}
    .team-member .team-right .team-inner p {font-size:12px;}

    #team #members .team_member {width: 44%; height: 300px; margin-bottom: 80px;}

    /* Blog/Reviews/Videos/Events */
    #blog #feature .image {width: calc(100% - 60px); margin-bottom: 30px;}
    #blog #feature .title {width: calc(100% - 40px); position: relative; top: 0; left: 0; bottom: auto; margin-left: 0; margin-bottom: 30px;}
    #blog #feature .text {width: 100%; margin-left: 0;}
    #blog #feature .image_clear {display: block;}
    #blog.events #feature #calendar_box {left: 0;}

    #blog aside {width: 100%;}
    #blog aside .before {left: 0; position: absolute;}
    #blog aside .box {width: calc(50% - 75px);}
    #blog aside .box.cats {float: left;}
    #blog aside .box.arch {float: right;}
    #blog #articles {width: 100%;}

    #blog.events aside .box.arch {float: left;}
    #blog.events #feature {text-align: center;}
    #blog.events #feature .vertical_title {display: none;}
    #blog.events #feature .image {width: 100%; margin-left: 0; height: 400px;}
    #blog.events #feature .text {margin-left: 0; width: 100%; text-align: left;}
    #blog.events #feature #calendar_box {text-align: left; position: relative; display: inline-block; bottom: auto; margin-bottom: 20px;}
    #blog #pagination ul li {margin: 0 10px;}
    #blog #pagination ul li.first-list {margin-left: -240px;}
    #blog #pagination ul li.last-list {margin-left: 35px;}

    .event-spacer {display: none}

    /* Consulting */
    #consulting #top {padding-bottom: 100px;}

    #consulting #content .text {width: 100%; float: none; margin-right: 0; margin-bottom: 20px;}
    #consulting #content .text .border {padding-right: 0; border-right: none;}
    #consulting #content .box.tw .left {text-align: center; width: 100%; max-width: 100%; float: none; margin-bottom: 20px;}
    #consulting #content .box.tw .right {width: 100%; margin-left: 0;}
    #consulting #content .box.list {padding: 30px 40px 30px 40px; float: none; width: calc(100% - 80px); margin-bottom: 20px;}
    #consulting #content .box.tw {bottom: auto; left: auto; position: relative; width: calc(100% - 80px);}

    #consulting #bottom {padding: 50px 0;}

    /* Reports */
    #reports #top {padding-bottom: 100px;}
    #reports #preview .container .image .text {bottom: 0px;}
    #reports #content .text {width: 100%; float: none; margin-right: 0; margin-bottom: 20px;}
    #reports #content .text .border {padding-right: 0; border-right: none;}
    #reports #content .box.tw .left {text-align: center; width: 100%; max-width: 100%; float: none; margin-bottom: 20px;}
    #reports #content .box.tw .right {width: 100%; margin-left: 0;}
    #reports #content .box.list {padding: 30px 40px 30px 40px; float: none; width: calc(100% - 80px); margin-bottom: 20px;}
    #reports #content .box.tw {top: auto; bottom: auto; left: auto; position: relative; width: calc(100% - 80px);}

    #reports.internal .nav a, #consulting.internal .nav a {font-size: 15px;}
    #reports #preview {padding: 50px 0;}

    /* Contact */
    #contact #main #contact_left {width: 100%; float: none;}
    #contact #main #contact_right {width: 100%; float: none;}

    /* Footer */
    footer .top .text {margin-left: 0;}
    footer .top .text .btn {position: absolute; right: auto; left: 215px; top: 72px;}

    /* Dash */
    #dash aside {width: 100%; float: none; text-align: center;}
    #dash #content {width: 100%; float: none;}
    #dash aside #dash_image {display: none;}
    #dash aside a.box {font-size: 15px; padding: 10px;}
    #dash aside #dash_info h5 {margin-bottom: 15px;}

    /* View Report */
    #view-report #report_body.two-col, #view-report #report_body.three-col {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%;}

    /* Store */
    #store main .store_item {width: 100% !important;}
    #store main .store_item.left {margin-right: none;}
    #store main .store_item.right {margin-left: none;}

    #store.detail #product_box .left {width: 100%; padding-right: 0; border-right: none; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
    #store.detail #product_box .right {width: 100%; padding-left: 0; padding-top: 30px;}
    #store.detail #product_box .right .row label, #store.detail #product_box .right .row span {float: left; text-align: left;}
    #store.detail #product_box .right .row h4, #store.detail #product_box .right .row input {margin-left: 0; margin-right: 10px; font-size: 20px; float: left;}
    #store.detail #product_info {text-align: center; padding: 45px 10% 100px 10%;}

    #store.cart #cart_box .row h4 {font-size: 15px; line-height: 18px;}
    #store.cart #cart_box h3 {font-size: 18px;}
    #store.cart #cart_box .row.subtotal_promo .subtotal .price h4 {font-size: 18px;}
    #store.cart #cart_box .total .price h4 {font-size: 18px;}
    #store.cart #cart_box .row .col3 input[type=text] {width: 30px; height: 30px; line-height: 30px; font-size: 13px;}
    #store.cart #cart_box .row.subtotal_promo .promo .input input {height: 40px;}
    #store.cart #cart_box .row.subtotal_promo .promo .title h4 {line-height: 40px;}
    #store.cart #cart_box .total .title h3 {line-height: 60px;}
    #store.cart #cart_box .total .price {height: 60px;}
    #store.cart #cart_box .total .price h4 {line-height: 60px;}

    #store.cart #cart_box .row.subtotal_promo .subtotal .title {width: calc(60% - 20px); margin-right: 20px;}
    #store.cart #cart_box .row.subtotal_promo .subtotal .price {width: 40%;}
    #store.cart #cart_box .row.subtotal_promo .promo .title {width: calc(60% - 20px); margin-right: 20px;}
    #store.cart #cart_box .row.subtotal_promo .promo .input {width: 40%;}
    #store.cart #cart_box .total .title {width: calc(60% - 20px); margin-right: 20px;}
    #store.cart #cart_box .total .price {width: calc(40% - 2px);}

    #store.checkout #checkout_box {padding: 30px;}
    #store.checkout.login #checkout_box .left {width: 100%; padding: 30px; border-bottom: 1px solid #2b364e;}
    #store.checkout.login #checkout_box .right {width: 100%; border-left: none;}
    #store.checkout.login #checkout_box .right .new_customer {padding: 30px;}
    #store.checkout.login #checkout_box .right .create_account {padding: 30px;}

    #store.checkout #checkout_box .info {padding: 40px 0;}
    #store.checkout #checkout_box input[type=text], #store.checkout #checkout_box input[type=password], #store.checkout #checkout_box input[type=email] {font-size: 14px;}
    #store.checkout #checkout_box .select .select2-container--default .select2-selection--single {font-size: 14px;}
    #store.checkout #checkout_box .info .row .col.two_col {width: calc(100% - 20px);}
    #store.checkout #checkout_box .info .row .col.three_col {width: calc(100% - 20px);}

    #store.checkout.review #review_main h4 {font-size: 13px; line-height: 15px;}
    #store.checkout.review #review_main .row .col1 {padding-right: 20px; width: calc(40% - 20px); word-wrap: break-word;}
    #store.checkout.review #review_main .row .col1 .links {padding-top: 40px;}
    #store.checkout.review #review_main .row .col1 .links a {font-size: 12px; letter-spacing: 0em; margin-right: 15px;}
    #store.checkout.review #review_main .row .col2 {padding-right: 20px; width: calc(28% - 20px); word-wrap: break-word;}
    #store.checkout.review #review_main .row .col3 {width: 15%;}
    #store.checkout.review #review_main .row .col4 {width: 17%;}
    #store.checkout.review #review_main .total .text h3 {font-size: 16px;}

    #store.checkout.review #review_main .checkout p {float: none;}
    #store.checkout.review #review_main .checkout .btn {float: none; margin-top: 20px;}

    #search .row h1 {font-size: 45px;}
    #search .row h2 {margin: 5px 0px 15px 30px; font-size: 23px; line-height: 30px;}
    #search .row hr {margin-left: 30px;}
    #search .row article {margin: 15px 20px 20px 30px;}
    #search .row article h3 {font-size: 20px; line-height: 20px;}
    .next-article h4 {margin-top: 10px !important;}

    #forgot h1 {font-size: 40px; line-height: 45px;}
    #forgot h3 {font-size: 20px; line-height: 24px;}
}

@media screen and (max-width: 600px){
    #blog.events #articles .blog_post .text {top: 0;}
    /* General */
    blockquote {padding: 10px 30px;}

    /* Home */
    #home #banner .content {padding: 0 40px; width: calc(100% - 80px);}
    #home #banner .content h1 {font-size: 48px; line-height: 50px;}
    #home #banner .content h1 span {font-size: 21px;}
    #home #banner .content p {padding: 0; margin-bottom: 20px;}

    #home main .section_title h2 {font-size: 48px;}

    #home #reports, #home #events, #home #about {padding-bottom: 70px !important;}
    #home #about {padding-bottom: 100px !important;}

    #home #events .event .text .date h2 {font-size: 50px; line-height: 30px;}
    #home #events .event .text .date h3 {line-height: 20px;}

    #home #about {padding: 30px 0;}
    #home #about .before {top: -30px; left: 25%;}
    #home #about .after {bottom: -30px; right: 25%;}

    #home #blog .text .info {width: 100%; padding-right: 0; float: none;}
    #home #blog .text .featured {width: calc(100% - 40px); float: none; margin-left: 0; margin-bottom: 30px;}
    #home #blog .after {right: 25%;}
    

    /* Team */
    #team #feature .image {height: 300px;}

    #team #members .team_member {width: 100%; height: 330px; margin-bottom: 50px;}

    /* Blog/Reviews/Videos */
    #blog #feature .subnav {width: 100%; float: none; height: auto; position: relative;}
    #blog #feature .subnav ul {transform: none; -webkit-transform: none; position: relative; width: 100%;}
    #blog #feature .subnav ul li {margin: 0 5%;}
    #blog #feature .image {float: none; width: 100%; height: 400px;}
    #blog #feature .after {left: 65%;}

    #blog aside {margin-bottom: 30px;}
    #blog aside .box {width: calc(100% - 60px);}
    #blog aside .box.cats {float: none;}
    #blog aside .box.arch {float: none;}

    #blog.detail #top .image {height: 400px;}
    #blog.detail #reports .report {width: calc(100% - 30px); float: none; margin-bottom: 50px;}

    #blog.videos #top .image {height: auto;}
    #blog.videos #videos .video_post {width: 100%; float: none;}
    #blog.videos #related .related {width: 100%; float: none;}

    /* Presentations/Archive */
    #presentations main .container {width: 94%;}
    #presentations main h1 {word-wrap: break-word;}
    #presentations .year .year_trigger {margin-left: calc(3% + 18px);}

    /* Footer */
    footer .top {padding-top: 45px; margin-bottom: 45px;}
    footer .top .text {margin-left: -55px;}
    footer .top .text h2 {font-size: 50px;}
    footer .top .text .btn {left: 66px; top: 97px;}
    footer .bottom .left {display: block; text-align: left;}
    footer .bottom .right {display: block; text-align: left;}

    /* Store */
    #store.cart #cart_box .row .col1 {padding-right: 20px; width: calc(40% - 20px); word-wrap: break-word;}
    #store.cart #cart_box .row .col1 .links {padding-top: 40px;}
    #store.cart #cart_box .row .col1 .links a {font-size: 12px; letter-spacing: 0em; margin-right: 15px;}
    #store.cart #cart_box .row .col2 {padding-right: 20px; width: calc(28% - 20px); word-wrap: break-word;}
    #store.cart #cart_box .row .col3 {width: 15%;}
    #store.cart #cart_box .row .col4 {width: 17%;}

    #store.cart #cart_box .row {padding: 20px 0 15px 0;}
    #store.cart #cart_box .row.titles h6 {font-size: 13px;}
    #store.cart #cart_box .row h4 {font-size: 12px; line-height: 14px;}
    #store.cart #cart_box .row .col1 .links {padding-top: 25px;}
    #store.cart #cart_box h3 {font-size: 15px;}
    #store.cart #cart_box .row.subtotal_promo .subtotal .price h4 {font-size: 15px;}
    #store.cart #cart_box .total .price h4 {font-size: 15px;}

    #store.checkout #checkout_process {padding-top: 61px;}
    #store.checkout.checkout_process #checkout_box {padding: 60px 30px 30px 30px;}

    #store.checkout.review h1 {display: block; text-align: center; margin-top: 80px;}

    .vertical_title.scroll-top ,#reports.internal #content .after{ display: none !important;}
    #home #banner .content h1 {font-size: 16px !important;line-height: 22px !important;}
    #home #banner .content {box-sizing: border-box; display: block;position: absolute;width: 100%;top: 150px;}
    #home #banner .content .vcenter {display: block;width: 100%;}
    #home #banner .content h2 {width: 100%; font-size: 61px;line-height: 53px;}
    #home #banner .content h1 {max-width: 100%;box-sizing: border-box; padding: 0;}
    #home #banner .content h2 span { line-height: 33px; margin-bottom: 20px;}
    #home #banner .grid,#home #banner .overlay { min-height: 100% !important;}
    #home main { margin-top: -110px;}
    #home #banner { height: 740px !important; margin-bottom: 100px;}
    #reports.internal .nav-wrapper .reports-left, #consulting.internal .nav-wrapper .reports-left ,#reports.internal .nav-wrapper .reports-right, #consulting.internal .nav-wrapper .reports-right{ width: 70%;}
    #reports.internal .nav-wrapper .reports-left, #consulting.internal .nav-wrapper .reports-left { margin-bottom: 14%;}
    #consulting #bottom { width: 95%;}
    #consulting.internal .nav-wrapper {margin-top: -10px !important; margin-bottom: 23%;}
    #reports.internal .nav a, #consulting.internal .nav a {font-size: 18px;}
    #contact h1 {font-size: 53px !important;}


}

@media screen and (max-width: 480px){
    #mobile-navbar li .cartQuantity {padding: 0; float: left;}
    #search_pop textarea {font-size: 45px; line-height: 45px;}
    #search_pop .title {margin-top: 30px;}
    #search_pop textarea {max-height: calc(100vh - 245px)}

    /* home */
    #home #about .inner {padding: 0;}

    /* Reports */
    #reports #top .text h1 {font-size: 43px;}
    #reports #content .text h2 {font-size: 45px;}

    /* White Papers */
    #blog #feature .title h1 {font-size: 28px; line-height: 35px;}
    #blog #articles .blog_post {width: 100% !important; margin: 10px auto 30px;}
    #blog #pagination ul li a {font-size: 20px;}
    #blog #pagination ul li.first-list {width: 100%; margin-right: 0px; position: relative; margin: 0px 0 30px;}
    #blog #pagination ul li.last-list {margin: 30px 0px 0px; width: 100%; position: relative;}

    /* Footer */
    footer {height: auto; padding-bottom: 20px;}
    footer .top .text h2 {font-size: 45px;}
    footer .newsletter {text-align: left;}
    footer .newsletter h5 {font-size: 15px;}
    footer .newsletter input[type=text] {width: 200px;}

    /* Dash */
    #dash.profile #main #contact .info_box .col {width: 100%; float: none;}
    #dash.profile #main #history .purchased_report {width: 100%; float: none; margin-bottom: 25px;}

    /* Store */
    #store.detail #product_box .left #product_box_desc img {max-width: 100%; height: auto !important;}
    #store.landing .store_item .bottom .price {width: 80%;}
    #store.checkout #checkout_process ul li.middle {margin: 0 40px;}
    #store.cart #cart_box .row .col2, #store.cart #cart_box .row .col1, #store.cart #cart_box .row .col3 {padding-right: 10px;}
    .qty_display {width: 25px; height: 25px; line-height: 25px; font-size: 15px;}
    #search .row h1 {font-size: 35px; letter-spacing: .05em;}

    #reports #top .image {height: 200px;}
    .logo-dash {float: none !important;}
}


@media screen and (max-width: 320px){
    /* Reports */
    #reports #top .text h1, #reports #content .text h2 {font-size: 36px;}

    /* White Papers */
    #blog #feature .title h1 {font-size: 23px; line-height: 30px;}

    /* Store */
    #store.landing .store_item .bottom .price {width: 100%;}

    footer .top .text h2 {font-size: 40px;}
    header #header_nav_top .social {margin-top: -20px;}
    header #header_nav_top .social ul li {margin-left: 10px; float: none;}
}