.site-navigation{display: none;}

/* Pages menu */
.menu-pages-desktop{display: block;}
.menu{
  float: left;
margin-right: 6%;
padding: 5px 0px;
width: 100%;
}
.menu-head{
  width: 100%;
  min-height: 100px;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 35px 0 0 0;
  background: #fff;
}
.menu-head img{
max-width: 130px;
}

.menu-head nav ul li{
  position: relative;
float: left;
margin-right: 6%;
padding: 5px 0px;
}

.menu-head nav ul li ul {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 180px;
    font-family: 'Cairo', sans-serif;
    z-index: 1;
    -webkit-transition:all .5s;
    -moz-transition:   all .5s;
    -ms-transition:    all .5s;
    -o-transition:     all .5s;
    transition:        all .5s;
    opacity: 0;
    padding-top: 0px;
    right: -1px;
    top: 37px;
}

.menu-head nav ul li ul li{padding:  10px 5px;display: block !important;width: 100% !important;margin-bottom: 5px;letter-spacing: normal;}
.menu-head nav ul li ul li:hover{background-color: #eeeeee;}
.menu-head nav ul li ul li a{
  font-family: 'Cairo', sans-serif;
  font-size: 13px;
  font-weight: 500px;
  color:#000000;
  text-transform: none;
  display: block;
  padding: 0px 0;
}
.menu-head nav ul li ul li:hover a{color: #5c207c;}
.menu-head nav ul li ul li a:hover{color: #5c207c;}

.menu-head nav ul li:hover ul{
  display: block !important;
  opacity: 1 !important;
}

.menu-head ul li a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #f36f21;
    transition: width .3s;
    position: relative;
    top:10px;
}

.menu-head ul li a:hover::after {
    width: 100%;
}

.head-image{
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  margin-top: 20px;
  max-height: 250px;
  overflow: hidden;
}


.head-image img{
  max-width: 100%;
  display: block;
  height: auto;
  opacity: 1;
}



h1.pagehead {
    font-size: 30px;
    text-align: center;
    margin-top: -10%;
    color: #f8f8f8;
    text-shadow: 0px 5px 7px #333;
    display: block;
    position: relative;
    z-index: 3;
}
/*products page*/
li.product{
  min-height: 240px;
}
li.product img {
    padding: 50px 10px 30px;
}


.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #77a464;
    font-size: 2.25em;
}


/* Breadcrumbs */

#breadcrumbs{
    list-style:none;
    margin:10px 0 0px 0;
    /*overflow:hidden;
    text-align: center;
    position: absolute;
    z-index: 2;
    top: 155px;*/
    padding: 0;
    padding-bottom: 25px;
    padding-right: 15px;
    font-family: inherit;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:2px;
    color:#191919;
    margin-bottom: 0;
    font-family: 'Cairo', tahoma, sans-serif !important;
}#breadcrumbs li a:hover{color:#f36f21;}
  
#breadcrumbs .separator{
    font-size:15px;
    font-weight:100;
    color:#191919;
}
#map-canvas {
  height: 100%;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a{text-align: right;}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a{text-align: right;}

body{
}



@media (max-width: 1200px){

}



@media (max-width: 1170px){

}


@media (max-width: 992px){
  .button-group{padding-right: 0;}
  .menu-pages-desktop{display: none;}
  .head-image{margin-top: 95px;}
  .menu-responsive .solid-search{height: 75px;}
}



@media (max-width: 768px){
  .head-image{display: none;}
  .page-inner{padding: 190px 0 0px 0;}
  .services-page .head p, .contact-us .head p{width: 80%;}
  .services-page h4, .contact-us h4{width: 80%;}
}


@media (max-width: 500px){
    
}    


@media (max-width: 400px){
   
}


@media (max-width: 340px){
    
}