#main-container {
    margin: 15px 0px;
}

#gameCanvas {
    border-radius: 0px !important;
}
canvas{
    border-radius: 0px !important;
}

/* Responsive start here  */

@media (max-width: 1024px) {
    #iframe_main {
        width: 900px !important;
        height: 600px !important;
    }
}

@media (max-width:992px) {
    #iframe_main {
        width: 850px !important;
        height: 600px !important;
    }
}

@media (max-width:880px) {
     #iframe_main {
        width: 730px !important;
        height: 600px !important;
    }
}

@media (max-width:768px) {
     #iframe_main {
        width: 640px !important;
        height: 550px !important;
    }
    .hero-section{
        padding:20px 0px;
    }
}

@media (max-width:680px){
       #iframe_main {
        width: 590px !important;
        height: 550px !important;
    }
}

@media (max-width:625px){
     #iframe_main {
        width: 500px !important;
        height: 500px !important;
    }
}

@media (max-width:576px) {
    .hero-section{
        padding:20px 0px !important;
    }
}

@media (max-width:575px) {
     #iframe_main {
        width: 425px !important;
        height: 500px !important;
    }
}

@media (max-width:479px){
       #iframe_main {
        width: 350px !important;
        height: 500px !important;
    }
}

@media (max-width:425px) {
    .hero-section{
        margin: 0px;
        padding:20px 0px;
    }
    
}

@media (max-width:380px) {
      #iframe_main {
        width: 320px !important;
        height: 450px !important;
    }
}

@media (max-width:340px) {
      #iframe_main {
        width: 290px !important;
        height: 450px !important;
    }
}