/* Retina display HD images */
@media only screen and (-webkit-device-pixel-ratio:2) {
	.logo {
		background:url(../images/logo2.png) no-repeat;
		background-size:174px 174px;
	}
	.logo:hover { background-position:0px -58px; }
	.logo:active { background-position:0px -116px; }
	
	.top_menu_button {
		background-size:600px 800px;
		background-position:-97px -270px;
		height:26px;
	}

	.top_menu_button.hover { background-position:-97px -326px; }
	.top_menu_button.active { background-position:-97px -383px; }
	
	.gototop {
		background-size:600px 800px;
		background-position:-374px -50px;
	}
	
	#carousel_nav a {
		width:10px;
		height:10px;
		background:#c7c7c7;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	#carousel_nav a:hover {
		background:#29ace2;
	}
	#carousel_nav a.activeSlide {
		background:#1fda9a;
	}
	
	.footer .socials .icon {
		background-size:600px 800px;
	}
	
	.footer .socials .icon.mail { background-position:-50px -683px; }

	.footer .socials .icon.twitter { background-position:-89px -683px; }

	.footer .socials .icon.dribble { background-position:-127px -683px; }

	.footer .socials .icon.behance { background-position:-166px -683px; }

	.footer .socials .icon.instagram { background-position:-204px -683px; }

	.footer .socials .icon.pinterest { background-position:-243px -683px; }

	.footer .socials .icon.linkedin { background-position:-281px -683px; }

	.footer .socials .icon.istock { background-position:-320px -683px; }

	/* hover */

	/* .footer .socials .icon.mail:hover { background-position:-50px -593px; }

	.footer .socials .icon.twitter:hover { background-position:-89px -593px; }

	.footer .socials .icon.dribble:hover { background-position:-127px -593px; }

	.footer .socials .icon.behance:hover { background-position:-166px -593px; }

	.footer .socials .icon.instagram:hover { background-position:-204px -593px; }

	.footer .socials .icon.pinterest:hover { background-position:-243px -593px; }

	.footer .socials .icon.linkedin:hover { background-position:-281px -593px; }

	.footer .socials .icon.istock:hover { background-position:-320px -593px; } */

	/* active */

	/* .footer .socials .icon.mail:active { background-position:-50px -638px; }

	.footer .socials .icon.twitter:active { background-position:-89px -638px; }

	.footer .socials .icon.dribble:active { background-position:-127px -638px; }

	.footer .socials .icon.behance:active { background-position:-166px -638px; }

	.footer .socials .icon.instagram:active { background-position:-204px -638px; }

	.footer .socials .icon.pinterest:active { background-position:-243px -638px; }

	.footer .socials .icon.linkedin:active { background-position:-281px -638px; }

	.footer .socials .icon.istock:active { background-position:-320px -638px; } */
	
	
	
	.contactbit .socials .icon {
		background-size:600px 800px;
	}
	
	.contactbit .socials .icon.mail { background-position:-50px -741px; }

	.contactbit .socials .icon.twitter { background-position:-89px -741px; }

	.contactbit .socials .icon.dribble { background-position:-127px -741px; }

	.contactbit .socials .icon.behance { background-position:-166px -741px; }

	.contactbit .socials .icon.instagram { background-position:-204px -741px; }

	.contactbit .socials .icon.pinterest { background-position:-243px -741px; }

	.contactbit .socials .icon.linkedin { background-position:-281px -741px; }

	.contactbit .socials .icon.istock { background-position:-320px -741px; }
	
	/* contact bit hover */
	
	.contactbit .socials .icon.mail:hover,
	.contactbit .socials .icon.mail:active { background-position:-50px -683px; }

	.contactbit .socials .icon.twitter:hover,
	.contactbit .socials .icon.twitter:active { background-position:-89px -683px; }

	.contactbit .socials .icon.dribble:hover,
	.contactbit .socials .icon.dribble:active { background-position:-127px -683px; }

	.contactbit .socials .icon.behance:hover,
	.contactbit .socials .icon.behance:active { background-position:-166px -683px; }

	.contactbit .socials .icon.instagram:hover,
	.contactbit .socials .icon.instagram:active { background-position:-204px -683px; }

	.contactbit .socials .icon.pinterest:hover,
	.contactbit .socials .icon.pinterest:active { background-position:-243px -683px; }

	.contactbit .socials .icon.linkedin:hover,
	.contactbit .socials .icon.linkedin:active { background-position:-281px -683px; }

	.contactbit .socials .icon.istock:hover,
	.contactbit .socials .icon.istock:active { background-position:-320px -683px; }
	
	
	.contactbit .close {
		background:url(../images/close2.png) no-repeat;	
		background-size:77px 18px;
	}
}

@media only screen and (max-width: 1040px) {
	body {
		min-width:0px;
	}
	
	.wrapper {
		width:86.6%;
		overflow:hidden;
	}
	
	.carousel { width:100%; }
	
	.carousel_item {
		width:100%;
		overflow:hidden;
	}
	
	.carousel_item img {
		
	}
	
	.carousel_item .image_wrapper {
		width:100%;
		position:relative;
		overflow:hidden;
		height:350px;
	}
	
	.carousel_item .image_wrapper img {
		position:absolute;
		left:50%;
		margin-left:-480px;
	}
	
	.home .intro {
		padding:0px;
	}
	
	.works {
		width:120%;
	}
	
	.works .work {
		width:25%;
		margin-right:4%;
	}
	
	.footer .full,
	.footer .left,
	.footer .right{
		width:100%;
	}
	
	.footer .full .socials {
		position:relative;
		float:none;
		margin-bottom:28px;
	}
	
	.footer .full .socials .icon {
		margin-left:0px;
		margin-right:9px;
	}
	
	.footer .full p {
		margin-bottom:20px;
		width:100%;
	}
	
	/* PROJECT PAGE */
	
	.page .top_menu,
	.project .top_menu {
		margin-bottom:77px;
	}
	
	.col-left { margin-bottom:50px; }
	
	.col-right {
		width:100%;
		min-height: 0px;
		padding-bottom: 10px;
	}
	
	.col-right p {
		margin-bottom:20px;
	}
	
	
	
	
	.col-left,
	#gallery-1 .gallery-item,
	.col-left dl dt img { 
		width:100% !important; 
	}
	
	.col-left dl dt img { 
		max-width:none;
	}
	
	/* new style */
	
	.col-right .page_content .itemcontent {
		width:100%;
		float:none;
	}

	.col-right .page_content .itemdetails {
		width:100%;
		float:none;
	}
	
	.contactbit{
		height:273px;
		margin-top:-293px;
	}
}

/* less than 1024x */
@media only screen and (max-width: 1024px) {
	.wrapper {
		padding-top:69px;
	}
	
	.top_menu .submenu a,
	.top_menu .sub-menu a {
		/* margin-right:3.7%; */
	}
}

/* less than 768px */
@media only screen and (max-width: 768px) {
	.wrapper {
		width:86.5%; /* 630px */
		padding-top:69px;
	}
	
	.carousel_wrapper {
		margin-bottom:38px;
	}
	
	.home .intro { 
		font-size:22px;
		line-height:30px;
		margin-bottom:38px;
	}
	
	.works { 
		width:120%; 
	}
	
	.works .work {
		width:300px;
		width:40.2%;
		margin-right:20px;
		margin-right:3.1%;
		margin-bottom:20px;
		margin-bottom:3.1%;
	}
	
	.page .col-left,
	.project .col-left {
		margin-top:10px
	}
	
	.page .col-left,
	.project .col-left,
	.page .col-left img,
	.project .col-left img {
		width:100%;
		max-width:100%;
	}

	.col-left,
	#gallery-1,
	#gallery-1 .gallery-item,
	#gallery-1 .gallery-icon,
	#gallery-1 img { width:100% !important; }
}


/* less than 730px */
@media only screen and (max-width: 730px) {

	.contactbit{
		margin-top:-313px;
		height:293px;
	}
	
}

/* less than 645px */
@media only screen and (max-width: 645px) {
	.top_menu_button {
		display:block;
	}
	
	.top_menu {
		clear:both;
		position:absolute;
		background:#f2f2f3;
		display:none;
		
		margin: 0px;
		top: 223px;
		top:163px;
		width:100%;
		z-index:999;
		padding-bottom:35px;
		
		border-bottom:1px solid #1fda9a;
	}
	
	
	.top_menu ul li { 
		display:block;
		width:100%;
		margin-left:0px;
		margin-bottom:17px;
		font-size:18px;
		color:#9b9b9b; 
	}
	
	.top_menu li#menu-item-27,
	.top_menu li#menu-item-32 {
		margin-left:0px;
	}
	
	.top_menu .submenu,
	.top_menu .sub-menu {
		position:relative;
		display:block;
		padding:0px;
		padding-top:5px;
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
	}
	
	.top_menu .sub-menu li {
		float:none;
	}
	
	.top_menu .submenu a,
	.top_menu .sub-menu a {
		display:block;
		font-size:16px;
		margin-top:10px;
	}
	
	.top_menu .sub-menu li:first-child a {
		margin-top:0px;
	}
	
	.top_menu .sub-menu li:last-child a {
		margin-bottom:10px;
	}
	
	.logo { margin-bottom:44px; }
	.logo_text { margin-bottom:44px; }
	
	.home .intro { font-size:20px; }
	
	.carousel_wrapper {
		display:none;
	}
}

/* less than 600px */
@media only screen and (max-width: 600px) {
	.col-left,
	#gallery-1,
	#gallery-1 .gallery-item,
	#gallery-1 .gallery-icon,
	#gallery-1 img { width:100% !important; }
}

/* less than 560px */
@media only screen and (max-width: 550px) {
	.wrapper { width:300px; }
	
	.works { 
		width:100%;
		margin-bottom:25px;
	}
	
	.works .work {
		width:100%;
		margin:0px;
		margin-bottom:6.5%;
	}
	
	.home .intro { margin-bottom:53px;line-height:25px; }
	
	.footer .full .socials .icon.twitter,
	.footer .full .socials .icon.behance,
	.footer .full .socials .icon.pinterest { margin-right:8px; }
	.footer .full .socials .icon.istock { margin:0px; }
	
	.contactbit .socials .icon.twitter,
	.contactbit .socials .icon.behance,
	.contactbit .socials .icon.pinterest { margin-right:8px; }
	.contactbit .socials .icon.istock { margin:0px; }
	
	.contactbit {
		margin-top: -373px;
		height:353px;
	}
}

/* less than 385px */
@media only screen and (max-width: 385px) {
	body { border:12px solid #1fda9a;min-width:296px; }
	.wrapper { width:91%; }
	
	.topline,
	.bottomline { height:12px; }
	
	.footer .full .socials .icon,
	.footer .full .socials .icon.twitter,
	.footer .full .socials .icon.behance,
	.footer .full .socials .icon.pinterest { margin-right:4px; }
	
	.contactbit .socials .icon,
	.contactbit .socials .icon.twitter,
	.contactbit .socials .icon.behance,
	.contactbit .socials .icon.pinterest { margin-right:4px; }
	
	.gototop {
		background-size:600px 800px;
		background-position:-374px -50px;
	}
	
	.blogs #carousel_nav {
		clear: both;
		float: left;
		margin-top: 20px;
	}
	
	.blogs #carousel_nav a {
		margin-left:0px;
		margin-right:11px;
	}
}





/* INTRO TYPO */

@media only screen and (max-width: 985px) {
	.home .intro { 
		font-size:28px;
		line-height:38px;
	}
}

@media only screen and (max-width: 940px) {
	.home .intro { 
		font-size:27px;
		line-height:36px;
	}
}

@media only screen and (max-width: 900px) {
	.home .intro { 
		font-size:26px;
		line-height:35px;
	}
}

@media only screen and (max-width: 855px) {
	.home .intro { 
		font-size:25px;
		line-height:34px;
	}
}

@media only screen and (max-width: 840px) {
	.home .intro { 
		font-size:24px;
		line-height:33px;
	}
}

@media only screen and (max-width: 805px) {
	.home .intro { 
		font-size:22px;
		line-height:32px;
	}
}

@media only screen and (max-width: 765px) {
	.home .intro { 
		font-size:22px;
		line-height:32px;
	}
}

@media only screen and (max-width: 725px) {
	.home .intro { 
		font-size:21px;
		line-height:31px;
	}
}

@media only screen and (max-width: 715px) {
	.home .intro { 
		font-size:20px;
		line-height:31px;
	}
}

@media only screen and (max-width: 700px) {
	.home .intro span.lastline { 
		display:block;
	}
}

@media only screen and (max-width: 685px) {
	.home .intro { 
		font-size:19px;
		line-height:29px;
	}
}

@media only screen and (max-width: 650px) {
	.home .intro { 
		font-size:18px;
		line-height:27px;
	}
}

@media only screen and (max-width: 610px) {
	.home .intro { 
		font-size:17px;
		line-height:26px;
	}
}

@media only screen and (max-width: 575px) {
	.home .intro { 
		font-size:16px;
		line-height:24px;
	}
}

@media only screen and (max-width: 550px) {
	.home .intro { 
		font-size:20px;
	}
	.home .intro span.lastline { 
		display:initial;
	}
}