body{
	font:15px/1.5 Arial,Hlvetica,sans-serif;
	padding:0;
	margin:0;
	background-color:#f2f2f2;
 
}
/*Global*/
 
.container{
	width:100%;
	margin:auto;
	overflow:hidden;
}
}
/*Global*/
.container1{
	width:100%;
	margin:auto;
	overflow:hidden;
 }
 ul,li{
list-style:none;
	margin:0;
	padding:0;
} 


/*main Header*/
{
       background:Blue;
       padding:0px 0px 0px 0px;
}

/*main Header*/

/*Header*/
header{
	background:#00bfff;
	color:#ff0000;
	padding-top:0px; 
	padding-bottom:50px;
	padding-left:150px;
	min-height:20px;
	border-bottom:#ff0000 4px solid;
	background:url('../img/gt1.jpg')no-repeat ;
}
  
.logo_container {
width : 80px;
height :20px;
float : left;
margin-bottom:0px;
}
header a{
	color:#006400;
	text-decoration:none;
	text-transform:uppercase;
	font-size:18px;
        padding:0px 5px 0px 5px;

} 

header li{
	float:left;
	display:inline;
	padding:0px 30px 0px 10px;
}

header #branding{
	float:right;
	padding:0px 0px px  0px;
}

header #branding h1{
	margin:0px;
	margin-bottom:0px;
	margin-top:0px;
}
 /*start adding facebook*/
 header #branding1{
	 float:center;
	 padding:0px 0px 5px 0px;
 }
 header #branding1{
	 margin:0px;
	 margin-bottom:0px;
	 margin-top:10px;

 }
 header #branding1 h1{
	  font-size:10px;
	 color:#014421;
	
 }
 /*end facebook*/

 /*--start image with text in home----*/
auto-container{
	position:static;
	max-width:20px;
	padding:0px 15px;
	margin:0 auto;
}
.containerT{
position:relative;
font-family:Arial;
}
.text-block {
 position:absolute;
 top:20px;
left:40px;
background-color:#ffdab9;
color:blue;
padding-left:20px;
padding-right:20px;
}
.bottom-left{
position:absolute;
bottom:8px;
left:20px;
color:white;
}

/*---End image with text in home---*/
/* start box in what we do*/

.containerT1{
position:relative;
font-family:Arial;
}
.text-block {
 position:absolute;
top:100px;
left:50px;
background-color:#483D8B;
color:white;
padding-left:50px;
padding-right:50px;
 padding: 15px 25px;
}
.containerT2{
position:relative;
font-family:Arial;
}
.text-block1 {
 position:absolute;
 top:400px;
right:50px;
background-color:#483D8B;
color:white;
padding-left:50px;
padding-right:50px;
 padding: 15px 25px;
}
.containerT3{
position:relative;
font-family:Arial;
}
.text-block2 {
 position:absolute;
 top:700px;
left:50px;
background-color:#483D8B;
color:white;
padding-left:50px;
padding-right:50px;
 padding: 15px 25px;
}
.containerT4{
position:relative;
font-family:Arial;
}
.text-block3 {
 position:absolute;
 top:950px;
right:50px;
background-color:#483D8B;
color:white;
padding-left:50px;
padding-right:50px;
 padding: 15px 25px;
}
/* END box in what we do*/

*--start image with text in about us----*/
.containerD{
position:relative;
font-family:Arial;
}
.text-block {
 position:absolute;
 top:20px;
left:40px;
background-color:#ffdab9;
color:blue;
padding-left:20px;
padding-right:20px;
}
.bottom-left{
position:absolute;
bottom:8px;
left:80px;
color:white;
}

/*---End image with text in what about us---*/

.containerW{
position:relative;
font-family:Arial;
}
.centered{
position:absolute;
top:50px;
left:50px;
transform:translate(-50%,-50%,);
}
header nav{
	float:center;
	margin-top:40px;
        margin-left:150px;
       
}
header .highlight, header .current a{
	 color:#00ff00;
	 font-weight:bold; 
}   
 header a:hover{
	 color:Green;
	 font-weight:bold;
	  
 } 

li a {
    display: block;
    color: green;
    text-align: center;
    text-decoration: none;
}
li a:hover {
    background-color: #F44336;
}
   
.button_1{
	height:30px;
	background:#014421;
	border:0px;
	padding-right:30px;
	padding-left:30px;
    color:#000;	
}
.dark{
	padding:5px;
	background:#ffffff;
	color:#000000;
	margin-bottom:5px; 
	margin-top:5px;
	
}   

/*  start dropdown menu*/
.dropdown {
    float:left;
    overflow: hidden;
	text-transform:uppercase;
    color:#006400;
	text-decoration:none;  
}
.dropdown .dropbtn {
    font-size: 10px;    
    border: none;
    color:#006400;
	background-color:#00bfff;
	text-decoration:none;  
}


.container a:hover, .d    background-color: red;{
	 color:#green;
}
dropdown:hover .dropbtn {
	display: block;
    color:#f00;
	background-color:#00bfff;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color:#00bfff;
	color:#f00;
    min-width: 120px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
  
}
.dropdown-content a {
    
    color: Green;
    padding: 5px 10px;
    text-decoration: none;
    display:block;
	position:center;
	padding:5px 10px;	
}

.dropdown-content a:hover {
    background-color: #f00;
	display: block;
	
}

.dropdown:hover .dropdown-content {
    display: block;
}

/*  End dropdown menu*/

/** {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 1500px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #014421;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: left;
}
 .showcase-container h1{
	 margin-top:0px;
	 font-size:15;
 }
 .showcase-container p{
	  font-size:20px;
 }
/* Number text (1/3 etc) */
.numbertext {
  color: #014421;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 20px;
}

/* The dots/bullets/indicators */
.dot {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

*/
.slideshow-container{
	 text-align: auto;
	font-size:12px;
}
.myslide fade{
	 text-align: center;
	font-size:12px;
}
 /*Showcase*/
  
 #showcase{
	 min-height:400px;
         margin-left:00px;
	 background:url('../img/000.jpg') no-repeat;
	  text-align:center;
	  color:#014421; 
	  
 }
 #showcase h1{
	 margin-top:50px;
	 font-size:15;
 }
 #showcase p{
	  font-size:20px;
 }
 #showcase1{
	 min-height:800px;
	 background:url('../img/000.jpg')no-repeat ;
	 text-align:center;
	 color:#014421;	 
	 margin-left:00px;
	
 }
 #showcase1 h1{
	 margin-top:40px;
	 font-size:15px;
	 margin-bottom:10px; 
	 display:center;
 }
 #showcase 1p{
	  font-size:50px;
 }
#showcase2{
	 min-height:350px;
	 background:url(img/contact.jpg')no-repeat ;
	  text-align:left;
	  color:#014421; 
	  margin-left:80px;
	
 }
/*newsletter*/	
#newsletter{
padding:15px;
color:#000;
background:#354224a;

}
  #newsletter h1{
	  float:left;
  }
  #newsletter form{
	  float:right;
	  margin-top:35px;
  }
  #newsletter input[type="email"]{
	  padding:4px;
	  height:15px;
	  width:250px;
  }
/*end newsletter*/	
/*Boxes*/
#boxes{
	mrgin-top:20px;
}
 #boxes .box{
	float:left;
	text-align:center;
    width:30%;
   padding:10px;	
 }
 #boxes .box img{
	 width:80px;
	 float:right;
    width:80%;
   padding:10px;
 }
 #boxes .box img{
	float:right;
 }

 /* sidebar*/
 aside#sidebar{
	 float:right;
	 width:30%;
	 margin-top:20px;
	 padding-top:20px;
	margin-bottom:2px;
	margin-top:0px;
 }
 aside#sidebar1{
	 float:left;
	 width:100%;
	 height:0%;
	 margin-bottom:0px;
	 margin-top:0px;
	 text-align:inline;
 }
 aside#sidebar2{
	 float:center;
	 width:50%;
	 height:0%;
	 margin-bottom:0px;
	 margin-top:0px;
 }
 aside#sidebar .Enquiry input,#sidebar.Enquiry textarea{
	 width:0%;
	 padding:5%;
 }
 /*main-col*/
 artical#main-col{
	 float:left;
	 width:65%;
 }
  
/*--- color:#ffffff;---*/
/*---background-color:#e8491d;---*/
 footer{
	  padding:10px;
	  margin-top:0px;
	  margin-bottom:0px;
          color:#ffffff;
	  background-color:#141d28;
	  text-align:center; 
          font-size:18px;
 }

/***



 /*Media Queries*/
 @media(max-width:768px){
	 header #branding,
	 header nav,
	 .container,
	 header a:hover,
	 header nav ul,
	 header nav li,
	 
	 #boxes .box,
	 article#main-col,
	 aside#sidebar{
		 float:none;
		 text-align:center;
		 width:100%;
		 }
		 
		 header{
			 padding-bottom:20px;
		 }
		 
		 
		 <body>
		 #showcase {
			 text-align:center;
			 width:100%;
			 float:none;
			 min-height:400px;
			 background:url('../img/bg.jpg')no-repeat ;
		 }
		 
		 #showcase1 {
			 margin-top:40px; 
		 }

                #showcase A {
			 text-align:center;
			 width:100%;
			 float:none;
			 min-height:400px;
			 background:url('../img/bg.jpg')no-repeat ;
		 }
		 
		 #showcase1 {
			 margin-top:40px; 
		 }
		 </body>
 }