@media only screen and ( min-width: 1526px) and ( max-width: 1814px){
    .vehicle-trans .form-field label{ text-align: center;  display: block; margin-right: 0; width: 100%; margin-bottom: 10px;}


    .percentage-list .per-c{ text-align: center;}
    .percentage-list .per-c .form-field{ display: block;}
    .percentage-list .per-c label{ width: 80% !important; text-align: left;}
}


@media only screen and ( max-width: 1525px){
    .enter-vin-tb .form-field input, .enter-vin-tb .form-field textarea, .enter-vin-tb .form-field select{
        width: 143px;
    }
    .enter-vin-tb .form-field.vaild{ width: 180px;}

    .tt-value-tb .form-field input, .tt-value-tb .form-field textarea, .tt-value-tb .form-field select{
        width: 140px;
    }

    .tt-value-tb .form-field label{ width: 62px;}

    .ca-value-tb .form-field input, .ca-value-tb .form-field textarea, .ca-value-tb .form-field select{
        width: 140px;
    }

    .ca-value-tb .form-field label{ width: 62px;}
    .comapirable-veh table th{ font-size: 14px;}
    .popup-veh{ width: 100%;}


    .cbb-value-tb .form-field input, .cbb-value-tb .form-field textarea, .cbb-value-tb .form-field select{
        width: 140px;
    }

    .cbb-value-tb .form-field label{ width: 62px;}

    .ass-tb .form-field input, .ass-tb .form-field textarea, .ass-tb .form-field select{
        width: 140px;
    }

    .ass-tb .form-field label{ width: 107px;}

    .vehicle-detail .vihcle-btn{ margin-top: 20px;}

    .vichel-form.manual_load .form-field input,
    .vichel-form.manual_load .form-field textarea,
    .vichel-form.manual_load .form-field select{ width: 148px;}
    .vin-enter.ad-model input, .vin-enter.ad-model select{ width: 140px;}

    .mod-edit-box input{ width: 133px;}

    .percentage-list .per-c{ text-align: center;}
    .percentage-list .per-c .form-field{ display: block;}
    .percentage-list .per-c label{ width: 80% !important; text-align: left;}


}
@media only screen and ( min-width: 1365px) and ( max-width: 1366px){


}

@media only screen and ( max-width: 1365px){
    .enter-vin-tb .form-field label{ width: 100%; text-align: left; margin-bottom: 10px;}
    .enter-vin-tb .form-field input, .enter-vin-tb .form-field textarea, .enter-vin-tb .form-field select{
        width: 100%;
    }
    .enter-vin-tb .form-field label .inp::before{ right: 0;}
    .enter-vin-tb .form-field.vaild{ width: 100%;}
    .form-field.vaild .check{ right: -26px;}
    .ques-info{ right: -215px;}
    .tt-value-tb .form-field label{ width: 100%; text-align: left; padding-left: 0; margin-bottom: 8px;}
    .tt-value-tb .form-field input, .tt-value-tb .form-field textarea, .tt-value-tb .form-field select{ width: 100%;}
    .vehicle-trans h4{ min-height: 40px;}
    .ca-value-tb .form-field label { width: 100%; text-align: left; padding-left: 0; margin-bottom: 8px;}
    .ca-value-tb .form-field input, .ca-value-tb .form-field textarea, .ca-value-tb .form-field select{ width: 100%;}

    .comapirable-veh .col-lg-9.col-sm-12{ width: 100%;}
    .comapirable-veh .col-lg-3.col-sm-6{ width: 50%; margin-top: 15px;}

    ul.bb{ width: 100%;}
    ul.bb li .sw-btns h6{ width: 140px;}

    .ass-tb .form-field label { width: 100%; padding-left: 0;text-align: left; margin-bottom: 8px;}
    .ass-tb .form-field input, .ass-tb .form-field textarea, .ass-tb .form-field select{ width: 92%;}
    .ass-tb .veh-info-tab .form-field{ display: block;}
    .ass-tb .veh-info-tab .edit {position: absolute; right: -5px; top: 34px;}
    .ass-tb .vichel-form{ box-shadow: none;}
    .ass-tb .history-tab .sw-btns h6{ width: 92px;}
    .ass-tb #collapse5 .cta-btn{ width: 100%;}
    .ass-tb .vehicle-detail h2{ font-size: 18px;}

    .vichel-form.manual_load .form-field input, .vichel-form.manual_load .form-field textarea, .vichel-form.manual_load .form-field select, .vichel-form.manual_load .form-field label {
        width: 100%;
    }
    .vichel-form.manual_load .form-field label{ text-align: left; padding-left: 0; margin-bottom: 5px;}
    .vin-enter.ad-model input, .vin-enter.ad-model select{ width: 100%;}
    .vin-enter.ad-model .cta-white{ margin-top: 6px;}

    .big-txt textarea{ max-width: 550px;}

    .mod-edit-box .form-field label{ width: 100%; text-align: left; padding-left: 0; margin-bottom: 5px;}



}


@media only screen and ( max-width: 1199px){
    .header-search input{ width: 180px;}
    .sw-btns h6{ display: block; width: 100%; text-align: right; margin-bottom: 6px; font-size: 14px;}
    .form-field input, .form-field textarea, .form-field select{ width: 130px;}

    .history-tab .sw-btns h6{ width: auto;}
    .featured-car .sw-btns h6 {
        display: inline-block;
    }

    .vichel-form.pre-set-special input, .vichel-form.pre-set-special textarea { width: 210px;}
    .vichel-form.total-cost-form input { width: 189px;}
    .vichel-form.total-cost-form label { width: 146px;}

    .main-back-page, .main-back-page .container-fluid{ height: auto; overflow: auto;}

    .comp-table{ overflow: auto;}
    .comp-table table{ width: 900px;}
    ul.bb li .sw-btns h6{ width: 100%; text-align: right;}
    .ass-tb .form-field input, .ass-tb .form-field textarea, .ass-tb .form-field select{ width: 90%;}
    .main-tabs-sec .nav-tabs>li{ margin-right: 22px;}

    .g-settin-block .sw-btns h6 {
        width: auto;
        margin-left: 10px;
        display: inline-block;
    }

    .big-inp input, .big-txt textarea{ width: 100% !important; max-width: 350px;}
    #wsc .col-lg-3.col-md-6.col-sm-6.col-xs-6{ margin-bottom: 15px;}

    .overview-modal .modal-dialog{ width: 90% !important;}


    .percentage-list .per-c{ text-align: left;}
    .percentage-list .per-c .form-field{ display: inline-block;}
    .percentage-list .per-c label{ width: 80% !important; text-align: left;}

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

    .logo h1{ margin-right: 20px; width: 212px}
    .header-search input{ width: 100px;}
    .new-car-pic{ width: 355px; display: inline-block; vertical-align: top;}
    .lock-car{ display: inline-block; vertical-align: top;}
    .lock-car .sw-btns h6{ text-align: left;}
    .lock-car .sw-btns{ text-align: left; margin-left: 30px;}
    .main-tabs-sec .nav-tabs>li{ margin-right: 15px;}
    .main-tabs-sec .nav-tabs>li>a{ font-size: 18px;}

    .vichel-form .form-field label {
        padding-left: 5px;
        display: block;
        width: 84%;
        padding-right: 5px;
        margin-bottom: 8px;
    }
    .vichel-form .form-field input, .vichel-form .form-field textarea, .vichel-form .form-field select {
        width: 90%;
        margin: auto !important;
        display: block;
    }
    .lock-car .onoffswitch-inner:before{ padding-left: 14px;}


    .history-tab .sw-btns{
        min-height: 70px;
    }
    .hist-inp-row.pull-right {
        margin-top: 0;
    }

    .featured-car .sw-btns h6 {
        width: 70%;
    }

    .history-inp.price-inp label { width: 146px; display: inline-block;}
    .vichel-form.pre-set-special{ width: 100%;}
    .vichel-form.pre-set-special label { width: 112px; display: inline-block;vertical-align: middle;}
    .vichel-form.pre-set-special input, .vichel-form.pre-set-special textarea { width: 154px !important; display: inline-block !important;}
    .row.rebate-inputs label, .row.rebate-inputs input { display: block;width: 100%;}
    .row.rebate-inputs label{ margin-bottom: 8px;}
    .vichel-form.total-cost-form label{ padding-right: 0;}
    .vichel-form.total-cost-form label, .vichel-form.total-cost-form input { width: 90%;}
    .form-field.total-p label, .form-field.total-p h2 { width: 95%;text-align: right;}

    .side-bar{ left: -300px;}
    .main-wrapper{ padding-left: 0;}
    .side-toggle{ display: inline-block; cursor: pointer;}

    .vichel-form .form-field input, .vichel-form .form-field textarea, .vichel-form .form-field select{ display: inline-block;}
    .ass-tb .history-tab .sw-btns h6{ width: 100%;}

    #radio-d label{ display: inline-block;}

    .basic-e.cc-setting .form-field label{ display: inline-block;}
    .basic-e.cc-setting .form-field select, .basic-e.cc-setting .form-field input{  width: 200px;}

    /*18-11-2017*/
    .finance-pg label input{ margin-left: 5px; width: 60px}
    span.or{ display: block; position: static}
    .basic-e.basic-ed{ padding: 20px 0;}

    .g-settin-block{ text-align: left !important;}

    /*21-12-2017*/
    .summary-details{ width: 494px;}

    /*04-01-2018*/
    header .nav.navbar-nav >li >a{ padding: 24px 9px;}

}
@media only screen and ( max-width: 767px){
    .navbar-nav>li>a{ display: inline-block;}
    header .nav.navbar-nav >li{ display: inline-block;}

    .dropdown-menu {
        position: absolute !important;

        border: 1px solid #ccc !important;
        border: 1px solid rgba(0,0,0,.15) !important;
        border-radius: 4px !important;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
        box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
        background: #fff  !important;
        right: 0!important;
        left: auto !important;
    }

    .header-search{ width: 54%;}
    .header-search input{ width: 80%;}
    .logo, .top-menu.pull-right{ float: none !important;}
    header .nav.navbar-nav >li >a{ padding: 8px 15px;}
    .notification{ top: 0;}
    ul.nav.navbar-nav{ text-align: center !important;}
    .lock-car .sw-btns{ text-align: center; margin-left: 0;}
    .lock-car .sw-btns h6{ text-align: center;}
    .lock-car{ width: 355px;}
    .form-field input, .form-field textarea, .form-field select{ width: 200px;}
    .vichel-form .form-field label{ width: 40%; display: inline-block; vertical-align: middle;}
    .vichel-form .form-field input, .vichel-form .form-field textarea, .vichel-form .form-field select{ width: 55%; display: inline-block; vertical-align: middle;}

    .ft-links{ text-align: center;}
    .ft-logo{ text-align: center; margin-top: 15px;}
    footer{ margin-top: 80px;}
    .lock-car{ margin-bottom: 30px;}
    .sw-btns h6{ font-size: 12px;}
    .main-tabs-sec .nav-tabs{ text-align: center;}
    .main-tabs-sec .nav-tabs>li{ float: none; display: inline-block;}

    .history-tab .sw-btns h6 {
        width: 128px;
        line-height: 15px;
        display: inline-block;
        font-size: 15px;
    }
    .history-inp{
        text-align: right;
    }

    .history-tab .sw-btns {
        margin-bottom: 0;
    }
    .history-tab .sw-btns {
        min-height: 58px;
    }
    .history-tab .col-sm-3.col-xs-6 {
        min-height: 296px;
    }


    .form-field.pre-check label{ width: 200px;}
    .vichel-form.pre-set-special .form-field, .vichel-form.total-cost-form .form-field{
        text-align: right;
        padding: 0 20px;
    }
    .vichel-form.pre-set-special label, .vichel-form.pre-set-special input{width: inherit;}
    .form-field.total-p label, .form-field.total-p h2{ display: inline-block; margin-bottom: 0; width: inherit;}


    .form-infom{ width: 100%;}
    .form-field.vaild input {
        width: 100%;
    }
    .ques-info{ right: 0; z-index: 1;}
    ul.bb li .sw-btns h6{ font-size: 14px;}
    .ass-tb .form-field input, .ass-tb .form-field textarea, .ass-tb .form-field select{ width: 97%;}
    .ass-tb .history-tab .col-sm-3.col-xs-6{ min-height: 210px;}
    .ass-tb #collapse5 .cta-btn{ width: 215px; margin-bottom: 10px;}
    .summary-details{ width: 100%;}
    .email-f input.btn-orange{ margin-top: 15px;}
    footer{ position: static; margin-top: 30px !important;}
    .x-clean{ margin-bottom: 10px;}


    .gen-setting-options{ margin-bottom: 30px;}

    .impo-data h3 {
        margin-bottom: 4px;
        margin-top: 10px;
    }
    .progress-view{ margin-bottom: 40px;}
    .das-table-cont.new-used-cars .col-md-2.col-sm-4.col-xs-4 {
        width: 50%;
    }
    .exp-table {
        overflow: scroll;
    }
    .exp-table table{ width: 750px !important}
    .aim-team-me h3{ margin-bottom: 15px;}
    .aim-team-me{ margin-bottom: 15px;}

    .vin-enter.ad-model{ margin-bottom: 15px;}
    .vin-enter.ad-model .cta-white{ width: 150px;}
    #texta textarea{ width: 100%;}

    .big-inp input, .big-txt textarea{ max-width: 250px;}
    .basic-e.cc-setting .g-settin-block .sw-btns h6{ width: 80%; vertical-align: middle; text-align: left}

    .mod-edit-box input{ width: 52% !important;}

    /*18-11-2017*/

    #model-rule-radio .sw-btns h6{ width: 48%;}
    .finance-pg .col-sm-5 label{ font-size: 16px; margin-bottom: 15px;}

    /*21-12-2017*/
    .summary-details{ width: 100%;}
    .btn-view{ position:static; margin-top:10px;}

    /*04-01-2018*/
    .impo-data.digi-dta .col-sm-4{ margin-bottom: 20px;}

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

    .header-search{ width: 50%;}
    .logo h1{ margin-right: 20px;}
    .header-search{ width: 64%;}
    .cta-btn{ width: 170px;}
    .switch-btns ul li{ width: 30%; margin-bottom: 20px;}
    .sw-btns h6{ font-size: 14px; margin-bottom: 6px;}
    .vichel-form .form-field input, .vichel-form .form-field textarea, .vichel-form .form-field select{ width: 53%;}

    .history-tab .sw-btns h6{
        display: block;
        width: 100%;
    }
    .history-tab{
        padding-bottom: 30px;
    }
    .hist-btn{ margin-top: 0px !important;}

    .history-tab .sw-btns {
        min-height: 68px;
    }
    .history-tab .col-sm-3.col-xs-6 {
        min-height: 350px;
    }
    .history-tab .col-sm-3.col-xs-6:nth-child(3), .history-tab .col-sm-3.col-xs-6:nth-child(4) {
        min-height: auto;
    }

    .pricing-table{ overflow-x: auto; margin-bottom: 30px;}
    .pricing-table table{ width: 600px;}

    .enter-vin-tb .form-field.vaild input{ width: 95%;}
    .ca-value-tb .vichel-form .form-field input, .ca-value-tb .vichel-form .form-field textarea, .ca-value-tb .vichel-form .form-field select{ width: 100%;}
    .ca-value-tb .vichel-form .form-field label{ width: 100%}
    .tt-value-tb .vichel-form .form-field label{ width: 100%;}
    .comapirable-veh .col-lg-3.col-sm-6{ width: 100%;}

    #collapse3 .form-field input, #collapse3 .vichel-form .form-field textarea, #collapse3 .vichel-form .form-field select{ width: 100%;}

    #collapse3 .form-field{ position:relative;}
    #collapse3 .form-field a.edit{ position: absolute; right: 0; top: 0;}
    .black-book img{ max-width: 100%}
    img{ max-width: 100%;}

    .g-settin-block ul li .hover-box{ left: 0; top: 15px;}

    .basic-e.cc-setting .g-settin-block .sw-btns h6{ width: 70%;}
    .basic-e.cc-setting .form-field label {
        display: block;
        text-align: left;
        padding-left: 0;
    }
    #wsc .col-lg-3.col-md-6.col-sm-6.col-xs-6{ width: 100%;}

    /*18-11-2017*/

    .form-field p{ padding-left: 0 !important;}

    /*01-12-2017*/
    .logo{ text-align: center;}
    .header-search{ width: 100%; margin-top: 15px;}

}
@media only screen and ( max-width: 479px){
    .new-car-pic, .lock-car{ width: 100%;}
    header .nav.navbar-nav >li{ margin-left: 0;}
    .header-search span{ width: 30px;}
    .header-search{ width: 60%;}
    .logo h1{ margin-right: 0; width: 250px;}
    .logo h1 img{ width: 100%;}
    .cta-btn{ width: 100%; margin: 5px 0;}
    .form-field label{  width: 100%; text-align: left; margin-bottom: 10px;}
    .form-field input, .form-field textarea, .form-field select{ width: 100%;}
    .switch-btns ul li{ width: 50%;}

    .vichel-form .form-field label {
        width: 91%;
        text-align: left;
        display: block;
        margin: 0 auto 11px;
    }
    .vichel-form .form-field input, .vichel-form .form-field textarea, .vichel-form .form-field select{ width: 88%;
        margin: auto !important;
        display: block;}
    .form-field label.req::before{ right: 0;}

    .sw-btns .sw-cont{ display: block; margin: auto;}
    .sw-btns h6{ text-align: center; margin-bottom: 10px;}
    .lock-car .onoffswitch-inner:before{ padding-left: 0;}
    .form-field label{ margin-right: 0;}

    .new-car-pic img {
        width: 100%;
    }
    .page-two-switch-btn .sw-btns h6 {
        text-align: center !important;
    }

    .history-tab .sw-btns .sw-cont{
        display: inline-block;
    }
    .history-tab .sw-btns h6{
        text-align: right;
    }
    .history-tab .sw-btns h6{
        font-size: 14px;
    }
    .not-form .form-field{
        display: block;
    }
    .not-form .cta-btn-sm{
        margin-top: 0;
    }
    .history-tab .sw-btns {
        min-height: 80px;
    }
    .history-tab .col-sm-3.col-xs-6 {
        min-height: 403px;
    }

    .featured-car .sw-btns h6 {
        width: 64%;
        text-align: right;
        line-height: 18px;
        vertical-align: top;
    }
    .featured-car .sw-btns .sw-cont{
        display: inline-block;
    }
    .optional-fet textarea{
        height: 180px;
    }

    .history-inp.price-inp label {
        width: 100%;
        display: block;
    }
    .vichel-form .form-field input, .vichel-form .form-field textarea, .vichel-form .form-field select {
        width: 100% !important;
    }
    .row.rebate-inputs .col-sm-4.col-xs-6 {
        width: 100%;
    }
    .vihcle-btn.rebates-btn a {
        margin: 6px 0;
    }
    .vichel-form.total-cost-form label, .vichel-form.total-cost-form input {
        width: 100% !important;
    }
    .form-field.total-p label, .form-field.total-p h2 {
        text-align: left !important;
        display: block !important;
    }
    .pricing-tab{ padding: 20px;}
    .vichel-form.pre-set-special label, .vichel-form.pre-set-special input{
        padding: 0 !important;
        width: 100% !important;
    }
    .vichel-form.pre-set-special{ margin: 40px 0;}


    /*photo tab*/
    .cta-white, .car-list ul li{ margin-bottom: 10px;}


    .ford-head ul.pull-right{
        float: none !important;
    }
    .ford-head ul.pull-right li{
        margin-left: 0 !important;
        margin-right: 18px !important;
    }
    .ford-head ul.pull-right li:last-child{
        margin-right: 0 !important;
    }
    .ford-head ul.dropdown-menu, .car-detials-table table .dropdown-menu {
        right: auto !important;
        left: 0 !important;
    }
    .side-bar{
        width: 250px;
    }
    .main-wrapper.mov-left {
        transform: translateX(250px);
    }
    .ford-head h2{
        margin-bottom: 20px;
    }

    li.dropdown.res-dd ul.dropdown-menu {
        right: 0 !important;
        left: auto !important;
    }

    .not-form .form-field label {
        width: 100%;
    }
    .not-form .form-field textarea, .not-form .form-field input{
        width: 100%;
    }
    .website-form label{
        width: 100%;
    }
    .not-form .form-field, .website-form input{
        width: 100%;
    }
    .website-form{
        margin-top: 20px;
    }
    .form-field{
        padding: 0 15px;
    }
    .vichel-form .form-field label{ width: 100%;}
    .req{ right: 20px;}




    .main-tabs-sec .nav-tabs>li>a{ font-size: 16px;}
    .dash-tabs-panels.main-tabs-sec .vichel-form.das-inner-shadow{ padding: 20px 0;}
    .form-field.vaild .check{ right: -10px;}

    #menu1 .col-sm-3.col-xs-6{ width: 100%;}
    #menu2 .col-sm-3.col-xs-6{ width: 100%;}
    #menu3 .col-xs-4{ width: 100%;}

    ul.bb li .sw-btns h6{ width: 140px; display: inline-block;}
    #menu3 .sw-btns .sw-cont{ display: inline-block;}

    .g-settin-block .sw-btns h6 {
        width: 66%;
        margin-left: 10px;
        display: inline-block;
        text-align: left;
    }

    .g-settin-block .sw-btns .sw-cont{ display: inline-block; vertical-align: middle;}

    .g-settin-block ul li .hover-box{ width: 100%;}
    .g-settin-block .sw-btns h6{ margin-bottom: 0}
    .setting-wrap .in-header{ padding-bottom: 0px !important;}
    .g-settin-block h3{ font-size: 17px;}

    .ford-head h2{ font-size: 24px;}

    .prev-wrap .in-header{ padding-bottom: 20px !important;}
    .prev-wrap .in-header .col-sm-3{ float: none !important; width: 100%;}
    .prev-wrap .in-header .col-sm-3 .form-field{ padding: 0;}

    .edit-n-setting-pop .ques-info{ width: 300px;}


    .no-of-inven h3{ font-size: 16px;}
    .das-table-cont.new-used-cars .col-md-2.col-sm-4.col-xs-4 {
        width: 100%;
    }
    .impo-data h3, .das-table-cont h3{ font-size: 16px;}
    .asc-dec-tables h3{ margin-bottom: 10px;}

    .basic-e {
        padding: 15px 0;
    }
    /*
        .vin-enter.ad-model{
            padding: 0 15px;
        }
    */
    div#radio-e .form-field {
        display: block;
    }
    div#radio-e .form-field input{
        width: auto !important
    }
    #ft-btn .btn-orange{ width: 75px; vertical-align: top;}
    #ft-btn{ padding: 0 15px;}
    .vin-enter input{ width: 140px; vertical-align: top;}
    div#radio-d .col-lg-2.col-md-3.col-sm-4.col-xs-6{ width: 100%;}
    div#radio-d .col-lg-2.col-md-3.col-sm-4.col-xs-6 input{ width: auto !important; display: inline-block;}
    .basic-d{ padding: 0;}

    .basic-e.cc-setting .g-settin-block .sw-btns h6{ width: 62%;}
    .basic-e.cc-setting .form-field label{ width: 100%;}
    .main-wrapper.prev-wrap .vichel-form{ box-shadow: none;}
    .main-wrapper.prev-wrap .form-field{ padding: 0;}
    .form-field input, .form-field textarea, .form-field select{ max-width: 100%;}
    .g-settin-block{ margin-bottom: 40px;}

    /*18-11-2017*/

    #model-rule-radio .col-lg-3.col-md-6.col-sm-6.col-xs-6{ width: 100%;}
    .finance-pg label input{ margin-left: 0px;}
    .finance-pg{ padding: 10px;}
    .vihcle-btn.mar-g{ padding : 0 10px !important}

    .col-lg-4.per-c input{ display: inline-block; width: auto !important}
    .col-lg-4.per-c label{ width: 80% !important; display: inline-block; vertical-align: top;}
    .heading-crit h3{ display: block; margin-bottom: 15px;}

    .drag-divs{ width: 100%; margin: 0;}

    /*01-12-2017*/
    .logo{ text-align: center;}
    .header-search{ width: 100%; margin-top: 15px;}


    .new-old-sel .row{ width: 100%;}

    div#ft-btn input{ width: 150px !important}

    /*21-12-2017*/

    .price-rate li{ margin-left:22px; margin-bottom:15px;}

    ul.nav.navbar-nav li.dropdown:first-child .dropdown-menu{ left:0 !important; right: auto !important;}

    /*04-01-2018*/
    header .nav.navbar-nav >li >a{ padding: 8px 9px;}
}