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

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@font-face {
	font-family: 'Conv_ITC Avant Garde Gothic Bold';
	src: url('https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/Fonts/ITC%20Avant%20Garde%20Gothic%20Bold.eot');
	src: local('☺'), url('https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/Fonts/ITC%20Avant%20Garde%20Gothic%20Bold.woff') format('woff'), url('https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/Fonts/ITC%20Avant%20Garde%20Gothic%20Bold.ttf') format('truetype'), url('https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/Fonts/ITC%20Avant%20Garde%20Gothic%20Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_ITC Avant Garde Gothic Medium';
	src: url('https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/Fonts/ITC%20Avant%20Garde%20Gothic%20Medium.eot');
	src: local('☺'), url('https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/Fonts/ITC%20Avant%20Garde%20Gothic%20Medium.woff') format('woff'), url('https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/Fonts/ITC%20Avant%20Garde%20Gothic%20Medium.ttf') format('truetype'), url('https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/Fonts/ITC%20Avant%20Garde%20Gothic%20Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Catamaran-SemiBold';
	src: url('https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/Fonts/Catamaran-SemiBold.eot');
	src: local('☺'), url('https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/Fonts/Catamaran-SemiBold.woff') format('woff'), url('https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/Fonts/Catamaran-SemiBold.ttf') format('truetype'), url('https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/Fonts/Catamaran-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Catamaran-Regular';
	src: url('https://www.revitalisemarketing.com/hubfs/Fonts/Catamaran-Regular.eot');
	src: local('☺'), url('https://www.revitalisemarketing.com/hubfs/Fonts/Catamaran-Regular.woff') format('woff'), url('https://www.revitalisemarketing.com/hubfs/Fonts/Catamaran-Regular.ttf') format('truetype'), url('https://www.revitalisemarketing.com/hubfs/Fonts/Catamaran-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Device - Serenity Light';
	src: url('https://www.revitalisemarketing.com/hubfs/Fonts/Device%20-%20Serenity%20Light.eot');
	src: local('☺'), url('https://www.revitalisemarketing.com/hubfs/Fonts/Device%20-%20Serenity%20Light.woff') format('woff'), url('https://www.revitalisemarketing.com/hubfs/Fonts/Device%20-%20Serenity%20Light.ttf') format('truetype'), 
    url('https://www.revitalisemarketing.com/hubfs/Fonts/Device%20-%20Serenity%20Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {margin:0px;}

body{font-family: 'Conv_Catamaran-Regular';  font-size:18px; line-height:30px;}
a {
    text-decoration: none;
    color: #fff;
}
a:hover {  color:#ff0201;}
h2 { font-size: 60px;  line-height: 80px; font-family: 'Conv_ITC Avant Garde Gothic Medium'; font-weight: 400;}
h3 { font-size: 45px;  line-height: 60px; font-family: 'Conv_ITC Avant Garde Gothic Medium'; margin: 10px auto; font-weight: 400;}
h4 { font-size: 35px;  line-height: 45px; 		font-family: 'Conv_Catamaran-Regular'; margin: 10px auto 30px auto; font-weight: 400;}
h5 { font-size: 30px;  line-height: 40px; 	font-family: 'Conv_Catamaran-Regular';  margin: 10px auto 20px auto; font-weight: 400;}
img {max-width:100%;}
.marketing-help-section h2, .stepc-inner h3, .stepc-inner h4 {font-weight: 400;}
.header-container, .container {max-width:1722px; margin:0 auto;}
.header-container-wrapper { padding-top:30px; position: relative;  z-index: 9999; background: #1c1f1c; }
.top-section { display:inline-block; margin:0px auto; width:100%; float:left; background:#1c1f1c; padding-top:0px; position: relative; overflow: hidden; min-height:85vh; }
.top-section .left-col { font-weight: normal; max-width:55%; float:left; margin-top:3%; position: relative; z-index: 1; font-size:35px; line-height:42px; color:#fff; font-family: 'Conv_ITC Avant Garde Gothic Medium';}
.top-section .left-col h1 { font-size:116px; color:#fff; line-height:130px; margin-bottom:30px;font-family: 'Conv_ITC Avant Garde Gothic Medium'; font-weight: normal;}
.top-section .right-col {max-width:45%; float: right; position:absolute; right: 0; top: 0px;}
.down-arrow {clear: both; text-align: center; margin-top: 50px; display: inline-block; width: 100%; padding-bottom: 20px; position: absolute;     z-index: 99; left: 0; bottom: 0}
#first-section {clear: both; display: inline-block; width: 100%; float:left;}
.client-logo-section ul {margin:0px; padding:20px 0px; display:inline-block; width:100%; text-align:center;}
.client-logo-section ul li {max-width: 24%; display: inline-block;  margin: 0; width: 17%; padding: 20px 20px; box-sizing: border-box;}
.header-container .widget-type-logo img {  max-width: 80%;}
.header-container-wrapper.fixed-header {position: fixed;width: 100%;background: #010101; padding-top: 15px;padding-bottom: 15px;}
.header-container-wrapper.fixed-header .header-container .row-fluid .span3 {width: 15%;}
.header-container-wrapper.fixed-header .header-container .row-fluid .span8 {width: 79%;padding-top: 26px;}
.header-container-wrapper.fixed-header .toggle-icon {margin-top:22px;}
.header-container-wrapper.fixed-header .hs-menu-depth-1.hs-item-has-children>ul.hs-menu-children-wrapper {top: 70px;}
.top-section .right-col.top-0 {top: 0px;}
.top-content-area .top-content-area {
    position: relative;
}
.top-section.innertops .right-col img {
    width: 100%;
    height: 100%!important;
    object-fit: cover;
}
.wrow {float: left; width: 100%; display: block;}
.text-white { color: #fff;}
.text-black { color: #1c1f1c;}
.textcenter { text-align: center;}
.paddtb40 { padding-top: 40px;  padding-bottom: 40px;}
.text-red { color: #ff0000;}

.mhs-steps {display: flex; flex-wrap: wrap; width: 100%;}
.mhs-step { float: left; width: 33.33336%; display: block;}

.bg-black { background-color: #1c1f1c;}

.step-img {
    height: 300px;
    overflow: hidden;
}
.step-img img {
    width: 100%;
    max-width: 100%;
    height: 100% !important;
    object-fit: cover;
}
.step-content p {	font-family: 'Conv_Catamaran-Regular';
    font-size: 30px;
    line-height: 40px;
}
.step-content {
    padding: 5% 9% 9% 9%;
    float: left;
    box-sizing: border-box;
}
.dhs-step:nth-child(3) .text-white.btnn:hover {
    color: #000;
}
.step-num {
    font-size: 80px; line-height: 90px;
    font-family: 'Conv_ITC Avant Garde Gothic Medium';
}
.btnn {
    font-family: 'Conv_ITC Avant Garde Gothic Medium';
    text-decoration: navajowhite;
    margin: 20px auto 0 auto;
    float: left;
    clear: both;
    font-size: 30px;
    line-height: 40px;
}

.testimonial-slider {
    float: left;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;padding: 60px 0 80px 0;
}
.paddtb80{ padding-top: 80px;  padding-bottom: 80px;}
.paddt60{padding-top: 60px;} 
.paddb40{padding-bottom: 40px;}

.span12.widget-span.widget-type-cell.container {
    margin: 0 auto !important;
    float: none;
}

.testimonial-slider .slick-slider {
    padding: 40px 0 0 0;
    width: 100%;
    max-width:1050px;
    margin: 0 auto; 
}
.testimonial-slider .slick-slide {
    background: #fff;
    padding:30px 30px 10px 30px;
    box-sizing: border-box; width: 100% !important;
}
.testimonial-slider h4 {
    font-size: 30px;
    line-height: 40px;
    font-family: 'Conv_Catamaran-Regular';
    text-align: center;
    justify-content: center; font-weight: 400;
}
.testimonial-slider h5 {
    text-align: center;
    color: #f00;
    font-size: 25px;
    line-height: 35px;
    font-family: 'Conv_Catamaran-Regular';
}
.slick-prev, .slick-next{margin-top: -50px;}
.slick-arrow {
    background: #fff000;
    width: 100px;
    height: 100px;
    color: #000;
}
.hs_cos_gallery_main .slick-next, .hs_cos_gallery_thumbnails .slick-next, .hs_cos_gallery_lightbox .slick-next {
    right: -100px;
}
.hs_cos_gallery_main .slick-prev, .hs_cos_gallery_thumbnails .slick-prev, .hs_cos_gallery_lightbox .slick-prev {
    left: -100px;
}
.hs_cos_gallery_main .slick-prev::before, .hs_cos_gallery_main .slick-next::before, .hs_cos_gallery_thumbnails .slick-prev::before, .hs_cos_gallery_thumbnails .slick-next::before, .hs_cos_gallery_lightbox .slick-prev::before, .hs_cos_gallery_lightbox .slick-next::before {
    color: #000;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{background: #fff000;}
.slick-prev::before, .slick-next::before {
    content: "";  font-family: "FontAwesome"; font-size:40px;
}
.slick-next::before {  content: ""; }
.testimonial-slider .slick-dots{display:none!important;}
.footer-container-wrapper h3.form-title {  padding-left: 10px;}
.footer-container-wrapper .hs-form .hs-richtext {font-family: 'Conv_Catamaran-Regular';
    color: #fff;
    padding: 0 12px;
}
.our-story-section::after {
    background-color: #1c1f1c;
    width: 80%;
    height: 104%;
    position: absolute;
    content: "";
    right: 0;
    top: -2%;
}
.our-story-section::before {
    background-color: red;
    width: 20%;
    position: absolute;
    content: "";
    left: 0;
    height: 100%;
    top: 0;
}
.our-story-section {
    float: left;
    width: 100%;
    position: relative;
  padding: 60px 0;}

.down-arrow a img{ -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;}
.paddt40 {
    padding-top: 40px;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

.os-content.text-white {
    width: 42%;
    float: right;
    padding: 2% 5% 3% 5%;
    box-sizing: border-box;
}
.os-inner {
    position: relative;
    width: 100%;
    float: left;
    z-index: 1;
   
}
.ss-bottom li {
    margin-bottom: 8px;
}
.os-inner::before {
    background-image: url(https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/shutterstock_222799717.jpg);
    background-size: cover;
    content: "";
    position: absolute;
    width: 58%;
    height: 100%; background-position: center right;
    background-repeat: no-repeat;
}
.os-content h2 {
    margin-bottom: 20px;
}
.dhs-step:first-child {
    width: 33.33336%; position: relative;
    float: left;
    display: inline-block;
}
.dhs-step:nth-child(2), .dhs-step:nth-child(3)  {
    width: 66.66664%;position: relative;
    float: left;
    display: inline-block;
}
.dhs-step:first-child .dstep-content{ padding: 20px 40px ;  width: 100%;}

.dstep-content {   
    box-sizing: border-box;
    float: left;position: relative; height: 280px;
    width: 50%; padding: 20px 40px;
}
.dstep-img {
    width: 50%;
    float: left;
    display: inline-block;
}
.dhs-step:first-child .dstep-img {width: 100%;}
.dhs-step .btnn{margin-top: 0;}
.dhs-step:nth-child(2) .dstep-content{float: right;}

.dsteoicon {
    float: left;
    position: absolute;
    bottom: -88px;
    font-size: 148px;
    left: 50%;
    right: 0;
    width: 90px;
    height: 140px;
    transform: rotate(-90deg);
    z-index: 999;
    text-align: center;
    margin-left: -70px;
}

.dstepc-inner h5 {
    margin-bottom: 5px;
}
.dhs-step:nth-child(2) .dstep-content .dsteoicon {
    transform: rotate(0deg);
    bottom: inherit;
    left: -66px;
    margin-top: -73px;
    top: 50%;
    margin-left: 0;
}
.dhs-step:nth-child(3) .dstep-content .dsteoicon { transform: rotate(-180deg); bottom: inherit; right: -63px; margin-top: -73px; top: 50%; margin-left: 0; left: inherit;}
.dstep-img img { display: block;  margin: 0 auto;  float: left; height: 280px !important; object-fit: cover; width: 100%;}
.top-section.innertops .right-col { height:100%; max-width: 44%; text-align: center;}


.tsi-content {
    padding-right: 0;
}
.tsi-content.ss {
    padding-right: 10%; padding-bottom:40px;
}
.footer-wrap {
    float: left;
    width: 100%;
    background: #1c1f1c;
    padding: 60px 0;
}



.footer-wrap .hs-menu-item:first-child {
    margin-bottom: 30px;
}
.footer-wrap .hs-menu-item {
    list-style: none;
}

.footer-wrap .hs-menu-item:first-child a {
    font-size: 30px;
    color: #fff; line-height:36px;
    text-decoration: none;
}
.footer-wrap .hs-menu-item a {
    font-size: 21px;
    color: #fff;
    text-decoration: none; font-weight:400;
  font-family: 'Conv_ITC Avant Garde Gothic Medium';
}
.footer-wrap .widget-type-logo {
    margin-top: 20px;
}
.footer-container-wrapper .container {float:none; margin:0 auto!important;}
.services-content-wrap {background:red; display:inline-block; width:100%; float:left; padding: 30px 0; position: relative;}
.services-content-wrap .left-col {width: 50%; float: left; font-family: 'Conv_Catamaran-Regular'; font-size: 30px; line-height: 35px; color:#fff;  padding-right: 60px; box-sizing: border-box;}  
.services-content-wrap .left-col p { margin-bottom:50px;}
.services-content-wrap .left-col p:last-child {margin-bottom:0px;}
.services-content-wrap .right-col {width: 50%; float: right; padding-left: 60px; box-sizing: border-box;}
.services-content-wrap .right-col .hs_cos_wrapper {font-family: 'Conv_Catamaran-Regular'; font-size: 30px; line-height: 35px; color:#fff; margin-bottom:15px;}
.services-content-wrap .right-col .hs_cos_wrapper:last-child {margin-bottom:0px}
.services-content-wrap .services-cnt-area {position: relative; float:left; width:100%;}
.contact-section {float: left; width: 100%; display: block; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 80px 0 90px 0;}
.v-divider {content: ""; position: absolute; width: 2px; height: 100%;background: yellow; top: 0; left: 50%;}
.contact-form {max-width: 80%; margin: 40px auto 0 auto; background: #1a1f1c; padding: 40px 50px; box-sizing: border-box;}
.contact-form .hs-form ul.hs-error-msgs, .contact-form .hs-form label {display:none!important;}
.contact-form .hs-form fieldset {max-width:100%} 
.contact-form .hs-form .input {margin: 0px!important; padding: 0 15px 18px 15px; box-sizing: border-box; width: 100%;}
.contact-form .hs-form .input input, .contact-form .hs-form .input textarea, .contact-form .hs-form .input select {width: 100%!important; border: 1px solid #484b49; background: #484b49; padding: 14px 15px; 
  font-family: 'Conv_Catamaran-Regular'; box-sizing: border-box;  font-size: 20px;  color: #fff; margin:0 10px; outline: none;}
.contact-form .hs-form .input input.error, .contact-form .hs-form .input textarea.error, .contact-form .hs-form .input select.error {border-color:#ff0000;}
.contact-form .hs-form .input textarea {height:100px;}
.contact-form .hs-form .hs-submit .actions {text-align:right}
.contact-form .hs-form .hs-submit .actions input {background: none; color: #fff000; font-size: 35px; text-transform: uppercase; border: 0; outline: none; cursor: pointer; margin-top: 10px; font-family: 'Conv_ITC Avant Garde Gothic Medium';}

.contact-form .hs-form .input input::-webkit-input-placeholder, .contact-form .hs-form .input textarea::-webkit-input-placeholder, .contact-form .hs-form .input select::-webkit-input-placeholder {color: #fff;}
.contact-form .hs-form .input input:-ms-input-placeholder, .contact-form .hs-form .input textarea:-ms-input-placeholder, .contact-form .hs-form .input select:-ms-input-placeholder {color: #fff;}
.contact-form .hs-form .input input::placeholder, .contact-form .hs-form .input textarea::placeholder, .contact-form .hs-form .input select::placeholder {color: #fff;}
.r-steps {display: inline-block; width: 100%; background: #1a1f1c; color: #fff;  float: left; padding:60px 0 80px 0;}
.r-steps ul {list-style:none; margin:0; padding:0px; display:inline-block; width:100%; float:left}
.submitted-message { overflow: auto; text-align: center;  font-size: 28px; font-family: 'Conv_ITC Avant Garde Gothic Medium';}
.r-steps ul li {list-style: none; margin: 0; padding: 0px 0px 0 0; display: inline-block; width: 24.5%; float: left; box-sizing: border-box;  margin-right: 13%; position: relative;}
.r-steps ul li:last-child {margin-right:0px; float:right}
.r-steps ul li h2 {font-size: 45px; line-height: 60px; font-family: 'Conv_ITC Avant Garde Gothic Medium'; margin: 15px auto; font-weight: normal;}
.r-steps ul li h3 {font-size: 35px; line-height: 45px; font-family: 'Conv_Catamaran-SemiBold'; margin: 10px auto 10px auto; font-weight: normal;}
.r-steps ul li .steps-content {font-family: 'Conv_Catamaran-Regular'; font-size: 30px; line-height: 40px; margin-bottom:5px;}
.r-steps ul li .btnn .hs_cos_wrapper {display:inline-block}
.r-steps ul li::after {background:url(https://7335164.fs1.hubspotusercontent-na1.net/hubfs/7335164/plus-icon.png); width:86px; height:86px; content:""; top: 260px; right: -145px; position: absolute; background-size: contain; background-repeat: no-repeat;}
.r-steps ul li:last-child::after {display:none;}
.grid-images-section {display: inline-block; float: left; width: 100%;}
.grid-images-section .img-item {width:50%; float:left;}
.grid-images-section .img-item img {max-width:100%;}
.choose-content-area {float: left; width: 100%; display: block; background-repeat: no-repeat; background-position: center; background-size: cover;  padding: 60px 0;}
.choose-content-area .choose-item {display: flex; width: 100%; margin-bottom: 50px; padding: 40px 50px; box-sizing: border-box; position: relative;}
.choose-content-area .choose-item .choose-col {float: left; width: 29%; font-size:34px; line-height:40px; font-family: 'Conv_Catamaran-SemiBold'; margin-right: 6%;  position: relative;}
.choose-content-area .choose-item .choose-col:nth-child(3) {margin-right:0px}
.choose-content-area .choose-item .choose-col p {margin-bottom:25px;}
.choose-content-area .choose-item .choose-col p:last-child {margin-bottom:0px;}
.choose-item .number {font-size: 285px; line-height: 300px; font-family: 'Conv_ITC Avant Garde Gothic Medium';}
.choose-item h3 {font-weight:normal; font-size:60px; line-height:78px;}
.choose-item .now-btn a {display:inline-block; color:#fff;font-size: 34px; line-height: 40px; padding: 18px 40px 18px 18px; position: absolute; right: 0; bottom: 0; font-family: 'Conv_ITC Avant Garde Gothic Medium';}
.choose-item .now-btn a .hs_cos_wrapper {float:left;}
.choose-item .now-btn a span {margin-left:15px;}
.choose-item .white-divider {position: absolute; right: -45px; top: 0; height: 100%; background: #1c1f1c; content: ""; width: 2px;}
.choose-item .number .hs_cos_wrapper {float:left;}
.choose-item .number .dot {background-color: #ff0000; width: 25px; height: 25px; display: inline-block; margin-left: 15px;}
.choose-content-area .choose-item:last-child {margin-bottom:0px;}
.process-step-section {display: inline-block; width: 100%; float: left; padding-top:80px;  padding-bottom:20px}
.process-step-section ul {margin:0px; padding:0px; display:inline-block; width:100%; float:left; list-style:none;}
.process-step-section ul li {margin:0px 4% 4% 0; padding:0px; display:inline-block; width:30.66667%; float:left; list-style:none; color:#fff;     position: relative;}
.process-step-section ul li:nth-child(3n+3) {margin-right:0px;}
.process-step-section ul li .step-content-col {padding: 0px; border: 6px solid red; display:inline-block; width:100%; box-sizing: border-box; float:left; position: relative; min-height: 100px;}
.process-step-section ul li::after {background:none!important; content: "\f178"; top: 28%; width: 2px; height: 100%; position: absolute; right: 0px; background-repeat: no-repeat; color:red;
    background-position: center; font: normal normal normal 41px/1 FontAwesome;}
.step-number {float: left; width: 100px; height: 100%; background: red;position: absolute;left: 0; top: 0; text-align: center; vertical-align: middle; display: table; color:#fff}
.step-number .hs_cos_wrapper {display: table-cell; vertical-align: middle; text-align: center; font-size:67px; line-height:80px;font-family: 'Conv_ITC Avant Garde Gothic Medium';}
.process-step-section ul li .p-step-cnt {padding: 10px 10px 10px 140px; font-size: 23px; line-height: 30px; font-family: 'Conv_Catamaran-Regular'; font-weight: normal; height: 150px; display: table;}
.process-step-section ul li .p-step-cnt .hs_cos_wrapper {vertical-align: middle; display: table-cell;}
.process-step-section ul li.step-02 .step-content-col {border-color:#fff}
.process-step-section ul li.step-02 .step-number {background:#fff; color:red}
.process-step-section ul li.step-02::after {color:#ffffff;}

.process-step-section ul li.step-01 .p-step-cnt, .process-step-section ul li.step-02 .p-step-cnt, .process-step-section ul li.step-03 .p-step-cnt {height: inherit;}
.process-step-section ul li.step-04 .p-step-cnt, .process-step-section ul li.step-05 .p-step-cnt, .process-step-section ul li.step-06 .p-step-cnt {text-align:right}
.process-step-section ul li.step-04 .step-number, .process-step-section ul li.step-05 .step-number, .process-step-section ul li.step-06 .step-number {left: inherit; right:0px}
.process-step-section ul li.step-04 .p-step-cnt, .process-step-section ul li.step-05 .p-step-cnt, .process-step-section ul li.step-06 .p-step-cnt {padding-right:140px; padding-left:35px;}
.grid-images-section .img-item img {
    max-height: 353px;
    width: 100%;
    object-fit: cover;
}
.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module {  float: left;  width: 100%;}

.process-step-section ul li.step-03 .step-content-col {border-color:#fff000}
.process-step-section ul li.step-03 .step-number {background:#fff000; color:red}
.process-step-section ul li.step-03::after {right: 0; bottom: -39px; height: auto; width: 100%; top: inherit; content: "\f175"; left: 0; text-align: center; color: #fff000;}

.process-step-section ul li.step-04 .step-content-col {border-color:#7de7f4}
.step.step-04 { float: right; margin: 0 0 4% 4%;  padding-right: 0;  box-sizing: border-box;}
.process-step-section ul li.step-04 .step-number {background:#7de7f4; color:white}
.process-step-section ul li.step-04::after {right: 0; bottom: inherit; height:100%; width: 100%; top: 39%; left: -41px; content: "\f177"; color: #7de7f4;}

.step.step-05 {  float: right;  margin: 0 0% 4% 0;}
.process-step-section ul li.step-05 .step-content-col {border-color:#ed008e}
.process-step-section ul li.step-05 .step-number {background:#ed008e; color:white}
.process-step-section ul li.step-05::after {right: 0; bottom: inherit; height:100%; width: 100%; top: 39%; left: -40px; content: "\f177"; color:#ed008e;}

.process-step-section ul li.step-06 .step-content-col {border-color:#00ff96}
.process-step-section ul li.step-06 .step-number {background:#00ff96; color:white}
.process-step-section ul li.step-06::after { right: 0;
bottom: -39px;
height: auto;
width: 100%;
top: inherit;
content: "\f175";
left: 0;
text-align: center;
color: #00ff96}

.process-step-section ul li.step-07 .step-content-col {border-color:#4f31ad}
.process-step-section ul li.step-07 .step-number {background:#4f31ad; color:white}
.process-step-section ul li.step-07::after {content: "\f178"; color:#4f31ad; top: 39%; }

.process-step-section ul li.step-08 .step-content-col {border-color:#fff}
.process-step-section ul li.step-08 .step-number {background:#fff; color:red}
.process-step-section ul li.step-08::after {content: "\f178"; color:#fff; top: 39%;}

.process-step-section ul li.step-09 .step-content-col {border-color:#ff0000}
.process-step-section ul li.step-09 .step-number {background:#ff0000; color:white}
.process-step-section ul li.step-09::after {display:none;}
.mobile {display:none;}

.header-container .widget-type-menu {text-align:right}
.header-container .widget-type-menu ul li {display:inline-block; padding:0 15px;}
.header-container .widget-type-menu ul li a { color:#fff; font-family: 'Conv_ITC Avant Garde Gothic Medium'; text-decoration: none}
.header-container .widget-type-menu ul li:hover a { color:red;}
.toggle-icon {color: #fff; float: right; line-height: 23px; margin-top: 29px;}
.header-container .row-fluid .span8 {width:71%; padding-top: 30px;}

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
 position: absolute;
    top: 0;
    left: 0;
    font-size: 33px;
    margin-left: 0;
    background: red;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    padding: 5px 10px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

.services-content-wrap .now-btn a {text-decoration: none; display:inline-block; color:#fff;font-size: 34px; line-height: 40px; padding: 18px 40px 18px 18px; position: absolute; right: 0; bottom: 0; font-family: 'Conv_ITC Avant Garde Gothic Medium';}
.services-content-wrap .now-btn a span {margin-left:15px;}


.sidenav .span1 {width:100%;margin:0px;}
.sidenav ul { padding:0px;}
.header-container .sidenav .widget-type-menu ul li {padding: 10px 10px; border-top: 1px solid #616161; width: 100%; box-sizing: border-box;}
.header-container .sidenav .widget-type-menu ul li a { font-size:16px; font-family: 'Conv_ITC Avant Garde Gothic Medium'; padding:0}

.footer-container-wrapper h3 {font-family:'Conv_ITC Avant Garde Gothic Medium'; font-size: 30px;line-height: 36px; margin-top: 0; color: #ffff; font-weight: 400; margin-bottom:30px;}
.footer-wrap .hs-menu-item:first-child a {font-weight:400; cursor: text;}
.footer-wrap .hs-menu-item {list-style: none; padding-bottom: 14px;}
.footer-wrap .hs-menu-item:hover a { color:red} 
.footer-wrap .hs-menu-item:first-child {padding-bottom:0px;}
.footer-wrap .hs-menu-item:first-child:hover a{color:#fff;}

.footer-container-wrapper form .input input, .footer-container-wrapper form .input select, .footer-container-wrapper form .input textarea {
  padding: 12px 15px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    margin: 0 10px 10px 10px;
    outline: 0;
    background: #484b49;
    width: 100% !important;
    border: 1px solid #484b49;}
.footer-container-wrapper form .hs-submit .actions {text-align:right}
.footer-container-wrapper form .hs-submit .actions input {
    background: none;
    color: #fff000;
    font-size: 20px;
    text-transform: uppercase;
    border: 0;
    outline: none;
    cursor: pointer;
    margin-top: 10px;
}
.footer-container-wrapper form fieldset {max-width:100%}
.footer-container-wrapper form label {display:none;}
.footer-wrap .widget-type-logo {margin-top: 0;}
.copyright {color: #fff; font-family: 'Conv_Catamaran-Regular'; padding:12px 0px;}
.footer-container-wrapper .row-depth-1.row-number-3{margin-top: 25px;}
.footer-container-wrapper .fa-linkedin {background: #0e76a8; padding: 5px;}
.footer-container-wrapper .fa-linkedin:hover {color:#fff}

.anchor-lists { display: inline-flex;  justify-content: space-between;  width: 100%;}
.anchor-lists a {  font-size: 24px;  color: #000;  padding: 0 20px;}
.anchor-lists span:last-child {  display: none;}

.ss-audit-section { width: 100%;  display: block;  padding: 60px 0;}
.ss-audit-top {  padding-bottom: 25px;}
.ss-audit-cols, .ss-wyg-cols { display: inline-flex;  width: 100%;  justify-content: space-between;}
.ssa-col {  width: 49%;  padding: 20px;  box-sizing: border-box;}
.sswyg-col {  width: 49%; box-sizing: border-box;}

.ssa-col h4, .ssa-col h5, .ssa-col h1, .ssa-col h3, .ssa-col h2, .ssa-col h6 {  font-weight: bold;  padding: 0 20%; text-align: center;} 
.ssa-col:last-child li, .sswyg-col li {  list-style: none;  background-image: url(https://www.revitalisemarketing.com/hubfs/check-icon.png);  background-repeat: no-repeat;  padding: 0 0 0 37px;  background-size: 24px;
    background-position: 0px 7px;}

.cta-black {  text-align: center;  margin-top: 30px;}


.quote-content {  padding: 40px 40px 40px 30px;}
img.quote-icon {  max-width: 45px;  position: absolute;}
.top-quote { padding-left: 62px;  padding-top: 20px;}
.bottom-quote {  text-align: right;}

.sswho .mhs-steps {  justify-content: space-evenly;}
.sswho .mhs-step {  width: 30%;}
.faq-item h4 {
    margin: 0 auto;
}
.faq-item h4 span {
    padding-right: 13px;
}
.faq-a {
    padding-left: 46px;
    margin-top: 10px;
}
.faq-item {
    margin-bottom: 30px;
}

.marketing-help-section .step-content a.btnn {
    display: block;
}

.paddtb20{padding-top:20px; padding-bottom:20px;}
.paddtb10{padding-top:10px; padding-bottom:10px;}

.tsi-content ul li {  margin-bottom: 17px;  font-size: 24px;}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children > ul {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
     left: -300px; width: 600px;
    background: #FFF;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-depth-1.hs-item-has-children:hover > ul.hs-menu-children-wrapper 
{
    opacity: 1;
    visibility: visible;
}
.hs-menu-depth-1.hs-item-has-children > ul.hs-menu-children-wrapper {
    position: absolute;
    width: 820px;
    left: inherit;
    padding: 20px; visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    background: #fff;
    color: #000;
    margin-left: -400px;     display: inline-flex;
    text-align: left;
    top: 90px ; justify-content: space-between;
}
.header-container .widget-type-menu ul li ul a{color:#000;}

li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > ul.hs-menu-children-wrapper {
    margin: 0;
    padding: 0;
}
li.hs-menu-item.hs-menu-depth-2.hs-item-has-children {
    width: 31%; vertical-align: top;
}
li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > a:hover {
    color: #000;
}
.header-container .widget-type-menu ul li ul li{padding:0px;}

.header-container .widget-type-menu ul li:hover li a {color:#000;}
li.hs-menu-item.hs-menu-depth-3 a {
    font-size: 14px;
}
.header-container .widget-type-menu ul li li a:hover{color:red;}
li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > a {
    cursor: context-menu;
}
.step-content.Padd_no {
    padding-top: 0;
    padding-bottom: 0;
}
a.htext-black:hover, .mhs-step.text-white a:hover { color: #000;}
a.htext-white:hover, .mhs-step.text-black a:hover {color:#fff;}
a.htext-yellow:hover{color:#fff000;}
a.htext-red:hover{color:#f00;}
a.htext-red:hover, .mhs-step.text-black a.htext-red:hover, .mhs-step.text-black a.htext-red:hover, .mhs-step.text-white a.htext-red:hover {  color: red;}

.cta_button { font-size: 24px;}

.choose-content-area .choose-item:first-child a:hover {   color: #000;}
.choose-content-area .choose-item:last-child a:hover {   color: #f00;}

.bg-black a{color:#fff;  text-decoration: underline;}
.bg-black a:hover{color:red; }
a:hover{    text-decoration: underline;}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 16px;}
}


@media only screen and (min-width: 200px) and (max-width: 1800px) {
  .header-container, .container {max-width:94%;}
  

  
  @media only screen and (max-width: 1700px) {
    .top-section .left-col h1 {font-size:100px; line-height:115px;}
    .top-section.innertops .left-col {max-width: 55%;}
    .top-section .left-col {max-width: 60%;}
    .top-section .right-col {max-width: 57%;}
    .down-arrow {margin-top:220px;}
    .top-section .left-col {font-size: 30px; line-height: 35px}
    h2 {font-size:45px;}
    h3 { font-size: 35px; line-height: 50px;}
    h4 {font-size: 25px;line-height: 35px;}
    h5 {font-size: 23px;  line-height: 33px;}
    .services-content-wrap .right-col .hs_cos_wrapper{font-size: 23px;  line-height: 33px; margin-bottom: 13px;}
    .step-content p {font-size: 23px; line-height: 33px}
    .btnn {font-size: 23px;}   
    .testimonial-slider h4 {font-size: 23px; line-height: 32px;}
    .r-steps ul li h2 {font-size: 30px; line-height: 45px; margin-bottom:20px;}
    .r-steps ul li h3 {font-size: 25px; line-height: 35px; margin-bottom:20px;}
    .r-steps ul li .steps-content {font-size: 23px; line-height: 33px;}
    .r-steps ul li::after {width:60px; height:60px; right: -100px; top:165px;}
    .r-steps ul li img {max-width:30%!important;}
    .choose-item .number {font-size: 160px; line-height: 175px;}
    .choose-item h3 {font-size: 45px; line-height: 55px;}
    .choose-content-area .choose-item .choose-col { font-size: 20px;   line-height: 30px;}
    .choose-item .now-btn a {font-size: 25px;line-height: 35px; padding: 15px 40px 15px 18px;}
    .choose-content-area .choose-item {padding: 60px 50px 80px 50px;}
    .process-step-section ul li .p-step-cnt {font-size:21px;}
    .process-step-section ul li.step-01 .p-step-cnt, .process-step-section ul li.step-02 .p-step-cnt, .process-step-section ul li.step-03 .p-step-cnt {height: 100px;}
    .services-content-wrap .now-btn a { font-size: 20px;  line-height: 38px;  padding: 8px 16px 8px 15px;}
   
  }
  @media only screen and (max-width: 1600px) {
  .top-section .left-col h1 {font-size: 80px; line-height: 95px;}
    .top-section .left-col {font-size: 25px}
    h2 {font-size: 40px; line-height: 60px;}
    h3 {font-size: 30px; line-height: 45px;}
    h4 {font-size: 22px;line-height: 32px;}
    h5 {font-size: 20px; line-height: 30px;}
    .step-content p {font-size: 20px;line-height: 30px;}
    .btnn {font-size: 20px;}
    
    .testimonial-slider h4 {font-size: 20px; line-height: 30px;}
    .services-content-wrap .left-col {font-size:25px;}
    .services-content-wrap .right-col .hs_cos_wrapper {font-size:25px; margin-bottom:10px;}
    .process-step-section ul li .p-step-cnt {font-size: 18px; line-height: 25px; padding-left:120px;}
    .process-step-section ul li.step-04 .p-step-cnt, .process-step-section ul li.step-05 .p-step-cnt, .process-step-section ul li.step-06 .p-step-cnt {padding-right:120px;}
    .header-container-wrapper.fixed-header .header-container .row-fluid .span8 {padding-top:20px;}
    .header-container-wrapper.fixed-header .toggle-icon {margin-top: 19px;}
    
  }
  @media only screen and (max-width: 1460px) {
  .top-section .left-col h1 {font-size: 70px; line-height: 80px;}
  .top-section .left-col {font-size: 22px;}
  .top-section .left-col { max-width: 55%;}
    .top-section .left-col p br {display:none;}
  .top-section .right-col {max-width: 44%;}
 .down-arrow { margin-top: 140px;}
    
  }
  @media only screen and (max-width: 1366px) {
  .tsi-content {padding-right: 0;}
 
  .services-content-wrap .left-col {font-size: 22px; line-height: 35px;} 
  .services-content-wrap .right-col .hs_cos_wrapper {font-size: 22px; margin-bottom: 7px;}  
  .r-steps ul li h3 {font-size: 21px; line-height: 28px}
   .r-steps ul li .steps-content {font-size: 19px;line-height: 28px;}
    .choose-item .number {font-size: 150px;line-height: 160px;}
    .choose-item h3 {font-size: 35px; line-height: 45px;}
    .choose-content-area .choose-item .choose-col {font-size: 22px; line-height: 30px;}
    .choose-content-area .choose-item .choose-col p {margin-bottom: 10px;}
    .process-step-section ul li {margin: 0px 5.5% 5.5% 0;width: 29.5%;}
    .step.step-04{margin: 0 0 5.5% 5.5%;}
      .step.step-05{margin: 0 .5% 5.5% 0}
    .header-container-wrapper {  padding-top: 15px;  padding-bottom: 15px;}
    .header-container .row-fluid .span8{padding-top: 25px;}
    .toggle-icon{margin-top: 23px;}
    .header-container-wrapper.fixed-header .header-container .row-fluid .span8 {  padding-top: 12px;}
    .header-container-wrapper.fixed-header .toggle-icon {  margin-top: 9px;}
    
  }
  @media only screen and (max-width: 1300px) {
    .process-step-section ul li .p-step-cnt {height:190px;}
    .cta_button { font-size: 21px;}
  }
  @media only screen and (max-width: 1260px) {
  .top-section .left-col h1 {font-size: 60px; line-height: 75px;}
  .top-section .left-col {font-size: 20px;line-height:30px;}
    .client-logo-section ul li { padding:20px 30px}
    h2 { font-size: 35px; line-height: 50px;}
    h3 {font-size: 25px; line-height: 40px;}
    h4 {font-size: 20px; line-height: 28px;}
    h5 {font-size: 18px;  line-height: 28px;}
    .step-content p {font-size: 18px; line-height: 27px;}
    .btnn {font-size: 18px;}
    .testimonial-slider h4 { font-size: 18px; line-height: 28px;}
    .dstep-content {height:300px;}
    .dstep-img img {height:300px!important;}
    .testimonial-slider .slick-slider {max-width:94%;}
    .hs_cos_gallery_main .slick-prev, .hs_cos_gallery_thumbnails .slick-prev, .hs_cos_gallery_lightbox .slick-prev {left: -40px; z-index: 9;}
    .hs_cos_gallery_main .slick-next, .hs_cos_gallery_thumbnails .slick-next, .hs_cos_gallery_lightbox .slick-next {right: -40px;  z-index: 9;}
    .contact-form {max-width:100%}
    .services-content-wrap .left-col {font-size: 20px; line-height: 33px;}
    .services-content-wrap .right-col .hs_cos_wrapper {font-size: 20px; margin-bottom: 5px;}
    .tsi-content.ss {  padding-right: 0px;}
  }
  @media only screen and (max-width: 1200px) {
  .choose-content-area .choose-item .choose-col {font-size: 19px;line-height: 27px;}
  .choose-item h3 {font-size: 30px; line-height: 40px;}
  .choose-item .number {font-size: 130px;line-height: 145px;} 
    .choose-item .now-btn a {font-size:20px;}  
    .process-step-section ul li .p-step-cnt { height: 230px;}
    .step-number .hs_cos_wrapper {font-size:50px;}
    .step-number {width:80px;}
    .process-step-section ul li .p-step-cnt {padding-left;100px; padding-right:20px;}
    .process-step-section ul li.step-04 .p-step-cnt, .process-step-section ul li.step-05 .p-step-cnt, .process-step-section ul li.step-06 .p-step-cnt {padding-right: 100px; padding-left: 20px;}
    .cta_button { font-size: 18px;}
  }
  @media only screen and (max-width: 1100px) {
  .top-section .left-col h1 {font-size: 55px; line-height: 70px;}  
  .down-arrow {margin-top: 30px;} 
    .footer-wrap .hs-menu-item:first-child a, .footer-container-wrapper h3 {font-size:26px;}
    
  }
  @media only screen and (max-width: 1023px) {
    .top-section .left-col {max-width:100%; width:100%; margin-top:40px;}
    .top-section .right-col { max-width: 100%; position: relative; top:0px; width:100%;}
    .header-container-wrapper {padding-top:25px; padding-bottom:25px; background: #1c1f1c;}
    .top-section {margin:0px; padding:0px;}
    .down-arrow {padding-bottom:30px;position: relative; }
    .top-section.innertops .left-col, .top-section.innertops .right-col {max-width: 100%; width: 100%;}
    .mhs-step {width:100%;}
    .step-img {height:auto;}
    .step-content {padding: 4%;}
    .stepc-inner { min-height: inherit;}
    .dhs-step:first-child {width:100%;}
    .dhs-step:nth-child(2), .dhs-step:nth-child(3) {width:100%;}
    .dhs-step:first-child .dstep-content {padding: 3% 3% 20px 3%; width: 50%;}
    .dhs-step:first-child .dstep-img {width: 50%;}
    .dhs-step:first-child .dsteoicon {transform: rotate(-180deg);bottom: inherit; right: -63px; margin-top: -73px; top: 50%; margin-left: 0; left: inherit;}
  
    .contact-form .hs-form .hs-submit .actions input {font-size:25px;}
    .contact-form .hs-form .input input, .contact-form .hs-form .input textarea, .contact-form .hs-form .input select {font-size:17px;}
    .header-container .row-fluid .span8 {display:none;}
    .toggle-icon {margin-top:21px;}
    .down-arrow { margin-top: 70px;}
    .r-steps ul li h3 {font-size: 19px; line-height: 28px;}
    .r-steps ul li h2 {font-size: 25px; line-height: 35px;}
    .r-steps ul li .steps-content {font-size: 18px;}
    .choose-content-area .choose-item {display:inline-block;}
    .choose-content-area .choose-item .choose-col {width:100%; padding-bottom: 30px; margin-bottom: 30px;}
    .choose-item .white-divider {right: inherit; top: inherit; bottom: 0;width: 100%;height: 2px;opacity: 0.1;}
    .choose-content-area .choose-item:first-child .white-divider {opacity: 0.4;}
    .process-step-section ul li {margin: 0px 0% 70px 0; width: 100%; position: relative; float: left; display: block;}
 
    
    .process-step-section ul li .step-content-col {  display: inline-flex;  position: relative;  align-content: center;  align-items: center;}
    .process-step-section ul li.step-01 .p-step-cnt, .process-step-section ul li.step-02 .p-step-cnt, .process-step-section ul li.step-03 .p-step-cnt, .process-step-section ul li .p-step-cnt {height: inherit; width: 100%; box-sizing: border-box; float:left; display:block;}
    .process-step-section ul li.step-04 .step-number, .process-step-section ul li.step-05 .step-number, .process-step-section ul li.step-06 .step-number {left: 0; right: inherit;}
    .process-step-section ul li .p-step-cnt {padding-left: 120px; padding-right: 20px; width: 100%;}
    .process-step-section ul li.step-04 .p-step-cnt, .process-step-section ul li.step-05 .p-step-cnt, .process-step-section ul li.step-06 .p-step-cnt {padding-right: 20px;padding-left: 120px; text-align: left;}
    .choose-content-area .choose-item .choose-col.right { margin-bottom:0px;}
    .r-steps ul li::after {width: 40px; height: 40px; right: -75px; top: 115px;}
    .header-container-wrapper.fixed-header .toggle-icon {margin-top: 9px;}
    .top-section .right-col.top-0 { top: 0;}
    .header-container-wrapper.fixed-header .header-container .row-fluid .span3 {width: 22.928176794%;}
    .top-section .right-col img { margin: 0 auto;  text-align: center;  width: auto; object-fit: contain; height: auto!important;}
    .os-inner::before{    background-position: 80% center;}
    .step.step-04, .step.step-05 {  margin: 0 0 70px 0;}
   
    .process-step-section ul li::after {
    background-repeat: no-repeat;
    background-position: center;
    right: 0 !important;
    bottom: -60px !important;
    height: 60px !important;
    width: 100% !important;
    top: inherit !important;
    transform: inherit;
    left: 0 !important;
    text-align: center !important;
    content: "\f175" !important;
}
  }
  @media only screen and (max-width: 900px) {
    .r-steps ul li {width:100%; margin-right:0px; padding-bottom: 90px; margin-bottom: 70px; text-align: center}
    .r-steps ul li:last-child {margin-bottom:0px; padding-bottom:0px;}
    .r-steps ul li .text-white.btnn {float: none;}
    .r-steps ul li::after { width: 100%; height: 40px; right: inherit; top: inherit; bottom: 0; left: 0; text-align: center; background-position: center;}
    .r-steps ul li img { max-width: 15% !important;}
    
  }
  @media only screen and (max-width: 800px) {
  .top-section .left-col h1 {font-size: 45px; line-height: 55px;}
  .client-logo-section ul li {padding: 20px 30px; width: 50%; max-width: 49%;} 
  h2 {font-size: 30px; line-height: 40px;}
  .step-num {font-size: 75px;}  
    .slick-arrow {width:40px; height:40px;} 
    .hs_cos_gallery_main .slick-prev, .hs_cos_gallery_thumbnails .slick-prev, .hs_cos_gallery_lightbox .slick-prev {
      left: -20px; }
    .hs_cos_gallery_main .slick-next, .hs_cos_gallery_thumbnails .slick-next, .hs_cos_gallery_lightbox .slick-next { right: -20px;}
    .testimonial-slider h5 {font-size:20px;}
    .os-inner::before {width:100%; height:43%;}
    .os-content.text-white {width:100%; padding: 60% 5% 3% 22%; }
  }
  @media only screen and (max-width: 768px) {
    .footer-logo img {width: auto; max-width: 230px;}
    .footer-container-wrapper ul {padding-left:0px;}
    .dhs-step .dstep-content, .dhs-step:first-child .dstep-content {padding: 3% 3% 20px 3%;width: 100%; height: auto; text-align: center;}
    .dhs-step .dstep-img, .dhs-step:first-child .dstep-img {width: 100%;} 
    .dhs-step .btnn {float:none}
    .dsteoicon, .desktop {display:none;}
    .mobile {display:block}
    .dstep-img img {height: auto !important;}
    .os-content.text-white {padding-top:77%;}
    .testimonial-slider {padding-bottom:80px;}
    .services-content-wrap .left-col {width:100%; padding-right:0px;padding-bottom: 35px; border-bottom: 2px solid yellow; margin-bottom: 35px;}
    .services-content-wrap .right-col {width:100%; padding-left:0px; padding-bottom: 42px;}
    .v-divider { display:none;}
    .header-container-wrapper .row-fluid .span3 {width: 220px; float: left;}
    .header-container-wrapper.fixed-header .header-container .row-fluid .span3 {width: 220px;;}
    .anchor-lists a { font-size: 18px;  padding: 0 12px;}
    .ss-anchors.paddtb40 {  padding: 15px 0;}
    .ssa-col, .ss-audit-cols, .ss-wyg-cols, .sswyg-col, .sswho .mhs-step {      flex-wrap: wrap; width: 100%;}
    .ss-audit-content ul, .ssa-col h4, .ssa-col h5, .ssa-col h1, .ssa-col h3, .ssa-col h2, .ssa-col h6 {  padding: 0;}
    ol {  padding-left: 20px;}
    img.quote-icon {  max-width: 23px;}
    .top-quote {  padding-left: 35px;  padding-top: 4px;}
    div#anchors {  display: none;}
     .cta_button { font-size: 16px;}
  }
  @media only screen and (max-width: 640px) {
  .os-content.text-white {padding-top: 90%;}
  .top-section .left-col h1 {font-size: 40px; line-height: 45px;}
    .our-story-section {padding: 30px 0 15px 0;}
    .testimonial-slider .slick-slide {padding-top:30px;padding-bottom:30px;}
    .contact-form .hs-form fieldset.form-columns-2 .hs-form-field {width:100%!important;}
    .contact-form {padding-left:20px;padding-right:20px;}
    .choose-item .now-btn a, .choose-content-area .choose-item .choose-col { font-size: 18px;}
    .choose-item h3 {font-size: 25px;}
    .choose-item .number {font-size: 100px; line-height: 120px;}
    .grid-images-section .img-item {width: 100%;}
    .choose-content-area .choose-item { padding:30px 30px 70px 30px}
    .contact-form .hs-form .input input, .contact-form .hs-form .input textarea, .contact-form .hs-form .input select{margin:0 auto;}
  }
  @media only screen and (max-width: 575px) {
    .os-inner::before {height:30%;}
    .os-content.text-white {padding-top: 70%;}
  }
  @media only screen and (max-width: 460px) {
  .top-section .left-col h1 {font-size: 32px; line-height: 40px;}
   h2 {font-size: 25px; line-height: 35px;} 
    .step-num {font-size: 60px;} 
    .os-inner::before {height: 25%;}
    .os-content.text-white { padding-top: 75%;}
    
  }
  @media only screen and (max-width: 400px) {
    .client-logo-section ul li {padding: 20px 15px;}
    h3 {font-size: 22px; line-height: 32px;}
    h4 {font-size: 18px;}
    .os-inner::before {height: 29%;}
    .os-content.text-white {padding-top: 75%;}
  }
  
}