@media screen and (min-width: 1200px){
    .recipe-meta .button-box {
        display: block;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px){
	.heading h2 {
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
    .single-page {
        margin-bottom: 40px;
    }	
}

@media screen and (min-width: 768px){
	.navbar-nav.navbar-right:last-child {
		margin-right: 0; 
	}
}

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

	.topbar-nav{
		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-default .navbar-toggle{
		margin-top: 22px;
	}

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

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

	.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: #8cc152;
	}

	.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: #8cc152;
	}

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

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

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

	#header{
		width: 100%;
		min-height: 250px;
		height: auto;
	}

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

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

	#header .carousel-control.left,
	#header .carousel-control.right{
		margin-top: 10%;
		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;
	}

	#comments h2 {
		font-size: 1.25em;
	}
	#comments .children {
		padding-left: 15px;
	}
	#comments #respond label {
		display: block;
	}
	#comments #respond input[type=text] {
		width: 100%;
	}
	#comments #respond .comment-form-comment label {
		display: block;
	}
	.comment-body p {
		margin-bottom: 1em;
	}
	.comment-body .alignleft,.comment-body .alignright {
		float: none;
		margin: 20px auto 10px;
	}

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

	.copyright{
		text-align: center;
		position: relative;
	}

	.copyright .scroltop{
		right: 15px;
	}
    .single-page {
        margin-bottom: 40px;
    }	
    .footer .footer-content .list-unstyled
    {
        margin-bottom: 30px;
    }        

}

@media screen and (max-width: 480px){
    #content,#most-rated,#latest,#top-rated,#most-read,#latest-news,#top_authors
    {
	    padding-bottom: 30px;
    }
	.heading h2{
		padding: 10px 14px;
		font-size: 22px;
		line-height: 24px;
	}
    .single-title-wrap h1 {
        font-size: 28px;
    }
    .cook-name, .authr-share h4 {
        font-size: 16px;
    }    
	.item-img-box-list {
		position: relative;
		width: 100%;
		display: block;
		vertical-align: top;
	}

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

	.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;
	}
    .recipe-form .submit 
    {
        margin-top: 10px;
    }
    .footer .footer-content .list-unstyled
    {
        margin-bottom: 30px;
    }    
    .form-control 
    {
        font-size: 13px;
        word-wrap: break-word;      /* IE*/
        white-space: -moz-pre-wrap; /* Firefox */
        white-space: pre-wrap;      /* other browsers */
        line-height: 20px;
    }
}

@media screen and (max-width: 700px) {
	.box {
		width: 70%;
	}
	.popup {
		width: 70%;
	}
}