img { max-width: 100%; }

/* Medium Devices Devices, Tablets */
@media (max-width : 1024px) {

	.container {
		width: 710px;
	}
	.subHome{
	width: 710px;
	}
	.featured-list_banner{
    left: 0;
}
	.primary-menu .current_page_item a ,
	.primary-menu .current-menu-item a {
	  color: #111;
	}
	#main-menu .responsive-menu {
		display: none;
		position: absolute;
		right: 0;
		top: 100%;
		z-index: 99;
		text-align: left;
		width: 100%;
		height: auto;
		background: #f1f1f1;
	}
	#main-menu .responsive-menu ul {
		margin: 40px auto;
		width: 100%;
	}
	#main-menu .responsive-menu ul > li {
		display: block;
		padding-left: 0;
	}
	#main-menu .responsive-menu ul > li > a {
		font-size: 24px;
	}
	#main-menu .expand {
		display: block !important;
	}
	#main-menu .nav-toggle {
		display: block;
	}
	#page-banner .text-left {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 50px;
	}
	#page-banner .form-right,
	#software .media-right {
		float: none;
		margin: 0 auto;
		width: 407px;
	}
	#software .fl {
		float: none;
		margin: 0 auto;
		max-width: 407px;
	}
	#software .list-reason {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.featured-list_banner li{
    margin-top: 45%;
}
	.services .item {
		margin-left: 50px;
		width: 330px;
	}
	.services .item:nth-child(3n+1) {
		margin-left: 50px;
		clear: none
	}
	.services .item:nth-child(2n+1) {
		margin-left: 0;
		clear: left;
	}
	.add-info {
		font-size: 14px;
		margin-bottom:0;
	}
	.title_tog .icon{
    overflow: hidden;
    text-align:center;
	display: block;
	margin-left: 0;
	float:none;
	}
	#service .icon{
		float: none;
	}
	.title_tog .title_content{
    display: block;
    text-align: center;
    margin-left: 0;
    overflow: hidden;
	}
	.social {
		width: 100%;
	}
	.site-info .links,
	.site-info .copyright {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	.page-banner .text-left {
		width: 400px;
		padding-bottom: 40px;
	}
	.page-banner .form-right {
		width: auto;
		float: none;
	}
	.fluid-video {
		width: 100%;
	}
	#page-header {
		padding: 10px 0;
	}
	#logo img {
		max-height: 70px;
	}
	#wrapper {
		padding-top: 95px;
	}
	.services,
	.page-banner {
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	#home {
		background-position: center top !important;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
		
	}
	
	#software{
		background-position: 80% 45%;
	}
	.social_wrapper{
		padding-bottom: 0;
	}
}


/* Small Devices, Phones */
@media (max-width : 767px) {
	.container { width: 600px; }
	.services .item{width:270px;}
}

/* Extra Small Devices, Phones */ 
@media (max-width : 639px) {
	.container {
		width: auto;
		padding-left: 30px;
		padding-right: 30px;
	}
	.subHome{
	width: auto;
	height: auto;
	}
	#page-header .logo {
		width: 200px
	}
	#main-menu .nav-toggle {
		line-height: 36px;
	}
	.title_tog .icon{
    overflow: hidden;
    text-align:center;
	display: block;
	margin-left: 0;
	float: none;
	}
	#service .icon{
		float:none;
	}
	.title_tog .title_content{
    display: block;
    text-align: center;
    margin-left: 0;
    overflow: hidden;
	}
	.page-banner {  
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  position: relative;
  /*padding: 70px 0 65px;*/
	color: #fff;
	}
	.featured-list_banner{
    top: 0px;
    left: 0;
    height: 100%;
    width: 90px;
    text-align: center;
    background-color: rgba(255,255,255,0.5);
    list-style: none;
	}
	.featured-list_banner .icon img{
		width:75%;
	}
	
.event_content{
    font-weight: normal;
	margin-top:20px;
}
	.services .item,
	.services .item:nth-child(3n+1),
	.services .item:nth-child(2n+1) {
		width: auto;
		float: none;
		margin-left: 0;
	}
	.add-info{
		float: none;
	}
	
	.social {
		width: 100%;
		float: none;
		margin-top:0;
	}
	.site-info .links a {
		display: block;
		padding-left: 0;
	}
	#page-banner .form-right {
		width: 240px;
		padding: 30px;
	}
	.form-right .text-field,
	.form-right .text-bigfield {
		width: 200px
	}
	#software .media-right {
		width: auto;
	}
	.about .utube {
		background-size: 300px auto;
		width: 300px;
		height: 173px;
	}	
	.partners .list-partner li {
		padding: 0;
		display: block;
	}
	.social_wrapper{
		width:100%;
		padding-bottom:0px;
	}
	.social_wrapper h2{
		text-align: center;
		width:100%;
		line-height: 50px;
	}
	.social_wrapper ul{
		float:none;
	}
	.social-link li{	
		width:30%;
	}
	.page-banner .text-left h2 {
		font-size: 4.7em;
		padding-top:20%;
		line-height:65px;
	}
	.title_tog .title_content {
		font-size: 1em;
	}
	.content_tog {
	font-size: 1em;
	margin-top: 60px;
	margin-bottom: 30px;
	}
	h3 {
  font-size: 1.2em;
  }
  #software{
	background-position: 10% 35%;
	background-size: 165%;
  }
  
  #software div.fl{
	font-size: 13px;
	margin-top:35px;
  }
  .page-banner .text-left {
		width: 200px;
	}
	.add-info p{
		margin-bottom:0;
		line-height: 20px;
		font-size:	13px;
	}
	.content-block{
		padding: 50px 0 30px;;
	}
	#about_us p{
		line-height:26px;
	}
	.title_tog .title_content{
		line-height: 35px;
	}
	#recruitment .content_tog{
		margin-top: 40px;
	}
	.icon img{
		width: 25%;
	}
	.recruitment_icon img{
		width: 70%;
	}
	#wrapper {
		padding-top:101px;
	}
	#event{
		padding-top: 20px;
		padding-bottom: 0;
		background-attachment: scroll;
		background: none !important;
	}
	.event_content{
		margin-bottom:45px;
	}
	.copyright{
		font-size:10px;
	}
	#recruitment{
		background-attachment: scroll;
		background-size: auto 42%;
		background-position: 25% 88%;
	}
	.recruitment_content{
		line-height: 26px;
		margin-top:27%;
	}
	#about_us{
		padding-top:25px;
	}
	#service{
		display:none;
	}
	#home{
		background-size: auto 90%;
		background-attachment: scroll;
		
	}
	#portfolio{
		background-image: none !important;
		padding-bottom: 10px !important;
	}
	.services .item .short-desc{
		height: auto;
		padding-bottom: 30px;
	}
	.contact-section{
		background: url(/img/logo_footer.jpg) center 10% no-repeat;
		background-size: 40%;
		border-top: 2px solid #EF5211;
	}
	#contact .container{
		padding-top:0px;
	}
	.fancybox{
		margin-top: 10px;
		display: block;
		text-align: center;
	}
	.fancybox img{
		width: 30%;
		display: inline-block;
	}
	.featured-list_banner li{
		margin-top:8%;
	}
	#portfolio h2.center{
		width:90%;
		margin: 0 auto;
	}
	#software div.fl > h2{
	margin-top:0px;
	margin-bottom: 25%;
}
#software .list-reason{
	margin-bottom: 0px;
}
}
@media (max-width: 480px) {
	h2 {
		font-size: 18px;
	}
	#software .list-reason{
	margin-bottom: 30px;
}
	#software div.fl > h2{
	margin-bottom: 15%;
	}
	#home{
		background-size: auto cover;
		background-attachment: fixed;
	}
	#logo {
		max-width: 150px;
	}
	.page-banner .text-left{
		padding-bottom: 25px;
		min-height: 260px;
                font-size: 14px;
                width:130px
	}
	.page-banner .text-left h2{
		line-height: 65px;
		padding-top: 18%;
		margin-bottom: 0;
	}
	.featured-list_banner li{
		margin-top:30%;
	}
	#about_us p {
		font-size: 1em;
	}
	.featured-list_banner{
    width: 70px;
	}
	#software{
	background-position: 25% 38%;
	background-size: 240%;
  }
  .content-block{
	padding-top: 10px;
  }
  .social-link li{	
		width:30%;
	}
  .social_wrapper{
		width:100%;
		padding-bottom:0px;
	}
	.social_wrapper h2{
		text-align: center;
		width:100%;
		line-height: 50px;
	}
	.social_wrapper ul{
		float:none;
	}
	.contact-section{
		background-size: 60%;
	}
	#portfolio h2.center{
		width:80%;
		margin: 0 auto;
	}
	#recruitment{
		background-attachment: scroll;
		background-size: auto 50%;
		background-position: 25% 81%;
	}
	#wrapper{
		padding-top: 95px;
	}
}