@media (max-width: 991px) and (min-width: 500px) {


    .h1 {
        font-size: 28px;
        max-width: 800px; 
    }
    
    .h2 {
        font-size: 25px;
    }
    
    .h3 {
        font-size: 20px;
    }
    
    .b {
        font-size: 16px;
        line-height: 1.3;
    }


    .b2 {
        font-size: 16px;
        line-height: 1.3;
    }


    .s {
        font-size: 12px;
        line-height: 1.3;
    }
    
    .sub {
        font-size: 12px;
        line-height: 1.3;
    }

    .pad {
        margin-top: 18px;
    }
    
    .pad-h {
        margin-top: 9px;
    }
    
    .pad-bd {
        margin-bottom: 20px;
    }
    
    .pad-d {
        margin-top: 36px;
    }

    .checkout {
        padding-block: 12px;
        width: 100%;
    }

    .subscribe {
        padding-block: 12px;
        width: 100%;
    }

    .edition {
        border: 1px black;
        border-style: solid;
        padding-block: 6px;
        padding-inline: 16px;
        background-color: transparent;
    }

    .inactive {
        opacity: 0.35;
        -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        -ms-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
    }

    .inactive:hover {
        opacity: 1;
    }

.information-container {
    width: 100%;
    display:flex;
    z-index:900;
    height:auto;
    position: relative;
    }
    
.information {
    width:100%;
    background-color: white;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

.mailing-div {
    display: flex;
    flex-direction: column-reverse;
    background-color: white;
}

.mailing-container {
    width: 100%;
    display:flex;
    flex-direction: row;
    z-index:900;
    height:auto;
    position: relative;
    }
    
.mailing {
    width:100%;
    padding-left: 20px;
    padding-right: 20px;
}
    
.thumbnail-slider-container {
    display: none;
}

.main-slider-container {
    width: 100%;
    height:auto;
    position: relative;
}

.img-bg {
    height: 100dvh !important;
    width: 100% !important;
    display: flex;
}

.img-buy {
    height: auto !important;
    width: 100% !important;
    align-items: center;
}

.img-responsive {
    display: none;
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;    
}

.one { background-image: none; }
.two { background-image: none }
.three { background-image: none }


.home-one { background-image: none;}
.home-two { background-image: none;}


.hamburger-icon {
    width: 40px;
    height: 30px;
    position: relative;
    cursor: pointer;
}

.hamburger-icon span {
    display: block;
    position: absolute;
    height: 7px;
    width: 100%;
    background: black;
    transition: .25s ease-in-out;
}

.hamburger-icon span:nth-child(1) {
    top: 0;
}

.hamburger-icon span:nth-child(2) {
    top: 13px;
}

.hamburger-icon span:nth-child(3) {
    top: 26px;
}

.hamburger-icon.open span:nth-child(1) {
    top: 13px;
    transform: rotate(45deg);
}

.hamburger-icon.open span:nth-child(2) {
    opacity: 0;
}

.hamburger-icon.open span:nth-child(3) {
    top: 13px;
    transform: rotate(-45deg);
}

#menu {
    display: none;
}

.nav-right {
    margin: 20px;
    position: fixed;
    top:0;
    right:0;
    z-index:999;
}


.nav-left {
    margin: 16px;
    position: fixed;
    top: 0;
    left:0;
    z-index:990;
}

.back-button {
    width: 48px;
    height: 48px;
    border: 2px solid black;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.back-button::before {
    content: '<';
    font-size: 34px;
    color: black;
    font-family: sans-serif;
    font-weight: 900;
    margin-top: -3px;
    margin-left: -2.5px;
}

.m1 {
    background-color: rgb(1, 158, 228, .9);
}

.m1 p {
    color: white;
}

.m2 {
    background-color: rgb(255, 237, 0, .9);
}

.m3 {
    background-color: rgb(230, 16, 132, .9);
}

.m3 p {
    color: white;
}


.m4 {
    background-color: rgb(0, 0, 0, .9);
}

.m4 p {
    color: white;
}

.m5 {
    background-color: #ededed;
}


.email-input {
    width: 100%;
}

input {
    padding-block: 10px;
    padding-block-start: 11px;
    padding-inline: 12px;
}


.buttons-home {
    padding: 20px;
    flex-direction: column;
}

.text-description {
    max-width: 530px;
    margin-bottom: 16px;
}

a {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

.text-section {
    padding-top: 8vw;
    padding-bottom: 8vw;
    padding-left: 20px;
    padding-right: 20px;    
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: white;
}


.mb {
    margin-bottom: 16px;
}


section.vid-scroll video {
    width: 100vw;
    height: 60vh;
    object-fit: cover;
}


.video {
    width: 100vw;
    height: 40vh;
    object-fit: cover;
    object-position: center;
    position: relative;
    transition: opacity .5s ease;
    z-index: 1;
}

.video-pre {
    width: 100vw;
    height: 100dvh;
    object-fit: cover;
    object-position: 92% 0%;
    position: relative;
    transition: opacity .5s ease;
    z-index: 1;
}


.intro {
    height: unset;
    padding: 20px;
}

.dh {
    height: 500px !important;
}

.holder {
    height: 100dvh;
    display: flex;
    align-items: center;
}

.col-h {
    width: 100%; 
    height: 100%;
}


.holder {
    height: 100vh;
    display: flex;
    align-items: center;
}


.flex-c {
    gap: unset;
    flex-direction: column;
}

.extra-header {
    padding: 20px;
    padding-bottom: 200px;
    padding-top: 60px;
}


.two {
    padding-top: 60px;
}


.ig-button {
    width: 75px;
    height: 75px;
    border: 2px solid black;
}

.linktree-button {
    width: 75px;
    height: 75px;
    border: 2px solid black;
}

.bumper {
    padding-top: 30px;
}

.menu-item {
    gap: 20px;
}

.menu-item {
    font-size: 50px;
    letter-spacing: 0;
    }
    
.mr {
    margin-right: 5px;
}

.top {
    margin-bottom: 5px;
}

.top-same {
    margin-bottom: 5px;
}

.dual-a {
    display:flex;
    flex-direction: row;
    position:relative;
    width: 100vw;
    padding: 1.5vw;
    gap:8vw;
}

.dual-b {
    display:flex;
    flex-direction: row;
    position:relative;
    width: 100vw;
    padding: 4.5vw;
    gap:3vw;
}

.dual-c {
    display:flex;
    flex-direction:row;
    position:relative;
    width: 100vw;
    padding: 10vw;
}

.dual-d {
    display:flex;
    flex-direction:row;
    position:relative;
    width: 100vw;
    padding: 4.5vw;
    gap:3vw;
}

.dual-e {
    display:flex;
    flex-direction:row;
    position:relative;
    width:100vw;
    padding: 1.3vw;
}

.dual-f {
    display:flex;
    flex-direction:column;
    position:relative;
    width:100vw;
    padding:0;
}

.a {
    width:140vw;
    margin-left:-26vw;
}


.bx {
    width:65vw;
    margin-top:6vw;
}

.c {
    width:50vw;
}

.d {
    width:100%;
    margin-left:0;
    padding: 20px;
}

.e {
    width:100%;
    margin-top: 0;
    padding: 20px;
}

.phoo-logo-size {
    width: 50vw;
}


.us-links {
    gap: 3vw;
}

.uk-links {
    gap: 3vw;
}

.deluxe-links{
    height:16vw;
    width:27vw;
}

.button:hover {
opacity: 1 !important;
}


}