@media only screen and (max-width : 735px) {

	#sgsmenu {
		visibility: hidden;
		display:none;
	}	


	#phonemenupopup {
		visibility: hidden;
	}
	#mainmobilemenu {
		background-color: #000000;
		margin:0;
		padding:0;
		width:100%; 
		vertical-align:top; 
		top: 160px;
	}	

	#phonemenubuttondiv
	{
		width: 10vw;
		height : 10vw;
		padding-left: 0.5vw;
		font-size: 10vw;
		cursor: pointer;
	}
		
	#phonemenubuttoncontainer
	{
		display: inline-block;
		visibility: visible;
		margin-top:10px;
		width:99%; 
	}

	#phonemenubutton
	{
		display: inline-block;
		color: yellow; 
	}
	
	.columns-wrapper {
		margin-top:10px;
	}	
	
	#mainmobilemenu ul{
			padding: 0;		
	}	

	#mainmobilemenu ul il a{
		color: #FF0;
	}
	
	.submenu li:active {
	color: #000;
	background-color: #FF0 !important;
	}
	
	.menuitem {
		color: #FF0;
		font-size: 2.0em;
		display: block;
		padding: 14px 45px;
		background-repeat: no-repeat !important;
		background-position: left center !important;
		background: rgb(255,255,0);
		background: linear-gradient(90deg, rgba(255,255,0,1) 0%, rgba(117,117,0,1) 6%, rgba(0,0,0,1) 15%, rgba(0,0,0,1) 100%);
		border-style: solid;
		border-width: 0px 0px 2px 0px;
		border-color: #FF0;
		cursor: pointer; 
	}
	
	.submenu {
		display: none;	
	}	
	
	.submenu li {
		font-size: 1.5em;
		padding: 14px 0px;
		margin: 0px 0px 0px 50px;
		border-style: solid;
		border-width: 0px 0px 1px 0px;
		border-color: #FF0;
		color:#ff0 !important;
		background: rgb(0,0,0);
		cursor: pointer; 
		list-style: none;
	}	

	.menulink {
	  float:none;
	  color: #FF0;
	  display: block;
	  text-decoration:none;
	}
	
	.submenu a {
	  float:none;
	  color: #FF0;
	  display: block;
	  text-decoration:none;
	}
	
	#phonemenupopup { 
		position: absolute;
		top : 35vw;
		left: 5px;
		width:97vw;
		display: block;
		z-index: 1;	
		-webkit-user-select: none;
		user-select: none;
	  
	  -webkit-font-smoothing: antialiased;
	  /* to stop flickering of text in safari */
	}
	
}