/*

FOR ADDITIONAL SUPPORT: Contact the developer at http://www.themeforest.net/user/egobuilders

*****************************************************************************************************

NOTE: UPDATES TO STYLE MUST FIRST BE MADE IN "style.css" AND THEN ONLY UPDATED HERE IF NECESSARY

- This file contains the responsive CSS - Please see "style.css" before changing these styles
- This file contains all styles for screen widths over 1700 pixels
- "style.css" contains the style for screen widths of 1700 pixels and below

*****************************************************************************************************

RESPONSIVE CSS TABLE OF CONTENTS:

Note: Responsive "break points" listed below are not based on exact device dimensions, due to
different browsers returning different values for screen widths, as some include the scroll bar and
some do not. These widths were chosen for optimal responsiveness.

NOTE: Anything set in a higher pixel width applies to all widths below it by default,
unless different parameters are set in the lower pixel widths

*****************************************************************************************************

*/
















































/*

3000 pixels wide, or less

*/

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

.responsive {
	width:1800px;
}

}
















































/*

2300 pixels wide, or less

*/

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

.responsive {
	width:1700px;
}

}
















































/*

2000 pixels wide, or less

*/

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

.responsive {
	width:1600px;
}

}














































/*

1700 pixels wide, or less

*/

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

.responsive {
	width:1400px;
}

nav .menu ul li a,
nav ul.menu li a,
nav a.menu {
	font-size:14px;
	padding:30px 15px;
}

#gallery-header {
	left:35px;
	top:35px;
	font-size:48px;
	padding:8px 25px 13px 25px;
}


}

















































/*

1600 pixels wide, or less

*/

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

.responsive {
	width:1350px;
}

nav .menu ul li a,
nav ul.menu li a,
nav a.menu {
	font-size:13px;
	padding:30px 15px;
}

}




















































/*

1480 pixels wide (Internet Explorer hack), or less

*/

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

.responsive {
	width:1350px;
}

nav .menu ul li a,
nav ul.menu li a,
nav a.menu {
	font-size:13px;
	font-weight:300px;
	padding:25px 15px;
}

.the-color-picker {
	margin-top:-8px;
	margin-bottom:-3px;
}
h1 {
	font-size:54px;
	line-height:50px;
}
h2 {
	font-size:48px;
	line-height:38px;
}
h3 {
	font-size:30px;
	line-height:33px;
}
h4 {
	font-size:26px;
	line-height:29px;
}
h5 {
	font-size:22px;
	line-height:24px;
}
h6 {
	font-size:18px;
	line-height:20px;
}
.gallery-caption-content {
	width:70%;
}

nav .menu ul li ul.children,
nav ul.menu li ul.sub-menu {
    top:67px;
}
nav .menu ul li ul.children li ul.children,
nav ul.menu li ul.sub-menu li ul.sub-menu {
    margin-top:-67px;
}
nav .menu ul li ul.children li ul.children li ul.children,
nav ul.menu li ul.sub-menu li ul.sub-menu li ul.sub-menu {
    margin-top:-67px;
}

}
















































/*

1400 pixels wide, or less

*/

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

.responsive {
	width:100%;
}
#logo-home > h1 {
	letter-spacing:-1px;
}
nav .menu ul li a,
nav ul.menu li a,
nav a.menu {
	font-size:12px;
	font-weight:300px;
	padding:25px 15px;
}
.the-color-picker {
	margin-top:-8px;
	margin-bottom:-3px;
}
h1 {
	font-size:50px;
	line-height:45px;
	letter-spacing:-2px;
}
h2 {
	font-size:26px;
	line-height:25px;
}
h3 {
	font-size:27px;
	line-height:30px;
}
h4 {
	font-size:24px;
	line-height:26px;
}
h5 {
	font-size:21px;
	line-height:23px;
}
h6 {
	font-size:18px;
	line-height:20px;
}
.text {
	font-size:15px;
	line-height:19px;
}
a[class^="button-"],
button[class^="button-"] {
	font-size:13px;
	padding:7px 22px;
	font-weight:400;
}

.crew-name {
	font-size:22px;
	line-height:18px;
}
.crew-title {
	font-size:10px;
	font-weight:400;
}
.crew-text {
	font-size:13px;
	font-weight:300;
	line-height:15px;
}
.crew-photo {
	height:175px;
}
#gallery-header {
	left:35px;
	top:35px;
	font-size:45px;
	line-height:40px;
	font-weight:300;
	padding:15px 30px 17px 30px;
}
input[type="text"],
textarea {
	font-size:14px;
	font-weight:400;
}

.bottom-arrow {
	top:-145px;
}
.gallery-caption-content {
	width:80%;
}

.pad-bottom-contact {
	padding-bottom:50px;
}


}

















































/*

1300 pixels wide, or less

*/

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

.padder-top {
	padding-top:75px;
}
.padder-bottom {
	padding-bottom:100px;
}

nav .menu ul li a,
nav ul.menu li a,
nav a.menu {
	padding:25px 10px;
}

h1 {
	font-size:45px;
	line-height:41px;
}
h2 {
	font-size:30px;
	line-height:28px;
}
h3 {
	font-size:24px;
	line-height:27px;
}
h4 {
	font-size:22px;
	line-height:24px;
}
h5 {
	font-size:20px;
	line-height:22px;
}
h6 {
	font-size:18px;
	line-height:20px;
}
.text {
	font-size:15px;
	line-height:19px;
}
.crew-content {
	padding:40px 20px 0px 45px;
}
.gallery-caption-content {
	width:80%;
}
#gallery-header {
	left:35px;
	top:35px;
	font-size:45px;
	font-weight:300;
	padding:15px 30px 17px 30px;
}

}

















































/*

1200 pixels wide, or less

*/

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


nav .menu ul li a,
nav ul.menu li a,
nav a.menu {
	padding:25px 9px;
}
h1 {
	font-size:43px;
	line-height:40px;
}
h2 {
	font-size:25px;
	line-height:21px;
}
h3 {
	font-size:21px;
	line-height:25px;
}
h4 {
	font-size:20px;
	line-height:22px;
}
h5 {
	font-size:19px;
	line-height:21px;
}
h6 {
	font-size:18px;
	line-height:20px;
}
.text {
	font-size:14px;
	line-height:19px;
}
.crew-text {
	font-size:14px;
}

.gallery-caption-content {
	width:80%;
}

.prev-next {
	margin-top:-20px;
	margin-bottom:0px;
	font-size:11px;
}

.prev-next a {
	font-size:13px;
}


}

















































/*

1100 pixels wide, or less

*/

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

nav .menu ul li a,
nav ul.menu li a,
nav a.menu {
	padding:25px 9px;
}
h1 {
	font-size:41px;
	line-height:37px;
}
h2 {
	font-size:23px;
	line-height:19px;
}
h3 {
	font-size:24px;
	line-height:26px;
}
h4 {
	font-size:20px;
	line-height:22px;
}
h5 {
	font-size:19px;
	line-height:21px;
}
h6 {
	font-size:18px;
	line-height:20px;
}
.text {
	font-size:14px;
	line-height:19px;
}
.crew-social {
	padding:10px 0px 10px 0px;
}
.gallery-caption-content {
	width:90%;
}


}

















































/*

980 pixels wide, or less

*/

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

.disappear {
	display:none;
}

.padder-top {
	padding-top:75px;
}
.padder-bottom {
	padding-bottom:50px;
}
div[class*="width-"] {
	float:none;
	width:100%;
}
.hpad {
	padding:0px 20px 0px 20px;
}
div[class^="width-"] {
	width:100% !important;
	max-width:100%;
}
.center-to-left {
	text-align:left;
}

#home {
	background-attachment:scroll !important;
}

nav #menu {
	
}

#gallery {
	margin-top:50px;
}

.the-nav {
	display:block;
	text-align:left;
	clear:both;
	float:none;
	width:100%;
	height:0px;
	overflow:hidden;
}

.the-nav-holder {
	display:table;
	vertical-align:none;
	width:100%;
	margin-left:0px;
}

.the-logo,
.the-picker {
	clear:both;
	float:none;
	position:relative !important;
	top:0px;
}

.the-logo {
	
}

.the-picker {
	float:right;
	max-width:230px;
	right:0px;
	top:0px;
}

#menu-btn {
	display:table;
	text-align:left;
	position:relative;
	font-size:25px;
	width:100%;
	margin-right:-30px;
	cursor:pointer;
}

nav .menu ul,
nav ul.menu {
	width:100%;
	margin:0px;
	padding:0px;
}
nav .menu ul li,
nav ul.menu li {
	display:block;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}
nav .menu ul li a,
nav ul.menu li a,
nav a.menu {
	display:table;
	font-size:25px;
	width:100%;
	text-align:left;
	padding:25px 25px 25px 30px;
	padding:10px 25px;
	background-color:#303036;
	white-space:normal;
	clear:both;
	float:none;
	border-top:0;
	border-bottom:solid 1px #606066 !important;
}

nav .menu ul > li > ul.children,
nav ul.menu > li > ul.sub-menu {
	display:table;
	position:relative;
	top:0px !important;
	width:100%;
	border-bottom:solid 1px #606066;
}
nav .menu ul > li > ul.children > li > a,
nav ul.menu > li > ul.sub-menu > li > a {
	background-color:#19191f;
	font-size:15px;
}
nav .menu ul > li > ul.children > li a:hover,
nav ul.menu > li > ul.sub-menu > li a:hover {
	background-color:#09090f;
}

nav .menu ul > li > ul.children > li:hover > ul.children,
nav ul.menu > li > ul.sub-menu > li:hover > ul.sub-menu {
    display:table-cell;
}

nav .menu ul > li > ul.children > li > ul.children,
nav ul.menu > li > ul.sub-menu > li > ul.sub-menu {
	display:table-cell;
	position:relative;
	top:0px !important;
	width:1000px;
	border-bottom:solid 0px #606066;
}
nav .menu ul > li > ul.children > li > ul.children > li > a,
nav ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
	background-color:#19191f;
	padding-left:75px;
	font-size:15px;
}
nav .menu ul > li > ul.children > li > ul.children > li,
nav ul.menu > li > ul.sub-menu > li > ul.sub-menu > li {
	font-size:15px;
}
nav .menu ul > li > ul.children > li > ul.children > li > a:hover,
nav ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
	background-color:#09090f;
}

nav .menu ul > li > ul.children > li > ul.children > li:hover > ul.children,
nav ul.menu > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
    display:table-cell;
}

nav .menu ul > li > ul.children > li > ul.children > li > ul.children,
nav ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
	display:table-cell;
	position:relative;
	top:0px !important;
	width:1000px;
	border-bottom:solid 0px #606066;
}
nav .menu ul > li > ul.children > li > ul.children > li > ul.children > li > a,
nav ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
	background-color:#19191f;
	padding-left:100px;
	font-size:15px;
}

nav a:hover.menu {
	color:#ffffff;
	background-color:#000000;
}

h1 {
	font-size:45px;
	line-height:41px;
}
h2 {
	font-size:30px;
	line-height:28px;
}
h3 {
	font-size:23px;
	line-height:27px;
}
h4 {
	font-size:20px;
	line-height:24px;
	font-weight:300;
	margin-top:20px;
}
h5 {
	font-size:19px;
	line-height:21px;
}
h6 {
	font-size:18px;
	line-height:20px;
}
.logo-nav-inner h3 {
	font-size:35px;
}
.text {
	font-size:16px;
	line-height:24px;
}

.pad-top-shrink {
	padding-top:25px;
}
.pad-bottom-100 {
	padding-bottom:0px;
}
.pad-bottom-200 {
	padding-bottom:0px;
}
.pad-bottom {
	padding-bottom:0px;
}
.logo-top-padding {
	padding-top:30px;
}
.first-top-padding {
	padding-top:100px;
	margin-top:30px;
}
.links {
	background-color:#404044;
}
.crew-name {
	font-size:30px;
}
.crew-title {
	font-size:12px;
}
.crew-text {
	font-size:18px;
	line-height:23px;
}
.crew-social {
	padding:25px 0px 10px 0px;
}
.crew-photo {
	height:250px;
}

#gallery-header {
	left:35px;
	top:115px;
	font-size:45px;
	padding:5px 20px 10px 20px;
}

.header-width-left {
	width:100px;
}

.header-width-right {
	width:100%;
	float:none;
}

.logo-font {
	padding-top:35px;
}

.tagline {
	line-height:10px;
}

div.gallery-photo {
	background-size:contain !important;
}


}
















































/*

880 pixels wide, or less

*/

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

h1 {
	font-size:60px;
	line-height:56px;
}
h2 {
	font-size:47px;
	line-height:45px;
}
h3 {
	font-size:33px;
	line-height:38px;
}
h4 {
	font-size:20px;
	line-height:22px;
	font-weight:300;
	margin-top:20px;
}
h5 {
	font-size:19px;
	line-height:21px;
}
h6 {
	font-size:18px;
	line-height:20px;
}
.logo-nav-inner h3 {
	font-size:30px;
}
.text {
	font-size:23px;
	line-height:32px;
}
.box-picker {
	float:right;
	margin-right:-30px;
}
nav .menu ul li a,
nav ul.menu li a,
nav a.menu {
	font-size:25px;
	clear:both;
	float:none;
	text-align:left;
	display:table;
	width:100%;
	padding:10px 25px;
	padding-left:30px;
	background-color:#303036;
}
nav a:hover.menu {
	color:#ffffff !important;
	background-color:#000000;
}
.break-center {
	clear:both;
	float:none;
	padding:0;
	padding-top:30px;
	margin:0;
	width:100%;
	text-align:center;
	margin:auto;
}
.break-left {
	text-align:left;
}
#respond .break-input {
	clear:both;
	float:none;
	width:100% !important;
}
#respond .comment-text {
	margin-top:10px;
}
.input-offset {
	font-size:25px !important;
	height:30px;
}
.textarea-offset {
	font-size:25px !important;
}
.input-underline {
	height:20px;
}
.textarea-underline {
}
.contact-label {
	font-size:30px;
}

.crew-holder {
	padding-bottom:50px;
}

.crew-left,
.crew-right {
	width:100%;
	height:auto;
	clear:both;
	float:none;
}
.crew-name {
	font-size:55px;
	line-height:45px;
}
.crew-title {
	font-size:25px;
	display:block;
}
.crew-text {
	font-size:20px;
	line-height:25px;
	padding-bottom:25px;
}
.crew-frame {
	width:100%;
	padding:0px 0px 0px 0px;
}
.crew-photo {
	height:500px;
	margin:0px 0px;
}
.crew-social {
	position:relative;
	width:100%;
	padding:0px 0px 30px 0px;
}
a.social {
	padding:10px;
	margin:0px 15px;
}

.captions-pad {
	padding:20px 0px 0px 0px;
}

#gallery-title {
	font-size:30px;
	line-height:30px;
}

#gallery-description {
	font-size:20px;
	line-height:20px;
	padding-right:0px;
}

button[class^="button-"] {
	display:block;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	font-size:20px;
	margin-bottom:10px;
}
button#send-btn {
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	font-size:25px;
	margin-bottom:10px;
}
#gallery-url {
	margin-bottom:0px;
}

#gallery-header {
	left:0px;
	top:115px;
	font-size:25px;
	padding:5px 25px 10px 25px;
}

.logo-font {
	font-size:40px;
}
.tagline {
	font-size:12px;
}

.post-title {
	font-size:35px !important;
	line-height:35px !important;
	font-weight:400;
}

.comment-content {
	clear:both;
	float:none;
	left:0px !important;
	top:20px;
	padding-bottom:10px;
}

.comment-content p {
	font-size:16px !important;
}

.prev-next {
	margin-top:-20px;
	margin-bottom:0px;
	font-size:11px;
}

.prev-next a {
	font-size:11px;
}

.the-pages {
	display:table;
	float:left;
	color:#000000;
	min-width:49%;
	height:40px;
	text-align:left;
	font-weight:900;
	margin:25px 0px 0px -10px;
	letter-spacing:1px;
}

.the-pages a {
	display:inline-table;
	text-decoration:none;
	color:#909096 !important;
	border-radius:0px;
	background-color:transparent;
	text-align:center;
	border:0;
	font-weight:900;
	width:auto;
	height:25px;
	padding:0px 0px 0px 2px;
	margin:0px 1px 0px 0px;
	letter-spacing:2px;
}

.the-pages a:hover {
	text-decoration:underline;
	color:#303036 !important;
	background-color:transparent;
	border:0;
}


}




















































/*

500 pixels wide, or less

*/

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

h1 {
	font-size:50px;
	line-height:46px;
}
h2 {
	font-size:37px;
	line-height:35px;
}
h3 {
	font-size:30px;
	line-height:34px;
	font-weight:300;
}
h4 {
	font-size:20px;
	line-height:22px;
	font-weight:300;
	margin-top:20px;
}
h5 {
	font-size:19px;
	line-height:21px;
}
h6 {
	font-size:18px;
	line-height:20px;
}
.logo-nav-inner h3 {
	font-size:20px;
}
.text {
	font-size:20px;
	line-height:25px;
}

#logo-home {
	top:150px;
}

#logo-nav {
	
}

a.tab,
a.tab-off {
	font-size:13px;
	padding:5px 10px;
}

.tab-content {
	padding:20px !important;
}

.captions-pad {
	padding:20px 0px 0px 0px;
}

#gallery-title {
	font-size:25px;
	line-height:25px;
}

#gallery-description {
	font-size:15px;
	line-height:15px;
	padding-right:0px;
}

button[class^="button-"] {
	display:block;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	font-size:20px;
	margin-bottom:10px;
}
button#send-btn {
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	font-size:20px;
	margin-bottom:10px;
}
.input-offset {
	font-size:20px !important;
	background-color:transparent;
}
.textarea-offset {
	font-size:20px !important;
	background-color:transparent;
}
#gallery-url {
	margin-bottom:40px;
}
a.social {
	margin-bottom:10px;
}

#gallery-header {
	left:0px;
	top:115px;
	font-size:20px;
	padding:5px 20px 10px 20px;
}

.crew-name {
	font-size:36px;
	line-height:40px;
}
.crew-title {
	font-size:19px;
	padding-top:0px;
}
.crew-text {
	font-size:20px;
	line-height:25px;
}
.crew-content {
	padding:30px 20px 0px 35px;
}
.crew-photo {
	height:300px;
}

.logo-font {
	font-size:40px;
}
.tagline {
	font-size: 14px;
	line-height: 12px;
}
.bg-contact {
	background-image:none !important;
}
.address-street {
	font-size:18px;
	font-weight:300;
}
.contact-label {
	color:#909099;
	font-size:20px;
	font-weight:700;
}
nav .menu ul li a,
nav ul.menu li a {
	padding:10px 25px;
}

.category-post-class,
.archive-post-class {
	padding:20px 20px 10px 20px;
}

.index-post-class {
	padding:20px 20px 0px 20px;
}

.single-post-class {
	
}

.copyright {
	font-size:12px;
	line-height:20px;
}

.post-title {
	font-size:30px !important;
	line-height:30px !important;
	font-weight:400;
}

.comment-author a.url {
	font-size:15px !important;
}

.comment-content {
	clear:both;
	float:none;
	left:0px !important;
	top:20px;
	padding-bottom:10px;
}

.comment-content p {
	font-size:15px !important;
}

.single-author-info-padding {
	padding:20px 20px 20px 0px;
}

.single-author-info-avatar img {
	padding-left:20px;
}

.single-author-info-description {
	display:table;
	padding-left:20px;
	padding-top:20px;
	clear:both;
	float:none;
}

.single-author-info-description p {
	font-size:13px;
	margin-bottom:0px;
}

.prev-next {
	margin-top:-10px;
}


}




















































/*

400 pixels wide, or less

*/

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

h1 {
	font-size:30px;
	line-height:26px;
}
h2 {
	font-size:17px;
	line-height:15px;
}
h3 {
	font-size: 21px;
	line-height: 25px;
}
h4 {
	font-size:20px;
	line-height:22px;
	font-weight:300;
	margin-top:20px;
}
h5 {
	font-size:19px;
	line-height:21px;
}
h6 {
	font-size:18px;
	line-height:20px;
}
.logo-nav-inner h3 {
	font-size:15px;
}
.text {
	font-size:15px;
	line-height:20px;
}

#logo-home {
	
}

.the-logo {
	
}

.the-picker {
	margin-top:-70px;
}

.menu-btn-padding {
	padding:15px 25px;
	font-size:15px;
}

nav .menu ul li a,
nav ul.menu li a,
nav a.menu {
	font-size:15px;
	padding:10px 25px;
}

.logo-font {
	font-size:25px;
}
.tagline {
	font-size:12px;
	line-height:10px;
}

.crew-name {
	font-size:31px;
	line-height:30px;
}
.crew-title {
	font-size:14px;
	padding-top:0px;
}
.crew-text {
	font-size:14px;
	line-height:18px;
}
.crew-content {
	padding:10px 10px 0px 25px;
}
.crew-photo {
	height:200px;
	margin:0px 0px;
}

#gallery-header {
	left:0px;
	top:100px;
	font-size:15px;
	padding:0px 15px 3px 15px;
}

a.tab,
a.tab-off {
	font-size:12px;
	padding:5px 10px;
}

.captions-pad {
	padding:20px 0px 0px 0px;
}

#gallery-title {
	font-size:22px;
	line-height:22px;
}

#gallery-description {
	font-size:15px;
	line-height:15px;
	padding-right:0px;
}

button[class^="button-"] {
	padding:10px 20px;
	font-size:15px;
	margin:auto;
	margin-bottom:10px;
}
.contact-label {
	font-size:17px;
	font-weight:700;
}
.input-offset {
	font-size:15px !important;
}
.textarea-offset {
	font-size:15px !important;
}
button#send-btn {
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:15px;
	margin-bottom:10px;
}

a.social-footer {
	margin:19px 3px 5px 3px;
}

.hide-blog-hpad {
	padding:0px 10px;
}

.category-post-class {
	padding:10px 10px 10px 10px;
}

.post-title {
	font-size:25px !important;
	line-height:25px !important;
	font-weight:400;
}

.post-text {
	line-height:22px;
}

.post-text p {
	line-height:18px;
	font-size:13px;
}

.copyright {
	font-size:11px;
	line-height:20px;
}

.comment-author a.url {
	font-size:13px !important;
}

.comment-content {
	clear:both;
	float:none;
	left:0px !important;
	top:20px;
	padding-bottom:10px;
}

.comment-content p {
	font-size:13px !important;
}






.menu-item {
	
}

.menu-item a {
	margin-right:-300px;
}


}