.blog-cont{
  padding: 100px 60px 20px;
}

/*btn*/
.blog-button{
 top: 1px;
  border-radius: 0;
  background-color: #fff;
  border-color: #000;
  color: #000;
  text-align: center;
  font-size: 17px;
  padding: 3px;
  width: 180px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.blog-button select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.padding-0{
    padding-right:0;
    padding-left:0;
}


/*end btn*/
/*head column*/
.blog-search{ 
  top: 1px;
  border-radius: 15px;
  background-color: #fff;
  border-color: #000;
  color: #FFFFFF;
  text-align: center;
  font-size: 17px;
  padding: 3px;
  width: 180px;
  height: 30px;
  transition: all 0.5s;
  margin: 2px;
}
.blog-search input{ 
 
  width: 180px;
  height: 33px;
  
}

.blog-search input::placeholder {
  color:  #000;
  font-weight: 500px;
  opacity: 1; /* Firefox */
}

.blog-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:  #000;
 font-weight: 500px;

}

.blog-search input::-ms-input-placeholder { /* Microsoft Edge */
 color: #000;
 font-weight: 500px;
}

.cate p{
  font-size: 20px;
  color: black;
  cursor: pointer;
}
/* End head column*/


.inner-cont{
   padding: 10px 14.5px 0px;
}
/*first blog*/
.imgside{
 background-color: #ecf0f1;
 padding: 0;
}
.textside{
  -webkit-box-ordinal-group:0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    background-color: #ecf0f1;
}
.textside{
  padding: 60px;
}

/*second blog*/
.imgside2{
 background-color: #fef401;
 padding: 0;
}
.textside2{
  -webkit-box-ordinal-group:0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    background-color: #fef401;
}
.textside2{
  padding: 60px;
}

/*Third blog*/
.imgside3{
 background-color: #70adb0;
 padding: 0;
}
.textside3{
  -webkit-box-ordinal-group:0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    background-color: #70adb0;
}
.textside3{
  padding: 60px;
}

/*fourth blog*/
.imgside4{
 background-color: #ef9a49;
 padding: 0;
}
.textside4{
  -webkit-box-ordinal-group:0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    background-color: #ef9a49;
}
.textside4{
  padding: 60px;
}


/*----------------------------------------Media Queries----------------------------------------------*/
@media screen and (max-width:48em) {
  
  .blog-cont{
  padding: 100px 25px 10px;
}

/*btn*/
.blog-button{
 top: 1px;
  border-radius: 0;
  background-color: #fff;
  border-color: #000;
  color: #000;
  text-align: center;
  font-size: 17px;
  padding: 3px;
  width: 180px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.blog-button select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.padding-0{
    padding-right:0;
    padding-left:0;
}


/*end btn*/
/*head column*/
.blog-search{ 
  top: 1px;
  border-radius: 15px;
  background-color: #fff;
  border-color: #000;
  color: #FFFFFF;
  text-align: center;
  font-size: 17px;
  padding: 3px;
  width: 180px;
  height: 30px;
  transition: all 0.5s;
  margin: 2px;
}
.blog-search input{ 
 
  width: 180px;
  height: 33px;
  
}

.blog-search input::placeholder {
  color:  #000;
  font-weight: 500px;
  opacity: 1; /* Firefox */
}

.blog-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:  #000;
 font-weight: 500px;

}

.blog-search input::-ms-input-placeholder { /* Microsoft Edge */
 color: #000;
 font-weight: 500px;
}

.cate p{
  font-size: 20px;
  color: black;
  cursor: pointer;
}
/* End head column*/


}
  

@media screen and (max-width: 366px) and (max-device-height: 499px)  {

  .blog-cont{
  padding: 100px 25px 10px;
}

/*btn*/
.blog-button{
 top: 1px;
  border-radius: 0;
  background-color: #fff;
  border-color: #000;
  color: #000;
  text-align: center;
  font-size: 17px;
  padding: 3px;
  width: 180px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.blog-button select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.padding-0{
    padding-right:0;
    padding-left:0;
}


/*end btn*/
/*head column*/
.blog-search{ 
  top: 1px;
  border-radius: 15px;
  background-color: #fff;
  border-color: #000;
  color: #FFFFFF;
  text-align: center;
  font-size: 17px;
  padding: 3px;
  width: 180px;
  height: 30px;
  transition: all 0.5s;
  margin: 2px;
}
.blog-search input{ 
 
  width: 180px;
  height: 33px;
  
}

.blog-search input::placeholder {
  color:  #000;
  font-weight: 500px;
  opacity: 1; /* Firefox */
}

.blog-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:  #000;
 font-weight: 500px;

}

.blog-search input::-ms-input-placeholder { /* Microsoft Edge */
 color: #000;
 font-weight: 500px;
}

.cate p{
  font-size: 20px;
  color: black;
  cursor: pointer;
}
/* End head column*/


}