/* 
	Theme Name: Bayview Roofing and Construction LLC.
	Theme URI: https://bayviewroofingconstruction.com/
	Description: Acustome theme for Bayview Roofing and Construction from Dbanerjee.com incolloboration with Aditri Creatives Online
	Author: Dipankar Banerjee
	Author URI: https://dbanerjee.com/
*/

/* ------------ RESET ------------ */
*{
	outline:none;
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}
html{
	overflow-y:visible;
}
img, fieldset {
	border: 0;
}

::selection { background:#255da6; color:#fcc841; /* Safari and Opera */ }
::-moz-selection { background:#255da6; color:#fcc841; /* Firefox */ }

/* ------------ CLEARFIX ------------ */
.clearfix:after, header:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{ display: inline-block; }
.clearfix{ display: block; zoom: 1; }

/* ------------ Global STYLING ------------ */
html {
}
body {
	margin:0px;
	padding:0px;
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	color:#000;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}
a, a:visited{
	text-decoration:none;
	color:#333;
	}
a:hover, a:active{
	color:#255da6;
}
hr{
	border:0px;
	border-bottom:1px solid #ccc;
	padding:0px;
	margin:10px 0px;
}
ul, ol{
}
li{
}

p{
}
h1{
  font-family: "Lobster", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 281%;    
}
h2{
  font-family: "Lobster", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 281%;
}
h3, h4{
	font-family: "Lobster", sans-serif;
}

.clr{
}
img, fieldset {
	border: 0;
}
img{
	max-width: 100%;
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* ------------ Menu ------------ */
#access {
	display: table;
	margin: 0 auto;
	width: 100%;
}
#access .menu-header, div.menu {
	font-size: 20px;
}
#access .menu-header ul, div.menu ul, #access ul {
	list-style: none;
	margin: 0;
	padding:0em;
}
#access .menu-header li, div.menu li, #access li {
	float: left;
	position: relative;
}
#access a {
	color: #333;
	display: block;
	padding:15px 12px;
	text-decoration: none;
}
#access ul ul {
	display: none;
	position: absolute;
	float: left;
	width: 250px;
	z-index: 99999;
	
}
#access ul ul li {
	/*min-width: 180px;*/
	/*width: 18em;*/
	float:none;
	border-bottom:1px solid #4d6bb3;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background-color:#fcc841;
	line-height: 1.6em;
	padding: 5px;
	width: 240px;
	height: auto;
}
#access li:hover > a{
	background-color:#fcc841;
	color: #333;
}
#access ul ul :hover > a {
	background: #255da6;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #333;
	background-color:#fcc841;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #333;
	background-color:#fcc841;
}

#access .menu,
#access div.menu ul{
/*font-family: Arial, Tahoma, sans-serif;*/
}

#access {
	/*float:left;*/
}

#access .menu-header,
div.menu {
    margin-right: 12px;
    margin-left: 0;
}

#access .menu-header li,
div.menu li{
	float:left;
}

#access ul ul {
	/*left:auto;
	right:0;
	float:right;*/
}
#access ul ul ul {
	left:auto;
	right:100%;
}

/* ------------------ Form Elements ------------------------------ */
input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], input[type=password], textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	border:1px solid #fff;
	padding:15px 10px;
	background-color:#fff;
	width:95%;
	outline:none;
	font-size:18px;
	margin-bottom:19px;
}
.linkPage .grid6 input[type=text], .linkPage .grid6 input[type=url], .linkPage .grid6 input[type=tel], .linkPage .grid6 input[type=number], .linkPage .grid6 input[type=color], .linkPage .grid6 input[type=email], .linkPage .grid6 input[type=password], .linkPage .grid6 textarea{
	background-color:#f5f5f5;
	border:1px solid #dddddd
}
textarea {
	font-family: 'Open Sans', sans-serif;
	height:80px;
	resize:none;
}
input[type=submit], input[type=reset] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	background-color:#255da6;
	border:0px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-khtml-border-radius:6px;
	padding:15px 30px;
	color:#FFF;
	margin:0px 10px 0px 0px;
	cursor:pointer;
	font-size:20px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:600;
}

input[type=submit]:hover, input[type=reset]:hover{
	background-color:#174a8c;
}

input[type=text]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=color]:focus, input[type=email]:focus, textarea:focus {
	box-shadow:0 0 5px rgba(172, 172, 172, 1);
}

input[type=text].midsize{
	width:43%;
	margin:0px 23px 2px 0px;
	-webkit-margin:0px 2px 2px 0px;
}
form.wpcf7-form{
	display:table;
/*	width:90%!important;
	margin:auto!important;*/
}
form img{
	width: inherit!important;
	max-width:100%!important;
}
/* ------------------ Form Elements ------------------------------ */
/* ---------------- Grids ---------------- */
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12{
	margin: 0 1% 0 0;
	text-align: left;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11{
	float: left;
}
.grid1 { width: 7.4%; }
.grid2 { width: 15.8%; }
.grid3 { width: 24.2%; }
.grid4 { width: 32.6%; }
.grid5 { width: 41%; }
.grid6 { width: 49.4%; }
.grid7 { width: 57.8%; }
.grid8 { width: 66.2%; }
.grid9 { width: 74.6%; }
.grid10 { width: 83%; }
.grid11 { width: 91.4%; }
.grid12 { width: 100%; }
.lastGrid{margin-right:0%;}
/* ---------------- Grids ---------------- */
#access *, form *, .blueButton, .RowSix *, .RowTwo *, .breadcrumb, .blogListing li a{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}
.alignleft {
	float:left;
	margin:0px 10px 10px 0px;
}
.alignright {
	float:right;
	margin:0px 0px 10px 10px;
}
.aligncenter {
	float:none;
	display:block;
	margin:0px auto 10px auto;
}
.textwidget{
	display:inline-block;
}
/* --------------------------------------------- */
.fullWidthWrapper{
	width:100%;
	display:table;
}
.wrapper{
	max-width: 1200px;
	width:96%;
	margin: 0 auto;
}
.displaytable{
	display:table;
}
/* ------- HEADER STYLES ------- */
.HeaderImage{
	background-image:url(images/banner-image.jpg);
	background-size:cover;
	padding-bottom:120px;
	background-attachment:fixed;
}
.HeaderImage .stepTwo h2{
	font-family: "Lobster", sans-serif;
	font-weight: 400;
	font-style: normal;
	padding:80px 0px 30px 0px;
	margin-left:20px;
	font-size:375%;
}
.HeaderImage .stepTwo p{
	font-size:125%;
	margin-left:20px;
	line-height:30px;
}
.LinkHeaderImage{
	background-size:cover;
	padding-bottom:120px;
	background-attachment:fixed;
}

a.blueButton, a:visited.blueButton{
	background-color:#255da6;
	color:#fff;
	font-size:156%;
	padding:27px 30px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
}
a:hover.blueButton{
	background-color:#174a8c;
}
.HeaderImage .blueButton{
	margin:30px 0px 0px 20px;
	display: inline-block;
}

.cut-corner {
      width: 50%;
      height: 200px;
	  background-image:url(images/yello-translucent.png);
      clip-path: polygon(0 0, 100% 0, 100% 0, 80% 100%, 0 100%);
    }
.MenuBase{
	background-color:#FFF;
	margin-top:130px;
}
.desktop {
	display: block;
	visibility: visible;
}
.mobile {
	display: none;
	visibility: hidden;
}


/* ------- HEADER STYLES ------- */
.blueBase{
	background-color:#255da6;
	padding:50px 0px;
}
.RowTwo h2{
	color:#fff;
	padding-bottom:30px;
	text-align:center;
}
.blueBase a{
	color:#fff;
}
.RowTwo ul{
}
.RowTwo li{
	list-style:none;
	padding:20px 0px 20px 60px;
}
.RowTwo li a, .RowTwo li a:viisted{
	display:inline-block;
	padding-top:10px;
}
.RowTwo li a:hover{
	color:#d7e2ef;
}
.RowTwo .grid5 li:nth-child(1){
	background-image:url(images/icon-01.png);
	background-repeat:no-repeat;
	background-position:center left;
}
.RowTwo .grid5 li:nth-child(2){
	background-image:url(images/icon-02.png);
	background-repeat:no-repeat;
	background-position:center left;
}
.RowTwo .grid5 li:nth-child(3){
	background-image:url(images/icon-03.png);
	background-repeat:no-repeat;
	background-position:center left;
}
.RowTwo .grid4 li:nth-child(1){
	background-image:url(images/icon-04.png);
	background-repeat:no-repeat;
	background-position:center left;
}
.RowTwo .grid4 li:nth-child(2){
	background-image:url(images/icon-05.png);
	background-repeat:no-repeat;
	background-position:center left;
}
.RowTwo .grid4 li:nth-child(3){
	background-image:url(images/icon-06.png);
	background-repeat:no-repeat;
	background-position:center left;
}
.RowTwo .grid3 li:nth-child(1){
	background-image:url(images/icon-07.png);
	background-repeat:no-repeat;
	background-position:center left;
}
.RowTwo .grid3 li:nth-child(2){
	background-image:url(images/icon-08.png);
	background-repeat:no-repeat;
	background-position:center left;
}
.RowTwo .grid3 li:nth-child(3){
	background-image:url(images/icon-09.png);
	background-repeat:no-repeat;
	background-position:center left;
}

.RowThree{
	padding:50px 0px;
}
.RowThree h1{
	color:#255da6;
	padding:0px 0px 10px 0px;
	font-size:250%;
}
.RowThree h2{
	font-size:187%;
	padding:0px 0px 10px 0px;
	color: #4e5859;
}
.RowThree p{
	padding:0px 0px 10px 0px;
	line-height:24px;
	font-size:100%;
}
.RowThree .grid7 img{
	margin:0px 10px 0px 10px;
}

.RowFour{
	background-color:#eeeeee;
	padding:50px 0px;
}
.RowFour h2{
	font-size:281%;
	padding:0px 0px 10px 0px;
	text-align:center;
	color: #4e5859;
}
.RowFour p{
	padding:0px 0px 10px 0px;
	line-height:24px;
	font-size:100%;
	text-align:center;
}
.RowFour .process p{
	text-align:left;
}

.processParent {
  display: flex;
  flex-wrap: wrap;
  gap: 16px; /* optional spacing between boxes */
  margin-top: 70px;
}

.process {
  flex: 1 1 calc(20% - 16px); /* 5 items in a row minus gap */
  background-color: #fcc841;
  padding: 60px 20px 20px 20px;
  box-sizing: border-box;
  text-align: left;
  min-height: 150px; /* adjust as needed */
  display: flex;
  align-items: top;
  justify-content: center;
  position:relative;
}
.process span{
	position:absolute;
	background-color:#255da6;
	color:#fff;
	font-size:312%;
	font-family: "Lobster", sans-serif;
	font-weight: 400;
	font-style:italic;
    top: -40px;
    left: 0px;
	display:inline-block;
	padding:10px 30px 10px 20px;
}

.RowFive{
	padding:50px 0px;
	background-image:url(images/yellow-bg.jpg);
	background-size:cover;
}
.RowFive h2{
	text-align:center;
	margin-bottom:20px;
}
.RowFive form{
	width:50%;
	margin:auto;
}
.RowSix{
	color:#fff;
}
.RowSix .grid5 img{
	margin-bottom:20px;
}
.RowSix .grid5 p{
	margin:0px 100px 0px 0px;
}
.RowSix .grid3 h2{
	margin-bottom:20px;
}
.RowSix .grid3 ul{
}
.RowSix .grid3 li{
	font-size:100%;
	margin:15px 0px;
	list-style:none;
}
.RowSix li a, .RowSix li a:visited{
	color:#fff;
}
.RowSix li a:hover{
	color:#d7e2ef;
}
.RowSix .grid4 ul{
	clear:both;
}
.RowSix .grid4 li{
    list-style: none;
    font-size: 30px;
    display: inline-block;
    margin: 0px 10px 10px 0px;
}
a.whitebutton, a:visited.whitebutton{
	display:inline-block;
	padding:10px 15px;
	color:#255da6;
	font-weight:600;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	background-color:#fff;
	font-size:20px;
}
a:hover.whitebutton{
	background-color:#d7e2ef;
}

.RowSix .grid12{
	border-top:1px solid #fff;
	padding:15px 0px 0px 0px;
	text-align:center;
	font-size:16px;
	clear:both;
}
/* ------------ /Footer ----------- */

.breadcrumb{
	border-bottom: 1px solid #dfe5ed;
	border-top: 1px solid #dfe5ed;
	padding:10px 0px;
	font-size:100%;
	display:table;
	margin-top:10px;
}
.breadcrumb a, .breadcrumb a:visited{
	color:#255da6;
	font-weight:700;
}
.breadcrumb a:hover{
	color:#333;
}

.linkPage{
	padding:50px 0px;
	line-height:35px;
}
.linkPage h1, .blogListing h1, .blogDetails h1{
	margin:0px 0px 20px 0px;
	font-size:300%;
	/*line-height: 40px;*/
}
.linkPage h2, .blogListing h2, .blogDetails h2{
	margin:0px 0px 10px 0px;
	font-size:200%;
	color: #4e5859;
	/*color:#3d5068;*/
	/*line-height: 40px;*/
}
.linkPage ul{
}
.linkPage li{
	margin: 0px 0px 5px 30px;
	padding: 0px 0px 0px 0px;
	line-height: 30px;
}
.linkPage .grid4 h2{
   /* font-size: 150%;*/
    margin: 0px 0px 10px 0px;
	font-size:200%;
	color:#3d5068;
	line-height:35px;
	
}
.blogDetails ul{
	margin-bottom:20px;
}
.linkPage .grid6 form{
	width:97%;
}
/* ----------------------- Blog ------------------------- */
.blogListing, .blogDetails{
	padding:50px 0px;
}

.blogListing hr, .blogDetails hr {
	border: 0px;
	border-bottom: 1px solid #000f6c;
	margin: 20px 0px;
}
/*.blogListing .grid8 h1, .blogDetails .grid8 h1 {
	font-size: 200%;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #005faf;
	line-height:50px;
	text-transform: capitalize;
	text-align:left;
}*/
/* .blogListing .grid8 h2, .blogDetails .grid8 h2{
	font-size: 150%;
	font-weight: 400;
	padding: 10px 0px;
	margin: 0px;
	color: #005faf;
	line-height: 34px;
}*/
.blogListing .grid8 h3{
	font-size: 120%;
	font-weight: 400;
	padding: 10px 0px;
	margin: 0px 20px;
}
.blogDetails .grid8 h3 {
	font-size: 140%;
	font-weight: 400;
	padding: 10px 0px;
	margin: 0px;
}
.blogListing .grid8 h4, .blogDetails .grid8 h4 {
	font-size: 100%;
	font-weight: 400;
	padding: 10px 0px;
	margin: 0px 20px;
}
.blogDetails .grid8 h4 {
	margin: 0px 20px 0px 0px;
	font-size: 120%;
	font-weight: 400;
}
.blogListing .grid8 p, .blogDetails .grid8 p {
	line-height: 25px;
	text-align: justify;
	padding: 0px 0px 20px 0px;
    margin: 0px;
}
.blogListing ul {
}
.blogListing .grid8 li {
	position: relative;
	list-style: none;
	padding: 0px 0px 70px 0px;
	margin: 0px 20px 20px 20px;
	border-bottom: 1px solid #ccc;
}
.blogDetails .grid8 li {
	position: relative;
	list-style: disc;
	background-image: url(images/body-listing.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding: 5px 0 5px 0px;
	margin: 0 20px 5px 20px;
	line-height: 25px;
}
.blogDetails .grid8 ol li{
	list-style:inherit;
}
.blogDetails .grid8 ol li ul li{
	list-style:disc;
}
.blogListing .grid8 li:last-child {
	border-bottom: 0px;
}
.blogListing .grid8 li h2, .blogDetails .grid8 li h2 {
	font-size: 180%;
	font-weight: 400;
	padding: 10px 0px 20px 0px;
	margin: 0px 0px;
	/*color:#255da6;*/
	color: #4e5859;
}
.blogListing .grid8 li p, .blogDetails .grid8 li p {
	padding: 0px 0px 20px 0px;
}
.blogListing .grid8 li span, .blogDetails .grid8 li span {
	position: absolute;
	bottom: 21px;
	left: 0px;
	display: table;
}
.blogListing .grid8 li span a, .blogListing .grid8 li span a:visited, .blogDetails .grid8 li span a, .blogDetails .grid8 li span a:visited {
	display: block;
	background-color: #255da6;
	color: #fff;
	padding: 8px 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.blogListing .grid8 li span a:hover, .blogDetails .grid8 li span a:hover {
	background-color: #1b4e91;
}
.thumbimg {
	clear: both;
}
.thumbimg section {
	position: absolute;
	top: 0px;
	left: 20px;
	background-color: #255da6;
	color: #fff;
	font-size: 100%;
	font-weight: 400;
	width: 100px;
	text-align: center;
	padding: 10px 0px;
	border-bottom: 10px solid #fcc841;
}
.thumbimg section strong {
	font-size: 200%;
	font-weight: 500;
	display: block;
	padding: 10px 0px;
}
.paginationblock {
	margin: 0px 20px;
	padding: 10px 0px;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none!important;
	border: 1px solid #255da6!important;
	background-color:#255da6!important;
	color: #fff!important;
	padding: 10px 17px !important;
	margin: 0px 1px 0px 0px!important;
	font-size: 90%;
	float: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #fcc841!important;
	color: #333!important;
	transition: background-color 1s ease;
	background-color: #fcc841!important;
}
.wp-pagenavi span.current {
	font-weight: normal!important;
	color: #333!important;
	background-color: #fcc841!important;
	border-color: #fcc841!important;
}
.sideContainerThree {
	background-color:#eeeeee;
	margin: 20px;
	padding: 20px;
	border-bottom:10px solid #fcc841;
}
.sideContainerThree h4, .sideContainerFour h4{
	margin: 0px 0px 20px 0px!important;
	font-size: 200%;
	font-weight:400;
}
.sideContainerThree p {
	line-height: 25px;
}
.wp-tag-cloud li{
	list-style:none;
	display:inline-block;
	margin:10px 10px 0px 0px;
}
.wp-tag-cloud li a{
	display:block;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#255da6;
	color:#fff;
	padding:10px 15px;
}

/* -------------------------------------------------------- */

.sideContainerFour{
	background-color:#e6e8eb;
	margin: 20px;
	padding: 20px;
	border-bottom:10px solid #255da7;
}
	
.sideContainerFour ul{
	display:table;
	padding:0px 0px 0px 0px;
	width: 100%;
}
.sideContainerFour li{
	list-style:none;
	/*margin-bottom:10px;
	font-size:95%;*/
	display:table;
	width:100%;
	border-bottom: 1px solid #babec3;
    /*padding-bottom: 10px;*/
}
.sideContainerFour li:last-child{
	margin-bottom:0px;
	border-bottom: 0px solid #6364aa;
	display:block;
}
.sideContainerFour a, .sideContainerFour a:visited{
	color:#333;
	padding: 10px 10px;
    display: table;
	width:94%;
	font-weight:400;
}
.sideContainerFour a:hover{
	background-color:#fcc841;
	color:#333659;
}
.sideContainerFour a.current{
	background-color:#fcc841;
	color:#333659;
}
div.caption{
	visibility:hidden;
	display:none;
}
iframe{
	margin-bottom:10px;
}
@media only screen and (max-width: 1280px) {
#access a {
    padding: 15px 11px;
}
}
@media only screen and (max-width: 980px) {
	.fullWrapper{
		width:100%;
	}
	.wrapper, .limiter{
		width:96%;
		margin:auto;
	}
}

@media only screen and (max-width: 900px) {

}

@media only screen and (max-width: 800px) {


}

@media only screen and (max-width: 768px) {
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12{
	float:none;
	width:98%;
	margin:auto;
}
.process {
	flex: 1 1 100%;
}
.MenuBase {
    margin-top: 20px;
}
.HeaderImage .stepTwo h2 {
    padding: 40px 0px 30px 0px;
	font-size: 334%;
}
a.blueButton, a:visited.blueButton {
    font-size: 132%;
    padding: 20px 25px;
}
.HeaderImage {
    padding-bottom: 50px;
}
.processParent {
    gap: 67px;
    margin: 70px 20px 0px 20px;
}
.RowFive form {
    width: 80%;
}
.RowSix .grid5 img {
    margin: 0px auto;
    display: block;
}
.RowSix .grid5 p {
    margin: 20px;
}
.RowSix .grid3 h2 {
    text-align: center;
}
.RowSix .grid3 li {
    margin: 20px 0px;
    text-align: center;
}
.grid4 h2 {
    text-align: center;
}
.RowSix .grid5, .RowSix .grid4{
    text-align: center;
	margin-bottom: 20px;
}

.desktop {
	display: none!important;
	visibility: hidden;
}
.mobile {
	display: block;
	visibility: visible;
}
/* **************************** Mobile menu  **************************** */
.MenuBase{
	background-color:transparent;
}
nav div {
	padding: 0px;
	cursor: pointer;
	/*font-size: 24px;*/
	display: block;
	/*float: right;*/
	margin: 0px;
}
#menu > li > a:after { 
/* content: " 🢖";*/
 content:url(images/mobile-arrow-right.png);
}
#menu > li > a:hover:after { 
 /*content: " 🢗";*/
 content:url(images/mobile-arrow-down.png);
}
#menu > li > a:only-child:after {content: ''; }
/*#menu > li > a:after {content: 'v'; }*/
ul#menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: none;
	position:absolute;
	width: 94%;
	z-index: 10;
}
ul#menu li {
  display: block;
}
ul#menu li a, ul#menu li a:visited {
	display:block;
	padding: 15px 17px;
	color: #333;
	background-color: #fcc841;
	text-decoration: none;
	font-size:100%;
	font-weight:600;
	border-bottom:1px solid #fff;
}
ul#menu li a:hover {
  background-color:#255da6;
  color:#fff;
}
ul#menu ul {
  position: static;
  min-width: auto;
  display: none;
}
ul#menu ul li {
  display: block;
  border-bottom: 1px solid #fff;
}
ul#menu li li a, ul#menu li li a:visited {
  background-color: #b18d30;
  color:#fff;
}
ul#menu li li a:hover {
  background-color: #b18d30;
}
ul#menu li:hover ul {
  display: block;
}
/* **************************** Mobile menu  ends **************************** */
.HeaderImage .grid5 img{
	display:block;
	margin:auto;
}
}

@media only screen and (max-width: 640px) {


}

@media only screen and (max-width: 600px) {


}

@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 360px) {

}

@media only screen and (max-width: 320px) {

}