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

    .topbar {
        height: 137px;
        
    }
    .hamburger {
        display: block;
        width: 50px;
        height: 50px;
        float: left;
        margin: 0px 0px 10px 0px;
    }
    .sitepanetop {
        width: calc(100% - 60px);
    }
    .logo {
        width: 100%;
        height: 85px;
        margin: 25px 0px 0px 0px;
        display: block;
        float: none;
        text-align:center;
    }
    .topmenu {
        display: none;
        width: 100%;
        height: auto;
        float: none;
        margin-top: 30px;
        position: absolute;
        background-color: #FFF;
        left: 0;
        z-index: 1;
    }
    .menu {
        float: none;
    }
        .menu li {
            float: none;
        }
            .menu li a {
                margin-top: 0px;
                line-height: normal;
                text-align: left;
                font-size: 18px;
                height: auto;
                padding: 5px;
                color: #000000;
            }
                .menu li a.on {
                    background-color: #FFF;
                }

    .splash {
        width: 100%;
        height: 190px;
        background-image: url("/assets/live/1/mainback.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-position: center;
    }
    .bodypane { padding-top:10px;
    }
    
    .moto {
        width: 100%;
        left: 10px;
        top: 90px;
        position: relative;
    }
    .g1 {
        font-size: 25px;
        line-height: normal;
    }
    .g2 {
        font-size: 25px;
        line-height: normal;
        padding: 0;
    }
    .midcopy {
        width: 100%;
        margin: auto;
    }
    .homeblock {
        width: 100%;
        max-width: 345px;
        float: none;
        margin: 0px auto 10px auto;
        padding-bottom: 25px;
        background-size: 100%;
    }
    .homeblockb {
        width: 100%;
        max-width: 345px;
        float: none;
        margin-top: 30px;
        margin: 0px auto 10px auto;
    }
    .footernav {
        width: 100%;
        margin: auto;
    }
    .bodypane {
        min-height:unset;
    }
}
@media screen and (max-width: 380px) {
    ul.squares li {
        background: #FFFFFF;
        width: 94%;
        min-height: 220px;
        margin: 0px;
        padding: 0px;
        text-align: center;
        display: block;
        float: none;
    }
     iframe {
        height: 200px;
    }
    #bottomform {
        position: relative;
    }
    .freetrial {
        width: 95%;
    }
    .trialcopy {
        display: block;
        
        text-align: center;
        width: 100%;
    }
    #bottomform input[type="text"] {
        width: 95%;
        
        float: none;
    }
    .btnpop {
        height: 42px;
        width: 98%;
        float: none;
        margin: 8px 0 10px 5px;
    }
    .mobile {
        display: block;
    }
    .mobiletrial {
        background-color: #fd0d0d;
    }
        .mobiletrial a {
            color:#FFF;
            text-decoration:none;
            display:block;
            font-family:"Anton";
            padding:8px;
            text-align:center;
            font-size:18px;
        }

   
}