.rich-text-1 {
        text-align: center;
        top: 63%;
        left: 16.4%;
        position: absolute;
        margin: 0;
        width: 35%;
    }
 
    .index-banner .slick .slide .rich-text-1 a.btn-more{
      left: 47%;
      margin-left: -90px;
    }
.rich-text-2 {
        text-align: center;
        top: 72%;
        left: 16.5%;
        position: absolute;
        margin: 0;
        width: 35%;
    }
  

    .index-banner .slick .slide .rich-text-2 a.btn-more{
      left: 50%;
      margin-left: -125px;
    }
 .rich-text-3 {
        text-align: center;
        top: 60%;
        left: -0.5%;
        position: absolute;
        margin: 0;
        width: 35%;
    }
 
    .index-banner .slick .slide .rich-text-3 a.btn-more{
      left: 55%;
      margin-left: -90px;
    }
	
	 .rich-text-4 {
        text-align: center;
        top: 65%;
        left: 33.5%;
        position: absolute;
        margin: 0;
        width: 35%;
    }
 
    .index-banner .slick .slide .rich-text-4 a.btn-more{
      left: 55%;
      margin-left: -90px;
    }
	  
    @media (max-width: 1580px){
	   .rich-text-1{
            left: 16.2%;
        }
        .rich-text-3{
            left: 0.2%;
        }
		 .rich-text-4{
            left: 36.2%;
        }
    }
	 @media (max-width: 1500px){
	   .rich-text-1{
            left: 14.2%;
        }
        .rich-text-2{
            left: 16%;
        }
    }
	  
    /*ipad pro*/
    @media(max-width: 1366px) {
	 .rich-text-1 {
        left: 16.0%;
      }
	.rich-text-2 {
        left: 18%
      }
      .rich-text-3 {
        left: 1.2%;
      }
	   .rich-text-4 {
        left: 33.3%;
      }
    }
    @media (max-width:1280px) {
	 .rich-text-1 {
          left: 17%;
          
      }
	 .rich-text-2 {
        left: 18.3%;
      }
      .rich-text-3 {
          left: 1.8%;
          
      }
	  .rich-text-4 {
          left: 34.5%;
          
      }
    }
    @media (max-width:1200px) {
	 .rich-text-1 {
          left:16.8%;
      }
	.rich-text-2 {
        left: 17.5%;
      }
      .rich-text-3 {
          left: 2%;
      }
	   .rich-text-4 {
          left: 34.8%;
      }
    }
    @media (min-width: 991px) and (max-width:1024px) {
	 .rich-text-1 {
         left: 17%;
        }
      .index-banner .slick .slide .rich-text-1 a.btn-more{
      left: 50%;
      margin-left: -90px;
      }
	 .rich-text-2 {
         left: 18%;
        }
      .index-banner .slick .slide .rich-text-2 a.btn-more{
      left: 50%;
      margin-left: -120px;
      }
      .rich-text-3 {
         left: 5%;
        }
      .index-banner .slick .slide .rich-text-3 a.btn-more{
      left: 50%;
      margin-left: -90px;
      }
	  .rich-text-4 {
         left: 33%;
        }
      .index-banner .slick .slide .rich-text-4 a.btn-more{
      left: 40%;
      margin-left: -90px;
      }
    }
    /*moblie ipad*/
    @media (max-width: 991px) {
	.rich-text-1 h3 {
        font-size: 1.8em;
        color: #fff;
      }
  
      .rich-text-1 p {
        font-size: 1.2em;
        color: #fff;
        margin-bottom: 1em;
      }
  
      .rich-text-1 {
        text-align: center;
        top: 33%;
        left: 10%;
        position: absolute;
        margin: 0;
        width: 80%;
      }
  
      .index-banner .slick .slide .rich-text-1 a.btn-more {
        top: 33%;
        left:auto;
      }
	.rich-text-2 h3 {
        font-size: 1.8em;
        color: #fff;
      }
  
      .rich-text-2 p {
        font-size: 1.2em;
        color: #fff;
        margin-bottom: 1em;
      }
  
      .rich-text-2 {
        text-align: center;
        top: 35%;
        left: 9%;
        position: absolute;
        margin: 0;
        width: 80%;
      }
  
      .index-banner .slick .slide .rich-text-2 a.btn-more {
        top: 35%;
        left:auto;
      }
      .rich-text-3 h3 {
        font-size: 1.8em;
        color: #fff;
      }
  
      .rich-text-3 p {
        font-size: 1.2em;
        color: #fff;
        margin-bottom: 1em;
      }
  
      .rich-text-3 {
        text-align: center;
        top: 47%;
        left: 11.5%;
        position: absolute;
        margin: 0;
        width: 80%;
      }
  
      .index-banner .slick .slide .rich-text-3 a.btn-more {
        top: 47%;
        left: auto;
      }
	   .rich-text-4 h3 {
        font-size: 1.8em;
        color: #fff;
      }
  
      .rich-text-4 p {
        font-size: 1.2em;
        color: #fff;
        margin-bottom: 1em;
      }
  
      .rich-text-4 {
        text-align: center;
        top: 32%;
        left: 7.5%;
        position: absolute;
        margin: 0;
        width: 80%;
      }
  
      .index-banner .slick .slide .rich-text-4 a.btn-more {
        top: 32%;
        left: auto;
      }
    }