@media screen and (max-width: 1024px) {
    #navbar-top-1 {
        display: none;
    }
    .recipe-main-features li {
        margin-top: 10px;
    }
    .recipe-meta-details a.print, .recipe-meta-details a.favorite {
        border-radius: 24px;
        margin-left: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px){
	.heading-title h2 {
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
    .header-info {
        zoom: 85%;
    }
    .navbar-default .navbar-text {
        display: none;
    }
    .content-box {
        padding: 40px 0;
        border-right: none;
    }
    .login-box, .register-box {
        margin: auto 15%;
    }
    .navbar-brand {
        zoom: 70%;
        padding-top: 30px !important;
    }
    #secondary-menu {
        display: none;
    }
}



@media (min-width: 768px) {

    #testimonials {
        padding: 60px 0;
    }
}

@media (max-width: 767px) {
    .recipe-includes li {
        width: 100%;
    }
    .recipe-ingredients-wrapper {
        width: 100%;
    }
	.popup {
		width: 70%;
	}
}

@media screen and (min-width: 768px){
	.navbar-nav.navbar-right:last-child {
		margin-right: 0; 
	}
    .nav-justified > li {
        display: inline-block !important;
        width: auto !important;
    }
    .nav-tabs.nav-justified > li > a {
        border-bottom: none;
        border-radius: 0;
        color: #fff;
        background-color: #7c4992;
        z-index: 100;
    }
    .nav-tabs > li > a:hover {
        border-color: transparent;
        color: #fff;
    }
    .nav-tabs.nav-justified {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 15px;
        position: absolute;
        top: -47px;
        max-width: 800px;
    }
    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border: none;
        background: #94c565; 
    }
}

@media screen and (max-width: 767px){
	.topbar{
		position: static;
		width: 100%;
		left: 0;
		top: 0;
	}

	.topbar-nav{
		font-size: 12px;
		float: none;
		display: table;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.navbar{
		min-height: 80px;
	}

	.navbar-default.navbar-fixed-top{
		position: static;
		left: 0;
		top: 40px;
		margin-bottom: 0;
	}

    .navbar-toggle {
        background-color: #484848;
        border: none;
    }

    .signin, .signup, .signout, .submit-recipe {
        display: table-cell !important;
        float: left;
        margin-top: 0;
    }

	.navbar-default .navbar-toggle{
		margin-top: 22px;
	}

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #78c317;
    }
    .header-middle .img-responsive {
        zoom: 80%;
    }

	.navbar-header{
		min-height: 80px;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background-color: #fff;
	}

	.navbar-default .navbar-nav > li > a{
		padding-top: 12px;
		padding-bottom: 12px; 
		padding-left: 15px;
	}

	.navbar-default .navbar-nav > .active > a::before{
		content: "";
		display: none;
		background: transparent;
	}

	.navbar-default .navbar-nav > .active > a::after{
		content: "";
		display: none;
	}

	.navbar-default .navbar-nav li.dropdown.open > a,
	.navbar-default .navbar-nav li.dropdown.open > a:hover{
		color: #fff;
		background-color: #78c317;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #fff;
		background-color: #78c317;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		padding-top: 12px;
		padding-bottom: 12px; 
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #fff;
		background-color: #ff0018; 
	}

	.dropdown-menu > li > a{
		display: block;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 25px;
	}

	.signin,
	.signup{
		margin-top: 0;
	}

	.signup{
		margin-left: 0;
		background-color: transparent !important;
		color: #898ba2 !important;
	}

	.signup:hover,
	.signup:focus,
	.signup:active{
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
			-ms-border-radius: 0;
			 -o-border-radius: 0;
				border-radius: 0;
		background-color: #0f101a !important;
		color: #fff !important;
	}
	
	#header{
		width: 100%;
		height: auto;
	}

	#header.heading{
		padding-top: 30px;
	}

	#header .carousel-control > .glyphicon,
	#header .carousel-control > .fa{
		font-size: 16px;
		line-height: 50px;
	}

	#header .carousel-control.left,
	#header .carousel-control.right{
		margin-top: 25%;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.carousel-control .icon-prev, 
	.carousel-control .fa,
	.carousel-control .icon-next, 
	.carousel-control .glyphicon-chevron-left, 
	.carousel-control .glyphicon-chevron-right{
		top: 25%;
	}

	#header .carousel-inner .item{
		min-height: 250px;
		height: auto;
		padding-top: 40px;
	}

	#header .carousel-inner .item .carousel-caption{
		background-color: rgba(255,255,255,.9);
		right: 15%;
		left: 15%;
		color: #6b6e80;
		text-shadow: none;
		text-align: left;
		padding: 25px;
	}

	.sidebar{
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.blog-comment ul.comments ul{
		margin-left: 0;
	}

	#slider-recipe .carousel-control > .glyphicon, 
	#slider-recipe .carousel-control > .fa {
		font-size: 16px;
		line-height: 50px;
	}

	.copyright{
		text-align: center;
		position: relative;
		margin-top: 60px;
		padding: 40px 0;
		border-top: 1px solid #fff;
	}

	.copyright .scroltop{
		right: 15px;
	}

    .blog-header {
        padding-left: 7.5%;
    }

    .blog-header .blog-excerpt {
        display: none;
    }

    .author-info-social a {
        margin-bottom: 5px;
    }

    .tag-cloud a {
        margin-bottom: 5px;
    }

    .author-info-container {
        float: none;
        margin: 0 0 20px 0;
    }
    .header-info {
        width: 100%;
        border-bottom: 1px solid #eee;
        display: none;
    }
    .header-info:not(:last-of-type):after {
        content: none;
    }
    .navbar-default .navbar-text {
        padding-right: 15px;
        padding-left: 15px;
        line-height: 40px;
    }
    .page-template-template-box-right_sidebar .cmb-th {
        padding: 0 !important;
        padding-top: 12px !important;
        display: block;
        width: 100% !important;
    }
    .page-template-template-box-right_sidebar .cmb-td {
        width: 100% !important;
        padding: 0 !important;
    }
    .col-md-3 .recipe-container .recipe-content h3 a, .similar-recipes .recipe-container .recipe-content h3 a, .recipe-box-archive .col-md-4 .recipe-container .recipe-content h3 a {
        font-size: 22px;
    }
    .col-md-3 .recipe-attributes h4, .similar-recipes .recipe-attributes h4, .recipe-box-archive .col-md-4 .recipe-attributes h4 {
        font-size: 18px;
    }
    .col-md-3 .recipe-attributes, .col-md-3 .restaurant-attributes, .col-md-3 .chef-attributes, .similar-recipes .recipe-attributes, .recipe-box-archive .col-md-4 .recipe-attributes {
        font-size: 16px;
    }
    .recipe-content-list, .chef-content-list, .restaurant-content-list{
	    display: block;
    }
    .recipe-slider .carousel-inner .item figure figcaption .slider-details {
        display: none;
    }
    .content-box {
        padding: 40px 0 0;
        border-right: none;
    }
    .widget .widgettitle small {
        line-height: 24px;
    }
    .col-md-3 .recipe-btn, .similar-recipes .recipe-btn, .recipe-box-archive .col-md-4 .recipe-btn {
        padding: 10px 30px;        
        font-size: 16px;
        font-weight: 500;
    }
    #service {
        background-image: none !important;
    }
    .testimonial-box-3 {
        margin-top: 30px;
        text-align: center;
    }

    .login-box, .register-box {
        margin: auto 5%;
    }
    #navbar-top-1 {
        display: inherit !important;
    }
    .recipe-title h2 {
        display: none;
    }
    .sticky-wrapper .navbar-default {
        background-color: #fff;
    }
    .sticky-wrapper .navbar-default .navbar-nav > .active > a,
    .sticky-wrapper .navbar-default .navbar-nav > .active > a:hover{
	    color: #333;
    }
    .is-sticky .navbar-default .nav li a {
        color: #484848;
    }
    .sticky-wrapper .navbar-default .navbar-nav > li > a {
        color: #484848;
    }
    .sticky-wrapper .navbar-default .signup, .sticky-wrapper .navbar-default .signout, .sticky-wrapper .navbar-default .submit-recipe {
        border: 1px solid #777;
    }
    #secondary-menu {
        display: inherit;
    }
    .main-search-form-inner{
        padding: 30px 20px;
        margin-top: -80px;
    }
    .blog-comment ul {
        padding: 0;
    }
    .recipe-overview li, .recipe-service-types li {
        width: 100%;
    }
    .recipe-nutritions ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .restaurant-text dt, .chef-text dt {
        display: block;
        width: 100%;
    }
    .restaurant-text dl, .chef-text dl {
        padding: 0;
    }

	.popular {
		padding-bottom: 30px;
	}
	.popular .item {
		float: none;
		width: 100%;
		height: 100%;
	}
	.popular .item .popular-img {
		float: none;
		width: 100%;
	}
	.popular .item .popular-img img {
		width: 100%;
	}
	.popular .item .popular-img-2 {
		float: none;
		width: 100%;
	}
	.popular .item .popular-img-2 img {
		width: 100%;
	}
	.popular .item .content-right {
		float: none;
		width: 100%;
		padding: 20px 35px;
	}
	.popular .item .content-right:after {
		display: none;
	}
	.popular .item .content-left {
		float: none;
		width: 100%;
		padding: 20px 35px;
        border-top: 1px solid #eee;
	}
	.popular .item .content-left:after {
		display: none;
	}
    .home-form-1 {
        width: auto;
    }
    .main-banner {
        padding: 20% 0 8% 0;
    }
    .main-banner .home-form-1 .form-control {
        padding: 15px;
    }
    .main-banner .home-form-1 .input-group-addon {
        border-radius: 0;
    }
    .recipe-main-features li span {
        text-align: right;
        padding-right: 0;
    }

    .recipe-main-features li {
        width: 41%;
    }
    .recipe-meta-details ul {
        width: 100%;
        display: block;
        overflow: hidden;
        padding-bottom: 10px;
    }
    .recipe-meta-details {
        padding: 0 23px 20px 35px;
    }
    .sidebar-textbox {
        min-height: auto;
    }
    .sticky-wrapper.is-sticky .navbar-default .navbar-nav > li > a {
        color: #444;
    }
}

@media screen and (max-width: 600px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        color: #fff;
    }
}

@media screen and (max-width: 480px){
	.heading-title h2{
		padding: 10px 14px;
		font-size: 18px;
		line-height: 24px;
	}

	.recipe-image-list, .chef-image-list, .restaurant-image-list {
		position: relative;
		width: 100%;
		display: block;
		vertical-align: top;
	}

	.recipe-text, .chef-text, .restaurant-text {
		position: relative;
		width: 100%;
		display: block;
		padding: 10px 15px;
		vertical-align: top;
	}

    .md-4 {
        width: 100% !important;
    }

	.testimony-image{
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.testimony-content{
		display: block;
		margin-left: 0;
		text-align: center;
	}

	#testislider .carousel-control.left {
		z-index: 3;
		left: 15px;
		right: auto;
	}

	#testislider .carousel-control.right {
		z-index: 3;
		right: 15px;
		left: auto;
	}

	#subscribe h3{
		display: block;
		text-align: center;
	}

	#slider-recipe .carousel-indicators{
		display: none;
	}

    .blog-header {
        padding-left: 7.5%;
    }

    .blog-header .blog-title h2 {
        font-size: 18px;
    }
    .blog-header .blog-author {
        font-size: 13px;
    }

    .widget .widgettitle {
        font-size: 30px;
        line-height: 40px;
    }
    .col-md-12 .recipe-image-list {
        width: 100%;
    }
    .recipe-social-icons .banner-btn {
        margin: 10px 0;
    }
    .recipe-types.style-2 a .article-content .articles .article-content {
        margin: 0
    }
}

@media screen and (min-width: 51.3125em) {
    .nutrition {
        margin: 10px 0 0;
        width: auto;
    }
}