@media (max-width:768px){

	#underTitle-next-quest {
		font-size: 80%;
	}

    .globe-gif{
      width:25%;
      top:25%;
      left: 38%;
    }
    .cn-imgs-open-letter{
      padding:0!important;
    }
    .foot-open-letter h4{
      width:25%!important;
    }
    #dom_overlay_container, #animation_container, #canvas{
        height: 460px !important;

    }
    .nomobile2{
        display: none !important;
    }

    .globehome{
        background:#000;
        margin: 0 auto !important;
        width: auto !important;
    }

    .globehome2{
        margin: 0 auto !important;
        width: 100% !important;
        height: auto !important;
    }

    .imgresp{
        width: 100%;
    }

    .onlymobile2{
        display: block !important;
    }

    #pagewrap2{
        width: 85%;
    }

    .mediumlogo{
        width: 60% !important;
    }
    .mediumlogo2{
        width: 75% !important;
    }

    .forcew100{
        width: 100% !important;
    }

        footer a{
        font-size: 14px;
    }
        .footer span{
        font-size: 13px;
    }

    #pagewrap, #xenowrap{
        width: 90%;
        padding: 5%;
        margin: 0 !important;

    }


    .bigresp{
        width: 70% !important;

    }

    .bannertop{
        margin: 0 auto !important;

    }
    #content2, #middle2{
        width: 44%;
        float: left;

    }

    #content, #middle, #sidebar, #left{
        width: 100%;
        padding: 0px !important;

    }

    .space{
        height: 20px;

    }

    .block2, .blockk3{
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 40px;
        width: 100%;
        height: 230px;

    }
    .circle, .circle2{
        width: 25%;
        left: 37.5%;

    }
    .earth{
        position: relative;
        width: 100%;
        float: left;
        margin-top: -102px;

    }

    .earth video{
        text-align: center;
        margin: 0 auto;

    }

    .earth2{
        position: relative;
        width: 100%;
        float: left;
        margin-top: -102px;

    }

    .earth2 video{
        text-align: center;
        margin: 0 auto;

    }

    footer h4{
        width: 33.3% !important;
        text-align: center;
    }

    footer .link20{
        width: 25% !important;
        text-align: center;
    }

    footer .link5{
        width: 20% !important;
        font-size: 12px;
    }
    footer .link5 a{
        font-size: 13px !important;
    }

    .pagewrapp{
        width: auto !important;
        padding: 2% !important;
        margin: 0 !important;
    }

    .downm{
        margin-top: 0px !important;
    }

    .downm2{
        margin-top: -40px !important;
    }

    .imglogo{
        width: 80%;
    }
    #five{
        width: 100%;
        margin: 0;
    }

    #five .collection{
       margin-bottom: 0px;
    }

    .collection{
       margin: 18px 0 !important;
    }

    .link11, .link33, .link22{
        line-height: 2;

    }

    .margblock{
    margin-bottom: 30px !important;
    }


    .margvideo{
    width: 150px;
        height: 108px;
        margin-left: 0px !important;
    }

    .videooo{
    width: auto !important;
        height: auto !important;
        margin-left: 0px !important;
    }

    .globelegacy{
    left: 36%;
        top: 32%;

    }

    .mission-top{
   width: 70%;
        margin: 5% 15%;

    }

    .goldy{
   color: #111;

    }

    #col55{
   height: 250px;

    }

    .top1{
   margin: 0 auto;
        width: 50%;
        float: none;
    }

    .top2{
   margin: 0 auto;
        width: 80%;
        float: none;
    }
    .silq{
   height: auto;
    }

    .header img{
   width: 100%;
        height: auto;
    }

    .superoppad{
   padding: 4%;
        width: 92%;
    }

    .heading4{
   font-size: 20px;
    }

    .moveup{
   width: 40%;
    }

    .middle .scroll{
  height: 19em;
    }
    .linkhalf{
  width: 50% !important;
    }

    .winearth video{
  width: 150px !important;
        height: 150px !important;
    }

    .winearth {
  margin-left: 26%;
        top: 75%;
    }

    .bodywin #pagewrap{
  padding-top: 0px !important;
        width: 80%;
        padding: 0 10%;
    }

    .xenogenie h1{
  font-size: 6em;
        margin-top: 4rem;
    }
    .blockscroll{
  height: 15rem;
    }


}

@media (min-width:570px) and (max-width:770px){
	#bodyAuthorized{
  	 	 top: 474px;
    	font-size: 1.1em;
 	 }
}

@media (min-width:430px) and (max-width:570px){
	#bodyAuthorized{
  	 	    top: 316px;
    font-size: .7em;
 	 }
}

@media (max-width:430px){
	#bodyAuthorized{
  	 	     top: 319px;
    font-size: .7em;
 	 }
}

@media (max-width:360px){
	#bodyAuthorized{
    top: 254px;
    font-size: .5em;
 	 }
}

@media (min-width:1200px) and (max-width:1500px){
  .biggertext{
    font-size: 1.1em;
  }

}
@media (min-width:571px) and (max-width:670px){
	#underTitle-next-quest {
		font-size: 70%;
	}

  .biggertext{
    font-size: 1em;
  }
    .winearth {
  margin-left: 24%;
        top: 70%;
    }
}


@media (min-width:430px) and (max-width:570px){
	#underTitle-next-quest {
		font-size: 55%;
	}

    .margvideo{
    width: 115px;
        height: 83px;
        margin-left: 0px !important;
    }

    .globelegacy{
    left: 36%;
        top: 34%;

    }
    .space2{
  height: 40px;
    }
    .winearth video{
  width: 120px !important;
        height: 120px !important;
    }

     .winearth {
  margin-left: 22%;
        top: 72%;
    }

    .bottomtext2 p{
  font-size: 16px;
    }

    .middle .scroll{
  height: 15em;
    }
    .scroll p{
  font-size: 14px;
    }
    .header img{
   width: 100% !important;
        height: auto;
    }

    #col55 h1{
    font-size: 14px !important;

    }
    #col55 h6{
    font-size: 13px !important;

    }
    #col55{
   height: 200px;

    }






 }

@media (min-width:380px) and (max-width:420px){
	#underTitle-next-quest {
		font-size: 40%;
	}

    .winearth video{
  width: 45% !important;
        height: 45% !important;
    }

     .winearth {
  margin-left: 15%;
        top: 23%;
    }
    .globe-gif{
      width:20%;
      top:30%;
      left: 40%;
    }

}

@media (min-width:321px) and (max-width:379px){
    .winearth video{
  width: 45% !important;
        height: 45% !important;
    }

     .winearth {
  margin-left: 13%;
        top: 22%;
    }
    .globe-gif{
      width:20%;
      top:30%;
      left: 40%;
    }
    .cn-imgs-open-letter{
      padding:0!important;
    }
    .silderdos li img{
      width: 70%;
    }

}

@media (max-width:420px){
	#underTitle-next-quest {
		font-size: 30%;
	}

    .icon-arrow-left{
      top:45%!important;
      left: 0!important;
    }
    .icon-arrow-right{
      top:45%!important;
      right: 0!important;
    }
    .silderdos li img{
      width: 80%;
    }
    .nomobile{
        display: none !important;
    }
    #w20, #w40{
        float: none;
        width: 100%;
    }
    #w40{
        margin: 20px 0;
    }
    .space2{
        height: 5px;
    }
    .blockscroll{
        margin-bottom: 15px;
    }
    .xenogenie h1{
        margin-top: 11rem;
    }

    .link6{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .globehome2{
        margin: 0 auto !important;
        width: 70% !important;
        height: auto !important;
    }

    #pagewrap2{
        width: 95%;
    }

    .smalltext{
        font-size: 1em;
    }

    .mediumlogo{
        width: 100% !important;
    }
    .mediumlogo2{
        width: 100% !important;
    }
    .hidemobile{
        display: none !important;
    }

    .onlymobile2{
        display: block !important;
    }

    .onlymobile{
        display: block !important;
    }

    .nopaddlr{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .slider-wrap{
        top: 20%;
    }

    .link40{
        margin: 0px !important;
    }

    .link30{
        margin: 10px 0!important;
    }

    footer .link5{
        width: 100% !important;
        text-align: center;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    footer .link5 a{
        font-size: 16px !important;
    }

    footer .link20{
        width: 50% !important;
        text-align: center;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    footer h4{
        display: block;
        width: 100% !important;
        margin: 10px !important;
    }

    #content, #middle{
        width: auto !important;
        max-width: 350px;
    }

    .extendmaxw{
        max-width: 390px !important;
    }

    .moveup{
   width: 50%;
    }

    .forcewidth{
        max-width: 380px !important;
    }

    #dom_overlay_container, #animation_container, #canvas{
        height: 760px !important;

    }

    .header img{
        width: 100% !important;
        margin-left: 0px !important;

    }

    #content2, #middle2{
        width: auto;
        margin: 15px 0px !important;
        float: none;

    }

    .toptext3 p, .bottomtext2 p{
        font-size: 18px;

    }

    .circle, .circle2{
        width: 40%;
        left: 30%;

    }

    .textbottom{
       width: 90%;
        padding: 0 5%;
        line-height: 1;

    }

    .footer span{
        line-height: 1.7;

    }

    .bannertop{
        width: auto !important;

    }

    .bigresp{
        width: 100% !important;

    }

    #col55{
   height: auto;
        width: 90%;
        float: none;
        padding: 5%;

    }
    .goldy{
        font-size: 18px;
        line-height: 2;

    }
    #col55u{
        width: 46%;
        padding: 2%;

    }

    #col2{
        width: 96%;
        margin: 2%;

    }
    .titlebig{
        width: 80%;
        margin: 0 auto;
        font-size: 1.6em;

    }

    .top1{
        width: 100%;

    }

    .top2{
        width: 96%;
        padding: 2%;
        margin-bottom: 15px;

    }
    header{
        padding: 0px;

    }

    .link11, .link33, .link22{
        margin-left: 0px !important;
        margin-right: 0px !important;

    }
    .doublelogo a{
        width: 90%;
        padding: 0;
        margin-bottom: 30px auto !important;
        float: none;


    }

    .doublelogo a img{
        margin-bottom: 20px !important;

    }
    .heading2 span{
        font-size: 16px !important;

    }

    .linkhalf{
  width: 50% !important;
        margin: 10px 0!important;
    }
    #pagewrap2 .left, #pagewrap2 .right{
  width: 80%;
        margin-left: 10%;
        float: none;
    }

    #pagewrap2 .right{
  margin-top: 25px;
    }

    #pagewrap2 .middle{
  width: 100%;
        float: none;
    }

    #pagewrap2 .middle .scroll{
  overflow: hidden !important;
        height: auto !important;
    }
    .globe-gif{
      width:20%;
      top:30%;
      left: 40%;
    }
    .cn-imgs-open-letter{
      padding:0!important;
    }

}

@media (max-width:320px){

  .silderdos li img{
    width: 70%;
  }
    .header h2{
        font-size: 20px;

    }
    .xenogenie h1{
        margin-top: 7rem;
    }
    .globehome2{
        width: 60% !important;
    }

    .smalltext{
        font-size: 0.9em !important;
    }

    .footertrop .goldy{
        line-height: 1;

    }
    .titlebig{
        font-size: 1.4em;

    }

    .linkhalf{
  width: 50% !important;
        margin: 10px 0 !important;
    }

    .winearth video{
  width: 40% !important;
        height: 40% !important;
    }

     .winearth {
  margin-left: 9%;
        top: 22%;
    }
    .globe-gif{
      width:20%;
      top:30%;
      left: 40%;
    }
    .cn-imgs-open-letter{
      padding:0!important;
    }


}
@media (min-width:700px) and (max-width:800px) and (min-height:1000px){
  .legacy-foot h4{
    width: 100%!important;
  }

}
@media (min-width:1000px) and (max-width:1100px) and (min-height:1000px) and (max-height:1400px){
  .globelegacy{
    top: 13%;
    left: 42%;
  }
  .margvideo{
    width: 110px;
    height:100px;
  }
  .content-img-main{
    position: absolute;
    top: 3%;
  }
  .legacy-foot h4{
    width: 100%!important;
  }
}
@media (min-width:1200px) and (max-width:1500px) and (min-height:700px) and (max-height:900px){
  .icon-arrow-left{
    top:42%!important;
  }
  .icon-arrow-right{
    top:42%!important;
  }

  .variation{
    height:60px!important;
  }
  .blockk3{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .earth2 {
    position: absolute;
    text-align: center;
    left: 43.2%;
  }
  .leftcircle {
      left: 2.2rem !important;
  }
  .sub-title-foot{
    font-size: 1.3em;
  }
}
@media (min-width:1200px) and (max-width:1500px) and (min-height:900px) and (max-height:1100px){
  .icon-arrow-left{
    top:40%!important;
  }
  .icon-arrow-right{
    top:40%!important;
  }

  .variation{
    height:80px!important;
  }
  .blockk3{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: 245px;
  }
  .earth2 {
    position: absolute;
    text-align: center;
    left: 43.2%;
  }
  .leftcircle {
      left: 2.2rem !important;
  }
  .sub-title-foot{
    font-size: 1.3em;
  }

}