/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/

.primary-menu {
 height: 50px;
}


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


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


@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 480px) and (max-width: 767px) {
}

@media (max-width: 991px) {
    .content-wrap, #footer {
        padding: 0 10px 10px 10px !important;
    }

    .menu-container {
        background: #FFF;
        margin: 0 !important;
       margin-top: 110px !important;
       width: 100% !important;
    }

    .hideit {
        display: block;
    }

    li.active .menu-link {
      color: #00CC99 !important;
    }
    a.menu-link:hover {
        color: #00CC99 !important;
    }


    .post-image-caption {
      opacity: 0.7;
    }

    .primary-menu {
     height: 0;
    }

.col-left {
  padding-left: 10px !important;
  padding-right: 10px !important;
}


.col-right {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

a.meer-link {
  padding-bottom: 20px !important;
}
.entry-content {
  margin-bottom: 20px;
}

.menu-item {
 padding-left: 10px;
}

.col-makers {
  margin-top: 25px !important;
}

}