nav {

    width:61.5em;
    position:relative;
    background:white;
    font-family: 'Montserrat';
    font-weight:600;
    margin:0 auto;
}

nav .nav-li {

    width:100%;
    text-align: center;
    padding:10px 0px 25px 0px; 
}

nav .nav-li a {

    color:#333 !important;
    text-decoration:none;
    font-size:15px;
    float:left;
}

nav .nav-li a:not(:first-child){
    
    padding-left:12px;
    
}

nav .nav-li a:hover {
    color: #AB7105;
    text-decoration: none;
}

nav .nav-li a.active {

    color: #AB7105 !important;
    text-decoration: none;
}

.dropdown {
    float: left;
}

.dropdown .dropbtn {
  color:#333 !important;
  text-decoration:none;
  font-size:15px;  
  border: none;
  outline: none;
  padding-left:23px;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  left:20px;
  top:20px;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color:#333 !important;
  text-decoration:none;
  font-size:15px;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.active{
    color: #AB7105;
}

/*overlay*/
.overlay {
    display:none;
    position:fixed;
    top:0;
    height:100%;
    width:100%;
    background:#333;
    overflow:auto;
    z-index:99;
}

.wrap {
    color:#e9e9e9;
    text-align:center;
    max-width:90%;
    margin:0 auto;
}

.wrap ul.wrap-nav {

    border-bottom:1px solid #575757;
    text-transform:capitalize;
    padding:150px 0px 100px;
}

.wrap ul.wrap-nav li {

    font-size:20px;
    display:inline-block;
    vertical-align:top;
    width:24%;
    position:relative;
}

.wrap ul.wrap-nav li a {
    color:#AB7105;
    display:block;
    padding:8px 0;
    text-decoration:none;
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}

.wrap ul.wrap-nav li a:hover {
    color:#AB7105;
}

.wrap ul.wrap-nav ul {
    padding:20px 0;
}

.wrap ul.wrap-nav ul li {
    display:block;
    font-size:13px;
    width:100%;
    color:#e9e9e9;
}

.wrap ul.wrap-nav ul li a {
    color:#f0f0f0;
}

.wrap ul.wrap-nav ul li a:hover {
    color:#AB7105;
}

.social {
    font-size:25px;
    padding:20px;
}

.social p {
    margin:0;
    padding:20px 0 5px 0;
    line-height:30px;
    font-size:13px;
}

.social p a {
    color:#AB7105;
    text-decoration:none;
    margin:0;
    padding:0;
}

.social-icon {
    width:80px;
    height:50px;
    background:#e9e9e9;
    color:#333;
    display:inline-block;
    margin:0 20px;
    transition-property:all .2s linear 0s;
    -moz-transition:all .2s linear 0s;
    -webkit-transition:all .2s linear 0s;
    -o-transition:all .2s linear 0s;
}

.social-icon:hover {
    background:#AB7105;
    color:#f0f0f0;
}

.social-icon i {
    margin-top:12px;
}

.nav-button{

        display:none;

    }
.insMenuDropdown{
    min-width: 215px;
}

@media(max-width:980px) {

    /*styling open close button*/
    
    nav {

        width:100%;
        padding:0px 0px 20px 0px;
    }

    .nav-button {
        width:100% !important;
        display:block;
        font-size:35px !important;
        text-align: center;
    }

    .nav-button a {
        text-decoration:none;
    }

    .btn-open:after {
        z-index:999;
        color:#333;
        content:"\f0c9";
        font-family:"FontAwesome";
        transition-property:all .2s linear 0s;
        -moz-transition:all .2s linear 0s;
        -webkit-transition:all .2s linear 0s;
        -o-transition:all .2s linear 0s;
    }

    .btn-open:hover:after {
        color:#AB7105;
    }

    .btn-close:after {
        z-index:999;
        color:#fff;
        content:"\f00d";
        font-family:"FontAwesome";
        transition-property:all .2s linear 0s;
        -moz-transition:all .2s linear 0s;
        -webkit-transition:all .2s linear 0s;
        -o-transition:all .2s linear 0s;
        position:absolute;
        right:30px !important;
        top:-190px !important;
    }

    .btn-close:hover:after {
        color: #AB7105;
    }

    .wrap ul.wrap-nav>li {
        width:100%;
        padding:20px 0;
        border-bottom:1px solid #575757;
    }

    .wrap ul.wrap-nav {
        padding:30px 0px 0px;
    }

    nav .nav-li{
        opacity:0;
        display: none;
    }

    .social {
        color:#c1c1c1;
        font-size:25px;
        padding:15px 0;
    }

    .social-icon {
        width:100%;
        height:50px;
        background:#fff;
        color:#333;
        display:block;
        margin:5px 0;
    }

}