#rnd {width:100%; }
#rnd .flexR3 {display:flex; justify-content: space-between; padding:50px 10px;  }
#rnd .flexR3 .item {width:362px;  }
#rnd .flexR3 .item img {max-width:100%; vertical-align:top;}
#rnd .flexR3 .item span {display:block; text-align:center; padding-top:10px;  font-weight:500;}
#rnd .tit {text-align:center; margin-bottom:40px}
#rnd .tit span{ text-align:center; font-size:35px; line-height:45px; 
font-weight:600; padding-bottom:10px; position:relative; margin: 0 auto }
#rnd .tit span:before {content: ""; width: 100%; height: 18px; background: rgba(220, 53, 60, 0.2); position: absolute; bottom: 10px;}
#rnd .txt1 {font-size:20px; line-height:32px; }

#rnd .flexR3 .item  div:hover {box-shadow:5px 6px 15px #999;  
-moz-transition: ease-out 0.4s 0.1s;  -o-transition: ease-out 0.4s 0.1s;  -webkit-transition: ease-out 0.4s;
  -webkit-transition-delay: 0.1s;  transition: ease-out 0.4s 0.1s;}

/*button effect*/
.link-effect-12 div { position: relative;  overflow: hidden; 
}
.link-effect-12 div p::before {
  height:3px; width: 100%;  background-color: #236EA0;   content: "";  position: absolute;  left: 0;  top: 0;
  -moz-transform: translateX(-100%);  -ms-transform: translateX(-100%);  -webkit-transform: translateX(-100%);  transform: translateX(-100%);  -moz-transition: 0.4s;  -o-transition: 0.4s;  -webkit-transition: 0.4s;  transition: 0.4s;
}
.link-effect-12 div p::after {
  height:3px; width: 100%;  background: #236EA0;  content: "";  position: absolute;  right: 0;  bottom: 0;  
   -moz-transform: translateX(100%);  -ms-transform: translateX(100%);  -webkit-transform: translateX(100%);  transform: translateX(100%);  -moz-transition: 0.4s;  -o-transition: 0.4s;  -webkit-transition: 0.4s;  transition: 0.4s;
}
.link-effect-12 div::before {  
  width:3px;  height: 100%;  background: #236EA0;  content: "";  position: absolute;  left: 0;  top: 0;
  -moz-transform: translateY(100%);  -ms-transform: translateY(100%);  -webkit-transform: translateY(100%);  transform: translateY(100%);  -moz-transition: 0.4s;  -o-transition: 0.4s;  -webkit-transition: 0.4s;  transition: 0.4s;
}
.link-effect-12 div::after {
  width:3px;  height: 100%;  background: #236EA0;  content: "";  position: absolute;  right: 0px;  bottom: 0;  
    -moz-transform: translateY(-100%);  -ms-transform: translateY(-100%);  -webkit-transform: translateY(-100%);  transform: translateY(-100%);  -moz-transition: 0.4s;  -o-transition: 0.4s;  -webkit-transition: 0.4s;  transition: 0.4s;
}
.link-effect-12 div:hover::before, .link-effect-12 div:hover::after {
  -moz-transform: translateX(0);  -ms-transform: translateX(0);  -webkit-transform: translateX(0);  transform: translateX(0);
}
.link-effect-12 div:hover p::before, .link-effect-12 div:hover p::after {
  -moz-transform: translateX(0);  -ms-transform: translateX(0);  -webkit-transform: translateX(0);  transform: translateX(0);
}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#rnd .tit {text-align:center; margin-bottom:20px}
#rnd .tit span:before {height: 10px;}	
#rnd .tit span{ text-align:center; font-size:20px; line-height:30px;}	
#rnd .txt1 {font-size:14px; line-height:24px; }
#rnd .flexR3 { padding:38px 0px 0 0  }
#rnd .item {text-align:center; margin-bottom:20px; }
#rnd .item nav div {min-height:190px}
#rnd .item nav div p {padding-bottom:0;}
#rnd .item span{font-size:13px; line-height:16px;  padding-bottom:10px; }
#rnd .item span:before {content: ""; width: 100%; height: 10px; bottom: 10px;}

#rnd .cont2 {margin-top:40px;}
#rnd .floatL {width:100%; padding:0 50px; }
#rnd .floatR {width:100%; padding-top:10px; }
#rnd .floatR span {padding:5px 0;}
#rnd .floatR .tit3,#rnd .floatR .txt3 {font-size:14px;  }
#rnd .floatR .tit3 { padding-left:0px; }
#rnd .box {padding:25px 0;}
#rnd h3 {font-size: 18px;  }
#rnd .line3 {border-top: 2px solid #111; margin-top:10px;}

@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}