/* PHONE LANDSCAPE VERSION */

@media only screen and (min-width: 320px) and (orientation: landscape) {
    .bullet .badseed {
        width: 35px;
    }
    .crimeoclock p,
    .crimeoclock button,
    .crimeoclock h3,
    .insidia p,
    .insidia button,
    .insidia h3,
    .thebeggarsride p,
    .thebeggarsride button,
    .thebeggarsride h3,
    .sleepattack p,
    .sleepattack button,
    .sleepattack h3,
    .sheepup p,
    .sheepup button,
    .sheepup h3 {
        font-size: 0.8em;
    }
    .feature-img {
        max-width: 100% !important;
    }
    .logo {
        max-height: 130px;
        transition: all 0.4s ease;
    }
    .card.team {
        width: 205.5px;
    }
}


/* PHONE PORTRAIT VERSION */

@media only screen and (min-width: 320px) and (orientation: portrait) {
    .bullet .badseed {
        width: 35px;
    }
    .crimeoclock p,
    .crimeoclock button,
    .crimeoclock h3,
    .insidia p,
    .insidia button,
    .insidia h3,
    .thebeggarsride p,
    .thebeggarsride button,
    .thebeggarsride h3,
    .sleepattack p,
    .sleepattack button,
    .sleepattack h3,
    .sheepup p,
    .sheepup button,
    .sheepup h3 {
        font-size: 0.8em;
    }
    .feature-img {
        max-width: 50% !important;
    }
    .logo {
        max-height: 130px;
        transition: all 0.4s ease;
    }
    .card.team {
        width: 205.5px;
    }
}

@media only screen and (min-width: 321px) and (max-width: 424px) and (orientation: portrait) {
    /* #carouselSlider,
    #videoplayer
    {
        height: 345px;
    }

    .img-preview
    {
        max-height: 345px;
    } */
}

@media only screen and (min-width: 425px) and (max-width: 767px) and (orientation: portrait) {
    .bullet .badseed {
        width: 45px;
    }
    .stores>li {
        display: block;
    }
    .crimeoclock p,
    .crimeoclock button,
    .crimeoclock h3,
    .insidia p,
    .insidia button,
    .insidia h3,
    .thebeggarsride p,
    .thebeggarsride button,
    .thebeggarsride h3,
    .sleepattack p,
    .sleepattack button,
    .sleepattack h3,
    .sheepup p,
    .sheepup button,
    .sheepup h3 {
        font-size: 0.85em;
    }
    /* #carouselSlider,
    #videoplayer
    {
        height: 485px;
    }

    .img-preview
    {
        max-height: 485px;
    } */
    .logo {
        max-height: 130px;
        transition: all 0.4s ease;
    }
    .card.team {
        width: 205.5px;
    }
}


/* TABLET LANDSCAPE VERSION - not work, are the same as desktop */

@media only screen and (min-width: 360px) and (orientation: landscape) {
    .bullet .badseed {
        width: 45px;
    }
    .crimeoclock p,
    .crimeoclock button,
    .crimeoclock h3,
    .insidia p,
    .insidia button,
    .insidia h3,
    .thebeggarsride p,
    .thebeggarsride button,
    .thebeggarsride h3,
    .sleepattack p,
    .sleepattack button,
    .sleepattack h3,
    .sheepup p,
    .sheepup button,
    .sheepup h3 {
        font-size: 0.9em;
    }
    /* #carouselSlider,
    #videoplayer
    {
        height: 505px;
    }

    .img-preview
    {
        max-height: 505px;
    } */
    .logo {
        transition: all 0.4s ease;
        max-height: 200px;
    }
    .card.team {
        width: 205.5px;
    }
}

@media only screen and (min-width: 768px) and (orientation: landscape) {
    .bullet .badseed {
        width: 45px;
    }
    .crimeoclock p,
    .crimeoclock button,
    .crimeoclock h3,
    .insidia p,
    .insidia button,
    .insidia h3,
    .thebeggarsride p,
    .thebeggarsride button,
    .thebeggarsride h3,
    .sleepattack p,
    .sleepattack button,
    .sleepattack h3,
    .sheepup p,
    .sheepup button,
    .sheepup h3 {
        font-size: 0.9em;
    }
    /* #carouselSlider,
    #videoplayer
    {
        height: 685px;
    }

    .img-preview
    {
        max-height: 685px;
    } */
    .logo {
        transition: all 0.4s ease;
        max-height: 200px;
    }
    .card.team {
        width: 205.5px;
    }
}


/* TABLET PORTRAIT VERSION */

@media only screen and (min-width: 768px) and (orientation: portrait) {
    .bullet .badseed {
        width: 50px;
    }
    .crimeoclock p,
    .crimeoclock button,
    .crimeoclock h3,
    .insidia p,
    .insidia button,
    .insidia h3,
    .thebeggarsride p,
    .thebeggarsride button,
    .thebeggarsride h3,
    .sleepattack p,
    .sleepattack button,
    .sleepattack h3,
    .sheepup p,
    .sheepup button,
    .sheepup h3 {
        font-size: 0.9em;
    }
    /* #carouselSlider,
    #videoplayer
    {
        height: 585px;
    }

    .img-preview
    {
        max-height: 585px;
    } */
    .logo {
        transition: all 0.4s ease;
        max-height: 200px;
    }
}

@media only screen and (min-width: 980px) and (orientation: portrait) {
    /* #carouselSlider,
    #videoplayer
    {
        height: 685px;
    }

    .img-preview
    {
        max-height: 685px;
    } */
}


/* DESKTOP VERSION */

@media only screen and (min-width: 980px) {
    .bullet .badseed {
        width: 50px;
    }
    .crimeoclock p,
    .crimeoclock button,
    .crimeoclock h3,
    .insidia p,
    .insidia button,
    .insidia h3,
    .thebeggarsride p,
    .thebeggarsride button,
    .thebeggarsride h3,
    .sleepattack p,
    .sleepattack button,
    .sleepattack h3,
    .sheepup p,
    .sheepup button,
    .sheepup h3 {
        font-size: 1.1em;
    }
    .stores {
        top: -75px;
    }
    .stores li {
        display: inline-grid;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .stores a img {
        max-height: 64px;
        max-width: 100%;
        width: auto;
    }
    .logo {
        transition: all 0.4s ease;
        max-height: 130px;
    }
}

@media only screen and (min-width: 1025px) {
    /* #carouselSlider,
    #videoplayer
    {
        height: 485px;
    }

    .img-preview
    {
        max-height: 485px;
    } */
}

@media only screen and (min-width: 1240px) {
    /* #carouselSlider,
    #videoplayer
    {
        height: 585px;
    }

    .img-preview
    {
        max-height: 585px;
    } */
}

@media only screen and (min-width: 1600px) {
    /* #carouselSlider,
    #videoplayer
    {
        height: 685px;
    }

    .img-preview
    {
        max-height: 685px;
    } */
}

@media only screen and (min-width: 1960px) {
    /* #carouselSlider,
    #videoplayer
    {
        height: 885px;
    }

    .img-preview
    {
        max-height: 885px;
    } */
}