.row.row-flex {
    max-width: 980px;
}

.how-it-works-intro .text-16 {
    margin-bottom: 26px;
}
.universal-pixel-section {
    padding: 100px 0 120px 0;
}
.pixels-img-video-wrapper {
    padding-left: 15px;
}
.pixels-text-video-wrapper {
    margin-bottom: 58px;
}
.pixels-img-video {
    padding-bottom: 63.2%;
    padding-left: 10px;
}
.pixels-video-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pixels-video-link::after {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    left: 32px;
    bottom: 35px;
    background: #fff url(../img/icon-play.png) no-repeat 55% 50% / 15px 16px;
    transition: 0.3s;
}
.pixels-video-link:hover:after {
    opacity: 0.7;
}
.pixels-content {
    padding-right: 31px;
}
.pixels-content .title-36::before{
    display: none;    
}
.pixels-content .title-36 {
    padding-top: 0;
    margin-bottom: 29px;
}
.text-16-list ul {
    margin-left: 15px;
}
.text-16-list ul li {
    color: #707070;    
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    padding-left: 15px;
    position: relative;
}
.text-16-list ul li::after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #707070;
    position: absolute;
    top: 10px;
    left: 0;
}
.capture-wrapper {
    margin-bottom: 80px;
}
.capture-wrapper .title-36{
    margin-bottom: 28px;
}
.capture-wrapper .text-16{
    margin-bottom: 28px;
}
.online-plans-list-wrapper {
    margin-top: 186px;
    position: relative;
}
.online-plans-list-wrapper .title-36 {
    font-weight: 400;
    margin-bottom: 16px;
    padding-top: 0;
}
.online-plans-list-wrapper .title-36::before {
    display: none;
}
.plans-list-top ul li:nth-child(3n+2),
.plans-list-bottom ul li:nth-child(3n+2) {
    transition-delay: 0.15s;
}
.plans-list-top ul li:nth-child(3n+3),
.plans-list-bottom ul li:nth-child(3n+3) {
    transition-delay: 0.3s;
}
.plans-list-top ul li:nth-child(3n),
.plans-list-bottom ul li:nth-child(3n) {
    transition-delay: 0.45s;
}
.plans-list-top,
.plans-list-bottom {
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    /* margin-bottom: 226px; */
}
.plans-list-bottom {
    margin-top: -200px;
}
.plans-list-top ul,
.plans-list-bottom ul {
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
}
.plans-list-top ul li,
.plans-list-bottom ul li{
    display: inline-block;
    float: left;
    width: 27%;
    margin-right: 9.5%;
    min-width: 200px;
}
.plans-list-top ul li:nth-child(2),
.plans-list-bottom ul li:nth-child(2) {
    text-align: center;    
}
.plans-list-top ul li:last-child,
.plans-list-bottom ul li:last-child{
    margin-right: 0;
    padding-left: 39px;
}
.plans-list-top ul li:nth-child(2) {
    position: relative;
    top: -186px;
}
.plans-list-bottom ul li:nth-child(2) {
    margin-top: 196px;
}
.online-plans-image {
    position: relative;    
    text-align: center;
    top: -100px;
}
.online-plans-image img {
    max-width: 43%;
    max-height: 50%;
    min-width: 280px;
    min-height: 320px;
}
.implementation-section {
    padding: 135px 0 185px 0;
    /* background: linear-gradient(205deg, #1A2039, #343D61); */
    background: rgb(52,61,97); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(52,61,97,1) 0%, rgba(26,32,57,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(52,61,97,1) 0%,rgba(26,32,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(52,61,97,1) 0%,rgba(26,32,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343d61', endColorstr='#1a2039',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    
    position: relative;
}
.implementation-section::after {
    content: '';
    background: url(../img/orn-pixels.png);
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 540px;
    max-height: 400px;
    width: 39%;
    height: 13%;
    position: absolute;
    top: 0;
    right: 0;
}
.implementation-wrapper {
    color: #f4f4f4;
}
.day-list-item .text-16 {
    color: #f4f4f4;
} 
.implementation-wrapper .title-36{
    margin-bottom: 107px;
}
.implementation-wrapper .title-36 span {
    font-weight: 400;
}
.day-list-item .text-16 span {
    display: inline-block;     
    font-size: 76px;
    font-weight: 100;
    line-height: 0.9;
    letter-spacing: -2px;
    margin-bottom:25px;
    padding-right: 8px;
}
.day-list-title {
    color: #f4f4f4;    
    font-size: 36px;
    font-weight: 100;
    line-height: 1.19;
    margin-bottom: 22px;
}
.day-one-list ul {
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.day-one-list ul li {
    display: inline-block;
    float: left;
    width: 43.9%;
    margin-right: 12.2%;
    margin-bottom: 85px;
}
.list-item-left .title-36 {
    color: #fff;
    font-weight: 400;
}
.day-one-list ul li:nth-child(2n) {    
    margin-right: 0%;
}
.day-one-list ul li:nth-child(3n+2) {
    transition-delay: 0.15s;
}
.day-one-list ul li:nth-child(3n+3){
    transition-delay: 0.3s;
}
.day-one-list ul li:nth-child(3n){
    transition-delay: 0.45s;
}

.days-list ul li {
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 118px;
}
.list-item-left {
    width: 58%;
    padding-right: 30px;
}
.list-item-right {
    width: 42%;
    padding-top: 40px;
}
.inquiry-form-section {
    padding: 120px 0;
    background-color: #191919;;
}
.inquiry-form-wrapper-left,
.inquiry-form-wrapper-right {
    color: #fff;
}
.inquiry-form-wrapper-right {
    padding-top: 40px;
    padding-left: 40px;
}
/* how it works detail */
.intro-reg.intro-how-detail {
    padding: 247px 0 140px;
    position: relative;
    z-index: 10;
}
.detail-logos-section {
    padding: 74px 0 140px 0;
}
.solution-text-wrapper {
    margin-bottom: 161px;
}
.solution-text-wrapper .title-36 {
    margin-bottom: 28px;    
}
.solution-text-wrapper .title-36::before {
    left: 50%;
    transform: translate(-50%,0%); 
}
.detail-logo-list ul {
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.detail-logo-list ul li {
    display: inline-block;
    float: left;
    width: 25%;
    padding: 0 4.8%;
    text-align: center;
    margin-bottom: 40px;
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.detail-logo-list ul li img {
    max-height: 85px;
    filter: grayscale(1);    
}
/* community impact */
.community-section {
    padding: 91px 0 72px 0;    
}
.community-text-wrapper .title-36 {
    margin-bottom: 28px;
}
.community-image-wrapper {
    padding-left: 11.5%;
    padding-top: 43px;
}
.community-image {
    padding-bottom: 71.5%;
}
.community-impact-text {
    margin-bottom: 93px;
}
.community-impact-text .title-36 {
    margin-bottom: 28px;
}
.community-impact-section {
    padding-bottom: 70px;
}
.impact-items-wrapper {
    margin-bottom: 50px;
    padding: 0 7.2%;
}
.impact-item {
    margin-bottom: 16px;
    background: #f27e2d;
    -webkit-box-shadow: 0px 5px 30px rgba(26,32,57,0.1), 0px 0px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 30px rgba(26,32,57,0.1), 0px 0px 1px rgba(0,0,0,0.2);     
    color: #fff;
    padding: 63px 15.7% 48px 8.45%;
}
.impact-item .text-16 {
    color: #fff;
}
.impact-title {   
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
    margin-bottom: 18px;
}
.impact-item-grey {
    margin-top: 58px;
    padding: 38px 15.7% 39px 8.45%;
    background: #f4f4f4;
    -webkit-box-shadow: 0px 5px 30px rgba(26,32,57,0.1), 0px 0px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 30px rgba(26,32,57,0.1), 0px 0px 1px rgba(0,0,0,0.2);    
}
.impact-text p {
    color: #636978;    
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    margin-bottom: 28px;
}
.impact-text a {
    display: inline-block;
    color: #F27E2D;
    transition: 0.2s;
}
.impact-text a:hover {
    opacity: 0.7;
    color: #F27E2D;    
}

/* demo */
.intro-demo-left .title-61{
    padding-top: 22px;
}
.intro-demo-left {
    padding-right: 5%;
}
.intro-demo-right {
    position: relative;
}
.intro-demo-right-hold {
    position: relative;
    min-height: 1px;
}
.calendar-main-wrapper {
    width: 420px;
    padding-left: 20px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 50;
}
.calendar-main-wrapper.close {
    position: fixed;
    top: 95px;
    right: calc((100vw - 1185px) / 2);
}
.calendor-intro {
    padding: 30px 30px;
    background-color: #f27e2d;
    color: #ffffff;
}
.calendar-title {     
    font-size: 24px;
    font-weight: 100;
    line-height: 1.33;
}
.calendar-day {    
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66;
}
.calendar-wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0px 6px 16px rgba(0,0,0,0.17);
    box-shadow: 0px 6px 16px rgba(0,0,0,0.17);
    padding: 49px 14.4% 40px 14.4%;
}
.text-20 {
    color: #707070;    
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
}
.instrunction-section {
    padding: 80px 0 80px 0;
}
.instrunctions-wrapper .text-20{
    margin-bottom: 40px;
}
.quote-customer {
    position: relative;
    margin: 40px 0 80px 0;
}
.quote {  
    margin: 0px 0 0 12%;
    background: -webkit-gradient(linear, left top, right top, from(#F4F4F4), to(#FFFFFF));
    background: -o-linear-gradient(left, #F4F4F4, #FFFFFF);
    background: linear-gradient(90deg, #F4F4F4, #FFFFFF); 
    padding:60px 49px 60px 26.7%;
}
.quote-text {    
    font-size: 24px;
    font-weight: 100;
    line-height: 1.66;
    margin-bottom: 40px;
    padding-top: 70px;
    position: relative;
}
.quote-text::after {
    content: '';
    background: url(../img/icon-quote.svg);
    background-repeat: no-repeat;
    width: 38px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}
.quote-author {
    color: #707070;   
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
}
.quote-author span {
    font-weight: 700;
}
.customer-image {
    width: 35%;
    height: 240px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 1;
}
.demo-logo-list {
    margin-bottom: 80px;
}
.demo-logo-list ul li{
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;   
    -webkit-box-pack: center;   
        -ms-flex-pack: center;   
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
    height: 100%; 
} 
.demo-logo-list ul li img {
    max-height: 57px;
    max-width: 100%;
    filter: grayscale(1);
}
.performance-wrapper {
    margin-bottom: 40px;
}
.performance-wrapper .title-36{
    margin-bottom: 38px;
}
.performance-list ul {
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.performance-list ul li {
    display: inline-block;
    float: left;
    width: 30.3333%;
    margin-right: 4.5%;
    background-color:#f4f4f4;
    padding: 20px;
    position: relative;
    margin-bottom: 35px;
}
.performance-list ul li:nth-child(3n) {
    margin-right: 0;
}
.performance-text {   
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    min-height: 185px;
    padding-top: 35px;
    position: relative;
    margin-bottom: 50px;
}
.performance-text::after {
    content: '';
    background: url(../img/icon-quote.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 19px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
}
.performance-author {
    color: #707070;    
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.performance-author span {
    display: block;
    font-weight: 700;
}
.other-pioneers .title-36{
    margin-bottom: 60px;
}
.logo-list-3 ul {
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.logo-list-3 ul li{
    
    float: left;
    display: inline-block;
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    width: 26.6666%;
    margin-right: 10%;
    filter: grayscale(1);
    margin-bottom: 50px;
}
.logo-list-3 ul li:nth-child(3n) {
    margin-right: 0;
}
.logo-list-3 ul li img {
    max-height: 90px;
}
/* support */

.support-second-wrapper {    
    position: relative;
}
.support-intro-image-wrapper {
    padding-left: 15px;
}
.support-intro-image {    
    padding-bottom: 77.7%;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;    
}
.intro-support .title-61 {
    padding-top: 40px;
}
.faq-intro .title-36 {
    margin-bottom: 80px;
}
.wrapper-accordion {
    padding: 0 17%;
}
.faq-section {
    position: relative;
    padding: 120px 0;
    background: rgb(52,61,97); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(52,61,97,1) 0%, rgba(26,32,57,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(52,61,97,1) 0%,rgba(26,32,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(52,61,97,1) 0%,rgba(26,32,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343d61', endColorstr='#1a2039',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.faq-intro {
    color: #fff;
}
.faq-accordion .accordion {
    background: none;
}
.faq-accordion .accordion-title {
    padding: 25px 14% 25px 40px ;    
    border: none!important;
    color: #ffffff;    
    font-size: 24px;
    font-weight: 100;
    line-height: 1.2;
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    margin-bottom: 11px;
}
.accordion-title:before {
    content: '+';
    position: absolute;
    right: 38px;
    top: 19px;
    margin-top:0;
    color: #f27e2d;
    font-size: 35px;    
    font-weight: 300;
}
.faq-accordion .is-active>.accordion-title:before {
    content: '+';
    color: #1a2039;
    transform: rotate(45deg);
    top: 27px;
    right: 68px;
    font-weight: 300;
}
.faq-accordion .accordion-item.is-active .accordion-title {
    background: #fff;
    color: #0a0a0a;
    margin-bottom: 0;
    width: calc(100% + 60px);
    margin-left: -30px;
    padding: 35px 14% 40px 70px;
}
.faq-accordion .accordion-content {
    background: #fff;
    padding: 5px 14% 40px 70px;
    color: #707070;   
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    width: calc(100% + 60px);
    margin-left: -30px;   
    margin-bottom: 10px;
    border: none;
}
.faq-accordion :last-child:not(.is-active)>.accordion-title {
    border-radius: 0 0 0 0;
    border-bottom: none
}
.supptor-text-section {
    padding: 160px 0 100px 0;
}
.support-text-right {
    padding-top: 40px;
    padding-right: 1%;
}
.support-text-left {
    padding-right: 4%;
}

/* ppc landing */
.form-intro {
    background-color: #fff;
    color: #000;
}
.form-main-wrapper {
    background-color: #fff;
    -webkit-box-shadow: 0px 6px 16px rgba(0,0,0,0.17);
    box-shadow: 0px 6px 16px rgba(0,0,0,0.17);
    padding: 36px 45px 46px 45px;
    color: #000;
}
.form-main-wrapper .calendar-day{
    margin-bottom: 46px;
}
.starter-kit-section {
    padding: 91px 0 82px 0;
    background-color: #f4f4f4;
}
.intro-starter-text {
    margin-bottom: 102px;
}
.intro-starter-text .title-36 {
    margin-bottom: 12px;
}
.starter-list {    
    margin-bottom: 19px;
}
.wrapper-industry-item-text {
    padding: 0 3% 20px 3%;
}
.starter-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.starter-list ul li{
    display: inline-block;
    float: left;
    min-height: 320px;
    padding: 70px 40px 33px 40px;
    width: 31.1333%;
    margin-right: 3.3%;
    margin-bottom: 31px;
}
.starter-list ul li:nth-child(3n) {
    margin-right: 0;
}
.starter-list ul li:nth-child(3n+2) {
    transition-delay: 0.15s;
}
.starter-list ul li:nth-child(3n+3) {
    transition-delay: 0.3s;
}
.starter-list ul li:nth-child(3n) {
    transition-delay: 0.45s;
}
.starter-title {
    color: #ffffff;  
    font-size: 24px;
    font-weight: 100;
    line-height: 1.2;
    margin-bottom: 19px;
}
.starter-text {
    color: #ffffff;    
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
}
.cta-image-text {
    position: relative;
    overflow: hidden;
}
.starter-kit-section + .cta-image-text::after {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f4f4f4;
}
.cta-image-text-wrapper {
    background-color: #191919;
    padding: 80px 6% 80px 25.6%;
    position: relative;
    color: #fff;
}
.cta-image-text-wrapper::after {    
    content: '';
    background: url(../img/orn-16.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 722px;
    height: 634px;
    position: absolute;
    top: -100px;
    left: -100px;
    pointer-events: none;
}
.cta-image-text-wrapper > img {
    max-height: 328px;
    position: absolute;
    top: 50%;
    left: -20%;
    z-index: 5;
    transform: translate(0,-50%);
}
.cta-image-text-wrapper .title-36 {
    margin-bottom: 28px;
}
.cta-image-text-wrapper .text-16 {
    margin-bottom: 30px;
}
.logo-slider-demo-6 {
    margin-top: 118px;
}
.logo-and-quotes-section {
    margin-bottom: 80px;
}
.performance-list-4 ul {
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.performance-list-4 ul li {
    display: inline-block;
    float: left;
    width: 100%;
    margin-right: 0;
    background-color:#f4f4f4;
    padding: 30px;
    position: relative;
    height: 100%;    
}
.performance-carousel-4 .owl-stage {

}

@media screen and (max-width:1230px) {
    .calendar-main-wrapper.close {
        right: 20px;
    }
}
@media screen and (max-width:1199px) {
    .calendar-main-wrapper {
        width: 360px;
    }
}

@media screen and (max-width:1023px) {
    .intro-demo-left .title-61 {
        padding-top: 0;
    }
    .calendar-main-wrapper.close {
        position: absolute;
        top: 0;
        right: 0;
    }
    .intro-reg.intro-how-detail {
        padding: 180px 0 100px;
        min-height: 500px;
    }
    .pixels-img-video-wrapper {
        padding-left: 0px;
    }
    .plans-list-top ul li:nth-child(2) {
        position: relative;
        top: 0px;
    }
    .plans-list-bottom ul li:nth-child(2) {
        margin-top: 0px;
    }   
    .plans-list-bottom {
        margin-top: 0px;       
    }
    .plans-list-top {
        margin-bottom: 30px;       
    }
    .online-plans-list-wrapper {
        margin-top: 0px;        
    }
    .online-plans-image {        
        top: 0px;
        margin-bottom: 30px;
    }
    .plans-list-top ul li,
    .plans-list-bottom ul li{
        display: inline-block;
        float: left;
        width: 30.6666%;
        margin-right: 4%;
        min-width: auto;
        text-align: left!important;
        margin-bottom: 30px;
    }
    .plans-list-top ul li:last-child,
    .plans-list-bottom ul li:last-child {       
        padding-left: 0px;
    }
    .day-list-item .text-16 span {        
        font-size: 60px;        
    }
    .day-list-title {        
        font-size: 32px;
    }
    .list-item-left {
        width: 50%;        
    }
    .list-item-right {
        width: 50%;       
    }
    .community-image-wrapper {
        padding-left: 6%;
        padding-top: 43px;
    }
    .calendar-wrapper {        
        padding: 49px 5% 40px 5%;
    }
    .calendar-main-wrapper {
        width: 345px;
        padding-left: 10px;        
    }
    .quote-text {
        font-size: 21px;       
    }
    .quote {    
        padding: 60px 20px 60px 26.7%;
    }
    .starter-list ul li{       
        width: 48.35%;
        margin-right: 3.3%;       
    }
    .starter-list ul li:nth-child(3n) {
        margin-right: 3.3%;
    }
    .starter-list ul li:nth-child(2n) {
        margin-right: 0%;
    }
    .cta-image-text-wrapper {
        background-color: #191919;
        padding: 40px 40px 80px 40px;
        position: relative;
        color: #fff;
    }
    .cta-image-text-wrapper > img {
        max-height: 328px;
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0,0%);
        margin-bottom: 20px;
    } 
    .calendar-main-wrapper.form-main-wrapper {
        padding-left: 45px;
    }    
}

@media screen and (max-width:639px) {
    .form-main-wrapper .calendar-day {
        margin-bottom: 25px;
    }
    .calendar-main-wrapper.form-main-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    } 
    .inquiry-form-section {
        padding: 90px 0;
    }
    .calendar-main-wrapper.close {
        position: relative;
        top: auto;
        right: auto;
    }
    .cta-image-text-wrapper::after {
        width: 361px;
        height: 317px;
        top: 0px;
        left: -50px;
    }
    .intro-reg.intro-how-detail {
        padding: 160px 0 0px;
        margin-bottom: 50px;
        min-height: 1px;
    }
    .text-16-list {
        margin-bottom: 30px;
    }
    .text-16-list ul li {          
        font-size: 15px;        
    }
    .plans-list-top ul li,
    .plans-list-bottom ul li{        
        width: 100%!important;
        margin-right: 0!important;        
    }
    .day-one-list {
        margin-bottom: 30px;
    }
    .day-list-item .text-16 span {
        font-size: 45px;
    }
    .day-one-list ul li {        
        width: 100%;
        margin-right: 0%;
        margin-bottom: 40px;
    }
    .days-list ul li {
        margin-bottom: 60px;
    }
    .list-item-left {
        width: 100%;
        padding-right: 0px;
    }
    .list-item-right {
        width: 100%;
        padding-top: 0px;
    }
    .implementation-wrapper .title-36 {
        margin-bottom: 30px;
    }
    .implementation-section {
        padding: 135px 0 60px 0;      
    }
    .inquiry-form-wrapper-right {
        padding-top: 30px;
        padding-left: 0px;
    }
    .detail-logo-list ul li {        
        width: 50%;        
    }
    .detail-logos-section {
        padding: 74px 0 95px 0;
    }
    .solution-text-wrapper {
        margin-bottom: 90px;
    }
    .community-image-wrapper {
        padding-left: 0%;
        padding-top: 50px;
    }
    .community-image {
        padding-bottom: 71.7%;
    }
    .impact-items-wrapper {        
        padding: 0%;
    }
    .impact-item {        
        padding: 33px 10% 38px 5%;
    }
    .impact-item-grey {
        margin-top: 40px;
        padding: 33px 10% 38px 5%;        
    }
    .calendar-main-wrapper {
        width: 100%;
        padding-left: 0px;
        position: relative;
        margin-bottom: -50px;
    }
    .text-20 {        
        font-size: 18px;        
    }
    .performance-list ul li {        
        width: 100%;
        margin-right: 0%;        
    }
    .performance-text {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42;
        min-height: 1px;
        padding-top: 35px;
        position: relative;
        margin-bottom: 50px;
    }
    .instrunction-section {
        padding: 80px 0 50px 0;
    }
    .support-intro-image {    
        padding-bottom: 77.7%;
        position: relative;
        left: 0;
        right: 0;
        width: 100%;
        margin-bottom: -40px;    
    }
    .support-intro-image-wrapper {
        padding-left: 0;        
    }
    .intro-support .title-61 {
        padding-top: 0;
    }
    .intro-support {
        margin-bottom: 40px;
    }
    .intro-reg.support-intro {
        padding-bottom: 0;
    }
    .supptor-text-section {
        padding: 120px 0 70px 0;
    }
    .wrapper-accordion {
        padding: 0 10px;
    }
    .faq-accordion .accordion-title {
        font-size: 21px;
        padding: 20px 55px 20px 20px;
    }
    .faq-accordion .accordion-item.is-active .accordion-title {
        background: #fff;
        color: #0a0a0a;
        margin-bottom: 0;
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 20px 55px 20px 40px;
    }
    .faq-accordion .accordion-content {
        background: #fff;
        padding: 5px 55px 20px 40px;       
        width: calc(100% + 40px);
        margin-left: -20px;
        font-size: 15px;        
    }
    .faq-accordion .is-active>.accordion-title:before {               
        top: 12px;
        right: 30px;        
    }
    .accordion-title:before {        
        right: 10px;
        top: 12px;        
    }
    .faq-intro .title-36 {
        margin-bottom: 40px;
    }
    .faq-section {        
        padding: 100px 0 90px 0;        
    }
    .starter-list ul li{
        padding: 40px 30px 40px 30px;       
        width: 100%;
        margin-right: 0%;
        min-height: 1px;       
    }
    .starter-list ul li:nth-child(3n) {
        margin-right: 0%;
    }
    .starter-list ul li:nth-child(2n) {
        margin-right: 0%;
    }
    .logo-and-quotes-section {
        margin-bottom: 20px;
    }
}