#pageContent > div {}
section.sperate {min-height:300px;background-color:transparent;}
#subHeader [data-target] {    padding: 28px;color: #FFF;cursor:pointer;}
#subHeader [data-target]:hover {font-weight:700}

#pageContent {padding-bottom:0px}
#about {    padding:120px 19px 90px;position: relative;background-color:#f2ca57;}
#about h1 {font-size:50px;color:#FFF;font-weight:700;    line-height: 60px;}
#about h2 {font-size:20px;font-weight:300;color:#FFF;    margin-bottom: 20px;}
.divider {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100px;
    /* drop the height to have a constant angle for all screen widths */
}
#steps {padding:120px 0px}
#steps img {max-width:80%}
#about2 {position:relative;padding-bottom:50px;background: #f3f3f3}
#about2 img.phone {margin-top: 0px;margin-left: 40px;}
#about2 .detail {    padding-left: 104px;}
#about2 .detail b {font-size:30px;color:#616161;    line-height: 40px;}
#about2 .detail b span.price {font-weight:300}
#about2 .detail p {    font-size: 18px;color:#616161;line-height: initial;font-weight: 100;}
#about2 img.google {}
#devices {    padding: 100px 0px 140px;background-image:url("/assets/img/custom/index/b2.png");    background-color: #94be5b;}
#devices .detail b {font-size:30px;color:#616161;    line-height: 40px;}
#devices .detail p {    font-size: 18px;color:#616161;line-height: initial;font-weight: 100;}
#devices img {}
#devices .swiper-pagination {width:100%;}
#devices .swiper-pagination-bullet {    width: 30px;height: 30px;background-color:#7D7D7D;    color: #FFF;margin: 40px 10px 10px;padding: 0px 0px;font-size: 20px;font-weight: 700;}
#devices .swiper-pagination-bullet-active {background-color:#173660;}
#getit {    padding: 100px 0px 140px;background-image:url("/assets/img/custom/index/bg1.png");    background-color: #FFF3D5;}
#getit .detail b {font-size:30px;color:#616161;    line-height: 40px;}
#getit .detail p {    font-size: 18px;color:#616161;line-height: initial;font-weight: 100;}
#app {    padding: 100px 0px 140px;}
#app .detail {    padding-top: 80px;}
#app .detail b {font-size:40px;color:#173660;    line-height: 40px;}
#app .detail p {    font-size: 26px;line-height: 36px;color: #666;font-weight: 100;}
#app img {}
#app .interface {text-align:center}
#app .interface img {}
#app .swiper-pagination {width:100%;}
#app .swiper-pagination-bullet {    width: 30px;height: 30px;background-color:#7D7D7D;    color: #FFF;margin: 40px 10px 10px;padding: 0px 0px;font-size: 20px;font-weight: 700;}
#app .swiper-pagination-bullet-active {background-color:#173660;}
#technical {background-color:#F3F3F3;padding:100px 0px}

#pricing {background-color:#F3F3F3;padding:100px 0px}
#pricing h3 {text-align:center;font-size:34px;font-weight:700;}
#pricing .price.old {text-align:center;text-decoration: line-through;font-size:24px;font-weight:300;text-align:center;}
#pricing .price.new {font-size:34px;font-weight:700;color:#F4CC4B;text-align:center;    line-height: initial;    margin-bottom: 40px;}
#pricing .buttons {text-align:center;}

select {    padding: 10px;height: 40px;border-color: #999;margin-top: 2px;}
small.info {    position: relative;left: 3px;font-weight: 500;font-size: 11px;line-height: initial;margin-top: -8px;display: block;margin-bottom: 14px;}

b.totalPrice {    font-size: 20px !important;border: solid 1px #e0e0e0;padding: 6px 6px;display: block;line-height: initial !important;}
#requestForm {    font-size: 16px;color: #555;}
#requestForm input[type='text'] {    border: solid 1px #999;margin-top: 2px;box-shadow: none;}

.infoBox {    margin: 40px -30px 0px 60px;    border: dashed 2px #9c9c9c;padding: 20px;}
.infoBox b {font-size: 20px;color:#555;}
.infoBox p {font-size:14px;color:#777;font-weight:300;line-height:initial}

@media only screen and (max-width: 40.063em) {
    #pageContent {padding-top:54px;}
    header .logoWrapper {padding:0px 0px;margin: 20px 23px;text-align: left;}
    section .detail {    text-align: center;margin-top: 50px;}
    #about {padding:80px 19px 50px;}
    #about h1 {    font-size: 40px;line-height: 40px;margin-top:30px}
    #about2 {text-align:center;padding-bottom:50px}
    #about2 img.phone {    margin-top: 30px;margin-left:0px;    max-width: 80%;}
    #about2 .detail {    padding-left: 0px;margin: 40px 30px 0px;}
    #about2 .detail b {font-size:32px;line-height:32px;}
    #about2 .detail p {    font-size: 18px;line-height: 28px;}
    #devices,#app {padding:40px 30px 100px}
    #devices .detail, #app .detail {padding-top:0px}
    #devices .detail p,#app .detail p  {    font-size: 18px;line-height: 26px;}
    section.sperate{display:none}
    #devices .swiper-pagination, #app .swiper-pagination {left:0px}
    #app {background: #EFEFEF}
    #devices,#getit {padding:30px 20px 20px;}
    #about .row img {margin-top:10px}
    #about .row .wireframe {    margin-top: 30px;    position: relative;bottom: -30px;}
    .infoBox {margin:40px 30px 20px 30px}
    header .button.login {margin-top:18px}
    footer {    padding:0px 10px 6px;position: relative;        bottom: 10px;        height: 55px;    width: 100%;left: 1px;}
    #steps {padding:30px 0px 30px}
    #steps img {max-width:100%;display:block;margin:auto;margin-bottom:30px;    border-top: solid 1px #DDD;padding-top: 20px;}
    #steps > div > div > div:first-child img {margin-top:0px;padding-top:0px;border:0px}
    #pricing {padding:0px;}
    #technical img {    padding: 0px 10%;display: block;}
}