/*
Theme Name: Flatsome Child
Description: Minh Duong ADS
Template: flatsome
Version: 3.15
*/

/*************** ADD CUSTOM CSS HERE.   */
@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  
	.csschu{font-size: 13px;}

  }
  
  .hr-title {
      margin:5px auto 25px !important;
  }
  .devvn_readmore_flatsome .arrow, .hr-title
  .devvn_readmore_flatsome .arrow:before, .hr-title:before {
    position: absolute;
    left: 50%;
  }
  .devvn_readmore_flatsome .arrow, .hr-title {
    width: 40px;
    height:40px;
    top: 40%;
    margin: -20px 0 0 -15px;
    -webkit-transform: rotate(45deg);
    border-left: none;
    border-top: none;
    border-right: 2px #00bab4 solid;
    border-bottom: 2px #00bab4 solid;
  }
  
  .devvn_readmore_flatsome .arrow:before, .hr-title:before {
    content: '';
    width: 40px;
    height: 40px;
    top: 20%;
    margin:-10px 0 0 -20px;
    border-left: none;
    border-top: none;
    border-right: 2px #00bab4 solid;
    border-bottom: 2px #00bab4 solid;
    animation-duration: 1s;
    animation-iteration-count: infinite;
   animation-name: arrow ; 
  }
  .hr-green:before {
   border-color:#00bab4;
  }
  .hr-white, .hr-white:before {
   border-color:#fff;
  }
  .hr-about {
      position: absolute;
      right: -20%;
      -webkit-transform: rotate(-45deg);
      top: 45%;
  }
  .hr-kh {
      position: absolute;
      left: -20%;
      -webkit-transform: rotate(135deg);
      top: 45%;
  }
  .hr-kh,.hr-kh:before {
   border-color:#011689;
  }
  @keyframes arrow {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      transform: translate(20px, 20px);
    }
  }