@media only screen and (min-width: 768px) and (max-width: 959px) {

    .flex-direction-nav li a.next{

        background-position :-31px 0;

        right:-31px;

        width: 70px;

    }

    .header .logo{

        width: 150px!important;

    }

    .header .logo img{

        width: 100%!important;

    }

    .nav-container{

        margin: -28px 0 0 !important;

    }

    .show-on-phones{

        margin: 0px 0px 10px 0px !important;

    }

    #videoPopup{

        left: 20%;

    }

    .howitworks img{

        max-width: 95%;

    }

    .buttons-set button, .buttons-set p.required{

        margin-left: 4.2%;

    }

}

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

    .chooseDevice{

        padding-left: 0px;

    }

    .quick-access{

        width: 100%;

    }

    .nav-container a#pull {

        display: block;

        background: url('img/nav-icon.png') no-repeat;

        width: 20px;

        height: 22px;

        position: absolute;

        right: 15px;

        top: -15px;

    }

    .nav-container ul#nav {

        display: none;

        position: absolute;

        top: 10px;

        left: -301px;

        margin-bottom: 10px;

        z-index: 9;

        margin: 0 0 0 2px;

    }



    .nav-container ul#nav li, .nav-container ul#nav li a{

        width: 78%;

    }

    .nav-container ul#nav li, .nav-container ul#nav li ul a {

        width: 98%;

    }

    .header h1.logo{

        margin: 0px;

    }

    .header h1 a.logo {

        margin-bottom: 0px;

        margin-top: 10px;

        width: 50%;

    }

    .form-language {

        margin-top: 0px !important; 

    }

    h1 {

        font-size: 20px;

    }

    .grid_3.slider {

        margin: 0 50px;

    }

    .grid_3.slider iframe#caseframe{

        margin-top: 0px !important;

    }

    .editDrawing {

        margin: 0 0 0 28px;

        text-align: left;

    }

}



@media only screen and (min-width: 480px) and (max-width: 767px) {

    .quick-access{

        width: 100%;

    }

    iframe#videoTour{

        width: 380px;

        height: 260px;

    }

    #videoPopup{

        left: 6%;

        top: 13%;

    }

    .videoPanel .videoPlay{

        left: 24%;

    }

}



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

    .quick-access {

        height: auto;

    }

    .nav-container {

        float: right;

        width: 100%;

    }

    .nav-container a#pull {

        background: url("img/nav-icon.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);

        float: left;

        position: inherit;

        right: 0;

        top: 0;

        width: 98%;

        outline: none;

    }

    .quick-access .links li {

        width: 97%;

    }

    .nav-container ul#nav {

        display: none;

        left: 0;

        position: inherit;

        top: 0;

    }



}



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

    iframe#videoTour{

        width: 300px;

        height: 260px;

    }

    #videoPopup{

        left: 1%;

    }

}



@media only screen and (min-width: 320px) and (max-width: 1024px) {
    #onepagecheckout_orderform .col3-set .col-2 , #onepagecheckout_orderform .col3-set .col-1 {
        min-height: auto !important;
    }
    #send2 {
        margin-right: 18%;
    }
}