@charset "UTF-8";

/*-----------------------------------------
===========================================
  CUSTOM CSS FOR TERSUS TEMPLATE
===========================================
-----------------------------------------*/

.menuStickTop{
 position: fixed;
 top: 0;
 }

 /*!
 Additional CSS for smoother hover transition
*/

.customSmooth{
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
 }



 /*!
 Additional CSS for Video Player
*/


 video {  
 position: fixed;
 top: 0;
 left: 0;
 }


@media screen and (min-width: 1921px) {
 video {
 width:100%; 
 min-height: 1080px;
 }

}

@media screen and (max-width: 1920px) {
 video {
 height: 1080px;
 width: 200%;
 left: -50%;
 }
}

@media screen and (max-width: 1050px) {
 video {
 height: 800px;
 width: 200%;
 left: -50%;
 }
}

@media screen and (max-width: 800px) {
 video {
 height: 600px;
 width: 200%;
 left: -50%;
 }
}

@media screen and (max-width: 640px) {
 video {
 height: 410px;
 width: 200%;
 left: -50%;
 }
}

@media screen and (max-width: 450px) {
 video {
 height: 320px;
 width: 200%;
 left: -50%;
 }
}


/*!
 Responsive Menu
*/


@media screen and (max-height: 600px) {

.customScrollBox {
  max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}


.customScrollContent {
    height: 700px;
}

::-webkit-scrollbar {
    width: 0px;
}

}

@media screen and (max-height: 550px) {

.customScrollBox {
  max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}


.customScrollContent {
    height: 600px;
}

::-webkit-scrollbar {
    width: 0px;
}

}

@media screen and (max-height: 500px) {

.customScrollBox {
  max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}


.customScrollContent {
    height: 650px;
}

::-webkit-scrollbar {
    width: 0px;
}

}

@media screen and (max-height: 450px) {

.customScrollBox {
  max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}


.customScrollContent {
    height: 750px;
}

::-webkit-scrollbar {
    width: 0px;
}

}

@media screen and (max-height: 400px) {

.customScrollBox {
  max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}


.customScrollContent {
    height: 750px;
}

::-webkit-scrollbar {
    width: 0px;
}

}

@media screen and (max-height: 360px) {

.customScrollBox {
  max-height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
}


.customScrollContent {
    height: 650px;
}

::-webkit-scrollbar {
    width: 0px;
}

}