@media (min-width: 1440px){
  
}
@media (min-width: 1600px){

}

@media (min-width: 1850px){

}

@media (min-width: 2000px){

}
@media (max-width: 1366px){

}
@media (max-width: 1024px) and (min-width: 981px){

}
@media (max-width: 980px){
section.blog-sec.section-gap {
    /* padding-top: 110px; */
}
section.blog-sec.section-gap .col-4 {
    width: 49%;
}
section.blog-sec .row {
    gap: 40px 0;
}
section.blog-details-sec {
    padding-top: 80px;
}
.blog-upper-details{
    max-width: 100%;
    padding: 30px 0px;
}
.blog-bottom-details{
    max-width: 100%;
    padding: 50px 0;
    padding-top: 0;
}
.blog-upper-details h1 {
    font-size: 40px;
    line-height: normal;
}
.blog-bottom-details h2{
    margin: 50px 0 30px;
}
}
@media (max-width: 540px){
        h1 {
        font-size:30px;
    }

section.blog-sec.section-gap .col-4 {
    width: 100%;
}
.blog-page .bottom-sec h3{
        font-size: 18px;
}
section.blog-sec .row {
    gap: 20px 0;
}
section.blog-details-sec {
    padding-top: 70px;
}
.blog-upper-details{
    max-width: 100%;
    padding: 30px 0px;
}
.blog-bottom-details{
    max-width: 100%;
    padding: 40px 0;
    padding-top: 0;
}
.blog-upper-details h1 {
    font-size: 30px;
}
.blog-bottom-details h2{
    margin: 30px 0 20px;
    font-size: 28px;
    line-height: normal;
}
.blog-bottom-details .accordion-button{
    padding: 10px 15px !important;
    font-size: 16px;
}
.blog-bottom-details p{
    margin: 15px 0;
}
.blog-bottom-details .accordion-item{
    margin-bottom: 30px !important;
}
}
@media (max-width: 384px){
     
}