.btn-video169 {
  display: none;
}
.intro-mobile{
   display: none;	
}
.banner-box {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;	
 	
}
.banner-box .bk1{
  background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 60%);	 	
}
.banner-box-art,
.banner-box-peace,
.banner-box-culture{
	background-position: center bottom;
}
.banner-box .intro {
  display: flex;
  flex-direction: column;
  justify-content: center;	
  width:450px;
  height: 750px;
}

.banner-box .intro h3 {
  color:#ffffff;
  text-transform : uppercase;
  margin-bottom: 10px;
  font-size: 1.5rem;	
}
.banner-box .intro h2 {
  color:#ffffff;
  text-transform : uppercase;	
  font-size: 4rem;
}
.banner-box .intro .line {
  height:5px;
  background-color: #00aaff;
  width:70px;
  margin-bottom: 10px;
}
.banner-box .intro .text {
  color:#ffffff;
  font-size: 1.1rem;
  padding-bottom: 100px;		
}

.srchs-area {
  display: flex;
  justify-content: center;
  padding: 0px 0px 30px 0px;    
}

.srchs-container {
  width: 600px;    
}

.alldata .notfound {
   width: 100%;    
   text-align: center;
}

.padding-channel1 {
	padding: 0px 0px 0px 0px;
}



.main-titles {
    padding: 0px 0px 10px 0px;
}
.main-titles .btns-more-channel button:before {
	font-size: 1.25rem;
	
}
.main-titles .btns .more span{
	font-size: 1.25rem;
	color:#000000;
}
.main-titles .btns .ico-more1:before {
    color: #999;
    font-size: 1rem;
}


.float-menu-more-channel {
	max-width: 600px;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
}
.float-menu-more-channel a{
	width: 33%;
	box-sizing: border-box;
	padding: 10px;
}

.float-menu-more-channel .name{
	font-family: 'font1-bold';
}
.float-menu-more-channel a:hover{
	color:#00aaff;
}
.float-menu-more-channel .note{
	color:#999999;
	display: block;
	font-size: 0.875rem;
}


@media screen and (max-width: 970px) {


.btn-video169 {
  display: block;
}
.body-boxchannel{
  margin-top: 0px;
  padding: 0px;	
}
.viewport-home{
  background-size: 100% auto;
}
.channelbanner-pc {
  display: none;
}
.channelbanner-mobile {
  display: block;
}


.banner-box .intro-box {
  display: block;
  background-color: transparent;
}
.banner-box .intro {
  width: 100%;
  padding: 20px 15px 20px 15px;
  box-sizing: border-box;	
  min-height: 200px;	
  height:auto;	
}
	
.banner-box .intro h2 {
    font-size: 2rem;
	text-shadow: 0px 0px 5px rgba(0,0,0,1);
}	
.banner-box .intro h3 {
    font-size: 1rem;
	text-shadow: 0px 0px 5px rgba(0,0,0,1);
}	
.banner-box .intro .text {
    display: none;
}	
.intro-mobile{
   display: block;	
   font-size: 1rem;
}	

.srchs-container  {
    width: 100%;
}  
.srchs-container .srch-keywords {
    margin-left: 15px;
    margin-right: 5px;  
} 
  
.alldata .main-titles-line {
	border-bottom: none;
	flex-direction: column;	
}
    
.alldata .items .sbox .types .type{
   color:#999999;	
}	
	
.alldata .items-square-list .sbox {
  margin-bottom: 15px; 	
  width: calc(50% - 5px);
  box-sizing: border-box;	
  background-color: #ffffff;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #eeeeee;
}
.alldata .items-square-list .sbox .title{	
   display: none;
}
.alldata .items-square-list .sbox .contents .abstract{
   display: none;		
}
	
.alldata .items-square-list .sbox .types-mobile{
	display: none;	
}
.alldata .items-square-list .sbox .contents {
    margin-bottom: 0px;
}
.alldata .items-square-list .sbox .contents .simage {
    width:100%;
	height: auto;
    margin-right: 0px;
}
.alldata .items-square-list .sbox .contents .simagebox {
    width:100%;
	height: auto;
}	
.alldata .items-square-list .sbox {
    padding-top: 0px;    
    margin-top: 0px;	
    margin-right: 10px;	
	margin-bottom: 20px;
	border-radius: 7px;
}
	
.main-titles {
   display: none;    
}
}



.gallery-carousel {
	margin-bottom: 50px;
}
.gallery-carousel .list-more {
	display: none;
}


.carousel-card-gird {
   margin-bottom: 50px;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(234px, 1fr));
   justify-content: center;
   grid-gap: 20px 20px;   
   justify-items: center;
}
.carousel-card-gird .item{
   display: flex;
   max-width: 403.33px;    
   flex-direction: column;    
   box-shadow: 2px 4px 12px rgba(0,0,0,0.1);
   border-radius: 12px;
   background-color: #fff;
   overflow: hidden; 
   animation: hover-scale-out 0.2s linear forwards;       
}


.carousel-card {
   margin: 0px 0px 30px 0px;
   display: flex;   
   justify-content: center;   
   flex-wrap: wrap;           
}
.carousel-card .item{
   order: 1;    
   display: flex;
   width: 234px;    
   max-width: 403.33px;   
   margin: 0px 20px 20px 0px;    
   flex-direction: column;    
   box-shadow: 2px 4px 12px rgba(0,0,0,0.1);
   border-radius: 12px;
   background-color: #fff;
   overflow: hidden; 
   animation: hover-scale-out 0.2s linear forwards; 
   flex-grow: 1;  
   align-items: stretch; 
   box-sizing: border-box;    
}
.carousel-card .item.current{
   background-color: #efffef;
   border: 2px solid #A3E8A0;     
}
.carousel-card .item:last-of-type{
   margin-right: 0px;  
}
.carousel-card.carousel-card5 .item:nth-of-type(5n+5){
   margin-right: 0px;    
}
.carousel-card.carousel-card5 .item:nth-of-type(n+6){
   max-width: calc((100% - 80px)/5);      
}

.carousel-card.carousel-card4 .item:nth-of-type(4n+4){
   margin-right: 0px;    
}    
.carousel-card.carousel-card4 .item:nth-of-type(n+5){
   max-width: calc((100% - 60px)/4);      
}

.carousel-card.carousel-card3 .item:nth-of-type(3n+3){
   margin-right: 0px;    
}    
.carousel-card.carousel-card3 .item:nth-of-type(n+4){
   max-width: calc((100% - 40px)/3);      
}
.carousel-card .item:hover {
  animation: hover-scale-hover 0.2s linear forwards;  
}
.carousel-card .item .simage{  
   background-repeat: no-repeat;
   background-size: cover; 
   background-position: center center;
}
.carousel-card .item .simage a{  
   width: 100%;    
   display: flex;
}
.carousel-card .item .simage img{  
   width: 100%;
}
.carousel-card .item .titles{
   display: flex;    
   justify-content: center;       
   padding: 15px;    
   flex: 1;        
}

@media screen and (max-width: 970px){
.carousel-card {
   margin: 0px 0px 10px 0px;          
}    
.carousel-card .item{
   max-width: 640px;
   width: 100%;       
   margin: 0px 0px 20px 0px;    
   box-shadow: none;
   background-color: #f2f2f2;    
}  
.carousel-card .item:hover {
  animation: none;
}
.carousel-card.carousel-card3 .item:nth-of-type(n+4){
   max-width: 100%;      
}    
}

/*****************************/

.lang-fa .main-titles .btns .more,
.lang-ar .main-titles .btns .more{
    margin: 0px 20px 0px 0px;
}
.lang-fa .ico-more1:before,
.lang-ar .ico-more1:before{
    padding: 0px 0px 0px 10px;
}
.lang-fa .float-menu-more-channel,
.lang-ar .float-menu-more-channel{
	text-align: right;
	direction: rtl;
}
	
.lang-fa .banner-box .intro,
.lang-ar .banner-box .intro {
	direction: rtl;
}

@media screen and (max-width: 970px){
.lang-fa .banner-box .bk1,
.lang-ar .banner-box .bk1 {
	background: linear-gradient(to left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 60%);
}
}