@charset "utf-8";
/* CSS Document */


#nav-main{
	display:none;}


.col_mob_mar12{
		display:none;
	}
#nav-trigger, #nav-mobile {
	display:none;
}

.contact_details{
	margin-left:20%
	
}

.contact_details p{
	float:left;
	font-size:12px;
	
}




/* =Nav
-------------------------------------------------------------- */


nav#nav-main {
  background-color: #ff0032;
  padding: 10px 0; }


  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    background-color: #818486; 
	padding:0;}
	
  nav#nav-mobile li {
    display: block;
    padding: 2px 0;
	
   
    border-bottom: solid 1px #fff; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
	padding:1% 0;
   }
   


@media screen and (min-width:1200px) {
	.container {
    margin: 0 auto;
    max-width: 960px;
}

.sitemaps_mob{
	display:none;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){
	

.sitemaps_mob{
	display:none;
}
}




@media only screen and (min-width: 768px) and (max-width: 999px){

.sitemaps_mob{
	display:none;
	

}	
.about-container {
    width: 100%;
}	
	
	
.custom-navigation {
	width:91%;
}
	
.projht {
    height: 400px;
	margin-left:-5%;
}
.proj {
	
    width: 17%;
	
}

#gallery_wrap{
	margin-left:-4%;
}

.clients_slide{
	width:100%;
	margin-left:-4%;
}


.contact_details {
    margin-left: 8%;
}
}


@media only screen and (min-width: 480px) and (max-width: 767px){
	
	.fixed{
	position:static;
	background: #000;
}
#logo {
	float:none;
	text-align:center;
}
	
	.container {
    margin: 0 auto;
    max-width: 95%;
}
	
	a.services_box {
    
    width: 100%;
}

.about-container {
    width: 100%;
}

.about-pad, .reviews {
   
    text-align:justify;
	}

	
.custom-navigation {
	display:none;
	}

.dotservices{
	display:none;
}

.tooltipster-default {
	display:none;
}
.row1, .row2, .row3, .row4, .row5, .row6, .row7, .row8, .row10, .row11, .row12, .rowbg, .rowbg-fts, .rowserv3, .rowbg-sps, .rowbg-oms, .rowserv6 {
	 padding: 80px 0 0;
}

.rowbg, .rowserv3, .rowbg-oms{
	background-color:#fff;
	background-image:none;
}

.rowbg-fts, .rowbg-sps, .rowserv6{
	background-color:#ccc;
	background-image:none;
	
}
.rservice {
	width:100%;
}

.rservice h1, .rservice-fts h1 {
    font-size: 1.5625em;
}

#gallery_wrap ul li {
	width:100%;
}

.p-color-white{
	text-align:justify;
}
	
	nav{
	display:none;
}

#nav-trigger {
    display: block;
   margin: 1% 0%;
}

#nav-trigger span {
    display: block;
     padding: 1% 0%;
	font-size: 1.335em;
    background-color: #818486;
    color: white;
    cursor: pointer;
	text-align:center;
    text-transform: uppercase; }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 20px;
      height: 10px;
      
     }
   
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }
	

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; }
	
	
	nav#nav-mobile a {
   
    font-size: 1.12em;
  
}

nav#nav-mobile ul {
	z-index:999;
	
}

nav#nav-mobile ul li{
	border-bottom:1px solid #D1AC4E;
	

}
nav#nav-mobile ul li a{

	text-align:center;
}
 
 .proj {
	width:100%;
	padding-left: 35%;
}

#dialog, #dialog2, #dialog3, #dialog4, #dialog5 {
	margin-left:-28%;
	width:100%;
}

form .small-6 {
   width:100%;
}

.policy {
    background-color: #e9e9e9;
	background-image:none;
}
	
.contact_details {
	font-size: 0.95em;
	padding-left:0%;
	margin-left:-8%;
	

}

.contact_details p{
	font-size: 0.95em;
	text-align:center;
	float:none;
	
}

.copyrights {
    font-size: 0.95em;
    text-align: center;
    width: 100%;
}


.frds {
    margin-left:0;
    text-align: center;
    width: 100%;
	
}

.frds a{
	 font-size: 0.95em;
}

.career_container {
	margin-left:-2%;
}

 .site_half2 {
	   display:none;
	   }
 

.site_half, .site_half2_mob{
	   width:100%;
	   margin-left:-5%;
   }
   .site_half2_mob{
	   width:100%
   }
   
  
   .sitemaps_mob li {
	   background:none;
	    margin-left:-10%;
   }
   
   .sitemaps_mob li a{
	   color:#000;
	   
   }

#social_media {
   
    text-align: center;
    width: 100%;
	margin:2% -2% 0 0%;
}


}




@media only screen and (min-width: 230px) and (max-width: 479px){
	
p{
	font-size:1em;
}
.fixed{
	position:static;
	background: #000;
}

#logo {
	float:none;
	text-align:center;
}

	.container {
    margin: 0 auto;
    max-width: 95%;
}
	
nav{
	display:none;
}

a.services_box {
    
    width: 100%;
}

.about-container {
    width: 100%;
}

.about-pad, .reviews {
   
    text-align:justify;
	}

.about {
	background-color:#fff;
	background-image:none;
}
	
.custom-navigation {
	display:none;
	}

.dotservices{
	display:none;
}

.tooltipster-default {
	display:none;
}


.row1, .row2, .row3, .row4, .row5, .row6, .row7, .row8, .row10, .row11, .row12, .rowbg, .rowbg-fts, .rowserv3, .rowbg-sps, .rowbg-oms, .rowserv6 {
	 padding: 80px 0 0;
}

.rowbg, .rowserv3, .rowbg-oms{
	background-color:#fff;
	background-image:none;
}

.rowbg-fts, .rowbg-sps, .rowserv6{
	background-color:#ccc;
	background-image:none;
	
}

.rservice {
	width:100%;
}

.rservice h1, .rservice-fts h1 {
     font-size: 1.35em;
}

#gallery_wrap ul li {
	width:100%;
}


.proj {
	width:100%;
	padding-left: 22%;
}

#dialog, #dialog2, #dialog3, #dialog4, #dialog5 {
	margin-left:-18%;
	width:100%;
}


form .small-6 {
   width:100%;
   
}



.policy {
    background-color: #e9e9e9;
	background-image:none;
}
.contact_details {
	font-size: 0.95em;
	padding-left:0%;
	margin-left:-8%;
	

}

.contact_details p{
	font-size: 0.95em;
	text-align:center;
	float:none;
	
}



.copyrights {
    font-size: 0.95em;
    text-align: center;
    width: 100%;
}


.frds {
    margin-left:0;
    text-align: center;
    width: 100%;
	
}

.frds a{
	 font-size: 0.95em;
}
.site_half2 {
	   display:none;
	   }
   .site_half, .site_half2_mob{
	   width:100%;
	   margin-left:-5%;
   }
   .site_half2_mob{
	   width:100%
   }
   
   
 
   .sitemaps_mob li {
	   background:none;
	    margin-left:-30%;
   }
   
   .sitemaps_mob li a{
	   color:#000;
	   
   }
  

#social_media {
   
    text-align: center;
    width: 100%;
	margin:2% -2% 0 0%;
}


}



/* =Media Queries
-------------------------------------------------------------- */
@media screen and (max-width: 480px) {
#nav-trigger {
    display: block;
   margin: 1% 0%;
}

#nav-trigger span {
    display: block;
     padding: 3% 0%;
	font-size: 1.335em;
    background-color: #818486;
    color: white;
    cursor: pointer;
	text-align:center;
    text-transform: uppercase; }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 20px;
      height: 10px;
      
     }
   
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }
	

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; }
	
	
	nav#nav-mobile a {
   
    font-size: 1.12em;
  
}

nav#nav-mobile ul {
	z-index:999;
	
}

nav#nav-mobile ul li{
	border-bottom:1px solid #D1AC4E;
	padding:0% 0;
	
	text-align:center;
}


	
}



