body {
            font-size: 30px
        }
        .logo{
            border: 2px solid #eb008b;
    border-radius: 10px 0 10px 10px;
    margin-bottom: 2px;
    overflow: hidden;
}
    
        .chartwale {
            background-color: gold;
            color: black;
            border-width: 5px;
            border-color: red;
            border-style: outset;
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 10px;
            margin-right: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            font-weight: bold;
            font-style: italic;
            font-size: large;
            text-decoration: blink
        }
        
        .date a {
            color: black
        }
        
        .HEADER {
            background-color: black;
            color: white;
            border-width: 5px;
            border-color: gold;
            border-style: double;
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 10px;
            margin-right: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            font-weight: bold;
            font-style: italic;
            font-size: large;
            text-decoration: blink
        }
        
        .HEADER a {
            color: red
        }
        
        .HEADLINES {
            background-color: #90F;
            color: WHITE;
            font-weight: bold;
            font-style: italic;
            font-size: large;
            text-decoration: blink
        }
        
        .HEADLINES a {
            color: black
        }
        
        .TIME BAZARresult {
            background-color: LightSkyBlue;
            color: black;
            font-weight: bold;
            font-style: italic;
            font-size: large;
            text-decoration: blink
        }
        
        .TIME BAZARresult a {
            color: black
        }
        
        .KHALI {
            background-color: black;
            color: gold;
            font-weight: bold;
            font-style: italic;
            font-size: large;
            text-decoration: blink
        }
        
        .KHALI a {
            color: purple
        }
        
        .mainresult {
            background-color: LawnGreen;
            color: black;
            font-weight: bold;
            font-style: italic;
            font-size: large;
            text-decoration: blink
        }
        
        .NOTICE {
            background-color: black;
            color: GOLD;
            border-width: 5px;
            border-color: red;
            border-style: dotted;
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 10px;
            margin-right: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            font-weight: bold;
            font-style: italic;
            font-size: large;
            text-decoration: blink
        }
        
        .NOTICE a {
            color: black
        }
        
        .TOP {
            background-color: RED;
            color: WHITE;
            border-width: 2px;
            border-color: BLUE;
            border-style: solid;
            font-weight: bold;
            font-style: italic;
            font-size: large;
            text-decoration: blink
        }
        
        .online {
            background-color: black;
            color: #FF0080;
            font-weight: bold;
            font-style: italic;
            font-size: large;
            text-decoration: blink
        }
        
        .DisplayResult {
            font-size: 19pt
        }
        
        .boxes_titles {
            text-align: center;
            color: #000;
            font-weight: bold
        }
        
        .boxes_dash {
            text-align: center;
            color: #000;
            font-weight: bold
        }
        
        .boxes_text_win_numbers {
            text-align: center;
            color: #000;
            font-weight: 800;
            font-size: 25pt
        }
        
        body {
            background-color: #ffcc99;
            font-size: large;
            font-weight: bold
        }
        
        a {
            color: Red
        }

        .HEADLINES,
        body {
            font-weight: 700;
            font-size: large
        }
        
        body {
            /*background-color: #000;*/
            color: #fff;
        }
        
        a {
            color: Red
        }
        
        .HEADLINES {
            background-color: #f4430b;
            color: #fff;
            font-style: italic;
            text-decoration: blink;
            padding: 16px;
        }
        
        .a1 {
            background: #FF0040
        }
        
        .a2 {
            color: #fff;
            font-size: 30px
        }
    .satta-matka-jodi-subtitle {
    color: #fff;
    background-color: #28233c!important;
    padding: 33px 5px;
    font-style: italic;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;
    font-size: 17px;
}
.panel-info .panel-heading {
    background: #2196f3;
    color: #fff;
}
.panel-info>.panel-heading {
    padding: 0;
}
.panel-heading h5 {
    background-color: #03a9f4;
    text-align: center;
    padding: 12px 10px;
    font-size: 25px!important;
    color: #fff!important;
    text-shadow: 1px 1px 3px #232323!important;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    width: 779px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"!important;
    font-style: italic!important;
    text-transform: uppercase;
}
.button2 {
    background-color: #a0d5ff!important;
    color: #220c82!important;
    padding: 10px 30px!important;
    font-size: 16px!important;
    margin: 0px auto!important;
    border-radius: 10px!important;
    border: 2px solid #0000005c !important;
    font-weight: 800!important;
    text-shadow: 1px 1px #00bcd4!important;
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.2) , 0 6px 8px 0 rgba(0,0,0,.19)!important;
    display: inline-block!important;
    transition: all .3s!important;
}
  
table { border-collapse: collapse }
table,th,td {	border: 1px solid #7575ad;  color: black;}

thead {
	background-color: #ffc107;
	color: white;
	/*text-shadow: 1px 1px 2px #9a7400ab*/
}

tbody td {
	padding: 5px 0;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}
   td {
    width: 20px;
  }
@media only screen and (max-width:770px) 
{
	.panel.panel-info {	width: 95%!important  }
	 
}
.r {color: red }
  
tr td:nth-child(1) {
	font-size: 13px
}

tbody tr td:nth-child(2),
tbody tr td:nth-child(5),
tbody tr td:nth-child(8),
tbody tr td:nth-child(11),
tbody tr td:nth-child(14),
tbody tr td:nth-child(17),
tbody tr td:nth-child(20),
tbody tr td:nth-child(23) {
	border-right-width: 0;
	font-size: 13px
}

tbody tr td:nth-child(3),
tbody tr td:nth-child(6),
tbody tr td:nth-child(9),
tbody tr td:nth-child(12),
tbody tr td:nth-child(15),
tbody tr td:nth-child(18),
tbody tr td:nth-child(21),
tbody tr td:nth-child(24),
tbody tr td:nth-child(27) {
	border-left-width: 0;
	border-right-width: 0;
	font-size: 23px
}

tbody tr td:nth-child(4),
tbody tr td:nth-child(7),
tbody tr td:nth-child(10),
tbody tr td:nth-child(13),
tbody tr td:nth-child(16),
tbody tr td:nth-child(19),
tbody tr td:nth-child(22),
tbody tr td:nth-child(25),
tbody tr td:nth-child(28) {
	border-left-width: 0;
	font-size: 13px
}



thead tr th:nth-child(1) {
	width: 100px
}
@media only screen and (min-device-width: 501px) and (max-device-width: 770px)
 {
	.panel.panel-info {	width: 99%!important  }
	
	tr td:nth-child(1) {	font-size: 9px	}
	tbody tr td:nth-child(3),
	tbody tr td:nth-child(6),
	tbody tr td:nth-child(9),
	tbody tr td:nth-child(12),
	tbody tr td:nth-child(15),
	tbody tr td:nth-child(18),
	tbody tr td:nth-child(21),
	tbody tr td:nth-child(24),
	tbody tr td:nth-child(27) {
		border-left-width: 0;
		border-right-width: 0;
		font-size: 16px
	}
	tbody tr td:nth-child(4),
	tbody tr td:nth-child(7),
	tbody tr td:nth-child(10),
	tbody tr td:nth-child(13),
	tbody tr td:nth-child(16),
	tbody tr td:nth-child(19),
	tbody tr td:nth-child(22),
	tbody tr td:nth-child(25),
	tbody tr td:nth-child(28) {
		border-left-width: 0;
		font-size: 11px
	}
	tbody tr td:nth-child(2),
	tbody tr td:nth-child(5),
	tbody tr td:nth-child(8),
	tbody tr td:nth-child(11),
	tbody tr td:nth-child(14),
	tbody tr td:nth-child(17),
	tbody tr td:nth-child(20),
	tbody tr td:nth-child(23) {
		border-right-width: 0;
		font-size: 11px
	}
	thead tr th:nth-child(1) {
		width: 55px
	}
	.panel.panel-info {
		width: 99%
	}

}


@media only screen and (min-device-width: 351px) and (max-device-width: 500px)
{
	.panel.panel-info {	width: 100%!important  }
	tbody tr td:nth-child(3),
	tbody tr td:nth-child(6),
	tbody tr td:nth-child(9),
	tbody tr td:nth-child(12),
	tbody tr td:nth-child(15),
	tbody tr td:nth-child(18),
	tbody tr td:nth-child(21),
	tbody tr td:nth-child(24),
	tbody tr td:nth-child(27) {
		font-size: 16px
	}
	tr td:nth-child(1),
	tbody tr td:nth-child(2),
	tbody tr td:nth-child(5),
	tbody tr td:nth-child(8),
	tbody tr td:nth-child(11),
	tbody tr td:nth-child(14),
	tbody tr td:nth-child(17),
	tbody tr td:nth-child(20),
	tbody tr td:nth-child(23),
	tbody tr td:nth-child(4),
	tbody tr td:nth-child(7),
	tbody tr td:nth-child(10),
	tbody tr td:nth-child(13),
	tbody tr td:nth-child(16),
	tbody tr td:nth-child(19),
	tbody tr td:nth-child(22),
	tbody tr td:nth-child(25),
	tbody tr td:nth-child(28) {
		font-size: 8px
	}
	th {	font-size: 10px}
	tr td:nth-child(1) { font-size: 9px; width: 19%; } 
	.satta-matka-jodi-subtitle h1{ font-size: 1.3em; } 
}

@media only screen and (min-device-width: 281px) and (max-device-width: 350px) {
	.panel.panel-info {	width: 99%!important  }
	tbody tr td:nth-child(3),
	tbody tr td:nth-child(6),
	tbody tr td:nth-child(9),
	tbody tr td:nth-child(12),
	tbody tr td:nth-child(15),
	tbody tr td:nth-child(18),
	tbody tr td:nth-child(21),
	tbody tr td:nth-child(24),
	tbody tr td:nth-child(27) {
		font-size: 12px
	}
	tr td:nth-child(1),
	tbody tr td:nth-child(2),
	tbody tr td:nth-child(5),
	tbody tr td:nth-child(8),
	tbody tr td:nth-child(11),
	tbody tr td:nth-child(14),
	tbody tr td:nth-child(17),
	tbody tr td:nth-child(20),
	tbody tr td:nth-child(23),
	tbody tr td:nth-child(4),
	tbody tr td:nth-child(7),
	tbody tr td:nth-child(10),
	tbody tr td:nth-child(13),
	tbody tr td:nth-child(16),
	tbody tr td:nth-child(19),
	tbody tr td:nth-child(22),
	tbody tr td:nth-child(25),
	tbody tr td:nth-child(28) {
		font-size: 8px
	}
	th {
		font-size: 10px
	}
 
	tr td:nth-child(1) {  font-size: 8px; width: 19%;  }
	 .satta-matka-jodi-subtitle h1{ font-size: 1.2em; } 
}

@media only screen and (max-width:280px) {
	.panel.panel-info {	width: 99%!important  }
	 
	tbody tr td:nth-child(3),
	tbody tr td:nth-child(6),
	tbody tr td:nth-child(9),
	tbody tr td:nth-child(12),
	tbody tr td:nth-child(15),
	tbody tr td:nth-child(18),
	tbody tr td:nth-child(21),
	tbody tr td:nth-child(24),
	tbody tr td:nth-child(27) {
		font-size: 10px
	}
	tr td:nth-child(1),
	tbody tr td:nth-child(2),
	tbody tr td:nth-child(5),
	tbody tr td:nth-child(8),
	tbody tr td:nth-child(11),
	tbody tr td:nth-child(14),
	tbody tr td:nth-child(17),
	tbody tr td:nth-child(20),
	tbody tr td:nth-child(23),
	tbody tr td:nth-child(4),
	tbody tr td:nth-child(7),
	tbody tr td:nth-child(10),
	tbody tr td:nth-child(13),
	tbody tr td:nth-child(16),
	tbody tr td:nth-child(19),
	tbody tr td:nth-child(22),
	tbody tr td:nth-child(25),
	tbody tr td:nth-child(28) {
		font-size: 7px
	}
	th {
		font-size: 8px
	}
	 tr td:nth-child(1) {  font-size: 8px; width: 24%;  }
	 .satta-matka-jodi-subtitle h1{ font-size: 1em; } 
}