/* ipad version */
@media (min-width: 769px) and (max-width: 834px) {

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

    /* blog */
    .blog-post .blog-image img {
        width: 90%;
        height: 90%;
        margin-top: 40px;
        margin-right: 10px;

    }
    .blog-image {
        width: 300px;
        height: 250px;
    }
    .text-container {
        max-width: 350px!important;
        margin-right: 20px;
      }
    /* end of blog */
}

/* mobile version */
@media (max-width: 768px) {



/* solo blog page */

.list-label  {
    margin-bottom: -10px !important;
  }


.reply-text {
    width: 100%;
  }
  
  .reply-name {
    width: 100%;
  }

  .blog-content {
    margin-bottom: 40px;
  }


  .comment-bubble {
    position: absolute; /* Make sure this is set */
    right: 0px;
    left: auto; /* Optional, but good for clarity */
  }
  

  .blog-date {
    margin-bottom: 25px;
  }

/* main page - movie container */

#trailer-text {
    display: none;
  }

#theater-text {
    margin-top: 5px;
    display: block;
    color:#a7a7a7;
    font-size: 14px;
    text-decoration: none;
    display: none;

}


.movie-poster {
    max-width: 290px; 
    min-width: 290px; 
    height: 400px;
    margin-left: 30px;
}

/* movie poster link, adds image margin */
#movie-poster-a {
    max-width: 322px; 
    min-width: 322px; 
}


    .hover-buttons {
        margin-left: 17px;
        bottom: 30px;
    }

    .trailer-modal iframe {
        width: 100%;
        height: 300px;
    }

    .close-btn {
        top: 30%;
        right: 4%; 
        font-size: 40px;

    }

    .movie-info {
        max-width: 1500px;
        margin-right: 0px;
        padding-right: 0%;
        margin-top: -15px;
    }

    /* sets container to vertical columns */
    .movie-content {
        flex-direction: column; 
        align-items: center;
        margin-left: 10px;
        margin-right: 10px;
    }     
    
    .movie-poster {
        margin-right: 0;
        margin-bottom: 20px; 
    } 
    
    #main-movie-title {
        font-size: 20px!important;
    }

    #data-text {
        font-weight: bold;
        font-size: 12px!important;
    }

    #description {
        min-height: 0px;
        margin-bottom: 0px;
    }


    .more-movie-info {
        display: flex;
        align-items: center; /* Centers items vertically */
        gap: 20px;
        margin-top: -15px;
        margin-left: 0px;
    }

    #review-bar {
        margin-top: 15px;
    }


    #platform
    #platform-text {
        display:block;
    }

    .trailer {
        margin-left: 285%;
    }

    #no-results-message {
        margin-bottom: 250px;
    }

/* side bar */
    .sidebar {
        height: calc(100vh - 275px)!important;
    }
/* end of side bar */

/* nav bar */
    .logo-container .movie-website-link img {
        width: 80%; 
        margin-bottom: 20px;
    }

    .navbar {
        margin-top: -20px;
    }
/* end of nav bar */
/* search bar */
    .search-bar-container {
        flex-direction: column;
        align-items: flex-start; 
    }

    #movie-subgenre {
        width: 128px;
    }

    .search-container {
        width: 430px; 
    }
/* end of search bar */
/* movie page */
    .movie-page-details {
        flex-direction: column;
    }

    .movie-page-hover-buttons {
        margin-top: -20px;
    }

    .movie-page-hover-button {
        font-size: 25px;

    }
        
    .movie-page-info {
        margin-top: -5px;
        margin-left: 0;
        padding: 0 10px;
        width: 450px;
    }

    .more-movie-page-info {
    margin-left: 10px;
    margin-top: 0px;
    width: 450px;
    }
    
    #movie-desc {
    margin-top: -10px;
    margin-bottom: -40px;
    }

    .trailer-movie-page {
        margin-top: -20px;
    }

    #movie-page-img {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%!important;
    height: auto;
    display: block;  
    margin-left: auto; 
    margin-right: auto; 
    }

    #data-movie-page {
        font-size: 13px !important;
    }
    
    #movie-page-runtime,
    #movie-page-rating{
        font-size: 13px!important;
    }
/*  end of movie page */
/* about page */
    .about-center-content p {
        margin: 0 20px; /* Add left and right margins for mobile */
    }
/* end of about page */
/* blog page */
    .blog-content {
        flex-direction: column; /* Stack elements vertically */
        align-items: center; /* Center align items */
        margin-right: 25px;
    }

    .text-container {
        margin-right: 0; /* Remove right margin */
        margin-bottom: 20px; /* Add some space below text */
        margin-right: 30px;

    }

    .image-container {
        max-width: 60%; /* Allow the image to take full width */
        text-align: center; /* Center the image */
        margin-bottom: 10px;
    }

    .blog-image {    
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .blog-post .blog-image img {
        margin-right: 25px;
        margin-left: 0px;
    }
/* end of blog page */
/* contact form page */
    #feedbackMessage {
        min-height: 25px;
        margin-top: 10px;
    }
/* end of contact form */
/* login/signup page */
    .auth-center-content {
        margin-top: 140px!important;
        margin-bottom: 110px!important;
    }
/* end of login/signup page */

}