.strength_h{
    box-shadow: 0px 1px 4px 1px #0000002d;
}
.strength_h figure{
    width: 40%;
    float: left;
}
.strength_h figure img{
    width: 100%;
    display: block;
}
.workshp_fl span,
.strength_h span{
    display: block;
}
.strength_visit span strong,
.workshp_fl span strong,
.strength_h span strong{
    color: #212121;
    margin: 3% auto;
    display: block;
    text-transform: uppercase;
}
.strength_h span b{
    display: block;
    margin: 0% auto 3%;
    color: #ee361d;
}
.strength_visit span p,
.workshp_fl span p,
.strength_h span p{
    color: #555555;
}
.workshp_fl a{
    padding:1% 2%;
    font-size: 16px;
    color: #ffffff;
    background-color: #ee361d;
}
.workshp_fl b{
    display: block;
    float: right;
    padding:4% 2%;
    letter-spacing: 2px;
    margin-top: 30%;
    color: #ffffff;
    font-weight: bold;
    writing-mode: vertical-lr;
    word-wrap: break-word;
    background-color: #000000;
}
.workshp_fr_img {
    width:100%;
    padding: 50px;
  }
.workshp_fr_img .swiper-wrapper{
  margin-top: 6%;
}
.workshp_fr_img .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 100%;
  }
.workshp_fr_img .swiper-slide img {
    display: block;
    width: 100%;
  }
.workshp_fr_img .swiper-button-next, 
.workshp_fr_img .swiper-button-prev{
    top: 94%;
  }
 .workshp_fr_img .swiper-button-next:after, 
 .workshp_fr_img .swiper-rtl .swiper-button-prev:after{
    width:60px;
    height:30px;
    content: "" !important;
    background: url(../images/workshp_fr_icon_01.png) no-repeat -53px 0px;
    background-size: 80px;
  }
 .workshp_fr_img .swiper-button-prev:after, 
 .workshp_fr_img .swiper-rtl .swiper-button-next:after{
    width:60px;
    height:30px;
    content: "" !important;
    background: url(../images/workshp_fr_icon_01.png) no-repeat 1px 0px;
    background-size: 80px;
  }
  .workshp_fr_img .swiper-pagination-fraction{
    font-size: 20px;
    font-weight: bold;
  }

  .strength_visit{
      box-sizing: border-box;
      background: url(../images/1200_02.jpg) no-repeat;
      background-size: 100% 100%;
      box-shadow: 0px 1px 4px 1px #0000002d;
  }
  .strength_visit span{
      display: block;
  }
  .strength_visit span strong{
      z-index: 9;
  }
  .strength_visit ul li{
      float: left;
      margin-right: 1%;
      height: auto;
      display: table;
      box-sizing: border-box;
      padding: 2%;
      background-color: #ffffff;
      box-shadow: 0px 0px 4px 1px #ccc;
  }
  .strength_visit ul li figure{
      position: relative;
      width: 100%;
      overflow: hidden;
  }
  .strength_visit ul li figure img{
      width: 100%;
      display: block;
      transition: all .4s linear;
  }
  .strength_visit ul li:hover figure img{
      transform: rotateY(90deg);
  }
  .strength_visit ul li figure figcaption{
    position: absolute;
    top: 100%;
    font-weight: bold;
    color: #333;
    transition: all .6s linear;
    writing-mode: vertical-lr;
    word-wrap: break-word;
  }
  .strength_visit ul li:hover figure figcaption{
    top: 10%;

  }
  
@media screen and (min-width:1600px){
    .strength_h span{
        width: 56%;
        margin-left: -4%;
    }
    .strength_h span p{
        margin-top: 13%;
    }


}

@media screen and (max-width:1600px){
    .strength_h span{
        width: 59%;
    }
    .strength_h span p{
        margin-top: 10%;
    }
}
@media screen and (min-width:1400px){
    .workshp_fl b{
        width: 20%;
    }
    .strength_visit span{
        top: 30%;
    }
}

@media screen and (max-width:1400px){
    .strength_h span p{
        margin-top: 0%;
    }
    .workshp_fl b{
        width: 26%;
    }
    .strength_visit span{
        top: 20%;
    }
}
@media screen and (min-width:1200px){
    .strength_h span{
        margin-top: 5%;
    }
    .strength_visit span strong,
    .workshp_fl span strong,
    .strength_h span strong{
        font-size: 44px;
        line-height: 60px;
    }
    .strength_visit span p,
    .workshp_fl span p,
    .strength_h span p{
        font-size: 18px;
        line-height: 36px;
    }


}

@media screen and (max-width:1200px){
    .strength_h span{
        margin-top: 3%;
    }
    .strength_visit span strong,
    .workshp_fl span strong,
    .strength_h span strong{
        font-size: 34px;
        line-height: 44px;
    }
    .strength_visit span p,
    .workshp_fl span p,
    .strength_h span p{
        font-size: 16px;
        line-height: 30px;
    }
    .workshp_fl b{
        width: 30%;
    }





}

@media screen and (min-width:992px){
    .strength_h span figure{
        display: none;
    }
    .strength_h span{
        float:left;
    }
    .workshp_fl b{
        font-size: 26px;
        line-height: 50px;
    }
    .workshp_fr_img .swiper-wrapper{
        margin-bottom: 10%;
    }
    .strength_visit{
        position: relative;
        padding:5% 4%;
    }
    .strength_visit span{
        position: absolute;
        width: 18%;
        right: 4%;
    }
    .strength_visit ul{
        width: 80%;
        float: left;
    }

}

@media screen and (max-width:992px){
    .strength_h>figure{
        display: none;
    }
    .strength_h span{
        width: 98%;
        margin: 4% auto 3%;
    }
    .strength_h span figure{
        width: 100%;
    }
    .strength_h span figure img{
        width: 100%;
        display: block;
    }
    .workshp_fl b {
        font-size: 18px;
        line-height: 40px;
    }
    .workshp_fr_img .swiper-wrapper {
        margin-bottom: 20%;
    }
    .strength_visit{
        padding:5% 1%;
    }
    .strength_visit span,
    .strength_visit ul{
        width: 100%;
    }
    .strength_visit span strong br{
        display: none;
    }
}
@media screen and (min-width:768px){
    .workshp_fl{
        position: relative;
        width: 60%;
        float: left;
    }
    .workshp_fl a{
        position: absolute;
        left: 0%;
        bottom: 0%;
    }
    .workshp_fl span{
        width: 70%;
        float: left;
    }
    .workshp_fl span p{
        margin: 16% 0% 6%;
    }
    .workshp_fr{
        width: 38%;
        float: right;
    }


}

@media screen and (max-width:768px){
    .workshp_fl span,
    .workshp_fl,
    .workshp_fr{
        width: 98%;
        margin: 1% auto;
    }
    .workshp_fl span strong br,
    .workshp_fl b{
        display: none;
    }
    .workshp_fl span p {
        margin: 3% 0%;
    }
    .workshp_fr_img .swiper-wrapper {
        margin-bottom: 10%;
    }


}

@media screen and (min-width:540px){
    .strength_h span b{
        font-size: 18px;
        line-height: 32px;
    }
    .strength_visit ul li figure figcaption{
        left: 30%;
    }
}

@media screen and (max-width:540px){
    .strength_visit span strong,
    .workshp_fl span strong,
    .strength_h span strong {
        font-size: 30px;
        line-height: 44px;
    }
    .strength_h span b{
        font-size: 14px;
        line-height: 28px;
        font-weight: 300;
    }
    .strength_h span {
        margin: 6% auto 3%;
    }
    .strength_visit ul li figure figcaption{
        left: 5%;
    }


}

@media screen and (min-width:460px){
    .workshp_h{
        margin: 5% auto;
    }
    .strength_visit ul li figure figcaption{
        font-size: 18px;
      }
}

@media screen and (max-width:460px){
    .workshp_fr_img .swiper-wrapper {
        margin-bottom: 14%;
    }
    .workshp_h{
        margin: 8% auto;
    }
    .strength_visit ul li figure figcaption{
        font-size: 16px;
      }


}
@media screen and (min-width:380px){
    .strength_visit ul li{
        width: 24%;
    }
}

@media screen and (max-width:380px){
    .strength_h span b{
        line-height: 20px;
    }
    .strength_visit span strong,
    .workshp_fl span strong,
    .strength_h span strong{
        font-size: 26px;
        line-height: 40px;
    }
    .strength_visit ul li{
        width: 49.5%;
    }
    .strength_visit ul li:nth-of-type(2n){
        margin-right: 0%;
    }

}