@media all and ( max-width: 1020px ) {
    img, map, #hdr-img {
        max-width: 100% !important;
        height: auto;
    }     
    #cnt, #hdr, #mnu, #bdy, #ftr {
        position: relative !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        float: none !important;
    }   

    #top {
	left: auto !important;
	right: auto !important;
}
#banner {
  margin: 0 !important;
  z-index: 99;
  right: 0 !important;
}
    #hdr { 
        padding: 10px 0 0;
	background-size: cover !important;
        background: #770000 url(/myimages/hdr-sm.jpg) no-repeat -10px 0;
    }
    #hdr-img,
    #slideshow-area {
        display: none !important;
    }
    #hdr #logo {
        clear: both;
        float: none;
        position: relative;
        z-index: 99;
        display: block;
        margin: 10px 0 10px;
        padding: 0;
    }
    #hdr #logo img {
        display: block;
        margin: 0 auto;
        height: 120px;
        width: auto;
    }

    #bdy {
        padding: 20px;
    }    

    #mnu {
        background-color: #aa0000;
    }
    #mnu ul {
        text-align: center;
    }
    #mnu ul li {
        display: inline-block;
        padding: 5px;
    }

    .half-lt, .h-half-lt, 
    .half-rt, .h-half-rt {
        width: 44%;
        padding: 0;
        margin: 0 3% 3%;
    }

    .h-half-lt { width: 34%; }       
    .h-half-rt { width: 54%; }

    .h-half-rt img {   
        display: block;
        margin: 0 auto;
    }

    .product {        
        width: 29%;
        padding: 0 2% 2%;
        margin: 0;
    }

    .post.has-thumb {
        
        padding-right: 0 !important;
    }
    .post.has-thumb img.post-thumb {
        position: static !important;
    }
}

@media all and ( max-width: 800px ) {
    .col {
        float: none !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 0 20px !important;
    }
    .col.last {
        width: auto !important;
        margin: 0 !important;
    }
#filter-list li {
  display: inline-block !important;
  padding: 5px !important;
  width: 30% !important;
}
}

@media all and ( max-width: 640px ) {
    .half-lt, .h-half-lt,
    .half-rt, .h-half-rt {
        float: none;
        width: auto !important;
        padding: 0;
        margin: 0 0 20px;
    }
    .product {        
        width: 46%;
        padding: 0 2% 2%;
        margin: 0;
    }
    #hdr #logo {
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }
    #hdr #logo img { height: 100px !important; }
    #top { top: 60px !important; }
}
@media all and ( max-width: 600px ) {
	#filter-list li {
		width: 20% !important;
	}
}
@media all and ( max-width: 490px ) {
    #hdr #logo { margin-left: auto; }
    #top { top: 100px !important; }
    #mnu ul li { padding: 1px !important; }
	.tabtitleimg_m12m, .tabtitleimg_m10m, .tabtitleimg_m22m, .tabtitleimg_m20m, .tabtitleimg_m21m { display:none !important; }
	#banner { position: relative !important; right: auto !important; }
	#ftr a, #bdy a { padding:5px; display:inline-block; border:1px solid; border-radius:5px; }
	#filter-list li {
	  width: 42% !important;
	}

}
@media all and ( max-width: 400px ) {
	#filter-list li {
		width: 95% !important;
	}
}