@media (min-width: 100px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
	}
	.navbar {
		margin-top: 0px;
	}
	.navbar-toggle {
		float: none;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		position: absolute;
		left: 0px;
		margin-top: 16px;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #041e42;
	}
	.navbar-default .navbar-toggle {
		border-color: #041e42;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #ffc220;
		width: 24px;
		height: 2px;
		border: 1px solid #ffc220;
	}
	.navbar-toggle .icon-bar {
		margin-bottom: 6px;
	}
	.cart-icon svg {
		height: 24px;
		position: absolute;
		right: 20px;
		top: 10px;
	}
	.no-mobile {
		display: none;
		opacity: 0;
	}
	.no-desktop {
		display: block;
		opacity: 1;
	}
	.navbar-brand.no-desktop img {
		width: 200px;
		margin: 0 auto;
		padding-top: 12px;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
		text-align: center;
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 0;
		position: absolute;
		top: 0px;

	}
	.nav.navbar-nav {
		padding-left: 0;
		padding-right: 0;
		margin-top: 80px;
		padding-bottom: 40px;
	}
	.navbar-default .navbar-nav li a {
		color: #eee;
		text-transform: capitalize;
		font-weight: 400;
		font-size: 20px;
		transition: background .25s ease-in-out;
		border-bottom: 1px solid #eee;
		text-align: left;
	}
	.navbar-nav>li {
		padding: 0px 0px;
	}

}

@media screen and (max-width: 1199px) {
	/* Alt-Nav */
	.alt-nav-item {
		height: 90px;
		width: 160px;
	}


	/* Hero */
	#hero img {
		width: 33%;
	}

	/* Homepage */
	#cta p {
		font-size: 16px;
	}
	#install img {
		max-width: 90%;
	}
	.site-footer .col-md-2 img {
		margin-top: 6px;
	}
	.ad-bg {
		background-position: bottom;
		height: 370px;
		background-size: contain;
	}
	.product-box .img-responsive {
		text-align: center;
		margin: 0 auto;
	}
	.install-box {
		height: 280px;
		margin-bottom: 100px;
		max-width: 500px;
	}


	/* Product Pages */
	#VFG table {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: unset;
		align-items: center;
	}
	.vfg-interior #VFG select {
		width: 70vw;
		margin-left: 6px;
	}
	.vehicle-buttons {
		display: block;
		margin-top: 0;
	}



}



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


	/* Alt Nav */
	.alt-nav-item {
		height: 140px;
		width: 200px;
	}
	ul.alt-nav {
		margin: 0 auto;
		margin-top: -30px;
		margin-bottom: 30px;
	}

	/* General */
	#search_products {
		width: 500px;
	}


	/* Homepage */
	#cta p {
		font-size: 18px;
		text-align: center;
	}
	#cta .text-left {
		text-align: center;
	}
	.install-box {
		height: auto;
		margin-bottom: 80px;
	}
	.install-hdr-wrap h3 {
		font-size: 30px;
	}
	.install-hdr-wrap p {
		font-size: 16px;
	}
	.video-walkthrough {
		display: block;
		flex-direction: unset;
		align-items: unset;
	}
	.video-walkthrough h4 {
		margin-top: 20px;
	}



	/* Hero */
	.vfg-icons {
		display: none;
	}
	#hero {
		height: 450px;
	}
	.slider-vfg {
		height: 400px;
	}
	#hero img {
		width: 40%;
	}


	/* Footer */
	.site-footer {
		text-align: center;
	}
	.site-footer img {
		float: none;
		margin: 0 auto;
	}
	.site-footer .pull-right {
		display: none;
	}
	.mobile-vfg {
		display: none;
		opacity: 0;
	}


	/* Interior Pages */
	.product-box {
		text-align: center;
	}
	.product-box {
		margin-bottom: 30px;
	}
	#contact .page-content {
		padding-left: 40px;
		padding-right: 40px;
	}


	/* 404 Page */
	#error-page .page-title {
		font-size: 100px;
		margin-bottom: 0px;
	}
	.error-sub-heading {
		font-size: 25px;
	}
	#error-page {
		height: 550px;
	}


	/* Product Pages */
	.panel-title a {
		display: block;
	}
	#headingA .panel-title a, #headingB .panel-title a, #headingC .panel-title a, #headingD .panel-title a {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.category-count {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.accordion-toggle:before {
		padding-right: 0px !important;
		margin-bottom: 10px;
	}
	.cat-sub-txt {
		margin-top: 14px;
		font-size: 12px;
	}


}






@media screen and (max-width: 767px) {

	/* Hero */
	.mobile-vfg {
		display: block;
		opacity: 1;
	}
	.hero-wrap {
		height: 630px;
	}
	.img-responsive.mobile-vfg {
		padding: 40px 60px;
	}
	.hero-vfg {
		top: 400px;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 90%;
	}
	.mobile-chart {
		display: block;
		opacity: 1;
		margin: 0 auto;
	}
	.desktop-chart {
		display: none;
		opacity: 0;
	}
	#install {
		padding: 40px 20px;
	}
	.slider-vfg {
		top: 60%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 80%;
		right: unset;
	}
	#hero img {
		width: 400px;
		bottom: unset;
		top: 90px;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	#hero {
		height: 630px;
		background-position: 150px top;
	}
	.install-box {
		height: auto;
		max-width: 100%;
	}
	.install-box .black-btn {
		width: 100%;
		position: unset;
	}
	.fas.fa-search {
		position: relative;
		right: 1px;
		top: 1px;
	}
	.input-group {
		margin: 0 auto;
	}
	#hero img {
		width: 100%;
	}
	.hero-wrap .container {
		padding-left: 0px;
		padding-right: 0px;
	}



	/* Interior Pages */
	.mobile-title {
		display: block;
		opacity: 1;
	}
	.desktop-title {
		display: none;
		opacity: 0;
	}
	.about-content {
		padding-left: 40px;
		padding-right: 40px;
	}


	/* Product Pages */
	.product-list li {
		float: unset;
		justify-content: center;
	}
	.product-item-description {
		height: auto;
	}


	/* MetraFits Video Demo */
	.mf-video-modal-wrap h3 {
	    font-size: 28px;
	}
	.mf-video-modal-wrap p {
	    font-size: 15px;
	    letter-spacing: 0;
	    text-transform: inherit;
	}


}




@media screen and (max-width: 639px) {


	/* Homepage */
	.install-hdr-wrap h3 {
		font-size: 36px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	.install-hdr-wrap p {
		font-size: 18px;
		max-width: 360px;
		margin: 0 auto;
		line-height: 20px;
	}
	#search_products {
		width: 300px;
	}
	.phone-wrap {
		display: none;
	}
	.metra-logo {
		right: 0;
		border-right: none;
	}
	#hero img {
		width: 350px;
	}




	/* Interior Pages */
	.ad-bg {
		height: 300px;
	}
	#contact .btn-default {
		margin-bottom: 10px;
	}
	.title-wrap img {
		margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.ad-bg h3 {
		margin-bottom: 4px;
		padding-top: 30px;
		font-size: 34px;
		line-height: 28px;
	}


	/* 404 Page */
	#error-page .page-title {
		font-size: 70px;
	}
	.error-sub-heading {
		font-size: 20px;
	}
	#error-page {
		height: 400px;
	}


	/* MetraFits Video Demo */
	.mf-video-modal-wrap h3 {
        font-size: 33px;
        max-width: 325px;
        margin: 0 auto;
        line-height: 1;
        margin-bottom: 6px;
    }
    .mf-video-modal-wrap p {
        font-size: 12px;
        letter-spacing: 0;
        text-transform: inherit;
    }



}




@media screen and (max-width: 479px) {


	/* Homepage */
	#search_products {
		width: auto;
	}
	.alt-nav-item {
		width: 160px;
	}

	/* hero */
	.img-responsive.mobile-vfg {
		padding: 40px 20px;
	}
	.hero-vfg {
		top: 360px;
	}
	.hero-wrap {
		height: 600px;
	}
	#hero {
		height: 550px;
	}
	#hero img {
		width: 300px;
		top: 60px;
		left: 50%;
	}
	.slider-vfg {
		top: 57%;
	}
	.hero-wrap {
		height: 540px;
	}
	.slider-vfg h4 {
		font-size: 32px;
	}
	.slider-vfg h5 {
		font-size: 18px;
	}


	/* Interior Pages */
	.ad-txt {
		padding-top: 40px;
	}
	.ad-bg {
		height: 220px;
		text-align: center;
	}
	.ad-bg h3 {
		padding-top: 20px;
		font-size: 26px;
		line-height: 24px;
	}
	.ad-bg p {
		font-size: 14px;
		margin-bottom: 14px;
	}
	.ad-bg .black-btn {
		padding: 6px 30px;
	}
	#cta p {
		font-size: 16px;
	}


	/* Product Pages */
	.sidebar-vfg h3 {
		font-size: 38px;
		line-height: 24px;
	}
	.panel-title a {
		max-width: 90%;
	}
	.panel-filers {
		display: flex;
	}
	#MF-AMPKITS:before, #MF-AMPKITS:before, #MF-CABLEWR:before, #MF-CNTSAFE:before, #MF-HWTOOLS:before, #MF-SPEAKER:before  {
		width: 55px;
	}
	.nav>li>a {
		padding: 5px;
		font-size: 12px;
		text-align: center;
	}


	/* MetraFits Video Demo */
	.mf-video-modal-wrap h3 {
        font-size: 26px;
        margin-bottom: 14px;
    }
	.mf-video-modal-wrap p {
        display: none;
    }

}




@media screen and (max-width: 379px) {

	/* Navigation */
	.navbar-brand img {
		width: 120px;
		top: 8px;
	}
	.metra-logo {
		width: 110px;
		top: 24px;
	}

	/* hero */
	.hero-vfg {
		top: 330px;
	}
	.hero-wrap {
		height: 560px;
	}
	#hero img {
		width: 250px;
	}
	.slider-vfg {
		width: 90%;
	}
	/* homepage */
	#cta {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.mobile-chart {
		display: none;
		opacity: 0;
	}
	.xs-chart {
		display: block;
		opacity: 1;
		margin: 0 auto;
	}
	#cta p {
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 6px;
	}
	.black-btn {
		width: 100%;
	}


	/* Interior Pages */
	.ad-bg {
		height: 240px;
	}


	/* Product Pages */
	.sidebar-vfg h3 {
		font-size: 32px;
		line-height: 18px;
	}
	.sidebar-vfg h4 {
		font-size: 14px !important;
	}

}




@media screen and (max-width: 349px) {


	/* Theme Styles */
	.navbar-brand.no-desktop img {
		width: 150px;
		padding-top: 16px;
	}
	.navbar-form {
		padding: 0 10px;
	}
	.btn.btn-default.btn-clear {
		font-size: 10px;
		margin-top: 2px;
		display: block;
	}

	/* Hero */
	.img-responsive.mobile-vfg {
		padding: 30px 20px;
	}
	.slider-vfg h4 {
		font-size: 24px;
	}
	.slider-vfg h5 {
		font-size: 14px;
	}
	.slider-vfg p {
		font-size: 12px;
	}
	#home #VFG select {
		width: auto;
	}


	/* Homepage */
	#cta p {
		font-size: 18px;
		line-height: 20px;
	}
	.install-hdr-wrap h3 {
		font-size: 32px;
		line-height: 26px;
	}
	.install-hdr-wrap p {
		font-size: 16px;
		line-height: 16px;
	}



	/* Interior Pages */
	.ad-txt {
		padding-top: 30px;
	}


	/* 404 Page */
	#error-page .page-title {
		font-size: 45px;
	}
	#error-page {
		height: 330px;
	}


	/* Product Pages */
	.sidebar-vfg h3 {
		font-size: 28px;
		line-height: 14px;
	}
	.panel-filers {
		display: flex;
		flex-direction: column;
	}
	.panel-title a {
		font-size: 12px;
	}
	.panel-title a {
		max-width: 200px;
	}
	.nav-tabs>li {
		margin-right: -1px;
	}
	.nav>li>a {
		padding: 6px;
		font-size: 10px;
		text-align: center;
	}


	/* MetraFits Video Demo */
	.mf-video-modal-wrap h3 {
        font-size: 24px;
    }


}