@media(min-width:768px) { 

	/*coffee-page*/	.nav-tabs { display: flex; justify-content: center;}

	.card { border: none;}

	.card .card-header { display:none;}  

	.card .collapse{ display:block;	}

}

@media (min-width: 1340px){

	.custom-container {	max-width:1300px;}

}

@media (min-width: 1440px){

	.custom-container {	max-width:1400px;}

}

@media (min-width: 1740px){

	.custom-container {	max-width:1710px;}

}

@media screen and (max-width: 1800px) {

	/*global*/	p { font-size: 17px; line-height: 32px;}

	h2 { font-size: 45px; line-height: 60px;}	

	h1 { font-size: 54px;	}

	/*header*/	.header .navbar-nav { padding-left: 0;}

	.header .navbar-brand { max-width: 240px; width: 100%;}

	.header .navbar-brand img { width: 100%;}

	/*home-banner*/	.banner-text h1 { max-width: 580px; font-size: 50px;}

	.hero-banner { min-height: 740px;}

	.banner-text { margin-top: 0;}

	.banner-image { max-width: 1110px; width: 100%;	}

	.header .navbar-nav .nav-item { padding: 0 15px;}

	.inner-banner-image { max-width: 480px; right: 6%;}

	.header .navbar-expand-lg { padding: 50px 0px 20px;}

	section.inner-banner{ height: 400px;}	

}

@media screen and (max-width: 1200px) {

	/*global*/	h1 { font-size: 44px;}

	.container.custom-container { max-width: 100%;}

	/*header*/	.header .navbar-nav .nav-item a { font-size: 15px;}	

	.hero-banner { background-position: center center; min-height: 670px; padding: 140px 0 0px;}

	.header .navbar-brand { max-width: 170px;}

	/*home-banner*/	.banner-text h1 { max-width: 420px;}

	.banner-text h3 { max-width: 490px;}

	.coffee-bean-bag-img { left: 0;}

	.leaves-img { right: 0px; bottom: -50px; max-width: 250px; width: 100%;}

	.inner-banner-image { max-width: 350px; right: 4%;}

	/*organic-section*/	.organic-section { padding: 100px 0;}	

	.upper-leaf-object { top: -100px; max-width: 252px;}

	.leaf-object { max-width: 200px;}	

	.header .navbar-expand-lg { padding: 30px 0px 20px;}	

	section.inner-banner { height: 340px; padding: 100px 0 50px;}

	.about-info p { font-size: 16px;}

	.about-img { margin-top: 50px;}

	.coffee-shop-img { margin-top: 100px;}	

	.coffee-bag-wrap { max-width: 300px; bottom: -100px;}

	/*history-wrapper*/	.history-wrapper { padding-top: 70px; padding-bottom: 250px;}

	.history-wrapper::after { height: 45%;}

	/*coffee-page*/	.nav-tabs .nav-link { font-size: 15px; margin: 0 18px 10px;}

	.tab-content { margin-top: 15px;}

	.border-wrapper { width: 33%;}

	/*footer*/	footer::before,	footer::after { height: 130px; max-width: 240px;}



	.banner-image {

		max-width: 1000px;

		background: #e8eade;

	}

}

@media screen and (max-width: 1024px) {

	/*home-banner*/

	.banner-text h1 { font-size: 36px; line-height: 55px;}

	.banner-text h3 { font-size: 18px; line-height: 33px; margin: 22px 0 35px;}

	.hero-banner{ overflow: hidden;}

	.banner-image { right: -200px;}

}

@media screen and (max-width: 991px) {

	/*header*/

	.container{width: 100% !important;max-width: 100%;}

	header.header {

		background: -moz-linear-gradient(180deg, rgba(230, 232, 220,0) 0%, rgba(230, 232, 220,1) 70%); /* ff3.6+ */

		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(230, 232, 220,1)), color-stop(70%, rgba(230, 232, 220,0))); /* safari4+,chrome */

		background: -webkit-linear-gradient(180deg, rgba(230, 232, 220,0) 0%,rgba(230, 232, 220,1) 70%); /* safari5.1+,chrome10+ */

		background: -o-linear-gradient(180deg, rgba(230, 232, 220,0) 0%, rgba(230, 232, 220,1) 70%); /* opera 11.10+ */

		background: -ms-linear-gradient(180deg, rgba(230, 232, 220,0) 0%, rgba(230, 232, 220,1) 70%); /* ie10+ */

		background: linear-gradient(270deg, rgba(230, 232, 220,0) 0%, rgba(230, 232, 220,1) 70%); /* w3c */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(230, 232, 220,1)', endColorstr='rgba(230, 232, 220,0)',GradientType=1 ); /* ie6-9 */

	}

	.header .navbar-nav{background-color: #000;}

	.header .navbar-nav li{padding: 0 15px;border-bottom: 1px solid rgba(255, 255, 255,0.2)}

	.header .navbar-nav li:nth-child(7){border-bottom: 0;}

	.header .navbar-nav .nav-item a{    font-size: 15px;color: #744800;width: 100%;}

	.header .icon_line{transform: rotate(230deg);top: 5px;}

	.header .icon_cross{transform: rotate(130deg);bottom: 3px;}

	.header .line_hide{display: none;}

	.mobile-pad-0{ padding: 0;}

	a.navbar-brand { padding-left: 15px;}

	button.navbar-toggler { margin-right: 15px;}

	.navbar-collapse { position: absolute; left: 0; top: 86px; width: 100%;}

	.header .navbar-brand{ max-width: 180px;}

	.header .navbar-nav { background-color: #e6e8dc; position: relative; z-index: 9; height: calc(100vh - 85px); justify-content: flex-start;overflow-y: auto;    padding-bottom: 50px;}

	.header .navbar-nav .nav-item { padding: 8px 15px;}

	.header .navbar-nav .nav-item:last-child { padding: 10px 15px;}

	.header .navbar-expand-lg { padding: 10px 0px ;}

	.hero-banner { height: auto; min-height: 750px;padding: 140px 0;}

	/*global*/	h2 { font-size: 35px; line-height: 50px;}

	p { font-size: 16px; line-height: 30px;}

	/*banner*/	.banner-text h1 { font-size: 29px; line-height: 45px;}

	.banner-btn { font-size: 17px; line-height: 50px;}

	.section { padding: 80px 0;}

	section.hero-banner { background: url(../images/banner-image.png); background-size: cover; background-position:20% 100%;    background-color: #e8eade;}

	.banner-image{ display: none;}

	.banner-text h1 { max-width: 340px;}

	.banner-text h3 { max-width: 350px;}

	.hero-banner { height: auto; min-height: 600px; padding: 90px 0;}

	.leaves-img { right: 50px; bottom: -20px;}

	.section-title br { display: none;}

	.top-footer{ padding: 80px 0;}

	.testimonial-section { padding-bottom: 30px;}

	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background-color: #734700;}

	.items-name h4{ font-size: 24px;}

	.products-wrapper { margin: 30px 0;}

	.list-wrp ul { justify-content: center !important; flex-wrap: wrap;}

	.list-wrp ul li { padding: 0 10px;}

	section.inner-banner { height: 270px;}

	.inner-banner-image { max-width: 280px; right: 10px; bottom: -100px;}

	.history-wrapper::after { max-width: 480px; height: 324px;}

	.cont-info-wrp ul { flex-wrap: wrap; margin-top: 0; margin-bottom: 30px; padding-bottom: 40px;}

	.cont-info-wrp ul li { width: 50%; margin-top: 15px;}

	.cont-info-wrp ul li a, .cont-info-wrp ul li span { font-size: 18px;}

	.border-wrapper { width: 50%;}

	.nav-tabs .nav-item { width: 25%; text-align: center;}

	.nav-tabs .nav-item+.nav-item::after { width: 1px;}

	.coffee-item-title h3 { font-size: 30px;}

	section.section.coffees-section { padding-bottom: 40px;}

	/*footer*/	footer { padding: 50px 0 0;}

	.footer-logo { text-align: center;}

	.footer-contact-info ul li { padding-bottom: 10px; margin: 0 10px 20px;}

	.l-footer-links ul{ justify-content: center; align-items: center;}

	.footer-contact-info ul { align-items: center; justify-content: center; display: flex;}

	.footer-contact-info li br { display: none;}

	.footer-list-wrap { margin-bottom: 15px; margin-top: 10px;}

	.nav-tabs .nav-link {font-size: 13px;}

}

@media screen and (max-width: 767px) {

	.banner-image { left: 0; width: 100%; margin-bottom: 40px;}

	.banner-text h1 { font-size: 35px; line-height: 55px; text-align: center; margin: 0 auto; max-width: 540px;}

	.banner-text h3 { font-size: 20px; line-height: 36px; margin: 20px auto; text-align: center;}

	.hero-banner { background-position: 20% 100%;}

	.banner-btn-wrap { text-align: center; margin-top: 50px;}

	.hero-banner { padding:110px 0 60px;}

	.image-wrapper { margin-bottom: 40px;}

	.banner-btn { min-width: 130px; margin: 5px;}

	section.section.about-section { padding-top: 110px; padding-bottom: 130px;}

	.about-info h3 ,.about-info p{ text-align: center;}

	.coffee-shop-img { margin-top: 40px;}

	.coffee-shop-tea-stain { left: 0; right: 0; margin: 0 auto; bottom: -250px;}	

	.coffee-bag-wrap { max-width: 200px; bottom: -70px;}

	.contact-desp p br { display: none;}

	section.section.contact-section.cont-page-section { padding-bottom: 40px;}

	.history-wrapper { padding-top: 70px; padding-bottom: 170px; padding-right: 60px; padding-left: 10px;}

	.history-wrapper::before { right: -56px; max-width: 230px;}

	/*coffee-page*/	.card-header a { font-size: 28px; color: #393835; font-family: "Playfair Display"; font-weight: 400; line-height: 35px; width: 100%; display: block;}

	.tab-content > .tab-pane { display: block !important; opacity: 1;}

	.card-header { background-color: #f4f5ee; padding: 18px; text-align: center;}

	.coffee-item-title{ display: none;}

	.tab-content > .tab-pane { border: 0; border-radius: 0; margin-bottom: 10px;}

	/*footer*/	footer { padding: 40px 0 0;}	
	.coffee-bean-bag-img {
		max-width: 400px;
	}
	.stain-object {
		top: 60%;
	}
	.leaves-img {
		bottom: -70px;
		max-width: 200px;
	}
}

@media screen and (max-width: 575px) {

	h2 { font-size: 34px; line-height: 40px;}

	.inner-banner-image { max-width: 200px; bottom: -80px;}

	.testi-information-wrap img { max-width: 50px; width: 100%; margin-bottom: 10px;}

	.list-wrp ul li a { font-size: 17px;}

	.items-name{ min-height: 234px;}

	.product-item img{ max-width: 195px;}

	.upper-leaf-object { top: -70px; max-width: 162px;}

	header.header {

		background: -moz-linear-gradient(180deg, rgba(230, 232, 220,0) 0%, rgba(230, 232, 220,1) 40%); /* ff3.6+ */

		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(230, 232, 220,1)), color-stop(40%, rgba(230, 232, 220,0))); /* safari4+,chrome */

		background: -webkit-linear-gradient(180deg, rgba(230, 232, 220,0) 0%,rgba(230, 232, 220,1) 40%); /* safari5.1+,chrome10+ */

		background: -o-linear-gradient(180deg, rgba(230, 232, 220,0) 0%, rgba(230, 232, 220,1) 40%); /* opera 11.10+ */

		background: -ms-linear-gradient(180deg, rgba(230, 232, 220,0) 0%, rgba(230, 232, 220,1) 40%); /* ie10+ */

		background: linear-gradient(270deg, rgba(230, 232, 220,0) 0%, rgba(230, 232, 220,1) 40%); /* w3c */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(230, 232, 220,1)', endColorstr='rgba(230, 232, 220,0)',GradientType=1 ); /* ie6-9 */

	}

	/*history*/

	.history-wrapper::before { right: -30px; max-width: 160px; height: 210px;}

	.history-wrapper::after { max-width: 296px; height: 200px;}

	.history-wrapper { padding-top: 130px; padding-right: 10px; padding-left: 10px;}	

	.cont-info-wrp ul li { width: 100%;}

	.cont-info-wrp ul li a, .cont-info-wrp ul li span { font-size: 16px;}

	footer::before, footer::after { height: 70px; max-width: 130px;}

}

@media screen and (max-width: 480px) {

	/*coffee-page*/	.border-wrapper { width: 100%;}

	.card-header a { font-size: 20px; line-height: 30px;}

	.card-body { padding: 1.25rem 0;}
	.header .navbar-nav {
		height: calc(100vh - 85px);
		overflow-y: auto;
	}
}

@media screen and (max-width: 374px) {

	h1 { font-size: 40px;}

	.inner-banner-image { max-width: 180px; bottom: -90px;}

	li.breadcrumb-item, li.breadcrumb-item a { font-size: 13px;}

	.coffee-shop-tea-stain { bottom: -170px; max-width: 200px;}

	/*footer*/	.list-wrp ul li a { font-size: 14px;}	

	.copyright p { font-size: 13px;}

	.copyright p span{ font-size: 13px;display: block;}

}