.salesforce-wrapper {
    padding: 15px;
}
.salesforce-wrapper .section-title {
    position: relative;
    padding-left: 20px;
    font-size: 20px;
}
.salesforce-wrapper .section-title::before {
    position: absolute;
    height: 100%;
    width: 6px;
    left: 0;
    top: 0;
    background-color: #11315A;
    content: "";
}
.salesforce-wrapper .section-title h2 {
    max-width: 390px;
    font-size: 36px;
}
.salesforce-icon-box {
    font-size: 16px;
    line-height: 1.2;
    margin: 14px 0;
}
.salesforce-icon-box .icon {
    margin-bottom: 20px;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    background: #D8F2FF;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 10px rgba(17, 49, 90, 0.10);
    color: #11315A;
}
.salesforce-icon-box h3 {
    font-size: 18px;
    margin: 0 0 20px 0;
}
.salesforce-section .divider-1 {
    border-right: 5px solid #278BCB;
}
.cta_section {background-color: #113158;}
.cta_section .section-title h2 { color: #fff; font-size: 36px; margin: 0 auto;}

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

	body { font-size: 16px; line-height: 26px; }

	h1 { font-size: 64px; }
	h2 { font-size: 48px; }
	h3 { font-size: 38px; }
	h4 { font-size: 32px; }
	h5 { font-size: 28px; }
	h6 { font-size: 24px; }

	.btn, .wpcf7-submit{font-size: 16px;}

	.hero-section{font-size:24px}

	/*.form-container, .hero-section .text-block{margin-right:46px}*/

	.integration-process-block h4 {font-size: 20px;}
	.integration-process-block .icon, .netsuite-integration-block .icon, .integration-points-block .icon{width: 54px; height: 54px;  font-size: 32px;}

	.why-liveStrong-inner{padding:76px 80px}
	.why-liveStrong-info .section-title{font-size: 26px;}

	.beyond-integration-graph ul li:nth-child(2){margin-left:80px;}
	.beyond-integration-graph ul li:nth-child(3){margin-left:160px;}
	.beyond-integration-graph ul li:nth-child(4), .beyond-integration-graph ul li:nth-child(5){margin-left:240px;}
	.beyond-integration-graph ul li:nth-child(7){margin-left:80px;}
	.beyond-integration-graph ul li:nth-child(6){margin-left:160px;}

	.footer-social ul li a{width:40px;height:40px}
	.beyond-integration-graph .netsuite-logo{max-width:200px}
	.beyond-integration-graph:after{width:64%}
	.beyond-integration-graph{padding-left: 40px;}
	.beyond-integration-graph .graph-block{font-size: 20px;}
	.beyond-integration-graph .graph-block .graph-icon img {max-height: 40px; max-width: 46px; }
	.beyond-integration-graph .graph-block .graph-icon{min-height: 64px;flex: 0 0 86px;margin-right: 15px;padding: 8px 16px 8px 12px;}
	.why-liveStrong-block .icon img{max-width: 90px;}
	.why-liveStrong-block .icon {left: 26px;}
	.why-liveStrong-block{padding: 26px 26px 26px 146px;}
	.beyond-integration-text{padding-top: 26px;}
	.beyond-integration-last{max-width: 900px;}


}

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

	body { font-size: 16px; line-height: 26px; }

	h1 { font-size: 54px; }
	h2 { font-size: 40px; }
	h3 { font-size: 34px; }
	h4 { font-size: 30px; }
	h5 { font-size: 26px; }
	h6 { font-size: 22px; }
	h1, h2, h3, h4, h5, h6{margin: 8px 0 16px 0;}

	.container-fluid {padding: 0 64px;}

	.py-100 {padding-top: 76px;  padding-bottom: 76px;}

	.btn, .wpcf7-submit{min-width:inherit;font-size: 16px;}
	.section-title{font-size: 22px;}

	/*header { padding: 15px 0;  }*/
	/*.form-container, .hero-section .text-block{margin-right:0px}*/
	.hero-section{font-size:20px}
	.integration-process-block .icon, .netsuite-integration-block .icon { font-size: 26px;  }
	.why-liveStrong-inner{padding: 76px 76px;}
	.why-liveStrong-block{min-height:140px}

	.beyond-integration-graph .netsuite-logo{max-width: 200px;}
	.integration-process-block{padding: 0;}
	.why-liveStrong-inner .why-liveStrong-info{padding-left: 126px;}
	.beyond-integration-graph .graph-block .graph-icon {min-height: 64px;flex: 0 0 80px;padding: 6px 18px 6px 12px;margin-right: 16px;  }
	.beyond-integration-graph ul li:nth-child(2){margin-left:64px;}
	.beyond-integration-graph ul li:nth-child(3){margin-left:128px;}
	.beyond-integration-graph ul li:nth-child(4), .beyond-integration-graph ul li:nth-child(5){margin-left:192px;}
	.beyond-integration-graph ul li:nth-child(7){margin-left:64px;}
	.beyond-integration-graph ul li:nth-child(6){margin-left:128px;}
	.beyond-integration-graph .graph-block { font-size: 18px; max-width:364px  }
	.beyond-integration-graph .netsuite-logo { max-width: 146px;}
	.beyond-integration-last{padding-left:64px}
}

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

	body { font-size: 16px; line-height: 26px; }
	.container-fluid {padding: 0 40px;}

	.btn, .wpcf7-submit{font-size: 16px;}
	.section-title{font-size: 18px;}

	/*header {padding: 15px 0;}*/
	.hero-section{font-size:22px}
	.integration-process-block .icon, .netsuite-integration-block .icon { font-size: 26px;}    

	.netsuite-integration-block h3, .integration-process-block h4 {font-size: 18px; margin-bottom: 10px;}
	.netsuite-integration-block{padding: 14px 0px;}
	.beyond-integration-text {padding-top: 0px;}
	.why-liveStrong-block .icon img { max-width: 76px; }
	.why-liveStrong-block{padding: 26px 26px 26px 116px;}
	.why-liveStrong-block h5, .integration-points-block h5{font-size: 20px;}
	.why-liveStrong-block{font-size:16px}
	.why-liveStrong-inner .why-liveStrong-info { padding-left: 84px;  }
	.why-liveStrong-info .section-title { font-size: 24px; margin-bottom: 31px;  }
	.beyond-integration-section .section-title{margin-bottom: 31px;}

	.our-mission-section{padding: 64px 0;}
	.footer-links ul li{font-size:22px}
	.footer-links ul li a{font-size:18px}
	.footer-logo{max-width: 426px;}

	.beyond-integration-last{padding-left:40px}
	.form-container{padding: 20px 24px 14px 24px;}
    .salesforce-icon-box h3 {margin: 0 0 10px 0;}

}

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

	h1 { font-size: 40px; }
	h2 { font-size: 34px; }
	h3 { font-size: 30px; }
	h4 { font-size: 26px; }
	h5 { font-size: 22px; }
	h6 { font-size: 20px; }

	header .logo{max-width: 400px;}
	.about-section .about-text {padding-right: 26px;padding-left:0;}
	.why-liveStrong-inner { padding: 76px 26px; }

	.beyond-integration-graph ul li:nth-child(2){margin-left:50px;}
	.beyond-integration-graph ul li:nth-child(3){margin-left:100px;}
	.beyond-integration-graph ul li:nth-child(4), .beyond-integration-graph ul li:nth-child(5){margin-left:150px;}
	.beyond-integration-graph ul li:nth-child(7){margin-left:50px;}
	.beyond-integration-graph ul li:nth-child(6){margin-left:100px;}

	.beyond-integration-graph .graph-block { font-size: 14px; max-width: 300px; line-height: 1.2; }
	.beyond-integration-graph .graph-block .graph-icon img { max-height: 40px; }

	.form-container .wpcf7-form-control{font-size:18px;}
    .cta_section .section-title h2 {font-size: 26px;}
}

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

	h1 { font-size: 40px; }
	h2 { font-size: 34px; }
	h3 { font-size: 30px; }
	h4 { font-size: 26px; }
	h5 { font-size: 22px; }
	h6 { font-size: 20px; }

	.container-fluid {padding: 0 72px;}

	.btn, .wpcf7-submit{font-size: 16px;}
	.section-title{font-size: 18px;}

	/*header { padding: 31px 0; }*/
	header .logo { max-width: 310px;}
	.banner-left-part {padding-top: 0;}
	.form-container, .hero-section .text-block {margin: 40px 0;}

	.section-title{text-align: center;}
	.netsuite-integration-img{margin-top: 52px;}
	.py-100 { padding-top: 46px; padding-bottom: 46px; }

	.integration-process-works-section .section-title{margin-bottom: 46px;}
	.integration-process-block{margin: 20px 0;}

	.why-liveStrong-inner{flex-direction: column;border-radius: 0;}
	.why-liveStrong-inner .why-liveStrong-info{width:100%;padding: 0;}
	.why-liveStrong-inner .why-liveStrong-left{width:100%;display: flex;flex-direction: row; flex-wrap: wrap; justify-content: center;gap: 16px;margin-top: 26px;}
	.why-liveStrong-block{width:calc(50% - 8px);padding: 15px 15px 15px 94px;}
	.why-liveStrong-technologies-section .container-fluid{padding: 0;}
	.why-liveStrong-block .icon{left: 15px;}
	.why-liveStrong-block .icon img {max-width: 64px;}
	.why-liveStrong-block h5{ font-size: 18px;}

	.beyond-integration-text{padding-left: 0; text-align: center;}
	.integration-points-block .icon{margin-left: auto; margin-right: auto;}
	.integration-points-block{max-width: 246px; margin: 15px auto;}

	.integration-points{margin-bottom: 52px;}

	.beyond-integration-graph .graph-block .graph-icon{min-height: 46px; flex: 0 0 56px; padding: 4px 8px 4px 8px; margin-right: 14px;}
	.beyond-integration-graph .graph-block .graph-icon img {max-height: 30px;}
	.beyond-integration-graph { padding-left: 0px;  }

	.beyond-integration-graph ul li:nth-child(2){margin-left:25px;}
	.beyond-integration-graph ul li:nth-child(3){margin-left:50px;}
	.beyond-integration-graph ul li:nth-child(4), .beyond-integration-graph ul li:nth-child(5){margin-left:75px;}
	.beyond-integration-graph ul li:nth-child(7){margin-left:25px;}
	.beyond-integration-graph ul li:nth-child(6){margin-left:50px;}
	.beyond-integration-graph .netsuite-logo {  max-width: 110px;   }

	.beyond-integration-last h4{font-size: 20px;}
	.beyond-integration-graph ul li{margin: 0px 0 14px 0;}
	.beyond-integration-graph .graph-block{box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.18);max-width: 224px;}
	.beyond-integration-graph:after{left: -25%; top: 0; bottom:0; width:64%; box-shadow: 0px -64px 64px 0px rgba(0, 0, 0, 0.17) inset, 0px 12px 6px 0px rgba(0, 0, 0, 0.06), 0px 12px 6px 0px rgba(0, 0, 0, 0.06), 0px 12px 6px 0px rgba(0, 0, 0, 0.06), 0px 24px 12px 0px rgba(0, 0, 0, 0.06), 0px 64px 24px 0px rgba(0, 0, 0, 0.06); z-index: -1;}

	.beyond-integration-graph .netsuite-logo{left: -58px;}   

	.footer-links ul li {font-size: 16px; }
	.footer-links ul li a {font-size: 16px; }
	.footer-logo { max-width: 346px; margin-top: 14px; }
	.footer-social svg{max-width: 34px;}
	.about-section .about-text {padding-left:0px}

	.beyond-integration-last{padding-left:0px}
	.form-container{margin-top:26px}
    .salesforce-section .divider-1 {border-right:none;}
    .salesforce-wrapper .section-title h2 {max-width: 100%;}
    .salesforce-wrapper .section-title {text-align: left;}
}

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

	h1 { font-size: 34px; }
	h2 { font-size: 30px; }
	h3 { font-size: 26px; }
	h4 { font-size: 24px; }
	h5 { font-size: 22px; }
	h6 { font-size: 20px; }

	header .logo{max-width: 300px; margin: 0 auto;}
	/*header {padding: 16px 0;}*/
	header .btn-block{display: none;}

	.container-fluid {padding: 0 24px;}
	.hero-section .text-block .btn{margin-top:18px}
	.form-container, .hero-section .text-block {margin: 40px 0 0;}
	.netsuite-integration-block, .integration-points-block{position: relative;padding: 14px 0px 14px 76px;}
	.netsuite-integration-block .icon, .integration-points-block .icon{position: absolute; left: 0;}
	.integration-process-block h4 br{display:none}

	.why-liveStrong-info .section-title, .why-liveStrong-inner .why-liveStrong-info{text-align: left;}
	.why-liveStrong-inner .why-liveStrong-left{flex-direction: column;}
	.why-liveStrong-block{width:100%}
	.section-title, .beyond-integration-text {text-align: left;}
	.integration-points-block{max-width:100%}
	.integration-points-block h5{margin-top: 0;}

	.beyond-integration-last{margin-top: 56px;}
	.our-mission-section, .our-mission-section .text-center{text-align: left !important;}
	.footer-links{justify-content: flex-start;}
	.footer-social {margin-top: 34px;}
	.footer-logo{margin-bottom: 26px;}
	.beyond-integration-graph {  padding-left: 44px;}
	.beyond-integration-graph .netsuite-logo {left: -18px;}
	.beyond-integration-graph .graph-block{font-size: 14px;}

	.form-container .wpcf7-form-control{font-size:16px;}
    .salesforce-wrapper .section-title {font-size: 18px;}
	.salesforce-wrapper .section-title h2 {font-size: 30px;}
    .salesforce-icon-box { position: relative; padding: 14px 0px 14px 76px;}
    .salesforce-icon-box .icon{position: absolute;left: 0;}
}