/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.from-within-slider .main-img {top: 32px;left: 120px;width: 576px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.from-within-slider .main-img {top: 26px;left: 86px;width: 424px;}
	.button {padding:0 90px;} 
	ul.nav-h li {margin-left:20px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.what-work-slider {display:block;}
	.container-kwicks, .what-we-do__scroller, .from-within-slider figure {display:none;}
	.button {padding: 0 50px;}
	.static .item {margin-bottom:15px;}
	.promo h1, .section-slider h2, .what-work h2, .from-within h2, .clients h2, .contact {font-size:3.6rem;}
	.section-slider h2, .what-work h2, .from-within h2, .clients h2 {margin-bottom:50px;}
	.from-within-slider h4 {font-size:3rem;}
	.clients-slider img {margin:0 auto;}
	.logo, ul.nav-h {text-align:center;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 580px) {
	.promo h1 {margin:0 0 30px 0;}
	.promo .button {margin-top:10px;margin-bottom:10px;}
	.clients {padding: 80px 0 100px;}
}
@media only screen and (max-width : 510px) {
	.logo {text-align:left;position:relative;}
	.toggle-mnu {display:block;}
	ul.nav-h {display:none;}
	ul.nav-h li {display:block;text-align:center; margin-left:0;}
	ul.nav-h li img {display:none;}
	ul.nav-h li.login {padding-left:0;}
	ul.nav-h li a {font-size:1.6rem;}
	ul.nav-h li:first-child {margin: 0;}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}