@media all and (max-width: 1920px) {
	
	.main-slider li:nth-child(4) .caption {
		margin: 0 0 0 -20px;		
	}
	
}

@media all and (max-width: 1680px) {

	.main-slider li:nth-child(1) .caption,
	.main-slider li:nth-child(2) .caption,
	.main-slider li:nth-child(3) .caption {
		margin: 0 0 0 -10px;		
	}
	.main-slider li:nth-child(4) .caption {
		margin: 0 0 0 -30px;		
	}
	.main-slider li .caption p.direction::after {
		bottom: -32px;
	}
	.main-slider li .caption p.direction {
		margin: 0 0 65px;
	}
	
}	

@media all and (max-width: 1440px) {
	
	.main-slider li .caption {
		padding: 35px 40px;
	}
	.main-slider li .caption p.direction{
		margin: 0 0 60px 0;
	}
	.main-slider li .caption p.direction::after {
		bottom: -30px;
	}
	.main-slider li .caption p.time .icon {
		width: 43px;
		height: 43px;
		margin-top: 0;
	}
	
}

@media all and (max-width: 1366px) {
	
	.main-slider li .caption {
		padding: 30px 40px;
	}
	.main-slider li .caption p.direction {
		margin: 0 0 60px 0;
	}
	.main-slider li .caption p.direction::after {
		bottom: -30px;
	}
	.main-slider li .caption p.time .icon {
		width: 43px;
		height: 43px;
		margin-top: 0;
	}
	
}

@media all and (max-width: 1280px) {

	.main-slider li .caption {
		padding: 40px 40px;
	}
	.main-slider li .caption p.direction {
		margin: 0 0 40px 0;
	}
	.main-slider li .caption p.direction::after {
		bottom: -20px;
	}
	
}	

@media all and (max-width: 1152px) {
	
	.main-slider li .caption p.direction {
		margin: 0 0 40px 0;
	}
	.main-slider li .caption p.direction::after {
		bottom: -18px;
	}
	.main-slider li .caption p.direction b {
		margin: 8px 0 0 -1px;
	}
	.main-slider li .caption p.time .icon {
		width: 37px;
		height: 37px;
		margin-top: 0;
	}
	.werdan-sections .icon {
		height: 135px;	
	}
	.werdan-sections h4 {
		font-size: 23px;
	}
	.werdan-sections p {
		font-size: 14px;
	}	
	
}

@media all and (max-width: 1024px) {
	
	.site-nav ul li.current-menu-item::after {
		display: block;
	}
	.site-nav ul li:nth-last-child(2) a {
		padding: 0 28px;
	}
	.werdan-slider {
		margin: 0 0 40px 0
	}
	.main-slider li .caption {
		padding: 25px 30px;
	}
	.main-slider li:nth-child(1) .caption {
		margin: 0 0 0 -30px;		
	}
	.main-slider li:nth-child(2) .caption {
		margin: 0 0 0 -30px;		
	}
	.main-slider li:nth-child(3) .caption {
		margin: 0 0 0 -30px;
		padding: 30px 35px;			
	}
	.main-slider li:nth-child(4) .caption {
		margin: 0 0 0 -45px;	
	}
	.main-slider li .caption p.direction {
		margin: 0 0 40px 0;
	}
	.main-slider li .caption p.direction::after {
		bottom: -20px;
	}
	.main-slider li .caption p.direction b {
		margin: 8px 0 0 -2px;
	}
	.main-slider li .caption p.time .icon {
		width: 33px;
		height: 33px;
		margin-top: 0;
	}
	.werdan-sections {
		margin: 0 0 10px 0
	}
	.werdan-sections > div {
		width: 50%;
		max-width: 609px;
		margin-bottom: 30px;
	}
	
}

@media all and (max-width: 1023px) {
	
	.sc .storycontent,
	.cs .storycontent {
		width: 70%;
	}
	.pagebody .sidebar {
		width: 30%;
	}
	.box-section > div {
		width: 50%;
		max-width: 497px;
		margin: 0 0 30px 0;
	}
	.box-section > div:last-child,
	.box-section > div:nth-last-child(2)	{
		margin: 0;
	}
	.box-section.cars > div {
		margin: 0;
	}
	.company-map,
	iframe {
		height: 400px;
	}
	
}
	
@media all and (max-width: 980px) {

	.werdan-sections p {
		font-size: 14px;
	}
	
}	

@media all and (max-width: 960px) {
	
	
	.main-slider li .caption {
		padding: 15px 20px;
	}
	.main-slider li:nth-child(1) .caption {
		margin: 0 0 0 -40px;		
	}
	.main-slider li .caption p.direction {
		margin: 0 0 30px 0;
	}
	.main-slider li .caption p.direction::after {
		bottom: -15px;
	}
	.main-slider li .caption p.time .icon {
		width: 23px;
		height: 23px;
		margin-top: 0;
	}
	.sc .storycontent,
	.cs .storycontent {
		width: 60%;
	}
	.pagebody .sidebar {
		width: 40%;
	}
	
}

@media all and (max-width: 768px) {
	.werdan-header .inner {
		max-width: 1248px;
		height: 80px;
	}
	.werdan-header .logo a {
		width: 212px;
		height: 43px;
	}
	.site-nav {
		margin: 0;
	}
	.site-nav ul {
		position: absolute;
		z-index: 9999;
		top: 100%;
		left: 0;
		display: none;
		width: 100%;
		height: auto;
		padding: 10px 20px 6px 20px;
		background: #fff;
		-webkit-box-shadow: 0 10px 6px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 10px 6px rgba(0, 0, 0, 0.1);
		box-shadow: 0 10px 6px rgba(0, 0, 0, 0.1);
		border: 0;
		opacity: 0;
		-ms-transform: translateY(5px);
		-webkit-transform: translateY(5px);
		-moz-transform: translateY(5px);
		-o-transform: translateY(5px);
		transform: translateY(5px);
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
	}
	.site-nav ul::before {
		content: '';
		position: absolute;
		top: -6px;
		left: 15px;
		width: 11px;
		height: 6px;
		background: url(../images/mobile-box-arrow.png);
	}
	.site-nav ul li,
	.site-nav ul li a {
		margin: 0;
		padding: 0;
		border: 0;
	}
	.site-nav ul li {
		display: block;
		width: 100%;
		margin: 0 0 5px 0;
		background: url(../images/site-nav-mobile-line.png) repeat-x left 15px;
		line-height: 27px;	
	}
	.site-nav ul li:first-child {
		padding: 0;	
	}
	.site-nav ul li.current-menu-item::after,
	.site-nav ul li.magicline {
		display: none;
	}
	.site-nav ul li a,
	.site-nav ul li:nth-last-child(2) a {
		display: inline-block;
		padding: 0 10px 0 0;
		background: #fff;
		font-size: 14px;
		color: #001032;
	}
	.site-nav ul li.current-menu-item a,
	.site-nav ul li a:hover {
		color: #ee3e28;
	}
	.site-nav ul li a::after {
		display: none;	
	}
	.site-nav .mobile-trigger {
		display: block;			
	}
	.werdan-slider {
		margin: 0 0 25px 0;
	}
	.main-slider li:nth-child(1) .caption {
		width: 18%;
	}
	.main-slider li .caption p.direction {
		margin: 0 0 25px 0;
	}
	.main-slider li .caption p.direction::after {
		bottom: -13px;
	}
	.werdan-sections {
		margin: 0;
	}
	.pagebody > .inner {
		padding: 47px 15px 30px 0; 
	}
	.pagebody .inner > h2 {
		margin: 0 0 38px;
		font-size: 31px;
	}
	.sc .storycontent,
	.cs .storycontent,
	.pagebody .sidebar {
		width: 100%;
		padding: 0 0 0 15px;
	}
	.sc .storycontent,
	.cs .storycontent {
		margin: 0 0 30px;
	}
	.storycontent blockquote {
		padding: 20px 30px 20px 85px;
		background-position: 21px 24px;
	}
	.storycontent blockquote p {
		font-size: 22px;
	}
	.company-map,
	iframe {
		height: 300px;
	}
	.footer-nav {
		display: block;
		float: none;
		text-align: center;
	}
	.footer-nav ul {
		display: inline-block;
	}
	.werdan-footer .copyrights {
		float: none;
	}
	.werdan-footer .copyrights p {
		text-align: center;
	}
}

@media all and (max-width: 640px) {
	
	.main-slider li .caption {
		padding: 15px 20px;
	}
	.main-slider li:nth-child(1) .caption {
		margin: 0 0 0 -40px;		
	}
	.main-slider li:nth-child(2) .caption {
		margin: 0 0 0 -40px;		
	}
	.main-slider li .caption p.direction {
		margin: 0 0 20px 0;
	}
	.main-slider li .caption p.direction::after {
		bottom: -10px;
	}
	.main-slider li .caption p.direction b {
		margin: 8px 0 0 -2px;
	}
	.main-slider li .caption p.time .icon {
		width: 20px;
		height: 20px;
		margin-top: 0;
	}
	.storycontent .fl-right,
	.storycontent .fl-left {
		display: block;
		width: 80%;
		margin: 30px auto;
		float: none;
	}
	.company-map,
	iframe {
		height: 250px;
	}
	
}

@media all and (max-width: 600px) {
	
	.main-slider li .caption {
		padding: 15px 18px;
	}
	.main-slider li:nth-child(1) .caption {
		margin: 0 0 0 -40px;		
	}
	.main-slider li:nth-child(2) .caption {
		margin: 0 0 0 -45px;		
	}
	.main-slider li:nth-child(3) .caption {
		margin: 0 0 0 -45px;
		padding: 15px 13px;
	}
	.main-slider li:nth-child(4) .caption {
		margin: 0 0 0 -55px;
		padding: 10px 13px;
	}
	.main-slider li .caption p.direction {
		margin: 0 0 20px 0;
	}
	.main-slider li .caption p.direction::after {
		bottom: -10px;
	}
	.main-slider li .caption p.direction b {
		margin: 4px 0 0 -1px;
	}
	.main-slider li .caption p.time .icon {
		width: 18px;
		height: 18px;
		margin-top: 0;
	}
	.werdan-sections > div {
		width: 100%;
		max-width: 620px;
	}
	.wpcf7-form p span {
		width: 100%;
		margin: 15px 0 0;
		padding: 0;
	}
	.wpcf7-form p span:first-child {
		margin: 0;
	}
	.wpcf7-form input[type="submit"] {
		width: 100%;
	}
	
}
	
@media all and (max-width: 480px) {
	
	.main-slider li .caption {
		padding: 10px 10px;
	}
	.main-slider li:nth-child(1) .caption {
		margin: 0 0 0 -50px;		
	}
	.main-slider li:nth-child(2) .caption {
		margin: 0 0 0 -55px;		
	}
	.main-slider li:nth-child(3) .caption {
		margin: 0 0 0 -55px;
		padding: 10px 10px;		
	}
	.main-slider li:nth-child(4) .caption {
		margin: 0 0 0 -55px;
		padding: 10px 10px;		
	}
	.main-slider li .caption p.direction {
		margin: 0 0 16px 0;
		font-size: 13px;
	}
	.main-slider li .caption p.direction span {
		display: none;
	}
	.main-slider li .caption p.direction b {
		margin: 8px 0 0 0;
	}
	.box-section.cars {
		margin-bottom: 0;
		padding: 0 15px 0 0;
	}
	.box-section > div,
	.box-section.cars > div {
		width: 100%;
		max-width: 600px;
	}
	.box-section > div:last-child {
		margin: 0;
	}
	.box-section > div:nth-last-child(2){
		margin: 0 0 30px 0;
	}
	.box-section.cars > div,
	.box-section.cars > div:last-child {
		margin: 0 0 30px 0;
		padding: 0;
	}
	.company-map,
	iframe {
		height: 200px;
	}
	.footer-nav {
		margin: 15px 0 0;
		overflow: hidden;
	}
	.footer-nav ul,
	.footer-nav ul li {
		display: block;
		width: 100%;
	}
	.footer-nav ul li {
		margin: 0;
		padding: 10px 0;
	}
	
}

@media all and (max-width: 412px) {

	.main-slider li .caption p.direction b {
		margin: 4px 0 0 0;
	}
	.main-slider li .caption p.time .icon {
		width: 12px;
		height: 12px;
		margin-top: 0;
	}
	
}

@media all and (max-width: 384px) {

	.main-slider li .caption p.direction b {
		margin: 0;
	}
	.main-slider li .caption p.time .icon {
		width: 10px;
		height: 10px;
		margin-top: 0;
	}
	
}

@media all and (max-width: 360px) {
	
	.main-slider li .caption {
		padding: 7px 10px;
	}
	.main-slider li:nth-child(1) .caption {
		margin: 0 0 0 -60px;		
	}
	.main-slider li .caption p.direction {
		margin: 0 0 15px 0;
		font-size: 12px;
	}
	.main-slider li .caption p.direction::after {
		bottom: -8px;
		width: 40px;
		height: 1px;
	}
	.main-slider li .caption p.direction b {
		margin: 4px 0 0 0;
	}
	.main-slider li .caption p.time .icon {
		width: 12px;
		height: 12px;
		margin: 0 2px 0 0;
	}
	.werdan-sections > div {
		min-height: 268px;
	}
	.storycontent blockquote {
		padding: 20px 20px 20px 65px;
		background-position: 0 24px;
	}
	.storycontent blockquote p {
		font-size: 20px;
	}
	.werdan-footer .copyrights p:first-child {
		margin: 0 0 10px 0;
	}
	.werdan-footer .copyrights p:first-child span {
		display: block;
	}
	
}

@media all and (max-width: 320px) {
	
	.main-slider li .caption {
		padding: 7px 10px;
	}
	.main-slider li:nth-child(1) .caption,
	.main-slider li:nth-child(2) .caption,
	.main-slider li:nth-child(3) .caption {
		margin: 0 0 0 -60px;		
	}
	.main-slider li:nth-child(4) .caption {
		margin: 0 0 0 -70px;		
	}
	.main-slider li .caption p.direction {
		margin: 0 0 12px 0;
		font-size: 12px;
	}
	.main-slider li .caption p.direction::after {
		bottom: -5px;
		width: 40px;
		height: 1px;
	}
	.main-slider li .caption p.direction b {
		margin: 6px 0 0 0;
	}
	.main-slider li .caption p.time .icon {
		width: 8px;
		height: 8px;
	}
	
}