@media only screen and (max-width:1300px){
  html{
    -webkit-text-size-adjust: 100%;
  }
  /*#tmenu{display:none;}*/
}
	ul{
		list-style: none;
		padding:0;
		margin:0;
		text-align:center;
		/*font-family:Calibri;*/
		font-size:18px;
		
		z-index:2;
	}
	
	
	#tmenu{
		scroll:none;
		width:1200px;
		height:40px;
		top:130px;
		left:0;
		position:absolute;
		
		color:white;
	}
	
	.menu1 {
		float: left;
		width: 240px;
		height: 40px;
		/*background-color: rgba(87,148,239,0.8);*/
		border-radius:0px 0px 00px 00px;
		line-height:40px;
		/*background: linear-gradient(90deg,rgba(87,148,239,1)90%, rgba(0,0,153,1) );*/
		 background-image:
        linear-gradient(to right, rgb(87,148,239), rgb(87,148,239)), 
        linear-gradient(to bottom,rgb(87,148,239)35px, #FFFFFF 5px); 
        
    background-repeat: no-repeat; 
    background-position:
        0 0, 
        0 0;
     
    background-size:
        240px 100%,
        200% 40px;
	transition: all .5s ease-out;
	}
	
	/*.menu1:hover{
	background: linear-gradient(90deg,rgba(244, 194, 66,1)90%, rgba(0,0,153,1) );
	background-position:
       240px 0, 
        0 0, 
        0 0;
	border-radius:0px 0px 00px 00px;
	z-index:2;
	}*/
	
	.menu1 ul{
		display:none;
		position:relative;
	}
	.menu1 ul li{
		width:350px;
		height:40px;
		color:black;
		text-align:left;
		border-radius:0px 0px 0px 0px;
		background-color: lightgray;
		/*border-right:3px solid gray;*/
		border-bottom:3px solid gray;
		background: linear-gradient(90deg,#f2f2f2, #f2f2f2);
		transition: all .3s ease-out;
	}
	
	/*reactthis when test fail
	.menu1 ul li:hover{
		
		color:red;
	}*/
	
	/*.sidM:hover ul{
		width:350px;
	}
	.midM:hover ul{
		width:700px;
	}*/
	.menu1:hover ul{
		/*background-color: white;*/
		
		display:block;
		clear:both;
		z-index:2px;
		-webkit-animation: fadein 0.3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.3s; /* Firefox < 16 */
        -ms-animation: fadein 0.3s; /* Internet Explorer */
         -o-animation: fadein 0.3s; /* Opera < 12.1 */
            animation: fadein 0.3s;
			animation-timing-function:ease-out;
}

@keyframes fadein {
     from { opacity: 0; top:5px;}
    to   { opacity: 1;  top:0px;}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; top:5px;}
    to   { opacity: 1;  top:0px;}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; top:5px;}
    to   { opacity: 1;  top:0px;}
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; top:5px;}
    to   { opacity: 1;  top:0px;}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; top:5px;}
    to   { opacity: 1;  top:0px;}
}
	}