/* This styling is for devices with min-width of 360 px like Nexus 5 and tablets. */

@media only screen and (min-width: 360px) {

    :root {
        --height-of-site-header: 52px; 
    }

    .col-t-1 {width: 8.33%;}
    .col-t-2 {width: 16.66%;}
    .col-t-3 {width: 25%;}
    .col-t-4 {width: 33.33%;}
    .col-t-5 {width: 41.66%;}
    .col-t-6 {width: 50%;}
    .col-t-7 {width: 58.33%;}
    .col-t-8 {width: 66.66%;}
    .col-t-9 {width: 75%;}
    .col-t-10 {width: 83.33%;}
    .col-t-11 {width: 91.66%;}
    .col-t-12 {width: 100%;}

    .ic-site-header {
        height: var(--height-of-site-header); 
        line-height: 48px;
        font-size: 28px;
        padding-right: 10px;
        border-radius: 4px;
    }
    .ic-site-logo {
        -ms-transform: scale(1,1); /* IE 9 */
        -webkit-transform: scale(1,1); /* Safari */
        transform: scale(1,1);
        transform-origin: top;
        margin-left: 2px;
    }

    .menu, .ic-menu-fix {
        border-radius: 4px;
    }

    .nav-pills>li>a {
        border-radius: 4px;
    }
    .nav>li>a {
        padding: 10px 15px;
    }

}