.device-header{
    display: none;
    padding:10px;
    background:#0e0e0e;
    width: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
}

.device-header
img.device-logo {
    float: left;
    height: 40px;
}

.device-header
.device-menu-container {
    height: 100%;
    position: absolute;
    top: 0;
    right:0;
}

.device-header
.device-menu-container a{
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    background: #0a0a0a;
}

.device-menu-container
a img.device-menu-bar {
    height: 20px;
    padding:0 10px;
    margin: auto auto;
}

@media screen and (max-width:1024px){
    body {
        padding-top:60px;
    }
    .sd-main-features-container.staff-dashboard {
        background-size: 100% !important;
        background-position-y: bottom!important;
    }
    .staff-dashboard, .user-profile {
        height: 80vh!important;
    }
    .zl-sec1-container {
        background-size: 100%!important;
    }
    .zl-sec2-container {
        background-size: 100%!important;
    }
    .zl-sec3-container {
        background-size: 100%!important;
    }
    .zl-sec4-container {
        background-size: 100%!important;
    }
    .zl-sec5-container {
        background-size: 92% !important;
    }
    .zap-stocks-main-banner img.prod-main-banner-img {
        right: 40%!important;
        height: 80%!important;
    }
    .zap-ledger-main-banner img.prod-main-banner-img{
        right: 0%!important;
        height: 60%!important;
    }
    .prod-banner-content {
        margin-top: 265px;
    }
    .prod-banner-container {
        background-position:top;
    }
    .zap-main-features-container {
        padding: 0px 0;
    }
    .spacer{
        display:none;
    }
    .header-container{
        display: none;
    }
    .device-header{
        display: block;
    }
    .home-banner-content h1{
        margin-top:0;
        line-height: 70px;
    }
    .summary-content-container {
        padding: 30px 40px 0;
    }
    .zap-app-sec{
        height:auto !important;
        background-size: 40% !important;
    }
    .img-container img{
        margin-right:0;
    }
    .zapstaff-content-features {
        height: 50vh!important;
    }
    .wd-right-content {
        padding-top: 0px;
    }
    .policy-popper{
        height: auto;
    }

}

@media screen and (max-width:768px){
    .banner-home {
        height:auto;
    }
    .contact-info h5{
        font-size:18px;
    }
    .contact-info p{
        font-size:15px!important;
    }
    .spacer{
        display:none;
    }
    .zap-spacer{
        display: block;
    }
    .top-marginer {
        margin-top: 40px!important;
    }
    .wither{
        width: 100%!important;
    }
    .summary-container {
        height:auto;
    }
    .zap-app-sec{
        background:url('../images/img/zap-app-model-device.jpg')no-repeat top left #222 !important;
        background-size: contain !important;
    }
    .img-container{
        text-align: center;
    }
    .zap-app-content{
        padding:30px;
    }
    .web-design-banner {
        background-size: contain;
        height: 22vh;
    }
    .wdr-content-wpr {
        padding: 15px 30px;
    }
    .footer-container p{
        text-align:center;
    }
    ul.footer-link{
        display: none;

    }
    .about-banner{
        background-size:cover;
    }
    .abc-content-wpr {
        margin: 120px 0 auto 0;
    }
    .about-banner-img-team {
        position: absolute;
        bottom: -120px;
        right: -380px;
        animation-duration: 2s;
        animation-name: slidein-right;
    }
    .mv-left-img-container{
        height:30vh;
    }
    .mv-right-img-container{
        height:30vh;
    }
    .ceo-sec{
        background-color: #fff;
        background-position-x:-400px;
        background-position-y:bottom;
    }
    .zmp-zpace{
        background-position-y:bottom !important;
    }
    .banefits-banner {
        background: #101010;
    }
    .benefits-banner-content{
        background:#101010;
        height:40vh;
    }
    .banner-img-right img{
        display: none;
    }
    .zap-stocks-main-banner img.prod-main-banner-img {
        right: 0%;
    }
    .sd-main-features-container {
        background-color: #f9f9f9;
        height: 60vh;
        width: 100%;
        padding-top: 100px;
    }
    .zs-sec2-container {
        background-position-x: 300px;
    }
    .zs-sec3-container {
        background-position-x: 300px;
    }
    .zs-sec4-container{
        background-position-x: 300px;
    }
    .zs-sec5-container{
        background-position-x: 300px;
    }
    .zs-sec6-container{
        background-position-x: 200px;
        background-color:#000;
    }
    .zs-sec8-container{
        background-position-x: 300px;
        height: 70vh;
    }
    .zs-sec11-container{
        background-position-x: 300px;
        background-color:#3f4142;
    }
    .img-mobile {
        width: 210px;
        top: 130px;
    }
    .img-rescue {
        width: 280px;
        right: 67px;
    }
    .pf-orbit .orbit-figure {
        height: auto;
    }
    .pf-orbit  .orbit-container{
        height: auto !important;
    }

    .zo-sec1-container{
        background-position-x: 300px;
    }
    .zo-sec4-container{
        background-position-x: 400px;
    }
    .zo-sec5-container{
        background-position-x: 300px;
    }
    .zap-ledger-main-banner img.prod-main-banner-img {
        right: -130px;
    }
    .zl-sec1-container{
        background-position-x: 300px;
    }
    .zl-sec2-container{
        background-position-x: 300px;
    }

    .zap-staff-main-banner {
        background-size: 570px !important;
    }
}

@media screen and (max-width:414px){
    h1{
        font-size:50px !important;
        line-height:50px !important;
    }
    .spacer{
        display:none;
    }
    .summary-content-container {
        height: 70vh;
    }
    .wdr-content-wpr{
        position:relative;
    }
    .grid-container.mission-vision{
        padding-top:.875rem;
        padding-bottom:.875rem;
        padding-left:.875rem;
        padding-right:.875rem;
    }
    .benefits-feature-container{
        padding-left:20px;
    }
    .banefits-banner .grid-x{
        margin:0 !important;
    }
    .contactus-container .grid-x{
        margin:0 !important;
    }
    .contactus-container{
        height:auto;
        padding-bottom:50px;
    }
}
@media screen and (min-width:360px) and (max-width:414px){
    .zap-stocks-main-banner{
        text-align: center;
    }
    .spacer{
        display:none;
    }
    .prod-mini-icon.prod-mini-icon-stocks{
        margin:auto;
    }
    .zapstaff-content-features{
        height:auto;
    }
    .prod-main-banner-img{
        /*display: none;*/
    }
    .sd-main-features-container{
        height:100vh;
        background-position-x:center;
        background-position-y:bottom;
    }
    .zs-sec1-container{
        background-size: 80% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .zs-sec2-container{
        background-size: 70% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .zs-sec8-container{
        background-size: 70% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .zs-sec9-container{
        background-size: 70% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .zs-sec10-container{
        background-size: 70% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .prod-main-banner{
        background-image:none !important;
    }
    .prod-mini-icon{
        margin:0 auto;
    }
    .zap-order-main-banner h1{
        text-align: center;
    }
    .zap-order-main-banner h5{
        text-align: center;
    }
    .sd-main-features-container.zo-sec1-container{
        background-size: 80% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .sd-main-features-container.zo-sec2-container{
        background-size: 60% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .sd-main-features-container.zo-sec3-container{
        background-size: 70% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .sd-main-features-container.zo-sec4-container{
        background-size: 70% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .sd-main-features-container.zo-sec5-container{
        background-size: 70% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .sd-main-features-container.zo-sec6-container{
        background-size: 70% !important;
        background-position-x:center;
        background-position-y:bottom;
    }.sd-main-features-container.zo-sec7-container{
        background-size: 100% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .zap-ledger-main-banner h1{
        text-align: center;
    }
    .zap-ledger-main-banner h5{
        text-align: center;
    }
    .sd-main-features-container.zl-sec1-container{
        background-size: 100% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .sd-main-features-container.zl-sec2-container{
        background-size: 100% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .sd-main-features-container.zl-sec3-container{
        background-size: 100% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .zap-staff-main-banner{
        background-image:none !important;
    }
    .zap-staff-main-banner h1{
        text-align: center !important;
        position: relative;
        top:auto;
        left:auto;
        transform: none;
    }
    .prod-mini-icon-staff{
        margin:0 auto;
    }
    .user-profile.sd-main-features-container{
        background-size: 70% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .sd-cms-container.sd-main-features-container{
        background-size: 70% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .sd-vcl-container.sd-main-features-container{
        background-size: 70% !important;
        background-position-x:right;
        background-position-y:bottom;
    }
    .benefits-feature-container{
        padding-left:20px;
    }
    .banefits-banner .grid-x{
        margin:0 !important;
    }
    .contactus-container .grid-x{
        margin:0 !important;
    }
    .contactus-container{
        height:auto;
        padding-bottom:50px;
    }
}

@media screen and (min-width:320px) and (max-width:375px){

    h1 { font-size: 2em !important; line-height: 1.25!important; }
    h2 { font-size: 1.625em !important; line-height: 1.15384615!important; }
    h3 { font-size: 1.375em !important; line-height: 1.13636364!important; }
    h4 { font-size: 1.125em !important; line-height: 1.11111111!important; }
    p { font-size: 1.25em !important; line-height: 1.25!important;letter-spacing: 0 !important; }
    label { font-size: 1.25em !important; line-height: 1.25!important;letter-spacing: 0 !important; }
    a { font-size: 1.25em !important; line-height: 1.25!important;letter-spacing: 0 !important; }
    input { font-size: 1.25em !important; line-height: 1.25!important;letter-spacing: 0 !important; }
    textarea { font-size: 1.25em !important; line-height: 1.25!important;letter-spacing: 0 !important; }
    .spacer{
        display:none;
    }
    .summary-content-container{
        height:auto;
        padding-bottom:50px;
    }
    .grid-container.mission-vision{
        padding-top:.875rem;
        padding-bottom:.875rem;
        padding-left:.875rem;
        padding-right:.875rem;
    }
    .mv-right-content-container{
        height:auto;
        padding-bottom:50px !important;
    }

    .executive-container h1{
        color:#fff;
    }

    .ceo-sec{
        color:#000;
    }

    .ceo-content{
        color:#000;
    }

    .ceo-content p span{
        color:#000;
    }

    .ceo-name{
        color:#000;
    }

    .ceo-name p{
        color:#000;
    }

    .ceo-name span{
        color:#000;
    }

}