/* Desktop view - Chrome */
 @media (min-width: 1450px) and (max-width: 1920px) {
     #index_card {
        margin-left: 10px;
        width: 100%;
        text-align: justify;
         font-size: 21px; 
         color: #b85b0d;
         font-weight: bold;
     }
    #index_card1 {
        font-size:13px;
        font-family: 'Open Sans';
        color:#666666;
        text-align: justify;
        margin-right: -10px;

    } 
    
    #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 {
        margin-left: -18px;
        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" */



}



   
 

 /* Desktop view - Microsoft Edge */
@media (min-width: 1200px) and (max-width: 1366px) {
    #index_card {
        margin-left: 10px;
        width: 100%;
        text-align: justify;
         font-size: 21px; 
         color: #b85b0d;
         font-weight: bold;
     }
    #index_card1 {
        font-size:13px;
        font-family: 'Open Sans';
        color:#666666;
        text-align: justify;
        margin-right: -10px;

    } 
    
    #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:-85px;
    }
    
    #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: 28px;
    }
    
    #one1 {
        margin-left: 0px;
        line-height: 22px;
        font-size: 13px;
        font-family: 'Open Sans' !important;
    }
    
    /* #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" */
}

/* iPad view */
    
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
        #index_card{
           
            margin-left: 20px;
            width: 100%;
            text-align: justify;
             font-size: 21px; 
             color: #b85b0d;
             font-weight: bold;
        }
        #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-right: -10px;
            margin-left:-15px;
    
        } 
        
        #header_title h1 {
            margin-left: 50px;
            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 {
            margin-left: -7px;
            line-height: 22px;
            margin-right: 12px;
        }
        
        #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{
            text-align: justify;
        }
        #header_title h1 {
            margin-left: 120px;
            font-size: 28px;
            color: #222222 !important;
            font-family: 'Open Sans' !important;
        }
        #header_title p{
            display: none;
        }
        #content p {
            margin-bottom: 5px !important;
        }
        #one{
            margin-left:-1px;
        }
        #one1 h2{
            color:#b85b0d;
            margin-left:40px;
            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;
           margin-left:-13px;
       
        }
        /* 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" */
    
    
}