.sliderContainer {
    overflow: hidden;
}

.Sslider {
    min-height: 380px;
    width: 100%;
    /*height: 100%;*/
}

.slider2 {
    min-height: 80px;
    width: 100%;
    /*height:100%;*/
}

.slider3 {
    width: 100%;
    height: 300px;
    /*height:100%;*/
}

.slider4 {
    width: 100%;
    height: 400px;
}

.sld {
    width: 100%;
}

/*===================================================================================*/
/*Slider classes for Login page*/
/*===================================================================================*/
/*.loginContainer {
    overflow: hidden;
}*/

.loginSlider {
    width: 100%;
    height: 330px;
}

.loginSlide {
    width: 100%;
}

/*===================================================================================*/
/*Slider classes for ChangePW charm*/
/*===================================================================================*/
.cpwContainer {
    position: relative;
    overflow: hidden;
    height: 400px;
    width: 300px;
    z-index: 999;
}

.cpwSlider {
    height: 270px;
    width: 300px;
    background-color: transparent;
}

.cpwSlide {
    width: 300px;
    z-index: 999;
}

/*===================================================================================*/
/*Slider classes for Balance page*/
/*===================================================================================*/

.balContainer {
    /*overflow: hidden;*/
}

.balSlider {
    width: 100%;
    min-height: 650px;
}

.balSlider1900 {
    width: 100%;
    height: 1900px;
    background-color: transparent;
}

.balSlider900 {
    width: 100%;
    height: 900px;
    background-color: transparent;
}
.balSlide {
    width: 100%;
    height: 100%;
}

/*===================================================================================*/
/*Slider classes for Transactions*/
/*===================================================================================*/
.transContainer400 {
    position: relative;
    overflow: hidden;
    height: 400px;
    width: 100%;
}

.transContainer500 {
    position: relative;
    /*overflow: hidden;*/
    min-height: 800px;
    width: 100%;
}

.transContainer600 {
    position: relative;
    overflow: hidden;
    height: 600px;
    width: 100%;
}

.transContainer800 {
    height: 800px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.transContainer1000 {
    position: relative;
    overflow: hidden;
    height: 1000px;
    width: 100%;
}

.transContainer1200 {
    position: relative;
    overflow: hidden;
    height: 1200px;
    width: 100%;
}

.slider6 {
    /*height: 600px;*/
}

.slider7 {
    width: 100%;
    height: 660px;
}

.slide700 {
    width: 100%;
    height: 700px;
}

.slider8 {
    width: 100%;
    height: 1000px;
}

.slider9 {
    width: 100%;
    min-height: 800px;
    overflow-y: visible;
}

.transSlide {
    float: left;
    width: 100%;
}