/* Selfie Theme by D5 Creation, www.d5creation.com
/* =Responsive Design 
-------------------------------------------------------------- */

/* Responsive Styles */

@media screen and (max-width: 1279px) {
	body { min-width: 1000px; }
	
	.main-slider .slides li, .videoslide, .main-slider .flex_caption2  {height:550px;}
	.flex-control-nav {margin-left:-485px; bottom:50px;}
	.main-slider .flex_caption1 {margin-left:-450px; font-size:70px; line-height:80px;}
	.main-slider .slide_btn {margin-left:-450px; bottom:20%;}
	.main-slider .flex_caption2 {width:592px; height:550px;}
	#grid-staff { max-width: 1000px;}
	.view-staff { margin: 10px .85%; } 
	#selfie-main-menu a { font-size: 13px; font-weight: 300; padding: 10px 10px 15px; }
	#selfie-top-menu input#s:focus { width: 100px; }
	#video-box-item { height: 650px; }
	.effect .mask { border-width: 190px; }
}

@media screen and (max-width: 1023px) {
	body { min-width: 775px; }
	.main-slider .slides li, .videoslide, .main-slider .flex_caption2  {height:450px;}
	.flex-control-nav {margin-left:-350px; bottom:30px;}
	.main-slider .flex_caption1 {margin-left:-350px; font-size:50px; line-height:70px;}
	.main-slider .slide_btn {margin-left:-350px; bottom:20%;}
	.main-slider .flex_caption2 {width:485px; height:450px;}
	#grid-staff { max-width: 775px;}
	.view-staff { margin: 10px 4.5%; } 
	#selfie-main-menu a { font-size: 13px; font-weight: 300; padding: 10px 10px 15px; }
	#selfie-top-menu input#s:focus { width: 100px; }
	#video-box-item { height: 550px; }
	.effect .mask { border-width: 200px; }
	.statitem h3 { font-size: 57px; }
	.statitem p { font-size: 15px; }
	.absolutediv .boxtoptitle, .statbox .boxtoptitle { font-size: 48px; }
	.displaybox { padding: 50px 5%; }
	#selfie-top-menu { display: block; float: left; width: 100%; }
	img.site-logo { float: none; width: 45%; margin: 0 auto; display: block; }
	#selfie-top-menu ul.menu { display: block; float: left; margin: 0; }
	#selfie-main-menu { float: none; max-width: 100%; text-align: center; }
	#selfie-main-menu ul { display: inline-block; margin: 0; }
	#selfie-main-menu.gobottom { position: relative; right:auto; }
	.featured-box, .bqpcontainer .featured-box { width: 42%; }
	.grid-portfolio li { width: 49%; }
	.bqpcontainer .fpthumb { max-height: 30vw; }
}

@media screen and (max-width: 799px) {
	body { min-width: 575px; }
	.main-slider .slides li, .videoslide, .main-slider .flex_caption2  {height:350px;}
	.flex-control-nav {margin-left:-250px; bottom:30px;}
	.main-slider .flex_caption1 {margin-left:-250px; font-size:30px; line-height:50px;}
	.main-slider .slide_btn {margin-left:-250px; bottom:20%; font-size: 15px;}
	.main-slider .flex_caption2 {width:377px; height:350px;}
	#grid-staff { max-width: 575px;}
	.view-staff { margin: 10px 20%; } 
	#selfie-main-menu a { font-size: 13px; font-weight: 100; padding: 5px; }
	#selfie-main-menu ul ul ul { left: 15px;; top: 20px; }
	#video-box-item { display: none; }
	.effect .mask { border-width: 170px; }
	.statitem { width: 49%; }
	#selfie-top-menu { display: block; float: left; width: 100%; overflow: hidden; margin-left: -40000px; opacity: 0; }
	#selfie-top-menu ul.menu { display: block; float: left; margin: 0; }
	.grid-portfolio li { width: 80%; }
	#filter-gallery a { line-height: 25px; margin: 3px 8px; padding: 0 9px; }
	.bqpcontainer .tesheading .read-more { position: relative; }
	#content, #right-sidebar { width: 100%; float: left; }
	.post-container .fpthumb { max-height: 40vw; }
}


@media screen and (max-width: 599px) {
	body { min-width: 300px; }
	.main-slider .slides li, .videoslide, .main-slider .flex_caption2  {height:250px;}
	.flex-control-nav {margin-left:-150px; bottom:30px;}
	.main-slider .flex_caption1 {margin-left:-150px; font-size:20px; line-height:30px;}
	.main-slider .slide_btn {margin-left:-150px; bottom:20%; font-size: 15px;}
	.main-slider .flex_caption2, figcaption span, .mappingcontainer, .social { display: none; }
	#grid-staff { max-width: 300px;}
	.view-staff { margin: 10px 0%; } 
	#video-box-item { display: none; }
	.statitem { width: 100%; }
	#selfie-main-menu.gobottom { position: relative; right:auto; }
	.featured-box, .bqpcontainer .featured-box { width: 100%; }
	.grid-portfolio li { width: 100%; }
	#filter-gallery a { line-height: 25px; margin: 3px 8px; padding: 0 9px; }
	.bqpcontainer .tesheading .read-more { position: relative; right: 0; }
	.floatleft, .floatright { width: 100%; }
	.bqpcontainer .fpthumb { max-height: 50vw; }
	
	#header { position:relative; } 
	.headerheight { display: none; }
	#selfie-main-menu a { margin: 3px auto; border-bottom: 1px solid #EEEEEE; padding: 10px; background: #EEEEEE; width: 100%; }
	#selfie-main-menu li { float: none; width: 220px; margin: 0 auto; }
	#selfie-main-menu ul ul a { margin: 0 auto; width: 100%; }
}