/* "main_link" class and all the stuff within it xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.header_link_right{
        float           : right;
        color           : #00017A;
        font-family     : 'Jost', sans-serif;
        font-size       : 28px;
        font-weight     : 600;
}

.header_link_right .join, 
.header_link_right .host,
.header_link_right .sign_in,
.header_link_right .sign_up,
.header_link_right .view_cart_button{
        float           : right;
        margin-top      : 30px;
        margin-right    : 40px;
        cursor          : pointer;
}

.header_link_right .view_cart_button input{
        width           : 130px;
        height          : 45px;
        float           : initial;
        border-radius   : 5px;
        border          : none;
        background-color: #2E2FA7;
        color           : #ffffff;
        font-family     : 'Jost', sans-serif;
        font-weight     : 600;
        font-size       : 18px;
        text-align      : center;
        margin          : 0px;
        margin-top      : -5px;
        padding         : 1px 5px;        
}

.header_link_right .vertical_line{
        float           : right;
        width           : 50px;
        height          : 60px;
        border-left     : 2px solid #E9EFF2;
        margin-top      : 20px;
}

@media (max-width: 1750px){
        
        .header_link_right{
                font-size       : 25px;
                margin-top      : 5px;
        }
        
        .header_link_right .vertical_line{
                margin-top      : 18px;
        }
}

@media (max-width: 1650px){
        
        .header_link_right{
                font-size       : 20px;
                margin-top      : 7px;
        }
        
        .header_link_right .vertical_line{
                margin-top      : 16px;
        }        
}

@media (max-width: 1450px){
            .header_link_right{
                    display     : none;
            }
}