/* Desktop view - Chrome */
@media (min-width: 1450px) and (max-width: 1920px) {
    #header_title {
        margin-top: 100px;
       
    }
    #header_title h1 {
        margin-left: 85px;
        font-size: 28px;
        color: #222222 !important;
        font-weight: 400;
        font-family: 'Open Sans' !important;
        
    }
    #header_title a {plandeer2 p 
        color: #D83B2D;
        text-decoration: none;
    }
    #header_title a:hover {
        color: #EA9040;
    }
    #header_title p {
        color: #222222;
        font-size: 15px !important;
        line-height: 22px;
        font-weight: 450 !important;
        margin-left: 388px;
        font-family: 'Open Sans' !important;
    } 
    #plandeer1 {
    margin-top: 40px;
    margin-bottom: 50px;
}
    #plandeer1 h2{
        color: #c6070c;
        font-size: 21px;
        font-weight: bold;
        font-family: 'Open Sans' !important;
        margin-left: 131px;
        margin-top: 30px;
    }
    #plandeer1 p {
        margin-left: 131px;
       margin-top: 20px;
       text-align: justify;
        width: 85%;
        font-size: 13px;
        line-height: 22px;
        font-weight:400;
        font-family: 'Open Sans' !important;
    }
    .link {
        margin-left: 183px;
     }
    #link a{
        color: #D83B2D;
        text-decoration: none;
    }
    #link a:hover {
        color: #EA9040;
    }
    /*#plandeer1 img {*/
    /*  margin-left: -19px;*/
    /*  height: 311px;*/
    /*    width: 349px;*/
    /*}*/
    #plandeer2 {
        margin-bottom: 30px;
    }
    #plandeer2 h2 {
        margin-top: 50px;
        color: #c6070c;
        font-size: 21px;
        font-weight: bold;
        margin-left: 88px;
        font-family: 'Open Sans' !important;
    }
    #plandeer2 p {
              margin-left: 86px;
        margin-top: 20px;
        text-align: justify;
        width: 95%;
        font-size: 13px;
        line-height: 22px;
        font-weight: 400;
        font-family: 'Open Sans' !important;
    }
    
    #sub-heading-plandeer{
         color: #b3a727;
    font: bold;
    font-size: 28px;
    margin-left: 62px;
    }
    #plandeer2 ol {
        text-align: justify;
        list-style-type: none;
        counter-reset: item;
        width:102%;
        margin-left: 60px;
        color:#666666 !important;
    }
    #plandeer2 li {
        counter-increment: item;
        margin-left: -13px;
        line-height: 22px;
        text-align: justify;
        font-weight:400;
        word-spacing: 2px;
        font-size: 13px;
        font-family: 'Open Sans' !important;
    }
    #plandeer2 li::before {
        content: counter(item) ". ";
        font-weight: bold;
    }
    #plandeer2 strong {
        color: #000000 !important;
        font-family: 'Open Sans' !important;
    }
    .plandder-email-image{
                 margin-left: 13.5%;
        width: 75%;
    }
    #activate_plandeer_center1{
                 margin-left: -164px;
    }
   .plandeer-first-img{
               margin-left: -19px;
        height: 137px;
        width: 463px;
   }
   .plandeer-second-img{
              margin-left: -19px;
        height: 65%;
        width: 466px;
        margin-top: 25px;
   }
    
   
}
  /* Desktop view - Microsoft Edge */
    
  @media (min-width: 1200px) and (max-width: 1366px) {
    #header_title {
        margin-top: 100px;
    }
    #header_title h1 {
    margin-left: 84px;
    font-size: 28px;
    color: #222222 !important;
    font-weight: 400;
        
    }
    #header_title p {
        color: #222222;
        font-size: 15px !important;
        line-height: 22px;
        font-weight: 450 !important;
        margin-left: 312px;
    } 
      #header_title a {
        color: #D83B2D;
        text-decoration: none;
    }
    #header_title a:hover {
        color: #EA9040;
    }
    #plandeer1 {
        margin-top: 40px;
        margin-bottom: 50px;
    }
    #plandeer1 h2{
        color: #c6070c;
        font-size: 21px;
        font-weight: bold;
        font-family: 'Open Sans' !important;
        margin-left: 114px;
        margin-top: 30px;
    }
    #plandeer1 p {
        margin-left: 114px;
       margin-top: 20px;
       text-align: justify;
        width: 85%;
        font-size: 13px;
        line-height: 22px;
        font-weight:400;
        font-family: 'Open Sans' !important;
    }
    .link {
        margin-left: 117px;
    }
    #link a{
        color: #D83B2D;
        text-decoration: none;
    }
    #link a:hover {
        color: #EA9040;
    }
    /*#plandeer1 img {*/
    /*  margin-left: -25px;*/
    /*  height: 311px;*/
    /*    width: 349px;*/
    /*}*/
    #plandeer2 {
        margin-bottom: 30px;
    }
    #plandeer2 h2 {
        margin-top: 50px;
        color: #c6070c;
        font-size: 21px;
        font-weight: bold;
        margin-left: -51px;
        font-family: 'Open Sans' !important;
    }
    
     #sub-heading-plandeer{
         color: #b3a727;
    font: bold;
    font-size: 28px;
    margin-left: -76px;
    }
    
    #plandeer2 p {
                      margin-left: -50px;
        margin-top: 20px;
        text-align: justify;
        width: 92.2%;
        font-size: 13px;
        line-height: 22px;
        font-weight: 400;
        font-family: 'Open Sans' !important;
    }
    #plandeer2 ol {
                text-align: justify;
        list-style-type: none;
        counter-reset: item;
        width: 101.3%;
        margin-left: -88px;
        color: #666666 !important;
    }
    #plandeer2 li {
        counter-increment: item;
        margin-left: -13px;
        line-height: 22px;
        text-align: justify;
        font-weight:400;
        word-spacing: 2px;
        font-size: 13px;
        font-family: 'Open Sans' !important;
    }
    #plandeer2 li::before {
        content: counter(item) ". ";
        font-weight: bold;
    }
    #plandeer2 strong {
        color: #000000 !important;
        font-family: 'Open Sans' !important;
    }
     .plandder-email-image{
              margin-left: 15%;
        width: 76%;
    }
      .plandeer-first-img{
                margin-left: -22px;
        height: 88px;
        width: 408px;
   }
   .plandeer-second-img{
          margin-left: -19px;
          height: 83%;
        width: 408px;
        margin-top: 25px;
   }
  }

  /* iPad view */
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #header_title {
    margin-top: 100px;
}
#header_title p{
    display: none;
}
#header_title h1 {
        text-align: center;
        font-size: 28px;
            color: #222222 !important;
            font-family: 'Open Sans' !important;
    }
#plandeer1 {
    margin-top: 40px;
    margin-bottom: 50px;
          margin-left: 43px;;
}
    #plandeer1 h2{
        color: #c6070c;
        font-size: 21px;
        font-weight: bold;
        font-family: 'Open Sans' !important;
        margin-left: -13px;
        margin-top: 30px;
    }
    #plandeer1 p {
       margin-left: -13px;
       margin-top: 20px;
       text-align: justify; 
        font-size: 13px;
        line-height: 22px;
        font-weight:400;
        font-family: 'Open Sans' !important;
    }
    .link {
       margin-left: 59px;
    }
    #link a{
        color: #D83B2D;
        text-decoration: none;
    }
    #link a:hover {
        color: #EA9040;
    }
    /*#plandeer1 img {*/
    /*  margin-left: 150px;*/
    /*  margin-bottom: 30px;*/
    /*  height: 311px;*/
    /*    width: 349px;*/
    /*}*/
    #plandeer2 {
        margin-bottom: 30px;
    }
    #plandeer2 h2 {
        color: #c6070c;
        font-size: 21px;
        font-weight: bold;
        margin-left: 40px;
        margin-top: 10px;
        font-family: 'Open Sans' !important;
    }
    #plandeer2 p {
        margin-left: 40px;
        margin-top: 20px;
        text-align: justify;
              width: 92%;
        font-size: 13px;
        line-height: 22px;
        font-weight:400;
        font-family: 'Open Sans' !important;
    }
    #plandeer2 ol {
        text-align: justify;
        list-style-type: none;
        counter-reset: item;
        margin-left: 60px;
        color:#666666 !important;
    }
    #plandeer2 li {
        margin-left: -35px;
        counter-increment: item;
        line-height: 22px;
        text-align: justify;
        font-weight:400;
        word-spacing: 2px;
        font-size: 13px;
        font-family: 'Open Sans' !important;
    }
    #plandeer2 li::before {
        content: counter(item) ". ";
        font-weight: bold;
    }
    #plandeer2 strong {
        color: #000000 !important;
        font-family: 'Open Sans' !important;
    }
    #sub-heading-plandeer {
        margin-left: 15px;
    }
    
    #activate_plandeer_center{
                           margin-left: -15px;
    }
        #activate_plandeer_center1 {
        margin-left: -21px;
    }
     .plandder-email-image{
                   margin-left: 25%;
        height: 311px;
        width: 349px;
       
    }
         .plandeer-first-img{
                  margin-left: -32px;
        height: 204px;
        width: 718px;
   }
   .plandeer-second-img{
                
        height: 66%;
        width: 563px;
        margin-top: 25px;
        margin-left: 55px;
        margin-bottom: 74px;
   }
}
/* Mobile view */
@media only screen and (max-width: 767px) {
    #header_title {
    margin-top: 100px;
}
#header_title h1 {
   text-align: center;
         margin-left: 6px;
        font-size: 28px;
        color: #222222 !important;
        font-weight: 400;
        font-family: 'Open Sans' !important;
}
#header_title p{
    display: none;
}
#plandeer1 {
    margin-top: 40px;
    margin-bottom: 50px;
}
    #plandeer1 h2{
        color: #c6070c;
        font-size: 21px;
        font-weight: bold;
        font-family: 'Open Sans' !important;
    }
    #plandeer1 p {
       margin-top: 20px;
       text-align: justify;
        font-size: 13px;
        line-height: 22px;
        font-weight:400;
        font-family: 'Open Sans' !important;
    }
    /*#plandeer1 img {*/
    /*    margin-left: 10px;*/
    /*    margin-bottom: 30px;*/
    /*    height: 311px;*/
    /*    width: 349px;*/
    /*}*/
    .link {
        margin-left: 0px;
     }
    #link a{
        color: #D83B2D;
        text-decoration: none;
    }
    #link a:hover {
        color: #EA9040;
    }
    #plandeer2 {
        margin-bottom: 30px;
    }
    #plandeer2 h2 {
        color: #c6070c;
        font-size: 21px;
        font-weight: bold;
        font-family: 'Open Sans' !important;
        margin-top : 30px;
    }
    #plandeer2 ol {
        text-align: justify;
        list-style-type: none;
        counter-reset: item;
        color:#666666 !important;
    }
    #plandeer2 li {
        margin-left: -40px;
        counter-increment: item;
        line-height: 22px;
        text-align: justify;
        font-weight:400;
        word-spacing: 2px;
        font-size: 13px;
        font-family: 'Open Sans' !important;
    }
    #plandeer2 li::before {
        content: counter(item) ". ";
        font-weight: bold;
    }
    #plandeer2 img {
        margin-left: 10px;
    }
    #plandeer2 strong {
        color: #000000 !important;
        font-family: 'Open Sans' !important;
    }
     .plandder-email-image{
            
        width: 93%;
    }
          .plandeer-first-img{
             margin-left: -1px;
        height: 150px;
        width: 365px;
    }
   
   .plandeer-second-img{
                
       height: 72%;
    width: 371px;
    margin-top: 25px;
    margin-left: -1px;
    margin-bottom: 65px;
}
   
}



 @media (min-width: 1450px) and (max-width: 1920px) {
    .table-bordered {
        max-width: 700px;
        /* Adjust the value as needed */
        width: 100%;
        margin: 0 auto;
            margin-right: 17px;
             color: #212529;
         font-size:13px;
    }
    .version_table {
        border-collapse: collapse;
        width: 70%;
        margin-left: 130px;
         font-size: 13px;
    }
    .header-row th:first-child {
        border-right: 1px solid black; /* Add right border only to the first header cell */
    }
    .header-row th {
        border-top: none; /* Remove top border from header cells */
        border-bottom: 1px solid black; /* Line after header */
        padding: 8px;
        text-align: left;
    }
    .data-row {
        border-bottom: 1px solid black; /* Horizontal lines between rows */
    }
    .data-row td {
        padding: 8px;
        text-align: left;
        border: none; /* Remove borders between columns */
    }
    .data-row:last-child {
        border-bottom: none; /* Remove bottom border from the last row */
    }
    .data-row td:first-child {
        border-right: 1px solid black; /* Right border for the first column */
    }
 }
 
   @media (min-width: 1200px) and (max-width: 1366px) {
         .table-bordered {
        max-width: 700px;
        /* Adjust the value as needed */
        width: 100%;
        margin: 0 auto;
            margin-right: 17px;
             color: #212529;
         font-size:13px;
    }
    .version_table {
        border-collapse: collapse;
        width: 70%;
        margin-left: 115px;
         font-size: 13px;
    }
    .header-row th:first-child {
        border-right: 1px solid black; /* Add right border only to the first header cell */
    }
    .header-row th {
        border-top: none; /* Remove top border from header cells */
        border-bottom: 1px solid black; /* Line after header */
        padding: 8px;
        text-align: left;
    }
    .data-row {
        border-bottom: 1px solid black; /* Horizontal lines between rows */
    }
    .data-row td {
        padding: 8px;
        text-align: left;
        border: none; /* Remove borders between columns */
    }
    .data-row:last-child {
        border-bottom: none; /* Remove bottom border from the last row */
    }
    .data-row td:first-child {
        border-right: 1px solid black; /* Right border for the first column */
    }
 }
 
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
         .table-bordered {
        max-width: 700px;
        /* Adjust the value as needed */
        width: 100%;
        margin: 0 auto;
            margin-right: 17px;
             color: #212529;
         font-size:13px;
    }
    .version_table {
        border-collapse: collapse;
        width: 70%;
        margin-left: 115px;
         font-size: 13px;
    }
    .header-row th:first-child {
        border-right: 1px solid black; /* Add right border only to the first header cell */
    }
    .header-row th {
        border-top: none; /* Remove top border from header cells */
        border-bottom: 1px solid black; /* Line after header */
        padding: 8px;
        text-align: left;
    }
    .data-row {
        border-bottom: 1px solid black; /* Horizontal lines between rows */
    }
    .data-row td {
        padding: 8px;
        text-align: left;
        border: none; /* Remove borders between columns */
    }
    .data-row:last-child {
        border-bottom: none; /* Remove bottom border from the last row */
    }
    .data-row td:first-child {
        border-right: 1px solid black; /* Right border for the first column */
    }
 }
 
@media only screen and (max-width: 767px) {
         .table-bordered {
        max-width: 700px;
        /* Adjust the value as needed */
        width: 100%;
        margin: 0 auto;
            margin-right: 17px;
             color: #212529;
         font-size:13px;
    }
    .version_table {
                border-collapse: collapse;
        width: 84%;
        margin-left: 19px;
        font-size: 13px;
    }
    .header-row th:first-child {
        border-right: 1px solid black; /* Add right border only to the first header cell */
    }
    .header-row th {
        border-top: none; /* Remove top border from header cells */
        border-bottom: 1px solid black; /* Line after header */
        padding: 8px;
        text-align: left;
    }
    .data-row {
        border-bottom: 1px solid black; /* Horizontal lines between rows */
    }
    .data-row td {
        padding: 8px;
        text-align: left;
        border: none; /* Remove borders between columns */
    }
    .data-row:last-child {
        border-bottom: none; /* Remove bottom border from the last row */
    }
    .data-row td:first-child {
        border-right: 1px solid black; /* Right border for the first column */
    }
 }