/* Desktop view - Chrome */
@media (min-width: 1450px) and (max-width: 1920px) {
  #jiffy_header {
    margin-top: 100px;
  }
  #jiffy_content_start p {
    margin-left: -19px;
    width: 101%;
    text-align: justify;
    font-family: "Open Sans" !important;first_card
  }
  #jiffy_content_start h2 {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    color: #de4235;
    margin-top: -2px;
    margin-bottom: 30px;
    font-family: "Open Sans" !important;
  }
  #jiffy_header h1 {
    margin-left: 86px;
    font-size: 28px;
    color: #222222 !important;
    font-weight: 400;
    font-family: "Open Sans" !important;
  }
  #jiffy_header a {
    color: #d83b2d;
    text-decoration: none;
  }
  #jiffy_header a:hover {
    color: #ea9040;
  }
  #jiffy_header p {
    color: #222222;
    font-size: 15px !important;
    line-height: 22px;
    font-weight: 450 !important;
    margin-left: 325px;
    font-family: "Open Sans" !important;
  }

  .highlighted {
    background-color: #de4235;
    color: white !important;
  }

  .toggle-button,
  .close-button {
    cursor: pointer;
    padding: 5px;
    background-color: transparent;
    color: grey;
    border: none;
    border-radius: 3px;
    margin-left: 5px;
  }
  .close-button {
    display: none; /* initially hide close button */
  }

  #first_card {
 margin-left: -12px;
   
    max-width: 100%;
    color: #666666;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  }

  .jiffy_first_img {
        width: 39%;
        height: 44%;
        margin: 10px;
  }
  .jiffy_description {
    text-align: center;
    /* text-align: justify;  */
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    font-family: "Open Sans" !important;
    margin-top: 60px;
  }
  .right-side {
    text-align: right;
  }
  .download-button {
    padding: 10px 20px;
    background-color: #D83B2D;
    color: white;
    border: none;
    font-size: 18px;
    text-decoration: none;
  }
  .button_container {
    display: flex;
    justify-content: flex-end; /* Move items to the end of the flex container (left for row direction) */
    align-items: center; /* Vertically center the flex items */
    margin-top:-80px;
    margin-right: 40px;
  }
  

  #second_card {
 margin-left: -12px;
    max-width: 100%;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
     margin-bottom: -1px;
  }
  .list_item {
    list-style-type: disc;
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    font-family: "Open Sans" !important;
    margin-left: -13px;
  }  .scenarios_title {
    color: #de4235;
    font-size: 26px;
margin-left: -15px;
    font-family: "Open Sans" !important;
  }
  .scenarios_title {
      margin-left: -14px;
  }
  .scenarios_content {
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    margin-left: 15px;
    font-family: "Open Sans" !important;
  }
  .jimmy_button {
    border: 1px solid black;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    background-color: red;
    color: white;
    white-space: nowrap;
    margin-left: 25px;
  }
  .red-text {
    color: red;
    font-size: 13px;
    margin-right: 10px;
    font-family: "Open Sans" !important;
  }
  .second_card_img {
    max-width: 140%;
    height: auto;
    margin: 60px;
  }

  #third_card {
    margin-left: -12px;
    max-width: 100%;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    background-color:#433e3e1f;
       margin-bottom: 5px;
  }
.list_item {
    list-style-type: disc;
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    margin-left: -16px;
    font-family: "Open Sans" !important;
  }
  .calibri_content {
    text-align: justify;
    font-size: 13px;
    padding: 10px;
   margin-left: 30px;
    color: #666666;
      margin-left: 15px;
    font-family: "Open Sans" !important;
  }
  .jimmy_button_calibri {
    border: 1px solid black;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    background-color: red;
    color: white;
    white-space: nowrap;
    font-family: "Open Sans" !important;
    margin-left: 25px;
  }
  .red-text_calibri {
    color: red;
    font-size: 13px;
    margin-right: 10px;
    font-family: "Open Sans" !important;
  }
  .third_card_img {
    width: 140%;
    height: auto;
    margin: 10px;
  }

  #fourth_card {
    /* margin-left: -5px;
    margin-right: 10px; */
     margin-left: -12px;
   
    max-width: 100%;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    background-color: #00000009;
    margin-bottom: 20px;
    padding-top: 0px;
  }

  .stuff_title {
    color: #de4235;
    font-size: 26px;
    font-family: "Open Sans" !important;
    margin-top: 100px;
  }
  .stuff_content {
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    font-family: "Open Sans" !important;
     margin-top: 20px;
     margin-left: -7px;
  }

  .fourth-image-class {
    max-width: 140%;
    height: auto;
    margin: 60px;
  }
}

/* Desktop view - Microsoft Edge */

@media (min-width: 1200px) and (max-width: 1366px) {
  #jiffy_header {
    margin-top: 100px;
  }
  #jiffy_content_start p {
    margin-left: -24px;
    width: 102%;
    text-align: justify;
    font-family: "Open Sans" !important;
  }
  #jiffy_content_start h2 {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    color: #de4235;
    margin-top: 2px;
    margin-bottom: 30px;
    font-family: "Open Sans" !important;
  }

  #jiffy_header h1 {
    margin-left: 87px;
    font-size: 28px;
    color: #222222 !important;
    font-weight: 400;
    font-family: "Open Sans" !important;
  }
  #jiffy_header p {
    color: #222222;
    font-size: 15px !important;
    line-height: 22px;
    font-weight: 450 !important;
    margin-left: 237px;
    font-family: "Open Sans" !important;
  }
 #jiffy_header a {
    color: #d83b2d;
    text-decoration: none;
  }
  #jiffy_header a:hover {
    color: #ea9040;
  }
  .highlighted {
    background-color: #de4235;
    color: white !important;
  }

  .toggle-button,
  .close-button {
    cursor: pointer;
    padding: 5px;
    background-color: transparent;
    color: grey;
    border: none;
    border-radius: 3px;
    margin-left: 5px;
  }
  .close-button {
    display: none; /* initially hide close button */
  }

  #first_card {
    margin-left: -19px;
    width: 100.9%;
  }

  .jiffy_first_img {
           width: 35%;
        height: 54%;
        margin: 10px;
  }
  .jiffy_description {
    text-align: center;
    /* text-align: justify;  */
    font-size: 14px;
    font-weight: 400;
    font-family: "Open Sans" !important;
    margin-top:60px;
    color: #666666;
  }
  .right-side {
    text-align: right;
    font-family: "Open Sans" !important;
  }
  .download-button {
    /* /* display: inline-block; */
    padding: 10px 20px;
   background-color: #D83B2D;
    color: white;
    border: none;

    font-size: 18px;
    text-decoration: none;

    
  }

  .button_container {
    display: flex;
    justify-content: flex-end; /* Move items to the end of the flex container (left for row direction) */
    align-items: center; /* Vertically center the flex items */
    margin-top:-80px;
     margin-right: 35px;
  }
  
  .scenarios_title {
    color: #de4235;
    font-size: 26px;
    margin-left: -18px;
    font-family: "Open Sans" !important;
  }
  #second_card {
   width: 100.9%;
    margin-left: -18px;
    margin-right: -5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  }
  .list_item {
    list-style-type: disc;
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    margin-left: -12px;
    font-family: "Open Sans" !important;
  }
  .scenarios_content {
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    margin-left: 15px;
    font-family: "Open Sans" !important;
  }
  .jimmy_button {
    border: 1px solid black;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
     background-color: red;
    color: white;
    white-space: nowrap;
    margin-left: 25px;
  }
  .red-text {
    color: red;
    font-size: 13px;
    font-family: "Open Sans" !important;
  }
  .second_card_img {
    max-width: 100%;
    height: auto;
    margin: 30px;
  }

  #third_card {
    width: 100.9%;
    margin-left: -18px;
    margin-right: -5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    background-color: #433e3e1f;
    font-family: "Open Sans" !important;
       margin-bottom: 7px;
  }
  .list_item {
    list-style-type: disc;
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    margin-left: -15px;
    font-family: "Open Sans" !important;
  }
  .calibri_content {
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
      margin-left: 15px;
    font-family: "Open Sans" !important;
  }
  .jimmy_button_calibri {
    border: 1px solid black;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
   background-color: red;
    color: white;
    white-space: nowrap;
            margin-left: 25px;
  }
  .red-text_calibri {
    color: red;
    font-size: 13px;
    margin-right: 10px;
    font-family: "Open Sans" !important;
  }
    #third_card .img-fluid {
    max-width: 120%;
    height: auto;
    margin-left: 3px;
  }
  #fourth_card {
    margin-left: -18px;
    /*margin-right: -10px;*/
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    background-color: #00000009;
    margin-bottom: 20px;
     width: 101%;
    font-family: "Open Sans" !important;
  }

  .stuff_title {
    color: #de4235;
    font-size: 26px;
    margin-top: 20px;
    margin-left: 10px;
  }
  .stuff_content {
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    font-family: "Open Sans" !important;
        margin-top: 10px;
  }

  .third_card_img {
    max-width: 140%;
    height: auto;
    margin: 60px;
  }
}

/* iPad view */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #jiffy_header {
    margin-top: 100px;
  }

  #jiffy_content_start h2 {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    color: #de4235;
    margin-top: -2px;
    margin-bottom: 30px;
    font-family: "Open Sans" !important;
  }
  #jiffy_content_start {
    text-align: justify;
  }

  #first_card {
         width: 101%;
    margin-left: -4px;
  }

  .jiffy_first_img {
    width: 40%;
    height: 15%;
    margin: 10px;
  }
  .jiffy_description {
    text-align: center;
    /* text-align: justify;  */
    font-size: 14px;
    font-weight: 400;
    font-family: "Open Sans" !important;
  }
  .right-side {
    text-align: right;
    font-family: "Open Sans" !important;
  }
  .download-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #D83B2D;
    color: white;
    border: none;
    /* border-radius: 0px; */
    font-size: 18px;
    text-decoration: none;
    margin-bottom: 20px;
    margin-right: 15px;
  }

  .toggle-button,
  .close-button {
    cursor: pointer;
    padding: 5px;
    background-color: transparent;
    color: grey;
    border: none;
    border-radius: 3px;
    margin-left: 5px;
  }
  .close-button {
    display: none; /* initially hide close button */
  }
  #jiffy_header p {
    display: none;
    font-family: "Open Sans" !important;
  }
  #jiffy_header h1 {
 text-align: center;
        font-family: "Open Sans" !important;
        font-size: 28px;
        color: #222222;
  }

  .scenarios_title {
    color: #de4235;
        margin-left: -4px;
 
  }
  #second_card {
    /*margin-left: 0px;*/
    /*margin-right: -5px;*/
        width: 101%;
    margin-left: -4px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  }
  .list_item {
    list-style-type: disc;
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    font-family: "Open Sans" !important;
    margin-left: 5px;
  }
  .scenarios_content {
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    font-family: "Open Sans" !important;
    margin-left: 32px;
  }
  .jimmy_button {
    border: 1px solid black;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    background-color: red;
    color: white;
    white-space: nowrap;
    margin-left: 45px;
  }
  .red-text {
    color: red;
    font-size: 13px;
    font-family: "Open Sans" !important;
  }
  .second_card_img {
    max-width: 50%;
    height: auto;
    margin-top: 10px;
    margin-left: 90px;
    
  }

  #third_card {
    /*margin-left: 0px;*/
    /*margin-right: -5px;*/
         width: 101%;
    margin-left: -4px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    background-color: #433e3e1f;  
    margin-bottom: 8px;
  }
 

  .calibri_content {
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    font-family: "Open Sans" !important;
    margin-left:35px;
  }
  .jimmy_button_calibri {
    border: 1px solid black;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    background-color: red;
    color: white;
    white-space: nowrap;
            margin-left: 47px;
  }
  .red-text_calibri {
    color: red;
    font-size: 13px;
    margin-right: 10px;
    font-family: "Open Sans" !important;
  }
  .third_card_img {
    max-width: 140%;
    height: auto;
    margin-left: 125px;
  }
#fourth_card {
    /*margin-left: 2px;*/
    /*margin-right: -18px;*/
        width: 101%;
    margin-left: -4px;
    /*max-width: 100%;*/
    
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    background-color: #00000009;
    margin-bottom: 20px;
  }

  .stuff_title {
    color: #de4235;
    font-size: 22px;
    font-family: "Open Sans" !important;
    margin-left: 10px;
  }
  .stuff_content {
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    font-family: "Open Sans" !important;
  }

  .fourth-image-class {
    max-width: 140%;
    height: auto;
    /* margin: 60px; */
    margin-top: 0px;
    margin-left:45px;
  }
  
     #activate_jiffyslider_center{
              margin-left: -24px;
    }
        #activate_jiffyslider_center1 {
        margin-left: -21px;
    }
}

/* Mobile view */
@media only screen and (max-width: 767px) {
  #jiffy_header {
    margin-top: 100px;
  }
  #jiffy_content_start h2 {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    color: #de4235;
    margin-top: -2px;
    margin-bottom: 30px;
    font-family: "Open Sans" !important;
  }
  #jiffy_content_start {
    text-align: justify;
    font-family: "Open Sans" !important;
  }
  #jiffy_header h1 {
  text-align: center;
        font-family: "Open Sans" !important;
        font-size: 28px; 
        color: #222222;
  }
  #jiffy_header p {
    display: none;
  }

  .toggle-button,
  .close-button {
    cursor: pointer;
    padding: 5px;
    background-color: transparent;
    color: grey;
    border: none;
    border-radius: 3px;
    margin-left: 5px;
  }
  .close-button {
    display: none; /* initially hide close button */
  }

  #first_card {
    width: 98%;
   text-align:center;
        margin-left: 2px;
    /*margin-right: 5px;*/
  }

  .jiffy_first_img {
    width: 60%;
    height: 30%;
    text-align: center;
    margin-left: 70px;
  }
  .jiffy_description {
    text-align: center;
    /* text-align: justify;  */
    font-size: 14px;
    font-weight: 400;
    font-family: "Open Sans" !important;
  }
  .right-side {
    text-align: center;
    font-family: "Open Sans" !important;
  }
  .download-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #D83B2D;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    text-decoration: none;
  }
  .scenarios_title {
    color: #de4235;
    font-size: 20px;
    font-family: "Open Sans" !important;
            margin-left: 5px;
  }
  #second_card {
    margin-left: 3px;
    margin-right: 5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  }
  .list_item {
    list-style-type: disc;
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    font-family: "Open Sans" !important;
    margin-left:-10px;
  }
  .scenarios_content {
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    font-family: "Open Sans" !important;
    margin-left: 20px;
  }
  .jimmy_button {
    border: 1px solid black;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
   background-color: red;
    color: white;
    white-space: nowrap;
            margin-left: 28px;
  }
  .red-text {
    color: red;
    font-size: 13px;
    font-family: "Open Sans" !important;
  }
  .second_card_img {
    max-width: 50%;
    height: auto;
    margin-top: 30px;
  }
  #third_card {
    margin-left: 3px;
    margin-right: 5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    background-color: #433e3e1f;
       margin-bottom: 5px;
  }

  .calibri_content {
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    margin-top: 10px;
    color: #666666;
    font-family: "Open Sans" !important;
    margin-left: 20px;
  }
  .jimmy_button_calibri {
    border: 1px solid black;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
    background-color: red;
    color: white;
    white-space: nowrap;
            margin-left: 28px;
  }
  .red-text_calibri {
    color: red;
    font-size: 13px;
    margin-right: 10px;
    text-align: justify;
    font-family: "Open Sans" !important;
  }
  .third_card_img {
    max-width: 140%;
    height: auto;
    margin: 10px;
    margin-left:4px;
  }
  #fourth_card {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    background-color: #00000009;
    margin-bottom: 20px;
  margin-left: 3px;
    margin-right: 5px;
  }

  .stuff_title {
    color: #de4235;
    font-size: 18px;
    font-family: "Open Sans" !important;
    margin-left: 10px;
  }
  .stuff_content {
    text-align: justify;
    font-size: 13px;
    padding: 10px;
    color: #666666;
    font-family: "Open Sans" !important;
  }

}