﻿@charset "utf-8";
/* CSS Document */
@media (max-width: 1550px) {
    #pages.home .inner {
        padding: 40px 0;
    }
}

@media (max-width: 1200px) {
    body {
        min-width: 1000px;
    }

    #topnavwrapper .topnav, #topwrapper .top, .main, #footerwrapper .footer, #copy {
        width: 1000px;
    }

        #topwrapper .top .logo {
            width: 13%;
            margin: -15px 0px 9px 0px;
        }

    #topwrapper.fixed .top .logo {
        width: 10%;
        margin: 3px 0px 9px 0px;
    }

    #topnavwrapper .topnav .nav {
        width: 47%;
    }

    #navwrapper {
        width: 60%;
        padding: 24px 0 0 0;
    }

    #topwrapper.fixed #navwrapper {
        padding: 27px 0 0 0;
    }

    #pages.home .small {
        width: 70%;
    }

    #pages.home .head {
        padding-bottom: calc(100vh - 95px);
    }

    #pages.home .white .left {
        width: 25%;
    }

    #pages.home .inner {
        padding: 10px 0;
        width: 90%;
    }

    #pages .title {
        font-size: 24px;
        padding: 0 0 10px 0;
    }

    #pages.home .middle .par {
        font-size: 13px;
        line-height: 22px;
    }

    #pages.home .middle .button {
        width: 35%;
        margin: 5px 0 0 0;
    }

    .icons .owl-controls .owl-buttons div {
        display: none;
    }

    #pages.home .partner {
        margin: 0 35px 0 0;
    }

        #pages.home .partner img {
            width: 129px;
        }

    #pages.home .wrapper {
        width: 95%;
    }

    #footerwrapper .footer .navbar {
        width: 65%;
    }

    .dropdown {
        top: 33px;
    }

    #pages .banner {
        padding: 80px 0 70px 0;
    }

    #pages.about .stat {
        width: 30%;
    }

    h2 {
        font-size: 26px;
    }

    #pages.solutions .advantage {
        margin: 0 25px 50px 0;
    }

    #pages.solutions .caption {
        font-size: 16px;
    }

    #pages.solutions .benefit.middle {
        margin: 0 12px 50px 12px;
    }

    #pages.solutions .float {
        font-size: 15px;
    }


    #pages.features .desc {
        min-height: 75px;
    }

    #pages.features .feature.middle, #pages.features .feature {
        width: 45%;
        margin: 20px 2%;
    }

        #pages.features .feature.first {
            clear: none;
        }

        #pages.features .feature.mobileclear {
            clear: both;
        }

    #pages.contact .bar .button {
        width: 20%;
    }

    #pages.contact .location.middle {
        margin: 0 32px 50px 32px;
    }

    #pages.contact h3 {
        font-size: 26px;
    }
}

@media (max-width: 1240px) {
    .home #bgvid {
        width: 115%
    }
}

@media (max-width: 1040px) {
    .home #bgvid {
        width: 130%
    }
}

@media (max-width: 1040px) {
    body {
        min-width: 960px;
    }

    #topnavwrapper .topnav, #topwrapper .top, .main, #footerwrapper .footer, #copy {
        width: 960px;
    }

        #topnavwrapper .topnav .nav {
            width: 55%;
        }

    #navwrapper {
        width: 65%;
    }

    #pages.home .head {
        padding-bottom: calc(100vh - 91px);
    }

    #pages.home .small {
        font-size: 22px;
    }

    #pages.home .middle .button {
        padding: 4px 0;
    }

    #pages .button {
        font-size: 14px;
    }

    #pages.home .partner {
        margin: 0 25px 0 0;
    }

    .dropdown {
        top: 30px;
    }

    #pages.home .white, #pages.home .partners, #footerwrapper {
        padding: 40px 0;
    }

        #pages.home .white .right {
            font-size: 22px;
            line-height: 30px;
        }

    #pages.about .stat {
        font-size: 20px;
    }

    #pages.about .bottom {
        padding: 140px 0 120px 0;
    }

    h2:after {
        top: 15px;
        width: 82%;
    }

    #pages.solutions .advantage {
        margin: 0 20px 50px 0;
    }

    #pages.solutions .caption {
        font-size: 14px;
        padding: 10px 0;
    }

    #pages.resources .link.middle {
        margin: 0 45px 80px 45px;
    }

    #pages.software .icon {
        background-size: 5%;
    }

    #pages.software .table .header, #pages.software .table .col1, #pages.software .table .col3, #pages.software .table .col4, #pages.software .table .col5 {
        padding-left: 1.97%;
    }
}

@media (max-width: 960px) {
    body {
        min-width: 100%;
    }

    #topnavwrapper .topnav, #topwrapper .top, .main, #footerwrapper .footer, #copy {
        width: 95%;
    }

        #topnavwrapper .topnav .nav {
            width: 59%;
        }

        #topwrapper .top .logo {
            width: 140px;
            margin: -15px 0px 2% 0px;
        }

    #navwrapper {
        width: 74%;
    }

    #pages .banner {
        padding: 5% 0px;
    }

    #navwrapper .lion {
        background-image: none;
    }


    #pages.home .head .button {
        width: 15%;
    }

    #pages.home .white .left {
        font-size: 30px;
    }

    #pages.home .white .button {
        width: 20%;
    }

    #pages.home .middle .par {
        display: none;
    }

    #pages .title {
        text-align: center;
        padding: 0 0 40px 0;
    }

    #pages.home .middle .button {
        margin: 0 auto;
    }

    #pages.home .inner {
        padding: 60px 0 0 0;
        width: 100%;
    }

    #pages.home .quote, #pages.home .icons, #pages.home .testimonials {
        padding: 40px 0;
    }

    #pages.home .wrapper {
        width: 100%;
    }

    #pages.home .partner {
        width: 15%;
        margin: 0 2% 0 0;
    }

        #pages.home .partner img {
            width: 100%;
        }

    #pages.about .stat .percent {
        float: none;
        margin: 0 auto;
        width: 40%;
    }

    #pages.about .stat .float {
        float: none;
        width: 100%;
        margin: 20px 0 0 0;
        text-align: center;
    }

    #pages.about .stat {
        padding: 30px 15px 50px 15px;
    }

    #pages.about .callout {
        font-size: 30px;
    }

    #pages.about .button {
        width: 40%;
    }

    #pages.about .bottom {
        padding: 100px 0 80px 0;
    }

    h2 {
        font-size: 22px;
    }

    #pages.solutions .benefit.middle {
        margin: 0 8px 50px 8px;
    }

    #pages.resources .link, #pages.resources .link.middle {
        width: 45%;
        margin: 0 2% 60px 2%;
    }

    #pages.contact .location.middle {
        margin: 0 25px 50px 25px;
    }

    #pages.contact h3:before, #pages.contact h3:after {
        width: 35%;
    }

    #pages.contact .bottom {
        padding: 40px 0;
    }

    #pages.software .table .header, #pages.software .table .col1, #pages.software .table .col3, #pages.software .table .col4, #pages.software .table .col5 {
        padding-left: 1.9%;
    }
}

@media (max-width: 915px) {
    .home #bgvid {
        width: 149%;
    }
}

@media (max-width: 850px) {
    #pages.home .small {
        width: 80%;
    }

    #pages.home .white .left {
        font-size: 24px;
        padding: 0 0 10px 0;
    }

    #pages.home .white .right {
        font-size: 20px;
        line-height: 28px;
    }

    #navwrapper {
        width: 70%;
    }

    #topnavwrapper .topnav .nav {
        width: 66%;
    }

    #navwrapper li a {
        padding: 0 35px 20px 0;
    }

    #pages .title {
        padding: 0 0 20px 0;
    }

    #pages.rates .letters a {
        display: inline-block;
        margin: 0px 2px 5px 0px;
    }

    #pages.rates .links, #pages.rates .letters, #pages.rates .all {
        width: 100%;
        float: none;
    }

    #pages.rates .all {
        text-align: left;
        margin: 5px 0px;
    }

    #footerwrapper .footer .left {
        width: 5%;
    }

        #footerwrapper .footer .left .logo {
            display: none;
        }

        #footerwrapper .footer .left .social .fa {
            margin: 0px 0px 5px 0px;
        }

    #pages.home .white, #pages.home .partners, #footerwrapper {
        padding: 30px 0;
    }

        #footerwrapper .footer .contactinfo {
            width: 30%;
        }

    #pages .banner {
        background-position: bottom;
    }

    #pages.about .stat {
        width: 28%;
    }

    #pages.about .callout {
        font-size: 24px;
    }

    #pages.about .button {
        width: 50%;
    }

    #pages.testimonials .testimonial {
        width: 80%;
    }

    #pages.testimonials .company {
        width: 100%;
    }

    #pages.testimonials .testimonial {
        font-size: 13px;
    }

    #pages.testimonials .small {
        font-size: 13px;
        height: 30px;
    }

    #pages .banner, #pages .boxes {
        margin: 0 0 40px 0;
    }

    #pages.solutions .advantage, #pages.solutions .advantage.last {
        width: 45%;
        margin: 20px 2%;
    }

        #pages.solutions .advantage.third {
            clear: both;
        }

    #pages.solutions .bottom h2:after {
        width: 85%;
    }

    #pages.solutions .bottom {
        padding: 40px 0;
    }

    #pages.solutions .benefit, #pages.solutions .benefit.middle {
        width: 45%;
        margin: 15px 2%;
    }

        #pages.solutions .benefit.clear {
            clear: none;
        }

    #pages.features .feature.middle, #pages.features .feature {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }

    #pages.features .desc {
        min-height: 0px;
    }

    #pages.request .wrapper {
        width: 90%;
    }

    #pages.request .form {
        padding: 60px 0;
    }


    #pages.features .feature br {
        display: none;
    }

    #pages.contact .section, #pages.contact .section.middle {
        float: none;
        width: 40%;
        border: none;
        padding: 10px 0;
        margin: 0 auto;
        text-align: center;
    }

        #pages.contact .section.middle {
            width: 25%;
        }

    #pages.contact .bar .button {
        width: 30%;
        float: none;
        margin: 15px auto 0 auto;
    }

    #pages.contact .bar {
        padding: 0 0 20px 0;
        margin: 0 0 30px 0;
    }

    #pages.contact .location, #pages.contact .location.middle {
        width: 45%;
        margin: 20px 2%;
    }

    #pages.contact .address {
        padding: 5px 0 0 0;
        font-size: 13px;
        line-height: 20px;
    }

    #pages.contact .location.ny {
        clear: both;
    }

    #pages.software .table .header, #pages.software .table .col1, #pages.software .table .col3, #pages.software .table .col4, #pages.software .table .col5 {
        padding-left: 1.9%;
        font-size: 13.5px;
    }

    #pages.software .table .header {
        line-height: 0;
    }
}

@media (max-width: 800px) {
    #pages.home .head {
        padding-bottom: 75%;
    }

    .arrow {
        display: none;
    }
}

@media (max-width: 750px) {

    a.menu {
        display: block;
        color: transparent;
        width: 25px;
        height: 25px;
        position: absolute;
        top: 35px;
        left: 5px;
        z-index: 9999999;
        background: url(images/menu.png) no-repeat;
    }

    #navwrapper {
        float: none;
        width: 100%;
        padding: 23px 0;
        overflow-y: scroll;
        max-height: 300px;
    }

    .fixed a.menu {
        top: 6px
    }

    #topwrapper .top .logo {
        width: 105px;
        margin: -5px 0px 9px 0px;
    }

    #topwrapper.fixed .top .logo {
        width: 64.5px;
        margin: -7px 0px 9px 0px;
    }

    #navwrapper .mobile {
        display: block;
    }

    #topwrapper .top {
        width: 100%;
    }

    .navigation {
        width: 100%;
        height: 100%;
        background-color: #005faa;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 0;
    }



    .nav-collapse ul {
        padding: 0;
        width: 100%;
        display: block;
        list-style: none;
    }

    .nav-collapse li {
        width: 100%;
    }

    #nav li {
        padding: 0 0 0px 0;
        display: block;
        text-align: center;
        border: none;
    }

        #nav li a, #navwrapper li.last a {
            display: block;
            padding: 16px 0;
            font-size: 16px;
            border-bottom: 1px solid #3a61a4;
        }

    #nav .dropdown li a {
        background: #3a61a4;
        color: #fff;
        border-bottom: 1px solid #fff;
    }

    #nav ul.dropdown {
        border-top: 1px solid #fff;
    }



    #navwrapper li.toggle a:hover, #navwrapper .lion a:hover, #navwrapper li.first a:hover, #navwrapper .first.lion a:hover, #navwrapper li.last.toggle a:hover, #navwrapper .last.lion a:hover, #navwrapper .lion {
        background-image: none;
        background: #3a61a4;
        color: #fff;
    }

    #navwrapper li a:hover{
        background-image: none;
    }

    #navwrapper .lion {
        background: #FFF;
        color: #3a61a4;
    }

    #navwrapper li a:after {
        content: "\f107";
        float: right;
        font-size: 25px;
        padding: 0px 3% 0px 0px;
        color: #FFF;
        font-family: 'FontAwesome';
    }

    #navwrapper li a:hover:after {
        color: #3a61a4;
    }

    #navwrapper li a.lion:after {
        color: #FFF;
    }

    #navwrapper li.drop a:after, #navwrapper li.drop a.lion:after {
        color: #3a61a4;
    }

    #navwrapper li.drop.toggle a:after {
        content: "\f106";
        color: #Fff;
    }

    #navwrapper li.drop ul a:after {
        display: none;
    }

    .dropdown {
        left: 0;
        top: 40px;
        background: none;
    }

        .dropdown hr {
            display: none;
        }

    .nav {
        margin: 15px 0 0 0;
    }

    #navwrapper .mobile.phone {
        display: none;
    }

    #topnavwrapper .topnav .nav {
        width: 100%;
        margin: 0px;
    }

        #topnavwrapper .topnav .nav .phone a {
            padding: 0px;
            float: none;
            width: 100%;
            background: none;
        }

            #topnavwrapper .topnav .nav .phone a:before {
                content: "\f095";
                font-size: 15px;
                padding: 0px 1.5% 0px 0px;
                color: #FFF;
                font-family: 'FontAwesome';
            }

        #topnavwrapper .topnav .nav li.quote, #topnavwrapper .topnav .nav li.login, #topnavwrapper .topnav .nav li.support {
            display: none;
        }

    #navwrapper {
        float: none;
        width: 100%;
        padding: 23px 0;
        overflow-y: scroll;
    }

    #topnavwrapper {
        padding: 7px 0;
    }

    #topwrapper.fixed {
        padding: 0px 0px 5% 0px;
    }

        #topwrapper .logo, #topwrapper.fixed .logo {
            float: none;
            width: 12%;
            margin: 0px;
            position: absolute;
            top: 13px;
            right: 5px;
            z-index: 999;
        }

    .js .nav-collapse {
        clip: rect(0 0px 0px 0);
        max-height: 500px;
        position: absolute;
        display: block;
        zoom: 1;
    }

    .nav-collapse.opened {
        max-height: 9999px;
    }

    .nav-toggle {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

    #navwrapper li.drop:hover .dropdown {
        visibility: hidden;
    }

    #navwrapper li.drop:hover {
        cursor: pointer;
    }

    #navwrapper li.drop.toggle .dropdown {
        visibility: visible;
        position: relative;
        top: 0;
    }

    .last .dropdown {
        left: auto;
    }

    #pages .banner {
        background-size: cover;
    }

    #pages.about .bottom {
        padding: 5% 0px 6% 0px;
    }

    #pages.home .large {
        font-size: 60px;
    }

    #pages.home .white .button {
        width: 30%;
    }

    #pages.home .middle .button {
        width: 45%;
    }

    #pages.testimonials .testimonial {
        padding: 30px 15px;
    }


    #pages {
        padding: 0 0 100px 0;
    }

    h2 {
        margin: 0 0 20px 0;
    }

        h2:after {
            width: 76%;
        }

    #pages.solutions .float {
        font-size: 13px;
    }

    #pages.resources .button {
        width: 35%;
    }

    #pages.contact .section {
        width: 45%;
    }

        #pages.contact .section.middle {
            width: 30%;
        }

    #pages.contact .wrapper {
        width: 80%;
    }

    #pages.software .table .header {
        line-height: normal;
    }


    #pages.software .table .col2 {
        width: 29.1%;
    }

    #pages.software .table .header, #pages.software .table .col1, #pages.software .table .col3 {
        width: 31.2%;
    }


    #pages.software .table .col4 {
        border-top: 1px solid #3a61a4;
        border-left: 1px solid #3a61a4;
    }

    #pages.software .table .col5 {
        border-top: 1px solid #3a61a4;
    }



    #pages.software .table .col4, #pages.software .table .col5 {
        width: 47.8%;
    }

    #pages.software .table .col4 {
        clear: both;
    }
}

@media (max-width: 650px) {
    .rslides {
        top: 20%;
    }

    #pages.home .small {
        font-size: 20px;
    }

    #pages.home .head .button {
        width: 25%;
        margin: 20px auto 0 auto;
    }

    #pages.home .white .left {
        font-size: 20px;
    }

    #pages.home .white .right {
        font-size: 16px;
        line-height: 25px;
    }

    #pages.home .white .button {
        margin: 10px 0 0 0;
    }

    #pages .title {
        font-size: 20px;
    }

    #pages.home .inner {
        padding: 30px 0 0 0;
    }

    #pages.home .middle .button {
        width: 55%;
    }

    #pages.home .quote .title, #pages.home .testimonials .title, #pages.home .partners .title {
        font-size: 30px;
    }

    #pages.home .quote .button {
        width: 30%;
    }

    #pages.home .icons .button {
        width: 20%;
        margin: 20px auto 0 auto;
    }

    #pages.home .icons .caption {
        font-size: 16px;
    }

    #pages.home .testimonials .button {
        width: 20%;
    }

    #footerwrapper .footer .left {
        width: 25%;
    }

    #footerwrapper .footer .contactinfo {
        width: 40%;
    }

    #pages .banner {
        padding: 40px 0 30px 0;
    }

    #pages.about .stat {
        padding: 20px 5%;
        width: 90%;
        margin: 0 auto 20px auto;
        float: none;
    }

    #pages.about .text.right {
        float: none;
        width: 100%;
    }

    #pages.about .stat .percent {
        width: 25%;
        text-align: center;
    }

    #pages.about .callout {
        font-size: 20px;
    }

    #pages.about .button {
        width: 65%;
    }

    #pages .boxes {
        background-position: 50% 50%;
    }

    #pages .dark {
        float: none;
        width: 94%;
        font-size: 22px;
        padding: 15px 3%;
    }

    #pages .light {
        width: 94%;
        padding: 40px 3% 15px 3%;
        float: none;
    }

    h2:after {
        width: 73%;
    }

    #pages.solutions .bottom h2:after {
        width: 80%;
    }

    #pages.solutions .benefit, #pages.solutions .benefit.middle {
        float: none;
        width: 70%;
        margin: 0 0 20px 0;
    }

    #pages {
        padding: 0 0 50px 0;
    }

        #pages.resources .button {
            width: 75%;
        }

    br.mobile {
        display: block;
    }

    #pages.contact .section {
        width: 55%;
    }

        #pages.contact .section.middle {
            width: 40%;
        }

    #pages.contact .wrapper {
        width: 90%;
    }

    #pages.request .wrapper {
        width: 100%;
    }


    #pages.request h3 {
        margin: 0 0 20px 0;
    }

        #pages.request h3:before, #pages.request h3:after {
            width: 20%;
        }

    #pages.software .table .col2 {
        width: 29%;
    }

        #pages.software .table .col1.header, #pages.software .table .col2.header, #pages.software .table .col3.header, #pages.software .table .col1, #pages.software .table .col3 {
            width: 31.18%;
        }
}

@media (max-width: 550px) {
    #pages.home .partner, #pages.home .partner.last {
        width: 45%;
        margin: 12px 2.5%;
    }

    #pages.home .wrapper {
        width: 70%;
    }

    #pages.home .large {
        font-size: 50px;
    }

    #pages.home .small {
        font-size: 16px;
    }

    #pages.home .head .button {
        width: 25%;
        margin: 20px auto 0 auto;
    }

    #topwrapper .logo, #topwrapper.fixed .logo {
        width: 15%;
    }

    #pages.home .white .left, #pages.home .white .right {
        float: none;
        width: 100%;
    }

    #pages.home .white .left {
        margin: 0 0 20px 0;
    }

    #pages.home .middle .box {
        float: none;
        width: 100%;
    }

    #pages.home .overlay {
        display: block;
        background: rgba(12,33,56,0.65);
    }

    #pages.home .middle .button {
        width: 45%;
        padding: 10px 0;
    }

    #pages .title {
        font-size: 30px;
    }

    #pages.home .inner {
        padding: 100px 0 0 0;
    }

    #pages.home .quote .button {
        width: 40%;
    }

    #pages.home .testimonials .company {
        width: 50%;
    }

    #footerwrapper .footer .contactinfo {
        width: 50%;
    }

    #pages.about .callout {
        font-size: 18px;
    }

    #pages.about .bottom {
        padding: 50px 0 30px 0;
    }

    #pages.about .button {
        width: 75%;
    }

    #pages .light {
        font-size: 13px;
    }

    h2:after {
        width: 70%;
    }

    #pages.solutions .benefit, #pages.solutions .benefit.middle {
        width: 75%;
    }

    #pages.contact .section {
        width: 70%;
    }

        #pages.contact .section.middle {
            width: 50%;
        }

    #pages.contact .location, #pages.contact .location.middle {
        float: none;
        width: 100%;
        margin: 0 0 30px 0;
    }

    #pages.contact .wrapper {
        width: 100%;
    }

    #pages.contact .bar .button {
        width: 45%;
    }

    #pages .banner .menu {
        display: none;
    }

    #pages.home .testimonial {
        font-size: 13px;
        line-height: 25px;
    }

    #pages.software .table .col2 {
        width: 29%;
    }

        #pages.software .table .col1.header, #pages.software .table .col2.header, #pages.software .table .col3.header, #pages.software .table .col1, #pages.software .table .col3 {
            width: 31%;
        }

    #pages.software .table .row.blue {
        border-top: 1px solid #3a61a4;
        border-bottom: 1px solid #3a61a4;
    }


    #pages.software .table .header {
        line-height: 0;
    }

    #pages.software .table .col4, #pages.software .table .col5 {
        width: 47.6%;
    }

    #pages.software .table .header span {
        display: none;
    }

    #footerwrapper .footer .left {
        width: 30%;
    }
}

@media (max-width: 450px) {
    #topwrapper .logo, #topwrapper.fixed .logo {
        width: 25%;
    }

    #pages.home .large {
        font-size: 40px;
        padding: 0 0 10px 0;
    }

    #pages.home .small {
        width: 100%;
    }

    #pages.home .head .button {
        width: 40%;
        margin: 10px auto 0 auto;
    }

    .rslides {
        top: 7%;
    }

    #pages.home .inner {
        padding: 80px 0 0 0;
    }

    #pages.home .quote .title, #pages.home .testimonials .title, #pages.home .partners .title {
        font-size: 24px;
    }

    #pages.home .quote .button {
        width: 55%;
    }

    #pages.home .icons .button {
        width: 30%;
    }

    #pages.home .testimonials .button {
        width: 30%;
    }

    #footerwrapper .footer .left .logo {
        display: none;
    }

    #footerwrapper .footer .left .social {
        padding: 0px;
        width: 40%;
        margin: 0 auto;
    }

        #footerwrapper .footer .left .social p {
            display: inline;
        }

    #footerwrapper .footer .left, #footerwrapper .footer .contactinfo, #copy .left, #copy .right, #copy .disclaimer {
        float: none;
        text-align: left;
        width: 100%;
        clear: both;
    }

    #footerwrapper .footer .contactinfo {
        padding: 30px 0 0 0;
    }

    #footerwrapper .footer .left .social .fa {
        margin: 0px 3% 0px 0px;
        width: 31%;
        padding: 8% 0px;
    }

        #footerwrapper .footer .left .social .fa.fa-youtube {
            margin: 0px;
        }

    #copy .left, #copy .right, #copy .disclaimer {
        text-align: center;
        padding: 5px 0;
    }

    #pages.home .icons .caption {
        font-size: 15px;
    }

    #pages .banner h1 {
        float: none;
        width: 100%;
    }

    #pages .banner .menu {
        width: 100%;
        float: none;
        text-align: left;
    }

    #pages.about .button {
        font-size: 16px;
    }

    #pages .dark {
        font-size: 18px;
    }

    #pages .boxes {
        background-image: none;
    }

    #pages .light {
        padding: 15px 3%;
    }

    h2:after {
        width: 60%;
    }

    #pages.solutions .bottom h2:after {
        width: 70%;
    }

    #pages.solutions .benefit, #pages.solutions .benefit.middle {
        width: 85%;
    }

    #pages.contact .section {
        width: 85%;
    }

        #pages.contact .section.middle {
            width: 65%;
        }

    #pages.contact .bar .button {
        width: 65%;
    }

    #pages.contact h3:before, #pages.contact h3:after {
        width: 27%;
        top: 15px;
    }

    #pages.contact h3 {
        margin: 0 0 20px 0;
    }

    #pages .textfield, #pages .textfield.right {
        float: none;
        width: 97%;
    }

    #pages form .button {
        width: 30%;
    }

    #pages select.textfield {
        width: 100% !important;
    }

    #pages .banner h1 {
        font-size: 30px;
    }

    #pages.request .center, #pages.request .red {
        font-size: 15px;
        line-height: 25px;
    }

    #pages.request .red {
        padding: 20px 0;
    }

    #pages.request h3:before, #pages.request h3:after {
        display: none;
    }

    #pages.request h3 {
        margin: 0;
        font-size: 24px;
    }

    #pages.rates select-plan {
        width: 60%;
    }
    #pages.rates select-reultsPP {
        width: 30%;
    }

    #pages.rates .search {
        width: 95%;
    }

    #pages.home .testimonial {
        width: 100%;
    }

    #pages.home .owl-nav {
        display: none;
    }

    #pages.software .icon {
        background-size: 10%;
    }

    #pages.software .title {
        padding: 15px 0px 15px 10%;
        width: 85%;
    }


    #pages.rates .col1, #pages.rates .col2, #pages.rates .col3 {
        font-size: 12px;
    }
}

@media (max-width: 350px) {
    #pages.home .large {
        font-size: 30px;
        padding: 0 0 5px 0;
    }

    #pages.home .white .button {
        width: 45%;
    }

    h2:after {
        width: 55%;
    }

    #pages.features .icon {
        width: 50px;
    }

    #pages.contact .section {
        width: 100%;
    }

    #pages.software .table .col1.header, #pages.software .table .col2.header, #pages.software .table .col3.header, #pages.software .table .col1, #pages.software .table .col3 {
        width: 30.9%;
    }


    #pages.rates .header {
        font-size: 13px;
    }

    #pages.rates .col3.header span {
        display: none;
    }

    #pages.software .title {
        width: 70%;
        padding: 5px 0px 5px 10%;
    }

    #pages.software .header:after {
        padding: 5px 0px;
    }

    #pages.software .box {
        padding: 10px 0px;
    }
}
