/* mediaqueries */
/************************************/
@media screen and (max-width: 1000px) and (orientation: landscape) {
    
  html,
  body {
    background-color: #000; /* ensures black sides */
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden; /* keep scroll vertical only */
    transform: translateX(0); /* neutralize horizontal shift */
  }

  /* Hide navigation and header elements */
  header #topnav,
  header #mySidenav {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; /* disable interaction */
    transition: opacity 0.4s ease, visibility 0s 0.4s; /* fade out smoothly */
  }

  /* Remove extra padding for full-width layout */
  #video-wide {
    padding: 20px 0 !important;
  }

  #video-one{
    padding: 0 40px;
  }
  /* Fullscreen video container */
  .video-container {
    width: 100vw;
    height: 100vh; /* fallback for older browsers */
    height: 100dvh; /* ✅ dynamic viewport height fixes Brave/Safari mismatch */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black; /* prevent white edges on iOS Brave */
    overflow: hidden;
  }

  /* Make video fit perfectly within visible height */
  #scrollVideo {
    width: auto;
    height: 100%;
    max-width: 100vw; /* ensure no horizontal overflow */
    object-fit: contain; /* maintain aspect ratio */
    border: none;
  }

  /* Hide video selector for fullscreen look */
  /* #video-three { */
    /* display: none; */
  /* } */
}


@media screen and (max-width: 1000px) and (orientation: portrait) {

    header #topnav,
    header #mySidenav {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity 0.4s ease;
    }
}



/************************************/
@media only screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}


@media only screen and (max-width: 568px) {
    
    #about .span_4_of_5 {
        width: 100%
    }

    #about .span_1_of_5 {
        width: 100%
    }

    #about-one {
        padding-right: 0;
    }

    #about-two {
        text-align: left;
        max-width: 300px;
    }

    #about-two img {
        max-width: 50%
    }

    #scrollVideo {
    border: none;
  }


    .contact-form{
        margin-top: 20px;
    }
    
    
    #contact .span_1_of_2 {
        width: 100%
    }

    #foot-one .span_1_of_2 {
        width: 100%
    }

    

    #contact #contact-one {
        padding-right: 0;
    }

    .dot {
        height: 8px;
        width: 8px;
    }

    #buy-int-one .span_1_of_4 {
        width: 100%
    }

    #buy-int-one .int-three,
    #buy-int-one .int-two,
    #buy-int-one .int-four {
        display: none;
    }

    /* #buy-int-two {
        display: block;

    } */

    .int-five .pages-img img {
        max-width: 100%
    }

    #buy-text {
        padding-bottom: 0;
    }
    #buy-available .section.group{
        display: block;
    }
    #buy-available .span_1_of_2{
        width: 100%
    }
    #buy-available .pages-txt{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #buy-available .col,
    #buy-available #int-one {
        display: block;
    }

    #buy-available .pages-txt,
    #buy-available .pages-img {
        display: block;
        text-align: center;
    }

    .slideshow-container .text {
    font-size: 0.75em;
    }
}

/************************************/


@media only screen and (max-width: 768px) {
    .input-fields {
        display: block;
        width: 100%;
    }

    .spacer-transparent {
        height: 25px;
    }

    #forest,
    #fields,
    #sea,
    #about,
    #contact,
    #buy,
    #magazine {
        padding: 0 25px;
    }

    #forest-wide,
    #fields-wide,
    #sea-wide,
    #about-wide,
    #contact-wide,
    #buy-wide,
    #magazine-wide {
        padding: 40px 0;
    }

   

}


/************************************/


@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}


/************************************/


@media only screen and (min-width: 992px){
    .cd-top {
        height: 50px;
        width: 40px;
        right: 40px;
        bottom: 40px;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .cd-top {
        height: 50px;
        width: 40px;
        right: 40px;
        bottom: 40px;
    }
}

/************************************/


@media only screen and (max-width: 1024px) {

    #forest .span_1_of_2,
    #fields .span_1_of_2,
    #sea .span_1_of_2 {
        width: 100%;
    }

    #forest-one,
    #forest-two,
    #fields-one,
    #fields-two,
    #sea-one,
    #sea-two {
        height: auto;
        display: block;
    }

    #forest-one .pages-txt,
    #fields-one .pages-txt,
    #sea-one .pages-txt {
        padding: 0 0 40px 0;
    }

    #magazine-one,
    #magazine-two,
    #magazine-three {
        height: auto;
        display: block;
    }
 #magazine .span_1_of_3 {
        width: 100%;
    }

    #magazine-one .pages-txt {
        padding-top: 0;
    }

    #magazine-three .pages-txt {
        padding-bottom: 0;
        padding-left: 0;
    }
    
    
    
}


/************************************/


@media only screen and (min-width: 1200px){

    #forest-two .pages-img,
    #fields-two .pages-img,
    #sea-two .pages-img {
        max-width: 500px;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    #forest-two .pages-img,
    #fields-two .pages-img,
    #sea-two .pages-img {
        max-width: 500px;
    }
}