#main_container,
.main_header {
	min-width: 500px;
	max-width: 750px;

}

.main_menu a {
    /* font-size: 48px; */
    font-size: 28px;
}
header .head_wrapper,
.content,
.wrapp_cnt {
	/* width: 457px; */
	width: 600px;
}
.wrapp_cnt a{
    float: left !important;
    margin-bottom: 20px;
}
.head_wrapper h2{
	/* font-size: 55px; */
	font-size: 35px;
}
.logo{
	width: 75px;
}
#menu_list li{
	display: none;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding: 0;
}
.main_menu a.active{
	border:none;
}
#menu_button{
	display: inline-block;
	position: absolute;
	right: -37px;
	top: 20px;
	width: 90px;
	height: 90px;
	background: url( /img/mobile/menu-icon.png) 0 0 no-repeat;
	background-size: 80px 80px;
}
.main_menu li {
	padding: 0;
}
.main_menu li{
	padding: 0 10px; 
	display: block;
	width: 100%;
}
.main_menu li a{
	width: 100%;
	padding: 40px 0 40px 0;
	font-size: 40px;
}
#home {
	background: url(/img/mobile/iteco_home.jpg) 0px 117px no-repeat #00b4ca;
}
#home .content {
    padding: 320px 0 20px;
	height: auto;
}
#home h2 {
	font-size: 28px;
	line-height: 29px;
}
#home p {
	font-size: 13px;
	line-height: 20px;
}
#services_main{
	background: url(/img/mobile/portal_services.jpg) no-repeat;
}
#services_main .content{
	background: url(/img/mobile/portal.png) no-repeat right bottom;
}
#infrastructure_services{
	background: url(/img/mobile/infrastructure_structure.jpg) no-repeat;
}
#infrastructure_services .content{
	background: url(/img/mobile/infrastucture.png) no-repeat right bottom;
}
#mobile_services{
	background: url(/img/mobile/mobile_services.jpg) no-repeat;
}
#mobile_services .content{
	background: url(/img/mobile/mobile.png) no-repeat right bottom;
}
#enterprice_services{
	background: url(/img/mobile/enterprise_services.jpg) no-repeat;
}
#enterprice_services .content{
	background: url(/img/mobile/enterprise.png) no-repeat right bottom;
}
#customers{
	height: 672px;
}
#customers img{
	width: 140px;
}
#customers .button{
	margin-top: 55px;
}
.clients_cols{
	width: 140px;
	margin-right: 10px;
}
#contact{
	background: url(/img/mobile/contacts.jpg) no-repeat;
}
#careers .content {
	height: auto;
	}
#careers .head_wrapper h2{
	text-align: left;
}
.cols ul{
    height: 200px;
}
.cols li h3{
	margin-bottom: 25px;
	margin-top:45px;
	}
.content p{
	font-size: 20px;
	line-height: 20px;
}
.cols {
	padding: 25px 0 105px 0 ;
}
.cols>li{
	width: 260px;
	float: left;
	margin: 0 40px 20px 0;
}
.cols ul{
	padding: 0 0 15px;
}
.forms .description {
	width:40%;
}
.fright.fields{
	width:45%;
}
.forms input[type="text"]{
	width:97%;
}
.file.choosen{
	width:62%;
}
.main_footer{
	height: 200px;
	padding: 150px 0 0;
	text-align: center;
	font-size: 30px;
}
@media all and (orientation:landscape) {
#sidemenu li a{
	font-size: 30px;
	width: 100%;
	padding: 5px 0 5px 0;
	font-size: 20px;
}
#sidemenu li{
	padding-right: 10px;
width: 50%;
/* 	width: 100%; */
	background: #00B4CA;
	float: left;
}
#sidemenu ul{
	margin-top: 40px;
	display: block;
	width: 100%;
}
.head_wrapper .logo{
	height: 40px;
	padding: 30px 0 10px 0;
}
.main_menu, .border {
/* 	margin-right: 200px; */

}
#sidemenu  #menu_list{
	margin: -40px 400px 0 0;
}

.head_wrapper .logo img{
	width: 85px;
}
.main_menu #menu_button{
	display: inline-block;
	position: fixed;
	right: 40px;
	top: 20px;
	width: 80px;
	height: 80px;
	background: url( /img/mobile/menu-icon.png) 0 0 no-repeat;
	background-size: 50px 50px;
}
.main_header .head_wrapper{
	height: 10px;
}
}