.money-graph-stats {
    height: 330px;
}
.navbar-brand-affcode {
    color: #ffffff;
    display: block;
}
.tdprov-col-1 {
    float: left; text-align: center; margin-left: 17%;
}
.tdprov-col-2 {
    float: left; text-align: center; margin-left: 25%
}
.tdprov-col-3 {
    float: right; text-align: center;
}
.money-graph-stats-col-1 {
    margin-left: -20px;
}
.money-graph-stats-col-2 {
    margin-left: -5px;
}
.tdreg-col {
    padding: 10px; font-size: x-large;
}
@media all and (max-width: 1024px) {
    #menuarea {
        margin-top: 12px!important;
    }
    .navbar-brand-affcode {
        display: inline-block;
    }
    .tdreg, .tdsales, .tdprov {
        font-size: large!important;
    }
    .tdprov-col-1 {
        margin-left: 10%;
    }
    .tdprov-col-2 {
        margin-left: 18%
    }
    #provs30days, #provs12monthes {
        width: 100%!important;
    }
}
@media all and (max-width: 768px) {
    #menuarea {
        float: left!important;
    }
    .menu li a {
        width: 75px!important;
        height: 45px!important;
        line-height: 0.9;
    }
    #regs30days {
        width: 100%!important;
    }
    .tdprov-col-1 {
        margin-left: 2%;
    }
    .tdprov-col-2 {
        margin-left: 10%
    }
}
@media all and (max-width: 425px) {
    #menuarea .subtext {
        display: none;
    }
    #menuarea {
        margin-left: -16px!important;
        height: 50px!important;
    }
    .menu li a {
        width: 45px!important;
        height: 25px!important;
        margin-right: 3px!important;
        padding: 13px 6px!important;
    }
    #regs30days, #views30days, #views12monthes, #regs12monthes, #provs30days, #provs12monthes, #pie30days, #pie12monthes {
        width: 100%!important;
    }
    .tdreg, .tdsales, .tdprov {
        width: 100%!important;
    }
    .tdprov {
        min-height: 152px!important;
    }
    .money-graph-stats {
        height: 510px;
    }
    .money-graph-stats-col-1, .money-graph-stats-col-2 {
        margin-left: -5px!important;
    }
}
@media all and (max-width: 375px) {
    .clearfix-mobile {
        clear: both; float: left; display: block; position: relative;
    }
    .menu li a {
        width: 65px!important;
        height: 30px!important;
        margin-right: 10px!important;
        padding: 13px 6px!important;
        margin-bottom: 8px;
    }
    #menuarea {
        margin-left: 16px!important;
        height: 120px!important;
    }
    .tdprov-col-1 {
        margin-left: 0;
    }
    .tdprov-col-2 {
        margin-left: 2%;
    }
    .money-graph-stats {
        height: 550px;
    }
}
@media all and (max-width: 320px) {
    #menuarea {
        margin-left: -8px!important;
    }
    .navbar-brand-affcode {
        display: block;
        margin-left: 24px;
    }
    .tdprov-col-1, .tdprov-col-2, .tdprov-col-3 {
        font-size: large!important;
    }
    .tdprov-col-3 {
        margin-top: 16px;
    }
    .tdreg-col {
        font-size: large;
    }
}

 @media all and (min-width: 480px) and (max-width: 767px) { /* For a iPad/Tablet size screen, the following just scales the menu down, to still fit on the screen */

 	#container { 
	width: 700px;
	height: 100px;
	margin: 40px auto;
	}

	.menu {
    width: 660px;
    margin: 40px auto;
	}

	.menu ul li { z-index: -10;}
 
 	.menu li a {
 		width: 65px;
	    height: 40px;
	    padding: 16px 5px;
	    margin: 0px 3px;
	    font-size: 15px;
 	}

 	span.subtext {font-size: 9px}

 	.menu li:hover > ul {   
    display: block; 
    top:70px; 
    left: 5px;
    width: 80px;
    border-top: 5px solid transparent;
    z-index: 120;
	}

	.menu ul li a {
    width: 70px;
    height: 40px;

    padding: 15px 0px 4px 0px;
    margin: 3px 0px 0px 0px;
	text-align: center;
    font-size: 14px;
 
    border: none;
	}

	.menu li ul li:hover > ul {    
    width: 700px;
    min-height: 70px;
    display: inline;
    
	left: 68px; 
	top: 2px;
	}

	.menu ul li ul li a {
    padding: 10px 12px 3px 0px;
    margin: 0px 0px 5px 5px;
    width: 40px;
    height: 40px;
    border-left: 10px solid transparent;
    font-size: 13px;

	}
 }

   @media all and (max-width: 420px) { /* This is now for iPhone Landscape and smaller */

   	/** {margin: 0; padding: 0; display: block;}*/

	#container { 
	width: 400px;
	height: 100px;
	margin: 0px;
	}

	.menu {
	display: block;
    width: 480px;
    margin: 10px;
	}

	.menu li a {
		width: 380px;
		height: 10px;
		padding: 5px 0px 10px 0px;
	}

	.menu li ul { display: block; position: relative;}

	.menu li ul li a {
		width: 330px;
		height: 20px;
		padding: 5px 0px 0px 50px;
		margin: 0px;
		border: 0px;
	}

	.menu li ul li ul {display: none;}

	.menu ul li ul li a {
		width: 300px;
		height: 20px;
		left: 10px;
		padding: 5px 0px 0px 80px;
		top: 0px;
		margin: 0px;
		border: 0px;
	}

	.menu li ul li:hover > ul {  padding: padding: 5px 0px 0px 30px; }	

	.menu li:hover > ul { 
		top: 0px;
		left: 10px;
		border-top: 0px;
		-webkit-animation: none;
	}

	.menu li ul li:hover ul {
		top: 0px;
		left: 0px;
	}

	span.subtext, span.icon-large { display: inline;}
	span.icon-large { font-size: 14px; float: left; margin-left: 40px;}
	span.subtext { margin-left: 20px;}

}