/* ==========================================================================
   HubSpot Migrations Services - COS Boilerplate v2.0.0                              
   ========================================================================== */

/* ==========================================================================
   Table of Contents:

   1. EXTERNAL RESOURCES
   2. BASE STYLES
   3. COS STRUCTURE
   4. MAIN NAVIGATION
   5. BLOG
   6. FORMS
   7. BUTTONS
   8. MISCELLANEOUS
   9. MOBILE MEDIA QUERIES
   ========================================================================== */

/* ==========================================================================
   1. EXTERNAL RESOURCES                                            
   ========================================================================== */

/* =============== @import, @font-face, and CSS File Includes =============== */

/* EX: @import url('http://example.com/example_style.css'); */

/* HubSpot_Boilerplate-modules.css is required to address style issues with the default modules and responsive grid layout */
{
  % include 'Coded files/Custom/page/NetGuardians_October2017-theme/NetGuardians_October2017-modules.css' %
}

/* ==========================================================================
   2. BASE STYLES                                             
   ========================================================================== */

/* =============== base =============== */

/* page center */

.container-fluid .row-fluid .page-center {
    float: none;
    max-width: 1310px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
}

::selection {
    background-color: #539eb9;
    color: #ffffff;
}

{
% macro

transition
(
value
)
-
%
}
-webkit-transition: {
{
    value
}
}

;
-moz-transition: {
{
    value
}
}

;
-o-transition: {
{
    value
}
}

;
-ms-transition: {
{
    value
}
}

;
transition: {
{
    value
}
}

;
{
%- endmacro %}

.row-fluid .span12 {
    width: 100%;
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    Sitewidth: evice-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

/* =============== typography =============== */

/* basic text */

sup, sub {
    position: relative;
    font-size: 100%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* headings */

h1, h2, h3, h4, h5, h6 {}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1:first-child,
h2:first-child,
h3:first-child {
    margin-top: 0;
}

h1, h2, h3 {
    margin: 1em 0 .5em;
}

h1 {
    font-family: 'Roboto';
    color: #000000;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.2em;
}

h2 {
    font-family: 'Georgia';
    color: #000000;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.4em;
}

h3 {
    font-family: 'Roboto';
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.4rem;
}

h4 {
    font-family: 'Roboto';
    color: #000000;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.4rem;
}

h5 {
    font-family: 'Roboto';
    color: #000000;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6em;
}

h6 {
    font-family: 'Roboto';
    color: #000000;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.6em;
}

body {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
    line-height: 1.4rem;
}

/* links */

a {
    color: #7b24f8;
    font-weight: 700;
    text-decoration: none;
}

/* separtors */

hr {
    color: #cccccc;
    background-color: #cccccc;
    height: 1px;
    border: none;
}

/* ==========================================================================
   3. COS STRUCTURE                                            
   ========================================================================== */

/* =============== structure =============== */

/* the outer wrappers of your website */

.body-container-wrapper {
    padding: 0 80px;
}

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

    .body-container-wrapper {
        padding: 0;
    }

}

/* =============== header =============== */

/* IE fix 

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    
    .header-container .widget-type-logo img {width:auto!important;max-width: 245px;}
    
    #site-wrapper {position:relative;}
    .show-mobile-nav #site-wrapper {position:static;}
}*/

/* landing page */

.landing-page #custom_header .custom_right-column {
    width: 86.9%;
}

.landing-page .footer-container .page-center {
    padding: 20px 32px;
}

/* =============== content =============== */

.body-container {
    padding: 50px 0;
}

.content-wrapper {
}

.main-content,
.sidebar {
    padding-bottom: 15px;
}

.sidebar.right {}

.sidebar.left {}

.sidebar h3:first-child {
    color: #1f2526;
    font-family: 'Roboto';
    font-size: 18px;
    letter-spacing: 0px;
    text-transform: uppercase;
    line-height: 1.4em;
    text-transform: uppercase;
}

/* ==========================================================================
   4. MAIN NAVIGATION                                            
   ========================================================================== */

/* ==========================================================================
   5. BLOG                                        
   ========================================================================== */

/* =============== general blog styles =============== */

/* blog post and listing body class */

.blog {
}

/* blog post */

.hs-blog-post {}

/* custom post footer */

.custom_post-footer {
    margin-top: 2em;
    text-align: center;
    line-height: 1.25em;
    color: rgba(94, 90, 90, .4);
}

.custom_post-footer .hs-blog-social-share {
    text-align: left;
    margin: 0;
    padding: 0;
    border: 0;
}

.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
}

/* blog listing */

.blog .content-wrapper > div {
    width: 100%;
    max-width: 1310px;
    display: block;
    margin: 0 auto;
}

/* blog columns wrapper */

.blog .content-wrapper {}

/* =============== blog content column =============== */

.blog .blog-content {}

/* use this to style the main wrapper for the blog listing pages */

.blog-listing-wrapper {}

/* use this to style the main wrapper for the blog post pages */

.blog-post-wrapper {}

/* blog Title */

.hs-blog-header h1 {
}

.hs-blog-header h1 a {
}

/* blog post title */

.post-header {
    text-align: center;
    margin-bottom: 36px;
}

.post-header h1 {
    margin: 12px 0;
}

.post-header h1 a {
    color: #1f2526;
}

/* blog author and avatar */

#hubspot-author_data {
}

#hubspot-author_data:after {
    content: '';
    display: block;
    clear: both;
}

#hubspot-author_data a.author-link {
}

#hubspot-author_data .hs-author-avatar {
}

#hubspot-author_data .hs-author-avatar img {
    width: 50px;
    float: left;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.hs-blog-listing .date {
    color: rgba(94, 90, 90, .4);
}

/* use this to set up different styling for your blog posts */

.blog-listing-wrapper .post-listing .post-item + .post-item {
    margin-top: 128px;
}

.blog-listing-wrapper .post-listing .post-item p {
    margin-top: 0;
}

.blog-listing-wrapper .post-listing .post-item .post-body {
}

.blog-post-wrapper .post-body {
}

/* post featured image on listings page */

.hs-featured-image-wrapper {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 12em;
    margin: 0 1em 2em 0;
    overflow: hidden;
}

.hs-featured-image-wrapper .hs-featured-image-link {
    display: block;
    height: 100%;
}

.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
    border-width: 0;
    max-height: 170px;
    max-width: 210px;
    height: auto;
    width: auto;
    display: none;
}

/* read more link */

a.more-link {
}

a.more-link:before {
    content: "Read More";
}

a.more-link:after {
    content: " \279D";
    font: normal .9em sans-serif;
}

/* blog topics list */

#hubspot-topic_data {
}

#hubspot-topic_data a.topic-link {}

/* blog social sharing icons */

.hs-blog-social-share {
    margin-top: 20px;
    padding: 10px 0 0 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    height: auto;
}

/* blog commments */

#comments-listing {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
    margin-top: 30px;
}

.comment {
    margin: 10px 0;
    border-top: 1px solid #cccccc;
    padding: 15px 0;
}

.comment-date {
    font-size: 13px;
    text-align: right;
}

.comment-from {
    font-family: 'Roboto';
}

.comment-body {
    padding: 10px 0;
}

/* pagination */

.blog-pagination {
    text-align: center;
    margin: 40px 0;
}

.blog-pagination a {
    margin: 0 5px;
}

.blog-pagination a.previous-posts-link {
    float: left;
}

.blog-pagination a.all-posts-link {
    clear: both;
}

.blog-pagination a.next-posts-link {
    float: right;
}

/* custom post pagination */

.custom_post-pagination {
    margin-top: 6em;
}

.custom_post-pagination:after {
    content: '';
    display: table;
    clear: both;
}

.custom_post-pagination .newer {
    padding-right: 1em;
    float: left;
    width: auto;
}

.custom_post-pagination .older {
    padding-left: 1em;
    text-align: right;
    float: right;
    width: auto
}

.custom_post-pagination > div a {
    display: block;
    color: #f61357;
}

.hs-blog-social-share {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    color: #e2e2e2;
    margin: 0;
    padding: 7px 0;
    height: auto;
}

.blog-section .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
    clear: right;
    display: block;
    float: left;
    font-size: medium;
    height: 26px;
    margin: 0 15px 0 0;
    padding: 0;
    background: none;
}

.hs-author-social-label {
    font-family: 'Roboto';
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

.hs-author-social-links a.hs-author-social-link {
    font-size: 15px;
    display: inline-block;
    padding-right: 5px !important;
    vertical-align: middle;
}

/* blog all posts page */

.post-listing-simple .post-item h1 {
    font-size: 20px;
    padding: 10px 0 20px 0;
    border-bottom: 1px dashed #e2e2e2;
}

.post-listing-simple .post-item h1 a {
    color: #000000;
}

.post-listing-simple .post-item:last-child h1 {
    border-bottom: none;
}

/* =============== blog sidebar =============== */

.blog .blog-sidebar {
}

/* blog modules */

.blog .blog-sidebar .widget-span {
}

/* =============== blog author page and author bio =============== */

.hs-blog-listing .hs-author-profile {
    border-bottom: 1px solid #cccccc;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
}

.hs-blog-post .hs-author-profile {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0 20px 0;
    margin: 20px 0 20px 0;
}

.hs-author-profile .hs-author-profile:after {
    content: '';
    display: block;
    clear: both;
}

/* author avatar */

.hs-author-profile .hs-author-avatar {
    float: left;
    margin-right: 15px;
    max-width: 100px;
}

.hs-author-profile .hs-author-avatar img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    max-width: 100%;
}

/* author bio wrapper*/

.hs-author-profile .hs-author-bio {
    overflow: hidden;
}

/* author name */

.hs-author-profile h2.hs-author-name {
    margin: 0 0 10px 0;
}

/* author social follow me */

.hs-author-profile .hs-author-social-section {
}

.hs-author-profile .hs-author-social-label {
}

.hs-author-profile .hs-author-social-links {
}

.hs-author-profile .hs-author-social-link {
}

.hs-author-profile .hs-social-facebook {
}

.hs-author-profile .hs-social-linkedin {
}

.hs-author-profile .hs-social-twitter {
}

.hs-author-profile .hs-social-google-plus {
}

/* ==========================================================================
   6. FORMS                                        
   ========================================================================== */

/* =============== global form styles =============== */

.fakelabel input {
    position: relative;
    top: 10px;
}

.inputs-list span {
    vertical-align: top;
}

#email-prefs-form .email-edit {
    min-width: 100% !important
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}

.invalid.error {
    border: 1px solid #e99292;
}

/* form field */

.hs-form-field {
}

/* descriptions */

.hs-field-desc {
}

/* labels and legends */

label {
    display: block;
    line-height: normal;
    cursor: default;
    margin-bottom: 6px;
}

.hs-form-field > label {
}

h3.form-title {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
    line-height: 1.8rem;
}

div.input {
    margin-bottom: 1.5rem;
}

/* one line inputs */

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="file"],
textarea,
select {
    padding: .5rem;
    border: 1px solid #cccccc;
    background-color: #f2f2f2;
    color: #333333;
    font-size: .875rem;
    line-height: normal;
    box-sizing: border-box;
    border-radius: .25rem;
    outline: 0;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
    background: #fff;
    -webkit-transition: background .1s ease-in;
    -moz-transition: background .1s ease-in;
    -ms-transition: background .1s ease-in;
    -o-transition: background .1s ease-in;
    transition: background .1s ease-in;
    outline: 0;
}

/* separate styles for multiple line inputs */

textarea {
}

textarea:focus {
}

/* separate styles for dropdowns */

select {
}

select:focus {
}

/* multiple selection inputs */

form.hs-form .hs-form-field ul.inputs-list {
    list-style: none;
    padding: 0;
    margin-top: 0;
}

form.hs-form .hs-form-field ul.inputs-list li input {
}

input[type="radio"] {
}

input[type="checkbox"] {
}

/* required */

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
}

/* error */

.hs-error-msgs label {
    font-family: 'Roboto';
    color: #fff;
    background: #cc3b3b url(//3393113.fs1.hubspotusercontent-na1.net/hubfs/3393113/NetGuardians_October2017/Images/icon_close_7_light.png) no-repeat 9px 50%;
    padding: 5px 15px 3px 25px;
    font-size: 13px;
    border-radius: 2px;
    line-height: 23px;
    display: inline-block;
    margin-bottom: .5em;
}

/* placeholder text */

::-webkit-input-placeholder {
}

/* Webkit Browsers */
:-moz-placeholder {
}

/* Firefox 18- */
::-moz-placeholder {
}

/* Firefox 19+ */
:-ms-input-placeholder {
}

/* IE10 */

/* =============== multi column form =============== */

.hs-form fieldset.form-columns-1 {
}

.hs-form fieldset.form-columns-1 .hs-form-field {
}

.hs-form fieldset.form-columns-2 {
}

.hs-form fieldset.form-columns-2 .hs-form-field {
}

.hs-form fieldset.form-columns-3 {
}

.hs-form fieldset.form-columns-3 .hs-form-field {
}

/* multiple selection inputs */

form.hs-form .hs-form-field ul.inputs-list li input {
}

input[type="radio"] {
}

input[type="checkbox"] {
}

form.hs-form fieldset {
    max-width: none;
}

/*form.hs-form fieldset[class*="form-columns"] .input {
    margin-right: 0;
}*/

form.hs-form fieldset[class*="form-columns"] .hs-input {
    width: 100%;
}

form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] {
    width: auto;
}

form.hs-form fieldset.form-columns-3 .hs-form-field {
    width: 33.33%;
}

@media (max-width: 400px) {

    form.hs-form fieldset .hs-form-field {
        padding: 0;
    }

    form.hs-form fieldset.form-columns-3 .hs-form-field,
    form.hs-form .form-columns-2 .hs-form-field .hs-input,
    form.hs-form .form-columns-3 .hs-form-field .hs-input {
        width: 100%;
    }

    form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] {
        width: auto;
    }
}

/* =============== blog comment form =============== */

/* label */

#comment-form .hs-form-field > label {
}

#comment-form label {
}

/* inputs */

#comment-form input[type="text"] {
}

#comment-form input[type="text"]:focus {
}

#comment-form textarea {
}

#comment-form textarea:focus {
}

#comment-form input[type="checkbox"] {
}

/* =============== blog subscription form =============== */

/* label */

#hs_form_target_blog_subscription .hs-form-field > label {
}

#hs_form_target_blog_subscription label {
}

/* inputs */

#hs_form_target_blog_subscription input[type="email"] {
}

#hs_form_target_blog_subscription input[type="email"]:focus {
}

#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
}

/* =============== google search form =============== */

/* label */

.widget-type-google_search label {
}

/* input */

.widget-type-google_search input[type="text"] {
}

.widget-type-google_search input[type="focus"] {
}

/* ==========================================================================
   7. BUTTONS                                        
   ========================================================================== */

/* =============== all global buttons (excluding CTAs) =============== */

.hs-form-required {
    padding-left: 4px;
}

.hs-button.primary,
input[type="submit"],
input[type="button"] {
    font-family: 'Roboto';
    cursor: pointer;
    -webkit-appearance: none;
    text-decoration: none !important;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    display: inline-block;
    padding: 1em 2.5em;
    border-width: 0;
    text-align: center;
    color: #fff;
    background-color: #1f2526;
    border: 1px solid #1f2526;
    -webkit-transition: .1s opacity linear;
    -moz-transition: .1s opacity linear;
    -o-transition: .1s opacity linear;
    transition: .1s opacity linear;
    -webkit-backface-visibility: hidden;
    /*margin-bottom: 25px;*/
}

.hs-button.primary:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    opacity: .8;
}

.hs-button.primary:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
}

/* =============== form module button =============== */

.hs_cos_wrapper_type_form .hs-button.primary.large {
}

.hs_cos_wrapper_type_form .hs-button.primary.large:hover {
}

.hs_cos_wrapper_type_form .hs-button.primary.large:focus {
}

/* =============== blog comment button =============== */

#add-comment-button.hs-button.primary {
}

#add-comment-button.hs-button.primary:hover {
}

#add-comment-button.hs-button.primary:focus {
}

/* =============== blog subscription button =============== */

#hs_form_target_blog_subscription .hs-button.primary.large {
}

#hs_form_target_blog_subscription .hs-button.primary.large:hover {
}

#hs_form_target_blog_subscription .hs-button.primary.large:focus {
}

/* =============== google search button =============== */

.widget-type-google_search .hs-button.primary {
}

.widget-type-google_search .hs-button.primary:hover {
}

.widget-type-google_search .hs-button.primary:focus {
}

/* ==========================================================================
   8. MISCELLANEOUS                                      
   ========================================================================== */

/* vertical menu */

.body-container .hs-menu-wrapper.hs-menu-flow-vertical {
}

.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul {
    background-color: #222e2e;
    padding: 1em 0;
    margin: 25px 0;
}

.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul > li {
}

.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul > li > a {
    font-family: 'Roboto';
    font-size: 18px;
    line-height: 1em;
    color: #000000;
    padding: .5em 1.5em;
    white-space: normal !important;
}

.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul > li > a:hover {
    color: #ffffff;
}

.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul ul {
}

.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul ul li {
}

.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul ul li a {
    font-family: 'Roboto';
    font-size: 18px;
    line-height: 1em;
    color: rgba(255, 255, 255, .9);
    padding: .5em 40px;
    white-space: normal !important;
}

.body-container .hs-menu-wrapper.hs-menu-flow-vertical > ul ul li a:hover {
    color: #ffffff;
}

@media (min-width: 768px) {

    .body-container .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul ul {
        background-color: #222e2e;
        padding: 1em 0;
        min-width: 270px;
    }
}

/* =============== custom top pane =============== */

#custom_top-pane {
    min-height: 0;
    padding: 130px 0;
    position: relative;
    overflow: hidden;
}

.hs-blog-listing .post_pagination,
.hs-blog-listing #custom_top-pane {
    display: none;
}

#custom_top-pane .color-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 99;
}

#custom_top-pane .custom_post-figure,
#custom_top-pane .custom_figure {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: feature-bg-anim .6s ease-in-out;
    animation: feature-bg-anim .6s ease-in-out;
}

#custom_top-pane .custom_figure img {
    display: none;
}

#custom_top-pane .desc-wrapper {
    -webkit-animation: feature-text-anim .75s ease-in-out;
    animation: feature-text-anim .75s ease-in-out;
    z-index: 100;
    position: relative;
    width: 100%;
    max-width: 956px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 32px;
    text-align: center;
    float: none;
}

.blog #custom_top-pane .desc-wrapper {
    max-width: 1084px;
}

#custom_top-pane h1,
#custom_top-pane p {
    font-family: 'Roboto';
    font-size: 34px;
    text-transform: none;
    line-height: 1.1em;
    color: #fff;
    margin: 20px auto;
}

#custom_top-pane h1,
#custom_top-pane p.title {
    letter-spacing: 0.015873em;
    font-size: 63px;
    line-height: .9em;
}

#custom_top-pane h1 {
    margin: 0;
}

#custom_top-pane .date {
    font-family: 'Roboto';
    color: #ffffff;
    line-height: 1.125em;
    margin-bottom: .75em;
    font-size: 34px;
    text-transform: none;
}

#custom_top-pane .widget-type-space {
    visibility: visible;
}

/* ==========================================================================
   9. MEDIA QUERIES                              
   ========================================================================== */

/* Firefox */

@-moz-document url-prefix() {

    .custom_footer-social nav {
        top: 0;
    }
}

/* =============== screen sizes smaller than .page-center =============== */

@media (max-width: 1394px) {

    /* header */

    #custom_header .custom_right-column .custom-menu-primary .hs-menu-wrapper ul {
        display: none;
    }

    #custom_header .custom_left-column {
        float: left;
        height: 66px;
    }

    #custom_header .custom_left-column .widget-type-logo {
        margin-top: 14px;
    }
}

@media (min-width: 641px) and (max-width: 1394px) {

    /* header */

    .mobile-icon {
        top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 900px) {

    /* content */

    .hs-button.primary,
    input[type="submit"],
    input[type="button"] {
        padding: 1em 15px;
    }

    /* footer */
  
    #custom_footer .custom_right-column {
        padding-bottom: 11px;
    }

}

@media only screen and (max-device-height: 768px) {
  
    /* top pane */
  
    #custom_top-pane {
        padding: 0;
    }

    /* footer */
    #custom_footer .custom_right-column {
        padding-bottom: 11px;
    }

    .custom_post-pagination .older,
    .custom_post-pagination .newer {
        width: 50%;
    }

}

@media (max-width: 767px) {
  
    /* blog */
  
    .about-author-sec img {
        max-width: 150px;
        margin-bottom: 34px;
    }
  
    .body-container {
        padding-bottom: 32px;
        padding-top: 32px;
    }

}

@media only screen and (max-device-width: 667px) {
  
    /* to top */
  
    #custom_footer .custom_toTop {
        display: block;
    }
}

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

    /* header */
  
    #custom_header > div > div > div {
        display: block;
    }
    #custom_header .custom_left-column {
        display: inline-block;
        vertical-align: middle;
        max-width: 240px;
        padding: 0;

    }

    /* top pane */
  
    #custom_top-pane h1,
    #custom_top-pane p {
        font-size: 18px;
        margin: 10px auto;
    }
  
    #custom_top-pane h1,
    #custom_top-pane p.title {
        font-size: 30px;
        letter-spacing: 0.0333333em;
        margin: 10px auto;
    }

    /* content */
  
    .container-fluid .row-fluid .page-center {
        padding-left: 20px;
        padding-right: 20px;
    }
    .body-container {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    h1 {
        font-size: 30px;
    }

    /* blog */

    .post-header {
        margin-bottom: 12px;
    }
  
    .blog-listing-wrapper .post-listing .post-item + .post-item {
        margin-top: 80px;
    }

    .blog #custom_top-pane h1 {
        margin: 0;
    }
    #custom_top-pane .date {
        font-size: 18px;
    }

    /* footer */
  
    #custom_footer .custom_footer-copyright,
    .custom_footer-social,
    .footer-container {
        text-align: center;
    }

    .footer-container .page-center {
        padding: 20px
    }

    #custom_footer .custom_right-column,
    #custom_footer .custom_left-column,
    #custom_footer .custom_footer-col {
        float: none;
        width: auto;
    }

    #custom_footer .custom_right-column,
    #custom_footer .custom_left-column {
        padding: 17px
    }

    .back-to-top {
        text-align: center;
        margin: 24px 0;
    }
}