﻿@media (min-width:1300px) {
}
@media (max-width:1299px) and (min-width:1200px) {
}
@media (max-width:1199px) and (min-width:1100px) {
}
@media (max-width:1099px) and (min-width:1000px) {
.adimgsize
	{
		width:987px;
		height:400px;
	}
}
@media (max-width:999px) and (min-width:900px) {
    .nav_minu {
    color: #fff;
    font-size: 28px;
    text-align: center;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
}
@media (max-width:899px) and (min-width:800px) {
.adimgsize
	{
		width:850px;
		height:400px;
	}
    .nav_minu {
    color: #fff;
    font-size: 28px;
    text-align: center;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
}
@media (max-width:799px) and (min-width:700px) { 
.adimgsize
	{
		width:731px;
		height:400px;
	}
    .table_chart_section {
    border-color: #000;
    background-color: #C71585;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}  
    .nav_minu {
    color: #fff;
    font-size: 26px !important;
    text-align: center;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
 .form-control {
    /* border: 1px solid #333; */
    /* border-top: none; */
    /* border-right: none; */
    /* border-left: none; */
    display: block;
    width: 100%;
    height: 43px;
    padding: 0;
    margin-bottom: 25px;
    text-align: initial;
    background-color: #ECF0F1;
    /* border: 2px solid transparent; */
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    width: 100%;
    /* transition: border .5s; */
}
    .login {
    margin: 20px auto;
    width: 95%;
}
    input {
    text-align: initial;
    background-color: #ECF0F1;
    border: 2px solid transparent;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 200;
    padding: 10px 10px;
    width: 100%;
    transition: border .5s;
}
    .registation_from {
    width: 95%;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 20px;
    margin-top: 30px;
    padding: 14px;
    border-radius: 4px;
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
}
 
}
@media (max-width:699px) and (min-width:600px) {
.adimgsize
	{
		width:400px;
		height:400px;
	}
    .table_chart_section {
    border-color: #000;
    background-color: #C71585;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
    .nav_minu {
    color: #fff;
    font-size: 22px !important;
    text-align: center;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
 .form-control {
    /* border: 1px solid #333; */
    /* border-top: none; */
    /* border-right: none; */
    /* border-left: none; */
    display: block;
    width: 100%;
    height: 43px;
    padding: 0;
    margin-bottom: 25px;
    text-align: initial;
    background-color: #ECF0F1;
    /* border: 2px solid transparent; */
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    width: 100%;
    /* transition: border .5s; */
}
    .login {
    margin: 20px auto;
    width: 95%;
}
    input {
    text-align: initial;
    background-color: #ECF0F1;
    border: 2px solid transparent;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 200;
    padding: 10px 10px;
    width: 100%;
    transition: border .5s;
}
    .registation_from {
    width: 95%;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 20px;
    margin-top: 30px;
    padding: 14px;
    border-radius: 4px;
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
}

}
@media (max-width:599px) and (min-width:500px) {
.adimgsize
	{
		width:382px;
		height:400px;
	}
 .form-control {
    /* border: 1px solid #333; */
    /* border-top: none; */
    /* border-right: none; */
    /* border-left: none; */
    display: block;
    width: 100%;
    height: 43px;
    padding: 0;
    margin-bottom: 25px;
    text-align: initial;
    background-color: #ECF0F1;
    /* border: 2px solid transparent; */
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    width: 100%;
    /* transition: border .5s; */
}
    .login {
    margin: 20px auto;
    width: 95%;
}
    input {
    text-align: initial;
    background-color: #ECF0F1;
    border: 2px solid transparent;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 200;
    padding: 10px 10px;
    width: 100%;
    transition: border .5s;
}
    .registation_from {
    width: 95%;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 20px;
    margin-top: 30px;
    padding: 14px;
    border-radius: 4px;
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
}

    .month_chart a {
    font-size: 17px;
    color: #fff;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
    .table_chart_section_02 {
    font-size: 18px;
}
    .table_chart_section {
    border-color: #000;
    background-color: #C71585;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
    .nav_minu {
    color: #fff;
    font-size: 19px !important;
    text-align: center;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
}
@media (max-width:499px) and (min-width:400px) {
.adimgsize
	{
		width:372px;
		height:400px;
	}
 .form-control {
    /* border: 1px solid #333; */
    /* border-top: none; */
    /* border-right: none; */
    /* border-left: none; */
    display: block;
    width: 100%;
    height: 43px;
    padding: 0;
    margin-bottom: 25px;
    text-align: initial;
    background-color: #ECF0F1;
    /* border: 2px solid transparent; */
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    width: 100%;
    /* transition: border .5s; */
}
    .login {
    margin: 20px auto;
    width: 95%;
}
    input {
    text-align: initial;
    background-color: #ECF0F1;
    border: 2px solid transparent;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 200;
    padding: 10px 10px;
    width: 100%;
    transition: border .5s;
}
    .registation_from {
    width: 95%;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 20px;
    margin-top: 30px;
    padding: 14px;
    border-radius: 4px;
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
}

    .month_chart a {
    font-size: 17px;
    color: #fff;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
    .table_chart_section_02 {
    font-size: 18px;
}
    .table_chart_section {
    border-color: #000;
    background-color: #C71585;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
    .nav_minu {
    color: #fff;
    font-size: 9px !important;
    text-align: center;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}
     .roun_section a {
    color: #0bd366;
    position: relative;
    top: -6px;
    font-family: 'Roboto', sans-serif;
    font-size: 27px !important;
}
	.latest-result-first.latest-result-first-prime {
    width: 94%;
    padding: 30px 20px;
    margin: auto;
    float: none;
	margin-top: -7%;
	}
	.latest-result-first, .latest-result-second {
    padding: 0px 0px 0px;
    margin-top: 0;
    width: 50%;
    float: left;
	margin-top: -12%;
	}
	.latest-result-no
	{
		margin-top:-7%;
		font-size:55px;
	}
	.gamenamefirst,.gamenamesecond
	{
		margin-top:-1%;
		font-size: 30px;
	}
	.nav_homeminu {
    	font-size: 11px;
	}
}
@media (max-width:399px) and (min-width:300px) {
.adimgsize
{
	width:322px;
	height:400px;
}	
    .ptfooter {
    font-size: 14px;
}
 .form-control {
    /* border: 1px solid #333; */
    /* border-top: none; */
    /* border-right: none; */
    /* border-left: none; */
    display: block;
    width: 100%;
    height: 43px;
    padding: 0;
    margin-bottom: 25px;
    text-align: initial;
    background-color: #ECF0F1;
    /* border: 2px solid transparent; */
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    width: 100%;
    /* transition: border .5s; */
}
    .login {
    margin: 20px auto;
    width: 95%;
}
    input {
    text-align: initial;
    background-color: #ECF0F1;
    border: 2px solid transparent;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 200;
    padding: 10px 10px;
    width: 100%;
    transition: border .5s;
}
    .registation_from {
    width: 95%;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 20px;
    margin-top: 30px;
    padding: 14px;
    border-radius: 4px;
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
}

    .roun_section h2 {
    font-size: 16px;
    text-align: center;
    padding: 0px;
    /* background-color: lightyellow; */
    text-align: center;
    text-shadow: 1px 1px red;
    font-size: 13px !important;
    border-radius: 25px;
    /* height: 42px; */
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}
   .text_slide {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
}
     .roun_section a {
    color: #0bd366;
    position: relative;
    top: -6px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px !important;
}
    roun_section h2 {
    font-size: 16px !important;
    text-align: center;
    padding: 0px;
    /* background-color: lightyellow; */
    text-align: center;
    text-shadow: 1px 1px red;
    font-size: 13px;
    border-radius: 25px;
    /* height: 42px; */
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}
    .month_chart a {
    font-size: 17px;
    color: #fff;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
    .table_chart_section_02 {
    font-size: 13px;
}
    .table_chart_section {
    border-color: #000;
    background-color: #C71585;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
    .nav_minu {
    color: #fff;
    font-size: 10px !important;
    text-align: center;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}
	.nav_homeminu {
    font-size: 7px;
}
     .roun_section a {
    color: #0bd366;
    position: relative;
    top: -6px;
    font-family: 'Roboto', sans-serif;
    font-size: 21px !important;
}
	.latest-result-first.latest-result-first-prime {
    width: 94%;
    padding: 30px 20px;
    margin: auto;
    float: none;
	margin-top: -7%;
	}
	.latest-result-first, .latest-result-second {
    padding: 0px 0px 0px;
    margin-top: 0;
    width: 50%;
    float: left;
	margin-top: -12%;
	}
	.latest-result-no
	{
		margin-top:-7%;
		font-size:55px;
	}
	.gamenamefirst,.gamenamesecond
	{
		margin-top:-1%;
		font-size: 22px;
	}
}
@media (max-width:299px) {

.adimgsize
	{
		width:310px;
		height:350px;
	}
    .ptfooter {
    font-size: 13px;
}
 .form-control {
    /* border: 1px solid #333; */
    /* border-top: none; */
    /* border-right: none; */
    /* border-left: none; */
    display: block;
    width: 100%;
    height: 43px;
    padding: 0;
    margin-bottom: 25px;
    text-align: initial;
    background-color: #ECF0F1;
    /* border: 2px solid transparent; */
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    width: 100%;
    /* transition: border .5s; */
}
    .login {
    margin: 20px auto;
    width: 95%;
}
    input {
    text-align: initial;
    background-color: #ECF0F1;
    border: 2px solid transparent;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 200;
    padding: 10px 10px;
    width: 100%;
    transition: border .5s;
}
    .registation_from {
    width: 95%;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 20px;
    margin-top: 30px;
    padding: 14px;
    border-radius: 4px;
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
}

    .text_slide {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
}
     .roun_section a {
    color: #0bd366;
    position: relative;
    top: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px !important;
}
    roun_section h2 {
    font-size: 16px !important;
    text-align: center;
    padding: 0px;
    /* background-color: lightyellow; */
    text-align: center;
    text-shadow: 1px 1px red;
    font-size: 13px;
    border-radius: 25px;
    /* height: 42px; */
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}
    .month_chart a {
    font-size: 17px;
    color: #fff;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
    .table_chart_section_02 {
    font-size: 18px;
}
    .table_chart_section {
    border-color: #000;
    background-color: #C71585;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
	.table_chart_section_01 {
    background-color: #B76856;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}
    .nav_minu {
    color: #fff;
 	font-size: 18px !important;
    text-align: center;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
	.nav_homeminu {
    font-size: 4px ;
}	
	.latest-result-first.latest-result-first-prime {
    width: 94%;
    padding: 30px 20px;
    margin: auto;
    float: none;
	margin-top: -7%;
	}
	.latest-result-first, .latest-result-second {
    padding: 0px 0px 0px;
    margin-top: 0;
    width: 50%;
    float: left;
	margin-top: -12%;
	}
	.latest-result-no
	{
		margin-top:-7%;
		font-size:55px;
	}
	.gamenamefirst,.gamenamesecond
	{
		margin-top:-1%;
		font-size: 17px;
	}
}