@media (min-width: 768px) {
    .container {
        width: 750px;
				padding: 0;
    }
		.d-flex {
				display: -ms-flexbox !important;
				display: flex !important;
		}
		.col {
				margin-bottom: 0;
		}

		.search-form-holder .opener{
			display: none;
		}

		.top-panel .social-links {
				display: none;
		}

		h1.title  {
				font: 36px 'Russo One', sans-serif;
				margin-bottom: 20px;
		}

}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }

		.related-posts li h3 {
        font-size: 16px;
    }

    .plus-minus{
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media screen and (max-width:840px){.bb2-table__thead-image,.bb2-table__thead-details,.bb2-table__thead th:last-child{display:none!important}.bb2-table__thead-product{width:100%!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;text-align:center;padding-left:0px!important}.bb2-table__tbody{display:block!important;flex-direction:column!important}.bb2-table__tbody-row{display:flex!important;flex-wrap:wrap!important}.bb2-table__column-product{width:100%!important;order:1!important;border-bottom:none!important;text-align:center!important;border-left:1px solid #DCDCDC!important;border-right:1px solid #DCDCDC!important;padding-top:20px!important;padding-bottom:5px!important;padding-left:0px!important;padding-right:0px!important}.bb2-table__column-image{width:40%!important;order:2!important;margin:0!important;box-sizing:border-box!important;border-bottom:none!important;display:flex!important;justify-content:center!important;align-items:center!important;border-top:none}.bb2-table__column-features{order:3!important;width:60%!important;border-right:1px solid #DCDCDC!important;box-sizing:border-box!important;border-bottom:none!important;align-items:center!important;margin:0 0;display:flex!important;text-decoration:none!important;line-height:1.5;list-style:none!important;padding:5px 5px 5px 5px;text-align:center;border-top:none;border-left:none}.bb2-table__column-button{width:100%!important;order:4!important;display:flex!important;justify-content:center!important;align-items:center!important;border-left:1px solid #DCDCDC!important;padding-top:10px!important;padding-bottom:15px!important}.bb2-table__button{font-size:15px!important}.bb2-table__features-item-mobile li{margin-bottom:5px!important;font-size:16px}.bb2-table__button{width:60%!important}.bb2-table__column-title{font-size:20px!important;text-align:center!important;margin:0 10px!important;padding-left:0px!important}.bb2-table__features-item-mobile{display:contents!important}.content .bb2-table__image{margin:5px 0!important;}div.bb2-table__link-label::before{display:block}div.bb2-table__link-label{margin-left:-9px!important;margin-top:-10px!important;margin-bottom:10px!important}}

@media (max-width: 768px) {
	.lightbox-opened img{
	width:94%;
	margin-left:3%;
	margin-right:3%;
}
	#nav ul li a {
    font-size:18px;
	line-height:40px;
}
	.custom-logo{
			display: none;
		}
		.logo {
				display: none;
		}
		.top-panel {
				background: #2a2a2a;
				padding: 13px 15px;
				display: flex;
				justify-content: space-between;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 99999;
				max-width:768px;
		}
		.top-panel .social-links {
				color: #fff;
				position: absolute;
				bottom: 80px;
				right: 15px;
		}
		.top-panel .social-links a {
				padding: 0 6px;
		}
		.admin-bar .top-panel {
				top: 46px;
		}

		.search-form-holder .opener{
				display: inline-block;
				background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZBAMAAAA2x5hQAAAAMFBMVEX///////////////////////////////////////////////////////////9HcExrkXFaAAAAEHRSTlP/MBDw0VCwYMAgcIDh77QAjep1nAAAAKlJREFUGNNj+P//54oLN1b+B4EPDP8/bWAAgv1QngpDurx4Aos+mPfJwRRIfzXwB/N+M4NE/ytzg3kTWMEGfGWYD+ItyAfz/iesB/Ea6iG8gn4Qz0AewhO4D+IxQDj/P/CjyNlj6kM1E9W+37xgt+hC3PLf4SpI6oI/ih8OQnj/If6TkYfwfq4wsFj5/+NBCA8KgJJIPKAkEg8oicz7eBCZ919GAZn36QMAWMX/mhpM0oEAAAAASUVORK5CYII=") no-repeat 50%;
				background-size: 60%;
			
				height: 30px;
				width: 40px;
				transition: all .3s ease;
		}
		.search-form-holder.opened .opener{
			transform: translateY(-200%);
		}
		.search-form-holder form {
				display: inline-block;
				transform: translateX(-200%);
				transition: all .3s ease;
		}
		.search-form-holder.opened form {
			transform: translateX(-30px);
		}
		.search-form-holder form input[type="search"],
		.search-form-holder form input[type="text"] {
				border: 1px solid #509e46;
				background-color: #434343;
				padding: 6px 6px 6px 30px;
				color: #fff;
				margin: -4.5px 0;
		}
		.search-form-holder form input[type="submit"] {
			display: none;
		}

    .header-social.social-share.visible {
        display: flex;
        opacity: 1;
        width: auto;
        height: auto;
        visibility: visible;
    }
    .header-social.visible + .search-form-holder {
        display: none;
    }

	#nav {
			width: 35px;
			
			padding: 0;
	}
	
	#nav .gavmenu {
			width: 35px;
			height:35px;
			padding: 0;
	}
	#nav .nav-menu {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			transform: translateY(-100%);
			transition: all .3s ease;
			background: #2a2a2a;
			border-top: 1px solid #fff;
			height: calc( 100vh - 46px );
	}
	.admin-bar #nav .nav-menu {
			height: calc( 100vh - 92px );
	}
	#nav .nav-menu > ul {
			display: block;
	}
	#nav .nav-menu > ul li {
			display: block;
			border-bottom: 1px solid #fff;
			padding: 10px 15px;
			text-align: left;
	}
	#nav .nav-menu > ul li a {
		display: block;
		color: #fff;
	}

	#nav ul li.active a:before {display: none;}
	#nav.nav-active .nav-menu {
			transform: translateY(46px);
	}

	.nav-opener {
			display: block;
			width: 35px;
			height: 1px;
			background: #fff;
			position: relative;
			transition: all .3s ease;
	}

	.nav-opener:before,.nav-opener:after {
			content: "";
			display: block;
			width: 100%;
			height: 1px;
			background: #fff;
			position: absolute;
			top: 12px;
			left: 0;
			transition: all .3s ease;
	}
		.nav-opener:after {
		
			top: 24px;

	}


	.nav-active .nav-opener {
			background: transparent;
	}

	.nav-active .nav-opener:after {
			transform: rotate(-45deg);
			transform-origin: top left;
	}
	.nav-active .nav-opener:before {
			transform-origin: top left;
			transform: rotate(45deg);
			top: 0;
	}

    .comment p {
        background: #f8fafc;
        padding: 10px;
        border: 1px solid #dedfe1;
        margin-top: 10px;
    }
		.comment .meta {
        position: relative;
    }
    .comment-author {
        position: relative;
        margin-bottom: 10px;
    }

		.related-posts ul {
				flex-wrap: wrap;
		}
		.related-posts li {
				flex-basis: 50%;
		}

    .tablepress {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
		.related-posts .mask {
				position: relative;
				overflow: hidden;
				width: 100%;
				min-height: 100px;
		}
		.related-posts ul {
				width: 99999px;
				float: left;
		}
		.related-posts li {
				width: 100%;
				float: left;
				top: 50%;
				transform: translateY(-50%);
				padding: 0 50px;
				text-align: center;
		}
		.related-posts li h3 {
				padding-left: 0;
				font-size: 18px;
				color: #509e46;
				font-weight: 400;
				text-decoration: underline;
		}
		.related-posts li h3:before {
				display: none;
		}
		.related-posts .btn-prev,
		.related-posts .btn-next {
				display: inline-block;
				position: absolute;
				top: 50%;
				left: 0;
				color: rgb(80, 158, 70);
				transform: translateY(-61%);
				font-size: 100px;
				text-decoration: none;
		}
		.related-posts .btn-next  {
				left: auto;
				right: 0;
		}
			.top-panel {
				max-width:767px;
		}	
}

@media only screen and (max-width: 560px) {
    .container {
      padding: 0 10px;
    }
    
    #header {
        margin-bottom: 60px;
    }
    
    .posts-list.grid {
      display: block;
    }
    .posts-list.grid li {
      width: 100%;
      display: block;
    }
		.article div.title {
				font: 24px 'Russo One', sans-serif;
				margin-left: 10px;
				margin-right: 5px;
				margin-bottom: 10px;
		}
    .comment p,
    .content p,
    .content li {
      font-size: 14px;
      line-height: 20px;
    }
    .content h2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .content img {
        margin-top: 10px;
        margin-bottom: 10px;
		    max-width: 100%;
    }
    .related-posts h4 {
      margin: 0 -10px;
    }

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

    #miyazaki caption { background-image: none; }
    #miyazaki thead { display: none; }
    #miyazaki tbody td {
      display: block; padding: .6rem;

    }
    #miyazaki tbody tr td:first-child {
      background: #fff; color: #509e46;
      border-bottom: 1px solid #a6a6a6;
      text-align: center;
      font-weight: bold;
    }

    .tablepress :not(.translations) img {
        margin-top: 10px;
        margin-bottom: 10px;
		max-width: 100%;
        height: auto;
    }

	.wpcr3_button_1 {
		min-width: inherit;
		width: 100%;
	}

	.top-panel {
		max-width:560px;
	}	
}
@media only screen and (max-width: 480px) {
    .b-table th, .b-table td {
        padding: 1em 2%;
        text-align: left;
    }

    .tablepress {
        font-size: 10px;
    }
	.top-panel {
		max-width:480px;
	}		
}
@media only screen and (max-width: 420px) {
		h1.title {
				font: 24px 'Russo One', sans-serif;
				margin-bottom: 10px;
		}

    .b-table,
    .b-table p,
    .b-table li,
    .b-table td,
    .b-article-content ul li {
        font-size: 14px;
    }
    .b-table th, .b-table td {
        padding: 1em 2%;
        text-align: left;
    }

    .tablepress {
        font-size: 9px;
    }
	.top-panel {
		max-width:420px;
	}		
}



@media only screen and (max-width: 414px) {
	.top-panel {
		max-width:414px;
	}	
}	
@media only screen and (max-width: 412px) {
	.top-panel {
		max-width:412px;
	}	
}	
@media only screen and (max-width: 393px) {
	.top-panel {
		max-width:393px;
	}	
}	
@media only screen and (max-width: 375px) {
	.top-panel {
		max-width:375px;
	}	
}	
@media only screen and (max-width: 360px) {
	.top-panel {
		max-width:360px;
	}	
}	
@media only screen and (max-width: 320px) {
	.top-panel {
		max-width:320px;
	}	
}