@media screen and (min-width: 576px) {
   .features_area .container,
   .software-box .container {
      max-width: 540px;
   }
}
@media screen and (min-width: 768px) {
   .features_area .container,
   .software-box .container {
      max-width: 720px;
   }
}
@media screen and (min-width: 991px) {
   .features_area .container,
   .software-box .container {
      max-width: 960px;
   }
}

@media screen and (min-width: 1200px) {
   .features_area .container,
   .software-box .container {
      max-width: 1140px;
   }
}

/*
====================================
Small Screen - Tablate
====================================
*/

@media screen and (max-width: 991px) {
   p {
      font-size: 16px;
   }
   .mail_title h3,
   .pricing_title h3,
   .feature_title h3,
   .software_content h3 {
      font-size: 28px;
   }
   .features_img img {
      height: 50px;
   }
   .mail_title h5 {
      font-size: 21px;
   }
   .hero_content h1 {
      font-size: 50px;
   }
   .software-area {
      padding-bottom: 40px;
   }
   .software-box {
      padding: 40px 0px;
   }
   .pricing_area {
      padding: 60px 0px;
   }
   .header_menu div span,
   .header_menu div a {
      font-size: 18px;
   }
}

/*
====================================
Small Screen - Mobile
====================================
*/

@media screen and (max-width: 767px) {
   p {
      font-size: 16px;
   }
   .logo img {
      max-width: 180px;
   }
   .logo {
      text-align: center;
      margin-bottom: 10px;
   }
   .header_menu {
      text-align: center;
      justify-content: center;
   }
   .hero_content h1 {
      font-size: 36px;
   }
   .mail_box {
      justify-content: center;
      padding-bottom: 10px;
   }
   .features_img {
      max-width: 300px;
      margin: 0px auto 20px;
   }
   .custom_order_1 {
      order: 1;
   }
   .custom_order_2 {
      order: 2;
   }
}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/

@media screen and (max-width: 576px) {
   .header_menu {
      flex-direction: column;
      align-items: center;
   }
   .header_menu > div {
      padding-bottom: 14px;
   }
   .hero_content h1 {
      font-size: 28px;
   }
   .logo img {
      max-width: 160px;
   }
   .software_heading img,
   .hero_content img {
      max-width: 180px;
   }
   .hero_content p {
      line-height: 1.3;
      font-size: 18px;
   }
   .hero_btns a {
      padding: 12px 24px;
   }
   .stiky_navigation ul li a {
      font-size: 14px;
      padding: 12px 16px;
      margin: 0px 5px;
      line-height: 1.2;
      text-align: center;
   }


   .trusted_box {
    padding: 20px 20px;
}

.customPrevBtn i {
    right: 24px;
}

}