@media screen and (min-width:1280px) and (max-width:1368px){
	header .head_title{
		margin-top: 7rem;
	}
	main .box_title.left::before{
		right: 70%;
	}
	#menu_modal .modal-dialog{
		padding: 9rem;
	}
	footer img.robot{
		width: 10rem;
		right: 3rem;
	}
}
@media screen and (min-width:768px) and (max-width:1279px){
	main .what_we_do .box_subtitle,
	main .our_work .box_subtitle,
	main .our_team .box_subtitle,
	main .hire_us_box .box_subtitle{
		padding: 0 15px;
	}
	main .top_project:nth-child(even){
		border-right: none;
	}
	main .top_project{
		margin-bottom: 1.5rem;
	}
	main .our_work .pic_project .overlay .box_title{
		margin-top: 7rem;
	}
	main .our_work .pic_project img{
		height: 40rem;
	}
	footer{
		padding-right: 15px;
		padding-left: 15px;
	}
	footer .footer_box,footer .footer_box.address{
		max-width: 33.333333%;
		min-width: 33.333333%;
		height: 20rem;
		padding-right: 0;
		padding-left: 1rem;
		text-align: center;
	}
	footer img.robot{
		right: 8rem;
	}
	footer .footer_box.logo{
		max-width: 100%;
		min-width: 100%;
		padding-right: 0;
		height: auto;
		margin-bottom: 3rem;
	}
	footer .footer_box.logo img{
		width: 20%;
	}
	header.inner_page{
		height: auto !important;
	}
	header.inner_page .head_subtitle{
		padding: 0 3rem;
		margin-bottom: 3rem;
	}
	main.about_us .our_story .our_story_img{
		height: 26rem;
	}
	main.about_us .our_story .overlay_box{
		right: 0rem;
		top: 31rem;
		width: 100%;
		height: auto;
	}
	main.about_us .our_story .overlay_box .box_subtitle{
		height: 20rem;
	}
	main.about_us .our_story{
		padding-bottom: 37rem;
	}
	main .box_title.left::before{
		right: 70%;
	}


	main.what_we_do .top_intro img.group{
		padding:0;
	}
	main.what_we_do .top_intro .absolute_box{
		width: 90%;
		left: 5%;
		top: 22rem;
		padding: 2rem;
	}
	main.our_team .team_intro .member_pic_box .member_pic{
		width: 50%;
	}
	main.our_team .team_intro .member_pic_box .member_pic .img{
		width: 24rem;
		margin: 0 auto;
	}
	main.our_team .careers .overlay_box{
		width: 100%;
		right: 0;
		padding: 1rem;
	}
	main.careers .offer .checklist li{
		width: 100%;
		height: auto;
		margin-bottom: 2rem;
		line-height: 1.5;
	}
	main .what_we_do .boxes span{
		height: 17rem;
	}
	main .what_we_do .boxes span.laptop{
		width: 19.3rem;
	}
	main .what_we_do .boxes span.robot {
	    background-position: -192px 0;
	    width: 197px;
	}
	main .what_we_do .boxes span.mobile {
	    background-position: -378px 0;
	    width: 183px;
	}
}
@media screen and (min-width:600px) and (max-width:767px){
	header{
		height: auto;
	}
	header .head_title{
		font-size: 6rem;
		margin-top: 5rem;
	}
	header #head_arrow{
		bottom: 0;
		margin-bottom: 3rem;
		margin-top: 2rem;
		position: static;
	}
	main .what_we_do .box_subtitle{
		padding: 0;
	}
	main .top_project{
		border:none;
	}
	main .our_work .pic_project{
		width: 100%;
		margin-right: 0;
	}
	main .our_work .pic_project .overlay .box_title{
		margin-top: 9rem;
	}
	main .our_work .pic_project img{
		height: 45rem;
	}
	main .hire_us_box .form{
		width: 100%;
	}
	footer{
		padding-right: 15px;
		padding-left: 15px;
	}
	footer .footer_box.logo{
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		margin-bottom: 3rem;
		height: auto;
	}
	footer .footer_box,footer .footer_box.address{
		max-width: 50%;
		min-width: 50%;
		padding-right: 0;
		text-align: center;
		height: 14rem;
	}
	footer .footer_box img{
		margin: 0 auto;
	}
	footer .footer_box.logo img{
		width: 20%;
		margin-bottom: 2rem;
		max-width: 100%;
	}
	footer .footer_box ul{
		display: inline-block;
		margin-bottom: 3rem;
		margin-top: 1rem;
	}
	footer img.robot{
		width: 10rem;
		right: 2rem;
	}
	footer .footer_box.socials li a{
		margin: 0 0.5rem;
	}

	header.inner_page{
		height: auto;
	}
	header.inner_page .head_title::before{
		left: 45%;
		right: 45%;
	}
	header.inner_page .head_subtitle{
		font-size: 2.5rem;
		margin-top: 5rem;
		padding: 0;
	}
	main.about_us .our_story .our_story_img{
		height: 20rem;
		object-position: top left;
	}
	main.about_us .our_story .overlay_box{
		right: 0;
		top: 25rem;
		width: 100%;
		padding: 1rem 1rem;
		height: 46rem;
	}
	main.about_us .our_story .overlay_box .box_subtitle{
		height: 25rem;
	}
	main.about_us .our_story{
		padding-bottom: 45rem;
	}
	main.about_us .moving_forward img{
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	main.about_us .office_address .box_title{
		margin-top: 4rem;
	}
	main.about_us .faqs #accordion {
	    margin-top: 1rem;
	}
	main .hire_us_div .inner_box.left{
		padding: 3rem;
	}
	main .box_title.left::before {
	    right: 88%;
	}

	main.what_we_do .top_intro img.group{
		padding:0;
	}
	main.what_we_do .top_intro .absolute_box{
		width: 90%;
		left: 5%;
		top: 17rem;
		height: auto;
		padding: 2rem;
	}

	main.our_team .team_intro .member_pic_box .member_pic{
		width: 50%;
	}
	main.our_team .team_intro .member_pic_box .member_pic .img{
		width: 24rem;
		margin: 0 auto;
	}
	main.our_team .careers .overlay_box{
		width: 100%;
		right: 0;
		padding: 1rem;
	}
	main.careers .offer .checklist li{
		width: 100%;
		height: auto;
		margin-bottom: 2rem;
		line-height: 1.5;
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 599px){
	header{
		height: auto;
	}
	header .logo{
		max-width: 100%;
	}
	header .hire_us{
		margin: 0 1rem;
		margin-top: 1rem;
	}
	header .lang{
		margin-top: 1.5rem;
	}
	header .menu_icon{
		margin-top: 1rem;
	}
	header .head_title{
		margin-top: 2rem;
		font-size: 4rem;
	}
	header #head_arrow{
		bottom: 0;
		margin-bottom: 3rem;
		margin-top: 2rem;
		position: static;
	}
	main .box_title::before{
		left: 40%;
		right: 40%;
		width: auto;
	}
	main .what_we_do .box_subtitle,
	main .our_work .box_subtitle,
	main .our_team .box_subtitle,
	main .hire_us_box .box_subtitle,
	main.our_work_main .our_work .box_subtitle{
		padding: 0;
	}
	main .top_project{
		border:none;
	}
	main .our_work .pic_project{
		width: 100%;
		margin-right: 0;
	}
	main .our_work .pic_project .overlay .box_title{
		margin-top: 9rem;
	}
	main .our_work .pic_project img{
		height: 45rem;
	}
	main .hire_us_box .form{
		width: 100%;
	}
	main .hire_us_box .form label[for="subscribe"]{
		line-height: 1.5;
		text-align: center;
		margin-bottom: 1rem;
	}
	footer{
		padding-right: 15px;
		padding-left: 15px;
	}
	footer .footer_box,footer .footer_box.address{
		max-width: 50%;
		min-width: 50%;
		padding-right: 0;
		text-align: center;
	}
	footer .footer_box img{
		margin: 0 auto;
	}
	footer .footer_box ul{
		display: inline-block;
		margin-bottom: 3rem;
		margin-top: 1rem;
	}
	footer img.robot{
		width: 10rem;
		right: 2rem;
	}
	footer .footer_box.socials li a{
		margin: 0 0.5rem;
	}
	footer .footer_box.logo{
		max-width: 100%;
		min-width: 100%;
	}
	footer .footer_box.logo img{
		width: 20%;
		margin-bottom: 2rem;
		max-width: 100%;
	}
	#menu_modal .modal-dialog{
		padding: 5rem 0 0;
	}
	#menu_modal .modal-dialog ul li a{
		font-size: 3.5rem;
	}

	header.inner_page{
		height: auto;
	}
	header.inner_page .head_title::before{
		left: 45%;
		right: 45%;
	}
	header.inner_page .head_subtitle{
		font-size: 2.5rem;
		margin-top: 5rem;
		padding: 0;
	}
	main.about_us .our_story .our_story_img{
		height: 17rem;
		object-position: top left;
	}
	main.about_us .our_story .overlay_box{
		right: 0;
		top: 20rem;
		width: 100%;
		padding: 1rem 1rem;
	}
	main.about_us .our_story{
		padding-bottom: 53rem;
	}
	main.about_us .moving_forward img{
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	main.about_us .office_address .box_title{
		margin-top: 4rem;
	}
	main.about_us .faqs #accordion {
	    margin-top: 1rem;
	}
	main .hire_us_div .inner_box.left{
		padding: 3rem;
	}
	main .box_title.left::before {
	    right: 88%;
	}
	main.what_we_do .top_intro img.group{
		padding: 0;
	}
	main.what_we_do .top_intro .absolute_box{
		width: 100%;
		height: 25rem;
		top: 9rem;
		left: 0;
		padding: 1rem;
		height: auto;
	}
	main.what_we_do .main_intro{
		padding-top: 10rem;
	}
	main.our_team .team_intro .member_pic_box .member_pic{
		width: 100%;
	}
	main.our_team .team_intro .member_pic_box .member_pic .img{
		width: 24rem;
		margin: 0 auto;
	}
	main.our_team .careers .overlay_box{
		width: 100%;
		right: 0;
		padding: 1rem;
	}
	main.careers .offer .checklist li{
		width: 100%;
		height: auto;
		margin-bottom: 2rem;
		line-height: 1.5;
		font-size: 1.4rem;
	}
	main.careers .careers_top p{
		line-height: 2;
	}
	header .fixed_header .menu_icon{
		margin-top: 0;
	}
	main.what_we_do .top_intro .absolute_box p{
		font-size: 1.6rem;
	}
	main.what_we_do .main_intro #laptop, main.what_we_do .main_intro #mobile{
		padding-top: 2rem;
	}
	main.what_we_do .techs .box_subtitle{
		margin-bottom: 6rem;
	}
	main.our_team .team_intro .member_pic_box .member_pic .img .over{
		width: 67%;
		height: 75%;
	}
	main.careers .careers_top .box_title{
		line-height: 1.5;
	}
	main.careers .job_openings .job_row p{
		text-align: left;
	}
	main.about_us .faqs #accordion .panel-default.panel .panel-collapse .panel-body{
		text-align: left;
	}
}