.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
}
.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border: 1px solid #4CAF50;
}
.pagination a:hover:not(.active) {background-color: #ddd;}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.Readmorebtn{ text-decoration:none;
                 float:right;
    }
.txtbox {
       
        text-align:center;
        color: #808080;
}
.querybtn {
       margin-top:5px;
}

.image {
         padding-left: 100px;
    }


 .whitetext{
     color:#fff;
 }

.Readmorebtn {
    text-decoration: none !important;
  
}
.Readmorebtn:hover {
  color: #fff;
}
.querybtn{
    text-decoration: none !important;
  }
.querybtn:hover {
  color: #fff;
}
/* selected link */


.bade {
    display: inline-block;
    min-width: 10px;
    padding:3px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 5px;
}
.bade :hover{
    color: #fff;
}


@media (min-width: 1281px) {
 
.font1{
        font-size:15px;
    }
.font20{
    font-size:30px;
}
.font18{
    font-size:24px;
}

  .category{
 border:1px solid #fff;
  background-color: #00aE9c;
  color:#fff;

}
 .menu {
       
        margin: 0;
        padding: 0;
        width: 200px;
        
    }

    .menus a {
        display: block;
        color: #002f62;
        padding-left:22px;
        text-decoration: none;
        
       
    }

        /* Change the link color on hover */
        .menus a:hover {
            background-color: #eee;
            color: #002f62;
            border-radius:20px;
        }
#main .openbtn {
        display: none;
        font-size: 20px;
        cursor: pointer;
        width: 80px;
        color: black;
        padding: 10px 15px;
        border: 1px;
    }

    .rightPanel ul li {
        display: block;
        padding: 5px;
    }

    .closebtn {
        display: none;
    }
    .plugin{
    width:320px;
    height:500px;
  
}
}	

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
     .font1{
        font-size:15px;
    }
     .font20{
    font-size:30px;
}
.font18{
    font-size:24px;
}

    .category{
 border:1px solid #fff;
  background-color: #00aE9c;
  color:#fff;
  
}
     .menu {
       
        margin: 0;
        padding: 0;
        width: 200px;
        
    }

    .menus a {
        display: block;
        color: #002f62;
        padding-left:22px;
        text-decoration: none;
        
       
    }

        /* Change the link color on hover */
        .menus a:hover {
            background-color: #eee;
            color: #002f62;
        }
#main .openbtn {
        display: none;
        font-size: 20px;
        cursor: pointer;
        width: 80px;
        color: black;
        padding: 10px 15px;
        border: 1px;
    }

    .rightPanel ul li {
        display: block;
        padding: 5px;
    }

    .closebtn {
        display: none;
    }
    .plugin{
    width:320px;
    height:500px;
  
}
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
     .font1{
        font-size:15px;
    }
     .font20{
    font-size:30px;
}
.font18{
    font-size:24px;
}

  
    .category{
 border:1px solid #fff;
  background-color: #00aE9c;
  color:#fff;
  
}

 .menu {
       
        margin: 0;
        padding: 0;
        width: 200px;
        
    }

    .menus a {
        display: block;
        color: #002f62;
        padding-left:22px;
        text-decoration: none;
        
       
    }

        /* Change the link color on hover */
        .menus a:hover {
            background-color: #eee;
            color: #002f62;
        }
.plugin{
    width:220px;
    height:500px;
  
}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
     .font1{
        font-size:15px;
    }
     .font20{
    font-size:30px;
}
.font18{
    font-size:24px;
}

  .category{
 border:1px solid #fff;
  background-color: #00aE9c;
  color:#fff;
  
}
.menu {
       
        margin: 0;
        padding: 0;
        width: 200px;
        
    }

    .menus a {
        display: block;
        color: #002f62;
        padding-left:22px;
        text-decoration: none;
        
       
    }

        /* Change the link color on hover */
        .menus a:hover {
            background-color: #eee;
            color: #002f62;
        }
.rightPanel {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color:#eee;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  
}
.rightPanel ul li {
  /*padding: 8px 8px 8px 32px;*/
  text-decoration: none;
  font-size: 16px;
 color:#000;
  display: block;
  transition: 0.3s;
}
.rightPanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  /*margin-left: 50px;*/
  display:inline;
}
.openbtn {
  font-size: 20px;
  cursor: pointer;
  width:80px;
  color: black;
  padding: 10px 15px;
  border: 1px;
  display:inline;
}
#main {
  transition: margin-left .5s;
  padding: 16px;
}
.plugin{
    width:220px;
    height:500px;
  
}
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
     .font1{
        font-size:14px;
    }
     .font20{
    font-size:25px;
}
.font18{
    font-size:20px;
}

    .category{
 border:1px solid #fff;
  background-color: #00aE9c;
  color:#fff;
  border-radius: 7px;
}
      .text{
    text-align:center;
}
.menu {
       
        margin: 0;
        padding: 0;
        width: 200px;
        
    }

    .menus a {
        display: block;
        color: #002f62;
     padding-left:20px;
      padding-top:10px;
        text-decoration: none;
    }

        /* Change the link color on hover */
        .menus a:hover {
            border-radius:5px;
            background-color: #00aE9c;
            color: #fff;
        }
.rightPanel {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color:#eee;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  
}
.rightPanel ul li {
  /*padding: 8px 8px 8px 32px;*/
  text-decoration: none;
  font-size: 16px;
 color:#000;
  display: block;
  transition: 0.3s;
}
.rightPanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  /*margin-left: 50px;*/
  display:inline;
}
.openbtn {
  font-size: 20px;
  cursor: pointer;
  width:80px;
  color: black;
  padding: 10px 15px;
  border: 1px;
  display:inline;
}
#main {
  transition: margin-left .5s;
  padding: 16px;
}

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
   .font1{
        font-size:14px;
    }
   .font20{
    font-size:25px;
}
.font18{
    font-size:20px;
}

 .category{
 border:1px solid #fff;
  background-color: #00aE9c;
  color:#fff;
 
}
     .text{
    text-align:center;
}
     .menu {
       
        margin: 0;
        padding: 0;
        width: 200px;
        
    }

    .menus a {
        display: block;
        color: #002f62;
    padding-left:20px;
    padding-top:10px;
    
        text-decoration: none;
    }

        /* Change the link color on hover */
        .menus a:hover {
            border-radius:5px;
            background-color: #00aE9c;
            color: #fff;
        }

.rightPanel {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color:#eee;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  
}
.rightPanel ul li {
  /*padding: 8px 8px 8px 32px;*/
  text-decoration: none;
  font-size: 16px;
 color:#000;
  display: block;
  transition: 0.3s;
}
.rightPanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  /*margin-left: 50px;*/
  display:inline;
}
.openbtn {
  font-size: 20px;
  cursor: pointer;
  width:80px;
  color: black;
  padding: 10px 15px;
  border: 1px;
  display:inline;
}
#main {
  transition: margin-left .5s;
  padding: 16px;
}
  
}