.csres-100 {
	width:100%;	
}

.csres-90 {
	width:90%;	
}

.csres-80 {
	width:80%;	
}

.csres-75 {
	width:75%;	
}

.csres-70 {
	width:70%;	
}

.csres-66 {
	width:66.666%;	
}

.csres-60 {
	width:60%;	
}

.csres-50 {
	width:50%;	
}

.csres-40 {
	width:40%;	
}

.csres-33 {
	width:33.333%;	
}

.csres-30 {
	width:30%;	
}

.csres-25 {
	width:25%;	
}

.csres-20 {
	width:20%;	
}

.csres-10 {
	width:10%;	
}



/*PADDING ALL SIDES GOES HERE*/

.pad-5{
	padding:5px;
}

.pad-10{
	padding:10px;
}

.pad-15{
	padding:15px;
}

.pad-20{
	padding:20px;
}

.pad-25{
	padding:25px;
}

.pad-30{
	padding:30px;
}

.pad-35{
	padding:35px;
}

.pad-40{
	padding:40px;
}

.pad-45{
	padding:45px;
}

.pad-50{
	padding:50px;
}


/*PADDING LEFT RIGHT GOES HERE*/

.pad-0-5{
	padding:0 5px;
}

.pad-0-10{
	padding:0 10px;
}

.pad-0-15{
	padding:0 15px;
}

.pad-0-20{
	padding:0 20px;
}

.pad-0-25{
	padding:0 25px;
}

.pad-0-30{
	padding:0 30px;
}

.pad-0-35{
	padding:0 35px;
}

.pad-0-40{
	padding:0 40px;
}

.pad-0-45{
	padding:0 45px;
}

.pad-0-50{
	padding:0 50px;
}


/*PADDING TOP BOTTOM GOES HERE*/

.pad-5-0{
	padding:5px 0;
}

.pad-10-0{
	padding:10px 0;
}

.pad-15-0{
	padding:15px 0;
}

.pad-20-0{
	padding:20px 0;
}

.pad-25-0{
	padding:25px 0;
}

.pad-30-0{
	padding:30px 0;
}

.pad-35-0{
	padding:35px 0;
}

.pad-40-0{
	padding:40px 0;
}

.pad-45-0{
	padding:45px 0;
}

.pad-50-0{
	padding:50px 0;
}




@media all and (max-width: 1199px) and (min-width: 240px) {
	.container{
		width:96%;
		margin:0 2%;
	}
	
	header .container{
		width:100%;
		margin:0;
	}
}



@media all and (max-width: 959px) and (min-width: 481px) {
	/* items are not quite 1/3 wide */
	.item {
	  width: 33.33%;
	  float: left;
	  margin-right:0;
	}
	
	.item:nth-child(4n+0) > a {
		margin-right:20px;
	}
	
	.item:nth-child(3n+0) > a {
		margin-right:0;
	}
	
}

@media all and (max-width: 480px) and (min-width: 240px) {
	/* items are not quite 1/1 wide */
	.item {
	  width: 100%;
	  float: left;
	}
	
	.item a {
		margin-right:0;
	}
}


@media all and (max-width: 960px) and (min-width: 240px) {
	.csres-10, .csres-20, .csres-25, .csres-30, .csres-33,.csres-40,
	.csres-50, .csres-60, .csres-66, .csres-70, .csres-80, .csres-90{
		width:100%;
	}
	
	.pad-30-0{
		padding:25px 0;
	}
	
	.pad-40-0, .pad-45-0, .pad-50-0{
		padding:30px 0;
	}
	
	.pad-0-30{
		padding:0 25px;
	}
	
	.pad-0-40, .pad-0-45, .pad-0-50{
		padding:0 30px;
	}
	
	.pad-30{
		padding:25px;
	}
	
	.pad-40, .pad-45, .pad-50{
		padding:30px;
	}
	
	
	
	
	
	
	
	
	.logo{
		position:relative;
		width:70%;
		margin-right:10px;
		float:right;
	}
	
	.logo img{
		width:100%;	
	}
	
	.menu{
		/*display:none;*/
		position:absolute;
		z-index:500;
		width:100%;
		top:100%;
	}
	
	header ul{
		padding:0 !important;
		width:100% !important;
		display:block;
	}
	
	header ul li{
		width:100% !important;
	}
	
	header ul.top-hd{
		background:#71bf51;	
	}
	
	header ul.bottom-hd{
		background:#c7161d;	
	}
	
	.ddm ul{
		width:100%;
		display:block;
		background:#fff;
		display:inline-block;
	}
	
	.menu li{
		width:100%;
	}
	
	.ddm{
		position:relative;
		top:0;
		left:0;
		height:auto;	
	}
	
	.ddm ul{
		float:none;
		margin:0;
		 padding:0;	
	}
	
	.ddm li{
		background:#fff;	
	}
	
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* STYLES GO HERE */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* STYLES GO HERE */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* STYLES GO HERE */
}




 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* STYLES GO HERE */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
}
 
 
 
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
}
 
 
 
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
}
 
 
 
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
}