@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Roboto:400,500,700);

body {background-image: url(../images/home-bg.jpg) ;background-position: center center;background-repeat:  no-repeat;background-attachment: fixed;background-size: cover;background-color: #999;font-family:'Open Sans', sans-serif;}
.wrapper {height: 100%; width: 100%; }
.bg-home {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height:100%;
	display: block;
	position: absolute;
	background-color: rgba(43,57,144,0.6);
	color: #fff;
	padding: 0em;
	top: 0px;
}

.home_top_heading {width:100%; text-align:center;}
.home_top_heading  h1 {width:100%;font-size:35px;text-align:center;font-weight: bold;padding: 0px;margin-top: 25px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;color: #fff;}
.home_top_heading  p {width:100%;font-size:20px;text-align:center;font-weight: bold;color: #fff;}
.footer_bottom {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	display: block;
	position: absolute;
	background-color: #2e4b8f;
	color: #fff;
	bottom: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	 
 }

.footer_left {width:25%;float: left;}
.footer_left .social_icon {float:left; margin-right:30px;}
.footer_right {width:45%;float: right; text-align:center}
.social_icon-right {float:left;margin-right:35px;}
.social_icon-pm {float:left;margin-right:35px;}
.right_zero {float:left;margin-right:0px;}
.menu_area {width:100%; float: left; padding-left:20px; padding-right:20px; margin-top:50px;}
 
  
 
@media (max-width: 2000px) {
#cssmenu { display:none!important;}}
@media (max-width: 1200px) {
.footer_right { width:60%;}
.main-navigation {display:none!important;}
#cssmenu {display:block !important;}
}
@media (max-width: 1000px) {
.main-navigation {display:none!important;}
#cssmenu {display:block !important;}
.footer_left .social_icon {margin-bottom:15px;}
}

@media (max-width: 800px) {
.footer_left { width:100%; margin-bottom:25px; float:left;}
.social_icon {width:25%; text-align:center;}
.footer_right { width:100%; margin-bottom:25px; float:left;}
.social_icon-right {width:100%; text-align:center; margin-bottom:15px;}
.social_icon-pm {width:100%; margin-bottom:15px;}
}
@media (max-width: 450px) {
.footer_left { width:100%; margin-bottom:25px; float:left;}
.social_icon {width:22%; text-align:center;}
.footer_right { width:100%; margin-bottom:25px; float:left; line-height:15px;}
.social_icon-right {width:100%; text-align:center;}
 }