#products-services {width:100%; max-width:768px; margin:0 auto 20px auto; background:#3e3e3e; padding:10px 0 0 0; position:relative; z-index:10;}
#products-services .content-inner {width:95%; max-width:671px; margin:-10px auto 0 auto;}

#products-services .content-inner #search {width:160px; height:30px; float:left; text-align:right;}
#products-services .content-inner h1 {float:right; color:#b66666;}
#products-services .content-inner a {color:#b66666;}
#products-services .content-inner a:hover {color:#e6e6e6;}

#products-services .search {width:120px; height:30px; background:#666; border:0; border-radius:0 5px 5px 0; margin:0; padding:0 10px 0 0; color:#eee; 
	overflow:hidden; float:right;}
#products-services .submit {width:30px; height:30px; background:#555 url(/nav_bar/search-icon.png) no-repeat center center; border-radius:5px 0 0 5px; 
	float:left;}
#products-services .submit:hover {background-color:#b66666; cursor:pointer;}

#products-services .products1 {display:inline-block; width:32%; vertical-align:top; background:#555252;}
#products-services .products2 {display:block; width:66%; float:left; margin-top:12px;}
#products-services .order {display:table-cell; text-align:center; width:32%; margin-top:12px; height:150px; vertical-align:middle;}

#products-services .panel1 {margin-left:2%;}
#products-services .panel2 {margin-left:2%;}
#products-services .panel3 span {display:block; position:relative;}
#products-services .panel3 span b {display:none; position:absolute; top:127px; left:0; width:300px; padding:10px; background:#bbb7b7; border-radius:5px; 
	color:#3e3e3e; text-align:center; box-shadow:0 0 15px rgba(0,0,0,0.8);}
#products-services .panel3 span b img {margin-right:-1px;}
#products-services .panel3 span:hover b {display:block;}

#products-services .p-inner {padding:10px 15px;}
#products-services h2 {padding:3px 0; margin:0; text-align:center;}
#products-services .panel4 h2 {text-align:right;}
#products-services p {padding:0; margin:0;}
#products-services .p-inner img {display:block; width:100%; margin:10px auto; border:1px solid #bbb7b7;}

#products-services .panel1 .p-inner {border:1px solid #b66666; height:400px;}
#products-services .panel2 .p-inner {border:1px solid #bbb7b7; height:400px;}
#products-services .panel3 .p-inner {border:1px solid #bbb7b7; height:400px;}
#products-services .panel4 .p-inner {border:1px solid #b66666;}

#products-services .panel1 .p-inner img.image1 {max-width:125px;}
#products-services .panel1 .p-inner img.image2 {max-width:172px; border:0;}
#products-services .panel2 .p-inner img.image3 {max-width:188px;}
#products-services .panel3 .p-inner img.image4 {max-width:125px;}


@media only screen and (max-width:680px) {
#products-services .products1 {width:48%; margin-bottom:12px;}
#products-services .products2 {display:inline-block; width:48%; float:none; margin-top:0; margin-right:2%; vertical-align:top; margin-bottom:12px;}
#products-services .panel4 .p-inner  {height:400px;}
#products-services .order {display:block; width:100%; margin:0 auto; height:80px;}
#products-services .panel3 span b {left:auto; right:-10px; width:300px;}
}

@media only screen and (max-width:480px) {
#products-services .products1 {width:100%;}
#products-services .products2 {width:100%;; margin-right:0;}
#products-services .panel3 span b {left:auto; right:-13px; width:250px;}

#products-services .panel1 .p-inner {height:auto;}
#products-services .panel2 .p-inner {height:auto;}
#products-services .panel3 .p-inner {height:auto;}
#products-services .panel4 .p-inner {height:auto;}

#products-services .content-inner #search {display:none;}
}