/*large screen */
@media (min-width: 1025px) {
  .hide_on_pc {
    display: none !important;
  }
}

/*mobile settings */
@media (max-width: 1025px) {
  .hide_on_mobile {
    display: none !important;
  }

  #Story {
    order: -1;
  }

  #Heading_div a {
    font-size: 32px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;
  }

  #Number_Chain_Board p {
      font-size: 13vw;
  }

  p,
  #Review_Form_div p,
  #Review_Form_div button,
  #Client_Login_div p,
  #Client_Login_div button,
  #Register_Account_div p,
  #Register_Account_div button,
  #Home p,
  #Home button,
  #Available_Items_div p,
  #Available_Items_div button,
  #Backpack_Items_div p,
  #Backpack_Items_div button,
  #Equipped_Items_div p,
  #Equipped_Items_div button,
  #Ground_Items_div p,
  #Ground_Items_div button,
  #Review_Form_div button,
  #Client_Login_div input,
  #Client_Login_div button,
  #Register_Account_div input,
  #Register_Account_div button,
  #Action_div input,
  #Action_div button,
  #Enemy_Name_div,
  #Enemy_Heading,
  #Notes_Buttons_div button,
  .battle_note p,
  #Text_Heading_div button,
  #Banner_div,
  #Buttons_div p,
  #Buttons_div button,
  #Puzzle_Question_div,
  #Text_div p
   {
    font-size: 16px;
  }
  h2 {
   font-size: 25px;
  }
  button.header_register,
  button.header_login {
    font-size: 14px;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  #Weapons_div h3 {
    font-size: 20px;
  }
  #Logged_In_Div p{
    font-size:14px;
    color: white;
    font-weight: 700;
    margin-right: 5px;
  }
  #Weapons_div img {
    margin-top: 10px;
    width: 160px;
    margin-bottom: 10px;
  }
  #Author_div p {
    font-size: 12px;
  }
  .main {
    border: none;
  }
  /*
  .main {
    position: absolute;
    overflow: auto;
    border: none;
  }


  #Navbar {
    position: absolute;
    top: 0;
    height: 80px;;
    width: 100%;
    overflow: hidden;
  }

  #Middle {
    position: absolute;
    width: 100%;
    top: 80px;
    bottom: 110px;
    overflow: auto;
    -webkit-box-shadow:inset 0px 0px 0px 10px black;
    -moz-box-shadow:inset 0px 0px 0px 10px black;
    box-shadow:inset 0px 0px 0px 4px black;
  }
  #Bottom {
    position: absolute;
    bottom: 0;
    height: 110px;
    width: 100%;
    overflow: hidden;
  }
  */
  #Add_to_homescreen_div {
    padding: 5px;
    width: 286px;
    border:2px solid black;
    margin: auto;
    margin-top: 10px;
  }

  #Add_to_homescreen_div h1 {
    font-size: 20px;
    font-weight: 700;
  }
  #Add_to_homescreen_div p {
    font-size: 18px;
    padding-top: 5px;
  }
  #Add_to_homescreen_div img {
    width: 50px;
    height: 50px;
  }
  #Share_icon {
    height: 20px !important;
    width: 20px !important;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.fullheight {
		height: 768px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.fullheight {
		height: 1024px;
	}
}
/* iphone5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
	.fullheight {
		height: 320px;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
	.fullheight {
		height: 568px;
	}
}
/* iPhone 4 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	.fullheight {
		height: 320px;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
	.fullheight {
		height: 480px;
	}
}