/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ============================================ */


	
/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */


	
header {
	width: 100%; /* 720px / 768px */
}


footer {
	width: 100%; /* 720px / 768px */
}

#header .sec1,
#header .sec2,
#header .sec3 {
	display: block;
	clear: both;
	float: none !important;
	margin: 0 auto !important;
	width: 100% !important;
	clear: none;
}

#header .sec3 {
	padding-top: 30px;	
}

#header .sec1.col, #header .sec2.col, #header .sec3.col  {
	margin: 0 auto !important;
	width: 100% !important;
	text-align: center !important;
}

#header .site-logo, #header hgroup {
	display: block !important;	
}

#header .sec3 #top-menu, #header .sec3 .searchwidget {
	padding-right: 20px;	
}

#header .searchwidget {
	max-width: 90% !important;
	float: none !important;	
	text-align: center !important;
	margin: 0 auto;
}

#header .searchwidget #s {
	width: 98% !important;	
}

#header .socialm {
	float: left !important;
	padding-left: 20px;	
}

.site-tag {
	line-height: 1.3em;
	text-align: center !important;	
	font-size: 15px;
}

.s1-form .wpcf7-form-control {
	margin: 5px 20px !important;
    	width: 80% !important;
}

#submit-btn.wpcf7-form-control {
	width: 85% !important;
}

#sign-share .s1, #sign-share .s2, #sign-share .s3 {
	width: 95% !important;
}

#sign-share .s4 {
	/*
	clear: both;
	width: 100% !important;
	margin: 0 auto;
	text-align: center !important;
	padding-top: 20px;
	*/
	display: none;
}

#sign-share .s4 .post-thumb-sml {
	float: none !important;	
	display: inline;
}

#sign-share .s5 {
	clear: both;
	width: 100% !important;	
	padding-top: 20px;
}

.resimg, attachment-vid-thumb {
	width: 100% !important;
}

#content .featured {
	padding: 0px 10px;	
}

#content .featured .post-thumb {
	float: none !important;
	text-align: center !important;
	width: 90% !important;
	margin: 0 auto;
}

#content .featured .post-title {
	text-align: center !important;
}

#sidebar-right .widget_dpe_fp_widget ul li {
	width: 46% !important;
	float: left;	
}

#sidebar-left .widget, #sidebar-right .widget {
	text-align: center !important;	
}

#text-8 {
	display: block;
	clear: both;	
	text-align: left;
}

iframe {
	max-width: 100%;
} 

#footer2 .col, #footer3 .col {
	width: 100% !important;
}

#footer3 .col, #legal-menu {
	text-align: center !important;	
}
 
.channels {
	padding: 0px 10px;	
}

#content .span_4_of_12 {
	width: 48% !important;
}

/*
#sign-share .span_5_of_12 {
	position: relative; 
	right: 57.66%; 
}

#sign-share .span_7_of_12 {
	position: relative; 
	left: 40.73%; 
}
*/	

/*  GRID OF EIGHT TURNS INTO A GRID OF FOUR */

.span_8_of_8 {
	width: 100%; 
	margin-left: 0;
}

.span_7_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_6_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_5_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_4_of_8 {
	width: 100%;
	margin-left: 0;
}

.span_3_of_8 {
	width: 74.2%;
	margin: 1% 0 1% 3.2%;
}

.span_2_of_8 {
	width: 48.4%;
	margin: 1% 0 1% 3.2%; 
}

.span_1_of_8 {
	width: 22.6%;
	margin: 1% 0 1% 3.2%; 
}

.span_1_of_8:nth-child(4n+1) { 
	clear: both;
	margin-left: 0;
}
		
/*  Except in the Example and in the Sample */

#example .maincontent .span_8_of_8 {
	width: 100%; 
	margin-left: 0;
}
#example .maincontent .span_7_of_8 {
	width: 100%; 
	margin-left: 0;
}
#example .maincontent .span_6_of_8 {
	width: 100%;
	margin-left: 0; 
}
#example .maincontent .span_5_of_8 {
	width: 100%; 
	margin-left: 0;
}
#example .maincontent .span_4_of_8 {
	width: 100%; 
	margin-left: 0;
}
#example .maincontent .span_3_of_8 {
	width: 100%;
	margin-left: 0; 
}
#example .maincontent .span_2_of_8 {
	width: 100%%; 
	margin-left: 0;
}
#example .maincontent .span_1_of_8 {
	width: 100%; 
	margin-left: 0;
}

#sample .maincontent .span_8_of_8 {
	width: 100%; 
	margin-left: 0;
}
#sample .maincontent .span_7_of_8 {
	width: 100%; 
	margin-left: 0;
}
#sample .maincontent .span_6_of_8 {
	width: 100%;
	margin-left: 0; 
}
#sample .maincontent .span_5_of_8 {
	width: 100%; 
	margin-left: 0;
}
#sample .maincontent .span_4_of_8 {
	width: 100%; 
	margin-left: 0;
}
#sample .maincontent .span_3_of_8 {
	width: 100%;
	margin-left: 0; 
}
#sample .maincontent .span_2_of_8 {
	width: 100%%; 
	margin-left: 0;
}
#sample .maincontent .span_1_of_8 {
	width: 100%; 
	margin-left: 0;
}