.mobile-version{
	 display:none;
 }
 @media screen and (max-width: 1599px){
	 	 .logo img {
		max-width: 180px;
		margin-left: 20px;
		margin-top: 40px;
	}
	.coming-soon {
		text-align: center;
		padding-right: 0px;
		padding-top: 15%;
	}
		.characters_text_right,
	.characters_text_left{
		line-height: 40px;
		font-size: 16px;
	}
	.box {
		width: 100%;
		height: 100%;
		margin: auto;
	}
	 .box_outer {
		font-size: 14px;
	}
	 
 }
 @media screen and (max-width: 1279px){
	 .logo img {
		max-width: 100px;
		margin-left: 20px;
		margin-top: 30px;
	}
	.coming-soon {
		text-align: center;
		padding-right: 0px;
		padding-top: 15%;
	}
		.characters_text_right,
	.characters_text_left{
		line-height: 25px;
		font-size: 14px;
	}
	.box {
		width: 100%;
		height: 100%;
		margin: auto;
	}
	 .box_outer {
		font-size: 14px;
	}
 }
  @media screen and (max-width: 980px){
	  .box_outer {
		width: 750px;
		height: 100vh;
		text-align: center;
		margin: auto;
		max-width: 100%;
		max-height: 430px;
		font-size: 12px;
	}
	.box {
		width: 100%;
		height: 100%;
		margin: auto;
	}
	.logo img {
		max-width: 100px;
		margin-left: 20px;
		margin-top: 20px;
	}
	.credit {
		font-size: 10px;
	}
	.footer {
		font-size: 12px;
	}
	.characters_text_right,
	.characters_text_left{
		line-height: 20px;
		font-size: 12px;
	}
	.coming-soon {
		text-align: center;
		padding-right: 0px;
		padding-top: 15%;
	}

 }
 @media screen and (max-width: 767px){
	 .mobile-version{
		 display:block;
	 }
	.box_outer {
		max-width: 800px !important;
		height: auto;
		text-align: center;
		margin: 0 auto;
		max-width: 800px;
		max-height: 100%;
		font-size: 14px;
		width: 100% !important;
	}
	.box {
	  width: 100%;
	  height: 100%;
	  margin: auto;
	}
	.main_home {
	  width: 100%;
	  margin-top: 0px;
	  height: 100%;
	  padding-top: 44%;
	}
	.logo img {
		max-width: 100px;
		margin-left: 0px;
		margin-top: 45px;
		margin: 0 auto;
	}
	.logo {
		width: 100%;
		float: left;
		position: relative;
		left: 0%;
	}
	.bg_home,
	.bg_characters,
	.bg_clips,
     .bg_games,
     .bg_fanlab	 {
		width: 100%;
		height: 100vh;
		background-position: top center;
	}
	.menu {
		width: 100%;
		height: auto;
		position: relative;
		left: 0%;
		top: 0;
		float: none;
	}
	.menu li {
		float: left;
		list-style: none;
		width: 19%;
		padding: 0px 10px 10px 10px;
	}
	.main_home {
		width: 100%;
		margin-top: 0px;
		height: auto;
		padding-top: 45%;
	}
	.header {
		width: 100%;
		height: auto;
		float: none;
		clear: both;
		/* padding-bottom: 20px; */
	}
	body {
		overflow-x: hidden;
	}
	
	.characters_thumbnail_column {
		width: 100%;
		height: 100%;
		float: left;
		margin-left: 0%;
	}
	.characters_thumbnail_column ul li,
	.characters_thumbnail_column ul .last	{
		float: left;
		clear: initial;
		list-style: none;
		width: 20%;
		margin-bottom: 0PX;
		padding: 5px;
	}
	.contents,
	.contents_clips	{
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		padding-top: 20px;
		    float: none;
	}
	.main_johdi,
	.main_mani,
    .main_chili,
	.main_lal,
	.main_pree,
	.main_grandpa,
	.main_brigid,
	.main_bart
	{
		width: 100%;
		height: auto;
		/*background: #ededed !important;*/
	 }
	 .characters_text_right	 {
		width: 100%;
		height: auto;
		float: right;
		text-align: right;
		padding-right: 0%;
		padding-top: 10px;
		line-height: 30px;
	}
	.characters_text_left	 {
		width: 100%;
		height: auto;
		float: left;
		text-align:left;
		padding-left: 0%;
		padding-top: 10px;
		line-height: 30px;
	}
	.main_johdi_mobile{
		    clear: both;
		background-image: url(/assets/images/characters/main_jodhi.png);
	background-repeat: no-repeat;
		-webkit-background-size: 200%;
		-moz-background-size: 200%;
		-o-background-size: 200%;
		        background-size: 200%;
		background-position: top center;
		padding: 25% 20%;
		margin: 20px 0px;
	}
	.main_mani_mobile{
		    clear: both;
		background-image: url(/assets/images/characters/main_mani.png);
	background-repeat: no-repeat;
		-webkit-background-size: 200%;
		-moz-background-size: 200%;
		-o-background-size: 200%;
		        background-size: 200%;
		background-position: top center;
		padding: 25% 20%;
		margin: 20px 0px;
	}
	
	.main_chili_mobile{
		    clear: both;
		background-image: url(/assets/images/characters/main_chili.png);
		background-repeat: no-repeat;
		-webkit-background-size: 200%;
		-moz-background-size: 200%;
		-o-background-size: 200%;
		        background-size: 200%;
		background-position: top center;
		padding: 25% 20%;
		margin: 20px 0px;
	}
	.main_lal_mobile{
		    clear: both;
		background-image: url(/assets/images/characters/main_lal.png);
		background-repeat: no-repeat;
		-webkit-background-size: 200%;
		-moz-background-size: 200%;
		-o-background-size: 200%;
		        background-size: 200%;
		background-position: top center;
		padding: 25% 20%;
		margin: 20px 0px;
	}
	.main_pree_mobile{
		    clear: both;
		background-image: url(/assets/images/characters/main_pree.png);
		background-repeat: no-repeat;
		-webkit-background-size: 150%;
		-moz-background-size: 150%;
		-o-background-size: 150%;
		        background-size: 150%;
		background-position: top center;
		padding: 25% 20%;
		margin: 20px 0px;
	}
	.main_grandpa_mobile{
		    clear: both;
		    background-image: url(/assets/images/characters/main_grandpa.png);
		background-repeat: no-repeat;
		-webkit-background-size: 150%;
		-moz-background-size: 150%;
		-o-background-size: 150%;
		        background-size: 150%;
		background-position: top center;
		padding: 25% 20%;
		margin: 20px 0px;
	}
	.main_brigid_mobile{
		    clear: both;
		    background-image: url(/assets/images/characters/main_brigid.png);
		background-repeat: no-repeat;
		-webkit-background-size: 150%;
		-moz-background-size: 150%;
		-o-background-size: 150%;
		        background-size: 150%;
		background-position: top center;
		padding: 25% 20%;
	}
	.main_bart_mobile{
		clear: both;
		    background-image: url(/assets/images/characters/main_bart.png);
		background-repeat: no-repeat;
		-webkit-background-size: 200%;
		-moz-background-size: 200%;
		-o-background-size: 200%;
		        background-size: 200%;
		background-position: top center;
		padding: 25% 20%;
	}
	.coming-soon {
		text-align: center;
		padding-right: 0px;
		padding-top: 20px;
		padding-bottom: 20px;
		color: white;
	}
	.main_clips{
		height: auto;
		margin-top: 0px;
		background-size: cover;
		background-position: center;
		background-color: #fad0da;
		background-image: none;
		padding-bottom: 20px;
	}
	.main_games{
		    height: auto;
		margin-top: 0px;
		background-size: cover;
		background-position: center;
		background-color: #498ad1;
		background-image: none;
		padding-bottom: 20px;
	}
		.main_fanlab_coloring,
	.main_bookmarks,
	.main_wallpapers{
		height: auto;
		margin-top: 0px;
		background-size: cover;
		background-position: center;
		background-color: #fad0da;
		background-image: none;
		padding-bottom: 20px;
	}
	.main_fanlab{
		height: auto;
		padding-bottom: 20px;
		background-size: cover;
		background-position: center;
		background-image: none;
			background-color: #fad0da;
	}
	.main_fanlab h2.mobile-version{
		padding-bottom:15px;
	}
	.fanlab_left {
		margin-top: 0%;
		width: 100%;
	}
	.fanlab_right {
		width: 100%;
		margin: 10% 0 0 0%;
	}
	.footer {
		font-size: 12px;
		padding: 10px 0px;
	}
	.text_bottomlinks {
		width: auto;
		height: auto;
		color: #3e88d2;
		padding: 20px 20px;
		font-size: 14px;
		overflow-y: hidden;
	}
	.main_privacy,
	.main_termsofuse,
	.main_contactus	{
		width: 100%;
		height: auto;
		background: #ededed;
	}
	.bg_bottomlinks {
		height: 100vh;
	}
	.text_contactus {
		width: 84%;
		height: auto;
		color: #3e88d2;
		padding: 20px;
		clear: both;
	}
	
 }