@media screen and (max-width: 500px) {
#bullpair {display:none;}
#cat-link {padding:5px;}
#maininstruct {position:relative;display:none;width:100%;float:left;background:#FFFFFF;border:solid 2px #CA855F;margin:20px 0;}
#instrctclose {position:relative;display:block;text-align:center;margin:20px auto 10px auto;color:grey;cursor:pointer;clear:both;}
.intro {position:relative;width:100%;float:left;padding:20px;background:#FFFFFF;border:solid 2px #CA855F;margin:10px 0;text-align:center;}
.introtitle {position:relative;display:block;width:100%;float:left;color:#D36820;font-style:italic;}
#div-alphainst {position:relative;display:block;float:left;width:100%;padding:0 10px;vertical-align:middle;}
#div-video {position:relative;display:block;float:left;width:98vw;}
#div-video video {position:relative;display:block;float:left;width:90%;border:solid 2px grey;}
#div-alphainst img,.introtitle img {height:70px;border:none;margin:-20px 0 -20px 10px;}
/*for tables*/
#data1,#data2,#data3 {position:relative;display:block;width:100%;float:left;padding:20px 0;background:#FFFFFF;border:solid 2px #CA855F;}
.tabletitle {position:relative;display:block;width:100%;float:left;text-align:center;color:#562521;font-weight:600;font-size:1.75em;
font-style:italic;margin:20px 0;}
.tabletitle img {height:70px;margin:-20px 10px;}
#vidlink1,#vidlink2,#vidlink3 {position:relative;display:block;width:100%;float:left;text-align:center;font-style:italic;color:#0B3B0B;
font-size:1.25em;top:-40px;padding:10px;cursor:pointer;text-decoration:underline;}
#tsort1, #tsort2, #tsort3 {position:relative;display:block;width:99%;padding:10px 0 20px 0;border-collapse:collapse;overflow-x:scroll;
scrollbar-color: #0B3B0B #C8D7EA;}
#tsort1 th, #tsort1 td, #tsort2 th, #tsort2 td, #tsort3 th, #tsort3 td {border:1px solid #C8D7EA;
border-collapse:collapse;}
#tsort1 th, #tsort2 th, #tsort3 th {vertical-align:top;}
#tsort1 td, #tsort2 td, #tsort3 td {text-align:center;}
#tsort1 tr, #tsort2 tr, #tsort3 tr {padding:5px 0;}
.reset {color:#D36820;cursor:pointer;border:solid 1px #D36820;}
.lg {width:10%;}
.avg {width:calc(80%/12.1);}
.grp {color:#0B3B0B;padding 3px;font-style:italic;font-size:1.05em;}
.collabel {color:#562521;font-size:.95em;font-weight:550;}
#top50colored-1,#top50colored-2,#top50colored-3 {text-align:center;color:#D36820;font-size:.95em;}
.chktdp {text-align:center;padding:5px 0;cursor:pointer;}
.dataonly, .sortopt {display:none;background:white;}
.linkpic {height:17px;border:none;cursor:pointer;}
.forsort img {height:25px;padding:3px 0;}
.asc {background-image:url(../pics/ascending.jpg);height:20px;padding:5px 0;background-position:center;background-repeat:no-repeat;
background-size:14px;cursor:pointer;}
.desc {background-image:url(../pics/descending.jpg);height:20px;padding:5px 0;background-position:center;background-repeat:no-repeat;
background-size:14px;cursor:pointer;}
.sirename a {color:#0070E0;text-decoration:none;}
.tag {color:#0070E0;cursor:pointer;}
/* for pic popups*/
.bullpicsm {position:absolute;width:100%;border:solid 2px #CA855F;background-color:#FBF3DF;z-index:5;}
#popup_msg {display:none;}
#picholder {position:relative;display:block;float:left;text-align:center;background-color:#ffffff;padding:1%;overflow:hidden;}
.picmulti {position:relative;display:block;width:90vw;margin:1% 2%;padding:5px;}
#titleline1,#titleline2,#titleline13 {position:relative;display:block;float:left;width:100%;padding:10px;}
#forlot1,#forlot2,#forlot3 {position:relative;display:block;float:left;margin:10px;color:#e67e22;font-size:1.5em;font-weight:600;}
#forlogo {position:relative;display:block;float:left;margin:1%;}
#forlogo img {position:relative;display:block;float:left;height:80px;margin:-20px 10px 20px 5px;}
#forname1,#forname2,#forname3 {position:relative;display:block;float:left;text-align:center;margin:10px;font-size:1.25em;
color:#481612;}
#forclose1,#forclose2,#forclose3 {position:relative;display:block;float:right;min-width:50px;margin:10px 30px 0 0;
line-height:20px;color:grey;cursor:pointer;}
#tagholder1,#tagholder2,#tagholder3 {display:none;}
#thmbnails1 img,#thmbnails2 img,#thmbnails3 img {max-width:330px;margin:10px 0 10px 0;}
#forvid1,#forvid2,#forvid3 {display:none;text-align:center;}
#forvid1 video,#forvid2 video,#forvid3 video {margin:0 -7px;}

/* inline logo */
.il-logo {height:120px;border:none;}
}