@media (max-width: 1279px) {
	
.container, .blog-container { width: 960px; }

#servicesmodule #service { width: 304px; }
#servicesmodule .textblock { width: 235px; }
#bloglatest .blogtext { width: 244px; padding: 0 38px; }
#bloglatest .bloglatestitems { width: 640px; }
#bloglatest .bloglatestitems li { width: 280px }
#bloglatest .bloglatestitems li img { width: 280px; }

#head .rmodules .topmenu ul li ul li { margin: 11px 1px 11px 0; }
#head .rmodules .topmenu ul li ul li a { text-transform: none; }

.rl_tabs > ul.nav-tabs > li > a:before { font-size: 58px; }

.blog { width: 720px; }
.blog .item .details { width: 160px; }
.blog .item .contents { width: 540px; }
.rightmodules { width: 220px; margin-left: 20px; }
#mod-search-searchword { width: 220px; }
.blog-item-page, .blog-item-page .contents { width: 720px; }

	
	
}



@media (max-width: 986px) {
	
.container, .blog-container { width: 750px; }

#servicesmodule #service { width: 336px; margin: 0 24px 42px 15px; }
#servicesmodule #service:nth-child(3n) { margin: 0 24px 42px 15px; }
#servicesmodule .textblock { width: 267px; }
#bloglatest .blogtext { visibility: hidden; display: none;}
#bloglatest .bloglatestitems { width: 750px; }
#bloglatest .bloglatestitems li { width: 335px; }
#bloglatest .bloglatestitems li img { width: 335px; }

#clientlogos img { width:  28%; margin: 24px 2.6666%; }

#head .rmodules .topmenu ul li ul li {
	margin: 0;
	display: block;
}
#head .rmodules .topmenu ul li ul li a {
	font-size: 16px;
	font-weight: lighter;
	line-height: 50px;
	border-bottom: 1px solid #e3e3e3;
}

.rl_tabs > ul.nav-tabs > li > a {
	font-size: 13px;
	text-transform: none;
	letter-spacing: normal;
}

.blog { width: 100%; float: none; }
.blog .item .details {
	width: 100%;
	margin-right: 0;
	border-bottom: 1px solid #ebebeb;
	color: #222;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align: left;
}
.blog .item .created .day { line-height: normal; margin-right: 7px; }
.blog .item .created .day, .blog .item .created .month { float: left; line-height: 20px; font-size: 12px; }
.blog .item .created { border: none; margin-bottom: 0; padding-bottom: 0; }
.blog .item .created, .blog .item .createdby, .blog .item .category-name, .blog .item .hits { float: left; margin-right: 30px; }

.blog .item .contents { width: 100%; }
.rightmodules { width: 100%; margin-left: 0; padding: 0; }
#mod-search-searchword, .categories-module li h4 a { width: 100%; line-height: 52px; font-size: 16px !important; font-weight: 300; }

.advertslist li { width: 90%; margin: 0 5%; }
.advertslist li:before { margin-bottom: 60px !important; }
.advertslist li:after { visibility: visible !important; display: block !important; height: 60px; }
.advertslist li:nth-child(6)::before { margin-bottom: 0 !important; }
.advertslist li:nth-child(6)::after { visibility: hidden !important; display: none !important; }

.project-container .page-header h1 { padding: 30px 0; margin: 0 0 30px 0; }
.project-container .projectimages { float: none; width: 100%; margin-right: 0; margin-bottom: 30px; }
.project-container .projectimages img { border: 30px solid #f7f7f7; }
.project-container .projectinfo { float: none; width: 100%; }
.project-container .projecttitle { text-align: center;}
.project-container .pagination { margin: 30px 0; }
.project-container .socialshare { text-align: center; }
.project-container .socialshare li { display: inline-block; margin: 0 4px; }


}



@media (max-width: 767px) {
	
.container, .blog-container { width: 480px; }	

#head .rmodules .socialicons {
	visibility: hidden;
	display: none;
}

#head .rmodules .topmenu {
	float: none;
	position: absolute;
	width: 100%;
	z-index: 9999;
	background: hsla(0,0%,22%,0.85);
	top: 80px;
	left: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#head .rmodules .topmenu ul { width: 100%; }
#head .rmodules .topmenu ul li {
	float: none;
	padding: 0;
	text-align: center;
}
#head .rmodules .topmenu ul li a, 
#head .rmodules .topmenu ul li .separator {
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	font-weight: lighter;
	border-bottom: 1px solid rgba(255,255,255,0.25);
}
#head .rmodules .topmenu ul li a:after, #head .rmodules .topmenu ul li .separator:after { background: none; }
#head .rmodules .topmenu ul li a:hover, 
#head .rmodules .topmenu ul li .separator:hover {
	color: #fff;
	background: rgba(255,186,0,0.95);
	border-bottom: 1px solid #ffba00;
}
#head.fixed .rmodules .topmenu ul li { padding: 0; }
#head.fixed .rmodules .topmenu {
	top: 60px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#head .rmodules .res-menu {
	visibility: visible;
	display: block;
	line-height: 40px;
	width: 40px;
	text-align: center;
	background: #222222;
	color: #FFFFFF;
	font-size: 24px;
	margin: 20px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#head.fixed .rmodules .res-menu {
	margin: 10px 0;
}
#head .rmodules .topmenu {
	display: none;
}
#head .rmodules .res-menu:hover {
	background: #ffba00;
}

#introtxt .container { width: 460px; }

#servicesmodule #service { width: 449px; margin: 0 15px 42px 15px; }
#servicesmodule .textblock { width: 380px; }

#bloglatest .bloglatestitems { width: 480px; }
#bloglatest .bloglatestitems li { width: 360px; padding: 0 60px 40px 60px; }
#bloglatest .bloglatestitems li img { width: 360px; }

#footer .footermenu {
	visibility: hidden;
	display: none;
}

#head .rmodules .topmenu ul li ul {
	position: inherit;
	border: none;
	display: none;
}
#head .rmodules .topmenu ul li:hover ul { display: block; }
#head .rmodules .topmenu ul li ul li a { color: #222; }

.headline .hlbox { background-size: auto 100%; }
#contentbox .cols { 
	overflow: auto;
	display: block;
	margin: 0 15px 
}
#contentbox .cols .cols3 {
	float: none;
	margin: 0 0 15px 0;
	width: 100%;
}
.rl_tabs > ul.nav-tabs > li > a span { visibility: hidden; display: none; }
.rl_tabs > ul.nav-tabs > li > a:before { font-size: 38px; }

.blog .item .created, .blog .item .createdby, .blog .item .category-name, .blog .item .hits { margin-right: 10px; }
.blog .item h2 { font-size: 18px; }

.blog-item-page, .blog-item-page .contents { width: 100%; }
	#contacts { padding: 0; }
#contacts li {
	float: none;
	width: 100%;
	text-align: center;
	box-sizing:  border-box;
	border: none;
	border-bottom: 1px solid #f3f3f3;
}

#contentbox .cols .cols2 { width: 100%; margin: 0; text-align: center;}
#contentbox .cols .cols2 h3 { text-align: center; height: auto;}
#contentbox .cols .cols2 .subtitle { margin-bottom: 16px; text-align: center; }

	
	

}



@media (max-width: 496px) {
	
.container, .blog-container { width: 90%; }

#head .logo a { margin: 25px 0 25px 10px; }
#head .rmodules .res-menu { margin: 20px 10px 20px 0; }
#head.fixed .logo a { margin: 15px 0 125px 10px; }
#head.fixed .rmodules .res-menu { margin: 10px 10px 10px 0; }

#introtxt .container { width: 90%; }

#servicesmodule #service {
	width: 90%;
	text-align: center;
	margin-bottom: 0;
	padding: 30px 0;
	border-bottom: 1px solid #f3f3f3;
}
#servicesmodule #service:last-child { border-bottom: none; }
#servicesmodule #service:nth-child(3n) { margin-bottom: 0; }
#servicesmodule #service i {
	float: none;
	margin: 0;
}
#servicesmodule .textblock {
	float: none;
	width: 100%;
}
h2 span {
	margin: 0 auto -2px auto;
}

#bloglatest .bloglatestitems { width: 100%; }
#bloglatest .bloglatestitems li { width: 100%; padding: 0 0 40px 0; }
#bloglatest .bloglatestitems li img { width: 100%; }
#bloglatest .container {
	padding: 30px 0;
}

#homevideo { visibility: hidden; display: none; }

#inquiry h3 { font-size: 17px; }

#inquiry_content { padding: 5px 25px 15px 25px; }
#Name, #Email, #Phone, #Message { width: 200px !important; }

#clientlogos { visibility: hidden; display:  none; }

#footer .footerservices {
	visibility: hidden;
	display: none;
}

#footer .contactdata {
	float: none;
	width: 200px;
	margin: 0 55px;
}

.headline .hlcontent h1 {  text-align: center; font-size: 28px; }
.headline .short-intro {  text-align: center; }
.headline .hlcontent { padding: 35px 0 55px 0; }

.blog, .rightmodules, .blog-item-page {
	width: 92%;
	margin: 0 4%;
	padding: 20px 0;
}
.blog .item h2 { font-size: 16px; }
.blog .item .details {
	visibility: hidden;
	display: none;
}
.blog .item {
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.blog .readmore, #pathway {
	visibility: hidden;
	display: none;
}
.blog-item-page .datecreated { top: 40px; left: 20px; }
#contacts { line-height: 64px; }
#contacts li { font-size: 13px; }
#contacts li i { font-size: 15px; }
.contacts #userForm { margin: 0 auto; width: 100%; }
.contacts .formBody { float:  none; width: 100%; }
#Name, #Email, #Phone, #Message { width: 100% !important; }
.contacts #Name, .contacts #Family, .contacts #Email, .contacts #Website, .contacts #Phone, .contacts #Message { margin: 4px 0; }

.advertslist li { text-align: center; margin-bottom: 50px !important; }
.advertslist li:last-child { margin-bottom: 0 !important; }
.advertslist li:after { visibility: hidden !important; display: none !important; }
.advertslist li:before { float: none !important; margin: 0 auto 30px auto !important; }
.advertslist li:nth-child(6)::before { margin-bottom: 30px !important; }
.advertslist li h4 { font-size: 15px; text-align: center; }

.project-container .page-header h1 { margin: 0; background: #fff; line-height: 30px; }
.project-container .projecttitle, .project-container .socialshare {visibility: hidden; display: none; }
.project-container .pagination .previous a, .project-container .pagination .next a { font-size: 0; text-indent: -9999999999999999999; }
.project-container .pagination { margin: 0; }
	
.page-wrap { margin-bottom: -335px }
.page-wrap:after { height: 335px }
	
.headline .hlbox { background-size: 100% auto !important; }

	.projectimages #expand-image { visibility: hidden; display:  none; }


}