@media(min-width: 970px) {
svg { width: 280px; }
@keyframes offset {
100% { stroke-dashoffset: 0; }
}
.outer_line { stroke-dasharray: 2500; stroke-dashoffset: 2500; }
svg:hover .outer_line { animation: offset .6s ease-out forwards; }
@keyframes fade_in {
100% { opacity: 1; }
}
.main { opacity: 0; }
svg:hover .main { animation: fade_in .6s ease-out forwards; }
.bike path, .bike polygon, .bike line, .bike polyline, .bike circle, .bike rect { fill: transparent; stroke-dasharray: 1400; stroke-dashoffset: 1400; }
svg:hover .bike path, svg:hover .bike polygon, svg:hover .bike line, svg:hover .bike polyline, svg:hover .bike circle, svg:hover .bike rect { animation: offset .8s .6s linear forwards; }
.bike_bg { opacity: 0; }
svg:hover:hover .bike_bg { animation: fade_in .8s 1.4s ease-out forwards; }
@keyframes pop_up {
30% { transform: scale(1.1); }
40% { transform: scale(.9); }
50% { transform: scale(1.05); }
60% { transform: scale(.95); }
70% { transform: scale(1.025); }
80% { transform: scale(.975); }
90% { transform: scale(1.0125); }
100% { transform: scale(1); }
}
.sub_one { transform-origin: 50% 50%; transform: scale(0); }
svg:hover .sub_one { animation: pop_up .5s 1.45s ease-out forwards; }
.sub_two { transform-origin: 50% 50%; transform: scale(0); }
svg:hover .sub_two { animation: pop_up .5s 1.5s ease-out forwards; }
.stars polygon:nth-of-type(1) { opacity: 0; }
svg:hover .stars polygon:nth-of-type(1) { animation: fade_in .5s 1.6s linear forwards; }
.stars polygon:nth-of-type(2) { opacity: 0; }
svg:hover .stars polygon:nth-of-type(2) { animation: fade_in .5s 1.7s linear forwards; }
.stars polygon:nth-of-type(3) { opacity: 0; }
svg:hover .stars polygon:nth-of-type(3) { animation: fade_in .5s 1.8s linear forwards; }
.stars polygon:nth-of-type(4) { opacity: 0; }
svg:hover .stars polygon:nth-of-type(4) { animation: fade_in .5s 1.9s linear forwards; }
.stars polygon:nth-of-type(5) { opacity: 0; }
svg:hover .stars polygon:nth-of-type(5) { animation: fade_in .5s 2s linear forwards; }
.stars polygon:nth-of-type(6) { opacity: 0; }
svg:hover .stars polygon:nth-of-type(6) { animation: fade_in .5s 2.1s linear forwards; }
.stars polygon:nth-of-type(7) { opacity: 0; }
svg:hover .stars polygon:nth-of-type(7) { animation: fade_in .5s 2.2s linear forwards; }
.stars polygon:nth-of-type(8) { opacity: 0; }
svg:hover .stars polygon:nth-of-type(8) { animation: fade_in .5s 2.3s linear forwards; }
.first { opacity: 0; }
svg:hover .first { animation: fade_in .5s 2.5s linear forwards; }
@keyframes fade_out {
100% { opacity: 0; }
}
svg:hover .logo { animation: fade_out .1s ease-out forwards; }
/* White Box Hover Css */
.db-white-box:hover svg .logo { animation: fade_out .1s ease-out forwards; }
.db-white-box:hover svg .outer_line { animation: offset .6s ease-out forwards; }
.db-white-box:hover svg .main { animation: fade_in .6s ease-out forwards; }
.db-white-box:hover svg .bike path, .db-white-box:hover svg .bike polygon, .db-white-box:hover svg .bike line, .db-white-box:hover svg .bike polyline, .db-white-box:hover svg .bike circle, .db-white-box:hover svg .bike rect { animation: offset .8s .6s linear forwards; }
.db-white-box:hover:hover svg .bike_bg { animation: fade_in .8s 1.4s ease-out forwards; }
.db-white-box:hover svg .sub_one { animation: pop_up .5s 1.45s ease-out forwards; }
.db-white-box:hover svg .sub_two { animation: pop_up .5s 1.5s ease-out forwards; }
.db-white-box:hover svg .stars polygon:nth-of-type(1) { animation: fade_in .5s 1.6s linear forwards; }
.db-white-box:hover svg .stars polygon:nth-of-type(2) { animation: fade_in .5s 1.7s linear forwards; }
.db-white-box:hover svg .stars polygon:nth-of-type(3) { animation: fade_in .5s 1.8s linear forwards; }
.db-white-box:hover svg .stars polygon:nth-of-type(4) { animation: fade_in .5s 1.9s linear forwards; }
.db-white-box:hover svg .stars polygon:nth-of-type(5) { animation: fade_in .5s 2s linear forwards; }
.db-white-box:hover svg .stars polygon:nth-of-type(6) { animation: fade_in .5s 2.1s linear forwards; }
.db-white-box:hover svg .stars polygon:nth-of-type(7) { animation: fade_in .5s 2.2s linear forwards; }
.db-white-box:hover svg .stars polygon:nth-of-type(8) { animation: fade_in .5s 2.3s linear forwards; }
.db-white-box:hover svg .first { animation: fade_in .5s 2.5s linear forwards; }
.db-white-box:hover svg .logo { animation: fade_out .1s ease-out forwards; }
}
@media(min-width: 768px) {
.manage-users .account-history-mobile { display: block; }
.mob-overlay-content { display: block; position: static; text-align: left; }
.mob-overlay-content .overlay-background { display: none; }
}
@media (max-width: 1699px) {
.point-white-btns a.overlay-bttn { margin-top: 32px; }
}
@media (max-width: 1599px) {
.points-manager-sec1-right-points-top { width: 48%; }
#sub-page-main-content-wrapper .points-manager-sec1-right-points-top h4 { letter-spacing: 2px; }
.tirefind-con-size-mid-left { width: 64%; }
.tirefind-con-size-mid-right { width: 36%; }
#sub-page-main-content-wrapper .bg-header-right-in ul li { min-width: 190px; }
#sub-page-main-content-wrapper .dashboard-head-right-in h3, #sub-page-main-content-wrapper .bg-header-gray-box h3 { font-size: 60px; }
#sub-page-main-content-wrapper .tirefind-header-right ul li { padding: 0 25px 14px 25px; }
.my-acc-title-left { width: 68%; }
.my-acc-title-right { width: 32%; }
.swag-store-bg-header .bg-header-gray-box { padding-left: 20px; }
.single.single-product .swag-store-pro-sec1-con-in .cart { padding: 33px 33px 33px 0; text-align: center; }
.single.single-product .swag-store-pro-sec1-con-in .cart .single_variation_wrap { padding: 33px 33px 33px 0; text-align: center; }
.single.single-product.woocommerce div.product form.cart .button { width: auto; padding: 0 30px; }
.swag-cart-sec2-right-top-right span { font-size: 60px; }
.manage-users .account-hist-sec-in .table > thead > tr > th { font-size: 16px; letter-spacing: 1px; }
#sub-page-main-content-wrapper li .tf-vew-all-product { padding: 20px; }
.tirefind-con-size-bottom .bttn a { letter-spacing: 1px; padding: 0 15px; }
#sub-page-main-content-wrapper #tirefind-header-nav3 .tirefind-con-in { padding: 25px 35px 40px 35px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-left .spec .item h5 { font-size: 20px; letter-spacing: 1px; }
#tools { padding: 40px 35px 0px 30px; }
.sin-tires-spec-chat-tabel-desk { padding: 20px 0 0; }
.tirefind-single-main { padding: 20px 35px 150px 30px; }
.swag-cart-sec2-left-in { padding: 45px 30px 50px 40px; }
.single.single-product.woocommerce .quantity .qty { font-size: 62px; width: 100px; }
.pro-overlay-pop-in { padding-top: 165px; }
.upgrade-pro-bttn a { line-height: 25px; padding: 5px 10px; }
}
@media (max-width: 1439px) {
#sub-page-main-content-wrapper .dashbord-sec1-left-in ul li .dashbord-sec1-left-in-con-in h4 { font-size: 18px; }
#sub-page-main-content-wrapper .dashbord-sec1-left-in ul li .dashbord-sec1-left-in-con-in { min-height: 199px; }
#sub-page-main-content-wrapper .dashbord-sec1-left-in ul li .dashbord-sec1-left-in-con-in { min-height: 222px; }
#sub-page-main-content-wrapper .dashbord-sec2-right-in .dashbord-sec2-right-slider h5 { font-size: 21px; }
#sub-page-main-content-wrapper .dashbord-sec2-right-in .bttn a { font-size: 15px; }
#sub-page-main-content-wrapper .dashbord-sec1-left-in ul li .dashbord-sec1-left-in-con-in { background-position: 13px 38px; padding: 40px 45px 30px 60px; }
.main-content-area-right-content { padding: 0 40px 150px 30px; }
.dashbord-sec2-left-bg { padding: 94px 50px 71px 40px; }
.points-manager-sec1 { padding: 35px 40px 35px 30px; }
.points-manager-sec1-right-points2 { width: 52%; }
.tirefind-con-size-bottom { border-top: none; margin: 0 -10px; }
.tirefind-con-size-bottom .bttn { width: 33.33%; padding: 0 10px; margin: 0; }
.tirefind-con-size-bottom .bttn a { padding: 0 15px; }
.tirefind-con-size-bottom .bttn a img { margin-right: 15px; }
.tirefind-con-size-mid { border-bottom: 1px solid #ebebeb; }
#sub-page-main-content-wrapper .earn-points-sec ul li { width: 33.33%; }
.mar-down-sec1-in { padding: 33px 35px; }
.mar-down-sec2-table { padding: 40px 33px 30px; }
.mar-down-sec3-in { padding: 40px 35px 20px; }
.mar-down-sec2-table2 { padding: 35px 30px 40px 40px; }
#navbar ul li a img { margin: -2px 12px 0 0; }
.swag-cart-sec2-left-in { padding: 70px 35px 50px 35px; }
.swag-cart-sec2-left-icon { width: 20%; }
#sub-page-main-content-wrapper .main-content-area-right h1 { padding: 0 0 0 35px; }
.tirefind-header-left { padding-right: 20px; }
.my-acc-2-bttn button { padding: 0 30px; min-width: auto; }
.swag-cart-sec2-right-top-right span { margin: 20px 0 10px; font-size: 50px; line-height: 50px; }
#sub-page-main-content-wrapper ul.road-icon-main li { padding: 0 10px; }
#sub-page-main-content-wrapper .pro-blocks.pro-blocks1 { padding-bottom: 60px; }
.pro-overlay-pop-bottom, .pro-overlay-pop-top { max-width: 1200px; }
.pro-overlay-pop-top-right-in h3 { letter-spacing: 1px; }
.pro-overlay-pop-top-right-in .bttn a { line-height: 40px; letter-spacing: 1px; }
.pro-overlay-pop-top-left-in h3 { letter-spacing: 3px; }
}
@media (max-width: 1359px) {
#sub-page-main-content-wrapper .dashbord-sec1-left-in ul li .dashbord-sec1-left-in-con-in h4 { font-size: 18px; }
#sub-page-main-content-wrapper .dashbord-sec2-left-in h5 { font-size: 18px; }
#sub-page-main-content-wrapper .dashbord-sec2-right-in .dashbord-sec2-right-slider h5 { font-size: 19px; }
#sub-page-main-content-wrapper .dashbord-sec2-right-in .bttn a { font-size: 13px; }
#sub-page-main-content-wrapper .dashbord-sec2-left-in p { font-size: 15px; }
.dashbord-sec1-right-points { margin-top: 7%; padding: 42px 20px 22px; }
.main-content-area-right-title .nav-mobi-icon { display: none; float: left; padding: 10px 0 0 15px; font-size: 30px; }
.main-content-area-right-title .nav-mobi-icon i.fa-times { display: none; }
.mobi-menu-active .main-content-area-right-title .nav-mobi-icon i.fa-bars { display: none; }
.mobi-menu-active .main-content-area-right-title .nav-mobi-icon i.fa-times { display: block; }
#header-login .right-sec { width: 77%; }
#header-login .left-sec { width: 224px; }
.main-content-area { position: relative; overflow-x: hidden; }
.mobi-menu-active .main-content-area-left { left: 0; background: #000; z-index: 1; transition: linear 0.4s; }
.main-content-area-right { width: 100%; margin-left: 0; transition: linear 0.5s; }
.mobi-menu-active .main-content-area-right { margin-left: 250px; transition: linear 0.5s; }
.points-manager-sec1-right-points-top { width: 44%; }
.main-content-area-left { position: relative; width: 224px; left: 0; transition: linear 0.4s; -webkit-transition: linear 0.4s; -moz-transition: linear 0.4s; }
.main-content-area-right { width: 82.2%; margin-left: 0; float: right; }
.bsticky .main-content-area-right { margin-left: 0; }
.nav-mobi-icon { display: none; }
.points-manager-sec1-right-points-top { width: 44%; }
.tf-vew-all-product-bottom { padding: 0; }
#sub-page-main-content-wrapper .main-content-area-right h1 { padding: 0 0 0 30px; }
#sub-page-main-content-wrapper .tirefind-header-right ul li { margin: 0 10px 0 0; }
.tirefind-header-left { padding-right: 16px; }
.tirefind-con-motercy-top-right { padding: 9px 15px 8px; }
#sub-page-main-content-wrapper .tirefind-con-motercy-top-right h6 { letter-spacing: 1px; }
#sub-page-main-content-wrapper .tirefind-con-motercy-top-right h5 { font-size: 15px; letter-spacing: 2px; }
.tirefind-con-motercy-pro { padding: 20px 25px; }
.tirefind-con-motercy-pro-con { padding: 30px 0; }
#sub-page-main-content-wrapper .tirefind-con-motercy-pro-con h3 { font-size: 30px; letter-spacing: 2px; }
.tirefind-con-in { padding: 0 25px 80px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-left .spec .item h5 { font-size: 18px; }
#sub-page-main-content-wrapper .mar-down-sec1 h5, #sub-page-main-content-wrapper .mar-down-sec3 h5 { margin-bottom: 25px; }
#sub-page-main-content-wrapper .bg-header-right-in ul li { min-width: 170px; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.products li { width: 25%; clear: none; }
#sub-page-main-content-wrapper ul.road-icon-main li { padding: 0 20px; }
#sub-page-main-content-wrapper ul.road-icon-main li { width: 32%; }
.swag-store-pro-sec1-con { padding: 116px 20px 0px 48px; }
.swag-cart-sec2-right { padding: 46px 25px 40px; }
.swag-cart-sec2-right-top-left { letter-spacing: 2px; }
.road-hazard-program-2-sec-left-in { padding: 40px 0 0; }
.point-white-box-cont { margin-top: 20px; }
.swag-store-bg-header .bg-header-gray-box .bg-header-gray-box-in + .bg-header-gray-box-in { position: relative; padding: 20px 30px 20px 35px; }
/***/
.customer-rebate-sec { padding: 20px 30px 50px; position: relative; }
.customer-rebate-sec2-main { padding: 30px 30px 48px; }
.upgrade-pro-popup-right-in h3 { text-transform: uppercase; font-size: 24px; letter-spacing: 1px; margin: 0 0 30px; }
.upgrade-pro-popup-left-main { max-width: 86%; }
.upgrade-pro-popup-right-icon-in { margin: 0 15px; }
.upgrade-pro-popup-right-in .bttn a { font-size: 16px; letter-spacing: 1px; }
.upgrade-pro-popup-left-faq { padding: 50px 20px 0; }
.upgrade-pro-popup-right { padding: 30px 20px; }
}
@media (max-width: 1279px) {
.dashbord-sec2-right-bg { padding: 60px 5px 52px; }
.dashbord-sec2-right-in { padding: 0 45px; }
.dashbord-sec2-right-in .owl-nav .owl-prev { left: -40px; }
.dashbord-sec2-right-in .owl-nav .owl-next { right: -40px; }
.dashbord-sec2-left-bg { padding: 64px 40px 61px 30px; }
#header-login .right-sec { width: 74%; }
#sub-page-main-content-wrapper .earn-points-sec-in .earn-points-sec-con { min-height: auto; }
.main-content-area-right { width: 80.55%; }
#sub-page-main-content-wrapper .main-content-sub-nav ul li { margin-right: 50px; }
.mar-down-sec2-table .sticky-table-header { display: none; }
.mar-down-sec2-table-in .table > thead > tr > th a.bttn2 i { padding-left: 13px; }
.mar-down-sec2-table-in .table > thead > tr > th a.bttn2 { line-height: normal; padding: 5px 10px; }
.mar-down-sec2-table-in .table > tbody > tr > td { padding: 10px; }
#sub-page-main-content-wrapper .mar-down-sec3-in ul li { width: 25%; padding: 0 10px 0 10px; }
.mar-down-sec2-table2 { padding: 33px 10px 15px 10px; }
.mar-down-sec2-table2-in { padding-right: 0; }
footer { padding: 25px 5%; }
#sub-page-main-content-wrapper .logos-guidlin-sec ul li .logos-guidlin-sec-in { padding: 90px 20px 80px; }
.points-manager-sec1-right-points-top { width: 100%; float: none; }
.points-manager-sec1-right-points-bottom { float: left; padding-left: 0; padding-top: 20px; border-left: none; }
.points-manager-sec1-right-points-in { padding: 20px 27px; }
.points-manager-sec1-right-points-bottom-in { max-width: 168px; }
.points-manager-sec1-right-points-img { margin: 29px 35px 0 -64px; }
#sub-page-main-content-wrapper .earn-points-sec ul li { width: 50%; }
.account-hist-sec { padding: 30px 25px 20px; }
#sub-page-main-content-wrapper .tirefind-header-right ul li { padding: 0 17px 14px; }
#sub-page-main-content-wrapper .tirefind-con-vew-all ul li { width: 50%; }
.tirefind-con-size-bottom .bttn a { padding: 0 10px; letter-spacing: 1px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li p { letter-spacing: 0; }
#tirefind-header-nav3 .tirefind-con-size { padding-top: 50px; padding-bottom: 50px; }
#sub-page-main-content-wrapper .bg-header-right-in ul li { min-width: auto; padding: 44px 12px 50px; }
.swag-store-bg-header .bg-header-gray-box { padding-left: 30px; padding-right: 20px; }
.swag-store-bg-header .bg-header-gray-box .bg-header-gray-box-in + .bg-header-gray-box-in { padding: 20px 30px; }
.current-promotions-sec1-right { padding: 0; }
#sub-page-main-content-wrapper .pro-blocks { padding: 30px 30px 40px; }
.swag-order-his-sec1 .table > thead > tr > th { letter-spacing: 0; }
.swag-order-his-sec1 .table > tbody > tr > td { padding: 15px 8px; }
#sub-page-main-content-wrapper .main-content-sec .my-acc-heading h3 { font-size: 22px; letter-spacing: 1px; }
.training-header .bg-header-gray-box span { min-height: 38px; }
#sub-page-main-content-wrapper .main-content-area-right .dashboard-head-left h1 { font-size: 52px; line-height: 43px; letter-spacing: 2px; }
.db-news-main { padding: 52px 26px 28px 26px; }
.db-news-main .db-news-content { padding-left: 25px; }
.dashboard-news-sec .db-white-box-right-icon { padding-top: 15px; }
.db-selling-slider .owl-carousel .owl-nav .owl-next { padding: 4px 9px; }
#sub-page-main-content-wrapper .my-acc-title-right-con h5 { letter-spacing: 1px; }
.my-acc-title-right-con { text-align: left; }
.my-acc-title-left { width: 60%; }
.my-acc-title-right { width: 40%; }
#sub-page-main-content-wrapper .woocommerce ul.order_details li { width: 20%; word-wrap: break-word; }
#sub-page-main-content-wrapper .woocommerce ul.order_details li strong { line-height: 15px; margin-top: 10px; }
#sub-page-main-content-wrapper .bg-header-gray-box h3 { font-size: 50px; }
.swag-cart-sec2-right-top-left { padding-top: 0; text-align: center; display: block; margin-bottom: 5px; }
.swag-cart-sec2-right-top-right { float: none; }
.swag-cart-sec2-right-top-right span { margin: 0 0 10px; }
.swag-cart-sec2-right { padding: 36px 25px 40px; }
.swag-cart-sec2-left-in { padding: 25px 35px 70px 35px; }
#sub-page-main-content-wrapper .main-content-sec .my-acc-heading h3 { font-size: 23px; letter-spacing: 1px; }
.single.single-product.woocommerce div.product form.cart .button { display: inline-block; margin: auto; margin-top: 30px; width: auto; }
.single.single-product.woocommerce .quantity .qty { width: 100px; }
.single.single-product .swag-store-pro-sec1-con-in .cart { padding: 33px 15px; }
.single.single-product .swag-store-pro-sec1-con-in .cart .single_variation_wrap { padding: 33px 15px; }
.main-content-sec.swag-store-pro-sec1 { padding-left: 0; }
.woocommerce div.product form.cart div.quantity { margin: 0; }
#sub-page-main-content-wrapper .tirefind-con-size-top-left h3 { letter-spacing: 2px; }
#sub-page-main-content-wrapper #tirefind-header-nav3 .tirefind-con-size-mid-left .spec .item h5 { letter-spacing: 1px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li h4 { letter-spacing: 1px; }
.marketing-head-btn { padding: 0 30px 0 0; }
.db-news-content:after { display: none; }
.tirefind-con-size-bottom svg { margin: -5px 20px 0 0; }
.rh-faq-sec { padding: 30px 40px; }
#sub-page-main-content-wrapper .swag-store-sec2-top-left h4 { margin: 0; }
.road-hazard-program-2-sec-left-in { padding: 10px 20px 0 0; }
#sub-page-main-content-wrapper .pro-blocks.pro-blocks1 { padding-bottom: 46px; }
.pro-overlay-pop-bottom, .pro-overlay-pop-top { max-width: 1000px; }
.pro-overlay-pop-top-left-in h3 { font-size: 42px; }
.pro-overlay-pop-top-left-in .subtitle { font-size: 16px; letter-spacing: 1px; }
.pro-overlay-pop-top-right-in { padding: 55px 20px; }
.pro-overlay-pop-top-right-in .bttn a { line-height: 35px; letter-spacing: 1px; font-size: 16px; max-width: 280px; }
.pro-overlay-pop-bottom-main-con h3 { letter-spacing: 1px; font-size: 16px; }
.pro-overlay-pop-bottom-main-con { padding-left: 60px; }
.pro-overlay-pop-bottom-con { padding-right: 30px; }
.upgrade-pro-popup-right-icon-in { margin: 0 15px 0 0; }
.upgrade-pro-popup-left-top { padding: 0 20px 33px; }
.upgrade-pro-popup-right-icon-in img { max-width: 20px; }
.upgrade-pro-popup-right-list { padding: 20px 0; }
}
@media (max-width: 1199px) {
.main-content-area-right-content aside + aside + aside .db-white-box { margin-top: 20px; }
.main-content-area-right-content .point-white-blocks aside + aside + aside .db-white-box { margin-top: 0; }
.db-selling-tire-sec { margin: 0 0 20px; }
.dashboard-news-sec aside { width: 50%; }
.db-news-main-in .db-news-video, .db-news-main-in .db-news-content { display: block; margin: 15px auto; }
.selling-eq-block { height: auto !important; }
}
@media (max-width: 1151px) {
#sub-page-main-content-wrapper .main-content-sub-nav ul li { margin-right: 30px; }
#sub-page-main-content-wrapper .mar-down-sec1-in ul li, #sub-page-main-content-wrapper .mar-down-sec1-in ul li:last-child { width: 25%; padding: 0 10px; }
.mar-down-sec2-table2-in .table > thead > tr > th a.bttn2 { line-height: normal; padding: 6px 10px; }
.mar-down-sec2-table2-in .table > thead > tr > th a.bttn2 i { padding-left: 0; }
#sub-page-main-content-wrapper .logos-guidlin-sec ul li h5 { font-size: 20px; }
footer { text-align: center; }
.main-content-area-right { width: 77.7%; }
/*.main-content-area-right { width: 77.3%;}*/
.footer-left, .footer-social-icons { float: none; display: inline-block; }
.tirefind-header-left { padding: 0 10px 10px 20px; /* float: none; text-align: center; */; }
#sub-page-main-content-wrapper .tirefind-header-right ul li a { letter-spacing: 1px; }
.tirefind-con-size { padding: 36px 35px 50px 35px; }
.tirefind-con-size .tirefind-con-size-pro { display: block; width: 100%; position: static; margin: 0; }
.tirefind-con-size .tirefind-con-size-left { display: block; width: 100%; background: #fff; margin: -180px 0 0 0; }
#tirefind-header-nav3 .tirefind-con-size-top { padding: 20px 0 18px 0; }
#navbar ul li a img { margin: -2px 10px 0 0; }
.training-portal-table-in { padding: 25px 25px; }
#sub-page-main-content-wrapper .dashboard-head-right-in h3, #sub-page-main-content-wrapper .bg-header-gray-box h3 { font-size: 50px; line-height: 50px; }
#sub-page-main-content-wrapper .bg-header-gray-box h3 { font-size: 40px; letter-spacing: 1px; }
.swag-store-bg-header .bg-header-gray-box .bg-header-gray-box-in + .bg-header-gray-box-in { padding: 20px 20px 20px 25px; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.products li { width: 33.33%; margin-top: 10px; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.products li .bttn { margin-bottom: 20px; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.products li h4 { margin-bottom: 10px; }
.swag-order-his-sec1 { padding: 40px 25px 30px 25px; }
#sub-page-main-content-wrapper .current-promotions-sec1-right-in h5 { letter-spacing: 1px; font-size: 20px; }
.current-promotions-sec1-right-in .bttn { margin: 15px 0 0; }
.mar-down-sec2-table-in .table > thead > tr > th { letter-spacing: 1px; }
#form-road-hazard .width-50 { float: none; width: 100%; }
#form-road-hazard .width-50 + .width-50 { padding: 0; }
#form-road-hazard .pro-blocks { height: auto !important; }
.road-hazard-program2-2-sec .my-acc-title-left { width: 100%; padding-top: 0; float: none; }
.road-hazard-program2-2-sec .my-acc-title-right { width: 100%; padding: 20px 0 20px; float: none; }
#sub-page-main-content-wrapper .mar-down-sec3-in ul li { width: 33.333%; }
#register-a-customer.main-content-area-right-content .main-content-sec.road-hazard-program2-2-sec:before { margin-top: 14px; }
#sub-page-main-content-wrapper .main-content-area-right h1 { font-size: 24px; letter-spacing: 1px; }
#sub-page-main-content-wrapper .main-content-area-right .tirefind-header-left h1 { line-height: 68px; font-size: 24px; letter-spacing: 1px; padding: 0; }
.swag-cart-sec2-right-top-left { font-size: 25px; letter-spacing: 1px; }
.swag-cart-sec2-left-icon { padding-right: 10px; }
#sub-page-main-content-wrapper .swag-cart-sec2-left-con h4 { font-size: 27px; letter-spacing: 1px; }
.swag-cart-sec2-left-con { padding-left: 10px; }
.swag-cart-sec2-right-top-right span { font-size: 60px; }
.video-header-content .dashboard-head-left { padding-left: 50px; }
.db-news-main-in .db-news-video, .db-news-main-in .db-news-content { display: block; width: 100%; }
.db-news-main .db-news-content { padding: 20px 0 0; }
.db-news-content:after { display: none; }
#sub-page-main-content-wrapper .db-news-content p { margin: 0; }
.db-news-main { padding: 32px 26px 28px; }
.update-profile-info-sec a, .my-acc-2-bttn button { letter-spacing: 1px; font-size: 16px; }
#form-update-info .width-50 { width: 100%; float: none; }
.main-content-sub-nav { padding: 0 40px; }
.woocommerce form .woocommerce-billing-fields .form-row-first, .woocommerce-page form .woocommerce-billing-fields .form-row-first, .woocommerce form .woocommerce-billing-fields .form-row-last, .woocommerce-page form .woocommerce-billing-fields .form-row-last { float: none; width: 100%; }
.swag-cart-sec1 { padding: 20px 20px; }
.swag-store-bg-header .bg-header-gray-box { padding-left: 20px; padding-right: 20px; }
.swag-store-bg-header .bg-header-gray-box .bg-header-gray-box-in:first-child { padding-right: 20px; }
#sub-page-main-content-wrapper .pro-blocks.pro-blocks1 { padding-bottom: 40px; }
.tirefind-con-motercy-top-right { padding: 9px 10px 8px; }
#sub-page-main-content-wrapper .tirefind-con-motercy-top-right h6 { font-size: 11px; }
#sub-page-main-content-wrapper .tirefind-con-motercy-top-right h5 { font-size: 14px; letter-spacing: 0.6px; }
#sub-page-main-content-wrapper .tirefind-con-size-top-left h3 { letter-spacing: 5px; }
.tirefind-con-size-top { padding: 28px 0 16px; }
.tirefind-con-size-pro img { padding-top: 0; display: inline-block; max-height: inherit; }
.tirefind-search-in-search .select2-container { max-width: 240px; text-align: left; display: block; }
#sub-page-main-content-wrapper .tirefind-search-in-search .select2-selection--single .select2-selection__rendered { padding-left: 50px; padding-right: 33px; }
.tirefind-con-size .tirefind-con-size-left:before { content: ""; display: block; max-width: 243px; height: 1px; margin: auto; background: #ebebeb; }
#tirefind-header-nav3 .tirefind-con-size .tirefind-con-size-left:before { display: none; }
.marketing-head-btn a { font-size: 15px; padding: 13px 18px; letter-spacing: 2px; }
#edit-profile .my-acc-title-left { width: 48%; }
.edit-profile .my-acc-title-right { width: 52%; }
/**/
#sub-page-main-content-wrapper .main-content-sec .border-dotted-heading-style2-right { float: none; width: 100%; padding-bottom: 10px; }
#sub-page-main-content-wrapper .main-content-sec .border-dotted-heading-style2left { float: none; width: 100%; }
.woocommerce.single-product div.product form.cart .variations select { max-width: 220px; }
.pro-overlay-pop-bottom, .pro-overlay-pop-top { max-width: 840px; }
.pro-overlay-pop-top-left-in h3 { font-size: 32px; }
.pro-overlay-pop-top-right-in h3 { letter-spacing: 1px; }
.upgrade-pro-popup-in-main { width: 60%; }
.upgrade-pro-popup-right { width: 40%; }
.upgrade-pro-popup-left-faq { padding: 50px 0 0 0; }
.upgrade-pro-popup-left-faq-in .panel-title a { padding: 20px 30px 20px 60px; }
.upgrade-pro-popup-left-faq-in .panel-title a::before { font-size: 26px; width: 40px; padding: 14px 0 0 8px; }
.upgrade-pro-popup-left-faq-in .panel-title a::after { right: 10px; }
.upgrade-pro-popup-left-faq-in .panel-collapse.collapse.in::before { left: 8px; font-size: 26px; line-height: 20px; padding-right: 19px; }
.upgrade-pro-popup-left-faq-in .panel-collapse.collapse.in { padding: 0 0 20px 60px; }
}
@media (max-width: 1023px) {
#sub-page-main-content-wrapper .earn-points-sec ul li { width: 50%; }
.earn-points-sec-in { height: inherit; }
#sub-page-main-content-wrapper .earn-points-sec ul li { margin-bottom: 20px; }
.account-hist-sec { padding: 30px 50px 60px 47px; }
#sub-page-main-content-wrapper .points-manager-sec1 .points-manager-sec1-left { float: none; width: 100%; margin-bottom: 25px; }
.points-manager-sec1-right-points2 { width: 100%; }
#sub-page-main-content-wrapper .logos-guidlin-sec ul li { width: 50%; padding: 0 6px; margin-bottom: 15px; }
#sub-page-main-content-wrapper .logos-guidlin-sec ul li + li + li { padding-right: 6px; }
.tirefind-con-in { padding: 0 15px 80px; }
#sub-page-main-content-wrapper .bg-header-left h4 { font-size: 23px; letter-spacing: 1px; line-height: 30px; }
.single-prod-main-sec .swag-store-sec2-in { padding: 33px 25px 30px; }
#sub-page-main-content-wrapper .main-content-sec .my-acc-heading h3 { font-size: 24px; letter-spacing: 2px; }
.main-content-sec.swag-store-pro-sec1 { padding-left: 10px; }
#sub-page-main-content-wrapper .bg-header-right-in ul li { width: 31.55%; }
.my-acc-title-left { width: 56%; }
.my-acc-title-right { width: 44%; }
.my-acc-2-bttn button { padding: 0 15px; }
#sub-page-main-content-wrapper .main-content-sub-nav ul li { margin-right: 20px; }
.tirefind-con-motercy-top-right { padding: 9px 15px 8px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li p { padding: 20px 20px 0 10px; }
.manage-white-block { padding: 40px 20px 60px; }
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper.dpd-rewards-store-shell--checkout .woocommerce .woocommerce-checkout .col2-set .col-2 { gap: 30px; grid-template-columns: minmax(0, 1fr); }
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper.dpd-rewards-store-shell--checkout .woocommerce .woocommerce-checkout .col2-set .woocommerce-shipping-fields,
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper.dpd-rewards-store-shell--checkout .woocommerce .woocommerce-checkout .col2-set .woocommerce-additional-fields { float: none; margin: 0; width: 100%; }
.road-hazard-bg-header .bg-header-left { padding-right: 0; }
.road-hazard-bg-header .bg-header-left .bttn a { padding: 7px 0 10px; }
.growth-program-sec-leadbox { padding: 0 15px; }
.growth-program-sec-leadbox-in { padding: 34px 30px; }
.growth-program-sec-head h1 { font-size: 50px; line-height: 59px; letter-spacing: 3px; }
}
@media (max-width: 991px) {
#header-login .right-sec { width: 69%; }
.points-block { padding: 43px 0 65px 0; }
.main-content-area-right { width: 76.4%; }
#sub-page-main-content-wrapper .mar-down-sec1-in ul li, #sub-page-main-content-wrapper .mar-down-sec1-in ul li:last-child { width: 33.333%; }
.mar-down-sec2-table-in .table > thead > tr > th { text-align: center; }
#web-social .mar-down-sec2-table-in .table > thead > tr > th { text-align: left; }
#sub-page-main-content-wrapper .tirefind-header-right ul li { padding: 0 13px 13px; }
#sub-page-main-content-wrapper .tirefind-con-motercy .tf-motercy-pro-con-list-main > li { float: none; width: 100%; max-width: 600px; margin: auto; }
#tire-modal { padding: 95px 20px 60px; }
.manage-users .account-hist-sec-in .table > thead > tr > th { font-size: 14px; }
.upgrade-pro-popup-right-list ul h5 { padding: 0 0 0 10px; font-size: 16px; }
}
@media (max-width: 969px) {
.account-hist-sec { padding: 30px 30px 20px; }
footer .footer-top { overflow: hidden; }
.main-content-area-left { margin-left: -22.8%; }
.main-content-area-right { width: 100%; /* float: none; */; }
.main-content-sub-nav, .mar-down-sec1 { display: block; }
.main-content-area-right-title .nav-mobi-icon { display: block; }
#header-login, .main-content-area-right-title { display: none; }
#header-login-mobile { background: #f3f2f2; border-bottom: 1px solid #ffffff; padding: 14px 0; display: table; width: 100%; }
#header-login-mobile .mobile-nav, #header-login-mobile .page-title, #header-login-mobile .logo { float: none; display: table-cell; vertical-align: middle; padding: 0 15px; }
#header-login-mobile .page-title { text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 600; color: #000000; letter-spacing: 4px; line-height: 22px; padding-left: 32px; }
#header-login-mobile .mobile-nav, #header-login-mobile .logo { width: 100px; }
#header-login-mobile .logo img { max-width: none; height: 40px; }
#navbar { display: none; background: url(images/mobile-nav-bg.webp) repeat 0 0; }
#navbar.overlay, .account-history-mobile.overlay { height: 100%; left: 0; overflow: auto; position: fixed !important; width: 100%; z-index: 9999 !important; top: 0 !important; }
span.menu-button { display: block; position: relative; height: 33px; cursor: pointer; margin-top: 20px; }
span.menu-button:before { content: ''; position: absolute; top: 0; right: 0; display: block; height: 3px; width: 20px; background: #1e1e1e; }
span.menu-button:after { content: ''; position: absolute; top: 6px; right: 0; display: block; height: 9px; width: 20px; border-top: 3px solid #1e1e1e; border-bottom: 3px solid #1e1e1e; }
.main-content-area-left { width: 100%; margin: 0; }
#sub-page-main-content-wrapper .main-content-area-left-nav h3 { color: #fff; margin-bottom: 15px; }
.main-content-area-left-nav span.menu-button:after { top: 20px; border: 0; height: 3px; width: 53px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.main-content-area-left-nav span.menu-button:before { top: 20px; background: #fff; width: 53px; height: 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.main-content-area-left-nav span.menu-button { float: right; margin: 20px 15px 30px 0; width: 50px; height: 44px; }
.main-content-area-left-nav a:after { content: "\f105"; font-family: "FontAwesome"; color: #fff; position: absolute; right: 20%; }
#sub-page-main-content-wrapper .main-content-area-left-nav ul li a, #sub-page-main-content-wrapper .main-content-area-left-nav h3 { padding-left: 30px; }
.main-content-sub-nav-in { text-align: center; }
h1.tablet-heading-none { display: none; }
.main-content-area-right-content { padding: 0 40px 60px 30px; }
.video-header-content .dashboard-head-left { padding: 0 33px; }
.mobile-dashboard-logo h2 { font-size: 14px; color: #000; letter-spacing: 2px; color: #fff; }
.db-overlay-content h1 { font-size: 38px; line-height: 32px; }
.db-overlay-content h4 { font-size: 14px; margin: 16px 0 0; }
.mobile-dashboard-logo { padding-bottom: 68px; text-align: center; }
@-webkit-keyframes intervalHamburgerBorder {
0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
80% { -webkit-transform: scale(1.6); transform: scale(1.6); }
100% { opacity: 0; -webkit-transform: scale(1.6); transform: scale(1.6); }
}
@keyframes intervalHamburgerBorder {
0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
80% { -webkit-transform: scale(1.6); transform: scale(1.6); }
100% { opacity: 0; -webkit-transform: scale(1.6); transform: scale(1.6); }
}
.menu-icon { width: 70px; height: 70px; background: #fedb1b; border-radius: 50%; text-align: center; line-height: 70px; margin: auto; position: absolute; z-index: 1; left: 0; right: 0; top: 50%; margin-top: -35px; }
.menu-icon i { font-size: 18px; color: #000000; }
.menu-icon-main { width: 144px; height: 144px; margin: auto; text-align: center; position: relative; }
.menu-icon-main:before, .menu-icon-main:after { content: ""; border-radius: 50%; display: block; position: absolute; left: 0; right: 0; top: 50%; margin: auto; }
.menu-icon-main:before { width: 100px; height: 100px; background: rgba(255, 242, 0, 0.07); margin-top: -50px; }
.menu-icon-main:after { width: 94px; height: 94px; margin-top: -50px; background: none; pointer-events: none; border: 16px solid rgba(255, 242, 0, 0.04); border-radius: 50%; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: intervalHamburgerBorder; animation-name: intervalHamburgerBorder; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.mobile-dash-overlay .menu-icon-main:after { width: 144px; height: 144px; background: rgba(255, 242, 0, 0.04); margin-top: -72px; animation: none; -webkit-animation: none; border: none; }
.menu-icon a { display: block; }
.menu-circle .overlay-background { background: none; }
.menu-circle .overlay-content { background: #2c2d2f url(images/mobile-nav-overlay-bg.webp) no-repeat 0 bottom; background-size: 100% auto; }
.overlay-content-in.db-overlay-content { top: 0; margin: 0 auto; padding-top: 44px; }
.db-overlay-content span.overlay-close { margin: 15px 10px 0 0; position: absolute; right: 0; top: 0; }
.mobile-dash-overlay h2, #sub-page-main-content-wrapper .mobile-dash-overlay h2 { font-size: 36px; color: #fff; font-weight: 600; letter-spacing: 2px; margin: 5px 0 0; text-transform: uppercase; }
.db-overlay-content .mobile-dash-overlay h4, #sub-page-main-content-wrapper .db-overlay-content .mobile-dash-overlay h4 { color: #6fedce; font-weight: 600; letter-spacing: 3px; background: #222324; margin: 10px 0; border-radius: 15px; padding: 8px 0; text-transform: uppercase; font-size: 14px; }
.mobile-dash-overlay { max-width: 330px; margin: auto; padding-bottom: 22px; }
.dashboard-mobile-nav ul, .dashboard-mobile-nav ul li, #sub-page-main-content-wrapper .dashboard-mobile-nav ul { list-style: none; margin: 0; }
.dashboard-mobile-nav ul li, .dashboard-mobile-nav ul li:last-child, .dashboard-mobile-nav ul li, #sub-page-main-content-wrapper .dashboard-mobile-nav ul li, #sub-page-main-content-wrapper .dashboard-mobile-nav ul li:last-child { float: left; width: 33.3%; padding: 0 3px; margin: 0 0 18px; }
.dashboard-mobile-nav ul li a { display: block; border-radius: 20px; border: 1px solid #464648; padding: 19px 0 15px; }
.dashboard-mobile-nav ul li a:hover { text-decoration: none; }
.dashboard-mobile-nav { padding: 23px 0 10px; }
.dashboard-mobile-nav ul li a span { font-size: 12px; color: #fff; padding: 6px 0 0; }
.db-overlay-big-btns a { font-size: 16px; color: #ffcc1b; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; border: 1px solid #fedb1b; border-radius: 35px; display: block; padding: 20px 0; }
.db-overlay-big-btns a + a { color: #000000; margin-top: 18px; background: #ffffff; border: 1px solid rgba(0,0,0,0); }
.db-overlay-nav { padding: 55px 0 40px; }
.db-overlay-nav a { font-size: 18px; display: block; color: #ffffff; font-weight: 600; letter-spacing: 1px; padding: 12px 0; text-transform: uppercase; }
.menu-circle .overlay-content { overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.mobile-dash-overlay .menu-icon { line-height: 45px; }
.mobile-dash-overlay .menu-icon span { line-height: normal; padding: 0; font-size: 12px; color: #000000; letter-spacing: 1px; display: block; font-weight: 600; }
.db-overlay-content span.overlay-close:before, .db-overlay-content span.overlay-close:after { background: #ffffff; }
.dashboard-mobile-nav ul li a span { display: block; color: #ffffff; font-weight: 600; letter-spacing: 2px; padding: 5px 0 0; font-size: 12px; text-transform: uppercase; }
.mobile-nav.menu-circle { display: table-cell !important; }
.mobile-dash-overlay .menu-circle { width: 100%; }
#sub-page-main-content-wrapper .tirefind-header-right ul li { padding: 0 23px 13px; }
.swag-cart-sec2-left-in { padding: 48px 35px 50px 35px; }
/* SVG On_Load */
svg { width: 90%; }
@keyframes offset {
100% { stroke-dashoffset: 0; }
}
.outer_line { stroke-dasharray: 2500; stroke-dashoffset: 2500; animation: offset .6s ease-out forwards; }
@keyframes fade_in {
100% { opacity: 1; }
}
.main { opacity: 0; animation: fade_in .6s ease-out forwards; }
.bike path, .bike polygon, .bike line, .bike polyline, .bike circle, .bike rect { fill: transparent; stroke-dasharray: 1400; stroke-dashoffset: 1400; animation: offset .8s .6s linear forwards; }
.bike_bg { opacity: 0; animation: fade_in .8s 1.4s ease-out forwards; }
@keyframes pop_up {
30% { transform: scale(1.1); }
40% { transform: scale(.9); }
50% { transform: scale(1.05); }
60% { transform: scale(.95); }
70% { transform: scale(1.025); }
80% { transform: scale(.975); }
90% { transform: scale(1.0125); }
100% { transform: scale(1); }
}
.sub_one { transform-origin: 50% 50%; transform: scale(0); animation: pop_up .5s 1.45s ease-out forwards; }
.sub_two { transform-origin: 50% 50%; transform: scale(0); animation: pop_up .5s 1.5s ease-out forwards; }
.stars polygon:nth-of-type(1) { opacity: 0; animation: fade_in .5s 1.6s linear forwards; }
.stars polygon:nth-of-type(2) { opacity: 0; animation: fade_in .5s 1.7s linear forwards; }
.stars polygon:nth-of-type(3) { opacity: 0; animation: fade_in .5s 1.8s linear forwards; }
.stars polygon:nth-of-type(4) { opacity: 0; animation: fade_in .5s 1.9s linear forwards; }
.stars polygon:nth-of-type(5) { opacity: 0; animation: fade_in .5s 2s linear forwards; }
.stars polygon:nth-of-type(6) { opacity: 0; animation: fade_in .5s 2.1s linear forwards; }
.stars polygon:nth-of-type(7) { opacity: 0; animation: fade_in .5s 2.2s linear forwards; }
.stars polygon:nth-of-type(8) { opacity: 0; animation: fade_in .5s 2.3s linear forwards; }
.first { opacity: 0; animation: fade_in .5s 2.5s linear forwards; }
body.page-template-templatestemplate-register-fast-php .register-process-landing.register-process-landing-fast .register-process-landing-right-in { margin: 50px 30px; }
.growth-program-sec { padding: 80px 0; }
}
@media (max-width: 899px) {
#header-login .right-sec { width: 68%; }
#header-login .right-sec .bttn1 a { font-size: 18px; }
#header-login .right-sec .bttn3 a i { padding: 0 3px; }
.dashbord-sec1-left { width: 100%; float: none; padding-right: 14px; }
.dashbord-sec1-right-points { margin-top: 0; padding: 42px 20px 22px; width: 100%; }
.dashbord-sec2-left { width: 100%; padding: 0 8px 0 0; float: none; margin-bottom: 30px; }
.dashbord-sec2-right { float: none; width: 100%; padding: 0; height: inherit; margin-bottom: 50px; }
.dashbord-sec2-right { height: auto; }
.main-content-area-right-content { padding: 0 40px 50px 30px; }
#mm-0 .pure-container .pure-drawer { width: 100%; }
#sub-page-main-content-wrapper .tirefind-header-right ul li { padding: 0 15px 13px; }
#sub-page-main-content-wrapper .pro-blocks.pro-blocks1 { padding-bottom: 36px; }
.swag-cart-sec2-left-in { padding: 23px 35px 50px 35px; }
.pro-overlay-pop-top { max-width: 840px; padding: 0 30px; }
.pro-overlay-pop-top-left { float: none; width: 100%; display: block; table-layout: fixed; height: inherit !important; padding-bottom: 20px; }
.pro-overlay-pop-top-mid { display: none; }
.pro-overlay-pop-top-right { width: 100%; float: none; height: inherit !important; }
.pro-overlay-pop-top-right-in { padding: 30px 20px 40px; }
.pro-overlay-pop-bottom { margin: 25px auto 0; padding: 20px 30px; border-top: none; }
.upgrade-pro-popup-close { text-align: right; margin-bottom: 30px; position: absolute; top: 20px; right: 20px; }
.upgrade-pro-popup-close a { width: 50px; height: 50px; line-height: 47px; }
.upgrade-pro-popup-close a img { max-width: 20px; }
.upgrade-pro-popup-in-main { width: 100%; display: block; }
.upgrade-pro-popup-right { width: 100%; display: block; }
.upgrade-pro-popup-left-main { max-width: 100%; padding: 0 30px 50px; }
.growth-program-sec-head h1 { font-size: 36px; line-height: 46px; letter-spacing: 3px; }
.growth-program-sec-head .subtitle { font-size: 16px; letter-spacing: 3px; padding: 0 0 60px; }
.growth-program-sec-bottom { padding: 60px 40px 0 40px; }
}
@media (max-width: 799px) {
#header-login .left-sec { width: 100px; }
html #iddde2c8f0c938c-col-0 { text-align: left; }
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper.dpd-rewards-store-shell--checkout .woocommerce #payment .form-row.place-order { align-items: stretch; grid-template-columns: minmax(0, 1fr); }
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper.dpd-rewards-store-shell--checkout .woocommerce #payment #place_order { justify-self: stretch; min-width: 0; width: 100%; }
body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper.dpd-rewards-store-shell--checkout .woocommerce-checkout .woocommerce-additional-fields { margin-top: 0; }
html body.dpd-member-surface.woocommerce-checkout .dpd-helper-launcher { display: none !important; }
.swag-cart-sec .table > tbody > tr > td.close-sec { top: -15px; position: relative; }
.woocommerce-checkout .woocommerce-additional-fields { margin-top: 30px; }
.swag-cart-sec .table > tbody > tr > td { padding: 15px 10px; }
.swag-cart-sec .table-hover > tbody > tr:hover { background: none; }
.woocommerce table.shop_table_responsive.woocommerce-cart-form__contents tr.cart_item, .woocommerce-page table.shop_table_responsive.woocommerce-cart-form__contents tr.cart_item { display: block; border: 1px solid #e3e3e3; margin: 0 0 20px; }
.woocommerce table.shop_table_responsive.woocommerce-cart-form__contents tr td { top: 0; padding: 10px 15px 20px; }
.swag-cart-sec .table.woocommerce-cart-form__contents > tbody > tr > td.actions { border: none; }
.woocommerce table.shop_table_responsive.woocommerce-cart-form__contents tr.cart_item + tr.cart_item { border-top: 0; }
.pum-theme-44360 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { right: 0; }
}
@media (max-width: 767px) and (orientation : portrait) {
.menu-circle.not-opened { position: absolute; bottom: 10%; }
}
@media (max-width: 767px) and (orientation : landscape) {
.menu-circle.not-opened { position: relative; margin-top: 30px; margin-bottom: 20px; }
.mobile-dashboard-logo { padding-bottom: 0; }
}
@media (max-width: 767px) {
.training-portal1-sec { background: #f3f2f2; }
.training-portal1-sec-left { text-align: center; float: none; width: 100%; padding-top: 50px; }
.training-portal1-sec-left .main-content-sec img, .profile-log-info img { width: auto; margin: auto; }
#sub-page-main-content-wrapper .training-portal1-sec-left p { padding: 0 22px 22px 22px; max-width: 100%; }
.training-portal1-sec-left .main-content-sec:after { display: none; }
#sub-page-main-content-wrapper .training-portal1-sec-left h4 { margin-top: 30px; font-weight: 600; letter-spacing: 2px; font-size: 16px; }
.training-portal1-sec-right { float: none; width: 100%; }
#sub-page-main-content-wrapper .training-portal1-sec-right h5 { position: static; transform: none; margin: 0 0 15px; float: none; text-align: center; }
.training-portal1-sec { padding: 0 30px; }
#sub-page-main-content-wrapper .training-portal1-sec-right ul { display: table; table-layout: fixed; width: 100%; float: none; }
#sub-page-main-content-wrapper .training-portal1-sec-right ul li { display: table-cell; vertical-align: middle; width: 33.3%; padding: 13px 15px; }
#sub-page-main-content-wrapper .training-portal1-sec-right ul li:last-child { padding: 13px 15px; }
#sub-page-main-content-wrapper .training-portal1-sec-right ul li .points { background: none; line-height: normal; min-width: auto; }
#sub-page-main-content-wrapper .training-portal1-sec-right ul li h6 { margin: 10px 0 10px 0; }
#sub-page-main-content-wrapper .training-tab-data-left h3 { color: #000000; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; margin: 0; }
#sub-page-main-content-wrapper .training-portal-tab-data ul li { list-style: none; margin: 0; }
#sub-page-main-content-wrapper .training-tab-data-left p { letter-spacing: 2px; padding: 8px 0 15px; margin: 0; }
.training-tab-data-left span { background: #ffdb1a; display: inline-block; letter-spacing: 1px; padding: 5px 25px 8px 25px; border-radius: 15px; color: #000; font-weight: 600; }
.training-tab-data-right a { color: #000; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; border: 1px solid #b1b1b2; display: inline-block; padding: 4px 24px 7px 24px; font-weight: 600; }
#sub-page-main-content-wrapper .training-portal-tab-data ul li { display: table; width: 100%; margin: auto; margin-bottom: 20px; background: #ffffff; padding: 33px 38px !important; border-radius: 40px; }
.training-portal-tab-data .training-tab-data-right { text-align: center; }
.training-portal-tab-data .training-tab-data-left, .training-portal-tab-data .training-tab-data-right { display: table-cell; vertical-align: middle; }
.training-portal-tab-data .training-tab-data-left { width: 70%; padding: 0 10px 0 0; }
#sub-page-main-content-wrapper .training-portal-tab-data ul { margin: 0; }
.training-tab-data-left span.completed { background: #22e4b4; }
.training-tab-data-left span.not-started { border: solid 1px #c8c8c8; background: #fff; }
.footer-logo { float: none; }
.profile-log-info { text-align: center; padding-bottom: 25px; }
#sub-page-main-content-wrapper .profile-log-info h3, #sub-page-main-content-wrapper .profile-log-info h2 { font-size: 16px; font-weight: 600; color: #000000; text-transform: uppercase; letter-spacing: 2px; margin: 20px 0 0; }
#sub-page-main-content-wrapper .profile-log-info h2 { font-size: 30px; }
#sub-page-main-content-wrapper .profile-log-info h4 { font-weight: 600; letter-spacing: 2px; color: #424141; text-transform: uppercase; margin: 4px 0 0; font-size: 16px; }
#sub-page-main-content-wrapper .profile-log-info p { font-size: 16px; color: rgba(0,0,0,0.55); font-weight: 400; letter-spacing: 1px; padding: 18px 22px 0; margin: auto; }
.my-acc-1 .view, .my-acc-2.view, .earn-points-sec.view, .account-hist-sec.view { display: none; margin-top: 20px; }
#redeem.main-content-sec { margin: 50px -22px 0; }
.log-out-link a { display: block; }
.mobile-overlay-head span.overlay-close { height: 44px; display: block; width: 50px; cursor: pointer; margin: 30px 20px 0 0; position: absolute; top: 0; right: 0; }
.mobile-overlay-head span.overlay-close:before, .mobile-overlay-head span.overlay-close:after { content: ''; position: absolute; display: block; background: #1e1e1e; top: 15px; width: 48px; height: 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobile-overlay-head span.overlay-close:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-overlay-head { background: #fff; }
.mobile-overlay-head { text-align: center; padding: 40px 0; position: relative; }
#sub-page-main-content-wrapper .mobile-overlay-head h3 { font-size: 14px; color: #000000; text-transform: uppercase; letter-spacing: 2px; margin: 0; }
#sub-page-main-content-wrapper .acc-history-cont > ul { margin: 0; }
#sub-page-main-content-wrapper .acc-history-cont > ul li, #sub-page-main-content-wrapper .acc-history-cont > ul li:last-child { margin: 0 0 10px; background: #f3f2f2; padding: 32px 15%; display: table; width: 100%; }
#sub-page-main-content-wrapper .acc-history-cont ul li aside { float: none; display: table-cell; vertical-align: middle; }
#sub-page-main-content-wrapper .acc-history-left h4 { font-size: 14px; color: #000; text-transform: uppercase; letter-spacing: 2px; margin: 0; }
#sub-page-main-content-wrapper .acc-history-left p { font-size: 14px; color: #727272; letter-spacing: 1px; margin: 4px 0 0; }
#sub-page-main-content-wrapper .acc-history-right { text-align: right; }
.acc-history-right i { font-size: 14px; color: #000; }
.acc-history-right span { font-size: 14px; background: #22e4b4; display: inline-block; padding: 10px 12px; color: #000; border-radius: 14px; letter-spacing: 1px; margin: 0 0 0 20px; }
.acc-history-right span.minus { background: #fff; border: 1px solid #ccc; }
.points-block { border-radius: 0; }
#sub-page-main-content-wrapper.promotions-top { background: none; }
.main-content-area-right-content.no-padding { padding: 0; }
.current-promotions-sec1-in { padding: 44px 35px; border-radius: 0; }
.current-promotions-sec1-in-left, .current-promotions-sec1-right { display: block; width: 100%; }
.current-promotions-sec1-in-left { padding-right: 0; text-align: center; }
.current-promotions-sec1-right { padding: 40px 0 0 0; }
.current-promotions-sec1-in-left img { width: 100%; }
.main-content-sec.current-promotions-sec1 { margin-top: 0; }
#sub-page-main-content-wrapper .mar-down-sec2 ul { margin: 0; }
#sub-page-main-content-wrapper .mar-down-sec2 ul li, #sub-page-main-content-wrapper .mar-down-sec2 ul li:last-child { margin: 0 20px 20px; list-style: none; background: #fff; padding: 44px 0; border-radius: 25px; }
.current-promo-right span { font-size: 15px; letter-spacing: 1px; color: #000; font-weight: 500; }
#sub-page-main-content-wrapper .current-promo-right h4 { font-size: 16px; color: #000; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; margin: 2px 0 3px; }
#sub-page-main-content-wrapper .current-promo-right p { font-size: 14px; font-weight: 500; color: #727272; margin: 0; letter-spacing: 1px; line-height: normal; }
.main-content-sec.mar-down-sec2.current-promo-down-sec { padding: 30px 0 30px; }
#sub-page-main-content-wrapper .current-promo-left img { width: 100%; }
.swag-store-mobile-top { background: #2c2d2f; color: #fff; display: table !important; width: 100%; }
.swag-store-mobile-top .swag-cart-total { text-align: right; padding-right: 0; }
.swag-cart-points span, .swag-point-balance span { font-size: 14px; font-weight: 600; letter-spacing: 2px; }
.swag-cart-points span em, .swag-point-balance span em { font-style: normal; margin: 0 0 0 10px; color: #22e4b4; }
.swag-point-balance span em { color: #fff; font-weight: 700; }
.swag-store-mobile-top aside { float: none; display: table-cell; vertical-align: middle; }
.swag-cart-total a { background: #171718; display: inline-block; padding: 14px 14px; color: #fff; position: relative; text-align: center; }
.swag-cart-total a span { position: absolute; top: 0; left: 0; right: 0; }
.swag-store-sec2-in { padding: 25px 15px; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.products li.product { width: 33.333%; clear: none; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.products ul.products.grid li.product { min-height: 340px; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.products li.product .bttn { margin-bottom: 0; }
#sub-page-main-content-wrapper .woocommerce-pagination ul.page-numbers li { margin: 0; }
#sub-page-main-content-wrapper .woocommerce-pagination ul.page-numbers li:last-child { margin-bottom: 0; }
.woocommerce-pagination { padding: 15px 15px 10px 15px; margin: 20px 10px 10px; }
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { top: 14px; }
#sub-page-main-content-wrapper .swag-store-sec2-top-left h4 { margin: 0; }
.swag-store-sec2-top-right { text-align: right; }
.swag-store-pro-sec1-pro { background: none; }
.main-content-sec.swag-store-pro-sec1 { margin: 0 -22px; }
.swag-store-pro-sec1-con { padding: 78px 25px 0 25px; }
.sku_wrapper { color: #898989; }
#sub-page-main-content-wrapper h4.product_title { margin-bottom: 12px; }
.swag-store-pro-points { position: static; font-size: 18px; color: #000; text-align: left; }
.swag-store-pro-points span { display: inline-block; font-size: 18px; line-height: normal; }
.swag-store-pro-points-mobile { position: static; border-top: 1px solid #e6e7e7; border-bottom: 1px solid #e6e7e7; padding: 10px 0; margin: 20px 0; font-weight: 700; }
.swag-store-sec2 { border-radius: 0; }
.single.single-product.woocommerce div.product form.cart .button { margin-top: 24px; }
.single.single-product.woocommerce .quantity .qty { line-height: 85px; }
#sub-page-main-content-wrapper .cart-mobile ul { margin: 0 -22px; }
#sub-page-main-content-wrapper .cart-mobile ul li { list-style: none; background: #fff; margin: 0; padding: 35px 30px; margin: 0 0 20px; }
#sub-page-main-content-wrapper .cart-mobile ul li:after { content: ""; clear: both; display: block; }
#sub-page-main-content-wrapper .main-content-sec .cart-product-content h2 { background: none; font-size: 17px; font-weight: 600; margin: 10px 0; text-transform: uppercase; }
.woocommerce .cart-product-content .quantity .qty { border: none; font-size: 18px; color: #000; font-weight: 600; }
.cart-product-remove { text-align: right; }
.cart-product-remove a { color: #000; font-size: 16px; }
#sub-page-main-content-wrapper .main-content-sec .cart-product-content h2 a { color: #000; }
.swag-cart-sec2-right, .swag-cart-sec2-left { float: none; width: 100%; }
#sub-page-main-content-wrapper:not(.dpd-rewards-store-shell) .swag-cart-sec2 { margin: 0 -22px; }
.swag-cart-sec2 .swag-cart-sec2-right { border-radius: 0; padding: 70px 75px 84px; }
.swag-cart-sec2 .swag-cart-sec2-left { padding-right: 0; margin: 30px 0 0; }
.swag-cart-sec2-left .swag-cart-sec2-left-in { border-radius: 0; }
.swag-cart-sec2-right-top-right { letter-spacing: 2px; font-weight: 600; }
.swag-cart-sec2 .swag-cart-sec2-right { padding: 70px 20px 84px; margin-top: 30px; }
#sub-page-main-content-wrapper a.checkout-button.button.alt.wc-forward { border-radius: 0; }
.my-acc-1 .woocommerce { padding: 0 15px; }
#sub-page-main-content-wrapper .woocommerce-MyAccount-navigation ul { margin: 0; }
#sub-page-main-content-wrapper .main-content-sub-nav ul li a { line-height: normal; padding: 24px 0 20px; }
#sub-page-main-content-wrapper .main-content-sub-nav ul li.active a:after { left: 0; right: 0; margin: auto; }
.my-acc-1 .manage-users { margin-top: 20px; }
.woocommerce-cart-form input.button { background: #aa9211; color: #fff; letter-spacing: 1px; font-size: 16px; text-transform: uppercase; text-align: center; width: auto; margin: auto; display: block; margin-bottom: 14px; }
.woocommerce-cart-form input.button:hover { background: #22e4b4; }
#sub-page-main-content-wrapper .tirefind-header-right ul { margin: 0; }
#sub-page-main-content-wrapper .tirefind-header-right ul li { float: none; margin: 0; }
.tirefind-header-right { float: none; text-align: center; }
.tirefind-header { padding: 0; background: #2c2d2f; }
#sub-page-main-content-wrapper .tirefind-header-right ul li a { line-height: normal; color: #fff; padding: 12px 0; display: inline-block; }
#sub-page-main-content-wrapper .tirefind-header-right ul li a:hover { text-decoration: none; }
.tirefind-header-right { display: none; }
.tirefind-nav-btn { font-size: 15px; color: #ffdb1a; text-align: center; padding: 10px 0; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; cursor: pointer; }
.tirefind-nav-btn:after { content: "\f107"; margin: 0 0 0 10px; font-family: 'FontAwesome'; }
#sub-page-main-content-wrapper .tirefind-header-right ul li.active { background: none; display: none; }
#sub-page-main-content-wrapper .tirefind-header-right ul li.active a { color: #ffdb1a; }
#sub-page-main-content-wrapper .tirefind-header-right ul li a:after { display: none; }
#sub-page-main-content-wrapper .tirefind-con-vew-all ul li { float: none; width: 100%; margin: 0 0 15px; padding: 0; }
#sub-page-main-content-wrapper #tirefind-header-nav3 .tirefind-con-vew-all { padding-top: 40px; padding-bottom: 40px; }
#sub-page-main-content-wrapper #tirefind-header-nav3 .tirefind-con-vew-all ul li { padding: 0 20px; }
#sub-page-main-content-wrapper li .tf-vew-all-product { position: relative; overflow: hidden; padding: 20px 0 20px 130px; }
.tf-vew-all-product .tf-vew-all-product-img { position: absolute; left: -60px; bottom: -90px; }
.tf-vew-all-product-img img { height: 240px; }
#sub-page-main-content-wrapper .tirefind-con-vew-all li .tf-vew-all-product-con { position: static; float: right; padding-left: 10%; text-align: left; }
#sub-page-main-content-wrapper li .tf-vew-all-product-con .tf-vew-all-product-con-in { border-top: none; }
.tf-vew-all-product .tf-vew-all-product-in { position: static; }
.tf-vew-all-product .tf-vew-all-product-bottom { clear: both; float: right; text-align: left; padding: 0; margin: 10px 0 0; max-width: 100%; width: 100%; }
.tf-vew-all-product-bottom .tf-bot-sec { float: none; width: auto; text-align: center; display: inline-block; margin: 0 14px 0 8px; }
#sub-page-main-content-wrapper li .tf-vew-all-product-con .tf-vew-all-product-con-in { border-top: none; padding: 25px 20px 25px 8px; }
.tf-vew-all-product .tf-vew-all-product-bottom { padding-left: 10%; }
.tirefind-search { padding: 35px 15px 10px; }
#sub-page-main-content-wrapper .tirefind-con-motercy .tf-motercy-pro-con-list-main > li { width: 100%; margin-bottom: 15px; padding: 0; }
#sub-page-main-content-wrapper .tirefind-con-title h2 span { padding: 0 15px; display: inline-block; }
#sub-page-main-content-wrapper .tirefind-con-motercy-top-right h6 { display: none; }
#sub-page-main-content-wrapper .tirefind-con-motercy-top-right h5 { font-size: 14px; padding-top: 0; letter-spacing: 2px; }
.tirefind-con-motercy-top-right { padding: 12px 20px 12px; top: 10px; }
#sub-page-main-content-wrapper .tirefind-con-motercy-pro-con h3 { font-size: 22px; }
#sub-page-main-content-wrapper .tirefind-con-motercy-pro-con h4 { font-size: 24px; }
#sub-page-main-content-wrapper .tirefind-con-motercy-pro-con h5 { font-size: 14px; }
#sub-page-main-content-wrapper .tf-motercy-pro-con-list2-in { padding: 10px 15px; }
#sub-page-main-content-wrapper .tf-motercy-pro-con-list2-in ul li { float: right; width: 70%; text-align: right; }
#sub-page-main-content-wrapper .tf-motercy-pro-con-list2-in ul li h5, #sub-page-main-content-wrapper .tf-motercy-pro-con-list2-in ul li h4 { display: inline-block; padding-top: 0; }
#sub-page-main-content-wrapper .tf-motercy-pro-con-list2-in ul li:first-child { float: left; width: 30%; text-align: center; }
#sub-page-main-content-wrapper .tf-motercy-pro-con-list2-in ul li:first-child h5 { display: block; padding-top: 15px; }
#sub-page-main-content-wrapper .tf-motercy-pro-con-bottom ul li p { display: none; }
#sub-page-main-content-wrapper .tf-motercy-pro-con-bottom-icon { margin: 0 0 2px 0; }
#sub-page-main-content-wrapper .tirefind-con-motercy-pro-con h3 { padding: 0; }
#sub-page-main-content-wrapper .tirefind-con-motercy-pro-con h4 { margin-bottom: 8px; margin-top: 4px; }
#sub-page-main-content-wrapper .tirefind-con-motercy-mt-logo { z-index: 1; top: 22px; left: 20px; }
#sub-page-main-content-wrapper .tirefind-con-motercy-mt-logo img { max-width: 40px; }
#sub-page-main-content-wrapper .tirefind-con-motercy-pro-con { padding: 30px; margin: 0 -25px; position: relative; border-top: none; }
#sub-page-main-content-wrapper .tirefind-con-motercy-pro-con:before { content: ""; display: block; position: absolute; left: 0; top: 0; max-width: 250px; height: 1px; background: #ebebeb; margin: auto; right: 0; }
.tirefind-con-title { background: none; }
.tirefind-con-motercy .tirefind-con-title { margin-top: 0; padding-top: 0; }
.tf-motercy-pro-con-list { margin: 0 -25px; }
.tf-motercy-pro-con-list2 { border-bottom: none; padding: 12px 0; }
#sub-page-main-content-wrapper .tf-motercy-pro-con-bottom ul li { padding: 16px 0; }
#sub-page-main-content-wrapper .tf-motercy-pro-con-bottom { background: #fff; position: relative; max-width: 240px; margin: auto; border-top: 1px solid #ebebeb; }
.tirefind-con-size { position: relative; }
.tirefind-con-size-top-right { position: absolute; left: 22px; top: 22px; }
.tire-modal-content { width: 100%; float: none; padding: 0 0 100px; }
.tire-byname-overlay .tire-byname-overlay-in { margin-bottom: 0; }
#sub-page-main-content-wrapper .tire-overlay-mid .tirefind-con-size-mid-right ul li:first-child { float: left; margin: 30px 20px 0 0; }
#sub-page-main-content-wrapper .tire-overlay-mid .tirefind-con-size-mid-right ul li + li { display: block; text-align: right; margin: 0; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li + li h5, #sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li + li h4 { display: inline-block; }
#sub-page-main-content-wrapper .tire-overlay-mid .tirefind-con-size-mid-right ul li h5 { padding: 0 6px 0 0; }
.tire-overlay-mid .tirefind-con-size-mid-right { padding: 18px 33px 16px; }
.spec.owl-carousel .owl-stage-outer { /* overflow-x: scroll; width: auto !important; */ text-align: center; }
.owl-carousel.spec + .next { display: none; }
/*.spec.owl-carousel .owl-stage-outer .owl-stage{ width: 500px !important;}*/
#sub-page-main-content-wrapper .tirefind-con-size-mid-left .spec { float: none; width: 100%; }
#sub-page-main-content-wrapper .tire-overlay-mid .tirefind-con-size-mid-left .spec .item { padding: 16px 0; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-left .spec .item h5 { padding: 4px 0 0; word-wrap: break-word; }
#sub-page-main-content-wrapper .tf-motercy-pro-con-list2-in { padding: 10px 45px 10px 15px; margin: 0 10px; }
.tirefind-con-size .tirefind-con-size-pro { float: none; width: 100%; }
.tirefind-con-size .tirefind-con-size-left { float: none; width: 100%; margin: -200px 0 0 0; background: #ffffff; position: relative; padding: 0; }
.tirefind-con-size-top-left h3 span { display: block; }
#sub-page-main-content-wrapper .tf-motercy-pro-con-list .spec .item h4 { font-size: 18px; letter-spacing: 1px; }
.my-acc-1 .manage-users { margin-top: 20px; }
.woocommerce-cart-form input.button { background: #aa9211; color: #fff; letter-spacing: 1px; font-size: 16px; text-transform: uppercase; text-align: center; width: auto; margin: auto; display: block; margin-bottom: 14px; }
.woocommerce-cart-form input.button:hover { background: #22e4b4; }
.main-content-sec .my-acc-2 { padding: 30px 0 20px; }
.main-content-sec .my-acc-2-inp { float: left; width: 50%; padding: 0 10px; }
.main-content-sec .my-acc-2-bttn { text-align: center; width: auto; float: none; clear: both; padding: 10px 0 0; }
.main-content-sec .my-acc-2-bttn a { display: inline-block; padding: 0 30px; }
.main-content-sec .my-acc-2-bttn1 { margin-left: 20px; }
.main-content-sec.edit-profile { padding-top: 40px; }
.overlay-pad { padding: 15px; }
#sub-page-main-content-wrapper .main-content-sec .mobile .view h2, #sub-page-main-content-wrapper .main-content-sec .mobile .view h2.active { background: none; cursor: inherit; }
#sub-page-main-content-wrapper .edit-profile .pro-blocks, #sub-page-main-content-wrapper .edit-profile .pro-blocks.pro-blocks1 { padding: 0 20px; margin: 0; }
#sub-page-main-content-wrapper .main-content-sec .mobile .view .pro-blocks h2 { padding: 0 16px 18px 0; }
#sub-page-main-content-wrapper .main-content-sec .mobile .view .pro-blocks h2 span { border: none; }
#sub-page-main-content-wrapper .main-content-sec .mobile .view .pro-blocks h2:after { display: none; }
#sub-page-main-content-wrapper .main-content-sec h2.log-out-btn.active:after { content: "\f107"; }
.video-header-content .dashboard-head-left { padding: 30px 33px 0; }
.page-template-template-members footer { display: none; }
#sub-page-main-content-wrapper .main-content-area-right .dashboard-head-left h1 { font-size: 38px; line-height: 32px; }
#sub-page-main-content-wrapper .main-content-area-right .dashboard-head-left h4 { font-size: 14px; margin: 16px 0 0; }
.video-header-content { height: 100vh; overflow: scroll; }
.video-header-content aside { vertical-align: top; }
#sub-page-main-content-wrapper .mobile-dashboard-logo h2 { font-size: 14px; color: #000; letter-spacing: 2px; color: #fff; }
.mobile-dashboard-logo { text-align: center; }
#sub-page-main-content-wrapper .tirefind-con-vew-all li .tf-vew-all-product-con h3 { font-size: 16px; }
.spec.owl-carousel .owl-stage { padding-left: 0 !important; }
.tirefind-con-size-top { position: relative; width: 100%; margin: 0; }
.tirefind-con-size-top-left { float: none; text-align: center; width: 100%; padding: 0 15px; }
#sub-page-main-content-wrapper .tirefind-con-size-top-left h3 { font-size: 22px; line-height: normal; }
#sub-page-main-content-wrapper .tirefind-con-size-top-left h3 span { float: none; display: block; padding: 0; font-size: 14px; line-height: normal; margin: 0; }
#sub-page-main-content-wrapper .tirefind-con-size-top-left h3 span:before { display: none; }
.tirefind-con-size-mid-left, .tirefind-con-size-mid-right { display: block; width: 100%; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li p { letter-spacing: 2px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li { border: none; }
.tirefind-con-size-mid-left { position: relative; padding: 0 30px; }
.tirefind-con-size-mid-left:after { content: ""; background: #ebebeb; width: 100%; height: 1px; display: block; position: absolute; bottom: 14px; left: 0; right: 0; margin: auto; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-left .spec .item { padding: 12px 0 26px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li { width: 20%; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li + li { width: 80%; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li h5 { padding-top: 35px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li p { padding: 14px 25px 0 20px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li h4 { font-size: 18px; padding: 2px 0 34px 0; }
.tirefind-con-size-mid { border-bottom: none; }
.tirefind-con-size-mid-right { margin: 5px 15px 9px; width: auto; }
.tirefind-con-size-bottom { text-align: center; }
.tirefind-con-size-bottom { max-width: 240px; margin: auto; border-top: 1px solid #ebebeb; padding: 0; }
.tirefind-con-size-bottom .bttn { padding: 0; }
.tirefind-con-size-bottom .bttn a { font-size: 0; letter-spacing: 0; border: none; line-height: normal; padding: 16px 10px; }
.tirefind-con-size-bottom .bttn a img { margin-right: 0; }
.tirefind-con-size-bottom .bttn:first-child { border-right: 1px solid #e2e2e2; }
.tirefind-con-in { padding: 0 25px 80px; }
.tirefind-con-size { padding: 20px 0; }
#tirefind-header-nav3 .tirefind-con-size-bottom { max-width: 100%; margin: auto; margin-top: 20px; }
#tirefind-header-nav3 .tirefind-con-size-bottom { border-top: none; }
#tirefind-header-nav3 .tirefind-con-size-bottom .bttn:first-child { border-right: none; }
#tirefind-header-nav3 .tirefind-con-size { padding: 0 0 50px; margin-bottom: 20px; }
#tirefind-header-nav3 .tirefind-con-size-top-right { width: 100%; text-align: center; position: static; margin: 0 0 10px; }
#sub-page-main-content-wrapper #tirefind-header-nav3 .tirefind-con-in { padding: 30px 25px; }
#sub-page-main-content-wrapper #tirefind-header-nav3 .bttn a { padding: 0 25px 2px; line-height: 49px; letter-spacing: 3px; }
#sub-page-main-content-wrapper #tirefind-header-nav3 .bttn a:before { display: none; }
#tools { padding: 0; }
#tools .main-content-sec .tools-bg { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.tool-box i, .tool-box span, .tool-box img { display: inline-block; vertical-align: top; }
#tools .main-content-sec .tools-bg aside .tool-box { padding: 15px; text-align: left; }
.tool-box i, .tool-box img { font-size: 24px; color: #000; margin: 0 10px 0 0; display: inline-block; border-right: 1px solid #e4e4e4; padding: 0 12px 0 0; }
.tool-box img { display: inline-block !important; max-width: 36px; }
.tools-bg aside + aside i { display: none; }
.tools-bg aside i.fa-angle-down { display: block; position: absolute; top: 14px; right: 20px; border: none; }
.tools-heading { margin: 0 0 40px; text-align: center; }
#sub-page-main-content-wrapper .tools-heading h3 { font-size: 36px; color: #000; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; margin-top: 0; }
#sub-page-main-content-wrapper .tools-heading h3 span { font-size: 16px; font-weight: 700; color: rgba(0,0,0,0.5); display: block; }
#tools .main-content-sec .tools-bg { padding: 40px 15px; }
.tire-byname-overlay-top { padding: 0 10px; }
.tire-overlay-mid .tirefind-con-size-mid-left { width: auto; margin: 0 -10px; }
.tire-overlay-mid .tirefind-con-size-mid-left:after { display: none; }
.main-content-sub-nav { margin: 0 0 30px; }
.single-prod-main-sec .main-content-sub-nav { margin: 0; }
.single-product .single-prod-main-sec .main-content-area-right-content { padding: 0 0 20px; }
.single-prod-main-sec .main-content-sec.swag-store-pro-sec1 { margin: 0; padding: 0; }
.mar-down-sec2-table-in .table > thead > tr > th { text-align: left; }
.mobile-header-with-bg.bg-header-main { background: #f3f2f2 !important; padding: 0; }
.mobile-header-with-bg.table-wrap aside { display: block; }
.bg-header-left.profile-log-info { padding-top: 36px; }
#sub-page-main-content-wrapper .mobile-header-with-bg .bg-header-right-in h2 { font-size: 18px; color: #22e4b4; font-weight: 700; text-transform: uppercase; margin: 0 0 10px; text-align: center; letter-spacing: 2px; }
.mobile-header-with-bg .bg-header-right .bg-header-right-in { float: none; }
.mobile-header-with-bg .bg-header-gray-box { background: none; }
#sub-page-main-content-wrapper .bg-header-left.profile-log-info h4 { color: #000000; margin: 20px 0 0; }
.mobile-header-with-bg .bg-header-right { padding: 0; margin: 10px 0 22px; }
#sub-page-main-content-wrapper .mobile-header-with-bg .bg-header-right-in ul { display: table; width: 100%; table-layout: fixed; background: #22e4b4; }
#sub-page-main-content-wrapper .mobile-header-with-bg .bg-header-right-in ul li { width: 33.33%; display: table-cell; float: none; margin: 0; padding: 5px 20px 20px; }
.dashboard-head-right-in span, #sub-page-main-content-wrapper .bg-header-gray-box span { font-size: 14px; color: #000; height: auto !important; line-height: 18px; }
#sub-page-main-content-wrapper .mobile-header-with-bg .bg-header-gray-box h3.green-text { color: #fff; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.products li.product h2:after { display: none; }
#sub-page-main-content-wrapper .main-content-area-left-nav h3 { padding: 20px 0 0; }
.main-content-sub-nav.road-hazard-main-content-sub-nav { margin: 0; }
#sub-page-main-content-wrapper #form-road-hazard .pro-blocks { padding: 0 30px; }
.tirefind-single-main { padding: 20px 30px 150px 30px; }
.main-content-sec.swag-cart-sec .woocommerce-message { margin: 0; }
.swag-cart-sec .table > tbody > tr > td.close-sec { position: static; }
.cart-mobile input { margin-top: 16px; }
.cart-eq-sec { height: auto !important; }
#tirefind-header-nav6 .tirefind-search { display: none !important; }
.training-header .bg-header-gray-box span { min-height: auto; }
#sub-page-main-content-wrapper .woocommerce ul.order_details li { width: 50%; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px dashed #ccc; border-right: none; }
#sub-page-main-content-wrapper .woocommerce ul.order_details li:last-child { border-bottom: none; }
.woocommerce-order-received .woocommerce { margin-top: 40px; }
#sub-page-main-content-wrapper .woocommerce ul.order_details { margin: 0; }
.woocommerce-page table.shop_table_responsive.cart tr td:before { display: none; }
.swag-cart-sec table.shop_table_responsive.cart > tbody > tr > td { border-top: none; }
.product-remove.close-sec.visible-xs { display: block !important; }
.mobile-prod-img { float: left; width: 30%; padding: 0 30px 0 0; }
.woocommerce-cart table.cart .mobile-prod-img img { width: auto; height: auto; }
.mobile-prod-desc { text-align: left; }
.woocommerce table.shop_table_responsive.cart tr td, .woocommerce-page table.shop_table_responsive.cart tr td { text-align: left !important; }
#sub-page-main-content-wrapper .mobile-prod-desc h3 a, #sub-page-main-content-wrapper .mobile-prod-desc h3 { font-size: 14px; color: #000; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.woocommerce table.shop_table_responsive tr td.product-remove.close-sec { clear: both; padding: 0 10px 0 0; text-align: right !important; }
.woocommerce table.shop_table_responsive tr td.product-remove.close-sec a { display: inline-block; width: auto; }
table.shop_table_responsive.cart td.actions .button { width: auto; margin: auto; }
#sub-page-main-content-wrapper:not(.dpd-rewards-store-shell) .swag-cart-sec1 { border-radius: 0; margin: 0 -22px; }
.woocommerce-cart-form__cart-item.cart_item { margin: 0 0 10px; border-bottom: 1px dashed #e4e4e4; padding: 0 0 15px; }
.swag-cart-sec2-right-in { max-width: 600px; margin: auto; }
.swag-cart-sec2-right-top-left { padding-top: 38px; display: inline-block; }
.swag-cart-sec2-right-top-right { float: right; }
.single-order-details { max-width: 100%; padding: 35px 25px; border-radius: 0; margin: 0; }
table.woocommerce-table--order-details th, table.woocommerce-table--order-details td, .woocommerce-customer-details address { padding: 0 10px; }
.woocommerce-customer-details { padding: 0; }
.main-content-sec.manage-users { padding-bottom: 0; }
.overlay-content.mob-overlay-content, .overlay-content.mob-overlay-bg { background: #fff; text-align: left; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.tire-overlay-table aside.tire-overlay-table-right span { font-size: 18px; font-weight: 700; }
.menu-circle { width: 100%; }
.menu-circle.not-opened { left: 0; text-align: center; }
.tf-bot-sec a span { display: none !important; }
.tirefind-con-motercy-pro-img { margin-bottom: -60px; }
.tirefind-con-motercy-pro-img img { height: 160px; }
.owl-carousel.spec .item h5 em { display: none; }
#sub-page-main-content-wrapper .finder-search > .select2-container--default .select2-selection--single .select2-selection__arrow { top: 18px; right: 0; }
#sub-page-main-content-wrapper #tirefind-header-nav3 .tirefind-con-in { padding: 0; }
#tirefind-header-nav3 .tirefind-con-size-top { padding: 40px 0 18px 0; }
#tirefind-header-nav3 .tirefind-con-size-main { padding: 0 0 40px; }
#tirefind-header-nav3 .tirefind-con-size-main-in { padding: 0 20px; margin-top: -160px; }
.mobile-tire-details, .tirefind-name-mobile-subheading h3 span { font-size: 14px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: rgba(0,0,0,0.6); margin: 6px 0 20px; }
#sub-page-main-content-wrapper .tirefind-search-in-search .select2-selection--single { border: solid 1px #e5e3e3; }
#tirefind-header-nav3 .tirefind-con-size-top-left h3 span { display: none; }
#sub-page-main-content-wrapper .tirefind-name-mobile-subheading h3 { margin: 20px 0 0; }
#tirefind-header-nav3 .tirefind-con-size .tirefind-con-size-left { margin: 0; background: none; }
#tirefind-header-nav3 .tirefind-con-size-pro { text-align: center; background: url(images/mobile-tire-bg.webp) no-repeat 0 0; padding: 35px 0 0; }
#tirefind-header-nav3 .tirefind-con-size-top:before { display: none; }
#sub-page-main-content-wrapper #tirefind-header-nav3 .tirefind-con-in { background: none; }
.pure-drawer { background-position: -290px -260px; }
.tire-byname-overlay { padding: 10px 0 40px; }
.tire-overlay-greybox { padding: 16px 0; }
.tire-modal .tire-overlay-table-main { padding: 0; }
#sub-page-main-content-wrapper .tire-overlay-mid .tirefind-con-size-mid-right ul li:first-child { margin: 13px 10px 0 0; }
#sub-page-main-content-wrapper .tire-overlay-mid .tirefind-con-size-mid-right ul li + li { line-height: normal; }
#sub-page-main-content-wrapper .tire-overlay-mid .tirefind-con-size-mid-right ul li + li h4 { line-height: 20px; }
.tire-overlay-signals span { width: auto; padding: 0 15px; }
.tirefind-search-in-search .select2-container { max-width: 280px; margin: auto; }
#tirefind-header-nav3 .tirefind-single-main .sin-tires-spec-chat-tabel-desk .table { margin: 0; }
#tirefind-header-nav3 .tirefind-single-main .main-content-sec { margin: 0; }
#tirefind-header-nav3 .sin-tires-spec-chat-tabel-desk { padding: 20px 15px 0; }
#tirefind-header-nav3 .tirefind-single-main { padding: 20px 30px 50px 30px; }
.manage-get-started .points-block { border-radius: 25px; }
.point-manage-sec1 .db-white-box { box-shadow: 0 0 11px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.15); -moz-box-shadow: 0 0 11px rgba(0,0,0,0.15); max-width: 400px; margin: auto; margin-top: 30px; }
.main-content-area-right-content .point-white-blocks aside + aside + aside .db-white-box { margin-top: 30px; }
.point-white-blocks { padding-bottom: 50px; }
.point-white-box-cont { margin-top: 20px; }
.point-white-big-box .db-white-box-content { padding-bottom: 30px; }
.tirefind-con-size-bottom svg { margin: 0; }
#sub-page-main-content-wrapper #tirefind-header-nav3 .bttn a svg { margin: 0 10px 0 0; }
.tf-vew-all-product-bottom .tf-bot-sec a { padding: 8px 10px 11px; }
.main-content-sec { background: none; padding: 0; margin: 0 0 20px; }
.main-content-sec:before { display: none; }
.main-content-area-right-content { padding: 0 22px 50px 22px; }
#sub-page-main-content-wrapper .main-content-sec .mobile, #sub-page-main-content-wrapper .main-content-sec h2.log-out-link { background: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 16px; position: relative; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2, #sub-page-main-content-wrapper .main-content-sec h2.log-out-link { cursor: pointer; padding: 16px; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2 { background: none; font-size: 16px; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2.active { background: none; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2:after { content: "\f107"; position: absolute; font-family: FontAwesome; font-size: 24px; top: 17px; right: 24px; }
#sub-page-main-content-wrapper .main-content-sec h2.log-out-link:after { content: "\f105"; position: absolute; font-family: FontAwesome; font-size: 24px; top: 17px; right: 24px; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2.active:after { content: "\f106"; }
.road-hazard-program2-2-sec .pro-blocks h2:after { display: none; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2 span, #sub-page-main-content-wrapper .main-content-sec h2.log-out-link span { background: none; padding: 0 10px 0 0; line-height: 36px; border-right: 1px solid #e4e4e4; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2 span img, #sub-page-main-content-wrapper .main-content-sec h2.log-out-link span img { max-width: 36px; vertical-align: top; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2 span+span, #sub-page-main-content-wrapper .main-content-sec h2.log-out-link span+span { margin: 0 0 0 10px; border: none; line-height: 39px; }
#sub-page-main-content-wrapper .main-content-sec h2.log-out-link a { color: #000; }
#web-social .view, .main-content-area-right-content .view:not(.swag-store-sec2) { display: none; padding: 16px; }
.main-content-sec:after { display: none; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2, #sub-page-main-content-wrapper .main-content-sec h2.log-out-link { margin: 0; border-bottom: none; padding: 10px 16px; }
#sub-page-main-content-wrapper .main-content-sub-nav ul li { display: inline-block; float: none; padding: 0; margin: 0 15px !important; }
#sub-page-main-content-wrapper .main-content-sub-nav::-webkit-scrollbar { width: 0px; height: 0px; background: transparent; }
.information { text-align: center; width: 100%; }
#sub-page-main-content-wrapper .information h4 { font-size: 30px; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; color: #000; }
#sub-page-main-content-wrapper .information p { padding: 0 22px 22px 22px; font-size: 16px; color: #737373; font-weight: 400; letter-spacing: 1px; margin: 0; margin: 0 auto; }
.main-content-sub-nav, .mar-down-sec1 { display: block; }
.mar-down-sec2-table-in .table > thead > tr > th a.bttn2 { padding: 5px 8px; }
.training-portal1-sec { padding: 0; }
.mar-down-sec2-table2-in .table > thead > tr > th, .mar-down-sec2-table2-in .table > tbody > tr > td { padding: 23px 10px; }
.road-hazard-program-1-sec-left { width: 100%; text-align: center; }
.road-hazard-program-1-sec-right { width: 100%; padding: 0 0 40px 0; }
.road-hazard-program-1-sec { padding: 0 29px; }
#sub-page-main-content-wrapper .road-hazard-program-1-sec-left p { max-width: 100%; }
#sub-page-main-content-wrapper .road-hazard-program-1-sec-right ul li { text-align: center; width: 33.333%; padding: 0; }
#sub-page-main-content-wrapper .earn-points-sec ul li, #sub-page-main-content-wrapper .earn-points-sec ul li + li + li + li { padding: 0 9px; }
.road-hazard-program-2-sec-left { width: 100%; }
.road-hazard-program-2-sec-left-in { padding: 0; max-width: 100%; }
.road-hazard-program-2-sec-right { padding-left: 0; width: 100%; margin-top: 10px; }
.mar-down-sec2-table2-in .table > tbody > tr > td.mar-down-sec2-block1 a { color: #000; text-decoration: none; }
.page-template-template-road-hazard-program .main-content-area-right-content { padding: 0 22px 0 22px; }
.points-block-inner p { max-width: 100%; padding: 0px 35px; text-align: left; color: rgba(0,0,0,0.7); }
.view .width-50 { width: 100%; }
.view .width-50 + .width-50 { padding-left: 0; }
.main-content-area { height: auto !important; }
#sub-page-main-content-wrapper .road-hazard-program2-2-sec .pro-blocks.pro-blocks2 { padding-bottom: 22px; }
#sub-page-main-content-wrapper .current-promotions-sec1-right-in h5 { max-width: 100%; }
.swag-order-his-sec1 { padding: 30px 22px 30px 22px; }
.swag-order-his-sec1 .table > thead > tr > th { padding: 10px 10px 25px; }
.swag-order-his-sec1 .table > tbody > tr > td { padding: 15px 10px; }
#sub-page-main-content-wrapper .logos-guidlin-sec ul li .logos-guidlin-sec-in { border: 1px solid #c6c6c6; }
#sub-page-main-content-wrapper .logos-guidlin-sec ul li { margin-top: 15px; margin-bottom: 0; }
#sub-page-main-content-wrapper .logos-guidlin-sec ul li + li + li { padding-left: 6px; }
.earn-points-sec-in { border: 1px solid #c6c6c6; }
#sub-page-main-content-wrapper .main-content-sec.my-acc-1.road-hazard-program2-2-sec .pro-blocks.pro-blocks h2 span { border: none; }
.mar-down-sec3-in { padding: 40px 0 20px; margin: 0; }
.tool-box.greyedout a { color: #000 !important; }
.pro-blocks .fild-25 { width: 50%; }
#sub-page-main-content-wrapper .mar-down-sec3-in ul li { width: 50%; }
.woocommerce table.shop_table_responsive.woocommerce-cart-form__contents tr.cart_item + tr.cart_item { border-top: 1px solid #e3e3e3; }
.tirefind-search-in-search .select2-container:after { border: 1px solid #e3e3e3; }
.point-white-big-box .db-white-box { height: auto !important; }
.point-first-white-box.db-white-box { display: block; padding: 80px 30px; }
#tire-images .mar-down-sec2-table2-in .table > thead > tr > th, #tire-images .mar-down-sec2-table2-in .table > tbody > tr > td { padding: 15px 10px; }
.upgrade-process-step-top h4 { font-size: 32px; letter-spacing: 2px; }
}
@media (max-width: 735px) {
#header-login .right-sec { width: 80%; }
#sub-page-main-content-wrapper .dashbord-sec1-left-in ul li { float: none; height: inherit !important; width: 100%; padding: 0; }
#sub-page-main-content-wrapper .dashbord-sec1-left-in ul li .dashbord-sec1-left-in-con-in { min-height: inherit; }
#sub-page-main-content-wrapper ul:not(.gform_fields) li:last-child { margin-bottom: 15px; padding: 0; }
#sub-page-main-content-wrapper .main-content-sub-nav ul li:last-child { margin-bottom: 0; }
#sub-page-main-content-wrapper .mobile-header-with-bg .bg-header-right-in ul li { padding: 5px 20px 20px; }
#sub-page-main-content-wrapper .mar-down-sec2 ul li, #sub-page-main-content-wrapper .mar-down-sec2 ul li:last-child { padding: 44px 0; }
.main-content-sec.dashbord-sec1.green-left { padding-right: 20px; }
.dashbord-sec1-left { padding-right: 0; }
#header-login .right-sec .bttn3 span { display: none; }
.footer-nav span { padding: 0 12px; }
#sub-page-main-content-wrapper .cart-mobile ul li, #sub-page-main-content-wrapper .cart-mobile ul li:last-child { padding: 35px 30px; }
html #sub-page-main-content-wrapper .tf-motercy-pro-con-bottom ul li:last-child { padding: 16px 0; }
html #sub-page-main-content-wrapper .tf-motercy-pro-con-list2-in ul li:last-child { margin: 0; }
.mar-down-sec1-in { padding: 33px 10px 10px; }
.post-type-archive-product .single-prod-main-sec .swag-store-sec2-in { padding: 33px 0 30px; }
#sub-page-main-content-wrapper .menu-dashboard-container ul li:last-child { margin: 0; }
#sub-page-main-content-wrapper .mar-down-sec3-in ul li:last-child { padding: 0 10px; }
.golden-tckt-form .gform_body { padding: 30px 15px; }
.point-white-btns .overlay-content .overlay-content-in { padding: 90px 15px 60px 15px; }
.scroll { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: hidden; }
.mar-down-sec1-top-right { float: left; margin-top: 10px; width: 100%; }
.mar-down-sec2-table { padding: 30px 23px 40px; }
.mar-down-sec2-table2-in .table > tbody > tr > td, .mar-down-sec2-table2-in .table > thead > tr > th { padding: 24px 10px; }
#sub-page-main-content-wrapper .mar-down-sec1-top-left h4 { margin: 0 0 10px; }
#sub-page-main-content-wrapper .logos-guidlin-sec ul li .logos-guidlin-sec-in { padding: 30px 20px 40px; }
#sub-page-main-content-wrapper .tire-overlay-mid .tirefind-con-size-mid-right ul li { padding: 0 14px; }
.pop-slider .pop-slider-in .item { min-height: 460px; }
.pro-overlay-close { width: 50px; height: 50px; line-height: 45px; right: 15px; top: 15px; }
.pro-overlay-close img { max-width: 20px; }
.pro-overlay-pop-in { padding-top: 75px; }
.pro-overlay-pop-bottom-con { text-align: left; float: none; position: relative; }
.pro-overlay-pop-bottom-con.pro-overlay-pop-bottom-con1, .pro-overlay-pop-bottom-con.pro-overlay-pop-bottom-con3, .pro-overlay-pop-bottom-con.pro-overlay-pop-bottom-con2 { width: 100%; padding-right: 0; }
.pro-overlay-pop-bottom-con { padding-right: 30px; }
.pro-overlay-pop-bottom-con { padding-right: 0; padding-bottom: 20px; }
.pro-overlay-pop-bottom-main-con p { max-width: 100%; }
.pro-overlay-close a { display: block; width: 50px; height: 50px; }
.upgrade-pro-popup-right-form .gform_wrapper .gform_page_footer .gform_button.button, .upgrade-pro-popup-right-form .gform_wrapper .gform_page_footer .gform_next_button.button { min-width: 240px; }
.growth-program-sec-in { padding: 0 30px; }
.growth-program-sec-head h1 { font-size: 30px; line-height: 36px; letter-spacing: 3px; }
.growth-program-sec-head .subtitle { font-size: 16px; letter-spacing: 3px; padding: 0 0 40px; }
.growth-program-sec-leadbox { padding: 0; float: none; width: 100%; height: inherit !important; margin-bottom: 30px; }
.growth-program-sec-leadbox-in { padding: 20px; border-radius: 30px; }
.growth-program-sec-bottom { padding: 10px 0 0; }
.growth-program-sec-bottom-in h4 { font-size: 24px; padding: 0; color: #fff; font-weight: 600; letter-spacing: 2px; text-shadow: inherit; margin: 0 0 10px; }
.growth-program-sec-lead-top ul { flex-direction: column; }
.growth-program-sec-lead-top ul li { padding: 25px 0; width: 100%; border-right: none; }
.growth-program-sec-head .subtitle2 { font-size: 24px; }
}
@media only screen and (max-device-width: 736px) and (orientation: landscape) {
.mobile-dashboard-logo { padding-bottom: 10px; }
}
@media (max-width: 666px) {
.swag-cart-sec2-left-icon { float: none; text-align: center; padding: 0; margin: 0 0 40px; }
.swag-cart-sec2-left-con { float: none; width: 100%; }
.swag-cart-sec2-left .swag-cart-sec2-left-in { padding: 25px 40px 50px 40px; }
.tirefind-con-in { padding: 0 18px 80px; }
#sub-page-main-content-wrapper .tirefind-con-title h2 { padding: 0 15px; letter-spacing: 2px; }
#tirefind-header-nav1 .finder-search select[name] { min-width: 31%; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.products li.product { width: 50%; }
.gform_wrapper li.gsection.gf_scroll_text { height: 240px; overflow-y: scroll; overflow-x: hidden; }
#exampleModalLong { padding: 0!important; }
.db-slide-nav .carousel-indicators { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#exampleModalLong.pop-slider .pop-slider-in .modal-dialog { width: 100%; /* border-radius: 0; */; }
#exampleModalLong.pop-slider .pop-slider-in .modal-dialog .modal-content { padding-top: 30px; }
#exampleModalLong.pop-slider.pop-slider .pop-slider-in { padding: 0 20px; }
.pop-slider .pop-slider-in .item span { margin-top: 15px; }
.pop-slider .pop-slider-in .item h2 { font-size: 25px; letter-spacing: 1px; }
.pop-slider .pop-slider-in .modal-dialog .modal-content .modal-header { padding: 24px 24px 14px; }
.pop-slider .pop-slider-in .item p { line-height: normal; }
.pure-whitebox.tire-overlay-form { margin-left: 20px !important; margin-right: 20px !important; }
.post-type-archive-product .single-prod-main-sec .swag-store-sec2-in { padding: 13px 0 15px; }
.swag-store-sec2-top { margin-bottom: 0; }
}
@media (max-width: 599px) {
.main-content-sub-nav { padding: 0 30px; }
#sub-page-main-content-wrapper .main-content-sub-nav ul li { margin-right: 30px; }
#sub-page-main-content-wrapper .earn-points-sec ul li { margin-bottom: 20px; width: 100%; padding: 0; height: inherit !important; }
#sub-page-main-content-wrapper .earn-points-sec-in .earn-points-sec-con { min-height: auto; }
.earn-points-sec-in { min-height: inherit; }
.points-manager-sec1-right-points-img { margin: -71px auto 0 auto; float: none; }
.points-manager-sec1-right-points2 { margin-top: 50px; }
.points-manager-sec1-right-points-top { float: none; text-align: center; margin-bottom: 30px; }
.points-manager-sec1-right-points-bottom { float: none; min-width: 172px; border-left: none; padding-left: 0; }
#sub-page-main-content-wrapper .points-block-inner h4 { margin: 20px 20px 20px; letter-spacing: 1px; }
.points-block-inner p { max-width: 350px; }
#sub-page-main-content-wrapper .swag-store-sec2-top-left h4 { font-size: 17px; }
.tire-byname-overlay { padding: 10px 20px 20px; }
.tire-modal-content { padding: 0 0 40px; }
.main-content-sec .my-acc-2 { margin: 0; }
.main-content-sec .my-acc-2-inp { float: none; width: 100%; padding: 0 10px; margin: 0 0 30px; }
.main-content-sec .my-acc-2-bttn { padding: 0; }
.main-content-sec .my-acc-2-bttn a { margin: 0 0 10px; }
#sub-page-main-content-wrapper .earn-points-sec ul li { width: 100%; }
#tirefind-header-nav1 .finder-search select[name] { min-width: auto; margin: 0 5px; padding: 9px 38px 9px 18px; }
.mobile-prod-img { width: 50%; }
#sub-page-main-content-wrapper .mobile-prod-desc h3 { margin: 15px 0; }
.manage-white-foot aside { display: block; }
#sub-page-main-content-wrapper .manage-vertical-block .db-white-box-content h4 { text-align: center; margin: 0 0 20px; }
.manage-white-head aside { display: block; left: auto; right: auto; width: 100%; }
#sub-page-main-content-wrapper .manage-white-head aside p { margin: 0; }
.manage-white-head-right { text-align: center; margin: 0 0 30px; }
.db-white-box-content { padding: 32px 15px 30px; }
.manage-white-block { padding: 40px 20px 20px; }
.manage-white-block.manage-vertical-block { padding-bottom: 40px; }
.manage-white-head-right { padding: 10px 15px; }
.manage-white-head aside { padding: 0; }
#sub-page-main-content-wrapper .mar-down-sec3-in ul li { width: 50%; }
.pro-blocks .form-group, .edit-profile .small-filds { margin: 0; }
.pro-blocks .fild-50, .pro-blocks .fild-30, .pro-blocks .fild-25 { width: 100%; float: none; padding: 0 10px; }
.edit-profile .fild-50 { padding: 0; }
#dashboard-pop-slider img { width: 200px; }
#exampleModalLong .modal-header { padding-top: 0; }
ul.products.list li.product .gridlist-buttonwrap { float: none; }
ul.products.list li.product img { float: none; width: 100% !important; }
.swag-store-pro-sec1-pro, .swag-store-pro-sec1-con { float: none; width: 100%; padding: 0; }
.swag-store-pro-sec1-con { padding-top: 20px; }
}
@media (max-width: 567px) {
#header-login .right-sec .bttn3 a img { padding-right: 1px; }
#header-login .right-sec .bttn2 a { padding: 0 22px; }
#header-login .right-sec .bttn1 a { font-size: 15px; }
#header-login .right-sec { width: 75%; }
#sub-page-main-content-wrapper .dashbord-sec2-right-in .bttn a { padding: 0 15px; }
.points-block { padding: 33px 40px 45px; }
.points-manager-sec1 { padding: 35px 20px 35px 20px; }
.main-content-sec:after { width: 37px; }
#sub-page-main-content-wrapper .training-portal1-sec-left p { padding-bottom: 20px; }
.main-content-area-right-content { padding: 0 22px 30px 22px; }
.main-content-area-left-nav a:after { right: 10%; }
#header-login-mobile .page-title { letter-spacing: 2px; }
#header-login-mobile { padding: 5px 0; }
.footer-nav span { letter-spacing: 1px; padding: 0 8px 10px 8px; }
#sub-page-main-content-wrapper .points-block-inner h4 { font-size: 24px; }
.points-block-inner p { max-width: 100%; text-align: center; }
.points-block { padding: 33px 15px 45px; }
#sub-page-main-content-wrapper .acc-history-cont ul li, #sub-page-main-content-wrapper .acc-history-cont ul li:last-child { padding: 32px 15px; }
.acc-history-right span { margin: 0 0 0 10px; }
.current-promotions-sec1-in { padding: 24px 35px 44px 35px; }
.swag-store-sec2-top { margin-bottom: 0; }
.swag-store-sec2-top-left, .swag-store-sec2-top-right { float: none; width: 100%; text-align: center; padding: 0; }
.swag-store-sec2-top-right { margin-top: 15px; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.products li h2 { margin-top: 10px; margin-bottom: 10px; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.list li .bttn a.button { width: 160px; line-height: 32px; }
.tire-overlay-table-main .tire-overlay-table { padding: 25px 15px 28px 15px; }
.tirefind-con-motercy-pro { padding: 14px 0; }
#sub-page-main-content-wrapper .tirefind-con-motercy-pro-con { margin: 0 -15px; }
.tf-motercy-pro-con-list { margin: 0 -15px; }
#sub-page-main-content-wrapper .tire-overlay-heading h3 { font-size: 21px; }
#sub-page-main-content-wrapper .pro-blocks .fild-50 { width: 100%; float: none; }
#sub-page-main-content-wrapper .tirefind-con-vew-all li .tf-vew-all-product-con, .tf-vew-all-product .tf-vew-all-product-bottom { padding-left: 16%; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li, #sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li + li { width: auto; float: left; }
.tirefind-con-size-mid-right { padding: 0 24px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li + li { float: right; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li p { padding: 14px 0 0 20px; line-height: normal; }
.tirefind-con-size-mid-left, .tf-motercy-pro-con-list { padding: 0 15px 0 30px; }
.mar-down-sec2-table2 { padding: 33px 10px; }
.mar-down-sec3-in { margin: 0; }
.swag-store-sec2-top-right { text-align: center; }
#sub-page-main-content-wrapper #form-road-hazard .pro-blocks { padding: 0; margin-bottom: 0; }
.update-profile-info-sec { padding: 44px 15px; }
#sub-page-main-content-wrapper .woocommerce-order { padding: 0; }
#sub-page-main-content-wrapper .woocommerce ul.order_details li { width: 100%; }
html .woocommerce-checkout .swag-cart-sec .woocommerce { padding: 30px 15px; }
.swag-cart-sec .table > tbody > tr > td { padding: 15px 0; }
.single.single-product.woocommerce div.product form.cart .button { padding: 0 20px; }
#tirefind-header-nav3 .tirefind-con-size-top .select2-container { max-width: 300px; }
.tire-overlay-table .tire-overlay-table-right { padding-left: 30px; padding-right: 0; }
.pure-drawer { background-position: -480px -260px; }
.tire-overlay-logo { margin: 0 0 0 20px; }
#tirefind-header-nav3 .tirefind-con-size-pro img { max-height: 280px; }
#tirefind-header-nav3 .tirefind-con-size-main { padding: 0 0 30px; }
.video-header .fullscreen-bg__video { top: -20%; left: -50%; width: 150%; height: 120%; }
.tire-point-values .table > tbody > tr > td { padding: 10px 5px; }
.tire-point-values .table > thead > tr > th { padding: 10px 0; letter-spacing: 1px; font-size: 15px; }
#sub-page-main-content-wrapper .mar-down-sec1-in ul li, #sub-page-main-content-wrapper .mar-down-sec1-in ul li:last-child { width: 50%; text-align: center; margin-bottom: 0; }
#sub-page-main-content-wrapper .logos-guidlin-sec ul li { width: 100%; }
.swag-order-his-sec1 .table > tbody > tr > td { padding: 5px 10px; }
.road-hazard-program-2-sec-right .rh-main-video .overlay-bttn img { max-width: 60px; margin-top: -34px; }
.road-hazard-program-2-sec-right .rh-main-video img, .road-hazard-program-2-sec-right .rh-main-video:before { border-radius: 10px; }
#sub-page-main-content-wrapper .tirefind-con-title h2 span, #sub-page-main-content-wrapper .tirefind-con-title h3 span { padding: 0 20px; }
html .single.single-product.woocommerce div.product form.cart .button { margin: 0 0 0px 20px; line-height: 56px; }
.single.single-product.woocommerce div.product form.cart .button, .woocommerce .gift_card_template_button .gift_card_add_to_cart_button.button.alt { letter-spacing: 2px; font-size: 16px; }
/***/
.customer-rebate-sec { padding: 10px 20px 30px; }
.customer-rebate-sec-title h4 span.txt { padding: 0 0 0 5px; font-size: 18px; letter-spacing: 1px; }
.customer-rebate-sec-title h4 span.nub { font-size: 22px; width: 42px; height: 42px; line-height: 38px; }
.customer-rebate-sec1-main { padding: 40px 20px 30px; border-radius: 30px; }
.customer-rebate-sec1-main-in .bttn { padding: 20px 0 0; }
.customer-rebate-sec2-main { padding: 30px 20px 30px; }
.customer-rebate-sec2-main-in .bttns .ios-bttn { float: none; width: 100%; padding: 0 0 10px 0; text-align: center; }
.customer-rebate-sec2-main-in .bttns { padding-top: 10px; }
.customer-rebate-sec2-main-in .bttns .android-bttn { float: none; width: 100%; padding: 5px 0 0; text-align: center; }
.rh-faq-sec { padding: 15px; }
#sub-page-main-content-wrapper .customer-rebate-sec2-main-in ul li { margin: 0 0 12px 0; color: #000; font-size: 16px; letter-spacing: 1px; padding-left: 40px; position: relative; }
#sub-page-main-content-wrapper .customer-rebate-sec2-main-in ul li span { padding-right: 10px; position: absolute; left: 0; }
#sub-page-main-content-wrapper .customer-rebate-sec2-main-in ul:not(.gform_fields) li:last-child { padding-left: 40px; }
.upgrade-pro-popup-left-top { padding: 0 0 33px; }
.upgrade-pro-popup-left-top h3 { font-size: 32px; letter-spacing: 3px; }
.upgrade-pro-popup-left-back { text-align: left; margin: 20px 0 20px 20px; font-size: 24px; }
}
@media (max-width: 479px) {
#header-login .right-sec .bttn1 { display: none; }
#sub-page-main-content-wrapper .main-content-sec h2 { font-size: 20px; letter-spacing: 2px; }
.check-bttn a { padding: 0 15px; font-size: 16px; letter-spacing: 1px; }
#sub-page-main-content-wrapper .main-content-area-right h1 { font-size: 20px; letter-spacing: 2px; }
#sub-page-main-content-wrapper .points-manager-sec1 .points-manager-sec1-left h4 { font-size: 25px; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.products li.product { width: 100%; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.products ul.products.grid li.product { min-height: auto; }
.swag-store-mobile-top aside { width: 35%; text-align: center; }
.swag-store-mobile-top .swag-cart-total { width: 30%; }
.swag-cart-points span, .swag-point-balance span { letter-spacing: 1px; }
.swag-cart-points span em, .swag-point-balance span em { display: block; margin: 0; }
ul.products.list li.product .gridlist-buttonwrap { float: none; }
ul.products.list li.product img { float: none; width: 100% !important; }
.swag-store-pro-sec1-pro, .swag-store-pro-sec1-con { float: none; width: 100%; padding: 0; }
.swag-store-pro-sec1-con { padding-top: 20px; }
.single.single-product .swag-store-pro-sec1-con-in .cart { border-radius: 0; padding: 20px 10px 20px 10px; margin: 0 -25px; }
.single.single-product.woocommerce .quantity .qty { width: 80px; }
.woocommerce div.product form.cart div.quantity { float: left; width: 30%; margin: 0; }
.single.single-product.woocommerce div.product form.cart .button { width: 60%; margin-top: 14px; }
.swag-cart-sec2-left .swag-cart-sec2-left-in { padding: 25px 20px 50px 20px; }
.tf-vew-all-product .tf-vew-all-product-bottom, .tirefind-con-vew-all li .tf-vew-all-product-con { max-width: none; width: 100%; }
.tire-overlay-signals span { font-size: 12px; width: auto; padding: 0 20px 0 0; }
.tire-overlay-signals span em { width: 12px; height: 12px; }
.tirefind-con-vew-all li .tf-vew-all-product { padding: 20px 0 20px 130px; }
.tire-byname-overlay .tire-byname-overlay-in { padding: 28px 0 40px; }
.tirefind-con-motercy-pro-img { padding: 0 30px; }
.tirefind-con-in { padding: 0 18px 40px; }
#tirefind-header-nav1 .tirefind-con-title { margin: 35px 0 20px; }
#tirefind-header-nav1 .tirefind-con-motercy .tirefind-con-title { margin-top: 0; }
.tirefind-con-title { margin: 35px 0 50px; }
.tirefind-con-motercy .tirefind-con-title { padding: 20px 0 15px; }
#tire-modal { padding: 95px 0 60px; }
#register-a-customer .update-profile-info-sec button { padding: 12px 15px; }
#sub-page-main-content-wrapper .pro-blocks h2 span { font-size: 17px; }
#sub-page-main-content-wrapper .main-content-sec.my-acc-1.road-hazard-program2-2-sec .pro-blocks.pro-blocks h2 span + span { font-size: 40px; line-height: 20px; }
.mar-down-sec2-table2-in .table > thead > tr > th { font-size: 16px; letter-spacing: 1px; }
.mobile-dashboard-logo { padding-bottom: 100px; }
#sub-page-main-content-wrapper .main-content-sec .woocommerce-order h2 { margin: 20px 0; }
#sub-page-main-content-wrapper .main-content-sec .woocommerce-order h2 span { padding: 0 20px 0 0; }
.mobile-dash-overlay { padding-left: 5px; padding-right: 5px; }
#sub-page-main-content-wrapper .single-order-details .main-content-sec h2 span { padding: 0 20px 0 0; }
#tire-images .mar-down-sec2-table2 { padding: 30px 0 15px; }
#sub-page-main-content-wrapper .tf-motercy-pro-con-list2-in { padding: 10px 24px; }
.tirefind-con-size-top .select2-container { max-width: 190px; margin: auto; display: block; }
#sub-page-main-content-wrapper .select2-selection--single .select2-selection__rendered { padding-left: 40px; }
#sub-page-main-content-wrapper .manage-users .pro-blocks { margin-left: 0; padding: 42px 15px 22px 15px; }
#sub-page-main-content-wrapper .manage-users.main-content-sec h2 span { padding: 0 10px 0 20px; }
.manage-users .account-hist-sec-in .table > thead > tr > th, .manage-users .account-hist-sec-in .table > tbody > tr > td { padding-top: 15px; padding-bottom: 15px; }
.manage-users .table-wrapper .btn-toolbar { margin-bottom: 10px; }
#sub-page-main-content-wrapper .training-portal-tab-data ul li { padding: 33px 20px !important; }
.tire-overlay-table .tire-overlay-table-right { padding-left: 10px; }
#sub-page-main-content-wrapper #tirefind-header-nav3 .tirefind-con-size-top-left h3 { line-height: 24px; }
.tirefind-name-mobile-subheading h3 span { margin: 4px 0 20px; }
#tirefind-header-nav1 .finder-search select[name] { margin: 0 0 10px; }
.golden-tckt-form .gform_footer { padding: 25px; }
#sub-page-main-content-wrapper .golden-tckt-form .gform_wrapper ul li.gf_scroll_text { padding: 30px 20px 20px 20px; }
.manage-vertical-block .manage-white-foot .db-white-box { padding: 22px 15px 20px; }
#sub-page-main-content-wrapper .main-content-sec h2 span { padding: 0 30px 0 25px; }
body .tire-overlay-form .gform_wrapper .gform_page_footer input.gform_previous_button, body .tire-overlay-form .gform_wrapper .gform_page_footer .gform_button.button { margin: 0 0 20px !important; width: 100%; display: block; }
.pure-whitebox { padding: 24px 0 30px; }
.mar-down-sec2-table2 { padding: 33px 15px; }
.mar-down-sec2-table-in .table > tbody > tr > td { text-align: left; }
.road-hazard-program-2-sec-right iframe { height: 177px; }
.road-hazard-program-2-sec { padding: 22px; }
.mar-down-sec3-in { padding: 22px 0; }
.mar-down-sec2-table2-in .table > thead > tr > th a.bttn2 i { display: inline-block; }
#sub-page-main-content-wrapper .pro-blocks { padding: 22px 0; }
.mar-down-sec2-table2-in .table > tbody > tr > td.mar-down-sec2-block1, .mar-down-sec2-table2-in .table > tbody > tr > td, .mar-down-sec2-table2-in .table > thead > tr > th { text-align: center; }
.update-profile-info-sec a { padding: 0 10px; min-width: 200px; }
.mar-down-sec2-table-in .table > thead > tr > th { text-align: center; }
#tirefind-header-nav1 .finder-search select[name] { width: 100%; margin-bottom: 10px; }
#sub-page-main-content-wrapper .points-block-inner h4 { margin: 20px 0 20px; }
.points-block-inner p { padding: 0px 15px; }
.check-bttn a { display: block; max-width: 280px; margin: auto; }
.mar-down-sec1 { margin-bottom: 0; }
.woocommerce .shipping_address .form-row-first, .woocommerce .shipping_address .form-row-last { float: none; width: 100%; }
#sub-page-main-content-wrapper #videos .mar-down-sec3-in ul li { width: 100%; float: none; }
.sin-tires-spec-chat-tabel-desk table > tbody > tr > td > span.footable-toggle { margin-top: 3px; }
.woocommerce-ordering select.orderby { padding: 4px 50px 4px 30px; }
.point-first-white-box.db-white-box { padding: 40px 15px; }
.pop-slider .pop-slider-in .item { padding: 0 20px; }
#dashboard-pop-slider .sub-bttn a { padding: 8px 15px; }
.single.single-product .swag-store-pro-sec1-con-in .cart.variations_form { padding: 0 20px; }
.upgrade-process-step-top h4 { font-size: 26px; letter-spacing: 1px; }
.upgrade-process-step-top p { font-size: 16px; }
body.page-template-templatestemplate-register-fast-php .register-process-landing.register-process-landing-fast .register-process-landing-right-in { margin: 20px 10px; }
}
@media (max-width: 413px) {
#header-login .right-sec { width: 71%; }
#sub-page-main-content-wrapper .dashbord-sec2-right-in .bttn a { padding: 0 10px; }
.dashbord-sec2-left-bg { padding: 64px 20px 61px 20px; }
.check-bttn a { font-size: 14px; }
#header-login-mobile .page-title { font-size: 18px; padding-left: 30px; }
#header-login-mobile .mobile-nav, #header-login-mobile .logo { width: 70px; }
#sub-page-main-content-wrapper .training-portal1-sec-right ul li { width: 33.333%; }
.training-portal1-sec { padding: 0 15px; }
.footer-social-icons ul li { float: none; padding-left: 0; display: inline-block; padding: 0 20px; }
#sub-page-main-content-wrapper .acc-history-cont ul li, #sub-page-main-content-wrapper .acc-history-cont ul li:last-child { padding: 32px 0; }
.current-promotions-sec1-in { padding: 24px 15px 44px 15px; }
#sub-page-main-content-wrapper .profile-log-info p { padding: 12px 20px 0; }
.woocommerce nav.woocommerce-pagination { text-align: left; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.page-numbers li { padding: 0 5px; }
#sub-page-main-content-wrapper .swag-store-sec2-in ul.page-numbers li .page-numbers { text-align: center; padding: 3px 10px 6px 10px; display: block; }
#sub-page-main-content-wrapper .cart-mobile ul li, #sub-page-main-content-wrapper .cart-mobile ul li:last-child { padding: 35px 15px; }
.cart-mobile .cart-product-content, .cart-mobile .cart-prod-img { float: none; width: 100%; text-align: center; }
.cart-mobile .cart-prod-img { margin: 0 0 30px; }
.tire-overlay-mid .tirefind-con-size-mid-right { padding: 18px 0 16px; }
.tirefind-search-in-seach input { padding: 0 0 0 60px; }
.tire-overlay-signals { padding: 20px 0 23px; }
.tirefind-search-in-seach button { width: 60px; }
#sub-page-main-content-wrapper .edit-profile .pro-blocks, #sub-page-main-content-wrapper .edit-profile .pro-blocks.pro-blocks1 { padding: 0; }
#sub-page-main-content-wrapper .main-content-sec .mobile .view h2 span { padding: 0; letter-spacing: 1px; }
.update-profile-info-sec { padding: 30px 5px; border-radius: 10px; }
.tf-vew-all-product-bottom .tf-bot-sec { margin: 0; width: 28%; text-align: left; padding: 0 5px; }
#sub-page-main-content-wrapper .tirefind-con-vew-all li .tf-vew-all-product-con, .tf-vew-all-product .tf-vew-all-product-bottom { padding-left: 10px; }
.tf-vew-all-product .tf-vew-all-product-img { position: absolute; left: -60px; bottom: -60px; }
.tf-vew-all-product-img img { height: 200px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li p { letter-spacing: 1px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-left .spec .item { padding: 12px 5px 26px; }
.tire-modal #sub-page-main-content-wrapper .select2-container { width: 240px !important; }
.tire-modal #sub-page-main-content-wrapper .select2-selection--single { width: 240px; }
.earn-points-sec-in { padding: 20px 15px 25px; }
.mobile-dashboard-logo { padding-bottom: 70px; }
#sub-page-main-content-wrapper .woocommerce-checkout h3 { font-size: 18px; letter-spacing: 1px; }
.swag-cart-sec2-right-top-right span { font-size: 40px; line-height: normal; margin: 8px 0 0; }
#sub-page-main-content-wrapper .select2-selection--single .select2-selection__rendered { padding-right: 30px; }
#sub-page-main-content-wrapper .bg-header-gray-box h3 { font-size: 25px; letter-spacing: 1px; }
.single.single-product .swag-store-pro-sec1-con-in .cart { padding: 20px 15px 20px 10px; }
.woocommerce div.product form.cart div.quantity { width: 36%; }
.single.single-product.woocommerce .quantity .qty { font-size: 62px; height: 64px; }
.single.single-product.woocommerce div.product form.cart .button { margin-top: 10px; line-height: 40px; width: auto; margin-right: 20px; }
#tire-images .mar-down-sec2-table2-in .table > thead > tr > th, #tire-images .mar-down-sec2-table2-in .table > tbody > tr > td { padding-left: 0; padding-right: 0; }
#tirefind-header-nav3 .tirefind-single-main { padding: 20px 0 40px; }
.sin-tires-spec-chat-tabel-desk { padding: 0 15px 25px 15px; }
.sin-tires-spec-chat-tabel-desk .table > tbody > tr > td { padding-left: 6px; padding-right: 6px; letter-spacing: 0.7px; }
.sin-tires-spec-chat-tabel-desk .table > tbody > tr > td.lead-td { text-align: left; width: 50%; white-space: inherit; padding-left: 30px; position: relative; }
.sin-tires-spec-chat-tabel-desk .table > tbody > tr td.tire-size-column, .sin-tires-spec-chat-tabel-desk .table > tbody > tr td.footable-last-visible { width: 25%; }
.sin-tires-spec-chat-tabel-desk table > tbody > tr > td > span.footable-toggle { display: block; position: absolute; left: 6px; top: 20px; }
#sub-page-main-content-wrapper #videos .mar-down-sec3-in ul { margin: 0; }
/*#videos .mar-down-sec3-in iframe{ height: 200px;}*/
#sub-page-main-content-wrapper #videos .mar-down-sec3-in { padding-left: 0; padding-right: 0; }
.tirefind-con-size-mid-left, .tf-motercy-pro-con-list { padding: 0 15px 0 20px; }
#tirefind-header-nav3 .tirefind-con-size-top .select2-container { max-width: 240px; }
.manage-vertical-block .manage-white-foot .db-white-box { padding: 22px 0 20px; }
#sub-page-main-content-wrapper .db-white-box-content .point-white-head h4 { font-size: 40px; letter-spacing: 1px; }
.point-white-head { padding: 0; }
.pure-whitebox-in { padding: 20px 25px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-left .spec .item h5 { font-size: 16px; }
.tools-bg aside { padding: 0; }
#downloadable-files .mar-down-sec2-table2 { padding: 0; }
.mar-down-sec2-table-in .table > thead > tr > th a.bttn2 i { padding-left: 0; display: block; }
.mar-down-sec2-table { padding: 30px 5px 0; margin: 0; }
.mar-down-sec2-table2-in .table > thead > tr > th a.bttn2 i { display: block; }
.mar-down-sec2-table2 { padding: 30px 15px 15px; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2, #sub-page-main-content-wrapper .main-content-sec h2.log-out-link { font-size: 20px; }
.mar-down-sec3-in { padding: 22px 11px 0 11px; }
#sub-page-main-content-wrapper .mar-down-sec1-in ul li, #sub-page-main-content-wrapper .mar-down-sec1-in ul li:last-child { width: 100%; }
.pro-overlay-pop-top-right-in .bttn a { letter-spacing: 1px; font-size: 16px; max-width: 280px; }
.pro-overlay-pop-top-right-in h3 { font-size: 26px; }
.pro-overlay-pop-top-left-in h3 { font-size: 24px; }
.pro-overlay-pop-top { padding: 0 20px; }
.pro-overlay-pop-bottom { padding: 20px 20px; }
.upgrade-pro-popup-left-main { max-width: 100%; padding: 0 20px 50px; }
.upgrade-pro-popup-right-in h3 { letter-spacing: 1px; }
.upgrade-pro-popup-right-in { padding: 0 15px; }
.upgrade-pro-popup-right-in .bttn { margin: 7px 0; }
.upgrade-pro-popup-right-in .bttn a { font-size: 16px; letter-spacing: 1px; line-height: 37px; display: block; border-radius: 20px; }
.upgrade-pro-popup-right-bottom { margin: 30px 0 0 0; }
.upgrade-pro-popup-right-bottom i { margin-right: 5px; font-size: 22px; }
}
@media (max-width: 374px) {
.dashboard-sec-1 svg, a > svg, svg { width: auto; }
#header-login-mobile .page-title { font-size: 16px; letter-spacing: 1px; }
#sub-page-main-content-wrapper .tirefind-con-title h2 { font-size: 14px; }
#sub-page-main-content-wrapper .acc-history-right { text-align: center; }
.acc-history-right span { margin: 4px 0 0 0; display: block; }
.swag-cart-sec2-right-top-left { letter-spacing: 1px; font-size: 25px; }
.tirefind-con-vew-all li .tf-vew-all-product { padding: 20px 0 20px 130px; }
#sub-page-main-content-wrapper .tirefind-con-title h2 span { padding: 0 15px; }
.tire-overlay-signals span { padding: 0 16px; }
.tire-overlay-signals span em { display: block; text-align: center; margin: auto; margin-bottom: 10px; }
.tire-overlay-table-main .tire-overlay-table { padding: 10px 0; }
.tire-overlay-signals span em, .tire-overlay-table aside.tire-overlay-table-right span em { width: 12px; height: 12px; }
#sub-page-main-content-wrapper .tire-overlay-table aside.tire-overlay-table-left h3 { font-size: 15px; }
.tirefind-con-motercy-pro-img img { height: auto; }
.tirefind-con-motercy-pro-top { padding-top: 50px; }
.mobile-dashboard-logo { padding-bottom: 30px; }
.dashboard-head-left span { padding: 6px 0 10px; }
#sub-page-main-content-wrapper .main-content-area-right .dashboard-head-left h1 { font-size: 28px; line-height: 24px; letter-spacing: 2px; }
#sub-page-main-content-wrapper .mobile-dash-overlay h2 { font-size: 28px; }
#sub-page-main-content-wrapper li .tf-vew-all-product { padding: 0px 0 20px 130px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-left .spec .item h5 { font-size: 14px; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-right ul li p { padding: 14px 0 0 10px; }
.tool-box span a { letter-spacing: 1px; font-size: 15px; }
#sub-page-main-content-wrapper .tools-heading h3 { letter-spacing: 2px; }
.mobile-header-with-bg .bg-header-right { margin: 30px 0 22px; }
.mobile-prod-img { padding: 0 20px 0 0; }
#sub-page-main-content-wrapper .mobile-prod-desc h3 { margin: 10px 0; }
.swag-cart-sec2 .swag-cart-sec2-right { padding: 30px 20px 44px; }
.single.single-product.woocommerce div.product form.cart .button { margin-right: 0; }
#sub-page-main-content-wrapper .single-order-details .main-content-sec h2 { font-size: 17px; letter-spacing: 1px; margin: 0 0 30px; }
.single-order-details { padding: 25px 20px; }
.training-portal-tab-data .training-tab-data-left, .training-portal-tab-data .training-tab-data-right { display: block; width: 100%; }
.training-portal-tab-data .training-tab-data-left { padding: 0 0 20px; }
#sub-page-main-content-wrapper .training-portal-tab-data ul li { padding: 20px 18px !important; border-radius: 20px; text-align: center; }
#sub-page-main-content-wrapper .tirefind-con-size-mid-left .spec .item h5 { letter-spacing: 1px; }
#sub-page-main-content-wrapper .tirefind-con-size-top-left h3 { letter-spacing: 3px; }
.tirefind-con-size .tirefind-con-size-left { margin: -170px 0 0 0; }
.tirefind-con-size-mid-right { padding: 0 15px; }
#sub-page-main-content-wrapper #tirefind-header-nav3 .bttn a { letter-spacing: 1px; }
.manage-get-started .points-block-inner p { padding: 0 15px; }
#sub-page-main-content-wrapper .manage-white-head aside h3 { letter-spacing: 1px; }
.main-content-sub-nav { margin: 0 0 20px; }
#sub-page-main-content-wrapper .profile-log-info h3, #sub-page-main-content-wrapper .profile-log-info h2 { margin: 10px 0 0; }
.tire-overlay-form-header h3 { letter-spacing: 2px; }
.tire-overlay-form .pure-whitebox-in { padding: 20px; }
.point-white-btns a:first-child { letter-spacing: 2px; }
html .dashboard-sec-1 svg, html a > svg, html svg { width: 100%; }
#sub-page-main-content-wrapper .finder-search > .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 54px; }
.mar-down-sec2-table2 { padding: 30px 0 15px; }
.tf-vew-all-product-bottom .tf-bot-sec a { padding: 8px 5px 11px; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2 span, #sub-page-main-content-wrapper .main-content-sec h2.log-out-link span { line-height: 26px; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2 span img, #sub-page-main-content-wrapper .main-content-sec h2.log-out-link span img { max-width: 26px; vertical-align: middle; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2:after, #sub-page-main-content-wrapper .main-content-sec h2.log-out-link::after { right: 20px; }
.mar-down-sec1-top-right a.bttn2 { padding: 0 11px; }
.mar-down-sec1-top-right a.bttn2 i { padding: 0; }
.mar-down-sec2-table2-in .table > thead > tr > th a.bttn2, .mar-down-sec2-table2-in .table > tbody > tr > td.mar-down-sec2-block1 { font-size: 14px; }
.mar-down-sec2-table2-in .table > tbody > tr > td, .mar-down-sec2-table2-in .table > thead > tr > th { padding: 14px 5px; }
.mar-down-sec2-table2-in .table > thead > tr > th a.bttn2 { font-size: 14px; }
#sub-page-main-content-wrapper .main-content-sec .mobile h2, #sub-page-main-content-wrapper .main-content-sec h2.log-out-link { font-size: 15px; }
#sub-page-main-content-wrapper .road-hazard-program-1-sec-right ul li { width: 100%; margin-bottom: 15px; }
#sub-page-main-content-wrapper .road-hazard-program-1-sec-left .bttn a { padding: 0 10px; }
#sub-page-main-content-wrapper .pro-blocks .fild-50 { width: 100%; }
.update-profile-info-sec a { font-size: 14px; }
.current-promo-left { width: 100%; margin-bottom: 15px; }
.current-promo-right { width: 100%; }
#sub-page-main-content-wrapper .profile-log-info p { padding: 12px 15px 0; }
#sub-page-main-content-wrapper .mar-down-sec2 ul li, #sub-page-main-content-wrapper .mar-down-sec2 ul li:last-child { padding: 34px 20px; margin: 0 10px 20px; }
#sub-page-main-content-wrapper .tirefind-con-title h2, #sub-page-main-content-wrapper .tirefind-con-title h3 { padding: 0 25px; }
.pop-slider .pop-slider-in .item { min-height: 480px; }
#exampleModalLong.pop-slider .pop-slider-in { background: #fff; }
#exampleModalLong.pop-slider .pop-slider-in .modal-dialog .modal-content, #exampleModalLong.pop-slider .pop-slider-in .modal-dialog { border-radius: 0; }
#exampleModalLong.pop-slider.pop-slider .pop-slider-in { padding: 0; }
}
@media (max-width: 359px) {
.mobile-dash-overlay { max-width: 300px; }
.menu-circle.not-opened { bottom: 4%; }
.mobile-dashboard-logo { padding-bottom: 15px; }
.tirefind-con-size-left { margin: -150px 0 0; }
}
/* Mobile overlay interaction fix 2026-04-15 */
@media (max-width: 969px) {
.menu-circle .overlay-content { inset: 0; left: 0; position: fixed !important; right: 0; top: 0; width: 100% !important; z-index: 5000 !important; }
.menu-circle .overlay-background { background: rgba(10, 15, 20, 0.6) !important; display: block !important; inset: 0; position: fixed !important; z-index: 0 !important; }
.menu-circle .overlay-content .overlay-content-in { min-height: 100vh; position: relative; z-index: 1; }
.db-overlay-content span.overlay-close, .mobile-overlay-head span.overlay-close { pointer-events: auto !important; right: 16px !important; top: 16px !important; z-index: 5100 !important; }
}

/* Rewards cart record layout: keep dynamic WooCommerce rows compact below the desktop table. */
@media (max-width: 799px) {
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec1 {
  border-radius: 20px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: clamp(14px, 3vw, 20px) !important;
  width: 100% !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart :is(.woocommerce-cart-form, .swag-cart-sec1-in) {
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart {
  border: 0 !important;
  display: block !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  width: 100% !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart thead {
  display: none !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tbody {
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item {
  background: #ffffff !important;
  border: 1px solid rgba(16, 24, 32, 0.12) !important;
  border-left: 4px solid #fff200 !important;
  border-radius: 18px !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 12px 16px !important;
  grid-template-areas:
    "thumb name name"
    "thumb price subtotal"
    "thumb quantity quantity" !important;
  grid-template-columns: 88px minmax(0, 1fr) minmax(110px, 0.55fr) !important;
  margin: 0 !important;
  padding: 16px 46px 16px 16px !important;
  position: relative !important;
  width: 100% !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item > td {
  border: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  width: auto !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item > .product-thumbnail {
  align-self: stretch !important;
  background: #f4f7fb !important;
  border-radius: 14px !important;
  display: grid !important;
  grid-area: thumb !important;
  min-height: 88px !important;
  overflow: hidden !important;
  place-items: center !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart .product-thumbnail img {
  display: block !important;
  height: 100% !important;
  max-height: 96px !important;
  object-fit: contain !important;
  padding: 8px !important;
  width: 100% !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item > .product-name {
  align-self: end !important;
  grid-area: name !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item > .product-price {
  grid-area: price !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item > .product-quantity {
  grid-area: quantity !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item > .product-subtotal {
  grid-area: subtotal !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item > .product-remove.hidden-xs {
  display: block !important;
  position: absolute !important;
  right: 14px !important;
  top: 14px !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item > .product-remove.visible-xs,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart .mobile-prod-img,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart .mobile-prod-desc {
  display: none !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item > td[data-title]::before {
  color: #647184 !important;
  content: attr(data-title) !important;
  display: block !important;
  float: none !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.2 !important;
  margin: 0 0 5px !important;
  text-transform: uppercase !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart .product-name,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart .product-name a,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart .product-price,
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart .product-subtotal {
  color: #151b21 !important;
  overflow-wrap: anywhere !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tbody > tr:not(.cart_item) {
  border: 0 !important;
  display: block !important;
  width: 100% !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart td.actions {
  border: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  padding: 4px 0 0 !important;
  width: 100% !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2 {
  margin: 18px 0 0 !important;
  width: 100% !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2 :is(.swag-cart-sec2-left, .swag-cart-sec2-right) {
  box-sizing: border-box !important;
  margin: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2-right {
  background: #202124 !important;
  border-radius: 22px !important;
  padding: 14px !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2 :is(.swag-cart-sec2-left-in, .swag-cart-sec2-right-in) {
  box-sizing: border-box !important;
  min-height: 0 !important;
  padding: clamp(18px, 4vw, 24px) !important;
  width: 100% !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2-left-in {
  align-items: start !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-columns: 60px minmax(0, 1fr) !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2-left-icon {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2-left-con {
  float: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
}

@media (max-width: 560px) {
html body.dpd-member-surface.woocommerce-checkout #sub-page-main-content-wrapper.dpd-rewards-store-shell--checkout .main-content-area-right-content > .main-content-sec {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
html body.dpd-member-surface.woocommerce-checkout section#sub-page-main-content-wrapper.dpd-rewards-store-shell--checkout .main-content-sec .swag-store-sec2 > .swag-store-sec2-in.dpd-v2-commerce-surface--workflow {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item {
  grid-template-areas:
    "thumb name"
    "thumb price"
    "quantity quantity"
    "subtotal subtotal" !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  padding: 14px 42px 14px 14px !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item > .product-thumbnail {
  min-height: 72px !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart td.actions .button {
  min-height: 46px !important;
  width: 100% !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2-left-in {
  grid-template-columns: 48px minmax(0, 1fr) !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2-left-icon img {
  height: auto !important;
  max-width: 48px !important;
  width: 100% !important;
}
}

@media (max-width: 390px) {
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item {
  grid-template-areas:
    "thumb"
    "name"
    "price"
    "quantity"
    "subtotal" !important;
  grid-template-columns: minmax(0, 1fr) !important;
  padding: 42px 14px 14px !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart table.shop_table_responsive.cart tr.cart_item > .product-thumbnail {
  min-height: 112px !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2-right-top {
  align-items: start !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2-right-top-right {
  text-align: left !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2-right-top-right .cart_totals {
  font-size: 40px !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2-left-in {
  grid-template-columns: minmax(0, 1fr) !important;
}
html body.dpd-member-surface #sub-page-main-content-wrapper.dpd-rewards-store-shell--cart .swag-cart-sec2-left-icon {
  display: none !important;
}
}