@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1380px){
  
}
@media only screen and (max-width: 1100px){
.wrapper{width:990px;}
#cssmenu > ul > li > a {padding: 4px 9px 10px;font-size: 13px;}
}

@media only screen and (max-width: 992px){
.wrapper{width:750px;}
.header_right {padding: 3px 41px 0 0;width: 53%;}
.logo {width: 40%;}
}
@media only screen and (max-width: 767px){
.wrapper{width:98%;}
.fixed-header .header_right {
	padding-top: 0px;
	padding-bottom: 10px;
}
} 
 @media only screen and (max-width: 580px){
.logo {width: 62%;text-align: center;}
.fixed-header .logo {width: 62%;}
.header_right {padding: 0;width: 100%;}
.inner_header {float: left;width: 100%;text-align: center;}
.proving_top h1 {font-size: 34px;}
.proving_top h3 {font-size: 20px;}
.proving_top p {font-size: 12px;}
.prd_left {float: left;width: 100%;padding-left: 0;}
.product_bx  {margin-bottom: 0px;}
.prd_right {width: 100%;}
.court_bx_txt {width: 54%;padding: 5px 8px;}
.court_bx_txt p {font-size: 13px;padding-top: 2px;}
.product_bx ul li {width: 49%;}
} 


@media only screen and (max-width: 479px)   {
.logo {width: 70%;text-align: center; padding: 10px;}
.fixed-header .logo {
	width: 70%;
}
.header_right {padding: 10px;width: 100%;}
.costo_search_input {width: 100%;}
.proving_top p {font-size: 8px;}
.product_bx ul li {width: 100%;margin-bottom: 10px;}
.court_bx_txt {width: 55%;padding: 2px 4px;}
.court_bx_txt h3 {font-size: 11px;}
.court_bx_txt p {font-size: 11px;padding-top: 0px;line-height: 13px;}
}