@media only screen and (max-width: 767px) {
	/* HEADER */
	.header.fixed{
		min-height:48px;
		margin-top: 0 !important;
	}
	.header.fixed .header-inner{
		min-height:42px;
		border-bottom:1px solid #000;
	}
	.header .logo{
		height: 72px;
		left: 15px;
		top: 7px;
		width: 72px;
	}
	.header .menu-text {
		padding:0px;
		text-align:right;
		text-transform:uppercase;
		cursor:pointer;
		margin-top:7px;
		padding-right:28px;
	}
	.header .burger-menu {
		background-color: #000;
		position: absolute;
		right: 0;
		top: -6px;
		width: 100%;
		z-index: 9999;
		margin-right: 0;
		display: none;
		height: auto;
	}
	.header .burger-menu .right-social {
		margin-top: 10px;
		text-align: center;
		margin-bottom: 25px;
	}
	.header .burger-menu .right-social a:hover,
	.header .burger-menu .right-social a {
		background-image: url("../images/icon-burger.png");
		background-size: 248px 38px;
		display: inline-block;
		float: none;
		height: 38px;
		margin-right: 0;
		width: 38px;
	}
	.burger-menu .right-social .facebook , .burger-menu .right-social .facebook:hover {
		background-position: 0 -37px;
	}
	.burger-menu .right-social .twitter, .burger-menu .right-social .twitter:hover {
		background-position: -42px -37px;
	}
	.burger-menu .right-social .linkedin, .burger-menu .right-social .linkedin:hover {
		background-position: -84px -37px;
	}
	.burger-menu .right-social .google, .burger-menu .right-social .google:hover {
		background-position: -126px -37px;
	}
	.burger-menu .right-social .social1, .burger-menu .right-social .social1:hover {
		background-position: -168px -37px;
	}
	.burger-menu .right-social .social2, .burger-menu .right-social .social2:hover {
		background-position: -210px -37px;
	}
	.header .menu-right {
		display: none;
	}

	.header .burger-menu ul.menu {
		width: 220px;
		text-align: center;
		padding-top: 20px;
		margin-left: 33px;
		margin: 0 auto;
	}
	.header .burger-menu ul li {
		border-bottom: 1px solid #333;
		padding: 10px 0;
	}
	.header .burger-menu ul li:last-child {
		border-bottom: none;
	}

	.header .burger-menu ul li a, .header .burger-menu ul li a:hover{
		padding: 0 3.6%;
		color: #FFF;
		border-right: none;
	}

	a.close_burger_menu {
		background: url("../images/global/close_menu_white.png") no-repeat;
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 30px;
		right: 20px;
	}
	.submenu,
	.sub-menu{
		margin: 41px 0 0 14px !important;
		padding-left: 0px !important;
	}
	.sub-menu{
		float:none !important;
		width: 292px !important;
		margin-left: 0 !important;
	}
	.header .burger-menu ul.submenu,
	.header .burger-menu ul.sub-menu {
		visibility: visible;
		opacity: 1;
		padding-left: 0;
		display: none;
		width: auto !important;
		border-top: 1px solid #000;
		margin-top: 10px !important;
		margin-bottom: -7px !important;
		padding-top: 10px;
	}
	.header .burger-menu ul.submenu li,
	.header .burger-menu ul.sub-menu li {
		border-bottom: none;
		padding: 4px 0;
	}

	.dropdown {
		margin-right: 0;
		width: 292px;
	}
	.submenu .dropdown > p {
		width: 80%;
	}
	.menu li a, .menu li a:hover {
		float: none;
	}
	.search-box{
		margin-left: 4px;
		margin-top: 0px;
	}
	.search-box input[type=text]{
		width:254px;
	}
	.blog-filter .content-inner,
	.category .content-inner{
		margin-top: 12px;
		padding-bottom:32px;
	}
	.blog-post .content-inner,
	.content-inner.blog-post{
		margin-top: 22px;
		padding-bottom:32px;
	}
	.contact .content-inner{
		padding-bottom:1px;
	}
	.cookie .content-inner{
		margin-top: 20px;
	}
	.projects .content-inner{
		margin-top: 22px;
		padding-bottom:29px;
	}
	.press-award .content-inner{
		margin-top: 16px;
		padding-bottom: 12px;
	}
	.press-post .content-inner,
	.content-inner.press-post{
		margin-top: 31px;
		padding-bottom:27px;
	}
	.press-post .pagination{
		width:100%;
		margin-top:1px;
		margin-bottom:1px;
	}
	.services .content-inner,
	.page-template-template-services .content-inner{
		margin-top:48px;
		padding-bottom:1px;
	}
	.page-template-template-awards .content-inner{
		padding-left:0px;
		padding-right:0px;
	}
	.pagination{
		display: block;
		margin: 0 20px 35px 15px;
		width: auto;
	}

	/* CONTENT */
	.content{
		margin-top:12px;
	}
	.content.fixed{
		margin-top:47px;
	}
	.content .right-social{
		top:72px;
	}
	.content .home-slide-wrap{
		/*height:137px;*/
	}
	.content .bx-ctrl a, .content .bx-ctrl a:hover{
		/*height: 137px;*/
		width: 28px;
	}
	/*

	*/
	.content .bx-ctrl-next a,
	.content .bx-ctrl-next a:hover{
		background:url(../images/global/large-arrow-next-320.png) no-repeat left center transparent;
	}
	.content .bx-ctrl-prev a,
	.content .bx-ctrl-prev a:hover{
		background:url(../images/global/large-arrow-prev-320.png) no-repeat right center transparent;
	}
	.content .bx-controls{
		bottom:11px;
	}
	.content .home-intro{
		margin-top: 5px;
	}
	.content .home-intro .home-intro-image{
		padding-left: 0px !important;
		padding-right:0px;
	}
	.content .home-intro .home-intro-image img {
		width: 93%;
	}
	.content .home-intro .home-intro-text{
		margin-bottom: 12px;
		margin-top: 30px;
		padding: 0;
	}
	.content .home-intro h3{
		font-size: 37px;
		line-height: 39px;
		background-size: 25px 20px;
		background-position: 200px 35px;
		margin-left: 50px;
		height: 55px;
		min-width: 280px;
	}
	.content .home-intro h4{
		font-size: 15px;
		line-height: 17px;
		margin-bottom: 19px;
		padding-left: 50px;
	}
	.content .home-intro .devide{
		height: 28px;
		width: 28px;
		margin-left:110px;
	}
	.content .home-intro .large-double-quote{
		height: 43px;
		margin-left: 170px;
		top: -15px;
		width: 49px;
	}
	.content .home-intro .small-double-quote{
		height: 22px;
		top: 69px;
		width: 28px;
	}
	.content .home-post-wrap{
		margin-top: 23px;
		border-top:1px solid #58567e;
	}
	.home-post-wrap .home-post-text{
		padding:0px;
	}
	.content .home-post-wrap .home-post-text {
		width: 100%;
		padding-left: 15px;
	}
	.home-post-wrap .home-post-text .order{
		font-size: 40px;
		line-height: 42px;
		margin-left: 20px;
		margin-top: 24px;
	}
	.home-post-wrap .home-post-text .devide{
		margin-left: 27px;
		top:28px;
	}
	.home-post-wrap .home-post-text .post-title{
		font-size: 25px;
		line-height: 27px;
		margin-bottom: 3px;
		margin-left: 20px;
		margin-top: 28px;
	}
	.home-post-wrap .home-post-text .post-content{
		font-size: 13px;
		margin-bottom: 15px;
		margin-left: 20px;
		padding-right: 26px;
	}
	.home-post-wrap .read-more{
		margin-top:20px;
		margin-left: 20px;
		width: 134px;
		float:left;
	}
	.home-post-wrap .read-more a, .home-post-wrap .read-more a:hover{
		border: 1px solid #000;
		color: #000;
		margin-left: 17px;
	}
	.home-post-wrap .read-more a:hover{
		color:#fff;
		border:1px solid #fff;
		background:#000;
	}
	.home-post-wrap .home-post-image{
		padding:0px;
	}
	.content .home-post-wrap .home-post-image.home-slide-small-content-3,
	.content .home-post-wrap .home-post-image {
		width: 100%;
	}
	.home-post-wrap .home-post-image .overlay{
		height: 62px;
		padding-left: 37px;
	}
	.home-post-wrap .home-post-image .overlay-title{
		font-size: 22px;
		line-height: 24px;
		margin-top: 11px;
	}
	.home-post-wrap .home-post-image .overlay-content{
		font-size: 11px;
		margin-top: -4px;
	}
	.content .home-playground{
		padding:18px 11px 4px 11px;
	}

	/* PROJECT PAGE */
	.project .content-inner,
	.single-project .content-inner{
		margin-top: 17px;
		padding-bottom:33px;
	}
	.project-left{
		background: #fff !important;
		padding-right: 20px;
	}
	.project-left .project-introduce{
		background: #fff !important;
		padding-bottom: 27px;
		padding-left: 14px;
		padding-top: 18px;
	}
	.project-introduce .project-title{
		margin-bottom: 11px;
		padding-right: 0;
	}
	.project-introduce p{
		font-size: 13px;
		line-height: 21px;
		margin-bottom: 13px;
		margin-left: 2px;
	}
	.project-readmore a, .project-readmore a:hover{
		border: 1px solid #000;
		display: block;
		font-size: 13px;
		height: 49px;
		line-height: 49px;
		margin-left: 4px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: 156px;
	}
	.project-introduce h3.project-sub-title{
		margin-bottom: 14px;
		margin-left: 1px;
	}
	.project-more-information{
		margin-top: -1px;
		padding: 0 10px 0 17px;
		padding-left: 45px;
		padding-right: 45px;
	}
	.project-award h3{
		margin-bottom: 6px;
	}
	.project-award .project-award-list{
		font-size:13px;
	}
	.project-more-information .project-press{
		margin-top: 24px;
	}
	.project-press h3{
		margin-bottom: 6px;
		margin-left: 0;
	}
	.project-press .project-press-list{
		font-size: 13px;
		margin-left: 0px;
	}
	.project-more-information .project-description{
		font-size: 13px;
		line-height: 21px;
		margin-top: 28px;
	}
	.project-description .project-quote.left{
		margin-bottom:11px;
	}
	.project-description .project-author{
		line-height: 15px;
		margin-top: 12px;
		padding-right: 60px;
	}
	.project-description .project-quote.right{
		margin-right:15px;
	}
	.project-more-information .project-share{
		margin-top: 30px;
	}
	.project-share h3{
		margin-bottom: 11px;
		margin-left: -1px;
	}
	.project-share a, .project-share a:hover{
		margin-right: 24px;
	}
	.project-right{
		margin-top: 26px;
		/*padding-left: 0;*/
	}
	.project-images .project-image{
		margin-bottom: 27px;
	}
	.project-image .project-image-order{
		font-size: 40px;
		line-height: 42px;
	}
	.project-image .project-devide{

	}
	.project-image img{
		margin-top: 25px;
	}

	/* BLOG FILTER PAGE */
	.blog-item{
		margin-bottom: 15px;
	}
	.blog-item:nth-child(3n+1){
		clear:none;
	}
	.blog-item:nth-child(2n+1){
		clear:none;
	}
	.blog-item:nth-child(1n+1){
		clear:both;
	}
	.blog-item .blog-item-order{
		font-size: 42px;
		padding-left: 11px;
	}
	.blog-item .blog-item-devide{
		height: 35px;
		top: 23px;
		width: 35px;
		right:-25px;
	}
	.blog-item img{
		margin-top: 14px;
	}
	.blog-item .blog-item-description{
		padding-left: 19px;
		padding-right: 13px;
		padding-top: 18px;
	}
	.blog-item-description .blog-item-title{
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 4px;
		padding-right: 21px;
	}
	.blog-item-description .blog-item-date{
		margin-bottom: 6px;
	}
	.blog-item-description .blog-item-content{
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 21px;
	}
	.blog-filter-loadmore{
		margin-top: 17px;
		padding: 0 30px;
	}
	.blog-filter-loadmore a, .blog-filter-loadmore a:hover{
		margin-left: 0;
	}

	/* BLOG POST PAGE */
	.blog-post-feature-image{
		margin-bottom: 19px;
	}
	.blog-post-left{
		padding-left: 33px;
	}
	.blog-post .blog-post-left{
		width: 100%;
	}
	.blog-post-left .blog-post-title{
		font-size: 32px;
		line-height: 38px;
		margin-bottom: 4px;
		padding-right: 0;
	}
	.blog-post-left .blog-post-meta{
		margin-bottom: 18px;
		padding-right: 0;
	}
	.blog-post-left .post-circle{
		margin-bottom: 21px;
		width: 143px;
		height:143px;
	}
	.blog-post-share{
		padding-left: 17px;
		margin-bottom:28px;
	}
	.blog-post-share h3{
		margin-bottom: 13px;
	}
	.blog-post-right{
		font-size: 13px;
		width: 100%;
	}
	.blog-post-content h1,
	.blog-post-content h2,
	.blog-post-content h3,
	.blog-post-content h4 {
		padding-left: 15px;
		padding-right: 20px;
	}
	.blog-post-content p{
		line-height: 22px;
		padding-left: 15px;
		padding-right: 20px;
	}
	.blog-post-content p.has_img {
		padding-left: 0;
		padding-right: 0;
	}

	/* CONTACT PAGE */
	.contact-wrap .map1{
		display:block;
		height:auto;
		width:100%;
	}
	.contact-wrap .map2{
		display:block;
		height:auto;
		width:100%;
	}
	.contact-wrap .contact-left{
		margin-bottom: 29px;
		margin-top: 26px;
		padding-left: 30px;
	}
	/*
	.contact-wrap .contact-label{
		float: none;
		margin-right: 0;
	}
	.contact-wrap .contact-info{
		float: none;
		margin-top: 10px;
	}

	/* COOKIE PAGE */
	.cookie-term{
		font-size: 13px;
		height: auto;
		min-height: 39px;
		padding-left: 16px;
		padding-right: 17px;
	}
	.cookie-term .cookie-term-text{
		line-height: 15px;
		padding: 10px 0 15px;
		width: 65%;
	}
	.cookie-feature-image{
		margin-bottom: 18px;
	}
	.cookie-left{
		padding-left: 32px;
	}
	.cookie-left .cookie-title{
		font-size: 32px;
	}
	.cookie-right{
		font-size: 13px;
		padding-top: 10px;
	}
	.cookie-right p{
		margin-bottom: 23px;
		padding-left: 15px;
		padding-right: 15px;
	}

	/* PRESS AWARDS PAGE */
	.press-award-item{
		margin-bottom:15px;
		text-align:center;
		flex: 50%;
	}
	.press-award-item img{
		display:inline;
		width:100%;
		max-width:291px;
	}

	/* PRESS POST PAGE */
	.press-post-item{
		margin-bottom:12px;
		text-align:center;
	}
	.press-post-item:nth-child(2n){
		padding-left: 15px;
	}
	.press-post-item:nth-child(2n+1){
		padding-right: 15px;
	}
	.press-post-item:nth-child(2n+1) .press-post-item-wrap{
		padding-left: 0;
	}
	.press-post-item:nth-child(2n) .press-post-item-wrap{
		padding-right: 0;
	}
	.press-post-pagination-wrap{
		padding-left: 16px;
		padding-right: 15px;
	}
	.press-post-item img{
		display:inline;
		width:auto;
		max-width:100%;
	}

	/* SERVICES PAGE */
	.services-wrap .service-item:nth-child(1) .service-circle {
		background: url(../images/services/Interior_Architecture.png) no-repeat;
	}
	.services-wrap .service-item:nth-child(2) .service-circle {
		background: url(../images/services/Interior_Design.png) no-repeat;
	}

	.services-wrap .service-item:nth-child(3) .service-circle {
		background: url(../images/services/Design_Build.png) no-repeat;
	}
	.services-wrap .service-item:nth-child(4) .service-circle {
		background: url(../images/services/Furniture.png) no-repeat;
	}
	.services-wrap .service-item:nth-child(5) .service-circle {
		background: url(../images/services/Exhibition_Design.png) no-repeat;
	}
	.services-wrap .service-item:nth-child(6) .service-circle {
		background: url(../images/services/Graphic_Design.png) no-repeat;
	}
	.services-wrap .service-item:nth-child(7) .service-circle {
		background: url("../images/services/Wedding.png") no-repeat
	}
	.services-wrap .service-item:nth-child(8) .service-circle {
		background: url(../images/services/Project_Mangement.png) no-repeat;
	}
	.service-item{
		font-size:14px;
		margin-bottom:34px;
	}
	.service-item .service-order{
		font-size:40px;
	}
	.service-item .service-circle{
		margin: 0 auto 7px;
	}
	.service-item .service-title{
		clear: both;
		margin-bottom: 16px;
		padding-left: 0;
	}
	.service-item .service-title a, .service-item .service-title a:hover{
		font-size: 25px;
		line-height: 29px;
	}
	.service-item .service-devide{
		height: 35px;
		margin-bottom: 8px;
		margin-left: -9px;
		margin-top: 23px;
		width: 35px;
	}
	.service-item .service-content{
		margin-left: -1px;
	}
	.service-content .more-text{
		display:none;
	}
	.service-content p{
		line-height: 22px;
		margin-bottom: 20px;
	}
	.service-item .service-readmore{

	}
	.service-readmore a, .service-readmore a:hover{
		font-size:13px;
		width:156px;
		height:49px;
		border:1px solid #000;
		text-align:center;
		display:block;
		line-height:49px;
		text-transform:uppercase;
		color:#000;
	}

	/* SEARCH PAGE */
	.search .page-header h1{
		padding-left:13px;
	}
	.search .page-header h3{
		padding-left:15px;
	}

	/* FOOTER */
	.footer{
		padding: 20px 0 17px;
	}
	.footer .copyright{
		font-size: 13px;
		line-height: 19px;
		margin-bottom: 0;
		padding: 0 22px;
		text-align: center;
	}
	.footer .footer-social{
		margin-right:0px;
		float:none;
		text-align:center;
		margin-top:21px;
	}
	.footer .footer-social a, .footer .footer-social a:hover{
		display: inline-block;
		float: none;
		margin-right: 0;
		width:38px;
		height:38px;
	}
	.footer .footer-newsletter{
		margin-top:15px;
		float:none;
		text-align:center;
		position:relative;
	}
	.footer .footer-newsletter input.fieldEmail{
		display: inline-block;
		float: none;
		width:200px;
	}
	.footer .footer-newsletter input[type=submit]{
		display: inline-block;
		float: none;
		margin-left: -3px;
		top: -1px;
		position:relative;
	}
	.footer-newsletter .ajax-loading{
		display: none;
		float: none;
		margin: 0 auto;
	}
	.footer .footer-social .facebook{
		background-position: 0 -67px;
	}
	.footer .footer-social .facebook:hover{
		background-position: 0 -105px;
	}
	.footer .footer-social .twitter {
		background-position: -39px -67px;
	}
	.footer .footer-social .twitter:hover{
		background-position: -39px -105px;
	}
	.footer .footer-social .linkedin{
		background-position: -78px -67px;
	}
	.footer .footer-social .linkedin:hover{
		background-position: -77px -105px;
	}
	.footer .footer-social .google{
		background-position: -117px -67px;
	}
	.footer .footer-social .google:hover{
		background-position: -116px -105px;
	}
	.footer .footer-social .social1{
		background-position: -155px -67px;
	}
	.footer .footer-social .social1:hover{
		background-position: -155px -105px;
	}
	.footer .footer-social .social2{
		background-position: -193px -67px;
	}
	.footer .footer-social .social2:hover{
		background-position: -193px -105px;
	}
	body.logged-in .wrapper .header {
		margin-top: 45px;
	}
	body.logged-in {
		margin-top: -46px;
	}
	.comment-wrap, #disqus_thread {
		padding-left: 15px;
		padding-right: 20px;
		margin-right: 0px;
	}
	.press-award-item img {
		max-width: none;
	}
	.page-template-template-projects-php .playground-item img {
		min-height: 286px;
	}
}

@media only screen and (min-width: 646px) and (max-width: 767px) {
	.header.fixed{
		min-height:51px;
	}
	.header.fixed .header-inner{
		min-height:45px;
	}
	.menu-left .menu li a, .menu-left .menu li a:hover{
		float:left;
	}
	.header .header-menu{
		min-height:20px;
	}
	.header .menu-left{
		margin-top: 0;
		padding-left: 74px;
	}
}

@media only screen and (max-width: 645px) {
	.header .header-menu{
		display:none;
	}
	.header .menu-text{
		display:block;
	}
}

@media only screen and (max-width: 628px) {
	.submenu{
		width:292px;
	}
	.dropdown{
		float:none;
	}
	.search-box{
		float:none;
		margin-top:6px;
		margin-left:0px;
	}
}

@media only screen and (max-width: 540px) {
	.playground-wrap .playground-item.onlytext{
		font-size:24px;
	}
}

@media only screen and (max-width: 434px) {
	#instafeed_1 img, #instafeed_2 img{
		border-radius:300px;
	}
	.playground-wrap .playground-item.onlytext{
		padding-left:50px;
		padding-right:50px;
	}
	.playground-item .howto-mobile{
		display:block;
	}
	.playground-item .howto-desktop{
		display:none;
	}
}

@media only screen and (min-width: 435px) and (max-width: 767px) {
	.playground-item img {
		min-height: 0px;
	}
}

@media only screen and (min-width: 450px) and (max-width: 767px) {
	/*.press-award-item {
		width: 50%;
	}*/
}

@media only screen and (min-width: 367px) and (max-width: 767px) {
	.footer .footer-newsletter input.fieldEmail {
		width:242px;
	}
}
@media only screen and (min-width: 435px) {
	.playground-item.text-overlay.bottom .playground-text{
		bottom:0px;
		top:auto;
		position:absolute;
		width:100%;
		left:0px;
	}
}

@media only screen and (max-width: 559px) {
	.playground-item img.thumb-normal{
		display:none;
	}
	.playground-item img.thumb-one-column{
		display:block;
	}
}
@media only screen and (max-device-width: 542px) {
	.playground-item img.thumb-normal{
		display:none;
	}
	.playground-item img.thumb-one-column{
		display:block;
	}
}

/*This section is for we are texts only on different mobile widths*/
@media only screen and (min-width: 420px) and (max-width: 479px) {
	.content .home-intro h3{
		font-size: 45px;
		line-height: 49px;
		background-size: 25px 20px;
		background-position: 220px 42px;
		height: 68px;
		min-width: 320px;
	}
	.content .home-intro h4{
		font-size: 18px;
		line-height: 17px;
	}
	.content .home-intro .devide{
		margin-left:120px;
	}
	.content .home-intro .large-double-quote{
		height: 43px;
		margin-left: 170px;
		width: 49px;
	}
	.content .home-intro .small-double-quote{
		height: 22px;
		top: 77px;
		width: 28px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 539px) {
	.content .home-intro h3{
		font-size: 48px;
		line-height: 54px;
		background-position: 240px 48px;
		height: 75px;
		min-width: 360px;
	}
	.content .home-intro h4{
		font-size: 19px;
		line-height: 18px;
	}
	.content .home-intro .devide{
		margin-left:130px;
	}
	.content .home-intro .large-double-quote{
		height: 43px;
		margin-left: 180px;
		width: 49px;
	}
	.content .home-intro .small-double-quote{
		top: 81px;
	}
}
@media only screen and (min-width: 540px) and (max-width: 639px) {
	.content .home-intro h3{
		font-size: 60px;
		line-height: 64px;
		background-position: 280px 60px;
		height: 85px;
		min-width: 360px;
	}
	.content .home-intro h4{
		font-size: 22px;
		line-height: 21px;
	}
	.content .home-intro .devide{
		margin-left:140px;
	}
	.content .home-intro .large-double-quote{
		margin-left: 200px;
	}
}
@media only screen and (min-width: 640px) and (max-width: 757px) {
	.content .home-intro h3{
		font-size: 65px;
		line-height: 68px;
		background-position: 320px 62px;
		height: 90px;
		min-width: 440px;
	}
	.content .home-intro h4{
		font-size: 24px;
		line-height: 24px;
	}
	.content .home-intro .devide{
		margin-left:150px;
	}
	.content .home-intro .large-double-quote{
		margin-left: 220px;
	}
}
