@media screen and (min-width: 220px) /* Extra small  .col-xs-  (max-width: 575px) bootstrap */
{

    .ft_prf_ls{
        background-repeat: no-repeat; background-position: center center; background-size: cover; width: 90px; height: 90px;
    }

    .ft_prf_tp{
        background-repeat: no-repeat; background-position: center center; background-size: cover; width: 40px; height: 40px;
    }

    .ft_prf_us{
        background-repeat: no-repeat; background-position: center center; background-size: cover; width: 60px; height: 60px;
    }

    .fn_an{
        background-image: url('/img/png/ils_an.png'); background-repeat: no-repeat; background-position: center center; background-size: 100%;
    }

    .pst_add{
        right: 13% !important;
        min-width: 120px !important;
    }

    .ttl_k{
        font-size: 12px !important;
        line-height: 15px !important;
    }

    .ttl_h{
        font-size: 22px !important;
        line-height: 26px !important;
    }

    .ttl_g{
        font-size: 13px !important;
        line-height: 16px !important;
    }

    .ttl_f{
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .ttl_e{
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .ttl_d{
        font-size: 15px !important;
        line-height: 19px !important;
    }

    .ttl_c{
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .ttl_b{
        font-size: 25px !important;
        line-height: 33px !important;
    }

    .ttl_a{
        font-size: 23px !important;
        line-height: 28px !important;
    }

    .linhas-grafico
    {
        background-image: url("/img/jpg/linhas_grafico.jpg");
        background-position: center center;
        background-repeat: repeat-y;
    }

    .gfc-vtc
    {
        width: 100%;
        padding: 0 5% 0 5%;
        height: 312px;
    }

    .mbps{
        margin-bottom: 5px !important;
    }

    #popup-padrao{
        padding: 20px 50px 50px 50px;
        top: 50px;
        left: 10%;
        width: 80%;
        z-index: 9999;
        border-radius: 7px;
    }

    #fundo-popup{
        width: 100%;
        height: 3000px;
        left: 0;
        top: 0;
        background-color: rgba(58, 57, 82, 0.8);
        z-index: 9998;
    }


    .ms-panel-body,
    .ms-panel-footer{
      position: relative;
      padding: 0.5rem 1.5rem 1.5rem 1.5rem;
    }

    .btn-adrs{
        right: 60px !important;
        margin-top: -50px;
        position: absolute;
    }

    .btn-frmr{
        right: 200px;
    }

    .btn-frml{
        right: 100px;
    }

    .btn-adpb{
        right: 30%;
        margin-top: 16px;
    }

    .btn-fmlr{
        right: 50px;
        margin-top: 20px;
    }

    .display-desktop{
        display: none !important;
    }
    .display-mobile{
        display: block !important;
    }
}


@media screen and (min-width: 576px) /* Small  .col-sm-   bootstrap */
{
	.ms-panel-body,
    .ms-panel-footer{
      position: relative;
      padding: 0.5rem 2.0rem 2.0rem 2.0rem;
    }
}


@media screen and (min-width: 768px) /* Medium  .col-md-  bootstrap */
{

    .mbps{
        margin-bottom: none !important;
    }


    .btn-frmr{
        right: 300px;
    }
    .btn-frml{
        right: 250px;
    }
    .btn-adpb{
        right: 24%;
        margin-top: 20px;
    }
    .btn-fmlr{
        right: 60px;
        margin-top: 19px;
    }
}


@media screen and (min-width: 992px) /* Large   .col-lg-   bootstrap */
{

    .ms-panel-body,
    .ms-panel-footer{
      position: relative;
      padding: 0.5rem 4rem 4rem 4rem;
    }

    .display-desktop{
        display: block !important;
    }
    .display-mobile{
        display: none !important;
    }
}


@media screen and (min-width: 1200px) /* Extra large  .col-xl-  bootstrap */
{

}