
/************************************************************************************
smaller than 1295
*************************************************************************************/
@media screen and (max-width: 1296px) {
    .slider_bg_right {
        height: 480px;
    }
    .slide_img {
        left:18%;
    }

}
/************************************************************************************
smaller than 1280
*************************************************************************************/
@media screen and (max-width: 1280px) {
    .slide_img {
        left:15%;
    }
    .slider_bg_right {
        height: 470px;
    }

}



/************************************************************************************
smaller than 1170
*************************************************************************************/
@media screen and (max-width: 1170px) {

    .slide_img {
        left:10%;
    }
.slider_bg_right {
    background: url(../images/line-right.png);
    height: 460px;
    background-repeat: no-repeat;
    background-size: cover;
}

}



/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) 
{
	.slider_bg_left
	{
		display:none;
		
	}
	.slider_bg_right
	{
		display:none;
	}

.slide_img {
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0 auto;
	left:0;
}
}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) 
{

}

/************************************************************************************
smaller than 767
*************************************************************************************/

@media screen and (max-width: 640px) 
{
.header_button {
    float: right;
    width: 100%;
    margin-bottom: 20px;
}

.payroll_img {
    position: relative;
	top:0;
}

.payroll_bg {
  
    padding: 20px;
    margin-top: 20px;
    padding-bottom: 0px;
    float: left;
    width: 100%;
}

.time_attendance {
    float: left;
    width: 100%;
    padding: 30px;
    margin-top: 20px;
    background: radial-gradient(97.1% 53.76% at 44.44% 53.76%, #E9EEFF 0%, rgba(233, 238, 255, 0) 100%);
}
.talent_management {
    float: left;
    width: 100%;
    padding: 0px;
    margin-top: 70px;
    background: radial-gradient(97.1% 53.76% at 44.44% 53.76%, #E9EEFF 0%, rgba(233, 238, 255, 0) 100%);
}

.talent_text h2 {
    float: left;
    font-family: 'Futura Md BT';
    margin-left: 20px;
    margin-top: 33px;
    font-size: 23px;
}
.talent_text {
    float: left;
    width: 100%;
    padding-top: 50px;
}

.time_right {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.time_right h2 {
    float: left;
    font-family: 'Futura Md BT';
    margin-left: 20px;
    margin-top: 18px;
    font-size: 23px;
}
}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {


}