/*xperto full div grid*/

.xs_grid_div {
	position: relative;
	width: 100%;
	margin:0;
	padding:0;
}

.padded{
	box-sizing: border-box;
	padding:10px;
}
.padded.p20{
	padding:20px;
}
.padded.p30{
	padding:30px;
}
.padded.p40{
	padding:40px;
}
.padded.p50{
	padding:50px;
}
.padded.plr20{
	padding-left:20px;
	padding-right:20px;
}
.padded.plr30{
	padding-left:30px;
	padding-right:30px;
}
.padded.plr40{
	padding-left:20px;
	padding-right:20px;
}
.padded.plr50{
	padding-left:50px;
	padding-right:50px;
}
.padded.ptb20{
	padding-top:20px;
	padding-bottom:20px;
}
.padded.ptb30{
	padding-top:30px;
	padding-bottom:30px;
}
.padded.ptb40{
	padding-top:20px;
	padding-bottom:20px;
}
.padded.ptb50{
	padding-top:50px;
	padding-bottom:50px;
}



.xs_grid_div_50{
	position: relative;
	float: left;
	width: 50%; /* Fallback */
	width: -webkit-calc(100% / 2);
	width: calc(100% / 2);
}
.xs_grid_div_20{
	position: relative;
	float: left;
	width: 20%; /* Fallback */
	width: -webkit-calc(100% / 5);
	width: calc(100% / 5);
}
.xs_grid_div_25{
	position: relative;
	float: left;
	width: 25%; /* Fallback */
	width: -webkit-calc(100% / 4);
	width: calc(100% / 4);
}

.xs_grid_div_30{
	position: relative;
	float: left;
	width: 30%; /* Fallback */
	width: -webkit-calc(100% - 70%);
	width: calc(100% - 70%);
}

.xs_grid_div_33{
	position: relative;
	float: left;
	width: 33.3333337%; /* Fallback */
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
}

.xs_grid_div_40{
	position: relative;
	float: left;
	width: 40%; /* Fallback */
	width: -webkit-calc(100% - 60%);
	width: calc(100% - 60%);
}
.xs_grid_div_60{
	position: relative;
	float: left;
	width: 60%; /* Fallback */
	width: -webkit-calc(100% - 40%);
	width: calc(100% - 40%);
}

.xs_grid_div_70{
	position: relative;
	float: left;
	width: 70%; /* Fallback */
	width: -webkit-calc(100% - 30%);
	width: calc(100% - 30%);
}

.xs_grid_div_75{
	position: relative;
	float: left;
	width: 75%; /* Fallback */
	width: -webkit-calc(100% - 25%);
	width: calc(100% - 25%);
}
.xs_grid_div_80{
	position: relative;
	float: left;
	width: 80%; /* Fallback */
	width: -webkit-calc(100% - 20%);
	width: calc(100% - 20%);
}


@media only screen and (max-width: 779px) {
	
	.xs_grid_div_25{
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
	}
	.xs_grid_div_40{
		width:100%;
		float: none;
	}
	
	.xs_grid_div_50{
		width:100%;
		float: none;
	}
    
	.xs_grid_div_60{
		width:100%;
		float: none;
	}
    
	.xs_grid_div_70{
		width:100%;
		float: none;
	}
    
	.xs_grid_div_75{	
		width: 75%; /* Fallback */
		width: -webkit-calc(100% - 25%);
		width: calc(100% - 25%);
	}
	
	.xs_grid_div_20{
		width: 30%; /* Fallback */
		width: -webkit-calc(100% - 70%);
		width: calc(100% - 70%);
	}
	.xs_grid_div_80{
		width: 70%; /* Fallback */
		width: -webkit-calc(100% - 30%);
		width: calc(100% - 30%);
	}
	
}

@media only screen and (max-width: 600px) {
	
	.xs_grid_div_50{
		width:100%;
		float: none;
	}
	.xs_grid_div_20{
		width:100%;
	}
	.xs_grid_div_25{
		width:100%;
	}
	.xs_grid_div_33{
		width:100%;
	}
	.xs_grid_div_75{width:100%;}
	.xs_grid_div_80{width:100%;}
	
}


@media screen and (max-width: 480px) {
	.xs_grid_div_50{
		width:100% !important;
		float: none;
	}
	.xs_grid_div_20{
		width:100%;
	}
	.xs_grid_div_25{
		width:100%;
	}
	.xs_grid_div_33{
		width:100%;
	}
	.xs_grid_div_75{width:100%;}
	.xs_grid_div_80{width:100%;}
}