.nav-wrapper{
	height: 100px;
	font-weight: bold;
	background-color: #2c7b0c !important;
	
}

body {
   
    overflow-x: hidden;
}
nav ul a {
    padding: 0 10px;

}	
 nav ul li a{
  color: #fff;
}  

nav ul a:hover {
    background-color: rgba(23, 23, 23, 0);
    color: yellow;
}

.nav-wrapper {
    font-weight: 500;    text-transform: uppercase;    font-size: 14px;    padding: 10px 20px;
    }
    .brand-logo img:hover {
    -webkit-animation-name: wiggle;
    -ms-animation-name: wiggle;
    -ms-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    -webkit-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
}
 .header{
	margin-top:-40px;
 	 
 }
 .cta-bar {
    padding: 10px ;
    margin:1px;
    text-align: center;
}
 .cta-bar h4 {
     
    color: #000;
    font-size: 42px;
    font-weight: normal;
  /*  font-family: 'Muli', sans-serif; */
    text-align: center;
}

.bg-grn
{background: #4caf50;
    margin: 20px 0;}

.btn-color{
    text-align: center;
    background-color: blue;
    border-color: blue;
    border-radius: 4px;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    background-color: gold;
    background: #f4d078;
    background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b);
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
    color: #333;
    font-weight: bold;
}

.lice-img
{text-align: center;
    background: #e4e4e4;
    padding: 10px 0 10px 0;
    margin: 20px 0;}
	
.lice-img h4
{
	
}
.whyby ul {
    margin-left: 5%;
}
.whyby ul li {
    list-style: disc;
    font-size: 16px;
}
.whyby h4
{
	
}

.dropdown-content li>a, .dropdown-content li>span {
    font-size: 16px;
    color: #26a69a;
    padding: 6px 8px;
    text-align: left !important;
}

.dropdown-content li
{min-height: 0;}

.page-footer .container {
    width: 85%;
}

.page-footer h3 {
    font-size: 25px;
}

.page-footer a {
    color: #ddd;
}

.page-footer a:hover {
    color: #039be5;
}

.page-footer ul {
    list-style-type: disc;
color: #fff;
}

.page-footer ul>li {
    list-style-type: disc;
color: #fff;
}

.lice-img img
{width: 100%}

.slider .slides li .caption h5
{background: #6d6d6dad;
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    padding: 16px;
	margin: 0;}

.slider .slides li .caption p {
    color: red;
    background: #fffc;
    font-weight: 600;
    font-size: 22px;
    margin: 0;
}
.last{
   /* background-image: url('images/nature.jpg');    */
}
.black_section{
    background-color:#646464;
    color: white;
    padding: 20px;
}

.page-footer {
    padding-top: 0px;
}
.product-inner-cbd-content {
    padding: 0 0px 15px;
    border-bottom: solid 2px #e5e5e5;
    color: #5e5e5e;
    margin: 5px 0px 15px;
}

.flickity-prev-next-button.previous {
    left: -6px !important;
    background: transparent;
}

.flickity-prev-next-button.next {
   right: -6px !important;
    background: transparent;
}

.flickity-enabled {
    padding: 0px 35px !important;
	height: 100%;
}



.card .card-content {
    font-size: 16px !important;
}

.imag .col.s4 img {
    width: 100%;
	    border: 5px solid #008000;
}

.green-button{width: 17%;
margin:0 auto;
background: #008000;
color:#fff;
text-align: center;
padding: 10px;}

.green-button a{
color:#fff;}

.green-button:hover{
background: #000;
}



/* On screens that are 992px or less, set the background color to blue */
@media only screen and (max-width: 768px) {
  .flickity-enabled {
    padding: 0px 10px !important;
	height: 100%;
}

	.green-button{
		width: 80%;
}
	.mid-image{
	width: 100%;
height: auto;
	}
}