@media (min-width: 2400px) {

}

@media (min-width: 2800px) {

}


@media (max-width: 1600px) {
	header .container {max-width: 96%;}
	.home01 h1 {font-size: 60px;}
	.lang-es .home01 h1 {font-size: 45px;}
	.home01 {font-size: 20px;}
	.lang-es .products {font-size: 16px;}
	
	.ingredience li {left: 6%;}
	.ingredience li:nth-child(2) {left: 2%;}
	.ingredience li:nth-child(3) {left: 12%;}
	.ingredience li:nth-child(4), .ingredience li:nth-child(5), .ingredience li:nth-child(6) {right: 16%;}
	.ingredience li:nth-child(5) {right: 5%;}
	.ingredience li:nth-child(6) {right: 0;}
	.bone-and-raw h2 {font-size: 40px;}
	.nfotext02 p {padding: 0 8%;}
	.nfotext02 ul li {
		padding: 6px 0 10px 50px;
		font-size: 16px;
	}
	.products {font-size: 18px;}
	.lang-de .products {font-size: 17px;}
	.products01 {margin-top: -200px;}
	.detail03 h1 {font-size: 30px;}
	.detail04 .nav-tabs .nav-link {font-size: 16px;}
	.benefits .col-lg-12 ul li h2 {font-size: 30px;}
	
	.box h4 {
		font-size: 30px;
		margin: 0 0 10px 0;
	}
	.box a {
		font-size: 15px;
		padding: 7px 25px;
		margin: 5px 0 10px 0;
	}
	
}

/* iPad Pro landscape ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	.products {background-size: cover;}
}


/* iPad air landscape ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1180px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
	header .nav-item {
		padding-left: 1px;
		padding-right: 1px;
	}
	header .nav-link {
		font-size: 14px;
		letter-spacing: 0;
		padding: 5px 14px !important;
	}
	.searchbox {margin-right: 20px;}
	.box .col-sm-6 {
		position: relative;
		overflow: hidden;
	}
	.box .col-sm-6 img[src$=".jpg"] {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 120%;
		transform: translate(-50%,-50%);
		max-width: none;
	}
	.box .col-sm-6.align-self-center {padding: 20px 5%;}
	.bone-and-raw:before {background-size: auto 100%;}
	.bone-and-raw h2 {font-size: 30px;}
	.products {background-size: cover;}
	
	.our-story .col-md-8.offset-md-2 {
		margin-left: 10%;
		width: 80%;
	}
	.our-story01 .col-md-6.offset-md-6 p {font-size: 18px;}
	.our-story01 .col-md-10.offset-md-1 p {font-size: 35px;}
	.localproduct {padding: 40px 8%;}
	.our-story02 .container {max-width: 100%;}
}

/* ipad portrait ----------------------------------- */
@media only screen and (min-device-width : 821px) and (max-device-width : 1024px) and (orientation : portrait) {
	header .container, .our-story02 .container {max-width: 100%;}
	header .nav-item {
		padding-left: 1px;
		padding-right: 1px;
	}
	header .nav-link {
		font-size: 14px;
		letter-spacing: 0;
		padding: 5px 12px !important;
	}
	.searchbox {margin-right: 20px;}
	.box .col-sm-6 {
		position: relative;
		overflow: hidden;
	}
	.box .col-sm-6 img[src$=".jpg"] {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 120%;
		transform: translate(-50%,-50%);
		max-width: none;
	}
	.box .col-sm-6.align-self-center {padding: 20px 5%;}
	.bone-and-raw:before {background-size: auto 100%;}
	.bone-and-raw h2 {font-size: 30px;}
	.products {background-size: cover;}
	.our-story .col-md-8.offset-md-2 {
		margin-left: 10%;
		width: 80%;
	}
	.our-story01 .col-md-10.offset-md-1 p {
		font-size: 30px;
		margin: 30px 0 20px 0;
	}
	.localproduct {padding: 50px 8%;}
}

/* ipad portrait ----------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : portrait) {
	.menu2 {
		position: relative;
		top: auto;
		right: auto;
	}
	header .navbar-collapse {padding-top: 40px;}
	.searchbox {margin: 20px 320px 20px 0;}
	.menu2 > ul > li:nth-child(2) {margin: 10px 0 0 16px;}
	.home01 .container, .home02 .container, .d-barf .container, .d-barf-nfo .container, .our-story02 .container {max-width: 100%;}
	.home01 h1 {
		font-size: 36px;
		margin: 80px 0 5px 0;
	}
	.home02 h2 {font-size: 36px;}
	.home02 .col-md-8 p {
		padding: 0;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 0;
	}
	.ico {font-size: 14px;}
	.home02 h3 {
		font-size: 26px;
		margin: 20px 0 60px 0;
		letter-spacing: -.5px;
	}
	.box .col-sm-6 {
		position: relative;
		overflow: hidden;
	}
	.box .col-sm-6 img[src$=".jpg"] {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 100%;
		transform: translate(-50%,-50%);
		max-width: none;
	}
	.box .col-sm-6.align-self-center {padding: 20px 5%;}
	.box span img {width: 46px;}
	.box h4 {font-size: 26px;}
	footer .col-md-5 a {
		font-weight: 700;
		font-size: 26px;
	}
	.d-barf {
		background: #1d1f1f url(../images/bg01.jpg) no-repeat center top -120px;
		font-size: 20px;
	}
	.d-barf .col-md-6.offset-md-3 {
	    width: 70%;
		margin-left: 15%;
	}
	.d-barf h1 {font-size: 36px;}
	.ingredience {
		margin: 0 0 40px 0;
		height: 400px;
	}
	.ingredience li {
		font-size: 16px;
		font-weight: 600;
		top: 24%;
		left: 5%;
	}
	.ingredience li:nth-child(3) {
		left: 8%;
		top: 68%;
	}
	.bone-and-raw {
		font-size: 15px;
		letter-spacing: 0;
		padding: 30px 8%;
	}
	.bone-and-raw:before {background-size: auto 100%;}
	.bone-and-raw h2 {font-size: 30px;}
	.d-barf-nfo h3 {font-size: 40px;}
	.nfotext02 {
		font-size: 18px;
		letter-spacing: 0;
		padding: 40px 5%;
		margin: 40px 0;
	}
	.nfotext02 h4 {font-size: 25px;}
	.nfotext03 li {
		font-size: 16px;
		padding: 70px 0 30px 27%;
	}
	.nfotext03 li h5 {font-size: 25px;}
	.products {background-size: cover;}
	.product .col-sm-6 + .col-sm-6 {padding: 20px 4%}
	.product h2 {font-size: 30px;}
	
	.localproduct {padding: 40px 8%;}
	.localproduct h5 {font-size: 30px;}
	.our-story01 .col-md-6.offset-md-6 p {padding: 200px 0 80px 8%;}
	.our-story01 .col-md-10.offset-md-1 p {
		font-size: 30px;
		margin: 0 0 20px 0;
	}
	.detail03 h1 {font-size: 25px;}
	.detail03 {
    padding: 5% 6%;
    font-size: 15px;
}
	.detailfoto a {
		width: 70px;
		height: 70px;
		margin: 5px;
	}
	.detail05 h6 {
		font-size: 30px;
		margin: 0 0 30px 0;
	}
	.detail01:before {
		background: url(../images/bg06.jpg) no-repeat center bottom;
		background-size: cover;
	}
	.detail04 .accordion-item {background: #F6EFE3;}
	.detail04 .accordion-item a {color: #242424;}
	.detail04 .accordion-collapse {padding: 15px;}
	.detail04 .nav-tabs .nav-link {
		font-weight: 500;
		font-size: 13px;
		padding-top: 10px;
		padding-bottom: 10px;
		letter-spacing: 0;
	}
	.detail04 .accordion-button {
		font-weight: 600;
		color: #242424;
	}
	.detail04 .accordion-button:focus {box-shadow: none;}
	.detail04 .accordion-button:not(.collapsed) {
    	color: #fff;
		background: #EDB035;
	}
	.detail04 .accordion-button:not(.collapsed)::after {
    	border-top: solid 2px #fff;
		border-left: solid 2px #fff;
		background: none;
		transform: rotate(45deg) scale(.7,.7) translate(3px,3px);
	}
	.contact01 {
		margin-top: 100px;
		padding-top: 50px;
		padding-left: 30px;
	}
	.contact .col-lg-12 a {margin: 5px 20px;}
}

/* mobile landscape ----------------------------------- */
@media (min-width: 481px) and (max-width: 896px) and (orientation: landscape) {
	.logo img {width: 100px;}
	.menu2 {
		position: relative;
		top: auto;
		right: auto;
	}
	header .navbar-collapse {padding-top: 20px;}
	.menu2 > ul > li:nth-child(2) {margin: 10px 0 0 15px;}
	.home01 .container, .d-barf .container, .d-barf-nfo .container, .products .container, .products01 .container, .our-story .container, .our-story01 .container, .our-story02 .container, .detail02 .container, .detail04 .container {max-width: 100%;}
	.home01 h1 {
		font-size: 36px;
		margin: 80px 0 5px 0;
	}
	.home01 {font-size: 14px;}
	.btn01 {margin-top: 10px;}
	.baleni {
		top: -60px;
		width: 500px;
		background-size: 100% auto;
		height: 280px;
		margin-left: -250px;
	}
	.home02 h2 {
		font-size: 36px;
		margin: 40px 0 20px 0;
	}
	.home02 .col-md-8 p {
		padding: 0;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 0;
	}
	.ico {font-size: 14px;}
	.home02 h3 {
		font-size: 26px;
		margin: 20px 0 60px 0;
		letter-spacing: -.5px;
	}
	.box h4 {
		font-size: 25px;
		letter-spacing: -.5px;
	}
	.box a {
		font-weight: 700;
		font-size: 15px;
		padding: 8px 15px;
	}
	.box .col-sm-6 img[src$=".jpg"] {
		width: auto;
		height: 100%;
	}
	footer .col-md-5 a {font-size: 26px;}
	footer .col-md-4, footer .col-md-3.col-sm-12 {padding-top: 40px;}
	footer .col-md-3.col-sm-12 {text-align: center;}
	.d-barf h1, .uContent h1 {font-size: 36px;}
	.ingredience {
		margin: 0;
		height: 380px;
	}
	.ingredience li {
		font-size: 16px;
		font-weight: 600;
		top: 24%;
		left: 5%;
	}
	.ingredience li:nth-child(3) {
		left: 8%;
		top: 68%;
	}
	.bone-and-raw {
		font-size: 15px;
		letter-spacing: 0;
		padding: 30px 8%;
	}
	.bone-and-raw:before {background-size: auto 100%;}
	.d-barf-nfo h3 {font-size: 40px;}
	.nfotext02 {
		font-size: 18px;
		letter-spacing: 0;
		padding: 40px 5%;
		margin: 40px 0;
	}
	.nfotext02 h4 {font-size: 25px;}
	.nfotext03 li {
		font-size: 16px;
		padding: 70px 0 30px 27%;
	}
	.nfotext03 li h5 {font-size: 25px;}
	.products {
		padding: 160px 0 100px 0;
		font-size: 16px;
	}
	.products h1 {font-size: 36px;}
	.products01 {
		padding: 0 0 40px 0;
		margin-top: -80px;
	}
	.product {margin-bottom: 15px;}
	.product .col-sm-6 + .col-sm-6 {padding: 20px 4%}
	.product h2 {font-size: 25px;}
	
	.our-story {font-size: 18px;}
	.our-story .col-md-8.offset-md-2 {
		margin-left: 0;
		width: 100%;
	}
	.our-story h1 {
		font-size: 36px;
		margin: 120px 0 10px 0;
	}
	.our-story h2 {
		font-size: 20px;
		margin: 0 0 10px 0;
	}
	.our-story h3 {
		font-size: 30px;
		margin: 20px 0 40px 0;
	}
	.our-story01 .col-md-6.offset-md-6 p {
		padding: 100px 0 180px 4%;
		font-size: 16px;
	}
	.img07 {height: 500px;}
	.our-story01 .col-md-10.offset-md-1 p {
		font-size: 30px;
		margin: 0 0 20px 0;
	}
	.watermark {
		right: -150px;
		width: 500px;
	}
	.localproduct {
    padding: 40px 6% 20px 6%;
    margin: 40px 0 -250px 0;
}
	.localproduct h5 {font-size: 30px;}
	
	.detail03 h1 {font-size: 25px;}
	.detail03 {
    padding: 5% 6%;
    font-size: 15px;
}
	.detailfoto a {
		width: 70px;
		height: 70px;
		margin: 5px;
	}
	.detail05 h6 {
		font-size: 30px;
		margin: 0 0 30px 0;
	}
	.detail01:before {
		background: url(../images/bg06.jpg) no-repeat center bottom;
		background-size: cover;
	}
	.detail04 .accordion-item {background: #F6EFE3;}
	.detail04 .accordion-item a {color: #242424;}
	.detail04 .accordion-collapse {padding: 15px;}
	.detail04 .nav-tabs .nav-link {
		font-weight: 500;
		font-size: 13px;
		padding-top: 10px;
		padding-bottom: 10px;
		letter-spacing: 0;
	}
	.detail04 .accordion-button {
		font-weight: 600;
		color: #242424;
	}
	.detail04 .accordion-button:focus {box-shadow: none;}
	.detail04 .accordion-button:not(.collapsed) {
    	color: #fff;
		background: #EDB035;
	}
	.detail04 .accordion-button:not(.collapsed)::after {
    	border-top: solid 2px #fff;
		border-left: solid 2px #fff;
		background: none;
		transform: rotate(45deg) scale(.7,.7) translate(3px,3px);
	}
	.contact {padding: 130px 0 80px 0;}
	.contact .col-lg-12 h1 {
		font-size: 37px;
		margin: 0 0 30px 0;
	}
	.contact .col-lg-12 a {
		font-size: 26px;
		margin: 5px 30px;
	}
	.contact h3 {margin: 80px 0 40px 0;}
	.contact01 {
		margin-top: 40px;
		font-size: 18px;
		padding-top: 50px;
		padding-left: 30px;
	}
	.contact01 h6 {
		font-size: 24px;
		margin: 20px 0 0 0;
	}
	
}

@media (min-width: 420px) and (max-width: 667px) and (orientation: landscape) {
	.d-barf {
		background: #1d1f1f url(../images/bg01.jpg) no-repeat center top;
		background-size: 400% auto;
		padding: 160px 0 0 0;
		font-size: 16px;
	}
	.products {background-size: auto 100%;}
	.product .col-sm-6 + .col-sm-6 {padding: 20px 2%}
	.our-story01 .col-md-6.offset-md-6 p {padding: 100px 0 20px 0;}
	.img07 {
		position: relative;
		right: auto;
	}
	.our-story01 .col-md-10.offset-md-1 p {
		font-size: 25px;
		margin: 60px 0 20px 0;
	}
	.box .col-sm-6 {overflow: hidden;}
	.box .col-sm-6 img[src$=".jpg"] {max-width: none;}
	.home02 .container {max-width: 100%;}
	.box .col-sm-6.align-self-center {padding: 0 3%;}
	.box span img {
		width: 50px;
		margin-right: 3px;
	}


}

/* mobile portrait ----------------------------------- */
@media(max-width:480px) and (orientation : portrait) {
	.logo img {width: 140px;}
	header .navbar-collapse {padding-top: 20px;}
	.menu2 {
		position: relative;
		top: auto;
		right: auto;
	}
	.searchbox {margin: 20px 0;}
	.menu2 > ul > li {
		display: block;
		margin: 10px 0;
		padding: 0 16px;
	}
	.menu2 > ul > li:nth-child(2) {padding-left: 64px;}
	.menu2 > ul > li:nth-child(2):before {left: 16px;}
	.menu2 > ul > li:last-child {display: inline-block;}
	.home01 h1 {font-size: 36px;}
	.home01 {font-size: 14px;}
	.baleni {
		top: -190px;
		width: 100%;
		height: 260px;
		margin-left: 0;
		left: 0;
	}
	.home02 h2 {font-size: 30px;}
	.home02 .col-md-8 p {
		padding: 0;
		font-size: 16px;
		font-weight: 700;
		letter-spacing: 0;
	}
	.home02 h3 {font-size: 30px;}
	.box h4 {font-size: 30px;}
	.box .col-sm-6.align-self-center {padding: 50px 10%;}
	.box span img {width: 50px;}
	
	
	footer .col-md-4 br {display: none;}
	footer .col-md-4, footer .col-md-3.col-sm-12 {padding-top: 40px;}
	footer .col-md-3.col-sm-12 {text-align: center;}
	footer .col-md-5 a {
		font-size: 26px;
		margin-bottom: 10px;
	}
	
	
	.d-barf {
		background: #1d1f1f url(../images/bg01.jpg) no-repeat left -1600px top;
		padding: 220px 0 0 0;
		font-size: 16px;
	}
	.d-barf h1, .uContent h1 {font-size: 36px;}
	.ingredience li {
		font-size: 16px;
		font-weight: 600;
		left: 0;
	}
	.ingredience li:nth-child(2), .ingredience li:nth-child(3) {left: 0;}
	.ingredience li:nth-child(4), .ingredience li:nth-child(5), .ingredience li:nth-child(6) {
		left: 0;
		right: auto;
		top: 34%;
	}
	.ingredience li:nth-child(4):before, .ingredience li:nth-child(5):before, .ingredience li:nth-child(6):before {
		left: 112%;
		right: auto;
	}
	.ingredience li:nth-child(4):after, .ingredience li:nth-child(5):after, .ingredience li:nth-child(6):after {
		margin: -7px 0 0 160px;
		left: 112%;
		right: auto;
	}
	.ingredience li:nth-child(5) {
		left: 0;
		right: auto;
		top: 42%;
	}
	.ingredience li:nth-child(6) {
		left: 0;
		right: auto;
		top: 70%;
	}	
	.bone-and-raw {
		font-size: 15px;
		letter-spacing: 0;
		padding: 30px 8%;
	}
	.bone-and-raw:before {background-size: auto 100%;}
	.d-barf-nfo h3, .bone-and-raw h2 {font-size: 25px;}
	.nfotext02 {
		font-size: 18px;
		padding: 40px 5%;
	}
	.nfotext02 h4 {font-size: 28px;}
	.nfotext02 p {padding: 0 5%;}
	.nfotext03 li {
		padding: 160px 15px 30px 15px;
		text-align: center;
	}
	.nfotext03 li:before {
		top: 20px;
		left: 50%;
		margin-left: -58px;
	}
	.nfotext03 li h5 {font-size: 28px;}
	
	.products {
		background-size: auto 100%;
		padding: 200px 0 100px 0;
		font-size: 18px;
	}
	.products h1 {font-size: 36px;}
	.products01 {
		padding: 0 0 40px 0;
		margin-top: -80px;
	}
	.product {margin-bottom: 15px;}
	.product:before {display: none;}
	.product .col-sm-6:last-child, .product .col-sm-6:last-child h2, .product .col-sm-6:last-child a, .product .col-sm-6:last-child p, .product .col-sm-6:last-child span {position: relative;}
	.product .col-sm-6:last-child:before {
		position: absolute;
		content: "";
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #F6EFE3;
	}
	.product .col-sm-6:first-child, .product img {position: relative;}
	.product .col-sm-6:first-child:before {
		position: absolute;
		content: "";
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.product .col-sm-6 + .col-sm-6 {padding: 20px 8%}
	.product h2 {font-size: 25px;}
	
	.our-story {font-size: 16px;}
	.our-story:before, .our-story:after {height: 100%;}
	.our-story h1 {
		font-size: 40px;
		margin: 100px 0 20px 0;
	}
	.our-story h2 {font-size: 20px;}
	.our-story h3 {font-size: 30px;}
	.our-story01 .col-md-6.offset-md-6 p {
		padding: 30px 0 20px 0;
		font-size: 16px;
		letter-spacing: 0;
	}
	.img07 {
		position: relative;
		right: auto;
		top: auto;
		margin: 0 12px;
		width: 94%;
	}
	.our-story01 .col-md-10.offset-md-1 p {
		font-size: 20px;
		margin: 80px 0 20px 0;
	}
	.our-story01 .col-md-10.offset-md-1 p:before, .our-story01 .col-md-10.offset-md-1 p:after {
		top: -150px;
		right: 10%;
		font-size: 140px;
	}
	.our-story01 .col-md-10.offset-md-1 p:after {
		top: auto;
		left: 12%;
		right: auto;
		bottom: -60px;
	}
	.our-story01 h4 {
		font-size: 18px;
		margin: 20px 0 30px 0;
	}	
	.localproduct {padding: 40px 8%;}
	.localproduct h5 {font-size: 30px;}
	
	
	
	.detail01:before {
		background: url(../images/bg06.jpg) no-repeat center bottom;
		background-size: cover;
	}
	.detail04 .accordion-item {background: #F6EFE3;}
	.detail04 .accordion-item a {color: #242424;}
	.detail04 .accordion-collapse {padding: 15px;}
	.detail04 .nav-tabs .nav-link {
		font-weight: 500;
		font-size: 13px;
		padding-top: 10px;
		padding-bottom: 10px;
		letter-spacing: 0;
	}
	.detail04 .accordion-button {
		font-weight: 600;
		color: #242424;
	}
	.detail04 .accordion-button:focus {box-shadow: none;}
	.detail04 .accordion-button:not(.collapsed) {
    	color: #fff;
		background: #EDB035;
	}
	.detail04 .accordion-button:not(.collapsed)::after {
    	border-top: solid 2px #fff;
		border-left: solid 2px #fff;
		background: none;
		transform: rotate(45deg) scale(.7,.7) translate(3px,3px);
	}
	.detail04 .tab-content {padding: 20px 0;}
	.detail04 .tab-content ul li {padding: 1px 0;}
	.detail05 {padding: 40px 0;}
	.detail05 h6 {
		font-size: 30px;
		margin: 0 0 20px 0;
	}
	.detail05 .col-md-3 a {
		font-size: 15px;
		font-weight: 500;
		letter-spacing: 0;
	}
	.contact {padding: 200px 0 80px 0;}
	.contact .col-lg-12 h1 {
		font-size: 37px;
		margin: 0 0 30px 0;
	}
	.contact .col-lg-12 a {
		font-size: 26px;
		margin: 5px 10px;
	}
	.contact01 {
		margin-top: 0;
		font-size: 18px;
		padding-top: 50px;
		padding-left: 15px;
	}
	.contact01 img {
		position: relative;
		left: auto;
		top: auto;
		max-width: 100%;
		height: auto;
		transform: translate(0,0);
	}
	.contact01 h6 {
		font-size: 24px;
		margin: 20px 0 0 0;
	}
	
	.contact h3 {
		font-size: 35px;
		margin: 60px 0;
	}
	.benefits .col-lg-12 ul li {
		background: no-repeat center top;
		background-size: 100px auto;
		padding: 130px 0 20px 0;
		font-weight: 600;
		margin-bottom: 30px;
	}
	.benefits .col-lg-12 ul li h2 {font-size: 25px;}
	
	
}

@media (max-width: 991px) {
  .tab-content>.tab-pane {
    display: block;
    opacity: 1;
  }
}

/* tom 2022 ----------------------------------- */