/* 
    Document   : style.responsive
    Created on : Jun 25, 2016, 12:44:05 PM
    Author     : imrul
    Description:
        Purpose of the stylesheet follows.
*/

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (min-width: 0px) and (max-width:339px) {
        .school_name {
            margin-top: 0;
            width: 100%;
        }
        .school_name h1 {
            font-size: 14px !important;
            margin-top: 6px;
        }
        .school_name h4 {
            font-size: 10px;
            font-weight: bold !important;
        }
        .logo-inst {
            float: right;
            height: auto;
            margin-right: 0;
            margin-bottom: 30px;
            padding: 3px;
            width: 90px;
        }
        .logo-common {
            float: left;
            height: auto;
            margin-left: 0;
            margin-right: 0;
            padding: 0;
            visibility: hidden;
            width: 5px;
        }
    }
    @media screen and (min-width: 340px) and (max-width:454px) {
        .school_name {
            margin-top: 0;
            width: 100%;
        }
        .school_name h1 {
            font-size: 11px !important;
            margin-top: 9px;
        }
        .school_name h4 {
            font-size: 10px;
            font-weight: bold !important;
        }
        .logo-inst {
            float: right;
            height: auto;
            margin-right: 0;
            padding: 5px;
            width: 66px;
        }
        .logo-common {
            float: left;
            height: auto;
            margin-left: 0;
            margin-right: 0;
            padding: 0;
            visibility: hidden;
            width: 5px;
        }
    }
    @media screen and (min-width: 455px) {
        .school_name h1 {  font-size: 12px !important;}
        .school_name h4 {  font-size: 9px;  font-weight: bold !important;}
        .logo-inst {
            float: left;
            height: auto;
            margin-left: 5px;
            padding: 5px;
            width: 50px;
        }
        .logo-common {
            float: right;
            height: auto;
            padding: 5px;
            width: 50px;
            margin-right: 20px;
        }
    }
    @media screen and (min-width: 610px) {
        .school_name h1 {  font-size: 11px !important;}
        .school_name h4 {  font-size: 8px;  font-weight: bold !important;}
        .logo-inst {
            float: left;
            height: auto;
            margin-left: 5px;
            padding: 5px;
            width: 100px;
        }
        .logo-common {
            float: right;
            height: auto;
            padding: 5px;
            width: 100px;
            margin-right: 20px;
        }
    }
    @media screen and (min-width: 751px) {
        .school_name h1 {  font-size: 17px !important;}
        .school_name h4 {  font-size: 10px;  font-weight: bold !important;}
        .logo-inst {
            float: left;
            height: auto;
            margin-left: 5px;
            padding: 5px;
            width: 120px;
        }
        .logo-common {
            float: right;
            height: auto;
            padding: 5px;
            width: 120px;
            margin-right: 20px;
        }
    }
    @media screen and (min-width: 913px) {
        .school_name h1 {  font-size: 23px !important;}
        .school_name h4 {  font-size: 13px;  font-weight: bold !important;}
        .logo-inst {
            float: left;
            height: auto;
            margin-left: 5px;
            padding: 5px;
            width: 138px;
        }
        .logo-common {
            float: right;
            height: auto;
            padding: 5px;
            width: 138px;
            margin-right: 20px;
        }
    }
    @media screen and (min-width: 1096px) {
        .school_name h1 {  font-size: 30px !important;}
        .school_name h4 {  font-size: 17px;  font-weight: bold !important;}
        .logo-inst {
            float: left;
            height: auto;
            margin-left: 5px;
            padding: 5px;
            width: 138px;
        }
        .logo-common {
            float: right;
            height: auto;
            padding: 5px;
            width: 138px;
            margin-right: 20px;
        }
    }