@media (min-width: 2000px) { .col-xxl-2 { flex: 0 0 16.6666667%; max-width: 16.6666667%; } } @media screen and (max-width: 1700px) and (min-width: 1200px) { .carousel-caption h1 { font-size: 45px; line-height: 45px; } .carousel-caption p { font-size: 16px; line-height: 24px; } .w-25 { width: 40% !important; } .categories .card .card-img-top { object-fit: unset; height: auto; } .category-slide .carousel-caption { left: calc(50% - 570px); right: calc(50% - 570px); } .slick-slide { height: 550px; } .slick-slide div { height: 550px; } .slick-slide figure.item { height: 550px; } .client-advantages.advantages { height: 45vw; } } @media (max-width: 1500px) { .nuts-bolts { display: none; } .floating-image .nuts-and-bolts { display: none; } } @media (min-width: 1500px) { .nuts-bolts { display: block; } } @media (min-width: 1390px){ .menu.light li.search { display: none; } } @media (max-width: 1390px){ .hide-dropdown { display:none !important; } .contact-container .form-container { padding-top:20px; } #menu-wrap { position: relative; } .cbp-af-header.light.menu-have-back-color.cbp-af-header-shrink { background: rgba(245,245,245,1); } .cbp-af-header.cbp-af-header-shrink .menu:not(.first) > ul > li a { padding: 16px 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cbp-af-header.cbp-af-header-shrink .menu:not(.first) > ul > li > ul > li a { padding: 0; margin-left: 10px; margin-right: 10px; font-family: 'Open Sans'; font-weight: 500; font-size: 10px; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; width: 100%; display: block; } .menu-mobile { padding-top: 32px; padding-bottom: 32px; } .menu-mobile:after { content: '\f0c9'; font-family: 'Font Awesome 5 Free'; font-weight: 900; } .menu:not(.first) > ul { padding-bottom: 0; } .menu-light ul { background-color: #fff; } .menu-container { background-color: #fff; } .menu-dropdown-icon:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f078'; color: var(--yellow) !important; margin-top: 13px; } .menu-dropdown-icon a i { display: none; } .mega-menu.active { top: unset; } .cbp-af-header.cbp-af-header-shrink .menu:not(.first) > ul > li > ul.normal-sub > li a { font-size: 13px; padding: 15px 0; } #menu-wrap.cbp-af-header.light.menu-have-back-color.cbp-af-header-shrink { min-height: 96px; height:unset; } .menu.light .menu-mobile:after { color: #000; } .menu:not(.first) > ul { overflow: hidden; width: 100%; float: none; position: relative; display: block; visibility: hidden; opacity: 0; height: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .menu-mobile { display: block; } .menu:not(.first) .show-on-mobile { display: block; visibility: visible; opacity: 1; height: auto; } .menu:not(.first) > ul > li { width: 100%; float: none; display: block; } .menu.light:not(.first) .menu-dropdown-icon:before { background: #fff; color: #000; } .menu-dropdown-icon-sub:before, .menu-dropdown-icon:before { display: block; position: relative; } .cbp-af-header.cbp-af-header-shrink .menu:not(.first) > ul > li a { padding: 16px 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .menu:not(.first) > ul > li a { width: 100%; display: block; } .menu:not(.first) > ul > li > ul { padding: 0; background-color: #000; } .menu.light:not(.first) > ul > li > ul { background: transparent; box-shadow: none; } .menu:not(.first) > ul > li > ul { position: relative; } .cbp-af-header.cbp-af-header-shrink .menu > ul > li > ul.normal-sub { width: 100%; padding: 0; } .menu.light:not(.first) > ul > li > ul { background: transparent; box-shadow: none; } .menu:not(.first) > ul > li > ul > li.two-col, .menu > ul > li > ul > li.three-col, .menu > ul > li > ul > li.two-thirds-col, .menu > ul > li > ul > li { float: none; width: 100%; padding-bottom: 15px; } .menu:not(.first) > ul > li > ul.normal-sub > li { padding-bottom: 0; display: block; } .menu:not(.first) > ul > li > ul > li:first-child { margin: 0; } .menu:not(.first) > ul > li > ul.mega-menu.active { height: auto; overflow: visible; } } @media (max-width: 1200px) { .parts .nuts-and-bolts { display: none; } .gear-container .carousel.slide { margin-top:0; } .confirmation-grid .text-item .title { word-spacing: unset; } .inventory-nav { margin-top:0; } } @media (max-width: 992px) { ul.tabs { display: flex; } .individual-gear .nav-container { align-items: flex-start !important; } .individual-gear .form { width: 100%; } .individual-gear .display { font-size:40px; } .contact-container .img-container { display:none; } .contact-container .container-fluid { padding-left: 15px; } .contact-container .row { margin-left: -15px !important; margin-right: -15px !important; width: auto !important; } .contact-container .px-1 { padding-left: 15px !important; padding-right: 15px !important; } /*.contact-container .form-container { padding-left:30px; padding-right:30px; }*/ .client-hero.hero-img .hero-text { top: 7vw; left: 0%; } .background-container .hog-bg img, .support-con .hog-bg img { max-width: 425px; } } @media (max-width: 768px) { .individual-gear .nav-container { display: none; } .cbp-af-header.cbp-af-header-shrink .logo { top: 40px; } .menu-mobile { padding-top: 45px; } .client-hero.hero-img .hero-text { top: 9vw; } } @media (max-width: 576px) { .footer .social { display: flex; width: 100%; align-items: center; justify-content: center; } .footer .social li { flex-basis: 10%; } .options-carousel .item:hover { transform: scale(1); border-width: initial; box-shadow: initial; } .client-hero.hero-img .hero-text { left: 0; } } /* MAIN RESPONSIVENESS */ /* Mobile Portrait */ @media screen and (max-width: 330px) and (orientation: portrait) { .pt-120 { padding-top: 30px !important; } .pb-120 { padding-bottom: 30px !important; } .carousel-container { min-height: 400px !important; } .pattern-bg h1, .difference .title-group h1 { font-size: 40px !important; line-height: 30px !important; letter-spacing: 0.4px !important; } h2.display { font-size: 40px !important; line-height: 50px !important; letter-spacing: 0.4px !important; } h1.display { font-size: 40px !important; line-height: 50px !important; letter-spacing: 0.4px !important; } .client-advantages.advantages .col-md-8 { margin-bottom: 65vh !important; } .slick-slide { height: 650px !important; } .slick-slide div { height: 650px !important; } .slick-slide figure.item { height: 650px !important; } .article .slick-slide { height: 250px !important; } .article .slick-slide div { height: 250px !important; } .article .slick-slide figure.item { height: 250px !important; } .slick-dots { bottom: -45px !important; } .stat h3 { font-size: 26px !important; } .cbp-af-header.cbp-af-header-shrink .menu.light > ul > li > ul > li a { font-size: 8px; } .btn { font-size: 10px; } h2 { font-size: 32px; line-height: 36px; letter-spacing: 0.8px; } .cbp-af-header.cbp-af-header-shrink .menu > ul > li > ul > li a { font-size: 7px !important; } .carousel-caption { padding-right: 15px; right: unset; left: unset; } .carousel-caption h1 { font-size: 40px !important; line-height: 40px !important; letter-spacing: 0.4px !important; } .carousel-caption p { line-height: 24px; } } @media screen and (max-width: 590px) and (orientation: portrait) { .carousel-buttons li { width: 100%; padding: 10px 40px; } .categories .card .card-img-top { object-fit: unset; height: auto; } .w-25 { width: 100% !important; } .w-10 { width: 100% !important; } .inventory-nav { margin-top: 0; } .inventory-nav .inv-nav { display: block; } .article-container .inventory-nav .inv-nav{width:auto;} .article-container .inventory-nav li{padding:13px 15px;} .article .inventory-nav .inv-nav{width:auto;} .article .inventory-nav li{padding:13px 15px;} .inventory-nav .title { margin-right: -15px; text-align: center; padding: 15px 1.5vw; width: 100vw; } .inv-nav .btn-black { width: 100%; margin-bottom: 10px; } .product-emblem { margin-top: 100px; } .advantages { padding: 60px 0 50px; } .advantages h2 { margin-bottom: 0; } .advantages h4 { text-align: center; } .applications { padding: 50px 0 0; } .applications.img-bg .background-image-holder { height: 45vmin !important; } .applications .item-border { border-right: none; } .product-gallery { padding: 10px 0 50px; } .technical-specs { padding-top: 0; padding-bottom: 50px; } .spec-mag { display: none; } .feature img { height: auto; object-fit: unset; } .inventory-nav .download.col-md-auto { padding-top: 10px; padding-bottom: 10px; } .inventory-nav .download a { width: calc(100% + 30px); margin: 0 -15px; display: block; text-align: center; } .py-100 { padding-top: 50px; padding-bottom: 50px; } .carousel-container { min-height: 420px; } .applications .table-row div:nth-child(3) { border-top: 1px solid #dee2e6; } .chassis .section-content { margin-bottom: 30px; } .vehicle-options .slick-list, .related-equipment-slick .slick-list { padding: 0 20px !important; } .slick-slide { height: 600px; } .slick-slide div { height: 600px; } .slick-slide figure.item { height: 600px; } .slick-arrow { display: none !important; } .spec-sheet { margin-top: 0px; } .spec-title { margin-top: 35px; margin-bottom: 30px; } .applications .table-container .row div:nth-child(3) { background-color: #fff; } .applications .table-container .row:nth-child(2n) div:first-child { background-color: #f7f7f7; } .options-carousel { padding-top: 50px; } .background-image-holder img { max-height: none !important; } footer .links a { margin-left: 0; margin-right: 1em; } .inventory .form .form-group:not(:last-child) > .flex-column:first-child { padding-right: 15px; } .inventory .form .form-group:not(:last-child) > .flex-column:last-child { padding-left: 15px; } .form-contact { padding: 20px 0; } .selecter { margin-bottom: 10px; } .pattern-bg h1, .difference .title-group h1 { font-size: 48px !important; line-height: 48px; letter-spacing: 0.48px; } .support-con .pattern-bg.background-image-holder{ bottom:0; } h3.large { font-size: 38px; } .pattern-bg h3.large { line-height: 46px; } .box-link { margin-bottom: 15px; } .nav-dif-top .container { padding-top: 50px; padding-bottom: 40px; } form .pr-1 { padding-right: 0 !important; } form .pl-1 { padding-left: 0 !important; } .floating-image .nuts-and-bolts { display: none; } .pt-100 { padding-top: 50px; } .pb-100 { padding-bottom: 50px; } .pt-80 { padding-top: 40px; } .pb-80 { padding-bottom: 40px; } .pt-120 { padding-top: 60px; } .pb-120 { padding-bottom: 60px; } .pt-40 { padding-top: 20px; } .pb-40 { padding-bottom: 20px; } .difference { padding-top: 50px; padding-bottom: 50px; } .difference .hoghead { display: none; } .difference .content { padding-top: 0; } .competitors-title { margin-top: 30px; margin-bottom: 40px; } .competitor-item { width: calc(100% / 12 * 11); display: block; flex-basis: calc(100% / 12 * 11); } .competitor-item img { margin: 0 auto; display: block; } .catalog-resources { padding-bottom: 40px; padding-top: 50px; } .resource-title { margin-top: 50px; } .floating-image { display: none; } .finance { margin-top: 0 !important; padding-top: 0; } h2.display { font-size: 48px; line-height: 58px; letter-spacing: 0.48px; } h1.display { font-size: 48px; line-height: 58px; letter-spacing: 0.48px; } .company .under-img { margin-top: 0; } .company .under-img .row { display: block; } .company .under-img .img-background { object-fit: unset; max-width: 100%; display: block; } .ten-k .playbutton { min-height: 36px; margin: 15px 0; } .ten-k .playbutton::after { top: unset; right: unset; left: calc(50% - 18px); } .company-employee { padding-left: 15px; padding-right: 15px; } .contact-container form .pr-1 { padding-right: 15px !important; } .contact-container form .pl-1 { padding-left: 15px !important; } .office-locations { padding: 60px 0; } .yellow-bg .tour-text { margin-bottom: 25px; } .carousel-container { padding-bottom: 40px; } .form-styling { padding: 10px 0; } .float-over-hero { margin-top: 0; } .px-2 { padding-right: 0 !important; padding-left: 0 !important; } .form-group.row .px-1 { padding-right: 15px !important; padding-left: 15px !important; } .client-advantages.advantages { height: auto !important; padding-top: 40px; } .client-advantages.advantages .col-lg-8 { margin-bottom: 50vh; } .highway-removal .slick-list { padding: 0 20px !important; } .highway-removal .background-image-holder { margin-top: 0; } .highway-equipment { padding-bottom: 50px; } .highway-maintenance { padding-top: 50px; } .highway-maintenance .btn-warning { margin-bottom: 25px; } .highway-chassis figure { margin-bottom: 20px; } .hero-img { margin-top: 0 !important; } .design { padding-top: 50px; padding-bottom: 50px; } .maintenance { padding-top: 50px; padding-bottom: 50px; } .confirmation .hog-head { display: none; } .confirmation-grid { margin-top: 0; padding-top: 96px; } .confirmation-grid .text-item .title { font-size: 36px; line-height: 26px; letter-spacing: 0.36px; } .details .form { padding: 20px 15px; } .spec-form { padding: 10px 0; } #specs .spec-form { padding: 10px; } .slick-dots { display: none; } .product-gallery .gallery-item { width: 25%; } .product-gallery .gallery-button { width: 100%; margin-top: 25px; } .cbp-af-header.cbp-af-header-shrink .menu > ul > li > ul > li a { font-size: 9px; margin-left: 0; margin-right: 0; padding: 1rem 5px !important; } .mega-menu .btn-container { position: relative; bottom: unset; top: unset; right: unset; left: unset; padding: 10px 5px; } .mega-menu .tab-content ul > li { padding: 15px; } .menu > ul > li > ul.mega-menu.active { height: auto; overflow: visible; } ul.tabs.light .tab-link { width: 100%; align-self: center; } .media { min-height: 100vh !important; } .media img:not(.product-emblem) { max-height: unset; } .location-form { position: relative !important; margin-top: 0; top: 0; } .years .grid-container { display: grid; grid-template-columns: calc(100vw * 0.63) calc(100vw * 0.11) calc( 100vw * 0.26 ); grid-template-rows: calc(300px * 0.18) calc(200px * 0.5) calc( 200px * 0.3 ); margin: 0 auto; } .years .years-number { grid-column: 1 / span 3; grid-row: 2 / span 2; } .years .years-number img { max-width: 100%; } .years .year-video { grid-column: 1 / span 3; grid-row: 1 / span 1; flex-flow: unset; align-items: unset; } .years .year-video.playbutton::after { position: relative; top: unset; left: unset; margin-left: 10px; } .confirmation-grid { display: grid; grid-template-columns: calc(100vw * 0.1) calc(100vw * 0.14) calc( 100vw * 0.19 ) repeat(2, calc(100vw * 0.03)) calc(100vw * 0.27) calc( 100vw * 0.17 ) 1fr; grid-template-rows: calc(1080px * 0.04) calc(1080px * 0.04) calc( 1080px * 0.04 ) calc(1080px * 0.22) calc(1080px * 0.21) calc(1080px * 0.54); } .confirmation-grid .text-item:nth-child(1) { grid-column: 1 / span 8; grid-row: 1 / span 1; } .confirmation-grid .text-item:nth-child(2) { display: none; } .confirmation-grid .text-item:nth-child(3) { grid-column: 2 / span 8; grid-row: 2 / span 1; } .confirmation-grid .text-item:nth-child(4) { grid-column: 4; grid-row: 3 / span 1; margin-left: 0; } .confirmation-grid .text-item:nth-child(5) { grid-column: 1 / span 8; grid-row: 5 / span 2; margin-top: -7px; } .confirmation-grid .text-item:nth-child(6) { grid-column: 1 / span 8; grid-row: 4 / span 1; } .confirmation-grid .text-item .articles-title { font-size: 34px; line-height: 38px; margin-top: 0; letter-spacing: 0.34px; } .confirmation-grid .text-right { text-align: left !important; } .confirmation-grid .random .btn { margin-left: auto; } .carousel-caption { padding-right: 15px; right: unset; left: unset; } .carousel-caption h1 { font-size: 40px !important; line-height: 40px !important; letter-spacing: 0.4px !important; } .carousel-caption p { line-height: 24px; } .pt-55 { padding-top: 0; } } @media screen and (min-width: 591px) and (max-width: 690px) and (orientation: portrait) { .carousel-buttons li { width: 50%; padding: 10px 40px; } .categories .card .card-img-top { object-fit: unset; height: auto; } .w-25 { width: 100% !important; } .w-10 { width: 100% !important; } .inventory-nav { margin-top: 0; } .inventory-nav .inv-nav { display: block; } .inventory-nav .title { margin-right: -15px; text-align: center; padding: 26px 1.5vw 15px 1.5vw; height: 100%; width: calc(100% + 30px); } .inv-nav .btn-black { width: 100%; margin-bottom: 10px; } .product-emblem { margin-top: 40px; max-height: 200px; } .advantages { padding: 60px 0 50px; } .advantages h2 { margin-bottom: 0; } .advantages h4 { text-align: center; } .applications { padding: 50px 0 0; } .applications.img-bg .background-image-holder { height: 80vmin !important; } .product-gallery { padding: 10px 0 50px; } .technical-specs { padding-top: 0; padding-bottom: 50px; } .spec-mag { display: none; } .feature img { height: auto; object-fit: unset; } .inventory-nav .download.col-md-auto { padding-top: 10px; padding-bottom: 10px; } .inventory-nav .download a { width: calc(100% + 30px); margin: 0 -15px; display: block; text-align: center; } .py-100 { padding-top: 50px; padding-bottom: 50px; } .carousel-container { min-height: 420px; } .applications .table-row div:nth-child(3), .applications .table-row div:nth-child(4) { border-top: 1px solid #dee2e6; } .chassis .section-content { margin-bottom: 30px; } .vehicle-options .slick-list, .related-equipment-slick .slick-list { padding: 0 20px !important; } .slick-arrow { display: none !important; } .spec-sheet { margin-top: 0px; } .spec-title { margin-top: 35px; margin-bottom: 30px; } .applications .table-container .row div:nth-child(3), .applications .table-container .row div:nth-child(4) { background-color: #fff; } .applications .table-container .row:nth-child(2n) div:first-child, .applications .table-container .row:nth-child(2n) div:nth-child(2) { background-color: #f7f7f7; } .applications .table-container .row div:nth-child(2) { border-right: none; } .options-carousel { padding-top: 50px; } .background-image-holder img { max-height: none !important; margin-top: -115px !important; } footer .links a { margin-left: 0; margin-right: 1em; } .article .inventory-nav .inv-nav{width:auto;display:flex;} .article-container .inventory-nav .inv-nav{width:auto;display:flex;} .inventory .form .form-group:not(:last-child) > .flex-column:first-child { padding-right: 15px; } .inventory .form .form-group:not(:last-child) > .flex-column:last-child { padding-left: 15px; } .form-contact { padding: 20px 0; } .selecter { margin-bottom: 10px; } .pattern-bg h1, .difference .title-group h1 { font-size: 48px !important; line-height: 48px; letter-spacing: 0.48px; } .support-con .pattern-bg.background-image-holder{ bottom:0; } h3.large { font-size: 38px; } .pattern-bg h3.large { line-height: 46px; } .box-link { margin-bottom: 15px; } .nav-dif-top .container { padding-top: 50px; padding-bottom: 40px; } form .pr-1 { padding-right: 0 !important; } form .pl-1 { padding-left: 0 !important; } .floating-image .nuts-and-bolts { display: none; } .pt-100 { padding-top: 50px; } .pb-100 { padding-bottom: 50px; } .pt-80 { padding-top: 40px; } .pb-80 { padding-bottom: 40px; } .pt-120 { padding-top: 60px; } .pb-120 { padding-bottom: 60px; } .pt-40 { padding-top: 20px; } .pb-40 { padding-bottom: 20px; } .difference { padding-top: 50px; padding-bottom: 50px; } .difference .hoghead { display: none; } .difference .content { padding-top: 0; } .competitors-title { margin-top: 30px; margin-bottom: 40px; } .competitor-item { width: 100%; display: block; flex-basis: 100%; } .competitor-item img { margin: 0 auto; display: block; } .catalog-resources { padding-bottom: 40px; padding-top: 50px; } .resource-title { margin-top: 50px; } .floating-image { display: none; } .finance { margin-top: 0 !important; padding-top: 0; } h2.display { font-size: 48px; line-height: 58px; letter-spacing: 0.48px; } h1.display { font-size: 48px; line-height: 58px; letter-spacing: 0.48px; } .company .under-img { margin-top: 0; } .company .under-img .row { display: block; } .company .under-img .img-background { object-fit: unset; max-width: 100%; display: block; } .ten-k .playbutton { min-height: 36px; margin: 15px 0; } .ten-k .playbutton::after { top: unset; right: unset; left: calc(50% - 18px); } .company-employee { padding-left: 15px; padding-right: 15px; } .contact-container form .pr-1 { padding-right: 15px !important; } .contact-container form .pl-1 { padding-left: 15px !important; } .office-locations { padding: 60px 0; } .yellow-bg .tour-text { margin-bottom: 25px; } .carousel-container { padding-bottom: 40px; } .form-styling { padding: 10px 0; } .float-over-hero { margin-top: 0; } .px-2 { padding-right: 0 !important; padding-left: 0 !important; } .form-group.row .px-1 { padding-right: 15px !important; padding-left: 15px !important; } .client-advantages.advantages { height: auto !important; padding-top: 40px; } .client-advantages.advantages .col-lg-8 { margin-bottom: 50vh; } .highway-removal .slick-list { padding: 0 20px !important; } .highway-removal .background-image-holder { margin-top: 0; } .highway-equipment { padding-bottom: 50px; } .highway-maintenance { padding-top: 50px; } .highway-maintenance .btn-warning { margin-bottom: 25px; } .highway-chassis figure { margin-bottom: 20px; } .hero-img { margin-top: 0 !important; min-height: 100vh; } .hero-img .hotspot-container { min-height: 100vh; } .design { padding-top: 50px; padding-bottom: 50px; } .maintenance { padding-top: 50px; padding-bottom: 50px; } .confirmation .hog-head { display: none; } .confirmation-grid { margin-top: 0; padding-top: 96px; } .confirmation-grid .text-item .title { font-size: 48px; line-height: 38px; letter-spacing: 0.48px; } .details .form { padding: 20px 15px; } .spec-form { padding: 10px 0; } .photo { height: 370px; } .media { min-height: 100vh !important; } #specs .spec-form { padding: 10px; } .product-gallery .gallery-item { width: 25%; } .product-gallery .gallery-button { width: 100%; margin-top: 25px; } .mega-menu .btn-container { position: relative; bottom: unset; top: unset; right: unset; left: unset; padding: 10px 5px; } .mega-menu .tab-content ul > li { padding: 15px; } .menu > ul > li > ul.mega-menu.active { height: auto; overflow: visible; } ul.tabs.light .tab-link { width: 100%; align-self: center; } .contact-container .img-container img { min-height: 1px; height: auto; width: 100%; } .media img:not(.product-emblem) { max-height: unset; } .location-form { position: relative !important; margin-top: 0; top: 0; } .years .grid-container { display: grid; grid-template-columns: calc(540px * 0.63) calc(540px * 0.11) calc( 540px * 0.26 ); grid-template-rows: calc(300px * 0.3) calc(300px * 0.48) calc( 300px * 0.2 ); margin: 0 auto; } .years .years-number { grid-column: 1 / span 3; grid-row: 1 / span 3; } .years .years-number img { max-width: 100%; } .years .year-video { grid-column: 2 / span 1; grid-row: 2 / span 1; } .confirmation-grid { display: grid; grid-template-columns: calc(540px * 0.1) calc(540px * 0.14) calc( 540px * 0.19 ) repeat(2, calc(540px * 0.03)) calc(540px * 0.27) calc( 540px * 0.17 ) 1fr; grid-template-rows: calc(1080px * 0.05) calc(1080px * 0.05) calc( 1080px * 0.05 ) calc(1080px * 0.19) calc(1080px * 0.21) calc(1080px * 0.34); } .confirmation-grid .text-item:nth-child(1) { grid-column: 1 / span 2; grid-row: 1 / span 1; } .confirmation-grid .text-item:nth-child(2) { display: none; } .confirmation-grid .text-item:nth-child(3) { grid-column: 2 / span 6; grid-row: 2 / span 1; } .confirmation-grid .text-item:nth-child(4) { grid-column: 3 / span 1; grid-row: 3 / span 1; margin-left: 0; } .confirmation-grid .text-item:nth-child(5) { grid-column: 5 / span 4; grid-row: 3 / span 4; margin-top: -7px; } .confirmation-grid .text-item:nth-child(6) { grid-column: 1 / span 3; grid-row: 4 / span 2; } .confirmation-grid .text-item .articles-title { font-size: 38px; line-height: 42px; margin-top: 0; letter-spacing: 0.38px; } .pt-55 { padding-top: 0; } } /* Mobile Landscape */ @media screen and (min-width: 416px) and (max-width: 800px) and (orientation: landscape) { .article .inventory-nav .inv-nav{width:auto;display:flex;} .article-conatiner .inventory-nav .inv-nav{width:auto;display:flex;} .carousel-buttons li { width: 50%; padding: 10px 40px; } .categories .card .card-img-top { object-fit: unset; height: auto; } .w-25 { width: 100% !important; } .w-10 { width: 100% !important; } .inventory-nav { margin-top: 0; } .inventory-nav .inv-nav { display: block; } .inventory-nav .title { margin-right: -15px; text-align: center; padding: 26px 1.5vw 15px 1.5vw; height: 100%; width: calc(100% + 30px); } .inv-nav .btn-black { width: 100%; margin-bottom: 10px; } .product-emblem { margin-top: 40px; max-height: 200px; } .advantages { padding: 60px 0 50px; } .advantages h2 { margin-bottom: 0; } .advantages h4 { text-align: center; } .applications { padding: 50px 0 0; } .applications.img-bg .background-image-holder { height: 80vmin !important; } .product-gallery { padding: 10px 0 50px; } .technical-specs { padding-top: 0; padding-bottom: 50px; } .spec-mag { display: none; } .feature img { height: auto; object-fit: unset; } .inventory-nav .download.col-md-auto { padding-top: 10px; padding-bottom: 10px; } .inventory-nav .download a { width: calc(100% + 30px); margin: 0 -15px; display: block; text-align: center; } .py-100 { padding-top: 50px; padding-bottom: 50px; } .carousel-container { min-height: 420px; } .applications .table-row div:nth-child(3), .applications .table-row div:nth-child(4) { border-top: 1px solid #dee2e6; } .chassis .section-content { margin-bottom: 30px; } .vehicle-options .slick-list, .related-equipment-slick .slick-list { padding: 0 20px !important; } .slick-arrow { display: none !important; } .spec-sheet { margin-top: 0px; } .spec-title { margin-top: 35px; margin-bottom: 30px; } .applications .table-container .row div:nth-child(3), .applications .table-container .row div:nth-child(4) { background-color: #fff; } .applications .table-container .row:nth-child(2n) div:first-child, .applications .table-container .row:nth-child(2n) div:nth-child(2) { background-color: #f7f7f7; } .applications .table-container .row div:nth-child(2) { border-right: none; } .options-carousel { padding-top: 50px; } .background-image-holder img { max-height: none !important; margin-top: -115px !important; } footer .links a { margin-left: 0; margin-right: 1em; } .inventory .form .form-group:not(:last-child) > .flex-column:first-child { padding-right: 15px; } .inventory .form .form-group:not(:last-child) > .flex-column:last-child { padding-left: 15px; } .form-contact { padding: 20px 0; } .selecter { margin-bottom: 10px; } .pattern-bg h1, .difference .title-group h1 { font-size: 48px !important; line-height: 48px; letter-spacing: 0.48px; } .support-con .pattern-bg.background-image-holder{ bottom:0; } h3.large { font-size: 38px; } .pattern-bg h3.large { line-height: 46px; } .box-link { margin-bottom: 15px; } .nav-dif-top .container { padding-top: 50px; padding-bottom: 40px; } form .pr-1 { padding-right: 0 !important; } form .pl-1 { padding-left: 0 !important; } .floating-image .nuts-and-bolts { display: none; } .pt-100 { padding-top: 50px; } .pb-100 { padding-bottom: 50px; } .pt-80 { padding-top: 40px; } .pb-80 { padding-bottom: 40px; } .pt-120 { padding-top: 60px; } .pb-120 { padding-bottom: 60px; } .pt-40 { padding-top: 20px; } .pb-40 { padding-bottom: 20px; } .difference { padding-top: 50px; padding-bottom: 50px; } .difference .hoghead { display: none; } .difference .content { padding-top: 0; } .competitors-title { margin-top: 30px; margin-bottom: 40px; } .competitor-item { width: 100%; display: block; flex-basis: 100%; } .competitor-item img { margin: 0 auto; display: block; } .catalog-resources { padding-bottom: 40px; padding-top: 50px; } .resource-title { margin-top: 50px; } .floating-image { display: none; } .finance { margin-top: 0 !important; padding-top: 0; } h2.display { font-size: 48px; line-height: 58px; letter-spacing: 0.48px; } h1.display { font-size: 48px; line-height: 58px; letter-spacing: 0.48px; } .company .under-img { margin-top: 0; } .company .under-img .row { display: block; } .company .under-img .img-background { object-fit: unset; max-width: 100%; display: block; } .ten-k .playbutton { min-height: 36px; margin: 15px 0; } .ten-k .playbutton::after { top: unset; right: unset; left: calc(50% - 18px); } .company-employee { padding-left: 15px; padding-right: 15px; } .contact-container form .pr-1 { padding-right: 15px !important; } .contact-container form .pl-1 { padding-left: 15px !important; } .office-locations { padding: 60px 0; } .yellow-bg .tour-text { margin-bottom: 25px; } .carousel-container { padding-bottom: 40px; } .form-styling { padding: 10px 0; } .float-over-hero { margin-top: 0; } .px-2 { padding-right: 0 !important; padding-left: 0 !important; } .form-group.row .px-1 { padding-right: 15px !important; padding-left: 15px !important; } .client-advantages.advantages { height: auto !important; padding-top: 40px; } .client-advantages.advantages .col-lg-8 { margin-bottom: 50vh; } .highway-removal .slick-list { padding: 0 20px !important; } .highway-removal .background-image-holder { margin-top: 0; } .highway-equipment { padding-bottom: 50px; } .highway-maintenance { padding-top: 50px; } .highway-maintenance .btn-warning { margin-bottom: 25px; } .highway-chassis figure { margin-bottom: 20px; } .hero-img { margin-top: 0 !important; min-height: 100vh; } .hero-img .hotspot-container { min-height: 100vh; } .design { padding-top: 50px; padding-bottom: 50px; } .maintenance { padding-top: 50px; padding-bottom: 50px; } .confirmation .hog-head { display: none; } .confirmation-grid { margin-top: 0; padding-top: 56px; } .confirmation-grid .text-item .title { font-size: 48px; line-height: 38px; letter-spacing: 0.48px; } .details .form { padding: 20px 15px; } .spec-form { padding: 10px 0; } .photo { height: 370px; } .media { min-height: 100vh !important; } #specs .spec-form { padding: 10px; } .product-gallery .gallery-item { width: 25%; } .product-gallery .gallery-button { width: 100%; margin-top: 25px; } .mega-menu .btn-container { position: relative; bottom: unset; top: unset; right: unset; left: unset; padding: 10px 5px; } .mega-menu .tab-content ul > li { padding: 15px; } .menu > ul > li > ul.mega-menu.active { height: auto; overflow: visible; } ul.tabs.light .tab-link { width: 50%; align-self: center; } .contact-container .img-container img { min-height: 1px; height: auto; width: 100%; } .media img:not(.product-emblem) { max-height: unset; } .location-form { position: relative !important; margin-top: 0; top: 0; } .years .grid-container { display: grid; grid-template-columns: calc(540px * 0.63) calc(540px * 0.11) calc( 540px * 0.26 ); grid-template-rows: calc(300px * 0.3) calc(300px * 0.48) calc( 300px * 0.2 ); margin: 0 auto; } .years .years-number { grid-column: 1 / span 3; grid-row: 1 / span 3; } .years .years-number img { max-width: 100%; } .years .year-video { grid-column: 2 / span 1; grid-row: 2 / span 1; } .confirmation-grid { display: grid; grid-template-columns: calc(540px * 0.1) calc(540px * 0.14) calc( 540px * 0.19 ) repeat(2, calc(540px * 0.03)) calc(540px * 0.27) calc( 540px * 0.17 ) 1fr; grid-template-rows: calc(1080px * 0.05) calc(1080px * 0.05) calc( 1080px * 0.05 ) calc(1080px * 0.19) calc(1080px * 0.21) calc(1080px * 0.34); } .confirmation-grid .text-item:nth-child(1) { grid-column: 1 / span 2; grid-row: 1 / span 1; } .confirmation-grid .text-item:nth-child(2) { display: none; } .confirmation-grid .text-item:nth-child(3) { grid-column: 2 / span 6; grid-row: 2 / span 1; } .confirmation-grid .text-item:nth-child(4) { grid-column: 3 / span 1; grid-row: 3 / span 1; margin-left: 0; } .confirmation-grid .text-item:nth-child(5) { grid-column: 5 / span 4; grid-row: 3 / span 4; margin-top: -7px; } .confirmation-grid .text-item:nth-child(6) { grid-column: 1 / span 3; grid-row: 4 / span 2; } .confirmation-grid .text-item .articles-title { font-size: 38px; line-height: 42px; margin-top: 0; letter-spacing: 0.38px; } .carousel-caption { right: unset; left: unset; } .carousel-caption h1 { font-size: 40px !important; line-height: 40px !important; letter-spacing: 0.4px !important; margin-top: 10px; } .carousel-caption p { line-height: 24px; margin-bottom: 15px; } .pt-55 { padding-top: 0; } .edu .book { max-height: 100vh; margin-left: auto; margin-right: auto; } } /* NEXUS 7 and iPhone X Landscape Resonsiveness */ @media screen and (min-width: 801px) and (max-width: 1000px) and (orientation: landscape) { .carousel-buttons li { width: 33.33333%; padding: 10px 40px; } .categories .card .card-img-top { object-fit: unset; height: auto; } .w-25 { width: 50% !important; } .w-10 { width: 25% !important; } .inventory-nav { margin-top: 0; width: 100%; } .inventory-nav .title { text-align: center; } .inv-nav .btn-black { width: 100%; margin-bottom: 10px; } .product-emblem { margin-top: 40px; min-height: 200px; } .advantages { padding: 60px 0 50px; } .advantages h4 { text-align: center; margin-top: 25px; } .applications { padding: 50px 0 0; } .applications.img-bg .background-image-holder { height: 98vmin !important; } .product-gallery { padding: 10px 0 50px; } .technical-specs { padding-top: 0; padding-bottom: 50px; } .spec-mag { display: none; } .feature img { height: 300px; } .inventory-nav .download.col-md-auto { padding-top: 10px; padding-bottom: 10px; } .inventory-nav .download a { width: calc(100% + 30px); margin: 0 -15px; display: block; text-align: center; } .inventory-nav .btn-black { padding: 10px 10px; margin-top: 5px; font-size: 10px; } .inventory-nav { font-size: 10px; } .py-100 { padding-top: 50px; padding-bottom: 50px; } .carousel-container { min-height: 420px; } .chassis .section-content { margin-bottom: 30px; } .vehicle-options .slick-list, .related-equipment-slick .slick-list { padding: 0 20px !important; } .slick-arrow { display: none !important; } .spec-sheet { margin-top: 0px; } .spec-title { margin-top: 35px; margin-bottom: 30px; } .options-carousel { padding-top: 50px; } .background-image-holder img { max-height: none !important; } footer .links a { margin-left: 0; margin-right: 1em; } .inventory .form .form-group:not(:last-child) > .flex-column:first-child { padding-right: 15px; } .inventory .form .form-group:not(:last-child) > .flex-column:last-child { padding-left: 15px; } .form-contact { padding: 20px 0; } .selecter { margin-bottom: 10px; } .pattern-bg h1, .difference .title-group h1 { font-size: 48px; line-height: 38px; letter-spacing: 0.48px; } h3.large { font-size: 38px; } .pattern-bg h3.large { line-height: 46px; } .box-link { margin-bottom: 15px; } .nav-dif-top .container { padding-top: 50px; padding-bottom: 40px; } form .pr-1 { padding-right: 0 !important; } form .pl-1 { padding-left: 0 !important; } .floating-image .nuts-and-bolts { display: none; } .pt-100 { padding-top: 50px; } .pb-100 { padding-bottom: 50px; } .pt-80 { padding-top: 40px; } .pb-80 { padding-bottom: 40px; } .pt-120 { padding-top: 60px; } .pb-120 { padding-bottom: 60px; } .pt-40 { padding-top: 20px; } .pb-40 { padding-bottom: 20px; } .difference { padding-top: 50px; padding-bottom: 50px; } .difference .hoghead { display: none; } .difference .content { padding-top: 0; } .competitors-title { margin-top: 30px; margin-bottom: 40px; } .competitor-item { width: 50%; display: block; flex-basis: 50%; } .competitor-item img { margin: 0 auto; display: block; } .catalog-resources { padding-bottom: 40px; padding-top: 50px; } .resource-title { margin-top: 50px; } .floating-image { display: none; } .finance { margin-top: 0 !important; padding-top: 0; } h2.display { font-size: 48px; line-height: 58px; letter-spacing: 0.48px; } h1.display { font-size: 48px; line-height: 58px; letter-spacing: 0.48px; } .company .under-img { margin-top: 0; } .company .under-img .row { display: block; } .company .under-img .img-background { object-fit: unset; max-width: 100%; display: block; } .ten-k .playbutton { min-height: 36px; margin: 15px 0; } .ten-k .playbutton::after { top: unset; right: unset; left: calc(50% - 18px); } .company-employee { padding-left: 15px; padding-right: 15px; } .contact-container form .pr-1 { padding-right: 15px !important; } .contact-container form .pl-1 { padding-left: 15px !important; } .office-locations { padding: 60px 0; } .carousel-container { padding-bottom: 40px; } .form-styling { padding: 10px 0; } .float-over-hero { margin-top: 0; } .px-2 { padding-right: 0 !important; padding-left: 0 !important; } .form-group.row .px-1 { padding-right: 15px !important; padding-left: 15px !important; } .client-advantages.advantages { height: auto !important; padding-top: 40px; } .client-advantages.advantages .col-lg-8 { margin-bottom: 80vh; } .highway-removal .slick-list { padding: 0 20px !important; } .highway-removal .background-image-holder { margin-top: 0; } .highway-equipment { padding-bottom: 150px; } .highway-maintenance { padding-top: 200px; } .floating-truck { margin-top: -150px; } .highway-maintenance .btn-warning { margin-bottom: 25px; } .highway-chassis figure { margin-bottom: 20px; } .hero-img { margin-top: 0 !important; } .hero-img .hotspot-container { min-height: 100vh; } .design { padding-top: 50px; padding-bottom: 150px; } .maintenance { padding-top: 200px; padding-bottom: 50px; } .confirmation .hog-head { display: none; } .confirmation-grid { margin-top: 0; padding-top: 96px; } .confirmation-grid .text-item .title { font-size: 48px; line-height: 38px; letter-spacing: 0.48px; } .details .form { padding: 20px 15px; } .photo { height: 370px; } .carousel-caption { right: unset; left: unset; padding-right: 15px; } .carousel-caption h1 { font-size: 40px !important; line-height: 40px !important; letter-spacing: 0.4px !important; margin-top: 10px; } .carousel-caption p { line-height: 24px; margin-bottom: 15px; } .media { min-height: 100vh !important; } .mt-50 { margin-top: -125px; } .slick-slide { height: 600px; } .slick-slide div { height: 600px; } .slick-slide figure.item { height: 600px; } .feature { height: 100%; } .mega-menu .btn-container { position: relative; bottom: unset; top: unset; right: unset; left: unset; padding: 10px 5px; } .mega-menu .tab-content ul > li { padding: 15px; } .menu > ul > li > ul.mega-menu.active { height: auto; overflow: visible; } ul.tabs.light .tab-link { width: 50%; align-self: center; } .contact-container .img-container img { min-height: 1px; height: auto; width: 100%; } .contact-container .w-100 { width: calc(100% + 30px) !important; } .yellow-bg .tour-button { margin-top: 15px; } .media img:not(.product-emblem) { max-height: unset; } .location-form { margin-top: 0; top: 0; position: relative !important; } .h-0 { height: auto; } .design-img { max-width: 100%; } .years .grid-container { display: grid; grid-template-columns: calc(720px * 0.63) calc(720px * 0.1) calc( 720px * 0.27 ); grid-template-rows: calc(400px * 0.35) calc(400px * 0.33) calc( 400px * 0.3 ); margin: 0 auto; } .years .years-number { grid-column: 1 / span 3; grid-row: 1 / span 3; } .years .years-number img { max-width: 100%; } .years .year-video { grid-column: 2 / span 1; grid-row: 2 / span 1; } .confirmation-grid { display: grid; grid-template-columns: calc(720px * 0.1) calc(720px * 0.14) calc( 720px * 0.14 ) repeat(2, calc(720px * 0.03)) calc(720px * 0.32) calc( 720px * 0.17 ) 1fr; grid-template-rows: calc(1440px * 0.04) calc(1440px * 0.04) calc( 1440px * 0.04 ) calc(1440px * 0.19) calc(1440px * 0.11) calc(1440px * 0.07); } .confirmation-grid .text-item:nth-child(1) { grid-column: 1 / span 2; grid-row: 1 / span 1; } .confirmation-grid .text-item:nth-child(2) { display: none; } .confirmation-grid .text-item:nth-child(3) { grid-column: 2 / span 5; grid-row: 2 / span 1; } .confirmation-grid .text-item:nth-child(4) { grid-column: 3 / span 1; grid-row: 3 / span 1; margin-left: 0; } .confirmation-grid .text-item:nth-child(5) { grid-column: 5 / span 4; grid-row: 3 / span 4; margin-top: -7px; } .confirmation-grid .text-item:nth-child(6) { grid-column: 1 / span 3; grid-row: 4 / span 2; } .confirmation-grid .text-item .articles-title { font-size: 38px; line-height: 42px; margin-top: 0; letter-spacing: 0.38px; } .category-slide .carousel-caption { bottom: 25%; } .edu .book { max-height: 100vh; margin-left: auto; margin-right: auto; } } /* Normal Tablet Portrait */ @media screen and (min-width: 750px) and (max-width: 1000px) and (orientation: portrait) { .carousel-buttons li { width: 33.33333%; padding: 10px 40px; } .categories .card .card-img-top { object-fit: unset; height: auto; } .w-25 { width: 50% !important; } .w-10 { width: 25% !important; } .inventory-nav { margin-top: 0; width: 100%; } .inventory-nav .title { text-align: center; } .inv-nav .btn-black { width: 100%; margin-bottom: 10px; } .product-emblem { margin-top: 40px; min-height: 200px; } .advantages { padding: 60px 0 50px; } .advantages h4 { text-align: center; margin-top: 25px; } .applications { padding: 50px 0 0; } .applications.img-bg .background-image-holder { height: 45vmin !important; } .product-gallery { padding: 10px 0 50px; } .technical-specs { padding-top: 0; padding-bottom: 50px; } .spec-mag { display: none; } .feature img { height: 300px; } .inventory-nav .download.col-md-auto { padding-top: 10px; padding-bottom: 10px; } .inventory-nav .download a { width: calc(100% + 30px); margin: 0 -15px; display: block; text-align: center; } .inventory-nav .btn-black { padding: 10px 10px; margin-top: 5px; font-size: 10px; } .inventory-nav { font-size: 10px; } .carousel-container { min-height: 420px; } .chassis .section-content { margin-bottom: 30px; } .vehicle-options .slick-list, .related-equipment-slick .slick-list { padding: 0 100px !important; } .slick-arrow { display: none !important; } .spec-sheet { margin-top: 0px; } .spec-title { margin-top: 35px; margin-bottom: 30px; } .options-carousel { padding-top: 50px; } .background-image-holder img { max-height: none !important; } footer .links a { margin-left: 0; margin-right: 1em; } .inventory .form .form-group:not(:last-child) > .flex-column:first-child { padding-right: 15px; } .inventory .form .form-group:not(:last-child) > .flex-column:last-child { padding-left: 15px; } .form-contact { padding: 20px 0; } .selecter { margin-bottom: 10px; } .pattern-bg h1, .difference .title-group h1 { font-size: 48px !important; line-height: 48px; letter-spacing: 0.48px; } .support-con .pattern-bg.background-image-holder{ bottom:0; } h3.large { font-size: 38px; } .pattern-bg h3.large { line-height: 46px; } .box-link { margin-bottom: 15px; } form .pr-1 { padding-right: 0 !important; } form .pl-1 { padding-left: 0 !important; } .floating-image .nuts-and-bolts { display: none; } .difference .hoghead { display: none; } .difference .content { padding-top: 0; } .competitor-item { width: 50%; display: block; flex-basis: 50%; } .competitor-item img { margin: 0 auto; display: block; } .catalog-resources { padding-bottom: 40px; padding-top: 50px; } .resource-title { margin-top: 50px; } .floating-image { display: none; } .finance { margin-top: 0 !important; padding-top: 0; } h1.display { font-size: 48px; line-height: 58px; letter-spacing: 0.48px; } .company .under-img { margin-top: 0; } .company .under-img .row { display: block; } .company .under-img .img-background { object-fit: unset; max-width: 100%; display: block; } .ten-k .playbutton { min-height: 36px; margin: 15px 0; } .ten-k .playbutton::after { top: unset; right: unset; left: calc(50% - 18px); } .company-employee { padding-left: 15px; padding-right: 15px; } .contact-container form .pr-1 { padding-right: 15px !important; } .contact-container form .pl-1 { padding-left: 15px !important; } .office-locations { padding: 60px 0; } .carousel-container { padding-bottom: 40px; } .form-styling { padding: 10px 0; } .float-over-hero { margin-top: 0; } .px-2 { padding-right: 0 !important; padding-left: 0 !important; } .form-group.row .px-1 { padding-right: 15px !important; padding-left: 15px !important; } .client-advantages.advantages { height: auto !important; padding-top: 40px; } .client-advantages.advantages .col-lg-8 { margin-bottom: 31vh; } .highway-removal .slick-list { padding: 0 100px !important; } .highway-removal .background-image-holder { margin-top: 0; } .highway-equipment { padding-bottom: 150px; } .highway-maintenance { padding-top: 200px; } .floating-truck { margin-top: -150px; } .highway-maintenance .btn-warning { margin-bottom: 25px; } .highway-chassis figure { margin-bottom: 40px; } .hero-img .hotspot-container { min-height: 75vh; } .design { padding-top: 50px; padding-bottom: 150px; } .maintenance { padding-top: 200px; padding-bottom: 50px; } .confirmation-grid { margin-top: -30px; } .confirmation-grid .text-item .title { font-size: 48px; line-height: 38px; letter-spacing: 0.48px; } .details .form { padding: 20px 15px; } .photo { height: 370px; } .media { min-height: 75vh !important; height: 75vh; } .mt-50 { margin-top: -150px; } .feature { height: 100%; } .mega-menu .btn-container { position: relative; bottom: unset; top: unset; right: unset; left: unset; padding: 10px 5px; } .mega-menu .tab-content ul > li { padding: 15px; } .menu > ul > li > ul.mega-menu.active { height: auto; overflow: visible; } ul.tabs.light .tab-link { width: 50%; align-self: center; } .contact-container .img-container img { min-height: 1px; height: auto; width: 100%; } .contact-container .w-100 { width: calc(100% + 30px) !important; } .yellow-bg .tour-button { margin-top: 15px; } .media img:not(.product-emblem) { max-height: unset; } .location-form { margin-top: 0; top: 0; position: relative !important; } .h-0 { height: auto; } .design-img { max-width: 100%; } .years .grid-container { display: grid; grid-template-columns: calc(720px * 0.63) calc(720px * 0.1) calc( 720px * 0.27 ); grid-template-rows: calc(400px * 0.35) calc(400px * 0.33) calc( 400px * 0.3 ); margin: 0 auto; } .years .years-number { grid-column: 1 / span 3; grid-row: 1 / span 3; } .years .years-number img { max-width: 100%; } .years .year-video { grid-column: 2 / span 1; grid-row: 2 / span 1; } .confirmation-grid { display: grid; grid-template-columns: calc(720px * 0.1) calc(720px * 0.14) calc( 720px * 0.14 ) repeat(2, calc(720px * 0.03)) calc(720px * 0.32) calc( 720px * 0.17 ) 1fr; grid-template-rows: calc(1440px * 0.04) calc(1440px * 0.04) calc( 1440px * 0.04 ) calc(1440px * 0.19) calc(1440px * 0.11) calc(1440px * 0.1); } .confirmation-grid .text-item:nth-child(1) { grid-column: 1 / span 2; grid-row: 1 / span 1; } .confirmation-grid .text-item:nth-child(2) { display: none; } .confirmation-grid .text-item:nth-child(3) { grid-column: 2 / span 5; grid-row: 2 / span 1; } .confirmation-grid .text-item:nth-child(4) { grid-column: 3 / span 1; grid-row: 3 / span 1; margin-left: 0; } .confirmation-grid .text-item:nth-child(5) { grid-column: 5 / span 4; grid-row: 3 / span 4; margin-top: -7px; } .confirmation-grid .text-item:nth-child(6) { grid-column: 1 / span 3; grid-row: 4 / span 2; } .confirmation-grid .text-item .articles-title { font-size: 38px; line-height: 42px; margin-top: 0; letter-spacing: 0.38px; } .carousel-indicators { left: 47%; } .category-slide .carousel-caption { left: 3%; right: 3%; padding-right: 15px; } .highway .hero-img .media { min-height: 479px !important; } .client-hero { margin-top: 26px !important; } .confirmation .hog-head { margin-top: -8px; } } /* Normal Tablet Landscape */ @media screen and (min-width: 900px) and (max-width: 1100px) and (orientation: landscape) { .categories .card .card-img-top { object-fit: unset; height: auto; } .w-25 { width: 50% !important; } .inventory-nav { margin-top: 0; width: 100%; } .inventory-nav .title { text-align: center; } .inv-nav .btn-black { width: 100%; margin-bottom: 10px; } .product-emblem { margin-top: 40px; min-height: 200px; } .advantages { padding: 60px 0 50px; } .advantages h4 { text-align: center; margin-top: 25px; } .applications { padding: 50px 0 0; } .applications.img-bg .background-image-holder { height: 60vmin !important; } .product-gallery { padding: 10px 0 50px; } .technical-specs { padding-top: 0; padding-bottom: 50px; } .spec-mag { display: none; } .feature img { height: 300px; } .inventory-nav .download.col-md-auto { padding-top: 10px; padding-bottom: 10px; } .inventory-nav .download a { width: calc(100% + 30px); margin: 0 -15px; display: block; text-align: center; } .inventory-nav .btn-black { padding: 10px 10px; margin-top: 5px; } .carousel-container { min-height: 420px; } .chassis .section-content { margin-bottom: 30px; } .slick-arrow { display: none !important; } .spec-sheet { margin-top: 0px; } .spec-title { margin-top: 35px; margin-bottom: 30px; } .options-carousel { padding-top: 50px; } .background-image-holder img { max-height: none !important; } footer .links a { margin-left: 0; margin-right: 1em; } .inventory .form .form-group:not(:last-child) > .flex-column:first-child { padding-right: 15px; } .inventory .form .form-group:not(:last-child) > .flex-column:last-child { padding-left: 15px; } .form-contact { padding: 20px 0; } .selecter { margin-bottom: 10px; } .pattern-bg h1, .difference .title-group h1 { font-size: 80px; line-height: 70px; letter-spacing: 0.8px; } h3.large { font-size: 38px; } .pattern-bg h3.large { line-height: 46px; } .box-link { margin-bottom: 15px; } .floating-image .nuts-and-bolts { display: none; } .difference .hoghead { max-height: 100vh; padding-left: 150px; top: -50%; } .difference .content { padding-top: 0px; } .competitor-item { width: 33.33333%; display: block; flex-basis: 33.33333%; } .competitor-item img { margin: 0 auto; display: block; } .catalog-resources { padding-bottom: 40px; padding-top: 50px; } .resource-title { margin-top: 50px; } .finance { margin-top: 0 !important; padding-top: 0; } h1.display { font-size: 48px; line-height: 58px; letter-spacing: 0.48px; } .company .under-img { margin-top: 0; } .company .under-img .row { display: block; } .company .under-img .img-background { object-fit: unset; max-width: 100%; display: block; } .ten-k .playbutton { min-height: 36px; margin: 15px 0; } .ten-k .playbutton::after { top: unset; right: unset; left: calc(50% - 18px); } .company-employee { padding-left: 15px; padding-right: 15px; } .contact-container form .pr-1 { padding-right: 15px !important; } .contact-container form .pl-1 { padding-left: 15px !important; } .office-locations { padding: 60px 0; } .carousel-container { padding-bottom: 40px; } .form-styling { padding: 10px 0; } .float-over-hero { margin-top: 0; } .px-2 { padding-right: 0 !important; padding-left: 0 !important; } .form-group.row .px-1 { padding-right: 15px !important; padding-left: 15px !important; } .client-advantages.advantages { height: auto !important; padding-top: 40px; } .client-advantages.advantages .col-lg-8 { margin-bottom: 41vh; } .highway-removal .slick-list { padding: 0 100px !important; } .highway-removal .background-image-holder { margin-top: 0; } .highway-equipment { padding-bottom: 150px; } .highway-maintenance { padding-top: 315px; } .floating-truck { margin-top: -150px; } .highway-maintenance .btn-warning { margin-bottom: 25px; } .hero-img .hotspot-container { min-height: 75vh; } .design { padding-top: 50px; padding-bottom: 150px; } .maintenance { padding-top: 430px; } .confirmation-grid { margin-top: -80px; } .confirmation-grid .text-item .title { font-size: 48px; line-height: 38px; letter-spacing: 0.48px; } .details .form { padding: 20px 15px; } .photo { height: 470px; } .media { min-height: 75vh !important; height: 75vh; } .feature { height: 100%; } .mega-menu .btn-container { position: relative; bottom: unset; top: unset; right: unset; left: unset; padding: 10px 5px; } .mega-menu .tab-content ul > li { padding: 15px; } .menu > ul > li > ul.mega-menu.active { height: auto; overflow: visible; } ul.tabs.light .tab-link { width: 33.333333%; align-self: center; } .yellow-bg .tour-button { margin-top: 15px; } .media img:not(.product-emblem) { max-height: unset; } .location-form { margin-top: 0; top: 0; position: relative !important; } .h-0 { height: auto; } .design-img { max-width: 100%; } .years .grid-container { display: grid; grid-template-columns: calc(720px * 0.63) calc(720px * 0.1) calc( 720px * 0.27 ); grid-template-rows: calc(400px * 0.35) calc(400px * 0.33) calc( 400px * 0.3 ); margin: 0 auto; } .years .years-number { grid-column: 1 / span 3; grid-row: 1 / span 3; } .years .years-number img { max-width: 100%; } .years .year-video { grid-column: 2 / span 1; grid-row: 2 / span 1; } .confirmation-grid { display: grid; grid-template-columns: calc(960px * 0.1) calc(960px * 0.14) calc( 960px * 0.11 ) repeat(2, calc(960px * 0.03)) calc(960px * 0.32) calc(960px * 0.2) 1fr; grid-template-rows: calc(1440px * 0.04) calc(1440px * 0.04) calc( 1440px * 0.04 ) calc(1440px * 0.19) calc(1440px * 0.11) calc(1440px * 0.1); } .confirmation-grid .text-item:nth-child(1) { grid-column: 1 / span 2; grid-row: 1 / span 1; } .confirmation-grid .text-item:nth-child(2) { display: none; } .confirmation-grid .text-item:nth-child(3) { grid-column: 2 / span 5; grid-row: 2 / span 1; } .confirmation-grid .text-item:nth-child(4) { grid-column: 3 / span 1; grid-row: 3 / span 1; margin-left: 0; } .confirmation-grid .text-item:nth-child(5) { grid-column: 5 / span 4; grid-row: 3 / span 4; margin-top: -7px; } .confirmation-grid .text-item:nth-child(6) { grid-column: 1 / span 3; grid-row: 4 / span 2; } .confirmation-grid .text-item .articles-title { font-size: 38px; line-height: 42px; margin-top: 0; letter-spacing: 0.38px; } .carousel-indicators { left: 67%; } .carousel { max-height: 550px; } .carousel-inner { max-height: 550px; } .carousel-caption { padding-right: 15px; } .highway .hero-img .media { min-height: 479px !important; } .confirmation .hog-head { margin-top: -38px; } .cat-slide .carousel-caption { left: 2.5%; right: 2.5%; } .slick-slide { height: 650px; } .slick-slide div { height: 650px; } .slick-slide figure.item { height: 650px; } .highway .hero-img { margin-top: 0; } } /* Big Tablet Portrait */ @media screen and (min-width: 1001px) and (max-width: 1100px) and (orientation: portrait) { .categories .card .card-img-top { object-fit: unset; height: auto; } .w-25 { width: 50% !important; } .inventory-nav { margin-top: 0; width: 100%; } .inventory-nav .title { text-align: center; } .inv-nav .btn-black { width: 100%; margin-bottom: 10px; } .product-emblem { margin-top: 40px; min-height: 200px; } .advantages { padding: 60px 0 50px; } .advantages h4 { text-align: center; margin-top: 25px; } .applications { padding: 50px 0 0; } .applications.img-bg .background-image-holder { height: 45vmin !important; } .product-gallery { padding: 10px 0 50px; } .technical-specs { padding-top: 0; padding-bottom: 50px; } .spec-mag { display: none; } .feature img { height: 300px; } .inventory-nav .download.col-md-auto { padding-top: 10px; padding-bottom: 10px; } .inventory-nav .download a { width: calc(100% + 30px); margin: 0 -15px; display: block; text-align: center; } .inventory-nav .btn-black { padding: 10px 10px; margin-top: 5px; } .carousel-container { min-height: 420px; } .chassis .section-content { margin-bottom: 30px; } .slick-arrow { display: none !important; } .spec-sheet { margin-top: 0px; } .spec-title { margin-top: 35px; margin-bottom: 30px; } .options-carousel { padding-top: 50px; } .background-image-holder img { max-height: none !important; } footer .links a { margin-left: 0; margin-right: 1em; } .inventory .form .form-group:not(:last-child) > .flex-column:first-child { padding-right: 15px; } .inventory .form .form-group:not(:last-child) > .flex-column:last-child { padding-left: 15px; } .form-contact { padding: 20px 0; } .selecter { margin-bottom: 10px; } .pattern-bg h1, .difference .title-group h1 { font-size: 80px; line-height: 70px; letter-spacing: 0.8px; } h3.large { font-size: 38px; } .pattern-bg h3.large { line-height: 46px; } .box-link { margin-bottom: 15px; } .floating-image .nuts-and-bolts { display: none; } .difference .hoghead { max-height: 64vh; padding-left: 125px; top: -85%; } .difference .content { padding-top: 0px; } .competitor-item { width: 33.33333%; display: block; flex-basis: 33.33333%; } .competitor-item img { margin: 0 auto; display: block; } .catalog-resources { padding-bottom: 40px; padding-top: 50px; } .resource-title { margin-top: 50px; } .finance { margin-top: 0 !important; padding-top: 0; } h1.display { font-size: 48px; line-height: 58px; letter-spacing: 0.48px; } .company .under-img { margin-top: 0; } .company .under-img .row { display: block; } .company .under-img .img-background { object-fit: unset; max-width: 100%; display: block; } .ten-k .playbutton { min-height: 36px; margin: 15px 0; } .ten-k .playbutton::after { top: unset; right: unset; left: calc(50% - 18px); } .company-employee { padding-left: 15px; padding-right: 15px; } .contact-container form .pr-1 { padding-right: 15px !important; } .contact-container form .pl-1 { padding-left: 15px !important; } .office-locations { padding: 60px 0; } .carousel-container { padding-bottom: 40px; } .form-styling { padding: 10px 0; } .float-over-hero { margin-top: 0; } .px-2 { padding-right: 0 !important; padding-left: 0 !important; } .form-group.row .px-1 { padding-right: 15px !important; padding-left: 15px !important; } .client-advantages.advantages { height: auto !important; padding-top: 40px; } .client-advantages.advantages .col-lg-8 { margin-bottom: 25vh; } .highway-removal .slick-list { padding: 0 100px !important; } .highway-removal .background-image-holder { margin-top: 0; } .highway-equipment { padding-bottom: 150px; } .highway-maintenance { padding-top: 315px; } .floating-truck { margin-top: -150px; } .highway-maintenance .btn-warning { margin-bottom: 25px; } .hero-img .hotspot-container { min-height: 75vh; } .design { padding-top: 50px; padding-bottom: 150px; } .maintenance { padding-top: 430px; } .confirmation-grid { margin-top: -80px; } .confirmation-grid .text-item .title { font-size: 48px; line-height: 38px; letter-spacing: 0.48px; } .details .form { padding: 20px 15px; } .media { min-height: 75vh !important; height: 75vh; } .feature { height: 100%; } .mega-menu .btn-container { position: relative; bottom: unset; top: unset; right: unset; left: unset; padding: 10px 5px; } .mega-menu .tab-content ul > li { padding: 15px; } .menu > ul > li > ul.mega-menu.active { height: auto; overflow: visible; } ul.tabs.light .tab-link { width: 33.333333%; align-self: center; } .yellow-bg .tour-button { margin-top: 15px; } .media img:not(.product-emblem) { max-height: unset; } .location-form { margin-top: 0; top: 0; position: relative !important; } .h-0 { height: auto; } .design-img { max-width: 100%; } .years .grid-container { display: grid; grid-template-columns: calc(720px * 0.63) calc(720px * 0.1) calc( 720px * 0.27 ); grid-template-rows: calc(400px * 0.35) calc(400px * 0.33) calc( 400px * 0.3 ); margin: 0 auto; } .years .years-number { grid-column: 1 / span 3; grid-row: 1 / span 3; } .years .years-number img { max-width: 100%; } .years .year-video { grid-column: 2 / span 1; grid-row: 2 / span 1; } .confirmation-grid { display: grid; grid-template-columns: calc(960px * 0.1) calc(960px * 0.14) calc( 960px * 0.11 ) repeat(2, calc(960px * 0.03)) calc(960px * 0.32) calc(960px * 0.2) 1fr; grid-template-rows: calc(1440px * 0.04) calc(1440px * 0.04) calc( 1440px * 0.04 ) calc(1440px * 0.19) calc(1440px * 0.11) calc(1440px * 0.1); } .confirmation-grid .text-item:nth-child(1) { grid-column: 1 / span 2; grid-row: 1 / span 1; } .confirmation-grid .text-item:nth-child(2) { display: none; } .confirmation-grid .text-item:nth-child(3) { grid-column: 2 / span 5; grid-row: 2 / span 1; } .confirmation-grid .text-item:nth-child(4) { grid-column: 3 / span 1; grid-row: 3 / span 1; margin-left: 0; } .confirmation-grid .text-item:nth-child(5) { grid-column: 5 / span 4; grid-row: 3 / span 4; margin-top: -7px; } .confirmation-grid .text-item:nth-child(6) { grid-column: 1 / span 3; grid-row: 4 / span 2; } .confirmation-grid .text-item .articles-title { font-size: 38px; line-height: 42px; margin-top: 0; letter-spacing: 0.38px; } .carousel-indicators { left: 45%; } .carousel-caption { padding-right: 15px; } .highway .hero-img .media { min-height: 479px !important; } .confirmation .hog-head { margin-top: -38px; } .cat-slide .carousel-caption { left: 2.5%; right: 2.5%; } .slick-slide { height: 650px; } .slick-slide div { height: 650px; } .slick-slide figure.item { height: 650px; } .highway .hero-img { margin-top: 0; } } /* Big Tablet Landscape */ @media screen and (min-width: 1101px) and (max-width: 1370px) and (orientation: landscape) { .w-25 { width: 40% !important; } .categories .card .card-img-top { object-fit: unset; height: auto; } .category-slide .carousel-caption { left: calc(50% - 570px); right: calc(50% - 570px); } .applications.img-bg .background-image-holder { height: 60vmin !important; } .slick-slide { height: 550px; } .slick-slide div { height: 550px; } .slick-slide figure.item { height: 550px; } .client-advantages.advantages { height: 45vw; } } @media screen and (min-width: 1100px) { ul.tabs.light .tab-link { min-height: 94px; } } @media screen and (min-width: 576px) { .modal-dialog { max-width: 600px; } } @media screen and (max-width: 1250px) { #playlist { width: 50vw; } } @media screen and (max-width: 749px) { #playlist { width: 80vw; } } @media screen and (max-width: 469px) { #playlist { width: 100vw; } } @media screen and (max-width: 749px) and (min-width: 651px) and (orientation: portrait){ ul.tabs.light .tab-link { width: 50%; } .cbp-af-header.cbp-af-header-shrink .menu > ul > li > ul > li a { width: 100%!important; } } @media screen and (max-width: 1390px) and (min-width: 991px) { .menu.light.first { display:block; } .menu.light.first a{ text-align: right; margin-right: 10px; } /* .menu.light .fa-hide li:nth-child(2){ display:none; } */ } @media screen and (max-width: 1390px) and (min-width: 1200px) { .menu.light li.search { height: 50px; display: flex; align-items: center; } .search-btn { vertical-align: middle; } .menu .search-form { left: 28px; right: 0px; top: -10px; z-index: 1; } .menu .search-form input[type='submit']{ width: 20%; } .menu .search-form input[type='text']{ width: 80%; height: 50px; margin-bottom: 0 !important; } .menu .search-form { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 800px) and (min-width: 7501px) and (orientation: portrait){ .cbp-af-header.cbp-af-header-shrink .menu > ul > li > ul > li a { width: 50%!important; } }