/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
        @media all and (min-width: 1381px) {
            .header_text {
                font-family: Arial,Verdana;
                font-size: 35px;
                font-weight: bold;
                text-align: center;
                color: #25425d;
                /*margin-top: 50px;*/
                margin-bottom: 10px;
                vertical-align: central;
            }

            .header_text_h1 {
                font-family: Arial,Verdana;
                font-size: 4vh;
                font-weight: bold;
                text-align: center;
                vertical-align: central;
                color:#ffffff;
            }

            .main-header .nav-link {
                font-size:20px;
                position: relative;
                min-width: 4.5rem;
            }
        }

        @media all and  (min-width: 601px) and (max-width: 1380px) {

            /* STYLES HERE */

            .header_text {
                font-family: Arial,Verdana;
                font-size: 4vh;
                font-weight: bold;
                text-align: center;
                color: #25425d;
                /*margin-top: 50px;*/
                margin-bottom: 10px;
                vertical-align: central;
            }

            .header_text_h1 {
                font-family: Arial,Verdana;
                font-size: 8vh;
                font-weight: bold;
                text-align: center;
                vertical-align: central;
                color: #25425d;
            }

            .main-header .nav-link {
                font-size: medium;
                position: relative;
                min-width: 3.5rem;
            }


            /*ID="imggujratGovtLOGO" runat="server" ImageUrl="~/ui/dist/img/gujratGovtLOGO.png" Style="float: left; margin: 5px"*/


        }

        /* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
        @media all and (max-width: 600px) {
            .header_text {
                font-family: Arial,Verdana;
                font-size: 2vh;
                font-weight: bold;
                text-align: center;
                color: #25425d;
                /*margin-top: 10px;*/
                margin-bottom: 10px;
                vertical-align: central;
            }

            .header_text_h1 {
                font-family: Arial,Verdana;
                font-size: 4vh;
                font-weight: bold;
                text-align: center;
                vertical-align: central;
                color: #25425d;
            }

            .main-header .nav-link {
                font-size: larger;
                position: relative;
                min-width: 2.5rem;
            }
        }


        .logoLeft {
            float: left !important;
            margin: 0px 5px;
        }

        .logoRight {
            float: right !important;
            margin: 0px 5px;
        }

        .sticky-top {
            position: -webkit-sticky;
            top: 0;
            z-index: 1020;
        }
        /* Fixes dropdown menus placed on the left side */
        .ml-auto .dropdown-menu {
            right: auto !important;
            left: 0px;
        }


        i {
            margin: 0px 4px;
        }