/*responsive css*/
@media (min-width: 1200px) {
.row.row-zero-margin {
    margin: auto;
}
.container {
	width: 1100px;
}

}
@media screen and (min-width: 768px) {

.resource_exclusive_podcast .col-sm-8.intro-text.ceo-massage 
{
	width: 65%;
}
.banner .carousel-caption {
	right: 0;
	left: 0;
	padding-bottom: 30px;
	bottom: 41px;
}
.page-template-demand-generation .carousel-caption {
    bottom: 52px;
}
.page-template-careers .carousel-caption {
    bottom: 20px;
}
.page-template-about_us .carousel-caption {
    bottom: 18px;
}
.writer-pic{ padding:0px;}
}
@media (min-width: 1025px) {
.blog-left {
    width:74.5%
}
.side-bar{ padding-right:0px; width:25.5%;}
}
}

@media screen and (max-width: 1200px) {
.social-links li {
    padding: 0 10px;
}
.home-service .box a {
	font-size: 17px;
}
nav.navbar.navbar-inverse.navbar-static-top .container {
	padding: 0 30px 0;
}
.navbar-inverse .navbar-nav > li > a{
	padding: 13px 6px;
	}

.banner-bg {
    background-size: cover !important;
    height: 375px;
}
}
@media screen and (max-width: 1100px) {

.navbar-inverse .navbar-nav > li > a span.caret {
    background: url('../images/gray-arrow.png');
    width: 8px;
    background-size: 16px;
    border: none;
    height: 6px;
    background-position: center;
}
.click-img {
    width: auto;
    max-width: 100% !important;
    margin: 0 auto;
    display: block;
}
.page-template-books_page .container a img {
    max-width: 50%;
}
.resource_exclusive_podcast img {
    max-width: 125px;
}
.side-bar .hs-form.stacked .actions input{
width: 189px;
}
.about-glenn h4.top-img-text + div.col-md-12 {
    clear: both;
}
	.page-template-careers .carousel-caption h1 {
    font-size: 30px;
}
.page-template-careers .banner .carousel-caption {
    bottom: 15px;
}
	.banner .carousel-caption{
	bottom: 45px;
	}	
	.we-help {
    max-width: 100%;
}
.page-template-about_us .banner .carousel-caption {
    bottom: 33px;
}
.page-template-demand-generation .banner .carousel-caption {
    bottom: 55px;
}
}
@media screen and (max-width: 1024px) and (min-width: 992px) {

.blog .box-1 {
    width: 141px;
}
label span {
    font-size: 12px;
}

.side-bar .col-md-12 {
    padding: 0px 0 0 6px;
}
.side-bar ul {
    margin-left: 1px;
}
.side-bar label span {
    margin-left: 1px;
}
}

@media (max-width: 991px) {
.client a {
    clear: both;
    display: block;
}
.page-8 {
    padding-left: 15px;
}
.side-bar{
border:none;
margin-left:0px;
}
.blog-left {
    border: none !important;
}
.page-template-demand-generation .banner .carousel-caption {
    bottom: 123px;
}
.we-help .col-md-12.text-center {
    clear: both;
}
.hs-button.primary.large{
top: -20px;
}

.page-template-careers .banner .carousel-caption, .page-template-about_us .banner .carousel-caption{
    bottom: 100px;
}
.side-bar .hs-form.stacked .actions input {
    top: 0;
}
.side-bar .hs-form.stacked .actions {
    position: relative;
    margin: auto;
    width: 249px;
}

.side-bar .hs-form.stacked .actions input {
    width: 100%;
    padding: 8px 0px;
}
.hs-form.stacked .field div.input {
    margin: 12px auto 10px !important;
    display: inherit;
    float: none;
    text-align: center;
}

.section-work .over-bg .center-text {
    height: 200px;
}
	.newsLetter h3 {
    margin: 45px auto 20px;
    font-size: 20px;
}
	.section4.bg-gray h1 {
    font-size: 25px;
	margin-top: 5px;
	
	}
	.home .section-work .over-bg .center-text {
    height: 168px;
}
.resource_exclusive_podcast img {
    width: 133px;
}
.intro-text .btn-listen {
    margin: auto;
    display: inline-block;
    width: 100%;
}
nav.navbar.navbar-inverse.navbar-static-top .container {
	padding: 0 25px 0;
}
.navbar-inverse .navbar-nav > li {
	margin-right: 0;
}
.navbar-right {
	margin-right: 0;
}
.owl-controls.clickable {
    display: none;
}
.navbar-inverse .navbar-nav > li > a {
	font-size: 11px;
	padding: 0px 7px;
}
.logo.navbar-brand {
	max-width: 155px;
	height: auto;
}
header nav.navbar-inverse {
	padding: 10px 0px 10px;
}
.navbar-inverse .navbar-toggle {
	border-color: transparent;
	background-color: #B6312F;
	margin: 0;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #101010;
	margin-top: 10px;
}
.list-inline.social-links {
	margin-left: 0px;
}
.social-links li {
	padding:0 8px;
}
.quick-links li a {
	font-size: 13px;
}
.blue-part {
	height: 248px;
}
.blue-part:after{
	    height: 18px;    bottom: -17px;
}

.center-text p {
	padding: 0px 20px 0;
}
.banner .carousel-caption {
    bottom:115px;
}
.banner .carousel-caption h1 {
    font-size: 22px;
    margin-top: 10px;
    line-height: 34px;
    margin-bottom: 5px;
}
.banner .carousel-caption p {
        font-size: 16px;
}
.banner-bg {
    background-size: cover !important;
    height: 300px;
}
section.section4.bg-gray .col-md-4 {
    overflow: hidden;
    margin-top: 21px;
}
section.section4.bg-gray .col-md-8 {
    clear: both;
    overflow: hidden;
}
.box-1 {
    width: 147px;
}
section.mT35.mB111 {
    margin-bottom: 45px;
}
.digi-text-blue {
    margin-top: 35px;
}
.digi-text-blue p {
    max-width: 100%;
}
.blog-left .bg-gray .row{ margin:0px;}
.side-bar{ width:auto; padding:0 15px; margin-bottom:40px; height: 100%;}
.side-bar .col-md-12{ padding-right:15px;}
.books p{ font-size:13px;}
.blog-left .mleft-42 {
    margin-left: 10px;
}
.blog-left .box-1 {
    width: 140px;
}
.top-sidebar-form .hs-form.stacked .hs_email.field.hs-form-field label span {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 15px;
    line-height: 30px;
    display: block;
}
.top-sidebar-form.bottom-sidebar-form .hs-form.stacked .hs_email.field.hs-form-field label span {
    margin-top: 13px;
    display: block;
}
.side-bar .hs-form.stacked .hs_submit {
    float: left;
}
.top-sidebar-form .hs-form.stacked .field input.hs-input {
    max-width: 300px;
    float: left;
    margin-right: 10px;
}
.single-book.book2 img {
    margin: 10px auto;
    display: block;
}
}
@media (max-width: 767px) {
.marketing_tech_latest_blog .post_resource_thumb {
    max-height: 200px;
    min-height: 200px;
}
.writer .col-md-2.col-sm-4 {
    float: left;
}
.writer .col-md-10.col-sm-8 p {
    text-align: left !important;
}
.side-bar .hs-form.stacked .hs_submit {
    width: 100%;
}
.side-bar .top-sidebar-form .hs-form.stacked .actions {
    max-width: 300px;
    width: 100%;
    float: left;
}
.post_resource_thumb {
    max-height: 290px;
    min-height: 290px;
}
.writer-pic {
    padding-right: 0px;
  }
.page.page-template-marketing-technology .banner .carousel-caption h1 {
    margin-top: 15px;
}
.page.page-template-marketing-technology .banner .carousel-caption {
    bottom: 0;
    display: table;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    max-width: 100%;
}

.page.page-template-demand-generation .banner .carousel-caption {
    display: table;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
}
.back-link {
    margin-bottom: 5px;
    float: left;
    width: 100%;
}
.we-help .col-xs-12.image-center img {
    margin-bottom: 15px;
}
.contact-section .btn.btn-primary.mT23 {
    margin: 0 auto;
    display: block;
}
.col-sm-4.team-wrapper .team-thumb img {
    width: 100%;
}
.mT35 {
    margin-top: 0;
}
.section4.bg-gray .resource_exclusive_podcast img {
    width: 133px;
    margin: 0px 15px;
}
.page-8 p {
    margin-right: 0;
}
.blogpage-head h2.about-section {
    font-size: 5vw;
    line-height: normal;
}
.section4.bg-gray .team-item {
    max-width: 310px;
}
.single-podcast h2.about-section {
    font-size: 5vw;
    line-height: normal;
    
}
.single .col-md-9.blog-left p {
    margin-right: 0px;
    text-align: justify;
}
.podcast-featured-image img {
    margin: 18px auto 0px;
    display: block;
}
.blog-left .cm_cta a span {
    font-size: 14px !important;
    margin: auto;
}
.blog-left .cm_cta {
    text-align: center;
    margin: 15px 0px 0px;
}
.archive_post_thumb_news {
    max-width: 100%;
}
.news_content h2.about-section {
    font-size: 4.5vw;
    line-height: normal;
}
.side-bar {
    clear: both;
}
.Podcast .news_content h3.about-section a{
    font-size: 16px;
 }
.Podcast .alignleft {
    float: left;
    margin: 12px 10px 0 0;
    max-width: 171px;
}
.Podcast .news_content {
    min-height: auto !important;
    text-align: center;
    display: block;
    border:none;
}

.Podcast .news_content .col-md-4 {
    margin-bottom: 20px;
    width: 50%;
    float: left;
    min-height: 350px;
    border-bottom: 1px solid #ddd;
}
.Podcast .news_content h3 {
    min-height:auto !important;
    margin-bottom: 10px;
}
.Podcast .news_content a img{
display: block;
}
.resource_exclusive_podcast img {
    margin: 0px 15px;
}
.page.page-template-careers .banner .carousel-caption, .page.page-template-about_us .banner .carousel-caption {
    bottom: 0;
    display: table;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    max-width: 100%;
}
.page.page-template-careers .banner .carousel-caption p, .page.page-template-about_us .banner .carousel-caption p {
    display: inline;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #D2D2D2;
}
.section4.bg-gray .box-1 img {
    margin: 0px;
}
.section4.bg-gray h1 {
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.page .banner .carousel-caption{
    top: 135px;
    bottom: 0;
}
.section4.bg-gray img {
    max-width: 100%;
    margin: 0px 17px 20px;
}
.intro-text .btn-listen {
    max-width: 170px;
    margin-bottom: 20px;
}
.col-sm-8.intro-text.ceo-massage {
    padding: 0px;
   text-align: justify;
}
	.we-help a {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 11px;
}
.cm_cta
{
margin-top:35px;
}

	.digi-text-blue h2 {
    font-size: 5vw;
    line-height: normal;
}
.digi-text-blue p {
    font-size: 2.6vw;
}
.we-help h1 {
    font-size: 4.9vw;
    margin-bottom: 6vw;
}
.we-help h3 {
    font-size: 3.2vw;
}

.we-help h4 {
    font-size: 2.5vw;
    color: #4a4a4a;
    line-height: normal;
    padding: 0px 0px;
    overflow: hidden;
}

.client img {
    margin-right: 15px;
    margin-left: 44px;
}
.digi-text-blue {
    margin-top:20px;
}
	.digi-text h2 {
    font-size: 4vw;
    margin-bottom: 2vw;
    line-height: normal;
}
.digi-text p {
    font-size: 2.7vw;
    margin-bottom: 0px;
    line-height: normal;
}
.newsLetter h3 {
    font-size: 3.7vw;
}
	.owl-controls.clickable {
    display: none !important;
}
.banner .carousel-caption {
    right: 0;
    left: 0;
}
.quick-links {
       clear: both;
    margin: 0;
    padding-top: 0px;
}
footer .col-sm-4 {
    margin-bottom: 20px;
}
.home-service .box {
    margin-bottom: 40px;
}
footer input.form-control {
    max-width: 100%;
}
.contact-section .form-group {
    padding: 0px 15px;
}
footer .container {
    padding: 25px;
}
.navbar-inverse .navbar-nav > li > a {
    font-size: 12px;
    padding: 10px 8px;
}
/* blogs*/
.blog-left .bg-gray  .img-responsive.pull-left.mleft-42{  margin:0 20px  20px;  }
.blog-left .bg-gray .intro-text.ceo-massage {
    width: 100%;
}
.blog-left { border:none;}
.blog-left .bg-gray{ margin:0px;}
.list-unstyled.footer-about_nav, .list-unstyled.footer-blogs-nav{ margin-left:38px;}
.blog-left .contact-section.mb60{ margin-bottom:0px}
.bg-gray  .box-1 {
    width: 25%;
}
.blog-left .bg-gray .row{ margin:0px;}
.side-bar{ width:auto; padding:0 15px; margin-bottom:40px;}
.side-bar .col-md-12{ padding-right:15px;}
.blogs-list .col-md-4, .news  .col-md-4{ width:50%; float:left;}
.blog-thum { margin: auto; min-height: 300px;width: 100%;}
.books .b-left{ border-left:none; border-top: 1px solid #9e9e9e; margin-top:30px; text-align:center; clear:both;}
.blog-thum{ max-width:100%; margin:0px auto;}
.blog-thum img {
    width: auto;
}
span.post_read_more {
    clear: both;
}
span.post_read_more h3 {
    margin: 0;
}
section.books .b-left img {
    margin: 20px auto;
}
.pbullets {
   margin: auto;
   width: 80%;
}

}
@media (max-width: 640px) {

.page-template-careers .carousel-caption h1 {
    font-size: 18px;
}
.about-section-title h2 {
    font-size: 24px;
}
.about-section-title h1.page-header {
    font-size: 24px;
}
.about-section h2 {
    font-size: 25px;
}
	h1.post-heading {
    font-size: 5vw;
    margin-bottom: 5vw;
}
.banner .carousel-caption p {
    font-size: 14px;
}
.blue-part {
  background-size:cover;
}
.blue-part:after{
height: 26px;
}
.box-1 {
    width: 25%;
    padding: 6px;
}
.blog .box-1 {
    width: 25%;
    padding: 6px;
}
.intro-text img.img-responsive.pull-left {
    float: none !important;
    margin: 0px auto 20px;
}
.intro-text {
    padding: 0;
    text-align: center;
}
.box-1 img.img-responsive {
    width: 100%;
}
.intro-text .btn-listen {
    width: 50%;
    margin: 10px auto;
}
.blue-part:after{
	bottom:0px;
	}
.page-header{
		    margin: 20px 0 20px;}
.banner .carousel-caption {
    bottom: 152px;
}
.home .section-work .over-bg .center-text {
    height: 220px;
}
.section4.bg-gray img {
    margin: 0px 17px 2px;
    width: auto;
}
.col-sm-4.team-wrapper {
    margin-bottom: 30px;
}
}
@media (min-width: 481px) and (max-width:568px) {
.blog-left h3.text-center {
    margin: 3px;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}
.blog-page-heading h2 {
    line-height: 35px;
    font-size: 25px;
}
.blog-left .bg-gray .intro-text.ceo-massage {
    text-align:left;
}
.blogs-list .col-md-4, .news  .col-md-4{ width:50%; float:left;}
.blog-thum {
    margin: auto;
	min-height: 300px;
}
section.books img {
    margin-bottom: 9px; margin-right:15px;
}
.intro-text {
    padding: 0;
    text-align: left;
}
.books .b-left{ border-left:none; border-top: 1px solid #9e9e9e; margin-top:30px; text-align:center;}
section.books img{ display:inline-block;}
.side-bar{ width:auto; padding:0 15px; margin-bottom:40px;}
.side-bar .col-md-12{ padding-right:15px;}

}


@media (max-width: 567px) {

.page.page-template-careers .banner .carousel-caption h1{
    margin-top: 15px;

}
.page.page-template-careers .banner .carousel-caption p {
    font-size: 11px;
}
.page.page-template-careers .banner .carousel-caption{
   width: 100%;
    max-width: 100%;
}
.newsLetter .hs-form.stacked {
    max-width: 100%;
    width: 100%;
    margin: auto;
    display: inline-block;
}
.newsLetter .hs-form.stacked .field {
    margin-bottom: 0;
    width: 100%;
    float: left;
}
.newsLetter .hbspt-form {
    height: 130px;
    margin: 0px auto;
    width: 100%;
}
.newsLetter .hs-input {
    height: 40px;
    width: 100% !important;
    text-indent: 5px;
    padding: 0px;
    margin-bottom: 0px;
}
.newsLetter .hs_submit {
    width: 100%;
    float: left;
    margin: 0 auto;
}
.newsLetter .hs-form.stacked .actions {
    margin: 0 auto !important;
    padding: 0px;
}
.newsLetter .hs-button.primary.large {
     top: 0;
    margin: 0px 0 0;
    width: 100%;
    padding: 0px;
    height: 43px;
}
}
@media (max-width: 480px) {
.marketing_tech_latest_blog .post_resource_thumb {
    max-height: none;
    min-height: auto;
    margin-bottom: 20px;
    padding-top: 15px;
}
.marketing_tech_latest_blog .post_resource_thumb img {
    position: static;
}
.single-book.book2 h2 {
    font-size: 24px;
}
.single-book h3 {
    font-size: 17px;
    line-height: normal;
}
.border-left {
    border-left:none;
}
.single-book .col-xs-6 {
    width: 100%;
}
.writer .col-md-2.col-sm-4 {
    float: none;
    text-align: center;
}
.writer .col-md-2.col-sm-4 img.img-responsive {
    margin: auto;
}
.section4.bg-gray .resource_exclusive_podcast img {
    margin: 0 auto 12px;
}
.about-glenn img {
    float: none !important;
    margin: 0 auto;
    display: block;
}
.about-glenn h3 {
    text-align: center;
}
.about-glenn h4.top-img-text {
    margin-top: 6%;
    font-size: 16px;
    line-height: normal;
    text-align: justify;
}
.group-blog header.entry-header h1 {
    text-align: center;
    font-size: 28px;
    margin: 0px;
}
.about-glenn a.btn {
    font-size: 14px;
}
.who-is-videos .video-title h4 {
    font-size: 15px;
    margin: auto;
}
.about-glenn .who-is-videos iframe {
  height: 100% !important;
}
.who-is-videos h4 {
    font-size: 17px;
    text-align: center;
}
.about-glenn img {
    float: none !important;
    margin: 0 auto;
    display: block;
}
.archive_blog_header h2 {
    font-size: 25px;
    line-height: normal;
}
.Podcast .news_content .col-md-4 {
    width: 100%;
    min-height: auto;
        margin-left: 0px;
}

.blogs-list .col-md-4, .news .col-md-4 {
    width: 100%;
}
.blog-thum {
    margin: -1px auto;
    width: 100%;
    text-align: center;
    height: auto;
    min-height: 100px;
    border-bottom: 1px solid #E6E6E6;
    padding: 0px 10px 10px;
    margin-bottom: 1px;
}
    span.post_read_more h3 {
    margin: 5px 0;
}
.resource_exclusive_podcast img {
    margin: 13px auto;
    display: block;
    float: none !important;
}

.page-template-about_us section.section1.m60 {
    margin-bottom: 10px !important;
    margin-top: 20px;
}
.about-section h4 {
    font-size: 14px;
}
.newsLetter h3 {
    margin: 22px auto 2px;
}
.newsLetter .hbspt-form {
    height: 110px;
    }

.home.page .banner .carousel-caption{
    top: 135px;
    bottom: 0;
}
.page .banner .carousel-caption {
    top: 122px;
}
.footer-digital_nav {
    margin-left: 0px;
}
.contact-section .btn.btn-primary.mT23 {
    margin-top: 0;
}
.contact-section .form-group {
    margin-bottom: 0;
}
.mb60 {
    margin-top: 45px;
    margin-bottom: 45px;
}
.quick-links .footer-box{
margin-bottom:0px;
}
.col-xs-12.copy-right {
    text-align: left;
    margin-top: 10px;
    border-top: 1px solid #fff;
    padding-top: 10px;
}
.col-sm-8.intro-text.ceo-massage a {
    width: 100%;
    display: block;
    margin-bottom: 25px;
}
.intro-text .btn-listen {
    float: none;
    display: block;
}
.bg-gray .box-1 {
    width: 50%;
    text-align: center;
}
.blog-left .bg-gray .box-1 {
    width: 50%;
    text-align: center;
}
.box-1 h6 {
    margin-right: 0;
}	
.center-text p {
    padding: 0px 10px 0;
    font-size: 4vw;
}
.digi-text-blue p {
    font-size: 3.5vw;
}
.banner .carousel-caption h1 {
    font-size: 21px;
        line-height: normal;
}
.banner .carousel-caption p {
    font-size: 12px;
    line-height: 18px;
}
.banner .carousel-caption {
    bottom: 125px;
    max-width: 320px;
    margin: auto;
}
.banner .carousel-caption br {
    display: none;
}
.footer-box {
    width: 100%;
    margin-bottom: 15px;
}
.newsLetter input {
    height: 40px;
    width: 95%;
    text-indent: 5px;
    margin-bottom: 13px;
}
.we-help h3 {
    font-size: 4.5vw;
}
.we-help h4 {
    font-size: 3.7vw;
	    padding: 0;
}
.client .col-sm-9.text-left {
    text-align: center;
}
.client img {
    margin-right: 18px;
    float: none;
    margin: 13px auto;
}
.client span {
    font-size: 3.7vw;
    text-align: center;
}

.newsLetter h3 {
    font-size: 17px;
}
.newsLetter button {
    border-radius: 4px;
}
/*blog page*/
.blog-left .bg-gray .row{ margin:0px;}
.blog-left .bg-gray .intro-text.ceo-massage{ width:100%; text-align:center; clear:both;}
.blog-left .bg-gray  .img-responsive.pull-left.mleft-42{ float:none !important; margin:0 auto 20px;  }
.blog-left .bg-gray h3.text-center {
    margin: 3px 0 10px;
    font-weight: 700;
	font-size:18px;
}
.blog-left .intro-text .btn-listen {
    width: 73%;
      margin: 24px auto 32px;
    border: 1px solid #b2b4b9;
}
.blog-left .box-1 {
    width: 136px;
}
.blog-left h2.about-blog {
    line-height: inherit;
    font-size: 20px;
}

.blog-page-heading h2 {
    line-height: 29px;
    font-size: 21px;
}
section.books img {
    margin: 9px auto 16px;
    float: none !important;
}
.books .b-left{ border-left:none; border-top: 1px solid #9e9e9e; margin-top:30px;}
.news h2.about-section {
    font-size: 18px;
}
.side-bar {
    padding-right: 15px;
    width:100%;
	margin-bottom:40px;
}
.side-bar .col-md-12 {
    padding: 0px;
}
.blog-left .contact-section.mb60 {
    margin-bottom: 30px;
}

}
@media (max-width: 380px) {
.page.page-template-careers .banner .carousel-caption p {
    font-size: 10px;
}

#cm-contact-form .hs-form.stacked .field {
    width: 100%;
    margin: 0px;
    max-width: 100% !important;
}
.center-text h2 {
    line-height: 25px;
    font-size: 24px;
}
.home .section-work .over-bg .center-text {
    height: 175px;
}
.section4.bg-gray .box-1 img {
    margin: 0px auto;
}
.col-xs-12.copy-right {
    font-size: 10px;
}
.section4.bg-gray img {
    margin: 0px auto 12px;
    float: none !important;
    display: block;
}
.section4.bg-gray h1 {
    font-size: 16px;
    }
    .bg-gray span{
     font-size: 12px;
    }
.banner .carousel-caption h1 {
    font-size: 18px;
}
	.digi-text h2 {
    font-size: 7vw;
	}
	.digi-text {
    margin-top: 20px;
}
.digi-text p {
    font-size: 4vw;
}
	.box-1 {
    width: 50%;
    padding: 6px;
}
.top-bar {
    font-size: 11px;
}
}
@media (max-width: 321px){
.bg-gray .box-1 {
    width: 100%;
    text-align: center;
}
.blog-left .box-1 {
    width: 121px;
}
}