@media only screen
and (min-device-width : 1000px)
and (max-device-width: 1536px) {
 
    .header--text {
        z-index: 9;
        position: relative;
        margin-top: 4%;
    }
}

@media only screen
and (min-device-width : 1000px)
and (max-device-width: 1280px) {
    #main--header {
        height: 85vh; 
    }

    .header--text p {
        font-size: 12px;
        line-height: 15px; 
        padding: 12px 27px; 
    }
    
    .header--text h1 {
        font-size: 30px;
    }

    .header--text {
        margin-top: 5%;         
    }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
    #main--header {
        height: 52vh;
    }

    .header--text h1 {
        font-size: 31px;
    }

    .header--text p {
        font-size: 13px;
        line-height: 24px;
    }

    .header--text img {
        display: none;
    }

    #videoContainer video {
        position: absolute;
        top: -50%;
        left: 0px;
        right: 0px;
        width: 200%;
        height: 760px;
        max-width: none;
        max-height: none;
    }

    .box {
        margin-bottom: 30px;
    }

    .paral h1 {
        font-size: 27px;
    }

    .paral p {
        font-size: 12px;
        color: #f5f5f5;
        line-height: 21px;
        margin: 20px 0;
    }

    .paral img {
        display: none;
    }

    .owl-carousel .owl-item img { 
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .leis--box p {
        font-size: 15px;
        line-height: 27px;
    }

    .leis--box h5 {
        font-size: 30px;
    }
}


@media (-webkit-min-device-pixel-ratio: 3) 
and (min-resolution: 192dpi) 
and (max-width:640px) {
    #main--header {
        height: 52vh;
    }

    .header--text h1 {
        font-size: 22px;
    }

    .header--text p {
        font-size: 13px;
        line-height: 24px;
    }

    .header--text img {
        display: none;
    }

    #videoContainer video {
        position: absolute;
        top: -50%;
        left: 0px;
        right: 0px;
        width: 200%;
        height: 760px;
        max-width: none;
        max-height: none;
    }

    .box {
        margin-bottom: 30px;
    }

    .paral h1 {
        font-size: 27px;
    }

    .paral p {
        font-size: 12px;
        color: #f5f5f5;
        line-height: 21px;
        margin: 20px 0;
    }

    .paral img {
        display: none;
    }

    .owl-carousel .owl-item img { 
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .leis--box p {
        font-size: 15px;
        line-height: 27px;
    }

    .leis--box h5 {
        font-size: 30px;
    }
}