/*
	Theme Name: Rebuilt Child
	Theme URI: http://www.enovathemes.com/animux
	Template: rebuilt
	Description: Rebuilt - rebuiltrearaxles.com
	Author: Enovathemes
	Author URI: http://www.enovathemes.com
	Version: 1.1.3
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tested up to: 7.1
	Requires PHP: 8.0
	Tags: one-column, two-columns, right-sidebar, editor-style, featured-images, post-formats, translation-ready
	Text Domain: rebuilt-child
	Copyright 2026 Enovathemes.com
	This theme is licensed under the GPL v2 or later.
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

:root {
    
    --t-font-family: "Poppins";

	--t-container-desktop:1248px;
	--t-container-mobile:93.75%;

	--t-background-color: #f0f0f0;
	--t-border-color: #e0e0e0;

	--t-title-color: #000000;
	--t-color-primary: #d5001a;
	--t-color-secondary: #1d402e;
	--t-color-accent: #c05532;
	--t-color-text: #333333;


}

/* General ----- */

    a {
        color:var(--t-color-primary);
        text-underline-offset: 4px;
    	 text-decoration-thickness: 1px;
    }
    
    a:visited,
    a:link{
        color:var(--t-color-primary);
    }

    body {background-image:none !important}

    body,p,textarea, .top-text-holder {
        font-family:var(--t-font-family);
        font-size:14px;
        line-height:1.5em;
    }
    
    body, button, input, select, optgroup, textarea {
        color:var(--t-color-text);
    }
    
    img {
        border-radius:12px;
    }
    
    iframe[src*="youtube"]{
        border-radius:12px;
        margin:24px auto;
    }
    
    #wrapper {
        margin: 0 auto;
    	width:100%;
        max-width: var(--t-container-mobile);
        padding: 0px;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-weight:700 !important;
        color:var(--t-title-color) !important;
    }
    
    .colleft > h2 {
        color:#fff !important;
    }
    
    select,input,textarea {
        outline:none !important;
    }
    
    button, input[type="submit"],
    .search-btn1 > a{
        font-weight:600;
        display:flex;
        align-items:center;
        gap:6px;
        height:44px;
    }
    
    #banner1 form {
        padding:24px;
        border:none !important;
        border-radius:12px !important;
    }
    
    #banner1 form select,
    #banner1 form .search-btn1 > a {
        margin-bottom:0 !important;
    } 
    
    p:empty {
        display:none !important;
    }

/* Header ----- */

    #masthead {
        background-image:none !important;
    }

    .header_logo {
    	height: 46px;
        width: 415px;
        padding-top: 30px;
        transform: translateX(24px);
    }
    
    .top-text-holder {
        background-color: var(--t-color-primary);
        padding: 4px 12px 8px 24px;
        border-radius: 0 0 12px 46px;
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        position: relative !important;
        background-image: linear-gradient(60deg, var(--t-color-primary) 0%, var(--t-color-accent) 100%);
    }
    
    .top-text-holder:before,
    .contact_info_header:after{
        content:"";
        display:block;
        width:20px;
        height:20px;
        -webkit-mask-image: url(images/delivery.svg);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: 50% 50%;
		-webkit-mask-size: 100%;
		mask-image: url(images/delivery.svg);
		mask-repeat: no-repeat;
		mask-position: 50% 50%;
		mask-size: 100%;
		background-color: #fff;
    }
    
    .contact_info_header {
        display:flex;
        flex-wrap:wrap;
        padding-left:40px;
        color:var(--t-title-color) !important;
        font-size:18px;
        line-height:1.15em;
        text-decoration:none !important;
        font-weight:700 !important;
        right:10px;
    }
    
    .contact_info_header:before {
        content:"Call us / Nationwide Axles Network";
        width:100%;
        font-size:14px;
        font-weight:400 !important;
    }
    
    .contact_info_header:after {
        width:32px;
        height:32px;
        -webkit-mask-image: url(images/telephone-call.svg);
        mask-image: url(images/telephone-call.svg);
        background-color:var(--t-color-primary);
        position:absolute;
        top:50%;
        left:0;
        transform:translateY(-50%);
    }
    
    #main-content > #banner1,
    .single_part,
    .landing-form-holder{
        background-image:url(images/hero.webp) !important;
        background-size:cover !important;
        border-radius:0 0 12px 12px;
        padding:8px 32px 32px 32px !important;
        border-top:1px solid #2a5d42;
        background-color:var(--t-color-secondary);
    }
    
    .single_part {
        margin-top:-32px !important;
    }
    
    .landing-form-holder {
        background-color:var(--t-color-secondary) !important;
        border-radius:0 0 12px 12px !important;
        transform:translateY(-32px);
    }
    
    .single_part {
        margin-left:0;
        margin-right:0;
        margin-top:0;
    }
    
    .single_part .single_box {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:40px;
        flex-direction:row-reverse;
        height:100%;
        padding-top:12px;
    }
    
    .single_box .select_wrap,
    .single_box .single_content{
        position:static;
        max-width:50%;
        width:50%;
        text-align:left;
    }
    
    .select_wrap form {
        width:100%;
    }
    
    .select_wrap select {
        width:100%;
        height:40px;
        border-radius:6px;
        background-image: url(images/arrow-select.svg);
        background-repeat:no-repeat;
        background-position:calc(100% - 16px) 50%;
        background-size:16px;
        appearance: none;
    }
    
    .single_box .single_content > p:last-child {
        margin-bottom:0;
    }
    
    #main-content > #banner1:before {
        display:none !important;
    }
    
    .header_logo .axleimg {
        display:none !important;
    }
    
    
/* Navigation ----- */

    #site-navigation {
        height:48px;
        padding:0 24px;
        background-image:none !important;
        background-color:var(--t-color-secondary);
        border-radius:12px 12px 0 0;
    }
    
    #nav_bar,
    #nav_bar > .menu-header-menu-container,
    #nav_bar > .menu-header-menu-container > #menu-header-menu {
        height:inherit;
    }
    
    #menu-header-menu {
        align-items:center;
        justify-content:space-between;
        gap:32px;
    }
    
    #menu-header-menu li {
        margin-top:0 !important;
        height:inherit;
        display:flex;
        align-items:center;
    }
    
     #menu-header-menu li > a {
        font-size:14px;
        font-weight:600;
        margin:0;
    }
    
    #menu-header-menu > li:hover > a,
    #menu-header-menu > .current-menu-item > a,
    #menu-header-menu > .current-menu-parent > a,
    #menu-header-menu > .current_page_parent > a,
    #menu-header-menu > .current_page_item > a{
         text-decoration:underline;
         text-underline-offset: 4px;
    	 text-decoration-thickness: 1px;
     }
     
    .main-navigation ul ul {
        flex-direction:column;
        background-color:#444;
        border-radius:6px;
        gap:1px;
    }
    
    .main-navigation ul ul li {
        background-color:#000;
    }
    
    .main-navigation ul ul > li:first-child {
        border-radius:6px 6px 0 0;
    }
    
    .main-navigation ul ul > li:last-child {
        border-radius:0 0 6px 6px;
    }
    
    .main-navigation ul ul a {
        min-width:256px;
        padding:12px 24px;
    }
    
    .menu-item-has-children > a {
        display:flex;
        align-items:center;
        gap:6px;
    }
    
    .menu-item-has-children > a:after {
        background-color: #fff;
		width: 10px;
		height: 10px;
		-webkit-mask-image: url(images/arrow-select.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-position: 50% 50%;
    	mask-image: url(images/arrow-select.svg);mask-repeat: no-repeat;mask-position: 50% 50%;
		-webkit-mask-size: 100%;
		mask-size: 100%;
		transform-origin: center;
		transition: inherit;    
		content:"";
		display:block;
    }
    
    .main-navigation ul ul >li {
        transition:background-color .3s ease;
    }
    
    .main-navigation ul ul >li:hover {
        background-color:#222;
    }
    
    .menu-item-has-children:hover > ul {
        opacity: 0;
    }
    
    .menu-item-has-children:hover > ul {
        display:flex;
        animation: submenuAppearFade 0.1s 0.1s ease forwards, submenuAppearTransform .8s 0.1s cubic-bezier(.19,1,.22,1) forwards;
    }
    
    .change .bar1 {
        transform: translate(0, 8px) rotate(-45deg);
    }
    
    .change .bar3 {
        transform: translate(0, -8px) rotate(45deg);
    }
    
/* Content ----- */

    .featured-engines-hdr {
        background-color: var(--t-color-secondary) !important;
        color: #fff !important;
        padding: 16px 24px !important;
        font-size: 18px;
        border-radius:6px;
        margin-bottom:8px;
    }
    
    
    .featured-engines-hdr > * {
        color:inherit !important;
    }
    
    .featured-engines-hdr + ul {
        display:flex;
        flex-direction:column;
        gap:8px
    }
    
    .featured-engines-hdr + ul > li:not(:empty) {
        border-radius:6px;
        padding:8px 12px;
        background-color:var(--t-background-color);
    }
    
    ul +.featured-engines-hdr {
        margin-top:32px;
    }
    
    .featured-engines {
        display: grid !important;
        gap: 16px;
        grid-template-columns: repeat(4, minmax(0px, 1fr));
    }
    
    .featured-engines > li {
        background-color:var(--t-background-color);
        border-radius:12px;
        border:1px solid #c0c0c0 !important;
        width:100% !important;
        display:flex;
        flex-direction:column;
    }
    
    .featured-engines > li br {
        display:none !important;
    }
    
    .featured-engines > li .text-hdr3 {
        font-size:16px;
        color:var(--t-title-color) !important;
        text-decoration:none;
        order:2;
        margin:8px 0 16px 0 !important
    }
    
    .featured-engines > li .text-hdr3 a {
         color:inherit;
         text-decoration:inherit;
    }
    
    .featured-engines > li .text-hdr3:hover > a {
        text-decoration:underline;
         text-underline-offset: 4px;
    	 text-decoration-thickness: 1px;
    }
    
    .featured-engines li img {
        order:1;
    }
    
    .featured-engines li > p {
        order:3;
        margin-bottom:0;
    }
    
    .select_wrap h3 {
        display:none !important;
    }
    
    .single_part + br,
    .single_part + br + br + div + br{
        display:none !important;
    }
    
    br + p {
        margin-top:0;
    }
    
    .spacer2 {
        margin:0 !important;
    }
    
    .single_part .single_content h3 img {
        margin-right:8px !important;
        border-radius:4px;
    }
    
    .landing-form-holder .landing-form-inner form {
        border:none !important;
        background-color:rgba(255,255,255,0.1);
        border-radius:12px;
    }
    
    .landing-txt-label {
        display:block;
        padding-bottom:4px;
    }
    
    .landing-form-holder .landing-form-inner form .landing-btn-holder {
        transform:translateY(24px);
        display:block;
    }
    
    .page-template-getprice #site-navigation {
        border-radius:12px;
    }
    
    #right-holder > table {
        position:relative;
        text-align:left;
        border-collapse:collapse;
        border-radius:12px;
        overflow:hidden;
    }
    
    #right-holder > table th,
    #right-holder > table td {
        padding:16px;
    }
    
    #right-holder > table tr:last-child td {
        border-bottom:none;
    }
    
    #right-holder > table tr:last-child td:first-child {
        border-left:none;
    }
    
    #right-holder > table tr td:last-child {
        border-right:none;
    }
    
    #right-holder > table td {
        border:1px solid var(--t-border-color);
    }
    
    #right-holder > table:before {
        position:absolute;
        top:0;
        left:0;
        border-radius:12px;
        border:1px solid var(--t-border-color);
        content:"";
        display:block;
        width:100%;
        height:100%;
    }
    
    #right-holder > table br {
        display:none;
    }
    
/* Sidebar ----- */

    #left-holder {
        display:none !important;
    }
    
    #right-holder2 {
        width:100%;
        margin-top:32px;
        margin-bottom:32px;
        padding:0;
        min-height:65vh;
    }
    
    .search-results #right-holder2 {
        margin-top:0;
    }
    
/* Homepage ----- */

    #right-holder h1 {
        font-size:40px !important;
    }
    
    #right-holder .landing-form-holder h1.text-hdr4 {
        color:#fff !important;
        padding:0 !important;
        font-size:24px !important;
    }
    
    #right-holder .landing-form-holder h1.text-hdr4 + br {
        display:none !important;
    }
    
    .welcome-cont + h6 {
        font-size:24px !important;
    }
    
    .welcome-cont {
        display:flex;
        align-items:center;
        gap:40px;
        margin-top:24px;
    }
    
    .welcome-cont > div,
    .welcome-cont > div + p{
        width:50%;
    }
    
    .welcome-cont > div > p.first-priority {
        font-size:16px;
    }

    .welcome-cont h6 > strong {
        font-size:24px;
    }
    
    .welcome-cont img {
        border-radius:12px !important;
    }
    
    .home-icon-boxes {
        width:100%;
        display: grid;
        gap: 24px;
        grid-template-columns: repeat(2, minmax(0px, 1fr));
        padding:32px 0 !important;
    }
    
    .home-icon-boxes > .icon-box {
        background-color:var(--t-background-color);
        padding:32px;
        border-radius:12px;
    }
    
    .home-icon-boxes > .icon-box img {
        width:64px;
        height:64px;
        padding: 16px;
        background: #fff;
        border-radius: 12px;
        border: 1px solid #c0c0c0;
    }
    
    .home-icon-boxes > .icon-box p:last-child {
        margin-bottom:0;
    }
    
    .home-icon-boxes > .icon-box h6 {
        font-size:20px !important;
    }
    
    .available_makes {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(5, minmax(0px, 1fr));
    }
    
    .available_makes li {
        margin:0;
        width:100%;
    }
    
    .available_makes a {
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:0;
        border-radius:6px;
        border:1px solid var(--t-border-color);
        padding:12px;
        text-decoration:none;
        color:var(--t-title-color) !important;
        font-weight:500;
        font-size:14px;
        transition:border-color .3s ease, color .3s ease;
    }
    
    .available_makes a:hover {
        border-color:var(--t-color-accent) !important;
        color:var(--t-color-accent) !important;
    }
    
    .available_makes a:before {
        width:120px;
        height:90px;
        content:"";
        display:block;
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
    }
    
    .available_makes a[href*="/search/Cadillac/"]:before {
        background-image: url("images/makes/cadillac-logo.webp");
    }
    
    .available_makes a[href*="/search/Chevy/"]:before {
        background-image: url("images/makes/chevrolet-logo.webp");
    }
    
    .available_makes a[href*="/search/Chrysler/"]:before {
        background-image: url("images/makes/chrysler-logo.webp");
    }
    
    .available_makes a[href*="/search/Dodge/"]:before {
        background-image: url("images/makes/dodge-logo.webp");
    }
    
    .available_makes a[href*="/search/Ford/"]:before {
        background-image: url("images/makes/ford-logo.webp");
    }
    
    .available_makes a[href*="/search/GMC/"]:before {
        background-image: url("images/makes/gmc-logo.webp");
    }
    
    .available_makes a[href*="/search/Honda/"]:before {
        background-image: url("images/makes/honda-logo.webp");
    }
    
    .available_makes a[href*="/search/Hummer/"]:before {
        background-image: url("images/makes/hummer-logo.webp");
    }
    
    .available_makes a[href*="/search/Hyundai/"]:before {
        background-image: url("images/makes/hyundai-logo.webp");
    }
    
    .available_makes a[href*="/search/Jeep/"]:before {
        background-image: url("images/makes/jeep-logo.webp");
    }
    
    .available_makes a[href*="/search/LandRover/"]:before {
        background-image: url("images/makes/land-rover-logo.webp");
    }
    
    .available_makes a[href*="/search/Lincoln/"]:before {
        background-image: url("images/makes/lincoln-logo.webp");
    }
    
    .available_makes a[href*="/search/Mercedes/"]:before {
        background-image: url("images/makes/mercedes-benz-logo.webp");
    }
    
    .available_makes a[href*="/search/Mitsubishi/"]:before {
        background-image: url("images/makes/mitsubishi-logo.webp");
    }
    
    .available_makes a[href*="/search/Nissan/"]:before {
        background-image: url("images/makes/nissan-logo.webp");
    }
    
    .available_makes a[href*="/search/Oldsmobile/"]:before {
        background-image: url("images/makes/oldsmobile-logo.webp");
    }
    
    .available_makes a[href*="/search/Plymouth/"]:before {
        background-image: url("images/makes/plymouth-logo.webp");
    }
    
    .available_makes a[href*="/search/Pontiac/"]:before {
        background-image: url("images/makes/pontiac-logo.webp");
    }
    
    .available_makes a[href*="/search/Subaru/"]:before {
        background-image: url("images/makes/subaru-logo.webp");
    }
    
    .available_makes a[href*="/search/Toyota/"]:before {
        background-image: url("images/makes/toyota-logo.webp");
    }
    
/* Footer ----- */

    #footer {
        font-size: 12px;
        min-height: 64px;
        height:auto;
        padding: 24px;
        border-radius: 12px 12px 0 0;
        background-image:none !important;
        background-color:#000;
    }
    
    .footer-info {
        display:flex;
        flex-wrap:wrap;
        gap:16px;
        align-items:center;
        justify-content:space-between;
        width:100%;
        margin:0;
    }
    
    #footer > .widget_text {
        width:100%;
    }
    
/* Animations ----- */

    @keyframes __goldShine {
	  0% {
	    background-position: 500% 500%;
	  }
	  50% {
	    background-position: 500% 500%;
	  }
	  100% {
	    background-position: -100% -100%;
	  }
	}
	
	.gold-shine {
	    position:relative;
	}
	
	.gold-shine:after,
	.top-text-holder:after{
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  display: block;
	  background-size: 200% 200% !important;
	  animation: __goldShine 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	  z-index:1;
	  background: url(images/highlight.png) no-repeat left top;
	}

	.gold-shine > *,
	.top-text-holder > *{
		z-index: 2;
	}
	
	@-webkit-keyframes submenuAppearFade {
	  0%   { opacity: 0; }
	  100% { opacity: 1; }
	}

	@keyframes submenuAppearFade {
	  0%   { opacity: 0; }
	  100% { opacity: 1; }
	}

	@-webkit-keyframes submenuAppearTransform {
	  0%   {transform: translate3d(0,16px,0);}
	  100% {transform: translate3d(0,0,0);}
	}

	@keyframes submenuAppearTransform {
	  0%   {transform: translate3d(0,16px,0);}
	  100% {transform: translate3d(0,0,0);}
	}
	
	@keyframes drop-sticky-mobile-tg {
		from {
			transform: translateY(-200px);
		}

		to {
			transform: translateY(0);
		}
	}
	
	@keyframes drop-sticky-mobile-tg-reverse {
		from {
			transform: translateY(200px);
			opacity:0;
		}

		to {
			transform: translateY(0);
			opacity:1;
		}
	}
	
	@keyframes drop-sticky-mobile-opacity {
		from {
			opacity:0;
		}

		to {
			opacity:1;
		}
	}

/* Responsive ----- */

    @media only screen and (max-width: 767px) {
        
        .single_part {
            margin-top:0 !important;
        }
        
        #right-holder .landing-form-holder h1.text-hdr4 {
            font-size:18px !important;
            line-height:1.3em !important;
        }
        
        .landing-form-holder .landing-form-inner form p {
            padding-left:0 !important;
            padding-top:16px;
        }
        
        .landing-form-holder .landing-form-inner form p + br,
        .landing-form-holder .landing-form-inner form p + br + br {
            display:none !important;
        }
        
        .landing-form-holder .landing-form-inner form .col7 {
            padding-left:0 !important;
        }
        
        .landing-form-holder {
            padding:16px !important;
        }
        
        .landing-form-holder .landing-form-inner form {
            padding:0 !important;
            background-color:transparent !important;
        }
        
        .single_part .single_box {
            flex-direction:column-reverse;
            gap:0;
        }
        
        .single_box .select_wrap,
        .single_box .single_content {
            max-width: 100%;
            width: 100%;
        }
        
        .featured-engines {
            gap: 12px;
            grid-template-columns: repeat(1, minmax(0px, 1fr));
        }
        
        .featured-engines li {
            padding:12px !important;
            margin:0 !important;
        }
        
        #wrapper {
            margin-bottom:64px;
        }
        
        h1,h2,h3,h4,h5,h6 {
            margin-top:0 !important;
        }
        
        .site-branding {
            height:64px;
        }
        
        .header_logo {
            height: 46px;
            width: 300px;
            padding-top: 20px;
            transform: none;
        }
        
        .available_makes {
            grid-template-columns: repeat(4, minmax(0px, 1fr));
        }
        
        .available_makes a {
            padding:8px;
            font-size: 12px;
        }
        
        .available_makes a:before {
            width: 80px;
            height: 40px;
        }
        
        .home-icon-boxes {
            grid-template-columns: repeat(1, minmax(0px, 1fr));
            padding: 0 !important;
        }
        
        .home-icon-boxes > .icon-box {
            padding:24px;
        }
        
        .footer-info {
            justify-content:center;
        }
        
        #right-holder2 {
            margin-top:16px !important;
            margin-bottom:16px !important;
        }
        
        .contact_info_header {
            position:fixed;
            top:calc(100vh - 64px);
            left:0;
            width:100%;
            height:64px;
            max-height:64px;
            background-color:#fff;
            padding-top:8px;
            padding-bottom:8px;
            padding-left:56px;
            box-shadow:0 -8px 16px rgba(0,0,0,.1);
            z-index:15;
            flex-direction:column;
        }
        
        #masthead.sticky .contact_info_header {
            opacity:0;
            animation: drop-sticky-mobile-opacity 5ms 0.6s ease both;
        }
        
        .contact_info_header:after {
            left:16px;
        }
        
        #chat-widget-container {
            bottom:-14px !important;
        }
        
        #site-navigation {
            top:14px !important;
        }
        
        .admin-bar #site-navigation {
            top:60px !important;
        }
        
        #masthead.sticky #site-navigation,
        .admin-bar #masthead.sticky #site-navigation{
            top:12px !important;
        }
        
        #masthead.sticky {
            left:0;
            position:fixed;
            width:100%;
            box-shadow:0 8px 16px rgba(0,0,0,.1);
            top:0 !important;
            z-index:99;
            padding-left:3.125%;
            animation: drop-sticky-mobile-tg .4s 0.1s cubic-bezier(.19, 1, .22, 1) both;
        }
        
        #masthead.sticky .header_logo {
            padding-top:16px;
        }
        
        #main-content > #banner1,
        .single_part{
            padding:16px 16px 16px !important;
            border-radius:12px !important;
        }

        
        #banner1 form .form_holder,
        #banner1 form .search-btn1{
            padding-left:0 !important;
            padding-right:0 !important;
        }
        
        #banner1 form {
            padding:0 !important;
            background-color:transparent !important;
        }
        
        #banner1 form .form_holder + .form_holder {
            padding-top:8px;
        }
        
        #banner1 form .search-btn1 a {
            background-color:#000;
        }
        
        #banner1 h2 {
            max-width:250px;
            margin:8px auto 16px auto;
        }
        
        #right-holder h1 {
            font-size:28px !important;
            line-height:1.15em;
        }
        
        .home-icon-boxes > .icon-box h6 {
            margin-top:8px !important;
        }
        
        #chat-widget-container.hidden {
            display:none !important;
        }
        
        .select_wrap h3 {
            display:block !important;
            margin-top:24px !important;
            color:#fff !important;
        }
        
        .single_box .select_wrap {
            margin-bottom:0;
        }
        
    }

    @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .header_logo {
            height: 46px;
            width: 415px;
            padding-top:43px;
            transform: translateX(0px);
        }
        
        .contact_info_header {
            flex-direction:column;
            right:60px;
        }
        
        .site-branding a.contact_info_header {
            font-size:18px !important;
        }
        
        #site-navigation {
            top: 98px !important;
            right: 24px !important;
        }
        
        #main-content > #banner1 {
            padding: 8px 24px 24px 24px !important;;
        }
    }
    
    @media only screen and (max-width: 1023px) {
        .contact_info_header:before {
            content: "Nationwide Axles Network";
        }
    }
    @media only screen and (min-width: 768px) and (max-width: 1279px) {

        #masthead.sticky #site-navigation {
            top:24px !important;
            z-index:99;
            animation: drop-sticky-mobile-tg .4s 0.1s cubic-bezier(.19, 1, .22, 1) both;
        }
        
        .admin-bar #masthead.sticky #site-navigation {
            top:56px !important;
        }
        
        #nav_bar {
            width:400px !important;
        }
        
        .featured-engines {
            grid-template-columns: repeat(3, minmax(0px, 1fr));
        }
    }

    @media only screen and (max-width: 1279px) {
        
        .landing-form-holder {
            border-radius:12px !important;
            transform:translateY(0);
        }
        
        #main-content > #banner1, .single_part  {
            border-radius:12px !important;
        }
        
        .change .bar2 {
            opacity:0;
        }
        
        #nav_bar {display:none}
        
        
        #nav_bar > .menu-header-menu-container,
        #nav_bar > .menu-header-menu-container > #menu-header-menu {
            height:fit-content !important;
        }
        
        #nav_bar {
            width: 100vw;
            height: 100vh;
            background-color: #000;
            color: #fff;
            position: fixed;
            top: 0;
            left: -100%;
            z-index: 9999999;
            display: none !important;
        }
        
        #nav_bar.active {
            display: block !important;
            animation: navbarOpen .5s cubic-bezier(.19, 1, .22, 1) forwards;
        }
        
        #nav_bar.closing {
            display: block !important;
            animation: navbarClose .5s cubic-bezier(.19, 1, .22, 1) forwards;
        }
        
        @keyframes navbarOpen {
            from { left: -100%; }
            to   { left: 0; }
        }
        
        @keyframes navbarClose {
            from { left: 0; }
            to   { left: -100%; }
        }
        
        #nav_bar.active:after {
            width:100vw;
            height:100vh;
            content:"";
            display:block;
            background-color:rgba(0,0,0,0.4);
            position:fixed;
            top:0;
            left:0;
            z-index:-1;
        }
        
        .menu-header-menu-container {
            position:static !important;
            max-width:100% !important;
            padding-top:96px !important;
        }
  
        
        .main-navigation ul {
            padding:0;
            display:flex;
            flex-direction:column;
            gap:1px !important;
        }
        
        #menu-header-menu li {
            height:fit-content;
        }
        
        #menu-header-menu li {
            width:100%;
            border-bottom:1px solid #333;
            padding:0 16px;
        }
        
        #menu-header-menu li > a {
            min-height:48px;
            font-size:18px;
            width:100%;
            text-align:left;
            display:flex;
            align-items:center;
            justify-content:space-between;
        }
        
        #menu-header-menu > li > a {
            text-transform:uppercase;
        }
        
        #menu-header-menu > li:hover > a,
        #menu-header-menu > .current-menu-item > a,
        #menu-header-menu > .current-menu-parent > a,
        #menu-header-menu > .current_page_parent > a,
        #menu-header-menu > .current_page_item > a {
            text-decoration: none;
            color:var(--t-color-accent);
        }
        
        .menu-item-has-children > a:after {
            width:16px;
            height:16px;
        }
        
        .navbar_icon {
            width:24px;
            height:24px;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:6px;
            border-radius:6px;
            flex-direction:column;
            padding:0 !important;
            margin:0 !important;
        }
        
        .navbar_icon > * {
            width:100%;
            height:2px;
            background-color:#fff;
            margin:0 !important;
            padding:0 !important;
        }
        
        #site-navigation {
            position: fixed;
            top: 80px;
            right: 3.125%;
            width: 40px;
            height: 40px;
            border-radius:6px;
            padding:0;
            display:flex;
            align-items:center;
            justify-content:center;
            z-index:15;
        }
        
        #main-content > #banner1 {
            border-radius:12px !important;
            border-top: none;
        }
        
        .welcome-cont {
            flex-direction:column-reverse;
            gap:0;
            margin:0;

        }
        
        .welcome-cont > div, .welcome-cont > div + p {
            width:100%;
        }
        
        #menu-header-menu li > a {
            padding-left:0;
            padding-right:0;
        }
        
        #menu-header-menu > li.hidden {
            display:none !important;
        }
        
        #menu-header-menu > li.menu-item-has-children.isolate {
            flex-direction:column;
        }
        
        #menu-header-menu > li.menu-item-has-children > .sub-menu {
            animation:none;
            opacity:1;
            position:static;
            display:none;
        }
        
        #menu-header-menu > li.menu-item-has-children.isolate > .sub-menu {
            display: flex;
        }
        
        #menu-header-menu > li.menu-item-has-children > .sub-menu li {
            padding:0;
        }
    
        #menu-header-menu .menu-return-toggle {
            display: flex;
            width: 100%;
            text-align: left;
            cursor: pointer;
            text-align:center;
            background-color:#fff;
            color:#000;
            align-items:center;
            justify-content:center;
            gap:8px;
            margin-bottom:8px;
            padding:8px 16px;
            border-radius:6px;
        }
        
        #menu-header-menu .menu-return-toggle:before {
            background-color: #000;
    		width: 10px;
    		height: 10px;
    		-webkit-mask-image: url(images/arrow-select.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-position: 50% 50%;
        	mask-image: url(images/arrow-select.svg);mask-repeat: no-repeat;mask-position: 50% 50%;
    		-webkit-mask-size: 100%;
    		mask-size: 100%;
    		transform-origin: center;
    		transition: inherit;    
    		content:"";
    		display:block;
    		transform:rotate(90deg);
        }
        
        .navbar_close {
            position:absolute;
            top:16px;
            right:16px;
            display:flex;
            align-items:center;
            justify-content:center;
            background-color:#444;
            border-radius:6px;
            width:40px;
            height:40px;
        }
        
        .admin-bar .navbar_close {
            top:32px;
        }
        
        .navbar_close:before {
            background-color: #fff;
    		width: 24px;
    		height: 24px;
    		-webkit-mask-image: url(images/close.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-position: 50% 50%;
        	mask-image: url(images/close.svg);mask-repeat: no-repeat;mask-position: 50% 50%;
    		-webkit-mask-size: 100%;
    		mask-size: 100%;
    		transform-origin: center;
    		transition: inherit;    
    		content:"";
    		display:block;
        }
        
    }

	@media only screen and (min-width: 1280px) {
		#wrapper {
			max-width: var(--t-container-desktop);
		}
		
		#menu-header-menu .menu-return-toggle,
        #menu-header-menu .menu-view-all {
            display: none;
        }
	}