@media (min-width:768px) { .hide-lg { display: none!important; } }
.image-grid-tile,
.image-grid-list {
  overflow: hidden;
  position: relative;
  display: block;
  clear: both; }
  .image-grid-tile .image-grid-cell,
  .image-grid-list .image-grid-cell {
    float: left;
    position: relative; }
  .image-grid-tile .cell-face-image,
  .image-grid-list .cell-face-image {
    width: 100px; }

.image-grid-tile .image-grid-cell {
  width: percent(100/5); }

.image-grid-tile .cell-face {
  text-align: center; }
  .image-grid-tile .cell-face figure { height: 160px; }
  .image-grid-tile .cell-face .cell-face-image {
    margin: 0 auto; }

@media only screen and (max-width: 500px) {
  .image-grid-tile .cell-face figure { height: 135px; padding-top:3px; }
  .image-grid-tile .cell-drawer { width: 300%; }
  .image-grid-tile .image-grid-cell { width: 33.33%;}
    .image-grid-tile .image-grid-cell:nth-of-type(3n+2) .cell-drawer {
      margin-left: -100%; }
    .image-grid-tile .image-grid-cell:nth-of-type(3n+3) .cell-drawer {
      margin-left: -200%; }
    .image-grid-tile .image-grid-cell:nth-of-type(3n+4) {
      clear: left; } 
      
 	.link-block img.cell-image {
   		height:55px;
   		width: 55px;
 	} 

  .link-block p.cell-title {
    font-size:12px;
    margin-bottom: 7px;
  }
  .link-block div.label-info {
    font-size:18px;
  }
  .image-grid-cell {margin-bottom:0px;}
 }

@media only screen and (min-width: 500px) and (max-width: 768px) {
  .image-grid-tile .cell-drawer {
    width: 300%; }
  .image-grid-tile .image-grid-cell {
    width: 33.33%; }
    .image-grid-tile .image-grid-cell:nth-of-type(3n+2) .cell-drawer {
      margin-left: -100%; }
    .image-grid-tile .image-grid-cell:nth-of-type(3n+3) .cell-drawer {
      margin-left: -200%; }
    .image-grid-tile .image-grid-cell:nth-of-type(3n+4) {
      clear: left; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .image-grid-tile .cell-drawer {
    width: 500%; }
  .image-grid-tile .image-grid-cell {
    width: 20%; }
    .image-grid-tile .image-grid-cell:nth-of-type(5n+2) .cell-drawer {
      margin-left: -100%; }
    .image-grid-tile .image-grid-cell:nth-of-type(5n+3) .cell-drawer {
      margin-left: -200%; }
    .image-grid-tile .image-grid-cell:nth-of-type(5n+4) .cell-drawer {
      margin-left: -300%; }
    .image-grid-tile .image-grid-cell:nth-of-type(5n+5) .cell-drawer {
      margin-left: -400%; }
    .image-grid-tile .image-grid-cell:nth-of-type(5n+6) {
      clear: left; } }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .image-grid-tile .cell-drawer {
    width: 600%; }
  .image-grid-tile .image-grid-cell {
    width: 16.66%; }
    .image-grid-tile .image-grid-cell:nth-of-type(6n+2) .cell-drawer {
      margin-left: -100%; }
    .image-grid-tile .image-grid-cell:nth-of-type(6n+3) .cell-drawer {
      margin-left: -200%; }
    .image-grid-tile .image-grid-cell:nth-of-type(6n+4) .cell-drawer {
      margin-left: -300%; }
    .image-grid-tile .image-grid-cell:nth-of-type(6n+5) .cell-drawer {
      margin-left: -400%; }
    .image-grid-tile .image-grid-cell:nth-of-type(6n+6) .cell-drawer {
      margin-left: -500%; }
    .image-grid-tile .image-grid-cell:nth-of-type(6n+7) {
      clear: left; } }

@media only screen and (min-width: 1200px) {
  .image-grid-tile .cell-drawer {
    width: 700%; }
  .image-grid-tile .image-grid-cell {
    width: 14.28%; }
    .image-grid-tile .image-grid-cell:nth-of-type(7n+2) .cell-drawer {
      margin-left: -100%; }
    .image-grid-tile .image-grid-cell:nth-of-type(7n+3) .cell-drawer {
      margin-left: -200%; }
    .image-grid-tile .image-grid-cell:nth-of-type(7n+4) .cell-drawer {
      margin-left: -300%; }
    .image-grid-tile .image-grid-cell:nth-of-type(7n+5) .cell-drawer {
      margin-left: -400%; }
    .image-grid-tile .image-grid-cell:nth-of-type(7n+6) .cell-drawer {
      margin-left: -500%; }
    .image-grid-tile .image-grid-cell:nth-of-type(7n+7) .cell-drawer {
      margin-left: -600%; }
    .image-grid-tile .image-grid-cell:nth-of-type(7n+8) {
      clear: left; } }

.image-grid-list .link-block:after {
  content: "";
  display: table;
  clear: both; }

.image-grid-list .image-grid-cell {
  width: percent(100/5); }

.image-grid-list .cell-face-image {
  float: left;
  margin-right: 10px; }

@media only screen and (max-width: 768px) {
  .image-grid-list .cell-drawer {
    width: 100%; }
  .image-grid-list .image-grid-cell {
    width: 100%; }
  .image-grid-list .image-grid-cell:nth-of-type(1n+2) {
    clear: left; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .image-grid-list .cell-drawer {
    width: 200%; }
  .image-grid-list .image-grid-cell {
    width: 50%; }
    .image-grid-list .image-grid-cell:nth-of-type(2n+2) .cell-drawer {
      margin-left: -100%; }
    .image-grid-list .image-grid-cell:nth-of-type(2n+3) {
      clear: left; } }

@media only screen and (min-width: 992px) {
  .image-grid-list .cell-drawer {
    width: 300%; }
  .image-grid-list .image-grid-cell {
    width: 33.33%; }
    .image-grid-list .image-grid-cell:nth-of-type(3n+2) .cell-drawer {
      margin-left: -100%; }
    .image-grid-list .image-grid-cell:nth-of-type(3n+3) .cell-drawer {
      margin-left: -200%; }
    .image-grid-list .image-grid-cell:nth-of-type(3n+4) {
      clear: left; } }

.cell-face {
  font-size: 12px;
  line-height: 14px; }
  .cell-face p:last-child {
    margin-bottom: 0; }
  .cell-face .title {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold; }
  .cell-face .link-block {
    padding: 10px; }

.cell-drawer {
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
  max-height: 0;
  transition: max-height .3s ease-in-out, margin-bottom .3s; }

.cell-drawer-content {
  padding: 20px;
  border: 1px solid #00A9CE; }

.image-grid-cell .arrow-up {
  display: block;
  height: 14px;
  width: 100%;
  margin-top: -15px;
  position: relative; 
  }

.image-grid-cell.active .arrow-up {
  z-index: 100;
  border-bottom: 12px solid #00A9CE;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  height: 0;
  width: 0;
  margin: 2px auto 0; }
  .image-grid-cell.active .arrow-up:before {
    content: '';
    position: absolute;
    height: 10px;
    left: -12px;
    display: block;
    width: 100%;
    border-bottom: 12px solid #FFF;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    height: 0;
    width: 0;
    margin: 2px auto -1px; }

.image-grid-cell.active .cell-drawer {
  max-height: 500px;
  width: 300px;
  margin-bottom: 10px;
  position: absolute; 
  z-index: 90;
}

.image-grid-cell.active .close-cell-drawer {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #808080;
  font-size: 39px;
  line-height: 20px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease-in-out; 
 }
  .image-grid-cell.active .close-cell-drawer:before {
    content: '×'; }
  .image-grid-cell.active .close-cell-drawer:hover {
    color: #a6a6a6; }
    
 .sc-country-btn .ga-caret { float:right; margin-top: 7px;}
.sc-country-btn { text-align:left;}

#aware-content-down { color: #F1570C; }
.aware-content .fa-angle-down, .fa-angle-up {
  font-size: 20px;
}

#category-grid { margin-bottom:40px; }

.image-grid-cell { margin-bottom:20px; }

/** custom drop-down for weight units **/
.dropdown-input .btn {
   border: solid 1px #D7D7D7;
   background-color: #FFFFFF;
   color: #808080;
   padding: 15px 20px 15px 20px;
}
.navbar-fixed-top {
  z-index: 2010;
}
.dropdown {
	z-index: 1080;
}
.country-dropdown {
	z-index: 2000;
}
.country-dropdown .st-countries {
	max-height: 400px;
	overflow: auto;
}
.dropdown-input .dropdown-menu A {
   cursor: pointer;
}
.form-group {
	margin-bottom: 0px;
}

.form-group LABEL {
   color: #808080;
   font-size: 16px;
   font-weight: 300;
   margin-bottom: 15px;
   margin-top: 30px;
}
.form-group .form-control {
   border-radius: 0px;
   border: solid 1px #D7D7D7;
   padding: 15px 20px 15px 20px;
   color: #808080;
   height: auto;
}

/** Country list **/
.st-countries  {
	z-index: 2000;
}
.st-countries  UL.dropw{
	z-index: 2000;
}
UL.st-countries > LI > A  {
  padding-left: 40px;
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 27px 20px;
}
.dropdown-input .sc-country-btn {
  background-position: 25px center;
  background-repeat: no-repeat;
  background-size: 27px 20px;
  padding-left: 60px;
  width: 100%;
}

.top-banner-outer {
   background: linear-gradient(#00a9ce, #3483bf);
}
div.section-title { margin-bottom: 50px;}

#select-country { margin-bottom:30px;}

.top-banner-inner {
  height:492px;
  padding: 0px;
  color:#FFF;
  background-image: url("../../zh/imgs/prohibited/ProhibitedBkgdR1.svg");
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: center 53%;
  background-attachment: local;
}
.top-banner-inner H1 {
  color:#fff;
  margin: 70px 0px 0px 70px;
  text-align:left;
  font-size:40px;
  font-weight: 400;
  line-height: 40px;
}
.top-container {
   height: 492px;
   padding: 0px;
   margin: 0px 0px 0px 0px;
}

#country-container {
	height:184px;
	max-width:970px;
	padding: 0;
}
.country-box {
	margin-left:auto;
	margin-right:auto;
	margin-top: -110px;
	margin-bottom:40px;
	max-width:970px;
}
.country-box #instruction {
	background-color: #f2f2f2;
	padding:40px 0px 40px 0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size: 16px;
	font-weight: 500;
	color:#808080;
	display:none;
}
.item-number {
   position: absolute;
   top: -10px;
   left: 20px;
   height: 40px;
   width: 40px;
}
.columns {
   margin-bottom: 130px;
}
.columns P.step-description {
  margin: 60px 0px 0px 0px;
  padding: 15px;
  font-size: 18px;
  color: #808080;
  display: block;
  text-align: center;
}
.middle-column P.step-description {
  border-left: solid 1px #D7D7D7;
  border-right: solid 1px #D7D7D7;
}

.item-number IMG {
   height: 40px;
   width: 40px;
}

.link-block p.cell-title {
  font-weight:normal;
}

.link-block {
    color: #808080;
    text-decoration: none; 
}
.link-block:hover {
    color: #00a9ce;
  	background: #fff;
}

.prohibited-title {
   text-align: center;
}
.prohibited-title .bar {
    margin-top: -20px;
    margin-bottom: 20px;
    height: 1px;
    background-color: #D7D7D7;
}
.prohibited-title SPAN {
   display: inline-block;
   line-height: 40px;
   vertical-align: middle;
   background-color: #FFFFFF;
   color: #545454;
   font-size: 30px;
   padding: 0px 20px 0px 20px;
}

 div.image-grid-cell .label {
 	font-size: 100%;
 	margin-top:20px;
 	font-weight:normal;
 	padding: 3px 10px 3px 10px;
 }

.laws {
  line-height: 30px;
  font-size: 16px;
  margin-bottom: 40px;
  color: #808080;
}

.image-grid-cell:hover {
  cursor:pointer;
}
.prohib-detail-inner {
  cursor: default;
}

.close-detail {
  cursor:pointer;
  float:right;
  margin-top:-8px;
  margin-right:-8px;
  font-size:16px;
  color: #00A9CE;
}

 .aware-content {
 	display:none;cursor:pointer;margin-bottom:40px;
 	text-align:center;
 }

.laws A {
  color: #00A9CE;
}

.wine-header, .whs-header {
  font-size: 22px;
  color: #000000;
   text-align: center;
   margin-bottom:40px;
}
.wine-explain, .wine-explain-blue {
  font-size: 16px;
  color: #808080;
  margin-bottom:40px;
  line-height:24px;
}
.wine-explain-blue {
  color: #00A9CE;
}
.whs-header {
  margin-bottom:30px;
}
.whs-header img {
  height:60px;
  width: 60px;
}

.us-au-maps .map-left {
  border-right: 1px solid #d7d7d7;
}

.au-map { 
  margin-top: 25%;
  max-height: 300px;
  max-width: 300px;
}

hr.vbar {
  border-top: 1px solid #D7D7D7;
  margin: 60px 0 60px 0;
}

.country {
  font-size: 16px;
  color: #808080;
  margin-bottom:5px;
}

.country-map
{
  margin:45px 0 80px 0;
  /*
  background: url("../../zh/imgs/prohibited/AlcWorld2.png");
   background-repeat: no-repeat;
   background-size: contain, contain; 
   background-position: center center;
   height: 400px;
   max-height: 400px;
   */
}

p.title {
  margin-top:20px;
}

.tiles {
  margin-bottom: 20px;
}

img.cell-image {
  height:80px;
  width: 80px;
}

.mobile-image, .mobile-only {
   display: none;
}

.popover.bottom>.arrow { border-bottom-color: #00A9CE; }
.popover.left>.arrow { border-left-color: #00A9CE; }
.popover.right>.arrow { border-right-color: #00A9CE; }
.popover.top>.arrow { border-top-color: #00A9CE; }

.popover { 
  border: 1px solid #00A9CE;
  font-family: inherit;
}

  UL.dropdown-menu LI {
    margin:0px 0px 10px 10px;
  }
  .st-countries INPUT.form-control {
    width: calc(100% - 10px);
    margin-left: auto;
    margin-right: auto;
    margin-bottom:5px;
  }

@media (max-width:767px) {
 BODY { cursor: pointer; }
 
 .hide-sm { display: none !important; }
	
.popover { 
  font-family: inherit;
}
.tooltip.top    { margin-top: -10px; }
.tooltip.right  { margin-left: 10px; }
.tooltip.bottom { margin-top: 10px;   }
.tooltip.left   { margin-left: -10px; }

  .image-grid-cell { margin-bottom:0px; padding-bottom: 0px; }
  #category-grid { margin-bottom:0px; }
  
  p.title {
    margin-top:12px;
  }

  .country-box #instruction {
    width:95%;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .country-dropdown .st-countries {
    overflow-x: hidden;
    width: 100%;
  }
  
  .top-banner-inner {
 	  background-image: url("../../zh/imgs/prohibited/ProhibitedBkgd_Mobile.svg");
	  background-size: contain; 
	  background-position: center bottom;
	  background-attachment: local;
  }
  .main-box {
    display: none;
  }
  .mobile-image, .mobile-only {
   display: block;
  }
  .not-mobile {
   display: none;
  }
  .full-size-image {
   display: none;
  }
 
  .top-image .container H1 {
    margin: 50px 0px 0px 20px;
    font-size: 32px;
    font-weight: normal;
    line-height: 32px;
 }
 .top-image .container H2 {
    margin: 30px 0px 0px 20px;
    padding: 0px;
    text-align: left;
    font-size: 17px;
    font-weight: normal;
    line-height: 28px;
 }
 .top-image .container P {
    margin: 30px 0px 0px 00px;
    text-align: center;
 }
 .top-image .container P  {
   font-size: 16px;
   padding: 15px 60px 15px 60px;
 }
  .columns {
    margin-bottom: 0px;
  }
 .columns P.step-description {
   margin: 30px 0px 40px 0px;
  }
 .middle-column P.step-description {
   border-left: none;
   border-right: none;
 }
 

 .laws {
   line-height: 35px;
   font-size: 16px;
   padding: 0px 20px 0px 20px;
 } 
 .item-number IMG {
    height: 30px;
    width: 30px;
 }

 .prohibited-title .bar {
     display: none;
     margin: 0px;
 }
 .prohibited-title SPAN {
    color: #545454;
    font-size: 24px;
    margin: 0px 20px 0px 20px;
    padding: 40px 0px 0px 0px; 
    border-top: solid 1px #D7D7D7; 
 }
 
 .country-map { margin-bottom:40px; }
 
 img.checkx {
   width: 40px; height: 40px;
 }
 
 .whs-header { margin-bottom: 25px; font-size: 18px; color: #545454; }
 .whs-header2 { margin-top: 30px; margin-bottom: 25px; font-size: 18px; color: #545454; }
 
 .top-banner-inner H1 {
   margin: 40px 15px 0px 15px;
   font-size: 32px;
   font-weight:normal;
 }
 
 DIV.section-title {
   border: none;
   margin: 50px 0 45px 0;
   padding: 0px;
 }
 
 
 .section-title SPAN.title-content {
  font-size:23px; 
  color:#545454;
  padding: 0px;
 }
 
 .cell-face .link-block { 
   padding: 6px 0 6px 0;
 }
 
 div.mobile-bullets {
   font-size: 16px;
   color: #808080;
 }
 div.mobile-bullets .fa-circle {
   font-size:8px;
   vertical-align:middle;
   color: #00A9CE;
   margin-top: -3px;
 }
 div.mobile-bullets .col-xs-11 {
   margin-left: 0;
   margin-bottom:15px;
   padding: 0 !important;
 }
 div.mobile-bullets .col-xs-1 {
   margin-bottom:15px;
   padding: 0 !important;
   text-align: center;
 }
 
 #select-country { text-align: left; }
 .wine-explain { color: #000; } 
 #category-grid {
   margin-top:30px;
 }
 
 SPAN.bar {
   display:block;
   height: 1px;
   width: 100%;
   background-color: #C1C1C1;
   margin-right:auto;
   margin-left:auto;
 }
}

.category-link:hover { text-decoration: none; }
.cell-face .label-info {
  background-color: #00A9CE;
}
.prohib-detail {
  z-index: 200;
  display:none;
}
.prohib-detail-inner {
  background: #fff;
  text-align: left;
}
html[dir="rtl"] .prohib-detail-inner { text-align: right;}
.attention-3 {
  font-size: 18px;
  color: #00A9CE;
}
i.up-arrow {
  border: solid #00A9CE;
  border-width: 0 2px 2px 0;
  background: #fff;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
   -webkit-transform: rotate(-135deg);
   width:15px;
   height:15px;
   top: -8px;
   left: 70px;
   z-index: l100;
   position:absolute;
   display:none;
}

.popover-title {
  font-size: 18px;
  color: #00A9CE;
  background: #fff;
  border:none;
}

.item-condition {
  margin-bottom:7px;
}

ul.conditions {
  padding-left: 23px;
}