/* Responsive CSS Styles Table of Contents */



@media only screen and (max-width: 1200px){

	.topinfo .topinfoFixedWidth{ width:100%; }

	.topinfo .two_one{ /*width:40%;*/ height:100%; margin:0px 2% 0 0;/* box-sizing:border-box;*/ }

	

	.bigArrowSlider{ padding:0 30px; }

	.jcarousel-skin-tango .jcarousel-item-horizontal{ margin-left:8px !important; margin-right:8px !important;  }

	.jcarousel-skin-tango.bigArrowSlider .jcarousel-prev-horizontal{ left:-25px;  }

	.jcarousel-skin-tango.bigArrowSlider .jcarousel-prev-horizontal:hover{ left:-25px; }

	.jcarousel-skin-tango.bigArrowSlider .jcarousel-next-horizontal{ right:-25px;  }

	.jcarousel-skin-tango.bigArrowSlider .jcarousel-next-horizontal:hover{ right:-25px;  }

	.two_one .leftbox img {width: 100%;}

	.top_section { min-height: 146px;}





}







@media (max-width: 1024px){

		.punchline_text{ margin:40px 0 0 20px; }

		.site_logo{margin-left:20px;}

		#access .menu{display: block !important;}

		.recent_blogs img {width: 30%;}

		.testimonials-main{ padding: 0 20px; width: 100%; box-sizing: border-box;  }

		.testimonials-main.left{ width:30%; }

		.testimonials-main.right{ width:65% !important; margin-left:5%; box-sizing:border-box; }

		.recent_blogs{ padding: 0 20px; width: 100%; box-sizing: border-box; }



	/* Disable menu */

#access .menu ul#tiny {display: none;}

/* Enable dropdown menu */

.selectnav {display: block;}

.selectnav {display: inline; margin-left: 100px;}

#access .menu select {

	border: 1px solid #666;

	padding: 10px 10px 10px 10px;

	background-color: #f9f9f9;

	color: #333639;

	float: left;

	/*width: 100%;*/

	margin: 20px 0 0 0;

	float: left;

	font-size: 14px;

	line-height: 1;

	color: #222222;

	text-transform: uppercase;

	font-family: 'Oswald', sans-serif;

	font-weight:400;

}



.topinfo{  float: left; position: relative !important; top: 0 !important; left:0 !important; width:100% !important; box-sizing:border-box; margin-top: 15px; }

.top_section {min-height: 165px;}

.topinfo {top:80px}



.topinfoFixedWidth .two_one.large { width:70%; padding-top:22px; }

.topinfo .two_one span.telephone{ margin-top:10px; }

.topinfo .two_one.small{  position: absolute; right:234px; top: -84px; }

.topinfo .two_one.language{  position: absolute; right:80px; top: -84px; }



.one_half{ width:100%; margin:20px 0 0px; }

.testimonials-main{  width:100%; }

.about_section{ padding:0 20px 50px !important; box-sizing:border-box; }



/*padycss*/

#content .content_right_sidebar{ display:none;}

#content .content_left.right{ width:100%; padding:0 20px; box-sizing:border-box;}



.title_underline{ margin-top:30px;}

#register-form .input_bg{ width:100%; box-sizing:border-box; height:35px;}





.careerspage .topinfo .one_fourth, .careerspage .topinfo .two_one.large{ height:auto;}









nav#cssmenu{ position:static;}

#cssmenu ul{ position:absolute; left:0; z-index:999; background:#fff;}





nav#cssmenu.togglecssmenu {

    position: fixed;

    background: #fff;

    z-index: 999;

    left: 0;

    margin: 0;

    height: 100%;

    overflow-y: auto; top:0;

}



#cssmenu.togglecssmenu ul{ position:absolute; left:0; z-index:999; background:#fff; top:70px;}

#cssmenu.togglecssmenu ul ul {position: relative;top: 0;}









#cssmenu .button{ /*right:20px;*/ top:20px;}

#cssmenu > ul > li.has-sub > a::before, #cssmenu > ul > li.has-sub:hover > a::before{ background:none;}



}



@media only screen and (max-width: 999px){

	

	.top_section{ /*position:relative;*/ float:left; min-height: 144px; margin-top:0px; width:100%; }

	.homepg .top_section{ margin-top:0; width:100%;}

	.container,.banner, .bannercontainer { width: 100% !important; margin: auto auto auto auto !important; }

	.topinfo{ position:relative; left:0 !important; top:0px; float:left; }

	.topinfo .two_one{ width:399px; height:100%; box-sizing:border-box; }

	/*.topinfo .two_one.large{ width:340px; padding-left:25px; }*/

	.topinfo .two_one span{ margin-top:15px; margin-bottom:5px;}

	.topinfo .two_one.small{ width:170px; float:right;}

	.topinfo .two_one span.buttonFromTop{ /*margin-top: 0px;*/ }

	.topinfo .two_one .leftbox{ height:80px; }

	.rightmarlast { margin-right: 0px;}

	/*.testimonials-main.right{width:232px;}*/

	.rightmarlast { margin-right: 0px;}

	.recent_blogs img {width: 120px;}

	/*.jcarousel-skin-tango .jcarousel-item-horizontal{ margin-left:5px !important; margin-right:5px !important;  }*/

	.fresh_works_content {padding: 0px; margin: 0px; float: left; width: 100%;}

	.freash_works_gallery {float: left; padding: 0px; margin: 0px 25px; width: 94%;}

	.topinfo .button{ font-size:12px; }
	
	.rsBanner span {width: 27%; margin-left: 20px;}


	body{overflow-x:hidden;}

}

@media only screen and (max-width: 907px){

	

	.two_one.topleft{  width: 15.5% !important; margin-right: 15px; }

	.two_third.topright{ width:81% !important; }

	

	.topinfo .two_one{ width:370px !important; height:100%;  box-sizing:border-box; }

	/*.topinfo .two_one.large{ width:320px;}*/

	/*.topinfo .two_one span:last-child{ margin-right:0px; }*/

	.topinfo .two_one.small{ width:179px; float:right;}

	#footer .footer_logo { margin: 0px 0px 0px 70px; }

	#footer .address-liste li.icon1 { margin: 0px 0px 0px 0px; }
	
	#footer ul.address-liste{margin: -10px 0px 20px 0px;}
	
	span.footer_logo img{max-width:70px;}

	.one_fourth.footerleft { width: 27%; }

	.one_fourth.footerright { width: 20%; }

	.recent_blogs img {width: 30%;}

	.rightmar {margin-right: 10px;}

	.rsBanner{text-align:center; margin-top:20px;}
	.rsBanner img{margin-bottom:20px;}
	.rsBanner span {width:100%; max-width:600px; margin:0px auto;}
	a.site_button.rsBtn {max-width: 72px;  margin: 20px auto 0; display: block; float: inherit;}
}



@media only screen and (max-width: 840px){

#access .menu select{ width:320px; font-size:12px; }

.site_logo{ margin:10px 0 0 10px; }

.two_one.topleft{ width:14%; }

.topinfo .two_one{ margin: 0 0% 0 0 }

.topinfo .two_one span{ width:100%; }

.topinfoFixedWidth .two_one.large{ padding-top:8px; }

.topinfo .two_one span{ margin-top:0px; }



} 



@media only screen and (max-width: 768px){

/*.container {

	width: 766px;

	margin: auto auto auto auto;

}

.container {

	width: 766px;

	margin: auto auto auto auto;

}*/



.downarrowclass{top:3px;}

.two_one.topleft { width: 14.5%; }

.two_third.topright{  width: 81%;  }



.site_logo {

	margin: 20px 0px 0px 20px;

}



/*#content .content-fullwidth {

	width: 766px;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}*/

.page-main-title .leaft-title {

	width: 70%;

	display: block;

	float: left;

	text-align: left;

	margin: 16px 0 0 20px;

}

#content .content_left {

	width: 520px;

	float: left;

	margin: 0 0 30px 10px;

	padding: 0px 30px 0px 0;

}

/*#content .content_left.right {

	width: 520px;

	float: left;

	margin: 0 0 30px 0px;

	padding: 0px 0px 0px 30px;

}*/

#content .content_right_sidebar {

	float: left;

	width: 200px;

	margin: 5px 0px 30px 0;

	padding: 0 0 0px 0px;

}

#access .menu > ul > li:first-child a{ padding-left:0px !important; }

#access .menu ul li{ margin-left:0px; }

#access .menu ul li a,#access .menu ul li a:hover,#access .menu ul li.active > a {padding: 0px 10px 5px 10px; font-size:15px; }

#access .menu ul li.toparrow{margin-right:0px;}

#access .menu ul li.toparrow a,#access .menu ul li.toparrow a:hover,#access .menu ul li.toparrow.active > a{ padding: 0px 15px 5px 5px; margin:0px; 	font-size:15px !important; }

#access .menu ul li.menu-sep-but a {

	padding: 27px 10px 28px 10px;

}

#access .menu ul li.menu-sep-but a:hover {

	padding: 5px 8px;

}





#access .menu ul li ul {

	position: absolute;

	left: 0;

	height: auto;

	display: none;

	visibility: hidden;

	width: 185px;

	padding: 0;

	text-align: left;

}

#access .menu ul li ul li {

	display: list-item;

	float: none;

	background: none;

	padding: 0;

	margin: 0;

	height: auto;

}

#access .menu ul li ul li ul {

	top: 0;

}

#access .menu ul li ul li a {

	margin: 0;

	border: none;

	display: block;

	padding: 16px 12px 16px 12px;

	font-size: 12px;

	color: #fff;

	background: #3b3b3b url(../images/spacer.gif) no-repeat center bottom;

	width: 160px;

	text-align: left;

	border-bottom: 1px solid #454545;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

	letter-spacing: 0.7px;

}

#access .menu ul li ul li a:hover,

#access .menu ul li ul li.active a,

#access .menu ul li ul li a.selected {

	background: #91b427 url(../images/spacer.gif) no-repeat center bottom;

	border-bottom: 1px solid #454545;

	color: #fff;

	padding: 16px 12px 16px 12px;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

	letter-spacing: 0.7px;

}



#access .menu ul li ul li:last-child {

	border: none;

}

* html #access .menu {

	height: 1%;

}



.selectnav {/*display: none;*/ width: 440px; margin-left: 20px;}





.punchline_text {

	padding: 0px 20px;

	margin: 25px 0px 0px 0px;

	width: 94.8%;

	float: left;

	font-size: 11px;

	line-height: 30px;

	color: #1c1c1a;

	text-align: left;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

	font-style: normal;

}

.punchline_text strong {

	font-size: 21px;

	color: #1c1c1a;

	font-weight: normal;

	text-align: left;

	display: block;

	text-transform: uppercase;

}



/*ul.site_features_main {

	padding: 0px 0px 0px 8px;

}

.site_features_main li {

	margin: 0px 10px 0px 0px;

	width: 180px;

}

.site_features_main li:hover {

	margin: 0px 10px 0px 0px;

	width: 180px;

}

.site_features_main li p {

	padding: 0px 15px 0px 15px;

	margin: 0px;

	width: 150px;

}

.site_features_main li.selected {

	margin: 0px 10px 0px 0px;

	width: 180px;

}

*/

.latest_news {

	float: left;

	padding: 20px 30px;

	margin: 0px;

	width: 92.2%;

	height: 50px;

	background-color: #f9f9f9;

	border-bottom: 2px solid #eee;

	font-size: 13px;

	line-height: 18px;

}



/*.freash_works_gallery {

	float: left;

	padding: 0px;

	margin: 0px;

	width: 63%;

}

*/



/*.recent_blogs {

	float: left;

	padding: 0px 0px 0px 20px;

	margin: 0px;

}



.recent_blogs_section {

	float: left;

	padding: 0px;

	margin: 0px 30px 0px 0px;

	width: 320px

}

.recent_blogs_section.last {

	float: left;

	padding: 0px;

	margin: 0px 0px 0px 0px;

	width: 220px;

	display: none;

}

.recent_blogs_content {

	float: left;

	padding: 0px;

	margin: 0px 0px 0px 20px;

	width: 200px;

}



.testimonials-main {

	padding: 0px;

	margin: 0px;

	float: left;

	width: auto;

}

.testimonials-main.left {

	padding: 0px;

	margin: 0px;

	float: left;

	width: 64px;

}

.testimonials-main.left img {

	width: 100%;

}

.testimonials-main.right {

	padding: 10px 10px 10px 9px;

	margin: 0px 10px 0px 35px;

	float: left;

	width: 227px;

	/*height: 138px;**

	overflow: hidden;

	color: #727272;

	background: #f9f9f9;

	

}

.testimonials-main.right p {

	font-size: 13px;

	line-height: 20px;

}

.testimonials-main.right strong {

	margin: 0px 0px 5px 0px;

	display: block;

	color: #727272;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}



.testimonials {

	padding: 0px;

	margin: 0px;

	float: left;

	width: 363px;

}

.testimonials.left {

	padding: 0px;

	margin: 0px;

	float: left;

	width: 72px;

	position: absolute;

	top: 80px;

	left: 50px;

}

.testimonials.left img {

	width: 100%;

	height: 100%;

	border: 1px solid #f2f2f2;

	float: left;

}

.testimonials.right {

	padding: 18px 25px 0px 140px;

	margin: 0px;

	float: left;

	width: 203px;

	height: 132px;

	overflow: hidden;

	color: #727272;

	background: url(../images/testimo-bg.png) no-repeat left top;

}

.testimonials.right strong {

	margin: -6px 0px 5px 0px;

}

*/

#footer .footer_columns .container {

	width: 97%;

	margin-left: 3%;

}



.copyright_info b {

	margin-left: 20px;

}

.copyright_info span {

	margin-right: 10px;

}



.main_video_slider_main {

	width: 100%;

	height: 430px;

	background: #eff6f4 url(../images/slider/slider-bg.jpg) no-repeat center top;

}

.main_video_slider {

	width: 690px;

	height: 345px;

	margin: 0 auto;

}

.main_video_slider iframe {

	width: 690px;

	height: 345px;

	border: 5px solid #ccc;

	margin-top: 40px;

	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);

	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);

}



.sideimg-list li {

	margin: 0px 5px 0px 10px;

	max-width: 180px;

}

.left-border-box {

	background-color: #f9f9f9;

	border-left: 5px solid #00a6b3;

	padding: 15px 20px;

	margin: 0px;

	float: left;

	width: 721px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-align: left;

}

.services-section-boxes {

	float: left;

	width: 212px;

	padding: 15px 15px 30px 15px;

	margin-right: 0px;

	margin-left: 10px;

	background-color: #f9f9f9;

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	text-align: center;

}

.services-section-boxes img {

	border: 7px solid #fff;

	margin: 5px 0 15px 0;

	width: 95%;

	height: 95%;

}

.services-section-boxes.last {

	margin-right: 0;

	padding: 15px 15px 30px 15px;

}



.testimonials-4 .content {

	float: left;

	line-height: 21px;

	padding: 20px 20px 20px 20px;

	border: 1px solid #eee;

	background-color: #f9f9f9;

	border-radius: 5px;

	width: 94%;

}



#content .content_left .our_team_box {

	width: 520px;

	float: left;

}

#content .content_left .our_team_box ul {

	margin: 0;

	padding: 5px 0 0 5px;

	float: left;

	width: 120px;

}

#content .content_left .our_team_box .cont_area i img {

	float: left;

	border: 1px solid #fff;

	width: 75px;

}

#content .content_left .our_team_box .boxleft {

	width: 210px;

	float: left;

	padding: 20px;

	margin: 0 20px 20px 0;

	background-color: #f9f9f9;

	border-top: 1px solid #eee;

	border-bottom: 2px solid #eee;

}

#content .content_left .boxright {

	width: 210px;

	float: left;

	padding: 20px;

	margin: 0;

	background-color: #f9f9f9;

	border-top: 1px solid #eee;

	border-bottom: 2px solid #eee;

}



.pagenotfound {

	float: left;

	width: 84%;

	height: 350px;

	padding: 30px;

	margin-bottom: 20px;

	margin-left: 20px;

	background-color: #f9f9f9;

	border: 10px solid #f3f3f3;

}

.pagenotfound_textbig {

	font-size: 220px;

	color: #e3e3e3;

	margin-top: 100px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}

.pagenotfound_textsmall {

	float: left;

	font-size: 18px;

	color: #999;

	padding-top: 100px;

	padding-left: 90px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.pagenotfound_left {

	float: left;

	width: 50%;

}

.pagenotfound_right {

	float: right;

	width: 45%;

	padding: 15px;

	font-size: 18px;

	margin-top: 0px;

	line-height: 27px;

	color: #fff;

	text-align: center;

	background-color: #91b427;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}

.pagenotfound_right img {

	width: 56px;

	height: auto;

}

.pagenotfound_right strong {

	margin-bottom: 9px;

	display: block;

	text-transform: uppercase;

}



.goto_mainpage {

	padding: 10px 20px 10px 20px;

	margin: 35px 0 0 250px;

	float: left;

	text-align: center;

	background: #eee;

	border-radius:50px;

	font-size: 16px;

	color: #727272;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.goto_mainpage:hover {

	background: #91b427;

	color: #fff;

}

#site-searchform #s{

	width: 64%;

}

.adsbanner-list li {

	margin: 0px 10px 10px 0px;

	padding: 0px;

	float: left;

	width: 95px;

	height: 95px;

	list-style-type: none;

}

.adsbanner-list li.last {

	margin: 0px 0px 0px 0px;

	padding: 0px;

	float: left;

	width: 95px;

	height: 95px;

	list-style-type: none;

}

.adsbanner-list li img {

	width: 100%;

	height: auto;

}

.twtr-widget {

	float: left;

	width: 170px;

	margin: -28px 0px 0 0px;

	padding: 0px 0px 5px 15px;

	background-color: #f9f9f9;

	overflow: hidden;

	border-right: 15px solid #f9f9f9;

}



.blog_post h3 {

	width: 83%;

}

.post_info_content {

	padding: 0px;

	margin: 0 0 0 17%;

	width: 83%;

	float: left;

}

.post_info_content_small {

	padding: 0px;

	margin: 0 0 0 3%;

	width: 50%;

	float: left;

}

.post_info_content_small a.date {

	float: left;

	margin: 0px 10px 0px 0px;

}

.post_info_content_small h3 {

	font-size: 18px;

	float: left;

	width: 70%;

}

ul.post_meta_links_small {

	float: left;

	margin: -15px 0px 12px 70px;

	padding: 0px 0px 0px 0px;

	width: 70%;

}



.google-map {

	width: 98.5%;

	height: 300px;

	border: 5px solid #454545;

}



.comment_form {

	float: left;

	width: 90%;

	margin-top: 30px;

}

.comment_form label{

	float: left;

	width: 90px;

	height: 15px;

	padding: 7px 10px;

	margin-bottom: 20px;

}

.comment_input_bg {

	float: left;

	width: 70%;

	height: 25px;

	padding: 7px 10px 0px 10px;

	border-top: 2px solid #e3e3e3;

	border-left: 2px solid #e3e3e3;

	border-right: 1px solid #e3e3e3;

	border-bottom: 1px solid #e3e3e3;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	background-color: #f9f9f9;

}

.comment_textarea_bg {

	float: left;

	width: 90%;

	height: 235px;

	padding: 7px 10px 0px 10px;

	margin-bottom: 20px;

	border-top: 2px solid #e3e3e3;

	border-left: 2px solid #e3e3e3;

	border-right: 1px solid #e3e3e3;

	border-bottom: 1px solid #e3e3e3;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	background-color: #f9f9f9;

}

.comment_checkbox {

	float: left;

	display: block;

	width: 90%;

	margin-top: 10px;

}

.topinfo .two_one{float:right;}

.topinfo .two_one.large{padding-left:50px;}

.topinfo .two_one.small{padding-right:20px;}

#footer .footer_logo{margin: 0px 0px 0px 30px;}
#footer ul.address-liste{margin: 0px 0px 20px 0px;}




}







@media only screen and (max-width: 767px){

	

	.menuButton{ display:block; }



	.bannercontainer{ display:none; }

	.topinfo{ top:0; width:100% !important; position:inherit; }

	.two_one.small{ position:absolute; top:10px; left:40%; }

	.site_logo{ margin:10px 0 0 10px; }

.punchline_text{ text-align:center; }



	

	

div.ddsmoothmobile{ top:50px !important; left:auto !important; transition:all 0.4s ease-in; }	



.two_one.topleft{ width:25% !important; }

.two_third.topright{ width:70% !important; }

.site_logo{ margin:10px 0 0 10px !important;  }



#access .menu{ float:right; }



.two_one.small{ left:inherit !important }



.topinfo{ margin-top:0px; }

.topinfo .two_one span.telephone{ margin-top:0px; }

.topinfo .two_one.large{ margin-top:0px; }

.topinfo .two_one.language{ right: 20px;  padding-top:0px; }

.topinfo .two_one.small{ right: 164px; padding-top:0px; }







/*Body*/



ul#mycarousel{ width:100% !important; }

ul#mycarousel li{ margin-bottom:20px !important	; }



.site_features_main li{ width:42% !important; margin: 2% 4% !important; }

.site_features_main li p{ min-height:80px;}



.one_fourth.footerright { width: 28%; margin: 0 0 0 4%;}

.one_fourth.footerleft {width: 96%;}





/*padycss*/

.gc_advantage_features .col-left{ width:100%; float:none; margin:0 0 15px;}

.gc_advantage_features .col-right{width:100%; float:none;}

.gc_advantage_features .col-right img{ margin:0; float:left;}

#content .content_left.right p:empty {display: none;}







.careerspage .aplyjob .span-6{ width:100%; margin:0 0 5px 0;}

.careerspage .aplyjob textarea.input_bg{ width:98% !important;}



.contactpagemap{ display:none;}



.two_third.topright{ position:static;}

.top_section{ min-height:225px;}

.topinfo{ position:absolute !important; top:140px !important;}



nav#cssmenu{ position:static;}

#cssmenu ul{ position:absolute; left:0; z-index:999; background:#fff;}





/*nav#cssmenu.togglecssmenu {

    position: fixed;

    background: #fff;

    z-index: 999;

    left: 0;

    margin: 0;

    height: 100%;

    overflow-y: auto;

}



#cssmenu.togglecssmenu ul{ position:absolute; left:0; z-index:999; background:#fff; top:70px;}

#cssmenu.togglecssmenu ul ul {position: relative;top: 0;}









#cssmenu .button{ right:20px; top:12px;}

#cssmenu > ul > li.has-sub > a::before, #cssmenu > ul > li.has-sub:hover > a::before{ background:none;}*/







.rsBanner{margin-top: 1px; float: left;}




}



@media only screen and (min-width: 620px) and (max-width: 767px){

	

	.topinfo .two_one{ width:290px; height:100%; margin:0px; box-sizing:border-box; }

	/*.topinfo .two_one.large{ width:100%;padding-top:15px; }*/

	.recent_blogs { width:99%;}

	.testimonials-main {width:99%; padding: 0 0 0 10px;}

	/*.jcarousel-skin-tango .jcarousel-item-horizontal{ margin-left:5px !important; margin-right:5px !important;  }*/

	.two_one.topleft{width: 80.5%;}

	.two_third.topright{width: 15%;}

	.site_logo { margin: 10px 0 0 55%; }

    .two_one.small{ position:absolute; top:10px; left:10px; }



.topinfo .two_one.large{float:left!important;}

.topinfo .two_one, .topinfo .two_one.large{width:67%;padding-top:18px;}

div.ddsmoothmobile{right:0px;}	







	

}

@media only screen and (max-width: 680px){

#footer ul.address-liste{float: none; margin:0 0 40px 0;}
}

@media only screen and (max-width: 620px){

	/*.topinfo .two_one,.topinfo .two_one.large{ width:100%; text-align:center; }

	.topinfo .two_one.large{ padding-left:18%; }***

	.topinfo .two_one.large{float:left;padding-top:30px;}

	.topinfo .two_one .leftbox{ border:0px; margin:auto; float:none; }

	.topinfo .two_one .leftbox img{ width:auto !important; max-width:100%; }

	.topinfo .two_one span{ margin:0px 0 15px 15px; float:left; }

	/*.topinfo .two_one span.buttonFromTop{ margin:0px; }****

	.two_one.topleft{width: 80.5%;}

	.two_third.topright{width: 15%;}

	.site_logo { margin: 10px 0 0 55%; }

    .two_one.small{ position:absolute; top:10px; left:10px; }



.topinfo .two_one.large{float:left!important;}

.topinfo .two_one, .topinfo .two_one.large{width:67%;padding-top:18px;}	

div.ddsmoothmobile{right:0px;}*/



.topinfoFixedWidth .two_one.large{ width: 305px; float: left; padding-top:15px; }

	

}







@media only screen and (max-width: 480px){

/*.topinfo .two_one span.buttonFromTop	{  margin: 0px 0 0; }*/





	/* Disable menu */

#access .menu ul#tiny {display: none;}

/* Enable dropdown menu */

.selectnav {display: block;}

.selectnav {display: inline; margin-left: 100px;}

#access .menu select {

	border: 2px solid #000;

	padding: 3px 10px;

	margin-top:10px;

	background-color: #f9f9f9;

	color: #333639;

	float: left;

	width: 250px;

	/*margin: 115px 50px 0 0;*/

	float: left;

}





h2 {

    font-size: 19px;

    line-height: 25px;

    margin-bottom: 20px;

    font-style: normal;

}





.title_underline {

    display: block;

    float: left;

    width: 97.2%;

    background: url(../images/title-line.png) repeat-x left 69px;

}





.container {

	width: 318px;

	margin: auto auto auto auto;

}

.site_logo {

	/*margin: 18px 0px 0px 57px;*/

}



.page-main-title .leaft-title {

	width: 50%;

	display: block;

	float: left;

	text-align: left;

	margin: 16px 0 0 10px;

}

.page-main-title .leaft-title h1 { 

	font-size: 14px;

}

.page-main-title .reght-pagenation {

	font-size: 9px;

	padding: 25px 0 24px 10px;

}



#content .content_left {

	width: 316px;

	float: left;

	margin: 0 0 30px 0px;

	padding: 0px 0px 0px 0px;

}



#content .content_right_sidebar {

	float: left;

	width: 316px;

	margin: 5px 0px 30px 0;

	padding: 0 0 0px 0px;

}





.top_section {

	padding: 0px;

	margin:0px 0 0;

	min-height: 170px;

	/*background: #1c1c1a url(../images/top-bg.jpg) repeat-x left 100px;*/

}



.punchline_text {

	padding: 0px 10px 10px 10px;

	margin: 15px 0px 0px 0px;

	width: 93%;

	float: left;

	font-size: 10px;

	line-height: 18px;

	color: #1c1c1a;

	/*text-align: left;*/

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

	font-style: normal;

	border-bottom: 1px solid #eee;

}

.punchline_text strong {

	font-size: 13px;

	color: #1c1c1a;

	font-weight: normal;

	text-align: left;

	display: block;

	text-transform: uppercase;

}



a.green_big_but {

	float: right;

	width: 100px;

	height: 22px;

	padding: 5px 0 0 0;

	font-size: 10px;

	background: url(../images/but-green-small.png) no-repeat left top;

}

a.green_big_but:hover {

	float: right;

	width: 100px;

	height: 22px;

	padding: 5px 0 0 0;

	font-size: 10px;

	background: url(../images/but-green-small.png) no-repeat left top;

}



ul.site_features_main {

	padding: 10px 0px 0px 50px;

}



.site_features_main li {

	margin: 0px 18px 20px 0px;

	width: 220px;

}

.site_features_main li:hover {

	/*margin: 0px 18px 20px 0px;

	width: 220px;*/

}

.site_features_main li p {

	padding: 0px 15px 0px 15px;

	margin: 0px;

	width: 180px;

}

.site_features_main li.selected {

	margin: 0px 10px 20px 0px;

	width: 220px;

}



.site_features_hline {

	display: none;

}



.latest_news {

	float: left;

	padding: 10px 10px;

	margin: 0px;

	width: 93.6%;

	height: 70px;

	background-color: #f9f9f9;

	border-bottom: 2px solid #eee;

	font-size: 11px;

	line-height: 14px;

}

.latest_news strong {

	margin-right: 10px;

}





.fresh_works_content {

	padding: 0px;

	margin: 0px;

	float: left;

	/*width: 318px;*/

	width:100%;

}

.fresh_works_content h3 {

	padding: 14px 50px 14px 10px;

}

.fresh_works_content .contee {

	margin: 18px 25px 0 10px;

}



.freash_works_gallery {

	float: left;

	padding: 0px;

	margin: 0px 0px 0px 0px;

	width:100%;

}





/*.recent_blogs {

	padding: 0px 0px 0px 10px;

	margin: 0px;

	float: left;

	width: 308px;

}

.recent_blogs_section {

	float: left;

	padding: 0px;

	margin: 0px 0px 70px 0px;

	width: 308px;

}

.recent_blogs_section.last {

	float: left;

	padding: 0px;

	margin: 0px 0px 0px 0px;

	width: 308px;

}

.recent_blogs_content {

	float: left;

	padding: 0px;

	margin: 0px 0px 0px 20px;

	width: 145px;

}



.testimonials-main {

	padding: 0px 0px 0px 10px;

	margin: 30px 0px -30px 0px;

	float: left;

	width: 308px;

}

.testimonials-main.left {

	width: 50px;

}

.testimonials-main.left img {

	width: 100%;

}

.testimonials-main.right {

	padding: 10px 10px 0px 50px;

	margin: 0px 0px 0px -20px;

	float: left;

	width: 210px;

	height: 150px;

	overflow: hidden;

	color: #727272;

	background: url(../images/testimo-bg.png) no-repeat left top;

}

.testimonials-main.right strong {

	margin: 0px 0px 5px 0px;

	display: block;

	color: #727272;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}

.testimonials-main.right p {

	width: 100%;

	line-height: 18px;

	font-size: 12px;

}



.testimonials {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	float: left;

	width: 318px;

}

.testimonials.left {

	width: 90px;

}

.testimonials.left img {

	width: 100%;

}

.testimonials.right {

	padding: 10px 10px 0px 50px;

	margin: 0px 0px 0px -20px;

	float: left;

	width: 180px;

	height: 150px;

	overflow: hidden;

	color: #727272;

	background: url(../images/testimo-bg.png) no-repeat left top;

}

.testimonials.right strong {

	margin: 0px 0px 5px 0px;

	display: block;

	color: #727272;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}

.testimonials.right p {

	width: 100%;

	line-height: 18px;

	font-size: 12px;

}



.testimonials-2 {

	float: left;

	display: none;

}



.testimonials-4 {

	float: left;

	width: 90%;

}

*/

#footer .footer_top_graphic {

	display: none;

}

#footer .footer_columns {

	/*background: #05aeb9 url(../images/footer-bg-bottom.png) no-repeat right top;*/

}

#footer .footer_columns .container {

	width: 97%;

	margin-left: 3%;

}

#footer .footer_columns .one_fourth {

	width: 94%;

	margin-bottom: 36px;

	text-align:center;

}



ul.arrows-list-one{ width:100%; }



#footer .footer_logo{ float:none; }

#footer ul.address-liste{ float:none; margin-bottom:0px; }

.social_icon{ float:none; display:inline-block; }

span.footer_logo.topMarginfot{margin-top: 20px !important; display:block;}

.copyright_info .one_half {

	float: left;

	width: 318px;

	text-align: center;

	margin-bottom: 0px;

}

.copyright_info b {

	margin-left: 10px;

	width: 308px;

}

.copyright_info span {

	margin-right: 10px;

	width: 308px;

	float: left;

}











.main_video_slider_main {

	width: 100%;

	height: 250px;

	background: #eff6f4 url(../images/slider/slider-bg.jpg) no-repeat center top;

}

.main_video_slider {

	width: 280px;

	height: 200px;

	margin: 0 auto;

}

.main_video_slider iframe {

	width: 280px;

	height: 200px;

	border: 5px solid #ccc;

	margin-top: 20px;

	margin-left: -5px;

	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

}

.sideimg-list li {

	margin: 0px 0px 30px 10px;

	max-width: 300px;

}

.left-border-box {

	background-color: #f9f9f9;

	border-left: 5px solid #00a6b3;

	padding: 15px 20px;

	margin: 0px;

	float: left;

	width: 273px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-align: left;

}	

.services-section-boxes {

	float: left;

	width: 257px;

	padding: 20px 20px 30px 20px;

	margin-right: 0px;

	margin-left: 10px;

	margin-bottom: 30px;

	background-color: #f9f9f9;

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	text-align: center;

}

.services-section-boxes img {

	border: 7px solid #fff;

	margin: 5px 0 15px 0;

	width: 95%;

	height: 95%;

}

.services-section-boxes.last {

	margin-right: 0;

	padding: 15px 15px 30px 15px;

}





#content .content_left .our_team_box {

	width: 318px;

	float: left;

}

#content .content_left .our_team_box ul {

	margin: 0;

	padding: 10px 0 0 20px;

	float: left;

	width: 120px;

}

#content .content_left .our_team_box .cont_area i img {

	float: left;

	border: 1px solid #fff;

	width: 114px;

}

#content .content_left .our_team_box .boxleft {

	width: 278px;

	float: left;

	padding: 20px;

	margin: 0 0px 20px 0;

	background-color: #f9f9f9;

	border-top: 1px solid #eee;

	border-bottom: 2px solid #eee;

}

#content .content_left .boxright {

	width: 278px;

	float: left;

	padding: 20px;

	margin: 0 0px 20px 0;

	background-color: #f9f9f9;

	border-top: 1px solid #eee;

	border-bottom: 2px solid #eee;

}



.pagenotfound {

	float: left;

	width: 85%;

	height: 190px;

	padding: 10px;

	margin-bottom: 20px;

	margin-left: 10px;

	background-color: #f9f9f9;

	border: 5px solid #f3f3f3;

}

.pagenotfound_textbig {

	font-size: 90px;

	color: #e3e3e3;

	margin-top: 40px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}

.pagenotfound_textsmall {

	float: left;

	font-size: 10px;

	color: #999;

	padding-top: 20px;

	padding-left: 20px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.pagenotfound_left {

	float: left;

	width: 46%;

}

.pagenotfound_right {

	float: right;

	width: 48%;

	padding: 5px;

	font-size: 8px;

	margin-top: 0px;

	line-height: 14px;

	color: #fff;

	text-align: center;

	background-color: #91b427;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}

.pagenotfound_right img {

	width: 30px;

	height: auto;

}

.pagenotfound_right p {

	font-size: 8px;

	line-height: 9px;

}

.pagenotfound_right strong {

	margin-bottom: 5px;

	display: block;

	text-transform: uppercase;

}

.goto_mainpage {

	padding: 7px 14px 7px 14px;

	margin: 20px 0 0 75px;

	float: left;

	text-align: center;

	background: #eee;

	border-radius:50px;

	font-size: 12px;

	color: #727272;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.goto_mainpage:hover {

	background: #91b427;

	color: #fff;

}



.portfolio_area {

	padding: 0px;

	margin: 0px;

	width: 99%;

	float: left;

}

.portfolio_area_left {

	width: 98%;

	margin-left: 1%;

}

.portfolio_area_right {

	width: 98%;

	margin: 20px 0px 0px 10px;

}

.project_details {

	padding: 0px;

	margin: 65px 0px 0px 0px;

}

.addto_favorites {

	float: left;

	margin: 15px 0px 0px 0px;

}

.addto_favorites:hover {

	float: left;

	margin: 15px 0px 0px 0px;

}

.portfolio_area_right ul.small_social_links {

	margin: 22px 0px 0px 170px;

}

.project_details span {

	padding: 4px 0px;

}



#site-searchform #s{

	width: 72%;

	margin-left: 10px;

}

.blog_post {

	float: left;

	width: 97.5%;

}

.blog_post h3 {

	font-size: 18px;

	float: left;

	width: 71%;

	line-height: 25px;

}

.blog_post a.date {

	float: left;

	margin-right: 15px;

}

.post_info_content {

	padding: 0px;

	margin: 0px 0 0 0;

	width: 100%;

	float: left;

}

ul.post_meta_links {

	float: left;

	margin: -15px 0px 12px 72px;

	padding: 0px 0px 0px 0px;

	width: 80%;

}

.post_meta_links li.post_by {

	float: left;

	padding: 0px 0px 0px 18px;

	border-right: 1px solid #d3d3d3;

	background: url(../images/blog/icon-by-user.html) no-repeat 0px 5px;

}

.post_meta_links li.post_categoty {

	float: left;

	padding: 0px 0px 0px 25px;

	border-right: 1px solid #d3d3d3;

	background: url(../images/blog/icon-category.html) no-repeat 9px 6px;

}

.post_meta_links li.post_comments {

	float: left;

	padding: 0px 0px 0px 25px;

	background: url(../images/blog/icon-comments.html) no-repeat 9px 5px;

}

.post_meta_links li a {

	color: #a1a1a1;

	padding: 0px 10px 0px 0px;

	text-decoration: none;

	font-size: 11px;

}

.blog_postcontent .image_frame {

	float: left;

	width: 97%;

	border: 7px solid #eee;

	margin-bottom: 25px;

}

.blog_postcontent .video_frame iframe {

	float: left;

	width: 97%;

	height: 200px;

	border: 7px solid #ddd;

	margin-bottom: 25px;

}

.blog_postcontent .image_frame.small {

	float: left;

	width: 97%;

	border: 7px solid #ddd;

	margin-bottom: 25px;

}

.blog_postcontent .video_frame.small iframe {

	float: left;

	width: 97%;

	height: 180px;

	border: 7px solid #ddd;

	margin-bottom: 25px;

}

.post_info_content_small {

	padding: 0px;

	margin: 0;

	width: 97%;

	float: left;

}

ul.post_meta_links_small {

	float: left;

	margin: -15px 0px 12px 80px;

	padding: 0px 0px 0px 0px;

	width: 79%;

}

.about_author {

	width: 86%;

}





.comment_form {

	float: left;

	width: 100%;

	margin-top: 30px;

}

.comment_input_bg {

	width: 50%;

}

.comment_textarea_bg {

	width: 91%;

}

.address-info {

	float: left;

	background-color: #f9f9f9;

	border: 1px solid #e3e3e3;

	padding: 20px 20px 10px 20px;

	width: 86%;

	margin-bottom: 0px;

}

.google-map {

	width: 97%;

	height: 300px;

}



/* pagination */

.pagination {

	clear:both;

	padding:10px 0;

}

.pagination span, .pagination a, .page-numbers {

	display:block;

	float:left;

	margin: 2px 5px 2px 0;

	padding:0px 10px;

	text-decoration:none;

	width:auto;

	line-height:30px;

	height:30px;

}

.pagination b{

	float:left;

	display: block;

	width: 90%;

	text-align: center;

	margin: -20px 5px 18px 0;

	padding:0px 10px;

	font-weight: normal;

	color: #999;

}









	.pricing-tables {width: 24.5%; }

	.pricing-tables .title{ font-size: 12px; }

	.pricing-tables .price{ font-size: 18px; }

	.pricing-tables .price i{ font-size: 9px; margin-top: 0px; }

	.pricing-tables-helight{position: relative;float: left; width: 24%; }

	.pricing-tables-helight .title{ font-size: 12px; }

	.pricing-tables-helight .price{ font-size: 18px; }

	.pricing-tables-helight .price i{ font-size: 9px; margin-top: 0px; }

	

	.pricing-tables-two {width: 32.8%; }

	.pricing-tables-two .title{ font-size: 12px; }

	.pricing-tables-two .price{ font-size: 18px; }

	.pricing-tables-two .price i{ font-size: 9px; margin-top: 0px; }

	.pricing-tables-helight-two{position: relative;float: left; width: 33%; }

	.pricing-tables-helight-two .title{ font-size: 12px; }

	.pricing-tables-helight-two .price{ font-size: 18px; }

	.pricing-tables-helight-two .price i{ font-size: 9px; margin-top: 0px; }





.one_half {

	width: 99%;

	margin-bottom: 40px;

}

.one_third {

	width: 99%;

	margin-bottom: 40px;

}

.one_fourth {

	width: 99%;

}

.topinfo .two_one.large{float:left!important;}

.topinfo .two_one, .topinfo .two_one.large{width:260px;padding-top:18px;}	

div.ddsmoothmobile{right:0px;}	

	

	

	.topinfoFixedWidth .two_one.large{ padding-left:10px; }

	

	

	.topinfo .two_one span.buttonFromTop{ margin:0px; }

	

	.topinfo .two_one.language{  right: 10px !important; top: -84px !important; padding:0px !important; height:auto !important; }

	.topinfo .two_one.small{ right: -10px !important; top: -42px !important;  padding-top:0px !important; padding-bottom:0px !important; height:auto !important; }

	

	

	

/*pady_Css_Start*/	

.two_one.topleft {width: 100% !important; float:none; text-align:center;}	

.site_logo{ box-sizing:border-box; margin:10px 0 !important; width:100%;}	

.two_third.topright { width: 100% !important;}

#access .menu { float: none; width: 100%;}

#access .menu select{ margin:0 15px 35px; box-sizing:border-box; float:none; width:94%; border-color:#ddd;}





.mobileview{ display:block !important; position:static !important;}

.desktopview{ display:none !important;}



.headbot {margin:0px 15px 0;}

#cssmenu #head-mobile{ padding:5px;}

.button.download {display: block;margin: 10px 0;}



.topinfo .two_one.language{ top:135px !important; left:0; margin:0 15px; width:93%;}

.topinfo .goog-te-gadget-simple{ margin:0px; width:97%; }

.goog-te-gadget-simple{ display:block;}

.goog-te-gadget-simple { margin: 0;display: block;width: 97%;}

.goog-te-gadget-simple a.goog-te-menu-value span:first-child{ width:80%;}





.imgright, .imgleft{ width:100%; float:none; margin:0 0 15px;}

.certificate{ width:100%; margin:0 0 20px; clear:both; box-sizing:border-box; float:none; }

.gc_advantage_features .col-right img{ width:100%;}

/*pady_Css_end*/		

	

	

.job_career{ padding:20px;}	

	

.topinfo{ position: static !important;top: 0 !important;}	

}





@media screen and (max-width:568px){

.site_features_main li p { min-height: 110px;}



.contee .mar_top2{ float:none;}	

.fresh_works_content .contee{ text-align:center;}

a.site_button{ clear:both; float:none; display:inline-block; text-align:center; float:none;}

.freash_works_gallery ul#mycarousel li{ float: none !important;margin: 0 auto 20px !important;}





}



@media only screen and (max-width:479px){

.site_features_main li{ width:92% !important;}

.site_features_main li a img{ width:100%;}

} 



@media only screen and (max-width: 444px){

	.topinfo .one_fourth{ width:100%; text-align:center; }

	.topinfo .two_one, .topinfo .two_one.large{ width:100%; text-align:center; padding:0 0 10px; }

	.topinfo .two_one .iconTopInfo{ float:none !important; }

.uwc_systempage h2.underline{ font-size:16px;}

 }

 

 

 

 

 @media only screen and (max-width: 380px){

#access .menu select{ width:92%;}

.topinfo .two_one.language{ width:90%;}

 }

 

  @media only screen and (max-width: 340px){



 }



@media only screen and (min-width: 320px) and (max-width: 420px){

	

	/*.two_one.small { position: inherit; }

	.topinfo .two_one.small { width: 170px; float:left; margin:0 20% 0 30%; padding-bottom:10px;  }

	.site_logo { margin: 10px 0 0 50%; }

	.topinfo .two_one.large{padding-left:0px!important;}

	.topinfo .two_one.large{padding-left:0px!important;}

	div.ddsmoothmobile{right:0px;}

	.topinfo .two_one, .topinfo .two_one.large{width:40%;}

.iconTopInfo{display:block!important;float:none!important;}

.buttonFromTop{position:absolute;top:10px;left:2px;}

.topinfo .button{font-size:10px!important;padding:0px!important;font-weight:normal;}*/









}