/* Header */ @font-face { font-family: 'product_sansbold'; src: url('../fonts/product_sans_bold-webfont.woff2') format('woff2'), url('product_sans_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'product_sansregular'; src: url('../fonts/product_sans_regular-webfont.woff2') format('woff2'), url('../fonts/product_sans_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'product_sans_lightregular'; src: url('../fonts/productsans-light.woff2') format('woff2'), url('../fonts/productsans-light.woff') format('woff'); font-weight: normal; font-style: normal; } html { scroll-behavior: smooth; } body { font-family: 'product_sansregular'; transition: 0.5s; left: 0; } body.pushbody { position: relative; left: -250px; overflow: hidden; transition: 0.5s; } .sidenav.open { width: 250px; transition: 0.5s; } #response p{ color: #ffffff; font-size: 17px; max-width: 600px; margin: 0px auto 30px auto; line-height: 28px; width: 100%; } #supportForm{ position: relative; } .loader-wrapper{ display: none; width: 100%; height: 100%; position: absolute; text-align: center; margin: auto; z-index: 999; } .loader { border: 5px solid #f3f3f3; /* Light grey */ border-top: 5px solid #3498db; /* Blue */ border-radius: 50%; width: 40px; height: 40px; animation: spin 2s linear infinite; margin: auto; position: absolute; top: -160px; bottom: 0; left: 0; right: 0; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #email_message{ display: none; } .email_success_message{ margin-bottom: 25px; display: inline-block; border: 1px solid #ffffff; padding: 5px 30px; color: green; background-color: #ffffff; } .email_failed_message{ margin-bottom: 25px; display: inline-block; border: 1px solid #ffffff; padding: 5px 30px; color: red; background-color: #ffffff; } input.error{ border: 2px solid #ffffff !important; } label.error{ background: none !important; margin-left: 0px !important; padding-left: 0px !important; font-size: medium !important; margin-top: 0px !important; color: #ffffff; } #mySidenav a{ display: block; color: #ffffff; padding-left: 30px; margin: 5px 0; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; background-color: #222222; overflow-x: hidden; transition: 0.5s; padding-top: 25px; } .hidden-sm-up { display: none; } .hidden-sm-up.open span:nth-of-type(2) { display: inline-block; } .hidden-sm-up.open span:nth-of-type(1) { display: none; font-size: 25px; line-height: 35px; } .hidden-sm-up span:nth-of-type(2) { display: none; font-size: 25px; line-height: 35px; } *, a { text-decoration: none !important; outline: none !important; } .top-wrapper{ /*background: #313131;*/ /* fallback for old browsers */ /*padding-top: 110px;*/ background-image: url(../img/bg.png); background-repeat: no-repeat; background-position:center center; /* -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%); */ background-size: cover; } .wave-wrap img{ max-width: 100%; /*margin-bottom: -250px;*/ } #wave { position: relative; height: 70px; width: 100%; background: #313131; } #wave:before { content: ""; display: block; position: absolute; border-radius: 100% 50%; width: 57%; height: 80px; background-color: white; right: 0px; top: 40px; } #wave:after { content: ""; display: block; position: absolute; border-radius: 100% 50%; width: 50%; height: 70px; background-color: #313131; left: 0; top: 27px; z-index: 1; } .inner-page .top-wrapper{ background-image: none; } header { padding: 15px 0; top: 0px; width: 100%; background-color: transparent /* #1647cc*/; position: fixed; transition: 0.6s; z-index: 999; } .bg-dark { background-color: transparent !important; } .inner-page .bg-dark{ background-color: #42A3F2; } .is-scrolled .bg-dark, .inner-page .bg-dark { background: #181818 !important; box-shadow: 0.3em 0.5em 1.3em rgba(79, 79, 79, 0.1); } .is-scrolled header{ background-color: #210a52; transition: 0.6s; box-shadow: 0.3em 0.5em 1.3em rgba(79, 79, 79, 0.1); } .is-scrolled .logo-text{ color: #0084ff; } .is-scrolled .sticky-header{ display: none; } .is-scrolled .nav-item.btn a{ color: #ffffff; } .is-scrolled .nav-item a{ color: #ffffff; } .is-scrolled .nav-item.btn{ padding: 5px 20px; } .is-scrolled .nav-item.btn a:hover{ color: rgba(255,255,255,.75); border-color: rgba(255,255,255,.75); } .is-scrolled .nav-item.btn a{ color: #42A3F2; font-size: 16px; } .is-scrolled .whitelogo { top: 0px; transition: ease top 1000ms, ease margin-left 1000ms; } .whitelogo{ /*border-radius: 10px;*/ max-width: 90%; } /*.is-scrolled .sticky-header .logo img { max-width: 60px; }*/ .sticky-header { position: fixed; width: 100%; background: #ffffff ; transition: ease top 1000ms, ease margin-left 1000ms; z-index: 999999; padding: 15px 0; display: block; top: 0; box-shadow: 0.3em 0.5em 1.3em rgba(0, 0, 0, 0.2); } .logo-text{ font-size: 26px; color: #ffffff; display: inline-block; margin-left: 8px; font-family: 'product_sansbold'; vertical-align: middle; } .sticky-header .logo-text{ font-size: 26px; color: #0084ff; display: inline-block; margin-left: 15px; font-family: 'product_sansbold'; vertical-align: middle; } .sticky-header .logo img{ border-radius: 10px; max-width: 60px; } .head-right { text-align: right; } .head-right ul.nav { display: inline-block; width: auto; } .head-right ul.nav li { display: inline-block; padding: 5px 20px; border-radius: 8px; } .nav-item a { color: #ffffff; font-size:18px; /*line-height: 45px;*/ padding: 0; letter-spacing: 0.2px; text-transform: uppercase; } .nav-item a:hover { color: #eee; } .nav-item.btn a{ color: #ffffff!important; } .nav-item.btn { border-radius: 30px; border: 1px solid #ffffff; padding: 5px 20px; } .is-scrolled ul li.btn a{ background-color: ; color: #; } .navbar-dark .navbar-nav .nav-link { color: #ffffff; } .navbar-nav li { margin: 0 15px; } /*.is-scrolled .nav-item a { color: #00d2ff; font-size: 18px; padding: 0; } .is-scrolled .nav-item a:hover{ color: #000000; } .is-scrolled .head-right ul.nav li { padding: 5px 25px; } .is-scrolled .nav-item.btn a { color: #ffffff; font-size: 16px; } .is-scrolled header .logo img { max-width: 60px; }*/ .nav-item.btn a { font-size: 16px; font-weight: 600; line-height: 30px; color: #42A3F2; } .nav-item.btn a:hover{ color: rgba(255,255,255,.75)!important; } .nav-item.btn:hover { background-color: transparent; cursor: pointer; border: 1px solid rgba(255,255,255,.75); } .nav-item.btn:hover a { color: #ffffff; } .nav-link.active{ color: black !important; } .banner { padding: 180px 0 0px 0; background-size: cover;} .banner-text h1 { color: #ffffff; display: inline-block; text-transform: uppercase; font-weight:700; font-size: 38px; line-height: 50px; } .mobile-banner-text{ display: none; } .banner-text { display: block; text-align: center; } .banner-img { display: block; padding: 0 20px; text-align: center; } .headertitle { color:#ffffff ; font-family: 'product_sansbold'; letter-spacing: 3px; font-weight: 700; font-size:70px; text-align: center; text-transform: uppercase; } .banner-text p { font-size: 20px; text-align: center; color: #f1f1f1; margin-top: -10px; letter-spacing: 0.5px; } .banner-text a { border-radius: 30px; border: 1px solid #ffffff; color: #ffffff; display: inline-block; padding: 12px 24px; font-weight: 600; margin-bottom: 40px; margin-left: 5px; margin-right: 5px; font-size: 18px; letter-spacing: 1px; } .banner-text a:hover, .banner-text a :focus{ background-color: transparent; border-radius: 30px; border: 1px solid rgba(255,255,255,.75); color: rgba(255,255,255,.75); } /*.banner-text a:hover, .banner-text a:focus, .download-btn:hover, .download-btn :focus{ background-color: #17a706; border-color: #19980b; }*/ .download-btn { font-size: 16px!important; text-align: center; padding: 10px 16px!important; font-size: 1.35rem; background-color: #23b412; border-color: #19980b; border-radius: .4rem; display: inline-block; color: #ffffff; } .appstore, .playstore { margin: 0 auto; display: block;font-family: 'product_sansregular'; text-align: left; margin-top: 30px; } .appstore img:hover, .playstore img:hover { opacity: 0.9; } .features { background-color: #fff; /*background-image: url(../img/features-back.png);*/ padding: 150px 0 100px 0; background-position: top center; background-repeat: no-repeat; position: relative; margin-top: 100px; } .features-detail { text-align: center; padding: 100px 0 50px 0; } .features-wrap .d-flex{ padding: 25px 0; } .feature-text ul{ padding-left: 0; } .feature-text > h2{ text-align: left; font-size: 36px; } .feature-text ul li{ margin: 0 0 40px 0; list-style-type: none; } .media-body{ margin-top: 15px; } .media-body h5{ text-align: left; font-size: 32px; font-family: 'product_sansbold'; letter-spacing: 0.5px; } .media-body p{ text-align: left; } .features-detail p.block-head{ text-transform: uppercase; font-weight: 600; color: #2e3c60; } .block-wrap{ padding:15px 0px;} .features h2 { font-family: 'product_sansbold'; color: #323232; letter-spacing: 0.5px; font-weight: 700; margin-bottom: 10px; font-size: 44px; } .features p, .download-subheading{ font-size: 20px; font-family: 'product_sans_lightregular'; letter-spacing: 1px; } .download-subheading { text-align: center; } .features-detail img { max-width: 100%; } .features-detail h3 { font-weight: 300; color: #313131; font-size: 22px; font-weight: 500; line-height: 32px; } .featuresparegraph { padding: 50px 0px 0px 0px;} .features-detail p { font-weight: 300; font-size: 20px; color: #242424; line-height:34px; text-align: left; } .downloadsection { padding:100px 0 100px 0; background-color: #F8FCFF; /*background-image: url(../img/graypatern.png);*/ background-repeat: no-repeat; background-position: top 0px center; background-size: 100% auto; } .g-recaptcha > div{ text-align: center; margin: 0 auto; } .downloadsection h3 { font-size: 50px; text-align: center; font-weight: 700 !important; color: #222222; font-weight: 500; font-family: 'product_sansbold'; } .downloadsection .appstore, .downloadsection .playstore{ text-align: center; margin-top: 10px; display: inline-block; } .playstore{ position: relative; margin-right: 10px; } /*.playstore img{ max-width: 210px; }*/ .appstore{ margin: 0 10px; } .playstore small { position: absolute; bottom: -26px; left: 50%; transform: translateX(-50%); font-size: 13px; letter-spacing: 3px; text-transform: uppercase; width: 100%; font-weight: 700; } .get-btn { display: inline-block; } .get-btn a { background-color: #23b412; border-color: #19980b; padding: 15px 20px; font-size: 21px; border-radius: .4rem; color: #ffffff; display: inline-block; position: relative; top: 4px; } .get-btn a:hover, .get-btn a:focus{ background-color: #27c714; border-color: #19980b; } li.get-btn a img { vertical-align: top; padding-right: 6px; height: 30px; } .banner-text a img{ vertical-align: middle; padding-right: 6px; height: 30px; } .banner-text a span{ display: inline-block; vertical-align: middle; line-height: 30px; } .downloadtext { padding: 50px 0px 50px 0px; margin: 0px auto; } .downloadtext ul { margin: 0px; padding: 0px; list-style: none; } .downloadtext li { font-family: 'product_sansregular'; font-size: 22px; color: #424141; padding: 10px 0px 10px 0px; background-repeat: no-repeat; background-position: left 10px; display: inline-block; width: 32%; text-align: center; } .downloadtext li h3{ font-family: 'product_sansbold'; font-size: 70px; text-align: center; color: #313131; font-weight: 700; } .downloadtext li p { color: #636363; font-size: 20px; font-family: 'product_sans_lightregular'; text-transform: uppercase; letter-spacing: 0.5px; } .img-wrap img{ padding: 0 50px; } footer{ background-color: #fff; padding: 30px 0; color: #858585; font-size: 18px; text-align: center; font-weight: 300;} footer p { color: #858585; font-size: 15px; font-weight: 400; font-family: 'product_sansregular';} .footerlink { padding: 10px 0px 10px 10px; } .footerlink a { color: #858585; padding: 0px 20px 0px 20px; font-size: 15px;font-weight: 400; border-right: 1px solid #858585;border-right: 1px solid #858585;} .footerlink a:nth-of-type(4){ border-right: 1px solid transparent; } /* Inner Page */ .section-head{ padding: 30px 0; } .section-head h3{ font-size: 36px; color: #222; text-align: left; padding-top: 110px; } .section-head h3::first-letter{ border-bottom: 3px solid #459dff; } #steps-to-cancle h3{ margin:30px 0 10px 0; font-weight: 500; font-size: 26px; color: #424141; } #steps-to-cancle p { font-size:18px; color: #000000; line-height:30px; font-family: 'product_sans_lightregular'; letter-spacing: 0.5px; } #steps-to-cancle ul { margin: 0px; padding: 10px 0px 10px 15px; /*list-style:inside;*/} #steps-to-cancle li { margin: 0px; padding: 0px;} #steps-to-cancle p img{ max-width: 300px;} #steps-to-cancle b {font-size:26px;} ul.footer-navigation{ margin: 0; padding: 0; } ul.footer-navigation li:first-child{ margin-left: 0; } ul.footer-navigation li{ display: inline-block; list-style-type: none; margin: 0 10px; } ul.footer-navigation li{ border-right: 1px solid #5e5e5e; padding-right: 20px; line-height: 20px; } ul.footer-navigation li:last-child{ border-right: none; } ul.footer-navigation li a{ color: #5e5e5e; } ul.footer-navigation li a:hover{ color: #2e3c60; } .form-group input,.form-group textarea{ width: 100%; background-color: #f2f2f2; border: 1px solid #f2f2f2; color: #a9a9a9; padding: 15px; box-shadow: none; border-radius:6px; } .form-group input[type="submit"]{ width: 150px; color: #fff; text-transform: uppercase; cursor: pointer; background: #2f2f2f; /* fallback for old browsers */ } .form-group textarea{ height: 120px; } .form-group input[type="submit"]{ width: 150px; cursor: pointer; font-size: 18px; font-weight: 500; margin-top:30px; } .form-group input[type="submit"]:hover{ background: #313131; } #support{ background-color: #fff; padding: 100px 0 20px 0; } .form-group input::-webkit-input-placeholder { color: #a9a9a9; } .form-group input::-moz-placeholder { color: #a9a9a9; } .form-group input:-ms-input-placeholder { color: #a9a9a9; } .form-group input::placeholder { color: #a9a9a9; } .form-group textarea::-webkit-input-placeholder { color: #a9a9a9; } .form-group textarea::-moz-placeholder { color: #a9a9a9; } .form-group textarea:-ms-input-placeholder { color: #a9a9a9; } .form-group textarea::placeholder { color: #a9a9a9; } .form-group { margin-bottom:15px; } .section-head{ font-weight:700; font-size:50px; font-family: 'product_sansbold'; text-align: center; color: #313131; padding-top: 0; padding-bottom: 60px; } .error{ color: #ffd617; display: block; text-align: left; margin-top: 5px; } #support{ text-align: center; } #support form{ width: 700px; max-width: 100%; text-align: center; margin: 0 auto; } .banner-img img{ margin-bottom: -120px; z-index: 1; position: relative; } .bottom-row{ margin-top: 100px; } /* Media Queries */ @media screen and (min-width:1680px) and (max-width:1900px){ .get-btn a { padding: 15px 20px; } } @media (max-width: 1680px) { .nav-item a { font-size: 16px; font-weight: 500; } .head-right ul.nav li { padding: 3px 15px; margin: 0 15px; } .head-right ul.nav li:last-child { padding: 6px 25px; border-radius: 8px; margin-right: 0; } .nav-item.btn a { font-size: 16px; } .appstore img, .playstore img { max-width: 200px; } .appstore, .playstore { margin-top: 40px; } .banner-img img { z-index: 1; position: relative; } .features-detail img { width: auto; margin-bottom: 0px; } .features-detail h3 { font-size: 20px; margin-bottom: 10px; } .feature-text ul li{ margin: 0 0 30px 0; } .media-body h5{ font-size: 22px; } .features-detail p { font-size: 17px; } .features-detail { padding: 50px 0 50px 0; } .downloadsection { padding: 70px 0 70px 0; } .downloadtext{ padding:40px 0px 15px 0px;} .downloadtext li p{ font-size: 19px; margin-bottom: 0; } } @media (max-width: 1199px) { .headertitle { font-size:42px;} .top-wrapper{ padding-top: 180px; } .banner-img img { max-height: 400px; } .banner-text h1 { font-size: 30px; line-height: 40px; } .appstore, .playstore { margin-top: 25px; } .features-detail { padding: 30px 0 30px 0; } .features{ padding: 180px 0 80px 0; } .features-detail p { font-size: 14px; line-height: 22px; } .features-detail h4 { font-size: 18px; margin-bottom: 20px; line-height: 25px; } .Create-own-logo h3{ font-size: 37px; } .banner { padding: 30px 0 0px 0; } .features h2{ font-size: 40px; } } @media (max-width: 1024px) { li.get-btn a img { height: 23px; } .get-btn a { font-size: 18px; padding: 14px 20px; } .appstore img, .playstore img { max-width: 180px; } } @media (max-width: 992px) { .bottom-row{ margin-top: 50px; } .block-wrap{ max-width: 300px; margin: 0px auto 30px auto; } .features-detail { padding: 0; } .banner-text h1 { font-size: 24px; line-height: 35px; } .downloadsection h3{ font-size: 36px; } .features { background-attachment: scroll; } .appstore, .playstore { text-align: left; } .downloadsection .appstore, .downloadsection .playstore { text-align: center; } .banner-img img { max-height: 550px; margin-bottom: -60px; } .features-wrap{ margin-top: 50px; } /*.features-detail img { width: calc(50%); } */ .downloadsection { padding: 50px 0 50px 0; } footer { padding: 10px 0; } footer p { font-size: 12px; } .features h2 br { display: none } .get-btn a { padding: 10px 12px; } .appstore img, .playstore img { max-width: 160px; } .top-wrapper .hidden-sm-up span{ color: #222222; } .is-scrolled .hidden-sm-up.mobile-burger span{ color: #ffffff; } .hidden-sm-up { display: block; } .hidden-sm-up span{ color: #ffffff; font-size: 30px; } .head-right > ul.nav{ display: none; } .section-head h3 { font-size: 24px; } #steps-to-cancle h3{ margin: 0 0 20px 0; font-size: 18px; } /*.features-detail img { max-width: 80%; }*/ .features-detail .media img{ width: 80px; } .feature-text ul li { margin: 0 0 15px 0; } .appstore, .playstore { margin-top: 30px; text-align: left; } .appstore img, .playstore img { max-width: 120px; } .get-btn a { font-size: 16px; padding: 7px 10px; } li.get-btn a img { height: 20px; padding-right: 4px; } .appstore { margin: 0 5px; } .playstore { margin-right: 5px; } .features h2 { font-size:32px; } .features-detail p { padding: 0 0px; } .features-detail .bottom-block { margin: 0px auto 0 auto; } .features-detail { padding: 50px 0 0px 0; } .marketing-text h3, .downloadsection h3 { font-size: 28px; line-height: 38px; } .marketing-text p{ font-size: 20px; margin-top: 10px; margin-bottom: 0; } .downloadsection .appstore, .downloadsection .playstore { text-align: center; } .downloadsection { padding: 50px 0 50px 0; } footer { padding: 10px 0; } footer p { font-size: 12px; } .banner { padding: 30px 0 0px 0; } .headertitle { font-size:34px; padding: 0px 0px 30px 0px;} .top-wrapper { padding-top:80px; /*background-image: none; background: #313131;*/ } .features {padding: 50px 0 50px 0;} .featuresparegraph { padding:0px 0px 0px 0px;} .features-detail p { font-size: 16px; line-height: 25px;} .marketing-text h3, .downloadsection h3 { font-size:38px; margin-bottom: 25px;} .downloadtext { padding: 15px 0px 15px 0px;} .section-head { font-size: 42px;} .banner-img { margin-bottom: 0; } .media-body h5 { font-size: 20px; } .features-detail p { font-size: 14px; } .img-wrap img{ max-width: 280px; } .downloadtext li h3{ font-size: 50px; margin-bottom: 10px; } .downloadtext li p { font-size: 14px; margin-bottom: 0; } } @media (max-width: 767px) { .get-btn{ display: block; } .get-btn a { font-size: 18px; padding: 10px 12px; margin-bottom: 10px; } .appstore img, .playstore img { max-width: 150px; } .appstore{ margin-bottom: 6px!important; } .playstore small { bottom: -20px; font-size: 12px; } .features p, .download-subheading { font-size: 18px; } .download-btn { padding: 6px 10px!important; } .banner-text p{ font-size: 16px; } .banner-text a { font-size: 15px; padding: 10px 16px; margin-bottom: 10px; } .nav-item.btn a { color: #323232; } .nav-item.btn{ max-width: 250px; margin: 10px auto auto auto; text-align: center; } .navbar-dark .navbar-toggler span { color: #ffffff; } .navbar-dark .navbar-nav .nav-link { color: #ffffff; margin: 5px 0; text-align: center; } .bg-dark { background-color: #181818 !important; padding: 15px; } .mobile-banner-text{ display: block; } .mobile-banner-text h1{ color: #ffffff; font-family: 'SF UI Display Heavy'; font-size: 32px; } .banner-text{ padding-top: 0px; } .banner-img { padding-top: 20px; } .banner-img{ margin: auto; margin: 30px auto 0px auto; } footer .d-flex{ display: block !important; text-align: center; } footer .d-flex > div{ display: block; margin: 10px 0; } .headertitle { font-size: 23px; } .features h2 { font-size: 30px; } .downloadtext li h3{ font-size: 40px; } .downloadtext li p { font-size: 16px; } .downloadtext { padding: 15px 0px 0px 0px; } } @media (max-width: 575px) { .banner .d-flex{ display: block !important; text-align: center; } /*.banner-text h1 br{ display: none; }*/ .sticky-header{ padding: 10px 0; } .is-scrolled .nav-item.btn a { padding: 0 20px; } .is-scrolled .head-right ul.nav li { padding: 0; } .is-scrolled .stiky-header { padding: 10px 0; } .features-detail > .row > .row { margin-left: 0; margin-right: 0; } .head-right ul.nav li{ padding: 0px; } .head-right ul.nav li:first-child { margin-bottom: 10px; } .nav-item.btn a{ padding: 0 20px; } .features h3 { line-height:30px; font-size: 19px; } .banner-img img { max-width: 100%; margin-bottom: -125px; } .appstore, .playstore { margin-top: 10px; margin-bottom: 12px; text-align: center; } .downloadsection .appstore, .downloadsection .playstore { margin: 10px 5px; } .appstore { margin: 0; } /*.appstore img, .playstore img { max-width: 150px; } */ li.get-btn a img { height: 23px; } /*.appstore img { max-width: 100%; }*/ .features-detail .bottom-block { margin-top: 0; } footer p { font-size: 16px; } .marketing-text h3 .Create-own-logo h3 { font-size: 26px; } .features-detail li img { max-width: 70px; } .head-right ul.nav li:first-child { margin-bottom: 5px; display: block; } .nav-item.btn a { line-height: 34px; } footer { padding: 10px 0; } .banner-text h1 { font-size: 22PX; } .features-detail { padding: 0px 0 0px 0; } .features{ background-image: none; } .Create-own-logo{ background-color: #fafafa; padding: 30px 0 30px 0; } .nav-item a{ line-height: 30px; } .headertitle { font-size:24px; padding:0px 0px 10px 0px;} .marketing-text h3, .downloadsection h3 { font-size:32px; line-height:45px;} .downloadtext { padding: 30px 0px 30px 0px;} .block-wrap{ max-width: 300px; margin: 0px auto 0px auto; } .section-head { padding-bottom:40px;} .hidden-sm-up { cursor: pointer;} .section-head { font-size: 42px;} .banner { padding: 30px 0 60px 0; } .features h2 { font-size: 22px; } .media-body { margin-top: 0px; } .feature-text ul li { margin: 0 0 15px 0; } .bottom-row .feature-img img{ margin-bottom: 50px; } .downloadtext li p{ margin-bottom: 20px; } .downloadtext li:last-child p{ margin-bottom: 0px; } .downloadtext { padding: 15px 0px 0px 0px; } .column-reverse{ flex-direction: column-reverse; } .features-wrap .d-flex{ flex-wrap: wrap; } .features-wrap .d-flex .text-wrap,.features-wrap .d-flex .img-wrap{ text-align: center; margin: auto; } .img-wrap img{ margin: 25px 0; } }