/*---- structure ----*/
#av_shade { background: url(/inc/pics/transback.png) 0 0 repeat; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }

#av_outer { position: absolute; z-index: 100; width: 420px; padding: 20px; left: 50%; top: 50%; height: 454px; margin: -238px 0 0 -231px; border: 2px solid #D6BC60; background: #efefef; }

#av_inner { padding: 20px; font-size: 13px; line-height: 20px; }

/* Smartphones (portrait and landscape) ----------- */
@media (max-width: 480px) { /* Styles */
  #av_outer { width: 100%; height: auto; padding: 0px; left: 0; margin: 0; border: none; top: 0; }
  #av_inner { padding: 15px; }
  #av_inner p { font-size: auto; }
  .av_showbig { display: none; } }
/* Smartphones (landscape) ----------- */
@media (min-width: 321px) { /* Styles */
  .av_showbig { display: none; } }
/* iPads (portrait and landscape) ----------- */
@media (min-device-width: 768px) and (max-device-width: 1024px) { /* Styles */
  .av_showbig { display: none; } }
/* iPads (landscape) ----------- */
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* Styles */
  .av_showbig { display: none; } }
/* iPads (portrait) ----------- */
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { /* Styles */
  .av_showbig { display: none; } }
/* Desktops and laptops ----------- */
@media (min-width: 1224px) { /* Styles */
  .av_showbig { display: block; }
  .av_showsmall { display: none; } }
/* Large screens ----------- */
@media (min-width: 1824px) { /* Styles */
  .av_showbig { display: block; }
  .av_showsmall { display: none; } }
@media (max-width: 480px) { .age_verifying .container, .age_verifying #fixed_width { display: none; }
  #av_shade { position: static; height: auto; } }
@media (max-height: 480px) { .age_verifying .container, .age_verifying #fixed_width { display: none; }
  #av_shade { position: static; height: auto; }
  #av_outer { width: 100%; margin: 0; padding: 0; left: 0; top: 0; border: none; } }
.lt-ie9 .av_showsmall { display: none !important; }

/* Since ie has no vertical media query, we append a class */
.ie_respond.age_verifying .container, .ie_respond.age_verifying #fixed_width { display: none; }

.ie_respond #av_shade { position: static; height: auto; }

.ie_respond #av_outer { width: 100%; margin: 0; padding: 0; left: 0; top: 0; border: none; }