/*XX-Large devices (larger desktops, 1400px and up)*/

@media (min-width: 1400px) {
    .mask {
        margin-top: -600px;
    }

    .blog-item.chooseus {
        height: 430px;
    }
    .car-item {
        /* height: 415px; */
    }
    video {
        height: 100%;
         width: 100%; 
        background-size: cover;
    }
    .mask h1{
        font-size: 60px;
    }
    img.w-100.flarge {
    /* height: 605px; */
}
img.w-100.fsmall {
    /* height: 150px; */
}
.car-top.flarge h6 {
    font-size: 32px;
}

.car-top.flarge h5 {
    font-size: 24px;
}

ul.car-list.flarge li {
    font-size: 22px;
}

.car-footer.flarge a {
    font-size: 24px;
}

.car-footer.flarge span {
    font-size: 24px;
}
}


/* Xtar Large Device: 1200px. */
@media (min-width: 1200px) and (max-width: 1500px){

}
/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {

}
/* Tablet & mobile Layout: 768px. */
@media only screen and (max-width: 991px) {

}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    video {

        width: 120%;
        margin-top: 45px;
    }

    .mask {

        margin-top: -210px;
        margin-bottom:60px;
    }

    .mask h1 {
        font-size: 24px;
    }

    .mask h3 {
        font-size: 14px;
    }
    .blog-area.corona {
        margin-top: -350px;
    }
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	video {

        width: 120%;
        margin-top: 45px;
    }

    .mask {

        margin-top: -210px;
        margin-bottom:60px;
    }

    .mask h1 {
        font-size: 24px;
    }

    .mask h3 {
        font-size: 14px;
    }
    .blog-area.corona {
        margin-top: -350px;
    }
}
/* extra small device*/
@media only screen and (min-width: 320px) and (max-width: 487px){
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}