/* =====================================================
   MOBILE RESPONSIVE
   Rajdhani Gold Professional Theme
===================================================== */

/* ===========================
TABLET
=========================== */

@media screen and (max-width:992px){

.container{

padding:0 15px;

}

.row-grid{

grid-template-columns:1fr;

gap:20px;

}

.live-grid{

grid-template-columns:repeat(2,1fr);

gap:15px;

}

.game-grid{

grid-template-columns:repeat(2,1fr);

gap:15px;

}

.section-title{

font-size:20px;

padding:12px;

}

}


/* ===========================
MOBILE
=========================== */

@media screen and (max-width:768px){

body{

font-size:14px;

}

.container{

padding:0 10px;

}

.section{

margin:20px auto;

}

.section-title{

font-size:18px;

padding:12px;

text-align:center;

}

.live-grid{

grid-template-columns:1fr;

gap:15px;

}

.game-grid{

grid-template-columns:1fr;

gap:15px;

}

.live-card{

padding:18px;

border-radius:15px;

}

.game-card{

padding:15px;

border-radius:15px;

}

.game-name{

font-size:20px;

}

.live-result{

font-size:22px;

flex-wrap:wrap;

}

.result-number{

font-size:34px;

}

.patti{

font-size:26px;

}

.single{

font-size:22px;

padding:8px 18px;

}

.slot-time{

font-size:14px;

}

.btn{

width:100%;

padding:14px;

font-size:16px;

}

.history-wrap{

padding:10px;

overflow-x:auto;

}

.history-table{

min-width:850px;

}

footer{

padding:20px 10px;

font-size:14px;

}

}


/* ===========================
SMALL MOBILE
=========================== */

@media screen and (max-width:480px){

.logo{

font-size:22px;

}

.section-title{

font-size:16px;

padding:10px;

}

.live-card{

padding:15px;

}

.game-card{

padding:14px;

}

.game-name{

font-size:18px;

}

.live-result{

font-size:20px;

}

.result-number{

font-size:30px;

}

.patti{

font-size:22px;

}

.single{

font-size:20px;

padding:6px 14px;

}

.slot-name{

font-size:16px;

}

.slot-time{

font-size:13px;

}

.history-table{

min-width:750px;

}

.tip-card{

padding:15px;

}

.faq-item{

padding:15px;

}

}


/* ===========================
EXTRA SMALL
=========================== */

@media screen and (max-width:360px){

body{

font-size:13px;

}

.logo{

font-size:20px;

}

.section-title{

font-size:15px;

}

.live-card{

padding:12px;

}

.game-card{

padding:12px;

}

.result-number{

font-size:26px;

}

.patti{

font-size:20px;

}

.single{

font-size:18px;

padding:5px 12px;

}

.slot-name{

font-size:15px;

}

.slot-time{

font-size:12px;

}

.btn{

font-size:14px;

padding:12px;

}

}


/* ===========================
LANDSCAPE MOBILE
=========================== */

@media screen and (max-width:900px) and (orientation:landscape){

.live-grid{

grid-template-columns:repeat(2,1fr);

}

.game-grid{

grid-template-columns:repeat(2,1fr);

}

}