@media only screen and (max-width: 600px){
    .top-left {
      top: 2em !important;
      left: 1.8em !important;
    }
  }
  
  @media only screen and (min-width: 600px) and (max-width: 1200px){
    .top-left {
      top: 5em !important;
      left: 2.8em !important;
    }
  }

.btn{

    border-radius: 10px;
    background-color: #940000;
    color:white;
}
.btn:hover{
    color: #de2331;
}
.share{
    margin-left: 50em;
    /* margin-bottom: -2em; */
    margin-right: 1em;
    margin-top: -7.8px;
}
.news{
    width: 65em;
    margin-left: 2em;
    margin-right: 2em;
}
.modal-title{
    margin-left: 1.7em;
}
.text{
    margin-left: 2em;
}
/* .card{
    width: 16em;
    height: 20em;
} */
.news-img{
    width: 14em;
}
.modal-card{
    width: 14em;
}
.recent{
    margin-left: 5em;
    margin-bottom: 2em;
}
.facebook-icon{
    width: 1.5em;

}
.twitter-icon{
    width: 1.5em;

}
/* .me-5 {
    margin-right: 7rem!important;
} */

/* .fa-facebook:before {
    content: "\f09a";
    margin-right: 2.5rem;
} */
/* .recent{

} */
/* .mx-2 {
    margin-right: 20.5rem!important;
    margin-left: 0.5rem!important;
} */
.modal-1{
    padding-left: 3em;
}
.blog-container{
    padding-left: 7em;
}
.flomec-blogs{
    width: 16em;
      height: 9.5em;
    margin-left: 1em;
}
.raytec{
    height: 9.5em;
    margin-left: 1em;
    margin-right: 1em;
}
.bg-css{
    height: 9.5em;
    margin-left: 1em;
    margin-right: 1em;
}
.text-ul{
    list-style-type:none;
}
.raytec-sm-modal{
    margin: 1em;
}
.ccs-sm-modal{
    margin: 1em;
}
.flomec-sm-modal{
    margin: 1em;
}
.bg-css3{
    height: 7.2em;
    margin: 1em;
}
.caard-blogs{
    height: 16rem;
}
@media only screen and (max-width:600px){
    .news{
        width: 65em;
        margin-left: 0em;
        margin-right: 2em;
    }
    .text{
        margin-left: 0em;
    }
    .modal-title{
        margin-left: 0em;
    }
    .news-2{
        margin-left: 0em;
    }
    .share{
        margin-right: 1em;
        margin-left: 2em;
    }
    .card-blogs{

        margin-left: -5em;
    }
    .blog-description{
        margin-left: 2em;
    }
    .soundMeter{
        width: 5em !important;
    }
    .details{
        margin: 1em;
    }
    .rupture{
        width: 8em;
        margin-top: 1em;
    }
    .clamp{
        width: 8em;
        margin-top: 1em;
        margin-bottom: 2em;
    }
    .btu{
        width: 7em;
        margin-left: 1em;
    }
    .btu-details{
        margin-top: 2em;
        margin-left: 1em;
        margin-bottom: 1em;
    }

}