@import url('https://fonts.googleapis.com/css?family=Muli');


/*************************
*******Typography******
**************************/

body {
  background: #fff;
  font-family:'Open Sans', Arial, sans-serif;
   font-family: 'Muli', sans-serif;
  line-height:1.6em;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
body, html{height:100%;}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:500; 
    font-family:'Open Sans', Arial, sans-serif;
    font-family: 'Muli', sans-serif;
	color:#333;
}

section {
  padding: 70px 0;
}



h1{
  font-size: 36px;
  color:#fff;
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
}

a {
  color: #E8CE0E;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #d43133;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}


.btn-primary {
    padding: 10px 30px;
    background: #0e3804;
    color: #fff;
    border-radius: 4px;
    border: none;
    margin-top: 25px;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #232330;
  outline: none;
  box-shadow: none;
} 

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
  color: #000;
  text-decoration: none;
  outline: none;
}

.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}

.center h2{
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
 font-weight: 700;
}

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}

body > section {
  padding: 70px 0;
}



.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}
.lead {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #787878;
}

.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


/*************************
*******Header******
**************************/
.navbar-fixed-top .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-fixed-top{position:fixed!important;}


.shrink-logo {   
   margin-top: 0!important;
   height: 50px!important; 
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
}


.navbar>.container .navbar-brand{
  margin-left: 0;
}

.top-bar {
    padding: 10px 0 0 0;
    background: #FFF;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 15px;  
}
.top-bar-text {
    color: #0e3804;
    font-size: 16px;
}

.social-icons i{font-size: 16px;
padding-top: 5px;}
.social{
  text-align: center;
}
.social-icons a{width: 26px;
height: 26px;
line-height: 22px;
font-size: 14px;
display: inline-block;
text-decoration: none;
cursor: pointer;
text-align: center;
transition: all 0.5s ease 0s;
border-radius: 50%;
background-color: #0E3804;
color: #fff;
margin-bottom: 5px;}
.social-share{
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.social-share li {
  display: inline-block;
}

ul.social-share li a {
  display: inline-block;
  color: #fff;
  background: #404040;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 2px;
}

ul.social-share li a:hover {
  background: #E8CE0E;
  color: #fff;
}

.navbar-brand {
  padding: 0;
  margin:0;
  color:#E8CE0E;
}

.navbar-brand img{z-index: 99}


.navbar-brand>img{
    
    float: right;
    margin-left: -1px;
    margin-top: -59px;
    height: 110px;
    position: absolute;
    z-index: 99;
-webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.navbar {
    position: relative;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    
}

.left-extend{
    
position: absolute;
left: -3px;
right: 75%;
height: 109px;
z-index: 0;
background-color: #0E3804;
top: -59px;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}


.navbar-header a.navbar-brand {
  color:#fff;
}

.navbar {
    border-radius: 0;
    margin-bottom: 0;
    background: #987e68;    
    color: #333;
    padding-bottom: 0;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.navbar-default .navbar-nav > li > a {
    color: #FFF;
    font-weight: 600;
}

 .navbar-nav > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
     line-height: 25px
}

.navbar-default {
   
    border:none;
    
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #0e3804;
    background-color: transparent;
}







.navbar{
    
    background-image:url('http://www.udaypackaging.co.in/wp-content/uploads/2016/10/nav-bg.jpg');
    background-repeat: repeat-x;
    
}

#enquiry{
 background-image:url('http://www.udaypackaging.co.in/wp-content/uploads/2016/10/Uday-formbg.png');
    background-repeat: no-repeat;
    min-height:600px;
    width:100%;
    background-size:cover;
    color: #FFF;
    padding: 100px 0;
   
 }
 
 
 #enquiry .form-control{margin-bottom: 1px;border-radius:0px}

.navbar-nav>li{
  margin-left: 12px;  
}

.navbar-nav {
    float: left;
    margin: 0;
    padding-left: 280px;
    font-size: 16px;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.fix-lift-top{
top:-90px;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top{top:0!important;
-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top .navbar-nav > li > a {
    padding: 13px 12px;
    margin: 0;
    line-height: 24px;
    display: inline-block;
    font-size: 16px;
}

.navbar-fixed-top .navbar-nav > li > a:hover{
	background-color:#0e3804;
  color: #fff;
}







.navbar-fixed-top .navbar-brand {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}

.navbar-fixed-top .navbar-nav > .active > a,
.navbar-fixed-top .navbar-nav > .active > a:hover,
.navbar-fixed-top .navbar-nav > .active > a:focus,
.navbar-fixed-top .navbar-nav > .open > a,
.navbar-fixed-top .navbar-nav > .open > a:hover,
.navbar-fixed-top .navbar-nav > .open > a:focus {
 
  color: #0e3804;
}

.navbar-fixed-top .navbar-nav .dropdown-menu {
  background-color: rgba(0,0,0,.85);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  border: 0;
  padding: 0;
  margin-top: 0;
  border-top: 0;
  border-radius: 0;
  left: 0;
}

.navbar-fixed-top .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}

.navbar-fixed-top .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
  color: #fff;
}

.navbar-fixed-top .navbar-nav .dropdown-menu > li:hover > a,
.navbar-fixed-top .navbar-nav .dropdown-menu > li:focus > a,
.navbar-fixed-top .navbar-nav .dropdown-menu > li.active > a {
  background-color: #e67e27;
  color: #fff;
}

.navbar-fixed-top .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}

.navbar-fixed-top .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-top .navbar-form {
  border-top: 0;
  padding-bottom: 0;
}


.section-title h2{
    text-align: center;
    font-size: 31px;
    color: #0e3804;
    font-weight: 700;
    padding: 40px;
}

.section-subtitle h3{
   font-size: 16px;
    color: #0e3804;
    font-weight: 700;
    padding: 5px;
    margin:0;
    padding-left: 20px;
}

.product-box p{
    
color: #898989;
line-height: 1.2em;
padding: 0px 20px;
font-size: 14px;
text-align: justify;
}

/*************************
*******Home Page******
**************************/


.slider {
  position: relative;
  
}

#carousel-slider {
  position: relative;
}

#carousel-slider .carousel-indicators {
  bottom: -25px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
  border: 1px solid #777;
  border-radius:50%;
  font-size: 28px;
  height: 50px;
  padding: 8px;
  position: absolute;
  top: 50%;
  width: 50px;
  color:#777;
}

#carousel-slider a i:hover {
  background:#e67e27;
  color:#fff;
  border: 1px solid #e67e27;
}

#carousel-slider 
.carousel-control {
  width:inherit;
}




.nav-tabs>li{
  margin-bottom: 0px;
  border-bottom: 1px solid #e6e6e6;
}

.nav-tabs{
  border-bottom: transparent;
  border-right: 1px solid #e6e6e6;
}

.nav-tabs>li>a {
  background: #f5f5f5;
  color: #666;
  border-radius: 0;
  border: 0 none;
  line-height: 24px;
  margin-right:0;
  padding: 13px 15px;
}

.nav-tabs li:last-child{
  border-bottom: 0 none;
} 

.nav-stacked>li+li{
  margin-top: 0;
}

.nav-tabs>li>a:hover{
  background: #1f1f20;
  color:#fff;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
  border: 0;
  color:#fff;
  background: #1f1f20;
  position: relative;
}

.nav-tabs>li.active>a:after {
  position: absolute;
  content:  "";
  width: auto;
  height: auto;
  border-style:solid;
  border-color: transparent transparent transparent #1f1f20;
  border-width: 25px 22px;
  right: -44px;
  top:0;
}

.main-slider{
background-color: transparent;
background-repeat: no-repeat;
background-image: url("http://www.udaypackaging.co.in/wp-content/uploads/2016/10/u-banner-1.jpg");
background-size: cover;
background-position: center center;
width: 100%;
height: 700px;
opacity: 1;
visibility: inherit;
z-index: 20;
}


.tab-wrap{
  border:1px solid #e6e6e6;
  margin-bottom: 20px;
}

.tab-content{
  padding: 20px;
}

.tab-content h2{
  margin-top: 0;
}

.tab-content img{
  border-radius: 4px;
}


#conatcat-info{
  background: #fff url(../images/contact.png) no-repeat 90% 0;
  padding: 30px 0;
}

.contact-info i{
  width: 60px;
  height: 60px;
  font-size: 40px;
  line-height: 60px;
  color: #fff;
  background: #000;
  text-align: center;
  border-radius: 10px;
}

.contact-info h2{
  margin-top: 0;
  color: #000;
}

.contact-info{
  color:#000;
}




ul.social_icons,
ul.tag {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  display: block;
}

ul.social_icons li,
ul.tag li {
  display: inline-block;
  margin-right: 5px;
}

ul.social_icons li  a i{
  border-radius: 50%;
  color: #FFFFFF;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  padding: 0;
  text-align: center;
  width: 25px;
  opacity:.8;
}





/*************************
********* Contact Us CSS ******
**************************/
/* --- Map --- */
.map{
	position:relative;
	margin-top:90px;
	
}

.map iframe{
	width:100%;
	height:450px;
	border:none;
}

.map-grid iframe{
	width:100%;
	height:350px;
	border:none;
	margin:0 0 -5px 0;
	padding:0;
}


#contact-page{
  padding-top: 0;
  background:#fff;
}

#contact-page .contact-form 
.form-group label {
  color: #787878;
  font-size: 16px;
  font-weight: 400;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:#f2f2f2;
  box-shadow: none;
}

textarea#message{
  resize: none;
  padding: 10px;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}


ul.pagination > li > a {
  border: 1px solid #F1F1F1;
  margin-right:5px;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 14px;
}

ul.pagination > li > a i{
  margin-left:5px;
  margin-right:5px;
}

ul.pagination > li.active > a, 
ul.pagination > li:hover > a {
  background-color: #e67e27 !important;
  border-color: #e67e27 !important;
  color: #fff;
}

.search_box {
  background-image: url("../images/search_icon.png");
  background-position: 314px 15px;
  background-repeat: no-repeat;
  border-color: #DEDEDE;
  height: 48px;
  outline: medium none;
  box-shadow: none;
}

.form-control:focus {
  box-shadow:none;
  outline: 0 none;
}


ul.tag-cloud, 
ul.sidebar-gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tag-cloud li{
    display: inline-block;
    margin-bottom: 3px;
}

.tag-cloud li a {
  background: #f5f5f5;
  color: #888;
  border: 0;
  border-radius: 4px;
  padding: 8px 15px;
}

.tag-cloud li a:hover{
  background:#E8CE0E;
  color: #fff;  
}

.sidebar-gallery li{
  display: inline-block;
  margin: 0 10px 10px 0;
}

.sidebar-gallery li a {
  border-radius: 4px;
  display: inline-block;
}



#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  background: #000;
}

#footer a {
  color: #fff;
}

#footer a:hover {
  color:black;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer ul > li {
  display: inline-block;
  margin-left: 15px;
}




.dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color:#e67e27;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color:#f7f7f7;
    min-width: 260px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: #d6472d;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: black}

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

.dropdown-content a:hover {
    background-color:#fff;
}

.finance-cont {
    margin-top: 85px;

}

ul.lead-list {
    font-size: 16px;
    letter-spacing: 0.5px;
    list-style-type: square;
    color: #787878;
}
section#portfolio h2 {
    text-align: center;
    color: #eb7f2c;
    font-size: 36px;
    font-weight: 700;
}

h3.fina-head {
    font-size: 20px;
    color: #4a4a4a;
    font-weight: 600;
}

article {
    font-weight: 400;
    line-height: 24px;
    color: #787878;
}

.finc-box {
    border: 1px solid #e6e6e6;
    padding: 20px 10px 10px 20px;
    margin-top: 50px;
    min-height: 450px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
}
h4.home-service {
    font-size: 20px;
    font-weight: normal;
}
ul.portfolio-filter.text-center {
    margin: 60px;
}

.cont-center {
    margin-top: 60px;
}

h2.cont-head {
    color: #eb7f2c;
    font-size: 20px;
    font-weight: 600;
}

h3.service-heading {
    font-size: 16px;
    color: #4a4a4a;
    font-weight: normal;
}

.service-body {
    min-height: 220px;
}

.features {
    margin-top: 40px;
}
ul.loc-foot li {
    color: #787878;
}
ul.loc-foot i {
    font-size: 25px;
    color: #eb7f2c;
    margin-right: 15px;
}
.cont-center h2 {
    font-size: 36px;
    color: #4a4a4a;
    font-weight: 700;
}

.contact p {
    color: #787878;
    font-weight: normal;
    font-size: 16px;
}



div#main-banner img {
    width: 100%;
}
#about{padding: 125px 0;
padding-bottom: 140px;}
.package-about{
    
    color: #333;
    background-color: #e6e6e6;
    text-align:justify;
}


.about-style-1{
    
    font-size: 36px;
    color: #0e3804;
    font-weight: 600
}
span.about-style-2 {
    font-size: 24px;
}

section.process-about {
    padding: 30px 0;
}
.process-img img {
    position: absolute;
    
    margin-top: -87px;
}


.process-img:before {
    content: "";   
    height: 43px;
    left: 0;
    right: 0;   
    position: absolute;  
    margin-top: -30px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e3804+1,0e3804+21,0e3804+35,0e3804+36,0e3804+38,0e3804+40,0e3804+49,ffffff+50&1+47,1+48,0+48,1+48,0+49,0+100 */
background: -moz-linear-gradient(left, rgba(14,56,4,1) 1%, rgba(14,56,4,1) 21%, rgba(14,56,4,1) 35%, rgba(14,56,4,1) 36%, rgba(14,56,4,1) 38%, rgba(14,56,4,1) 40%, rgba(14,56,4,1) 47%, rgba(14,56,4,1) 48%, rgba(14,56,4,0) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(14,56,4,1) 1%,rgba(14,56,4,1) 21%,rgba(14,56,4,1) 35%,rgba(14,56,4,1) 36%,rgba(14,56,4,1) 38%,rgba(14,56,4,1) 40%,rgba(14,56,4,1) 47%,rgba(14,56,4,1) 48%,rgba(14,56,4,0) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(14,56,4,1) 1%,rgba(14,56,4,1) 21%,rgba(14,56,4,1) 35%,rgba(14,56,4,1) 36%,rgba(14,56,4,1) 38%,rgba(14,56,4,1) 40%,rgba(14,56,4,1) 47%,rgba(14,56,4,1) 48%,rgba(14,56,4,0) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3804', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}









section.product-part {
    background-image: url(./images/Uday-prooductbg.png);
    margin-top: -30px;
padding-bottom: 100px;
}

#contact img {
    width: 100%;
    height: auto;
}

footer {
    background-color: #232330;
   padding: 115px 0;
}

.footer-head {
    color: #fff;
    background-image: url(./images/get-bg.png);
    background-repeat: no-repeat;
    width: 250px;
    padding: 8px 20px;
    font-size: 16px;
}

p.text-one {
    color: #363636;
    font-size: 16px;
}

p.text-sec{
    color: #363636;
    font-size: 16px;
}

p.text-three{
    color: #363636;
    font-size: 16px;
}


.footer-head-2{
   background-image: url(./images/foot-bg.png);
    background-repeat: no-repeat;
    
}

ul ol { list-style: none !important;}

li{list-style: none !important;}

.footer-address {
    color: #9c9c9d;
    padding: 20px 0;
}

ul.footer-address li {
/*    margin-left: 10%;*/
    font-size: 16px;
        padding: 0 0 25px 30px;
        
        
        margin-top:-2%;
}

ul.footer-address span {
    float: left;
}

ul.footer-address i.fa {
    font-size: 18px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.length.form-control {
    width: 50%;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel.tel {
    margin: 10px 0 0 10px;
    width: 100%;
    color:#555;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #0e3804 !important;
}

div.wpcf7-response-output {
    margin: 5em 0.5em 1em !important;
    padding: 0.2em 1em;
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {
    height: 50px;
}

td {
    font-size: 16px;
    padding: 5px;
}

ul.footer-address li a:hover {
    background-color: transparent;
    
}

ul.footer-address li a:active {
   color: #0E3804 !important;
    
}

input.wpcf7-form-control.wpcf7-submit {
    background-color: #0e3804;
    padding: 10px 25px 10px 25px;
    margin-top: 20px;
    border: none;
    margin-right: -65px;
}
.footer-cont {
    color: #7c847a;
    padding: 7px 50px;
   font-weight: 600;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    color: #0e3804;
    width: 100%;
}

.product-box{background-color: #fff;border:1px solid #83957f;margin-bottom:20px;}

input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
    margin: 10px;
    color: #555;
}



/*
HOVERNAV
========
A simple addition to the dropdown menu (Bootstrap itself is unchanged). Navbar dropdowns appear on hover.
This works only for screen sizes larger than phones.

If you don't want this, delete this segment of the CSS and delete the corresponding segment of js/wbst.js
*/
@media only screen and (min-width: 768px){
  .navbar-nav .open ul {
    display: none
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background: none
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #969696;
    background: none
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block
  }




}

/*
MEGANAV
=======
A simple addition to the dropdown menu (Bootstrap itself is unchanged). When you add GRAND-CHILD links in the navbar: on screens larger than phones, Meganav will transform the dropdown into a mega-menu, with child-links displayed as menu-column heads (in bold).

If you don't want this, delete this segment of the CSS and delete the corresponding segment of js/wbst.js
*/
.mega-menu ul a {
	color: #666;
}
.mega-menu > ul > li > a {
	font-weight: bold !important
}
@media (max-width: 767px) {
	.has-children ul {
		display: block !important;
		margin-left: 15px
	}
	.navbar-nav {
    padding-left: 20px;
    width: 100%;    }
    .navbar-fixed-top .navbar-collapse{background-color: #443f3c;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;border-color: transparent;}
    .navbar-default .navbar-toggle .icon-bar {
    background-color: #0e3804;}
    .left-extend {
    display: none;}
    .navbar-brand > img{position: relative !important;
margin-left: 0px;
margin-top: 0;
height: 50px;}

    .top-bar{text-align:center;}
    .navbar {
    background-color: #443f3c;}
    .navbar-nav{padding-top:20px;}
    .navbar-default .navbar-toggle {
    border-color: transparent;}
    navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #C8C8C8;    }
    .navbar-nav > li > a{font-size:12px;}
}
@media (min-width: 768px) {
	.dropdown.mega-menu {
		position: static;
	}
	.mega-menu > .dropdown-menu {
		left: 0;
		right: 0;
		overflow-x: auto
	}
	.mega-menu > ul > li {
	  display:table-cell;
	}
	.mega-menu > ul ul {
		position: relative;
		display: block !important;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0
	}
	.dropdown-menu li {
		border-right: 1px solid #e7e7e7
	}
    .dropdown-menu li li,
    .dropdown-menu li:last-of-type {
        border-right: 0
    }
}

@media (min-width: 768px) and (max-width:991px){
.navbar-default .navbar-nav > li > a{font-size:12px;}
.top-bar {
    text-align: center;padding:0;margin-bottom:0;}
    .top-bar-text{padding-left: 100px;}
}


@media (min-width: 1300px) and (max-width:1400px){
.navbar-brand > img{margin-left: 20px;}

}

@media (max-width: 450px){
.top-bar-text{font-size: 14px;}
.navbar-fixed-top .navbar-nav > li > a{font-size:14px;}
.main-slider{height:300px;}
}
@media (min-width: 768px) and (max-width:800px){
.navbar-nav > li > a {
    font-size: 11px!important;}
.nav > li > a{padding: 10px 6px;}
}

/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Site Title
*/

#site-title {
  margin-bottom: 40px
}


/*
Sidebar
*/

.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */

/*
Site footer
*/

.site-footer ul,
.site-footer ol {
  list-style-type: none;
  padding: 0
}
.site-footer li {
  margin: 10px 0
}
.site-sub-footer p {
  text-align: center
}

.site-footer p {
  text-align: center
}