/*filter*/
.filterDiv {
  float: left;
  height:500px;
  text-align: left;
  margin: 46px;
  width:26%;
  display: none;
  padding-bottom:80px;
}


/*card*/
.card-body1{
    height:35%;
}
.card-body2{
    height:65%;
    background-color:#e8e8e8;
    word-wrap: break-word;
    padding:20px;
    padding-top:12px;

}
.card-title2{
    font-family:calibri, san-serif !important;
    font-weight:bold;
    margin:0;
    font-size:20px;
    
    
    
}

.card-body2 p{
    margin:0;
    font-family:arial !important;
    font-size:16px;
    line-height:1.6;
    height:70%;
}

.card-body2 a{
    color:#e17526;
    font-size:15px;
    font-weight:bold;
    font-family:arial;
}

.show {
  display: block;
}

.container1 {
  margin-top: 20px;
  overflow: hidden;
  position: relative;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
}

/* Style the buttons */
.btn2 {
  -webkit-border: none;
  -webkit-outline: none;
  -webkit-padding: 12px 14px;
  -webkit-background-color: #f1f1f1;
  -webkit-cursor: pointer;
  -webkit-font-weight:bold;
  -webkit-font-size:11px;
  -webkit-font-family:arial;
  -webkit-border-radius:25px;
  -webkit-margin-bottom:5px;
  
  border: none;
  outline: none;
  padding: 12px 14px;
  background-color: #f1f1f1;
  cursor: pointer;
  font-weight:bold;
  font-size:11px;
  font-family:arial;
  border-radius:25px;
  margin-bottom:5px;

}
#myBtnContainer{
     margin-left:50px;
 }

.btn2:hover {
  background-color: #ddd;
}

.btn2:active, .btn2:focus {
  background-color: #666;
  color: white;
  
}

@media(min-width:1232px){
    .filterDiv {
  
  width:24%;
}
.card-body2 p {
    margin: 0;
    font-family: arial;
    font-size: 15px;
    line-height: 1.6;
    height: 70%;
}
p.card-desc2 {
    height: 76%;
}
}

@media(max-width:1232px) and (min-width:992px){
    .filterDiv {
  
  width:38%;

 
}
}
@media(max-width:992px) and (min-width:768px){
    .card-title2{
    font-family:calibri, san-serif;
    margin:0;
   font-size: 22px;
   margin-bottom:8px;
}
.card-body2 p {
    margin: 0;
    font-family: arial;
    font-size: 17px;
    line-height: 1.6;
    height: 70%;
}
 #myBtnContainer{
     margin-left:30px;
 }

    .filterDiv {
  width:35%;
}
    .card-body2{
        height:88%;
    }
}

@media(max-width:768px){
    
    .card-body2 {
    height: 62%;
}
 #myBtnContainer{
     margin-left:30px;
 }

    .filterDiv {
  width:70%;
}
    .card-body2{
        height:62%;
    }
  
}

@media(max-width:570px){
   #myBtnContainer{
     margin-left:30px;
 }

 .card-body2{
        height:67%;
    }
  

}
@media (max-width: 540px){
.card-body2 {
    height: 70%;
}
.card-body2 p {
   
    height: 75%;
}
}
@media(max-width:500px){
    .card-title2{
    font-family:calibri, san-serif;
    margin:0;
    font-size:20px;
    margin-bottom:8px;
}
.card-body2 {
    height: 62%;
}
.card-body2 p{
    margin:0;
    font-family:arial;
    font-size:15px;
    line-height:1.6;
    height:80%;
}

    #myBtnContainer{
     margin-left:20px;
 }


  
}
@media(max-width:440px){
    .card-title2{
    font-family:calibri, san-serif;
    margin:0;
    font-size:20px;
    margin-bottom:8px;
}
.card-body2 {
    height: 70%;
}
.card-body2 p{
    margin:0;
    font-family:arial;
    font-size:13px;
    line-height:1.6;
    height:72%;
}



  
}
@media(max-width:385px){
    .card-title2{
    font-family:calibri, san-serif;
    margin:0;
    font-size:26px;
    margin-bottom:8px;
}
.card-body2 {
    height: 80%;
}
.card-body2 p{
    margin:0;
    font-family:arial;
    font-size:14px;
    line-height:1.6;
    height:61%;
}



  
}