﻿nav1 {
  margin: 0;
  padding: 0;
  background-color: #fff;
  display:none;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}
#logo img 
{
    width: 100%;
    max-width: 200px;
	
	
    }
#logo a 
{
    padding: 0;
    line-height: normal;
    display:block;
    }
#logo a:hover
{
    background-color: rgba(255,255,255,0);
    }
nav1:after {
  content: "";
  display: table;
  clear: both;
}

nav1 ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav1 ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #fff;
}

nav1 a {
    display: block;
    padding: 0 15px;
    color: #0e6aad;
    font-size: 18px;
    line-height: 35px;
    text-decoration: none;
    margin: 0;
}

nav1 ul li ul li:hover { background: #0e6aad; color: #fff }

nav1 a:hover { background-color: #0e6aad; color: #fff }

nav1 ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

nav1 ul li:hover > ul { display: inherit; }

nav1 ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

nav1 ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content1: ' +'; }
.toggle, [id^=drop] {
 display: none;
}

li > a:only-child:after { content1: ''; }

/*--------------mobile size------------*/
@media all and (max-width : 1200px) {
.header 
{
    display: none;
}
#logo {
        display: block;
    padding: 20px 0;
    width: 150px;
    text-align: center;
    float: none;
    margin: auto;
    max-width: 90%;


            display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: center;
        margin: auto;
        width: 50%;
        column-gap:44px;
}

nav1 { margin: 0; display: block;}

.toggle + a,
 .menu { display: none; }

.toggle {
    display: block;
    background-color: #fff;
    padding: 0 10px;
    color: #0e6aad;
    font-size: 18px;
    line-height: 40px;
    text-decoration: none;
    border: 2px solid #0e6aad;
    font-weight: 600;
    cursor: pointer;
    position: relative;
	margin-top: 1px !important;
	
}

.toggle:hover { background-color: #0e6aad; color: #fff }

[id^=drop]:checked + ul { display: block; }

nav1 ul li {
  display: block;
  width: 100%;
  border-top: 1px solid #0e6aad;
}

nav1 ul ul .toggle,
 nav1 ul ul a { padding: 0 10px; }

nav1 ul ul ul a { padding: 0 24px; }

nav1 a:hover,
 nav1 ul ul ul a { background-color: #0e6aad; color: #fff }

nav1 ul li ul li .toggle,
 nav1 ul ul a { background-color: #fff; color: #0e6aad}
nav1 ul ul a:hover 
{
    background-color: #0e6aad;
    }
nav1 ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav1 ul ul li:hover > ul,
nav1 ul li:hover > ul { display: none; }

nav1 ul ul li {
  display: block;
  width: 100%;
}

nav1 ul ul ul li { position: static;

}

}
.submenu_mobile
{
    border:none;
    padding: 0 9px; 
    font-weight: 400;
    }
    
    /*.toggle:hover {
    background-color: #c2fb3b;
    color: #333;
}*/

.cross:after {
        content: '\f00d';
        font-family: FontAwesome;
        color: #333;
        position: absolute;
        right: 5px;
        top: 0px;
        font-size: 30px;
        z-index: 1;
    }
    
    .footer-widget.latest-post {
    margin-top: 6px;
}

/*-------footer nav correction---------*/
.cl-effect-6 {
    background-color: rgba(255,255,255,0);
}
.cl-effect-6 a {
    padding: 0px 3px;
    display: block;
    float: left;
    margin: 0px 7%;
    margin-bottom: 20px;
    color: #f2f2f2;
    font-size: 1.2em;
    line-height: normal;
}
.cl-effect-6 a:hover 
{
    background-color: rgba(155,155,155,0);
    }
/*-------footer nav correction end-----*/
@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 100%;
}
}
@media only screen and (min-width: 601) and (max-width: 800) 
{
#logo {
    display: block;
    padding: 0;
    width: 36%;
    text-align: center;
    float: left;
    margin: 5px auto;
}
.menuhead, .toggle
{
    float: left;
    width: 64%;
    margin-top: 62px;  
}
    }
    
    .enquiry {
    background: #333;
    position: fixed;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 100;
    bottom: 0;
}
    /*.enquiry{ display:block;}*/
    
/*.btn {
    border: 2px solid black;
    background-color: white;
    color: black;
    padding: 3px 16px;
    font-size: 16px;
    cursor: pointer;
}*/

/* Blue */
.info-bg
{ margin:0 auto;
      width: 100%;
    }
    
.info {
    border-color: #2196F3;
    /*color: dodgerblue;*/
    border-radius: 0;
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    /* background: #fff; */
    color: #fff;
    padding: 5px 0;
    font-size: 13px;
}
.info:hover {
    background: #2196F3;
    color: white;
}


/*--------------mobile size end--------*/