@media(max-width:1919px){
    .btn {
        font-size: 1.4rem;
    }
    .column-3 .cta-btn.secondary-btn {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .section2.column-2 .hero-header .section-description .section-description-inner h3,
    .column-3 .per-section .box-white .section-description .section-description-inner h3{
        font-size: 1.8rem;
    line-height: 2rem;
    height:4.5rem;
    }
    .section2.column-2 .hero-header .section-description .section-description-inner .paragraph,
    .column-3 .per-section .box-white .section-description .section-description-inner .paragraph{
        font-size: 1.4rem;
	    line-height: 2rem;
    }




}


@media(max-width:1800px){
	.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption{
	width:60%;
	font-size:32px;
	}
	.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption .paragraph{
	width:100%;
	}
	
	.recalls .box-white .section-description .cta-btn.secondary-btn{
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	
	}
	
	.box-white .section-description .form-design{
		padding:15px 20%;
	}


    .column-5 .box-white .paragraph {
        height:200px;
    }
}

@media(max-width:1599px){
    .modal.custom-modal .modal-dialog .modal-body{
        padding:50px 15%;
    }
    .modal.custom-modal .modal-dialog .modal-header{
        padding:5px 15px;
    }
    .modal.custom-modal .modal-dialog .modal-header h4{
        font-size:3rem;
        padding:10px 10px;
        
    }

   

.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .btn{
	width:40%;
	left:30%;
}
	.section-align-right .hero-header .section-description .section-description-inner{
	width:30%;
	}
	.section-description-inner .paragraph{
	width:30%;
	}
	.box-white .section-description-inner .paragraph{
	width:100%;
	}
	
	.section1 .hero-header{
	/*background-position:left center;*/
	}
	.section3 .hero-header,
	.section5 .hero-header{
	background-position:center center;
	}
	
	
	
	.label-container .blue-label{
		margin-top:-20%;
	}
	
	.tertiary-section.section-result .search-information .search-label{
		width:60%;
	}
	.tertiary-section.section-result .search-information .search-value{
		width:40%;
	}

      .column-5 .box-white .paragraph {
        height:240px;
    }

    .column-5 .per-section .box-white {
        width: 102%;
    }

    .column-5 .box-white .feature-title h4 {
        font-size: 24px;
        padding-left:10px;
        padding-right:10px;
    }
}

@media(max-width:1399px){

    .modal.uibox-content .modal-content .modal-body{
        padding:40px 20%;
    }

    .section2.column-2 .hero-header .section-description .section-description-inner .paragraph, 
    .column-3 .per-section .box-white .section-description .section-description-inner .paragraph{
        height:9.5rem;

    }
    .column-3 .per-section .box-white .section-description{
        height:180px;
        min-height:180px;
    }
    .column-3 .per-section .box-white .section-description .section-description-inner {
         padding: 5px 5%;
    }

     .section2.column-2 .hero-header .section-description .section-description-inner h3,
	.column-3 .per-section .box-white .section-description .section-description-inner h3{
		font-size: 1.6rem;
        line-height: 1.8rem;
        height:3.5rem;
        width:100%;
        float:left;
        position:relative;
        margin-top:5px;
	}
     .section2.column-2 .hero-header .section-description .section-description-inner .paragraph,
	 .column-3 .per-section .box-white .section-description .section-description-inner .paragraph{
        font-size: 1.4rem;
	    line-height: 1.8rem;
        padding:0.5rem 0rem;
        height:8rem;
    }

     .section2.column-2 .hero-header .section-description .section-description-inner .paragraph{
         height:9rem;
     }

     .column-3 .per-section .box-white .section-description .section-description-inner .cta-container{
         margin-bottom:5px;
     }

	.hero-header img{
		height: 700px;
	}
	.hero-header .section-description .section-description-inner h2{
	font-size:6rem;
	line-height:7rem;
	}
	.section-description-inner .paragraph{
	width:40%;
	}
	.section-align-right .hero-header .section-description .section-description-inner{
	width:45%;
	}
	.hero-header .section-description .section-description-inner{
	
	}
	
	
	.section2 .hero-header .section-description .section-description-inner h2 br,
	.section3 .hero-header .section-description .section-description-inner h2 br,
	.section4 .hero-header .section-description .section-description-inner h2 br,
	.section5 .hero-header .section-description .section-description-inner h2 br:nth-child(3),
	.section5 .hero-header .section-description .section-description-inner h2 br:nth-child(1){
	display:none;
	}
	.section1 .section-description-inner .paragraph{
	width:40%;
	}
	
	.service .section1 .section-description-inner .paragraph br{
	display:none;
	}

	
	.section1 .hero-header{
	/*background-position:center center;*/
	}
	.section3 .hero-header,
	.section5 .hero-header{
	background-position:center center;
	}
	.column-3 .per-section .box-white{
		height:433px;
	}
	.column-3 .per-section .hero-header img {
   
    }
	.column-3 .per-section{
		height:443px;
	}
	
	.section2.column-2 .hero-header .section-description{
		/*
		top:.5rem;
		left:.5rem;
		right:.5rem;
		bottom:0.5rem;
		transform: translateY(0%);
		position:relative;*/
	}
	.section2.column-2 .hero-header .section-description .section-description-inner{
		
	}
	
	.label-container .blue-label{
		margin-top:-25%;
	}
	
	.tertiary-section.section-result .search-information{
		width:100%;
	}
	
	.tertiary-section.section-result .section-result-content,
	.secondary-section.section2.column-2{
		padding-left:25px;
		padding-right:25px;
	}
	
	.secondary-section.section2.column-2.shadow .col-child .box-white .section-description{
		padding-left:15px;
		padding-right:15px;
	}
	
	.column-3{
		padding-left: 38px;
		padding-right: 38px;
	}
	
    .column-3 .per-section .box-white .section-description .section-description-inner .cta-container .secondary-btn{
        line-height:1.8rem;
    }
	
}
@media(max-width:1280px){
	
	
	
}
@media(max-width:1199px){
    .modal.uibox-content .modal-content .modal-body,
    .modal #send-email .modal-body{
        padding-left:15%;
        padding-right:15%;
    }

	.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .btn{
	width: 50%;
	left:25%;
	}

	.recalls .box-white .section-description .btn-container{
	width:100%;
	padding:5px;
	line-height:100%;
	}
	.recalls .box-white .section-description .btn-container .cta-container{
	line-height:50%;
	
	}
	.recalls .box-white .section-description .cta-btn.secondary-btn{
	line-height:100%;
	}

	.section-align-right .hero-header .section-description .section-description-inner{
	
	}
	.column-3 .per-section .box-white .section-description .section-description-inner h2{
	font-size:20px;
	}
	.column-3 .per-section .box-white .section-description .section-description-inner .cta-container{
	
	}
	.column-3 .per-section .box-white .section-description .section-description-inner .cta-btn.secondary-btn{
	
	}
	.section2.column-2 .hero-header .section-description .section-description-inner .paragraph{
	
	}
	.result-list .per-result-content,
	.last-section.section-last .box-white .col-3-group,
	.section-result .next-step .box-white .paragraph, 
	.last-section.section-last .box-white .paragraph,
	.section-result .next-step .box-white h2, 
	.last-section.section-last .box-white h2{
		padding-left:50px;
		padding-right:50px;
	}
	
	.result-list .per-result-header{
		padding-left: 50px;
	}
	
	.box-white .section-description .form-design{
		padding:15px 10%;
	}
	.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption{
		width:80%;
	}
}

@media(max-width:1023px){
    #modal-video .modal-dialog{
        margin:30px 2%;
    }
   #modal-video .modal-body{
       /* padding:0px 20% 15px; */
   }
    .modal.uibox-content .modal-content .modal-body,
    .modal.custom-modal .modal-dialog .modal-body{
        /* padding:40px 5%; */
    }

     #modal-video .modal-header .title,
    .modal.uibox-content .modal-content .modal-header .title,
    .modal.custom-modal .modal-dialog .modal-header h4{
        font-size:2.4rem;  
    }

    

    
    .modal.uibox-content .modal-content .modal-body ul li, 
    .modal.uibox-content .modal-content .modal-body p, 
    #content .modal.custom-modal .modal-dialog .modal-body p{
        font-size: 1.6rem;
    }

.tertiary-section.section-result .section-result-content{
	padding-left:0px;
	padding-right:0px;
}

.section4 #marketingModule.carousel .carousel-control .fa-angle-right{

top:15%;
}
.section4 #marketingModule.carousel .carousel-control .fa-angle-left{

top:15%;
}



	.carousel-inner .item,
	.carousel-inner .hero-header img,
	.hero-header img{
	height:545px;
	
	}
	#home .hero-header img{
	height:425px;
	}
	.hero-header .section-description .section-description-inner h2 {
    font-size:5.5rem;
	line-height:6.5rem;
	}
	.section5 .hero-header .section-description .section-description-inner h2  br:nth-child(1),
	.section5 .hero-header .section-description .section-description-inner h2  br:nth-child(3){
		display:none;
	}
	.section1 .section-description-inner .paragraph{
	width:60%;
	}
	
	.column-3 .per-section{
		height: 450px;
	}
	.column-3 .per-section .hero-header img{
		/*height: 262px;*/
        height: 258px;

	}
	
	.column-3 .per-section .box-white{
		height:440px;
	}
	
	.column-3 .per-section .box-white .section-description .section-description-inner h3{
	/*font-size:17px;
	line-height:130%;*/
	 font-size: 1.6rem;
    line-height: 1.8rem;
	}

    .section2.column-2 .hero-header .section-description .section-description-inner .paragraph, 
    .column-3 .per-section .box-white .section-description .section-description-inner .paragraph,
	.column-3 .per-section .box-white .section-description .section-description-inner .paragraph{
	
	 font-size: 1.2rem;
    letter-spacing: 0;
    line-height: 1.6rem;
	}
	
	.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption{
	padding:40px;
	}
	
	.carousel-hero{
		padding-left:28px;
		padding-right:28px;
	}
	
	.column-3{
		padding-left:23px;
		padding-right:23px;
	}
	
	
	
	.column-3 .per-section .box-white .section-description .section-description-inner{
		bottom:0px;
        padding-bottom:11px;
	}
	
	.column-3 .per-section .box-white .section-description{
		min-height: 180px;
	}
	
	.column-3 .per-section .box-white .section-description .section-description-inner .cta-container .secondary-btn{
	    line-height:1.4rem;	
	}

    
    .column-3 .per-section .box-white .section-description .section-description-inner .paragraph{
        height:8.5rem;
    }
    .section2.column-2 .hero-header .section-description .section-description-inner .paragraph{
        height:10rem;
    }
}

@media(max-width:991px){


    .form-design .secondary-links .btn-container .cta-container a.secondary-btn{

    }
      #modal-video .modal-dialog{
        margin:20px 2%;
    }
   #modal-video .modal-body{
       padding:0px 16% 15px;
   }
    .modal.custom-modal .modal-dialog .modal-header h4 {
        line-height: 100%;
        vertical-align:middle;

    }
    #content .modal.custom-modal .modal-dialog .modal-body{
        padding:25px;
        font-size:1.6rem;
    }
    #save-vin.modal.custom-modal .modal-dialog .modal-body{
        padding-left:10%;
        padding-right:10%;
    }
     .modal #send-email .modal-body{
        padding-left:15%;
        padding-right:15%;
    }
    #content .modal.custom-modal .modal-dialog .modal-body p{
        font-size:1.6rem;
    }

    #save-vin.modal.custom-modal .modal-dialog .modal-body .row-content.fieldset-action{
        padding: 15px 0%;
    }

    #save-vin.modal.custom-modal .modal-dialog .modal-body .row-content.fieldset-action .btn-container{
        width:100%;
        padding:5px 0px;
    }



.about-honda-parts .hero-header .section-description .section-description-inner{
width:100%;
}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .btn{
	width: 60%;
	left:20%;
	}

.main-section.section1 .paragraph{
padding:5px 5%;
}

.main-section.section1 .container .ask-container{
right:-60px;
}


.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption{
	width:100%;
}
	.column-3 .per-section .box-white .section-description .section-description-inner .cta-btn.secondary-btn{
	
	}
	

	
	.hero-header .section-description .section-description-inner h2 {
    font-size: 4.5rem;
    line-height: 5.5rem;
    transform: rotate(0.000deg);
	}
	
	.section1 .section-description-inner .paragraph{
	width:50%;
	}
	
	
	
	.column-3 .per-section .box-white .section-description .section-description-inner .cta-container .overlay-link{
	font-size: 16px;
	}
		
	.section2.column-2 .hero-header .section-description .section-description-inner .paragraph{
	
	}
	
	.column-3.carousel-hero-last .per-section .box-white .hero-header{
	
	}
	
	.label-container .blue-label{
		margin-top:-30%;
		/*height:100px;
		width:100px;*/

        	height:70px;
		width:70px;
		margin-left:-50px;
	}
	
	.label-container .blue-label .txt-label{
		margin-top:20px;
		/*font-size:42px;*/
        	font-size:22px;
	}
	
	.last-section.section-last .box-white .col-3-group .col-1{
		padding-right:20px;
	}
	.last-section.section-last .box-white .col-3-group .col-2{
		padding-left:20px;
	}
	
	.tertiary-section.section-result .section-result-header{
		padding-left:25px;
		padding-right:25px;
	}
	.tertiary-section.section-result .search-information .search-value,
	.tertiary-section.section-result .search-information .search-label{
		width:50%;
	}
	
	.recalls .box-white .section-description .cta-btn.secondary-btn{
		font-size:16px;
	}
	
	.tertiary-section.section-result .search-information .col-sm-7,
	.tertiary-section.section-result .search-information .col-sm-5{
		padding-left:0px;
		
	}
	
	.tertiary-section.section-result .section-result-header .container-fluid .col-xs-12{
		padding-left:0px;
		padding-right:0px;
	}

    /*.section2.column-2 .hero-header .section-description .section-description-inner h3, */
    .column-3 .per-section .box-white .section-description .section-description-inner h3{
        height:6rem;
    }

    .column-3 .per-section .hero-header img{
        height:230px;
    }
	
}


/* MOBILE DESIGN */
@media(max-width:767px){

    .carousel-hero.sectionkb .container-fluid{
        padding-left:3rem;
        padding-right:3rem;
            
    }
    

     #modal-video .modal-dialog{
        margin:20px 2%;
    }
   #modal-video .modal-body{
       padding:0px 10% 15px;
   }
    .modal #send-email .modal-body .validation-form .row-content.fieldset-action{
        padding:15px;
    }
     .modal #send-email .modal-body{
        padding:15px 10%;
    }
     #modal-video .modal-header .title,
     .modal.uibox-content .modal-content .modal-header .title{
         padding:5px 5px;
     }
     .modal.uibox-content .modal-content .modal-body, 
     .modal.custom-modal .modal-dialog .modal-body{
         padding:15px 30px 35px;
     }

    .modal.custom-modal{
        padding-left:10px !important;
        padding-right:10px !important;
    }
    .modal.custom-modal .modal-dialog{
        margin:45px auto;
    }
    .section2.column-2 #sub-header-carousel .item:first-child .col-child-2{
        padding-right:0px;
    }   

.section2.column-2 .hero-header{
background-position:center center;
}
.about-honda-parts .tertiary-section.section-result .section-result-content{
background-color:transparent;
}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description{
padding-left:0px;
padding-right:0px;
}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container{
position:relative;
}

.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .btn{
bottom:20px;
}

.secondary-section.section2.column-2.shadow .col-child-1{
padding-bottom:15px;
}

.secondary-section.section2.column-2.shadow .col-child .box-white{
box-shadow:0px 10px 20px -15px rgba(0, 0, 0, 0.3);
}

.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .paragraph{
padding:5px 5px;
}
.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner h3{
margin-bottom:0px;

}

#sub-header .carousel-control.left{
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
left: -0.3rem;

transform: translateY(45%);
}

#sub-header .carousel-control.right{
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
right: -0.3rem;

transform: translateY(45%);
}


#sub-header .carousel-control{

	background-color:rgba(1, 38, 60, 0.7);
	width:40px;
	height:12%;
	top:38%;
	display:block;
	height: 5rem;
    width: 3rem;
	
opacity:0.8;
}
#sub-header .carousel-control svg{
	fill: #fff;
    position: relative;
    
	height: 3rem;
    width: 2.5rem;
	transform: translateY(0%);
	display: block;
    
    position: absolute;
    top: 20%;
    
}

#sub-header .carousel-control.left svg{
	transform: translate(15%, 0%);
}

#sub-header .carousel-control.right svg{
	transform: translate(15%, 0%);
}

#sub-header .carousel-control svg use{
	
}

.column-3 .per-section .box-white .hero-header{
background-size:auto 100%;
}

.section4 #marketingModule.carousel .carousel-control.left{
background-color:#00446b;
width:40px;
height:12%;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
}


.section4 #marketingModule.carousel .carousel-control.right{
background-color:#00446b;
width:40px;
height:12%;
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
}

.section4 #marketingModule.carousel .carousel-control svg{
fill:#fff;
top:16%;
height:70%;
}

.section4 #marketingModule.carousel .carousel-control .fa-angle-right{
top:5%;
}
.section4 #marketingModule.carousel .carousel-control .fa-angle-left{
top:5%;
}
	.carousel-hero.column-3{
		padding-top:30px;
	}

	.column-3 .per-section{
	height:475px;
	padding:10px 30px 20px;
	}
	.column-3 .per-section .box-white{
	height: 460px;
	}
	.column-3 .per-section .hero-header img{
		height:254px;
	}

	.column-3 .per-section .box-white .section-description .section-description-inner .cta-container .overlay-link{
	font-size: 22px;
	}
	.column-3 .per-section .box-white .section-description .section-description-inner h3{
	font-size: 1.4rem;
    line-height: 1.8rem;
    height:auto;
    min-height:0;
	}
	
	.column-3 .per-section .box-white .section-description .section-description-inner .paragraph{
	width:100%;
	padding-top:1rem;
    padding-bottom:1rem;
	font-size: 1.2rem;
    letter-spacing: 0;
    line-height: 1.5rem;
    height:auto;
    min-height:6rem;
	}
	.column-3 .per-section .box-white .section-description .section-description-inner .cta-btn.secondary-btn{
	  font-size: 1.2rem;
    line-height: 1.5rem;
	}
	
	.column-3 .per-section .box-white .section-description .section-description-inner .cta-container{
	padding-bottom:13px;
	}
	.carousel-inner .item,
	.carousel-inner .hero-header img{
		height: 545px;
	}
	.hero-header img{
	height:340px;
	}	

   #hero1 .hero-header img{
        background: rgba(0,0,0,0);
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1.0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1.0)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1.0) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1.0) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1.0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1.0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );

    }
    .column-3 .per-section .box-white,
    .column-3 .per-section{
        height:auto;
    }

    .column-3 .per-section .box-white .section-description{
        min-height:0;
        position:relative;
    }

    .column-3.sampleOnly .per-section .box-white .section-description .section-description-inner{
        position:relative;
    }

	
	
	.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption h2{
	font-size:28px;
	padding-left:25px;
	padding-right:25px;
	text-align:center;
	}
	
	.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption .paragraph{
		text-align:center;
	}
	
	.section3 .hero-header, .section5 .hero-header,
	.hero-header {
	background-size: auto 340px;	
	background-repeat:no-repeat;
	/*background-position:center center;*/    
    background-position:top center;
	background-color:#fff;
	}

   
	
	#hero1{
	border-bottom:20px solid #fff;
	}
	
	.about-honda-parts #hero1{
	border-bottom:0px solid #fff;
	}
	
	#hero1 .hero-header{
	background-size:cover;
	}
	.carousel .hero-header{
	background-size: cover;
	}
	#home .hero-header img{
	height:340px;
	}
	
	.section-align-right .hero-header .section-description .section-description-inner {
    width: 100%;
	}
	.hero-header .section-description{
	position:static;
	top:1rem;
	left:auto;
	right:auto;
	bottom:1rem;
	transform: translateY(0%);
	}
	.hero-header .container-fluid{
	padding:30px 15px;
	}
	#hero1 .hero-header .container-fluid{
	padding:0px 15px;
	
	}
	.section-description-inner .paragraph,
	.section1 .section-description-inner .paragraph{
	width:100%;
	bottom:0px;
	position:relative;
	}
	
	#hero1 .section-description-inner .paragraph,
	#hero1 .section1 .section-description-inner .paragraph{
	width:100%;
	bottom:0px;
	position:absolute;
	}
	
	
	
	#hero1 .hero-header .section-description{
	top:1.5rem;
	left:1.5rem;
	right:1.5rem;
	bottom:1.5rem;
	transform: translateY(0px);
	position:absolute;
	}
	.section-description-inner .paragraph{
	padding:.5rem;
	}
	.hero-header .section-description .section-description-inner{
	width:100%;
	height:100%;
	text-align:center;
	}
	#hero1 .hero-header .section-description .section-description-inner h2{
	color:#fff;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	text-align:left;
	}
	#hero1 .section-description-inner .paragraph, 
	#hero1 .section1 .section-description-inner .paragraph{
	color:#fff;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	text-align:left;
	}
	.hero-header .section-description .section-description-inner h2{
	font-size:4rem;
	line-height:4.5rem;
	color:#00446B;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	text-align:center;
	padding:15px 15px 5px;
    transform: rotate(0.001deg);
	}
	.section-description-inner .paragraph, 
	.section1 .section-description-inner .paragraph{
	color:#00446B;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	text-align:center;
	padding:15px;
	}
	
	#secondary-navigation{
	height:20rem;
	padding:0px;
	}
    #secondary-navigation .navbar-collapse{
        padding:0px;
        position:relative;
        transform: translate(0px, 0%);
        top:auto;
    }
     #secondary-navigation .navbar-collapse ul{
         margin:0px;
     }

    #secondary-navigation .wrapper-nav-tab,
	#secondary-navigation .wrapper-nav,
    #secondary-navigation .navbar-collapse{
	height:auto;
	}
    .mMode #secondary-navigation .wrapper-nav-tab ul li .btn,
	.mMode #secondary-navigation .navbar-collapse ul.nav li a,
    .mMode #secondary-navigation .wrapper-nav-tab ul li .btn,
	.mMode #secondary-navigation .wrapper-nav ul li .btn{
	font-size: 1.2rem;
    line-height: 2.8rem;
	}
    #secondary-navigation .wrapper-nav-tab ul > li,
	#secondary-navigation .navbar-collapse ul.nav > li,
    #secondary-navigation .wrapper-nav-tab ul > li,
	#secondary-navigation .wrapper-nav ul > li{
	width:100%;
	border-bottom:2px solid #e5e5e5;
	padding:0px;
	border-right:0px;
	}
    #secondary-navigation .wrapper-nav-tab ul > li:last-child,
	#secondary-navigation .navbar-collapse ul.nav > li:last-child,
    #secondary-navigation .wrapper-nav-tab ul > li:last-child,
	#secondary-navigation .wrapper-nav ul > li:last-child{
	border-bottom:0px;
	}
    #secondary-navigation .wrapper-nav-tab ul li .btn,
	#secondary-navigation .navbar-collapse ul.nav li .btn,
    #secondary-navigation .wrapper-nav-tab ul li .btn,
	#secondary-navigation .wrapper-nav ul li .btn{
	width:100%;
	height:auto;
	top: 0%;
	transform: translateY(0%);
	position:relative;
	font-size: 16px;	
	padding:20px 20px;
	}
	
	#hero1 .section-description-inner .paragraph, #hero1 .section1 .section-description-inner .paragraph{
	text-align:center;
	}
	#hero2{
	margin-top:0px;
	margin-bottom:0px;
	}
	
	.carousel-hero{
	padding:0px;
	}
	
	.carousel-hero .container-fluid{
	padding:0px;
	}
	.section2.column-2 .col-child-1,
	.section2.column-2 .col-child-2{
	padding:0px;
	}
	.section2.column-2 .hero-header{
	background-size:cover;
	}
	
	.section2.column-2 .hero-header img{
	/*height:545px;
	height: 59.4rem;*/
    height:400px;
	}

	
	
    .section2.column-2 #sub-header #sub-header-carousel .item{
        height:400px;
    }


	.section2.column-2 .hero-header .section-description{
	transform: translateY(0%);
	position:absolute;
	}
	.section2.column-2 .hero-header .section-description .section-description-inner{
	height:auto;
	}
	.section2.column-2 .hero-header .section-description .section-description-inner .paragraph{
	color:#fff;
	font-size: 1.2rem;
    line-height: 1.5rem;
    height:auto;
    overflow:hidden;
	}
	.service #hero3{
	padding:15px 15px;
	}
	
	.column-3 .per-section .hero-header img{
	
	}
	
	.service .carousel-inner > .item > img, 
	.service .carousel-inner > .item > a > img{
	/*height: 510px;*/
	}
	
	.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption{
	width:100%;
	}
	.main-section.section1{
		padding-bottom: 15px;
	}
	.main-section.section1 h2{
		font-size:40pt;
	}
	.main-section.section1 .paragraph p{
		font-size:18px;
	}
	.main-section.section1 .paragraph{
		padding:15px;
	}
	
	.main-section.section1 .container .ask-container{
		position:static;
		padding:10px;
		margin-bottom: 30px;
	}
	.tertiary-section.section-result .section-result-content, .secondary-section.section2.column-2{
		padding:15px 0px;
	}
	
	
	.section-result-content .last-box-white-container{
		padding-left:25px;
		padding-right:25px;
	}
	
	.secondary-section .row-eq-height{
		display:block;	
	}
	
	#content .label-container .blue-label{
		margin:0 auto !important;
		margin-top:-50px !important;
		z-index:999;
	}
	.box-white .section-description .form-design{
		margin:15px;
	}
	.secondary-section.section2.column-2.shadow .col-child-2{
		padding-bottom: 0px !important;
	}
	.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner{
		padding-bottom:50px;
	}
	
	.secondary-section.section2.column-2.shadow .col-child-2 .box-white .section-description .section-description-inner{
		padding-top:50px;
	}
	
	.recalls .box-white .section-description .btn-container{
		padding:0px;
	}
	.last-section.section-last .box-white .col-3-group .col-3,
	.last-section.section-last .box-white .col-3-group .col-2{
		padding-left:0px;
	}
	
	.desktop-only{
	display:none;
	}
	.mobile-only{
	display:block;
	}
	
	.recalls .last-section.section-last{
	padding-top: 25px;
	}
	
	.recalls .last-section.section-last .container{
		padding-left:25px;
		padding-right:25px;
	}
	
	.secondary-section.section2.column-2.shadow{
		padding-bottom:0px;
		padding-bottom:0px;
	}
	
	.result-list .per-result-content, 
	.last-section.section-last .box-white .col-3-group, 
	.section-result .next-step .box-white .paragraph, 
	.last-section.section-last .box-white .paragraph, 
	.section-result .next-step .box-white h2, 
	.last-section.section-last .box-white h2{
		padding-left:15px;
		padding-right:15px;
		line-height: 140%;
	}
	.result-list .per-result{
		margin-bottom:20px;
	}
	.section-result .next-step .box-white .paragraph .form-design{
			padding-right:30%;
	}
	
	.about-honda-parts .result-list .per-result-header,
	.result-list .per-result-header{
		padding:15px;
	}
	
	.tertiary-section.section-result .section-result-content .container{
		padding-right:0px;
		padding-left:0px;
	}
	.about-honda-parts .tertiary-section.section-result{
		padding:25px 0px;
	}
	
	.section-result .light-container.search-input-container .btn{
		top:4px;
		right:4px;
	}
	
	
		
	#section-result.tertiary-section .section-result-header .container-fluid h2{
	text-align:center;
	padding-bottom:20px;
	font-size:22px;
	}
	
	.section2.column-2 .hero-header .section-description .section-description-inner h3{
		font-size: 1.4rem;
    line-height: 1.8rem;
    height:auto;
    padding:5px 0px;
	}
	
	.column-3 .per-section .hero-header img{
		/*height: 298px;*/
        height:254px;
	}
	.column-3 .per-section .box-white .section-description{
		min-height:0;
        position:relative;
        height:auto;
	}

    .column-3 .per-section .box-white .section-description .section-description-inner .cta-btn.secondary-btn{
        padding:0px;
    }

    .column-3 .per-section:nth-child(3n+1){
        padding-left:30px;
        padding-right:30px;
        padding-top:0px;
    }
        .column-3 .per-section:nth-child(3n+2){
        padding-left:30px;
        padding-right:30px;
        padding-top:0px;
    }
    .column-3 .per-section:nth-child(3n+3){
        padding-left:30px;
        padding-right:30px;
        padding-top:0px;
    }

    .column-3 .per-section .box-white .section-description .section-description-inner{
        position:relative;
        padding:15px;
    }

    
    #main .full-carousel:nth-child(even) .hero-header img,
    #main .full-carousel:nth-child(odd) .hero-header img{
        background: transparent;
        filter: none;
    }

}

@media(min-width:768px) {	
    
}

@media(max-width:640px){
	#modal-video .modal-body{
       padding:0px 15% 15px
   }

    .per-section-need-help{
        min-height: 35.5rem;
    }
}

	


@media(max-width:600px){
	
}
@media(max-width:549px){

    .carousel-hero.sectionkb .container-fluid{
        padding-left:2rem;
        padding-right:2rem;
    }
    .per-section-need-help:last-child,
    .per-section-need-help{
        width:100%;
        margin-left:0px;
        margin-right:0px;
       min-height: 30.5rem;
    }
     .modal #send-email .modal-body .validation-form .row-content.fieldset-action{
        padding:15px 0px;
    }
     .modal #send-email .modal-body .validation-form .row-content.fieldset-action .btn-container{
         width:100%;
         padding:5px;
     }

    .column-3 .per-section .box-white .section-description .section-description-inner{
        padding-left: 5.55556%;
        padding-right: 5.55556%;
    }
    .column-3 .per-section .box-white .section-description .section-description-inner .paragraph{
        padding-left:0px;
        padding-right:0px;
    }
	.carousel-inner .item, 	
	.section2.column-2 .hero-header img,
	.hero-header img{
	height:47.4rem;
	}	

    .hero-header img{
	height:340px;
	}	
    /*
	.column-3 .per-section{
	height:375px;
	}
	.column-3 .per-section .box-white .section-description{
	min-height:180px;
	}
	.column-3 .per-section .box-white{
		height:360px;
	}
	.column-3 .per-section .hero-header img{
		height:180px;
	}
	*/
	.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption .paragraph{
	position:absolute;
	bottom:0px;
	left:0px;
	padding-left:15px;
	padding-right:15px;
	}
	.section4 #marketingModule.carousel .carousel-control{
		height:18%;
		top: 41%;
	}
	.section4 #marketingModule.carousel .carousel-control svg{
		height:75%;
		top:14.5%;
	}
	
	.secondary-section.section2.column-2.shadow .col-child .box-white .section-description .section-description-inner .secondary-btn-container .btn{
		width:70%;
		left:15%;
	}
	
	#sub-header .carousel-control.left{
	transform: translateY(40%);
	}

	#sub-header .carousel-control.right{

	transform: translateY(40%);
	}
	
	#sub-header .carousel-control{
		height:4.5rem;
	}
	
	#sub-header .carousel-control svg{
		top:15%;
	}
	
	.column-3 .per-section{
		padding-left:18px;
		padding-right:18px;
	}

    .column-3 .per-section .hero-header img {
        height: 194px;
    }

    .column-3 .per-section .box-white .hero-header {
        background-size: auto 117%;
        background-position:center  bottom;
    }

    .column-3 .per-section{
        /*height:355px;*/
    }
    .column-3 .per-section .box-white {
        /*height: 340px;*/
    }
 
    .column-3 .per-section:nth-child(3n+1),
    .column-3 .per-section:nth-child(3n+2),
    .column-3 .per-section:nth-child(3n+3){
        padding-left: 18px;
        padding-right: 18px;
    }
  
}


@media(max-width:480px){
    .modal > aside .btn span{
        font-size: 1.2rem;
    white-space: nowrap;
    word-break: break-all;
    }
	.section4 #marketingModule.carousel .item .carousel-caption.top-left-caption h2{
	font-size:2.5rem;
	}
	.hero-header .section-description .section-description-inner h2{
	font-size: 3rem;
	line-height:3.5rem;
	}
	#hero1 .hero-header .section-description .section-description-inner h2{
	font-size: 3.5rem;
	line-height: 4rem;
	}
	.section-description-inner .paragraph, 
	.section1 .section-description-inner .paragraph{
		
	}
	
	.main-section.section1 h2{
		font-size: 32px;
		line-height: 120%;
	}
	.box-white .section-description-inner .paragraph,
	.main-section.section1 .paragraph p,
	.main-section.section1 .paragraph{
		font-size: 1.5rem;
		line-height: 140%;
	}
	
	.box-white .section-description .form-design{
		padding:0px;
	}
	
	.search-input-container .txt{
		padding:6px 45px 6px 15px;
	}
	.box-white .section-description .form-design label{
		padding:10px 20px;
	}
	.result-list .per-result-content, 
	.last-section.section-last .box-white .col-3-group, 
	.section-result .next-step .box-white .paragraph, 
	.last-section.section-last .box-white .paragraph, 
	.section-result .next-step .box-white h2, 
	.last-section.section-last .box-white h2{
		font-size:24px;
		line-height:120%;
	}
	
	.recalls .box-white .section-description .cta-btn.secondary-btn{
		font-size:18px;
	}
	
	.secondary-section.section2.column-2.shadow .col-child-1{
		padding-bottom:25px !important;
	}
	.column-3 .per-section .box-white .section-description .section-description-inner .cta-btn.secondary-btn{
		
	}
	.column-3 .per-section .box-white .section-description .section-description-inner h3{
		
	}
	
	.column-3 .per-section .box-white .section-description .section-description-inner .paragraph{
		
	}
	
	.column-3 .per-section .box-white .section-description .section-description-inner .cta-container .overlay-link{
		font-size:16px;
	}
	
	.section-result .next-step .box-white .paragraph #zipForm.form-design .search-input-container .txt{
		padding-top:4px;
		padding-bottom:4px;
	}
	
	.result-list .per-result-header{
		font-size:18px;
		line-height:180%;
	}
	
	.result-list .per-result-header .btn-circle-line{
		position:absolute;
		right:15px;
	}

    .column-3 .per-section .box-white .hero-header {
        background-size: auto 100%;
        background-position:center  bottom;
    }
	
}

@media(max-width:479px) {
    .modal > aside .btn{
        padding:1rem 0 !important;
    }
}

@media(max-width:360px){
    #modal-video .modal-body{
       padding:0px 1% 15px;
   }
}
@media(max-width:320px){
	/*.carousel-inner .item, 	
	.section2.column-2 .hero-header img,*/
	.hero-header img{
	height:320px;
	}
	
	.section4 #marketingModule.carousel .carousel-control svg{
	height: 78%;
	top:11%;
	}
}