@media only screen and (min-width:1400px){
    .container{
        max-width: 1208px;
    }
}
@media only screen and (max-width:1399px){
    .about-us-content{
        max-width: 570px;
        padding: 0 66px 0 24px;
    }
    .spot .about-us-content{
        padding: 0 24px 0 66px;
    }
}
@media only screen and (max-width:1199px){
    .heading{
        font-size: 60px;
    }
    .hero{
        min-height: 920px;
    }
    .logo{
        padding: 80px 0 0;
    }
    .about-us-content {
        max-width: 480px;
        padding: 0 0 0 24px;
    }
    .spot .about-us-content {
        padding: 0 24px 0 0;
    }
    .activations-right {
        padding: 0 0 0 50px;
    }
}
@media only screen and (max-width:991px){
    .hero {
        min-height: 750px;
    }
    .logo{
        padding: 60px 0 0;
    }
    .logo a img {
        height: 100px;
        max-height: 100px;
    }
    .hero-subheading{
        font-size: 24px;
    }
    .retail{
        margin: 0 0 30px;
    }
    .about-us{
        flex-direction: column;
        gap: 50px;
        margin: 30px 0;
    }
    .about-us-left{
        width: 100%;
    }
    .about-us-content,
    .spot .about-us-content{
        max-width: 720px;
        margin: 0 auto;
        padding: 0 12px;
    }
    .about-us-content p,
    .spot .about-us-content p{
        max-width: 100%;
    }
    .about-us-right{
        padding: 0;
        width: 100%;
    }
    .about-us-img,
    .spot .about-us-right,
    .spot .about-us-img{
        padding: 0;
    }
    .spot.about-us{
        flex-direction: column-reverse;
    }
    .opportunities{
        margin: 60px 0 30px 0;
        padding: 60px 0;
    }
    .opportunities::after {
        background-size: 150px 150px;
        top: -90px;
        right: 40px;
        height: 150px;
        width: 150px;
    }
    .opportunities-copy{
        max-width: 100%;
        margin: 0 0 50px;
    }
    .leasing{
        border-left: 0;
        border-top: 1px solid var(--primaryColor);
        padding: 50px 0 0 0;
    }
    .activations{
        flex-direction: column-reverse;
        gap: 50px;
        margin: 30px 0;
    }
    .activations-left{
        padding: 0;
        width: 100%;
    }
    .activations-left .slick-list{
        margin: 0 -8px;
    }
    .activations-right {
        max-width: 720px;
        margin: 0 auto;
        padding: 0 12px;
        width: 100%;
    }
    .activationscon-content{
        margin: 0 auto;
        max-width: 100%;
        padding: 0;
    }
    .activationscon-content p{
        max-width: 100%;
    }
    .discover{
        margin: 30px 0 60px;
    }
}
@media only screen and (max-width:767px){
    .hero {
        min-height: 600px;
    }
    .logo {
        gap: 20px;
        padding: 40px 0 0;
    }
    .hero-subheading {
        font-size: 22px;
        letter-spacing: 3px;
    }
    .logo a img {
        height: 80px;
        max-height: 80px;
    }
    .retail-box-heading{
        font-size: 40px;
    }
    .heading {
        font-size: 36px;
    }
    .about-us-content,
    .spot .about-us-content,
    .activationscon-content{
        gap: 20px;
        max-width: 540px;
    }
    .about-us-content p{
        font-size: 16px;
    }
    .opportunities::after {
        background-size: 130px 130px;
        top: -80px;
        height: 130px;
        width: 130px;
    }
    .opportunities-title{
        margin: 0;
    }
    .activationscon-content p{
        font-size: 16px;
    }
    .leasing-btn{
        font-size: 22px;
    }
    .discover-content{
        gap: 20px;
    }
    .discover-heading{
        font-size: 32px;
    }
    .discover-content p{
        font-size: 20px;
        line-height: 28px;
    }
    .footer-wrapper {
        padding: 60px 0 50px;
    }
    .footer-logo img {
        height: 100px;
    }
}
@media only screen and (max-width:575px){
    .container{
        max-width: 100%;
    }
    .hero {
        min-height: 520px;
    }
    .hero-subheading {
        font-size: 18px;
        letter-spacing: 2px;
    }
    .logo {
        padding: 30px 0 0;
    }
    .logo a img {
        height: 70px;
        max-height: 70px;
    }
    .retail-box{
        margin: -100px auto 0;
        padding: 0 20px 40px;
    }
    .about-us-content,
    .spot .about-us-content,
    .activationscon-content{
        padding: 0;
    }
    .activations-slide-img img {
        min-height: 460px;
    }
    .discover-heading{
        font-size: 28px;
        letter-spacing: 2px;
    }
    .footer{
        gap: 40px;
    }
    .footer-social ul{
        gap: 20px;
    }
}
@media only screen and (max-width:480px){
    .discover-content{
        background-size: auto 90%;
    }
    .discover-content p {
        font-size: 18px;
        line-height: 26px;
    }
    .leasing-btn {
        font-size: 20px;
        letter-spacing: 1px;
    }
    .footer-logo img {
        height: 80px;
    }
}