@media screen and (min-width: 300px) {
    /*MENU*/
    /*CELL STYELS*/
    li a {
        text-align: left;
    }

    .menu {
        background-color: #4b5f9b;
        margin: 0;
        padding: 0;
        display: block;
    }
    .menu li {
        list-style: none;
		/*border-right:#FFFFFF solid 2px;*/
    }
    
    .menu-header{
        text-decoration: none;
        padding: .5em 0;
        display: block;
        width: 100%;
        text-align: center;
        color: white;
        font-weight: 800;
        font-size: 1.8rem;
        /*border-bottom: thin solid white;*/
        
    }
    
    .menu span {
        padding-right: 5px;
        color: white;
    }
    
    .main-menu {
       display: none;
    }
 
    .main-menu li a{
        list-style: none;
        width: 100%;
        display: block;
        color: white;
        font-weight: 800;
        font-size: 1.4rem;
        text-decoration: none;
        padding: .4em .5em;
        border-bottom: thin solid white;
    }
    
	.main-menu li.active a {
        /*background-color:#009900;*/
		background-color:rgb(26,188,156);
    }
	
    .subMenu {background-color: #5c688a;}
    .subMenu ul { 
        color: white;
        display: none;
    }
    
    .subMenu span {padding-right: 1.5em; float: right;}

}

@media screen and (min-width: 570px) {
/*   CELL PORTRAIT*/
    .main-menu li a{
        /*font-size: 1.5rem;*/
		font-size: 1.5rem;
        line-height: 100%;
    }
	.main-menu li.active a {
        /*background-color:#009900;*/
		background-color:rgb(26,188,156);
    }
}

@media screen and (min-width: 820px) {
    
    .menu {
        padding: 0;
        margin: 0;
    }
    .menu-header {display: none;}
    .main-menu {
        display: block;
        padding: 0;
        margin: 0; 
        width: 100%; 
        
    }
    .main-menu li {
        display: inline;
        float: left;
        background-color: #f8991e none repeat scroll 0 0;
       /* width: 20%;*/
        /*margin: 0 0 0em 0;*/
		/*margin:0px 40px 0px 20px;*/
		padding:0px 1px;
    }
    .subMenu span {font-size: 1em;}
    .main-menu li a {
        /*text-align: center;*/
        display: block;
        /*font-size: 1.6rem;*/
        font-weight: 800;
        border: none;
        padding: 20px 0;
		text-align:center;
		line-height:normal;
    }
    
    .main-menu li.active a {
        /*background-color:#009900;*/
		background-color:rgb(26,188,156);
    }
	
    .subMenu ul {
        border: none;
        padding: 0;
    }
    
    .subMenu ul li{
        padding: 10px 0;
        margin: 0;
        display: block;
        clear: both;
        width: 100%;
        border-bottom: thin solid white;
    }
    .subMenu ul li:last-of-type{
        border: none;
    }
    .subMenu ul li a {
        border: none;
        text-align: center;
        display: block;
        clear: both;
        width: 150px;
        padding: 0;
        
    }
    .subMenu span {
        padding-right: 1em;
        
    }

}

@media screen and (min-width: 1070px) {

    .main-menu li a {
        padding: 5px 28px;
    }
    
	.main-menu li.active a {
        /*background-color:#009900;*/
		background-color:rgb(26,188,156);
    }
	
    .subMenu ul li a {
        text-align: center;
        width: 100%;
        display: block;
        padding: 1em 0;
		 
    }
    

}