/*
	Theme Name: Roadtrek
	Theme URI: http://www.roadtrek.com
	Version: 1.0.0
	Author: MVP Marketing + Design
	Author URI: http://www.mvpdesign.com
*/

html { 
    scroll-behavior: smooth; 
}

.Announcement-bar {
    position: sticky;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1005;
    text-align: center;
    padding: 8px;
}

.Announcement-bar p {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.Footer-credit {
    margin-top: 70px;
}

.Footer-credit span {
    font-size: 11px;
}

.Footer-newsletter p {
    font-size: 18px !important;
    color: #fff !important;
    font-weight: 500;
    text-align: left;
}

#fluentform_3 input, #fluentform_4 input {
    border-radius: 4px;
    font-size: 14px;
    padding: 12px 16px;
    padding-top: 10px;
    color: #2b2b2b;
    border: 1px solid rgb(206, 212, 218);
}

#fluentform_4 .select2-container {
    border: none;
    padding: 0px;
}

#fluentform_4 .select2-container > a {
    height: 45px;
    border-radius: 4px;
    padding: 10px 16px;
}

#fluentform_3 select, #fluentform_4 select {
    height: 44px;
}

#fluentform_3 button {
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
    /*background: transparent;*/
}

#fluentform_3 button:hover {
    background-color: #fff !important;
    color: #002F43 !important;
}

#fluentform_3_success, #fluentform_4_success {
    text-align: center;
    line-height: 1.5;
    margin-top: 0px;
    font-size: 14px;
    padding: 8px;
}

.Footer-newsletter p {
    font-size: 18px !important;
    color: #fff !important;
    font-weight: 500;
    text-align: left;
}

.RecaptchaField > div {
    margin-left: auto;
}

.ModelOverview-pricing {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    /*gap: 20px;*/
}
.ModelOverview-pricing img {
    max-width: 80px;
    width: 100%;
}

.ModelOverview-pricing.Custom-pricing {
    text-align: center;
}

.ModelOverview-pricing.Custom-pricing .Pricing {
    display: block;
    margin: 0px 8px;
}

.ModelOverview-pricing.Custom-pricing .Pricing .Pricing-currentOffer.Old-price {
    font-size: 32px;
}

.ModelOverview-pricing.Custom-pricing .Pricing .Pricing-currentOffer.Old-price span,
.ModelCard-pricing.Old-price,
.DetailedCard-price .Pricing .Pricing-currentOffer.Old-price span,
.DetailedCardSlide-price .Pricing .Pricing-currentOffer.Old-price span,
.Header-navItemModelPrice .Pricing .Pricing-currentOffer.Old-price span {
    /*text-decoration: line-through;*/
    color: #f00;
    position: relative;
}

.ModelOverview-pricing.Custom-pricing .Pricing .Pricing-currentOffer.Old-price span:after,
.ModelCard-pricing.Old-price:after,
.DetailedCard-price .Pricing .Pricing-currentOffer.Old-price span:after,
.DetailedCardSlide-price .Pricing .Pricing-currentOffer.Old-price span:after,
.Header-navItemModelPrice .Pricing .Pricing-currentOffer.Old-price span:after {
    content: '';
    position: absolute;
    top: 48%;
    transform: translateY(-48%);
    left: 0px;
    right: 0px;
    margin: 0px auto;
    width: 100%;
    height: 3px;
    background: #f00;
}

.ModelOverview-pricing.Custom-pricing div:last-child {
    margin-top: 15px;
}

.DetailedCard-price .Pricing .Pricing-currentOffer.Old-price span:first-child,
.DetailedCardSlide-price .Pricing .Pricing-currentOffer.Old-price span:first-child,
.Header-navItemModelPrice .Pricing .Pricing-currentOffer.Old-price span:first-child {
    font-size: 28px;
}

.Header-navItemModelPrice .Pricing .Pricing-currentOffer.Old-price span:first-child {
    margin-bottom: 6px;
}

.DetailedCard-price .DetailedCard-price-inner,
.DetailedCardSlide-price .DetailedCardSlide-price-inner {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    justify-content: center;
}

.home-page-video {
    display: none;
}

.home-page-banner {
    position: relative;
}
.home-page-banner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #05061A;
    width: 100%;
    height: 99.5%;
    opacity: .27;
}
.home-page-banner img {
    max-width: 100%;
    width: 100%;
}
.home-page-banner .Container--2020 {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    bottom: 120px;
    padding: 0px 20px;
    z-index: 5;
}
.anniversary-badge {
    position: absolute;
    top: 0px;
    right: 5px;
    max-width: 80px;
    width: 100%;
}
.DetailedCard-description {
    position: relative;
}
.model-header-with-badge > span {
    max-width: calc(100% - 75px);
    width: 100%;
    display: block;
    margin: 0px auto;
    margin-bottom: 10px;
}
.anniversary-badge-model {
    max-width: 50px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.anniversary-badge-choose-model {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 40px !important;
    width: 100%;
}

.Header-navItemModelBackground-Badge {
    position: absolute;
    top: 0px;
    left: 12px;
    max-width: 100px;
    width: 100% !important;
    max-height: unset !important;
    min-height: auto !important;
}

.ModelCard-content {
    position: relative;
}

.Footer-logo {
    max-width: 120px;
}

.OurModelsNav-item {
    vertical-align: top;
}

.OurModelsNav-container, .DetailedCard-container {
    max-width: 82rem;
}

.OurModelsNav-item span {
    white-space: normal;
}

.ModelContent-features-interior ul {
    display: grid;
    grid-template-columns: repeat(2, auto);
    width: 100% !important;
    grid-column-gap: 30px;
}

.OurModels-content p span {
    display: inline-block;
    margin: 0px 10px;
}

.Header-navItemModelBackground img:first-child {
    position: unset !important;
    transform: unset !important;
    margin-left: unset !important;
}

.Header-navItemModelImage {
    /*height: auto !important;*/
}

.Header-navItemModelImage img {
    width: 100% !important;
    max-width: 650px !important;
}

.Header-navItemModelImage.small-model img {
    max-width: 550px !important;
}

.Header-navItemThumbnail img {
    max-width: 42px !important;
    width: 100% !important;
}

/*.SingleModel .Hero.Hero--fixed {*/
/*    height: 650px;*/
/*    object-fit: cover;*/
/*}*/

.SingleModel .Hero.Hero--fixed img {
    /*transform: unset !important;*/
    /*top: unset !important;*/
    /*height: 100% !important;*/
    max-width: 100%;
    width: 100%;
}

.anniversary-popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.anniversary-popup-wrapper {
    position: fixed;
    top: 50%;
    transform: scale(0.9) translateY(-50%);
    left: 0px;
    right: 0px;
    width: fit-content;
    margin: 0px auto;
    background-color: #fff;
    padding: 16px;
    opacity: 0;
    transition: 1s;
}

.anniversary-popup-wrapper span {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
    padding: 8px;
    cursor: pointer;
}

.anniversary-popup-wrapper span::before {
    color: #dfc3a2 !important;
    font-size: 32px !important;
}

.anniversary-popup img {
    object-fit: contain;
    height: 80vh;
}

.anniversary-popup .mobile-img {
    display: none;
}

.automotive-option-item {
    display: flex;
    gap: 8px;
}

.list-checkmark {
    width: 20px;
    flex-shrink: 0;
}

.ModelSpecifications-content table tbody th,
.ModelSpecifications-content table tbody .th,
.BuildYourOwn-standardTitle {
    text-transform: capitalize;
}

.Footer-navigation > ul > li > a {
    background-color: transparent !important;
}

.Footer-navigation > ul li {
    border: none !important;
}

.Footer-misc {
    display: none;
}

.Footer-credit {
    padding: 0px 24px;
}

.Footer-social {
    padding: 0px 10px !important;
}

.Slider2020--btnGroup {
    flex-wrap: wrap;
    gap: 8px;
}

.DetailedCardSlide-description .name .Heading {
    padding-left: 0px !important;
}

.DetailedCardSlide-description .name .Heading--fix {
    padding-left: 20px;
    padding-right: 40px;
}

.Slider2020-bottom {
    opacity: 0;
}

.mobile-newsletter {
    display: none;
}

.hero-image-mobile {
    display: none !important;
}

.PhotoGallery-slide img {
    object-fit: contain;
}

.Hero.Hero--large, .Hero.Hero--fixed {
    height: auto !important;
    margin-top: -2px;
}

.Hero-Slider {
    /*margin-top: -90px;*/
}

.Hero-Slider .slick-arrow {
    background: rgb(255 255 255 / 80%);
    border-radius: 50px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    top: 45%;
}

.Hero-Slider .slick-arrow.slick-prev {
    left: 30px;
    padding-left: 6px;
}

.Hero-Slider .slick-arrow.slick-next {
    right: 30px;
    padding-right: 3px;
}

.Hero-Slider .slick-arrow:before {
    width: 13px;
    height: 13px;
    border-top: 3px solid #2B2B2B;
    border-right: 3px solid #2B2B2B;
}

.Hero-Slider-Item {
    position: relative;
}

.Hero-Slider-Item img {
    max-width: 100%;
    width: 100%;
}

.Hero-Slider-Item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #05061A;
    width: 100%;
    height: 99.5%;
    opacity: .27;
}

.Hero-Slider-Item-Container {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    bottom: 120px;
    padding: 0px 20px;
    z-index: 5;
}

.Hero-Slider-Item-Container.learn-more {
    max-width: unset;
    padding: 0px;
    position: absolute;
    width: auto;
    left: unset;
    /*left: 0px;*/
    /*top: 0px;*/
}

.Hero-Slider-Item-Container.learn-more .Hero-Slider-Item-Content {
    text-align: right;
    /*position: absolute;*/
    /*left: 0px;*/
    /*bottom: 0px;*/
}

.Hero-Slider-Item-Content h2 {
    text-transform: uppercase;
    font-size: 52px;
    font-weight: 700;
}

.Hero-Slider-Item-Content p {
    margin-bottom: 38px;
}

.Hero-Slider-Item-Content a {
    background-color: #fff;
    color: #2B2B2B;
    display: inline-block;
    width: auto;
    max-width: 100%;
    min-width: 200px;
    margin: 0;
    padding: 10px 15px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 2px solid #fff;
    outline: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    transition: all 0.1s ease-in-out;
}

.Hero-Slider-Item-Content a:hover {
    border-color: white;
    color: #fff !important;
    background: transparent !important;
}

/*.Header-primaryNav > ul:last-child {*/
/*    width: 24%;*/
/*}*/

/*.Header-secondaryNav > .Desktop--search {*/
/*    margin-right: 16px;*/
/*}*/

/*.rebate-coupon {*/
/*    margin-right: 8px;*/
/*}*/

/*.rebate-coupon a {*/
/*    background: #2b2b2b;*/
/*    padding: 9px 10px 9px 9px;*/
/*    border-radius: 10px;*/
/*    color: #fff !important;*/
/*    font-weight: 500;*/
/*    font-size: 14px;*/
/*}*/

/*.Header--top .rebate-coupon a {*/
/*    background: #fff;*/
/*    color: #2b2b2b !important;*/
/*}*/

/*.Header--middle .rebate-coupon a {*/
/*    color: #fff !important;*/
/*    background: #2b2b2b !important;*/
/*}*/

.Header-primaryNav > ul:first-child {
    width: 80%;
}

.Offer-block h1 {
    text-align: center;
    text-transform: uppercase;
}

.Offer-block ul li {
    line-height: 1.5;
    padding: 8px 0px;
}

.Offer-block strong {
    font-weight: 600;
}

.Offer-block .form-block {
    background: #fff;
    padding: 58px 58px 30px;
    overflow: hidden;
    margin-top: 48px;
    /*border-radius: 8px;*/
}

.Offer-block .form-block .fluentform .dealer-email,
.Offer-block .form-block .fluentform .contact-dealer-btn {
    display: none;
}

.Offer-block .form-block #fluentform_4_success,
.Offer-block .form-block #fluentform_4_errors {
    margin-bottom: 16px;
}

.Offer-block .fluentform button {
    border-radius: 0px !important;
    font-weight: 500 !important;
}

.Offer-block .fluentform .ff-t-container {
    gap: 24px;
}

.Offer-block .fluentform label {
    font-weight: 500 !important;
    margin-bottom: 6px !important;
}

.Typography h2 {
    margin-top: 20px;
}

.coupon-block img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.coupon-block .blkwrap {
    max-width: 100%;
}

.coupon-block .blkwrap h3 {
    font-size: 28px;
}

.ModelOverview-video-label {
    margin-bottom: 16px;
}

.message-block {
    text-align: center;
    width: fit-content;
    background: #012f43;
    padding: 12px 24px;
    border-radius: 4px;
    color: #fff;
    margin: 0px auto;
    margin-top: 24px;
    font-size: 18px;
    overflow: hidden;
}

.Hero-Slider-Item-Container.join-the-celebration {
    text-align: center;
    bottom: 25px;
}

.Hero-Slider-Item-Container.join-the-celebration a {
    border-radius: 50px;
    color: #5e5f61;
    padding: 6px 26px;
    text-transform: none;
    font-size: 18px;
    font-weight: 400;
}

@media (min-width: 960px) {
    .DetailedCard-image.big-model  {
        margin-top: -230px;
        width: 55%;
    }
}

@media only screen and (max-width: 899px) {
    .Footer-credit {
        margin-top: 40px;
    }
    .Footer-social {
        justify-content: center;
    }
    .Footer-newsletter {
        margin-top: 40px;
    }
    .Footer-navigation {
        padding: 0px !important;
    }
    .anniversary-badge {
        max-width: 40px;
    }
    .anniversary-popup .desktop-img {
        display: none;
    }
    .anniversary-popup .mobile-img {
        display: block;
    }
    .mobile-newsletter {
        display: block;
        padding: 0px 16px;
        margin-top: 0px;
    }
    .desktop-newsletter {
        display: none;
    }
    .home-page-banner .Container--2020 {
        bottom: 50px;
    }
    .Hero-Slider-Item-Container.join-the-celebration a {
        font-size: 14px;
        padding: 4px 20px;
    }
}

.Header-navItemTitle > span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: break-spaces;
    line-height: 1.5;
}

.coupon-bg {
    padding: 0px;
}

.coupon-bg img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.el-table_1_column_13 span {
    text-transform: uppercase;
}

.Modal-container.interior .Modal-content.Modal-content--image img {
    padding: 0px !important;
    background-color: #fff;
}

.Header-white {
    background-color: #fff;
    width: 100%;
    position: fixed !important;
    top: 0px !important;
    z-index: 999 !important;
    border-bottom: 1px solid #d1d1d2;
    height: 90px;
}

.Header-white.header-white-loggedin {
    top: 32px !important;
}

.Header-white .Header-white-Container {
    max-width: 85rem;
}

.SingleModel {
    margin-top: 0px !important;
}

.select2-search .error {
    display: none;
}

.Hero-Slider-Item:before {
    display: none !important;
}

.Locators-tabs.remove-tabs ul {
    display: none !important;
}

.locators-cover-image {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    /*height: 600px;*/
}

.Locators-content {
    max-width: 100%;
    margin-bottom: 48px;
}

.Locators-locator .Locators-locatorButton.contact-dealer-btn {
    color: #c02f36;
    /*border: 2px solid #2B2B2B;*/
}

.Locators-locator .Locators-locatorButton.contact-dealer-btn:after {
    color: #c02f36;
}

.Locators-locator .Locators-locatorButton.contact-dealer-btn:hover,
.Locators-locator .Locators-locatorButton.contact-dealer-btn:hover:after {
    color: #fff;
}

.locators-form {
    background: #fff;
    padding: 58px 58px 30px;
    overflow: hidden;
    /*margin-top: 48px;*/
}

.locators-form form h2 {
    margin-bottom: 24px;
}

.locators-form form input.wpcf7-form-control,
.locators-form form textarea.wpcf7-form-control {
    border-radius: 4px;
    font-size: 14px;
    padding: 12px 16px;
    padding-top: 10px;
    color: #2b2b2b;
    border: 1px solid rgb(206, 212, 218);
    margin-top: 4px;
    margin-bottom: 16px;
}

.locators-form form textarea.wpcf7-form-control {
    width: 100%;
    height: 200px;
}

.locators-form form input.wpcf7-form-control[type='submit'] {
    color: #fff;
    margin-top: 24px;
}

.Locators-tabs {
    background-color: #fff;
}

.Locators-map section.Map {
    margin-top: 16px;
}

.form-block.offer-page .Tabset .nav-tabs {
    display: none;
}



.OurModelsTitleBlock {
    padding-bottom: 120px;
    text-align: center;
    padding-left: 16px;
    padding-right: 16px;
}

.OurModelsTitleBlock h3 {
    margin-top: 12px;
    font-size: 28px;
    font-weight: 400;
}

.DetailedCard-price-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.DetailedCard-price-buttons .Button {
    min-width: auto;
}

.DetailedCard-price-buttons .Button--red {
    background-color: #f00;
    border-color: #f00;
    color: #fff;
}

.DetailedCard-price-buttons .Button--red:after {
    color: #fff;
}

.DetailedCard-price-buttons .Button--red:hover {
    background-color: #2b2b2b;
    border-color: #2b2b2b;
}

.Banner {
    background-image: url('/wp-content/uploads/2024/04/rebate-banner.jpg');
    background-position: center;
    object-fit: cover;
    position: relative;
    display: flex;
    align-items: center;
    padding: 48px 24px;
    background-repeat: no-repeat;
    background-size: cover;
}

.Banner .overlay {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3;
}

.Banner .DetailedCard-container {
    position: relative;
    z-index: 5;
}

.BannerContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 68px;
}

.BannerContent {
    color: #fff;
}

.BannerContent h1 {
    font-size: 82px;
    margin-bottom: 0px;
    line-height: normal;
}

.BannerContent .BannerContentLeftBlock p {
    font-size: 32px;
    margin: 24px 0px;
}

.BannerContent .BannerContentLeftBlock a {
    color: #fff;
    border: 2px solid #fff;
    padding: 16px;
    min-width: 220px;
    text-transform: uppercase;
    background-color: transparent;
    display: block;
    width: fit-content;
    text-align: center;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 500;
    margin-top: 48px;
}

.BannerContent .BannerContentLeftBlock a:hover {
    background-color: #fff;
    color: #2b2b2b;
    border: 2px solid #fff;
}

.BannerContentRightBlock {
    background: #847c7db0;
    border-radius: 12px;
    padding: 16px;
    max-width: 600px;
    width: 100%;
}

.BannerContentRightBlock input, 
.BannerContentRightBlock select {
    border-radius: 8px !important;
}

.BannerContentRightBlock .ff_submit_btn_wrapper {
    margin-bottom: 0px !important;
}

.BannerContentRightBlock .title {
    text-align: center;
    font-size: 28px;
    margin: 0px;
    line-height: normal;
    margin-bottom: 12px;
}

.BannerContentRightBlock .desc {
    font-size: 18px;
    margin-bottom: 16px;
    margin-top: 6px;
}

.BannerContentRightBlock .Locators-tabs {
    padding: 0px 24px;
    margin-top: 28px;
    overflow: auto;
    max-height: 300px;
}

.BannerContentRightBlock .Locators-locator {
    width: 50%;
}

.frm-fluent-form .choices__list--dropdown .choices__item {
    color: #000 !important;
}

.frm-fluent-form .choices__inner {
    border-radius: 8px !important;
}

.selected-dealer-text {
    display: none;
    margin-top: -10px;
}

.locator-success-message {
    background: #fff;
    border: 2px solid #01a22b;
    text-align: center;
    padding: 12px;
    max-width: 800px;
    width: 100%;
    margin: 0px auto;
    position: relative;
    top: 24px;
}

/*.Hero-Slider .slick-slide {*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*}*/
.Hero-Slider .slick-cloned {
    visibility: hidden;  /* Hide cloned slides until needed */
    opacity: 0;
}

@media screen and (max-width: 1250px) {
    .BannerContent {
        gap: 24px;
    }
}

@media screen and (max-width: 991px) {
    .BannerContent {
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }
    .BannerContentRightBlock {
        max-width: 100%;
    }
    .BannerContent h1 {
        font-size: 52px;
    }
    .BannerContent .BannerContentLeftBlock p {
        margin: 16px 0px;
        font-size: 28px;
    }
    .BannerContent .BannerContentLeftBlock a {
        margin-top: 24px;
    }
}

@media screen and (max-width: 767px) {
    .BannerContentRightBlock .Locators-locator {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .Header-white .Header-white-Container {
        padding: 0 20px;
    }
    .Locators-tab {
        padding: 58px 58px 0px !important;
    }
}

@media (min-width: 480px) {
    .Locators-tab.Typography h2 {
        font-size: 48px !important;
    }
}

@media only screen and (max-width: 767px) {
    .home .Slider2020 {
        margin-top: 0px;
    }
    .coupon-bg {
        background: unset !important;
        padding: 0px;
        min-height: unset;
    }
    .coupon-bg img {
        display: block;
        max-width: 100%;
        width: 100%;
    }
    .form-block {
        padding: 16px !important;
    }
    .form-block .Locators-locator {
        padding-right: 16px !important;
    }
    .Hero-Slider {
        /*margin-top: 0px;*/
    }
    .Hero-Slider-Item-Container {
        bottom: 30px;
    }
    .Hero-Slider-Item-Container.learn-more a {
        min-width: 160px;
        max-width: 160px;
    }
    .Header-white {
        height: auto;
    }
}

@media only screen and (max-width: 600px) {
    .DetailedCard-price .DetailedCard-price-inner,
    .DetailedCardSlide-price .DetailedCardSlide-price-inner {
        align-items: flex-start;
        gap: 0px;
        flex-direction: column;
    }
}

@media only screen and (max-width: 479px) {
    .Footer-social {
        padding: 0px 16px !important;
        justify-content: flex-start;
        margin-top: 12px !important;
    }
    .Footer-credit {
        padding: 0px 16px;
    }
    .hero-image-desktop {
        display: none !important;
    }
    .hero-image-mobile {
        display: block !important;
        position: relative !important;
    }
    .SingleModel .Hero img.hero-image-mobile {
        height: 650px !important;
        object-fit: cover;
    }
    .home-page-banner .Container--2020 {
        bottom: 30px;
    }
}

/* 8K resolution (7680x4320) */
@media screen and (max-width: 7680px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 1200px;
        right: 1280px;
    }
}

/* 5K resolution (5120x2880) */
@media screen and (max-width: 5120px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 800px;
        right: 820px;
    }
}

/* 4K resolution (3840x2160) */
@media screen and (max-width: 3840px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 600px;
        right: 600px;
    }
}

/* Quad HD resolution (2560x1440) */
@media screen and (max-width: 2560px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 380px;
        right: 360px;
    }
}

/* iPad Pro (10.5-inch, 11-inch) (2048x2732) */
@media screen and (max-width: 2048px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 300px;
        right: 260px;
    }
}

/* Full HD resolution (1920x1080) */
@media screen and (max-width: 1920px) {
    .Hero-Slider-Item-Container.learn-more {
        left: 360px !important;
    }
}

/* iPad Retina Display, iPad Air, iPad Mini Retina (1536x2048) */
@media screen and (max-width: 1536px) {
    .Hero-Slider-Item-Container.learn-more {
        left: 255px !important;
    }
}

/* Standard laptop resolution (1440x900) */
@media screen and (max-width: 1440px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 200px;
        right: 170px;
    }
}

/* Common laptop resolution (1366x768) */
@media screen and (max-width: 1366px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 200px;
        right: 150px;
    }
}

/* iPhone XS Max, 11 Pro Max (1242x2688) */
@media screen and (max-width: 1242px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 170px;
        right: 130px;
    }
}

/* iPhone X, XS, 11 Pro (1125x2436) */
@media screen and (max-width: 1125px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 150px;
        right: 110px;
    }
    .Hero-Slider-Item-Container.join-the-celebration {
        bottom: 15px;
    }
}

/* Full HD resolution (1080x1920) */
@media screen and (max-width: 1080px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 150px;
        right: 100px;
    }
}

/* iPad Mini, older iPads (768x1024) */
@media screen and (max-width: 768px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 100px;
        right: 50px;
    }
    .Hero-Slider-Item-Container.join-the-celebration {
        bottom: 10px;
    }
}

/* iPhone 6, 6s, 7, 8 (750x1334) */
@media screen and (max-width: 750px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 100px;
        right: 60px;
    }
    .Hero-Slider-Item-Container.join-the-celebration a {
        font-size: 12px;
        padding: 2px 16px;
        min-width: 160px;
    }
}

/* iPhone 6 Plus, 6s Plus, 7 Plus, 8 Plus (414x736) */
@media screen and (max-width: 414px) {
    .Hero-Slider-Item-Container.learn-more a {
        min-width: auto;
        max-width: unset;
        padding: 4px;
        font-size: 12px;
    }
    .Hero-Slider-Item-Container.learn-more {
        bottom: 52px;
        right: 32px;
    }
    .Hero-Slider-Item-Container.join-the-celebration {
        bottom: 2px;
    }
    .Hero-Slider-Item-Container.join-the-celebration a {
        font-size: 11px;
        min-width: 120px;
        padding: 1px 12px;
    }
}

/* iPhone 6, 6s, 7, 8 (375x667) */
@media screen and (max-width: 375px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 45px;
        right: 25px;
    }
}

/* Entry-level smartphones (360x720) */
@media screen and (max-width: 360px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 45px;
        right: 22px;
    }
    .Hero-Slider-Item-Container.join-the-celebration a {
        font-size: 10px;
    }
}


/* Small smartphone screens (320x480) */
@media screen and (max-width: 320px) {
    .Hero-Slider-Item-Container.learn-more {
        bottom: 38px;
        right: 15px;
    }
}

#pwbox-378572 {
    border: 1px solid;
}