body {
margin:0;
padding:0;
}

*{
margin:0;
padding:0;
}

#top{
width:100%;
height:40px;
line-height:40px;
background-color:#134462;
}
.email{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
float:left;
padding-left:40px;
width:30%;
color:#FFFFFF;
}
.email img{
vertical-align:middle;
margin-right:5px;
}
.email a{ 
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#ffffff;
text-align:right;
text-decoration:none;	
}
.contact{
width:60%;
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#ffffff;
text-align:right;
padding-right:40px;
}
.contact img{
vertical-align:middle;
margin-right:5px;
}
.contact a{ 
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#ffffff;
text-align:right;
text-decoration:none;	
}

#header{
width:100%;
height:100px;
line-height:100px;
}
.logo{
float:left;
padding-left:40px;
width:30%;
padding-top:15px;
}
.menu{
width:60%;
float:right;
text-align:right;
padding-right:40px;
}
.menu ul li{
font-family:Georgia, "Times New Roman", Times, serif;
color:#ffffff;
display:inline;
font-size:16px;
margin-left:40px;
}
.menu ul li a { 
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:0.1em; 
	color:#000;
	text-decoration:none;	
}

.menu ul li a.active,
.menu ul li a:hover {color:#fb3b05;}

#banner{
width:100%;
background-image:url(images/baner.jpg);
height:400px;
background-repeat:no-repeat;
background-size:cover;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:35px;
	color:#000;
	text-align:center;
	margin-top:20px;
}

.txt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
color:#3B3333;
padding:10px 40px 10px 40px;
line-height:30px;
text-align:justify;
}
.con-txt{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#000;
padding:10px 200px 10px 200px;
line-height:30px;
text-align:justify;
}

.flex-container{
width:100%;
height:auto;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
margin-top:35px;
}
.flex-box{
 width:26%;
    height:auto;
    border: 1px solid #ffffff;
    background:#FFFFFF;
	border-radius:15px;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:30px;
	-webkit-box-shadow: 2px 2px 7px 4px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 7px 4px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.25);
}
.flex-box img{
width:90%;
margin:16px;
border-radius:25px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	color:#000;
	margin-bottom:10px;
}
hr{
color:#CBC4C4;
margin:0px 20px 20px 20px;
}

.button{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px 0px;
background-color:#0000FF;
border-radius:20px;
text-align:center;	
}

.button a{
	text-decoration:none;
	color:#FFFFFF;	
}

#footer{width:100%; padding-top:10px; height:70px; background-color:#134462; color:#fff; text-align:center;}
.main-footer{width:100%; padding-top:10px; height:50px; margin:auto; color:#FFFFFF;
text-align:center;
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;}
#footer a{color:#fff; text-decoration:none; font-size:12px; padding:10px; }
#footer a:hover{color:#fff;}

#footer1{width:100%; height:7px; background-color:#000;}

.whatsapp{
position:fixed;
bottom:40px;
right:20px;
}
.para{ padding:5px; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:1.7em; text-align:justify;}
.query{ width:50%; margin:auto; background-color:#e8e8e8; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border: solid 1px #666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; color:#000000;}

input[type=text] {
  padding: 5px 0px;
  margin: 5px 0;
 
}



/* Responsive */

@media only screen and (min-width:778px) and (max-width: 1024px){
	.menu ul li{
		margin-left:10px;
	}
	.logo img{max-width:100%;}
	.flex-box{
 width:100%;

}
.flex-box img{
width:95%;
margin:16px;
border-radius:25px;
}
	
}


@media only screen and (min-width: 320px) and (max-width: 991px) {
.email{width:100%; float:none; text-align:center;padding:0;}
.contact{width:100%; float:none; text-align:center;padding:0;}
#top{width:100%; height:80px;}
#header{
width:100%;
height:auto;
}
.logo{
	text-align:center;
	width:100%;
	padding-left:0;
	float:none;
}
.menu{
width:100%;
text-align:center;
float:none;
padding-right:0;
border-top:1px solid #ccc;
line-height:normal;
padding:15px 0;
}
.menu ul li{
    margin: 0 10px;
}
.menu ul li a{line-height:30px;display:inline-block;}

.txt{padding:10px 10px 20px 10px;}
.con-txt{padding:10px 10px 20px 10px;}
h2 {
	padding-left:10px;
	margin-bottom:10px;
}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:23px;
}

#banner{
width:100%;
background-size:contain;
height:150px;
}	
.flex-box{
width:100%;
margin-left:20px;
margin-right:20px;
margin-bottom:30px;	
}
.flex-box img{
width:95%;
margin:16px 0px 16px 8px;
border-radius:25px;
}


}