@media only screen and (max-width: 1600px) {
  .mainbodycontainer {
    padding: 40px 100px 60px !important;
  }
}

@media only screen and (max-width: 1400px) {
  .mainbodycontainer {
    padding: 40px 85px 60px !important;
  }
}

@media only screen and (max-width: 1200px) {
  .mainbodycontainer {
    padding: 40px 70px 60px !important;
  }
}

@media only screen and (max-width: 992px) {
  .mainbodycontainer {
    padding: 40px 60px 60px !important;
  }
  .patternfooter {
    padding: 85px 60px !important;
  }
  .footersocialicondiv {
    height: 45px !important;
    width: 45px !important;
  }
  .patternfooterimg {
    height: 45px !important;
  }
  .footericon {
    height: 28px !important;
    width: 28px !important;
  }
  .single-blog {
    width: calc(50% - 10px) !important;
  }
}

@media only screen and (max-width: 768px) {
  .mainbodycontainer {
    padding: 40px 45px 60px !important;
  }
  .patternfooter {
    padding: 85px 45px !important;
  }
  .swiper-vertical > .swiper-wrapper {
    flex-direction: row !important;
    gap: 8px;
  }
  .swiper-vertical {
    touch-action: inherit !important;
  }
  .swiper-container {
    overflow-x: scroll;
  }

  .modal-content {
    width: 77% !important;
  }
}

@media only screen and (max-width: 650px) {
  .single-blog {
    width: 100% !important;
  }
}

@media only screen and (max-width: 576px) {
  .mainbodycontainer {
    padding: 40px 30px 60px !important;
  }
  .patternfooter {
    padding: 85px 30px !important;
  }
}

@media only screen and (max-width: 500px) {
  .mainbodycontainer {
    padding: 40px 20px 60px !important;
  }
  .patternfooter {
    padding: 85px 20px !important;
  }
}

@media only screen and (max-width: 450px) {
  .footersocialicondiv {
    height: 40px !important;
    width: 40px !important;
  }
  .patternfooterimg {
    height: 35px !important;
  }
  .footericon {
    height: 25px !important;
    width: 25px !important;
  }
}