/* =======================================
	IG RESPONSIVE
========================================== */

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}



@media (max-width:480px) {
	.post_container,
	.comment-related_container {
		padding: 20px !important;
	}
}



/****************************************/
/* General
/****************************************/

.ig-container {
	width: 1170px;
	margin:0 auto;
	position: relative;
}

#content {
	margin-bottom:50px;
	overflow:hidden;
	margin-top:60px;
}

#main {
	width:810px;
	float:left;
}

#main.fullwidth {
	width: 800px;
	margin: 0 auto;
	float: none;
}

#main.fullwidth_big {
	width: 100%;
}

#sidebar {
	float:right;
	width:330px;
}
@media only screen and (min-width: 960px) and (max-width: 1200px) {
	.ig-container { width:950px; }
	#main { width: 70%; }
	#sidebar {
		width: 27%;
		overflow: hidden;
		padding: 0px 0px 0px 3%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	.ig-container { width:726px; }
	#main.fullwidth {width: 723px;}
	
	#main { width:100%; }
	#sidebar {
		width: 100%;
		overflow: hidden;
	#sidebar {width:100%;padding: 0px;}
	}
}

@media only screen and (max-width: 767px) {
	.ig-container { width:300px;}
	#content { width:300px;	margin: 60px auto 50px;}
	#main { width:100%; }
	#sidebar {width:100%;padding: 0px;}
	#main.fullwidth {width: 100%;}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.ig-container, #content { width:480px; }
}


/***************************************
 Promotion Box Grid
****************************************/

ul.promotion_box {
	width: 100%;
	display: table;
	table-layout: fixed;
}

ul.promotion_box li {
	list-style: none;
}

.promotion_box li.col-3 {
	width: 32.222222%;
	width: calc(97.7% / 3);
	position: relative;
	min-height: 1px;
	float: left;
	list-style: none;
	display: inline-table;
}

.promotion_box li.col-3:nth-child(2) {
	margin-left: 1.111111%;
	margin-right: 1.11111%;
}

@media (max-width: 960px) {
	.promotion_box li.col-3:nth-child(1) {
		width: 49.9999%;
		margin-right: 1%;
		margin-left: 0%;
	}
	.promotion_box li.col-3:nth-child(2) {
		width: 49%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.promotion_box li.col-3:nth-child(3) {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.promotion_box li.col-3:nth-child(1),
	.promotion_box li.col-3:nth-child(2),
	.promotion_box li.col-3:nth-child(3){
		width: 100%;
	}
}