/* = mobile Col (Expand Collapse = Accordion Effect)
------------------------------------------------------------------------- */
    .index-video-blk {text-align:center;text-transform:uppercase;max-width:1250px;margin:0 auto;border-top:1px solid #333;padding-top:10px;color:#666;}
    .index-video-blk a { color:#fff}
    .index-video-blk a i.gi-video { font-size:10px; color:#fff; padding-left:10px; line-height:normal; opacity: 0.8;}
    .index-video-blk a:hover { color:#99cc33; transition: all 0.3s ease-out;}
    .index-video-blk a:hover i.gi-video { color:#99cc33; transition: all 0.3s ease-out;}
	#body.en .promos-btn-mobile h2 {margin-bottom:0}
    #body.en .index-video-blk {font-weight:bold;}
    #body.tc .index-video-blk, #body.sc .index-video-blk  {font-weight:normal;}
	.toggle {background-color:#99cc33}
	.toggle div.title {border-top:1px solid #159d67;}


	.toggle div.title div.title_content,
	.pane-page  {  padding:3% 0 3% 5%; height:auto; overflow:auto;} 

	.pane-page ul { margin:0; padding:0}
	.pane-page ul li { margin:0 20px; padding:0 0 10px 0; color:#fff;}
	.pane-page ul li a { color:#fff;}
	.pane-page ul li a:hover { color:#99cc33;}


	.toggle div.title div.title_content   { background:#018752 url(images/icon-plus.svg) no-repeat center right; cursor:pointer;
											color:#fff; text-transform:uppercase;}
	.tstyle1 div.active div.title_content { background:#176548 url(images/icon-minus.svg) no-repeat center right; color:#fff;}
        
    .toggle div.pane {
    	background-color:#99cc33;
        opacity: 0;
        visibility: hidden;
        max-height: 0px;
         -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
             -ms-transition: all 0.3s linear;
              -o-transition: all 0.3s linear;
                 transition: all 0.3s linear;
    }
        
    .toggle div.title.active + div.pane{
        opacity: 1;
        visibility: visible;
        max-height: 1000px;
         -webkit-transition: max-height 0.5s linear,
                             visibility 0s linear,
                             opacity 0.3s linear;
            -moz-transition: max-height 0.5s linear,
                             visibility 0s linear,
                             opacity 0.3s linear;
             -ms-transition: max-height 0.5s linear,
                             visibility 0s linear,
                             opacity 0.3s linear;
              -o-transition: max-height 0.5s linear,
                             visibility 0s linear,
                             opacity 0.3s linear;
                 transition: max-height 0.5s linear,
                             visibility 0s linear,
                             opacity 0.3s linear;
    }


  	/* = hero banner area
	------------------------------------------------------------------------- */
	.hero { width:100%; text-align:center; overflow:hidden}
	.hero .main-img { position:relative; left:100%; margin-left:-200%; z-index:5;
					  transition: transform .2s ease-in-out;}


  	/* = Promos
	------------------------------------------------------------------------- */

	#promo1-freeEdit {display:block!important; }

	.promos-btn-mobile { display:none}

	.promos { clear:both; padding:0px; margin:0px; }
	.promos .col { display: block; float:left; margin:1% 0 0 0.5%;}
	.promos .col:first-child { margin-left:0;}

	.promos.group:before,
	.promos.group:after { content:""; display:table; }
	.promos.group:after { clear:both;}
	.promos.group { zoom:1; /* For IE 6/7 */ }

	.promos .col-1-of-4 { width:24.62%; height:550px }
	.promos .col-1-of-4.promo1 { background-color: #196f66; display:block}
	.promos .col-1-of-4.promo2 { background-color: #d35e3d}
	.promos .col-1-of-4.promo3 { background-color: #e6981a}
	.promos .col-1-of-4.promo4 { background-color: #2181b3; display:block}


	.promos .col-1-of-4.promo1 .img,
	.promos .col-1-of-4.promo2 .img,
	.promos .col-1-of-4.promo3 .img, 
	.promos .col-1-of-4.promo4 .img { width:auto; height:215px;
										   background-size: cover;
									   background-position: center center;
										 background-repeat: no-repeat}

	/*.promos .col-1-of-4.promo1 .img { background-image: url(images/img-coupon.jpg);}
	.promos .col-1-of-4.promo2 .img { background-image: url(images/img-fair.jpg);}
	.promos .col-1-of-4.promo3 .img { background-image: url(images/img-exhibior-highlight.jpg);}
	.promos .col-1-of-4.promo4 .img { background-image: url(images/img-exhibior-list.jpg);}*/

	.promos .icon		{ position:absolute; z-index:10; width:100%; top:175px }
	.promos .icon .pos	{ text-align:center }
	.promos .icon .pos img	{ width:80px; }

	.promos h2 { text-align:center; text-transform:uppercase; margin-bottom:20px; line-height:1; color:#fff}
	.promos .content { padding:60px 25px 25px 25px; height:225px;}

	h2.fair, h2.ex-highlight   { display:none}

	.promos .col-1-of-4.promo1 .promo1-blk { color:#fff; text-align:center;}
	.promos .col-1-of-4.promo1 .promo1-blk .promo1-title { font-weight:bold;}
	.promos .col-1-of-4.promo1 .promo1-blk .promo1-content { }

	.promos .col-1-of-4.promo1 .promo1-blk a { color:#fff; transition: all 0.3s ease-out;}
	.promos .col-1-of-4.promo1 .promo1-blk a:hover .promo1-content { color:#022d28;}
	.promos .col-1-of-4.promo1 .promo1-blk ul { margin:0; padding:0;}
	.promos .col-1-of-4.promo1 .promo1-blk ul a li { margin:0 0 15px 0; padding:0 0 15px 0; list-style:none; line-height:normal; 
										             border-bottom:1px solid #318980!important; color:#fff;
										        	 transition:all 0.3s ease;}
	.promos .col-1-of-4.promo1 .promo1-blk ul a:hover li { color:#0a4b44}
	.promos .col-1-of-4.promo1 .promo1-blk ul a:last-child li { border-bottom:none!important}
   


        .promos .col-1-of-4.promo2 .event-blks { text-align:center; color:#fff; position: absolute;width:calc(100% - 50px);}
        
	.promos .col-1-of-4.promo2 .event-blk { text-align:center; color:#fff; position:absolute; top:0; opacity: 0; transition: 0.3s linear;    width: 100%;}
        .promos .col-1-of-4.promo2 .event-blk.current-falr {opacity: 1;transition: 0.3s linear 0.3s;}
        
	.promos .col-1-of-4.promo2 .event-blk .date { font-weight:bold}
	.promos .col-1-of-4.promo2 .event-blk a { color:#fff; transition:all 0.3s ease;}
	.promos .col-1-of-4.promo2 .event-blk a:hover { color:#5a1907; }

	.promos .col-1-of-4.promo3 .promo3-blk { text-align:center; color:#fff; font-weight:bold;}
	.promos .col-1-of-4.promo3 .promo3-blk ul { margin:0; padding:0;}
	.promos .col-1-of-4.promo3 .promo3-blk ul a li {
										            margin: 15px 0 0 0;
										            padding: 15px 0 0 0;
										            list-style:none;
										            line-height:normal;
										            border-top: 1px solid #f0c275!important;
										            color:#fff;
										            transition:all 0.3s ease;
										            }
	/*.promos .col-1-of-4.promo3 .promo3-blk ul a:last-child li { border-bottom:none!important}*/
									           

	.promos .col-1-of-4.promo4 .promo4-blk { text-align:center; color:#fff; } 
    #body.en .promos .col-1-of-4.promo4 .promo4-blk {font-weight:bold;} 
    #body.tc .promos .col-1-of-4.promo4 .promo4-blk, #body.sc .promos .col-1-of-4.promo4 .promo4-blk {font-weight:normal;} 
	.promos .col-1-of-4.promo4 .promo4-blk a { color:#fff;  transition:all 0.3s ease;}
	.promos .col-1-of-4.promo4 .promo4-blk a:hover { color:#0e3b52}

	.promos .col-1-of-4.promo4 .promo4-blk p { font-weight:normal; margin-top:5px}

  	/* = nav dot dot
	---------------- */
	.dotnav-newbook { position:relative; width:100%;} /* For "New Book Release"*/
	.dotnav-blk { position:absolute; bottom:0; width:100%; margin-left:-25px;} /* For "Fair News"*/
	.dotnav-pos { text-align:center} 
	.dotnav ul { position:relative; display:inline-block; margin:0; padding:0; list-style:none; cursor:default;
					-webkit-touch-callout: none;
					  -webkit-user-select: none;
					   -khtml-user-select: none;
					     -moz-user-select: none;
					      -ms-user-select: none;
					          user-select: none;}

	.dotnav li { position:relative; display:block; float:left; margin:0 5px;
				 width:20px; height:20px; cursor:pointer; }

	.dotnav li a { top:0; left:0; width:20px; height:20px; outline:none; border-radius:50%;
					 cursor:pointer; position:absolute;
					 background-color: #fff;
					 background-color: rgba(255, 255, 255, 0.5);
	               -webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease;
		                   transition: transform 0.3s ease, background-color 0.3s ease;}

	.dotnav li a:hover { background-color:#fff}

	.dotnav li:last-child a { width:20px; height:20px; }
	.dotnav li.current-fair a 	 { background-color:#5a1907;}
	.dotnav li.current-newBook a { background-color:#018752;}
        .dotnav li.current-banner a { background-color:#8EB411;}

	.dotnav li:last-child   { margin-right:8px;}
	.gi-show-big-thumbnails { color:#fff; opacity:0.5; transition:all 0.3s ease; font-size:20px}
	.gi-show-big-thumbnails:hover { color:#fff; opacity:1}

	/* filter type */
	.dd{
		font-size: 16px; 
		text-align: left;
	}
	.event-dropdown-blk{
		float: none;
		width: 100%;
	}
	.over-wrp{
		width: calc(100% + 20px);
		margin-right: -20px;
	}
	.dd-wrp{
		margin: 0 auto;
		padding: 0 5%;
		display: inline-block;
	}
	.dd-blk{
		width: 250px;
		margin-right: 20px;
		float: left;
	}
	.dd-blk .dd-title{
		font-size: 16px;
		color: #ffffff;
	}

  	/* = background for each row
	----------------------------- */
	.event-row {
	background: #016842; /* Old browsers */
	background: -moz-linear-gradient(top,  #016842 0%, #018752 10%, #018752 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #016842 0%,#018752 10%,#018752 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #016842 0%,#018752 10%,#018752 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016842', endColorstr='#018752',GradientType=0 ); /* IE6-9 */
	}

	.newbook-row {
	background: #729b26; /* Old browsers */
	background: -moz-linear-gradient(top,  #729b26 0%, #99cc33 17%, #99cc33 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #729b26 0%,#99cc33 17%,#99cc33 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #729b26 0%,#99cc33 17%,#99cc33 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#729b26', endColorstr='#99cc33',GradientType=0 ); /* IE6-9 */
	}

	.newproduct-row {
	background: #729b26; /* Old browsers */
	background: -moz-linear-gradient(top,    #d35e3d 0%,#e6981a 17%,#e6981a 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d35e3d 0%,#e6981a 17%,#e6981a 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,    #d35e3d 0%,#e6981a 17%,#e6981a 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d35e3d', endColorstr='#e6981a',GradientType=0 ); /* IE6-9 */
	}

	.search-row {
	background: #729b26; /* Old browsers */
	background: -moz-linear-gradient(top,  #282828 0%, #333333 30%, #333333 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #282828 0%,#333333 30%,#333333 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #282828 0%,#333333 30%,#333333 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	}


	.search-row .txt { color: #ffffff; }


	.banner-row {
	background: #282828; /* Old browsers */
	background: -moz-linear-gradient(top,  #282828 0%, #333333 30%, #333333 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #282828 0%,#333333 30%,#333333 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #282828 0%,#333333 30%,#333333 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	}


	/* = Discover 2016 Events
	------------------------- */
	.event-row .pos, .newbook-row .pos, .newproduct-row .pos, .search-row .pos { padding:30px 0; text-align:center;}
	#body.en .event-row h2, 
	#body.en .newbook-row h2 { color:#fff; text-transform:uppercase;}

	.event-row ul 			 { margin:0; padding:0}
	.event-row ul li 		 { margin:0; padding:0 10px; list-style:none; display:inline-block; text-transform:uppercase; font-weight:bold; color:#fff;}
	.event-row ul li.e-date 	   { color:#fff; transition: all 0.3s ease-out;}
	.event-row ul li.e-date:hover  { color:#333; cursor:pointer;}
	.event-row ul li.dot 	 { color:#99cc33} 	
	.event-row ul li.current { background-color:#99cc33; color:#2e3438;
								-webkit-border-radius: 100px;
								   -moz-border-radius: 100px;
										border-radius: 100px;}


	.detail-blk	{ background-color:#99cc33; border-top:1px solid #fff; padding:10px 0 40px 0;}
	table.detail	{ margin-bottom:40px; width:100%; border:0;}
	table.detail th { background-color:#2e3438; color:#fff; font-weight:normal; line-height:normal;}
	table.detail th:nth-child(1n) { width:35%; text-align:right; padding-left:2%}
	table.detail th:nth-child(2n) { width:65%; text-align:left; padding-right:2%}
	table.detail td 			  { border-bottom:1px solid #b3dc2b; vertical-align:top;}
	table.detail td:nth-child(1n) { text-align:right; text-transform:uppercase; padding-left:2%}
	table.detail td:nth-child(2n) { text-align:left; text-transform:none;  padding-right:10%}
	table.detail tr       { color:#333; transition: all 0.3s ease-out!important; }
	table.detail tr:hover { color:#333; background-color:#e0edb3; cursor:pointer}
	table.detail:last-child { margin-bottom:0}

	.btn-gi-circle-remove { font-size:35px; color:#99cc33; position:absolute; z-index:10; right:10%; margin-top:-50px}
	.btn-gi-circle-remove:hover { color:#e0edb3; cursor:pointer}

	a.all {color:#fff; transition: all 0.3s ease-out;}
	a:hover.all {color:#333}

  	/* = 5 promos banner
	--------------------- */
	.promos-banner-pos { padding:50px}
        .promos-banner-pos.adhoc { padding:0px}
        .promos-banner-pos.adhoc .banner.promos{ margin: 0px; }
        .promos-banner-pos .banner-sw .dotnav ul li a{background:#063;}
	.promos-banner-pos .banner-sw .dotnav ul li.current-banner a{background:#fff; }
        
	/* = New Book Release
	------------------------- */
	.book-list ul { margin:0; padding:0;}
	.book-list ul li { margin:0; padding:0; list-style:none; display:inline-block; margin-right:30px; height:300px; 
						 vertical-align:top }
    .book-list ul li .booktitle { line-height:1.4; margin-top:10px}

	.book-list ul li .gi { position:absolute; bottom:-50px; right:0; z-index:20; width:100%; height:30px; background-color:#000;
							 color:#fff; font-size:20px; line-height:1.4; text-align:right; vertical-align:middle;
							 opacity:0; transition: all ease .5s;}
	.book-list ul li .gi-more { padding-right:10px}
	.book-list ul li a:hover .gi { bottom:0; right:0; opacity:0.8;}


  	/* = 3 col sitemap
	------------------- */
	.sitemap-row { background:url(images/bg-3col.gif) repeat-y top center; display:block;}
 	.sitemap-row .inner-wrapper .row-height { display:table; table-layout:fixed; height:100%; width:100%;}

 	.sitemap-row .inner-wrapper .row-height .col-exhibitor-ctr,
 	.sitemap-row .inner-wrapper .row-height .col-media-ctr,
 	.sitemap-row .inner-wrapper .row-height .col-other { display:table-cell; float:none; height:100%; vertical-align:top;padding-bottom: 30px;}	
	.sitemap-row .inner-wrapper .row-height .col-exhibitor-ctr { width:50%;}
	.sitemap-row .inner-wrapper .row-height .col-media-ctr	   { width:25%; background-color:#2e7d32;} 
	.sitemap-row .inner-wrapper .row-height .col-other		   { width:25%;}	

	.sitemap-row-mobile { display:none;}

	.sp-pos-col1 	{ padding-left:60px; padding-right:60px}
	.sp-pos-col2-3  { padding-left:40px; padding-right:40px}

	.sp-pos { padding-top:30px; padding-bottom:30px}
	.sp-pos ul 	  	{ margin:0; padding:0}
	.sp-pos ul.exhibitor-ctr li  { width:50%;}
	.sp-pos ul li   { margin:0; padding:0 0 10px 0; width:100%; float:left; color:#fff; line-height:1.4; margin-bottom:0}
	.sp-pos ul li a { color:#fff; transition:all 0.3s ease;}
	.sp-pos ul li a:hover { color:#333;}


	.sp-title-blk	{ margin:0 0 15px -20px;}
	.sp-title-blk .sp-icon 		{ width:65px; float:left}
	.sp-title-blk .sp-icon img  { width:50px;}
	.sp-title-blk .col3-title { float:left; text-transform:uppercase; color:#fff; line-height:normal; margin-top:10px}


  	/* = 2 Banner
	------------------- */
	.banner-pos { padding:5%; text-align:center}
	.banner-pos ul 		{ margin:0; padding:0;}
	.banner-pos ul li 	{ margin:0; padding:0; list-style:none; display:inline-block; width:45%;}
	.banner-pos ul li:first-child 	{ margin-right:2%}

        .heropromos .banner.promos{margin:-50px 0px 0px 0px;/*padding-bottom:10px;*/}
        .heropromos .banner.promos.adhoc{margin:0px 0px 0px 0px; padding:0;}
        .banner.promos .item.promos{height:300px;}
        .hero.heropromos .banner-sw{ bottom:0; }


    /* = ad hoc banner
	------------------------- */
	#adhoc { background-color:#2e3438}
	#adhoc .ad-pos {padding:50px;}

/* ==========================================================================
	Media Style
============================================================================= */

	/* Large screens */
	@media only screen and (min-width : 1680px) {
	}


	/* Tablet Landscape */
	 @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){
	.hero .main-img { position:relative; left:-10%; margin-left:0%; width:120%; height:auto}
	
	.promos .col-1-of-4 { width:49.75%; height:auto}
	.promos .col { display: block; float:left; margin:0.5% 0 0 0.5%; background-color:yellow}
	.promos .col:nth-child(2n+1) { margin-left:0;}
	h2.fair, h2.ex-highlight   { display:none}
	.dotnav-blk { bottom:25px;} /* For "Fair News"*/

        
	table.detail th:nth-child(1n) { width:25%;}
	table.detail th:nth-child(2n) { width:75%;}

	.sitemap-row-mobile { display:none;}

 	.sitemap-row .inner-wrapper .row-height .col-exhibitor-ctr,
 	.sitemap-row .inner-wrapper .row-height .col-media-ctr,
 	.sitemap-row .inner-wrapper .row-height .col-other { display:table-cell; float:none; height:100%; vertical-align:top;}	
	.sitemap-row .inner-wrapper .row-height .col-exhibitor-ctr { width:50%;}
	.sitemap-row .inner-wrapper .row-height .col-media-ctr	   { width:25%; background-color:#2e7d32;} 
	.sitemap-row .inner-wrapper .row-height .col-other		   { width:25%;}	

	.sitemap-row-mobile { display:none;}

	.sp-pos-col1 	{ padding-left:40px; padding-right:20px}
	.sp-pos-col2-3  { padding-left:40px; padding-right:40px}

	.sp-pos { padding-top:20px; padding-bottom:20px}
	.sp-pos ul li   { margin:0; padding:0; width:100%; float:left; color:#fff; line-height:1.4; margin-bottom:8px}


	.sp-title-blk	{ margin:0 0 10px -20px;}
	.sp-title-blk .sp-icon 		{ width:50px; float:left}
	.sp-title-blk .sp-icon img  { width:40px;}
	.sp-title-blk .col3-title { float:left; text-transform:uppercase; color:#fff; line-height:normal; margin-top:10px}
        
        .heropromos .banner.promos{margin:0px 0px 0px 0px; margin-bottom:40px;}
        .heropromos .banner.promos.adhoc{margin-bottom:0px;}
        .banner.promos .item.promos{height:190px;}
        
        .promos-banner-pos.adhoc { padding:20px}
   	    .promos-banner-pos { padding:20px}

	    .dd-wrp { width: 90%; }
	    .dd-blk{ width: calc(33.33% - 20px); }
	}


	/* Tablet Portrait Size */
	@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation : portrait) {
	.hero .main-img { position:relative; left:140%; margin-left:-240%}
	.promos .col-1-of-4 { width:49.75%; height:500px}
	.promos .col:nth-child(2n+1) { margin-left:0;}
	h2.fair, h2.ex-highlight   { display:none}
	.dotnav-blk { bottom:50px;} /* For "Fair News"*/

	table.detail th:nth-child(1n) { width:30%;}
	table.detail th:nth-child(2n) { width:70%;}

	.sitemap-row .inner-wrapper .row-height .col-exhibitor-ctr { width:33.3%;}
	.sitemap-row .inner-wrapper .row-height .col-media-ctr	   { width:33.3%; background-color:#2e7d32;} 
	.sitemap-row .inner-wrapper .row-height .col-other		   { width:33.3%;}	
	.sitemap-row-mobile { display:none;}

	.sp-pos-col1 	{ padding-left:40px; padding-right:40px}

	.sp-pos { padding-top:20px; padding-bottom:20px}
	.sp-pos ul.exhibitor-ctr li  { width:100%;}
	.sp-pos ul li   { margin:0; padding:0; width:100%; float:left; color:#fff; line-height:1.6; margin-bottom:8px}
        
        .heropromos .banner.promos{margin:0px 0px 0px 0px; margin-bottom:40px;}
        .heropromos .banner.promos.adhoc{margin-bottom:0px;}
        .banner.promos .item.promos{height:140px;}
        .promos-banner-pos.adhoc { padding:20px}
   	.promos-banner-pos { padding:20px}
     
       	.dd-wrp { width: 90%; }
	    .dd-blk{ width: calc(33.33% - 20px); }
	}


	/* Mobile Landscape Size */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.hero .main-img { position:relative; left:-30%; margin-left:0%; width:190%; height:auto}
	
	.dotnav-blk {bottom: 10px;}
	.promos-btn-mobile { display:none }
	.promos .content { padding: 60px 25px 25px 25px; height: 280px;}
	.promos .col-1-of-4 { width:49.75%; height:auto}
	.promos .col { display: block; float:left; margin:0.5% 0 0 0.5%;}
	.promos .col:nth-child(2n+1) { margin-left:0;}
	h2.fair, h2.ex-highlight   { display:none}

	.btn-gi-circle-remove { display:none}

	.sitemap-row { display:none}
	.sitemap-row-mobile { display:block; background:#018752;overflow: hidden;}
	
	.banner-pos { padding:4% 1% 2% 1%; text-align:center}
	.banner-pos ul li:first-child 	{ margin-right:3%}
        
        .heropromos .banner.promos{margin:0px 0px 0px 0px;  margin-bottom:40px;}
        .heropromos .banner.promos.adhoc{margin-bottom:0px;}
        .banner.promos .item.promos{height:120px;}
        .promos-banner-pos.adhoc { padding:20px}
	.promos-banner-pos { padding:20px}

   	    .dd-wrp { width: 90%; }
	    .dd-blk{ width: calc(50% - 20px); }
	}


	/* Mobile Portrait Size */
	@media only screen and (max-width: 479px) {
	
	table.icon tr td {padding:10px; border:1; width:100%;}
	table.icon tr td.circle-icon 	{ text-align:left; vertical-align:top; width:60px} 
	table.icon tr td.circle-section  { text-align:left; vertical-align:middle} 

	.hero .main-img { position:relative; left:-30%; margin-left:0%; width:250%; height:auto }

	/*#promo1-freeEdit {display:block!important; }
	#promo1-freeEdit .promo1-blk {text-align:left}
	#promo1-freeEdit .img {display:none}

	.promos .col-1-of-4.promo1 { display:none }
	.promos .col-1-of-4.promo4 { display:none }*/
	.promos .col-1-of-4.promo1 .img { display:none}
	.promos .col-1-of-4.promo2 .img { display:none}
	.promos .col-1-of-4.promo3 .img { display:none}
	.promos .col-1-of-4.promo4 .img { display:none}
	.promos .col-1-of-4.promo1 .promo1-blk { text-align:left;}
	.promos .col-1-of-4.promo4 .promo4-blk { text-align:left;}

	.dotnav-blk { bottom:10px;} /* For "Fair News"*/

	.promos .content { padding:15px; height:auto;}
	.promos .col-1-of-4.promo2 .content { height:220px}
	.promos .col-1-of-4.promo3 {padding-bottom:20px}
	.promos .col-1-of-4.promo4 {padding-bottom:20px}
	.promos .content.ex-height-mobile { padding:15px; height:auto; }

	.promos h2 {display:none}
	.promos .icon		{ display:none}
	.promos .icon .pos	{ display:none}
	.promos .icon .pos img { display:none}


	.detail-blk	{ display:none} /* for event detail*/
	.btn-gi-circle-remove { display:none}
	.event-row ul li 		 { padding:0 10px;}

	.promos .col { display: block; float:left; margin:0 0 1px 0;}
	.promos .col:first-child { margin-left:0 }
	.promos .col-1-of-4 { width:100%; height: auto }
	.promos .col-1-of-4.promo2 .event-blk,
	.promos .col-1-of-4.promo3 .promo3-blk { text-align:left; color:#fff; margin-top:inherit; }
	.promos .col-1-of-4.promo3 .promo3-blk ul a li { font-weight:normal;}

	.promos-btn-mobile { display:block }

	.bg-promos-col1	 { background-color:#196f66; margin-top:10px}
	.bg-promos-col4  { background-color:#2181b3}	


	.promos-btn-mobile .btn-promos { width:auto; padding:15px 15px 0 15px; margin-bottom:0;
									 border-bottom:1px solid #fff; color:#fff; vertical-align:middle;}
	.promos-btn-mobile .btn-promos .btn-pos { padding:10px 15px}
	.promos-btn-mobile .btn-promos .btn-pos h2  { width:100%;
												  text-align:left; text-transform:uppercase; line-height:normal;}
	.promos-btn-mobile .btn-promos .btn-pos.coupon h2:before  { content:url(images/icon-coupon.svg); display:inline-block; height:64px; vertical-align:middle; padding-right:10px;}
	.promos-btn-mobile .btn-promos .btn-pos.list h2:before    { content:url(images/icon-exhibitor-list.svg); display:inline-block; height:64px; vertical-align:middle; padding-right:10px;}

	.sitemap-row { display:none}
	.sitemap-row-mobile { display:block; background:#018752;overflow: hidden;}

	.banner-pos { padding:5%;}
	.banner-pos ul li 	{ width:100%;}
	.banner-pos ul li:first-child 	{ margin-right:0; padding-bottom:20px}

        .heropromos .banner.promos{margin:0px 0px 0px 0px; margin-bottom:40px;}
        .promos-banner-pos.adhoc { padding:20px}
	.promos-banner-pos { padding:20px}
        .heropromos .banner.promos.adhoc{margin-bottom:0px;}
        .banner.promos .item.promos{height:70px;}
    .promos .col-1-of-4.promo1 .promo1-blk ul a li { width:46%; display:inline-block; vertical-align:top; margin-right:2%}

    	 .dd-blk{ width: calc(100% - 20px); }
	}
        
        @media only screen and (max-width: 320px) {

            .banner.promos .item.promos{height:70px;}
        }