/* reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* start editing from here */

a {
	text-decoration: none;
}

.txt-rt {
	text-align: right;
}


/* text align right */

.txt-lt {
	text-align: left;
}


/* text align left */

.txt-center {
	text-align: center;
}


/* text align center */

.float-rt {
	float: right;
}


/* float right */

.float-lt {
	float: left;
}


/* float left */

.clear {
	clear: both;
}


/* clear float */

.pos-relative {
	position: relative;
}


/* Position Relative */

.pos-absolute {
	position: absolute;
}


/* Position Absolute */

.vertical-base {
	vertical-align: baseline;
}


/* vertical align baseline */

.vertical-top {
	vertical-align: top;
}


/* vertical align top */

nav.vertical ul li {
	display: block;
}


/* vertical menu */

nav.horizontal ul li {
	display: inline-block;
}


/* horizontal menu */

img {
	max-width: 100%;
}


/*end reset*/

body {
	background: #F1F0EE;
}


/*----start-wrap-----*/

.wrap {
	width: 80%;
	margin: 0 auto;
}


/*----start-header-----*/

.logo {
	float: left;
}

.social-icons {
	float: right;
	margin-top: 1.1%;
}

.social-icons ul li {
	display: inline-block;
}

.social-icons ul li a {
	color: #363638;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.875em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.social-icons ul li a:hover {
	color: #026660;
}

.social-icons ul li a img {
	vertical-align: middle;
	padding-right: 5px;
}


/*------start-top-nav------*/

.top-nav {
	background: #FFFFFF;
	border-bottom: 5px solid #026660;
}

.top-nav-left {
	float: left;
}

.top-nav-right {
	float: right;
}

.top-nav-left ul li {
	display: inline-block;
	float: left;
	border-left: 1px solid #EEE;
}

.top-nav-left ul li:nth-child(1) {
	border: none;
}

.top-nav-left ul li a {
	background: #FFFFFF;
	padding: 20px;
	display: block;
	color: #363638;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 0.875em;
}

.top-nav-left li.active>a,
.top-nav-left li>a:hover {
	color: #FFFFFF;
	background: url(../images/nav-bg-icon.png) no-repeat 50% 102% #363638;
}

.top-header {
	padding: 25px 0;
}

.top-nav-right input[type="submit"] {
	background: url(../images/search-icon.png) no-repeat 42% 50% #363638;
	padding: 22px 20px;
	border: none;
	display: block;
	float: left;
	margin-left: -2px;
	cursor: pointer;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.top-nav-right input[type="submit"]:hover {
	background: url(../images/search-icon.png) no-repeat 42% 50% #026660;
}

.top-nav-right input[type="text"] {
	border: 1px solid #EEE;
	float: left;
	padding: 20.5px;
	outline: none;
	display: block;
}


/*---start-content-----*/

.top-grid {
	width: 31.33%;
	float: left;
	text-align: center;
	margin-right: 3%;
	font-family: 'Open Sans', sans-serif;
	background: #FFF;
	padding: 1.5em 0;
	border-top: 5px solid #026660;
	margin-top: -4em;
	-webkit-box-shadow: 0px 56px 36px -60px #121D12;
	-moz-box-shadow: 0px 56px 36px -60px #121D12;
	-o-box-shadow: 0px 56px 36px -60px #121D12;
}

.top-grid h3 {
	color: #363638;
	font-size: 2em;
}

.top-grid p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	color: #777;
	line-height: 1.5em;
	margin: 0.5em auto 0.8em auto;
	width: 90%;
}

.top-grid img {
	display: inline-block;
}

.button {
	color: #FFF;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 0.8em;
	border: 1px solid #EEE;
	display: inline-block;
	background: #026660;
}

.button:hover {
	background: #363638;
	color: #FFF;
}

.top-grids {
	margin: 0 0 3em 0;
}

.last-topgrid {
	margin: 0;
	margin-top: -4em;
}


/*----start---mid-grid-----*/

.mid-grid h1 {
	font-size: 2em;
	font-family: 'Open Sans', sans-serif;
	color: #363638;
}

.mid-grid h2 {
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	color: #026660;
	margin: 0.5em 0;
}

.mid-grid p {
	font-size: 0.875em;
	font-family: 'Open Sans', sans-serif;
	color: #777;
	width: 73%;
	margin: 0 auto;
	line-height: 1.8em;
	margin-bottom: 1em;
}

.mid-grid {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	margin: 4em 0 0em 0;
	background: #FFF;
	padding: 3em 0;
}

.mid-grid.button {
	display: block;
}

.button1 {
	color: #FFF;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 0.8em 1.8em;
	border: 1px solid #EEE;
	display: inline-block;
	background: #026660;
}

.button1:hover {
	background: #363638;
	color: #FFF;
}


/*-----bottom-grids----*/

.bottom-grid1 {
	width: 27%;
	float: left;
	margin-right: 3%;
}

.bottom-grids {
	font-family: 'Open Sans', sans-serif;
	padding: 2em 0 3em 0;
}

.bottom-grid1 h3,
.bottom-grid2 h3 {
	color: #363638;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	padding: 15px 0px 15px 0px;
	border-bottom: 1px solid #E9E9E9;
	margin-bottom: 13px;
	text-transform: uppercase;
}

.bottom-grid1 span,
.bottom-grid2 span {
	color: #026660;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

.bottom-grid1 p,
.bottom-grid2 p {
	font-size: 0.875em;
	color: rgba(85, 85, 85, 0.53);
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 0px 10px 0px;
}

.bottom-grid1 ul li a {
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 2.98em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.bottom-grid1 ul li a img {
	vertical-align: middle;
}

.bottom-grid1 ul li a:hover {
	color: #026660;
}

.bottom-grid-fristlink {
	background: #026660;
	padding: 10px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	transition: all 0.3s;
}

.bottom-grid-fristlink img {
	vertical-align: middle;
}

.bottom-grid-fristlink:hover {
	color: #000;
}

.bottom-grid2 ul li {
	display: inline-block;
	width: 29%;
	padding: 2.99% 1.34%;
}

.bottom-grid2 {
	float: left;
	width: 33%;
	margin-right: 3%;
}

.bottom-mid span {
	color: #026660;
}

.bottom-mid a {
	background: #026660;
}

a.flat-sales-btn {
	font-size: 0.9em;
	background: #026660;
	padding: 0.5em 1em;
	color: #fff;
}

a.flat-sales-btn:hover {
	background: #363638;
}

a.lastes-btn {
	font-size: 0.9em;
	background: #026660;
	padding: 0.5em 1em;
	color: #fff;
}

a.lastes-btn:hover {
	background: #363638;
}

a.info-btn {
	font-size: 0.9em;
	background: #026660;
	padding: 0.5em 1em;
	color: #fff;
}

a.info-btn:hover {
	background: #363638;
}

.bottom-last span {
	color: #026660;
}

.gallery li a img {
	display: block;
}


/*---footer----*/

.footer {
	background: #363638;
	padding: 20px 0px;
	margin-top: 30px;
	-webkit-box-shadow: 0px 56px 36px 66px rgba(93, 95, 93, 0.36);
	-moz-box-shadow: 0px 56px 36px 66px rgba(93, 95, 93, 0.36);
	-o-box-shadow: 0px 56px 36px 66px rgba(93, 95, 93, 0.36);
}

.footer-grid {
	float: left;
	width: 24%;
	margin-right: 2%;
}

.footer-grid h3 {
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	font-size: 1em;
	text-transform: uppercase;
	padding: 10px 0 3px 0px;
}

.footer-grid p {
	font-size: 0.9em;
	padding: 0.4em 0 0.5em 0;
	color: #777;
	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
}

.footer-grid a {
	font-family: 'Open Sans', sans-serif;
	color: #026660;
	font-size: 0.875em;
	text-transform: uppercase;
	background: #FFF;
	padding: 10px 15px;
	display: inline-block;
	margin: 9px 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.footer-grid a:hover {
	background: #026660;
	color: #FFF;
}

.footer-grid ul li {
	display: block;
}

.center-grid a {
	background: none;
	padding: 0px;
	color: #777;
	margin: 5px;
	border-bottom: 1px ridge rgba(192, 192, 192, 0.13);
	padding: 0px 0px 9px 0px;
}

.center-grid {
	width: 20%;
}

.center-grid a:hover {
	background: none;
}

.center-grid ul {
	margin-top: 5px;
}

.twitts p label {
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	padding-right: 5px;
}

.twitts span {
	display: block;
	color: #026660;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.twitts span:hover {
	color: #fff;
	cursor: pointer;
}


/*----copy-right-----*/

.copy-right {
	text-align: center;
	padding: 20px 0px;
	background: #202020;
	position: relative;
}

.copy-right p {
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	font-size: 0.875em;
	text-transform: uppercase;
}

.copy-right p a {
	color: #026660;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.copy-right p a:hover {
	color: #fff;
}


/*** move top **/

.scroll {
	width: 48px;
	height: 48px;
	border: none;
	display: block;
	text-indent: 100%;
	background: url(../images/top-icon.png) no-repeat right top;
	position: absolute;
	right: 14px;
	bottom: 5px;
}

.scroll:hover {
	opacity: 0.8;
}


/*---about-us----*/

.about-us {
	padding: 30px 0 30px 0;
}

.about-header h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	color: #363638;
	text-transform: uppercase;
}

.about-info a {
	text-transform: uppercase;
	font-size: 1.2em;
	font-family: 'Open Sans', sans-serif;
	color: #555;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding: 1em 0 0.5em 0;
	display: block;
}

.about-info a:hover {
	color: #026660;
}

.about-info p {
	font-size: 0.875em;
	color: rgba(85, 81, 81, 0.84);
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.8em;
}


/*-----specials-heading----*/

.specials-heading h5 {
	float: left;
	width: 33%;
	height: 1px;
	background: #D1D1D1;
	margin: 24px 0px 0px 0px;
}


/*----special-grid------*/

.special-grid {
	float: left;
	width: 32%;
	margin-right: 2%;
	text-align: center;
}

.specials {
	margin-top: 1em;
}

.special-grid img {
	width: 100%;
}

.special-grid a {
	text-transform: uppercase;
	font-size: 1.2em;
	font-family: 'Open Sans', sans-serif;
	color: #555;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding: 0.3em 0;
	display: block;
}

.special-grid a:hover {
	color: #026660;
}

.special-grid p {
	font-size: 0.875em;
	color: rgba(148, 145, 145, 0.84);
	font-family: Arial, Helvetica, sans-serif;
	padding: 0em 1em 1em 1em;
	line-height: 1.8em;
}

.spe-grid {
	margin: 0px;
}

.specials-grids {
	padding: 25px 0 60px 0;
}

.specials .specials-grids {
	padding: 25px 0 0px 0;
}


/*-----specials-heading----*/

.specials-heading h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	color: #363638;
	text-transform: uppercase;
}


/*----start-testmonial-grid----*/

.testmonial-grid {
	text-align: center;
}

.testmonial-grid h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2em;
	color: #363638;
	text-align: center;
	text-transform: uppercase;
	padding: 0em 0 0.5em 0;
}

.testmonial-grid p {
	font-size: 0.875em;
	color: rgba(85, 81, 81, 0.84);
	font-family: Arial, Helvetica, sans-serif;
	padding: 0em 1em 1em 1em;
	line-height: 1.8em;
}

.testmonial-grid a {
	font-size: 0.875em;
	font-size: 1.2em;
	font-family: 'Open Sans', sans-serif;
	color: #026660;
}

.testmonials {
	background: #fff;
	padding: 30px;
}


/*---start-services----*/

.services {
	padding: 30px 0 0px 0;
}

.services-header h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	color: #363638;
	text-transform: uppercase;
}

.services-grid {
	width: 22.6%;
	float: left;
	padding: 0px 15px;
}

.services-grid a {
	text-transform: uppercase;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	color: #555;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding: 1em 0 0.5em 0;
	display: block;
}

.services-grid a:hover {
	color: #026660;
}

.services-grid p {
	font-size: 0.875em;
	color: rgba(85, 81, 81, 0.84);
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.8em;
}


/*---start-gallery---*/

.gallerys {
	font-family: 'Open Sans', sans-serif;
}

.gallerys h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	color: #363638;
	text-transform: uppercase;
	padding: 1em 0;
}

.gallery-grid {
	width: 31.44%;
	float: left;
}

.gallery-grid p {
	font-size: 0.875em;
	padding: 0.2em 0em 1.2em 0em;
	color: #6a6a6a;
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
}

.gallery-button a {
	color: #FFF;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 0.8em;
	border: 1px solid #EEE;
	display: inline-block;
	background: #026660;
}

.gallery-button a:hover {
	background: #363638;
	color: #FFF;
}

.grid2 {
	margin: 0px 35px;
}

.gallery-grids {
	margin-bottom: 30px;
}

.projects-bottom-paination ul li {
	display: inline-block;
}

.projects-bottom-paination {
	text-align: center;
	padding: 55px 0;
	font-family: 'Open Sans', sans-serif;
}

.projects-bottom-paination li a {
	font: 400 12px/1.2em Arial;
	color: #5a5a5a;
	padding: 11px 18px;
	background: #fff;
	text-decoration: none;
	text-shadow: none;
	border: 1px solid #e9e9e9;
	margin-top: 16px;
}

.projects-bottom-paination li.active>a,
.projects-bottom-paination li>a:hover {
	background: #026660;
	color: #fff;
}

.gallery-grid h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #363638;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	padding: 13px 0px 2px 0px;
}

.gallery-grid h4:hover {
	color: #026660;
}


/*---contect----*/


/*  Contact Form  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1;
}

.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child {
	margin-left: 0;
}

.span_2_of_3 {
	width: 63.1%;
	padding: 1.5%;
}

.span_1_of_3 {
	width: 29.2%;
	padding: 1.5%;
}

.span_2_of_3 h3,
.span_1_of_3 h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	color: #363638;
	text-transform: uppercase;
	padding: 1em 0;
}

.contact-form {
	position: relative;
	padding-bottom: 30px;
}

.contact-form div {
	padding: 5px 0;
}

.contact-form span {
	display: block;
	font-size: 0.875em;
	color: #363638;
	padding-bottom: 5px;
	font-family: 'Open Sans', sans-serif;
}

.contact-form input[type="text"],
.contact-form textarea {
	padding: 8px;
	display: block;
	width: 98%;
	border: none;
	outline: none;
	color: #363638;
	font-size: 0.8125em;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid rgba(192, 192, 192, 0.41);
	-webkit-appearance: none;
}

.contact-form textarea {
	resize: none;
	height: 120px;
}

.contact-form input[type="submit"] {
	color: #FFF;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 0.8em 1em;
	border: 1px solid #EEE;
	display: inline-block;
	background: #026660;
	border: none;
	outline: none;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
}

.contact-form input[type="submit"]:hover {
	background: #363638;
	color: #FFF;
}

.contact-form input[type="submit"]:active {
	background: #363638;
	color: #FFF;
}

.company_address {}

.company_address p {
	font-size: 0.875em;
	color: #6a6a6a;
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
}

.company_address p span a {
	text-decoration: underline;
	color: #454545;
}

.map {
	margin-bottom: 15px;
}


/***** Media Quries *****/

@media only screen and (max-width: 1024px) {
	.wrap {
		width: 95%;
	}
}


/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */

@media only screen and (max-width: 800px) {
	.wrap {
		width: 95%;
	}
	.span_2_of_3 {
		width: 94%;
		padding: 3%;
	}
	.col {
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width: 94%;
		padding: 3%;
	}
}


/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

@media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrap {
		width: 95%;
	}
	.span_2_of_3 {
		width: 94%;
		padding: 3%;
	}
	.col {
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width: 94%;
		padding: 3%;
	}
	.contact-form input[type="text"],
	.contact-form textarea {
		width: 97%;
	}
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.wrap {
		width: 95%;
	}
	.span_2_of_3 {
		width: 90%;
		padding: 5%;
	}
	.col {
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width: 90%;
		padding: 5%;
	}
	.contact-form input[type="text"],
	.contact-form textarea {
		width: 92%;
	}
}

.contact-footer {
	border-top: 1px solid rgba(69, 69, 69, 0.13);
	padding: 28px 0px 0px 0px;
}


/*----responsive-design-----*/

@media only screen and (max-width: 1440px) {
	.services-grid {
		width: 22.3%;
	}
}

@media only screen and (max-width: 1366px) and (min-width: 1280px) {
	.wrap {
		width: 90%;
	}
	.bottom-grid2 ul li {
		width: 29.8%;
	}
	.grid2 {
		margin: 0px 34px;
	}
}

@media only screen and (max-width: 1080px) {
	.services-grid {
		width: 30%;
	}
	.grid2 {
		margin: 0px 29px;
	}
}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.wrap {
		width: 90%;
	}
	.bottom-grid2 ul li {
		width: 29%;
	}
	.grid2 {
		margin: 0px 29px;
	}
	.gallery-grid {
		width: 31.2%;
	}
}

@media only screen and (max-width: 1024px) {
	.top-grid h3 {
		font-size: 1.8em;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.wrap {
		width: 90%;
	}
	.bottom-grid2 ul li {
		width: 46.5%;
	}
	.grid2 {
		margin: 0px 34px;
	}
	.gallery-grid {
		width: 30.7%;
	}
}

@media only screen and (max-width: 991px) {
	.bottom-grid1,
	.bottom-grid2 {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.bottom-grid2 ul li {
		width: 30.3%;
	}
	.services-grid {
		width: 29.5%;
	}
	.gallery-grid h4 {
		font-size: 17px;
	}
	.span_1_of_3 {
		width: 100%;
		float: none;
	}
	.contact_info {
		width: 50%;
		float: left;
	}
	.company_address {
		float: right;
		width: 47%;
	}
	.span_2_of_3 {
		width: 100%;
		margin: 0;
	}
}

@media only screen and (max-width: 900px) {
	.footer-grid {
		float: left;
		width: 48%;
		margin-right: 2%;
	}
	.footer-grid h3 {
		padding: 25px 0 3px 0px;
	}
	.footer {
		padding: 20px 0px 45px;
	}
	.services-grid {
		width: 46.2%;
	}
	.grid2 {
		margin: 0px 31px;
	}
}

@media only screen and (max-width: 800px) {
	.bottom-grid2 ul li {
		width: 30.2%;
	}
	.bottom-grid1 h3,
	.bottom-grid2 h3 {
		margin-bottom: 0px;
	}
	.footer-grid {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.bottom-grids {
		padding: 2em 0 2em 0;
	}
	.top-nav-right input[type="text"] {
		padding: 21px 10px;
	}
	.about-info a {
		font-size: 1.1em;
		letter-spacing: 1px;
	}
	.services-grid {
		width: 45.5%;
	}
	.grid2 {
		margin: 0px 27px;
	}
	.gallery-grid h4 {
		font-size: 15px;
		letter-spacing: 1px;
	}
	.projects-bottom-paination {
		padding: 30px 0;
	}
	.wrap {
		width: 89%;
	}
	.contact .span_1_of_3,
	.contact .span_2_of_3 {
		padding-left: 0px;
		padding-right: 0px;
		padding: 0;
	}
	.contact-form {
		padding-bottom: 30px;
	}
	.top-nav-left ul li a {
		padding: 20px 19.3px;
	}
}

@media only screen and (max-width: 768px) and (min-width: 640px) {
	.wrap {
		width: 90%;
	}
	.bottom-grid2 ul li {
		width: 45.5%
	}
	.grid2 {
		margin: 0px 34px;
	}
	.gallery-grid {
		width: 29.8%;
	}
	.top-nav-right input[type="text"] {
		padding: 17.5px 0px;
	}
	.top-grid h3 {
		font-size: 1.5em;
	}
}

@media only screen and (max-width: 768px) {
	.top-nav-left ul li a {
		padding: 20px 19.2px;
	}
	.top-nav-right input[type="text"] {
		padding: 21px 10px;
	}
	.top-nav-left ul li a {
		padding: 20px 17.2px;
	}
	.mid-grid {
		margin: 3em 0 0em 0;
	}
	.bottom-grids {
		padding: 1.5em 0 1.5em 0;
	}
	.mid-grid {
		padding: 1.5em 0 2em;
	}
	.bottom-grid2 ul li {
		width: 46.5%;
		padding: 1% 1.34%;
	}
}

@media only screen and (max-width: 767px) {
	.camera_wrap {
		height: 400px!important;
	}
	.top-nav-left ul li a {
		padding: 20px 17.15px;
	}
	.about-info a {
		font-size: 1em;
		padding: 0.8em 0 0.5em 0;
		line-height: 28px;
	}
	.special-grid {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 1em;
	}
	.spe-grid {
		margin-bottom: 1.3em;
	}
}

@media only screen and (max-width: 736px) {
	.top-nav-left ul li a {
		padding: 20px 37.25px;
	}
	.top-nav {
		border-bottom: none;
	}
	.top-nav-left {
		border-bottom: 5px solid #026660;
	}
	.top-nav-right input[type="text"] {
		padding: 21px 20px;
		width: 87.6%;
	}
	.top-nav-right {
		float: none;
		width: 100%;
	}
	.top-grid {
		width: 100%;
		float: none;
		margin: 0;
	}
	.last-topgrid {
		margin-top: 0;
	}
	.top-grids {
		margin: -2em 0 3em 0;
	}
	.services-grid {
		width: 45.3%;
	}
	.top-nav-left ul li a {
		padding: 20px 31.062px;
	}
}

@media only screen and (max-width: 667px) {
	.top-nav-right input[type="text"] {
		padding: 21px 20px;
		width: 86.3%;
	}
	.services-grid {
		width: 44.8%;
	}
	.gallery-grid {
		width: 100%;
		float: none;
	}
	.grid2 {
		margin: 34px 0;
	}
	.company_address {
		float: none;
		width: 100%;
	}
	.contact_info {
		width: 100%;
		float: none;
	}
	.copy-right p {
		font-size: 0.85em;
	}
}

@media only screen and (max-width: 640px) {
	.top-nav-left ul li a {
		padding: 20px 28.62px;
	}
	.top-nav-right input[type="text"] {
		width: 85.7%;
	}
	.copy-right p {
		font-size: 0.84em;
		margin: 0 7em;
		line-height: 26px;
	}
	.copy-right {
		padding: 16px 0px;
	}
	.testmonial-grid h3 {
		font-size: 1.6em;
	}
	.mid-grid h1 {
		font-size: 1.6em;
	}
	.services-grid {
		width: 44.5%;
	}
}

@media only screen and (max-width: 600px) {
	.top-nav-left ul li a {
		padding: 20px 24.45px;
	}
	.top-nav-right input[type="text"] {
		width: 84.57%;
	}
	.services-grid {
		width: 44.2%;
	}
}

@media only screen and (max-width: 568px) {
	.top-nav-left ul li a {
		padding: 20px 21.58px;
	}
	.top-nav-right input[type="text"] {
		width: 83.65%;
	}
	.services-grid {
		width: 100%;
		padding: 0;
	}
}

@media only screen and (max-width: 480px) {
	.top-nav-left ul li a {
		padding: 14px 13.76px;
	}
	.top-nav-right input[type="text"] {
		width: 80.5%;
	}
	.camera_wrap {
		height: 300px!important;
	}
	.top-grid h3 {
		font-size: 1.7em;
	}
	.contact-form input[type="text"],
	.contact-form textarea {
		width: 96%;
	}
	.copy-right p {
		margin: 0 4em;
	}
}

@media only screen and (max-width: 440px) {
	.top-nav-left ul li a {
		padding: 14px 10.2px;
	}
	.top-nav-right input[type="text"] {
		width: 78.7%;
	}
	.footer-grid h3 {
		padding: 12px 0 1px 0px;
	}
	.footer {
		padding: 20px 0px 30px;
	}
	.about-info a {
		font-size: 0.9em;
		line-height: 24px;
	}
	.projects-bottom-paination {
		padding: 5px 0 15px;
	}
	.logo {
		float: none;
		text-align: center;
	}
	.social-icons {
		float: none;
		text-align: center;
		margin-top: 4%;
	}
}

@media only screen and (max-width: 414px) {
	.top-nav-left ul li a {
		padding: 14px 10.2px;
		font-size: 0.8em;
	}
	.top-nav-right input[type="text"] {
		width: 77.2%;
	}
}

@media only screen and (max-width: 384px) {
	.top-nav-left ul li a {
		padding: 14px 7.54px;
	}
	.top-nav-right input[type="text"] {
		width: 75.5%;
	}
	.copy-right p {
		margin: 0 3em;
	}
	.scroll {
		bottom: 32px;
	}
}

@media only screen and (max-width: 375px) {
	.top-nav-left ul li a {
		padding: 14px 7.66px;
		font-size: 0.77em;
	}
	.top-nav-right input[type="text"] {
		width: 74.7%;
	}
	.copy-right p {
		font-size: 0.82em;
	}
}

@media only screen and (max-width: 320px) {
	.top-nav-left ul li {
		display: inline-block;
		float: none;
		width: 100%;
		border-left: none;
		text-align: center;
	}
	.top-nav-right input[type="text"] {
		width: 70.3%;
	}
	.scroll {
		bottom: 5px;
	}
}