body.widget-snippet .about-middile-area .item .single-item {
  padding: 10px;
}
body.widget-snippet .about-middile-area .item .single-item {
  width: 23.5%;
}
.widget-snippet .about-middile-area{
background: #0f1e32;
width: 100%;
padding:80px 0;
}
.widget-snippet .about-middile-area .title{
max-width:1400px;
margin: 0 auto;

}
.widget-snippet .about-middile-area .title h2{
color:#fff;
font-size:40px;
line-height:50px;
padding-bottom:40px;
font-weight: 500;
font-family: 'Work Sans';
}
.widget-snippet .about-middile-area .item{
display:flex;
flex-wrap:wrap;
max-width:1400px;
margin: 0 auto;
}
.widget-snippet .about-middile-area .item .single-item{
  width: 23.9%;
  margin:0 15px 15px 0;
  background: #F4F4F4;
}
.widget-snippet .about-middile-area .item .single-item:last-child{
  margin:0 0 15px 0;
}
.widget-snippet .about-middile-area .item .single-item a{
text-decoration: none;
}
.widget-snippet .about-middile-area .item .single-item .content{
padding:30px 20px 30px 32px;
}

.widget-snippet .about-middile-area .item .single-item .content h4{
color:#0f1e32;
font-size:30px;
line-height:32px;
font-weight: 500;
font-family: 'Work Sans';
padding: 0 0 15px 0;
}
.widget-snippet .about-middile-area .item .single-item .content p{
color:#0f1e32;
font-size:20px;
line-height:32px;
font-weight: 300;
font-family: 'Work Sans';
padding: 0 0 15px 0;

}
@media (max-width: 1500px){
  .widget-snippet .about-middile-area .title h2{
font-size:38px;
  }
.widget-snippet .about-middile-area .title {
  max-width: 1280px;
}
.widget-snippet .about-middile-area .item {
  max-width: 1280px;
}
.widget-snippet .about-middile-area .item .single-item {
  margin: 0 18px 15px 0;
}
  .widget-snippet .about-middile-area .item .single-item .content h4 {

  font-size: 25px;
  }
  .widget-snippet .about-middile-area .item .single-item .content p {
  font-size: 19px;
  line-height: 30px;
  }
}
@media (max-width: 1400px) {
.widget-snippet .about-middile-area .title {
  padding: 0;
}
.widget-snippet .about-middile-area .item {
  padding: 0;
}
.widget-snippet .about-middile-area .item .single-item {
  width: 24%;
  margin: 0 17px 15px 0;
}

}
@media (max-width: 1300px) {
.widget-snippet .about-middile-area .item .single-item {
  width: 24%;
  margin: 0 16px 15px 0;
}
.widget-snippet .about-middile-area .title {
  max-width: 1200px;
}
.widget-snippet .about-middile-area .item {
  max-width: 1200px;
}
}
@media (max-width: 1200px) {
.widget-snippet .about-middile-area .item .single-item {
  width: 48.95%;
  margin: 0 20px 15px 0;
  height: 460px;
}
  .widget-snippet .about-middile-area .item .single-item:nth-of-type(2n) {
  margin-right: 0;
}
.widget-snippet .about-middile-area .item {
  max-width: 980px;
}
  .widget-snippet .about-middile-area .title {
  max-width: 980px;
}
.widget-snippet .about-middile-area {
    padding: 70px 0;

}
.widget-snippet .about-middile-area .title h2{
  font-size: 34px;
  line-height: 40px;
  padding-bottom: 35px;
}
.widget-snippet .about-middile-area .item .single-item .content h4 {
  font-size: 23px;
}
}
@media (max-width: 991px) {
.widget-snippet .about-middile-area .item .single-item {
  width: 48.6%;
  margin: 0 20px 20px 0;
}
.widget-snippet .about-middile-area .item {
  max-width: 730px;

}
  .widget-snippet .about-middile-area .title {
  max-width: 730px;
}
.widget-snippet .about-middile-area {
    padding: 50px 20px;
}
.widget-snippet .about-middile-area .title h2{
  font-size: 32px;
  line-height: 38px;
  padding-bottom: 28px;
}

}

@media (max-width: 767px) {
.widget-snippet .about-middile-area .item .single-item {
  width: 100%;
  margin: 0 0 20px;
  height: auto;
}
.widget-snippet .about-middile-area .item {
  max-width: 100%;
  margin-right: 0;
}
  .widget-snippet .about-middile-area .title {
  max-width: 730px;
}
.widget-snippet .about-middile-area {
    padding: 40px 20px
}
.widget-snippet .about-middile-area .title h2{
  font-size: 23px;
  line-height: 30px;
  padding-bottom: 25px;
  max-width: 100%;
}
  .widget-snippet .about-middile-area .item .single-item .content h4 {
  font-size: 21px;
  padding: 0 0 10px 0;
}
.widget-snippet .about-middile-area .item .single-item .content {
  padding: 20px;
}
  .widget-snippet .about-middile-area .item .single-item .content p {
  font-size: 18px;
  line-height: 28px;
  padding: 0 0 10px 0;
}
}