@charset "utf-8";

/* IMPORT RESET */
@import url("normalize.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");

/* Global */

body {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #000;
	background: #fff;
}

@font-face {
    font-family: trojan;
    src: url('fonts/TrajanPro-Regular.ttf');
}

@font-face {
    font-family: myriad;
    src: url('fonts/MyriadPro-Regular.otf');
}



::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
 
::-webkit-scrollbar-track {
    background: #fff; 
}
 
::-webkit-scrollbar-thumb {
    background: #556b2f; 
    border: 1px solid #556b2f;
}

::-webkit-input-placeholder {
   color: #595959;
}

input:-moz-placeholder {
   color: #595959;
}

input::-moz-placeholder {
   color: #595959;
}

/*:-moz-placeholder { 
   color: #595959;  
}

::-moz-placeholder { 
   color: #595959;  
}*/

/*:-ms-input-placeholder {  
   color: #595959;  
}*/

img {
	max-width: 100%;
}
a {
	color: #5c5c5c;
	text-decoration: none;
}
a:hover {
	color: #556b2f;
	text-decoration: none;
}

.pagination {
	position: relative;
	margin-top: 25px;
	font-size: 12px;
	padding-left: 0px;
	font-family: verdana;
}

.pagination .disabled {
	position: relative;
	display: inline-block;
	color: #001831;
}

.pagination .pagination-current {
	width: 25px;
	height: 25px;
	text-align: center;
	position: relative;
	text-decoration: none;
	color: #fff;
	background: #001831;
	padding-top: 5px;
}

.pagination li {
	color: #001831;
	display: inline-block;
}

.pagination li a {
	width: 25px;
	height: 25px;
	text-align: center;
	position: relative;
	display: block;
	text-decoration: none;
	color: #001831;
	padding-top: 5px;
}

.pagination li a:hover {
	width: 25px;
	height: 25px;
	text-align: center;
	position: relative;
	display: block;
	text-decoration: none;
	color: #fff;
	background: #001831;
	padding-top: 5px;
}

/*Ceebox*/
#cee_box {
	overflow: inherit !important;
	background-color: #ffffff !important;
	border: solid 3px #556b2f !important;
}

#cee_overlay {
	background: rgba(255,255,255, 0.9) !important;
}

#cee_title h2 {
	color: #001831;
	display: none;
}

/*Header*/
.header {
	width: 100%;
	height: 40px;
	padding: 0 40px;
	position: relative;
	background: #fff;
	top: 0;
	z-index: 9;
}

.logo {
	width: 113px;
	margin-top: 10px;
	float: left;
}

.nav {
	position: relative;
	float: right;
	margin-top: 10px;
}

.nav-item {
	position: relative;
	display: inline-block;
	margin-left: 32px;
	font-family: 'Open Sans';
	font-size: 12px;
}

.nav-item.menu {
	display: none;
	cursor: pointer;
}


.nav-item:hover {
	text-decoration: underline;
}

.nav-item.menu:hover {
	text-decoration: none;
}

/*nav small*/
.nav-small {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	background: rgba(255,255,255,0.9);
	z-index: 99998;
	padding-top: 80px;
	opacity: 0;
	top: -120%;
	font-weight: lighter;
}

.nav-small .nav-item {
	width: 100%;
  	text-align: center;
  	padding: 0;
  	margin: 0;
  	font-size: 32px;
  	line-height: 58px;
}

.nav-toggle {
	width: 30px;
	height: 30px;
	position: fixed;
	right: 30px;
	top: 3px;
	z-index: 99999;
	cursor: pointer;
	display: none;
}

.header-line-group {
	width: 17px;
	height: 11px;
	position: relative;
	display: block;
	margin: 9px auto;
}

.header1-line {
	position: relative;
	display: block;
	width: 30px;
  	height: 2px;
  	margin-bottom: 4px;
	background: #556b2f;
}

/*Content*/
.content {
	width: 100%;
	min-height: 500px;
	padding: 0 40px;
	position: relative;
	overflow: hidden;
}

/*Footer*/
.footer {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 30px 40px;
	font-family: 'Mayrad';
	font-size: 14px;
	color: #5b5b5b;
}

/*button*/
.button-left {
	height: 0;
	width: 1px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: -1px;
}

.button-bottom {
	height: 1px;
	width: 0;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -1px;
}

.button-right {
	height: 0;
	width: 1px;
	background-color: #fff;
	position: absolute;
	right: -1px;
	bottom: 0;
}


.button-top {
	height: 1px;
	width: 0;
	background-color: #fff;
	position: absolute;
	top: -1px;
	right: 0;
}

.home-button-border .button-left {
	height: 0;
	width: 1px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: -1px;
	top: auto;
}

.home-button-border .button-bottom {
	height: 1px;
	width: 0;
	background-color: #fff;
	position: absolute;
	right: 0;
	bottom: -1px;
	left: auto;
}

.home-button-border .button-right {
	height: 0;
	width: 1px;
	background-color: #fff;
	position: absolute;
	right: -1px;
	top: 0;
}


.home-button-border .button-top {
	height: 1px;
	width: 0;
	background-color: #fff;
	position: absolute;
	top: -1px;
	left: 0;
}

/*home*/
.home {
	width: 100%;
	height: auto;
}

.home-top {
	width: 100%;
	position: relative;
	padding-bottom: 10px;
}

.slideshow {
	width: 100%;
	height: 625px;
	position: relative;
}

.home-top-desc {
	width: 80%;
	max-width: 670px;
	/*height: 175px;*/
	padding: 10px;
	background: url('../img/front/background2.png') repeat;
	position: absolute;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	left: 0;
  	right: 0;
  	top: 35%;
  	color: #fff;
}

.home-top-border {
	width: 100%;
	height: 100%;
	border: solid 1px rgba(255,255,255,0.3);
	text-align: center;
}

.home-top-border h1 {
	font-size: 24px;
	font-weight: 100;
  	font-family: trojan;
	line-height: 22px;
	margin-bottom: 15px;
  	margin-top: 30px;
}

.home-top-border span {
	font-size: 12px;
	font-weight: 100;
  	font-family: 'Open Sans';
  	display: block;
  	width: 420px;
	margin: 0 auto;
}

.home-top-list {
	margin: 0px 4px;
  	display: inline-block;
}

.home-since {
	margin-top: 15px !important;
	font-family: trojan !important;
	font-weight: lighter !important;
	margin-bottom: 20px !important;
}

.home-arrow {
	/*margin: 0 auto;
	margin-top: 10px;
	position: relative;
	display: block;*/
	cursor: pointer;
	position: fixed;
	bottom: 15px;
	left: 50%;
	z-index: 9999;
}

.home-bottom {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 65px;
	display: none;
}

.home-middle {
	width: 100%;
	position: relative;
}

.home-middle-left, .home-middle-right {
	font-size: 0;
	width: 50%;
	height: auto;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.home-middle-left {
	/*border: solid 1px #DBDBDB;*/
	padding: 60px 98px;
	opacity: 0;
	left: -200px;
}

.home-middle-left h2, .home-middle-left h3 {
	font-size: 24px;
	font-family: trojan;
	color: #556b2f;
	text-align: center;
	font-weight: normal;
	line-height: 22px;
}

.home-middle-left h3 {
	font-size: 14px;
	font-family: myriad;
	margin-bottom: 30px;
	line-height: 20px;
  	margin-top: 5px;
  	font-style: italic;
}

.home-middle-left p {
	font-family: myriad;
	font-size: 14px;
	color: #5c5c5c;
	line-height: 22px;
	text-align: justify !important;
}

.home-right-1, .home-right-2 {
	width: 100%;
	max-width: 640px;
	height: 315px;
	background: url('../img/front/home-collections.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	opacity: 0;
	right: -200px;
}

.home-right-2 {
	background: url('../img/front/home-contact-us.jpg');
	background-size: cover;
	background-position: center;
}

.home-right-1 img, .home-right-2 img {
	display: none;
}

.home-button {
	min-width: 330px;
	border: solid 1px rgba(255,255,255,0.3);
	position: relative;
	padding: 10px;
	display: table;
	margin: 0 auto;
	overflow: auto !important;
}

.home-button-border {
	width: 100%;
	height: 100%;
	border: solid 1px rgba(255,255,255,0.3);
	position: relative;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	font-family: 'Open Sans';
	padding: 15px 20px;
	font-weight: lighter;
}

.home-link-about {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	color: #556b2f;
	margin-bottom: 14px;
}

.home-link-about .home-button, .home-link-right .home-button {
	border-color: rgba(219,219,219, 0.7);
}

.home-link-about .home-button-border, .home-link-right .home-button-border {
	padding: 20px 0;
	border-color: rgba(219,219,219, 0.7);
}

.home-link-about .home-button {
	width: 100%;
}

/*.home-link-about:hover {
	opacity: 1;
	text-decoration: none;
	color: #fff;
}*/

.home-about {
  	width: 100%;
  	height: auto;
	margin-top: 25px;
  	position: relative;
  	text-align: center;
}

.home-bsci {
  margin-right: 80px;
  width: 90px;
}

.home-tuv {
	width: 100px;
}

.home-link-right {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	color: #fff;
}

.home-link-right .home-button {
	background: rgba(85, 107, 47, 0.10);
}

.home-link-right:hover {
	color: #fff;
}

.home-client {
	width: 100%;
	position: relative;
	margin-top: 65px;
}

.home-client h2 {
	font-family: trojan;
	font-size: 24px;
	font-weight: 100;
	color: #556b2f;
	text-align: center;
}

.home-client-content {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 0;
}

.home-client-item {
	width: 255px;
	height: 140px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	border-bottom: solid 1px #DBDBDB;
	position: relative;
  	left: -100px;
  	opacity: 0;
}

.home-client-item a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.home-line {
  	width: 100%;
  	height: 1px;
  	background: #fff;
  	margin-top: -1px;
  	position: relative;
}

/*About Us*/
.about {
	width: 100%;
	position: relative;
}

.about-top {
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}

.about-slide {
	width: 100%;
	min-height: 625px;
	position: relative;
	background: url('../img/front/about1.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.about-slide img {
	width: 100%;
	opacity: 0;
}

.about-top-desc {
	width: 80%;
	max-width: 670px;
	/*height: 175px;*/
	padding: 10px;
	background: url('../img/front/background2.png') repeat;
	position: absolute;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	left: 0;
  	right: 0;
  	top: 33.5%;
  	color: #fff;
}

.about-top-border {
	width: 100%;
	height: 100%;
	border: solid 1px rgba(255,255,255,0.5);
	text-align: center;
	padding: 10px 20px;
}

.about-top-border h1 {
	font-size: 22px;
	font-weight: normal;
  	font-family: trojan;
  	line-height: 24px;
}

.about-bottom {
	width: 100%;
	position: relative;
	margin-top: 65px;
	font-size: 0;
	display: none;
	/*overflow: hidden;*/
}

.about-bottom h2 {
	font-size: 30px;
	font-family: trojan;
	font-weight: normal;
	color: #556b2f;
	text-align: center;
	line-height: 26px;
}

.about-bottom h5 {
	font-size: 14px;
	font-family: myriad;
	font-weight: normal;
	color: #556b2f;
	text-align: center;
	margin-top: 0px;
	font-style: italic;
	margin-top: 11px;
	font-weight: lighter;
}

.about-bottom span {
	font-size: 14px;
	font-family: myriad;
	font-weight: normal;
	color: #5c5c5c;
	line-height: 22px;
	text-align: justify;
}

.about-bottom1, .about-bottom2, .about-bottom3, .about-bottom4, .about-bottom5, .about-bottom6, .about-bottom7, .about-bottom8 {
	width: 50%;
	height: auto;
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 625px;
}

.about-bottom1 {
	padding: 125px 100px;
	left: -100px;
	opacity: 0;
}

.about-bottom1 img {
	margin-top: 10px;
	margin-bottom: 40px;
}

.about-bottom2 {
	background: url('../img/front/about3.jpg') no-repeat;
	background-position: center;
	right: -100px;
	opacity: 0;
}

.about-bottom2 img, .about-bottom3 img {
	display: none;
}

.about-bottom3 {
	left: -100px;
	opacity: 0;
	font-size: 0;
}

.about-bottom3 .image1 {
	height: 50%;
	width: 100%;
	background: url('../img/front/about4.jpg') no-repeat;
	background-position: center;
}
.about-bottom3 .image2 {
	height: 50%;
	width: 100%;
	background: url('../img/front/about5.jpg') no-repeat;
	background-position: center;
}

.about-bottom4 {
	padding-top: 30px;
	position: absolute;
	right: 0;
	top: 0;
	right: -100px;
	opacity: 0;
	text-align: center;
}

.about-bottom4-top {
	padding: 0 88px;
	position: relative;
	width: 100%;
	margin-bottom: 40px;
}

.about-bottom4-top img {
	width: 120px;
}

.about-bottom5 {
	padding-top: 61px;
	text-align: center;
	position: relative;
	left: -100px;
	opacity: 0;
}

.about-bottom5-top {
	padding: 0 88px;
	position: relative;
	width: 100%;
	margin-bottom: 53px;
}

.about-bottom6 {
	position: relative;
	right: -100px;
	opacity: 0;
}

.about-bottom7 {
	padding-top: 70px;
	position: relative;
	right: 0;
	top: 0;
	left: -100px;
	opacity: 0;
	text-align: center;
}

.about-bottom7-top {
	padding: 0 88px;
	position: relative;
	width: 100%;
	margin-bottom: 60px;
}

.about-bottom7-top img {
	width: 190px;
}

.about-bottom8 {
	position: relative;
	right: 0;
	top: 0;
	right: -100px;
	opacity: 0;
	text-align: center;
}

.about-bottom8-top {
	padding-top: 50px;
	margin-bottom: 34px;
}

.about-bottom8-top img {
	width: 129px;
}

.about-bottom8-bottom.image-2 {
	display: none;
}

.about-bottom7-bottom.image-2 {
	display: none;
}

.about-bottom10, .about-bottom11 {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: -100px;
	opacity: 0;
}

.about-bottom11 {
	left: auto;
	right: -100px;
	opacity: 0;
}

.about-bottom11 h2 {
	margin-top: 30px;
	margin-bottom: -5px;
}

.about-bottom11 span {
    font-size: 14px;
    font-family: myriad;
    font-weight: normal;
    color: #556b2f;
    text-align: center;
    margin: 0 auto;
    font-style: italic;
    display: block;
    max-width: 430px;
    line-height: 18px;
}

.about-bottom11 img {
    margin: 0 auto;
    margin-top: 30px;
    display: block;
}

.about-middle {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 90px;
}

.about-button {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 60px;
}

/*.about-button a :hover {
	color: #fff !important;
}*/

.about-button .home-button, .about-button .home-button-border {
	border-color: rgba(219,219,219,0.7);
}

.about-middle4 {
	text-align: center;
	margin-bottom: 0;
}

.about-middle1 .about-middle2, .about-middle3 {
	margin-bottom: 30px;
}


/*collection*/
.collection {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 0px;
	margin-top: 40px;
}

.collection-item {
	width: 50%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	background-position: center;
}

.collection-item img{
	z-index: 1;
}

.collection-button {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	color: #fff;
	/*opacity: 0.7;*/
	display: block;
}

.collection-button .home-button {
	background: rgba(85, 107, 47, 0.10);
}

.collection-button a {
	color: #fff;
}

.collection-mid {
	width: 100%;
	height: 100%;
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.collection-button .home-button {
	position: relative;
	/*top: 35%;*/
	min-width: 270px !important;
}

.collection-button .link-summer, .collection-button .link-winter {
	display: none;
	margin-bottom: 10px;
	opacity: 0;
	cursor: pointer;
	padding-top: 0;
}

.collection-button .link-summer:hover, .collection-button .link-winter:hover {
	background: rgba(85,107,47,0.5);
}

.collection-button .link-name {
	cursor: pointer;
	position: relative;
	width: 100%;
	height: 100%;
}

.collection-button .link-summer a, .collection-button .link-winter a {
	text-decoration: none;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	padding-top: 12px;
}

.collection-button .home-button-border{
	height: 56px;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}


.collection-button-left {
	height: 100%;
	width: 1px;
	background-color: red;
	position: absolute;
	top: 0;
	left: -1px;
}

.collection-button-bottom {
	height: 1px;
	width: 100%;
	background-color: red;
	position: absolute;
	left: 0;
	bottom: -1px;
}

.collection-button-right {
	height: 100%;
	width: 1px;
	background-color: red;
	position: absolute;
	right: -1px;
	bottom: 0;
}


.collection-button-top {
	height: 1px;
	width: 100%;
	background-color: red;
	position: absolute;
	top: -1px;
	right: 0;
}

/*Collections Detail*/
.detail {
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 40px;
	min-height: 550px;
}

.detail h1 {
	width: 100%;
	text-align: center;
	font-size: 24px;
	color: #556b2f;
	font-family: trojan;
	font-weight: normal;
	margin-bottom: 40px;
}

.detail-content {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 20px;
	font-size: 0px;
	margin-bottom: 40px;
}

.detail-item {
	width: 18.8%;
	height: auto;
	border: solid 1px rgba(219,219,219,0.3);
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 2px;
	margin: 0 0.6%;
	margin-bottom: 30px;
	cursor: pointer;
}

.detail-item-top {
	width: 100%;
	height: auto;
	position: relative;
}

.detail-item-hover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #556b2f;
	opacity: 0;
	text-align: center
}

.detail-item-hover img {
	position: relative;
	display: block;
	top: 45%;
	margin: 0 auto; 
}

.detail-item-name {
	width: 100%;
	height: 45px;
	font-size: 14px;
	font-family: 'Open Sans';
	color: #5c5c5c;
	margin-top: 10px;
	text-align: center;
	padding: 0 10px;
	line-height: 16px;
}

.detail-null {
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-family: 'Open Sans';
	color: #5c5c5c;
	margin: 200px 0;
}

.about-button .home-button {
	width: 330px;
	height: 90px;
	position: relative;
}

.about-button .home-button .home-button-border {
	position: relative;
	font-size: 18px;
	line-height: 18px;
	font-family: 'Open Sans';
	color: #556b2f;
	width: 100%;
	height: 100%;
	display: table-cell;
  	padding: 0 10px;
  	vertical-align: middle;
}

.detail .about-middle {
	margin-bottom: 0;
}

/*Contact US*/
.contact {
	width: 100%;
	height:auto;
	position: relative;
	padding-top: 40px;
	margin-bottom: 20px;
}

.contact-left, .contact-right {
	width: 50%;
	height: auto;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.contact-left {
	padding: 0 100px;
	padding-top: 20px;
}

.contact-left h1 {
	font-size: 24px;
	font-family: trojan;
	font-weight: normal;
	color: #556b2f;
	line-height: 24px;
	margin-bottom: 15px;
}

.contact-left p {
	font-size: 14px;
	font-family: myriad;
	color: #5c5c5c;
	line-height:  20px;
	margin: 7px 0;
	text-align: justify;
}

.contact-left table {
	font-size: 14px;
	font-family: myriad;
	color: #5c5c5c;
	line-height:  20px;
	margin-top: -8px;
}

.contact-left table td {
  	vertical-align: top;
}

.contact-textfield {
	width: 100%;
	height: 30px;
	padding: 0 10px;
	font-size: 14px;
	margin-bottom: 12px;
	font-family: myriad;
	color: #5c5c5c;
	padding-top: 2px;
}

.contact-textfield.email, .contact-textfield.phone {
	width: 48.5%;
	display: inline-block;
	vertical-align: top;
}

.contact-textfield.email {
	margin-right: 3%;
}

.contact-textfield.textarea {
	padding-top: 10px;
	height: 120px;
}

.contact .submit {
	width: 77px;
	height: 30px;
	background-color: #556b2f;
	font-size: 16px;
	font-family: myriad;
	color: #fff;
	border: none;
}

#map-canvas {
    display: block;
    position: relative;
    height: 624px;
    width: 100%;
}

.contact-alert {
  	margin-bottom: 12px;
}

.validation-message {
  	width: 100%;
  	height: auto;
  	padding: 3px;
  	font-family: myriad;
  	font-size: 14px;
  	color: red;
}

.validation-message.success-message {
  	font-size: 18px;
  	margin: 10px 0;
  	color: #fff;
  	background: #556b2f;
  	padding-top: 5px;
  	padding-left: 10px;
}


/* Desktops and laptops */
@media screen and (min-width : 1224px) {

}

/* Tablet */
@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 905px) {
	/*home*/
	.home-middle-left, .home-middle-right {
		width: 100%;
	}

	.home-middle-left {
		padding: 60px 30px;
	}

	/*About*/
	.about-bottom1, .about-bottom2, .about-bottom3, .about-bottom4, .about-bottom5, .about-bottom6, .about-bottom7, .about-bottom8, .about-bottom10, .about-bottom11 {
		width: 100%;
		text-align: center;
		height: auto;
	}

	.about-bottom1, .about-bottom4 {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0;
	}

	.about-bottom1 p {
		padding: 0 20px;
	}

	.about-bottom1 {
		padding-bottom: 30px;
	}

	.about-bottom2 img, .about-bottom3 img {
		display: inline-block;
		width: 100%;
	}

	.about-bottom4 {
		position: relative;
	}

	.about-bottom4-bottom img {
		width: 100%;
	}

	.about-bottom7-bottom.image-2 {
		display: block;
	}

	.about-bottom7-bottom.image-2 img{
		width: 100%;
	}

	.about-bottom7-bottom.image-1 {
		display: none;
	}

	.about-bottom8-bottom.image-2 {
		display: block;
	}

	.about-bottom8-bottom.image-2 img {
		width: 100%;
	}

	.about-bottom8-bottom.image-1 {
		display: none;
	}

	.about-bottom5 {
	  	padding-top: 0;
	}

	.about-bottom5-bottom img{
		width: 100%;
	}

	.about-bottom6 img{
		width: 100%;
	}

	.about-bottom7 {
	  	padding-top: 0;
	}

	.about-bottom7-top {
	  padding: 0;
	}

	/*Contact*/
	.contact-left, .contact-right {
		width: 100%;
	}

	.contact-left {
		margin-bottom: 30px;
	}
}

/*Custom*/

@media screen and (max-width: 768px) {
	/*logo*/
	.logo {
		margin-top: 7.5px;
	}

	.header
	{
		padding-left: 20px;
		padding-right: 20px;
	}

	.nav {
		margin-top: 7px;
	}

	/*content*/
	.content {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*footer*/
	.footer {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*home*/
	.home-top-border h1 {
		line-height: 22px;
	}

	/*about*/
	.about-button {
		margin: 0;
		margin-bottom: 20px;
		width: 100%;
	}

	.about-bottom4-top, .about-bottom5-top {
		padding: 0;
	}

	.about-bottom8-top br {
		display: none;
	}

	.about-top-list {
		display: inline-block;
		margin: 3px 0; 
		line-height: 18px;
	}

	/*collections*/
	.collection-item {
		width: 100%;
	}

	/*Collections Detail*/
	.detail-item {
		width: 31.8%;
	}

}

@media screen and (max-width: 680px) {
  	/*home*/
	.home-top-desc {
		top: 33%;
	}


	.home-client-item {
		width: 32.33%;
	}

	.home-middle-left {
		padding: 60px 30px;
	}

	.home-top-border span {
	  	width: 100%;
	  	padding: 0 10px;
	}

	/*contact Us*/
	.contact-left {
		padding: 0px;
	}
}

/* Mobile */
@media screen and (min-width : 320px) and (max-width: 500px) {
	/*header*/

	.header {
		padding: 0 20px;
	}

	.nav {
	  	display: none;
	}

	.nav-toggle {
		display: block;
		top: 4px;
	}

	.nav-small{
		padding-top: 150px;
	}

	.content {
		padding: 0 20px;
	}

	.footer {
		padding: 30px 20px;
	}

	/*home*/

	.home-top-desc {
		top: 28%;
		width: 90%;
	}

	.home-top-border {
		padding-left: 10px;
		padding-right: 10px;
	}

	.home-button {
		min-width: 280px;
	}

	.home-top .slideshow {
		height: 530px;
  		width: calc(100% + 40px);
  		left: -20px;
	}

	.home-top-border h1 {
		font-size: 18px;
	  	line-height: 18px;
	}

	.home-top-border span {
		font-size: 10px;
		padding: 0;
	}

	.home-middle-left {
		padding: 60px 20px;
		padding-top: 20px;
		border: none;
	}

	.home-middle-right{
		width: calc(100% + 40px);
		position: relative;
		left: -20px;
		display: block;
	}

	.home-right-1, .home-right-2 {
		height: auto;
		position: relative;
	}

	.home-right-1 img, .home-right-2 img {
		display: block;
		/*opacity: 0;*/
	}

	.home-bsci {
	  	margin-right: 30px;
	}

	.home-client-item {
		width: 49.9%;
	}

	.home-link-right {
	  top: 22%;
	}

	.about-bottom4-top br, .about-bottom8-top br {
		display: none;
	}

	.home-arrow {
		left: 46.8%;
		/*display: none !important;*/
	}

	/*about us*/
	.about-slide {
		min-height: 530px;
		width: calc(100% + 40px);
		left: -20px;
	}

	.about-top-desc {
		top: 26%;
		width: 90%;
	}

	.about-top-border h1 {
		font-size: 16px;
	  	line-height: 16px;
	}

	.about-top-list {
		display: inline-block;
		margin: 3px 0; 
		line-height: 16px;
	}

	.about-bottom1 {
		padding: 125px 20px;
	}

	.about-bottom4-top, .about-bottom5-top {
		padding: 0;
	}

	.about-bottom1, .about-bottom4 {
		padding-top: 0;
	}

	.about-bottom1 {
		padding-bottom: 30px;
	}

	.about h5 {
		padding: 0 20px;
	}

	.about h2 {
		padding: 0 20px;
	}

	.about-bottom1 h2, .about-bottom1 h5 {
		padding: 0;
	}

	.about-bottom5 {
		padding-top: 0;
	}

	.about-bottom2 {
	  width: calc(100% + 40px);
	  position: relative;
	  margin-left: -20px;
	}

	.about-bottom3 {
	  width: calc(100% + 40px);
	  position: relative;
	  margin-left: -20px;
	}

	.about-bottom3 .image1 {
	  	position: relative;
	  	left: -200px;
		opacity: 0;
	}

	.about-bottom4-bottom {
	  width: calc(100% + 40px);
	  position: relative;
	  margin-left: -20px;
	  right: -200px;
	  opacity: 0;
	}

	.about-bottom5-bottom {
	  width: calc(100% + 40px);
	  position: relative;
	  margin-left: -20px;
	  left: -200px;
	  opacity: 0;
	}

	.about-bottom6 {
	  width: calc(100% + 40px);
	  position: relative;
	  margin-left: -20px;
	}

	.about-bottom7-bottom {
	  width: calc(100% + 40px);
	  position: relative;
	  margin-left: -20px;
	}

	.about-bottom7-bottom.image-2 {
		position: relative;
		left: -200px;
		opacity: 0;
	}

	.about-bottom8-bottom {
	  width: calc(100% + 40px);
	  position: relative;
	  margin-left: -20px;
	}

	.about-bottom8-bottom.image-2 {
		position: relative;
		right: -200px;
		opacity: 0;
	}

	.about-bottom1 p {
		padding: 0;
	}

	/*collection*/
	.collection-button .link-summer, .collection-button .link-winter {
		width: 80%;
		height: 35px;
		margin-bottom: 10px;
		padding-top: 0;
		font-size: 14px;
		line-height: 6px;
		position: relative;
		top: -15px;
	}

	.collection-item {
		width: calc(100% + 40px);
		margin-left: -20px;
		background: #fff;
	}

	.collection-item img{
		z-index: 1;
		/*opacity: 0 !important;*/
	}

	/*About*/
	.about-button .home-button {
		width: 280px;
		height: 90px;
		position: relative;
		border-color: rgba(219,219,219,0.7);
	}

	.about-button .home-button .home-button-border {
		position: relative;
		font-size: 14px;
		line-height: 18px;
		font-family: 'Open Sans';
		color: #556b2f;
		width: 100%;
		height: 100%;
		display: table-cell;
	  	padding: 0 10px;
	  	vertical-align: middle;
	  	border-color: rgba(219,219,219,0.7);
	}

	/*Collections Detail*/
	.detail-item {
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}

	/*contact Us*/
	.content-right {
		width: 90%;
	}

	.contact-textfield.email, .contact-textfield.phone {
		width: 100%;
		margin-right: 0; 
	}
}