/* Overrides */

.bl0 {border-left:0 !important;}
.br0 {border-right:0 !important;}
.bt0 {border-top:0 !important;}
.bb0 {border-bottom:0 !important;}
.bl1 {border-left:1px solid #ccc;}
.bl2 {border-left:2px solid #ccc;}
.br05 {border-right:1px solid rgba(204,204,204,0.5);}
.br1 {border-right:1px solid #ccc;}
.br2 {border-right:2px solid #ccc;}

.bdl1 {border-left:1px dotted #ccc;}
.bdl2 {border-left:2px dotted #ccc;}
.bdr05 {border-right:1px dotted rgba(204,204,204,0.5);}
.bdr1 {border-right:1px dotted #ccc;}
.bdr2 {border-right:2px dotted #ccc;}
.b0 {border:0 !important;}

.p0 {padding:0 !important;}
.p1 {padding:10px !important;}
.p2 {padding:20px !important;}
.p3 {padding:30px !important;}
.p4 {padding:40px !important;}
.p5 {padding:50px !important;}

.pt0 {padding-top:0 !important;}
.pt1 {padding-top:10px !important;}
.pt2 {padding-top:20px !important;}
.pt3 {padding-top:30px !important;}
.pt4 {padding-top:40px !important;}
.pt5 {padding-top:50px !important;}

.pr0 {padding-right:0 !important;}
.pr1 {padding-right:10px !important;}
.pr2 {padding-right:20px !important;}
.pr3 {padding-right:30px !important;}
.pr4 {padding-right:40px !important;}
.pr5 {padding-right:50px !important;}

.pb0 {padding-bottom:0 !important;}
.pb1 {padding-bottom:10px !important;}
.pb2 {padding-bottom:20px !important;}
.pb3 {padding-bottom:30px !important;}
.pb4 {padding-bottom:40px !important;}
.pb5 {padding-bottom:50px !important;}

.pl0 {padding-left:0 !important;}
.pl1 {padding-left:10px !important;}
.pl2 {padding-left:20px !important;}
.pl3 {padding-left:30px !important;}
.pl4 {padding-left:40px !important;}
.pl5 {padding-left:50px !important;}

.m0 {margin:0 !important;}
.m1 {margin:10px !important;}
.m2 {margin:20px !important;}
.m3 {margin:30px !important;}
.m4 {margin:40px !important;}
.m5 {margin:50px !important;}

.mt0 {margin-top:0 !important;}
.mt05 {margin-top:5px !important;}
.mt1 {margin-top:10px !important;}
.mt2 {margin-top:20px !important;}
.mt3 {margin-top:30px !important;}
.mt4 {margin-top:40px !important;}
.mt5 {margin-top:50px !important;}

.mr0 {margin-right:0 !important;}
.mr05 {margin-right:5px !important;}
.mr1 {margin-right:10px !important;}
.mr2 {margin-right:20px !important;}
.mr3 {margin-right:30px !important;}
.mr4 {margin-right:40px !important;}
.mr5 {margin-right:50px !important;}

.mb0 {margin-bottom:0 !important;}
.mb05 {margin-bottom:5px !important;}
.mb1 {margin-bottom:10px !important;}
.mb2 {margin-bottom:20px !important;}
.mb3 {margin-bottom:30px !important;}
.mb4 {margin-bottom:40px !important;}
.mb5 {margin-bottom:50px !important;}

.ml0 {margin-left:0 !important;}
.ml05 {margin-left:5px !important;}
.ml1 {margin-left:10px !important;}
.ml2 {margin-left:20px !important;}
.ml3 {margin-left:30px !important;}
.ml4 {margin-left:40px !important;}
.ml5 {margin-left:50px !important;}

.navbar-header .btn.btn-bad-sm {padding: 8px 25px;margin-top: 0; display:none; float: right; margin-right:60px; margin-top:4px;}

/* Navigaiton - responsive styling - start */
.nav-icon {display:none;}
.nav-icon svg {width: 18px; height: 22px;vertical-align: -7px;margin-left: -3px;}
#mega-menu-wrap-menu-1 .mega-menu-toggle {border-radius: 7px; margin-top:3px; width:60px;}
.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 .mega-free-trial-link a.mega-menu-link {text-align: center !important;max-width: 250px !important;margin: 15px auto !important;}
.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 .mega-free-trial-link {margin-bottom:70px !important;}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner,
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner:before, 
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner:after {width:30px; height:3px;}
.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {background: #162f65;}
.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 .login-link {color:#fff;}
.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 .login-link .fa {color: #fff;}
.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu {background: rgb(238,238,238);
background: -moz-linear-gradient(45deg,  rgba(238,238,238,1) 2%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(45deg,  rgba(238,238,238,1) 2%,rgba(255,255,255,1) 100%);
background: linear-gradient(45deg,  rgba(238,238,238,1) 2%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 );
}
.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 .mega-menu-item a.mega-menu-link {border-bottom:1px solid rgba(255,255,255,0.1) !important;}
.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 .mega-menu-item a.mega-menu-link span.link-line:after {display:none;}
.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:before {content: "Open" !important;display: block !important;position: absolute;left: -54px;font-size: 12px;background: rgba(255,255,255,0.1);padding: 1px 10px 3px 15px;top: 15px;width: 76px;line-height: 30px;border-radius: 20px;}
.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-menu-item-1794 img.nav-icon {-webkit-filter: invert(100%); filter: invert(100%);}
.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:before {content: "Close" !important;}
.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {content: "\f077" !important; font-family:'FontAwesome' !important;margin-top: -2px !important;}
#mega-menu-wrap-menu-1 .close-box {padding:10px;}
#mega-menu-wrap-menu-1 .close-box .close-menu {color: #fff;font-size: 20px;display: inline-block;line-height: 15px;padding: 6px 8px;border-radius: 15px; transition:all 0.2s ease-in-out;}
#mega-menu-wrap-menu-1 .close-box .close-menu:hover {background: rgba(255,255,255,0.1);}

.cky-notice-btn-wrapper .cky-btn {border-radius: 5px;border-color:#ee3897 !important; color:#ee3897 !important;}
.cky-notice-btn-wrapper .cky-btn.cky-btn-accept {border-color:#ee3897 !important;background:#ee3897 !important; color:#fff !important;}

.modal-dialog.modal-info {width:1000px;}
.modal-dialog.modal-info .modal-header {border-bottom:0; padding-bottom:0px;}
.modal-dialog.modal-info .modal-header .title {font-size: 21px !important;margin-bottom: 0;line-height: 30px !important; color:#162f65;}
.modal-dialog.modal-info .modal-header .close {border:2px solid #162f65; color:#162f65; padding: 8px 10px 10px 10px;border-radius: 50%;line-height: 12px; opacity: 1; transition:all 0.2s ease-in-out;}
.modal-dialog.modal-info .modal-header .close:hover {background:#dcdcdc;}
.modal-dialog.modal-info .modal-header .close span {vertical-align: 2px;}
.modal-dialog.modal-info .modal-body {padding:0 20px 20px 20px;}
.modal-dialog.modal-info .modal-body video {margin-bottom:10px; width:100%;}
.modal-dialog.modal-info .modal-body .modal-description {padding:0 15px;line-height: 22px;}
.modal-dialog.modal-info .modal-body .modal-description p {margin-bottom:20px;}
.modal-dialog.modal-info .modal-body .modal-description p strong {color:#162f65; font-weight: 900;}

.modal-dialog.modal-promo {width:600px;}
.modal-dialog.modal-promo.modal-promo-sm {width:450px;}
.modal-dialog.modal-promo .modal-header {border-bottom:0; padding-bottom:0px;}
.modal-dialog.modal-promo .modal-header .close {border:2px solid #162f65; color:#162f65; padding: 8px 10px 10px 10px;border-radius: 50%;line-height: 12px; opacity: 1; transition:all 0.2s ease-in-out;}
.modal-dialog.modal-promo .modal-header .close:hover {background:#dcdcdc;}
.modal-dialog.modal-promo .modal-header .close span {vertical-align: 2px;}
.modal-dialog.modal-promo .modal-body {padding:0 20px 20px 20px;}
.modal-dialog.modal-promo .modal-body .modal-description {padding:30px; padding-top:0;}
.modal-dialog.modal-promo .modal-body .modal-description h4 {font-size: 20px; font-weight: 900; margin-bottom:20px;}
.modal-dialog.modal-promo .modal-body .modal-description .title {font-size: 36px; margin-bottom:5px; text-align: center;line-height: 40px;}
.modal-dialog.modal-promo .modal-body .modal-description .subtitle {font-size: 20px; text-align: center; opacity: 0.8; font-weight: 400;}
.modal-dialog.modal-promo .modal-body .modal-description p {font-size: 15px; margin-bottom:20px;}
.modal-dialog.modal-promo .modal-body .modal-description .btn {margin-top: 10px;}
.modal-dialog.modal-promo .modal-body .modal-description img {display: block; max-width: 100%; height: auto;}
.modal-dialog.modal-promo .modal-body .modal-description video {margin-bottom:20px;}

@media (max-width: 1289px) {
	body.page-id-14665 .navbar-header .btn.btn-bad-sm {display:none;}
	
	#mega-menu-wrap-menu-1 .mega-sub-menu a.mega-menu-link .link-desc {display:none;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding: 15px 15px 0 35px !important;}
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {margin-left: 10px;margin-right: 10px;}
	
	#mega-menu-wrap-menu-1 .mega-menu-toggle {background:#f0f1f6;}
	
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, 
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
	#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {background:#162f65;}
	
	/*.navbar.float #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, 
	.navbar.float #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
	.navbar.float #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {background:#fff;}
	
	.navbar.float #mega-menu-wrap-menu-1 .mega-menu-toggle {background:rgba(255, 255, 255, 0.1);}*/
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {width:100% !important;}
}
/* Navigaiton - responsive styling - end */

@media (max-width: 1399px) {
	.block-pricing-2024 .flip-switch .discount-msg {position: absolute;right: 14px; color:#555;background: #fff;top: -7px;z-index: 3;text-transform: uppercase;font-size: 10px;padding: 2px 6px 2px 7px;border-radius: 20px;line-height: 11px;box-shadow: 0 1px 5px rgba(0,0,0,0.2);}
	.block-pricing-breakdown-2024 .flip-switch .discount-msg {position: absolute; color:#555;right: 14px;background: #fff;top: -7px;z-index: 3;text-transform: uppercase;font-size: 10px;padding: 2px 6px 2px 7px;border-radius: 20px;line-height: 11px;box-shadow: 0 1px 5px rgba(0,0,0,0.2);}
	.block-pricing-2024 .flip-switch .discount-msg svg,
	.block-pricing-breakdown-2024 .flip-switch .discount-msg svg {display:none;}
}
@media (max-width: 1199px) {
	.block-landing {padding-left:20px; padding-right:20px;}
	
    .block-sub-intro .img-col img {margin-right:-10%}
    .block-sub-intro.left .img-col img {margin-left:0; width:100%; height:auto;}
    .block-feature-slider .slide-nav a {font-size: 15px;}
    .block-all-elements {overflow: hidden;}
    
	.block-left-right .col1 img {width:100%;}
	.block-left-right .col2 {min-height:auto;}
	.block-left-right.features .col1 img {max-width: 200%;}
	
	.block-testimonials .img-col img {width:170%;}

	.block-center-with-image .img-col img {width:100%; height:auto;}
	
	.block-callback-form .container {background-position: 440px 0;}
	
	.block-full-content-page .greviews-container .ti-widget.ti-goog .ti-review-content {font-size: 14px;line-height: 24px !important;color: #555;}
	
	#all-features.block-hero .img-col span img {max-width:120%; height:auto;}
	
	body.page-id-67 .block-pricing-2024 {padding-top:90px;}
	
	.block-four-areas .area-box {height:410px;}
	.block-four-areas .area-box .title {margin-bottom: 10px;  line-height: 25px; }
	.block-four-areas .area-box .image-container {height:140px;}
	
	.block-parent-app-features .area-feats .feature-link {width:350px;}
	.block-parent-app-features .area-feats .feature-link .feature-content .feature-title {font-size:17px;}
	.block-parent-app-features .feature-visual .feature-inner {direction: rtl; overflow: hidden;}
	
	.full-width-blog .post-image {padding-top:50px;}
	
	.block-hero .img-col .block-four-areas .area-box .title {font-size: 14px;}

	.block-areas .area-container-row .area-box {width: 360px; height: 339px;}
	.block-areas .area-container-row.row2 {margin-left: -108px;}
	
	.block-hero .img-col span img {max-width: 570px;}
	.block-left-right.easy-onboarding .col2 {padding: 0 60px;}
    .block-pricing-2024.pricing-2026 .claim-offer {width:80%;}
}
@media (max-width: 1109px) {
	.block-pricing-2024 .blog-inpage-container .blog-article-container {float:none;}
}
@media (max-width: 1024px) {
	
	.modal-dialog.modal-info {width:95%;}

	#all-features.block-hero .img-col span img {max-width:105%;}
	
	.block-customer-logos .customer-logos .cust-logo img {max-height: 80px;}
	
    .block-intro .content-col p {font-size:16px; line-height: 25px;}
    
    .btn {padding:9px 25px 11px 25px;}
    
    /* block-feature-slider */
    .block-feature-slider .slide-nav {overflow-y:hidden; text-align: center;overflow-x:auto; white-space: nowrap; position: relative;scrollbar-width: none;-ms-overflow-style: none; padding-left:40px;}
    .block-feature-slider .sliderContainer .rightfade {display:block;width:40px; position: absolute; top:0; right:0; height:40px; background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    }
    .block-feature-slider .sliderContainer .leftfade {display:block;width:40px; position: absolute; top:0; left:0; height:40px; background: -moz-linear-gradient(left,  rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 10%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    }
    .block-feature-slider .slide-nav::-webkit-scrollbar {display: none;}
    .block-feature-slider .slide-nav a {margin:0 15px;}
    /* block-feature-slider.dark version */
    .block-feature-slider.dark .sliderContainer .rightfade {display:block;width:40px; position: absolute; top:0; right:0; height:40px; background: -moz-linear-gradient(left,  rgba(20, 80, 167,0) 0%, rgba(20, 80, 167,1) 90%);
    background: -webkit-linear-gradient(left,  rgba(20, 80, 167,0) 0%,rgba(20, 80, 167,1) 90%);
    background: linear-gradient(to right,  rgba(20, 80, 167,0) 0%,rgba(20, 80, 167,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    }
    .block-feature-slider.dark .sliderContainer .leftfade {display:block;width:40px; position: absolute; top:0; left:0; height:40px; background: -moz-linear-gradient(left,  rgba(20, 80, 167,1) 10%, rgba(20, 80, 167,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(20, 80, 167,1) 10%,rgba(20, 80, 167,0) 100%);
    background: linear-gradient(to right,  rgba(20, 80, 167,1) 10%,rgba(20, 80, 167,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    }
	
	.block-pricing-2024 .blog-inpage-container.new-2025 {margin-top:0;}
	.block-pricing-2024 .blog-inpage-container.new-2025 .blog-article-container.popular-plan {margin-top:0;}
}
@media (max-width: 992px) {
    .block-full-content-page .step-block .bar {display:none;}
}

@media (max-width: 991px) {
	/* Show when mobile nav kicks in - start */
	.nav-icon {display:inline-block; float:none; margin-right:15px !important;}
	.navbar-header {float:none;}
	.navbar-default .navbar-header .btn.btn-bad-sm {display:block;}
	.navbar-default .navbar-header .btn-bad a:hover {color:#ee3897;}
	.navbar-default .navbar-header .custom-logo-link {}
    .navbar-default .navbar-collapse {border-color:transparent;overflow: auto;position: absolute !important; top:5px; right:30px; width: 70px !important; height:50px; z-index:2; overflow: hidden; box-shadow: none;}
	.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {padding:0 25px;}
	.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover {background:#1E376D;}
	.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 .mega-free-trial-link a.mega-menu-link {max-width: none !important; margin:20px !important;}
    #mega-menu-wrap-menu-1 .close-box:before {content:" "; display:block; position: absolute;top: 10px;left: 18px; width:100px; height:50px; background:url(/images/transaprent-logo-reg-white.png) no-repeat; background-size:cover;}
    #mega-menu-wrap-menu-1 .close-box {position:relative;height: 70px;}
    
	/* Show when mobile nav kicks in - end */
	
	.title {font-size: 50px;}
	.sub-title {line-height: 20px;}
	
	.block-landing {padding-bottom:150px; margin-bottom:0;}
	.block-landing h1 {font-size: 30px; line-height: 30px;}
	.block-landing h1 .sub-title {font-size:20px;}
	.block-landing .description {padding-right:100px;}
	.block-landing .landing-slider-container {width:400px;}
	.block-landing .img-col img {width:400px;}
	.block-landing .img-col .landing-slider-container {bottom:-30px;}
	.block-landing .content-col {padding-top:70px;}

	.block-full-content-page .step-block {border-bottom:5px dotted #ccc;padding-bottom:10px;}
    .block-full-content-page .step-block.last {border-bottom:0;}
    .block-full-content-page .step-block .step-inner-block {margin-top: -30px;}
    .block-full-content-page .step-block .bar {display:none;}
    .block-full-content-page .step-block .number {left:0px; top:35px;width: 60px;height: 60px;line-height: 40px;font-size: 22px;}
    .block-full-content-page .step-block .img-container img {width:auto; height:auto; display:block; max-width:100%;}
    .block-full-content-page .step-block .content-block {margin-top:50px; margin-left:50px;}
    .block-full-content-page .step-block .content-block h3 {font-size: 20px !important;line-height: 26px !important;}

    .block-sub-intro .img-col {text-align: left;}
    .block-sub-intro .img-col img {margin-right:0%;}
    .block-sub-intro.left {background-position:center bottom; padding-top:60px;}
    .block-sub-intro.left .img-col {width:100%; float:none; text-align: center;}
    .block-sub-intro.left .img-col img {margin-right:0%; display: inline-block; max-height:none;}
    .block-sub-intro.left .content-col {width:80%; margin:0 auto; float:none; margin-top:30px;}
    
    .btn {padding:8px 15px 10px 15px;}
    
	.block-hero .img-col {text-align: center;}
	.block-hero .content-col {padding:40px 35px 20px 35px;}
	.block-hero .content-col h1.title {font-size:63px;}
	.block-hero .content-col .title {font-size:50px;}
	.block-hero .content-col p {width:100%;}
	.block-hero .img-col span.bubble1,
	.block-hero .img-col span.bubble2 {display: none;}
    .block-hero .content-box .title, .block-hero .content-box .sub-title {width:100%;}
    .block-hero.block-hero-new {background:none;}
	
	.block-icon-list .icon-box {margin:30px;}
    /*
	.priceswitch-container {text-align:center;}
	.block-pricing .col-third {margin:0 auto; float:none; padding-top:1px; clear:both;}
	.block-pricing .pricing-col {margin-top:30px;}
    */
	.block-kpi .kpi-container .col-md-3 {width:49%;}
  
    .block-intro > .container {padding-top:100px;}
    .block-intro .img-col {}
    .block-intro .img-col img {max-height:250px;margin-top:0px;}
    .block-intro .content-col h1 {margin-top:20px; font-size:35px; line-height: 30px;}
    .block-intro .content-col h1 span {font-size:25px;}
    .block-intro .btn-primary {margin-right:10px;}
    
    .block-left-right .layout-left .col1 img {margin-right:0;}
    .block-left-right .col1 img {width:250%;}
	.block-left-right.features .col1 img {max-width:none; width:300%;}
	.block-hero .img-col {float:none;}
 
    .block-testimonials .img-col img {width:300%;}
    
	body.blog .block-sub-intro {padding-bottom: 70px;}
	.blog-right-container.site-main.blog article.entry.blog-related-posts {width:50%; float:left;}
	
	.block-try-it-free {padding-top:50px;padding-left:15px; padding-right:15px;}
	.block-try-it-free .container {max-width:400px; margin:0 auto;}
	.block-try-it-free .slide-container {padding:40px 30px; border-radius: 20px 20px 10px 10px;margin-left:20px; margin-right:20px;}
	.block-try-it-free .slide-container .title span {font-size: 19px !important;}
	.block-try-it-free .slide-container h2,
	.block-try-it-free .slide-container img {margin-bottom:35px;}
	.block-try-it-free .slide-container img {width:80%;}
	.block-try-it-free .free-trial-container {margin-top:-10px; min-height:auto;}
	.block-try-it-free.block-contact .free-trial-container {min-height:auto;}
	
    .free-trial-container {animation-name:slideup; margin-top:0; min-height:auto;padding:40px 30px}
    .slide-container {animation-name:slidedown; border-radius: 20px 20px 0 0;height:auto; margin:0 15px 0 15px; padding:50px; top:0;}
    .slide-container .title {margin-bottom:25px;}
    .slide-container img {margin-bottom:25px;}
    .slide-container p {font-size:13px;}
	
	.block-callback-form .container {background-position: 390px 0; background-size: 100%;}
	
	.pricing-plans .plan-container .plan-features ul li {font-size: 13px;}
	.pricing-plans .plan-container .plan-features ul.list-lg li {font-size: 15px;}
	.pricing-plans .plan-container .plan-bubble {width:100%;}
	.pricing-plans .plan-container .plan-title,
	.pricing-plans .plan-container .plan-pricing {text-align: center;}
	
	.block-compare-fees .compare-block.highlight {transform: scale(1); margin-bottom:20px;}
	
	.block-all-elements.dark .title {margin-bottom: 45px;}
	.block-all-elements.dark .element {width:320px;box-shadow: inset 0 0 30px rgba(255,255,255,0.05);margin:15px;}
	.block-all-elements.dark .element img {width:100%; height:auto;}
	
	.block-pricing-2024 .container {padding:0 35px;}
	.block-pricing-2024 .left-curl {left: -115px;top: 140px;}
	.block-pricing-2024 .right-curl {right: -190px;top: 580px;}
	.block-pricing-2024.footer-curl {width:110%;margin:-1px -5px 0 -5px;}
	
    .plans-container .fa-plus-circle {background:rgba(255,255,255,0.1);display: inline-block !important; padding: 8px 15px; border-radius: 30px;}
    .plans-container .fa-plus-circle {color:#fff; font-size: 30px; margin-top: 15px;}
    .plans-container .fa-plus-circle:after {content:"Add On"; font-family:'Lato',sans-serif;font-size: 18px; display: inline-block; vertical-align: 4px; margin-left: 10px;}
    
    .plans-container .fa-plus {display: none;}
    .package-header.package-header-hr {margin-top:20px;}
    	
	.block-testimonial {padding-bottom:50px;}
	.block-testimonial .case-study {margin-bottom:25px;}
	.block-testimonial .case-study:last-of-type {margin-bottom:0;}
	.block-testimonial .right-curl {right:-65px;}
	
	.block-ready .container {padding:0 30px;}
	.block-ready .left-curl {left: -185px;top: 130px;}
	
	.block-tabbed .container {padding:0 35px;}
	.block-tabbed .tab-description {padding-top:15px;}
	.block-tabbed .element {width:330px;}
    
    .block-four-areas .container {width: 97%;}
	.block-four-areas .area-box {height: 395px;}
    .block-four-areas .area-box .title {font-size: 26px;}
	.block-four-areas .area-box .image-container {height: 270px;}
	.block-four-areas .fs-list {padding-left:15px;}
	.block-parent-app-features {padding-top:0px !important;}
	.block-parent-app-features .area-feats .area-feature {margin:50px 0;}
	.block-parent-app-features .area-feats .area-feature .feature-link {width:100%;}
	.block-parent-app-features .area-feats .area-feature .feature-link .feature-content .feature-desc {display:block !important;}
	.block-parent-app-features .feature-visual {position: unset; width: 100%;display:block !important;}
	.block-parent-app-features .feature-visual .feature-inner {direction: ltr; overflow: visible;}
	.block-parent-app-features .feature-visual .feature-inner img {width:100%; max-height: auto; height:auto;}
	.block-parent-app-features .area-feats {height:auto;}
	.block-parent-app-features .area-feats .feature-link .feature-content .feature-title:after {display:none;}
	.area-feats .area-feature.active .feature-link {background:none !important;}
	
	.block-hero a.feature-area-links {display: flex; align-items: center; justify-content: center;}
	
	body.float #subnav-bar {width:100%; left:auto; border-radius: 0;}
	
	#book-a-demo {width:auto !important; bottom:0; border-radius: 0; overflow-y:auto;}
	#book-a-demo .photo-col {display:none;}
	#book-a-demo .form-col {width:100%; padding:50px !important;}
	#book-a-demo .form-col .input-lg {padding:10px 16px;}
	#book-a-demo .form-col .btn-demo-submit {padding:10px 16px;}
	#book-a-demo .row {margin:0;}
	#book-a-demo #btn-bad-close {margin:0; position: absolute;top: 10px;right: 10px;}
	#book-a-demo #freetrial_form .row .col-xs-6:first-child {padding-left:0;}
	#book-a-demo #freetrial_form .row .col-xs-6:last-child {padding-right:0;}
	
	.block-full-width-carousel .sslider {height:500px;}
	.block-full-width-carousel .sslilder-nav {opacity: 1;}
	.block-full-width-carousel .sslilder-nav .nav-item {z-index:10;}
	
	body.blog .block-sub-intro,
	body.archive .block-sub-intro,
	body.single-post .block-sub-intro {padding-bottom:20px;}
	.blog-post-page-container {margin-top:0;}
	
	.block-hero.block-hero-new {padding-top:80px !important;}
	.block-hero .img-col span img {margin: 0 auto;margin-top: 40px;}
	.block-left-right .col1 img {width:auto;}
	.block-hero .img-col .block-four-areas {margin:0; padding:50px 0;}
	.block-hero .img-col .block-four-areas .area-box {height:290px;}
	.block-hero .img-col .block-four-areas .area-box .title {font-size:20px;}
	.block-hero .img-col .block-four-areas .area-box p {padding:0 20px; height: 45px;}
	.block-left-right .col2 {padding:35px 35px 55px 35px !important; display: block;}
	.block-left-right .col1,
	.block-left-right .layout-left .col1 {display: block; float:none;}
	.block-left-right .col1 span,
	.block-left-right .col1 img {display:inline-block;margin:0 auto !important;}
	
	.block-areas .area-container-row .area-box {width: 260px;height: 245px;}
	.block-areas .area-container-row.row2 {margin-left: -70px;margin-top: -30px;}
	.block-areas .area-container-row.row3 {margin-top: -30px;}
	.block-areas .area-container-row .area-box .content-container .title {font-size: 30px;line-height: 30px;}
	
	.navbar-header .btn.btn-bad-sm {margin-right: 80px;}
    
    .block-pricing-2024.pricing-2026 .blog-inpage-container .blog-article-container {width: 230px;}
    .block-pricing-2024.pricing-2026 .claim-offer {width:100%;}
	
}

@media (max-width: 850px) {
	.block-four-areas .area-box {height: 355px;}
}

@media (max-width: 768px) {
    .block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-plan {padding-left:0; padding-right:0;}
    .block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-title .comingsoon-badge {position:inherit;display: inline-block;border-radius: 30px;padding: 2px 10px;margin-left: 5px;}
}
@media (max-width: 767px) {
	body.admin-bar .navbar {top: 14px;}
    body.admin-bar .navbar.float {top:46px;}
	.navbar-header .btn.btn-bad-sm {margin-right:55px;}
	
	.container > .navbar-header {padding-left:35px; padding-right:35px;}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding:20px 15px 0 15px !important;}
	.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-menu-item-1794 a.mega-menu-link {padding-top: 2px !important;display: block !important;}
	.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-menu-item-1794 a.mega-menu-link .nav-icon {margin-top:0;}
	.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-menu-item-3101 a.mega-menu-link .nav-icon {margin-top:6px;}
	.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-menu-item-8547 a.mega-menu-link .nav-icon {margin-left:-4px;}
	.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-menu-item-8547 a.mega-menu-link .sub-link-box {padding-left:4px;}
	.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-menu-item-3101 a.mega-menu-link {height:31px; overflow: hidden;}
	.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-sub-menu .mega-sub-menu {margin-top:0 !important;}
	.mega-menu-menu-1-off-canvas-open #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-8519-0 li.mega-menu-item a.mega-menu-link .nav-icon {margin-top:-2px;}
	
	#custhead {text-align: center;}
	#custhead .nav-right {float:none;}
    
    .title {font-size:41px !important; line-height: 50px !important;}
    .title span {font-size:18px !important; margin:0 0 1px 0 !important;}
	.title.title.title-sm {font-size: 25px !important;line-height: 30px !important;}
    .sub-title {font-size:15px !important; margin:0 0 1px 0 !important;}
    p {font-size:14px !important;line-height: 24px !important;}

	.block-landing h1 {font-size: 25px;}
	.block-landing h1 .sub-title {font-size:16px;}
	.block-landing .description {padding-right:0;}
	.block-landing .img-col {float:none;}
	.block-landing .img-col .landing-slider-container {max-width:300px; bottom:0; padding-top:20px;}
	.block-landing .img-col .landing-slide img {width:auto;height:350px;}
	.block-landing .content-col {padding-top:40px;}
	
    .block-intro .img-col {float:none;}
    .block-intro .btn-primary {margin-right:10px !important;}
	.block-intro .content-col {padding: 0 30px;}
    
    .block-sub-intro {background-position: bottom center; padding-bottom:100px; padding-top:60px;}
    .block-sub-intro .img-col {text-align: center; float:none;}
    .block-sub-intro .img-col img {width:90%; height:auto;}
    .block-sub-intro .content-col {padding-left:80px; padding-right:80px; float:none; margin-top:30px;}
    .block-sub-intro.left .img-col img {max-height:400px;}
    .block-sub-intro.left .content-col {width:100%;}

	.block-left-right {padding:60px 0;}
	.block-left-right .col1,
	.block-left-right .col2 {padding-left:30px; padding-right:30px; min-height:auto;}
    .block-left-right .col1 img,
	.block-left-right .col1 {float:none; width:100%; margin:0; direction: ltr;}
	.block-left-right .col1 span {margin:0 auto;}
	.block-left-right .layout-left .col1 img {width:100%; margin-left:0; margin-right:0px;}
  	.block-left-right.features .col1 {width:100%;}
  	.block-left-right.features .col1 span {width:100%;}
  	.block-left-right.features .col1 img {max-width:none; width:100%; height:auto;}
	.block-left-right .video-player {width:100%;}
  
    /*
	.block-pricing {padding-left:30px; padding-right:30px;}
	.block-pricing .col-third {margin:0 auto; float:none; padding-top:0;}
	.block-pricing .pricing-col:hover {transform: scale(1) !important;}
    */
    
    .block-hero.block-hero-new {padding-top:80px;}
    
	.pricing-plans .plan-container {max-width: 350px;margin: 0 auto;}
	.pricing-plans .plan-container .included-container {height:auto;}
    
    .block-all-elements .element .etitle {font-size:19px;}
	.block-all-elements .element img {max-width:90px;}
	.block-all-elements.dark .title {font-size: 55px !important;}
	.block-all-elements.dark .element {width:290px;}
	.block-all-elements.dark .element .etitle {font-size: 20px;}
	
    .block-feature-slider .progressBarContainer h3.progressLink,
    .block-feature-slider .progressBarContainer h3.progressLink.active {font-size: 15px;}
    
    .block-testimonials .img-col {text-align:center;}
    .block-testimonials .img-col img {width:95%; float:none; margin-bottom: 40px;}
    
    .block-slant.quote h2 {font-size:26px !important; line-height: 30px !important;}
    .block-slant .img-quick-tip {top: -30%;}
	.block-slant.general-content.straight-subtitle h2 {font-size: 26px !important;line-height: 26px !important;}
        
    .block-kpi .kpi-title {padding-bottom:80px;}
    
    .block-intro-pricing {background-position:left bottom;}
    .pricing-boxes .plan-container {max-width:320px; margin:0 auto; margin-top:20px;}
    
    .features-list .col {font-size:13px; padding:14px 15px;}
    .features-list .col.ftitle span {font-size:13px;}
    .features-list .col.fheader {display:inline-block;}
    .features-list .col.headerpoint {padding:10px 10px}
    
    /*
    .pricing-boxes .plan-container .plan-pricing .price-day {font-size:80px;}
    .pricing-boxes .plan-container .plan-pricing .price-month {font-size:15px;}
    .pricing-boxes .plan-container .plan-features li {font-size:18px;}
    .pricing-boxes .plan-container .plan-features li:before {font-size:18px !important;}
    */
	
	.blog-article-container {width:50%; float:left;}
	.blog-right-container.site-main.blog .blog-related-posts {width:50%; float:left;}
	.blog-single-container .feature-image-container img {width:100%; height:auto;}
	.blog-single-container .entry-header .entry-title {font-size:22px; line-height: 28px;}
	
	.block-center-with-image .bg-image {width:50%; top:100px;left: -100px;}
	
	.free-trial-container {animation-name:none; margin-top:-140px !important; margin-left:15px; margin-right:15px;}
	.free-trial-container .title {font-size: 35px !important;}
	
	.block-callback-form .container {background-image:none; text-align: center;}
	
	.block-step-by-step ol li:last-of-type {margin-bottom:0;}
	
	.post-1827 .block-sub-intro .img-col {text-align: center;}
	
	.block-compare-fees .compare-block {max-width:320px; margin:0 auto; float:none; margin-bottom:20px;}
	
	.block-pricing-2024 .blog-inpage-container .blog-article-container {margin:0 10px 20px 10px;}
	.block-pricing-2024 .addon-container .col-sm-4.col-xs-12.text-right {text-align: left !important; padding-top:30px;}
    
    .plans-container .fa-plus-circle {margin-top:0; margin-bottom:15px;}
    .plans-container {max-width: 470px;}
    .plans-container .pr05 {padding-right:15px;}
    .plans-container .pl05 {padding-left:15px;}
    .plans-container .plan-container {margin-bottom: 15px; padding:35px 35px 40px 35px;}
    .package-header.package-header-hr {margin-top:0;padding-left:55px; padding-right:55px;}
    .package-header {padding-left:85px;padding-right:85px;}
    .plan-container .plan-breakdown .plan-title {font-size: 16px;}
    .plan-container .plan-breakdown .plan-subtitle {font-size: 14px;}
    .plan-container .plan-breakdown ul li {font-size: 14px; margin-bottom: 10px;}
    .plan-container .plan-breakdown ul li:before {font-size: 12px;}
	
	.block-feature-summary .feature-summary {float:none; width:290px; margin:0 auto;}
    .block-feature-summary .fs-list li {margin-bottom: 10px;}
    .block-feature-summary .img-summary {margin-top:15px;}
    
	.block-tabbed .element {width:305px;}
    
    .block-four-areas .area-box .title {font-size: 30px !important;}
    .block-four-areas .area-box {max-width: 500px;margin: 0 auto;margin-bottom: 25px;height: 460px;}
    
	.block-hero a.feature-area-links {height:48px;}
    
    .block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-plan {padding-left:0; padding-right:0;}
	
	.testimonial-repeater-container {padding-left:10px; padding-right:10px;}
	
	.block-pricing-2024.footer-curl {margin-top:-2px;}
	
	.block-faqs-inpage .faq-container {padding-bottom:0;}

	.block-full-width-carousel .sslider {height:400px;}
	
	.full-width-blog .post-image {padding-top:10px; padding-bottom:25px; float:none !important;}
	
	.site-footer .footer-col a {display: inline-block; padding-top:5px; padding-bottom:5px;}
	
	.block-testimonial .testimonial-slider .slick-dots li button {padding:0; margin:0;}
	
	body.page-id-14265 .block-sub-intro {padding-bottom:0;}

	.block-hero .img-col .block-four-areas .area-box {max-width: 500px;margin: 0 auto;margin-bottom: 0px;margin-bottom: 25px;height: 410px;}
	.block-hero .img-col .block-four-areas .area-box p {height:auto;margin-bottom: 15px; padding:0;}
	.block-hero .img-col .block-four-areas .area-box .title {margin-bottom:0;}
	.block-hero .img-col .block-four-areas .area-box .btn-area.btn-sm {margin-top: 0;padding: 6px 15px 5px 15px;font-size: 14px;}
	
	.blog-single-container .feature-image-container .date-overlay {width:auto; height: auto; padding: 5px 15px 7px 15px;}
	.blog-single-container .feature-image-container .date-overlay .date-month {float:right;font-size:12px;margin-left: 5px;}
	.blog-single-container .feature-image-container .date-overlay .date-day {float:right;font-size:12px; line-height: 18px;}
    
	.block-areas .area-container {margin-left:10px;max-width: 480px; margin: 0 auto;}
	.block-areas .area-container-row {white-space: normal;}
	.block-areas .area-container-row.row2,
	.block-areas .area-container-row.row3 {margin:0;}
	.block-areas .area-container-row .area-box.area-blank {display:none;}
	.block-areas .area-container-row .area-box {width: 310px; height: 292px;}
	.block-areas .area-container-row .area-box.area-parent,
	.block-areas .area-container-row .area-box.area-staff,
	.block-areas .area-container-row .area-box.area-business,
	.block-areas .area-container-row .area-box.area-marketing {margin-left: -80px;}
	.block-areas .area-container-row .area-box.area-children,
	.block-areas .area-container-row .area-box.area-hr,
	.block-areas .area-container-row .area-box.area-finance {margin-right:-80px;}

	.polygon-bottom {display: none;}
	
	.modal-dialog.modal-promo {width:auto;}
    
    .pricing-scroll-wrap {
        position: relative;
        overflow: hidden; /* keeps fade overlay fixed */
        padding:20px 0;
    }
    .pricing-scroll {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth; /* adds smooth sliding */
        gap: 16px;
        padding: 10px;
        position: relative;
    }
    .pricing-scroll-wrap:after {
        content: "";
        position: absolute;
        right: 0; top: 0; bottom: 0;
        width: 40px; 
        background: linear-gradient(to right, transparent, rgba(255,255,255,1));
        pointer-events: none;
        opacity: 1;
        transition: opacity 0.3s ease;
    }

    .pricing-scroll-wrap:before {
        content: "";
        position: absolute;
        left: 0; top: 0; bottom: 0;
        width: 40px; 
        background: linear-gradient(to left, transparent, rgba(255,255,255,1));
        pointer-events: none;
        opacity: 1;
        transition: opacity 0.3s ease;
        z-index: 1;
    }

    .pricing-scroll .blog-article-container {
        flex: 0 0 250px;
        scroll-snap-align: center;
    }
    
    .block-pricing-2024.pricing-2026 .blog-inpage-container .blog-article-container {margin: 0;}
    .block-pricing-2024.pricing-2026 .claim-offer {padding:6px 10px 10px 10px;}
    .block-pricing-2024.pricing-2026 .claim-offer div {display: block; width: 100%; float:none;}
    .block-pricing-2024.pricing-2026 .claim-offer .btn {float:none; margin-top:10px;}
    .block-pricing-2024.pricing-2026 .title {font-size: 28px !important; line-height: 36px !important;}
    .block-pricing-2024.pricing-2026 .list-inline li {margin-bottom: 5px; font-size: 15px;}
    .block-pricing-2024.pricing-2026 .blog-inpage-container {padding: 0 35px;}
    .block-pricing-2024.pricing-2026 .blog-inpage-container .blog-article-container:hover {transform: translateY(0px);}
    .block-pricing-2024.pricing-2026 .feature-list {text-align: center;}
    .block-pricing-2024.pricing-2026 .feature-list .feature-col {display: inline-block;width: 380px;margin: 0 auto; text-align: left;}
    .block-pricing-2024.pricing-2026 .feature-list li {font-size:15px;}
    .block-pricing-2024.pricing-2026 .saving-container {padding-top:20px; margin-bottom:0 !important;}
    
    /* optional: hide scrollbar */
    .pricing-scroll::-webkit-scrollbar { display: none; }
    .pricing-scroll { scrollbar-width: none; }
}

@media (max-width: 698px) {
	
	.inpage-blog-container .blog-inpage-container .blog-article-container {width:300px; margin:0px 15px 30px 15px;}
	
}

@media (max-width: 688px) {
	.block-intro > .container {padding-top:0;}
	.block-pricing .pricing-boxes {text-align: center;}
	.block-pricing .pricing-boxes .col-sm-4 {width:49%; float:none; display: inline-block;}
	.block-all-elements.five-columns .element {width:130px; padding:20px 0;}
	.block-all-elements.five-columns .element img {max-width:70px;}
	.block-all-elements.five-columns .element .etitle {font-size:15px;}
	.block-all-elements.five-columns .element .esubtitle.btn-clickable {font-size:13px;padding:3px 15px;}
	.site-footer {padding-bottom:60px;}
	
	.block-hero {background-size:cover !important;}
	.block-tabbed {padding:50px 0;}
	.block-all-elements-header-curl {position: relative; left:0; right:0;width: 110%;margin: 0 -5px;}
	.block-all-elements.dark .title {font-size: 40px !important;margin-bottom: 20px;}
	.block-pricing-2024 {padding: 90px 0;}
	.block-pricing-breakdown-2024 {padding: 50px 0;}
	
	.block-tabbed .element {width:255px;}
	.block-tabbed .element .etitle {}
	
	.block-hero .col-xs-3 {padding: 0 5px; text-align: center;}
	
	.block-pricing-2024 .blog-inpage-container.new-2025 .blog-article-container {margin: 0 15px 30px 15px;}
	.block-pricing-2024 .blog-inpage-container.new-2025 .blog-article-container .entry-excerpt {min-height:auto;}
}

@media (max-width: 650px) {
	.block-full-width-carousel .sslider {height:330px;}
}

@media (max-width: 600px) {
    body.admin-bar .navbar.float {top:0;}
	.blog-article-container {width:100%; float:none;}
	.blog-right-container.site-main.blog .blog-related-posts {width:100%; float:none;}
    .block-all-elements .element {width:100%; margin:15px 0; padding:20px 15px;}
	.block-all-elements.dark .element {width:320px;}
	.block-all-elements.dark .element .etitle {font-size: 23px;}
	.block-pricing-2024 .blog-inpage-container {padding:0 35px;}
	.block-pricing-2024 .blog-inpage-container .blog-article-container {width: 100%;margin: 0 0 30px 0;max-width: 370px;}
	.block-tabbed .nav-tabs li {padding: 0 5px;}
	.block-testimonial .case-study {width:100%;margin:15px;box-shadow: 0 0 15px #e2e2f3;}
	.block-testimonial .profile .profile-title {padding-top:15px;}
	.block-tabbed .elements-align {text-align: center;}
	.block-tabbed .element {width:320px;}
	
	.block-pricing-2024 .addon-container {width:auto; margin-left:15px; margin-right:15px;}
}
@media (max-width: 520px) {
        
    .block-full-content-page .step-block .img-container img {max-height: 300px;}

	.block-hero .img-col img {width:100%; height:auto;}
	body.page-id-14665 .block-hero .content-box img {width:100%; height:auto; margin-bottom:30px;}
	
	.block-intro {padding-top:40px;}
	.block-intro .img-col {margin-bottom: 40px;}
	.block-intro > .container {padding-top:10px;}
    .block-intro .btn.btn-default {margin-left:0;}

    .block-sub-intro .content-col {padding-left:60px; padding-right:60px;}
    
	.block-pricing .pricing-boxes {text-align: center;}
	.block-pricing .pricing-boxes .col-sm-4 {width:100%; float:none;}

	.block-left-right.features .col2-content {padding:0 15px;}

	.block-customer-logos .customer-logos .cust-logo:first-of-type,
    .block-customer-logos .customer-logos .cust-logo:last-of-type {margin:0 25px 20px 25px;}
    .block-customer-logos .customer-logos .cust-logo img {max-height:70px;} 
    
    .block-kpi .kpi-stat {font-size:40px;}
	
	.block-tabbed .nav-tabs {width:100%; white-space: nowrap;display: block;}
	.block-tabbed .nav-tabs li {width: 25%;display: inline-block;margin: 0 -2px;}
	.block-tabbed .nav-tabs li:first-of-type {margin-left:0;}
	.block-tabbed .nav-tabs li a {font-size: 11px;padding: 10px 0px 12px 0px;border-radius: 10px;}
	.block-tabbed .nav-tabs li:before {top:17px;}
	.block-tabbed .nav-tabs li:after {top:17px;}
	
	.block-ready-header-curl {margin-bottom:-1px;}
	
	.site-footer {padding-bottom:1px;}
	.site-footer .footer-col {width:100%; float:none;margin-bottom: 35px;text-align: center;}
	.site-footer .footer-col .widget-title {margin-bottom: 15px;}
	.site-footer #footer-sidebar-3 ul li,
	.site-footer #footer-sidebar-3 ul li a {display:inline-block;}
	.site-footer #footer-sidebar-3 ul li a span {display:none;}
	
	.block-pricing-breakdown-2024 .plan-buttons {display:block;}
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-title {width:80%;}
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-plan {width:20%; padding:15px 0;}
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-plan.plan1,
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-plan.plan2,
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-plan.plan3 {display:none;}
	.block-pricing-breakdown-2024 .pricing-breakdown-2024.show-plan1 .pricing-breakdown-row .breakdown-plan.plan1 {display: block;}
	.block-pricing-breakdown-2024 .pricing-breakdown-2024.show-plan2 .pricing-breakdown-row .breakdown-plan.plan2 {display: block;}
	.block-pricing-breakdown-2024 .pricing-breakdown-2024.show-plan3 .pricing-breakdown-row .breakdown-plan.plan3 {display: block;}
	.block-pricing-breakdown-2024 .title,
	.block-pricing-breakdown-2024 .sub-title {text-align: center;display:block !important;}
	.block-pricing-breakdown-2024 #show-differences {display:none;}
    
	.block-hero a.feature-area-links {font-size: 11px;padding: 10px; height:auto;}
	
	.block-four-areas .area-box,
	.block-hero .img-col .block-four-areas .area-box {height:360px;}
	.block-hero .img-col .block-four-areas .area-box .title {font-size: 22px !important;line-height:30px !important;}
	
	.block-full-width-carousel .sslider {height:260px;}
	
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row.breakdown-heading .breakdown-plan.plan1,
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row.breakdown-heading.breakdown-heading-top .breakdown-plan.plan2,
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row.breakdown-heading .breakdown-plan.plan3 {border-radius: 10px 10px 0 0;}
	
	.block-pricing-2024 .blog-inpage-container.new-2025 {padding:0 15px;}
	.block-pricing-2024 .blog-inpage-container.new-2025 .blog-article-container {margin: 0 0 30px 0;}
    .block-pricing-2024.pricing-2026 .claim-offer {width:100%;}
}

@media (max-width: 475px) {
	.block-hero .img-col span.visible-sm img {width:100%;}
	
	.block-left-right .col2,
	.block-left-right.features .col2 {padding-bottom:20px;}
	.block-left-right .col2 .col2-content *:last-child {margin-bottom:0px;}
	
	.block-try-it-free .slide-container {display:none;}
	.block-try-it-free .free-trial-container {margin-top:30px !important}
	.block-try-it-free .free-trial-container.contact-form {margin-top:-150px !important}
	
	.block-center-with-image.bg-block .svg-image {position:relative;top:-5px;}
	
	#licenseModal .modal-body .block-sub-intro .container .col-centered .title {font-size: 32px !important;line-height: 35px !important;}
    
	.block-testimonial .container {padding:0 30px;}
	.block-testimonial .case-study {width:100%;padding: 35px 60px;}
	.block-testimonial .profile {height:auto; padding:100px 0 0 0;width:100%;}
	
	.block-four-areas .area-box,
	.block-hero .img-col .block-four-areas .area-box {height:330px;}
	
	body.page-id-13455 .block-left-right .title {font-size: 30px !important;}
	
	.modal-dialog.modal-promo.modal-promo-sm {width:auto;}
}

@media (max-width: 440px) {
	.cky-consent-container .cky-consent-bar {padding-bottom:90px !important;}
	
	body.page-id-67 .block-pricing-2024 {padding-bottom:30px;}
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-title,
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-plan {padding:12px 10px;}
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row.breakdown-heading .breakdown-title {padding-left:10px; padding-right:10px;}
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row.breakdown-heading .main-title {font-size: 18px;margin-bottom: 5px;}
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-title p {line-height: 20px !important;}
	.block-pricing-breakdown-2024 .plan-buttons .btn {padding:8px 20px 9px 20px;}
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-title {width:70%;}
	.block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-plan {width:30%; padding:10px 0;}
	.block-hero .col-xs-3 {padding:0; text-align: center;}
	.block-hero .col-xs-3 a.feature-area-links {display: inline-block;width: 94%; padding:10px 0;font-size: 10px;}
	.block-hero .content-col .title {font-size: 40px !important; line-height: 48px !important;}
	.block-hero .content-col p {font-size: 16px !important; line-height: 26px !important;}
	
	.block-parent-app-features .area-feats .area-feature:first-of-type {margin-top:25px;}
	.block-parent-app-features .area-feats .feature-link .feature-icon {float: none;}
	.block-parent-app-features .area-feats .feature-link .feature-content {float: none; width:100%;padding:10px 15px 10px 5px;}
    
    .block-pricing-breakdown-2024 .pricing-breakdown-2024 .pricing-breakdown-row .breakdown-title .numbering {display:none;}
}

@media (max-width: 420px) {
	.sub-title {font-size: 12px !important;}
	.title {font-size: 30px !important;line-height: 35px !important;}
	
    .block-sub-intro .content-col {padding-left:30px; padding-right:30px;}
	
    .block-kpi {padding:80px 0 20px 0;}
    .block-kpi .kpi-container {margin-top:40px;}
    .block-kpi .kpi-title {font-size:13px;}
    .block-kpi .kpi-stat {font-size:30px;}
    
    .block-slant .img-quick-tip {opacity:0.1;}
	#custhead .nav-right {float:none; text-align: center;}
	
	.block-blog-summary .blog-categories {padding:30px 0 10px 0;}
	.block-blog-summary .blog-categories ul li a,
	.block-blog-summary .blog-categories ul li.current-cat a {padding:7px 20px 9px 20px;}
	
	.features-list .col.point .badge {white-space: break-spaces;}
	.block-hero.dark {padding:50px 0;}
	
	.block-tabbed .nav-tabs li a {font-size: 10px;}
	.block-tabbed .tab-description h3 {font-size: 18px;line-height: 25px;}
	
	.block-all-elements.dark .element .etitle {font-size:18px;}
	
	.block-pricing-2024 .left-curl {top: 300px;}
	.block-pricing-2024 .right-curl {top: 900px;}
    
	.block-ready {oadding:50px 0;}
	
	body.page-id-67 .block-pricing-2024 {padding-top:120px;}
	
	.blog-inpage-container .blog-article-container .entry-excerpt .entry-excerpt-content {font-size:13px; line-height: 18px !important;}
	.block-pricing-2024 .blog-inpage-container .blog-article-container .entry-header .text-right .entry-subtitle {font-size:12px;}
	
	.block-four-areas .area-box,
	.block-hero .img-col .block-four-areas .area-box {height:300px;}
	.block-four-areas .area-box .title {font-size:25px !important;line-height: 25px !important;}
	
	.inpage-blog-container {padding-left:15px; padding-right:15px;}
	
	.block-parent-app-features .btn.btn-primary.btn-lg.mr2 {margin-right: 3px !important;}
	.container > .navbar-header {padding-left: 15px;}
    
    .block-pricing-2024.pricing-2026 .sub-title {font-size: 15px !important; line-height: 22px;}
    .block-pricing-2024.pricing-2026 .feature-list {text-align: left;}
    .block-pricing-2024.pricing-2026 .feature-list .feature-col {display: block;width: 100%;}
}

@media (max-width: 385px) {
	.block-tabbed .nav-tabs li {width:auto;}
	.block-tabbed .nav-tabs li:before,
	.block-tabbed .nav-tabs li:after {display:none;}
	.block-tabbed .nav-tabs li a {  font-size: 9px; padding: 9px 9px 10px 9px;}
	.block-all-elements.dark .title {line-height: 40px !important; margin-bottom:40px;}
	.block-all-elements.dark .container {padding:0 30px;}
	.block-all-elements.dark .element {width: 100%; margin:0 0 25px 0;}
	.block-tabbed .element {width:100%;}
	.block-four-areas .area-box .image-container {height: 230px;}
	.navbar-header .btn.btn-bad-sm {font-size: 12px;height: 40px;padding: 9px 13px;}
	.navbar .custom-logo-link img, .navbar.float .custom-logo-link img {max-height:50px;}
	.block-four-areas .area-box,
	.block-hero .img-col .block-four-areas .area-box {height:285px;}
	.block-hero .img-col .block-four-areas .area-box .title {font-size: 20px !important;}
	.block-hero .img-col .block-four-areas .area-box p {width:100%;}
	.inpage-blog-container .blog-inpage-container .blog-article-container {margin-left:0; margin-right:0; width:100%;}
	.block-parent-app-features .btn.btn-primary.btn-lg.mr2 {margin-right: 0px !important;}
	.block-left-right .col2 .col2-content {width:100%;}
	.block-pricing-2024 .blog-inpage-container.new-2025 .blog-article-container {padding:40px 35px;}
}

@media (max-width: 360px) {
    .block-all-elements .element .etitle {font-size:25px;}
    .block-all-elements .element {width:250px;}
	.block-landing .img-col .landing-slide img {height:290px;}
	.block-landing .img-col .landing-slider-container {width:250px;}
	.block-pricing-breakdown .search-column {width:100%; padding:0;}
	.block-try-it-free .g-recaptcha {overflow: hidden; border-right: 1px solid #ccc;}
	.block-four-areas .area-box {height:360px;}
	.block-full-width-carousel .sslider {height:320px;}
	.block-hero .img-col .block-four-areas .area-box {height:285px;}
}
@media (max-width: 359px) {
	#custhead .nav-right a {font-size:12px;}
	.block-center-with-image.bg-block .svg-image {top:-6px;}
    .pricing-plans .plan-container {padding: 40px 30px;}
	.block-pricing-2024 .blog-inpage-container.new-2025 .blog-article-container {padding:35px 25px;}
}
@media (max-width: 347px) {
	.block-hero .img-col .block-four-areas .area-box {height:275px;}
}

/* height fixes */
@media (max-height: 850px) {
    #book-a-demo {width: 100% !important; max-width:500px;bottom: 0;border-radius: 0;overflow-y: auto;}
    #book-a-demo .row {margin:0;}
    #book-a-demo .photo-col {display: none;}
    #book-a-demo .form-col {width: auto;display: block;padding: 40px;}
	#book-a-demo #freetrial_form .row .col-xs-6:first-child {padding-left:0;}
	#book-a-demo #freetrial_form .row .col-xs-6:last-child {padding-right:0;}
}