*{ box-sizing:border-box; }

.main { 
	display:grid;
	grid-template-areas: 
		'header header'
		'maincontent1 maincontent1'
		'services1 services1'
		'services5 services6'
		'footer footer' ;
	}
			@media only screen and (max-width: 767px) { 
			.main { display:block; }		
			}		

.header { grid-area: header; width:100%; margin:0; padding:0;}
		#himg { float:left; height:90px; }

			@media only screen and (max-width: 767px) { 
			.header { display:block;  }
			#himg { float:left; height:50px;}
						
			}
			
			@media only screen and (max-width:767px) { 
				#mmu {min-width:100% !important; position:absolute; z-index:7;}
				a.icon { display: block; position: absolute; color:#034265; margin-top:10px; font-size:25px; right: 0; top: 0; }
				#mmu #mml01 {display:block; padding-left:6px;}		
				#mmu { display:none; width:100%; overflow:hidden;}
				#mmu .mml { background:#9FCDE3; width:100%; position:relative; border:1px solid #9FCDE3; }
				#mmu .mml a {width:100%;}
				#mmu .mml:hover {background:#ECF5FA;}
				#mmu .mml .mmll { position:relative; background:#ECF5FA;   }
				#mmu .mml .mplus { color:#034265; float:right; margin-right:15px; font-size:1.1em; visibility:visible;}
				#mmu .mml .mmll a:hover { background:#ECF5FA; border:1px solid #4f4f4f; box-shadow:2px 2px #000;}
			}
			
			@media only screen and (max-width:878px){
				#mmu { min-width:90% !important; }
				.mml {margin-left:1% !important; min-width:125px !important; box-sizing:border-box;}
			}
		
	
	.icon {display:none;}
	.mplus {visibility:hidden;}
	#mmu {  margin-top:55px; margin-right:0; padding:0; min-width:830px;}	
	#mml01 {}
	.mml {float:left; list-style:none; position:relative; display:block; background:#fff; margin-left:5%; min-width:150px; line-height:3; padding: 0px 6px; }
	.mml a {text-decoration:none; font-family:Arial; font-size:17px; color:#034265; font-weight:bold; }
	.mml:hover .mmll { display:block; }
	.mmll { position:absolute; margin-left:-15px; text-align:left; display:none; background:#fff; min-width:250px; z-index:2;}
	.mmll a {text-decoration:none; font-family:Arial; font-size:15px; display:block; padding: 0px 16px; }
	.mmll a:hover {color:#000; background-color:#ccc; }

.maincontent1 { grid-area: maincontent1; width:100%; height:250px; background-image:url('images/aboutush1.png'); background-color:#FCFBF9;
				 background-repeat:no-repeat; background-position:20% 50%; box-sizing:border-box;}
			#heads { width:400px; height:100px; font-family:Arial; color:#fff; font-weight:bold; color:white; 
					text-align:center; border-radius:10px; line-height:1.5; position:relative; animation-name:ex4; animation-duration:3s; 
					animation-fill-mode:forwards; visibility:hidden;}
				
				@keyframes ex4 {from{ color:#fff; left:55%; top:25px; visibility:hidden;} to{color:#000; left:55%; top:75px; visibility:visible;}
					}
					
				@media only screen and (max-width:878px){
					#heads { width:300px; }
					@keyframes ex4 {from{ color:#fff; left:60%; top:25px; visibility:hidden;} to{color:#000; left:60%; top:75px; visibility:visible;}
					}
				}
					
				@media only screen and (max-width:767px){
					.maincontent1 { display:flex; height:0px; padding:0;}
					#heads { display:none;}
				}
					
.services1 { grid-area: services1; width:100%;
			 font-family:Arial; font-size:16px; line-height:1.6; color:#584D4D;  text-align:justify; padding:0px 20px; box-sizing:border-box; }
			 p {padding:0px 20px; box-sizing:border-box;}
			 h3 {padding:0px 20px; box-sizing:border-box;}
			 #pall { float:left; }
			 #aboutimg { float:right; width:50%; padding-left:10px; box-sizing:border-box;} 					
			 #serh1 { display:none; }
			 #aboutimg1 { display:none; width:100%; }
			 
			@media only screen and (max-width:767px){
					#serh1 { display:block; text-align:center; }
					 #aboutimg1 { display:block; }
				}
			


.services5 { grid-area: services5; width:100%; border:0px; background-color:#000; opacity:0.8; margin:auto; color:white; font-family:Arial; font-size:15px;
			height:300px; box-sizing:border-box;}
			.s5p1 { padding:30px; text-align:justify; line-height:1.5; max-width:650px; }
			.s5p2 { text-align:left; padding-left:30px; box-sizing:border-box;}	
				
				@media only screen and (max-width:1150px){
					.services5 { height:390px; box-sizing:border-box;  }
					
				}
				
				@media only screen and (max-width:878px){
					.services5 { height:425px; box-sizing:border-box;  }
					
				}
				
				@media only screen and (max-width:767px){
					.services5 { display:block; background:#000; color:#fff; height:300px; box-sizing:border-box;}
					.s5p1 { margin:auto; padding:30px; text-align:justify; line-height:1.5; }
					.s5p2 { text-align:center; padding:0; margin:0; line-height:4;}
					.s5p2 a { color:#fff; }
				}
				@media only screen and (max-width:500px){
					.services5 { height:390px }
				}
				
				.fa { padding: 10px; font-size: 30px; text-align: center; text-decoration: none; margin: 5px 2px; }
				.fa:hover { opacity: 0.7; }
				.fa-facebook { background: #000; color: white; }
				.fa-twitter { background: #000; color: white; }
				.fa-linkedin { background: #000; color: white; }
				.fa-instagram { background: #000; color: white; }
				
.services6 { grid-area: services6; width:100%; height:300px; border:0px;
				background-color:#000;  opacity:0.8;
				margin:auto; color:white; font-family:Arial; font-size:15px;
				box-sizing:border-box;
			}
		#s6tb { margin:auto; padding-top:18px; }
		.s6td {padding:20px; line-height:2;}
		.s6td a { color:#fff;  }
		
			@media only screen and (max-width:1150px){
					.services6 { height:390px; box-sizing:border-box; }
					
				}
				@media only screen and (max-width:878px){
					.services6 { height:425px; box-sizing:border-box; }
					
				}
		
			@media only screen and (max-width:767px){
				.services6 {display:block; background:#000; color:#fff; height:250px;}
				.s6td {padding:40px 30px 30px 30px;}
			}
			
			@media only screen and (max-width:500px){
				.s6td { padding-right:10px; }
			}
			

.footer { grid-area: footer; 
			width:100%; background-color:#000; opacity:0.8;  margin:auto; color:white; font-family:Arial; font-size:15px; height:40px; text-align:center; 
	}
		@media only screen and (max-width:767px){
			.fp1 { padding:0px; margin:0;}	
		}
		
/* Contact us page */
	#cadd { font-family:Arial; font-size:16px; color:#584D4D; text-align:justify; line-height:1.5; display:block; width:50%; float:left; }
	#cform { float:right; width:50%; text-align:left;}
	#fname, #email, #pnum, #sub { width:80%; font-family:Arial; font-size:16px; color:#584D4D; text-align:justify; line-height:2; border-radius:5px;
									border:1px solid #584D4D; }
	#ctxt { width:80%; height:200px; font-family:Arial; font-size:16px; color:#584D4D; text-align:justify; line-height:2; border-radius:5px; 
			border-radius:5px; border:1px solid #584D4D;}
	#submit { width:150px; font-family:Arial; font-size:16px; color:#000; text-align:center; line-height:2; border-radius:5px;
									border:1px solid #024265; background:#9FCDE3; box-shadow:2px 2px #000;} 
			
			@media only screen and (max-width:878px){
				#fname, #email, #pnum, #sub, #ctxt { width:95%; }
			}
			
			@media only screen and (max-width:767px){
				#cadd { display:flex; width:100%; padding:0; margin-top:10px;}
				#cform { width:100%; padding:0; margin:0;}
				#fname, #email, #pnum, #sub {width:100%;}
				#ctxt {width:100%;}
			}
	
/* Rest All pages services1 design */
	@media only screen and (max-width:767px){
	#pall { display:block; width:100%; }
	#aboutimg {display:block; width:100%;}
	}