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

@media only screen and (min-width: 1240px) and (orientation: landscape) { 
#wrapper { width: 1140px!important; }
.MiniDiv { width: calc(33% - 10px)!important; } 
 } 
@media screen and (max-width: 1024px), (min-width: 721px) and (orientation: portrait) { 
#wrapper { width: 98%!important; }
.MiniDiv { width: calc(33% - 10px)!important; } 
 } 
@media screen and (max-width: 1100px) and (orientation: landscape) { 
#wrapper { width: 960px!important; }
.MiniDiv { width: calc(33% - 10px)!important; } 
 } 
@media screen and (max-width: 300px), (max-width: 480px) and (orientation: portrait) { 
#wrapper { width: 98%!important; }
#main_left { width: 98%!important; }
.foot_block { width: 100%!important; }
#main_center { width: calc(100% - 20px)!important; }
.Left, .Right { width: 100%!important; min-width: 200px!important;}
.ProductListBox { width: 100%!important; }
.MiniDiv { width: calc(50% - 10px)%!important; } 
 } 
@media screen and (max-width: 480px), (min-width: 321px) and (orientation: portrait) { 
#wrapper { width: 98%!important; }
#main_left { width: 98%!important; }
.foot_block { width: 100%!important; }
#main_center { width: calc(100% - 20px)!important; }
.ProductListBox { width: 100%!important; }
.MiniDiv { width: calc(50% - 10px)%!important; } 
 } 
@media screen and (max-width: 720px), (min-width: 481px) and (orientation: portrait) { 
#wrapper { width: 98%!important; }
#main_center { width: calc(100% - 20px)!important; }
.ProductListBox { width: 100%!important; }
.MiniDiv { width: calc(50% - 10px)%!important; } 
 }