@media (max-width: 320px) {
	.beer-1, .beer-2{
		text-align: center;
	}

	.footer{
		text-align: center;
	}
		.footer .social-media{
			text-align: center;
		}

	.home-2 .cbox {
    	padding: 30px 20px;
	}
		.home-2 .img-box{
			height: 250px;
			position: relative;
		}

	.home-3 .cbox {
    	padding: 30px 20px;
	}
		.home-3 .img-box{
			height: 250px;
			position: relative;
		}

	.home-5 h2{
		font-size: 16px !important;
	}

	.main-header{
		text-align: center;
	}

	.page-banner{
		padding: 40px 0;
	}
		.page-banner .title{
			font-size: 40px;
			text-align: center;
		}

	.page-banner-video{
		padding: 40px 0;
	}
		.page-banner-video .title{
			font-size: 40px;
			text-align: center;
		}

	.slider-1 .item{
		padding-top: 50px;
    	padding-bottom: 50px;
	}
		.slider-1 .text-1{
			font-size: 40px;
		}

		.slider-1 .text-2{
			font-size: 20px;
		}

	.sub-footer #about-us-menu, .sub-footer #contact-us-menu{
		text-align: center;
	}
		.sub-footer .bordered{
			border-left: none;
			border-right: none;
		}
}

@media (max-width: 375px){
	.header-1{
		text-align: center !important;
	}

	.home-2 .cbox {
    	padding: 30px 20px;
	}

	.home-3 .cbox {
    	padding: 30px 20px;
	}
}

@media ( max-width: 480px ) {
	#back-to-top {
		display: none !important;
	}

	#sticky-nav{
		display: none;
	}
	.beer-1, .beer-2{
		text-align: center;
	}

	.footer{
		text-align: center;
	}
		.footer .social-media{
			text-align: center;
		}

	.h-banner #h-left-menu,
	.h-banner #h-right-menu,
	.logo {
		display: none !important;
	}
	.h-banner .overlay {
		padding-top: 300px;
	}

	.header-1 .fa-facebook, .header-1 .fa-instagram, .header-1 .fa-twitter {
    	font-size: 15px;
	}

	.hide-mobile {
		display: none;
	}

	.home-2 .img-box,.home-3 .img-box{
		height: 250px;
		position: relative;
	}

	.home-5 h2{
		font-size: 17px;
	}

	.main-header{
		text-align: center;
	}

	.page-banner{
		padding: 40px 0;
	}
		.page-banner .title{
			font-size: 40px;
			text-align: center;
		}

	.page-banner-video{
		padding: 40px 0;
	}
		.page-banner-video .title{
			font-size: 40px;
			text-align: center;
		}

	.slider-1 .item{
		padding-top: 50px;
    	padding-bottom: 50px;
	}
		.slider-1 .text-1{
			font-size: 40px;
		}

		.slider-1 .text-2{
			font-size: 20px;
		}

	.sub-footer #about-us-menu, .sub-footer #contact-us-menu{
		text-align: center;
	}
		.sub-footer .bordered{
			border-left: none;
			border-right: none;
		}	
}

@media ( max-width: 425px ) {
	.beer #bb-list {
		border: 1px solid #FFC120;
		margin-bottom: 5px;
		text-align: center;
		padding: 30px;
	}
		.beer #bb-list img {
			height: auto;
			max-width: 100%;
		}
	.beer #bb-title {
		display: none;
	}
}

@media (max-width: 568px){
	.beer-1, .beer-2{
		text-align: center;
	}

	.footer{
		text-align: center;
	}
		.footer .social-media{
			text-align: center;
		}

	.header-1{
		text-align: center !important;
	}

	.home-2 .img-box,.home-3 .img-box{
		height: 250px;
		position: relative;
	}
	
	.home-5 h2{
		font-size: 20px;
	}

	.main-header{
		text-align: center;
	}

	.page-banner{
		padding: 40px 0;
	}
		.page-banner .title{
			font-size: 40px;
			text-align: center;
		}

	.page-banner-video{
		padding: 40px 0;
	}
		.page-banner-video .title{
			font-size: 40px;
			text-align: center;
		}	

	.slider-1 .item{
		padding-top: 50px;
    	padding-bottom: 50px;
	}
		.slider-1 .text-1{
			font-size: 40px;
		}

		.slider-1 .text-2{
			font-size: 20px;
		}

	.sub-footer #about-us-menu, .sub-footer #contact-us-menu{
		text-align: center;
	}
		.sub-footer .bordered{
			border-left: none;
			border-right: none;
		}
}

@media (max-width: 667px){
	.beer-1, .beer-2{
		text-align: center;
	}

	.footer{
		text-align: center;
	}
		.footer .col-sm-9{
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.footer .col-sm-3{
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.footer .social-media{
			text-align: center;
		}

	.header-1{
		text-align: center;
	}

	.home-5 h2{
		font-size: 20px;
	}

	.main-header{
		text-align: center;
	}

	.page-banner{
		padding: 40px 0;
	}
		.page-banner .title{
			font-size: 40px;
			text-align: center;
		}

	.page-banner-video{
		padding: 40px 0;
	}
		.page-banner-video .title{
			font-size: 40px;
			text-align: center;
		}

	.slider-1 .item{
		padding-top: 50px;
    	padding-bottom: 50px;
	}
		.slider-1 .text-1{
			font-size: 40px;
		}

		.slider-1 .text-2{
			font-size: 20px;
		}

	.sub-footer #about-us-menu, .sub-footer #contact-us-menu{
		text-align: center;
	}
		.sub-footer .bordered{
			border-left: none;
			border-right: none;
		}
		.sub-footer .col-sm-4{
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
}

@media (max-width: 736px){
	.beer-1, .beer-2{
		text-align: center;
	}
	
	.footer{
		text-align: center;
	}
		.footer .col-sm-9{
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.footer .col-sm-3{
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.footer .social-media{
			text-align: center;
		}

	.header-1{
		text-align: center;
	}

	.main-header{
		text-align: center;
	}

	.nh-3 .content .overlay a {
		font-size: 20px !important;
		padding: 100px 30px !important;
	}

	.page-banner{
		padding: 40px 0;
	}
		.page-banner .title{
			font-size: 40px;
			text-align: center;
		}

	.page-banner-video{
		padding: 40px 0;
	}
		.page-banner-video .title{
			font-size: 40px;
			text-align: center;
		}

	.single-news h3{
		height: auto !important;
	}

	.slider-1 .item{
		padding-top: 50px;
    	padding-bottom: 50px;
	}
		.slider-1 .text-1{
			font-size: 40px;
		}

		.slider-1 .text-2{
			font-size: 20px;
		}

	.sub-footer #about-us-menu, .sub-footer #contact-us-menu{
		text-align: center;
	}
		.sub-footer .bordered{
			border-left: none;
			border-right: none;
		}
		.sub-footer .col-sm-4{
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
}

@media all and (max-width: 768px) {
	.header-1 {
	    text-align: left;
	    margin-top: 20px;
	}
		.header-1 li.separator{
			margin: 0;
		}
		.header-1 ul{
			padding: 0;
		}
		
	.header-2{
		display: none !important;
	}
		.home-2 .cbox p, .home-3 .cbox p{
			font-weight: 900;
		}

	.header-3{
		display: none !important;
	}

	#sticky-nav{
		display: none !important;
	}
	
	.sub-footer .title{
		font-size: 20px;
		text-align: center;
	}
		.sub-footer .col-sm-10{
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.sub-footer .offset-sm-1{
			margin-left: 0;
		}
}

@media (max-width: 812px){
	.footer{
		text-align: center;
	}
		.footer .col-sm-9{
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.footer .col-sm-3{
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.footer .social-media{
			text-align: center;
		}

	.header-1 {
	    text-align: left;
	    margin-top: 20px;
	}
		.header-1 li.separator{
			margin: 0;
		}
		.header-1 ul{
			padding: 0;
		}
		
	.header-2{
		display: none !important;
	}

	.header-3{
		display: none !important;
	}

	.home-2 .cbox {
    	padding: 30px 20px;
	}

	.home-3 .cbox {
    	padding: 30px 20px;
	}

	.page-banner{
		padding: 40px 0;
	}
		.page-banner .title{
			font-size: 40px;
			text-align: center;
		}

	.page-banner-video{
		padding: 40px 0;
	}
		.page-banner-video .title{
			font-size: 40px;
			text-align: center;
		}

	.slider-1 .item{
		padding-top: 50px;
    	padding-bottom: 50px;
	}
		.slider-1 .text-1{
			font-size: 40px;
		}

		.slider-1 .text-2{
			font-size: 20px;
		}

	.sub-footer #about-us-menu, .sub-footer #contact-us-menu, .sub-footer .title{
		text-align: center;
	}
		.sub-footer .bordered{
			border-left: none;
			border-right: none;
		}
		.sub-footer .col-sm-4{
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}	
}

@media screen and (max-width: 1024px) {
	.logo	{
		display: none;
	}
	
	.header-1 i{
		padding: 0 2px;
	}

	.header-3 #main-menu li a{
		margin: 15px 0 15px 50px;
	}

	.home-2 .cbox, .home-3 .cbox  {
    	padding: 50px;
	}
	
	.sub-footer .about, .sub-footer .newsletter, .sub-footer .contact{
		padding: 0 10px;
	}
}

@media only screen and ( max-width: 1200px ) {
	.header-3 {display: none !important;}
}

@media ( max-width: 1138px ) {
	.about-1 {
		margin: 30px 0;
	}

	.container {
		max-width: unset;
	}

	.default-page {
	    margin: 30px 0;
	}
	
	.h-menu-holder {
		display: none;
	}
	.h-banner .overlay {
		padding: 400px 0 100px 0;
	}
	.logo	{
		display: none;
	}
	.nh-3 .content .overlay a {
		font-size: 30px !important;
		padding: 150px 30px !important;
	}
}