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

	.video-box video {
	width: 100% !important;
	height:200px;
	padding:0 5px 0 5px;
	float:left;
	margin:10px 0 0 0;
}


	body { background:none !important;}
	#container{ width:100%;   padding: 0 10px; box-sizing: border-box;}
	#header{ width:100%;}
	#menu {  width: 100%;}
	#menu .mright { display:none;}
	#menu li { background:none;}
	#menu li a { margin:0;   padding: 10px 8px;}
	#menu li a.active { margin:0; padding: 10px 8px;}
	#menu li a:hover { margin:0; padding: 10px 8px;}
	#banner { width: 100%;}
	#banner img { width: 100% !important; height:auto !important;}
	#content { width:100%;  box-sizing: border-box;}
	#content .con1 { width:100%;}
	#content .contentri { width:100%;}
	#content .contentle { width:100%;}
	.contentri .latestwork { margin: 10px 0 0 25px !important ; width: 45%;} 
	.contentri .newbox {width: 45%; } 
	.contentri #newbox { margin-left:20px !important;}
	#footer { padding: 0 10px; box-sizing: border-box;}
	#footer .page { width:100%;}
	#content .con3 { width:100% !important ;}
	#bannerinner { width:100%;}
	#bannerinner img { width: 100% !important; height:auto !important;}
	#content .con3 h1 br { display:none;}
	span.image-caption { top:-21px !important; left:1px !important; margin:0;}
	div.slideshow span.image-wrapper { width:100%;}
	div.slideshow a.advance-link { width:100% !important;}
	div.slideshow img { width:100% !important; height: 350px;}
	div.navigation { top:-15px;}
	
	#contactform01 #label_Experience { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_equ { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_fname { margin:0 !important; box-sizing: border-box !important;}
	
	#contactform #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_mobile { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_fname { margin:0 !important; box-sizing: border-box !important;}
	span.image-caption {
  top: -65px !important;}
  
  
  #banner #jslidernews2 img { width:auto !important; height:auto !important;}
.lof-slidecontent { width:100% !important; overflow:inherit !important; }
#jslidernews2 { width:100% !important; height:600px !important; }
.main-slider-content { width:100% !important;}
.sliders-wrapper { width:100% !important; }
#jslidernews2 { overflow:inherit !important;}
.lof-slidecontent .navigator-content { top:308px; }
#jslidernews2 { width:99% !important; padding:0px !important; } 
.lof-slidecontent .navigator-content {
  top: 294px;
  left: -8px;
}
video { width:45% !important;} 

.lof-slidecontent .navigator-content { width:100% !important; box-sizing:border-box; }
.lof-slidecontent .navigator-wrapper { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li.active { width:100% !important; box-sizing:border-box; } 
.lof-slidecontent .navigator-wrapper {margin:14px 0px !important; }
	
}


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


.video-box video {
	width: 100% !important;
	height:200px;
	padding:0 5px 0 5px;
	float:left;
	margin:10px 0 0 0;
}


body { background:none !important;}
	#container{ width:100%;}
	#header{ width:100%;}
	#header .logo {
		  width: 100%;
		  float: left;
		  padding: 0 10px 10px 10px;
		  box-sizing: border-box;
		  text-align:center;
	}
	#header .logo img { width:85%; text-align:center;}
	#header .lefthead {
		width: 100%;
	 	float: none; 
  		padding: 0;
	}
	#social { width:100%; float: left; text-align: center;}
	.brochure {
		  float: left;
		  width: 100%;
		  text-align: center;
		  padding: 0 10px;
		  box-sizing: border-box;
	}
	.brochure img { width:75%;}
	.social {
		  float: none; 
		  padding: 10px 5px;
		  width: 7%;
	}
	#phonenumber {
	  margin: 0;
	  width: 100%;
	  box-sizing: border-box;
	  text-align: center;
	}
	.phone { float: none;}
	#menu {  width: 100%;}
	#menu .mright { display:none;}
	#menu ul { width:100%; box-sizing:border-box;}
	#menu ul li { width:100%; background:none;  box-sizing:border-box;}
	#menu li a {  width:100%; box-sizing:border-box; margin:0;}
	#menu li a.active { margin:0;}
	#menu li a:hover { margin:0;}
	#banner { width: 100%;}
	#banner img { width: 100% !important; height:auto !important;}
	#content { width:100%; padding: 0 10px 10px; box-sizing: border-box;}
	#content .contentle { width: 100%;}
	#content .con1 { width: 100%;}
	#content .con3 { width: 100%;}
	#content p { line-height: 18px;}
	#content .contentri { width: 100%;}
	.contentri .newbox{ width:100%; box-sizing:border-box; }
	div#wn1 { width:92% !important;}
	.contentri .latestwork {  width:100%; box-sizing:border-box; }
	#footer { width: 100%;   background: none; background-color: #1A63A5;}
	#footer .page { width: 100%; padding:10px 0 0; background-color: #1A63A5;}
	#footer p { text-align:center;   padding-bottom: 10px; float:none !important;}
	.lwork table { width:100% !important;}
	.lwork table tbody { width:100% !important;}
/*	.lwork table tbody tr td.latest-work-tab { width:100% !important;}*/
	.lwork table tbody tr td .lasterworkimg { width:100% !important;}
	.lwork table tbody tr td .lasterworkimg img {  float:left !important; width:100% !important; height:auto !important;}
	#bannerinner { width:100%;}
	#bannerinner img { width: 100% !important; height:auto !important;}
	#content .con3 h1 br { display:none;}
	#content .con3 h5 { text-align:left;}
	
	#bullpoint01 li {  width: 100%;}
	#contactform01 input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform01 textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform01 select { margin:0 !important;}
	#contactform01 #file  { margin:0 !important;}
	span#label_message { width: 100% !important; margin:0;  box-sizing:border-box;}
	#contactform01 li.buttons input { margin:0 !important;}
	#content .con3 li {  width: 100% !important; box-sizing: border-box !important;}
	#map {  width:100%; box-sizing:border-box; }
	#map iframe {  width: 100% !important;}
	#contactform label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform select { margin:0 !important;}
	#contactform li.buttons input { margin:0 !important;}
	#contactform input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	
	span.image-caption { top:-21px !important; left:1px !important; margin:0;}
	div.slideshow span.image-wrapper { width:100%;}
	div.slideshow a.advance-link { width:100% !important;}
	div.slideshow img { width:100% !important; height: 350px;}
	div.navigation { top:-15px;}
	div.navigation-container { margin: 30px 0 0 !important;}
	ul.thumbs { top:350px;}
	div.navigation a.pageLink { top:350px;}
	
	#contactform01 #label_Experience { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_equ { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_fname { margin:0 !important; box-sizing: border-box !important;}
	
	#contactform #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_mobile { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_fname { margin:0 !important; box-sizing: border-box !important;}
		div.navigation-container {
  float: left;
   left: 0% !important; 
   margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
}
div.navigation { left:0% !important;}
ul.thumbs { position:static;}
#content .con3 li {
  width: 19% !important;
  box-sizing: border-box !important;
}
ul.thumbs {
  top: 0px;
}
div.navigation a.pageLink {
  height: 23px;
  line-height: normal;
}
div.navigation a.pageLink {
  top: 0px;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: 0;
  right: 0;
	
}
div.slideshow-container {
  position: relative;
  clear: both;
  float: left;
  height: 410px;
  margin: 0;
  width: 100%;
  z-index: 1;
  margin-top: -35px;
}
div.caption-container { margin-top:10px;}
div.slideshow img {
  width: 100% !important;
  height: 220px;
}

div.slideshow-container {
  height: 279px;
  }
  
  div.slideshow-container{ z-index:0;}
  div.slideshow-container { margin-top:-48px !important;}
  span.image-caption {
  top: -65px !important;}
  div.navigation a.pageLink {
  top: 3px;
}
div.navigation a.prev {   background-image: url(../images/prevPageArrowWhite.png);
float: right;
  position: absolute;
  top: -22px;
  right: 30px;}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
	
}
ul.thumbs {
  top: 8px;
  position:relative;
}
div.navigation-container { width:100%;}
div.navigation {
  width: 100%;
}
ul.thumbs {
  width: 100%;
}
#content .con3 li {
  width: auto !important;
  }
  #content .con3 #contactform ol li { width:100% !important;}
#banner #jslidernews2 img { width:auto !important; height:auto !important;}
.lof-slidecontent { width:100% !important; overflow:inherit !important; }
#jslidernews2 { width:100% !important; height:600px !important; }
.main-slider-content { width:100% !important;}
.sliders-wrapper { width:100% !important; }
#jslidernews2 { overflow:inherit !important;}
.lof-slidecontent .navigator-content { top:308px; }
#jslidernews2 { width:99% !important; padding:0px !important; } 
.lof-slidecontent .navigator-content {
  top: 294px;
  left: -8px;
}
video { width:100% !important;} 

.lof-slidecontent .navigator-content { width:100% !important; box-sizing:border-box; }
.lof-slidecontent .navigator-wrapper { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li.active { width:100% !important; box-sizing:border-box; } 
.lof-slidecontent .navigator-wrapper {margin:14px 0px !important; }
.mleft { display:none; }
.mright { display:none; }
ul.desktop-menu { display:none; }
.mobilemenu { display:block; } 
#menu li a:hover { border-top:1px solid rgba(255, 255, 255, 0.5); }

div.slideshow span.image-wrapper {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
}
#content .contentri {
  width: 100%;
  margin-top: 111px;
}
div.navigation a.prev {
  background-image: url(../images/prevPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  left: 0;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
}
.contentri .newbox {
  width: 100%;
  }
  span.image-caption {
  top: -104px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 342px !important;
}
div.slideshow-container {
  margin-top: -118px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 276px !important;
}

div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 221px !important;
}
#content .contentri {
  width: 100%;
  margin-top: 54px;
} 
}

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

.video-box video {
	width: 100% !important;
	height:200px;
	padding:0 5px 0 5px;
	float:left;
	margin:10px 0 0 0;
}


body { background:none !important;}
	#container{ width:100%;}
	#header{ width:100%;}
	#header .logo {
		  width: 100%;
		  float: left;
		  padding: 0 10px 10px 10px;
		  box-sizing: border-box;
		  text-align:center;
	}
	#header .logo img { width:90%; text-align:center;}
	#header .lefthead {
		width: 100%;
	 	float: none; 
  		padding: 0;
	}
	#social { width:100%; float: left; text-align: center;}
	.brochure {
		  float: left;
		  width: 100%;
		  text-align: center;
		  padding: 0 10px;
		  box-sizing: border-box;
	}
	.brochure img { width:80%;}
	.social {
		  float: none; 
		  padding: 10px 5px;
		  width: 10%;
	}
	#phonenumber {
	  margin: 0;
	  width: 100%;
	  box-sizing: border-box;
	  text-align: center;
	}
	.phone { float: none;}
	#menu {  width: 100%;}
	#menu .mright { display:none;}
	#menu ul { width:100%; box-sizing:border-box;}
	#menu ul li { width:100%; background:none;  box-sizing:border-box;}
	#menu li a {  width:100%; box-sizing:border-box; margin:0;}
	#menu li a.active { margin:0;}
	#menu li a:hover { margin:0;}
	#banner { width: 100%;}
	#banner img { width: 100% !important; height:auto !important;}
	#content { width:100%; padding: 0 10px 10px; box-sizing: border-box;}
	#content .contentle { width: 100%;}
	#content .con1 { width: 100%;}
	#content .con3 { width: 100%;}
	#content p { line-height: 18px;}
	#content .contentri { width: 100%;}
	.contentri .newbox{ width:100%; box-sizing:border-box; }
	div#wn1 { width:96% !important;}
	.contentri .latestwork {  width:100%; box-sizing:border-box; }
	#footer { width: 100%;   background: none; background-color: #1A63A5;}
	#footer .page { width: 100%; padding:10px 0 0; background-color: #1A63A5;}
	#footer p { text-align:center;   padding-bottom: 10px; float:none !important;}
	.lwork table { width:100% !important;}
	.lwork table tbody { width:100% !important;}
/*	.lwork table tbody tr td.latest-work-tab { width:100% !important;}*/
	.lwork table tbody tr td .lasterworkimg { width:100% !important;}
	.lwork table tbody tr td .lasterworkimg img {  float:left !important; width:100% !important; height:auto !important;}
	#bannerinner { width:100%;}
	#bannerinner img { width: 100% !important; height:auto !important;}
	#content .con3 h1 br { display:none;}
	#content .con3 h5 { text-align:left;}
	
	#bullpoint01 li {  width: 100%;}
	#contactform01 input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform01 textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform01 select { margin:0 !important;}
	#contactform01 #file  { margin:0 !important;}
	span#label_message { width: 100% !important; margin:0;  box-sizing:border-box;}
	#contactform01 li.buttons input { margin:0 !important;}
	#content .con3 li {  width: 100% !important; box-sizing: border-box !important;}
	#map {  width:100%; box-sizing:border-box; }
	#map iframe {  width: 100% !important;}
	#contactform label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform select { margin:0 !important;}
	#contactform li.buttons input { margin:0 !important;}
	#contactform input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 #label_Experience { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_equ { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_fname { margin:0 !important; box-sizing: border-box !important;}
	
	#contactform #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_mobile { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_fname { margin:0 !important; box-sizing: border-box !important;}
		div.navigation-container {
  float: left;
   left: 0% !important; 
   margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
}
div.navigation { left:0% !important;}
ul.thumbs { position:static;}
#content .con3 li {
  width: 19% !important;
  box-sizing: border-box !important;
}
ul.thumbs {
  top: 0px;
}
div.navigation a.pageLink {
  height: 23px;
  line-height: normal;
}
div.navigation a.pageLink {
  top: 0px;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: 0;
  right: 0;
	
}
div.slideshow-container {
  position: relative;
  clear: both;
  float: left;
  height: 410px;
  margin: 0;
  width: 100%;
  z-index: 1;
  margin-top: -35px;
}
div.caption-container { margin-top:10px;}
div.slideshow img {
  width: 100% !important;
  height: 220px;
}

div.slideshow-container {
  height: 279px;
  }
  
  div.slideshow-container{ z-index:0;}
  div.slideshow-container { margin-top:-48px !important;}
  span.image-caption {
  top: -65px !important;}
  div.navigation a.pageLink {
  top: 3px;
}
div.navigation a.prev {   background-image: url(../images/prevPageArrowWhite.png);
float: right;
  position: absolute;
  top: -22px;
  right: 30px;}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
	
}
ul.thumbs {
  top: 8px;
  position:relative;
}
div.navigation-container { width:100%;}
div.navigation {
  width: 100%;
}
ul.thumbs {
  width: 100%;
}
#content .con3 li {
  width: auto !important;
  }
  #content .con3 #contactform ol li { width:100% !important;}
#banner #jslidernews2 img { width:auto !important; height:auto !important;}
.lof-slidecontent { width:100% !important; overflow:inherit !important; }
#jslidernews2 { width:100% !important; height:600px !important; }
.main-slider-content { width:100% !important;}
.sliders-wrapper { width:100% !important; }
#jslidernews2 { overflow:inherit !important;}
.lof-slidecontent .navigator-content { top:308px; }
#jslidernews2 { width:99% !important; padding:0px !important; } 
.lof-slidecontent .navigator-content {
  top: 294px;
  left: -8px;
}
video { width:97% !important;} 

.lof-slidecontent .navigator-content { width:100% !important; box-sizing:border-box; }
.lof-slidecontent .navigator-wrapper { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li.active { width:100% !important; box-sizing:border-box; } 
.lof-slidecontent .navigator-wrapper {margin:14px 0px !important; }
#menu li a:hover { border-top:1px solid rgba(255, 255, 255, 0.5); }

div.slideshow span.image-wrapper {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
}
#content .contentri {
  width: 100%;
  margin-top: 111px;
}
div.navigation a.prev {
  background-image: url(../images/prevPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  left: 0;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
}
.contentri .newbox {
  width: 100%;
  }
  span.image-caption {
  top: -104px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 342px !important;
}
div.slideshow-container {
  margin-top: -118px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 221px !important;
}
#content .contentri {
  width: 100%;
  margin-top: 54px;
}
}

@media only screen and (max-width:600px) {
body { background:none !important;}
	#container{ width:100%;}
	#header{ width:100%;}
	#header .logo {
		  width: 100%;
		  float: left;
		  padding: 0 10px 10px 10px;
		  box-sizing: border-box;
		  text-align:center;
	}
	#header .logo img { width:90%; text-align:center;}
	#header .lefthead {
		width: 100%;
	 	float: none; 
  		padding: 0;
	}
	#social { width:100%; float: left; text-align: center;}
	.brochure {
		  float: left;
		  width: 100%;
		  text-align: center;
		  padding: 0 10px;
		  box-sizing: border-box;
	}
	.brochure img { width:80%;}
	.social {
		  float: none; 
		  padding: 10px 5px;
		  width: 10%;
	}
	#phonenumber {
	  margin: 0;
	  width: 100%;
	  box-sizing: border-box;
	  text-align: center;
	}
	.phone { float: none;}
	#menu {  width: 100%;}
	#menu .mright { display:none;}
	#menu ul { width:100%; box-sizing:border-box;}
	#menu ul li { width:100%; background:none;  box-sizing:border-box;}
	#menu li a {  width:100%; box-sizing:border-box; margin:0;}
	#menu li a.active { margin:0;}
	#menu li a:hover { margin:0;}
	#banner { width: 100%;}
	#banner img { width: 100% !important; height:auto !important;}
	#content { width:100%; padding: 0 10px 10px; box-sizing: border-box;}
	#content .contentle { width: 100%;}
	#content .con1 { width: 100%;}
	#content .con3 { width: 100%;}
	#content p { line-height: 18px;}
	#content .contentri { width: 100%;}
	.contentri .newbox{ width:100%; box-sizing:border-box; }
	div#wn1 { width:96% !important;}
	.contentri .latestwork {  width:100%; box-sizing:border-box; }
	#footer { width: 100%;   background: none; background-color: #1A63A5;}
	#footer .page { width: 100%; padding:10px 0 0; background-color: #1A63A5;}
	#footer p { text-align:center;   padding-bottom: 10px; float:none !important;}
	.lwork table { width:100% !important;}
	.lwork table tbody { width:100% !important;}
/*	.lwork table tbody tr td.latest-work-tab { width:100% !important;}*/
	.lwork table tbody tr td .lasterworkimg { width:100% !important;}
	.lwork table tbody tr td .lasterworkimg img {  float:left !important; width:100% !important; height:auto !important;}
	#bannerinner { width:100%;}
	#bannerinner img { width: 100% !important; height:auto !important;}
	#content .con3 h1 br { display:none;}
	#content .con3 h5 { text-align:left;}
	
	#bullpoint01 li {  width: 100%;}
	#contactform01 input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform01 textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform01 select { margin:0 !important;}
	#contactform01 #file  { margin:0 !important;}
	span#label_message { width: 100% !important; margin:0;  box-sizing:border-box;}
	#contactform01 li.buttons input { margin:0 !important;}
	#content .con3 li {  width: 100% !important; box-sizing: border-box !important;}
	#map {  width:100%; box-sizing:border-box; }
	#map iframe {  width: 100% !important;}
	#contactform label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform select { margin:0 !important;}
	#contactform li.buttons input { margin:0 !important;}
	#contactform input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 #label_Experience { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_equ { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_fname { margin:0 !important; box-sizing: border-box !important;}
	
	#contactform #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_mobile { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_fname { margin:0 !important; box-sizing: border-box !important;}
		div.navigation-container {
  float: left;
   left: 0% !important; 
   margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
}
div.navigation { left:0% !important;}
ul.thumbs { position:static;}
#content .con3 li {
  width: 19% !important;
  box-sizing: border-box !important;
}
ul.thumbs {
  top: 0px;
}
div.navigation a.pageLink {
  height: 23px;
  line-height: normal;
}
div.navigation a.pageLink {
  top: 0px;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: 0;
  right: 0;
	
}
div.slideshow-container {
  position: relative;
  clear: both;
  float: left;
  height: 410px;
  margin: 0;
  width: 100%;
  z-index: 1;
  margin-top: -35px;
}
div.caption-container { margin-top:10px;}
div.slideshow img {
  width: 100% !important;
  height: 220px;
}

div.slideshow-container {
  height: 279px;
  }
  
  div.slideshow-container{ z-index:0;}
  div.slideshow-container { margin-top:-48px !important;}
  span.image-caption {
  top: -65px !important;}
  div.navigation a.pageLink {
  top: 3px;
}
div.navigation a.prev {   background-image: url(../images/prevPageArrowWhite.png);
float: right;
  position: absolute;
  top: -22px;
  right: 30px;}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
	
}
ul.thumbs {
  top: 8px;
  position:relative;
}
div.navigation-container { width:100%;}
div.navigation {
  width: 100%;
}
ul.thumbs {
  width: 100%;
}
#content .con3 li {
  width: auto !important;
  }
  #content .con3 #contactform ol li { width:100% !important;}
  #services {
  float: left;
  padding: 0 0 10px;
  width: 570px;
  overflow: auto;
}
#banner #jslidernews2 img { width:auto !important; height:auto !important;}
.lof-slidecontent { width:100% !important; overflow:inherit !important; }
#jslidernews2 { width:100% !important; height:600px !important; }
.main-slider-content { width:100% !important;}
.sliders-wrapper { width:100% !important; }
#jslidernews2 { overflow:inherit !important;}
.lof-slidecontent .navigator-content { top:308px; }
#jslidernews2 { width:99% !important; padding:0px !important; } 
.lof-slidecontent .navigator-content {
  top: 294px;
  left: -8px;
}
video { width:87% !important;} 

.lof-slidecontent .navigator-content { width:100% !important; box-sizing:border-box; }
.lof-slidecontent .navigator-wrapper { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li.active { width:100% !important; box-sizing:border-box; } 
.lof-slidecontent .navigator-wrapper {margin:14px 0px !important; }
#menu li a:hover { border-top:1px solid rgba(255, 255, 255, 0.5); }

div.slideshow span.image-wrapper {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
}
#content .contentri {
  width: 100%;
  margin-top: 111px;
}
div.navigation a.prev {
  background-image: url(../images/prevPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  left: 0;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
}
.contentri .newbox {
  width: 100%;
  }
  span.image-caption {
  top: -104px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 342px !important;
}
div.slideshow-container {
  margin-top: -118px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 276px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 221px !important;
}
#content .contentri {
  width: 100%;
  margin-top: 54px;
}

}

@media only screen and (max-width:568px) {
body { background:none !important;}
	#container{ width:100%;}
	#header{ width:100%;}
	#header .logo {
		  width: 100%;
		  float: left;
		  padding: 0 10px 10px 10px;
		  box-sizing: border-box;
		  text-align:center;
	}
	#header .logo img { width:90%; text-align:center;}
	#header .lefthead {
		width: 100%;
	 	float: none; 
  		padding: 0;
	}
	#social { width:100%; float: left; text-align: center;}
	.brochure {
		  float: left;
		  width: 100%;
		  text-align: center;
		  padding: 0 10px;
		  box-sizing: border-box;
	}
	.brochure img { width:80%;}
	.social {
		  float: none; 
		  padding: 10px 5px;
		  width: 10%;
	}
	#phonenumber {
	  margin: 0;
	  width: 100%;
	  box-sizing: border-box;
	  text-align: center;
	}
	.phone { float: none;}
	#menu {  width: 100%;}
	#menu .mright { display:none;}
	#menu ul { width:100%; box-sizing:border-box;}
	#menu ul li { width:100%; background:none;  box-sizing:border-box;}
	#menu li a {  width:100%; box-sizing:border-box; margin:0;}
	#menu li a.active { margin:0;}
	#menu li a:hover { margin:0;}
	#banner { width: 100%;}
	#banner img { width: 100% !important; height:auto !important;}
	#content { width:100%; padding: 0 10px 10px; box-sizing: border-box;}
	#content .contentle { width: 100%;}
	#content .con1 { width: 100%;}
	#content .con3 { width: 100%;}
	#content p { line-height: 18px;}
	#content .contentri { width: 100%;}
	.contentri .newbox{ width:100%; box-sizing:border-box; }
	div#wn1 { width:96% !important;}
	.contentri .latestwork {  width:100%; box-sizing:border-box; }
	#footer { width: 100%;   background: none; background-color: #1A63A5;}
	#footer .page { width: 100%; padding:10px 0 0; background-color: #1A63A5;}
	#footer p { text-align:center;   padding-bottom: 10px; float:none !important;}
	.lwork table { width:100% !important;}
	.lwork table tbody { width:100% !important;}
/*	.lwork table tbody tr td.latest-work-tab { width:100% !important;}*/
	.lwork table tbody tr td .lasterworkimg { width:100% !important;}
	.lwork table tbody tr td .lasterworkimg img {  float:left !important; width:100% !important; height:auto !important;}
	#bannerinner { width:100%;}
	#bannerinner img { width: 100% !important; height:auto !important;}
	#content .con3 h1 br { display:none;}
	#content .con3 h5 { text-align:left;}
	
	#bullpoint01 li {  width: 100%;}
	#contactform01 input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform01 textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform01 select { margin:0 !important;}
	#contactform01 #file  { margin:0 !important;}
	span#label_message { width: 100% !important; margin:0;  box-sizing:border-box;}
	#contactform01 li.buttons input { margin:0 !important;}
	#content .con3 li {  width: 100% !important; box-sizing: border-box !important;}
	#map {  width:100%; box-sizing:border-box; }
	#map iframe {  width: 100% !important;}
	#contactform label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform select { margin:0 !important;}
	#contactform li.buttons input { margin:0 !important;}
	#contactform input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 #label_Experience { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_equ { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_fname { margin:0 !important; box-sizing: border-box !important;}
	
	#contactform #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_mobile { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_fname { margin:0 !important; box-sizing: border-box !important;}
		div.navigation-container {
  float: left;
   left: 0% !important; 
   margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
}
div.navigation { left:0% !important;}
ul.thumbs { position:static;}
#content .con3 li {
  width: 19% !important;
  box-sizing: border-box !important;
}
ul.thumbs {
  top: 0px;
}
div.navigation a.pageLink {
  height: 23px;
  line-height: normal;
}
div.navigation a.pageLink {
  top: 0px;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: 0;
  right: 0;
	
}
div.slideshow-container {
  position: relative;
  clear: both;
  float: left;
  height: 410px;
  margin: 0;
  width: 100%;
  z-index: 1;
  margin-top: -35px;
}
div.caption-container { margin-top:10px;}
div.slideshow img {
  width: 100% !important;
  height: 220px;
}

div.slideshow-container {
  height: 279px;
  }
  
  div.slideshow-container{ z-index:0;}
  div.slideshow-container { margin-top:-48px !important;}
  span.image-caption {
  top: -65px !important;}
  div.navigation a.pageLink {
  top: 3px;
}
div.navigation a.prev {   background-image: url(../images/prevPageArrowWhite.png);
float: right;
  position: absolute;
  top: -22px;
  right: 30px;}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
	
}
ul.thumbs {
  top: 8px;
  position:relative;
}
div.navigation-container { width:100%;}
div.navigation {
  width: 100%;
}
ul.thumbs {
  width: 100%;
}
#content .con3 li {
  width: auto !important;
  }
  #content .con3 #contactform ol li { width:100% !important;}
  #services {
  float: left;
  padding: 0 0 10px;
  width: 520px;
  overflow: auto;
}
#banner #jslidernews2 img { width:auto !important; height:auto !important;}
.lof-slidecontent { width:100% !important; overflow:inherit !important; }
#jslidernews2 { width:100% !important; height:600px !important; }
.main-slider-content { width:100% !important;}
.sliders-wrapper { width:100% !important; }
#jslidernews2 { overflow:inherit !important;}
.lof-slidecontent .navigator-content { top:308px; }
#jslidernews2 { width:99% !important; padding:0px !important; } 
.lof-slidecontent .navigator-content {
  top: 294px;
  left: -8px;
}
video { width:83% !important;} 

.lof-slidecontent .navigator-content { width:100% !important; box-sizing:border-box; }
.lof-slidecontent .navigator-wrapper { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li.active { width:100% !important; box-sizing:border-box; } 
.lof-slidecontent .navigator-wrapper {margin:14px 0px !important; }
#menu li a:hover { border-top:1px solid rgba(255, 255, 255, 0.5); }

div.slideshow span.image-wrapper {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
}
#content .contentri {
  width: 100%;
  margin-top: 111px;
}
div.navigation a.prev {
  background-image: url(../images/prevPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  left: 0;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
}
.contentri .newbox {
  width: 100%;
  }
  span.image-caption {
  top: -104px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 342px !important;
}
div.slideshow-container {
  margin-top: -118px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 221px !important;
}
#content .contentri {
  width: 100%;
  margin-top: 53px;
}
}



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

.video-box video {
	width: 100% !important;
	height:auto !important;
	padding:0 5px 0 5px;
	float:left;
	margin:10px 0 0 0;
}

.video-container {
    width: 94%;
    float: left;
    padding: 0 3% 0 3%;
    margin: 0 0 0 0;
}


body { background:none !important;}
	#container{ width:100%;}
	#header{ width:100%;}
	#header .logo {
		  width: 100%;
		  float: left;
		  padding: 0 10px 10px 10px;
		  box-sizing: border-box;
	}
	#header .logo img { width:100%; text-align:center;}
	#header .lefthead {
		width: 100%;
	 	float: none; 
  		padding: 0;
	}
	#social { width:100%; float: left; text-align: center;}
	.brochure {
		  float: left;
		  width: 100%;
		  text-align: center;
		  padding: 0 10px;
		  box-sizing: border-box;
	}
	.brochure img { width:100%;}
	.social {
		  float: none; 
		  padding: 10px 5px;
		  width: 10%;
	}
	#phonenumber {
	  margin: 0;
	  width: 100%;
	  box-sizing: border-box;
	  text-align: center;
	}
	.phone { float: none;}
	#menu {  width: 100%;}
	#menu .mright { display:none;}
	#menu ul { width:100%; box-sizing:border-box;}
	#menu ul li { width:100%; background:none;  box-sizing:border-box;}
	#menu li a {  width:100%; box-sizing:border-box; margin:0;}
	#menu li a.active { margin:0;}
	#menu li a:hover { margin:0;}
	#banner { width: 100%;}
	#banner img { width: 100% !important; height:auto !important;}
	#content { width:100%; padding: 0 10px 10px; box-sizing: border-box;}
	#content .contentle { width: 100%;}
	#content .con1 { width: 100%;}
	#content .con3 { width: 100%;}
	#content p { line-height: 18px;}
	#content .contentri { width: 100%;}
	.contentri .newbox{ width:100%; box-sizing:border-box; }
	div#wn1 { width:92% !important;}
	.contentri .latestwork {  width:100%; box-sizing:border-box; }
	#footer { width: 100%;   background: none; background-color: #1A63A5;}
	#footer .page { width: 100%; padding:10px 0 0; background-color: #1A63A5;}
	#footer p { text-align:center;   padding-bottom: 10px; float:none !important;}
	.lwork table { width:100% !important;}
	.lwork table tbody { width:100% !important;}
/*	.lwork table tbody tr td.latest-work-tab { width:100% !important;}*/
	.lwork table tbody tr td .lasterworkimg { width:100% !important;}
	.lwork table tbody tr td .lasterworkimg img {  float:left !important; width:100% !important; height:auto !important;}
	#bannerinner { width:100%;}
	#bannerinner img { width: 100% !important; height:auto !important;}
	#content .con3 h1 br { display:none;}
	#content .con3 h5 { text-align:left;}
	
	#bullpoint01 li {  width: 100%;}
	#contactform01 input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform01 textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform01 select { margin:0 !important;}
	#contactform01 #file  { margin:0 !important;}
	span#label_message { width: 100% !important; margin:0;  box-sizing:border-box;}
	#contactform01 li.buttons input { margin:0 !important;}
	#content .con3 li {  width: 100% !important; box-sizing: border-box !important;}
	#map {  width:100%; box-sizing:border-box; }
	#map iframe {  width: 100% !important;}
	#contactform label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform select { margin:0 !important;}
	#contactform li.buttons input { margin:0 !important;}
	#contactform input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 #label_Experience { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_equ { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_fname { margin:0 !important; box-sizing: border-box !important;}
	
	#contactform #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_mobile { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_fname { margin:0 !important; box-sizing: border-box !important;}
		div.navigation-container {
  float: left;
   left: 0% !important; 
   margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
}
div.navigation { left:0% !important;}
ul.thumbs { position:static;}
#content .con3 li {
  width: 19% !important;
  box-sizing: border-box !important;
}
ul.thumbs {
  top: 0px;
}
div.navigation a.pageLink {
  height: 23px;
  line-height: normal;
}
div.navigation a.pageLink {
  top: 0px;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: 0;
  right: 0;
	
}
div.slideshow-container {
  position: relative;
  clear: both;
  float: left;
  height: 410px;
  margin: 0;
  width: 100%;
  z-index: 1;
  margin-top: -35px;
}
div.caption-container { margin-top:10px;}
div.slideshow img {
  width: 100% !important;
  height: 220px;
}

div.slideshow-container {
  height: 279px;
  }
  
  div.slideshow-container{ z-index:0;}
  div.slideshow-container { margin-top:-48px !important;}
  span.image-caption {
  top: -65px !important;}
  div.navigation a.pageLink {
  top: 3px;
}
div.navigation a.prev {   background-image: url(../images/prevPageArrowWhite.png);
float: right;
  position: absolute;
  top: -22px;
  right: 30px;}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
	
}
ul.thumbs {
  top: 8px;
  position:relative;
}
div.navigation-container { width:100%;}
div.navigation {
  width: 100%;
}
ul.thumbs {
  width: 100%;
}
#content .con3 li {
  width: auto !important;
  }
  #content .con3 #contactform ol li { width:100% !important;}
  #services {
  float: left;
  padding: 0 0 10px;
  width: 450px;
  overflow: auto;
}
#banner #jslidernews2 img { width:auto !important; height:auto !important;}
.lof-slidecontent { width:100% !important; overflow:inherit !important; }
#jslidernews2 { width:100% !important; height:600px !important; }
.main-slider-content { width:100% !important;}
.sliders-wrapper { width:100% !important; }
#jslidernews2 { overflow:inherit !important;}
.lof-slidecontent .navigator-content { top:308px; }
#jslidernews2 { width:99% !important; padding:0px !important; } 
.lof-slidecontent .navigator-content {
  top: 294px;
  left: -8px;
}
video { width:95% !important;} 

.lof-slidecontent .navigator-content { width:100% !important; box-sizing:border-box; }
.lof-slidecontent .navigator-wrapper { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li.active { width:100% !important; box-sizing:border-box; } 
.lof-slidecontent .navigator-wrapper {margin:14px 0px !important; }
#menu li a:hover { border-top:1px solid rgba(255, 255, 255, 0.5); }

div.slideshow span.image-wrapper {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
}
#content .contentri {
  width: 100%;
  margin-top: 111px;
}
div.navigation a.prev {
  background-image: url(../images/prevPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  left: 0;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
}
.contentri .newbox {
  width: 100%;
  }
  span.image-caption {
  top: -104px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 342px !important;
}
div.slideshow-container {
  margin-top: -118px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 276px !important;
}
}



@media only screen and (max-width:414px) {
.video-container {
    width: 94%;
    float: left;
    padding: 0 3% 0 3%;
    margin: 0 0 0 0;
}

.video-box video {
	width: 100% !important;
	height:auto !important;
	padding:0 5px 0 5px;
	float:left;
	margin:10px 0 0 0;
}

body { background:none !important;}
	#container{ width:100%;}
	#header{ width:100%;}
	#header .logo {
		  width: 100%;
		  float: left;
		  padding: 0 10px 10px 10px;
		  box-sizing: border-box;
	}
	#header .logo img { width:100%; text-align:center;}
	#header .lefthead {
		width: 100%;
	 	float: none; 
  		padding: 0;
	}
	#social { width:100%; float: left; text-align: center;}
	.brochure {
		  float: left;
		  width: 100%;
		  text-align: center;
		  padding: 0 10px;
		  box-sizing: border-box;
	}
	.brochure img { width:100%;}
	.social {
		  float: none; 
		  padding: 10px 5px;
		  width: 10%;
	}
	#phonenumber {
	  margin: 0;
	  width: 100%;
	  box-sizing: border-box;
	  text-align: center;
	}
	.phone { float: none;}
	#menu {  width: 100%;}
	#menu .mright { display:none;}
	#menu ul { width:100%; box-sizing:border-box;}
	#menu ul li { width:100%; background:none;  box-sizing:border-box;}
	#menu li a {  width:100%; box-sizing:border-box; margin:0;}
	#menu li a.active { margin:0;}
	#menu li a:hover { margin:0;}
	#banner { width: 100%;}
	#banner img { width: 100% !important; height:auto !important;}
	#content { width:100%; padding: 0 10px 10px; box-sizing: border-box;}
	#content .contentle { width: 100%;}
	#content .con1 { width: 100%;}
	#content .con3 { width: 100%;}
	#content p { line-height: 18px;}
	#content .contentri { width: 100%;}
	.contentri .newbox{ width:100%; box-sizing:border-box; }
	div#wn1 { width:92% !important;}
	.contentri .latestwork {  width:100%; box-sizing:border-box; }
	#footer { width: 100%;   background: none; background-color: #1A63A5;}
	#footer .page { width: 100%; padding:10px 0 0; background-color: #1A63A5;}
	#footer p { text-align:center;   padding-bottom: 10px; float:none !important;}
	.lwork table { width:100% !important;}
	.lwork table tbody { width:100% !important;}
/*	.lwork table tbody tr td.latest-work-tab { width:100% !important;}*/
	.lwork table tbody tr td .lasterworkimg { width:100% !important;}
	.lwork table tbody tr td .lasterworkimg img {  float:left !important; width:100% !important; height:auto !important;}
	#bannerinner { width:100%;}
	#bannerinner img { width: 100% !important; height:auto !important;}
	#content .con3 h1 br { display:none;}
	#content .con3 h5 { text-align:left;}
	
	#bullpoint01 li {  width: 100%;}
	#contactform01 input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform01 textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform01 select { margin:0 !important;}
	#contactform01 #file  { margin:0 !important;}
	span#label_message { width: 100% !important; margin:0;  box-sizing:border-box;}
	#contactform01 li.buttons input { margin:0 !important;}
	#content .con3 li {  width: 100% !important; box-sizing: border-box !important;}
	#map {  width:100%; box-sizing:border-box; }
	#map iframe {  width: 100% !important;}
	#contactform label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform select { margin:0 !important;}
	#contactform li.buttons input { margin:0 !important;}
	#contactform input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 #label_Experience { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_equ { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_fname { margin:0 !important; box-sizing: border-box !important;}
	
	#contactform #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_mobile { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_fname { margin:0 !important; box-sizing: border-box !important;}
		div.navigation-container {
  float: left;
   left: 0% !important; 
   margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
}
div.navigation { left:0% !important;}
ul.thumbs { position:static;}
#content .con3 li {
  width: 19% !important;
  box-sizing: border-box !important;
}
ul.thumbs {
  top: 0px;
}
div.navigation a.pageLink {
  height: 23px;
  line-height: normal;
}
div.navigation a.pageLink {
  top: 0px;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: 0;
  right: 0;
	
}
div.slideshow-container {
  position: relative;
  clear: both;
  float: left;
  height: 410px;
  margin: 0;
  width: 100%;
  z-index: 1;
  margin-top: -35px;
}
div.caption-container { margin-top:10px;}
div.slideshow img {
  width: 100% !important;
  height: 220px;
}

div.slideshow-container {
  height: 279px;
  }
  
  div.slideshow-container{ z-index:0;}
  div.slideshow-container { margin-top:-48px !important;}
  span.image-caption {
  top: -65px !important;}
  div.navigation a.pageLink {
  top: 3px;
}
div.navigation a.prev {   background-image: url(../images/prevPageArrowWhite.png);
float: right;
  position: absolute;
  top: -22px;
  right: 30px;}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
	
}
ul.thumbs {
  top: 8px;
  position:relative;
}
div.navigation-container { width:100%;}
div.navigation {
  width: 100%;
}
ul.thumbs {
  width: 100%;
}
#content .con3 li {
  width: auto !important;
  }
  #content .con3 #contactform ol li { width:100% !important;}
  #services {
  float: left;
  padding: 0 0 10px;
  width: 390px;
  overflow: auto;
}
#banner #jslidernews2 img { width:auto !important; height:auto !important;}
.lof-slidecontent { width:100% !important; overflow:inherit !important; }
#jslidernews2 { width:100% !important; height:600px !important; }
.main-slider-content { width:100% !important;}
.sliders-wrapper { width:100% !important; }
#jslidernews2 { overflow:inherit !important;}
.lof-slidecontent .navigator-content { top:308px; }
#jslidernews2 { width:99% !important; padding:0px !important; } 
.lof-slidecontent .navigator-content {
  top: 294px;
  left: -8px;
}
video { width:59% !important;} 

.lof-slidecontent .navigator-content { width:100% !important; box-sizing:border-box; }
.lof-slidecontent .navigator-wrapper { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li.active { width:100% !important; box-sizing:border-box; } 
.lof-slidecontent .navigator-wrapper {margin:14px 0px !important; }
#menu li a:hover { border-top:1px solid rgba(255, 255, 255, 0.5); }

div.slideshow span.image-wrapper {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
}
#content .contentri {
  width: 100%;
  margin-top: 111px;
}
div.navigation a.prev {
  background-image: url(../images/prevPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  left: 0;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
}
.contentri .newbox {
  width: 100%;
  }
  span.image-caption {
  top: -104px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 342px !important;
}
div.slideshow-container {
  margin-top: -118px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 276px !important;
}
}



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

.video-container {
    width: 94%;
    float: left;
    padding: 0 3% 0 3%;
    margin: 0 0 0 0;
}

.video-box video {
	width: 100% !important;
	height:auto !important;
	padding:0 5px 0 5px;
	float:left;
	margin:10px 0 0 0;
}

body { background:none !important;}
	#container{ width:100%;}
	#header{ width:100%;}
	#header .logo {
		  width: 100%;
		  float: left;
		  padding: 0 10px 10px 10px;
		  box-sizing: border-box;
	}
	#header .logo img { width:100%; text-align:center;}
	#header .lefthead {
		width: 100%;
	 	float: none; 
  		padding: 0;
	}
	#social { width:100%; float: left; text-align: center;}
	.brochure {
		  float: left;
		  width: 100%;
		  text-align: center;
		  padding: 0 10px;
		  box-sizing: border-box;
	}
	.brochure img { width:100%;}
	.social {
		  float: none; 
		  padding: 10px 5px;
		  width: 10%;
	}
	#phonenumber {
	  margin: 0;
	  width: 100%;
	  box-sizing: border-box;
	  text-align: center;
	}
	.phone { float: none;}
	#menu {  width: 100%;}
	#menu .mright { display:none;}
	#menu ul { width:100%; box-sizing:border-box;}
	#menu ul li { width:100%; background:none;  box-sizing:border-box;}
	#menu li a {  width:100%; box-sizing:border-box; margin:0;}
	#menu li a.active { margin:0;}
	#menu li a:hover { margin:0;}
	#banner { width: 100%;}
	#banner img { width: 100% !important; height:auto !important;}
	#content { width:100%; padding: 0 10px 10px; box-sizing: border-box;}
	#content .contentle { width: 100%;}
	#content .con1 { width: 100%;}
	#content .con3 { width: 100%;}
	#content p { line-height: 18px;}
	#content .contentri { width: 100%;}
	.contentri .newbox{ width:100%; box-sizing:border-box; }
	div#wn1 { width:92% !important;}
	.contentri .latestwork {  width:100%; box-sizing:border-box; }
	#footer { width: 100%;   background: none; background-color: #1A63A5;}
	#footer .page { width: 100%; padding:10px 0 0; background-color: #1A63A5;}
	#footer p { text-align:center;   padding-bottom: 10px; float:none !important;}
	.lwork table { width:100% !important;}
	.lwork table tbody { width:100% !important;}
/*	.lwork table tbody tr td.latest-work-tab { width:100% !important;}*/
	.lwork table tbody tr td .lasterworkimg { width:100% !important;}
	.lwork table tbody tr td .lasterworkimg img {  float:left !important; width:100% !important; height:auto !important;}
	#bannerinner { width:100%;}
	#bannerinner img { width: 100% !important; height:auto !important;}
	#content .con3 h1 br { display:none;}
	#content .con3 h5 { text-align:left;}
	
	#bullpoint01 li {  width: 100%;}
	#contactform01 input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform01 textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform01 select { margin:0 !important;}
	#contactform01 #file  { margin:0 !important;}
	span#label_message { width: 100% !important; margin:0;  box-sizing:border-box;}
	#contactform01 li.buttons input { margin:0 !important;}
	#content .con3 li {  width: 100% !important; box-sizing: border-box !important;}
	#map {  width:100%; box-sizing:border-box; }
	#map iframe {  width: 100% !important;}
	#contactform label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform select { margin:0 !important;}
	#contactform li.buttons input { margin:0 !important;}
	#contactform input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 #label_Experience { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_equ { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_fname { margin:0 !important; box-sizing: border-box !important;}
	
	#contactform #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_mobile { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_fname { margin:0 !important; box-sizing: border-box !important;}
	
		div.navigation-container {
  float: left;
   left: 0% !important; 
   margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
}
div.navigation { left:0% !important;}
ul.thumbs { position:static;}
#content .con3 li {
  width: 19% !important;
  box-sizing: border-box !important;
}
ul.thumbs {
  top: 0px;
}
div.navigation a.pageLink {
  height: 23px;
  line-height: normal;
}
div.navigation a.pageLink {
  top: 0px;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: 0;
  right: 0;
	
}
div.slideshow-container {
  position: relative;
  clear: both;
  float: left;
  height: 410px;
  margin: 0;
  width: 100%;
  z-index: 1;
  margin-top: -35px;
}
div.caption-container { margin-top:10px;}
div.slideshow img {
  width: 100% !important;
  height: 220px;
}

div.slideshow-container {
  height: 279px;
  }
  
  div.slideshow-container{ z-index:0;}
  div.slideshow-container { margin-top:-48px !important;}
  span.image-caption {
  top: -65px !important;}
 
div.navigation a.prev {   background-image: url(../images/prevPageArrowWhite.png);
float: right;
  position: absolute;
  top: -22px;
  right: 30px;}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
	
}
ul.thumbs {
  top: 8px;
  position:relative;
}
div.navigation-container { width:100%;}
div.navigation {
  width: 100%;
}
ul.thumbs {
  width: 100%;
}
#content .con3 #contactform ol li { width:100% !important;}
#services {
  float: left;
  padding: 0 0 10px;
  width: 350px;
  overflow: auto;
}
#banner #jslidernews2 img { width:auto !important; height:auto !important;}
.lof-slidecontent { width:100% !important; overflow:inherit !important; }
#jslidernews2 { width:100% !important; height:600px !important; }
.main-slider-content { width:100% !important;}
.sliders-wrapper { width:100% !important; }
#jslidernews2 { overflow:inherit !important;}
.lof-slidecontent .navigator-content { top:308px; }
#jslidernews2 { width:99% !important; padding:0px !important; } 
.lof-slidecontent .navigator-content {
  top: 294px;
  left: -8px;
}
video { width:55% !important;} 

.lof-slidecontent .navigator-content { width:100% !important; box-sizing:border-box; }
.lof-slidecontent .navigator-wrapper { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li.active { width:100% !important; box-sizing:border-box; } 
.lof-slidecontent .navigator-wrapper {margin:14px 0px !important; }
#menu li a:hover { border-top:1px solid rgba(255, 255, 255, 0.5); }

div.slideshow span.image-wrapper {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
}
#content .contentri {
  width: 100%;
  margin-top: 111px;
}
div.navigation a.prev {
  background-image: url(../images/prevPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  left: 0;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
}
.contentri .newbox {
  width: 100%;
  }
  span.image-caption {
  top: -104px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 342px !important;
}
div.slideshow-container {
  margin-top: -118px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 276px !important;
}
.wimg { float:none; width:96%; margin:0 0 10px 0; }
.innerpageimg { float:none; width:96%; margin:0 0 10px 0; }
}



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

.video-container {
    width: 94%;
    float: left;
    padding: 0 3% 0 3%;
    margin: 0 0 0 0;
}

.video-box video {
	width: 100% !important;
	height:auto !important;
	padding:0 5px 0 5px;
	float:left;
	margin:10px 0 0 0;
}

body { background:none !important;}
	#container{ width:100%;}
	#header{ width:100%;}
	#header .logo {
		  width: 100%;
		  float: left;
		  padding: 0 10px 10px 10px;
		  box-sizing: border-box;
	}
	#header .logo img { width:100%; text-align:center;}
	#header .lefthead {
		width: 100%;
	 	float: none; 
  		padding: 0;
	}
	#social { width:100%; float: left; text-align: center;}
	.brochure {
		  float: left;
		  width: 100%;
		  text-align: center;
		  padding: 0 10px;
		  box-sizing: border-box;
	}
	.brochure img { width:100%;}
	.social {
		  float: none; 
		  padding: 10px 5px;
		  width: 10%;
	}
	#phonenumber {
	  margin: 0;
	  width: 100%;
	  box-sizing: border-box;
	  text-align: center;
	}
	.phone { float: none;}
	#menu {  width: 100%;}
	#menu .mright { display:none;}
	#menu ul { width:100%; box-sizing:border-box;}
	#menu ul li { width:100%; background:none;  box-sizing:border-box;}
	#menu li a {  width:100%; box-sizing:border-box; margin:0;}
	#menu li a.active { margin:0;}
	#menu li a:hover { margin:0;}
	#banner { width: 100%;}
	#banner img { width: 100% !important; height:auto !important;}
	#content { width:100%; padding: 0 10px 10px; box-sizing: border-box;}
	#content .contentle { width: 100%;}
	#content .con1 { width: 100%;}
	#content .con3 { width: 100%;}
	#content p { line-height: 18px;}
	#content .contentri { width: 100%;}
	.contentri .newbox{ width:100%; box-sizing:border-box; }
	div#wn1 { width:92% !important;}
	.contentri .latestwork {  width:100%; box-sizing:border-box; }
	#footer { width: 100%;   background: none; background-color: #1A63A5;}
	#footer .page { width: 100%; padding:10px 0 0; background-color: #1A63A5;}
	#footer p { text-align:center;   padding-bottom: 10px; float:none !important;}
	.lwork table { width:100% !important;}
	.lwork table tbody { width:100% !important;}
/*	.lwork table tbody tr td.latest-work-tab { width:100% !important;}*/
	.lwork table tbody tr td .lasterworkimg { width:100% !important;}
	.lwork table tbody tr td .lasterworkimg img {  float:left !important; width:100% !important; height:auto !important;}
	#bannerinner { width:100%;}
	#bannerinner img { width: 100% !important; height:auto !important;}
	#content .con3 h1 br { display:none;}
	#content .con3 h5 { text-align:left;}
	
	#bullpoint01 li {  width: 100%;}
	#contactform01 input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform01 textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform01 select { margin:0 !important;}
	#contactform01 #file  { margin:0 !important;}
	span#label_message { width: 100% !important; margin:0;  box-sizing:border-box;}
	#contactform01 li.buttons input { margin:0 !important;}
	#content .con3 li {  width: 100% !important; box-sizing: border-box !important;}
	#map {  width:100%; box-sizing:border-box; }
	#map iframe {  width: 100% !important;}
	#contactform label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform select { margin:0 !important;}
	#contactform li.buttons input { margin:0 !important;}
	#contactform input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 #label_Experience { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_equ { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_fname { margin:0 !important; box-sizing: border-box !important;}
	
	#contactform #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_mobile { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_fname { margin:0 !important; box-sizing: border-box !important;}
	
		div.navigation-container {
  float: left;
   left: 0% !important; 
   margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
}
div.navigation { left:0% !important;}
ul.thumbs { position:static;}
#content .con3 li {
  width: 19% !important;
  box-sizing: border-box !important;
}
ul.thumbs {
  top: 0px;
}
div.navigation a.pageLink {
  height: 23px;
  line-height: normal;
}
div.navigation a.pageLink {
  top: 0px;
}
div.navigation a.prev {   background-image: url(../images/prevPageArrowWhite.png);
float: right;
  position: absolute;
  top: -22px;
  right: 30px;}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
	
}
ul.thumbs {
  top: 8px;
  position:relative;
}

div.slideshow-container {
  position: relative;
  clear: both;
  float: left;
  height: 410px;
  margin: 0;
  width: 100%;
  z-index: 1;
  margin-top: -35px;
}
div.caption-container { margin-top:10px;}
div.slideshow img {
  width: 100% !important;
  height: 220px;
}

div.slideshow-container {
  height: 279px;
  }
  
  div.slideshow-container{ z-index:0;}
  div.slideshow-container { margin-top:-48px !important;}
  span.image-caption {
  top: -65px !important;}

div.navigation-container { width:100%;}
div.navigation {
  width: 100%;
}
ul.thumbs {
  width: 100%;
}
#content .con3 li {
  width: auto !important;
  }
#content .con3 #contactform ol li { width:100% !important;}
#services {
  float: left;
  padding: 0 0 10px;
  width: 330px;
  overflow: auto;
}
#banner #jslidernews2 img { width:auto !important; height:auto !important;}
.lof-slidecontent { width:100% !important; overflow:inherit !important; }
#jslidernews2 { width:100% !important; height:600px !important; }
.main-slider-content { width:100% !important;}
.sliders-wrapper { width:100% !important; }
#jslidernews2 { overflow:inherit !important;}
.lof-slidecontent .navigator-content { top:308px; }
#jslidernews2 { width:99% !important; padding:0px !important; } 
.lof-slidecontent .navigator-content {
  top: 294px;
  left: -8px;
}
video { width:53% !important;} 

.lof-slidecontent .navigator-content { width:100% !important; box-sizing:border-box; }
.lof-slidecontent .navigator-wrapper { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li.active { width:100% !important; box-sizing:border-box; } 
.lof-slidecontent .navigator-wrapper {margin:14px 0px !important; }
#menu li a:hover { border-top:1px solid rgba(255, 255, 255, 0.5); }


div.slideshow span.image-wrapper {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
}
#content .contentri {
  width: 100%;
  margin-top: 111px;
}
div.navigation a.prev {
  background-image: url(../images/prevPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  left: 0;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
}
.contentri .newbox {
  width: 100%;
  }
  span.image-caption {
  top: -104px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 342px !important;
}
div.slideshow-container {
  margin-top: -118px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 276px !important;
}
.wimg { float:none; width:96%; margin:0 0 10px 0; }
.innerpageimg { float:none; width:96%; margin:0 0 10px 0; }
}



@media only screen and (max-width:320px) {
	body { background:none !important;}
	#container{ width:100%;}
	#header{ width:100%;}
	#header .logo {
		  width: 100%;
		  float: left;
		  padding: 0 10px 10px 10px;
		  box-sizing: border-box;
	}
	#header .logo img { width:100%; text-align:center;}
	#header .lefthead {
		width: 100%;
	 	float: none; 
  		padding: 0;
	}
	#social { width:100%; float: left; text-align: center;}
	.brochure {
		  float: left;
		  width: 100%;
		  text-align: center;
		  padding: 0 10px;
		  box-sizing: border-box;
	}
	.brochure img { width:100%;}
	.social {
		  float: none; 
		  padding: 10px 5px;
		  width: 10%;
	}
	#phonenumber {
	  margin: 0;
	  width: 100%;
	  box-sizing: border-box;
	  text-align: center;
	}
	.phone { float: none;}
	#menu {  width: 100%;}
	#menu .mright { display:none;}
	#menu ul { width:100%; box-sizing:border-box;}
	#menu ul li { width:100%; background:none;  box-sizing:border-box;}
	#menu li a {  width:100%; box-sizing:border-box; margin:0;}
	#menu li a.active { margin:0;}
	#menu li a:hover { margin:0;}
	#banner { width: 100%;}
	#banner img { width: 100% !important; height:auto !important;}
	#content { width:100%; padding: 0 10px 10px; box-sizing: border-box;}
	#content .contentle { width: 100%;}
	#content .con1 { width: 100%;}
	#content .con3 { width: 100%;}
	#content p { line-height: 18px;}
	#content .contentri { width: 100%;}
	.contentri .newbox{ width:100%; box-sizing:border-box; }
	div#wn1{ width:92% !important;}
	.contentri .latestwork {  width:100%; box-sizing:border-box; }
	#footer { width: 100%;   background: none; background-color: #1A63A5;}
	#footer .page { width: 100%; padding:10px 0 0; background-color: #1A63A5;}
	#footer p { text-align:center;   padding-bottom: 10px; float:none !important;}
	.lwork table { width:100% !important;}
	.lwork table tbody { width:100% !important;}
/*	.lwork table tbody tr td.latest-work-tab { width:100% !important;}*/
	.lwork table tbody tr td .lasterworkimg { width:100% !important;}
	.lwork table tbody tr td .lasterworkimg img {  float:left !important; width:100% !important; height:auto !important;}
	#bannerinner { width:100%;}
	#bannerinner img { width: 100% !important; height:auto !important;}
	#content .con3 h1 br { display:none;}
	#content .con3 h5 { text-align:left;}
	
	div.navigation-container { margin:200px 0 0 0 !important;}
	div.slideshow-container {  width: 100%;}
	div.slideshow span.image-wrapper {  width: 100%;}
	div.slideshow a.advance-link {  width: 100% !important; display:inline;}
	div.slideshow img { width: 100% !important; }
	div.caption {  width: 100%; float: left; box-sizing: border-box;}
	
	#bullpoint01 li {  width: 100%;}
	#contactform01 input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform01 textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform01 select { margin:0 !important;}
	#contactform01 #file  { margin:0 !important;}
	span#label_message { width: 100% !important; margin:0;  box-sizing:border-box;}
	#contactform01 li.buttons input { margin:0 !important;}
	#content .con3 li {  width: 100% !important; box-sizing: border-box !important;}
	#map {  width:100%; box-sizing:border-box; }
	#map iframe {  width: 100% !important;}
	#contactform label {  width:100%; box-sizing:border-box; padding:0 0 5px; }
	#contactform textarea { width: 100% !important; margin:0;  box-sizing:border-box !important;}
	#contactform select { margin:0 !important;}
	#contactform li.buttons input { margin:0 !important;}
	#contactform input.text { height:24px; box-sizing:border-box; margin:0; width:100%;}
	#contactform01 #label_Experience { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_equ { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform01 #label_fname { margin:0 !important; box-sizing: border-box !important;}
	
	#contactform #label_message { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_mobile { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_email { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_phone { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_add { margin:0 !important; box-sizing: border-box !important;}
	#contactform #label_fname { margin:0 !important; box-sizing: border-box !important;}
	div.navigation-container {
  float: left;
   left: 0% !important; 
   margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
}
div.navigation { left:0% !important;}
ul.thumbs { position:static;}
#content .con3 li {
  width: 19% !important;
  box-sizing: border-box !important;
}
ul.thumbs {
  top: 8px;
  position:relative;
}
div.navigation a.pageLink {
  height: 23px;
  line-height: normal;
}
div.navigation a.pageLink {
  top: 0px;
}
div.navigation a.prev {   background-image: url(../images/prevPageArrowWhite.png);
float: right;
  position: absolute;
  top: -22px;
  right: 30px;}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
	
}
div.slideshow-container {
  position: relative;
  clear: both;
  float: left;
  height: 410px;
  margin: 0;
  width: 100%;
  z-index: 1;
  margin-top: -35px;
}
div.caption-container { margin-top:10px;}
div.slideshow img {
  width: 100% !important;
  height: 220px;
}

div.slideshow-container {
  height: 279px;
  }
  
  div.slideshow-container{ z-index:0;}
  div.slideshow-container { margin-top:-48px !important;}
  span.image-caption {
  top: -65px !important;}

div.navigation-container { width:100%;}
div.navigation {
  width: 100%;
}
ul.thumbs {
  width: 100%;
}
#content .con3 li {
  width: auto !important;
  }
  #content .con3 #contactform ol li { width:100% !important;}
  #services {
  float: left;
  padding: 0 0 10px;
  width: 281px;
  overflow: auto;
}
#banner #jslidernews2 img { width:auto !important; height:auto !important;}
.lof-slidecontent { width:100% !important; overflow:inherit !important; }
#jslidernews2 { width:100% !important; height:600px !important; }
.main-slider-content { width:100% !important;}
.sliders-wrapper { width:100% !important; }
#jslidernews2 { overflow:inherit !important;}
.lof-slidecontent .navigator-content { top:308px; }
#jslidernews2 { width:99% !important; padding:0px !important; } 
.lof-slidecontent .navigator-content {
  top: 294px;
  left: -8px;
}
video { width:45% !important;} 

.lof-slidecontent .navigator-content { width:100% !important; box-sizing:border-box; }
.lof-slidecontent .navigator-wrapper { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li { width:100% !important; box-sizing:border-box; }
.lof-slidecontent ul.navigator-wrap-inner li.active { width:100% !important; box-sizing:border-box; } 
.lof-slidecontent .navigator-wrapper {margin:14px 0px !important; }
#menu li a:hover { border-top:1px solid rgba(255, 255, 255, 0.5); }
.lasterworkimg { padding:2px; }

div.slideshow span.image-wrapper {
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
}
#content .contentri {
  width: 100%;
  margin-top: 111px;
}
div.navigation a.prev {
  background-image: url(../images/prevPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  left: 0;
}
div.navigation a.next {
  background-image: url(../images/nextPageArrowWhite.png);
  float: right;
  position: absolute;
  top: -22px;
  right: 0;
}
.contentri .newbox {
  width: 100%;
  }
  span.image-caption {
  top: -104px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 342px !important;
}
div.slideshow-container {
  margin-top: -118px !important;
}
div.navigation-container {
  float: left;
  left: 0% !important;
  margin: 0px 0 0 !important;
  position: relative;
  z-index: 1;
  top: 276px !important;
}
.wimg { float:none; width:96%; margin:0 0 10px 0; }
.innerpageimg { float:none; width:96%; margin:0 0 10px 0; }
}