/* Mobile portrait & lendscape mode */
@media (max-width: 781px) {

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-right: 25px;
        padding-left: 25px;
    }
    .row {
        margin-left: -25px;
        margin-right: -25px;
    }
    .col {
        padding-right: 25px;
        padding-left: 25px;
    }
    .atwm-wrap .vc_row {
        margin-left: -25px;
        margin-right: -25px;
    }
    .atwm-wrap .vc_column_container > .vc_column-inner {
        padding-left: 25px;
        padding-right: 25px;
    }
    h1, .h1 {
        font-size: 2.5rem;
    }
    h2, .h2 {
        font-size: 1.8rem;
    }
    .vc_btn3-container,
    .vc_btn3 {
        width: 100% !important;
    }

    .atwm-pl-3rem > .vc_column-inner {
        padding-left: 25px !important;
    }

    .atwm-full-width-row .wpb_text_column {
    }
    .atwm-full-width-row .wpb_column:not(.atwm-px-0) > .vc_column-inner > .wpb_wrapper > *:first-child {
        padding-top: 30px;
    }

    .atwm-xs-reverse-row {
        flex-direction: column-reverse;
    }

    .atwm-metrics_row {
        max-width: 70%;
    }
    .atwm-metrics_row > .wpb_column > .vc_column-inner {
        border-left: none;
        border-top: solid 1px #ffffff;
        padding: 30px 0;
    }
    .atwm-metrics_row > .wpb_column:first-child > .vc_column-inner {
        border-top: none;
    }
    .atwm-metrics_row h2 {
        font-size: 2.5rem;
    }
	
	.atwm-vertical-tabs.vc_tta.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
		padding: 14px 0;
	}

    .atwm-ttx_slider {
        display: none;
    }
    .atwm-mobile-swiper {
        margin-left: -25px;
        margin-right: -25px;
        display: block;
    }
	
	.atwm-video-popup-bg .atwm-video-popup-outer {
		width: 100%;
	}

    /* HEADER */
    .atwm-ticker {
        padding: 10px 0;
        font-size: 12px;
    }
    .atwm-ticker .read-more::before {
        height: 22px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .atwm-ticker .read-more::after {
        margin-left: 10px;
    }

    .atwm-menu-search-container {
        height: 100%;
    }
    .atwm-menu-search-container .vc_wp_custommenu {
        display: none;
    }
    .atwm-menu-search-container > .vc_column-inner > .wpb_wrapper > * {
        margin-bottom: 0 !important;
    }
    .atwm-header-search form {
        top: 0;
        background-color: #ffffff;
        z-index: 2;
    }
    .atwm-menu-search-container form label {
        width: 100%;
    }
    .atwm-header-search .open-search {
        position: relative;
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(../svg/search-icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
        cursor: pointer;
        margin-top: 10px;
        margin-left: 15px;
    }

    .atwm-mobile-menu-toggle {
        position: relative;
        margin-left: 20px;
        background-color: #ffffff;
        cursor: pointer;
    }
    .atwm-mobile-menu-toggle .hamburger {
        width: 30px;
        z-index: 1;
        height: 3px;
        transition: all .3s cubic-bezier(.17,.67,.3,1.33);
        backface-visibility: hidden;
        display: block;
        background-color: #000;
        
        position: relative;
        margin-top: 18px;
    }
    .atwm-mobile-menu-toggle .hamburger:before,
    .atwm-mobile-menu-toggle .hamburger:after {
        display: block;
        content: "";
        width: 100%;
        height: 3px;
        position:absolute;
        left: 0;
        transition:all .25s;
        z-index:1;
        background-color: #000;
    }
    .atwm-mobile-menu-toggle .hamburger:before {
        top:10px;
    }
    .atwm-mobile-menu-toggle .hamburger:after {
        top:-10px;
    }

    .atwm-mobile-menu-toggle.open .hamburger {
        background-color: #ffffff;
    }
    .atwm-mobile-menu-toggle.open .hamburger:before {
        top:0;
        transform: rotate( -45deg );
    }
    .atwm-mobile-menu-toggle.open .hamburger:after {
        top:0;
        transform: rotate( 45deg );
    }


    .atwm-mobile-menu {
        position: absolute;
        left: 0;
        padding: 5%;
        background:#fff;
        width: 100%;
        visibility: visible;
        opacity: 1;
        z-index: 9999;
        box-shadow: 0 2px 5px rgba(0,0,0,.1);
        visibility: hidden;
        opacity: 0;
        transition: all 0.4s;
        transform: translateY( -10% );
    }
    .atwm-mobile-menu.open {
        visibility: visible;
        opacity: 1;
        transform: translateY( 0 );
    }
    .atwm-mobile-menu ul {
        list-style: none;
    }
    .atwm-mobile-menu > ul {
        margin: 0;
        padding: 0;
    }
    .atwm-mobile-menu a {
        text-transform: uppercase;
        color: #000000;
        text-decoration: none;
        font-weight: 700;
        display: block;
        padding: 10px 5%;
    }
    .atwm-mobile-menu .pll-parent-menu-item ul {
        padding-left: 0;
    }

    /* HOMEPAGE */
    .atwm-home-hero .atwm-video {
        height: 50vh;
    }
    .atwm-home-hero .vc_custom_heading {
        font-size: 40px;
        padding: 0 60px;
    }

    .atwm-find-brake-pads-cta {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .atwm-home-3dviewer-container .atwm-desktop {
        display: none;
    }

    /* CATEGORY */
	.atwm-tooltips-row .atwm-desktop {
		display: none;
	}
	.atwm-tooltips-row .atwm-mobile {
		display: block;
	}
    .atwm-category-hero {
        height: auto;
    }
    .atwm-category-hero h1.vc_custom_heading {
        font-size: 2.5rem;
        padding-top: 75px;
        padding-bottom: 70px;
    }
	.atwm-info-boxes-green-bg-row {
		padding-top: 2rem;
		padding-bottom: 0;
	}
	.atwm-info-boxes-green-bg-row .atwm-boxes-row {
		margin-top: 0;
		margin-bottom: 0;
	}
	.atwm-info-boxes-green-bg-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
  		margin-bottom: 45px;	
	}
	.atwm-info-boxes-green-bg-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_single_image {
		margin-bottom: 15px;
	}
	
	.atwm-info-boxes-dark-bg-row .atwm-box {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0.7rem;
		padding-bottom: 0.7rem;
	}
	.atwm-dark_gradient_image_bg::after {
		background-image: url(../png/section-background-mobile.png);
		background-position: right center;
		background-size: auto 100%;
	}
	.atwm-info-boxes-dark-bg-row .atwm-box > .vc_column-inner > .wpb_wrapper .wpb_text_column {
		font-size: 15px;
	}
	.atwm-info-boxes-dark-bg-row h2.vc_do_custom_heading {
		margin-bottom: 20px;
	}
	.atwm-info-boxes-dark-bg-row .atwm-box > .vc_column-inner > .wpb_wrapper .wpb_text_column h3 {
		font-size: 18px;
	}
	.atwm-info-boxes-dark-bg-row .atwm-box > .vc_column-inner > .wpb_wrapper .wpb_single_image {
		margin-bottom: 15px;
	}
	.atwm-info-boxes-dark-bg-row .atwm-box > .vc_column-inner > .wpb_wrapper .vc_figure {
		width: 34px;
	}

    /* BRAKE PADS */
    .atwm-product-box-cta h3 {
        font-size: 24px;
    }
    .atwm-brakes-what-is-in-the-box-row .vc_row {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .atwm-brakes-what-is-in-the-box-row .vc_row .wpb_column {
        width: 50%;
    }
    .atwm-brakes-what-is-in-the-box-row .vc_row .vc_column-inner > .wpb_wrapper {
        flex-wrap: wrap;
        gap: 0;
    }
    .atwm-brakes-what-is-in-the-box-row .vc_row .vc_column-inner > .wpb_wrapper > * {
        width: 100%;
        margin-bottom: 0;
    }
    .atwm-brakes-what-is-in-the-box-row .vc_row h4 {
        text-align: center !important;
    }
    
    /* PARTS SEARCH BAR */
    .atwm-above-parts-search-row .wpb_text_column > .wpb_wrapper {
        flex-wrap: wrap;
    }
    .atwm-above-parts-search-row p a {
        display: block;
    }

    .atwm-parts-mobile-opener {
        content: "";
        width: 28px;
        height: 16px;
        position: absolute;
        top: 20px;
        right: 12px;
        background-image: url(../svg/arrow-up-white.svg);
        background-position: center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        transform: rotate(180deg);
        transition: transform 0.3s;
        cursor: pointer;
    }
    .atwm-search-products.active .atwm-parts-mobile-opener {
        transform: rotate(0);
    }

    .atwm-search-products .search-products-mobile-holder {
        height: 0;
        overflow: hidden;
        transition: height 0.4s;
    }
    .atwm-search-products .search-products-holder > div > ul {
        flex-wrap: wrap;
        flex-direction: column;
        padding-top: 10px;
    }
    .atwm-search-products.active .search-products-mobile-holder {
        height: var(--openHeight);
    }
    .atwm-search-products .search-products-holder > div > ul > li {
        display: block;
        width: 100%;
    }
    .atwm-search-products .input_field input, 
    .atwm-search-products .input_holder input {
        padding: 10px;
    }
    .atwm-search-products .clear-results {
        top: 12px;
    }
    .atwm-search-products .input_holder.open .search_results {
        width: 80%;
    }
    .custom_select {
        margin: 20px 0;
    }
    .atwm-search-products .search_results > :first-child {
        margin-top: 20px;
    }
    .custom_select .custom_select_input {
        padding: 10px;
    }
    .custom_select .custom_select_input::after {
        top: 14px;
        width: 16px;
    }
    .search_button {
        top: 7px;
        right: 7px;
    }

    /* PART */
	.atwm-part {
		font-size: 15px;
	}
	.atwm-part .atwm-part-no {
		font-size: 1rem;
	}
	.atwm-part h1 {
		font-size: 1.5rem;
		font-weight: 600;
	}
	.atwm-part h2 {
	 	font-size: 1.125rem;
	}
	.atwm-key-characteristics ul::before {
		content: unset;	
	}
	.atwm-key-characteristics ul li {
		width: 100%;
	}
	.atwm-key-characteristics ul li:nth-last-child(2) {
		border-bottom: 1px solid #3D3D3F;
	}
	
    .atwm-part-gallery-description {
        flex-direction: column-reverse;
    }
	.atwm-part-gallery-description .atwm-branded-brakes-icon.wpb_single_image.vc_align_right {
		text-align: left;
		margin-bottom: 15px;
	}
	.atwm-part-gallery-description .atwm-branded-brakes-icon img {
		max-width: 30px;
	}
    .atwm-part-specifications ul {
        max-width: 100%;
    }
	.atwm-part-specifications ul li {
		font-size: 13px;
	}
	
    #atwm-make_model_year_fitcheck {
        width: 100%;
    }
    #atwm-year_make_model_fitcheck-result-holder {
        width: 100%;
    }
    .atwm-table-continer {
        overflow-x: auto !important;
    }
	.atwm-part-buyers-guide .atwm-table-continer table {
	  	font-size: 12px;
	}
    .atwm-part-buyers-guide table thead tr td {
        white-space: nowrap;
    }
	
	.atwm-360-popup-bg .atwm-360-popup {
		width: 96%;
		height: 80vh;
		flex-wrap: wrap;
	}
	.atwm-360-popup::before {
		padding-bottom: 140%;
	}
	.atwm-360-thumbs {
		top: 50px;
		overflow: scroll;
		right: 20px;
	}
	.atwm-360-image {
		width: 100%;
		top: auto;
		bottom: 20px;
		transform: translateX( -50% );
		height: 90%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.atwm-360-image img {
		max-width: 90%;
		max-height: 70%;
	}

	.atwm-360-popup iframe {
		width: 100%;
		top: 50%;
		bottom: 20px;
		height: 70%;
		display: flex;
		align-items: center;
		min-height: auto;
	}
	
    /* FOOTER */
    .atwm-newsletter-signup form {
        flex-direction: column;
    }

    .atwm-footer-content-row {
        margin-left: -25px !important;
        margin-right: -25px !important;
    }
    .atwm-shortcode-social-icons {
        justify-content: start;
    }
    .atwm-shortcode-social-icons > * {
        margin-left: 0;
        margin-right: 25px;
    }
}

/* Mobile lendscape mode */
@media (min-width: 576px) and (max-width: 767px) {

}

/* iPad portrait and above */
@media (min-width: 782px) {
    .atwm-mobile-menu {
        display: none;
    }
    .atwm-home-3dviewer-container .atwm-mobile {
        display: none;
    }
	
	.atwm-vertical-tabs-row h2 {
		text-align: center;
	}
	.atwm-vertical-tabs {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
	}
	.atwm-vertical-tabs.vc_tta.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels .vc_tta-panel {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		opacity: 0;
	}
	.atwm-vertical-tabs.vc_tta.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels .vc_tta-panel.vc_active {
		height: 100%;
		opacity: 1;
	}
	
	.atwm-info-boxes-dark-bg-row {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	.atwm-info-boxes-dark-bg-row .vc_row {
		max-width: 80%;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.atwm-info-boxes-dark-bg-row .atwm-box > .vc_column-inner > .wpb_wrapper {
		padding: 45px;
		background-color: var(--brand-color-dark-gray);
		height: 100%;
	}
	.atwm-info-boxes-dark-bg-row .atwm-box {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	#atwm-sticky-bar.show {
		top: 0;
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 1000;
		width: 100vw !important;
		margin: 0;
	}
}

/* iPad portrait mode */
@media (min-width: 768px) and (max-width: 991px) {
    .atwm-full-width-row {
        overflow: hidden;
        margin-left: calc( (720px - 30px - 100vw) / 2 ) !important;
        margin-right: calc( (720px - 30px - 100vw) / 2 ) !important;
    }
    .atwm-full-width-row > div.vc_col-sm-6:first-child > .vc_column-inner {
        padding-left: calc( (100vw - 720px + 30px) / 2 );
    }
    .atwm-full-width-row > div.vc_col-sm-6:last-child > .vc_column-inner {
        padding-right: calc( (100vw - 720px + 30px) / 2 );
    }
}

/* iPad lendscape and above */
@media (min-width: 992px) {
    .atwm-full-width-row {
        overflow: hidden;
        margin-left: calc( (960px - 30px - 100vw) / 2 ) !important;
        margin-right: calc( (960px - 30px - 100vw) / 2 ) !important;
    }
    .atwm-full-width-row > div.vc_col-sm-6:first-child > .vc_column-inner {
        padding-left: calc( (100vw - 960px + 30px) / 2 );
    }
    .atwm-full-width-row > div.vc_col-sm-6:last-child > .vc_column-inner {
        padding-right: calc( (100vw - 960px + 30px) / 2 );
    }
}

/* iPad lendscape mode */
@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) {
    .atwm-full-width-row {
        overflow: hidden;
        margin-left: calc( (1140px - 30px - 100vw) / 2 ) !important;
        margin-right: calc( (1140px - 30px - 100vw) / 2 ) !important;
    }
    .atwm-full-width-row > div.vc_col-sm-6:first-child > .vc_column-inner {
        padding-left: calc( (100vw - 1140px + 30px) / 2 );
    }
    .atwm-full-width-row > div.vc_col-sm-6:last-child > .vc_column-inner {
        padding-right: calc( (100vw - 1140px + 30px) / 2 );
    }
	
	.atwm-key-characteristics ul {
		width: 80%;
	}
}

@media (min-width: 1400px) {

    .atwm-full-width-row {
        overflow: hidden;
        margin-left: calc( (1320px - 30px - 100vw) / 2 ) !important;
        margin-right: calc( (1320px - 30px - 100vw) / 2 ) !important;
    }
    .atwm-full-width-row > div.vc_col-sm-6:first-child > .vc_column-inner {
        padding-left: calc( (100vw - 1320px + 30px) / 2 );
    }
    .atwm-full-width-row > div.vc_col-sm-6:last-child > .vc_column-inner {
        padding-right: calc( (100vw - 1320px + 30px) / 2 );
    }
	
	.atwm-vertical-tabs {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
	}
}

@media (min-width: 1600px) {
    
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xxxl {
        max-width: 1520px;
    }

    .atwm-full-width-row {
    	overflow: hidden;
        margin-left: calc( (1520px - 30px - 100vw) / 2 ) !important;
        margin-right: calc( (1520px - 30px - 100vw) / 2 ) !important;
    }
    .atwm-full-width-row > div.vc_col-sm-6:first-child > .vc_column-inner {
        padding-left: calc( (100vw - 1520px + 30px) / 2 );
    }
    .atwm-full-width-row > div.vc_col-sm-6:last-child > .vc_column-inner {
        padding-right: calc( (100vw - 1520px + 30px) / 2 );
    }

    .atwm-360-popup::before {
        padding-bottom: 60%;
    }
    .atwm-360-thumbs {
        display: flex;
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 12;
    }
    .atwm-360-image {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 11;
    }
    .atwm-360-image img {
        max-width: 100%;
        height: auto;
        width: auto;
        object-fit: cover;
        background-color: #fff;
        max-height: 70vh;
    }
    
	.atwm-key-characteristics ul {
		width: 72%;
	}
}

@media (min-width: 1900px) {

}