*{margin:0px; padding:0px;}

body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}

.maincontainer{width:100%; margin:0; padding:0;}
.header{width:100%; background:url(../images/header_bg.jpg) repeat-x;  float:left;}
.container{width:980px; margin:0 auto;}

.logo{width:350px; float:left; margin: 20px 0;}
.header-right{width:390px; float:right; margin: 20px 0;}


.menu-div {
	float:left;
	margin-left:0px;
	margin-top:0px; margin-bottom:8px; width:100%;
}

/*--------------------------------------------------
			PRIMARY MENU  OPEN
---------------------------------------------------*/

#primary-menu {
    /* float: left; */
    margin: 0;
    padding: 0;
    width: 92%;
    margin: 0 auto;
	text-align:center !important;
}


#primary-menu select {
	display:none;
}
#primary-menu select {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CBCBD1;
	cursor: pointer;
	width: 100%;
	float:right;
	padding:10px;
	margin: 7px 0;
	box-shadow: 0 0 0 rgba();
	-moz-box-shadow: 0 0 0 rgba();
	-webkit-box-shadow: 0 0 0 rgba();
	color: #676767;
	background:-webkit-gradient(linear, left top, left bottom, from(#ccf3fd), to(#a7e5f6));
	background: -moz-linear-gradient(top, #ccf3fd, #a7e5f6);
	background: -o-linear-gradient(top, #ccf3fd, #a7e5f6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccf3fd', endColorstr='#a7e5f6');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccf3fd', endColorstr='#a7e5f6')";
	text-align:center;
	border-radius:5px; 
	
}
#primary-menu ul {
	margin: 0;
	padding: 0px 0;
	list-style-type: none;
/*	float: right;*/
}
#primary-menu ul li:hover {
	visibility:visible;
}
#primary-menu ul li {
	position: relative;
	display: inline;
	text-align: center;
	float: left;
	margin:5px; 
	border:1px solid #23bde8;
	background:-webkit-gradient(linear, left top, left bottom, from(#ccf3fd), to(#a7e5f6));
	background: -moz-linear-gradient(top, #ccf3fd, #a7e5f6);
	background: -o-linear-gradient(top, #ccf3fd, #a7e5f6);
	background: -ms-linear-gradient(top, #ccf3fd, #a7e5f6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccf3fd', endColorstr='#a7e5f6');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccf3fd', endColorstr='#a7e5f6')";
	text-align:center;
	border-radius:5px;
}

#primary-menu ul li:first-child {
/*	background: none;*//* margin-left:30px;*/
}


/*#primary-menu ul li:last-child {
	background: none;
}*/
#primary-menu ul li a {
	text-decoration: none;
	font-size:20px;
	line-height:20px;
	font-weight: 400;
	padding: 6px 26px;
	display: block;
	float: left;
	text-align:center;  color:#000;
	font-family: Candara, Arial, Verdana, "Open Sans";
}
#primary-menu ul li a:hover, #primary-menu ul li.sfHover a {
	color:#000;
	background:-webkit-gradient(linear, left top, left bottom, from(#ccf3fd), to(#a7e5f6));
	background: -moz-linear-gradient(top, #ccf3fd, #a7e5f6);
	background: -o-linear-gradient(top, #ccf3fd, #a7e5f6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccf3fd', endColorstr='#a7e5f6');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccf3fd', endColorstr='#a7e5f6')";
	text-align:center;
	border-radius:5px; 
}
#primary-menu ul li a.current {
	color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#0098DB), to(#0473A4));
	background: -moz-linear-gradient(top, #0098DB, #0473A4);
	background: -o-linear-gradient(top, #0098DB, #0473A4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0098DB', endColorstr='#0473A4');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0098DB', endColorstr='#0473A4')";
	text-align:center;
	border-radius:5px;
	border:1px solid #035A81;
}
#primary-menu ul li.act {
	color: #fff;
	position:relative;
	z-index:9999999999;
}
#primary-menu ul li a.logo {
	display: none;
	margin: 0;
}
#primary-menu ul ul {
	position: absolute;
	top: -9999em;
	background-color:#0098DB;
	border-radius:5px;
	border:1px solid #018BC8;
	z-index: 99999999999;
	width: 181px;
}
#primary-menu ul ul li {
	width: 265px;
	border-bottom:1px solid #018BC8;
}
#primary-menu ul li:hover ul {
	left: 0;
	top:34px;
}
#primary-menu ul li:hover li ul {
	top: -9999em;
}
#primary-menu ul li li:hover ul {
	left: 180px;
	top: 0;
}
#primary-menu ul ul {
	padding: 0;
	margin: 0px 0 0 0;
}
#primary-menu ul ul li {
	margin: 0;
}
#primary-menu ul ul li:last-child {
	border-bottom: none;
}
#primary-menu ul ul li a {
	font-size:17px;
}
#primary-menu ul li:hover ul li a {
	color: #000;
	/*width: 90%;*/
	text-align: left;
}
#primary-menu ul li:hover ul li a:hover {
	color: #000;
}
.fixed {
	position: fixed;
	top: 0px;
	background-color: #f8f8f8;
	z-index:999;
	height: 59px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
#header-wrapper .fixed {
}
.fixed .header {
	border-bottom: none;
}
.fixed #logo {
	display:none;
}
.fixed .logo2 {
	position:absolute;
	left: 0px;
	top:12px;
}
.fixed #primary-menu ul {
	padding: 0;
}
.fixed #primary-menu ul li {
	background: url(../images/sprite.png) no-repeat scroll right -149px transparent;
}
.fixed #primary-menu ul li:last-child {
	background: none;
}
.fixed #primary-menu ul li a {
	color: #676767;
	padding: 21px 15px;
}
.fixed #primary-menu ul li a:hover, .fixed #primary-menu ul li.sfHover a {
	background-color: #444;
	color: #fff;
}
.fixed #primary-menu ul li a.current {
	color: #fff;
}
.fixed #primary-menu ul li:hover ul {
	top: 59px;
}
.fixed #primary-menu ul ul li {
	background: none;
}
.fixed #primary-menu ul li:hover ul li a {
	padding: 12px 15px;
	background: #444;
	color:#999;
}
.fixed #primary-menu ul li:hover ul li a:hover {
	color:#fff;
}
/*--------------------------------------------------
			PRIMARY MENU  CLOSE
---------------------------------------------------*/

.banner{width:100%; float:left; background: #03446E url(../images/banner_bg.jpg) repeat-x;}
.wrapper{width:1160px; margin:0 auto;}
.inner{width:98%; padding: 10px 10px; float:left; background:#FFFFFF; margin:10px 0; min-height:380px;}
.inner h1{font-size:20px; text-transform:uppercase; text-align:left; padding:5px; margin:10px 15px; color:#81B500; border-bottom:1px dashed #000;}
.inner h2{font-size:15px; text-transform:uppercase; text-align:left; padding:5px; margin:10px 15px; color:#333; border-bottom:1px dashed #000;}

.inner p{font-size:13px; text-align:left; color:#000; padding:0 20px 15px 20px;}
.inner p.dec{font-size: 27px; text-align: left; float:left; color: #24596d; padding:30px 20px 15px 20px; line-height: 35px;}
.inner p.dec2{font-size: 20px; text-align: left; float:left; color: #24596d; padding:30px 20px 15px 20px; line-height: 35px;}

/*--------------------------------------------------
			DIFFERENT UL STYLES
---------------------------------------------------*/
.check-list, .arrow-list, .star-list {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	display: block;
}

.arrow-list{
	list-style-type:none;
	margin: 0 0 0 20px;
	padding: 0px;
	display: block;
}

.arrow-list{
	list-style-type:none;
	margin:30px 0 50px 20px;
	padding: 0px;
	display: block;
}

.arrow-list li {
	margin-bottom: 25px;
	padding-left: 20px;
}

.check-list li, .star-list li {
	margin-bottom: 5px;
	padding-left: 20px;
}
.arrow-list li {
	background:url(../images/billet_new.png) left 7px no-repeat;
	    font-size: 20px;
    line-height: 30px;
}
.check-list li {
	background: url(../images/bullet-ul.png) no-repeat scroll -42px -45px transparent;
}
.star-list li {
	background: url(../images/bullet-ul.png) no-repeat scroll 0px -82px transparent;
}
ul.colored-counter-list {
	counter-reset:li;
	margin-left:0; 
	padding-left:0; 
}
ul.colored-counter-list > li {
	position:relative; 
	list-style:none;
	padding-left: 35px;
	margin-bottom: 13px;
}
ul.colored-counter-list > li:before {
	content:counter(li); 
	counter-increment:li; 
	position:absolute;
	top:0;
	left:0;
	width:25px;
	margin-right:8px;
	padding: 3px 0;
	text-align:center;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background-color: #444;
	color: #fff;
}

 h3.title{
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	line-height: 20px; text-align:center; background:#97B54C; padding:10px 0;
}

 h3.title2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	line-height: 20px; text-align:center; 
}

 h3.title a{
    font-family: Verdana, Arial, sans-serif;
    text-decoration: none;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #000;
}
.clear{clear:both; line-height:0;}
.arrow-new{list-style-type:none; margin:0 0 0 20px; padding: 0px; display: block;}
.arrow-new li {margin-bottom:10px; padding-left: 20px;}
.arrow-new li {background: url(../images/bullet-ul.png) no-repeat scroll -82px 5px transparent;}

.arrow-new li a {color:#0076A0; text-decoration:none; font-size:13px; font-weight:700;}

.arrow-new2 {list-style-type:none; margin:0 0 50px 20px; display: block; padding: 10px;}
.arrow-new2 li {margin-bottom:10px; padding-left: 30px;}
.arrow-new2 li {    background: url(../images/billet_new.png) left 8px no-repeat transparent; }
.arrow-new2 li a {color:#333; text-decoration:none; font-size:23px; line-height: 30px;}

.contact_new{font-size:15px; color:#000;}
.contact_new p {
    font-size: 18px;
    color: #027CA5;
    line-height: 30px;
    /* margin-bottom: 5px; */
}

.contact_new p { color: #007095; line-height: 30px; text-decoration:none;}
.contact_new p a { color: #007095; line-height: 30px; text-decoration:none;}
.contact_new p a:hover { color: #00a1d6; line-height: 30px; text-decoration:none;}

.pad{margin-top:15px; margin-left:20px;}

/*--------------------------------------------------
				      COLUMNS
---------------------------------------------------*/
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; margin-right:2%;/* margin-right:4%;*/ }
.one { width: 100%; margin-right: 0; }
.one-half {	width: 48%;  }
.two-third { width: 65.33%; }
.one-third  { width: 30.66%; }
.one-fourth { width: 22%; }
.last { margin-right: 0 !important; }

.one2 { padding:10px; background:#80b9ca url(../images/logo-decoration_bg.jpg) top center no-repeat; border:1px solid #CCCCCC; margin-bottom:10px; min-height:570px; background-size: 100%;}

.oneSample {background:url(../images/logodecuration1.jpg) top center no-repeat; margin-bottom:10px; background-size: 100%;}

.one2 h1 {font-size: 25px; text-transform: uppercase; line-height:30px; text-align: right; padding: 5px; margin: 20px 15px; color: #2c7c9f; border:none;}
/*--------------------------------------------------
			CONTACT
---------------------------------------------------*/
.google-map {
	height: 300px;
	width: 100%;
}
.form, .contact-success {
	padding: 4%;     border: 1px solid #E6E6E6;
	background-color: #f8f8f8;
	overflow: hidden;
}
.contact-success {
	padding: 20px;
	color: #fff;
	font-size:11px;
}
.form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.form  li {
	position: relative;
}

.form  li p{
    padding: 0 20px 5px 0px;
}

.form input, .form textarea {
	width: 85%;
	margin-bottom: 12px;
	position: relative;
}
.form textarea {
	width: 96%;
	height: 150px;
}
.form input.submit {
	width: 110px;
}
.form  li p, .form input.submit {
	margin-bottom: 0;
}

.form em {
	color:#aaaaaa;
	display: inline;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}
.form .contact-error {
    color: #f96e5b;
    font-size: 11px;
	font-weight: bold;
    position: absolute;
    top: 0;
    right: 60px;
}
.contact-info {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

input, textarea, select {
	outline: medium none;
	font-family:  Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #bbb;
	border: 1px solid #979797;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-webkit-transition: all 0.2s ease-out 0s;   
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s; 
	background-color: #fff;
	padding: 8px;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #8DC5C5;
	color: #676767;
	box-shadow:0 0 4px rgba(82,168,236,.5);
	-moz-box-shadow:0 0 4px rgba(82,168,236,.5);
	-webkit-box-shadow:0 0 4px rgba(82,168,236,.5);
}
input.submit, input.submit:focus, input.submit:active {
	cursor:pointer;
	text-align:center;
	text-transform: uppercase;
	font-size:11px;
	font-weight: bold;
	line-height: 14px;
    color: #fff;
	text-decoration:none !important;	
	padding: 7px;
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	box-shadow:0 0 0;
	-moz-box-shadow:0 0 0;
	-webkit-box-shadow:0 0 0;
	background:#7CA711;
}
input.submit:hover {
	background-color: #23A452;
}

input.sub{width:65%; background: #fff;   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;}
	
textarea, input::-webkit-input-placeholder {
color:#000 !important; font-size:14px;
}
 
textarea, input:-moz-placeholder { /* Firefox 18- */
color:#000 !important;  
}
 
textarea, input::-moz-placeholder {  /* Firefox 19+ */
color:#000 !important;  
}
 
textarea, input:-ms-input-placeholder {  
color:#000 !important;  
}

input.submit-new, input.submit-new:focus, input.submit-new:active {
    background: #0f100f;
}
input.submit-new, input.submit-new:focus, input.submit-new:active {
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-size:14px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    text-decoration: none !important;
    padding: 10px;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0; margin-left:10px;
}

/*--------------------------------------------------
				PORTFOLIO
---------------------------------------------------*/
.portfolio-grid ul li a.hide {
	display: none;
}
.portfolio-grid {
	margin: 0 0 0 -5px;
	padding: 0;
	float: left;
}
.portfolio-grid ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.portfolio-grid ul li {
	float: left;
	margin: 0 0 15px 20px;
	padding: 0;
	position: relative;
	background-color: #f8f8f8;
	border:1px solid #FFFFFF;
	width:260px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	
}

.portfolio-grid ul li img{ width:92%; padding:10px;}

.isotope-item {
    z-index: 1;
}
.isotope-hidden {
    z-index: 0;
}
.portfolio-grid ul li.col2 {
	width: 450px;     box-shadow: none; border:none; margin-left:15px; background:none;
}

.portfolio-grid ul li.full {
    width:100%;
    box-shadow: none;
    border: none;
    margin-left: 15px;
    background: none;
}

.portfolio-grid ul li.col2 img {width: auto; padding: 6% 10%; text-align:center;}

.portfolio-grid ul li.col3 {
	width: 260px;
	min-height:330px;
}
.portfolio-grid ul li.col4 {
	width: 230px;
}
.portfolio-grid ul li img {
	float: left;
}	
.item-info {
	padding: 15px;
	float: left;
}
.item-info h3, .item-info-overlay h3 {
	font-size: 15px;
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 17px;
	margin-bottom: 0;
}
.item-info h3.title a {
	color: #676767;
}
.item-info-overlay h3.title a {
	color: #fff;
}
.item-info-overlay h3.title a:hover {
	color: #444;
}
.item-info h4, .item-info-overlay h4 {
	font-size:11px;
	line-height: 14px;
	color: #444;
	text-transform: uppercase;
	margin-bottom: 0;
}




/*--------------------------------------------------
		    PORTFOLIO THUMBNAIL HOVER
---------------------------------------------------*/
.item-info-overlay {
	color: #fff;
	font-size:11px;
}
.item-info-overlay {
	position:absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	display: none;
    z-index: 120;
}
.item-info-overlay div {
	padding: 0 9% 9% 9%;
}
.item-info-overlay h3 {
	padding: 9% 9% 2% 9%;
	font-size: 17px;
}	
.item-info-overlay p {
	margin-top: 10px;
	padding-top: 10px;
}	
.item-info-overlay a.preview, .item-info-overlay a.view {
	position: absolute;
	bottom: 0px;
	-webkit-transition-duration: 0s; 
	-moz-transition-duration: 0s; 
	-o-transition-duration: 0s; 
	text-indent: -9999px;
	height: 37px;
	width: 37px;
    z-index: 110;
}
.item-info-overlay a.view {
	background: url(../images/sprite.png) no-repeat scroll 11px 13px #333;
	right: 0px;
}
.item-info-overlay a.view:hover {
	background: url(../images/sprite.png) no-repeat scroll 11px -18px #333;
}
.item-info-overlay a.preview {
	background: url(../images/sprite.png) no-repeat scroll 12px -50px #333;
	right: 38px;
}
.item-info-overlay a.preview:hover {
	background: url(../images/sprite.png) no-repeat scroll 12px -83px #333;
}


.bannernew{width:220px; float:left; margin:10px 0 10px 10px; background:#FBFBFB; height:386px}
.bannernew1{width:500px; float:left; margin:10px 0 10px 15px; background:#FBFBFB;}
.bannernew2{width:170px; float:left; margin:10px 0 10px 10px;}
.bannernew3{width:220px; float:right; margin:10px 0 10px 10px; background:#FBFBFB;height:386px}

ul.navi{margin:0; padding:0;}
ul.navi li{display:block; list-style-type:none; padding-top:10px; padding-bottom:10px; padding-left:10px; border-bottom:1px solid #D3D3D3; width:200px !important;}
ul.navi li a:link, ul.navi a:visited{text-decoration:none; color:#000000; font-size:12px; }
ul.navi li a:hover{text-decoration:none; color:#CD090C;}
ul.navi li:last-child{border-bottom:none;}




.banner-left{width:556px; float:left; margin:10px 15px 0 0; background:#FFFFFF;}
.banner-right{width:403px; float:right; margin:10px 0px 0 0;}
.banner-right ul{float:left; margin:0px 0px 0 0; list-style:none;}
.banner-right ul li{width:170px; float:left; margin-right:10px; min-height: 178px; margin-bottom:10px; background:#fff; padding:10px 10px 0 10px;}

.white{width:100%; float:left; background-color:#fff;}
.fashion{width:100%; float:left; margin:30px 0;}
.fashion_box {width:29%; float:left; padding:12px 10px; text-align:center; border-radius:10px; margin:10px; color:#fff; font-style:italic; font-size:26px;}

.fashion_box.clr {
	background:-webkit-gradient(linear, left top, left bottom, from(#fd2b9f), to(#af1e6e));
	background: -moz-linear-gradient(top, #fd2b9f, #af1e6e);
	background: -o-linear-gradient(top, #fd2b9f, #af1e6e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd2b9f', endColorstr='#af1e6e');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd2b9f', endColorstr='#af1e6e')";
	
}

.fashion_box.clr2{
	background:-webkit-gradient(linear, left top, left bottom, from(#56a6dc), to(#226fa3));
	background: -moz-linear-gradient(top, #56a6dc, #226fa3);
	background: -o-linear-gradient(top, #56a6dc, #226fa3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a6dc', endColorstr='#226fa3');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a6dc', endColorstr='#226fa3')";
	
}

.fashion_box.clr3{
background:-webkit-gradient(linear, left top, left bottom, from(#b1fa00), to(#226210));
	background: -moz-linear-gradient(top, #b1fa00, #226210);
	background: -o-linear-gradient(top, #b1fa00, #226210);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1fa00', endColorstr='#226210');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1fa00', endColorstr='#226210')";
	}
	
	.footer-div {
	width:100%;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}
.footer-div ul {
	padding:0px;
	margin:0px auto;
	width:98%;
	width: 85%;
	
}
.footer-div ul li {
	margin:0px;
	padding:0px;
	float:left;
	margin-left:3px;
	margin-right:3px;
	list-style:none;
	color:#0A507B;
	
}
.footer-div ul li a {
	text-decoration:none;
	font-size:12px;
	color:#333; font-weight:600;
	text-transform:uppercase;
}
.footer-div ul li a:hover {
	color:#0A507B;
}

.copyright-div { background-color:#333;
	float: left; width:100%; padding:10px 0px; 
}
.copyright-div p {
	text-align: center; color:#fff; font-size:12px;
}


/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 980px) {
.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup { width: 714px; margin: 0 auto; float: none;  }
.portfolio-grid { width: 719px; }
.portfolio-grid ul li.col2 { width: 323px; min-height: 380px; }
.portfolio-grid ul li.col3 { width: 234px; }
.portfolio-grid ul li.col4 { width: 174px; }
.portfolio-grid ul.shaped.hexagon li { margin: 0 0 15px 3px; }
.portfolio-grid ul.shaped.triangle li { margin: 0 0 15px 30px; }
.portfolio-grid ul.shaped.circle li { margin: 0 0 15px 3px; }
.grid.row3 li {width: 237px;}
.grid.row4 li {width: 177px;}
.grid.row5 li {width: 142px;}
.grid.row6 li {width: 118px;}
.google-map.fullwidth {	height: 500px; }


.container{width:714px; margin:0 auto;}
.wrapper{width:714px; margin:0 auto;}
.logo { margin: 0px 0;}
.logo img{width:300px; margin:10px 0;}

#primary-menu ul li a {
    text-decoration: none;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
   padding: 6px 22px;
}



.header-right {     width: 270px;
    float: right;}
.header-right img{ width: 90%;padding:0 2%;}

.banner-left {  width:96%;}
.banner-left img{  width: 90%; padding:10px}
.banner-right { width:99%; float:left;}
.banner-right ul li { width: 45%;}
.banner-right ul li img { width:94%; padding: 10px 10px 0 10px;}

.fashion_box { width: 85%; float: left;}

}

/*---------------iPhone landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 420px;  margin: 0 auto; float: none; }]
#header-wrapper.fixed { display:none !important; }
#primary-menu select { display:block; }
#primary-menu ul { display:none; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }
.portfolio-grid { width: 100%; margin: 0; }
.portfolio-grid ul li.col2, .portfolio-grid ul li.col3, .portfolio-grid ul li.col4 {  width: 100%;  margin: 0 0 6px 0; }
.portfolio-grid ul.shaped.hexagon li { margin: 0 92px 20px 92px; }
.portfolio-grid ul.shaped.triangle li { margin: 0 52px 20px 52px; }
.portfolio-grid ul.shaped.circle li { margin: 0 92px 20px 92px; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li {width: 209px;}
.google-map.fullwidth {	height: 300px; }
.contact-button { margin-top: 0; }
#footer-bottom, #footer-bottom .text-align-right { text-align: center; }
#footer-bottom .one-half { margin-bottom: 2px; }



#primary-menu select{width:96%; float:left;}
.container{width:420px; margin:0 auto;}
.header-right { width: 100%; float:left;}
.header-right img{ width: 90%;padding:0 2%;}
.wrapper{width:420px; margin:0 auto;}
.logo { width: 100%;}
.logo img{ width: 90%; padding:0 2%;}

.banner-left {  width:96%;}
.banner-left img{  width: 90%; padding:10px}
.banner-right { width:90%; float:left;}
.banner-right ul li { width: 100%;}
.banner-right ul li img { width:94%; padding: 10px 10px 0 10px;}

.fashion_box { width: 85%; float: left;}


}

/*---------------iPhone portrait---------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
.header, .content-wrapper, #footer-content, #contact-intro, .contact-popup, #primary-menu select { width: 300px; margin: 0 auto; float: none; }
#header-wrapper.fixed { display:none !important; }
#primary-menu select { display:block; }
#primary-menu ul { display:none; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%;margin-right: 0; margin-bottom: 25px; }
.grid li { border-right: none; }
.grid.row3 li, .grid.row4 li, .grid.row5 li, .grid.row6 li { width: 300px; }
.portfolio-grid { width: 100%; margin: 0; }
.portfolio-grid ul li.col2, .portfolio-grid ul li.col3, .portfolio-grid ul li.col4 {  width: 100%;  margin: 0 0 6px 0; }
.portfolio-grid ul.shaped.hexagon li { margin: 0 32px 20px 32px; }
.portfolio-grid ul.shaped.triangle li { margin: 0 0px 20px 0; }
.triangle .item-container, .triangle .item-mask { width: 300px; height: 263px; }
.triangle .item-mask, .triangle .item-info-overlay { background: url(../images/mask-triangle-portrait.png) no-repeat 0 0 transparent; }
.triangle .item-container img {	height: 263px; }
.triangle .item-info-overlay div {	padding: 20%; }
.portfolio-grid ul.shaped.circle li { margin: 0 32px 20px 32px; }
.google-map.fullwidth {	height: 300px; }
.contact-button { margin-top: 0; }
#footer-bottom, #footer-bottom .text-align-right { text-align: center; }
#footer-bottom .one-half { margin-bottom: 2px; }

.inner { width: 90%;}

#primary-menu select{width:96%; float:left;}
.container{width:300px; margin:0 auto;}
.header-right { width: 100%; float:left;}
.header-right img{ width: 90%;padding:0 2%;}
.wrapper{width:300px; margin:0 auto;}
.logo { width: 100%;}
.logo img{ width: 90%; padding:0 2%;}

.banner-left {  width:96%;}
.banner-left img{  width: 90%; padding:10px}
.banner-right { width:90%; float:left;}
.banner-right ul li { width: 100%;}
.banner-right ul li img { width:94%; padding: 10px 10px 0 10px;}

.fashion_box { width: 85%; float: left;}


}