/* Equinix large mobile --------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767px)
{
    /* Single Post ------------------------------------------------------------------------------ */
    .single-post
    {
        /* Intro Section ---------------------------------------------------- */
        & .article-intro-section
        {
            /* Post Info -------------------------------- */
            & .info-desc
            {
                h1
                {
                    font-size: 35px;
                }

                p
                {
                    font-size: 18px;
                }
            }

            /* Author Info ------------------------------ */
            & .author-info
            {
                & .desc
                {
                    & .name
                    {
                        font-size: 14px;
                    }

                    & p
                    {
                        /* Not visible */
                    }
                }
            }

            /* Creation and duration -------------------- */
            & .social-media-wrap
            {
                & .time
                {
                    font-size: 11px;
                }

                & .country-tag
                {
                    font-size: 11px;
                }
            }

            /* Social Media Share ----------------------- */
            & .social-media
            {
                & li span
                {
                    /* Not visible */
                }
            }
        }

        /* Article Content -------------------------------------------------- */
        & .article-content
        {
            /* Normal content --------------------------- */
            & .wysiwyg
            {
                & h2,
                & .h2
                {
                    font-size: 23px;
                }

                & h3,
                & .h3
                {
                    font-size: 18px;
                }

                & p,
                & .p
                {
                    font-size: 14px;
                }

                & ul li
                {
                    font-size: 14px;
                }
            }

            /* Blockquote ------------------------------- */
            & .blockquote
            {
                font-size: 23px;

                & cite
                {
                    font-size: 14px;
                }
            }

            /* Right Sidebar ---------------------------- */
            & .lang-links
            {
                & .title
                {
                    font-size: 11px;
                }

                & .link-arrow
                {
                    font-size: 14px;
                }
            }

            /* Tags ------------------------------------- */
            & .tags li a
            {
                font-size: 11px;
            }

            /* Share Link ------------------------------- */
            & .share-link
            {
                font-size: 11px;
            }
        }

            /* Bottom Authors --------------------------- */
        & .author-cols .author-info
        {
            & .link-arrow
            {
                font-size: 14px;
            }

            & .office-post
            {
                font-size: 14px;
            }
        }
    }
}

/* Equinix small mobile --------------------------------------------------------------------------------------------- */
@media (max-width: 575px)
{
    /* Single Post ------------------------------------------------------------------------------ */
    .single-post
    {
        /* Intro Section ---------------------------------------------------- */
        & .article-intro-section
        {
            /* Post Info -------------------------------- */
            & .info-desc
            {
                h1
                {
                    font-size: 29px;
                }

                p
                {
                    font-size: 16px;
                }
            }

            /* Author Info ------------------------------ */
            & .author-info
            {
                & .desc
                {
                    & .name
                    {
                        font-size: 13px;
                    }

                    & p
                    {
                        /* Not visible */
                    }
                }
            }

            /* Creation and duration -------------------- */
            & .social-media-wrap
            {
                & .time
                {
                    font-size: 10px;
                }

                & .country-tag
                {
                    font-size: 10px;
                }
            }

            /* Social Media Share ----------------------- */
            & .social-media
            {
                & li span
                {
                    /* Not visible */
                }
            }
        }

        /* Article Content -------------------------------------------------- */
        & .article-content
        {
            /* Normal content --------------------------- */
            & .wysiwyg
            {
                & h2,
                & .h2
                {
                    font-size: 21px;
                }

                & h3,
                & .h3
                {
                    font-size: 16px;
                }

                & p,
                & .p
                {
                    /* font-size: 13px; */
                    font-size: 14px; /* This overrides the 13px = 1rem calculation for this range */
                }

                & ul li
                {
                    font-size: 13px;
                }
            }

            /* Blockquote ------------------------------- */
            & .blockquote
            {
                font-size: 21px;

                & cite
                {
                    font-size: 13px;
                }
            }

            /* Right Sidebar ---------------------------- */
            & .lang-links
            {
                & .title
                {
                    font-size: 10px;
                }

                & .link-arrow
                {
                    font-size: 13px;
                }
            }

            /* Tags ------------------------------------- */
            & .tags li a
            {
                font-size: 11px;
            }

            /* Share Link ------------------------------- */
            & .share-link
            {
                font-size: 10px;
            }
        }

        /* Bottom Authors --------------------------- */
        & .author-cols .author-info
        {
            & .link-arrow
            {
                font-size: 13px;
            }

            & .office-post
            {
                font-size: 13px;
            }
        }
    }
}