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

  #before-after .right article{text-align: center}

  #before-after .right h3 span{display: block}

  #before-after .brand h1{font-size: 44px}

}

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

  #before-after .content{display: none}

}

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

  #before-after .wrapper-after .vi-wrapper, #before-after .wrapper-before .vi-wrapper{margin-top: -100px;}

  #before-after .vi-wrapper{width: 200px;height: 200px;}

  #slider-controller{left: 50%;transform: translateX(-50%);top: calc(100vh - 40px)}

  #slider-controller dl{height: 40px;line-height: 40px;}

  #slider-controller dl dd{height: 40px;line-height: 40px;width: 40px;}

}