.slideboxImgPerPro{
width: 100%; height: 120px; min-height:120px;
}

.city-title{color:var(--text-header); font-weight:400; display:block;}
.detail{display:block;}

.procolor{
color:#7eafcf;
font-size:15px;
}

.exporter-box p a{color:#fff;}

#detail h2, #detail h4{font-weight:700;}

#detail h2{font-size:42px; color:var(--text-header); text-align:center;}

.inner-pro-list{padding:20px 0px;}

.backward { 
     display: inline-block;
    -moz-transform: scale(-1, 1); 
    -webkit-transform: scale(-1, 1);  
    transform: scale(-1, 1); 
} 

.pro-flex{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-flow: row wrap;
-webkit-flex-flow: row wrap;
margin-left:-25px;
margin-right:-25px;
}


.exporter-box{position:relative; padding:20px 20px; width:25%; margin:0 auto; }
.exporter-box > div{ margin:0 auto; background-color:rgba(255,255,255,0.12); padding:12px; text-align:left; font-size:16px;}


#detail{display:none; position:relative; z-index:2;}
#video{display:none; position:relative; z-index:2;}

#container{text-align:left;}

#exporters{position:relative; min-height:300px;}
#contents > div{margin-top:15px;}


#result{padding-top:20px; color:var(--text-header);}

.exp-filter{display:flex; padding-top:15px;}
.exp-filter select{font-family: 'Bitter', serif; font-size:16px; margin-right:10px; padding:2px 5px;}
.exp-filter button{font-family: 'Bitter', serif; color:#fff; background:var(--text-header); font-size:16px; border:0px; border-radius:5px; padding:2px 10px;}
.exp-filter input{border:1px solid var(--text-header); padding:0px 5px;}

.exp-loading{margin:0 auto; width:280px; text-align:center; padding-top:30px;}
.exp-loading:before{content:'Loading'; animation: blinker 0.3s linear infinite;}


.exp-loader {
margin:0 auto;
margin-top:10px;
  width: 10px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: explo 1s infinite linear alternate;
}
@keyframes explo {
    0%  {box-shadow: 20px 0 #0171b2, -20px 0 #0002;background: #0171b2 }
    33% {box-shadow: 20px 0 #0171b2, -20px 0 #0002;background: #0002}
    66% {box-shadow: 20px 0 #0002,-20px 0 #0171b2; background: #0002}
    100%{box-shadow: 20px 0 #0002,-20px 0 #0171b2; background: #0171b2 }
}



.search{margin-left:30px; font-family: 'Bitter', serif; font-size:16px;}

.video-pro{max-width:640px; min-width:230px; margin:0 auto;}

.description-text{font-size:14px; margin-top:10px;}

.inner-pro-detail{
padding:40px 25px;
}

.project-flex{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin-left:-20px;
margin-right:-20px;
}

.lightbox-return{cursor:pointer; font-size:16px; margin-top:15px; display:inline-block;}

.lightbox-pro-close{
	position: absolute;
	z-index: 2;
	top: 20px;
	right: 20px;
	border:none;
	cursor: pointer;
	background: var(--btn-content);
	color: #fff;
	font-weight:700;
	padding: 8px;
	font-size:16px;
	border-radius:5px;
	
	}

.lightbox-content-box-pro{
position:relative;
padding:20px;
max-width:1400px;
margin:auto;
background-color:rgba(255,255,255,0.10);
-webkit-overflow-scrolling: touch;
}


.lightbox-video-box-pro{
position:relative;
padding:20px;
max-width:680px;
margin:auto;
background-color:rgba(255,255,255,0.10);
-webkit-overflow-scrolling: touch;
}

.project-detail{padding:15px;
display: -ms-flexbox;
display: -webkit-flex;
  display: flex;
justify-content: flex-start;align-items:flex-start;
  }

.project-detail-docs{
padding:20px;
}


.content-box-pro{width:160px; padding:20px;}

#video .lightbox-pro-close{top:-50px;right:-20px; width:40px; height:40px; border-radius:50%; font-size:18px; background: transparent; }

.brd{border:3px solid #fff;}

.banner-box{width:340; height:290px; padding:20px;}

@media(max-width: 1024px) {
.exporter-box{width:33.3%;}
}


@media(max-width: 820px) {
.exporter-box {width:50%;}
}

@media(max-width: 620px) {
.exporter-box {width:100%;}
.pro-flex{display:block;}
}


@media(max-width: 360px) {
.mainMenuPro{margin-top:15px;margin-left:10px; font-size:16px;}
.content-box-pro{width:50%; padding:10px;}
.project-flex{margin-left:-10px; margin-right:-10px;}
.project-detail-docs{padding:0px;}
}