@media (max-width:1024px) {

}

/************ Main **************/
@media (max-width: 960px) {
.container{ width:800px; margin:0 auto; padding:0;}



}
@media (max-width: 768px) {
    .container{
        max-width: 100%;
        width: 100% !important;
    }
    #wrapper{
        width: 100%;
    }
    .prod_list ul.agent-yantra {
        width: 100%;
    }
    .prod_detail_sec {
        width: 750px;
    }
    .top_no .pull-right{
        margin: 0px 10px;
    }
    .f_box{
        margin: 18px 0px 0px -10px;
    }
    .f_detail{
        width: auto ;
    }
}
@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:93%; margin:0 auto; padding:0;}
.prod_detail{ width:140px;}

}
@media (max-width: 600px) {
    .container{
        width: 768px;
        overflow: scroll;
    }
    #wrapper{
        width: 767px;
    }
}
@media (max-width: 660px) {
    .container{
        width: 768px;
        overflow: scroll;
    }
    #wrapper{
        width: 767px;
    }
}
@media (max-width: 500px) {
    .container{
        width: 768px;
        overflow: scroll;
    }
    
   
}
@media (max-width: 400px) {
    .container{
        width: 768px;
        overflow: scroll;
    }
    
}
@media (max-width: 300px) {
    .container{
        width: 768px;
        overflow: scroll;
    }
    
}
/* @media (max-width: 600px) {
    html { -webkit-text-size-adjust:none;}
    #wrapper{
        background-size: contain !important;
    }
    .container{ 
        max-width: 100%;
        width:100% !important;
    }
    .main_mod{
        background-size: contain;
    }
    .cycle-slideshow img{
        width: 145px;
        height: 152px;
    }
    .home_slider_sec{
        margin: 7px 0 0 0;
        width: 155px;
    }
    .game_time ul {
        top: -1px;
    }
    .prod_list ul.agent-yantra:first-of-type{
        top: -12px;
       
    }
    .prod_list ul.agent-yantra li{
        width: 60px;
    }
    .prod_right{
        width: 421px;
    }
    .prod_list ul li {
        height: 95px;
    }
    .prod_detail_sec{
        height: 111px;
        top: -13px;
        margin: 0px 0 0 -3px;
        width: 565px;
    }
    .current_item ul li {
        font-size: 9px;
        margin: 0 0 -9px 0;
    }
    .f_detail {
        margin: 0px 0 0;
    }
    .current_item{
        width: 54px;
        margin: 4px 0px 0 -7px !important;
    }
    .reprint a{
        font-size: 11px;
    }
    .exit_btn {
        margin: 27px 2px 0 33px;
    }
    .f_box{
        margin: 10px 0 0 6px !important;
    width: 65px;
    }
    #anysearch-input{
        height: 18px !important;
        width: 59px !important; 
    }
    .f_box_1{
        width: 28px;
    }
    .top_part{
        width: 100%;
    }
    .top_no{
        width: 36%;
        margin: 18px 0px 0 0;
        font-size: 16px;
    }
    .game_time ul li{
        font-size: 16px;
    }
    .reprint.reprint_ticket{
        margin:10px 0 0 13px !important;
    }
    #Cansel_Last_Ticket{
        margin:10px 0 0 13px !important;
    }
    #imageField{
        margin:11px 0 0 20px !important;
    }
    #purchage{
        margin:10px 0 0 21px !important;
    }
    #lucky{
        margin:11px 0 0 6px !important;
    }
}
@media (max-width: 500px) {
    .container{ 
        max-width: 100%;
        width:100% !important;
    }
    .top_no{
        margin: 10px 0px 0px 0px;
    }
    .top_no span{
        padding: 0px 10px;
    }
    .cycle-slideshow img{
        width: 100px;
        height: 100px;
    }
     .home_slider_sec{
        width: 130px;
    }
    .prod_list{
       width: 90%;
    }
    .prod_list ul.agent-yantra:first-of-type{
        justify-content: flex-start;
    } 
    .card-list{
        height: 145px;
    }
    .prod_list ul.agent-yantra li img{
        height: 72px !important;
    }
    .prod_list ul.agent-yantra li{
        height: 76px !important;
    }
    .prod_detail_sec {
        height: 93px;
        top: -10px;
        width: 466px;
    }
    .current_item ul li {
        margin: 0 0 -11px -3px;
    }
    .reprint.reprint_ticket{
        margin: 6px 0 0 0px !important;
        font-size: 9px !important;
    }
    #Cansel_Last_Ticket{
        margin: 6px 0 0 13px !important;
        font-size: 9px !important;
    }
} */
/************ iphone **************/
@media (max-width: 480px) {
html { -webkit-text-size-adjust:none;}

}

#receiptsearch-input{
    width: 95% !important;
}