body{
     font-size: 20px;
   }
   #section-2-main{
     background-color: #fff;
   }#section-4-main{
      background-color: #fff;
   }
   #section-5-main{
      background-color: #fff;
      margin-top: 80px !important;
   }
   #section-3-1{
     position: relative;
     width: 100%;
     /*background-image: url(../images/about/info/iphone/info_bg.jpg);*/
   
   }
   #section-4-main{
      background-color: #fff;
   }
   .image-logo-saction-2{
   position: relative;
   margin: 0 auto;
   }
   .story-section2{
     margin-top: 50px;
     margin-bottom: 50px;
     color:#057239;
   }
   .text-all-slider{
     color:#057239;
   }
   .text-all{
     color:#057239;
   }
   .text-all-last{
       color:#fff;
   }
   .text-section2{
     color: #00703a;
     letter-spacing: 2px;
     font-size: 25px ;
   
   }
   .txt-head-section3{
     color: #057239;
   }
   .txt-head-section3-1{
     color: #057239;
   }
   .txt-head-section4{
     color: #057239;
   }
   .txt-head-section4-italic{
     font-style: italic;
   }
   .txt-head-section5{
     color: #057239;
     padding: 15px
     font-size: 25px !important;
   }
   .img-resize{
     max-width: 200px
   }
   /*.panel-default {
       max-width: 960px;
   }*/
   .panel-default a{
       text-decoration:none;
   }
   
   
   .panel-heading-fd{
       background: #39b1cc;
       background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af));
       background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
       background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
       background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
       background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%);
       color: #ffffff;
       padding: 5px 17px 8px;
   
   }
   
   .panel-title-fd{
       color: #ffffff;
       font-size: 14px;
       font-weight: 700;
       /*color: #d3eced;*/
       text-transform: uppercase;
       letter-spacing: 1px;
   }
   .panel-default > .panel-heading {
       color: #00723a !important;
       text-shadow: none !important;
       background: #e7e7e7;
       background: -moz-linear-gradient(top, #f4f4f4 0%, #bebebe 100%);
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af));
       background: -webkit-linear-gradient(top, #f4f4f4 0%, #bebebe 100%);
       background: -o-linear-gradient(top, #f4f4f4 0%, #bebebe 100%);
       background: -ms-linear-gradient(top, #f4f4f4 0%, #bebebe 100%);
       background: linear-gradient(to bottom, #f4f4f4 0%, #bebebe 100%);
       /*background-image: url(../images/about/faq/faq_non.png);*/
   
   }
   .panel-default > .panel-heading1{
     background: #39b246;
     background: -moz-linear-gradient(top, #269c32 0%, #0e7b2a 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #269c32), color-stop(100%, #0e7b2a));
     background: -webkit-linear-gradient(top, #269c32 0%, #0e7b2a 100%);
     background: -o-linear-gradient(top, #269c32 0%, #0e7b2a 100%);
     background: -ms-linear-gradient(top, #269c32 0%, #0e7b2a 100%);
     background: linear-gradient(to bottom, #269c32 0%, #0e7b2a 100%);
     /*color: #ffffff;*/
     /*padding: 5px 17px 8px;*/
   
   
   
       /*background-image:url(../images/about/faq/faq_active.png) !important;*/
       padding: 10px 15px;
         border-bottom: 1px solid transparent;
         border-top-left-radius: 3px;
         border-top-right-radius: 3px;
     }
     .codeC {
       color: #FFFFFF;
   }
   
   .panel-body{
     color: #00703a;
   }
   .s-head-4-1{ background-color: #ffffff;color: #057239;padding: 10px;font-size: 25px;margin: 0;position: relative;}
   ้
   
   
   
   
   
   
   
   
   
   
   
   
   /* Custom, iPhone Retina */
      @media only screen and (min-width : 320px) {
        body{font-size:11px;}
        .story-section2{font-size: 20px;}
        .s-head-4-1{font-size: 20px;}
        .txt-head-section5{font-size: 20px !important;padding: 15px;}
        .img-resize{ max-width: 80px;}
        .panel-title{font-size: 15px;}
        .panel-body{font-size: 15px;}
        .text1-s3{position:absolute;top:145px;left:10px;}
        .text2-s3{position:absolute;top:133px;left:130px;}
        .text3-s3{position:absolute;top:225px;left:80px;}
        .text4-s3{position:absolute;top:290px;left:30px;}
        .text5-s3{position:absolute;top:380px;left:100px;}
        .text6-s3{position:absolute;top:465px;left:85px;}
        .text-all{font-size: 11px;}
        .text-all-last{font-size: 11px;}
        .txt-head3-position{position: absolute;top: 10px;left: 35px;}
         .text-section2{font-size: 17px ;}
      }
      @media only screen and (min-width : 360px) {
        .text1-s3{position:absolute;top:155px;left:20px;}
        .text2-s3{position:absolute;top:155px;left:150px;}
        .text3-s3{position:absolute;top:250px;left:105px;}
        .text4-s3{position:absolute;top:330px;left:55px;}
        .text5-s3{position:absolute;top:430px;left:115px;}
        .text6-s3{position:absolute;top:525px;left:90px;}
        .text-all{font-size: 11px;}
        .text-all-last{font-size: 11px;}
        .txt-head3-position{position: absolute;top: 10px;left: 55px;}
         .text-section2{font-size: 17px ;}
      }
      @media only screen and (min-width : 375px) {
        .text1-s3{position:absolute;top:165px;left:20px;}
        .text2-s3{position:absolute;top:165px;left:160px;}
        .text3-s3{position:absolute;top:260px;left:120px;}
        .text4-s3{position:absolute;top:345px;left:70px;}
        .text5-s3{position:absolute;top:450px;left:115px;}
        .text6-s3{position:absolute;top:545px;left:100px;}
        .text-all{font-size: 16px;}
        .text-all-last{font-size: 16px;}
        .txt-head3-position{position: absolute;top: 10px;left: 60px;}
         .text-section2{font-size: 17px ;}
         .story-section2{font-size: 25px;}
         .s-head-4-1{font-size: 25px;}
      }
      @media only screen and (min-width : 412px) { /*412  and 414*/
        .text1-s3{position:absolute;top:180px;left:20px;}
        .text2-s3{position:absolute;top:180px;left:165px;}
        .text3-s3{position:absolute;top:300px;left:105px;}
        .text4-s3{position:absolute;top:380px;left:55px;}
        .text5-s3{position:absolute;top:495px;left:130px;}
        .text6-s3{position:absolute;top:600px;left:105px;}
        .text-all{font-size: 13px;}
        .text-all-last{font-size: 13px;}
        .txt-head3-position{position: absolute;top: 10px;left: 65px;}
        .txt-head-section3-1{font-size: 20px;}
        .text-section2{font-size: 17px ;}
        .story-section2{font-size: 28px;}
        .s-head-4-1{font-size: 28px;}
      }
      /* Extra Small Devices, Phones */
      @media only screen and (min-width : 480px) {
        body{font-size:13px;}
        .story-section2{font-size: 20px;}
        .story-section2{font-size: 28px;}
        .s-head-4-1{font-size: 28px;}
        .img-resize{ max-width: 80px;}
   
        .panel-title{font-size: 17px;}
        .panel-body{font-size: 17px;}
        .text-section2{font-size: 17px ;}
   
      }
      /* Small Devices, Tablets */
      @media only screen and (min-width : 768px) {
        .img-resize{max-width: 150px}
        .panel-title{font-size: 20px;}
        .panel-body{font-size: 20px;}
        .text-section2{font-size: 20px ;}
        .story-section2{font-size: 30px;}
        .s-head-4-1{font-size: 30px;}
   
      }
      /* Medium Devices, Desktops */
      @media only screen and (min-width : 992px) {
        .img-resize{max-width: 160px}
        .panel-title{font-size: 22px;}
        .panel-body{font-size: 22px;}
        .text-section2{font-size: 22px ;}
        .story-section2{font-size: 34px;}
        .s-head-4-1{font-size: 34px;}
      }
      /* Large Devices, Wide Screens */
      @media only screen and (min-width : 1200px) {
        .img-resize{max-width: 200px}
        .txt-head-section5{font-size: 36px !important;}
        .story-section2{font-size: 36px;}
        .s-head-4-1{font-size: 36px;}
        .panel-title{font-size: 25px;}
        .panel-body{font-size: 25px;}
        body{
          font-size: 25px !important;
        }
        .text-section2{font-size: 25px ;}
      }