@font-face{
        font-family: 'PanchoDevanagari-Regular';
        font-style: normal;
        font-weight: 400;
  src: url("assets/css/font/PanchoDevanagari-Regular.ttf") format("truetype");
}
@font-face{
        font-family: 'PanchoDevanagari-Bold';
        font-style: normal;
        font-weight: 400;
  src: url("assets/css/font/PanchoDevanagari-Bold.ttf") format("truetype");
}
@font-face{
        font-family: 'PanchoDevanagari-Medium';
        font-style: normal;
        font-weight: 400;
  src: url("assets/css/font/PanchoDevanagari-Medium.ttf") format("truetype");
}



html,body {
    font-family: "PanchoDevanagari" , arial ;
}

.bunder {border-radius:20px;}


/* Desktop */
@media only screen and (min-width: 600px) {
.mobile {display: none;}
.buton-slider {margin-top: 75%;margin-bottom: auto;}
.img-coverio {width: 100%; height: 200px; object-fit:cover; border-radius:20px;}
.event {
  display: grid;
  grid-template-columns: auto auto auto auto;
  padding: 10px;
}
.event > div {
  padding: 10px;
}
.grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    margin: auto;
}
}




/* Mobile */
@media only screen and (max-width: 600px) {
.desktop {display: none;}
.img-coverio {width: 100%; height: 220px; object-fit:cover; border-radius:20px;}
.buton-slider {margin-top: 30%;margin-bottom: auto;}
.text-sub-title {margin-top: 15px;}
.event {
  display: grid;
  grid-template-columns: auto auto;
  padding: 10px;
}
.event > div {
  padding: 10px;
}
.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    margin: auto;
}
}