@media (max-width:1024px) {
.middle-content .middle-left {
	margin-left: 45px;
}
.container {
  width: 100%;
}

.content-part {
  padding-top: 110px;
}
}

@media (max-width:980px) {
.container {
  width: 100%;
}
.left-menu > h2 {
	margin: 0 0 14px 0;
}
nav .search-box {
  float: right;
  padding: 5px 5px;
}
.searchform input[type="text"]{
	width:100px;
}
.top-contact > p {
font-size: 14px;
}
.content-part {
  margin: 0 0px;
}

.right-content {
  margin-left: 0 !important;
}
footer .footer-text {
  margin: 0;
  padding-left: 10px;
}
.copyright {
  background: none repeat scroll 0 0 #3F3F3F;
  margin: 15px 0 0;
  padding: 10px 5px;
}	
.Mats_with_Logo_inbox {
  overflow: hidden;
  width: 58%;
}

	
}

@media (max-width:800px) {
.span8 {
	width:100%;
}
.span4 {
	width:100%;
}
.middle-content .middle-left {
margin-left: 0px;
}
body {
  padding-left: 20px;
  padding-right: 20px;
}
.header-image {
  width: 90% !important;
}
.logo > p {
  font-size: 16px;
}
.header-top .logo {
  float: left;
  width: 56%;
}
.header-top .top-contact {
  float: right;
  margin-right:40px;
  width: 35%;
}
.top-contact > h1 {
  font-size: 18px;
}
.top-contact > p {
  font-size: 18px;
}
.top-contact > h2 {
  font-size: 15px;
  line-height: 17px;
  margin: 5px 0 0;
}
.left-nav li {
  background: url("images/left-nav-arrow.png") no-repeat scroll left 2px rgba(0, 0, 0, 0);
  list-style: none outside none;
  padding: 0 0 0 20px;
}
.left-nav li a {
  font-size: 12px;
}

.form-name > h2 {
  color: #515151;
  font-size: 19px;
}
#ninja_forms_field_10 {
  padding: 7px 10px;
}
.products li {
  min-height: 185px;
}
.product-name {
  font-size: 12px;
}
.Mats_with_Logo_inbox {
  overflow: hidden;
  width: 48%;
}
.artificial-block .artificial-box {
  width: 64%;
}
	
}

@media (max-width:768px) {
.span8 {
  width: 100%;
}
.span4 {
  width: 100%;
}
.middle-content .middle-left {
margin-left: 0px;
}
nav{
}
.header-top .logo {
  float: none;
  width: 100%;
  display:block;
  margin-left: 0px;
  text-align:center;
}
.header-top .logo > a{
	float:none;
	display:block;
}
.header-top .top-contact {
  float: none;
  width: 100%;
  display:block;
  margin:10px 0;
  text-align:center;
}
.header-top .top-contact a{
  display:block;
}
.header-top .top-contact a > h1, .header-top .top-contact a > p, .header-top .top-contact p {
text-align:center;
}
nav #mobile-menu-container{
	display:inherit;
}
nav #menu-container {
	display: none;
}
nav #mobile-menu-container .menu-item-2080{
	border-right:none;
	margin-top: 0px;
	padding-bottom:2px;
	background:url(images/mobile-menu.png) no-repeat;
	cursor:pointer;
}
nav #mobile-menu-container .menu-item-2080 .parent{
	color:#515151;
}
nav #mobile-menu-container .menu-item-2080:hover{
	background:url(images/mobile-menu-hover.png) no-repeat;
}
.left-nav li a {
  font-size: 11px;
}
header {
  position: static;
}
.middle-content {
padding: 10px 0 0;
}
.content-part {
padding-top: 0px;
}
.right-content {
	width: 100%;
}
.menu .sub-menu {
	top:32px;
}

}

@media (max-width:685px) {

.logo > p {
  font-size: 13px;
}
.top-contact > h1 {
  font-size: 16px;
}
.top-contact > h2 {
  font-size: 13px;
  line-height: 15px;
  margin: 5px 0 0;
}
.top-contact > p {
  font-size: 16px;
}
.left-nav li a {
  font-size: 12px;
}
#ninja_forms_field_20 {
  width: 34%;
}
.payment-method {
  float: left !important;
}
.artificial-block .artificial-box {
  width: 67%;
}
}

@media (max-width:640px) {

.logo > p {
  font-size: 14px;
  margin: 0 5px;
}
.content-part {
  padding-top: 0;
}
.products li {
  min-height: 220px;
}
.value .mission {
  width: 46%;
}	
}

@media (max-width:585px) {
.logo > p {
  font-size: 16px;
  line-height: 18px;
}
.content-part {
  padding-top: 0%;
}
.left-nav li a {
  font-size: 11px;
}
.products li {
  min-height: 202px;
}
}

@media (max-width:480px) {

.logo > p {
  font-size: 14px;
  margin: 0;
}
.top-contact > p {
  font-size: 15px;
}
.toggleMenu {
	float:left;
}
nav .menu {
  clear: left;
  margin: 0;
  width: 95px;
}
.menu li {
  border-right: medium none;
  float: none;
  padding: 0 15px;
}	
.content-part {
  padding-top: 0;
}
footer .contact {
  float: none;
  width: 100%;
}
.payment-method {
  float: none !important;
  width: 100% !important;
}
.footer-star {
  margin: 10px auto !important;
  text-align: center;
  width: 100% !important;
}
.accordion li h3 span {
  font-size: 13px !important;
}
.Mats_with_Logo_inbox {
  overflow: hidden;
  width: 98%;
}
.Mats_with_Logo_table {
  width: 100%;
}
.artificial-block .artificial-box {
  float: right;
  margin-left: 15px;
  width: 62%;
}
.mat-logo-desc {
  padding: 0 5px;
  width: 97%;
}
.contact-element label {
  text-align: left;
}
span.wpcf7-form-control-wrap {
  width: 96%;
}
.contact-element input[type="text"] {
  width: 100%;
}
.wpcf7-form-control-wrap.mathcaptcha-532 {
  width: 95%;
}
.contact-element input[type="submit"] {
  float: none;
  margin: 10px 0 10px 2%;
}
.contact-element.verify {
  overflow: visible;
}
.value .mission {
  width: 95%;
}
#ninja_forms_field_20 {
  width: 41%;
}


}

@media (max-width:360px) {

.top-contact > h1 {
  text-align: center;
}
.top-contact > h2 {
  text-align: center;
}
.top-contact > p {
  text-align: center;
}

.left-menu-slider .left-menu {
  float: none;
  margin: 0 auto;
  width: 70%;
}
.left-menu-slider .slider {
  float: none;
  margin: 10px 0 0;
  width: 99%;
}
.products li {
  min-height: 170px;
}
.accordion li h3 a {
  height: 26px !important;
  line-height: 15px !important;
  padding: 5px;
}
.accordion li h3 span {
  font-size: 12px !important;
}
.artificial-block .artificial-box {
  float: right;
  margin-left: 15px;
  width: 96%;
}
.artificial-block > a {
  display: block;
  text-align: center;
}
.artificial-block > a img {
  float:none;
  text-align:center;
}
	
}

@media (max-width:320px) {
.logo > p {
  font-size: 16px;
  margin: 0;
}
.header-top .top-contact {
  float: none;
  margin: 0 auto;
  width: 90%;
}
.top-contact > h1 {
  font-size: 18px;
}
.top-contact > h2 {
  font-size: 14px;
  line-height: 16px;
  margin: 5px 0 0;
}
.top-contact > p {
  font-size: 18px;
}
.content-part {
  padding-top:0;
}
.left-menu-slider .left-menu {
  float: none;
  margin: 0 auto;
  width: 70%;
}
.left-nav li a {
  font-size: 12px;
}
.left-menu-slider .slider {
  float: none;
  margin: 10px 0 0;
  width: 99%;
}
.products li {
  min-height: 150px;
}
.artificial-block .artificial-box {
  float: right;
  margin-left: 15px;
  width: 96%;
}
#ninja_forms_field_20 {
  width: 55%;
}

}