@charset "UTF-8";

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

 /*!
 Additional CSS for smoother hover transition
*/

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



 /*!
 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;
}

}