/* PRINT VERSION */
@media print {  }

/* XXLarge screens */
@media only screen and (min-width: 120.063em) {  } /* min-width 1921px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

 } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media (min-width: 768px) and (max-width: 979px) {
	#menu-nav li { margin-right: 20px; }
	#social-area #social ul li { margin-left: 15px; }
	#social-area #social ul li a { width: 30px; height: 30px; }
	#social-area #social ul li a span { font-size: 16px; line-height: 35px; }
	.info-block a.button { margin-top: 20px; position: inherit; }
	.info-text { padding-right: 0; }
	#fixedbutton { position: fixed; bottom: 50px; left: 2px; }
	#fixedbutton #SIDEsocial ul li { margin-left: 0px; }
	#SIDEsocial ul li a { display: block; width: 35px; height: 35px; }
	#SIDEsocial ul li a span { font-size: 16px;	line-height: 35px; }
	#menu-nav li { padding-right: 30px; padding-left: 30px;}
	.navbar-collapse.collapse { min-height: 66vh; }
}

@media (min-width: 481px) and (max-width: 767px) {
	#back-to-top { display: none !important; }
	#menu-nav li { padding-right: 30px; padding-left: 30px;}
   .navbar-collapse.collapse { min-height: 66vh; }
	header .sticky-nav #logo { margin-left: 0; }
	header .sticky-nav.stuck #logo { margin-left: 20px;	}
	header .sticky-nav #menu { margin-right: 0; }
	.work-nav { margin-bottom: 30px; }
	.type-work { background: url(../../../images/filter-icon.png) no-repeat; width: 16px; height: 16px; display: inline-block; text-indent: -9999px; margin-bottom: 0; position: relative; line-height: 10px; }
     .work-nav #filters, .work-nav #filters li { display: inline-block; }
	.work-nav #filters li { margin:0 10px 0 0; }
	.work-nav #filters li a { font-size: 13px; text-transform: uppercase; 	}
	#about .profile { margin-bottom: 30px; }
	#about .profile:last-child { margin-bottom: 0;	}
	#response { margin-bottom: 30px; }
	.contact-details { border-top: 1px dashed #3C3F45; padding-top: 30px; text-align: center; }
	#contact-form .submit { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#social-area #social ul li:first-child, #social-area #social ul li { margin: 15px; }
	#social-area #social ul li a { width: 30px; height: 30px; }
	#social-area #social ul li a span { font-size: 16px; line-height: 35px; }
#fixedbutton { position: fixed; bottom: 50px; left: 2px; }
#fixedbutton #SIDEsocial ul li { margin-left: 0px; }
#SIDEsocial ul li a { display: block; width: 35px; height: 35px; }
#SIDEsocial ul li a span { font-size: 16px;	line-height: 35px; }

	.info-block a.button { margin-top: 20px; position: inherit; display: block; }
	.info-text { padding-right: 0; }

}

@media (max-width: 480px) {
	#back-to-top { display: none !important; }
	#home-slider ul#slide-list { display: none; }
	header .sticky-nav #logo {  margin-left: 0; }
	header .sticky-nav.stuck #logo { margin-left: 20px;	}
	#menu-nav li { padding-right: 10px; padding-left: 10px;}
	.navbar-collapse.collapse { min-height: 66vh; }
	#menu-nav-mobile { margin-left: -20px;  margin-right: -20px; margin-bottom: 0; }
	#navigation-mobile li a { font-size: 14px; padding: 12px 0; }
	header .sticky-nav.stuck #mobile-nav { margin-right: 20px;	}
	.work-nav { margin-bottom: 30px; }
	.type-work {
		background: url(../../../images/filter-icon.png) no-repeat; width: 16px; height: 16px; display: inline-block;
		text-indent: -9999px; margin-bottom: 0; position: relative; line-height: 10px; }
	.work-nav #filters li:first-child { margin-left: 0;	}
	.work-nav #filters, .work-nav #filters li { display: inline-block; }
	.work-nav #filters li { margin:0 10px 0 0; }
	.work-nav #filters li a { font-size: 13px; text-transform: uppercase; }
	#about .profile { margin-bottom: 30px; }
	#about .profile:last-child { margin-bottom: 0; }
	#response {	margin-bottom: 30px; }
	.contact-details { border-top: 1px dashed #3C3F45; padding-top: 30px;  text-align: center; }
	#contact-form .submit { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#social-area #social ul li:first-child,
	#social-area #social ul li { margin: 15px; }
	#social-area #social ul li a { width: 50px; height: 50px; }
	#social-area #social ul li a span { font-size: 24px; line-height: 50px; }
	#fixedbutton { position: fixed; bottom: 50px; left: 2px; }
	#fixedbutton #SIDEsocial ul li { margin-left: 0px; }
	#SIDEsocial ul li a { display: block; width: 35px; height: 35px; }
	#SIDEsocial ul li a span { font-size: 16px;	line-height: 35px; }
	.info-block a.button { margin-top: 20px; position: inherit; display: block; }
	.info-text { padding-right: 0; }
}

@media (max-width: 320px) {
	#menu-nav li { padding-right: 10px; padding-left: 10px;}
	.navbar-collapse.collapse { min-height: 66vh; }
	#navigation-mobile li a { padding: 20px 0; }
	.work-nav #filters li a { font-size: 12px;  }
#fixedbutton { position: fixed; bottom: 50px; left: 2px; }
#fixedbutton #SIDEsocial ul li { margin-left: 0px; }
#SIDEsocial ul li a { display: block; width: 35px; height: 35px; }
#SIDEsocial ul li a span { font-size: 16px;	line-height: 35px; }
}


/* Retina Display */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
 	only screen and (-moz-min-device-pixel-ratio: 2),
  	only screen and (-o-min-device-pixel-ratio: 2/1),
  	only screen and (min-device-pixel-ratio: 2),
  	only screen and (min-resolution: 2dppx) {
		header #logo a { background-image: url(../../../images/logo_@2x.png); background-size: 96px 30px; }
		.menu-nav { background-image: url(../../../images/menu-mobile_@2x.png); background-size: 16px 32px; }
		.type-work { background-image: url(../../../images/filter-icon_@2x.png); background-size: 16px 16px; }
	}