#hpb-container {
    width: 100%;
}
#hpb-header {
    width: 100%;
}

#hpb-headerLogo {
 box-sizing: border-box;
    width: 50%;
	background-color: #F7F3E9;
}
#hpb-headerLogo a {
 box-sizing: border-box;
    width: 100%;
}

#hpb-headerExtra1 {
 box-sizing: border-box;
    width: 50%;
	height: 90px;
    padding-top: 40px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 0;
}



#hpb-inner {
    width: 100%;
}

#hpb-aside {
	float: left;
}

#hpb-footer {
    width: 100%;
}
#hpb-footerMain {
    width: 100%;
}
#hpb-footerExtra1 {
    width: 100%;
}

#hpb-nav {
    width: 100%;
    overflow: hidden;
}

#hpb-nav ul {
    height: auto;
}

#hpb-nav li {
    width: auto;
    padding-right: 10px;
}

#hpb-wrapper {
	box-sizing: border-box;
    width: 100%;
    padding-top: 15px;
    float: left;
}


@media (max-width: 525px) {
	#hpb-wrapper {
	    padding-top: 47px;
	}
}
.hpb-layoutset-01 #hpb-title h2 {
	width: 100%;
-moz-background-size:100% auto;
background-size:100% auto; 
}

.hpb-layoutset-02 h2 {
	width: 100%;
}

@media (max-width: 400px) {
.hpb-layoutset-01 #hpb-title h2 {
	height: 120px;
}
}

#hpb-main {
    width: 100%;
}
#hpb-main  img.img-main {
    width: 100%;
	max-width: 345px;
	height: auto;
}

#hpb-main img.left {
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
    float: left;
	width: 50%;
	height: auto;
}

#online-demo {
	width: 100%;
	max-width: 400px;
}

#online-demo textarea {
	box-sizing: border-box;
	width: 100%;
}
#contact table {
	box-sizing: border-box;
	margin-right:0px;
	width: 100%;
}
#contact textarea {
	box-sizing: border-box;
	width: auto;
}
#contact input.l {
    width: auto;
}
#contact input.m {
    width: auto;
}

table th {
/*	box-sizing: border-box;*/
	padding-right: 4px;
	padding-left: 4px;
}
table td {
/*	box-sizing: border-box;*/
	padding-right: 2px;
	padding-left: 2px;
/*	text-align: center;*/
}

#outer {
	box-sizing: border-box;
	width: 100%;
}

iframe {
	width:	auto;
	height: auto;
}