@media all and (orientation:portrait) {

    .footer_ctn
    {
        display: block;
        float: left;
        width: 100%;    
    }

    .follow_us_ctn
    {
        display: block;
        float: left;
        width:100%;
        background: rgba(37,170,226,1);
    }

    .fu_title
    {
        font-size: 2VH;
        font-weight: 600;
        color: white;
        padding: 1VH 1VH 0.5VH 1VH;
    }

    .folllow_btn_ctn
    {
        display: block;
        float: left;
        width: 100%;
    }

    .fob_ctn
    {
        display: block;
        float: left;
        width: 50%;
        padding: 1VH 1VH 0.5VH 1VH;
        font-size: 2VH;
        color: white;
        border: 0.5VH solid rgba(255,255,255,0);
    }

    .fb_color
    {
        background: rgba(28,64,123,1);
    }

    .fb_color:hover
    {
        border: 0.5VH solid rgba(28,64,123,1);
        color: rgba(28,64,123,1);
        background: white;
    }

    .g_color
    {
        background: rgba(220,73,60,1);
    }

    .g_color:hover
    {
        border: 0.5VH solid rgba(220,73,60,1);
        color: rgba(220,73,60,1);
        background: white;
    }

    .final_layer_ctn
    {   
        display: block;
        float: left;
        width: 100%;

        background: rgba(39,39,39,1);
        color: white;
        margin-top: 1VH;
        font-size: 2VH;
        padding: 1VH 2VH;
    }

    .my_title
    {
        display: block;
        float: left;

        padding: 1.5VH 1VH 0.5VH 1VH;
        font-size: 2VH;
        font-weight: 600;
    }

    .goto_top
    {
        float: left;
        width: 15%;
        padding: 1VH 1VH 0.5VH 1VH;
        color: rgba(37,170,226,1);
    }

    .goto_top:hover
    {
        background: rgba(0,0,0,0.7);
        color: white;
    }

    .goto_top i
    {
        font-size: 3VH;
        font-weight: 600;
    }
}

@media all and (orientation:landscape) {
    .footer_ctn
    {
        display: block;
        float: left;
        width: 100%;    
    }

    .follow_us_ctn
    {
        display: block;
        float: left;
        width:100%;
        background: rgba(37,170,226,1);
    }

    .fu_title
    {
        font-size: 2VW;
        font-weight: 600;
        color: white;
        padding: 1VW 1VW 0.5VW 1VW;
    }

    .folllow_btn_ctn
    {
        display: block;
        float: left;
        width: 100%;
    }

    .fob_ctn
    {
        display: block;
        float: left;
        width: 50%;
        padding: 1VW 1VW 1VW 1VW;
        font-size: 2VW;
        color: white;
        border: 0.5VW solid rgba(255,255,255,0);
    }

    .fb_color
    {
        background: rgba(28,64,123,1);
    }

    .fb_color:hover
    {
        border: 0.5VW solid rgba(28,64,123,1);
        color: rgba(28,64,123,1);
        background: white;
    }

    .g_color
    {
        background: rgba(220,73,60,1);
    }

    .g_color:hover
    {
        border: 0.5VW solid rgba(220,73,60,1);
        color: rgba(220,73,60,1);
        background: white;
    }

    .final_layer_ctn
    {   
        display: block;
        float: left;
        width: 100%;

        background: rgba(39,39,39,1);
        color: white;
        margin-top: 1VW;
        font-size: 2VW;
        padding: 1VW 2VW;
    }

    .my_title
    {
        display: block;
        float: left;

        padding: 1.5VW 1VW 0.5VW 1VW;
        font-size: 2VW;
        font-weight: 600;
    }

    .goto_top
    {
        float: left;
        width: 15%;
        padding: 1VW 1VW 0.5VW 1VW;
        color: rgba(37,170,226,1);
    }

    .goto_top:hover
    {
        background: rgba(0,0,0,0.7);
        color: white;
    }

    .goto_top i
    {
        font-size: 3VW;
        font-weight: 600;
    }
}