.gallery_03 {padding:0px 0 30px 0;}
.accordion {  width: 100%;   overflow: hidden;  }
.accordion ul {  width: 100%;  display: table;  table-layout: fixed;  margin: 0;  padding: 0; }
.accordion ul li {display: table-cell;vertical-align: bottom;  position: relative;  /*box-shadow:1px 1px 15px #000;*/
width: 25%;   /*height: 450px;*/  background-repeat: no-repeat;   box-sizing:border-box;
background-position: center center; transition: all 700ms ease;}
.accordion ul li div {  display: block;  overflow: hidden;  width:calc(100% - 40px); margin-left:20px; margin-right:20px; 
border: 1px solid rgba(255,255,255,0.8);  background-color:rgba(255,255,255,0);  border-radius:8px 8px 0 0}
.accordion ul li div a { display: block;  height: 380px;  width: 100%;  position: relative;  z-index: 3; 
  vertical-align: bottom;  padding: 0px;  box-sizing: border-box;  color: #fff;  text-decoration: none;  transition: all 200ms ease;}
.accordion ul li div a * {  margin: 0;  width: 100%;  /*text-overflow: ellipsis;  white-space: nowrap; */  
position: relative;  z-index: 5;  overflow: hidden;  -webkit-transform: translateX(0px);  transform: translateX(0px);
  -webkit-transition: all 400ms ease;  transition: all 400ms ease;}
.accordion ul li div a h2 {/*text-shadow:1px 1px 5px rgba(0,0,0,0.5);   text-overflow: clip; */  font-size: 20px;font-weight: 400;
  text-transform: uppercase;  padding:15px 20px 0px 20px; text-align: center;
  background-color:rgba(255,255,255,1.00); color:#333; }
.accordion ul li div a p {  opacity: 1;  font-size: 17px; text-align: center; padding:0px 0 15px 0px ; background-color:rgba(255,255,255,1.00); color:#333;}
 /*-webkit-transform: translateY(20px);  transform: translateY(20px); transition: all 0s;}*/
.accordion ul li:nth-child(1) {background-image: url("../img/1_logo.png");align-content: center;}
.accordion ul li:nth-child(2) {background-image: url("../img/2_logo.png");}
.accordion ul li:nth-child(3) {background-image: url("../img/3_logo.png"); }
.accordion ul li:nth-child(4) {background-image: url("../img/4_logo.png"); }
.accordion ul:hover li {width: 10%;}
.accordion ul:hover li:hover {width: 20%;}
.accordion ul li a {background-image:url("../img/arrow.png"); background-repeat:no-repeat; background-position: center 88%;
 background-color: rgba(0,0,0,0.00);}
.accordion ul:hover li:hover a {background-color: rgba(0, 0, 0, 0.1); position:relative;}
.accordion ul:hover li:hover a * {  opacity: 1; transition: all 0.5s cubic-bezier(0.32, 0.34, 0, 1) 0.5s;
 -webkit-transform: translateX(0);  transform: translateX(0);}
.accordion ul li:hover:nth-child(1) {background-image: url("../img/1.png");align-content: center;}
.accordion ul li:hover:nth-child(2) {background-image: url("../img/2.png");}
.accordion ul li:hover:nth-child(3) {background-image: url("../img/3.png"); }
.accordion ul li:hover:nth-child(4) {background-image: url("../img/4.png"); }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.gallery_03 {padding:0px 0 0 0}
}
@media (max-width: 768px) {
.accordion { width:100%; height: auto; padding: 0px ; margin:0; box-sizing:border-box; }
.accordion ul li, .accordion ul li:hover, .accordion ul:hover li, .accordion ul:hover li:hover { 
position: relative;  display: table;  table-layout: fixed;  width: 45%; float:left;  margin:2.5% 2.5%; box-sizing:border-box;  }
.accordion ul li , .accordion ul li div a {height:200px; background-size:cover; }
.accordion ul li div a h2 {font-size:15px; text-align:center; padding:10px 5px;font-weight: 400;}
.accordion ul li div a p {  opacity: 1; display:none;  }
.accordion ul li {border-left:0px; border-right:0px; background-size:150% } 
.accordion ul li a {background-image:none;  background-color: rgba(0, 0, 0,0);}
.accordion ul li div a {padding:0px 0px;}
.accordion ul li {/*box-shadow:0px 0px 3px rgb(255,255,255,0.5);*/ }/*border:1px solid rgb(255,255,255)*/
.accordion ul li div {margin:0; width:100%}
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
#block_02 section {float:left; width:100%;}
}
@media (max-width: 320px) {
}