/*  Header and top nav section */

.full-width-content.landing-page .site-inner {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    width: 100%;
    max-width: 100%; 
}

.full-width-content .content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.page-id-2 .site-inner, .page-id-3 .site-inner, .page-id-33 .site-inner, .page-id-91 .site-inner, .page-id-95 .site-inner, .page-id-112 .site-inner, .page-id-115 .site-inner, .page-id-122 .site-inner {
    background-color: #191620;
    margin-top: 0px;
    margin-bottom: -1px;
    padding-top: 0px;
    width: 100%;
    max-width: 100% !important;
}

.page .entry-title {
    margin-bottom: 0;
    display: none;
}

.entry-header::after {
    display: none;
}

.page-id-2 .entry-content, .page-id-3 .entry-content, .page-id-33 .entry-content, .page-id-91 .entry-content, .page-id-95 .entry-content, .page-id-112 .entry-content, .page-id-115 .entry-content, .page-id-122 .entry-content {
  width: 100%;
  max-width: 100%;
}

.page-id-2 .entry, .page-id-112 .entry {
    margin-bottom: -30px;
}

.page-id-91 .entry, .page-id-95 .entry {
    margin-bottom: -35px;
}

#otheaderarea {
    background-color: #191620;
   height: 100px;
    width: 100%;
   margin-top: -28px;
   border-bottom: 1px solid transparent;
}

#otheadercontainer {
    width: 100%;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
}

#otlogo {
    float: left;
    padding-left: 0px;
    width: 75px;
    height: auto;
    padding-top: 16px;
    padding-bottom: 25px;
}

#otnavbar {
    float: right;
    padding-top: 42px;
    padding-bottom: 30px;
    font-family: 'Montserrat', 'Open Sans', "Verdana", "Palatino Linotype", Palatino, serif !important;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #dddddd;
}

#otnavbarleft {
    float: right;
    padding-top: 42px;
    padding-bottom: 30px;
    font-family: 'Montserrat', 'Open Sans', "Verdana", "Palatino Linotype", Palatino, serif !important;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #dddddd;
    margin-left: 0px;
}

#otnavlink {
    margin-right: 5px;
    padding: 12px 12px 12px;
     font-family: 'Helvetica', 'Open Sans', "Verdana", "Palatino Linotype", Palatino, serif !important;
    border: 3px solid #d661f9;
    letter-spacing: 0.2px;
    color: #fff6ff;
    margin-left: 0px;
}

#otnavlink:hover {
  background-color: #d661f9;
 color: #ffffff;
}

#otnavlinkleft {
    margin-right: 30px;
}

#otnavlinkleft:hover {
    text-decoration: underline;
}

#otnavbarleft a {
    color: #dddddd !important;
}

/* Homepage */

#lptopcontainer {
    clear: both;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 920px;
}

#quizcontainer {
    clear: both;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 740px;
}

#purple {
 color: #cb55f7;
}

#highlight {
    background-color: #ffeda6;
    padding: 5px 2px;
}

#clearfloat {
 clear: both;
 margin-bottom: 0px !important;
}

#ottestwidth {
    width: 100%;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}

#ottestp1 {
    margin-top: 40px;
    float: left;
    width: 23.5%;
    margin-right: 2%;
    background-color: #ffffff;
    border: 1px solid #e2f3fb;
    box-shadow: 1px 1px 5px 0 #d1dbe0;
    transition: 0.5s;
    clear: both;
}

#ottestp2 {
    margin-top: 40px;
    float: left;
    width: 23.5%;
    margin-right: 2%;
    background-color: #ffffff;
    box-shadow: 1px 1px 5px 0 #d1dbe0;
    transition: 0.5s;
}

#ottestp3 {
    margin-top: 40px;
    float: left;
    width: 23.5%;
    margin-right: 2%;
    background-color: #ffffff;
    box-shadow: 1px 1px 5px 0 #d1dbe0;
    transition: 0.5s;
}

#ottestp4 {
    margin-top: 40px;
    float: left;
    width: 23.5%;
    margin-right: 0;
    background-color: #ffffff;
    box-shadow: 1px 1px 5px 0 #d1dbe0;
    transition: 0.5s;
}

#ottestp1mob {
    margin-top: 40px;
    float: left;
    width: 23.5%;
    margin-right: 2%;
    background-color: #ffffff;
    border: 1px solid #e2f3fb;
    box-shadow: 1px 1px 5px 0 #d1dbe0;
    transition: 0.5s;
    clear: both;
}

#ottestp2mob {
    margin-top: 40px;
    float: left;
    width: 23.5%;
    margin-right: 2%;
    background-color: #ffffff;
    box-shadow: 1px 1px 5px 0 #d1dbe0;
    transition: 0.5s;
}

#ottestp3mob {
    margin-top: 40px;
    float: left;
    width: 23.5%;
    margin-right: 2%;
    background-color: #ffffff;
    box-shadow: 1px 1px 5px 0 #d1dbe0;
    transition: 0.5s;
}

#ottestp4mob {
    margin-top: 40px;
    float: left;
    width: 23.5%;
    margin-right: 0;
    background-color: #ffffff;
    box-shadow: 1px 1px 5px 0 #d1dbe0;
    transition: 0.5s;
}

#ottestp1:hover, #ottestp2:hover, #ottestp3:hover, #ottestp4:hover {
transform: scale(1.1);
}

#ottestp1mob:hover, #ottestp2mob:hover, #ottestp3mob:hover, #ottestp4mob:hover {
transform: scale(1.1);
}

/* Accordian Homepage */

.page-id-2 .toggleq, .page-id-112 .toggleq {
    background: #211f2e;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 50px;
   margin-top: 40px;
}

.center {
    text-align: center !important;
    width: 100%;
}

details {
    font-family: 'proxima-nova', sans-serif;
    display: block;
}

details p {
    padding: 15px 25px 15px 15px;
    margin: 0;
    text-shadow: none;
    text-align: left;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    line-height: 1.3em;
}

#questionanswers {
    margin-right: -2px;
    font-size: 17px;
    color: #c3c6d9;
    padding: 15px 25px 15px 15px;
}

details[open] summary::after {
    content: '\f068';
    display: -moz-inline-stack;
    display: inline-block;
    padding-right: 15px;
    border: none !important;
    font-size: 15px;
}

summary {
    transition: background .75s ease;
    width: 100%;
    outline: 0;
    text-align: center;
    font-size: 85%;
    cursor: pointer;
    margin-bottom: 0px;
    border-top: 1px solid #D3D3D3;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}

.page-id-122 summary {
    border-top: 1px solid #d3d3d338;
    border-left: 1px solid #d3d3d338;
    border-right: 1px solid #d3d3d338;
}

.page-id-122 details p {
    padding: 15px 25px 15px 15px;
    border-left: 1px solid #d3d3d338;
    border-right: 1px solid #d3d3d338;
}

 .page-id-122 .toggleq {
    border-bottom: 1px solid #d3d3d338;
    margin-bottom: 50px;
   margin-top: 40px;
}

#quickstarth3 {
    margin-bottom: 10px;
    font-family: 'proxima-nova';
    margin-top: 30px;
    color: #e9e2e9;
    font-size: 21px;
    font-weight: 600;
}

.page-id-2 :focus {
 outline: none;
}

.page-id-112 :focus {
 outline: none;
}

.page-id-122 :focus {
 outline: none;
}

summary::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f067";
    float: right;
    margin-top: -44px;
    padding-right: 15px;
    font-size: 15px;
    color: #ced0dd;
}

.page-id-122 summary::after {
    margin-top: -51px;
}

::marker {
  color: #211f2e;
 list-style: none;
 opacity: 0 !important;
}

 summary::-webkit-details-marker {
  color: transparent !important;
   list-style: none !important;
   visibility: hidden !important;
   opacity: 0 !important;
}

details summary::-webkit-details-marker {
        color: transparent !important;
       list-style: none !important;
       visibility: hidden !important;
      opacity: 0 !important;
      }


h2#accordianh2 {
    color: #e9e2e9;
    font-family: 'Helvetica', 'Open Sans', "Verdana", "Palatino Linotype", Palatino, serif !important;
    font-size: 19px !important;
    margin-top: -23px !important;
    letter-spacing: 0px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0px;
    padding: 18px;
    text-shadow: none;
}

h2#accordianh2:active {
border: none !important;
}

.page-id-122 h2#accordianh2 {
    font-family: 'Proxima-nova', 'Open Sans', "Verdana", "Palatino Linotype", Palatino, serif !important;
    font-size: 22px !important;
    margin-top: -23px !important;
    padding: 23px;
   font-weight: 600;
}

/* Info pages t&cs */


#infopage {
   clear: both;
    width: 100%;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    max-width: 840px;
}

#infopage p {
  font-family: 'Helvetica', 'Open Sans', "Verdana", "Palatino Linotype", Palatino, serif !important;
 font-size: 16px;
 line-height: 1.5;
 color: #bcbfd4;
}

.page-id-115 #infopage p {
 font-size: 21px;
}

.page-id-122 #infopage p {
line-height: 1.4;
margin-right: -2px;
}

#infopage a {
     font-family: 'Helvetica', 'Open Sans', "Verdana", "Palatino Linotype", Palatino, serif !important;
    color: #ad61c5;
}

#infopage a:hover {
text-decoration: underline;
 color: #ced1e4;
}

.page-id-122 #infopage a {
    color: #60afb0;
}

.page-id-122 #infopage a:hover {
text-decoration: underline;
 color: #60afb0;
}

#infopage > h1 {
 margin-bottom: 20px;
 margin-top: 60px;
 color: #ced1e4;
}

#infopage > h3 {
 margin-bottom: 15px;
 margin-top: 50px;
 color: #ced1e4;
}

#homeph1 {
    margin-top: 60px;
    font-size: 60px;
    font-family: proxima-nova, helvetica, sans-serif;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(to right, #ced0dd, #b555c8);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#headerai {
 background-color: #8724e5;
padding: 5px 10px;
 border-radius: 10px;
 color: #ffffff;
}

#homeph2 {
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 35px;
    color: #ced0dd;
    font-family: IBM Plex Mono, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
}

#homeph3 {
    margin-top: 30px;
    font-size: 40px;
    max-width: 460px;
    font-family: proxima-nova, sans-serif;
    line-height: 1.3;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #ced0dd;
    text-align: left;
}


#homeph4 {
    margin-top: 30px;
    font-size: 28px;
    font-family: IBM Plex Mono, Helvetica, Arial, sans-serif;
    line-height: 1.4;
    letter-spacing: -0.5px;
    font-weight: 300;
    color: #ced0dd;
   text-align: left;
}

#homepmainheader {
    padding-top: 70px;
    font-size: 34px;
    font-family: proxima-nova, sans-serif;
    line-height: 1.6;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #ced0dd;
    text-align: center;
    margin-top: 0px;
}

.page-id-115 #homepmainheader {
    padding-top: 10px;
}

#homepmainheaderblack {
    padding-top: 85px;
    font-size: 40px;
    font-family: proxima-nova, sans-serif;
    line-height: 1.6;
    letter-spacing: -0.5px;
    font-weight: 700;
    margin-top: 0px;
    color: #211f2e;
    text-align: center;
}

#homemainsubheader {
    font-size: 26px;
    font-family: IBM Plex Mono, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    max-width: 735px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: -0.5px;
    padding-top: 0px;
    font-weight: 700;
    color: #5a5564;
    text-align: center;
}

#homepmainheaderbottom {
    padding-top: 85px;
    font-size: 62px;
    font-family: proxima-nova, sans-serif;
    line-height: 1.6;
    letter-spacing: 0px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 5px;
     background: linear-gradient(to right, #ced0dd, #b555c8);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

#homepsubheaderbottom {
    font-size: 24px;
    margin-top: 7px;
    margin-bottom: 35px;
    color: #ced0dd;
    font-family: IBM Plex Mono, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
}

#afterbuttontext {
    font-size: 15px;
    font-family: Helvetica, Arial, sans-serif;
    margin-top: -20px;
    margin-bottom: 90px;
    color: #a3a8ca;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
}

#homesteps {
    padding-top: 10px;
    font-size: 30px;
    font-family: proxima-nova, sans-serif;
    line-height: 1.6;
    letter-spacing: -0.5px;
    font-weight: 700;
    margin-top: 0px;
    color: #403851;
    text-align: left;
}

#numsteps {
    background-color: #e1ccf4;
    color: #362f37;
    float: left;
    padding: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    margin-top: 0px;
    text-align: center;
    border-radius: 50%;
    margin-right: 20px;
}

#stepsubheader {
   font-size: 25px;
   font-family: proxima-nova, sans-serif;
    line-height: 1.6;
    letter-spacing: -0.5px;
    padding-top: 30px;
    font-weight: 700;
    color: #403851;
    text-align: left;
}

#stepdescription {
    font-size: 22px;
    padding-top: 20px;
    font-family: proxima-nova, sans-serif;
    line-height: 1.5;
    letter-spacing: -0.5px;
    font-weight: 500;
    margin-top: 0px;
    color: #564f64;
    text-align: left;
   margin-bottom: 20px;
}

#appfeatures {
    font-size: 17px;
    padding-top: 9px;
   font-family: proxima-nova, helvetica, sans-serif;
    line-height: 1.5;
    letter-spacing: 0px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #3f3851;
    text-align: left;
}

#appfeatures2 {
    font-size: 21px;
    padding-top: 9px;
    font-family: proxima-nova, helvetica, sans-serif;
    line-height: 1.5;
    letter-spacing: 0px;
    font-weight: 500;
    margin-top: 0px;
    color: #3f3851;
    text-align: left;
    margin-bottom: 30px;
}

#upgrade-tick {
    display: inline;
    margin-left: 0px;
    line-height: 1.5;
    opacity: 1;
    margin-right: 11px;
    margin-bottom: -1px;
}

#share-icon {
    display: inline;
    margin-left: 0px;
    line-height: 1.4;
    margin-left: 3px;
    margin-right: 3px;
    opacity: 1;
    margin-bottom: -8px;
}

#scroll-modules2 {
    width: 292px;
    height: 490px;
    overflow-y: scroll !important;
    margin-left: auto;
    margin-right: auto;
   padding-left: 3px;
}

.scroll-modules {
    position: relative;
    background: url(https://optionsai.app/wp-content/uploads/2025/02/Background-scroll-app.png) center center no-repeat;
    height: 698px;
    padding-top: 114px;
    margin-top: -78px;
    margin-left: -56px;
    margin-bottom: 0px;
    background-size: contain;
    width: 100%;
    clear: both;
}

#scroll-modules-quickstart {
    width: 292px;
    height: 490px;
    overflow-y: scroll !important;
    margin-left: 2%;
   padding-left: 3px;
  margin-bottom: 0px;
}


#scroll-through-images-cta-mobile {
  float: right;
  margin-top: 60px;
  margin-right: 34px;
  margin-bottom: -100px;
}


.homepagetop {
 background-color: #221f2e;
 width: 100%;
overflow: auto;
  margin: 0 auto;
  padding: 0;
 padding-bottom: 50px;
}

#hometopleft {
    float: left;
    width: 50%;
    padding-top: 90px;
    padding-left: 10%;
    margin-right: 5%;
}

#hometopright {
    float: left;
    width: 40%;
}

#hometopleft1 {
    float: left;
    width: 50%;
    padding-top: 90px;
    padding-left: 10%;
    margin-right: 5%;
}

#hometopright1 {
    float: left;
    width: 40%;
}

#manageoptionsleft {
    float: left;
    width: 40%;
    padding-top: 50px;
    padding-left: 10%;
    margin-right: 5%;
}

#manageoptionsright {
    float: left;
    width: 50%;
   padding-top: 50px;
}

#apphomescreenleft {
    float: left;
    width: 40%;
    padding-top: 0px;
    padding-left: 0%;
    margin-right: 10%;
}

#apphomescreenright {
    float: left;
    width: 40%;
   padding-top: 0px;
   margin-left: 10%;
}

.homepagetestimonials {
 background-color: #fefefe;
 width: 100%;
  overflow: auto;
  margin: 0 auto;
  padding: 0;
      padding-bottom: 110px;
}

#aiwebappmodel {
    width: 250px;
    height: auto;
    padding-top: 80px;
    margin-right: 120px;
}

#webappmodelsteps {
    margin-top: 100px;
    margin-left: 100px;
    box-shadow: 0px 1px 15px #aca7a7;
}

#apphomeshadow {
    box-shadow: 0px 1px 15px #aca7a7;
   margin-bottom: 80px;
}

.homepagehowworks {
 background-color: #fefefe;
 width: 100%;
 overflow: auto;
  margin: 0 auto;
  padding: 0;
  clear: both;
  padding-bottom: 40px;

}


.homepagehowworks2 {
    background-color: #fdf6ff;
    width: 100%;
   overflow: auto;
    margin: 0 auto;
    padding: 0;
    clear: both;
   padding-bottom: 50px;
}

.homepagehowworks3 {
 background-color: #fefefe;
 width: 100%;
 overflow: auto;
  margin: 0 auto;
  padding: 0;
  clear: both;
}

.homepagehowworks3 p {
    font-size: 17px;
    font-family: "proxima-nova", 'Open Sans', "Verdana", "Palatino Linotype", Palatino, serif;
    color: #454545;
    line-height: 1.6;
    margin-bottom: 22px;
    font-weight: 400;
}

.homepagemanageoptions {
    background-color: #fdf6ff;
    width: 100%;
    overflow: auto;
    margin: 0 auto;
    padding: 0;
    clear: both;
     padding-bottom: 40px;
}

.homepagebottom {
    background-color: transparent;
    width: 100%;
    overflow: auto;
    margin: 0 auto;
    padding: 0;
    clear: both;
}

#image-fullwidth {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}

#lpvideoseenon {
    background-color: #f4f4f2;
    margin-bottom: -24px;
}

.homepagequestions {
 background-color: #221f2e;
   width: 100%;
  padding-bottom: 45px !important;
    margin: 0 auto;
    padding: 0;
    clear: both;
}

    .box {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        padding: 10px;
        background-clip: padding-box;
        text-align: center;
    }

.button-home {
    background: #d50e92 !important;
    border-color: #b40a7a !important;
    width: 80% !important;
    font-size: 20px !important;
    font-family: "helvetica", 'Open Sans', "Verdana", "Palatino Linotype", Palatino, serif;
    margin: 0 auto;
    font-weight: 700;
    margin-right: auto;
    letter-spacing: 0px;
    padding: 21px 15px;
    color: #ffffff;
    text-shadow: none;
    margin-bottom: 40px;
    text-transform: none;
    margin-top: 0px;
}

.button-home:hover {
 background: #b40a7a !important;
 border-color: #b40a7a !important;
}

.button2-home {
    background: #d50e92 !important;
    border-color: #b40a7a !important;
    width: 53% !important;
    font-size: 21px !important;
    font-family: "helvetica", 'proxima-nova', "Verdana", "Palatino Linotype", Palatino, serif;
    margin: 0 auto;
    font-weight: 700;
    margin-right: auto;
    letter-spacing: 1px;
    padding: 23px 15px;
    color: #ffffff;
    text-shadow: none;
    text-transform: none;
    margin-bottom: 40px;
    margin-top: 0px;
}

.button2-home:hover {
 background: #b40a7a !important;
 border-color: #b40a7a !important;
}


/*  Footer section */

.before-footer-cta a {
 border-bottom: none;
}

.before-footer-cta {
 margin-bottom: -65px;
 padding-bottom: 30px;
 padding-top: 20px;
}

.page-id-122 .before-footer-cta {
 padding-top: 50px;
}

.footer-logo {
 display: none;
}

#bottom-nav a {
    color: #63667d;
    font-family: 'Montserrat', 'Open Sans', "Verdana", "Palatino Linotype", Palatino, serif;
    outline: none;
}

#bottom-nav a:hover {
   color: #63667d;
   text-decoration: underline;
}

#bottom-nav {
    width: 100%;
    max-width: 498px;
     margin: 0 auto;
    padding-top: 20px;
    color: #fffc23;
    margin-bottom: 5px;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}

#footermenu1 {
    float: left;
    margin-right: 35px;
    outline: none;
}

#footermenu2 {
    float: left;
    margin-right: 35px;
}

#footermenu3 {
    float: left;
    margin-right: 35px;
}

#footermenu4 {
    float: left;
    margin-right: 0px;
}

#copyright {
    clear: both;
    font-family: 'Montserrat', 'Open Sans',"Verdana","Palatino Linotype",Palatino,serif;  
   color: #63667d;
   font-size: 12px;
   margin-top: 50px;
}

#copyrightmwo {
 font-size: 12px;
 color: #888690d4;
}

div.site-container.shadow {
 margin-bottom: 0px;
}

.site-footer {
    background-color: #ffffff;
    bottom: 0;
    font-size: 13px;
    line-height: 1;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: center;
    width: 100%;
    z-index: -99;
}

/*  Header and top nav section */

.site-header {
    display: none !important;
}

.wrap {
  max-width: 750px;
}

.site-header {
    background-color: #ffffff;
    border-bottom: 1px solid transparent;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    min-height: 60px;
    padding: 5px 40px;
    position: sticky;
    width: 100%;
    z-index: 9999;
}

.genesis-nav-menu a {
     color: #000000 !important;
     font-family: Montserrat, sans-serif;
     text-transform: uppercase;
     font-size: 13px;
    font-weight: 900;
    margin-top: 5px;
}

.genesis-nav-menu a:hover {
  text-decoration: underline;
  color: #000000;
}

#genesis-mobile-nav-primary:focus, #genesis-mobile-nav-primary:hover {
    color: #000000;
}

 .genesis-nav-menu a {
     color: #ffffff !important;
     font-family: Montserrat, sans-serif;
     text-transform: uppercase;
     font-size: 13px;
    font-weight: 900;
    margin-top: 5px;
}

 .genesis-nav-menu a:hover {
  text-decoration: underline;
  color: #ffffff !important;
}

 #genesis-mobile-nav-primary:focus, #genesis-mobile-nav-primary:hover {
    color: #ffffff !important;
}

.title-area {
    padding-bottom: 10px;
    padding-top: 10px;
}

.site-title {
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 6px;
    text-transform: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.site-title a, .site-title a:hover, .site-title a:focus  {
  color: #318b80;
}

 .site-title a, .site-title a:hover, .site-title a:focus  {
  color: #ffffff;
}

/* Pricing Page    */

.pricingpagetop {
    background-color: transparent;
    width: 100%;
    overflow: auto;
    margin: 0 auto;
    padding: 0;
    clear: both;
}

#pricingheader {
    padding-top: 0;
    font-size: 27px;
    font-family: proxima-nova, sans-serif;
    line-height: 1.6;
    letter-spacing: 0px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 5px;
    background: linear-gradient(to right, #ced0dd, #b555c8);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

#pricingfreetrial {
    padding-top: 7px;
    font-size: 49px;
    font-family: proxima-nova, sans-serif;
    line-height: 1.6;
    letter-spacing: -0.5px;
    font-weight: 700;
    color: #ced0dd;
    text-align: center;
    margin-top: 0px;
}

.page-id-91 #afterbuttontext {
    font-size: 15px;
    margin-top: -15px;
    margin-bottom: 40px;
    letter-spacing: 0.5px;
}

#pricingcenterbox {
    width: 100%;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -467px !important;
    background-color: #fefefe;
    border-radius: 8px;
    margin-top: 60px;
    margin-bottom: 50px;
     box-shadow: 0px 0px 6px #b7afafc9;
}

#pricingtopbox {
 padding: 30px 30px 0px 30px;
}

#pricingplanheader {
    font-size: 22px;
    font-family: proxima-nova, sans-serif;
    line-height: 1.6;
    letter-spacing: -0.5px;
    padding-top: 10px;
    font-weight: 700;
    color: #403851;
    text-align: left;
}

#pricemonthly {
    font-size: 16px;
    font-family: helvetica, sans-serif;
    line-height: 1.6;
    letter-spacing: 0px;
    padding-top: 10px;
    color: #495161;
    font-weight: 300;
}

#pricemonthly2 {
    font-size: 16px;
    font-family: helvetica, sans-serif;
    line-height: 1.6;
    letter-spacing: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
    color: #495161;
    font-weight: 300;
}

#bigprice {
    font-size: 34px;
    font-family: helvetica, sans-serif;
    color: #212d44;
    line-height: 1.6;
    letter-spacing: -1px;
    padding-top: 10px;
    font-weight: 500;
    margin-right: 2px;
}

.page-id-91 .button-home, .page-id-95 .button-home {
    width: 100% !important;
    font-size: 19px !important;
    font-family: "helvetica", 'Open Sans', "Verdana", "Palatino Linotype", Palatino, serif;
    padding: 18px 5px;
    margin-bottom: 0px;
    margin-top: 0px;
}

#pricingfeatures {
  border-top: 1px solid #dfd9e2ba;
  padding: 20px 30px 30px 30px;
}

.page-id-91 #upgrade-tick {
    margin-bottom: -3px;
}

.pricingbottom {
    background-color: #fbf7fe;
    height: 550px;
    width: 100%;
    margin-top: 0px !important;
    overflow: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: -1;
}

.page-id-91 #homepsubheaderbottom {
    font-size: 27px;
    max-width: 770px;
    margin-left: auto;
    color: #5a5564;
    font-weight: 700;
    margin-right: auto;
    margin-top: 23px;
    margin-bottom: 35px;
}

#pricingsubheader {
    font-size: 18px;
    margin-top: 30px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
     color: #3e404a;
    font-family: IBM Plex Mono, Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.page-id-91 #homepmainheaderbottom  {
 background: linear-gradient(to right, #ff7ce7, #7a2f88);
  background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.page-id-91 .box {
    width: 100%;
    max-width: 320px;
}

.page-id-91 .homepagetop {
 background-color: #ffffff;
}

#afterbuttontext2 {
    font-size: 15px;
    font-family: Helvetica, Arial, sans-serif;
    margin-top: -15px;
    margin-bottom: 40px;
    color: #4b4e63;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 0.5px;
}

/* About page */

.page-id-95 #homepmainheader {
    padding-top: 0px;
    font-size: 35px;
    line-height: 1.3;
    margin-bottom: 40px;
    margin-top: 0px;
}

#fontaipurple {
color: #d42f77;
}

#fontneongreen {
 color: #60afaf;
 font-weight: bold;
}

.page-id-95 #infopage p {
    font-size: 17px;
}

.aboutpagemiddle {
    background-color: #221f2e;
    width: 100%;
    overflow: auto;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 50px;
    padding-top: 60px;
}

.aboutpagemiddle p {
    font-family: IBM Plex Mono, Helvetica, Arial, sans-serif;
    font-size: 19px;
 line-height: 1.5;
 color: #bcbfd4;
}

.aboutpagemiddle a {
   font-family: IBM Plex Mono, Helvetica, Arial, sans-serif;
    font-size: 19px;
    color: #ffffff;
    text-decoration: none;
}

.aboutpagemiddle a:hover {
text-decoration: underline;
 color: #ffffff;
}

.page-id-95 #apphomeshadow {
    margin-bottom: 50px;
}

  #options3d {
  margin: 0 -42px 43px 20px;
}

#modules-scroll-image {
  margin-bottom: -24px;
}

#mobile-videoplayer-vsl {
    width: 100%;
    max-width: 700px;
    height: auto;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 25px;
}

#aboutcontacttext {
  text-align: center !important;
}

#aboutemailsupport {
    font-weight: 300;
    margin-top: -10px;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: 0px;
    color: #c43b96;
    font-size: 33px;
}

/* 404 page */

#big404 {
 font-size: 39px;
}

/* Quick Start Guide page */

.page-id-122 .homepagequestions {
 margin-bottom: -130px;
 padding-bottom: 150px !important;
}

#loginquickstart {
    margin-right: 5px;
   font-size: 12px !important;
    padding: 12px 12px 12px !important;
     font-family: 'Helvetica', 'Open Sans', "Verdana", "Palatino Linotype", Palatino, serif !important;
    border: 2px solid #d661f9 !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px;
    color: #fff6ff !important;
    margin-left: 3px;
}

#loginquickstart:hover {
  background-color: #d661f9;
 color: #ffffff !important;
 text-decoration: none !important;
}

#quickstartscreenshot {
    width: 100%;
    max-width: 300px;
    height: auto;
}

#quickstartarrow {
    margin-bottom: -15px;
    margin-top: -10px;
}

#bigplus {
    font-size: 32px;
   color: #ffffff;
    margin-left: 3px;
   margin-right: 3px;
}

#quickstartvid {
   width: 100%;
   margin-bottom: 25px;
    margin-left: auto !important;
    margin-right: auto !important;
    border-left: 1px solid #d3d3d338;
    border-right: 1px solid #d3d3d338;
}

#quickstartvid-getreplies {
   width: 100%;
   margin-bottom: 0px;
    margin-left: auto !important;
    margin-right: auto !important;
    border-left: 1px solid #d3d3d338;
    border-right: 1px solid #d3d3d338;
}

#quickstartvid2 {
    max-width: 300px !important;
    height: auto;
    border: none !important;
    margin-left: 2% !important;
    padding-bottom: 25px;
    margin-bottom: -25px;
}

#scroll-through-images-quickstart {
    float: right;
    margin-right: 40%;
    opacity: 0.7;
    margin-top: 0px;
}



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


/* Quick Start Guide mobile */

.page-id-122 .homepagequestions {
    padding-bottom: 80px !important;
    padding-left: 0px;
    padding-right: 0px;
   margin-top: 0px !important;
   padding-top: 0px;
}

.page-id-122 #infopage {
        padding-left: 3%;
        padding-right: 3%;
    }

#infopage2 {
      padding-left: 1%;
      padding-right: 1%;
}

.page-id-122 h2#accordianh2 {
    font-size: 16px !important;
    margin-top: -21px !important;
    padding: 23px;
}

#quickstarth3 {
  font-size: 15px;
}

.page-id-122 details p {
    padding: 15px 10px 15px 10px;
}

#loginquickstart {
    margin-right: 0px !important;
    padding: 5px 5px 5px !important;
    border: none !important;
    margin-left: 0px !important;
}

#loginquickstart:hover {
  background-color: none !important;
 color: #ffffff !important;
 text-decoration: none !important;
}

#share-icon {
    display: inline;
    width: 18px;
    line-height: 1.4;
    margin-left: 2px;
    margin-right: 2px;
    opacity: 1;
    margin-bottom: -3px;
}

#bigplus {
    font-size: 17px;
}

#quickstartdesktopimage {
 display: none;
}

#scroll-through-images-quickstart {
    width: 80px;
    height: auto;
    margin-right: -10px;
    margin-top: -10px;
}

#scroll-modules-quickstart {
    width: 190px;
}

/* About Page mobile */

#aboutemailsupport {
    font-size: 22px;
}

#big404 {
    font-size: 26px;
}

.page-id-115 #infopage p {
    font-size: 16px;
}

#arrow404 {
   margin-bottom: -15px;
}

.page-id-91 .before-footer-cta, .page-id-95 .before-footer-cta {
    padding-top: 50px;
}

    .page-id-95 #homepmainheader {
        font-size: 24px;
        margin-bottom: 0px;
    }

.aboutpagemiddle {
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 20px;
    padding-top: 25px;
}

#options3d {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: auto;
    }

.aboutpagemiddle p {
    font-size: 15px;
}

.aboutpagemiddle a {
    font-size: 15px;
}

.page-id-95 .box {
    margin-top: -20px;
}

.page-id-95 .button-home {
    font-size: 15px !important;
    max-width: 280px;
}

#highlight {
    padding: 2px 2px;
}

/* Pricing Page mobile */

#pricingheader {
    font-size: 18px;
}

.page-id-91 #afterbuttontext {
    font-size: 12px;
}

#pricingfreetrial {
    font-size: 29px;
}

    #pricingtopbox {
        padding: 15px 15px 0px 15px;
    }

#pricingcenterbox {
    width: 92%;
    margin-bottom: -432px !important;
    max-width: 420px;
}

#pricingplanheader {
    font-size: 18px;
}

#bigprice {
    font-size: 26px;
}

#pricemonthly, #pricemonthly2 {
    font-size: 14px;
}

.page-id-91 .button-home {
    font-size: 15px !important;
    max-width: 400px;
}

#pricingfeatures {
    padding: 20px 15px 15px 15px;
}

.page-id-91 #upgrade-tick {
   margin-bottom: -2px;
   width: 15px;
   height: 15px;
}

.page-id-91 #appfeatures {
        font-size: 15px;
    }

.pricingbottom {
    height: 520px;
}

.page-id-91 #homepmainheaderbottom {
    font-size: 32px;
    max-width: 700px;
    margin-top: 40px;
     margin-left: auto;
     margin-right: auto;
}

.page-id-91 #homepsubheaderbottom {
    font-size: 20px;
    max-width: 560px;
    line-height: 1.5;
}

#pricingsubheader {
    font-size: 15px;
}

#afterbuttontext2 {
    font-size: 13px;
}

/*  Info page mobile */

#infopage {
    margin-top: 0px;
   padding-left: 4%;
   padding-right: 4%;
}

    #infopage p {
        font-size: 15px;
        line-height: 1.5;
    }

#infopage a {
    font-size: 15px;
}

#infopage > h1 {
    font-size: 26px;
}

#infopage > h3 {
    font-size: 17px;
}

/*  END Info page mobile */

#otheaderarea {
 padding-left: 2%;
 padding-right: 2%;
    height: 85px;
}

    #otlogo {
        width: 47px;
        padding-top: 17px;
    }

.site-inner {
   padding-left: 0%;
   padding-right: 0%;
 }

#lptopcontainer {
 padding-left: 3%;
 padding-right: 3%;
}

#otnavlink {
    margin-left: -1px;
    border: 2px solid #d661f9;
}

#otnavlinkleft {
    margin-right: 14px;
}

#otnavbarleft {
        font-size: 9px;
        padding-top: 32px;
    }

#homeph1 {
    font-size: 40px;
}

.page-id-112 #homeph1 {
  margin-top: 36px;
} 

#homeph2 {
    font-size: 15px;
}


    .button-home {
        width: 100% !important;
        font-size: 14px !important;
        padding: 15px 12px;
    }

#afterbuttontext {
    font-size: 11px;
    margin-top: -30px;
}

.homepagetop {
 padding-left: 3%;
 padding-right: 3%;
overflow: auto;
padding-bottom: 40px;
}

#hometopleft {
    width: 100%;
    padding-top: 15px;
    padding-left: 0;
    margin-right: 0;
}

#hometopright {
   width: 100%;
    padding-top: 20px;
    padding-left: 0;
    margin-left: auto !important;
   margin-right: auto !important;
}

#hometopleft1 {
    width: 100%;
    padding-top: 15px;
    padding-left: 0;
    margin-right: 0;
}

#hometopright1 {
   width: 100%;
    padding-top: 20px;
    padding-left: 0;
    margin-left: auto !important;
   margin-right: auto !important;
}

    #homeph3 {
        font-size: 24px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px;
        text-align: center;
    }

#homeph4 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
}

#aiwebappmodel {
  display: none;
}

#arrowcta {
    margin-bottom: -10px;
    width: 35px;
}

#aiwebappmodelmobile {
        width: 180px;
        height: auto;
        margin-top: -35px;
    }

    .homepagehowworks {
        padding-left: 3%;
        padding-right: 3%;
        overflow: auto;
        padding-top: 50px;
      padding-bottom: 15px;
}

  .homepagehowworks2 {
        padding-left: 3%;
        padding-right: 3%;
       overflow: hidden;
       padding-top: 50px;
     padding-bottom: 40px;
}

.homepagemanageoptions {
        padding-left: 3%;
        padding-right: 3%;
        overflow: auto;
        padding-top: 55px;
        padding-bottom: 50px;
    }

#homepmainheaderblack {
    padding-top: 5px;
    font-size: 26px;
    line-height: 1.4;
}

#homepmainheader {
    padding-top: 30px;
    font-size: 24px;
    line-height: 1.4;
}

#numsteps {
    width: 35px;
    height: 35px;
    line-height: 1.7;
    margin-right: 10px;
    margin-top: -2px;
}

#homesteps {
    padding-top: 0px;
    font-size: 21px;
    line-height: 1.4;
}

#stepsubheader {
    font-size: 19px;
    padding-top: 10px;
}

#stepdescription {
    font-size: 16px;
    padding-top: 20px;
    margin-bottom: 15px;
}

#appfeatures {
    font-size: 14px;
   margin-bottom: 5px;
}

#appfeatures2 {
    font-size: 14px;
    padding-top: 9px;
   margin-bottom: 6px;
}

#upgrade-tick {
   width: 13px;
   height: 12px;
   margin-right: 6px;
 }


#webappmodelsteps {
  display: none;
}

 #webappmodelstepsmobile {
        box-shadow: 0px 1px 10px #aca7a7;
        width: 80%;
        height: auto;
        max-width: 250px;
        margin-top: 30px;
    }

    .scroll-modules {
        height: 535px;
        padding-top: 123px;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        width: 225px;
    }

    #scroll-modules2 {
        width: 184px;
        height: 302px;
        overflow-y: scroll !important;
        overflow-x: hidden;
        margin-left: auto;
        margin-right: auto;
        padding-left: 4px;
    }

#scroll-through-images-cta-mobile {
        width: 116px;
        height: auto;
        margin-top: 0px;
        margin-right: -15px;
        margin-bottom: -80px;
        padding-right: 5%;
    }

    #homemainsubheader {
        font-size: 17px;
        line-height: 1.5;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

.button2-home {
    width: 100% !important;
    font-size: 14px !important;
    padding: 15px 12px;
    margin-bottom: -10px;
    margin-top: -20px;
}

#manageoptionsleft {
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-left: 0%;
    margin-right: 0%;
}

#manageoptionsright {
    float: left;
    width: 100%;
    padding-top: 0px;
    margin-top: -20px;
}

    #manageoptionsimage {
        width: 85%;
        margin-top: 0px;
        margin-bottom: -30px;
    }

#apphomeshadow {
   margin-bottom: 50px;
}

#ottestp1, #ottestp2, #ottestp3, #ottestp4 {
     display: none;
    }

#ottestp1mob, #ottestp2mob, #ottestp3mob, #ottestp4mob {
      margin-top: 40px;
        float: left;
        width: 90%;
        margin-bottom: 5px;
        margin-left: 5%;
        margin-right: 5%;
        height: auto;
    }

.homepagetestimonials {
       padding-left: 3%;
        padding-right: 3%;
        overflow: auto;
        padding-top: 55px;
        padding-bottom: 50px;
}

.homepagequestions {
     padding-left: 3%;
     padding-right: 3%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 35px !important;
}

.homepagehowworks3  {
     padding-left: 3%;
     padding-right: 3%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 0px;
}

.homepagebottom {
     padding-left: 3%;
     padding-right: 3%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 0px;
}

h2#accordianh2 {
    font-size: 15px !important;
    padding-right: 42px !important;
    padding-left: 10px !important;
    padding: 16px;
}

#questionanswers {
    font-size: 15px;
    padding: 15px 25px 10px 10px;
}

.homepagehowworks3 p {
    font-size: 14px;
    line-height: 1.5;
}

#apphomescreenleft {
    width: 47%;
    padding-left: 0%;
    margin-right: 3%;
}

#apphomescreenright {
    width: 47%;
    margin-left: 3%;
}

#homepmainheaderbottom {
    padding-top: 30px;
    font-size: 36px;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
}

    #homepsubheaderbottom {
        font-size: 16px;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

    #bottom-nav {
        padding-top: 20px;
        margin-bottom: 5px;
        font-size: 11px;
    }

    #footermenu1, #footermenu2, #footermenu3 {
        margin-right: 15px;
        margin-bottom: 12px;
        outline: none;
    }

#footermenu4 {
        margin-right: 0px;
        margin-bottom: 25px;
    }


#copyrightmwo {
    font-size: 11px;
}

}


@media only screen and (min-width: 300px) and (max-width: 380px) {


/* Quick Start Guide mobile */

.page-id-122 .homepagequestions {
    padding-bottom: 80px !important;
    padding-left: 0px;
    padding-right: 0px;
   margin-top: 0px !important;
   padding-top: 0px;
}

.page-id-122 #infopage {
        padding-left: 3%;
        padding-right: 3%;
    }

#infopage2 {
      padding-left: 1%;
      padding-right: 1%;
}

.page-id-122 h2#accordianh2 {
    font-size: 17px !important;
    margin-top: -21px !important;
    padding: 23px;
}

#quickstarth3 {
  font-size: 16px;
}

.page-id-122 details p {
    padding: 15px 10px 15px 10px;
}

#loginquickstart {
    margin-right: 0px !important;
    padding: 5px 5px 5px !important;
    border: none !important;
    margin-left: 0px !important;
}

#loginquickstart:hover {
  background-color: none !important;
 color: #ffffff !important;
 text-decoration: none !important;
}

#share-icon {
    display: inline;
    width: 20px;
    line-height: 1.4;
    margin-left: 3px;
    margin-right: 3px;
    opacity: 1;
    margin-bottom: -3px;
}

#bigplus {
    font-size: 19px;
}

#quickstartdesktopimage {
 display: none;
}

#scroll-through-images-quickstart {
    width: 80px;
    height: auto;
    margin-right: -10px;
    margin-top: -10px;
}

#scroll-modules-quickstart {
    width: 255px;
}

/* About Page mobile */

#aboutemailsupport {
    font-size: 26px;
}

#big404 {
    font-size: 30px;
}

#arrow404 {
   margin-bottom: -15px;
}

.page-id-115 #infopage p {
    font-size: 17px;
}

.page-id-91 .before-footer-cta, .page-id-95 .before-footer-cta {
    padding-top: 50px;
}

    .page-id-95 #homepmainheader {
        font-size: 28px;
        margin-bottom: 0px;
    }

.aboutpagemiddle {
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 20px;
    padding-top: 25px;
}

#options3d {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
        height: auto;
    }

.aboutpagemiddle p {
    font-size: 15px;
}

.aboutpagemiddle a {
    font-size: 15px;
}

.page-id-95 .box {
    margin-top: -20px;
}

.page-id-95 .button-home {
    font-size: 15px !important;
    max-width: 280px;
}

#highlight {
    padding: 2px 2px;
}

/* Pricing Page mobile */

#pricingheader {
    font-size: 20px;
}

.page-id-91 #afterbuttontext {
    font-size: 13px;
}

#pricingfreetrial {
    font-size: 34px;
}

#pricingtopbox {
    padding: 20px 20px 0px 20px;
}

#pricingcenterbox {
    width: 92%;
    margin-bottom: -432px !important;
    max-width: 420px;
}

#pricingplanheader {
    font-size: 20px;
}

#bigprice {
    font-size: 28px;
}

#pricemonthly, #pricemonthly2 {
    font-size: 14px;
}

.page-id-91 .button-home {
    font-size: 15px !important;
    max-width: 400px;
}

#pricingfeatures {
    padding: 20px 20px 20px 20px;
}

.page-id-91 #upgrade-tick {
   margin-bottom: -2px;
   width: 15px;
   height: 15px;
}

.page-id-91 #appfeatures {
        font-size: 15px;
    }

.pricingbottom {
    height: 520px;
}

.page-id-91 #homepmainheaderbottom {
    font-size: 32px;
    max-width: 700px;
    margin-top: 40px;
     margin-left: auto;
     margin-right: auto;
}

.page-id-91 #homepsubheaderbottom {
    font-size: 20px;
    max-width: 560px;
    line-height: 1.5;
}

#pricingsubheader {
    font-size: 15px;
}

#afterbuttontext2 {
    font-size: 13px;
}

/*  Info page mobile */

#infopage {
    margin-top: 0px;
   padding-left: 4%;
   padding-right: 4%;
}

    #infopage p {
        font-size: 15px;
        line-height: 1.5;
    }

#infopage a {
    font-size: 15px;
}

#infopage > h1 {
    font-size: 30px;
}

#infopage > h3 {
    font-size: 20px;
}

/*  END Info page mobile */

#otheaderarea {
 padding-left: 3%;
 padding-right: 3%;
   height: 85px;
}

    #otlogo {
        width: 56px;
        padding-top: 14px;
    }

.site-inner {
   padding-left: 0%;
   padding-right: 0%;
 }

#lptopcontainer {
 padding-left: 4%;
 padding-right: 4%;
}

#otnavlink {
    margin-left: -2px;
}

#otnavlinkleft {
    margin-right: 28px;
}

#otnavbarleft {
        font-size: 10px;
        padding-top: 32px;
    }

#homeph1 {
        font-size: 42px;
        line-height: 1.1;
        max-width: 340px;
        margin-left: auto;
        margin-right: auto;
}

.page-id-112 #homeph1 {
  margin-top: 36px;
} 

#homeph2 {
    font-size: 17px;
}


.page-id-112 #player {
    display: block;
    margin-top: -200px;
}

    .button-home {
        width: 90% !important;
        max-width: 360px;
        font-size: 16px !important;
        padding: 17px 15px;
    }

#afterbuttontext {
    font-size: 12px;
    margin-top: -30px;
}

.homepagetop {
 padding-left: 3%;
 padding-right: 3%;
overflow: auto;
padding-bottom: 40px;
}

#hometopleft {
    width: 100%;
    padding-top: 15px;
    padding-left: 0;
    margin-right: 0;
}

#hometopright {
   width: 100%;
    padding-top: 20px;
    padding-left: 0;
    margin-left: auto !important;
   margin-right: auto !important;
}

#hometopleft1 {
    width: 100%;
    padding-top: 15px;
    padding-left: 0;
    margin-right: 0;
}

#hometopright1 {
   width: 100%;
    padding-top: 20px;
    padding-left: 0;
    margin-left: auto !important;
   margin-right: auto !important;
}

    #homeph3 {
        font-size: 27px;
        max-width: 330px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px;
        text-align: center;
    }

#homeph4 {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}

#aiwebappmodel {
  display: none;
}

#arrowcta {
    margin-bottom: -10px;
    width: 40px;
}

#aiwebappmodelmobile {
        width: 180px;
        height: auto;
        margin-top: -35px;
    }

    .homepagehowworks {
        padding-left: 3%;
        padding-right: 3%;
        overflow: auto;
        padding-top: 50px;
      padding-bottom: 15px;
}

  .homepagehowworks2 {
        padding-left: 3%;
        padding-right: 3%;
       overflow: hidden;
       padding-top: 50px;
     padding-bottom: 40px;
}

.homepagemanageoptions {
        padding-left: 3%;
        padding-right: 3%;
        overflow: auto;
        padding-top: 55px;
        padding-bottom: 50px;
    }

#homepmainheaderblack {
    padding-top: 5px;
    font-size: 30px;
    line-height: 1.4;
}

#homepmainheader {
    padding-top: 30px;
    font-size: 28px;
    line-height: 1.4;
}

#numsteps {
    width: 40px;
    height: 40px;
    line-height: 1.7;
    margin-right: 10px;
    margin-top: -2px;
}

#homesteps {
    padding-top: 0px;
    font-size: 23px;
    line-height: 1.5;
}

#stepsubheader {
    font-size: 20px;
    padding-top: 10px;
}

#stepdescription {
    font-size: 18px;
    padding-top: 20px;
    margin-bottom: 15px;
}

#appfeatures {
    font-size: 15px;
   margin-bottom: 5px;
}

#appfeatures2 {
    font-size: 15px;
    padding-top: 9px;
   margin-bottom: 6px;
}

#upgrade-tick {
width: 16px;
height: 14px;
}


#webappmodelsteps {
  display: none;
}

 #webappmodelstepsmobile {
        box-shadow: 0px 1px 10px #aca7a7;
        width: 80%;
        height: auto;
        max-width: 250px;
        margin-top: 30px;
    }

    .scroll-modules {
        height: 674px;
        padding-top: 149px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        width: 295px;
    }

    #scroll-modules2 {
        width: 240px;
        height: 392px;
        overflow-y: scroll !important;
        overflow-x: hidden;
        margin-left: auto;
        margin-right: auto;
        padding-left: 4px;
    }

#scroll-through-images-cta-mobile {
        width: 140px;
        height: auto;
        margin-top: 0px;
        margin-right: -15px;
        margin-bottom: -15px;
        padding-right: 5%;
    }

    #homemainsubheader {
        font-size: 19px;
        line-height: 1.5;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

.button2-home {
    width: 90% !important;
    max-width: 320px;
    font-size: 16px !important;
    padding: 17px 15px;
    margin-bottom: -10px;
    margin-top: -20px;
}

#manageoptionsleft {
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-left: 0%;
    margin-right: 0%;
}

#manageoptionsright {
    float: left;
    width: 100%;
    padding-top: 0px;
    margin-top: -20px;
}

    #manageoptionsimage {
        width: 100%;
        max-width: 250px;
        margin-top: 0px;
        margin-bottom: -30px;
    }

#apphomeshadow {
   margin-bottom: 60px;
}

#ottestp1, #ottestp2, #ottestp3, #ottestp4 {
     display: none;
    }

#ottestp1mob, #ottestp2mob, #ottestp3mob, #ottestp4mob {
      margin-top: 40px;
        float: left;
        width: 90%;
        max-width: 520px;
        margin-bottom: 5px;
        margin-left: 5%;
        margin-right: 5%;
        height: auto;
    }

.homepagetestimonials {
       padding-left: 3%;
        padding-right: 3%;
        overflow: auto;
        padding-top: 55px;
        padding-bottom: 50px;
}

.homepagequestions {
     padding-left: 3%;
     padding-right: 3%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 35px !important;
}

.homepagehowworks3  {
     padding-left: 3%;
     padding-right: 3%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 0px;
}

.homepagebottom {
     padding-left: 3%;
     padding-right: 3%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 0px;
}

h2#accordianh2 {
    font-size: 15px !important;
    padding-right: 42px !important;
    padding-left: 10px !important;
    padding: 16px;
}

#questionanswers {
    font-size: 15px;
    padding: 15px 25px 10px 10px;
}

.homepagehowworks3 p {
    font-size: 15px;
    line-height: 1.5;
}

#apphomescreenleft {
    width: 45%;
    padding-left: 0%;
    margin-right: 5%;
}

#apphomescreenright {
    width: 45%;
    margin-left: 5%;
}

#homepmainheaderbottom {
    padding-top: 30px;
    font-size: 40px;
    line-height: 1.3;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

    #homepsubheaderbottom {
        font-size: 18px;
        margin-top: 24px;
        max-width: 358px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

    #bottom-nav {
        max-width: 390px;
        padding-top: 20px;
        margin-bottom: 5px;
        font-size: 12px;
    }

    #footermenu1, #footermenu2, #footermenu3 {
        margin-right: 17px;
        margin-bottom: 12px;
        outline: none;
    }

#footermenu4 {
        margin-right: 0px;
        margin-bottom: 30px;
    }


#copyrightmwo {
    font-size: 11px;
}


}



@media only screen and (min-width: 381px) and (max-width: 782px) {

/* Quick Start Guide mobile */

.page-id-122 .homepagequestions {
    padding-bottom: 80px !important;
    padding-left: 0px;
    padding-right: 0px;
   margin-top: 0px !important;
   padding-top: 0px;
}

.page-id-122 #infopage {
        padding-left: 3%;
        padding-right: 3%;
    }

#infopage2 {
      padding-left: 2%;
      padding-right: 2%;
}

.page-id-122 h2#accordianh2 {
    font-size: 18px !important;
    margin-top: -21px !important;
    padding: 23px;
}

#quickstarth3 {
  font-size: 17px;
}

.page-id-122 details p {
    padding: 15px 15px 15px 10px;
}

#loginquickstart {
    margin-right: 0px !important;
    padding: 5px 5px 5px !important;
    border: none !important;
    margin-left: 0px !important;
}

#loginquickstart:hover {
  background-color: none !important;
 color: #ffffff !important;
 text-decoration: none !important;
}

#share-icon {
    display: inline;
    width: 20px;
    line-height: 1.4;
    margin-left: 3px;
    margin-right: 3px;
    opacity: 1;
    margin-bottom: -3px;
}

#bigplus {
    font-size: 21px;
}

#quickstartdesktopimage {
 display: none;
}

#scroll-through-images-quickstart {
        width: 90px;
        height: auto;
        margin-right: 1%;
        margin-top: -10px;   
}


/* About Page mobile */

#aboutemailsupport {
    font-size: 30px;
}

#big404 {
    font-size: 32px;
}

.page-id-115 #infopage p {
    font-size: 18px;
}

#arrow404 {
   margin-bottom: -15px;
}

.page-id-91 .before-footer-cta, .page-id-95 .before-footer-cta {
    padding-top: 50px;
}
    .page-id-95 #homepmainheader {
        font-size: 30px;
        margin-bottom: 0px;
        max-width: 395px;
        margin-left: auto;
        margin-right: auto;
    }

.aboutpagemiddle {
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 20px;
    padding-top: 25px;
}

#options3d {
    margin: 0px -18px 43px 20px;
    width: 200px;
    height: auto;
}

.aboutpagemiddle p {
    font-size: 16px;
}

.aboutpagemiddle a {
    font-size: 16px;
}

.page-id-95 .box {
    margin-top: -20px;
}

.page-id-95 .button-home {
    font-size: 16px !important;
    max-width: 280px;
}

#highlight {
    padding: 2px 2px;
}

/* Pricing Page mobile */

#pricingheader {
    font-size: 21px;
}

.page-id-91 #afterbuttontext {
    font-size: 13px;
}

#pricingfreetrial {
    font-size: 38px;
}

#pricingtopbox {
    padding: 25px 25px 0px 25px;
}

#pricingcenterbox {
    width: 90%;
    margin-bottom: -432px !important;
    max-width: 420px;
}

#pricingplanheader {
    font-size: 21px;
}

#bigprice {
    font-size: 30px;
}

#pricemonthly, #pricemonthly2 {
    font-size: 15px;
}

.page-id-91 .button-home {
    font-size: 16px !important;
    max-width: 450px;
}

#pricingfeatures {
    padding: 20px 25px 25px 25px;
}

.page-id-91 #upgrade-tick {
   margin-bottom: -2px;
   width: 15px;
   height: 15px;
}

.page-id-91 #appfeatures {
        font-size: 15px;
    }

.pricingbottom {
    height: 520px;
}

.page-id-91 #homepmainheaderbottom {
    font-size: 36px;
    max-width: 700px;
    margin-top: 40px;
     margin-left: auto;
     margin-right: auto;
}

.page-id-91 #homepsubheaderbottom {
    font-size: 21px;
    max-width: 560px;
    line-height: 1.5;
}

#pricingsubheader {
    font-size: 16px;
}

#afterbuttontext2 {
    font-size: 13px;
}

/*  Info page mobile */

#infopage {
    margin-top: 0px;
   padding-left: 5%;
   padding-right: 5%;
}

    #infopage p {
        font-size: 15px;
        line-height: 1.5;
    }

#infopage a {
    font-size: 15px;
}

/*  END Info page mobile */

#otheaderarea {
 padding-left: 3%;
 padding-right: 3%;
   height: 85px;
}

#otlogo {
    width: 60px;
    padding-top: 16px;
}

.site-inner {
   padding-left: 0%;
   padding-right: 0%;
 }

#lptopcontainer {
 padding-left: 4%;
 padding-right: 4%;
}

#otnavlink {
    margin-left: -2px;
}

#otnavbarleft {
    font-size: 11px;
    padding-top: 34px;
}

    #homeph1 {
        font-size: 46px;
        padding-left: 1%;
        padding-right: 1%;
        line-height: 1.1;
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
    }

.page-id-112 #homeph1 {
  margin-top: 36px;
} 

#homeph2 {
    font-size: 19px;
}

#mobile-videoplayer-vsl {
    width: 100%;
    max-width: 500px;
   height: auto;
}

.button-home {
    width: 72% !important;
    max-width: 310px;
    font-size: 19px !important;
    padding: 20px 15px;
}

#afterbuttontext {
    font-size: 13px;
    margin-top: -30px;
}

.homepagetop {
 padding-left: 3%;
 padding-right: 3%;
overflow: auto;
padding-bottom: 40px;
}

#hometopleft {
    width: 100%;
    padding-top: 15px;
    padding-left: 0;
    margin-right: 0;
}

#hometopright {
   width: 100%;
    padding-top: 20px;
    padding-left: 0;
    margin-left: auto !important;
   margin-right: auto !important;
}

#hometopleft1 {
    width: 100%;
    padding-top: 15px;
    padding-left: 0;
    margin-right: 0;
}

#hometopright1 {
   width: 100%;
    padding-top: 20px;
    padding-left: 0;
    margin-left: auto !important;
   margin-right: auto !important;
}

    #homeph3 {
        font-size: 29px;
        max-width: 330px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px;
        text-align: center;
    }

#homeph4 {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
}

#aiwebappmodel {
  display: none;
}

#arrowcta {
    margin-bottom: -10px;
    width: 40px;
}

#aiwebappmodelmobile {
        width: 180px;
        height: auto;
        margin-top: -35px;
    }

    .homepagehowworks {
        padding-left: 4%;
        padding-right: 4%;
        overflow: auto;
        padding-top: 50px;
      padding-bottom: 15px;
}

  .homepagehowworks2 {
        padding-left: 4%;
        padding-right: 4%;
       overflow: auto;
       padding-top: 50px;
     padding-bottom: 40px;
}

.homepagemanageoptions {
        padding-left: 4%;
        padding-right: 4%;
        overflow: auto;
        padding-top: 55px;
        padding-bottom: 50px;
    }

#homepmainheaderblack {
    padding-top: 5px;
    font-size: 32px;
    line-height: 1.4;
}

#homepmainheader {
    padding-top: 30px;
    font-size: 30px;
    line-height: 1.4;
}

#numsteps {
    width: 40px;
    height: 40px;
    line-height: 1.7;
    margin-right: 10px;
    margin-top: -2px;
}

#homesteps {
    padding-top: 0px;
    font-size: 25px;
    line-height: 1.5;
}

#stepsubheader {
    font-size: 22px;
    padding-top: 10px;
}

#stepdescription {
    font-size: 20px;
    padding-top: 20px;
    margin-bottom: 15px;
}

#appfeatures {
    font-size: 16px;
   margin-bottom: 5px;
}

#appfeatures2 {
    font-size: 16px;
    padding-top: 9px;
   margin-bottom: 6px;
}

#upgrade-tick {
width: 16px;
height: 14px;
}


#webappmodelsteps {
  display: none;
}

 #webappmodelstepsmobile {
        box-shadow: 0px 1px 10px #aca7a7;
        width: 75%;
        height: auto;
        max-width: 250px;
        margin-top: 30px;
    }

.scroll-modules {
    height: 656px;
    padding-top: 116px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: 324px;
}

#scroll-modules2 {
    width: 265px;
    height: 439px;
    overflow-y: scroll !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4px;
}

#scroll-through-images-cta-mobile {
        width: 140px;
        height: auto;
        margin-top: 0px;
        margin-right: -15px;
        margin-bottom: -15px;
        padding-right: 5%;
    }

    #homemainsubheader {
        font-size: 21px;
        line-height: 1.5;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

.button2-home {
    width: 55% !important;
    max-width: 210px;
    font-size: 18px !important;
    padding: 20px 15px;
    margin-bottom: -10px;
    margin-top: -20px;
}

#manageoptionsleft {
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-left: 0%;
    margin-right: 0%;
}

#manageoptionsright {
    float: left;
    width: 100%;
    padding-top: 0px;
    margin-top: -20px;
}

    #manageoptionsimage {
        width: 100%;
        max-width: 250px;
        margin-top: 0px;
        margin-bottom: -30px;
    }

#ottestp1, #ottestp2, #ottestp3, #ottestp4 {
     display: none;
    }

#ottestp1mob, #ottestp2mob, #ottestp3mob, #ottestp4mob {
      margin-top: 40px;
        float: left;
        width: 84%;
        max-width: 520px;
        margin-bottom: 5px;
        margin-left: 8%;
        margin-right: 8%;
        height: auto;
    }

.homepagetestimonials {
       padding-left: 4%;
        padding-right: 4%;
        overflow: auto;
        padding-top: 55px;
        padding-bottom: 50px;
}

.homepagequestions {
     padding-left: 4%;
     padding-right: 4%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 35px !important;
}

.homepagehowworks3  {
     padding-left: 4%;
     padding-right: 4%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 0px;
}

.homepagebottom {
     padding-left: 4%;
     padding-right: 4%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 0px;
}

h2#accordianh2 {
    font-size: 16px !important;
    padding-right: 42px !important;
    padding-left: 10px !important;
    padding: 16px;
}

#questionanswers {
    font-size: 16px;
    padding: 15px 25px 10px 10px;
}

.homepagehowworks3 p {
    font-size: 16px;
    line-height: 1.5;
}

#apphomescreenleft {
    width: 43%;
    padding-left: 0%;
    margin-right: 7%;
}

#apphomescreenright {
    width: 43%;
    margin-left: 7%;
}

#homepmainheaderbottom {
    padding-top: 30px;
    font-size: 42px;
    line-height: 1.3;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

    #homepsubheaderbottom {
        font-size: 19px;
        margin-top: 24px;
        max-width: 358px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

    #bottom-nav {
        max-width: 390px;
        padding-top: 20px;
        margin-bottom: 5px;
        font-size: 12px;
    }

    #footermenu1, #footermenu2, #footermenu3 {
        margin-right: 17px;
        margin-bottom: 12px;
        outline: none;
    }

#footermenu4 {
        margin-right: 0px;
        margin-bottom: 30px;
    }


#copyrightmwo {
    font-size: 11px;
}

}

@media only screen and (min-width: 500px) and (max-width: 782px) {

#ottestp1, #ottestp2, #ottestp3, #ottestp4 { 
display: none;
}

#ottestp1mob, #ottestp2mob, #ottestp3mob, #ottestp4mob { 
 margin-top: 40px;
 float: left;
 width: 46% !important;
margin-bottom: 20px;
 margin-left: 2% !important;
 margin-right: 2% !important;
height: auto;
}

#ottestp1mob, #ottestp3mob { 
clear: both;
}

   #hometopleft1 {
        width: 52% !important;
        padding-top: 15px !important;
        padding-left: 0 !important;
        margin-right: 10% !important;
    }

#hometopright1 {
        width: 38% !important;
        padding-top: 20px;
        padding-left: 0;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #homeph3 {
        font-size: 27px !important;
        text-align: left !important;
      margin-left: 0px !important;
}

    #homeph4 {
    font-size: 19px !important;
    text-align: left !important;
}

    #aiwebappmodelmobile {
        width: 175px !important;
        height: auto;
        margin-top: 0 !important;
    }

}

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

/* Quick Start Guide mobile */

.page-id-122 .homepagequestions {
   margin-top: 0px !important;
   padding-top: 20px;
}

.page-id-122 #infopage {
 margin-top: 0px;
}

 .page-id-122 h2#accordianh2 {
   padding-left: 15px !important;
   font-size: 21px !important;
}

#quickstarth3 {
  font-size: 19px;
}

 #share-icon {
        width: 24px;
        margin-bottom: -5px;
    }

#bigplus {
    font-size: 24px;
}

#quickstartmobileimage {
 display: none;
}

#scroll-through-images-quickstart {
    margin-right: 30%;
}

/* About Page mobile */

#big404 {
    font-size: 36px;
}

.page-id-115 #infopage p {
    font-size: 19px;
}

#arrow404 {
   margin-bottom: -15px;
}

.page-id-91 .before-footer-cta, .page-id-95 .before-footer-cta {
    padding-top: 50px;
}

.page-id-95 #homepmainheader {
        font-size: 34px;
        margin-bottom: 0px;
        max-width: 596px;
        margin-left: auto;
        margin-right: auto;
    }

.aboutpagemiddle {
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 20px;
    padding-top: 25px;
}

#options3d {
    margin: 0px -18px 43px 20px;
    width: 240px;
    height: auto;
}

.aboutpagemiddle p {
    font-size: 16px;
}

.aboutpagemiddle a {
    font-size: 16px;
}

.page-id-95 .box {
    margin-top: -20px;
}

.page-id-95 .button-home {
    font-size: 16px !important;
    max-width: 340px;
}

/* Pricing Page mobile */

#pricingheader {
    font-size: 23px;
}

.page-id-91 #afterbuttontext {
    font-size: 14px;
}

#pricingfreetrial {
    font-size: 42px;
}

#pricingtopbox {
    padding: 25px 25px 0px 25px;
}

#pricingcenterbox {
    width: 90%;
    margin-bottom: -490px !important;
    max-width: 420px;
}

#pricingplanheader {
    font-size: 21px;
}

#bigprice {
    font-size: 32px;
}

#pricemonthly, #pricemonthly2 {
    font-size: 15px;
}

.page-id-91 .button-home {
    font-size: 16px !important;
    max-width: 450px;
}

#pricingfeatures {
    padding: 20px 25px 25px 25px;
}

.page-id-91 #upgrade-tick {
   margin-bottom: -2px;
   width: 15px;
   height: 15px;
}

.page-id-91 #appfeatures {
        font-size: 16px;
    }

.pricingbottom {
    height: 520px;
}

.page-id-91 #homepmainheaderbottom {
    font-size: 45px;
    max-width: 700px;
    margin-top: 40px;
     margin-left: auto;
     margin-right: auto;
}

.page-id-91 #homepsubheaderbottom {
    font-size: 25px;
    max-width: 560px;
    line-height: 1.5;
}

#pricingsubheader {
    font-size: 18px;
}

#afterbuttontext2 {
    font-size: 14px;
}

/* Info page tablet */

  #infopage {
   padding-left: 3%;
   padding-right: 3%;
}

#otheaderarea {
 padding-left: 5%;
 padding-right: 5%;
   height: 100px;
}

#otlogo {
    width: 70px;
    padding-top: 15px;
}

.site-inner {
   padding-left: 0%;
   padding-right: 0%;
 }

#lptopcontainer {
 padding-left: 5%;
 padding-right: 5%;
}

#otnavlink {
    margin-left: -2px;
}

#otnavbarleft {
        font-size: 12px;
        padding-top: 40px;
    }

#homeph1 {
    font-size: 50px;
}

.page-id-112 #homeph1 {
  font-size: 48px;
  margin-top: 36px;
}

#homeph2 {
    font-size: 19px;
}

.button-home {
    width: 72% !important;
    max-width: 310px;
    font-size: 19px !important;
    padding: 20px 15px;
}

#afterbuttontext {
    font-size: 13px;
    margin-top: -30px;
}

    .homepagetop {
        padding-left: 5%;
        padding-right: 5%;
        overflow: auto;
        padding-bottom: 40px;
        padding-top: 40px;
    }

#hometopleft {
    float: left;
    width: 50%;
    padding-top: 50px;
    padding-left: 0;
    margin-right: 3%;
}

    #hometopright {
        float: left;
        width: 45%;
        margin-top: 20px;
        margin-right: 2%;
    }

 #hometopleft1 {
        width: 52% !important;
        padding-top: 15px !important;
        padding-left: 0 !important;
        margin-right: 10% !important;
    }

#hometopright1 {
        width: 38% !important;
        padding-top: 20px;
        padding-left: 0;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #homeph3 {
        font-size: 34px !important;
        max-width: 365px;
        text-align: left !important;
        margin-left: 0px !important;
    }

    #homeph4 {
        font-size: 21px !important;
        max-width: 360px;
        text-align: left !important;
    }

#aiwebappmodel {
  display: none;
}

#arrowcta {
    margin-bottom: -10px;
    width: 40px;
}

    #aiwebappmodelmobile {
        width: 200px !important;
        height: auto;
        margin-top: -20px !important;
    }

    .homepagehowworks {
        padding-left: 5%;
        padding-right: 5%;
        overflow: auto;
        padding-top: 70px;
      padding-bottom: 35px;
}

  .homepagehowworks2 {
        padding-left: 5%;
        padding-right: 5%;
       overflow: auto;
       padding-top: 50px;
     padding-bottom: 40px;
}

.homepagemanageoptions {
        padding-left: 5%;
        padding-right: 5%;
        overflow: auto;
        padding-top: 70px;
        padding-bottom: 50px;
    }

    #homepmainheaderblack {
        padding-top: 5px;
        font-size: 35px;
        line-height: 1.5;
    }

#homepmainheader {
    padding-top: 30px;
    font-size: 35px;
    line-height: 1.5;
}

#numsteps {
    width: 40px;
    height: 40px;
    line-height: 1.7;
    margin-right: 10px;
    margin-top: -2px;
}

#homesteps {
    padding-top: 0px;
    font-size: 27px;
    margin-right: -13%;
    line-height: 1.5;
}

#stepsubheader {
    font-size: 23px;
    padding-top: 10px;
}

#stepdescription {
    font-size: 21px;
    margin-right: -5%;
    padding-top: 20px;
    margin-bottom: 15px;
}

#appfeatures {
    font-size: 16px;
   margin-bottom: 12px;
}

    #appfeatures2 {
        font-size: 18px;
        padding-top: 9px;
        margin-bottom: 12px;
    }

#upgrade-tick {
width: 16px;
height: 14px;
}


#webappmodelsteps {
    width: 75%;
    height: auto;
    max-width: 250px;
    margin-top: 30px;
   box-shadow: 0px 1px 10px #aca7a7;
}

 #webappmodelstepsmobile {
       display: none;
    }

    .scroll-modules {
        height: 600px;
        padding-top: 115px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: -7%;
        margin-bottom: 0px;
        width: 290px;
    }

    #scroll-modules2 {
        width: 236px;
        height: 387px;
        overflow-y: scroll !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 4px;
    }

#scroll-through-images-cta-mobile {
        width: 140px;
        height: auto;
        margin-top: 0px;
        margin-right: -15px;
        margin-bottom: -15px;
        padding-right: 5%;
    }

    #homemainsubheader {
        font-size: 22px;
        line-height: 1.5;
        max-width: 582px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

.button2-home {
    width: 55% !important;
    max-width: 210px;
    font-size: 18px !important;
    padding: 18px 14px;
    margin-bottom: -10px;
    margin-top: -20px;
}

#manageoptionsleft {
    float: left;
    width: 40%;
    padding-top: 50px;
    padding-left: 0%;
    margin-right: 5%;
}

#manageoptionsright {
        float: left;
        width: 55%;
        padding-top: 30px;
        margin-top: -20px;
    }

    #manageoptionsimage {
        width: 100%;
        max-width: 240px;
        margin-top: 0px;
        margin-bottom: -30px;
    }

#ottestp1, #ottestp2, #ottestp3, #ottestp4 {
     display: none;
    }

#ottestp1, #ottestp2, #ottestp3, #ottestp4 { 
display: none;
}

#ottestp1mob, #ottestp2mob, #ottestp3mob, #ottestp4mob { 
 margin-top: 40px;
 float: left;
 width: 40% !important;
margin-bottom: 20px;
 margin-left: 5% !important;
 margin-right: 5% !important;
height: auto;
}

#ottestp1mob, #ottestp3mob { 
clear: both;
}

.homepagetestimonials {
       padding-left: 5%;
        padding-right: 5%;
        overflow: auto;
        padding-top: 70px;
        padding-bottom: 50px;
}

.homepagequestions {
     padding-left: 5%;
     padding-right: 5%;
    margin: 0 auto;
    padding-top: 55px;
    padding-bottom: 50px !important;
}

.homepagehowworks3  {
     padding-left: 5%;
     padding-right: 5%;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 0px;
}

.homepagebottom {
     padding-left: 5%;
     padding-right: 5%;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 0px;
}

h2#accordianh2 {
    font-size: 17px !important;
    padding-right: 42px !important;
    padding-left: 10px !important;
    padding: 16px;
}

#questionanswers {
    font-size: 17px;
    padding: 15px 25px 10px 10px;
}

.homepagehowworks3 p {
    font-size: 16px;
    line-height: 1.5;
}

#apphomescreenleft {
    width: 40%;
    padding-left: 0%;
    margin-right: 10%;
}

#apphomescreenright {
    width: 40%;
    margin-left: 10%;
}

#homepmainheaderbottom {
        padding-top: 30px;
        font-size: 52px;
        line-height: 1.5;
    }

#homepsubheaderbottom {
        font-size: 22px;
        margin-top: 24px;
        max-width: 430px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

    #bottom-nav {
        max-width: 440px;
        padding-top: 20px;
        margin-bottom: 5px;
        font-size: 13px;
    }

    #footermenu1, #footermenu2, #footermenu3 {
        margin-right: 23px;
        margin-bottom: 12px;
        outline: none;
    }

#footermenu4 {
        margin-right: 0px;
        margin-bottom: 30px;
    }

#copyrightmwo {
    font-size: 12px;
}

}


@media only screen and (min-width: 992px) and (max-width: 1400px) {

/* Quick Start Guide */

.page-id-122 .homepagequestions {
   margin-top: 0px !important;
   padding-top: 20px;
}

.page-id-122 #infopage {
 margin-top: 0px;
}

 .page-id-122 h2#accordianh2 {
   padding-left: 15px !important;
   font-size: 22px !important;
}

#quickstarth3 {
  font-size: 19px;
}

 #share-icon {
        width: 26px;
        margin-bottom: -5px;
    }

#bigplus {
    font-size: 26px;
}

#quickstartmobileimage {
 display: none;
}

/* Pricing Page mobile */

#big404 {
    font-size: 36px;
}

.page-id-115 #infopage p {
    font-size: 19px;
}

#arrow404 {
   margin-bottom: -15px;
}

.page-id-91 .before-footer-cta, .page-id-95 .before-footer-cta {
    padding-top: 50px;
}

#pricingheader {
    font-size: 25px;
}

.page-id-91 #afterbuttontext {
    font-size: 14px;
}

#pricingfreetrial {
    font-size: 45px;
}

#pricingtopbox {
    padding: 30px 30px 0px 30px;
}

#pricingcenterbox {
    width: 100%;
    margin-bottom: -500px !important;
    max-width: 440px;
}

#pricingplanheader {
    font-size: 21px;
}

#bigprice {
    font-size: 35px;
}

#pricemonthly, #pricemonthly2 {
    font-size: 16px;
}

.page-id-91 .button-home {
    font-size: 16px !important;
    max-width: 450px;
}

.page-id-95 .button-home {
    font-size: 16px !important;
    max-width: 400px;
}


#pricingfeatures {
    padding: 20px 30px 30px 30px;
}

.page-id-91 #upgrade-tick {
   margin-bottom: -2px;
   width: 16px;
   height: 16px;
}

.page-id-91 #appfeatures {
        font-size: 16px;
    }

.pricingbottom {
   height: 590px;
}

.page-id-91 #homepmainheaderbottom {
    font-size: 54px;
    max-width: 700px;
    margin-top: 40px;
     margin-left: auto;
     margin-right: auto;
}

.page-id-91 #homepsubheaderbottom {
    font-size: 26px;
    max-width: 560px;
    line-height: 1.5;
}

#pricingsubheader {
    font-size: 19px;
}

#afterbuttontext2 {
    font-size: 14px;
}

/*  Info page small desktop */

#infopage {
    max-width: 840px;
}

#infopage a {
    font-size: 16px;
}

/*  END Info page small desktop */

.site-inner {
   padding-left: 0%;
   padding-right: 0%;
 }


#homeph1 {
    font-size: 56px;
}

.page-id-112 #homeph1 {
margin-top: 46px;
}

#homeph2 {
    font-size: 22px;
}

.button-home {
    width: 72% !important;
    max-width: 310px;
    font-size: 19px !important;
    padding: 20px 15px;
}

#afterbuttontext {
    font-size: 14px;
    margin-top: -25px;
}

    .homepagetop {
        padding-left: 8%;
        padding-right: 8%;
        overflow: auto;
        padding-bottom: 40px;
        padding-top: 40px;
    }

    #hometopleft {
        float: left;
        width: 52%;
        padding-top: 50px;
        padding-left: 0;
        margin-right: 7%;
    }

    #hometopright {
        float: left;
        width: 41%;
        margin-top: 20px;
        margin-right: 0%;
    }

    #hometopleft1 {
        width: 52%;
        padding-top: 15px !important;
        padding-left: 4%;
        margin-right: 8% !important;
    }

#hometopright1 {
        width: 40% !important;
        padding-top: 20px;
        padding-left: 0;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #homeph3 {
        font-size: 37px !important;
        max-width: 426px;
        text-align: left !important;
        margin-left: 0px !important;
    }

    #homeph4 {
        font-size: 23px !important;
        max-width: 390px;
        text-align: left !important;
        line-height: 1.5;
    }

#aiwebappmodel {
  display: none;
}

#arrowcta {
    margin-bottom: -10px;
    width: 40px;
}

     #aiwebappmodelmobile {
        width: 220px !important;
        height: auto;
        margin-top: -20px !important;
        padding-bottom: 30px;
    }

    .homepagehowworks {
        padding-left: 8%;
        padding-right: 8%;
        overflow: auto;
        padding-top: 70px;
      padding-bottom: 35px;
}

  .homepagehowworks2 {
        padding-left: 8%;
        padding-right: 8%;
       overflow: auto;
       padding-top: 50px;
     padding-bottom: 40px;
}

.homepagemanageoptions {
        padding-left: 8%;
        padding-right: 8%;
        overflow: auto;
        padding-top: 70px;
        padding-bottom: 50px;
    }

    #homepmainheaderblack {
        padding-top: 5px;
        font-size: 37px;
        line-height: 1.5;
        margin-bottom: 40px;
    }

#homepmainheader {
    padding-top: 30px;
    font-size: 35px;
    line-height: 1.5;
}

#numsteps {
    width: 45px;
    height: 45px;
    line-height: 1.7;
    margin-right: 10px;
    margin-top: -2px;
}

#homesteps {
    padding-top: 0px;
    font-size: 29px;
   margin-right: -22%;
    line-height: 1.5;
}

#stepsubheader {
    font-size: 24px;
    padding-top: 10px;
}

#stepdescription {
    font-size: 22px;
    margin-right: -5%;
    padding-top: 20px;
    margin-bottom: 15px;
}

#appfeatures {
    font-size: 17px;
   margin-bottom: 12px;
}

    #appfeatures2 {
        font-size: 19px;
        padding-top: 9px;
        margin-bottom: 12px;
    }

#upgrade-tick {
width: 16px;
height: 14px;
}


#webappmodelsteps {
    width: 75%;
    height: auto;
    max-width: 250px;
    margin-top: 30px;
   box-shadow: 0px 1px 10px #aca7a7;
}

 #webappmodelstepsmobile {
       display: none;
    }

    .scroll-modules {
        height: 600px;
        padding-top: 115px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: 1%;
        margin-bottom: 0px;
        width: 290px;
    }

    #scroll-modules2 {
        width: 236px;
        height: 387px;
        overflow-y: scroll !important;
        margin-left: auto;
        margin-right: auto;
        padding-left: 4px;
    }

#scroll-through-images-cta-mobile {
        width: 140px;
        height: auto;
        margin-top: 0px;
        margin-right: -15px;
        margin-bottom: -15px;
        padding-right: 5%;
    }

    #homemainsubheader {
        font-size: 24px;
        line-height: 1.5;
        max-width: 678px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        margin-top: -20px;
    }

.button2-home {
    width: 55% !important;
    max-width: 210px;
    font-size: 18px !important;
    padding: 18px 14px;
    margin-bottom: -10px;
    margin-top: -20px;
}

#manageoptionsleft {
    float: left;
    width: 40%;
    padding-top: 50px;
    padding-left: 0%;
    margin-right: 5%;
}

#manageoptionsright {
        float: left;
        width: 55%;
        padding-top: 30px;
        margin-top: -20px;
    }

    #manageoptionsimage {
        width: 100%;
        max-width: 240px;
        margin-top: 0px;
        margin-bottom: -30px;
    }


#ottestp1mob, #ottestp2mob, #ottestp3mob, #ottestp4mob { 
display: none;
}

.homepagetestimonials {
       padding-left: 3%;
        padding-right: 3%;
        overflow: auto;
        padding-top: 80px;
        padding-bottom: 100px;
}

.homepagequestions {
     padding-left: 8%;
     padding-right: 8%;
    margin: 0 auto;
    padding-top: 55px;
    padding-bottom: 50px !important;
}

.homepagehowworks3  {
     padding-left: 8%;
     padding-right: 8%;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 0px;
}

.homepagebottom {
     padding-left: 8%;
     padding-right: 8%;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 0px;
}

h2#accordianh2 {
    font-size: 17px !important;
    padding-right: 42px !important;
    padding-left: 10px !important;
    padding: 16px;
}

#questionanswers {
    font-size: 17px;
    padding: 15px 25px 10px 10px;
}

.homepagehowworks3 p {
    font-size: 16px;
    line-height: 1.5;
}

#apphomescreenleft {
    width: 40%;
    padding-left: 0%;
    margin-right: 10%;
}

#apphomescreenright {
    width: 40%;
    margin-left: 10%;
}

#homepmainheaderbottom {
        padding-top: 30px;
        font-size: 58px;
        line-height: 1.5;
    }

#homepsubheaderbottom {
        font-size: 22px;
        margin-top: 24px;
        max-width: 430px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }


}


@media only screen and (min-width: 1401px) {

#quickstartmobileimage {
 display: none;
}

.page-id-122 details p {
    padding: 15px 23px 15px 23px;
}

#aiwebappmodelmobile {
 display: none;
}

.page-id-91 .before-footer-cta, .page-id-95 .before-footer-cta {
    padding-top: 50px;
}

#webappmodelstepsmobile {
 display: none;
}

#ottestp1mob, #ottestp2mob, #ottestp3mob, #ottestp4mob {
 display: none;
}

.page-id-112 #homeph1 {
font-size: 56px;
margin-top: 46px;
}

.page-id-112 #homeph2 {
font-size: 22px;
}


}