﻿#header_mob,
/*#divIsDrivable,*/
#divGetInstantQuotes,
#divAdditionalTitleMob,
#divMobMessageNext1,
#divMobMessageNext2,
.pageFooterMob,
#footerMob,
.hide_on_web,
.hr_separator_mob {
    display: none;
}

@media only screen and (max-device-width: 760px) {
    body, html, textarea, select, input, option, td, a, a:link, font, label, span, div {
        /*color: #444 !important;*/
        font-size: 45px !important;
        padding: 0px !important;
       /* width: 1000px !important;*/
    }

    /* body {
        width: 1000px !important;
    }*/

    .selectVehicle {
        color: #444;
    }

    #divPhoneValidationRequest,
    #divPhoneValidationContent,
    #divPhoneValidationButton {
        width: 100%;
        margin-top: 20px;
    }
    #divPhoneValidationButton button,
    #divPhoneValidationRequest button {
            height: 110px;
            font-size: inherit;
        }
    .PhoneConfirmationBox {
        width:300px;
        height:100px;
        margin:55px 0;
    }
    #divResendConfirmationCode
    {
        margin:25px 0;
    }
    .thankyoutxt {
        font-size: inherit;
        margin-top: 60px;
    }

    .note_mob_style
    {
        font-size:20px!important;
    }

    #header_mob,
    /*#divIsDrivable,*/
    #divAdditionalTitleMob,
    #divMobMessageNext1,
    #divGetInstantQuotes,
    .hide_on_web,
    .hr_separator_mob,
    #divSubmitProceed {
        display: inherit;
    }

    .contentbox_mob {
        /*margin-bottom: 160px;*/
        margin-bottom: 70px;
        width: 100% !important;
        height:inherit;
        overflow: auto;
        clear: both;
        padding: 0px !important;
        background: none !important;
        margin: auto;
    }

    .hide_on_mobile {
        display: none !important;
    }

    .tableBox {
        width: 100%;
        margin: 50px 0 20px 0;
    }

    .detailsbox {
        display: none;
        margin:0;
        padding-top: 0px !important;
        border:none;
        /*margin-bottom: 160px;
        margin-bottom: 70px;*/
    }

    .contentbox_finishpage_mob
    {
        margin:110px 30px 80px 30px;
        width:95%!important;
    }

    .title_finishpage_mob
    {
        height:80px;
    }

    .timework
    {
        margin-bottom:60px;
    }

    .timework li.first {
        margin: 0 auto;
    }

    .timework img{
        width:250px;
    }

    #result_section {
        margin-bottom: 90px;
    }

    .ResultTablesWrapper * :not(.SearchingResultSpecialStyle) {
        font-size: 32px !important;
    }

    .ConfirmRequestDetails_SubmitButton {
        width: inherit;
        height: inherit;
        font-size: inherit;
    }

    #formarea {
        width: 100% !important;
        /*margin-bottom: 90px;*/
    }
    .contentbox * :not(.ButtonCommon),
    .boxC2L * :not(.ButtonCommon),
    .fromtobox,
    #formarea {
        background: none !important;
    }

    .result_header_style {
        height: 50px !important;
        padding-top: 17px !important;
        padding-bottom: 0px !important;
    }

    #formarea .textbox {
        float: none !important;
        border: none !important;
    }

    .cimg2 img {
        width: 45px;
    }

    .cimg3 {
        width: 22%;
    }

    .cimg3 .ButtonCommon {
        height: 90px;
    }

    #wrap {
        background: unset;
    }

    .boxC2L {
        width: 100%;
    }

    body, html, textarea, input, select, option, label, div, span,
    .contentbox_mob,
    .titlethanks,
    .thankyoutxt
    {
        font-family: 'Century Gothic', Helvetica, Verdana, Arial, sans-serif !important;
    }

    .titlethanks {
        font-size: 50px !important;
        margin-top:50px;
    }

    body, html, textarea, input, select, option {
        padding: 0px !important;
        /*padding-bottom: 25px;*/
    }

    #footerMob {
        display: block;
    }

    .payform img {
        width: 75px;
        margin: 25px 60px 0 20px !important;
    }

    .payform div.one,
    .payform div.two,
    .payform div.three {
        width: inherit;
        height: inherit;
    }

    .payform div.one label,
    .payform div.two label {
        margin-top: 20px;
    }

    .rdo 
    {
        margin-top: 45px !important;
    }

    .payment_inline_mob {
        margin-left: 24px;
    }

    .payform div input.text1
    {
        width:100px!important;
        margin: 10px 4px 0 7px;
    }
    .cvv {
        margin-left: 26px!important;
        width:100px!important;
    }

    .payform div input.text1 {
        width: 200px;
    }

    .payform label {
        color: inherit;
        font-weight: inherit;
        margin-right: 45px;
    }

    input[type="radio"] {
        -ms-transform: scale(2.5); /* IE 9 */
        -webkit-transform: scale(2.5); /* Chrome, Safari, Opera */
        transform: scale(2.5);
    }

    .pageFooterMob {
        /*display: flex;
        display: flex;
        position: fixed;
        bottom: 0px;
        width: 100%;
        background-color: #3498DB;
        overflow: hidden;*/
    }

    .pageFooterMob img, 
    .pageFooterMob div {
        width: 90%;
        height: auto;
        margin-right: 4px;
        margin-left: 4px;
        cursor: pointer;
    }

    .NotDrivableVehicleMessage .ButtonCommon
    {
        height:110px;
        font-size: inherit;
    }

    .pageFooterMob a,
    #header_mob a,
    .NotDrivableVehicleMessage a {
        display: block;
        border: 0 none;
        text-decoration: none;
        font-size: 17px;
        text-align: center;
        cursor: pointer;
        margin: auto;
    }

    .NotDrivableVehicle_Botton1,
    .NotDrivableVehicle_Botton2 {
        margin-top: 45px;
        width: initial;
        float: none;
    }

    .div_images {
        width: 100%;
        text-align: center;
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-top: 50px;
    }

    .div_single_image {
        display: inline-block;
        vertical-align: middle;
    }

    .div_with_label, .div_with_textbox, .div_with_dropdownlist {
        height: unset !important;
        text-align: center;
        position: relative;
        width: 100% !important;
        margin-bottom: 0px !important;
    }

        .div_with_dropdownlist select {
            height: 80px !important;
            width: 97% !important;
            -webkit-appearance: none;
            margin: auto;
        }

        .div_with_textbox input {
            height: 80px !important;
            width: 97% !important;
        }

    .div_with_button {
        width: 100%;
    }

    .enquiry-div {
        width: 100%;
        float: none;
        margin: auto;
    }

        .enquiry-div div input {
            width: 100%;
        }
    /* change order of fields from/to state/area for mobile - start */
    .fromtobox,
    .contentbox_serviceenquire_mob,
    .payform {
        display: flex;
        flex-direction: column;
        padding-top: 0px !important;
        margin-top: 0px !important;
        width: 100%;
    }

    .moredetailbox
    {
        background:none;
        width:100%;
    }

    .moredetailbox textarea {
        width: 100%;
        height: 500px;
        padding:15px!important;
    }

    .order_mob_1 {
        order: 1;
    }

    .order_mob_2 {
        order: 2;
    }

    .order_mob_3 {
        order: 3;
    }

    .order_mob_4 {
        order: 4;
    }

    .order_mob_5 {
        order: 5;
    }

    .order_mob_6 {
        order: 6;
    }
    .order_mob_7 {
        order: 7;
    }

    /* change order of fields from/to state/area for mobile - end */

    .ButtonCommon {
        font-size: 50px;
        border-radius: 0px;
        height: 110px;
        /*padding-top: 30px !important;
        padding-bottom: 30px !important;*/
    }

    .youtubebox {
        position: unset !important;
        width: 70% !important;
        margin: auto;
    }

    .TableCaptionDiv {
        height: 85px;
        margin-bottom: 20px;
        text-align: center;
        /*padding-top:30px!important;*/
    }

    .TableCaptionDiv label {
        font-size: 45px;
    }

    .payform
    {
        background:none;
        height:unset;
    }

    /*
    input::-webkit-input-placeholder {
    color: #f51;
    }

    input:-moz-placeholder {
        color: #f51;
    }

    input::-moz-placeholder {
        color: #f51;
    }

    input:-ms-input-placeholder {
        color: #f51;
    }*/
}