/*******************
2012-11-30 (created)
RESPONSIVE BANNER ADS FEATURES
C:\BG\BHMI\www\hcss\websshmi12ad.css
C:\BG\BHMI\www\hcss\websshmi12ad_v121130D.css  (use existing id & clase names)
ORIGINAL FROM (121130):
C:\BG\0 Learn\CSS121130_responsive-banner-ads01_ad.css
**************************************/


/* Note: Design for a width of 980px */
@media only screen and (min-width: 980px) {
   #adframediv_a {
   width: 728px;
   overflow:hidden;
   }
#hmib_site-title.hmibgraphic {
   width: 980px;
<--   overflow:hidden;  -->
}
}


/* Note: Design for a width of 768px */
@media only screen and (min-width: 728px) and (max-width: 767px) {
   #adframediv_a {
   width: 767px;
   overflow:hidden;
   }
#hmib_site-title.hmibgraphic {
   width: 728px;
   overflow:hidden;
}
}


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
   #adframediv_a {
   width: 420px;
   overflow:hidden;
   }
#hmib_site-title.hmibgraphic {
   width: 420px;
   overflow:hidden;
}
}


/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 480px) {
   #adframediv_a {
   width: 320px;
   overflow:hidden;
   }
#hmib_site-title.hmibgraphic {
   width: 320px;
   overflow:hidden;
}
.hmib_textadlogo_box,
.hmib_textadymb_box {   /*  .hmib_textadlogo, .hmib_textadymb; text-overflow:ellipsis; overflow:hidden;   */
   width: 320px;
   overflow:hidden;
}
}


/* Note: Design for a width of under 320px */
@media only screen and (max-width: 320px) {
.hmib_textadlogo_box,
.hmib_textadymb_box {   /*  .hmib_textadlogo, .hmib_textadymb   */
   width: 320px;
   overflow:hidden;
}
}