@media only screen and (max-width: 991px) {
.img-box .img-three { width: 48%;}
}

@media only screen and (max-width: 479px) {
	div#comm100-float-button-2 { display:none;}
	.menu {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.top-contact {
    margin-right: 0px;
}
.header {
    margin: 15px 0px;
}
.main-content {
    float: left;
    width: 100%;
}
.sidebar {
    float: left;
    width: 100%;
}
.container {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
}
.footer-left {
    float: left;
    width: 100%;
}
.footer-right {
    float: left;
    width: 100%;
	margin-top:45px;
}
#contactform input.text {
    width: 100%;
}
#contactform {
    width: 100%;
}
#contactform textarea {
    width: 100%;
}
.pro-2 .team, .pro-3 .team, .pro-4 .team1 {
    width: 100%;
    margin-left: 0px;
}
.box-date {
    display: none;
}
.post .entry-content {
    float: left;
    width: 100%;
}
.tech-box-left.animated {
    float: left;
    width: 100%;
    padding: 10px;
}
.tech-box-right.animated {
    display: none;
}
.tech-list {
    padding: 12px;
}
.tech-list p {
    overflow: hidden;
    height: 65px;
}
.box-icon-and-button {
    width: 100%;
    margin-bottom: 25px;
    border: none;
}
.box-icon-and-button:last-child {
    width: 100%;
    margin-bottom: 25px;
    border: none;
}
.contact-section {
    margin-bottom: 0px;
}
.full-width-left {
    display: none;
}
.full-width-right {
    float: left;
    width: 100%;
    padding-top: 10px;
}
ul.carousel-4.bxslider li {
    width: 12% !important;
    margin-right: 0px !important;
    margin-left: 5px;
}
.bx-viewport ul {
    padding: 0px 10px;
}
.testi-box {
    margin: 10px 0px;
    padding: 10px;
}
.logo {
    width: 100%;
}
.logo img {
    width: 100%;
    height: auto;
}
.navbar.yamm {
    float: left;
    width: 100%;
    min-height: 30px;
    margin-bottom: 10px;
}
.yamm .navbar-brand {
    text-decoration: none;
}
.yamm .nav > li > a {
    padding: 10px 0px;
}
.navbar-nav {
    margin: 0px;
}
.navbar-nav li
{
	padding-bottom: 5px;
}
.navbar-nav li:hover, .navbar-nav li.selected {
	margin-bottom: 0px;
	padding-bottom: 2px;
	}
	.contact-img {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
#request #req #reql {
    display: none;
}
#request #lp {
    margin-left: 0px;
    width: 100%;
}
.footer-absolute {
    margin-bottom: 45px;
}
.scroll-top {
    bottom: 14%;
}
.footer-contact ul {
    padding-left: 0px;
}
.main-content ol, .main-content ul {
    padding-left: 0px;
}
.main-content ol li, .main-content ul li {
    margin-left: 20px;
}
.imgr, .imgl {
    width: 98%;
    margin: 1%;

}
.pro-3 .carousel-text, .pro-4 .carousel-text {
    height: auto;
}
.img-box .img-two, .img-box .img-three {
    width: 100%;
    margin-left: 0px;
}
.main-content table td, .main-content table th, caption{
	font-size:8px;
	}
	.about-img img {
    width: 100%;
    height: auto;
}
.person-text p {
    height: 200px;
}
.carousel-testi .bx-wrapper .bx-pager {
    bottom: 20px;
}
.index {
    background-image: none;
    width: 100%;
}
.index-tit {
    padding-top: 10px;
}
.part1-text, .part2-text, .part3-text, .part4-text {
    float: left;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}
.part1-picture, .part2-picture, .part3-picture, .part4-picture {
    float: left;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
.part1-picture img, .part2-picture img, .part3-picture img, .part4-picture img{
    width:100%;
    height:auto;
}
.part1-tit, .part2-tit, .part3-tit, .part4-tit {
    font-size: 14px;
}
	.navbar-toggle {
    float: left;
    width: 100%;
    margin-right: 0px;
}
.navbar-header {
    padding: 0px;
    background-color: #fff;
}
.navbar {
    margin-top: 0px;
    min-height: 38px;
    border: none;
}
.yamm .navbar-toggle span {
    font-size: 22px;
}
	}
@media only screen and (min-width: 480px) and (max-width: 767px){
	.navbar-toggle {
    float: left;
    width: 100%;
    margin-right: 0px;
}
.navbar-header {
    padding: 0px;
    background-color: #fff;
}
.navbar {
    margin-top: 0px;
    min-height: 38px;
    border: none;
}
.yamm .navbar-toggle span {
    font-size: 22px;
}
		.menu {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.top-contact {
    margin-right: 0px;
}
.header {
    margin: 15px 0px;
}
.main-content {
    float: left;
    width: 100%;
}
.sidebar {
    float: left;
    width: 100%;
}
.container {
   padding-left: 8px;
    padding-right: 8px;
    width: 100%;
}
.footer-left {
    float: left;
    width: 100%;
}
.footer-right {
    float: left;
    width: 100%;
}
#contactform input.text {
    width: 100%;
}
#contactform {
    width: 100%;
}
#contactform textarea {
    width: 100%;
}
.pro-2 .team{
    width: 100%;
    margin-left: 0px;
}
.pro-4 .team1, .pro-3 .team {
    width: 47%;
}
.box-date {
    display: none;
}
.post .entry-content {
    float: left;
    width: 100%;
}
.tech-box-left.animated {
    float: left;
    width: 100%;
    padding: 10px;
}
.tech-box-right.animated {
    display: none;
}
.tech-list {
    padding: 12px;
}
.tech-list p {
    overflow: hidden;
    height: 65px;
}
.box-icon-and-button {
    width: 100%;
    margin-bottom: 25px;
    border: none;
}
.box-icon-and-button:last-child {
    width: 100%;
    margin-bottom: 25px;
    border: none;
}
.contact-section {
    margin-bottom: 0px;
}
.full-width-left {
    display: none;
}
.full-width-right {
    float: left;
    width: 100%;
    padding-top: 10px;
}
ul.carousel-4.bxslider li {
    width: 12% !important;
    margin-right: 0px !important;
    margin-left: 5px;
}
.bx-viewport ul {
    padding: 0px 10px;
}
.testi-box {
    margin: 10px 0px;
    padding: 10px;
}
.navbar.yamm {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}
.navbar-brand {
    text-decoration: none;
}
.footer-absolute {
    margin-bottom: 45px;
}
.scroll-top {
    bottom: 14%;
}
.footer-contact ul {
    padding-left: 0px;
}
.navbar-nav li
{
	padding-bottom: 5px;
}
.navbar-nav li:hover, .navbar-nav li.selected {
	margin-bottom: 0px;
	padding-bottom: 2px;
	}
	.navbar-nav {
    margin: 0px;
}
.main-content ol, .main-content ul {
    padding-left: 0px;
}
.main-content ol li, .main-content ul li {
    margin-left: 20px;
}
.pro-3 .carousel-text {
    height: 225px;
}
.about-img img {
    width: 100%;
    height: auto;
}
.index {
    background-image: none;
    width: 100%;
}
.index-tit {
    padding-top: 10px;
}
.part1-text, .part2-text, .part3-text, .part4-text {
    float: left;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}
.part1-picture, .part2-picture, .part3-picture, .part4-picture {
    float: left;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
.part1-picture img, .part2-picture img, .part3-picture img, .part4-picture img{
    width:100%;
    height:auto;
}
.part1-tit, .part2-tit, .part3-tit, .part4-tit {
    font-size: 14px;
}
.pro-4 .carousel-text {
    height: 225px;
}
.person-text p {
    height: 200px;
}
.carousel-testi .bx-wrapper .bx-pager {	
    bottom: 20px;
}
	}
@media only screen and (min-width: 768px) and (max-width: 959px){
	.container {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
}
.top-contact {
    margin-right: 0px;
}
.header {
    height: auto;
    margin: 11px 0px;
}
.menu {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.navbar.yamm {
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 40px;
}
.pro-2 .team {
    margin-left: 5px;
    margin-right: 5px;
}
.box-date {
    display: none;
}
.post .entry-content {
    float: left;
    width: 100%;
}
.pro-3 .team {
    width: 48%;
}
.pro-4 .team1 {
    width: 31%;
}
.tech-box-right {
    display: none;
}
.tech-box-left {
    width: 100%;
    padding: 2%;
}
.box-icon-and-button:last-child {
    width: 24%;
}
.content-hover .btn {
    width: 100%;
}
.full-width-left {
    display: none;
}
.full-width-right {
    float: left;
    width: 100%;
}
.bx-viewport ul li {
    margin-right: 7px !important;
}
.list-picture img {
    width: 100%;
    height: auto;
}
.footer-absolute {
    margin-bottom: 45px;
}
.scroll-top {
    bottom: 6%;
}
.footer-contact ul {
    padding-left: 0px;
}
.main-content ol, .main-content ul {
    padding-left: 0px;
}
.main-content ol li, .main-content ul li {
    margin-left: 20px;
}
.about-img img {
    width: 100%;
    height: auto;
}
.index {
    background-image: none;
    width: 100%;
}
.index-tit {
    padding-top: 10px;
}
.part1-text, .part2-text, .part3-text, .part4-text {
    float: left;
    width: 54%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}
.part1-picture, .part2-picture, .part3-picture, .part4-picture {
    float: right;
    width: 46%;
    margin-left: 0px;
    margin-right: 0px;
	margin-top:50px;
}
.part1-picture img, .part2-picture img, .part3-picture img, .part4-picture img{
    width:100%;
    height:auto;
}
.part1-tit, .part2-tit, .part3-tit, .part4-tit {
    font-size: 14px;
}
.pro-4 .carousel-text {
    height: 220px;
}
	}
@media only screen and (min-width: 960px) and (max-width: 1187px){
	.container {
   padding-left: 8px;
    padding-right: 8px;
    width: 100%;
}
.top-contact {
    margin-right: 0px;
}
.pro-2 .team {
    margin-left: 6px;
    margin-right: 6px;
}
.post .entry-content {
    width: 81%;
}
.pro-3 .team {
    width: 31%;
}
.pro-4 .team1 {
    margin-left: 4px;
    margin-right: 4px;
}
.tech-box-right {
    display: none;
}
.tech-box-left {
    width: 100%;
    padding: 2%;
}
.tech-list {
    float: left;
    width: 49%;
    margin-right: 9px;
}
.full-width-left {
    display: none;
}
.full-width-right {
    float: left;
    width: 100%;
}
.bx-wrapper .bx-viewport {
    margin-bottom: 20px;
}
.header {
    height: auto;
    margin: 10px 0px;
}
.header {
    height: auto;
    margin: 10px 0px;
}
.footer-absolute {
    margin-bottom: 45px;
}
.scroll-top {
    bottom: 6%;
}
.list-picture img {
    width: 100%;
    height: auto;
}
.pro-3 .carousel-text {
    height: 230px;
}
.about-img img {
    width: 100%;
    height: auto;
}
.index {
    background-image: none;
    width: 100%;
}
.index-tit {
    padding-top: 10px;
}
.part1-text, .part2-text, .part3-text, .part4-text {
    float: left;
    width: 54%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}
.part1-picture, .part2-picture, .part3-picture, .part4-picture {
    float: right;
    width: 46%;
    margin-left: 0px;
    margin-right: 0px;
	margin-top:50px;
}
.part1-picture img, .part2-picture img, .part3-picture img, .part4-picture img{
    width:100%;
    height:auto;
}
.part1-tit, .part2-tit, .part3-tit, .part4-tit {
    font-size: 14px;
}
.pro-4 .carousel-text {
    height: 225px;
}
	}







@media (min-width:768px) and (max-width:990px) {

html .fa-content {
	display: inline-block;
	margin-left: 2%;
	padding-right: 4%;
	padding-top: 2%;
	width: 62%;
}
.info-top {
	margin: 10px;
	text-align: center;
}
.info-top ul {
	padding: 0;
}
.header .navbar-nav > li {
	display: inline-block;
	float: none;
}
.header .yamm, .header .yamm .navbar-nav {
	float: none;
	margin: 0;
	width: 100%;
}
.header .yamm, .header .yamm .navbar-nav > li {
	display: inline-block;
	float: none;
}
.header .top-cart {
	float: none;
	margin: 30px auto 20px auto;
	position: relative;
	width: 120px;
}
.header .top-cart .qty-top-cart-active {
	right: 14px;
	top: -3px;
}
html .post .entry-title {
	margin: 20px 0;
}
html .bx-controls {
	margin-bottom: 30px;
}
.carousel-brand .bx-prev, .carousel-brand .bx-next {
	display: none !important;
}
}

@media (max-width:767px) {
.footer-right { margin-top:45px;}
#contactform label { width:100%; text-align:left}
#contactform li.buttons { margin:5px 0;}
.header {
	height: auto;
	text-align: center;
}
.info-top {
	margin: 10px;
	text-align: center;
}
.info-top ul {
	padding: 0;
}
.header .top-cart {
	float: none;
	margin: 30px auto 20px auto;
	position: relative;
	width: 120px;
}
.header .top-cart .qty-top-cart-active {
	right: 14px;
	top: -3px;
}
html .post .entry-title {
	margin: 20px 0;
}
.ver-tabs.horiz-tabs .nav > li {
	width: 100%;
}
.carousel-brand .bx-prev, .carousel-brand .bx-next {
	display: none !important;
}
html .product-grid {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
html .product-grid li {
	margin: 5%;
	width: 90%;
}
.product-grid li .slider_img {
	display: none !important;
}
.testi-box {
	display: inline-block;
	margin: 20px 0;
}
.cd-floating-background img {
	display: none !important;
}
.contact-section {
	height: auto !important;
}
html .copy {
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
}
html .footer-absolute .social-box {
	float: none;
	margin-top: 20px;
	text-align: center;
	width: 100%;
}
html .footer-panel .social-links {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
html .footer-panel .social-links li {
	margin: 10px 0 0;
}
html .product-right {
	padding-bottom: 50px;
}
html .product-grid.bxslider li {
	margin: inherit;
}
html .fa-box .fa {
 display: block;
 font-size: 34px !important;
}
html .fa-box {
	margin-left: -6% !important;
	margin-right: 6% !important;
	padding: 5% 2% 5% 8% !important;
	width: 30% !important;
}
html .bx-wrapper {
	margin: 20px auto;
}
html .ver-tabs.horiz-tabs .fa-content {
	display: inline-block;
	margin-left: 0;
	padding: 1%;
	text-align: left;
	width: 67%;
}
html .ver-tabs.horiz-tabs .fa-box {
	width: 30% !important;
}
}

@media (max-width:480px) {
html .section-header .heading {
	font-size: 18px;
}
html .full-width-box::after {
	width: 40% !important;
}
html .product-info .nav-tabs > li {
	margin-right: 0;
	width: 100%;
}
html .person-text {
	padding-left: 10px;
	padding-top: 20px;
	position: relative;
}
}
.form-test-1,input[name=formtest]{display:none!important;}