@font-face {
    font-family: myFont;
    src: url(../Admin_Panel/assets/fonts/EkMukta-Regular.TTF);
    
}
body {
    padding-bottom: 0;
    font-family: 'myFont' !important /*'Roboto', sans-serif*/;
    font-size: 12px;
    color: #393939;
    line-height: 1.5
}
         .topnav {
  overflow: hidden;
  background-color: #028FCC;
  /*position: fixed;*/
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.topnav a {
  float: left;
  display: block;
  color: #fff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 18px;
  cursor:pointer;
}

.topnav a:hover {
  color: blue;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive .icon {
    /*position: absolute;*/
    right: 0;
    top: 0;
    color:white;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
} 

.main {
	width:494px;
    /*margin-left: 200px;*/
	/*margin-top:0%;*/ /* Same as the width of the sidenav */
}
.h3 {
    font-size:35px;
    color: #cc2c24;
}
.label {
    font-size:20px;
    color:#000000;
}
.ImgHome {
    width:100%;
    height:498px;
}
.img {
    width:32%;
}
.d1 {
    width:100%;
}
@media screen and (max-width: 600px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
    .h3 {font-size: 22px;
    }
    .label {font-size: 14px;
            display:block;
    }
    .img {
    width:66%;
}
    .menu111 {
        display:block !important;
    }
    .d1 {
    float:none;
}
}
.btn {
        padding: 9px;
    background-color: #428BCA;
    color:#fff;
    cursor:pointer;
}