/*
Template: StreamLab - Streamlab - Video Streaming HTML5 Template
Author: Gentechtree
Version: 1.0
Design and Developed by: Gentechtree
*/

/* Base Styles */
.gen-front-image:before {
    height: auto;
}

/* Large Screens (1499px and below) */
@media (max-width: 1499px) {
    .gen-appstore-logo, .gen-playstore-logo {
        width: 60%;
        height: auto;
    }
}

/* Extra Small Devices (Phones, 480px and below) */
@media only screen and (max-width: 480px) {
    /* Layout & Spacing */
    .gen-section-padding-2 {
        padding: 10px;
        margin: 0;
    }
    
    .video-section {
        margin-top: 0;
    }
    
    /* Banner & Images */
    .gen-front-image:before {
        height: 0;
    }
    
    .gen-banner-movies .item {
        margin-top: 0;
    }
    
    .gen-banner-movies.banner-style-2 .item {
        height: 400px;
        margin-bottom: 15px;
        padding: 0;
    }
    
    /* Carousel */
    .owl-carousel .owl-item img {
        height: 200px;
        object-fit: cover;
    }
    
    /* Store Logos */
    .gen-appstore-logo,
    .gen-playstore-logo {
        width: 140px;
        height: auto;
        margin: 5px;
    }
}

/* Small Devices (Tablets, 481px to 767px) */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    /* Layout & Spacing */
    .gen-section-padding-2 {
        padding: 15px;
    }
    
    /* Banner & Images */
    .gen-banner-movies.banner-style-2 .item {
        height: 450px;
        margin-bottom: 20px;
    }
    
    /* Carousel */
    .owl-carousel .owl-item img {
        height: 220px;
        object-fit: cover;
    }
    
    /* Store Logos */
    .gen-appstore-logo,
    .gen-playstore-logo {
        width: 160px;
        height: auto;
        margin: 8px;
    }
}

/* Medium Devices (Tablets & Small Laptops, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* Layout & Spacing */
    .gen-section-padding-2 {
        padding: 20px;
    }
    
    /* Banner & Images */
    .gen-banner-movies.banner-style-2 .item {
        height: 500px;
    }
    
    /* Carousel */
    .owl-carousel .owl-item img {
        height: 250px;
        object-fit: cover;
    }
    
    /* Store Logos */
    .gen-appstore-logo,
    .gen-playstore-logo {
        width: 180px;
        height: auto;
        margin: 10px;
    }
}

/* Typography */
@media only screen and (max-width: 767px) {
    body {
        font-size: 14px;
        line-height: 1.5;
    }
    
    h1 {
        font-size: 24px;
    }
    
    h2 {
        font-size: 20px;
    }
    
    h3 {
        font-size: 18px;
    }
}

/* General Improvements */
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

img {
    max-width: 100%;
    height: auto;
}