@media only screen and (orientation: portrait) and (max-width: 450px)
{
	.profile_lyt		{	
		display: grid;
		grid-template-areas:
		"box1"
		"box2";
		grid-gap: 2px;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr;}
	.profile_lyt			{
		padding: 2px; }
	.profile_lyt	 > box1	{
		grid-area: box1;
		margin-top: 0;
		padding: 10px 5px 10px;background:#fff;	}
	.profile_lyt	 > box2	{
		grid-area: box2;
		margin-top: 0;
		padding: 0 5px 10px;background:#fff;	}
img.tukn_profile	{display:block; max-width:250px;margin:0 auto 15px;
		border:1px solid #555555;background:#fff;border-radius:10px;padding:5px;}
.profile_lyt	 h1	{font-weight:bold;text-align:center;font-size:14pt;}
.profile_lyt	 h2	{font-weight:bold;text-align:center;font-size:12pt;}
.profile_boxes {
   display:block;
    width: 80%;
    height: 100%;
    margin: 10px auto;
}

}
@media only screen and (orientation: portrait) and (min-width: 450px) and (max-width: 950px)
{
	.profile_lyt		{	
		display: grid;
		grid-template-areas:
		"box1"
		"box2";
		grid-gap: 2px;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr;}
	.profile_lyt			{
		padding: 2px; }
	.profile_lyt	 > box1	{
		grid-area: box1;
		margin-top: 0;
		padding: 10px 5px 10px;background:#fff;	}
	.profile_lyt	 > box2	{
		grid-area: box2;
		margin-top: 0;
		padding: 0 5px 15px;background:#fff;	}
img.tukn_profile	{display:block; max-width:250px;margin:0 auto 15px;
		border:1px solid #555555;background:#fff;border-radius:10px;padding:5px;}
.profile_lyt	 h1	{font-weight:bold;text-align:center;font-size:14pt;}
.profile_lyt	 h2	{font-weight:bold;text-align:center;font-size:12pt;}
.profile_boxes {
    display:block;
    width: 80%;
    height: 100%;
    margin: 10px auto;
}

}
@media only screen and (orientation: portrait) and (min-width: 950px)
{
	.profile_lyt		{	
		display: grid;
		grid-template-areas:
		"box1"
		"box2";
		grid-gap: 2px;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr;}
	.profile_lyt			{
		padding: 2px; }
	.profile_lyt	 > box1	{
		grid-area: box1;
		margin-top: 0;
		padding: 10px 5px 10px;background:#fff;	}
	.profile_lyt	 > box2	{
		grid-area: box2;
		margin-top: 0;
		padding: 0 5px 30px;background:#fff;	}
img.tukn_profile	{display:block; max-width:250px;margin:0 auto 15px;
		border:1px solid #555555;background:#fff;border-radius:10px;padding:5px;}
.profile_lyt	 h1	{font-weight:bold;text-align:center;font-size:14pt;}
.profile_lyt	 h2	{font-weight:bold;text-align:center;font-size:12pt;}
.profile_boxes {
    float: left;display:inline-block;
    width: 30%;
    height: 100%;
    margin: 10px;
}

}

@media only screen and (orientation: landscape) and (max-width: 950px)
{
	.profile_lyt		{	
		display: grid;
		grid-template-areas:
		"box1"
		"box2";
		grid-gap: 2px;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr;}
	.profile_lyt			{
		padding: 2px;}
	.profile_lyt	 > box1	{
		grid-area: box1;
		margin-top: 0;
		padding: 15px 5px 10px;background:#fff;	}
	.profile_lyt	 > box2	{
		grid-area: box2;
		margin-top: 0;
		padding: 0 5px 30px;background:#fff;	}
img.tukn_profile	{display:block; max-width:250px;margin:0 auto 15px;
		border:1px solid #555555;background:#fff;border-radius:10px;padding:5px;}
.profile_lyt	 h1	{font-weight:bold;text-align:center;font-size:14pt;}
.profile_lyt	 h2	{font-weight:bold;text-align:center;font-size:12pt;}
.profile_boxes {
    display:block;
    width: 80%;
    height: 100%;
    margin: 10px auto;
}


}
@media only screen and (orientation: landscape) and (min-width: 950px)
{
	.profile_lyt		{	
		display: grid;
		grid-template-areas:
		"box1"
		"box2";
		grid-gap: 2px;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr;}
	.profile_lyt			{
		padding: 2px;}
	.profile_lyt	 > box1	{
		grid-area: box1;
		margin-top: 0;
		padding: 15px 5px 10px;background:#fff;	}
	.profile_lyt	 > box2	{
		grid-area: box2;
		margin-top: 0;
		padding: 0 5px 30px;background:#fff;	}
img.tukn_profile	{display:block; max-width:250px;margin:0 auto 15px;
		border:1px solid #555555;background:#fff;border-radius:10px;padding:5px;}
.profile_lyt	 h1	{font-weight:bold;text-align:center;font-size:14pt;}
.profile_lyt	 h2	{font-weight:bold;text-align:center;font-size:12pt;}
.profile_boxes {
    float: left;display:inline-block;
    width: 30%;
    height: 100%;
    margin: 10px;
}
}
.profile_lyt		{ background:#fff; }