@media only screen and (max-width:767px) {
	html, body {
		overflow-x:hidden;
	}

	.header .container-fluid, .p-0 {
		padding-left:15px !important;
		padding-right:15px !important;
	}

	.header .logo img {
		max-height:110px;
	}

	.banner .sub-title {
		margin-top:250px;
		font-size: 28px;
		line-height: 1.4;
	}

	.banner h1 {
		font-size:42px;
		line-height:1.2;
	}

	.banner p, p.big {
		font-size:18px;
	}

	.banner p br {
		display:none;
	}

	p, .table-of-content .link-normal h2 {
		font-size:16px;
		line-height:1.8;
	}

	h2 {
		font-size:36px;
	}

	.parallax-section {
		background: none !important;
		height: auto;
	} 

	.table-of-content .link-normal {
		height:50px;
		line-height:50px;
	}

	.table-of-content .link-normal .text {
		display:flex;
		align-items:center;
		height: 50px;
		line-height: 50px;
	}
	.table-of-content .link-normal .imgs {
		width:30px;
		height:30px;
	}

	.table-of-content .link-normal h2 {
		width:calc(100% - 40px);
	}

	.section-title h3, .stats-box h3 {
		font-size:20px;
	}

	.section-title h2 {
		font-size:36px;
		line-height: 1.2;
	}

	.about .pd-right {
		padding-right:15px !important;
	}

	.cta-orange .quote, .cta-orange h2 {
		font-size: 28px;
		line-height: 1.6;
	}

	.cta-orange .container::after {
		display:none;
	}

	.btn-default {
		padding:15px 25px;
		font-size:16px;
	}

	.stats-box .num {
		font-size:60px;
		line-height:1;
	}

	.family-box {
		padding:20px;
		margin-bottom:15px;
	}

	.family-box p {
		font-size:20px;
		line-height:1.6;
	}

	.btn-filter {
		display:inline-block;
		margin:5px;
		font-size:16px;
	}

	.filter-animals {
		margin:30px 0px;
	}

	.gallery-grid {
		gap:0px;
		margin-top:30px;
	}

	.gallery-grid a, .filter-shop .gallery-grid a {
		flex: 1 1 calc(100% - 20px);
	}

	#adoption-process .accordion-button h3 {
		font-size:22px;
		line-height:1.6;
		width:calc(100% - 40px);
	}

	#adoption-process .accordion-body .grid-data {
		flex-direction:column;
	}

	#adoption-process .accordion-body .grid-data img {
		width:100%;
	}

	#adoption-process .accordion-body p, #adoption-process .accordion-body ul li {
		font-size:18px;
		line-height:1.6;
		font-weight:400;
	}

	#adoption-process .accordion-button::after {
		left:90%;
	}

	#adoption-process .accordion-body {
		padding:0px 0px 15px 0px;
	}

	.cta-orange p.bolder {
		font-size:20px;
		line-height:1.6;
		font-weight:400;
	}

	.filter-shop .gallery-grid a {
		padding:10px 10px;
	}

	.filter-shop .gallery-grid .dog-details h3, .foot-links a {
		font-size:16px;
		line-height:1.4;
	}

	.feedback-box .active.center .item .item-bg {
		padding:15px;
	}

	.feedback-box .center .item-bg p, .feedback-box .item-bg p, .map-box p {
		font-size:16px;
		line-height:1.6;
	}

	.feedback-box .owl-theme .owl-nav button.owl-next, .meet-dog .owl-theme .owl-nav button.owl-next {
		margin-right:5%;
	}

	.feedback-box .owl-theme .owl-nav button.owl-prev, .meet-dog .owl-theme .owl-nav button.owl-prev {
		margin-left:5%;
	}

	.help-box, .map-box {
		padding:30px 15px;
		margin-bottom:15px;
	}

	.help-box p.big {
		line-height:1.8;
	}

	.map-box h3, .foot-quote, .foot-head {
		font-size:24px;
		line-height:1.4;
	}

	.foot-head {
		margin-top:30px;
	}

	.map-box p {
		margin-bottom:15px;
	}

	.map-box::after {
		display:none;
	}

	.footer .btn-default {
		padding:15px;
		margin-top:30px;
	}

	.copyrights {
		text-align:center;
	}

	.page-banner {
		padding-top:200px;
	}

	.page-banner h1 {
		font-size:54px;
		line-height:1;
	}

	.about figure {
		margin-top:30px;
	}

	.meet-dog .pl-60 {
		padding-left:15px !important;
		margin-top:50px;
	}

	.meet-dog .pr-60 {
		padding-right:15px !important;
		margin-top:50px;
	}

	.type-box {
		padding:30px !important;
		margin-bottom:15px;
	}

	.type-box figure img {
		width:75px;
		height:75px;
	}

	/*** MOBILE SECTION PADDING ***/
	.table-of-content, .about, .cta-orange .container, .stats, .family, .animals-friends, .adoption-process, .shop, .testimonials, .social-media,
	.help, .faq, .maps, .footer, .donate-box {
		padding:60px 0px;
	}

	.cta-orange .container {
		padding-left:15px !important;
		padding-right:15px !important;
	}


	.product-details h2 {
		font-size: 24px;
		margin-bottom: 20px !important;
		margin-top: 35px;
	}

	.product-details h1 {
		font-size: 26px;
		margin-top: 30px;
	}

	.product-details table.variations {
		border-right: none !important;
		border-bottom: none !important;
	}

	.product-details table.variations th, .product-details table.variations td {
		border-bottom: 1px solid #ccc;
		padding: 8px 10px;
		display: block;
		width: 100%;
	}

	.product-details table.variations td.value select {
		width: 80%;
	}

	.product-details .woocommerce-variation-add-to-cart.variations_button .quantity {
		width: 48% !important;
	}

	.product-details .woocommerce-tabs.wc-tabs-wrapper li a {
		font-size: 11px;
		line-height: 30px;
		padding: 3px 10px;
		display: inline-block;
		width: auto;
		margin-bottom: 5px;
	}

	.product-details table.woocommerce-product-attributes.shop_attributes th {
		font-size: 13px;
	}

	.product-details  .left-side .product.type-product {
		width: 100%;
	}

	.product-details .woocommerce-tabs ul.tabs {
		padding: 0px 4px;
	}

	.product-details .woocommerce-tabs.wc-tabs-wrapper li a {
		font-size: 14px;
		padding: 6px 15px;
        text-transform: capitalize;
		margin-bottom:0px;
	}

	.product-details .left-side .product.type-product {
		width: 100%;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	html, body {
		overflow-x:hidden;
	}

	.header .container-fluid, .p-0 {
		padding-left:15px !important;
		padding-right:15px !important;
	}

	.header .logo img {
		max-height:100px;
	}

	.header .btn-default em {
		display:none;
	}

	.banner .sub-title {
		margin-top:35vh;
	}

	.banner p br, .cta-orange .container::after, #adoption-process .accordion-body .grid-data img {
		display:none;
	}

	.section-title h2 {
		font-size:48px;
		line-height:1.4;
	}

	.about .section-title h2 {
		font-size:30px;
		line-height:1.4;
	}

	.stats-box {
		padding-left:30px;
		padding-right:30px;
	}

	.stats-box h3 {
		font-size:22px;
	}

	.stats-box .num {
		font-size:40px;
		line-height:1.4;
	}

	.family-box {
		margin-bottom:30px;
	}

	.btn-filter {
		display:inline-block;
		margin:10px 5px;
	}

	.gallery-grid {
		gap:0px;
	}

	.gallery-grid a {		
		flex: 1 1 calc(33.33% - 20px);
	}

	.filter-shop .gallery-grid a {
		flex: 1 1 calc(50% - 20px);		
	}

	#adoption-process .accordion-button h3 {
		font-size:24px;
	}

	#adoption-process .accordion-body p, #adoption-process .accordion-body ul li, .feedback-box .center .item-bg p, p.big, .map-box p,
	.foot-links a {
		font-size:18px;
		line-height:30px;
		font-weight:400;
	}

	.cta-orange p.bolder {
		font-size:24px;
		font-weight:400;
		line-height:1.4;
	}

	.foot-head {
		font-size:24px;
		line-height:1.4;
	}

	.cta-orange h2, .foot-quote {
		font-size:36px;
		line-height:1.4;
	}

	.feedback-box .active.center .item .item-bg, .help-box, .map-box {
		padding:30px;
	}

	.feedback-box .owl-theme .owl-nav button.owl-prev, .meet-dog .owl-theme .owl-nav button.owl-prev {
		margin-left:5%;
	}

	.feedback-box .owl-theme .owl-nav button.owl-next, .meet-dog .owl-theme .owl-nav button.owl-next {
		margin-right:5%;
	}

	.section-title, .help-box {
		margin-bottom:20px;
	}

	.map-box h3 {
		font-size:30px;
	}

	.footer .btn-default {
		font-size:15px;
		padding:12px;
	}

	.type-box {
		margin-bottom:30px;
		padding:30px !important;
	}


	/** TABLET SECTION PADDING ***/
	.table-of-content, .about, .cta-orange .container, .stats, .family, .animals-friends, .adoption-process, .shop, .testimonials, .social-media,
	.help, .faq, .maps, .footer, .donate-box {
		padding:75px 0px;
	}

	.product-details h1 {
		font-size: 36px;
	}

	.product-details p {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 15px;
	}

	.product-details table.variations td.value select {
		border: 1px solid #444;
		width: 100%;
		height: 40px;
		padding: 0px 10px;
		font-size: 15px;
		margin-right: 0px;
		margin-bottom: 5px;
	}

	.product-details h2 {
		font-size: 30px;
	}

	.product-details .prod-list .dog-details h3 span {
		font-size: 15px;
	}

	.product-details table.variations {
		border-right: none;
		border-bottom: none;
	}

	.product-details table.variations th, .product-details table.variations td {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		display: inline-block;
		width: 100%;
	}


}


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

}

@media only screen and (min-width:1440px) and (max-width:1679px) {
	p {
		font-size:16px;
	}

	p.big {
		font-size: 18px;
		line-height:30px;
	}

	.section-title h2 {
		font-size:58px;
		line-height: 1.2;
	}

	.cta-orange .quote {
		font-size: 32px;
		line-height: 1.5;
	}

	#adoption-process .accordion-body p, #adoption-process .accordion-body ul li {
		font-size:18px;
		line-height:32px;
		font-weight: 400;
	}

	.cta-orange h2 {
		font-size:58px;
		line-height: 1.2;
	}

	.cta-orange p.bolder {
		font-size: 24px;
		line-height: 1.5;
	}

	.filter-shop .gallery-grid .dog-details h3 {
		font-size:18px;
	}

	.filter-shop .gallery-grid .dog-details h3 span {
		font-size:16px;
		font-weight:400;
	}

	.gallery-grid .dog-details p {
		font-size: 18px;
		font-weight: 400;
	}

	.feedback-box .center .item-bg p, .map-box p, .foot-links a {
		font-size:20px;
		line-height:1.8;
	}

	.feedback-box .item-bg p {
		font-size:18px;
		line-height:1.6;
	}

	.help-box p.big, .btn-default, .btn-filter {
		font-size:16px;
	}

	.help-box .btn-default {
		margin-top:15px;
	}

	.foot-quote {
		font-size:42px;
	}

	.foot-head, .type-box h3 {
		font-size:32px;
	}

	.type-box {
		padding:30px;
	}
	.type-box p {
		font-size:15px;
	}

	.type-box figure img {
		width:90px;
		height:90px;
	}
}

@media only screen and (min-width:1680px) {
	.col-xxxl-1 {
		flex: 0 0 auto;
		width: 8.33333333%
	}

	.col-xxxl-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-xxxl-3 {
		flex: 0 0 auto;
		width: 25%
	}

	.col-xxxl-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-xxxl-5 {
		flex: 0 0 auto;
		width: 41.66666667%
	}

	.col-xxxl-6 {
		flex: 0 0 auto;
		width: 50%
	}

	.col-xxxl-7 {
		flex: 0 0 auto;
		width: 58.33333333%
	}

	.col-xxxl-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-xxxl-9 {
		flex: 0 0 auto;
		width: 75%
	}

	.col-xxxl-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}

	.col-xxxl-11 {
		flex: 0 0 auto;
		width: 91.66666667%
	}

	.col-xxxl-12 {
		flex: 0 0 auto;
		width: 100%
	}  

	.container {
		max-width: 1620px;
	}

	.about .pd-right {
		padding-right: 130px;
	}
}