/**********
Extra small devices (portrait phones, mobiles less than 576px)
**********/
@media (min-width: 320px) and (max-width: 575px) {
  html {
    font-size: 14px;
  }

  h1 {
    font-size: 2.25rem;
  }
  h2 {
    font-size: 1.7441em;
  }

  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hero-content-left h1 {
    font-size: 2.25rem;
    line-height: initial;
    font-size: 4rem;
    text-align: left;
    line-height: 1.1;
    font-weight: 800;
  }
  .hero-content-left p {
    text-align: left;
  }
  .mt--120 {
    margin-top: -50px;
  }

  /* alignments */
  .float-left-xs {
    float: left !important;
  }

  .text-left-xs {
    text-align: left !important;
  }

  .text-center-xs {
    text-align: center !important;
  }

  .justify-content-start-xs {
    justify-content: flex-start !important;
  }

  /*navbar*/
  .main-menu ul li {
    padding: 15px 0 0;
  }

  /*promo*/
  div[class*="col-"]:not(:last-of-type) {
    /*margin-bottom: 10px !important;*/ /* original */
    margin-bottom: 10px;
  }
  .row > div[class*="col-"]:last-of-type {
    margin-bottom: 0;
  }
  .about-content-right {
    margin-top: 20px;
  }

  /*counter*/
  .counter {
    margin-top: 25px;
  }
  .single-card {
    padding: 10px 15px;
    margin-bottom: 25px;
    margin-left: 16px;
  }
  .single-card:nth-child(2n) {
    top: 0;
  }

  /* Pricing page */
  .cards-small-regular {
    width: 100%;
  }

  /*subscribe form*/
  .subscribe-form {
    width: 100%;
  }

  .download-btn a.btn {
    margin: 7px 0;
  }

  .container {
    padding-left: 35px;
    padding-right: 35px;
  }

  .section-heading h2 {
    font-size: 4.25em;
    line-height: 1;
    text-align: left;
  }

  .section-heading h3 {
    font-size: 3.5em;
    line-height: 1;
    text-align: left;
  }

  .section-heading h4 {
    font-size: 2.5em;
    line-height: 1.1;
    text-align: left;
  }

  .section-heading p {
    text-align: left;
    color: #000;
    line-height: 1.3em;
    font-size: 16px;
  }

  .feature-section .icon-text h5 {
    font-size: 1.5em;
    letter-spacing: -1px;
  }

  .feature-section .icon-text h6 {
    font-size: 1.5em;
    letter-spacing: -1px;
  }

  /* display */
  .display-none-xs {
    display: none !important;
  }

  /* typography xs */
  .font-0p8em-xs {
    font-size: 0.8em !important;
  }
  .font-1em-xs {
    font-size: 1em !important;
  }
  .font-1p5em-xs {
    font-size: 1.5em !important;
  }
  .font-2em-xs {
    font-size: 2em !important;
    line-height: 1.2 !important;
  }
  .fontsize-2em-xs {
    font-size: 2em;
  }

  .font-0p8em-sm {
    font-size: 0.8em !important;
  }
  .font-1em-sm {
    font-size: 1em !important;
  }
  .font-1p5em-sm {
    font-size: 1.5em !important;
  }
  .font-2em-sm {
    font-size: 2em !important;
    line-height: 1.1 !important;
  }
  .font-2p5em-sm {
    font-size: 2.5em !important;
    line-height: 1.1 !important;
  }
  .font-3em-sm {
    font-size: 3em !important;
  }
  .font-3p5em-sm {
    font-size: 3.5em !important;
  }

  .fstyle-italic-sm {
    font-style: italic !important;
  }

  .lh-1-xs {
    line-height: 1em;
  }
  .lh-1p2-xs {
    line-height: 1.2em;
  }
  .lh-1p5-xs {
    line-height: 1.5em;
  }
  .lh-2-xs {
    line-height: 2em;
  }
  .lh-2p5-xs {
    line-height: 2.5em;
  }

  /*
  * Custom bullet points
   */
  .bullet-icon {
    width: 25px;
    font-size: 16px;
  }

  .bullet-text {
    width: 90%;
    font-size: 16px !important;
    line-height: 1.5em;
  }

  /* Custom Paddings and Custom Margins */

  .pt-150 {
    padding-top: 50px !important;
  }

  .ptb-2-xs {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .ptb-5-xs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .ptb-10-xs {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .ptb-15-xs {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .ptb-20-xs {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .ptb-25-xs {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .ptb-30-xs {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .ptb-40-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .ptb-50-xs {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .ptb-150-xs {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  .ptb-200-xs {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .ptb-250-xs {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }

  .ptb-300-xs {
    padding-top: 300px !important;
    padding-bottom: 300px !important;
  }

  .ptb-350-xs {
    padding-top: 350px !important;
    padding-bottom: 350px !important;
  }

  .px-1-xs {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .px-2-xs {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .px-3-xs {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .px-4-xs {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .px-5-xs {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .px-10-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .px-15-xs {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .px-20-xs {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .px-25-xs {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .px-30-xs {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .px-35-xs {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .px-40-xs {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .pt-20-xs {
    padding-top: 20px !important;
  }
  .pt-30-xs {
    padding-top: 30px !important;
  }
  .pt-40-xs {
    padding-top: 40px !important;
  }
  .pt-50-xs {
    padding-top: 50px !important;
  }
  .pt-75-xs {
    padding-top: 75px !important;
  }
  .pt-100-xs {
    padding-top: 100px !important;
  }

  .pt-150-xs {
    padding-top: 150px !important;
  }

  .pt-200-xs {
    padding-top: 200px !important;
  }

  .pt-250-xs {
    padding-top: 250px !important;
  }

  .pt-300-xs {
    padding-top: 300px !important;
  }

  .pt-350-xs {
    padding-top: 350px !important;
  }

  .pb-5-xs {
    padding-bottom: 5px !important;
  }
  .pb-10-xs {
    padding-bottom: 10px !important;
  }
  .pb-20-xs {
    padding-bottom: 20px !important;
  }

  .pb-30-xs {
    padding-bottom: 30px !important;
  }

  .pb-40-xs {
    padding-bottom: 40px !important;
  }
  .pb-50-xs {
    padding-bottom: 50px !important;
  }

  .pb-75-xs {
    padding-bottom: 75px !important;
  }

  .pb-100-xs {
    padding-bottom: 100px !important;
  }

  .pb-150-xs {
    padding-bottom: 150px !important;
  }

  .pb-200-xs {
    padding-bottom: 200px !important;
  }

  .pb-250-xs {
    padding-bottom: 250px !important;
  }

  .pb-300-xs {
    padding-bottom: 300px;
  }

  .pb-350-xs {
    padding-bottom: 350px !important;
  }

  .pr-10-xs {
    padding-right: 10px !important;
  }
  .pr-15-xs {
    padding-right: 15px !important;
  }
  .pr-20-xs {
    padding-right: 20px !important;
  }
  .pr-30-xs {
    padding-right: 30px !important;
  }

  .mt-5-xs {
    margin-top: 5px !important;
  }
  .mt-10-xs {
    margin-top: 10px !important;
  }
  .mt-15-xs {
    margin-top: 15px !important;
  }
  .mt-20-xs {
    margin-top: 20px !important;
  }
  .mt-25-xs {
    margin-top: 25px !important;
  }
  .mt-30-xs {
    margin-top: 30px !important;
  }

  /* custom widths */

  .w-60-xs {
    width: 60%;
  }
  .w-70-xs {
    width: 70%;
  }
  .w-80-xs {
    width: 80%;
  }
  .w-90-xs {
    width: 90%;
  }
  .w-100-xs {
    width: 100%;
  }

  /* Custom alignment */
  .ta-c-xs {
    text-align: center!important;
  }
  .ta-l-xs {
    text-align: left!important;
  }
  .ta-r-xs {
    text-align: right!important;
  }

  /* backgrounds */
  .black-bg h1,
  .black-bg h2,
  .black-bg h3,
  .black-bg h4,
  .black-bg h5,
  .black-bg h6,
  .black-bg p {
    color: #ffffff;
  }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
  .mt--120 {
    margin-top: -50px;
  }
  .pt-150 {
    padding-top: 150px !important;
  }

  /*promo*/
  div[class*="col-"]:not(:last-of-type) {
    margin-bottom: 20px !important;
  }
  .row > div[class*="col-"]:last-of-type {
    margin-bottom: 0;
  }
  .about-content-right {
    margin-top: 20px;
  }

  /*subscribe form*/
  .subscribe-form {
    width: 100%;
  }

  .ptb-150-sm {
    padding: 150px 0 !important;
  }

  .ptb-200-sm {
    padding: 200px 0 !important;
  }

  .ptb-250-sm {
    padding: 250px 0 !important;
  }

  .ptb-300-sm {
    padding: 300px 0 !important;
  }

  .ptb-350-sm {
    padding: 350px 0 !important;
  }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 1199px) {
  .sdf_certification_features {
    width: 48%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
  }

  .mt--120 {
    margin-top: -50px;
  }
  .ptb-150-md {
    padding: 150px 0 !important;
  }

  .ptb-200-md {
    padding: 200px 0 !important;
  }

  .ptb-250-md {
    padding: 250px 0 !important;
  }

  .ptb-300-md {
    padding: 300px 0 !important;
  }

  .ptb-350-md {
    padding: 350px 0 !important;
  }

  /* Width
    *******************************/
  .w-40-center-md {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }

  .w-50-center-md {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .w-60-center-md {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .w-70-center-md {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .w-80-center-md {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  /* typography md*/
  .fontsize-2em-md {
    font-size: 2em;
  }
  .lh-1-md {
    line-height: 1em;
  }

  .lh-1p2-md {
    line-height: 1.2em;
  }

  .lh-1p5-md {
    line-height: 1.5em;
  }

  .lh-2-md {
    line-height: 2em;
  }

  .lh-2p5-md {
    line-height: 2.5em;
  }

  /* alignments md */
  .justify-content-center-md {
    justify-content: center !important;
  }
}

/*Large devices (desktops, 992px and up)*/
/* @media (min-width: 992px) and (max-width: 1199px) {



    .fontsize-2em-md {
        font-size: 2em;
    }


} */

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  /* corporate page */
  .sdf_certification_features {
    width: 31%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
  }
  .sdf_certification_features h5 {
    font-size: 1.5em;
  }
  .sdf_certification_features img {
    width: 150px;
  }

  /* Custom paddings lg*/

  .ptb-100-lg {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .ptb-200-lg {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .ptb-150-lg {
    padding: 150px 0 !important;
  }

  .ptb-200-lg {
    padding: 200px 0 !important;
  }

  .ptb-250-lg {
    padding: 250px 0 !important;
  }

  .ptb-300-lg {
    padding: 300px 0 !important;
  }

  .ptb-350-lg {
    padding: 350px 0 !important;
  }

  .pt-150-lg {
    padding-top: 150px !important;
  }

  .pt-200-lg {
    padding-top: 200px !important;
  }

  .pt-250-lg {
    padding-top: 250px !important;
  }

  .pt-300-lg {
    padding-top: 300px !important;
  }

  .pt-350-lg {
    padding-top: 350px !important;
  }

  .plr-10-lg {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .plr-15-lg {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .plr-20-lg {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .plr-30-lg {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .plr-40-lg {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .plr-50-lg {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .plr-75-lg {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }

  .plr-100-lg {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  /* Custom margins - lg */
  .mt-5-lg {
    margin-top: 5px !important;
  }

  .mt-10-lg {
    margin-top: 10px !important;
  }

  .mt-15-lg {
    margin-top: 15px !important;
  }

  .mt-20-lg {
    margin-top: 20px !important;
  }

  .mt-25-lg {
    margin-top: 25px !important;
  }

  .mt-30-lg {
    margin-top: 30px !important;
  }

  .mlr-auto-lg {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Custom Widths
    *******************************/
  .w-10-center-lg {
    width: 10%;
    margin-left: auto;
    margin-right: auto;
  }
  .w-20-center-lg {
    width: 20%;
    margin-left: auto;
    margin-right: auto;
  }
  .w-40-center-lg {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }

  .w-50-center-lg {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  .w-60-center-lg {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .w-70-center-lg {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .w-80-center-lg {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .w-90-center-lg {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .w-50-lg {
    width: 50%;
  }

  /* alignments */
  .float-left-lg {
    float: left;
  }

  .justify-content-center-lg {
    justify-content: center !important;
  }

  /* DownloadStaticButton*/
  .downloadButtonStatic {
    width: 50%;
  }

  /* typography */
  .fontsize-2em-lg {
    font-size: 2em !important;
  }
  .font-1em-lg {
    font-size: 1em !important;
  }
  .font-2em-lg {
    font-size: 2em !important;
  }
  .font-2p5em-lg {
    font-size: 2.5em !important;
  }
  .font-3em-lg {
    font-size: 3em !important;
  }
  .font-4em-lg {
    font-size: 4em !important;
  }

  .lh-1-lg {
    line-height: 1em;
  }

  .lh-1p2-lg {
    line-height: 1.2em;
  }

  .lh-1p5-lg {
    line-height: 1.5em;
  }

  .lh-2-lg {
    line-height: 2em;
  }

  .lh-2p5-lg {
    line-height: 2.5em;
  }
}