/* ---------------------------------------------------------------------- */
/*	1024 Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1024px) {

	.social,.specialize{
		margin-top: 40px;
	}
	.title h2{
		font-size: 100px;
		line-height: 100px;
	}
	.divider_dark,
	.divider_light {
		margin: 20px 0;
	}
	.title p {
		padding-top: 40px;
	}
	.text_blog{
		display: none;
	}
	.ch-info{
		max-width: 248px;
	}
	.item_services h3 {
		font-size: 45px;
		line-height: 55px;
	}
	.bg-02{
		height: 1055px;
	}
	.bg-03{
		height: 1563px;
	}
}

/* ---------------------------------------------------------------------- */
/*	Mobile Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 980px){
	.opacy{
		padding: 100px 0;
	}
	.home .divider_light,
	.home p{
		width: auto;
	}
	.title h2,
	.title p{
		text-align: center;
	}
	.title p{
		padding-top: 0;
	}
	.paddings-content {
		padding: 40px 0;
	}
	.specialize div:first-child{
		margin-bottom: 30px;
	}
	.social, .specialize {
		margin-top: 20px;
	}
	.text_blog{
		display: table;
		margin-left: 200px;
	}
	.item_blog.top,
	.item_blog{
		margin-top: 40px;
	}
	.item_testimonial {
		width: 100%;
	}
	.item_services {
		padding: 70px 21px 100px 40px;
	}
	.info_hover{
		width: 100%;
		height: 350px;
	}
	.contact_us .right,
	.contact_us .left {
		text-align: center;
	}
	.item_services h3 {
		font-size: 50px;
		line-height: 60px;
	}
	header{
		position: relative;
	}
	.bg-01{
		height: 766px;
	}
	.bg-02 {
		height: 1126px;
	}
	.bg-03 {
		height: 1709px;
	}
	.info_hover h3{
		font-size: 30px;
		line-height: 40px;
	}
	.bg-04{
		height: 573px;
	}
}

/* ---------------------------------------------------------------------- */
/*	768px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px){
	.info_hover{
		width: 90%;
	}
	.home h1{
		letter-spacing: 0;
		font-size: 180px;
		line-height: 190px;
	}
}


/* ---------------------------------------------------------------------- */
/*	685px Version
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 685px) {
	.home h1 {
		font-size: 170px;
		line-height: 180px;
	}
	.home h2{
		line-height: 28px;
	}
	.paddings{
		padding: 60px 0 100px 0;
	}
	.social,
	.social .right,
	.item_services.left,
	.item_services h2{
		text-align: center;
	}
	.social_icon{
		margin-top: 20px;
	}
	.social_icon a{
		padding: 12px 0px 0 0;
	}
	.about{
		margin-bottom: 30px;
	}
	.specialize{
		display: none;
	}
	.display-none{
		display: none;
	}
	.item_blog.top, .item_blog {
		margin-top: 60px;
	}
	.title h2 {
		font-size: 100px;
		line-height: 110px;
	}
	.about_testimonial{
		top: 24px;
		padding: 10px;
	}
	.info_hover{
		height: 300px;
		left: 33px;
		text-align: left;
	}
	.border_right{
		display: none;
	}
	.bg-02 {
		height: 1371px;
	}
	.bg-03 {
		height: 2175px;
	}
}


/* ---------------------------------------------------------------------- */
/*	568px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 568px) {
	.home h1 {
		font-size: 140px;
		line-height: 150px;
	}
	.img_blog,
	.img_testimonial{
		float: none;
		margin: 0 auto;
	}
	.text_blog,
	.date_blog ul,
	.about_testimonial{
		margin-left: 0;
	}
	.item_blog,
	.testimonials li{
		text-align: center;
	}
	.img_testimonial{
		padding-right: 0; 
	}
	.about_testimonial{
		top: 0;
	}
}


/* ---------------------------------------------------------------------- */
/*	480px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 480px) {

	.home .divider_light{
		margin-top: 0;
		margin-bottom: 20px;
	}
	.title h2 {
		font-size: 90px;
		line-height: 100px;
	}
	.info_hover{
		height: 400px;
		left: 27px;
	}
	.contact_us h3 i{
		display: none;
	}
	.contact_us h3 a{
		line-height: 53px;
	}
	.home h1 {
		font-size: 120px;
		line-height: 130px;
	}
	.bg-01 {
		height: 722px;
	}
	.bg-02 {
		height: 1386px;
	}
	.bg-03 {
		height: 2542px;
	}
}


/* ---------------------------------------------------------------------- */
/*	384px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 384px) {
	.home h1 {
		font-size: 95px;
		line-height: 105px;
	}
	.home p{
		padding: 0 15px;
	}
	.title h2 {
		font-size: 75px;
		line-height: 85px;
	}
	.info_hover {
		width: 84%;
	}
	.contact_us h3 {
		font-size: 30px;
		line-height: 40px;
	}
	.social_icon ul li {
		padding: 0 23px;
	}
	.play-video h2{
		font-size: 50px;
		line-height: 60px;
	}
	.bg-03 {
		height: 2716px;
	}
	.bg-04 {
		height: 533px;
	}
}

/* ---------------------------------------------------------------------- */
/*	320px Version
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 320px) {
	.home p{
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
	}
	.logo_small{
		left: 40%;
	}
	.logo_big{
		margin-top: 0;
	}
	.services h2, .contact_us h2 {
		font-size: 65px;
	}
	.page_error h1 {
		font-size: 140px;
		line-height: 150px;
	}
	.home h1 {
		font-size: 80px;
		line-height: 90px;
	}
	.contact_us h3 {
		font-size: 25px;
	}
	.bg-01 {
		height: 783px;
	}
	.bg-02 {
		height: 1396px;
	}
	.bg-03 {
		height: 2920px;
	}

}