.photo_wrap									{position:relative;}  

.photo_wrap .photo_slickslider 		{overflow:hidden;height:380px;}
.photo_list										    {position:relative;display: grid; grid-template-columns: repeat(4, 1fr);   } 
.photo_list .list									{position:relative;margin:15px; overflow:hidden; border:0 solid #dfdfdf; box-shadow: 3px 3px 12px 0 rgba(0,0,0,0);transition:all 0.3s ease;}
.photo_list .img								{width:100%;aspect-ratio: 3.3 / 2.2;background:#f5f5f5; border-radius:15px;  overflow:hidden;  }
.photo_list .img img						{width:100%; height:100%; object-fit:cover; transition:all 0.4s ease;}
.photo_list .list:hover .img img		{transform: scale(1.1);}
.photo_list .txt								{padding:20px 5px 25px 5px; font-size:0.95em; color:#888; }
.photo_list .txt p							{color:#000; font-size:1.1em;font-weight:600;margin:0 0 10px 0; line-height:1.3; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;} 
.photo_list  .nolist							{ width:100%;   text-align:center; padding:60px 0; color:#777; border:0; }
 

 
.photo_list_dots								{z-index:1; margin:20px 0 0 0;text-align:center;}
.photo_list_dots li							{display:inline-block; cursor:pointer;}
.photo_list_dots li span					{display:inline-block; content:''; width:10px; height:10px; border-radius:50%; margin:0 5px; background:#000; opacity:0.25;}
.photo_list_dots li:hover span, .photo_list_dots .slick-active span	{opacity:0.6;}
 

.photo_wrap .arrow								{position:absolute; top:20%; width:100%; z-index:11; }
.photo_wrap .arrow p							{position:absolute; width:60px; height:60px;background:#fff; border:1px solid #bdbdbd; border-radius:50px;cursor:pointer;  opacity:0.5; transition:all 0.3s ease; }
.photo_wrap .arrow span					    {display:inline-block; border:solid #555; padding:7px;}
.photo_wrap .arrow .prev					{left:-70px;}
.photo_wrap .arrow .prev span			{margin:21px 0 0 25px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.photo_wrap .arrow .next					{right:-70px;}
.photo_wrap .arrow .next span			{margin:21px 0 0 17px;border-width:2px 2px 0 0; transform:rotate(45deg);} 
.photo_wrap .arrow p:hover				{opacity:1; }

  

 
@media screen and (max-width:1580px) { 
    .photo_wrap .arrow .prev					{left:-20px;}
    .photo_wrap .arrow .next					{right:-20px;}
}
@media screen and (max-width:1500px) { 
    .photo_wrap .arrow .prev					{left:0;}
    .photo_wrap .arrow .next					{right:0;}
}  
@media screen and (max-width:1024px) {   
    .photo_list .list								    	{margin:10px  ; }
 
    .photo_wrap .arrow								{  top:22%;   }
    .photo_wrap .arrow p							{ width:50px; height:50px;  }
    .photo_wrap .arrow span				    	{  padding:6px;} 
    .photo_wrap .arrow .prev span			{margin:17px 0 0 20px;  } 
    .photo_wrap .arrow .next span			{margin:17px 0 0 15px; }  
}

@media screen and (max-width:768px) { 
    .photo_list .txt p							{  font-size:1.05em;}
}