.blog_background{
background-color:#EBECF0;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;



 }
.blog_full_content{
display: flex;
flex-direction: column;
align-self: center;   
width: 90%;


    
}
.blog_content{
    
    width: 80%;
    margin: 5px 0;
    align-self: center;
    
}

.blog_photo{
    
    width: 100%;
    overflow: hidden;
}

.blog_photo img{
    width: 100%;
    transform: scale(1.15);
    transition: transform 0.5s;
}
.blog_photo img:hover{
    transform: scale(1);
}
.blog_info{
    width: 100%;
    text-align: center;
    background: white;
    border: 1px solid white;
    padding: 5px;
}
.blog_info:hover{
color: gray;
}

.blog_title{
    color: black !important;
   
    
}
.right-panel{
    
    width: 72%;
    align-self: center;
   
}
.support-help{
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/contatus.jpg");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 350px;
   margin: 14px 0;
}
.categories_items{
    
     border: 1px solid darkgray;
    text-align: center;
    color: gray;
    padding: 20px 0;
    margin-bottom: 10px;
}
.categories_items h6:after {
  display: block;
  height: 2px;
  background-color: black;
  content: "";
  width: 13%;
  margin: 0 auto;
  margin-top: 10px;
}
.category-items p{
    color: gray;
}

@media only screen and (min-width: 576px){
    
    
    .blog_background{
background-color:#EBECF0;
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;



 }
.blog_full_content{
display: flex;
flex-direction: row;
justify-content: space-around;
align-content: center;
flex-wrap: wrap;
width: 60%;
padding: 10px;

    
}
.blog_content{
    
    width: 70%;
    margin: 5px 0;
    
}

.blog_photo{
    
    width: 100%;
    overflow: hidden;
}

.blog_photo img{
    width: 100%;
    transform: scale(1.15);
    transition: transform 0.5s;
}
.blog_photo img:hover{
    transform: scale(1);
}
.blog_info{
    width: 100%;
    text-align: center;
    background: white;
    border: 1px solid white;
    padding: 5px;
}
.blog_info:hover{
color: gray;
}

.blog_title{
    color: black !important;
   
    
}
.right-panel{
    
    width: 20%;
   
}
.support-help{
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/contatus.jpg");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 350px;
   margin: 14px 0;
}
.categories_items{
    
     border: 1px solid darkgray;
    text-align: center;
    color: gray;
    padding: 20px 0;
}
.categories_items h6:after {
  display: block;
  height: 2px;
  background-color: black;
  content: "";
  width: 13%;
  margin: 0 auto;
  margin-top: 10px;
}
.category-items p{
    color: gray;
}
    
    
    
}

@media only screen and (min-width: 1075px){
    
  .blog_background{
background-color:#EBECF0;
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;



 }
.blog_full_content{
display: flex;
flex-direction: row;
justify-content: space-around;
align-content: center;
flex-wrap: wrap;
width: 60%;
padding: 10px;

    
}
.blog_content{
    
    width: 48%;
    margin: 5px 0;
    
}

.blog_photo{
    
    width: 100%;
    overflow: hidden;
}

.blog_photo img{
    width: 100%;
    transform: scale(1.15);
    transition: transform 0.5s;
}
.blog_photo img:hover{
    transform: scale(1);
}
.blog_info{
    width: 100%;
    text-align: center;
    background: white;
    border: 1px solid white;
    padding: 5px;
}
.blog_info:hover{
color: gray;
}

.blog_title{
    color: black !important;
   
    
}
.right-panel{
    
    width: 20%;
   
}
.support-help{
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/contatus.jpg");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 350px;
   margin: 14px 0;
}
.categories_items{
    
     border: 1px solid darkgray;
    text-align: center;
    color: gray;
    padding: 20px 0;
}
.categories_items h6:after {
  display: block;
  height: 2px;
  background-color: black;
  content: "";
  width: 13%;
  margin: 0 auto;
  margin-top: 10px;
}
.category-items p{
    color: gray;
}  
    
}