@charset "utf-8";

/************************************************************************** 
 * responsive.css
 **************************************************************************/


@media screen and (max-width: 1200px) {

} /************************************************************************************************************************* //1100px */
@media screen and (max-width: 1100px) {
 	.mainsection {
		padding: 25% 3%;
	}
	.mainsection03{
		padding: 25% 3% 15%;
	}

	.mainsection02{
		text-align:center;
	}
	/* .mainsection02 {
		background-image: url(../img/mainsection02-bg.jpg);
		background-position: 85% 50%;
		background-attachment: initial;
		transition-duration: 0.7s;
	} */
	.mainsection02 {
		background-image: url(../img/mainsection02-bg-m.jpg);
		background-position: 50% 50%;
		transition-duration: 0.7s;
		font-size: 16px;
	}
	.mainsection02 p {
		width: 79%;
		margin: 0 auto;
		padding-top: 4%;
	   transition-duration: 0.5s;
	}



} /************************************************************************************************************************* //1100px */
@media screen and (max-width: 990px) {
	.home-logo {
		display: block;
		width: 88px;
	}


} /************************************************************************************************************************* //990px */

@media screen and (max-width: 768px) {


	.mainsection02 p .m-block {
		display: inline;
	}
	.mainsection02 {
		background-image: url(../img/mainsection02-bg-m.jpg);
		background-position: 50% 50%;
		transition-duration: 0.7s;
		background-size: 1680px;
		font-size: 16px;
	}

	#designers-wrap .ds-wrap{
		width:48%;
		float:left;
		transition-duration: 0.5s;
	}
	#designers-wrap .ds2-wrap{
		width:48%;
		margin-left:4%;
	}
	#designers-wrap .ds3-wrap{
		width:100%;
		float:none;
		margin-left: 0;
		transition-duration: 0.5s;
	}
	#designers-wrap .ds3-wrap .ds-img{
		width:48%;
	}
	#designers-wrap .ds3-wrap  .ds3-2{
		margin-left:4%;
		float:right;

	}
	.mainsection03 {
		background-image: url(../img/mainsection03-bg.jpg);
		background-position: 70% 50%;
		background-repeat: no-repeat;
		color: #fff;
		background-attachment: initial;
		background-size: cover;
		padding: 25% 3% 15%;
	}
	.mainsection03 .ms-title::after {
		margin: 30px auto 30px;
	}
	section.main-nwes {
		padding:20px 0;
	}
	.ft-host-wrap {
		background-color: #3a3a3a;
		padding: 10px 0;
	}
	.ft-host-wrap .boundary {
    width: 85%;
	}
	.ft-host-wrap li {
		width: 50%;
	}
	.footer01 {
		padding: 30px 0 70px;
		color: #fafafa;
		font-size: 12px;
		font-weight:200;
		text-align: center;
		background-color: #2a2a2a;
	}
	.footer01 .pi-quick-links {
		text-align: center;
		margin-bottom: 20px;
	}

} /************************************************************************************************************************ //768px */

@media screen and (max-width: 640px) {
	.mainsection {
		line-height: 1.3em;
	}

	.ms-title {
		font-size: 28px;
	}
	.mainsection02 {
		font-size: 16px;
	}
	.mainsection02 p {
		width: 100%;
	}
	.mainsection02 p .m-block{
		display:block;
	}
	.mainsection02 {
		background-image: url(../img/mainsection02-bg-m.jpg);
		background-position: 50% 50%;
		transition-duration: 0.7s;
		background-size: 1000px;
		font-size: 14px;
		background-attachment: initial;
	}

	#designers-wrap .ds-img {
		display: block;
		float: left;
		width: 100%;
		height: 207px;
		margin-bottom: 20px;
	}
	#designers-wrap a.ds-img-long {
		height: 434px;
	}
	.ds-img .ds-name {
		line-height: 11em;
	}
	.ds-img-long .ds-name {
		line-height: 25em;
	}


} /************************************************************************************************************************* //640px */

@media screen and (max-width: 480px) {

	#designers-wrap .ds-img {
		display: block;
		float: left;
		width: 100%;
		height: 164px;
		margin-bottom: 15px;
	}
	#designers-wrap a.ds-img-long {
		height: 342px;
	}
	.ds-img .ds-name {
		line-height: 9em;
	}
	.ds-img-long .ds-name {
		line-height: 19em;
	}

} /************************************************************************************************************************ //480px */