/*################################################### 
###-START
###-RESPONSIVE DEVICE
-------------------######
1. 1400px devices
2. 1200 xlarge devices
3. 992px large devices
4. 768px medium devices
5. 576px small devices

=============================
=============================
###################################################*/


/*##############################
Extra large: ---------
1. 1400px devices
##############################*/
@media screen and (max-width: 1400px) {
}

/*############################## 
Extra large: ---------
2. 1200 xlarge devices
##############################*/
@media screen and (max-width: 1200px) {
}

/*############################## 
large layout:  --------- 
3. 992px large devices
##############################*/
@media screen and (max-width: 991px) {

    /* hero area here */
    .hero {
        height: 50vh;
    }
    #rev_slider_48_1_forcefullwidth {
        height: 50vh !important;
    }
    #rev_slider_48_1_wrapper {
        height: 50vh !important;
    }
    #rev_slider_48_1_wrapper video {
        height: 50vh;
    }





}

/*############################## 
Medium Layout: ---------
4. 768px medium devices
##############################*/
@media screen and (max-width: 768px) {
}

/*############################## 
Small Layout: ---------
5. 576px small devices
##############################*/
@media screen and (max-width: 576px) {
}