@media screen and (max-width: 480px) {
	.wrapper {
		width: auto;
	}
	#container {margin-top: 0px!important;}
	#header .wrapper {
		padding-top: 20px;
	}
	.page #header .logo , #header .logo {
		width: 300px;
		float: none;
		margin: 0px auto;
		background-size: 100% auto;
	}	
	#header .top-right {
		float: none;
		width: auto;
	}
	#header .top-right .top-nav {
		background: none;
		display: none;
		width: 100%;
		margin-top: 0px;
	}
	#header img.top-bar {display: none;}
	.header-icon-contact {
		display: none;
	}
	#toggle-menu {
		display: block;
	}
	#header .top-right ul#menu-menu-1 li {
		float: none;
		display: block;
		background: none;
		border-bottom: 1px solid #555;
	}	
	#header .top-right ul#menu-menu-1 li a {
		text-transform: uppercase;
		font-size: 13px;
		line-height: 30px;
		height: auto;
		margin-top: 0px;
	}	
	#header .top-right ul#menu-menu-1 li a:hover, #header .top-right ul#menu-menu-1 li.current-menu-item a {
		background: none;
		height: auto!important;
		line-height: 30px;
		margin-top: 0px;
		display: block;
	}
	#header .top-right .top-nav {
		position: absolute;
		left: 0px;
		width: 100%;
		background: rgba(47, 47, 47, 0.9);
	}
	#header .top-right ul#menu-menu-1 li:first-child {margin: 0px!important;}
	#slide {
		margin-top: 0px;
		height: auto;
	}
	#slide img.slide-side1, #slide img.slide-side2, #slide img.slide-side6, #slide img.slide-side7{display: none;}
	.main-slide {
		height: auto;
		width: 100%;
		background: #939290 url("../images/bg-slide.png") no-repeat scroll -1px 19px / 100% auto;
		position: static;
	}
	.bottom-content-shadow {
		top: -15px;
	}
	.four-col-title {display: none;}
	.four-col-content .col-absolute1, .four-col-content .col-absolute2, .four-col-content .col-absolute3, .four-col-content .col-absolute4 {
		position: static;
		margin: 0px auto 15px;
		padding-top: 10px;
		position: static;
		width: auto;
	}
	#bottom-content {
		background: #000;
	}
	.col-absolute1 .col-background, .col-absolute3 .col-background, .col-absolute2 .col-background, .col-absolute4 .col-background {
		background: none;
	}
	.mid-content {
		height: auto;
	}
	.four-col-content .col {
		height: auto;
	}
	.four-col-content .col img, .four-col-content .col p, .four-col-content .col a {
		position: static;
		margin: 0 auto!important;
		display: block;
	}
	.four-col-content .col p {
		width: auto;
		text-align: justify;
		padding: 0 0 10px;
	}
	.four-col-content .col {
		width: auto;
		padding: 10px 20px;
	}
	.four-col-content .col h1 {
		display: block;
		text-align: center;
		color: white;
		font-family: "Titillium Web",sans-serif;
		text-transform: uppercase;
		font-size: 20px;
		margin-top: 10px;
	}
	#client-test, .footer-top .site-map{
		display: none;		
	}
	.footer-top .contact-us, .footer-top .servicing {
		float: none;
		width: auto;
		padding: 10px 20px;
	}
	.footer-top .servicing .google {
		float: 	none;
		width: 100%;
	}
	#footer-extra {
		padding: 0 20px;
	}
	#footer {
		margin: 0px;
		border-top: 1px solid #333;
	}
	.page .page-content {
		padding: 0 20px;
		line-height: 18px;
		font-family: "Titillium Web",sans-serif;
		font-size: 13px;
		font-weight: normal;
		text-align: justify;
	}
	.page #header .shadow-page {
		width: auto;
	}
	.page .title-page {
		margin: -6px auto 0px;
	}
	.page #bottom-content {
		margin-top: 0px;
	}
	.page .four-col-content .col p {
		color: white;
	}
	.page .page-content .midle-content-page-text {
		padding: 10px 15px;
		font-size: 13px;
	}
	.contact-left, .contact-right {
		float: none;
		width: auto;
	}
	.four-col-content .col-3 img {
		width: auto;
	}
	.page #bottom-content{display:none;}
	.list-service img{margin:15px; width:40%; height:auto;}
	.list-service p, .list-service h3{padding:0;}
}

@media screen and (min-width: 481px) and (max-width: 767px) {
	.wrapper {
		width: auto;
	}
	#container {margin-top: 0px!important;}
	#header .wrapper {
		padding-top: 20px;
	}
	.page #header .logo , #header .logo {
		width: 300px;
		float: none;
		margin: 0px auto;
		background-size: 100% auto;
	}	
	#header .top-right {
		float: none;
		width: auto;
	}
	#header .top-right .top-nav {
		background: none;
		display: none;
		width: 100%;
		margin-top: 0px;
	}
	#header img.top-bar {display: none;}
	.header-icon-contact {
		display: none;
	}
	#toggle-menu {
		display: block;
	}
	#header .top-right ul#menu-menu-1 li {
		float: none;
		display: block;
		background: none;
		border-bottom: 1px solid #555;
	}	
	#header .top-right ul#menu-menu-1 li a {
		text-transform: uppercase;
		font-size: 13px;
		line-height: 30px;
		height: auto;
		margin-top: 0px;
	}	
	#header .top-right ul#menu-menu-1 li a:hover, #header .top-right ul#menu-menu-1 li.current-menu-item a {
		background: none;
		height: auto!important;
		line-height: 30px;
		margin-top: 0px;
		display: block;
	}
	#header .top-right .top-nav {
		position: absolute;
		left: 0px;
		width: 100%;
		background: rgba(47, 47, 47, 0.9);
	}
	#header .top-right ul#menu-menu-1 li:first-child {margin: 0px!important;}
	#slide {
		margin-top: 0px;
		height: auto;
	}
	#slide img.slide-side1, #slide img.slide-side2, #slide img.slide-side6, #slide img.slide-side7{display: none;}
	.main-slide {
		height: auto;
		width: 100%;
		background: #939290 url("../images/bg-slide.png") no-repeat scroll -1px 30px / 100% auto;
		position: static;
	}
	.bottom-content-shadow {
		top: -25px;
	}
	.four-col-title {display: none;}
	.four-col-content .col-absolute1, .four-col-content .col-absolute2, .four-col-content .col-absolute3, .four-col-content .col-absolute4 {
		position: static;
		margin: 0px auto 15px;
		padding-top: 10px;
		position: static;
		width: 50%;
		float: left;
		min-height: 350px;
	}
	.four-col-content .col-3 img {
		width: auto;
		max-width: 100%;
	}
	#bottom-content {
		background: #000;
	}
	.col-absolute1 .col-background, .col-absolute3 .col-background, .col-absolute2 .col-background, .col-absolute4 .col-background {
		background: none;
	}
	.mid-content {
		height: auto;
	}
	.four-col-content .col {
		height: auto;
	}
	.four-col-content .col img, .four-col-content .col p, .four-col-content .col a {
		position: static;
		margin: 0 auto!important;
		display: block;
	}
	.four-col-content .col p {
		width: auto;
		text-align: justify;
		padding: 0 0 10px;
	}
	.four-col-content .col {
		width: auto;
		padding: 10px 20px;
	}
	.four-col-content .col h1 {
		display: block;
		text-align: center;
		color: white;
		font-family: "Titillium Web",sans-serif;
		text-transform: uppercase;
		font-size: 20px;
		margin-top: 10px;
	}
	#client-test, .footer-top .site-map{
		display: none;		
	}
	.footer-top .servicing, .footer-top .contact-us {
		width: 50%;
		float: left;
	}
	.footer-top .servicing .google {
		float: 	none;
		width: 100%;
	}
	#footer {
		margin: 0px;
		border-top: 1px solid #333;
		padding: 0 20px;
		width: auto;
	}
	.page .page-content {
		padding: 0 20px;
		line-height: 18px;
		font-family: "Titillium Web",sans-serif;
		font-size: 13px;
		font-weight: normal;
		text-align: justify;
	}
	.page #header .shadow-page {
		width: auto;
	}
	.page .title-page {
		margin: -6px auto 0px;
	}
	.page #bottom-content {
		margin-top: 0px;
	}
	.page .four-col-content .col p {
		color: white;
	}
	.page .page-content .midle-content-page-text {
		padding: 10px 15px;
		font-size: 13px;
	}
	.contact-left, .contact-right {
		float: none;
		width: auto;
	}
	.four-col-content .col a {
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -65px!important;
	}
	.four-col-content .col {
		min-height: 300px;
		position: relative;
	}
	.four-col-content .col-2 img {
		margin-bottom: 37px!important;
	}
	.four-col-content .col-3 img {
		width: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	.wrapper {
		width: auto;
	}
	#container {margin-top: 0px!important;}
	#header .wrapper {
		padding-top: 20px;
	}
	.page #header .logo , #header .logo {
		width: 300px;
		float: none;
		margin: 0px auto 0px;
		background-size: 100% auto;
	}
	.page #header .logo {
		margin-bottom: 25px;
	}
	#header .top-right {
		float: none;
		width: auto;
	}
	#header .top-right .top-nav {
		background-size: 100% auto;
		margin-top: 0px;
		background-position: top left;
	}
	#header .top-right img {margin: 0px;}
	#header .top-right {padding: 0 20px;}
	#slide {
		margin-top: 0px;
		height: auto;
	}
	#slide img.slide-side1, #slide img.slide-side2, #slide img.slide-side6, #slide img.slide-side7{display: none;}
	.main-slide {
		height: auto;
		width: 100%;
		background: #939290 url("../images/bg-slide.png") no-repeat scroll -1px 30px / 100% auto;
		position: static;
	}
	.bottom-content-shadow {
		top: -25px;
	}
	.four-col-title {display: none;}
	.four-col-content .col-absolute1, .four-col-content .col-absolute2, .four-col-content .col-absolute3, .four-col-content .col-absolute4 {
		position: static;
		margin: 0px auto 15px;
		padding-top: 10px;
		position: static;
		width: 50%;
		float: left;
		min-height: 350px;
	}
	.four-col-content .col-3 img {
		width: auto;
		max-width: 100%;
	}
	#bottom-content {
		background: #000;
	}
	.col-absolute1 .col-background, .col-absolute3 .col-background, .col-absolute2 .col-background, .col-absolute4 .col-background {
		background: none;
	}
	.mid-content {
		height: auto;
	}
	.four-col-content .col {
		height: auto;
	}
	.four-col-content .col img, .four-col-content .col p, .four-col-content .col a {
		position: static;
		margin: 0 auto!important;
		display: block;
	}
	.four-col-content .col p {
		width: auto;
		text-align: justify;
		padding: 0 0 10px;
	}
	.four-col-content .col {
		width: auto;
		padding: 10px 20px;
	}
	.four-col-content .col h1 {
		display: block;
		text-align: center;
		color: white;
		font-family: "Titillium Web",sans-serif;
		text-transform: uppercase;
		font-size: 20px;
		margin-top: 10px;
	}
	#client-test, .footer-top .site-map{
		display: none;		
	}
	.footer-top .servicing, .footer-top .contact-us {
		width: 50%;
		float: left;
	}
	.footer-top .servicing .google {
		float: 	none;
		width: 100%;
	}
	#footer {
		margin: 0px;
		border-top: 1px solid #333;
		padding: 0 20px;
		width: auto;
	}
	.page .page-content {
		padding: 0 20px;
		line-height: 18px;
		font-family: "Titillium Web",sans-serif;
		font-size: 13px;
		font-weight: normal;
		text-align: justify;
	}
	.page #header .shadow-page {
		width: auto;
	}
	.page .title-page {
		margin: -6px auto 0px;
	}
	.page #bottom-content {
		margin-top: 0px;
	}
	.page .four-col-content .col p {
		color: white;
	}
	.page .page-content .midle-content-page-text {
		padding: 10px 15px;
		font-size: 13px;
	}
	.four-col-content .col a {
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -65px!important;
	}
	.four-col-content .col {
		min-height: 300px;
		position: relative;
	}
	.four-col-content .col-2 img {
		margin-bottom: 37px!important;
	}
	.four-col-content .col-3 img {
		width: auto;
	}
}

@media screen and (min-width: 969px) and (max-width: 1024px) {
	#client-test {display: none;}
	#slide img.slide-side2 {
		right: -30px;
	}
	#slide img.slide-side1 {
		left: -30px;
	}
	.bottom-content-shadow {
		top: 43px;
	}
}