/*
Theme Name: Rettke
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Font Weight

font-weights:

Thin: 100
Light: 300
Regular: 400
Semibold: 600

Font Weight */

/* ------------------------ reset css start -------------------------- */
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, center,
dl, dt, dd, ol, ul, 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;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
audio,canvas,video {display: inline-block;}
body {line-height: 1;}
div{ box-sizing:border-box;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
img{ max-width: 100%; height:auto; display:inline-block; transition:all 500ms ease-in-out; opacity:1;}
/* ------------------------ reset css end -------------------------- */

/* ------------------------ basic element CSS start -------------------------- */
html, body{ font:normal 17px/25px "proxima-nova-alt", sans-serif; color:#666; font-weight:400; -webkit-text-size-adjust:none; overflow-x:hidden;}
input[type=submit]{ outline:none; border:none; cursor:pointer;}
a{ display:inline-block; text-decoration:none; outline:none; color:#57504f;}
a:hover, a.active{ color:#898483;}

b, strong{letter-spacing:0.9px; font-weight: bold;}

h1, h2, h3, h4, h5, h6{font-family: "proxima-nova-alt", sans-serif; font-weight:600; color:#666666; text-transform: uppercase;}
h1{font-size:28px; margin:0 0 15px; line-height: 36px;}
h2{font-size:22px; line-height:22px; margin:0 0 15px;}
h3{ line-height:18px; font-size: 18px; margin:0 0 10px;}
p{margin: 0 0 15px;}
.clear{ font-size:0; line-height:0; clear:both;}
/* ------------------------ basic element CSS end -------------------------- */
/* ------------------------ commonly used classes start -------------------------- */
.mid_wrapper{width: 1200px; margin: 0px auto;}
/* ------------------------ commonly used classes end -------------------------- */
/* ------------------------- template layout start ------------------------- */
/* ------------------------- Header part start ------------------------- */
*{padding: 0px; margin: 0px;}
.outer{padding: 0px; margin: 0px;}
.header{padding: 0px; margin: 0px; position: relative;}
.header h1{text-align: center; background: rgba(0, 0, 0, 0.4); padding:20px 40px; color: #fff; display: inline-block;}
.home_header{width:100%; position: relative;}
.home_header img{width: 100%; display: block;}
.main_title{position: absolute; top:42%; width: 100%; text-align: center;}
.menu_apart{padding: 6px 10px 4px; position: absolute; right:0; top:4%; overflow: hidden; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);}
.menu{padding: 0px; margin: 0px;}
.menu ul li{float: left; display: block; margin: 0 8px;}
.menu ul li a{float: left; font-size:14px; display: block; margin: 0 5px; padding:0 0 2px; color: #fff; text-transform: uppercase; font-weight:600;}
.menu ul li a:hover, .menu ul li.current-menu-item > a{background: url('images/hover_white.jpg') repeat-x center bottom; padding: 0 0 2px;}
.responsivemenu{display: none;}

.main-logo{width:33.33%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; position:absolute; z-index:100; top:28px; left:0; background:url(images/purple-bg.png); padding:8px 40px 8px 0;}
.main-logo img{display:block; max-width:100%; float:right;}
.main-logo:after{content:''; display:block; float:none; clear:both; height:0px; width:100%;}
/* ------------------------- Header part end ------------------------- */
/* ------------------------- our work page part start ------------------------- */
.inner_header{width:100%; position: relative;}
.inner_header img{width: 100%; display: block;}
.work_sm_des{padding: 8% 5%;}
.work_sm_des a{ display: block;}
.work_sm_des h3 a{ color: #666666;}
.work_sm_des p{color: #989898; font-size: 17px; line-height: 25px; padding: 0 0 15px;}
.cont_post_sec{width:100%; overflow: hidden;}
.work_sm_des a.readmoreto{position: absolute; bottom: 15px; left: 18px; color: #993399; text-transform: uppercase; font-weight: 600; font-size: 14px;}
.cont_top_apart{width: 100%; overflow: hidden;}
.srch_pnl{width: 100%; overflow: hidden; margin: 70px 0 35px;}
.srch_pnl label{float:left; margin:10px 0px 0 0; text-transform: uppercase; font-weight: 600; color: #666666;}
.select{ position:relative;	padding:0 0 8px 0;}
.select select {-webkit-appearance: none; -moz-appearance: none; appearance: none; height:44px; color:#666; width: 72%; text-indent: 8px; background:#fff; border: solid 1px #cccccc; float: right;}
.select .selectlast{width: 63%;}
.select:before{content:''; pointer-events:none; height:42px; width:37px; position:absolute; right:0px; top: 1px; background:url(images/select_bg.png) no-repeat 0 0; z-index:50;}
.cont_top_left{width: 65%; float: left;}
.cont_top_right{width: 32%; float: right;}
.pagination_section{width: 100%; display: block; overflow: hidden;}
.pagination_section .pagination {text-align: center; padding: 15px 0; overflow: hidden;}
.pagination .prev{background:url('images/pagin_prev.png') no-repeat 0% center !important; padding:11px !important; }
.pagination .next{background:url('images/pagin_next.png') no-repeat 0% center !important; margin: 0;}
.pagination .page-numbers{margin: 0 0 0 9px; display: inline; padding: 11px 18px; color: #993399; font-size: 14px;}
.pagination .page-numbers a{color: #993399;}
.pagination .page-numbers:hover, .pagination .page-numbers.current{background: #fff;}
/* ------------------------- our work page part end ------------------------- */
/* ------------------------- Homepage contain part start ------------------------- */
.content_apart{background: #f5f5f5; overflow: hidden; padding: 52px 0;}
.post_img img{width: 100%;}
.cont_post{width: 31%; float: left;}
.cont_post{margin: 0 34px 0 0;}
.cont_post_top{background: #fff; margin: 0 0 50px;}
.post_count_apart{display: table; width: 100%; position: relative; min-height:178px;}
.post_cont{display: table-cell; vertical-align: middle; text-align: center; padding: 10% 4% 5%;}
.post_cont ul li{margin: 0 0 5px;}
.post_cont ul li a, .post_cont a{text-transform: uppercase; font-size: 15px; padding: 0 0 10px; font-weight:600;}
/*.post_cont ul li a:hover{background: url('images/hover_black.jpg') no-repeat center bottom; transition: 0;}*/
.cont_post_bottom{overflow: hidden; padding-bottom:20px; position:relative; /*min-height:225px;*/}
.cont_post_bottom h1{font-size:21px; line-height:1;}
.cont_post_bottom h2 a, .cont_post_bottom h1 a{color: #666; font-size:21px; line-height:23px;}
.cont_post_bottom p{}
.home-heading{font-size:36px; line-height:38px; color:#663366; text-transform:none; margin-bottom:35px; font-weight:normal;}
.cont_post_bottom > a{font-size:16px; line-height:16px; color:#993399; text-transform:uppercase; font-weight:600; display:block; position:absolute; left:0; bottom:0;}
.cont_post_bottom a:hover{color: #898483;}
/* ------------------------- Homepage contain part end ------------------------- */

/* ------------------------- Footer part start ------------------------- */
.footer_area {width: 100%; padding: 1% 6% 1% 3%; overflow: hidden; background: #666666;}
.footer_area p { margin: 0px;}
.footer_area .site_by a { width: 32px; height: 22px; display: block; float: left; margin: 0 0 0 9px; color: #999999; background: url("images/hmw_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.footer_area .copyright_txt {float: left; color: #cccccc;}
.footer_area .site_by{float:right;}
.footer_area .site_by a:hover{color: #ccc;}
.footer_area .site_by a:first-child{width: auto; height: auto; display: block; float: left; margin: 0; background: none;}
/* ------------------------- Footer part end ------------------------- */
/* ------------------------- our work Inner page start ------------------------- */
.award_sec{ background: #f5f5f5; width: 100%; overflow: hidden; padding: 0; margin: 20px 0 10px;}
	.award_sec_post{padding:10px 20px; background-position: 0 0; background-repeat: no-repeat; display: table; position: relative; vertical-align: middle;}
		.award_sec_post ul.thead{width: 100%; margin: 0 0 0px; overflow: hidden; padding: 0px 0 2px !important; display: table-cell; position: relative; vertical-align: middle;}
			.award_sec_post ul.thead li{float: left; margin: 14px 30px 6px 20px; padding: 0px !important; font-size: 14px !important; background: none !important; width:40%;}
			.award_sec_post ul.thead li strong{display: block;}
.work_image_area{width: 100%; overflow: hidden; padding: 30px 0 0;}
.work_image_area .single_image_area{width: 100%;}
	.work_image_area .lands_area, .work_image_area .port_area, .single_image_area, .work_image_area .group_area{width: 100%; overflow: hidden;}
		.work_image_area .lands_area .lands_image{width:47%; margin:0 0px 45px 43px; float: left;}
		.work_image_area .lands_area .lands_image:nth-child(1){margin: 0px 0px 45px;}
	.work_image_area .port_area .port_image{width:47%; float: left; margin: 0 0px 45px 43px;}
	.work_image_area .port_area .port_image img, .work_image_area .lands_area .lands_image img{width: 100%;}
		.work_image_area .port_area .port_image:nth-child(1){margin: 0px 0px 45px;}
		.work_image_area .group_area .lands_image{width:47%; height:228px; margin:0 0px 45px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; float: left;}
		.work_image_area .group_area .port_image{width:47%; height:498px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; float: left; margin: 0 43px 45px 0;}
		.work_image_area .inner_pagination{text-align: center;}
			.work_image_area .inner_pagination .page-numbers{}
			.work_image_area .inner_pagination .prev{padding: 0 0 0 30px !important;}
			.work_image_area .inner_pagination .next{background:url('images/pagin_next.png') no-repeat right center !important; padding: 11px 30px;}
.s_pro{width:100%; border-top: solid 1px #ccc; padding: 25px 0 0;}
.s_pro .proBlock, .rightpost .proBlock{width: 100%; max-width: 374px;}
/* ------------------------- our work Inner page end ------------------------- */

/* ------------------------- our services index page start ------------------------- */
.services_list_area{width: 100%; overflow: hidden; margin: 30px 0 0 0;}
	.services_list_area .serv_post{width: 100%; overflow: hidden; margin: 0 0 25px;}
		.services_list_area .serv_post .img{width:41.8%; height:185px; float:left; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}
		.services_list_area .serv_post .excerpt_text{width: 55%; float: right; margin: 0 0 0 20px;}
			.services_list_area .serv_post .excerpt_text h3{font-size:16px; line-height:24px; color:#993399; text-transform:uppercase; color: #666666;}
			.services_list_area .serv_post .excerpt_text p{font-size: 14px; color: #666666;}
/* ------------------------- our services index page start ------------------------- */

/* ------------------------- Content part start ------------------------- */
.rightPanbg{ background:#ccc; position:absolute; height:100%; left:0; top:0; z-index:-1;}
.contentArea{ max-width: 1210px; margin: 0px auto;}
.leftPan{width: 71%; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
.leftPad{padding:6% 2% 4% 0;}
.leftPan h1, .leftPan h2{color:#666; line-height:25px; text-transform:uppercase;}
.leftPan ul{ padding:0 0 18px;}
.leftPan ul li{ font-size:16px; line-height:20px; color:#666; background:url(images/content/bullet.png) no-repeat 0 2px; padding:0 0 12px 24px;}
.alignleft{ width:38%; float:left; margin:0 24px 0 0;}
.alignright{ width:38%; float:right; margin:0 0 0 24px;}
.alignfull{ width:100%; height:auto; margin:0 0 24px;}
.contBlock{ padding:10px 0; height:auto; overflow:hidden;}
.contBlock .leftPic{ width:38%; float:left;}
.contBlock .leftPic img{ display:block; width:100%; height:auto; margin:0 0 10px;}
.contBlock .leftPic em{ font-size:14px; font-weight: 600; line-height:21px; font-style:italic;}
.contBlock .rightCont{ width:59%; float:right;}
.leftPan h4{ font-size:17px; line-height:25px; margin:0 0 10px; color:#993399; text-transform:uppercase;}
.rightPan{ width: 28%; float:right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; position:relative;}
.rightPad{overflow: hidden; padding:10% 0 7% 8%;}
.rightPan h2{color:#78475d; line-height:25px; text-transform:uppercase;}
.proBlock{ background:#999999; margin:0 0 8%; width:100%;}
.proBlock img{ width:100%; height:auto; display:block;}
.proBlock h3{ font-size:16px; color:#993399; line-height:24px; text-transform:uppercase; padding:4%;}
.proBlock h3 a{color:#fff; display: block;}
.leftPan input[type="text"], .leftPan input[type="email"]{ border:solid 1px #ccc; height:20px; line-height:20px; padding:5px 10px; width:60%; font-family: "proxima-nova-alt", sans-serif;}
.leftPan textarea{ border:solid 1px #ccc; height:120px; overflow:auto; line-height:20px; padding:5px 10px; width:60%; font-family: "proxima-nova-alt", sans-serif; resize:none;}
.leftPan input[type="submit"]{border: 1px solid #666666; color: #666; display: inline-block; font-size: 18px; line-height:40px; margin: 10px 0 20px; padding: 0 5%; text-transform: uppercase; background:#ccc;}
/* ------------------------- Content part end ------------------------- */

/* 18.12.2014 */

.serviceBlok{
	width: 374px;
	float: left;
	margin-bottom: 30px;
	margin-right: 40px;
	position: relative;
	padding-bottom: 28px;
}

.serviceBlok:nth-of-type(2n){
	margin-right: 0;
}
.serviceBlok div.postThumbail{
	width: 100%;
	height: 228px;
	margin-bottom: 24px;
}
.serviceBlok div.postThumbail a, .serviceBlok div.postThumbail img{
	display: block;
}

.serviceBlok h3{
	font-size: 18px;
	line-height: 18px;
	font-weight:600;
	color: #993399;
	margin-bottom: 15px;
}

.serviceBlok h3 a{
	color: #993399;
	display: block;
}

.serviceBlok p{
	padding-right: 10px;
	margin-bottom: 0;
}

.leftPanSerSingle h2{
	font-size: 20px;
}

.leftPanSerSingle p{
	margin-bottom: 10px;
	padding-right: 60px;
}

.singleSerGallery{
	margin-top: 40px;
}

.singleSerGallery div{
	overflow: hidden;
	margin-bottom: 42px;
}

.singleSerGallery div:last-child{
	margin-bottom: 0;
}

.twoRow img.alinLeft, .threeRow img.alinLeft{
	display: block;
	float: left;
}

.twoRow img.alinRight{
	display: block;
	float: right;
}

.threeRow div.threeCoulamRightSec{
	float: right;
}

.threeRow div.threeCoulamRightSec img{
	display: block;
	margin-bottom: 46px;
}

.threeRow div.threeCoulamRightSec img.nonMargin{
	margin: 0;
}

a.loadmore{
    background: none repeat scroll 0 0 #e1e1e1;
    clear: both;
    color: #736e6c;
    display: inline-block;
    font-family: "proxima-nova-alt",sans-serif;
    font-size: 20px;
    padding: 15px 40px;
    text-align: center;
    text-transform: uppercase;
}

.cont_post:nth-of-type(3n){
	margin-right: 0;
}

.pagination img#loaderimage, .mid_wrapper img#loaderimage{
	display: block;
	margin: 0px auto;
}

.mid_wrapper img#loaderimage{
	margin-bottom: 10px;
}

.ourWorkSingel h1, .ourWorkSingel h2{
	font-size: 22px;
}

.serviceBlok div.readMore{
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 0;
}

.serviceBlok div.readMore a{
    color: #993399;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
	text-transform: uppercase;
    margin-bottom: 15px;
}

a.seeOurWork{
	font-size: 18px;
	text-transform: uppercase;
	line-height: 60px;
	color:#666666;
	border: solid 1px #666666;
	padding: 0 10%;
	transition: all ease-in-out 100ms;
	-webkit-transition: all ease-in-out 100ms;
	-moz-transition: all ease-in-out 100ms;
	-o-transition: all ease-in-out 100ms;
	margin-top: 10px;
	display: inline-block;
}

a.seeOurWork:hover{
	color: #57504f;
}
.contentArea{
	font-size: 16px;
	line-height: 22px;
}
/*.contentArea p{
	margin-bottom: 0;
}*/
.contentArea strong{
	font-size: 14px;
	font-weight: 600;
	line-height: 16px;
	color: #5e5e5e;
	text-transform: uppercase;
	letter-spacing: 0;
}

.rightpostTop{
	overflow: hidden;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: dotted 1px #fff;
}

.rightpostTop li{
	font-size: 18px;
	line-height: 28px;
	color: #78475d;
}

.rightpostTop li a{
	display: block;
	color: #78475d;
}

.rightpostTop li.currentActivePackage a{
	color: #868585;
}

.award_sec_post img{
	max-width: inherit;
	display: block;
	float: left;
}

body div.award_sec_post ul.thead li.winner{
	font-size: 24px !important;
	width: 40%;
	line-height: 32px;
	margin-bottom: 0;
	margin-top: 10px;
}


.singleWork div.contentArea{
	overflow: visible;
}

.singleWork div.contentArea div.rightPan{
	padding: 0;
}

.singleWork div.contentArea div.rightPad{
	overflow: visible;
	padding: 0;
}

.serviceCat{
	position: relative;
	padding-bottom: 0 !important;
}

.serviceCat ul{
	overflow: hidden;
	margin: 30px 0;
}

.serviceCat ul li{
	display: table;
	vertical-align: middle;
	font-size: 20px;
	font-weight: 600;
	color: #666666;
	position: relative;
	margin: 10px 0 25px;
	padding-right: 60px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.serviceCat ul li:last-child{
	margin-bottom: 10px;
}

.serviceCat ul li a{
	display: table;
}

.serviceCat img{
	margin-right: 25px;
}

.serviceCat ul li p{
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.block { position:absolute; background:#fff; height:100%; left:0px; top:0px; margin:0; padding:0;}

.upper{
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.singleWork div.contentArea div.rightpost{
	padding: 11% 0 7% 6%;
}

.singleWork div.contentArea div.rightpostBottom{
	padding-top: 4%;
}

/* Archive Page Style */

body.tax-workservices div.contentArea article a{
	display: block;
}

body.tax-workservices div.contentArea article p{
	margin-bottom: 20px;
}

.post_cont ul.blackLine li a{background: url('images/hover_black.jpg') no-repeat center bottom; transition: 0;}

.post_cont ul.blackLine li:last-child a{
	background: none;
}

.archivePage div.srch_pnl{
	margin-top: 30px;
}

p.workSortDetails{
	font-weight: 600;
	color: #cccccc;
	text-transform: uppercase;
	margin: 10px 0;
}

p.workSortDetails span{
	color: #774456;
}

div.bottomModuleContent{
	margin-bottom: 10px;
	text-align:justify;
}

/* ------------------------- template layout end ------------------------- */

/****************************************************************************************
@
@	Tablet Styles
@
****************************************************************************************/
/* viewport 1024*768 iPad(horizental) */
@media all and (min-width : 1024px) and (max-width : 1200px){
/* Homepage section */
.mid_wrapper{width: auto; padding: 0 15px;}
.main-logo{padding:12px; top:20px;}
/* content page section */
.leftPad{padding: 4% 3% 4% 15px;}
.proBlock, .s_pro{width: 100%;}
/* Our services page section */
.services_list_area .serv_post .excerpt_text h3{font-size: 15px;}
/* Our work listing page section */
.select select{width: 67%;}
.select .selectlast{width: 55%;}
h2{font-size: 20px;}
.cont_post{width: 30.82%;}
/* Our work inner page section */
.award_sec_post ul.thead li{margin: 0 21px 0 20px;}
.work_image_area .lands_area .lands_image:nth-child(1), .work_image_area .port_area .port_image:nth-child(1){margin: 0 0 25px;}
.work_image_area .lands_area .lands_image:nth-child(1), .work_image_area .port_area .port_image:nth-child(1){margin: 0 0 25px;}
.work_image_area .lands_area .lands_image, .work_image_area .port_area .port_image{margin: 0 0 25px 25px;}
.work_image_area .group_area .port_image{margin: 0 25px 25px 0;}
.work_image_area .group_area .lands_image{margin: 0 0 25px;}
.work_image_area .group_area .port_image{height: 482px;}
.work_image_area{width: 103%;}
.proBlock h3{ font-size:14px;}
.rightPad{padding:7% 5%; overflow: hidden;}
body div.award_sec_post ul.thead li.winner {font-size: 22px !important; line-height: 28px;}
.award_sec_post ul.thead li {margin: 14px 21px 0 20px;}
}

/* viewport 768*1024 iPad(vertical) */
@media all and (min-width : 760px) and (max-width : 1023px){
/* Homepage section */
.mid_wrapper{width: auto; padding: 0 15px;}
.post_cont ul li a{font-size: 12px; padding: 0px;}
.post_cont{padding: 4%;}
.header h1{padding: 10px 30px; font-size: 24px;}
.main-logo{padding:12px; top:16px;}
/* Our work inner page section */
.leftPad{padding: 4% 3% 4% 15px;}
h2{font-size: 14px;}
.award_sec_post ul.thead li{margin: 0 0 10px 20px; float: none;}
.work_image_area{width: 101%;}
.work_image_area .lands_area .lands_image:nth-child(1), .work_image_area .port_area .port_image:nth-child(1){margin: 0 0 25px;}
.work_image_area .lands_area .lands_image, .work_image_area .port_area .port_image{margin: 0 0 25px 25px;}
.work_image_area .group_area .port_image{margin: 0 25px 25px 0;}
.work_image_area .group_area .lands_image{margin: 0 0 25px;}
.work_image_area .group_area .port_image{height: 482px;}
.proBlock h3{font-size: 12px;}
.proBlock, .s_pro{width: 100%;}
/* Our work listing page section */
.select select{width: 67%;}
.select .selectlast{width: 55%;}
.srch_pnl label{font-size: 12px;}
.cont_post{margin: 0 25px 0 0;}
.rightPad{padding:7% 5%; overflow: hidden;}
h3{font-size: 14px;}
.work_sm_des a.readmoreto{left: 12px;}
/* Our services index page section */
.services_list_area .serv_post .excerpt_text{width: 54%;}
body div.award_sec_post ul.thead li.winner {font-size: 16px !important; line-height: 22px; margin-bottom: 10px; margin-top: 10px; width: 95%;}
}
/****************************************************************************************
@
@	Mobile Styles
@
****************************************************************************************/
/* viewport 480*759px all phone */
@media all and (min-width : 480px) and (max-width : 759px){ 
.main-logo{width:75%; top:0; padding:10px;}
/* Homepage section */
.mid_wrapper{width: auto; padding: 0 15px;}
.cont_post{width: 100%; float: none; margin: 0px 0 25px; overflow: hidden;}
.cont_post_top{width: 50%; float: left; margin: 0 25px 0 0;}
.cont_post_bottom{}
h2{font-size: 15px; line-height: 20px;}
.post_cont ul li a, .post_cont a{font-size: 12px; padding: 0px;}
.post_cont{padding: 4%;}
.post_cont ul li{margin: 0px;}
body{font-size: 13px;}
h1{font-size: 15px;}
.header h1{padding: 5px 18px;}
.responsivemenu {background: url("images/responsive_menu_icon.png") no-repeat scroll 26% 70% #417191; color: #fff; display: block; font-size: 18px; padding: 25px 30px; position: absolute; right: 0px; top: 0px;}
.menu_apart{right: 27px; top: 60px; z-index: 1; display:none;}
.menu_apart .menu ul{display: block; overflow: hidden; background: #fff; padding: 10px 0;}
.menu_apart .menu ul li{float: none; display: block;}
.menu_apart .menu ul li a{display: inline-block; float: none; color: #666; font-size: 12px; padding: 0 0 2px;}
.menu ul li a:hover, .menu ul li.active > a{background: url('images/hover_black.jpg') repeat-x center bottom; padding: 0 0 2px;}
/* Our work listing page section */
.cont_top_left, .cont_top_right{width: 100%; float: none;}
.ourworkpage .cont_post{width: 47.78%; float: left; margin: 0 20px 20px 0;}
.ourworkpage .cont_post:nth-child(2n){margin: 0px;}
.ourworkpage .cont_post .cont_post_top{width: 100%;}
h3{font-size: 13px;}
.ourworkpage .srch_pnl .cont_post{width: 30.2%; float: left; margin: 0 20px 0px 0;}
.ourworkpage .srch_pnl .cont_post:nth-child(3){margin: 0px;}
.srch_pnl label{font-size: 12px; float: none; display: block;}
.select select, .select .selectlast{width: 100%;}
.srch_pnl{margin: 0 0 35px;}
/* Our work inner page section */
.leftPan, .rightPan{width: 100%;}
.leftPad{padding: 3%;}
.award_sec_post ul.thead li{margin: 0 30px 20px 20px;}
.work_image_area .lands_area .lands_image, .work_image_area .port_area .port_image{margin: 0 0 25px 25px}
.work_image_area .lands_area .lands_image:nth-child(1), .work_image_area .group_area .lands_image, .work_image_area .port_area .port_image:nth-child(1){margin: 0 0 25px;}
.work_image_area .group_area .port_image{margin: 0 25px 25px 0; height: 482px;}
.rightPad{padding: 5% 3%;}
.ourworkinner .rightpost{width: 47.56%; float: left; margin: 0 10px 0 0;}
.ourworkinner .s_pro{width: 48%; float: right; border-top: none; padding: 0px; margin: 0 0 0 10px;}
.proBlock h3{font-size: 12px; margin: 0px;}
.ourworkinner .rightpost .proBlock, .ourworkinner .s_pro .proBlock{width: 100%; margin: 0 0 25px;}
/* Our services index page section */
.services_list_area .serv_post .excerpt_text{width: 53%;}
.rightpost{width: 100%;}
.rightpost .proBlock{width: 47.77%; float: left; margin: 0 0px 20px 20px;}
.proBlock:nth-child(2n){margin: 0px;}
.services_list_area .serv_post .excerpt_text h3{font-size: 14px; line-height: 18px;}
a.seeOurWork{ margin:0 0 20px 20px;}
.leftPanSerSingle p{padding-right: 20px;}
.award_sec_post {padding: 10px 0 0 10px; display:block;}
body div.award_sec_post ul.thead li.winner {font-size: 14px !important; line-height: 20px; margin-bottom: 10px; margin-top: 10px; width: 50%;}
.award_sec_post img {max-width: 15%;}
.award_sec_post ul.thead li {margin: 12px 10px 10px 20px;}
.leftPan ul li{ min-height:40px;}
.leftPan input[type="text"], .leftPan input[type="email"], .leftPan textarea{ width:80%;}
}
/* viewport 320*479px all phone */
@media all and (max-width : 479px){
.main-logo{width:75%; top:0; padding:10px;}
/* Homepage section */
.mid_wrapper{width: auto; padding: 0 15px;}
.content_apart{padding: 25px 0 0;}
.cont_post{width: 100%; float: none; margin: 0px 0 25px; overflow: hidden;}
.cont_post_top{width: 100%; float: none; margin: 0 0px 25px 0;}
.footer_area{text-align: center; padding: 4% 0;}
.footer_area .copyright_txt{float: none; display:block; clear:both;}
.footer_area .site_by{float: none; display:inline-block; clear:both;}
h2{font-size: 15px; line-height: 20px;}
.post_cont ul li a, .post_cont a{font-size: 12px; padding: 0px;}
.post_cont{padding: 4%;}
.post_cont ul li{margin: 0px;}
body{font-size: 13px;}
h1{font-size: 15px;}
.header h1{padding: 0px 15px; font-size: 12px;}
.responsivemenu {background: url("images/responsive_menu_icon.png") no-repeat scroll 26% 50% #417191; color: #fff; display: block; font-size: 18px; padding: 0 20px 30px; position: absolute; right: 0px; top: 0px;}
.menu_apart{right: 14px; top: 30px; z-index: 100; display:none;}
.menu_apart .menu ul{display: block; overflow: hidden; background: #fff; padding: 10px 0;}
.menu_apart .menu ul li{float: none; display: block;}
.menu_apart .menu ul li a{display: inline-block; float: none; color: #666; font-size: 12px; padding: 0 0 2px;}
.menu ul li a:hover, .menu ul li.active > a{background: url('images/hover_black.jpg') repeat-x center bottom; padding: 0 0 2px;}
/* Our work listing page section */
.cont_top_left, .cont_top_right{width: 100%; float: none;}
.ourworkpage .cont_post{width: 100%; float: none; margin: 0 0px 20px 0;}
.ourworkpage .cont_post:nth-child(2n){margin: 0px;}
.ourworkpage .cont_post .cont_post_top{width: 100%;}
.pagination .page-numbers{padding: 4px 8px;}
h3{font-size: 13px;}
.ourworkpage .srch_pnl .cont_post{width: 100%; float: left; margin: 0 20px 0px 0;}
.ourworkpage .srch_pnl .cont_post:nth-child(3){margin: 0px;}
.srch_pnl label{font-size: 12px; float: none; display: block;}
.select select, .select .selectlast{width: 100%;}
.srch_pnl{margin: 0 0 35px;}
/* Our work inner page section */
.leftPan, .rightPan{width: 100%;}
.leftPad{padding: 3%;}
.award_sec_post ul.thead li{margin: 0 30px 20px 20px;}
.work_image_area .lands_area .lands_image, .work_image_area .port_area .port_image{margin: 0 0 15px 15px}
.work_image_area .lands_area .lands_image:nth-child(1), .work_image_area .group_area .lands_image, .work_image_area .port_area .port_image:nth-child(1){margin: 0 0 15px;}
.work_image_area .group_area .port_image{margin: 0 15px 15px 0; height: 190px; background-size:100% 100% !important;}
.work_image_area .group_area .lands_image{height: 86px; background-size:100% 100% !important;}
.rightPad{padding: 5% 3%;}
.ourworkinner .rightpost{width: 100%; float: none; margin: 0 0px 20px 0; overflow: hidden;}
.ourworkinner .s_pro{width: 100%; float: none; border-top: none; padding: 0px; margin: 0 0 0 0px;}
.proBlock h3{font-size: 12px; margin: 0px; padding: 2% 3%;}
.ourworkinner .rightpost .proBlock, .ourworkinner .s_pro .proBlock{width: 100%; margin: 0 0 5px;}
.proBlock img{/*display: none;*/}
/* Our services index page section */
.rightpost, .services_list_area .serv_post .img, .services_list_area .serv_post .excerpt_text{width: 100%;}
.services_list_area .serv_post .excerpt_text{margin: 20px 0 0;}
.rightpost .proBlock{width: 100%; float: left; margin: 0 0px 5px 0px;}
.services_list_area .serv_post .excerpt_text h3{font-size: 14px; line-height: 18px;}
.leftPan ul li{font-size: 14px;}
.leftPanSerSingle p{padding-right: 10px;}
.award_sec_post {padding: 10px 0 0 10px;}
body div.award_sec_post ul.thead li.winner {font-size: 14px !important; line-height: 20px; margin-bottom: 10px; margin-top: 10px; width:90%;}
.singleWork div.contentArea div.rightpostBottom{width: 95%;}
.leftPan ul li{ float:none; clear:both;}
.award_sec_post {padding: 10px 0 0 10px; display:block;}
.award_sec_post img {max-width: 15%;}
.leftPan input[type="text"], .leftPan input[type="email"], .leftPan textarea{ width:90%;}
}

@media all and (max-width : 520px){
	.rightPad .rightpost.rightpostTop{padding-bottom:0; padding-top:30px; border-bottom:none; border-top:1px dotted #fff; position:relative; top:30px;}
}