/* body {margin:auto;} */

.topnav {
  overflow: hidden;
  background-color: #ffffff00;
      margin-top: -56px;
}

.topnav a {

  /* display: inline-block; */
  display: table-cell;
  color: #545555;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none !important;
  font-size: 17px;
  border-top: 5px solid #BABABA7F;
}
.paddingZero
{
	padding:0px !important;
}

.topnav a:hover {
  border-top: 5px solid #ED3833;
}

.topnav a.active {
  border-top: 5px solid #ED3833;
}	
.menuColor
{
	background-color:#ffffff;
}
.menuVLine
{
	border-right: 1px solid #BABABA7F;
	border-left: 1px solid #BABABA7F;
	
}
.textAlign
{
	text-align: center;
}





.xsMenuPadding
{
	padding:10px;
	
}
.xsMenuPadding1
{
	padding:5px;
	
}
.xsMenuColor
{
	color:#9D9D9D;
	text-decoration:none !important;
	
}
.xsMenuColor1 a:hover
{
	
	color:#003366;
	border-bottom:2px solid #FF0000;
	text-decoration:none !important;
}

.xsMenuColor1:hover{border-bottom:2px solid red;}
/* .bannerContent */
	/* { */
		/* position:absolute; */
		/* margin-top:7%; */
		/* margin-left:11%; */
	/* } */
/* .xsMenuColor1 a:visited */
/* { */
	/* color:#003366; */
	/* border-bottom:2px solid #FF0000; */
	/* text-decoration:none !important; */
/* } */
/* .borderBottomMenuXS */
/* { */
	/* border-top:1px solid black ; */
/* } */
 /* default styles here for older browsers. 
   I tend to go for a 600px - 960px width max but using percentages
*/






@media (min-width: 1281px) {
  
  /* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
	.containerBorder
	{
			border: 2px solid #ECECED;
			background-color:#ECECED;
	}
.bannerContent
	{
		position:absolute;
		margin-top:7%;
		margin-left:11%;
	}
	.bannerContentH2
	{
		font-size:42px;
		color:#151515;
	}
	.bannerContentH6
	{
		font-size:24px;
		color:#5D5C5C;
	}
	.squareBelowMenu
	{
		border: 1px solid #000;	
		padding: 61px;
		color:#3D3D3D;
		margin:15px 15px 15px 15px;
		background-color: #ffffff;
		/* border:1px solid #707070; */
		/* -webkit-box-shadow: 0 0 5px 2px #00000029; */
		/* -moz-box-shadow: 0 0 5px 2px #00000029; */
		/* box-shadow: 0 0 5px 2px #00000029; */
	}
	.squareBelowMenu1
	{
		width:340px !important;
		height:246.73px !important;
	}
	.imgWidth
	{
		width:70px;
		height:70px;
	}

	.ContainerWidth
	{
		width:1110px !important;
	}
	.colorSize
	{
		font-size:24px;
		color:#3D3D3D;
	}
  
}



@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
.desktopViewBelowMenu
   {
	   margin-left:15%;
   }
   .containerBorder
	{
			border: 2px solid #ECECED;
			background-color:#ECECED;
	}
	.bannerContent
	{
		position:absolute;
		margin-top:7%;
		margin-left:11%;
	}
	.bannerContentH2
	{
		font-size:42px;
		color:#151515;
	}
	.bannerContentH6
	{
		font-size:24px;
		color:#5D5C5C;
	}
	.ContainerWidth
	{
		width:1110px !important;
	}
	.squareBelowMenu
	{
		border: 1px solid #000;	
		padding: 61px;
		color:#3D3D3D;
		margin:15px 15px 15px 15px;
		background-color: #ffffff;
		/* -webkit-box-shadow: 0 0 5px 2px #00000029; */
		/* -moz-box-shadow: 0 0 5px 2px #00000029; */
		/* box-shadow: 0 0 5px 2px #00000029; */
		
	}
	.squareBelowMenu1
	{
		width:340px !important;
		height:246.73px !important;
	}
	.imgWidth
	{
		width:70px;
		height:70px;
	}
	.colorSize
	{
		font-size:24px;
		color:#3D3D3D;
	}
  
}



@media (min-width: 768px) and (max-width: 1024px) {
  
  /* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
  .desktopViewBelowMenu
   {
	   /* margin-left:15%; */
	   float:center;
   }
   .containerBorder
	{
			border: 2px solid #ECECED;
			background-color:#ECECED;
	}
	.bannerContent
	{
		position:absolute;
		margin-top:7%;
		margin-left:11%;
	}
	.bannerContentH2
	{
		font-size:42px;
		color:#151515;
	}
	.bannerContentH6
	{
		font-size:24px;
		color:#5D5C5C;
	}
	.squareBelowMenu
	{
		border: 1px solid #000;	
		padding: 61px;
		color:#3D3D3D;
		margin:15px 15px 15px 15px;
		background-color: #ffffff;
		/* -webkit-box-shadow: 0 0 5px 2px #00000029; */
		/* -moz-box-shadow: 0 0 5px 2px #00000029; */
		/* box-shadow: 0 0 5px 2px #00000029; */
		
	}
	.squareBelowMenu1
	{
		width:340px !important;
		height:246.73px !important;
	}
	.imgWidth
	{
		width:70px;
		height:70px;
	}
	.colorSize
	{
		font-size:24px;
		color:#3D3D3D;
	}
	
}



@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
 /* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
  
}



@media (min-width: 481px) and (max-width: 767px) {
  
  /* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
 .borderBottomMenuXS
	{
		border-top:1px solid #B5B5B5 ;
	}
	.bannerContent
	{
		position:absolute;
		margin-top:28%;
		margin-left:8%;
	}
	.bannerContentH2
	{
		font-size:19px;
		color:#ffffff;
	}
	.bannerContentH6
	{
		font-size:14px;
		color:#ffffff;
	}
	.squareBelowMenu
	{
		border: 1px solid #000;	
		padding: 28px;
		color:#3D3D3D;
		margin:10.96px 10.96px 10.96px 10.96px;
		background-color: #ffffff;
		/* -webkit-box-shadow: 0 0 5px 2px #00000029; */
		/* -moz-box-shadow: 0 0 5px 2px #00000029; */
		/* box-shadow: 0 0 5px 2px #00000029; */
		
	}
	.squareBelowMenu:hover
	{
		border: 1px solid #003366B3;	
		
		
	}
	.squareBelowMenu1
	{
		width:137.62px !important;
		height:111.97px !important;
	}
	.imgWidth
	{
		width:30px;
		height:30px;
	}
	.colorSize
	{
		font-size:16px;
		color:#3D3D3D;
	}
	.ContainerWidth
	{
		width:321px !important;
	}
}



@media (min-width: 320px) and (max-width: 480px) {
  
  /* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
	.borderBottomMenuXS
	{
		border-top:1px solid #B5B5B5 ;
	}
	.bannerContent
	{
		position:absolute;
		margin-top:28%;
		margin-left:8%;
	}
	.bannerContentH2
	{
		font-size:19px;
		color:#ffffff;
	}
	.bannerContentH6
	{
		font-size:14px;
		color:#ffffff;
	}
	.squareBelowMenu
	{
		border: 1px solid #000;	
		padding: 28px;
		color:#3D3D3D;
		margin:10.96px 10.96px 10.96px 10.96px;
		background-color: #ffffff;
		/* -webkit-box-shadow: 0 0 5px 2px #00000029; */
		/* -moz-box-shadow: 0 0 5px 2px #00000029; */
		/* box-shadow: 0 0 5px 2px #00000029; */
		
	}
	.squareBelowMenu:hover
	{
		border: 1px solid #003366B3;	
		
		
	}
	.squareBelowMenu1
	{
		width:137.62px !important;
		height:111.97px !important;
	}
	.imgWidth
	{
		width:30px;
		height:30px;
	}
	.colorSize
	{
		font-size:16px;
		color:#3D3D3D;
	}
	.ContainerWidth
	{
		width:321px !important;
	}
}