.mainslides {width:100%;height:600px;}
.galleria {height:600px;}

@media only screen and (min-device-width :320px) and (max-device-width :480px),
/* @media */  (max-width: 768px)                                                        /* was 799 */
{ 
.mainslides {display:nonex;}
.galleria {width: /* 500px */100%; height: 300px; background: #EFE7E7;}
}


.topwrap {display:none;}
.blkU {padding-right:2em;padding-bottom:1.5em;}
.lcol {float:left;}
.blkimg32 {display:block}
/*     a different sizing  */
.pic32 .blkimg32 {width:240px;}
.pic32 .blkimg32 img {height:150px;width:225px;}
.pic32 .blktitl2 {margin-left:240px;}
/* Zoom images on list pages  */
.blkimg32 a {cursor:zoom-in;}
.blkimgsm {display:none;}
/* .rcol   has no style */
.blktitl2 {padding:.5rem 5px .4rem 5px;;margin-left:150px; }
.tagline1 {display:none;}
.tagline2 {display:block;}


/*	On phones, size the left column and font-size specifically	*/
@media only screen and (min-device-width :320px) and (max-device-width :480px)
{
.lcol {width:90px;padding-right:10px;}
}

@media only screen and (min-device-width :320px) and (max-device-width :480px),
/* @media */  (max-width: 768px)                                                        /* was 799 */
{ 
.blkU {background-image: url(../images/non-featured-background.jpg);background-repeat: no-repeat;padding-bottom:.5em;} /* match smartphonecss jqm list seperator */
.topwrap {padding-top:10px;}  /* match smartphonecss jqm list seperator */
.blktitl1 {padding:5px 0;}
.blkimg32, .blktitl2, .tagline2, .linksmid {display:none;}
.blkimgsm, .topwrap, .tagline1 {display:block;}
.blkimgsm {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    margin-left: -5px;
    padding: 0 !important;
    overflow: hidden;
    position: relative;
    width: 100px !important;
    height: 100px;
}
.catblkshowt {clear:both;margin:0;padding-top:5px;padding-left:10px;}
.tagline1 {padding-right: 25px;padding-top: 5px;}

   /*  Clicker support - live blocks on small screen  */
.clicker  { cursor: pointer;margin-top: 0.6em;position:relative;width:100%;}
.pic32 {position:relative;}
.nojqm-arrow-r {
	cursor: pointer;
    display: inline;
    position: absolute;
    top: 50%;
    right: 1%;
    margin-top: -9px;
    background: rgba(0,0,0,.4);
    background-image: url('../images2/buttons/icons-18-white-pack.png');
    background-repeat: no-repeat;
    background-position: -108px -0;
    border-radius: 9px;
    width: 18px;
    height: 18px;
    box-shadow: 0 1px 0 rgba(255,255,255,.4);
}

}


/*    MOBILE STYLE    */

/*    @media only screen and (min-device-width :320px) and (max-device-width :480px)    */
@media (max-width: 768px) {    /*  was 799 */
.catblksubtitle {display:none;}
.tagline1 {display:block}
/* .tagline2 {display:block;}       check on dup ??????  */
.tagline2.hastag1 {display:none;}
.subtl1 {margin: 1px 0px 0px 100px;font-size:.8em;}  		/* 2025 */
.main {
	float:none;
	width:auto;
	}
.mainpic img {
	width:100%;
	}
.second {
	display:none;
	}
.dtlpg-weblink, .dtlpg-fblink {display:none;}

/*   List pages   */
.listmain {
	float:none;
	width:auto;
	}
.list2nd {
	float:none;
	display:none;
}
	
/*	Narrow view  9hard to override for wide   */
.taga:after, .tagb:after, .tagc:after {
   content: " ...";
	}


/*    Narrow view  -  New heading, or JQM     Below is JQM header      */
.mobilehdr {display:block;}
.titlebox {display:none;}
.mainpic  {display:none;}
.dtlcontent {display:none;}
.blklink .maindescr {display:none;}
.fetrtitle  {display:none;}
.dtlmap2 	{display:none;}
.mobdtlcontent	{display:none;}
.ldes1		{display:none;}
	/*  Special for home page */
#hc_index .mainslides {display:block;}
#hc_index.blklink .maindescr {display:block;}
}	
/*    END MOBILE STYLE   */	


.menu2nd {font-weight:bold;}
#menu_left_icon {width:40px;height:40px;} 
#menu_right_icon {width:50px;height:50px;}
.menu_mob_iconbars  {background-image:url('../images2/resp/m-button4.png');}
.menu_mob_iconx {background-image:url('../images2/resp/iconx.png');}
.menu_mob_iconbars2  {background-image:url('../images2/resp/m-button45.png');}
.menu_mob_iconx2 {background-image:url('../images2/resp/iconx2.png');}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width :320px) and (max-device-width :480px)
{
.mobilemenu {right:15px;}  /* position is fixed, but on small screen needs to be farther from right edge */
.mobilelogo img {max-width:70%;.margin-left:0;height:auto;padding-top:10px;}
.sidr ul li a, .sidr ul li span {padding: 10px;}    /*  was 0 15px, to comp line height */
.mobilehdr {position:relative;margin-top:0px;}				/* at top, but scrollable */
.nojqm .titlebox {margin-top: 0px;}						/* coupled to mobilehdr above */
.sidedescr_p {font-size:1.1em;font-weight:bold;}
.listpagewrap {width:100%;}     /* trying to debug width on iphone 4 */
body {width:100%;}                  /* ditto */
}	


/*  FIX UPs to inteegrate later */
@media only screen and (min-device-width :320px) and (max-device-width :480px),
/* @media */  (max-width: 768px)    /*   was 799  */
{ 
.defaultact, .newact, .nobutton, .newact23, .newact24, .newact25, .newact26, .clicker   {padding-right:0;}   /* clicker added 2025, newactYY is class not newact now */
}

/* Jimdo and FNC for Jimdo style */

/* unified picture element */
.blkpicr {width:240px;}
.blkpicr img {width:225px; height:150px;}
@media (max-width: 767px) {
.blkpicr img {width:100px; height:100px;}
/* copy from blkimgsm in resp css */
.blkpicr {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    margin-left: -5px;
    padding: 0 !important;
    overflow: hidden;
    position: relative;
    width: 100px !important;
    height: 100px;
	}
}
.mpopup-link {cursor:zoom-in;}
@media (min-width: 768px) {
	/* Zoom images on list pages  */
/* .catblkicon32 a {cursor:zoom-in;}  not needed */
.mpopup-link2 {cursor:zoom-in;}
}

@media only screen and (min-device-width :320px) and (max-device-width :480px),
/* @media */  (max-width: 768px)  
 {
.newact24 .itembanner {background:url('../images/newact2024c250.jpg');}
.newact25 .itembanner {background:url('../images/newact2025c250.jpg');}
.newact26 .itembanner {background:url('../images/newact2026c250.jpg');}
.newact24 .itembanner,  .newact25 .itembanner, .newact26 .itembanner   {
  background-color:#CCDEFF;
  background-repeat: no-repeat;
  background-position: left;
  margin-left:100px;
  display:block;
}
}

/*  test try 2025 */
.itembanner2 {display:none;}
@media only screen and (min-device-width :320px) and (max-device-width :480px),
/* @media */  (max-width: 768px)  
 {
.itembanner {display:none !important;}
.newact26 .itembanner2 {background:url('../images/newact2026c250.jpg');}
.newact26 .itembanner2   {
  background-color:#CCDEFF;
  background-repeat: no-repeat;
  background-position: center;
 /* margin-left:100px;  */
  display:block;
}
}
/* Oldwords performers pages */
@media (min-width: 999768px) {
:not(.newact26).oldwords {margin-top:2em;background-color:#f8f8f8;}
/*   .oldwords .itembanner { background:url('../images/oldwords.jpg');}   */
:not(.newact26).oldwords .itembanner { background:url('../images/oldwords.jpg');}
/*  newact26.oldwords .itembanner { background:url('../images/newact2026c.jpg');}  */

:not(.newact26).oldwords .itembanner  {margin-left:195px;display:block;}    /*195px  for 3x2 ;  150 for 1x1*/
:not(.newact26).oldwords .itembanner
{ background-repeat: no-repeat;
  background-position: left;
  line-height:20px;
  margin-top:0px;
  margin-left:235px;    /*195px  for 3x2 ;  150 for 1x1*/
}
}