@media only screen and (max-width:1280px) {
#servicewrapper .wrapper { padding:0 36px;  }
}



@media only screen and (max-width:1024px) {
.logo { position:absolute; width:180px; left:408px; }
.logo .swf { display:none; }
.logo .image { display:block; }
#navigation ul li { margin-left:40px; }
.flexslider .slides img { height:50%; }
.flex-control-nav { bottom:17px!important; }
#servicewrapper .wrapper { padding:0 38px;  }
.perspex-thumb { width:30%; margin:0 6px 10px 6px; }
}


@media only screen and (max-width:980px) {
.logo { position:absolute; width:170px; left:389px; }
#navigation ul li { margin-left:35px; }
#servicewrapper .wrapper { padding:0 36px;  }
.footerleft { float:left; width:100%; text-align:center; }
.footerleft ul { text-align:center; }
.footerleft ul li { float:none; padding:0 15px 0 20px; display:inline-block; }
.footerleft ul li:first-child {padding:0 15px 0 20px;  background:url('../images/square-red.jpg') left no-repeat; }
.copyright { width:100%; }
.footerright { right:auto; top:auto; position:relative; float:left; width:100%; text-align:center; margin-top:20px; }
.footerright img { display:inline-block; }
.centre-img-1 {  width:45%; }
}


@media only screen and (max-width:900px) {
.logo { position:absolute; width:160px; left:349px; }
#navigation ul li { margin-left:22px; }
#navigation ul li a { font-size:15px; }
#navigation ul li ul li a { font-size:13px; }
#leftpart { width:65%; float:left; }
#rightpart { width:33%; float:right; }
h4 { font-size:34px; line-height:34px; font-weight:300; color:#fc4848; padding:12px 0 12px 20px; }
.flex-control-nav { bottom:14px!important; }

}


@media only screen and (max-width:800px) {
.logo { position:absolute; width:150px; padding:7px; left:306px; }
#navigation ul li { margin-left:20px; }
#navigation ul li a { font-size:14px; }
.email { padding:0 0 0 0; }
.call { padding:0 0 0 0; }
.menu1 { margin:0 0 0 0; }
.menu2 { margin:0 0 0 0; }
#servicewrapper .wrapper { padding:0 35px;  }
h1 { font-size:34px; line-height:36px; margin-bottom:20px; }
h2 { font-size:36px; line-height:36px; margin-bottom:20px; }
.footerleft ul li { padding:0 10px 0 15px; }
.footerleft ul li:first-child { padding:0 10px 0 15px; }
.middle-bg { padding-bottom:20px; margin-bottom:-20px; }
.contactleft { width:40%; }
.map { width:56%; }
.flex-control-nav { bottom:11px!important; }
.centre-img-1 {  width:44%; }
.location {width:56%; }
}


@media only screen and (max-width:768px) {
.logo { position:absolute; width:150px; padding:7px; left:290px; }
#navigation ul li { margin-left:20px; }
#navigation ul li a { font-size:14px; }
.flex-control-nav { bottom:10px!important; }
}


@media only screen and (max-width:667px) {
#navigation { display:none; }
.header { width:100%; float:left; border-bottom:0; padding:14px 0 10px 0; background:#ffffff; margin-bottom:12px; }
.logo { position:relative; width:100px; padding:0; left:0; float:left; border:0 }
.email { float:right; clear:right; color:#333333; margin:40px 0 10px 0; }
.call { float:right; clear:right; color:#333333; }
.header a { color:#333333; }
#servicewrapper { padding:20px 0; }
#footerwrapper { padding:20px 0; }
.footerleft ul li { padding:0 10px 0 15px; float:left; width:25%; text-align:left; margin-bottom:5px; }
.footerleft ul li:first-child { float:left; padding:0 10px 0 15px; }
.copyright { border-top:1px solid #555555; margin-top:15px; }

#leftpart { width:100%; float:left; }
#rightpart { width:100%; float:left; }
.thumb1 li {  margin:0 0 20px 4%; }
h4 { font-size:30px; line-height:30px; font-weight:300; color:#fc4848; padding:10px 0 10px 20px; }
.middle-content { padding-top:20px; }
.centre-img { margin-bottom:20px; }

.contactleft { width:100%; margin-bottom:20px; }
.address { height:auto; }
.map { width:100%; margin-bottom:20px; }
.map iframe { height:250px; }

#blogright { margin-bottom:0px; }
.blog { margin-bottom:0px; }
.middle-bg { margin-bottom:-10px; padding-bottom:15px; }
.flex-control-nav { bottom:7px!important; }
}


@media only screen and (max-width:640px) {
.topnav {width:300px; display:block; position:absolute; right:13px;  }
.footerleft ul li { width:33%; }
a.m-btn { background:url(../images/menu-bg.png) left top no-repeat; width:30px; height:20px; float:right; margin:5px 0 0 0; padding:0px !important; text-indent:-9999em;}
ul.topnav {	padding: 0; margin:10px -3px 0 0;  font-size:14px; line-height:0.5em; list-style: none; display:block; }
ul.topnav li { list-style:none;  position:relative; }
ul.topnav li a { line-height:10px;	font-size:1px; padding: 10px 20px; color: #fff; display: block; text-align:left;}
ul.topnav li a:hover {}
ul.topnav ul { background:#333333; display: none; margin:0; padding: 0; position: absolute; top:30px; width:100%; right:0;  margin:0 auto; z-index:99999; border:1px solid #535252; border-top:0px;}
ul.topnav ul li {margin: 0; padding: 0;	clear: both; border-top:1px solid #535252;}
ul.topnav ul li a {	padding-left:15px;	font-size: 14px; outline:0;}
ul.topnav ul li a:hover {background:#fc4848; color:#fff;}
.menu .current_page_item {background:#fc4848; color:#fff;}

ul.topnav ul ul { position:relative; top:0; border:0;}
ul.topnav ul ul li{ background:#333333; }
ul.topnav ul ul li a {padding-left: 25px; color:#fff; font-weight:normal!important;}
ul.topnav ul ul ul li a {padding-left:50px;	color:#fff;	font-weight:normal!important;}
ul.topnav ul ul ul li a:hover {	padding-left:50px;color:#fff;}
ul.topnav ul ul ul ul li a {padding-left:66px;	color:#fff;}
ul.topnav ul ul ul ul li a:hover {	padding-left:66px; color:#fff;}
ul.topnav ul ul li a:hover {background:#fc4848; color:#fff;}
ul.topnav span{	float:right; font-size:16px; margin:0 -13px 0 0; }
ul.topnav span { width:30px; height:27px; float:right; font-size:16px; margin:0; position: absolute; right:5px; top:2px; cursor:pointer; padding:10px 5px 0; color:#fff;}


#servicewrapper .wrapper { padding:0 36px;  }
.flexslider .slides img { border:1px solid #d5d5d5; border-radius:0px; }
#middlewrapper { padding:3px 0 0 0; }
.flex-control-nav { width:auto!important; bottom:45px!important; right:12px!important; }
.flex-control-paging li a { height:13px!important; width:13px!important; border:1px solid #ffffff;  }
#rightpart { padding:0; }
.centre-img-1 { margin:0 13px 15px 13px; }
.centre-img { margin-bottom:0px; }
.centre-img-1 { margin:0 10px 15px; width:45%; }
.location { width:100%;}
}


@media only screen and (max-width:600px) {
p { margin:0 0 15px 0; font-size:14px; line-height:22px; }
.address { font-size:14px; }
.address p { margin:0 0 15px 0;font-size:14px; line-height:24px;}
.address p .title { font-size:18px; }
.flex-control-nav { bottom:41px!important; }
}


@media only screen and (max-width:480px) {
h1 { font-size:30px; line-height:34px; margin-bottom:10px; }
h2 { font-size:30px; line-height:34px; margin-bottom:10px; }
h3 { font-size:16px; margin-bottom:10px; }
.footerleft ul li { width:50%; }
.middle-bg { margin-bottom:-10px; padding-bottom:5px; }
.map { width:100%; margin-bottom:25px; }
.blogtitle { width:100%; float:left; margin-bottom:15px;padding-right:44px; font-size:14px; }
.blogtitle a { font-size:18px; margin-bottom:15px; }
.blogtitle a.arrow { width:34px; }
.flex-control-nav { bottom:31px!important; }
.centre-img-1 { width:85%; }
}


@media only screen and (max-width:375px) {
.flex-control-nav { bottom:23px!important; }
.middle-bg { padding-bottom:0px; }
.perspex-thumb { width:28%; }
}


@media only screen and (max-width:360px) {
.logo { position:relative; width:80px; padding:0; left:0; float:left; border:0 }
.email { font-size:14px; margin:40px 0 6px 0; }
.call { font-size:14px; }
.header a { font-size:14px; }
h1 { font-size:24px; line-height:30px; margin-bottom:10px; }
h2 { font-size:24px; line-height:30px; margin-bottom:10px; }
.copyright span { display:block; line-height:25px; }
.flex-control-nav { bottom:22px!important; }
}


@media only screen and (max-width:320px) {
.flex-control-nav { bottom:19px!important; }
}