    /** non-destructive removal of text logo **/
    /** All Modes except mobile->Gantry mobile menu **/
    @media only screen and (min-width: 480px) {
    	li.rt-menu-logo > a > span {
    		opacity: 0;
    		height: 0;
    	}
    }
     
    /*----------------------------------------------------------------*/
    /** addition of background image logo **/
    /*----------------------------------------------------------------*/
    .menu-block .gf-menu .rt-menu-logo {
    	background-image: url(../images/logo/logo.png);
    	background-repeat: no-repeat;
    	background-position: left center;
    	width: 80px;
    	height: 53px;
    	margin: 0;
    }
     
    /** Adjust menu-logo underline position **/
    .menu-block .gf-menu .rt-menu-logo:after {
    	bottom: -5px !important;
        width: 60px;
    }
    /** Adjust spacing between parent items and its Dropdown column **/
    .gf-menu.l1 > li > .dropdown {
        margin-top: -10px;
    }
    /*----------------------------------------------------------------*/
    /** If needed use this Code Block to increase <a> area to match logo size **/
    /*----------------------------------------------------------------*/
    .menu-block .gf-menu .rt-menu-logo .item {
    	padding-right: 42px !important;
    	padding-bottom: 106px !important;
    }
     
    /*----------------------------------------------------------------*/
    /** Adjust vertical position of menu items to Menu LOGO **/
    /*----------------------------------------------------------------*/
    .menu-block li {
        margin-bottom: 0px;
    }
    /* modify Header height because of the above adjustment */
    .header-type-scroll #rt-header, .header-type-fixed #rt-header {
        height: 72px;
    }    
    /*----------------------------------------------------------------*/
    /** Use this to adjust the vertical position of the text menu relative to rt-menu-logo **/
    /*----------------------------------------------------------------*/
     
    /** Small Screen Mobile Modes **/
    @media only screen and (max-width: 767px) {
    	.gf-menu-toggle {
    	  z-index: 4114;
    	}
    	#rt-header .rt-block.visible-phone {
    	  z-index: 4114;
    	}
    	#rt-header {
    	  background-color: transparent;
    	  margin-bottom: -120px;
    }
    	#rt-logo {
    		width: 148px !important;
    		height: 50px !important;
    	}
    }