@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Open+Sans|Roboto:300,400,500,700');
@import url("bootstrap/bootstrap.min.css");
@import url("stylesheet.css");
@import url("hide-show.css");
@import url("animations/animate.min.css");
@import url("../lightbox/ekko-lightbox.html");
@import url("../fonts/font-awesome/css/font-awesome.css");
@import url("../fonts/font-awesome/css/font-awesome.min.css");
@import url("../js/owl-carousel/owl.carousel.css");
@import url("../js/owl-carousel/owl.theme.default.min.css");
@import url("portfolio/isotope-style.css");

/* REVOLUTION STYLE SHEETS */
@import url("../revolution/css/settings.css");
@import url("../revolution/css/layers.css");
@import url("../revolution/css/navigation.css");
@import url("../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css");
@import url("../revolution/fonts/font-awesome/css/font-awesome.css");


/* You can use any css file from following depends on color which you want, rightnow default.css is active */
@import url("colors/default.css");

/*@import url("colors/blue.css");
@import url("colors/green.css");
@import url("colors/red.css");
@import url("colors/orange.css");
@import url("colors/blue.css");
@import url("colors/yellow.css");
@import url("colors/brown.css");
@import url("colors/purple.css");
@import url("colors/grey.css");
@import url("colors/meroon.css");*/



#videoDiv2 {width:100%;  margin:auto; display:block; position: relative;} /* This has been changed */
#video2{width:20%; height:auto; z-index: 999999; } /* This has been changed */



@media screen and (max-width: 1180px) {


    #video2{width:25% !important; height:auto; z-index: 999999; }


}

@media screen and (max-width: 1080px) {


    #video2{width:30% !important; height:auto; z-index: 999999; }


}

@media screen and (max-width: 860px) {


    #video2{width:40% !important; height:auto; z-index: 999999; }


}

@media screen and (max-width: 620px) {


    #video2{width:40% !important; height:auto; z-index: 999999;
        margin-top: 20% !important; }


}




@media screen and (max-width: 480px) {


    #video2{width:50% !important; height:auto; z-index: 999999; 
    margin-top: 20% !important;
        
    }


}

.logo img{
    width: 30%;
}


@media screen and (max-width: 1180px) {.logo img{
    width: 60% !important;
}
}

@media screen and (max-width: 860px) {.logo img{
    width: 70% !important;
}
}

@media screen and (max-width: 520px) {.logo img{
    width: 90% !important;
}
}