@charset "utf-8";
/* CSS Document */

/* Smartphones (portrait and landscape) ----------- */


@media only screen and (min-width: 320px) and (max-width: 480px) {
	
	.pro_section, .pro_section01 { width:100%; margin-bottom:40px;}
	.pro_section p { font-size:1.2em;}
	.col-lg-4 { width:100%;}
	.hom_btm_tl { font-size:0.9em;}
	.col-lg-4_1 ul.b { font-size:0.8em; margin-bottom:10px;}
	ul.link-list li {padding: 0px 23px 6px 5px;}
	#sub-footer p { width:100%; text-align:center;}
	ul.link-list { float:left; padding:0; margin:0;}
	.col-lg-6 { text-align:center;}
	#sub-footer span { margin-top:2px;}
	
	.roww2 {display:none;}
	.roww2b { display:block;}


	
	a.scroll img { width:150px; margin-bottom:-1px;}
	
	.fullscreen-dobby{
	background:url(../images/dobby-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-tailor{
	background:url(../images/tailor-i-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-tryon{
	background:url(../images/tryon-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-dresing{
	background:url(../images/dressingroom-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	
	.fullscreen-websolution{
	background:url(../images/websolution-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-designarch{
	background:url(../images/design-archive-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-3dimage{
	background:url(../images/3d-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-webshowroom{
	background:url(../images/webshowroom-vertical1.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	
	.flex-caption {
	bottom: -550px;
	margin: 0;
	/* padding: 25px 25px 25px 30px; */
	position: absolute;
	right: 32%;
	top: 111%;
	width: 36%;
	background: url(../img/web-solution-sky.png) no-repeat;
	background-size: 100%;
	text-align: center;
	padding-top: 4%;
	}
	
/* Styles */
}




@media only screen and (min-width : 320px) and (max-width : 480px) {
	
	.roww2 {display:none;}
	.roww2b { display:block;}
	
	a.scroll img { width:150px; margin-bottom:-1px;}
/* Styles */
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	.roww2 {display:none;}
	.roww2b { display:block;}
/* Styles */
}



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	.roww2 { display:none;}
	.roww2b	{ display:block;}

	
	.fullscreen-dobby{
	background:url(../images/dobby-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-tailor{
	background:url(../images/tailor-i-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	
		.fullscreen-tryon{
	background:url(../images/tryon-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-dresing{
	background:url(../images/dressingroom-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-websolution{
	background:url(../images/websolution-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-designarch{
	background:url(../images/design-archive-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-3dimage{
	background:url(../images/3d-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-webshowroom{
	background:url(../images/webshowroom-vertical1.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	
	.flex-caption {
	bottom: -550px;
	margin: 0;
	/* padding: 25px 25px 25px 30px; */
	position: absolute;
	right: 32%;
	top: 111%;
	width: 36%;
	background: url(../img/web-solution-sky.png) no-repeat;
	background-size: 100%;
	text-align: center;
	padding-top: 4%;
	}
	
.col-lg-4 {
	width: 100%;
	float: left;
	}


	
/* Styles */
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	
	.roww2 { display:block;}
	.roww2b { display:none;}
	
/* Styles */
}



/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	.roww2 { display:block;}
	.roww2b { display:none}
	
	.nav-item {font-size: 1.1em;}
	 h7 { font-size:3em;}
	.flex-captiond3 { font-size:1.9em;}
	.flex-caption p { font-size:1em}
	.flex-caption { top: 5%; padding-top: 4%;}
	
	.fullscreen-dobby{
	background:url(../images/dobby-tbt.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-tailor{
	background:url(../images/tailor-tbt.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
		.fullscreen-tryon{
	background:url(../images/tryon-tbt.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-dresing{
	background:url(../images/dressingroom-tbt.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-websolution{
	background:url(../images/websolution-tbt.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	
	.fullscreen-designarch{
	background:url(../images/design-archive-tbt.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	
	.fullscreen-3dimage{
	background:url(../images/3d-tbt.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	a.scroll img { width:140px;}
	
	.logo img {
	width:60%;
	}
	
	
/* Styles */
}


/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
/* Styles */

	.roww2 {display:none;}
	.roww2b { display:block;}

	li.nav-submenu-item { width:100%;}

	.nav-item { font-size:1.3em; width: 21%; margin-right: 4%;}

	.nav { margin-top:10x;}
	
	.fullscreen-dobby{
	background:url(../images/dobby-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-tailor{
	background:url(../images/tailor-i-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
		.fullscreen-tryon{
	background:url(../images/tryon-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	
	.fullscreen-dresing{
	background:url(../images/dressingroom-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-websolution{
	background:url(../images/websolution-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	
	.fullscreen-designarch{
	background:url(../images/design-archive-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-3dimage{
	background:url(../images/3d-port.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-webshowroom{
	background:url(../images/webshowroom-vertical1.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	
	}
	
	a.scroll img { width:180px; margin-bottom:-1px;}
	
	.flex-caption {
	min-height:100%;
	margin: 0;
	/* padding: 25px 25px 25px 30px; */
	position: absolute;
	right: 32%;
	top: 110%;
	width: 36%;
	background: url(../img/web-solution-sky.png) no-repeat;
	background-size: 100%;
	text-align: center;
	padding-top: 4%;
	}
	
	.flex-captiond3 {
	font-size: 1.6em;
	margin-top:12px;
	}

	.flex-caption p {
		font-size: 1.2em; }
		
	.col-lg-4 {
		width: 50%;
		float: left;
		}
		
	
	.row {margin-left: 0px;			
		}
	.pro_section, .pro_section01 {width: 48%;}
	.col-lg-4 { width:100%;}
	
	.col-lg-6 {float: left; text-align: center;width: 100%;}
	.copyright {
		text-align: left;
		font-size: 12px;
		text-align:center;
		width:100%;
	}
	
	.col-lg-3 {
	float: left;
	width:100%; 
	text-align:center;
	margin-left: 50px;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	
	ul.link-list { padding:0;}
	
	.cta-text { margin-top:10px; padding-top:30px; padding-bottom:10px; float:left;}
	.cta-jpL {padding-right: 3%; padding-bottom: 3%;}
	
}


/* Desktops and laptops ----------- */
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
	.roww2 { display:block;}
	.roww2b { display:none;}
	.fullscreen-dobby{
	background:url(../images/dobby-pc.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-tailor{
	background:url(../images/tailor-i-pc.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
		.fullscreen-tryon{
	background:url(../images/tryon-pc.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	.fullscreen-dresing{
	background:url(../images/dressing-room-pc.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	
	.fullscreen-websolution{
	background:url(../images/websolution-pc.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	
	.fullscreen-designarch{
	background:url(../images/design-archive-pc.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	
	.fullscreen-3dimage{
	background:url(../images/3d-pc.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}
	
	
	
	.fullscreen-webshowroom{
	background:url(../images/webshowroom-vertical1.jpg);
	background-repeat:no-repeat;
    background-position:50% 50%;
	min-height:100%;
	width:100%;
	background-size:100%;
	}


	
	}



/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
	.roww2b { display:none;}
	.roww2 { display:block;}
/* Styles */
}