/* Desktop view - Chrome */
       @media (min-width: 1450px) and (max-width: 1920px) {
        #header_title {
            margin-top:100px;
        }
        #index_card {
            margin-left: -9px;
            width: 100%;
            text-align: justify;
             font-size: 21px; 
             color: #b85b0d;
             font-weight: bold;
             margin-top: 20px;
         }
        #index_card1{
            margin-left: -7px;
            width: 100%;
            text-align: justify;
            font-size: 13px;
            font-weight: 400;
            color: #666666 !important;
            line-height: 22px;
            font-family: 'Open Sans' !important;
        }
        #header_title h1 {
            margin-left: 86px;
            font-size: 28px;
            color: #222222 !important;
            font-family: 'Open Sans' !important;
            
        }
        #header_title a {
            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: 520px;
        } 
        #one{
            margin-left:-10px;
        }
        #one1 strong{
            font-weight: 600;
            color: #000;
            font-size: 13px;
        }
        /* Styles for <a> elements with class 'link' */ */
        .link {
            text-decoration: none;
            font-weight: 600;
        }
        
       
        /* Style for .link_contact class */
        .link_contact,
        .link_contact:hover {
            color: #D83B2D;
            text-decoration: none;
            font-weight: 600;
            font-size: 13px;
        }
        
        /* Hover effect for .link_contact class */
        .link_contact:hover {
            color: #EA9040;
        }
        
        }

/* Desktop view - Microsoft Edge */
        
          @media (min-width: 1200px) and (max-width: 1366px) {
            #header_title {
                margin-top:100px;
            }
            #index_card {
                margin-left: -9px;
                width: 100%;
                text-align: justify;
                 font-size: 21px; 
                 color: #b85b0d;
                 font-weight: bold;
                 margin-top: 20px;
             }
            #index_card1{
                margin-left: -7px;
                width: 100%;
                text-align: justify;
                font-size: 13px;
                font-weight: 400;
                color: #666666 !important;
                line-height: 22px;
                font-family: 'Open Sans' !important;
            }
            #header_title h1 {
                margin-left: 86px;
                font-size: 28px;
                color: #222222 !important;
                font-family: 'Open Sans' !important;
                
            }
            #header_title a {
                color: #D83B2D;
                text-decoration: none;
                margin-left: -90px;
            }
            #header_title a:hover {
                color: #EA9040;
            }
            #header_title p {
                color: #222222;
                font-size: 15px !important;
                line-height: 22px;
                font-weight: 450 !important;
                margin-left: 520px;
            } 
            #one{
                margin-left:-15px;
            }
            #one1 strong{
                font-weight: 600;
                color: #000;
                font-size: 13px;
            }
            /* Styles for <a> elements with class 'link' */ */
            .link {
                text-decoration: none;
                font-weight: 600;
            }
            
           
            /* Style for .link_contact class */
            .link_contact,
            .link_contact:hover {
                color: #D83B2D;
                text-decoration: none;
                font-weight: 600;
                font-size: 13px;
            }
            
            /* Hover effect for .link_contact class */
            .link_contact:hover {
                color: #EA9040;
            }
            
        
        }


        /* iPad view */
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
            #index_card{
          
                width: 100%;
                text-align: justify;
                 font-size: 21px; 
                 color: #b85b0d;
                 font-weight: bold;
                 margin-top: 20px;
                       margin-left:-10px;
            }


            #header_title h1 {
                text-align: center;
            }
            #header_title p{
                display: none;
            }
            #content p {
                margin-bottom: 5px !important;
            }
          #index_card1 {
                font-size:13px;
                font-family: 'Open Sans';
                color:#666666;
                text-align: justify;
             margin-left:-10px;
                margin-right: 5px;
              
            }
            
            #header_title h1 {
               text-align: center;
                font-size: 28px;
                color: #222222 !important;
                font-family: 'Open Sans' !important;
            }
           
            #header_title p {
                color: #222222;
                font-size: 15px !important;
                line-height: 22px;
                font-weight: 450 !important;
                margin-left: 520px;
            }
            
            #one {
                margin-left: 80px;
            }
            
            #one1 {
             
                line-height: 22px;
            }
            
            #one1 .p {
                line-height: 22px;
            }
            
            #header_title {
                margin-top: 100px;
            }
            /* Styles for <strong> elements */
        #one1 strong{
            font-weight: 600;
            color: #000;
            font-size: 13px;
        }
        /* Styles for <a> elements with class 'link' */ */
        .link {
            text-decoration: none;
            font-weight: 600;
        }
        
        /* Styles for specific <a> elements */
        .link_support {
            color: #3366ff;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
        } 
        
        /* Style for .link_contact class */
        .link_contact,
        .link_contact:hover {
            color: #D83B2D;
            text-decoration: none;
        }
        
        /* Hover effect for .link_contact class */
        .link_contact:hover {
            color: #EA9040;
        }
        
        /* Style for the specific link "How to Activate" */
        
        
        
        }


        /* Mobile view */
        @media only screen and (max-width: 767px) {
            #index_card{

                
                 width: 100%;
                 text-align: justify;
                 font-size: 21px; 
                 color: #b85b0d;
                 font-weight: bold;
                 margin-top: 10px;
                
            }
            #header_title h1 {
             text-align: center;
                font-size: 28px;
                color: #222222 !important;
                font-family: 'Open Sans' !important;
            }
            #header_title p{
                display: none;
            }
            #content p {
                margin-bottom: 5px !important;
            }
           
            #one1 h2{
                color:#b85b0d;
              
                font-size: 24px;
                font-weight: bold;
                
            }
           
            #one1 .p{
                line-height: 22px;
            }
            #header_title {
                margin-top:100px;
            }
            #index_card1{
               font-size:13px;
               color: #666666;
               text-align: justify;
               font-family: 'Open Sans' !important;
           
           
            }
            /* Styles for <strong> elements */
        #one1 strong{
            font-weight: 600;
            color: #000;
            font-size: 13px;
        }
        /* Styles for <a> elements with class 'link' */ */
        .link {
            text-decoration: none;
            font-weight: 600;
        }
        
        /* Styles for specific <a> elements */
        .link_support {
            color: #3366ff;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
        } 
        
        /* Style for .link_contact class */
        .link_contact,
        .link_contact:hover {
            color: #D83B2D;
            text-decoration: none;
        }
        
        /* Hover effect for .link_contact class */
        .link_contact:hover {
            color: #EA9040;
        }
        
        /* Style for the specific link "How to Activate" */
        
        
        }