/*=================================================================
  @media screen 1440px
==================================================================*/


@media screen and (min-width: 1440px){
   
  .__wecap {
    width: 47%;
  }

  .__contr {
    width: 67%;
  }

  .__twit {
    font-size: 32px;
  }

  .__commu {
    padding: 5.3rem 21rem
  }

  .__abcapt {
    font-size: 54px;
  }

  .__capion {
    font-size: 23px;
  }

  .__revp {
    font-size: 20px;
  }

  .__revimg {
    width: 30%;
    margin-left: 13rem;
  }

  .__pline {
    left: 46.1%;
  }

  .__checkdiv label {
    font-size: 23px;
  }

  .__downcimg {
    padding: 82px 37px;
  }

  .__downcaption {
    font-size: 34px;
  }


}


/*=================================================================
  @media screen 1220px
==================================================================*/


@media screen and (min-width: 1220px){
  




}

/*=================================================================
  @media screen 1199px
==================================================================*/


@media screen and (max-width: 1199px){
   
  .__potimg {
    margin: -5rem 0 0 36rem;
  }

  .__commu {
    padding: 2rem 9rem;
  }

  .__fthr {
    margin-top: 5rem;
  }

  .__pline {
    left: 46.6%;
  }

  .__checkdiv .form-check:not(:last-child) {
    margin-right: 32px;
  }

  .__downcimg {
    padding: 43px 20px;
  }

  .__downcaption {
    font-size: 25px;
  }

}




/*=================================================================
  @media screen 1024px
==================================================================*/


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

  .__potimg {
    margin: -5rem 0 0 30rem;
  }

  .__commu {
    padding: 2.8rem 5rem 3.5rem;
  }

  .__pline {
    left: 46%;
  }

  .__checkdiv .form-check:not(:last-child) {
    margin-right: 32px;
  }

  .__downcimg {
    padding: 43px 20px;
  }

  .__downcaption {
    font-size: 25px;
  }

  

}


/*=================================================================
  @media screen 991px
==================================================================*/


@media screen and (max-width: 991px){
    .__midnav {
      margin-left: 0;
    }

    .__caption {
      font-size: 40px;
    }

  .__captionbtn, .__captionbtn1 {
    padding: 6px 12px;
    font-size: 16px;
    margin-top: 1rem;
  }
  .__potimg {
    width: 146px;
    margin: -5rem 0 0 26rem;
  }

  .__state-sub {
      font-size: 35px;
  }

   .__contr {
    margin-top: 3rem;
  }

  .__devbug:not(:last-child) {
    margin-right: 0.1rem;
  }

  .__devbug {
    font-size: 14px;
    padding: 10px 10px;
  }

  .__commu {
    padding: 1.8rem 4rem 0.5rem;
    margin-top: 3rem;
  }

  .__becmu {
    font-size: 30px;
  }

  .__whtalo-sub, .__projp-topic {
    font-size: 14px;
  }

  .__devimg, .__mentimg {
    height: 16rem;
  }

  .__contr {
    margin-top: 3rem;
  }

  .__allocdiv {
    margin-top: 2rem
  }

  .__trecimg {
    width: 39%;
  }

  .__pline {
    left: 46.9%;
  }

  .__tryerp {
    font-size: 31px;
    margin-top: 1rem;
  }

  .__modbg {
    padding: 3rem 0;
    margin-top: 2rem;
  }

  .__join {
    font-size: 99px;
    margin-top: 4rem;
  }

  .__checkdiv .form-check:not(:last-child) {
    margin-right: 40px;
  }

  .__downcimg {
    padding: 20px 15px;
  }

  .__downcaption {
    font-size: 18px;
    line-height: 34px;
  }

  .__downproject {
    font-size: 15px;
  }

  .__downloadbtn {
    padding: 11px 42px;
  }

  .__infograimg {
    padding: 8rem 12px 9px;
  }





}


/*=================================================================
  @media screen 800px
==================================================================*/

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

    .__midnav {
      margin-left: 0;
    }
  .__potimg {
    width: 146px;
    margin: -5rem 0 0 26rem;
  }

  .__caption {
    font-size: 40px;
  }

  .__captionbtn, .__captionbtn1 {
    padding: 6px 12px;
    font-size: 16px;
    margin-top: 1rem;
  }

  .__state-sub {
      font-size: 35px;
  }

  .__devbug:not(:last-child) {
    margin-right: 0.1rem;
  }

  .__devbug {
    font-size: 14px;
    padding: 10px 10px;
  }

  .__commu {
    padding: 1.8rem 4rem 0.5rem;
    margin-top: 3rem;
  }

  .__devimg, .__mentimg {
    height: 16rem;
  }

  .__contr {
    margin-top: 3rem;
  }

  .__allocdiv {
    margin-top: 2rem
  }

  .__whtalo {
    font-size: 25px;
  }

  .__whtalo-sub, .__projp-topic {
    font-size: 14px;
  }

  .__actflex {
    width: 48%;
  }

  .__twit {
    font-size: 26px;
  }
  
  .__projp-cont {
    font-size: 13px;
  }

  .__becmu {
    font-size: 30px;
  }

  .__foter {
    padding: 2rem 0 2rem;
    margin-top: 5rem;
  }

  .__fthr {
    margin-top: 2rem
  }



  .__trecimg {
    width: 39%;
  }

  .__pline {
    left: 46%;
  }

  .__tryerp {
    font-size: 31px;
    margin-top: 1rem;
  }

  .__modbg {
    padding: 3rem 0;
    margin-top: 2rem;
  }

  .__join {
    margin-top: 4rem;
  }

  .__checkdiv .form-check:not(:last-child) {
    margin-right: 40px;
  }

  .__downcimg {
    padding: 20px 15px;
  }

  .__downcaption {
    font-size: 18px;
    line-height: 34px;
  }

  .__downproject {
    font-size: 15px;
  }

  .__downloadbtn {
    padding: 11px 42px;
  }

  .__infograimg {
    padding: 8rem 12px 9px;
  }
  


}

/*=================================================================
  @media screen 767px
==================================================================*/

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

  

  
}


/*=================================================================
  @media screen 560px
==================================================================*/


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

    .__flexsmail{
        display: flex;
        flex-direction: column;
    }

    .__mobidown{
        order: 2;
    }

    .__mobiup{
        order: 1;
    }

    .__homflex {
        text-align: center;
    }

    .__capimg, .__capdiv, .__devimg {
        width: 100%;
    }

    .__caption {
        font-size: 39px;
    }

    .__caption-sub {
        font-size: 18px;
    }

    .__captionbtn, .__captionbtn1 {
        padding: 6px 19px;
        font-size: 14px;
    }
    
    .__midnav {
      margin-left: 0;
    }

    .__wecap {
        width: 100%;
        margin: 3rem auto 2rem;
    }
    .__potimg {
        margin: -5rem 0 0 5rem;
    }

    .__commu {
        padding: 1.8rem 1rem 3.5rem;
        margin-top: 3rem;
    }

    .__movearrow, .__projp, .__projp-sub, .__contr, .__alodiv, .__mentdiv, .__mentimg, .__actflex, .__tiwtimg, .__twitpdiv, .__trpimg, .__fotsoc, .__cacard {
      width: 100%;
    }

    .__contr {
      font-size: 25px;
      margin-top: 2rem;
    }

    .__menthdiv {
      padding: 2rem 0;
      margin-top: 3rem
    }

    .__mentimg {
      height: 13rem;
    }

    .__latpj {
      font-size: 30px;
      margin-top: 3rem;
    }

    .__devimg {
      height: 15rem;
    }

    .__devbug {
      margin-top: 1rem;
    }

    .__projp, .__actip, .__becmu {
      font-size: 30px;
    }

    .__foter {
      padding: 2rem 0 2rem;
      margin-top: 4rem;
    }

    .__fotlogo {
     width: 114px;
    }

    .__copy {
      margin-top: 1rem;
    }

    .__abcapt, .__abcount {
      font-size: 30px;
    }

    .__cacard {
      padding: 12px 8px;
      margin-top: 2rem;
    }

    .__capion {
      font-size: 16px;
      line-height: 135.02%;
    }

    .__abcount {
      margin-top: 1rem;
    }

    .__revimg {
      float: unset;
      width: 100%;
      margin-left: 0;
    }

    .__revp, .__abcount-sup {
      font-size: 18px;
    }

    .__pline {
      position: unset;
    }

    .__trecimg {
      width: 0;
    }

    .__tryerp {
      font-size: 28px;
      margin-top: 0rem;
    }

    .__trayear {
      font-size: 41px;
    }

    .__yearmt, .__modbg {
      margin-top: 2rem;
    }

    .__join {
      font-size: 52px;
      text-shadow: -4px 3px 0px #389493;
      margin-top: 3rem;
    }

    .__join span {
      text-shadow: 5px 3px 0px #389493;
    }

    .__download-form button {
      font-size: 14px;
      padding: 7px 15px;
    }

    .__downcimg {
      padding: 20px 16px;
    }

    .__downcaption {
      font-size: 17px;
      line-height: 29px;
    }

    .__downproject {
      font-size: 16px;
    }

    .__downloadbtn {
      padding: 10px 35px;
    }

    .__checkdiv {
      padding: 5px 5px 20px;
    }

    .__checkdiv .form-check:not(:last-child) {
      margin-right: 7px;
    }

    .__infograbg {
      padding: 30px 1rem;
    }

    .__infograimg {
      padding: 7rem 12px 9px;
    }

    .__backg, .__prefecard{
      padding: 2rem 1rem !important;
    }

    .__checkbox .__checklab{
      padding: 7px 10px !important;
    }

    .m-invisible {
      display: none
    }

}