.framework{
	/*border:1px solid green;	*/
	text-align:center;
}
.framework p{
	color:red;
}
.col-1 { 
	width:auto;
	clear:both;
}

body .full-container{background-color:#ededed;width:100%;}
body,.container{ min-width:288px; } 
.container-main{ width:100%}

/*.sub-col-1, .sub-col-2{ border:1px solid #0CC;}*/
.sub-col-1{ float:left; width:25%; margin-right:0;}
.sub-col-2{float:left; width:75%;}
/* ----------------------------------------
smaller than 980
------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 980px) {
	
	/* col-1 */
	.col-1 { 
		width:100%;
	/*	overflow:hidden; */
	}
	/* col-2 */
	.col-2 { 
		float:left;
		width:46%;
		overflow:hidden;
	}
	/* col-3 */
	.col-3 {
		float:left;
		width:33.33%;
		overflow:hidden;
	}
	/* col-4 */
	.col-4 {
		float:left;
		width:17.50%;
		overflow:hidden;
	}
	/* col-5 */
	.col-5 {
		float:left;
		width:50%;
		overflow:hidden;
	}
	/* col-5a */
	.col-5a {
		float:left;
		width:50%;
		overflow:hidden;
	}
	/* col-6 */
	.col-6 {
		float:left;
		width:82.3%;
		overflow:hidden;
	}

	
	/* col-7 */

	.col-7 {

		float:left;

		width:59.2%;

		overflow:hidden;

	}
	
	/* col-8 */

	.col-8 {

		float:none;

		/*width:90%;*/
		
		width:auto;

		overflow:hidden;

	}
	
	/* col-9 */

	.col-9 {

		float:left;

		width:95%; 

		overflow:hidden;

	}
	
	/* col-10 */

	.col-10{

		float:left;

		width:20%;

		overflow:hidden;

	}
	
	/* col-s-2 */

	.col-s-2 {

		float:left;

		/*width:35.3%; */
		
		width:auto;

		overflow:hidden;

	}



	/* col-s-3 */

	.col-s-3 {

		float:left;

		/*width:46.1%;*/
		
		width:100%;

		overflow:hidden;

	}
	
	/* .col-11 */
	.col-11{
		float:left;
		width:53.9%;
		overflow:hidden;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width:100%;
		height:100% !important;
	
	}
}
@media screen and (min-width: 769px) and (max-width: 979px) {
	.shadow{
		left:68.5%;
	}
}
/* ----------------------------------------
smaller than 768
------------------------------------------- */
@media screen and (max-width: 768px) {
	/* col-1 */
	.col-1 { 
		width:auto;
	/*	overflow:hidden; */
	}
	/* col-2 */
	.col-2 { 
		float:left;
		width:68.12%;
		overflow:hidden;
	}
	/* col-3 */
	.col-3 {
		float:right;
		width:33.33%;
		overflow:hidden;
	}
	/* col-4 */
	.col-4 {
		float:left;
		width:17.50%;
		overflow:hidden;
	}
	/* col-5 */
	.col-5 {
		float:left;
		width:50%;
		overflow:hidden;
	}
	/* col-5a */
	.col-5a {
		float:left;
		width:50%;
		overflow:hidden;
	}
	/* col-6 */
	.col-6 {
		float:left;
		width:82.3%;
		overflow:hidden;
	}
/* col-7 */

	.col-7 {

		float:left;

		width:59.2%;

		overflow:hidden;

	}
/* col-11 */
	.col-11{
		float:left;
		width:53.9%;
		overflow:hidden;
	}
	.nserp .col-2, .nserp .col-3, .nserp .col-4, .nserp .col-5, .nserp .col-5a, .nserp .col-6,.nserp .col-7,.nserp .col-8, .nserp .col-10,.nserp .col-11 { width: 100%; }
	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width:100%;
		height:100% !important; 
		float: left !important; 
	
	}
	.shadow{
		left:63%;
	}
}
@media screen and (max-width: 767px) {
	/*#menu-wrapper {display:none;}*/
}
/* ----------------------------------------
smaller than 650
---------------------------------------- */
@media screen and (max-width: 649px) {

/* General */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-5a, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-s-2, .col-s-3{ 
	width:auto; 
	margin:0; 
	float:none;
	clear:both;
} 

.col-5{
	width:50%;
}
.col-5a{

	width:100%;

}
.shadow{display:none;}

}

/* ----------------------------------------
smaller than 560
---------------------------------------- */
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

}