@media only screen and (max-width: 768px) {
.country{position: inherit; top: 20px; left: -6px; }
.outerCircle, .outerCircle1, .outerCircle2 { left: -10px; }
}

@media only screen and (max-width: 412px) {
   .hs-cash-trade-btn{min-width: 130px !important; }
   .hs-contact a{ white-space: nowrap; }
   .hs-contact a.longLink{ white-space: normal; }
}

@media only screen and (max-width: 767px) {
.hs-signup-user-login .hr-line-shadow{left: 13%;}
.pr-solution-group-sec{max-width: 100% !important;}
.pr-solution-group-sec .productSol{width: 99% !important;}
.accountWrapper{max-width: 100% !important;}
.hs-cash-trade-btn{min-width: 170px !important; }
.hs-signup-ford-wraper .switchButton, .hs-signup-ford-wraper .conditions{padding-left:15px; padding-right:15px;}
.hs-form-detail-header{padding-bottom: 10px;}
.hs-signup-ford-wraper .hs-upper-text  > p{width: 100%; font-size: 16px;}
.hs-signup-ford-wraper .hs-upper-text p > a{font-size: 16px; margin-left: 8px;}
.hs-signup-user-login .hr-line-wraper{margin-bottom: 15px;}
.hr-line-wraper.hs-bottom-line{margin-top: 5px;}
.hs-nav-controles-wraper .hs-form-btn-secondary.mr20{margin-right: 0 !important;}
.multi-step-progress-bar span{display: none;}
.multi-step-progress-bar > li:before { width: 35px; height: 35px; margin-bottom: 0.25em; line-height: 29px; font-size:14px;}
.multi-step-progress-bar > li:after{ top: 13px;}
.hs-form-detail-header h3{font-size: 18px; margin-top: 0;}
.hs-form-detail-header > p, #hs-upload-file-name{font-size: 13px;}
.hs-member-detail h3{font-size: 16px;}
.hr-line-wraper.hs-footer-bottom { margin-top: 5px; margin-bottom: 15px; }
.hs-form-btn-primary, .hs-form-btn-secondary{width:90%; max-width: 90%;}
.hs-signup-ford-wraper .form-group.hs-form-last.hs-form-pre-last{margin-bottom: 60px;}
.hs-signup-ford-wraper .mob-reml{margin-left: 0;}
.hs-upload-file-wraper{width: 90%;}
.hs-trading-account-section .hs-form-detail-header > h3{width: 90%;}
.hs-upload-trading-form{max-width: 100%; overflow: hidden;}
.hs-form-thank-you-section .hs-form-thank-you{width: 95%;}
.hs-form-thank-you-section h3{ font-size: 40px; margin-bottom: 50px;}
.hs-signup-ford-wraper .switchButton{padding-left:50px; padding-right: 50px;}
.hs-signup-ford-wraper .switchButton > label{font-size: 14px;}
.sol-group-wraper .second{height: 80px;}

#cashAccountModal .hs-btn{width: 48%; padding: 15px;}
#cashAccountModal .hs-modal-body button{margin-right: 2%;}
#cashAccountModal .hs-btn-group .btn-default:nth-child(2){margin-right: 0;}
#cashAccountModal .hs-btn-group .btn-default:last-child{margin-right: 0;}
#cashAccountModal .hs-modal-header{padding:15px 15px 20px 15px;}
#cashAccountModal .hs-modal-header p{font-size: 16px;}
#cashAccountModal .hs-modal-body{padding:25px 15px 25px 15px}
#cashAccountModal .hs-modal-body p{margin-bottom: 25px;}
#cashAccountModal .hs-modal-body .btn-default:nth-child(4){margin-left: 0;}
#cashAccountModal .hs-modal-body .btn-default:nth-child(1), #cashAccountModal .hs-modal-body .btn-default:nth-child(2){margin-bottom: 20px;}
#cashAccountModal .close{position: absolute; top: 0; right: 8px;}

/*contact us page starts*/
.contact-title{ font-size: 18px; }
.hs-contact .form-group > label, .hs-contact .form-group select{ font-size: 13px; }
.hs-contact-title2{ font-size: 14px; }
.hs-contact-info-box{ margin-left: 10px; margin-right: 10px; }
.hs-btn-contact{ width: 100%; max-width: 315px; }
.hs-contact .form-group.btnContainer{ margin-bottom: 30px; text-align: center; }

.hs-contact .resetPaddingSection{ padding-left: 15px!important; padding-right:  10px!important }
.hs-contact .resetPadding{padding-right:  0 !important }
/*contact us page ends*/

/*Branch locator page starts*/
.container.accordain_section {  padding: 0px 15px 0px 15px !important; }
.custom_map { 
    padding-right: 15px;
    padding-left: 15px; 
}
.map_header p {     
    font-size: 30px;
    margin: -20px 0px 20px 0px;
    font-family: Value Sans;
    padding-top: 0; 
    font-weight: bold;
}
/*Branch locator page ends*/
}

@media only screen and (max-width: 412px) {
    .hs-cash-trade-btn{ min-width: 130px !important; max-width: 100%; white-space: pre-wrap; line-height: 1.5; height: 65px; padding-top: 12px; }
}

@media only screen and (min-width: 1280px){
.modal-dialog{width: 670px;}
}

@media only screen and (max-width: 768px){
/* Multi step form */
.multi-step-progress-bar-wraper .multi-step-progress-bar{width: 95%;}
.hs-signup-ford-wraper .form-group select{font-size: 13px;}
}

@media only screen and (min-width: 768px){
/* Multi step form */
.multi-step-progress-bar-wraper .multi-step-progress-bar{width: 100%;}
.hs-form-thank-you-section .hs-form-thank-you{width: 70%;}
}
@media only screen and (max-width: 767px) and (orientation: landscape){
    .hs-nav-controles-wraper .hs-form-btn-primary, .hs-nav-controles-wraper .hs-form-btn-secondary{width: 42%;} 
    .hs-nav-controles-wraper .hs-form-btn-secondary.mr20{margin-right: 20px !important;}
    #cashAccountModal .hs-modal-header p{font-size: 18px;}
    .hs-form-btn-primary, .hs-form-btn-secondary{width: 40%;}
}

@media (min-width: 768px) and (max-width: 1024px) {
    /*contact us page starts*/
	.contact-title{ font-size: 18px; }
	.hs-contact .form-group > label, .hs-contact .form-group select{ font-size: 13px; }
	.hs-contact-title2{ font-size: 14px; }
	.mt-40{ margin-top: 30px; }
    .hs-contact .resetPaddingSection{ padding-left: 10px!important; padding-right:  10px!important }
    /*contact us page ends*/

    /*Branch locator page starts*/
    .accordain_section { width: 41%; }
    .container.accordain_section {
        padding: 0px 12px 0px 7px !important;
    }
    .map_container { width: 59%;padding: 0px 10px 0px 0px !important; }
    .accordian_header p { padding: 15px 0px 15px 10px !important;}
    .accordian_header {
        padding: 0px 0px 0px 10px !important;
    }
    .accordian_header {
        padding: 0px 0px 0px 10px;
        background: #004987;
        cursor: pointer;
    }
    /*Branch locator page ends*/
}

@media (min-width: 768px) and (orientation:portrait) {
    .body_container .accordain_section { padding: 0px 20px 0px 10px !important; }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
.map_bg .hs-title-seven {
    font-size: 10px;
    line-height: 18px !important;
}
.map_bg .location-search {
    margin: 40px auto 0 auto !important;
    padding: 15px !important;
    top: 115px !important;
}
.map_bg input.location-txtBox {
    font-size: 12px;
}
/*.map_container {
    float: left;
    width: 100%;
    position: fixed;
    top: 15%;
}*/
.custom_map button.close {
    /*position: absolute;
    font-size: 45px;
    z-index: 10;
    right: 15px;
    margin-top: -10px;*/
    display: none !important;
}
#googleMap {
    height: 700px;
    box-shadow: 1px 5px 5px #ced4d6;
    /*position: fixed !important;*/
    margin-top: 20px;
    top: 10px;
    width: 100%;
}
.custom_img.number_edit a {
    color: #428bca !important;
    text-decoration: none;
}
.map_container .map_header p {
    margin: -10px 0px 20px 15px !important;
}
.hs-map-banner.map_bg {
    height: 250px !important;
}
.map_container .modal-body {
    width: 285px !important;
}

.custom_para label {
    font-weight: normal;
    width: 53%;
}
.custom_para .cutom_time {
    width: 47%;
    display: inline-block;
    padding-left: 22px;
}

}
@media screen and (max-width: 767px) and (min-width: 320px) and (orientation:landscape) {
/*.map_container {
    float: left;
    width: 100%;
    position: fixed;
    top: 20%;
}   */
}