/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

/*iPAD*/ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
body, html {
	background: url('http://www.gigantichand.com/divideinconcord/wp-content/themes/responsive/vids/video-bg.jpg')  0% 0% fixed;
	background-size:cover;
	}
	#middle {
	margin-top:50px;	
		}
}
@media screen and (max-width: 980px) {


	body, html {
	}
	
	


	.grid,
	.grid-right {
		float: none;
	}
	
	#middle {
		margin-top:50px;
		
		}
	
	.panel {
		padding-top:0;
		margin-top:50px;
		}	
	
	.social-bar {
float: right;
width: 19%;
	}
	
	

	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}



	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}

	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	.hide-desktop {
		display: block;
	}

	.show-desktop {
		display: none;
	}

	.hide-980 {
		display: none;
	}

	.show-980 {
		display: block;
	}

}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	  #middle {
		  width:100%;
		  margin-top:50px;
		 		  }

}


@media screen and (max-width: 780px) {
.slicknav_menu {
  display:block;
  margin-top:2%;
	}
	
	#middle {
		width:95%;
		float:none;
		margin:86px auto;
		background:#fff;
		background-image:none;
		}
	.mobilog img {
	width:80%;
	display:block;
	top:28%;	
		}	
		
	.mobilog {
		display:block;
		height:5em;
		}	
	#pro-left {
		display:none;
		}
	
}


/*iphone 6 landscape*/ 
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 2)
{ 
	body, html {
	background:#222;
	}
	video{
		display:none !important;
		
	}
	
	.continent p, .screen-date, .press-block, .seorg {
	width:90%;
	margin:0 auto 1.6em;
	}
	.mobilog img {
	width:80%;
	top:13px;
		
		}	
	.posty {display:block;
		}
	
}
/*iphone 6 portrait*/ 
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 2)
{ 
	body, html {
	background:#222;
	}
	video{display:none !important;}
	.slicknav_menu {
	}
	
	.mobilog img {
	width:80%;
	top:25px;	
		}	
body.page-id-100 #middle {
	
}

body.page-id-100 .mobilog {
	position:absolute;
	z-index:9999;
	}
	.posty {display:block;
		}
	
}

@media screen and (max-width: 667px) {

	
body, html {
	}
#header {
	width:100%;
}

.posty {display:block;
		}


body.page-id-100 #middle {
}

.lauren {
	display:none;
	}	



#nav {
	display:none;
	}

#content-full {
	min-height:100%;
	}

p, .screen-date, .press-block, .seorg {
	width:92%;
	margin:0 auto 1.6em;
	}
	

img.pro-head {display:none;
}

#wrapper {
	width:100%;
}
 
 
#middle{
	transition: .2s all ease;			
	width: 100%;
	margin-top:50px;
}


.open a, .open a:hover {  
    padding: 7px 15px;  
}  

.left .open a {
	    background-color: #002e56;  
}




.navi ul li a {
	border:none;
	margin-bottom:0;
	}
	

div.video-wrap {
	width:100%;
	} 
 

#foot .nsu-form label {
	margin-top:0px;
}

#foot {
	bottom:-75px;
}

.twitter-holder {
	bottom:0px;
}

	body {
	}
	#container {
margin: 0 auto;
padding:0;
width:100%;
	}
	
	.title-wrap {
		width:100%;
		}
	.continent {
		margin:0 auto;
		}	
	.nsu-form input[type="email"] {
height: 20px ant;
margin-right: 10px;
margin-top: 2px;
width: 38%;
}
	
	.social-bar {
width: 42%;
}

.soc-btn {
float: left;
margin-top: 11px;
}

#foot {height:75px;
}
	
	
	li#menu-item-24, li#menu-item-23, li#menu-item-22, li#menu-item-21, li#menu-item-20, li#menu-item-19 {
width: 100%;
text-indent:0;
background:#000;
color:#fff;	
}

	#logo {
		float: none;
		margin: 0;
		text-align: center;
	}
.logger{
	width:50%;
	margin:0 26%;
	display:none;
	}
	.grid,
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.top-widget {
		float: none;
		margin: 0 auto 10px auto;
		position: relative;
		text-align: center;
		width: auto;
	}

	.top-widget .widget-title h3 {
		text-align: center;
	}


	.social-ics {
	margin: 10px 42%;
	width:50%;
	height:30px;
	}

	.top-menu,
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}

	#author-meta {
		padding: 20px;
	}

	#wrapper .gallery .gallery-item {
		max-width: 100%;
	}

	.hide-650 {
		display: none;
	}

	.show-650 {
		display: block;
	}

	.hide-mobile {
		display: none;
	}


@media screen and (max-width: 480px) {

	body {
	}
	#middle, #con-right, #pro-left {
	transition: .2s all ease;			
	width: 100%;
	margin-top:0;
}
.slicknav_menu {
	display:block;
	margin-top:2%;
	}


	#logo {
		float: none;
		text-align: center;
	}
	.logger {
		width:65%;
		margin:0 18%;
		}
		
	.continent {
		width:86%;
		}	
	.grid,
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.featured-title {
		font-size: 40px;
		padding: 40px 20px 0 20px
	}

	.featured-subtitle {
		font-size: 24px;
	}

	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
.social-ics {
	margin: 10px 36%;
	width:50%;
	height:30px;
	}
	.panel .social-ics a {
		padding-bottom:0;
		
		}

	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;
		text-rendering: optimizeSpeed;
	}

	#wrapper .gallery .gallery-item {
		float: none;
	}

	.hide-480 {
		display: none;
	}

	.show-480 {
		display: block;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
}

@media screen and (max-width: 320px) {

	body {
	}

#middle, #con-right, #pro-left {
	transition: .2s all ease;			
	width: 100%;
}

	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}

	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}

	.hide-320 {
		display: none;
	}

	.show-320 {
		display: block;
	}
}

@media screen and (max-width: 240px) {

	body {
	}

	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}

	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"],
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}

	.widget-title h3,
	.widget-title-home h3 {
		font-size: 14px;
		height: 13px;
		line-height: 13px;
		text-align: left;
	}

	.hide-240 {
		display: none;
	}

	.show-240 {
		display: block;
	}
}
	}

	.show-320 {
		display: block;
	}
}

@media screen and (max-width: 240px) {

	body {
	}

	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}

	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"],
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}

	.widget-title h3,
	.widget-title-home h3 {
		font-size: 14px;
		height: 13px;
		line-height: 13px;
		text-align: left;
	}

	.hide-240 {
		display: none;
	}

	.show-240 {
		display: block;
	}
}