﻿body{
    background-color:#fff;
}
body.modal-opexn{overflow:visible;}


.hr-divider {
    border-bottom: 0px solid #DDD;
    padding-bottom: 0em;
    margin-bottom: 0em;
}
.hr-divider.hr-divider-header {
    padding-bottom: 0;
}


.hr-divider.strong-divider { border-bottom: 0px solid #666; }
.hr-pre-divider {
    border-top: 0px solid #DDD;
    padding-top: 0em;
    margin-top: 0em;
}

.recalls-section {
    padding: 0em;
}

/* Overrides */
#content p {
   /* line-height: 1.25em;
    font-size: 1.15em;*/
    font-size: 14px;
    line-height: 16pt;
}

#content .headline-paragraph p{
    font-size: 22px;
}




#next-step-zipcode .zipcode-title{
	font-weight: bold;
    margin-top: 0px;
}
.honda .cta.btn-chat span {
    line-height: 1.25rem !important;
     margin:4px 0px 6px;
}
































.ask-container .btn-chat{
    margin:0px;

    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px;
}

.borderradius.boxshadow.cssgradients .btn-1.btn-chat{
    border:0px;
    height:78px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
}

.dave-online {
    font-family: Univers,Verdana,sans-serif;
    line-height: 5px;
    margin-left: 0px;
    padding-top: 5px;
    position: absolute;
    text-align: center;
}

.dave-online span:after {
    background-image: url("../../../static/img/ui/check-online.png");
    background-repeat: no-repeat;
    background-size: 15px auto;
    color: transparent;
    content: "_";
    display: inline-block;
    height: 16px;
    left: 5px;
    line-height: 15px;
    position: relative;
    top: -1px;
    width: 16px;
}
.borderradius.boxshadow.cssgradients .btn-1 span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    height: 30px;
    line-height: 120%;

}

.borderradius.boxshadow.cssgradients .btn-1{
    height:auto;
    line-height:120%;
}

.btn-chat.btn-chat-acura .dave-online span, .btn-chat.btn-chat .dave-online span {
    color: #00b050;
    display: inline;
    font-size: 15px;
    text-transform: lowercase;
}

.box-white .paragraph{
    padding: 0rem 2rem 1rem;
}

.row.form-design .row-content{
border:0px solid #f6f6f6;
padding:5px;
position:relative;
-webkit-border-radius: 37px;
-moz-border-radius: 37px;
border-radius: 37px;
}

.row.form-design .row-content .txt {
    border: 0 none;
    color: #00446b;
    font-size: 16px;
    padding: 2px 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.row.form-design .row-content .txt{
    margin:0px;    
}
.box-white .section-description .row.form-design .field-description {
    font-style:normal;
    color: #00446b;
    float: none;
    font-family: "AvenirNextLTProRegular";
    font-size: 11px;
    font-weight: normal;
    line-height: 140%;
    padding: 5px 35% 15px;
    text-align: left;
    width: 100%;
}

.secondary-section.section2.column-2.shadow .col-child .box-white .section-description{
    
}

.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .fieldset-action{
    height:auto !important;
    /*margin-left:35%;
    margin-right:35%;
    margin-top:0px;*/
    width:30%;
    float: none;
    margin: 0 auto;
}


.uibox.Base {
    border:0px;
}
.uibox{
    max-width:none;
    min-width:0;   
    margin:0 auto;
    overflow:visible;
    width:100% !important;
    height:100% !important;
    z-index:999999;
}
.uibox-content{
    padding:0px !important;
}

.modal-open .uibox .uibox-content.gradient-box > aside .btn,
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .btn{
    position:relative;
    bottom:auto;
    left:auto;
    width:auto;
    margin:0 auto;
    height:auto;
    display:block;
    color:#fff;
    border:2px solid #ff4040;
    background-color:#ff4040;
    font-family: "AvenirNextLTProBold";
    font-weight:normal;
    padding: 1rem 0;
    text-transform:uppercase;
-webkit-transition: all 0.2s linear;					
transition: all 0.2s linear;

} 
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .btn span{

}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .btn:hover{
    background-color:transparent;
}

.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .btn:hover span{
    color:#ff4040;
}

.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner{
   
    padding:15px 0px;
}
fieldset select{
    font-size:1.8rem;
}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .btn span{
    line-height:100% !important; 
    height:auto;
    display:block;
    font-family: "AvenirNextLTProBold";
    font-weight:normal;
    font-size: 1.6rem;
    line-height: 1.8rem;
}
.box-white .section-description .form-design{
    margin:0px;
    padding:0px;
}
.box-white .section-description .form-design > .row-content{
    padding:15px 32% 0px;
    border:0px;
}

.col-child-2 .box-white .section-description .form-design > .row-content{
    padding:15px 30% 0px;
    width:100%;
}


.box-white .section-description .form-design > .secondary-links{
    overflow:hidden;
    margin-top:40px;
    margin-bottom:5px;
}
.recalls .box-white .section-description .cta-btn.secondary-btn{
    text-align:center;
    overflow:hidden;
    left:auto;
    display:inline-block;
}
.box-white .section-description .form-design > .secondary-links .cta-container{
    overflow:visible;
    width:100%;
    float:left;
    padding:0px;
    line-height:140%;
    text-align:center;

}
.box-white .section-description .form-design > .secondary-links .cta-container a.disclaimer-link{
    float:none;
    overflow:visible;
    line-height:140%;
    text-decoration:none;
}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container,
.box-white .section-description .form-design .secondary-btn-container{
    padding:15px 0px 25px;
    height:auto;
    position:relative;
    bottom:-15px;
}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .btn.disabled {
    background-color:#aeaeae;
    border:2px solid #aeaeae;
}

.form-design .selectmenu > div{
    display:none;
}

.form-design .selectmenu > select{
    color:#00446b;
    font-family: "AvenirNextLTProBold";
    font-size: 16px;
    padding:8px;
    text-transform:uppercase;
    margin:10px auto 5px;
    border: 1px solid #f6f6f6;
}

.form-design .selectmenu > select option{
    padding:2px 5px;
    letter-spacing:1px;
}



#content .last-section.section-last .box-white .col-3-group p {
    color: #00446b;
    font-family: "AvenirNextLTProRegular";
    font-size: 14px;
    text-align: left;
}


#result-list .per-result.accordion{
    border:0px;
}

#result-list .per-result.accordion > h2{
    background:none;
    background-color: #f6f6f6;
    color: #00446b;
    cursor: pointer;
    font-family: "AvenirNextLTProRegular";
    font-size: 22px;
    overflow: visible;
    padding: 15px 25px 15px 85px;
    position: relative;
    border:0px;
    border-image-width:0px;
    z-index:999;
}


#result-list .per-result.accordion > h2:after {
	top: 100% !important;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #f6f6f6;
	border-width: 18px;
	margin-left: -18px;
    margin-top:-1px;
}

.result-list .per-result-header.collapsed:after {
	top: 0%;
}



#result-list .per-result.accordion > h2 .btn-circle-line{
float:right;
cursor:pointer;
border:1px solid #2197db;
background-color:transparent;
padding:3px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color:#fff;
width:32px;
height:32px;
-webkit-transition: color 0.5s, background-color 0.5s;
	transition: color 0.5s, background-color 0.5s;
position:relative;
margin:0px;
background-image:none;
}

#result-list .per-result.accordion > h2 .btn-circle-line svg{
text-align:center;
/*padding:7px 3px;*/
color:#2197db;
line-height:20%;
font-size:12px;
width:31px;
height:31px;
fill:#2197db;
float:left;
text-align:center;
padding:0px;
margin:0 auto;
position:absolute;
left:0%;
top:0%;
background-image:none;
}
#result-list .per-result.accordion > h2 .btn-circle-line.active svg.svg-plus-blue-only{
display:none;
}
#result-list .close {
    opacity:1;
}
#result-list .close .svg-minus-blue-only{display:none;}
#result-list .close .svg-plus-blue-only{display:block;}

#result-list .open .svg-minus-blue-only{display:block;}
#result-list .open .svg-plus-blue-only{display:none;}

#result-list.result-list{
    overflow:hidden;
}
#content #result-list .accordion .inner {
    overflow: hidden;
    padding:0px !important;
}



#content #result-list .accordion .inner .field-section{
    margin:0px;
    font-size: 14px;
    line-height: 16pt;
}


#content #result-list .accordion .inner .field-section.field-multiline > label,
#content #result-list .accordion .inner .field-section > label{
    font-family: "AvenirNextLTProBold";
    padding:0px 5px 0px 0px;
    margin:0px;
}

#content #result-list .accordion .inner .field-section.field-multiline{
    padding:5px 0px;
    margin-top:10px;
}

.result-list .per-result-content{
    position:relative;
    top:-1px;
}

.section-result .next-step .box-white .paragraph #zipForm {
    margin: 15px 0;
    padding-right: 70%;
}

.box-white #vinnumber .search-input-container,
.section-result .next-step .box-white .paragraph #zipForm .search-input-container{
    overflow:hidden;
	border: 1px solid #ccc !important;   /*b2cdev*/ 
}

.section-result .next-step .box-white .paragraph #zipForm .search-input-container .zipcode {
    text-align: left;
    padding: 8px 45px 8px 15px;
    border: 0 none;
    color: #00446b;
    font-size: 16px;
    padding: 8px 45px 8px 15px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}



.section-result .next-step .box-white .paragraph #zipForm .search-input-container .btn{
    margin:0px;
    top:4px;
}



.loading {
    position: absolute;
    z-index: 10;
    display: block;
    content: '';
    width: 100%;
    height: 300%;
    background-color: #FFF;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 0px;
    opacity: 0.7;
    /*background-image: url("/content/images/ui/loading-icon.gif");*/
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
#next-step-zipcode .field-validation-error{
    text-align:left;
    padding:5px 25px;
    float:left;
    color:#ff4040;
}
.field-validation-error span{
    text-align:left;
    font-size:12px;
}
.recalls-section {
    padding: 2em 0px 0em;
}

#section-result .no-answers {
    background-color: #e5e5e5;
    overflow:hidden;
    padding:0px;
}
.recalls .last-section.section-last {
    padding: 30px 0;
}

.selectpicker .bootstrap-select > .btn.dropdown-toggle{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding:10px;
}
/*.selectMyCar{
  width: 420px;
}*/

.bootstrap-select .dropdown-menu{
     -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top:0px;
}

.bootstrap-select.btn-group .dropdown-menu li a{
    font-family: "AvenirNextLTProRegular";
    font-size: 1.6rem;
    line-height: 2.1rem;
    padding:8px 10px;
    text-transform:none;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option{
    text-transform:none;
    color:#00446b;
}

.row.form-design .row-content .selectpicker{
    margin-bottom:15px;
}

.section-description-inner .btn{
    margin-top:0px;
}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner{
    height:100%;
}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description{
    height:100%;
}

.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .form-design{
    bottom:20px;
    height:auto;
    position:absolute;
}

.secondary-section.section2.column-2.shadow .col-child{
    height:400px;
}

.form-design{
    width:100%;
}

.row.form-design .row-content .txt{
    text-align:left;
}

.row.form-design .row-content .selectmenu{
    text-align:center;
}

#content aside{
    margin:2.5rem auto;
    width:100%;
    text-align:center;
    font-size:1.4rem;
    color:#00446b;
    font-family: "Avenir Book";
}

.bootstrap-select.btn-group .dropdown-menu li:first-child{
    display:none;
}



.modal-open .uibox{
    border:0px;
    z-index:99999 !important;
}

.uibox .uibox-content.gradient-box{

    padding: 5%;
    overflow-x: hidden;
    overflow-y: auto;

}

.ui-widget-overlay{
     overflow-x: hidden;
    overflow-y: auto;
    width:100% !important;
    z-index: 99998 !important;
}

.uibox .uibox-content.gradient-box > aside{
    padding:0%;
    background-color:#fff;

}

.uibox .uibox-content.gradient-box > aside strong.title{
    font-family:"AvenirNextLTProRegular";
    color:#00446b;
    font-size: 4.5rem;

    line-height: 1.25em !important;
    font-weight:normal;
    text-align:center;
    padding:15px 15px;
}

.uibox .uibox-content.gradient-box > aside #send-email-div .title{
     font-family:"AvenirNextLTProBold";
     font-size:2rem;
     overflow:hidden;
     text-transform:uppercase;
     letter-spacing:1px;
}
.uibox .uibox-content.gradient-box > aside #send-email-div .title > span{
    width:100%;
    font-family:"AvenirNextLTProRegular";
    float:left;
     font-size: 3rem;
     line-height:4rem;
     padding:5px 0px;
     text-transform:none;
     letter-spacing:0px;
}
.uibox .uibox-content.gradient-box > aside .validation-form .row-content{
    padding-left:0%;
    padding-right:0%;
    font-family:"AvenirNextLTProRegular";
}
.uibox .uibox-content.gradient-box > aside .validation-form .row-content label{
    font-family:"AvenirNextLTProRegular";
    font-weight:normal;
    font-size:1.4rem;
}

.uibox .uibox-content.gradient-box > aside .validation-form .row-content > input[type=text]{
    border:1px solid #f6f6f6;
    color: #00446b;
    font-size: 16px;
    padding:10px;
}

.uibox .uibox-content.gradient-box > aside .validation-form .row-content .field-description{
    font-size:1.2rem;
    font-family:"AvenirNextLTProRegular";
}

.uibox .uibox-content.gradient-box > aside .validation-form .row-content .disclaimer{
    text-align:left;
    font-size:1.4rem;
}

.uibox .uibox-content.gradient-box > aside #make-restriction p,
.uibox .uibox-content.gradient-box > aside #save-vin-form-div p{
    text-align:center;
}

.uibox .uibox-content.gradient-box > aside ul,
.uibox .uibox-content.gradient-box > aside p{
    font-family:"AvenirNextLTProRegular";
   font-size: 16px;
   line-height: 140%;
    font-weight:400;
    color:#00446b;
}

   .uibox .uibox-content.gradient-box > aside ul li {
        color: #00446b;
    }

.uibox .uibox-content.gradient-box > aside .fieldset-action{
    padding:1% 5% 1%;
    overflow:hidden;
    text-align:center;
}

.uibox .uibox-content.gradient-box > aside .fieldset-action .btn{
    float:none;
    line-height:100%;
    display:inline-block;
    -webkit-transition: all 0.2s linear;					
transition: all 0.2s linear;
margin:1%;
}
.uibox .uibox-content.gradient-box > aside .fieldset-action .btn:hover {
    border: 2px solid #ff4040;
    background-color: transparent;
}

.uibox .uibox-content.gradient-box > aside .fieldset-action .btn:hover span{
    color:#ff4040;
}

.uibox .uibox-content.gradient-box > aside .fieldset-action .btn span{
    line-height:100% !important;
    font-family:"AvenirNextLTProBold";
}

.uibox .uibox-titlebar{
    z-index:999999;
    background-color:#00446b;
    position:relative;
    z-index:9999999;
    width:100px;
    height:24px;
    float:right;
    display:none;
}

#content aside.modal .modal-dialog .modal-body{
    padding:15px 25px;
    text-align:left;
}

.modal-open .uibox .uibox-content.gradient-box{
    padding:0px;
  /*  margin:90px 2%; */
  margin:0px;

}

.modal-open .uibox .uibox-content.gradient-box > aside{
    /**/margin:90px 2%;
}

#vehicle-entry{
    padding-top:15px;
}

#vehicle-entry .logged-in{
text-align:center;
margin-bottom:30px;
}

#vehicle-entry .logged-in .col-child{

float:none;
display:inline-block;
text-align:center;
}


#vehicle-entry .logged-in .col-child .input-container{
   padding:40px 25%;
}

#vehicle-entry .logged-in .selectmenu > div:first-child{
    display:none;
}
#vehicle-entry .logged-in .selectpicker .bootstrap-select{
    width:100%;
}
#vehicle-entry .logged-in .secondary-btn-container{
    bottom: auto;
}
#vehicle-entry .logged-in .secondary-links{
    float:left;
    width:100%;
    text-align:center;
}
#vehicle-entry .logged-in .secondary-links .btn-container{
    float:left;
    width:100%;
    text-align:center;
}

#vehicle-entry .logged-in .secondary-links .btn-container .cta-container{
    float:left;
    width:100%;
    text-align:center;
    padding:0px;
    height:auto;
}

#vehicle-entry .logged-in .secondary-links .btn-container .cta-container .cta-btn{
    line-height:200%;
    border:0px;
    background-color:transparent;
}


/*RESPONSIVENESS*/
@media(max-width:1599px){
    .secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .fieldset-action{
        width: 40%;
    }

        .box-white .section-description .form-design > .row-content{
        padding:15px 20% 0px;
    }

        .box-white .section-description .row.form-design .field-description{
            padding:5px 20% 0px;
        }

        .box-white .section-description .row.form-design .field-description{
            text-indent:25px;
        }
}

@media(max-width:1399px) {
    #vehicle-entry .box-white h3{
        height:50px;
    }

    #vehicle-entry .logged-in .box-white h3{
        height:auto;
    }

    #vehicle-entry .logged-in .col-child .input-container{
        padding:40px 15%;
    }
}

@media(max-width:1199px){
    #vehicle-entry .logged-in .col-child{
        padding-left:0px;
        padding-right:0px;
    }
     #vehicle-entry .box-white .section-description-inner .paragraph{
        height:50px;
    }

      #vehicle-entry .logged-in .box-white .section-description-inner .paragraph{
        height:auto;
    }

    #vehicle-entry .logged-in .col-child .box-white .section-description .section-description-inner{
        padding-left:20%;
        padding-right:20%;
        padding-bottom:5%;
    }


    .secondary-section.section2.column-2.shadow .col-child .box-white .section-description{
        padding-left:25px;
        padding-right:25px;
    }
    .recalls .box-white .section-description .cta-btn.secondary-btn{
        right: auto;
    }

    .box-white .section-description .form-design > .secondary-links{
        margin-top: 20px;
    }

    .box-white .section-description .form-design > .row-content{
        padding: 15px 15% 0px;
    }
    .box-white .section-description .row.form-design .field-description{
        padding: 5px 18% 15px;
        text-align: left;
    }
    .col-child-2 .box-white .section-description .form-design > .row-content{
        padding: 15px 10% 0px;
    }
    .secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .fieldset-action{
        width: 55%;
    }

    #result-list .per-result.accordion > h2{
        padding-left:50px;
    }

    .secondary-section.section2.column-2.shadow .col-child{
        height: 450px;
    }

    .secondary-section.section2.column-2.shadow .logged-in .col-child{
        height:auto;
    }



    #vehicle-entry.secondary-section.section2.column-2.shadow .col-child .box-white h3{
        padding-left:15px;
        padding-right:15px;
    }
    #content .headline-paragraph p{
        font-size:1.8rem;
        line-height:140% !important;
    }
    .main-section.section1 .paragraph{
        padding:5px 15%;
    }
      
      .modal-open .uibox .uibox-content.gradient-box{
          padding:0px;
      }
}

@media(max-width:1023px) {
    .main-section.section1 h2{
        font-size:6rem;
        line-height:120%;
    }

  


  

    
}

@media(max-width:991px){
    #vehicle-entry .logged-in .col-child .box-white .section-description .section-description-inner{
        padding-left:10%;
        padding-right:10%;
    }
    #vehicle-entry .logged-in .col-child .box-white .section-description .section-description-inner .fieldset-action{
        width:50%;
    }

    .box-white .section-description .form-design > .row-content{
        padding: 15px 10% 0px;
    }
    .box-white .section-description .row.form-design .field-description{
        padding: 5px 13% 15px;
    }
    .col-child-2 .box-white .section-description .form-design > .row-content{
        padding: 15px 5% 0px;
    }
    .secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .fieldset-action{
        width: 65%;
    }

    .main-section.section1 .paragraph{
        padding:5px 10%;
    }

    .main-section.section1 .container .ask-container{
        right:-10px;
    }

    .secondary-section.section2.column-2.shadow .col-child{
        height:460px;
    }

    .secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .fieldset-action{
        width:80%;
    }
        .updated{
        padding-left:25px;
        padding-right:25px;
    }
         #vehicle-entry .box-white h3{
        height:75px;
    }

}


@media(max-width:767px){
  
/*recalls blue lable*/
#content #search-different-vehicle .label-container .blue-label{
   margin: -50px auto 0px !important;
z-index: 999;
position: relative;
text-align: center;
}
        #vehicle-entry .logged-in .col-child .box-white .section-description .section-description-inner{
            padding: 15px 15px 50px;
        }

        #vehicle-entry .logged-in .col-child .input-container {
    padding: 40px 20%;
}

        #vehicle-entry .logged-in .col-child .box-white .section-description .section-description-inner .fieldset-action{
            width:60%;
        }

    
    .secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .form-design{
        width:auto;
        position:relative;
        bottom:auto;
    }
    #vehicle-entry.secondary-section.section2.column-2.shadow .col-child .box-white h3{
        line-height:140%;
    }
    .recalls .box-white .section-description .cta-btn.secondary-btn{
        font-size:1.4rem;
    }
    .main-section.section1 h2{
        font-size:4rem;
    }

    #content .headline-paragraph p{
        font-size:1.6rem;
    }
     .section-result .next-step .box-white h2, .last-section.section-last .box-white h2{
        font-size:2.4rem;
    }
     #vehicle-entry .box-white .section-description-inner .paragraph,
       #vehicle-entry .box-white h3{
        height:auto;
    }

   
    .borderradius.boxshadow.cssgradients .btn-1.btn-chat{
        display: inline-block;
    }
    .box-white .section-description .row.form-design .field-description{
        padding: 5px 12% 15px;
    }
    .secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner{
        padding: 15px 15px 50px;
    }
    .secondary-section.section2.column-2.shadow .col-child.col-child-2 .box-white .section-description .section-description-inner{
        padding: 50px 15px 15px;
    }
    .secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .fieldset-action{
        width: 60%;
    }

      #result-list .per-result.accordion > h2{
        padding-left:15px;
    }

      .section-result .next-step .box-white .paragraph #zipForm{
          padding-right:50%;
      }

      .section-result .next-step .box-white .paragraph #zipForm .search-input-container .btn{
          top:6px;
          right:6px;
      }

      #result-list .per-result.accordion > h2 .btn-circle-line{
         
      }

      .box-white .section-description .form-design > .row-content{
          padding: 15px 25% 0;
      }

      .box-white .section-description .row.form-design .field-description{
          padding:5px 15% 0;
          text-align:center;
      }

      .secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .fieldset-action{
          width:60%;
          padding:0px;
      }

      .secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container, 
      .box-white .section-description .form-design .secondary-btn-container{
          bottom:0px;
      }

      .secondary-section.section2.column-2.shadow .col-child{
          height:380px;
      }

      
}
@media(max-width:640px) {

      .secondary-section.section2.column-2.shadow .col-child{
            height:auto;
      }
      .box-white .section-description .form-design .secondary-btn-container{
            padding-bottom:50px;
      }

  




    .main-section.section1 h2{
        font-size:5rem;
    }

    .secondary-section.section2.column-2.shadow .col-child .box-white .section-description{
        padding-left:15px;
        padding-right:15px;
    }



}
@media(max-width:550px) {
    #vehicle-entry .logged-in .col-child .input-container {
        padding-left:15%;
        padding-right:15%;
    }
}

@media(max-width:480px){
     #vehicle-entry .logged-in .col-child .input-container {
        padding-left:5%;
        padding-right:5%;
    }



    .main-section.section1 h2{
        font-size:3rem;
    }
    .box-white h3{
        font-size:1.8rem;
    }
    #content .headline-paragraph p{
        font-size:1.4rem;
    }
     .section-result .next-step .box-white h2, .last-section.section-last .box-white h2{
        font-size:2rem;
    }
 
    .section-result .next-step .box-white .paragraph #zipForm{
        padding-right:0px;
    }
    .section-result .next-step .box-white .paragraph #zipForm .search-input-container .btn{
        top:4px;
        right:4px;
    }
    .section-result .next-step .box-white .paragraph #zipForm .search-input-container .zipcode{
        padding:3px 45px 3px 15px;
    }

    #content .headline-paragraph p{
        font-size: 1.5rem;
    }
    #vehicle-entry .logged-in .col-child .box-white .section-description .section-description-inner .fieldset-action,
    .secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .fieldset-action{
        width: 75%;
    }

    #result-list .per-result.accordion > h2{
        padding:10px 15px;
        font-size:18px;


    }
    #result-list .per-result.accordion > h2 .btn-circle-line{
        top:-3px;
    }
    #result-list .per-result.accordion{
        overflow:hidden;
    }

    .secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .form-design{
        left:0px;
    }

    .secondary-section.section2.column-2.shadow .col-child{
        height:420px;
    }

    .box-white .section-description .form-design > .row-content{
        padding:15px 5px 0px;
    }
    .box-white .section-description .row.form-design .field-description{
        padding:5px 5px;
        text-align:left;
    }

    .uibox .uibox-content.gradient-box > aside .fieldset-action .btn span{
        word-break:break-all;
        white-space:nowrap;
        font-size:1.2rem;
    }

    #vehicle-entry .logged-in .col-child .input-container{
        padding:15px 0px;
    }
}


@media(max-width:360px) {
    .search-input-container{
        padding-left:15px;
        padding-right:15px;
    }
    .secondary-section.section2.column-2.shadow .col-child{
        height:440px;
	}

    #vehicle-entry .logged-in .selectpicker .bootstrap-select .btn{
        font-size:1.2rem;
    }

    #vehicle-entry .logged-in .col-child .box-white .section-description .section-description-inner .fieldset-action, 
    .secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .fieldset-action{
        width:100%;
    }

    .col-child-2 .box-white .section-description .form-design > .row-content{
        padding-left:0px;
        padding-right:0px;
    }

    .row.form-design .row-content .txt{
        padding-left:0px;
        padding-right:0px;
    }
}

@media print {
    html, body {
        height: 99%;    
    }
    footer,
    #information
    {
        display:none;
    }


    #section-result .section-result-header{
        padding:0px;
        
        
    }
    #section-result .section-result-header .container-fluid > .col-xs-12 > .col-xs-12{
        width:100% !important;
        border:1px solid #000;
    }
    
    #section-result .section-result-header .container-fluid > .col-xs-12 > .col-xs-12 > .search-label,
    #section-result .section-result-header .container-fluid > .col-xs-12 > .col-xs-12 > .search-value{
        text-align:left;
        float:left;
        width:auto;
    }

    #section-result .section-result-header .container-fluid > .col-xs-12{
        width:100% !important;
    }
    #section-result .section-result-header .container-fluid .col-xs-12 h2{
        font-size:1.8rem;
        padding:5px 0px;
    }
    
    .tertiary-section.section-result .search-information > .col-xs-12 > .search-label{
        text-align:left;
    }
    .tertiary-section.section-result .search-information .search-value,
    .tertiary-section.section-result .search-information > .col-xs-12 > .search-label,
    .tertiary-section.section-result .search-information > .col-xs-12 > .search-value{
        width:auto;
    }

    
    #vin-number{
        display:inline-block !important;
        float:left;
        width:100%;
    }

    #vin-number .search-label{
        text-align:left;
        width:auto;
    }

    #model-information1,
    #model-information2{
        width:100%;
        float:left;
    }
   
    #model-information1 .search-value{
        width:auto;
        padding-right:100px;
    }

     #model-information2 .search-value{
         padding-right:20px;
     }
    .section-result-content .last-box-white-container,
    .section-result-content .result-control{
        display:none;
    }
    .result-list .per-result{
        margin-bottom:5px !important;
    }
    .result-list#result-list{
        margin:0px;
    }
    .section-result-content > .container,
    .section-result-content{
        padding:0px;
    }

    #result-list .per-result.accordion > h2.noprint{
        display: block !important;
        background-image:none !important;
        font-size:1.8rem;
        border:0px;
        border-bottom:1px solid #000;
        padding:5px 25px;
        background-color:#000;
        color:#fff;
        font-family:"AvenirNextLTProBold" !important;
    }
    #result-list .recalls-container .per-result .per-result-content{
       display:block !important;
    }
    #result-list .recalls-container .per-result h2.noprint .arrow{
        display:none;
    }

    #result-list .recalls-container .per-result h2.noprint:after{
        background-image:none;
        border:0px;
    }

    
    .recalls .last-section.section-last{
        padding:0px;
        margin:0px;
    }
    .last-section .section-result-content-last .box-white h2{
        font-size:1.8rem;
        padding:15px;
        margin:0px;
        line-height:120%;
    }
    .last-section.section-last .box-white .col-3-group .col-xs-12{
        width:100% !important;
        margin:0px !important;
        padding:5px !important;
    }
    .last-section.section-last .box-white .col-3-group,
    .last-section .section-result-content-last .box-white .paragraph{
        padding:5px 15px;
        
        
    }

    #content .section-result .next-step .box-white .paragraph p, 
    #content .last-section.section-last .box-white .paragraph p{
        line-height:1.6rem;
    }

    #content p{
        font-size:1.2rem;
        margin-bottom:5px;
        line-height:1.6rem;
    }
    #content .last-section.section-last .box-white .col-3-group p,
    .last-section.section-last .box-white .col-3-group h4{
        font-size:1.2rem;
        line-height:1.6rem;
    }
}




