body {
	margin:0;
	font-family: 'Open Sans', sans-serif;
}

#comp_Name {
	/*width: 25%;*/ 
	/*height: 25px;*/
	margin: 0 auto;
	position: fixed;
	top: 1.9%;
	/*left: 250px;*/
    left: 2%;
    /*transform: translate(-50%, -50%);*/
	background-size: cover;
	z-index:999;
}

#header {					/* Header original Layer - width, Bacground Layer file Name, height Layer, position, margin-top*/
	width: 100%; 
	background: url('../img/header-bg.png');
	height: 14%; 	
	position: fixed;
	margin-top: 0px;
	top:0;
	z-index: 999;
	box-shadow: 15px 3px 10px #6E6E6E;
}

#header_main {					/* Header original Layer - width, Bacground Layer file Name, height Layer, position, margin-top*/
	width: 100%; 
	/*background: url('../img/header-bg.png');*/
    background-color:#fff;
	height: 14%; 	
	position: fixed;
	margin-top: 0px;
	top:0;
	z-index: 999;
}

headerNew {
	possition:fixed;
	margin-top: 0px;
	top:0;
	z-index: 999;
}

#Home {
	width:20%;
	height:167px;
	bottom:10%;
	left:90%;
}

#btn-menu {
	display: none;
}

headerNew label {
	display: none;
	width: 30px;
	margin-left:50%;	/* ICON.PNG POSITION */
	height: 30px;
	padding:1%;
/*	border-right: 1px solid #fff; */
}

headerNew label:hover {
	cursor: pointer;
	background: rgba(0,0,0,0.3);
}

.menu2 ul {
	width: 50%;
	/*margin-top: 38px;*/
    margin-top: 5%;
	margin-left: 50.1%;
/*	font-family: cursive; */
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-size:10px;
	text-align: center;
    letter-spacing: 1px;
	list-style: none;
	padding: 0;
	display: flex;
	/*opacity: 1;*/
}

.menu2 ul li {
	color:  #fff;
	border-right: 0.1px solid #fff;
	line-height: 18px;
	margin-top:0px;
	text-align: center;
	text-decoration: none;
	float: center;
	font-size: 10px;
	flex-grow: 1;
	position: relative;
	opacity: 1;
}

.menu2 ul li:hover > ul {
	width: 144px;
	line-height: 100px;
	border-right: 0px transparent;
/*	font-size: 10px; */
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	display: block;
	background: black;
	text-align: left;
	position: absolute;
	opacity: 1;
}

.menu2 ul li a {
	border-right: none;
	text-decoration: none;
	color:  red;
	display: block;
	opacity: 1;
}

.menu2 ul li a:hover {
	background-color:gray;
/*	font-size: 11px; */
	opacity: 1px;
}

.menu2 ul li ul li {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

.menu2 ul ul					/*Drop Down Menu */
	{
	position: absolute;
	display:none;
}

/* Start of Contact Us Page */
#box {
	width:100%;
	position:fixed;
	margin: 0px;
    z-index: 999;
}

/* Single Line */
#line_border {
    left:68.5%;
    position:fixed;
    margin-top:10.8%;
    border-left: 1px thin #fff;
    z-index: 999;
 }

		#LeftSide_About {
			width:40%;
			height:auto;
			display:block;
			margin-top:12%;
			margin-left:6%;
			padding-left:1%;
			text-align:left;
			color:#fff;
			position:absolute;
			z-index:99;
		}

		#RightSide_About {
			width:41%;
			height:100px;
			font-size:14px;
			display:block;
			margin-top:10%;
			margin-left:52%;
			padding-left:1%;
			text-align:left;
			color:#fff;
			letter-spacing:1px;
			position:absolute;
			z-index:99;
		}

		#BottomSide_About {
			width:90%;
			/*height:100%;*/
			display:block;
			font-size:14px;
			margin-top:8%;
			padding-left:5%;
			padding-right:5%;
			text-align:left;
			letter-spacing:1px;
			color:#040792;
			position:absolute;
			z-index:99;
		}

/*   Google Map */
#left {
    width:68%;
    height:80%;
    display:block;
    margin-top:-52.5%;
    margin-left:2%;
    position:absolute;
    z-index: 999;
    box-shadow: 5px 5px 5px #A4A4A4;
}

/*  Contact Details */
#left_down1 {
    width:20.5%;
    height:27%;
    minimum-width:30.5%;
    display:block;
    top:15%;
    margin-left:2%;
    padding-left:3%;
    line-height:10px;
    position:fixed;
	background-color: rgba(255,0,0,1);
	background: url('../img/header-bg.png');
	opacity:0.9;
/*    box-shadow: 7px 7px 7px #A4A4A4;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius: 20px; */
/*    box-shadow: 5px 5px 5px #A4A4A4; */
    z-index: 999;
}

#left_down1:hover{
/*    width:33.5%;
    height: 43.5%;
	background: #4E94AB;
	color: white;
	text-align: center;
	margin-bottom: -50px;
	margin-top: 0%;   
	padding-bottom:1.0%;
	padding-left: 0%; 
	transition: all 0.5s; */
}

/* Connect with Us */
#left_down2 {
    width:20.5%;
    height:27%;
    display:block;
    top:67%;
    margin-left:35.5%;
    padding-left:3%;
    line-height:10px;
    position:fixed;
	background-color: rgba(255,0,0,1);
	background: url('../img/header-bg.png');
	opacity: 1;
/*    box-shadow: 7px 7px 7px #A4A4A4;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius: 20px; */
    /* box-shadow: 5px 5px 5px #A4A4A4; */
    z-index: 999;
}

#left_down2:hover{
/*    width:31.5%;
    height: 43.5%;
	background: #4E94AB;
	color: white;
	text-align: center;
	margin-bottom: -50px;
	margin-top: 0%;   
	padding-bottom:1.0%;
	padding-left: 0%; 
	transition: all 0.5s; */
}

/* Company Logo */
#right {
    width:25%;
    height:91%;
    display:block;
    border-left: 1px solid #fff;
    margin-top: 4%;
	margin-left:71%;
    padding-left:1%;
    padding-top:4%;
    position:fixed;
    z-index: 9;
}

/* End of Contact Us Page */

h7 {
/*	font-family: cursive; */
	font-family: 'Open Sans', sans-serif;
	background-color:#2E64FE;
    color: White;
/*	background-color: #f98d24; */
	font-size: 18px;
	letter-spacing: 1px;
	max-width: 260px;
	text-align:left;
/*	text-decoration: underline; */
	text-decoration: none;
	margin: 0px 0;
	padding: 0;
	z-index: 1;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	opacity: 1;
}

h8 {
/*	font-family: gabriola; */
/*	font-family: cursive; */
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	text-align:left;
	margin: 0px 0;
	padding: 0;
	z-index: 1;
	color: #fff;
	letter-spacing: 1px;
	position:relative;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius: 7px;
	opacity: 1;
}

h9 {
/*	font-family: cursive; */
	font-family: Verdana, sans-serif, helvetica;
    color: #bababa;
	font-size: 15px;
	max-width: 260px;
	text-align:left;
	text-decoration: justify;
	letter-spacing: 0px;
	margin: 0px 0;
	padding: 0;
	z-index: 1;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius: 4px;
	opacity: 1;
}

h11 {
/*	font-family: gabriola; */
	font-family: cursive; 
/*	font-family: sans-serif,helvetica,Arial; */
	font-size: 16px;
	text-align:left;
	margin: 0px 0;
	padding: 0;
	z-index: 1;
	color: white;
	letter-spacing: 1px;
	position:relative;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius: 7px;
}

h12 {
	font: sans-serif;
    color: White;
	font-size: 24px;
	/* font-weight: bold; */
	letter-spacing: 1px;
	max-width: 260px;
	text-align:left;
	text-decoration: none;
	color:white;
	margin: 0px 0;
	padding: 0;
	z-index: 1;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius: 4px;
}

h13 {
/*	font-family: gabriola; */
/*	font-family: cursive; */
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	text-align:left;
	margin: 0px 0;
	padding: 0;
	z-index: 1;
	color: #fff;
	letter-spacing: 1px;
	position:relative;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius: 7px;
}

h15 {
	font: sans-serif;
    color: Red;
	font-size: 24px;
	/* font-weight: bold; */
	letter-spacing: 1px;
	max-width: 260px;
	text-align:left;
	text-decoration: none;
	color:Red;
	margin: 0px 0;
	padding: 0;
	z-index: 1;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius: 4px;
}

.caption1 {
    width: 30%;
    height: 50%;
    top:25%;
    margin-left:64%;
    display: block;
    position: absolute;
    color:#fff;
    font-size:18px;
    letter-spacing: 2px;
    background-color:black; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    opacity:0.0;
}

.caption2 {
    width: 30%;
    height: 54%;
    top:23%;
    margin-left:70%;
    display: block;
    position: absolute;
    color:#fff;
    font-size:11px;
    letter-spacing: 2px;
	padding-left:10px;
    background-color:black; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    opacity:0.9;
}

.caption3 {
    width: 30%;
    height: 59%;
    top:18%;
    margin-left:70%;
    display: block;
    position: absolute;
    color:#fff;
    font-size:11px;
    letter-spacing: 2px;
	padding-left:10px;
    background-color:black; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    opacity:0.9;
}


#BottomSideG {
	width: 100%;
	height:50px;
	position: fixed;
	bottom:10px;
	left:22%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	z-index:9999;
}

/***********************************************************************************************/

@media screen and (max-height: 650px) {
	
	#header {					/* Header original Layer - width, Bacground Layer file Name, height Layer, position, margin-top*/
		height: 9%; 	
	}

	#comp_Name {

		height: 15px;
	}

	headerNew {
		height: 9%; 	
	}
	
	.caption1 {
/* 	    width: 13;
	    height: 30px;
	    line-height: 30px;
	    top:62%;
	    margin-left:83%;
 */	    
		width: 13%;
		height: 4%;
		top:77%;
		margin-left:66%;

		display: block;
	    position: absolute;
	    color: #fff;
	    font-size:18px;
	    letter-spacing: 2px;
	    background-color:black; 
	/*                background-color:#FF7D33; */
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    -o-border-radius: 10px;
	    border-radius: 10px;
	    opacity:0.7;
	}

	#btn-menu {
		width: 5px;
		height:5px;
	}
	
	#btn-menu:checked ~ .menu2 {
		margin: 0;
	}

		#LeftSide_About {
			width:40%;
			height:auto;
			display:block;
			margin-top:22%;
			margin-left:6%;
			padding-left:1%;
			text-align:left;
			color:#fff;
			position:absolute;
			z-index:99;
		}

		#RightSide_About {
			width:41%;
			height:100px;
			font-size:14px;
			display:block;
			margin-top:20%;
			margin-left:52%;
			padding-left:1%;
			text-align:left;
			color:#fff;
			letter-spacing:1px;
			position:absolute;
			z-index:99;
		}

		#BottomSide_About {
			width:90%;
			height:800px;
			display:block;
			font-size:14px;
			/*margin-top:40.5%;*/
			padding-left:5%;
			padding-right:5%;
			text-align:left;
			letter-spacing:1px;
			color:#fff;
			position:absolute;
			z-index:99;
		}

		#RightSiden {
			padding-left:53%; margin-top:14%;
		}

		#LeftSiden {
			width:41%; height:auto; display:block; padding-left:1%; padding-top:37%; text-align:left;
		}
}

@media screen and (min-height:768px) and (max-height: 799px) {

	.caption1 {
/* 	    width: 16%;
	    height: 30px;
	    line-height: 30px;
	    bottom:20%;
	    margin-left:83%; */
		
	width: 13%;
    height: 4%;
    top:52%;
    margin-left:56%;

		
	    display: block;
	    position: absolute;
	    color:orange;
	    font-size:18px;
	    letter-spacing: 2px;
	    background-color:black; 
	/*                background-color:#FF7D33; */
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    -o-border-radius: 10px;
	    border-radius: 10px;
	    opacity:0.7;
	}

	#btn-menu {
		width: 5px;
		height:5px;
	}
	
	#btn-menu:checked ~ .menu2 {
		margin: 0;
	}

		#LeftSide_About {
			width:40%;
			height:auto;
			display:block;
			margin-top:12%;
			margin-left:6%;
			padding-left:1%;
			text-align:left;
			color:#fff;
			position:absolute;
			z-index:99;
		}

		#RightSide_About {
			width:41%;
			height:100px;
			font-size:14px;
			display:block;
			/*margin-top:10%;*/
			margin-left:52%;
			padding-left:1%;
			text-align:left;
			color:#fff;
			letter-spacing:1px;
			position:absolute;
			z-index:99;
		}

		#BottomSide_About {
			width:90%;
			height:800px;
			display:block;
			font-size:14px;
			margin-top:30.5%;
			padding-left:5%;
			padding-right:5%;
			text-align:left;
			letter-spacing:1px;
			color:#fff;
			position:absolute;
			z-index:99;
		}
}

@media screen and (min-height:768px) and (max-height: 1050px) {
	.caption1 {
	    top:82%;
	    margin-left:83%;
	}
		#LeftSide_About {
			width:40%;
			height:auto;
			display:block;
			margin-top:12%;
			margin-left:6%;
			padding-left:1%;
			text-align:left;
			color:#fff;
			position:absolute;
			z-index:99;
		}

		#RightSide_About {
			width:41%;
			height:100px;
			font-size:14px;
			display:block;
			margin-top:10%;
			margin-left:52%;
			padding-left:1%;
			text-align:left;
			color:#fff;
			letter-spacing:1px;
			position:absolute;
			z-index:99;
		}

		#BottomSide_About {
			width:90%;
			height:800px;
			display:block;
			font-size:14px;
			margin-top:30.5%;
			padding-left:5%;
			padding-right:5%;
			text-align:left;
			letter-spacing:1px;
			color:#fff;
			position:absolute;
			z-index:99;
		}
}

@media (max-width:768px) {

	#BottomSideG {
		height:20px;
		bottom:100px;
		left:10px;
	}

	#slider{
		height: 500px;
	}

	/* border block with inner containt */
	headerNew label {
		display: block;
		padding-top: 3%;
		margin-left:70%;
	}

	#header {					/* Header original Layer - width, Bacground Layer file Name, height Layer, position, margin-top*/
		width: 100%; 
		height: 15%; 	
	}

	/* Company Name */
	#comp_Name {
		width: 45%;
		height: 30px;
		margin: 0 auto;
		position: fixed;
		top: 3%;
		left: 50px;
		background-size: cover;
	}

	#Cap {
	    width:50%;
	    height:20px;
	    bottom:2%;
	    display:block;
	    background-color:black;
	    color:#fff;
	    margin-left:38%;
	    position:fixed;
	    text-align:center;
	    font-family:cursive;
	    line-height:20px;
	    letter-spacing: 1px;
	    z-index:999;
	    font-size:9px;
	    opacity:0.6;
	}

    .caption1 {
/* 	    width: 150px;
	    height: 30px;
	    line-height: 30px; */    
	width: 13%;
    height: 4%;
    top:72%;
    margin-left:76%;

		
	    text-align: center;
	    display: block;
	    position: absolute;
	    color:#fff;
	    font-size:16px;
	    letter-spacing: 2px;
	    right:0%;
	    background-color:#338AFF; 
	/*                background-color:#FF7D33; */
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    -o-border-radius: 10px;
	    border-radius: 10px;
	    opacity:0.9;
    }

	#LeftSiden {
		padding-top:20%
	}
	#RightSiden {
		margin-top:-44%
	}

	/* drop down menu */
	.menu2 {
		color: #fff;
		position: fixed;
/*		background: #4E94AB transparent; */
		display: block;
		width: 200px;
		height: 150px;
		border-right: none;
		text-align: center;
		margin-left: -200px;
		margin-top: 0%;   /* Menu starting top possition */
		padding-top:1.0%;
		padding-left: 0%;
		transition: all 0.5s;
	}
	

	/* menu starting possition */
	.menu2 ul {
		border-right: 0px;
		flex-direction:column;
		margin-left: 5%;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		font-size: 10px;
		position: relative;
		opacity: 1;
	}

	/* menu2 items details */
	.menu2 li {
		margin-top: 10px;
		padding-top: 0px;
	}

	.menu2 li:hover {
/*		background: rgba(0,0,0,0.9); */
	}

	.menu2 ul li a:hover {
		color:  Yellow;
		font-size: 9px;
	}

	.menu2 ul li {
		color:  #fff;
/*		border-right: 0.1px solid #fff; */
/*		line-height: 18px; */
		background-color: black;
		margin-top:0px;
		padding-top: 10px;
		text-align: center;
		float: top;
		font-size: 9px;
		flex-grow: 1;
		position: relative;
/*		opacity: 1; */
	}

	.menu2 ul li a {
		text-decoration: none;
		color:  #fff;
		display: block;
		opacity: 1;
	}

	.menu2 ul li:hover > ul {
		width: 190px;
		line-height: 100px;
		border-right: 0px transparent;
		font-size: 10px;
		margin-left: 100px;
		padding-left: 0px;
		margin-top: -20px;
		padding-top: 0px;
		display: block;
		background: black;
		text-align: center;
		position: absolute;
		opacity: 1;
	}

	#btn-menu {
		width: 5px;
		height:5px;
	}
	
	#btn-menu:checked ~ .menu2 {
		margin: 0;
	}

	#menu2:checked ~ .menu2 ul {
		margin: 0;
	}
    #box {
        margin-top: 20%;
        margin-left:1.5%;
    }

    #left {
        width:68%;
        height:200px;
        display:block;
        margin-top:2%;
        margin-left:0%;
        position:absolute;
        box-shadow: 10px 10px 10px #A4A4A4;
    }

    #left_down1 {
        width:65%;
        height: 230px;
        margin-top: 60px;
    }

	#left_down1:hover{
		width:68%;
        height: 230px;
        margin-top: 60px;
	}

    #left_down2, #left_down2:hover {
        width:65%;
        height:120px;
        display:block;
        margin-top: 340px;
        margin-left:0%;
        padding-left:3%;
        line-height:10px;
        position:absolute;
        box-shadow: 7px 7px 7px #A4A4A4;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        border-radius: 20px;
    }

    h7 {
    	font-size: 14px;
    }
 
    h8 {
    	font-size: 18px;
    	line-height: 0.2px;
    }
}