/* divs flex with width of 800-height images */

div.lego_76036    { flex:448; -webkit-flex: 448 448 299px; -ms-flex: 448; min-width: 299px; max-width:448px;} 

div.og_spiderman  { flex:366; -webkit-flex: 366 366 244px; -ms-flex: 366; min-width: 244px; max-width:366px;} 

div.y16_batman    { flex:420; -webkit-flex: 420 420 280px; -ms-flex: 420; min-width: 280px; max-width:420px;} 
div.y16_superman  { flex:451; -webkit-flex: 451 451 301px; -ms-flex: 451; min-width: 301px; max-width:451px;} 
div.y16_cap       { flex:325; -webkit-flex: 325 325 217px; -ms-flex: 325; min-width: 217px; max-width:325px;} 
div.y16_ironman   { flex:375; -webkit-flex: 375 375 250px; -ms-flex: 375; min-width: 250px; max-width:375px;} 
div.y16_spiderman { flex:537; -webkit-flex: 537 537 358px; -ms-flex: 537; min-width: 358px; max-width:537px;} 

div.m_antman      { flex:348; -webkit-flex: 348 348 232px; -ms-flex: 348; min-width: 232px; max-width:348px;} 
div.m_wasp        { flex:436; -webkit-flex: 436 436 291px; -ms-flex: 436; min-width: 291px; max-width:436px;} 
div.m_panther     { flex:384; -webkit-flex: 384 384 256px; -ms-flex: 384; min-width: 256px; max-width:384px;} 
div.m_strange     { flex:418; -webkit-flex: 418 418 279px; -ms-flex: 418; min-width: 279px; max-width:418px;} 
div.m_hulk        { flex:463; -webkit-flex: 463 463 309px; -ms-flex: 463; min-width: 309px; max-width:463px;} 
div.m_spiderman   { flex:430; -webkit-flex: 430 430 287px; -ms-flex: 430; min-width: 287px; max-width:430px;} 
div.m_thanos      { flex:281; -webkit-flex: 281 281 187px; -ms-flex: 281; min-width: 187px; max-width:281px;} 
div.m_thor        { flex:350; -webkit-flex: 350 350 233px; -ms-flex: 350; min-width: 233px; max-width:350px;} 
div.m_wonderwoman { flex:491; -webkit-flex: 491 491 327px; -ms-flex: 491; min-width: 327px; max-width:491px;} 
div.m_starlord    { flex:339; -webkit-flex: 339 339 226px; -ms-flex: 339; min-width: 226px; max-width:339px;} 
div.m_rocket      { flex:544; -webkit-flex: 544 544 363px; -ms-flex: 544; min-width: 363px; max-width:544px;} 
div.m_aquaman     { flex:294; -webkit-flex: 294 294 196px; -ms-flex: 294; min-width: 196px; max-width:294px;} 

div.cl_batman     { flex:390; -webkit-flex: 390 390 260px; -ms-flex: 390; min-width: 260px; max-width:390px;} 
div.cl_robin      { flex:416; -webkit-flex: 416 416 278px; -ms-flex: 416; min-width: 278px; max-width:416px;} 
div.cl_cap        { flex:442; -webkit-flex: 442 442 295px; -ms-flex: 442; min-width: 295px; max-width:442px;} 
div.cl_ironman    { flex:551; -webkit-flex: 551 551 367px; -ms-flex: 551; min-width: 367px; max-width:551px;} 
div.cl_hulk       { flex:444; -webkit-flex: 444 444 296px; -ms-flex: 444; min-width: 296px; max-width:444px;} 

div.jl_flash      { flex:340; -webkit-flex: 340 340 227px; -ms-flex: 340; min-width: 227px; max-width:340px;} 
div.jl_cyborg     { flex:316; -webkit-flex: 316 316 211px; -ms-flex: 316; min-width: 211px; max-width:316px;} 
div.jl_aquaman    { flex:491; -webkit-flex: 491 491 327px; -ms-flex: 491; min-width: 327px; max-width:491px;} 
div.jl_batman     { flex:441; -webkit-flex: 441 441 294px; -ms-flex: 441; min-width: 294px; max-width:441px;} 
div.jl_wonderwoman { flex:261; -webkit-flex: 261 261 174px; -ms-flex: 261; min-width: 174px; max-width:261px;} 
div.jl_superman   { flex:404; -webkit-flex: 491 491 269px; -ms-flex: 491; min-width: 269px; max-width:491px;} 
div.jl_bss        { flex:505; -webkit-flex: 505 505 337px; -ms-flex: 505; min-width: 337px; max-width:505px;} 

div.sf_flash      { flex:375; -webkit-flex: 375 375 250px; -ms-flex: 375; min-width: 250px; max-width:375px;} 
div.sf_cyborg     { flex:281; -webkit-flex: 281 281 187px; -ms-flex: 281; min-width: 187px; max-width:281px;} 
div.sf_krypto     { flex:414; -webkit-flex: 414 414 276px; -ms-flex: 414; min-width: 276px; max-width:414px;} 
div.sf_batman     { flex:479; -webkit-flex: 479 479 319px; -ms-flex: 479; min-width: 319px; max-width:479px;} 
div.sf_wonderwoman { flex:283; -webkit-flex: 283 283 189px; -ms-flex: 283; min-width: 189px; max-width:283px;} 
div.sf_superman   { flex:424; -webkit-flex: 424 424 283px; -ms-flex: 424; min-width: 283px; max-width:424px;} 
div.sf_jl         { flex:448; -webkit-flex: 448 448 299px; -ms-flex: 448; min-width: 299px; max-width:448px;} 



@media screen and (max-width: 1250px) {
/* start of large tablet styles */

div.lego_76036    { min-width: 224px; } 

div.og_spiderman  { min-width: 183px; } 

div.y16_batman    { min-width: 210px; } 
div.y16_superman  { min-width: 226px; }
div.y16_cap       { min-width: 163px; } 
div.y16_ironman   { min-width: 188px; } 
div.y16_spiderman { min-width: 269px; } 

div.m_antman      { min-width: 174px; } 
div.m_wasp        { min-width: 218px; } 
div.m_panther     { min-width: 192px; } 
div.m_strange     { min-width: 209px; } 
div.m_hulk        { min-width: 232px; } 
div.m_spiderman   { min-width: 215px; } 
div.m_thanos      { min-width: 141px; } 
div.m_thor        { min-width: 175px; } 
div.m_wonderwoman { min-width: 246px; } 
div.m_starlord    { min-width: 170px; } 
div.m_rocket      { min-width: 272px; } 
div.m_aquaman     { min-width: 147px; } 
	
div.cl_batman     { min-width: 195px; } 
div.cl_robin      { min-width: 208px; } 
div.cl_cap        { min-width: 221px; } 
div.cl_ironman    { min-width: 276px; } 
div.cl_hulk       { min-width: 222px; } 

div.jl_flash      { min-width: 170px; } 
div.jl_cyborg     { min-width: 158px; } 
div.jl_aquaman    { min-width: 246px; } 
div.jl_batman     { min-width: 221px; } 
div.jl_wonderwoman { min-width: 131px; } 
div.jl_superman   { min-width: 202px; } 
div.jl_bss        { min-width: 253px; } 

div.sf_flash      { min-width: 188px; } 
div.sf_cyborg     { min-width: 141px; } 
div.sf_krypto     { min-width: 207px; } 
div.sf_batman     { min-width: 240px; } 
div.sf_wonderwoman { min-width: 142px; } 
div.sf_superman   { min-width: 212px; } 
div.sf_jl         { min-width: 224px; } 
	
	
}


/*
@media screen and (max-width: 750px) {
/* start of medium tablet styles
/* using 400 height images and flex/8 by default
div.chimacard { min-width:100px; flex-basis:300; height:400; }

}

@media screen and (max-width: 500px) {
/* start of phone styles
/* using 500 wide images and min-width 80%

div.chimacard { min-width:100px; }

}