@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (min-width:1025px) {
    .productMain .col3 li {width: calc(33.33% - 30px);}
    .mainMenu ul li:hover > ul {display: block;}
}

@media (max-width:1400px) {
    header .container {padding: 0 25px; max-width: 100%;}
    .porkCuts {margin-top: 0;}
    .ourRecipes .container {padding: 0 30px;}
    .productMain.prodSlider .container {padding: 0 50px;}
    .owl-next {right: -15px;}
    .owl-prev {left: -15px;}
    .logoSlider {padding: 0 100px;}
    .prodDetail-boxes {padding: 20px 15px 20px;}
    .productMain ul {margin: 0 0 66px;}
    .productMain h5 {padding:  0 15px;}
    .colView {right: 15px;}
}
@media (max-width:1200px) {
    .container {max-width: 100%; padding: 0 20px;}
    .mainMenu li {margin: 0 20px;}
    .mainMenu li a {font-size: 24px;}
    div.search {margin: 0 0 0 auto;}
    .bannerCaption p {padding: 0 70px; font-size: 48px; line-height: 1.3;}
    .banner .item {padding: 0 0 45% 0; background-size: cover; background-position: center;}
    .banner .owl-dots {left: 25px;}
    .boxLeft-text h3 {font-size: 35px; line-height: 1.2; margin: 0 0 10px 0;}
    .boxes-min.sm h5 {font-size: 30px}
    .box-sm a {font-size: 30px;}
    .cutsList figcaption {padding: 6px 30px 0 0;}
    .prodDetail-boxesMain {flex-flow: wrap;}
    .prodDetail-boxes {width: 33.33%; flex: none;}
    .prodDetail-boxes:first-child,.prodDetail-boxes:nth-child(2) {width: 50%;}
    .downloadRight {padding-left: 20px;}
    .brandDetails {padding: 20px 50px 20px;}
    
}
/*------------tablet portrait  view------*/
@media (max-width:1024px) {
    .hamburger {display: block; padding: 15px 15px; cursor: pointer; width: 70px; height: 34px; margin: 0 -15px 0 0;}
    .hamburger span,.hamburger span:before,.hamburger span:after { width: 40px; height: 4px; background-color: #e8547c; border-radius: 0; position: absolute;}
    .hamburger span {transition-duration: .075s;
    transition-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);}
    .hamburger span:before {content: ''; top: -10px; transition: top .075s .12s ease,opacity .075s ease;}
    .hamburger span:after {content: ''; bottom: -10px; transition: bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19);}
    .hamburger.active span {transform: rotate(45deg); transition-delay: .12s;
    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);}
    .hamburger.active span:after {transform: rotate(-90deg); bottom: 0; transition: bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1);}
    .hamburger.active span:before {opacity: 0; top: 0; transition: top .075s ease,opacity .075s .12s ease;}
    .headerTop {display: none;}
    .headerBottom {padding: 17px 0 17px 0;}
    .headerBottom .logo {}
    .headerBottom .logo + .logo {display: none;}
    
    .ownedLogo {min-width: 76px;}
    .banner .item {padding: 0 0 50% 0; background-size: cover; background-position: center;}
    .bannerCaption p {font-size: 40px;}
    .bannerCaption p br {display: none;}
    .boxLeft {width: 100%;}
    .boxes-right {width: 100%;}
    .homeBoxes {flex-flow: column;}
    .porkCuts {margin: 0;}
    .boxLeft {padding: 70px 0;}
    .boxLeft-text {position: relative; top: 0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}
    .imgtext-Content + .homeBoxes .boxLeft-text {top: 0;}
    .boxLeft:after {position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
    .homeMask {mask:none; -webkit-mask:none; margin-bottom: 0;}
    .porkCuts:before {display: none;}
        .porkCuts-left {width: 50%;}
        .porkCuts-right {width: 50%;}
    .porkCut-main {transform: scale(0.7); -webkit-transform: scale(0.7);/* width: 100%;*/ transform-origin: center left;}
    .porkCuts .container:after {right: 0; left: -12%; margin: 0px auto;}
    .cutsList figure {width: 50%;}    
    .porkCuts.opened:after {display: none;}
    .insta-feed {flex-flow: wrap; padding: 0 15px;}
    .insta-feed li {width: calc(33.33% - 10px); margin: 0px 0 15px 0;}
    .insta-feed li a {display: block;}
    .insta-feed li a img {display: block;}
    .footer-img {height: 0; padding-bottom: 16%; background-size: cover;}
    footer {margin-top: 16%;}
    .logoSlider {padding: 0 100px;}
    .logoSlider img {width: 100px;}
    .brandPopup {width: 270px; padding: 12px 15px 24px;}
    .companyRight {padding: 53px 20px 0;}
    .companyMain {margin: -50px 0 0 0;}
    .innerBanner {padding: 0 0 45% 0; background-size: cover; background-position: center;} 
    .rentailBrands {mask:none; -webkit-mask:none;}
    .imgtext-Content + .homeBoxes.pink:after {display: none;}
    .store-locator:before {display: none;}
    .locator-main {padding: 40px 0 0 0;}
    .australianOwned {mask:none; -webkit-mask:none; padding: 64px 0 50px; margin: 0;}
    .downloadBanner .container {align-items: center;}
    .downloadLeft {padding: 20px 0;}
    .downloadLeft img {margin-bottom: 0;}
    .textBg {mask:none; -webkit-mask:none; margin: 0;}
    .colView {display: none;}
    .productMain li {width: calc(33.33% - 30px);}
    
    .site-header {position: relative; z-index: 100;}
    .headerBottom {position: static;}
    .mainMenu {display: none; position: absolute; top: 100%; height: auto; left: 0; right: 0; background: #e8547c; padding: 31px 0 0 0; transition: none; -webkit-transition: none;}
    .mainMenu ul {flex-flow: column;}
    .mainMenu li {margin: 0 0 11px 0; text-align: center; width: 100%;}
    .mainMenu li a {color: #fff; font-size: 22px; letter-spacing: 1.4px;}
    .arrow {position: absolute; top: 3px; right: 20px;}
    .arrow:after {content: '\f107'; font-family: "FontAwesome"; color: #fff;}
    .arrow.up:after {content: '\f106';}
    .mainMenu ul ul { position: relative; padding: 10px 0 0; width: 100%; top: 0;}
    .mainMenu ul ul ul {top: 0; left: 0;}
    .mainMenu ul ul li {margin: 0;}
    .mainMenu ul ul a {font-size: 20px;}
    .menu-main-menu-container #menu-top-menu {display: block;}
    .mainMenu .headerRight {display: block; height: 60px; margin: 30px 0 0 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
    .headerRight span {color: #fff;}
    .headerRight a {color: #fff; font-size: 20px;}
    .headerRight a:hover {color: #000;}
    
    .searchForm {background: #fff; z-index: 1; top: 0; left: 20px; padding: 0 40px 0 43px;} 
    .searchForm.open {right: 20px;}
    
    
}
/*------------mobile landscape  view------*/
@media (max-width:991px) {
    .porkCuts > .container {flex-flow: column; justify-content: center; align-items: center;}
    .porkCuts-left {width: 100%; max-width: 100%; margin-bottom: 30px;}
    .porkCuts-right {width: 100%;}
    .porkCut-main {transform: scale(1); -webkit-transform: scale(1);/* width: 100%;*/ transform-origin: center left; margin: 0px auto;}
    .porkCuts-left p br {display: none;}
    .tabContent {padding: 100px 0 0 0;}
    .footerNav {width: 100%;}
    .footerSm {width: 100%;}
    .footerNav ul {justify-content: center;}
    .footerNav a {font-size: 22px;}
    .footerSm {text-align: center; margin-top: 10px;}
    .footerSm a:first-child {margin-left: 0;}
    .footerBottom-left {padding-right: 15px;}
    .logoSlider img {width: 80px;}
    .logoSlider.owl-carousel .owl-stage {display: -webkit-flex; display: flex;}
    .logoSlider.owl-carousel .owl-stage .owl-item {align-items: center; display: -webkit-flex; display: flex; justify-content: center;}
    .homeBrand .owl-dots {margin: 40px 0;}
    .prodInfo table {width: 100%;}
    .video_container {padding: 0 0 54% 0;}
    .title-text h5 br {display: none;}
    .inquiriesSec {padding: 48px 0 105px 0;}
    .inquiriesSec h6 {margin: 0 0 14px 0;}
    .inquiriesSec .btn {margin: 10px auto 0;}
    #wpsl-wrap #wpsl-result-list ul {padding: 64px 23px 64px 15px;}
    .downloadRight h5 {font-size: 30px;}
    .prodBadges img {width: 40px;}
    .brandDetails {width: 100%; min-height: inherit; padding: 54px 20px 34px;}
    .brandDetails h3 {margin: 0 0 16px 0; line-height: 1.5; fw}
    .brandDetails p {margin: 0 0 31px 0;}
    .brandDetails p br {display: none;}
    .homeText p br {display: none;}
    .stickyLinks {display: none;}
    .searchResult .entry-title a {font-size: 16px;}
    .searchResult article .post-thumbnail {padding: 0 10px;}
    .secretSec {display: block; text-align: center; padding: 42px 20px 51px 20px;}
    .secretSec h5 {text-align: center; margin-bottom: 20px; line-height: 1.2;}
    .secretSec .btn {margin: 0px auto;}
    .no-results {text-align: center; padding: 0 20px;}
    .no-results h1 {font-size: 40px;}
    .awardsMain li {width: calc(50% - 30px);}
    .searchBox {height: 127px;}

}
@media (max-width:767px) {
    .banner .item {padding: 0 0 70% 0;}
    .homeText {padding: 61px 0 0; overflow: hidden;}
    .homePackets {margin: 77px 0 0 0;}
    .homePackets img {width: 130%; max-width: inherit; margin: 0 0 0 -8.5%;}
    .homeMask { margin: -8% 0 0 0;}
    .porkCuts-right {display: -webkit-flex; display: flex; justify-content: center; padding: 10px 0 72px 0;}
    .porkCut-main {transform: scale(0.7); -webkit-transform: scale(0.7); transform-origin: top center; -webkit-transform-origin: top center; margin: 0px auto; min-width: 611px; height: 260px;}
    .porkCuts {padding: 60px 0 10px 0;}
    .porkCuts .container:after {bottom: -20px;}
    .cutsList figcaption {padding: 6px 15px 0 0;}
    .recItem h6 span img {width: auto !important; max-height: 19px;}
    .recItem h6 span {padding: 9px 8px 2px 16px;}
    .recItem h6 a {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .footerBottom .container {flex-flow: column;}
    .footerBottom-left {width: 100%;}
    .footerBottom-right {width: 100%;}
    .footerBottom {padding: 57px 0 32px 0;}
    .footerBottom .container {padding: 0 0 19px; margin: 0 24px 7px; width: calc(100% - 48px);}
    .footerText {padding: 0 0 26px 0;}
    .bannerCaption p {line-height: 1.2; font-size: 30px; padding: 0 45px;}
    .homeBrand h4 {font-size: 30px;}
    .homeBrand br {display: none;}
    .logoSlider.owl-carousel {padding: 0; width: auto; display: inherit; margin: 20px -25px 0;}
    .logoSlider img {width: 220px;}
    .imgtext-Content .container {flex-flow: column;}
    .textLeft {width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 20px;}
    .textRight .textLeft {padding: 0;}
    .imgRight {width: auto; /*margin: 0 -20px;*/}
    .imgRight img {width: 100%;}
    .imgRight {text-align: center;}
    .textRight .imgRight {text-align: center; padding: 0 0 40px 0;}
    .prodInfo h3 {padding: 0 20px;}
    .prodInfo p { margin: 0; padding: 0 20px;}
    .prodInfo p span {width: 100%; display: block; font-size: 15px; margin: 0;}
    .prodInfo table td:first-child {padding-left: 20px; padding-right: 10px;}
    .prodInfo .container {padding: 0;}
    .prodInfo table th {text-align: center; padding: 5px 5px;}
    .companySelect {display: block;}
    .companyMain {flex-flow: column; box-shadow: none;}
    .companyLeft {width: 100%; padding: 0; position: relative;}
    .companySelect a {color: #fff; border-top: 0px; background: #383433; padding: 22px 31px 15px 37px; height: auto;}
    .companySelect a:after {content: '\f107'; font-family:'FontAwesome'; display: table; margin: -21px 0 0 auto; font-size: 25px;}
    .companySelect a.open:after {content: '\f106';}
    .sub-menu-links {display: none;}
    .companyMain {margin: 0 -20px;}
    
    .searchBox {height: 126px;}
    .searchForm .btn {display: none;}
    .companyRight h3 {font-size: 30px; margin: 0 0 20px 0;}
    .companyRight {padding: 42px 22px 0; box-shadow: none;}
    .defaultCont p {font-size: 13px; margin: 0 0 35px 0;}
    .defaultCont p strong {font-size: 15px; line-height: 1.4;}
    .defaultCont blockquote {margin: -8px 0 35px 0;}
    .defaultCont blockquote:before {position: static; display: table; margin: 0 0 10px 0;}
    .gallery-columns-2 {flex-flow: column;}
    .gallery-columns-2 figure {width: 100%;}
    .gallery figure img {display: block; width: 100%;}
    .defaultCont {padding: 0px;}
    .gallery {margin: 37px -22px 44px;}
    .defaultCont h5 {font-size: 20px;}
    .defaultCont p + h5 {margin-top: 0;}
    .gallery.gallery-columns-1 {margin: 37px -122px 44px;}
    .videoWraper {margin: 0 -22px;}
    a.play-btn {width: 90px; height: 90px; }
    a.play-btn:after {border-left: 20px solid #e8547c; border-top: 13px solid transparent; border-bottom: 13px solid transparent;}
    .videoWraper p {padding: 0 15px;}
    .videoWraper .videoTitle p {font-size: 15px;}
    .innerBanner h1 {width: 100%; background: none; height: auto;}
    .innerBanner h1 {font-size: 34px;}
    .innerBanner {padding: 0 0 64% 0; background-size: cover; background-position: center;}
    .textWrapper {text-align: left;}
    .rentailBrands h3 {font-size: 34px; margin: 0 0 21px 0;}
    .locator-main {text-align: left;}
    .store-locator .wpsl-search {width: 100%; padding: 0 20px 32px; order: 1;}
    #wpsl-search-wrap .wpsl-input {min-width: 100%;}
    #wpsl-search-wrap .wpsl-input input {width: 100%; height: 39px;}
    #wpsl-search-wrap div {float: none; margin: 0px auto; display: table;}
/*    #wpsl-search-btn, #wpsl-search-wrap input[type="submit"] {width: 100%;}*/
    .wpsl-no-filters #wpsl-search-wrap .wpsl-input {margin: 0 0 10px 0;}
    #wpsl-search-btn, #wpsl-search-wrap input[type="submit"] {height: 42px; padding: 14px 15px;}
    .store-locator h3 {font-size: 30px;}
    #wpsl-gmap {margin: 0;}
    #wpsl-result-list {display: block; position: relative; width: 100%; order: 2;}
    .store-locator #wpsl-stores, .store-locator #wpsl-direction-details, .store-locator #wpsl-gmap {width: 100%; height: auto !important}
    #wpsl-direction-details {}
    .store-locator #wpsl-gmap {order: 3;}
    .store-locator #wpsl-gmap:after {content: ''; padding-bottom: 90%; width: 100%; display: block;}
    
    #wpsl-gmap {left: 0;}
    #wpsl-wrap {display: -webkit-flex; display: flex; flex-flow: column; margin: 0 -20px; width: auto;}
    #wpsl-wrap #wpsl-result-list ul {padding: 64px 20px 20px;}
    #wpsl-wrap #wpsl-result-list ul li {padding: 24px 20px 26px; margin-bottom: 27px;}
    #wpsl-wrap #wpsl-result-list ul li:before {top: -12px; right: 28px; left: auto;}
    #wpsl-result-list li p strong {font-size: 15px;}
    #wpsl-result-list li span {font-size: 13px;}
    .australianOwned {text-align: left;}
    .australianOwned h3 {font-size: 40px;}
    .australianOwned h3 br {display: none;}
    
    .textBg h3 {font-size: 34px; line-height: 1.2; color: #e8547c;}
    .textBg {font-size: 34px; text-align: left; padding: 55px 0 40px;}
    .textBg p {padding: 0;}
    .textLeft h3 {font-size: 30px;}
    .productMain li {width: calc(50% - 30px);}
    .productMain .container {padding: 15px;}
    .productMain {padding: 45px 0 28% 0;}
    .productMain h5 {font-size: 26px; padding: 0; margin: 0 0 30px 0;}
    .brandDetails h3 {font-size: 34px;}
    .brandDetails p {font-size: 15px;}
    
    .productText {width: 100%;}
    .productText p {font-size: 15px;}
    .highQuality h2 {font-size: 34px;}
    .highQuality {text-align: left; padding: 20px 0;}
    .highQuality p {padding: 0;}
    
    .logoSlider img {width: 140px;}
    .brandPopup {display: none;}
    .sliderCont .brandPopup {display: block; position: relative; opacity: 1; transform: none; -webkit-transform: none; width: 100%; top: 0; left: 0; background: none; padding: 0 15px 34px;}
    .sliderCont .brandPopup h5 {color: #e8547c;}
    .sliderCont .brandPopup p {color: #383434;}
    
    .searchResult article {width: calc(50% - 30px);}
    .homeBrand h4 br {display: none;}
    
}
/*------------mobile portrait view------*/
@media (max-width:640px) {
    .headerBottom {padding: 10px 0 6px 0;}
    .headerBottom .logo {width: 93px;}
    .hamburger {margin: 0 4px 0 0; width: 21px; padding: 14px 0 0 0;}
    .hamburger span {width: 22px; height: 2px;}
    .hamburger span:before {width: 22px; height: 2px; top: -6px;}
    .hamburger span:after {width: 22px; height: 2px; bottom: -6px;}
    /*div.search img {width: 29px;}*/
    div.search {margin: 0 16px 4px auto;}
    .ownedLogo {min-width: inherit; width: 37px; margin-top: 4px;}
    .banner .item {padding: 0 0 133.5% 0;}
    .banner .owl-dots {display: -webkit-flex; display: flex;  top: auto; bottom: 82px; left: 50%;  width: auto; transform: translate(-50%, -50%);}
    .banner .owl-dot {width: 13px; height: 13px; margin: 0 5px;}
    .bannerCaption p {padding: 0 20px;}
    .boxLeft {padding: 67px 0 61px 0;}
    .boxLeft-text {left: 0; width: 100%; transform: none; -webkit-transform: none; padding: 0 33px;}
    .boxes-min.sm {display: -webkit-flex; display: flex; flex-flow: column; justify-content: center; align-items: center; width: 100%; padding: 33px 0;}
    .boxes-min.sm:after {display: none;}
    .boxes-min.sm + .boxes-min {width: 100%;}
    .boxes-min.sm + .boxes-min:after {padding-bottom: 35%;}
    .box-sm {position: static; transform: none; -webkit-transform: none;}
    .boxes-min.boxes-text {padding: 33px 0; height: 140px;}
    .boxes-min.boxes-text h4 {margin: 0;}
    
    .pink.homeBoxes .boxes-min.boxes-text {width: 100%; padding: 33px 0; order: 3; display: inline-flex;}
    .pink.homeBoxes .boxes-min.boxes-text .btn-white {margin: 0px auto;}
    .pink.homeBoxes .boxes-min.boxes-text + .boxes-min {order: 2;}
    .pink.homeBoxes .boxes-min:first-child {order: 1;}
    .pink.homeBoxes .boxes-min.boxes-text + .boxes-min + .boxes-min {order: 4; width: 100%;}
    .pink.homeBoxes .boxes-min.boxes-text + .boxes-min + .boxes-min:after {padding-bottom: 35%;}
    
    .cutsList figure {width: 100%;}
    .ourRecipes {text-align: left;}
    .hubspot-container .owl-item {padding: 0 10px;}
    .hubspot-container.owl-carousel .owl-stage {display: block;}
    .hubspot-container {display: -webkit-flex; display: flex; width: auto; margin: 0 -10px;}
    .ourRecipes {padding: 57px 0 74px;}
    .ourRecipes .container {padding: 0 25px;}
    .ourRecipes .owl-dots {margin-top: 50px;}
    .insta-feed {padding: 0 5px;}
    .insta-feed li {width: 50%; padding: 5px; margin: 0;}
    .insta-feed li:nth-child(6),.insta-feed li:nth-child(5) {display: none;}
    .instaSec h3 {text-align: center;}
    .instaSec h3 span {float: none; display: block;}
    .instaSec h3 {margin: 0 0 23px 0; font-size: 34px;}
    .footerTop {padding: 23px 0 18px 0;}
    .footerNav a {font-size: 16px;}
    .footerNav li {margin-right: 31px;}
    .footerNav li:after {height: 3px; width: 3px; right: -17px;}
    .footerSm a {font-size: 33px;}
    .homePackets img {margin: 0 0 0 -12%;}
    .brandLogos {padding: 0 20px;}
    .prodDetail-boxesMain {flex-flow: column;}
    .prodDetail-boxes:first-child, .prodDetail-boxes:nth-child(2),.prodDetail-boxes {width: 100%;}
    .prodDetail-boxes {padding: 31px 22px 24px;}
    .prodDetail-boxes h5 {margin: 0 0 13px 0;}
    .prodDetail-boxes:last-child {text-align: center;}
    .prodInfo h3 {font-size: 34px;}
    .productMain .container {padding: 0 20px;}
    .prodSlider .owl-stage {padding-bottom: 20px;}
    .prodSlider {padding: 48px 0 230px 0;}
    .prodSlider h5 {font-size: 34px; padding: 0 20px;}
    .title-text p {font-size: 13px;}
    .rentailBrands {padding: 69px 0 33px 0;}
    .rentailBrands h3 + p {font-size: 15px; line-height: 1.4;}
    .rentailBrands p {font-size: 13px;}
    .rentailBrands li {padding: 0 10px;}
    .textLeft h2 {font-size: 34px; margin: 0 0 21px 0; line-height: 1.1;}
    .imgtext-Content {padding: 52px 0 35px 0;}
    .boxLeft-text h3 {font-size: 28px; margin: 0 0 23px 0;}
    .boxLeft-text p {margin: 0 0 14px 0;}
    .imgRow {flex-flow: wrap;}
    .imgRow .img-main {width: 25%;}
    .downloadRight {width: 100%; order: 1; padding: 40px 0 26px 0;}
    .downloadBanner .container {flex-flow: column;}
    .downloadLeft {padding: 0 0 0; order: 2;}
    .downloadRight p {font-size: 12px; margin: 0 0 5px 0;}
    .downloadRight h5 {margin: 0 0 18px 0;}
    .downloadLeft img {width: 230px; margin: 0 0 -50px 0;}
    .productMain li {width: 100%; margin: 0 0 40px;}
    .prodBadges img {width: 50px;}
    
    .instaSec {padding: 33px 0 70px 0;}
    .tabContent {padding: 40px 0 0 0;}
    .footerText ul li {font-size: 12px;}
    .productMain.prodSlider .container {padding: 0 0;}
    .prodSlider ul.owl-carousel {margin: 0 0 36px;}
    
    .searchBox {height: 80px;}
    .searchResult .container {padding: 0;}
    .list-searchBox {margin-right: 12px; height: 42px; width: 80%;}
    .seacr-list .btn {min-width: 90px; height: 42px; padding: 14px 15px;}
    .searchMain h4 {font-size: 25px;}
    .searchMain {padding: 60px 0 53px 0;}
    .searchResult {padding: 55px 0 0 0;}
    
    .error-404 {padding: 100px 0;}
    .error-404 h3 {font-size: 30px;}
    .banner .item {padding: 0 0 90% 0;}
    
}
/*----------optional css------*/
@media (max-width:480px) {
    .boxLeft-text {padding: 0 15px;}
    .porkCut-main {transform: scale(0.55); -webkit-transform: scale(0.55); height: 200px;}
    .cutImg {margin: 0 14px 0 0;}
    .homeBrand h4 {font-size: 25px;}
    .homeBrand {padding: 50px 0 55px 0;}
    .video_container {padding: 0 0 93%;}
    .title-text h5 {font-size: 25px;}
    #wpsl-search-wrap div {width: 100%;}
    #wpsl-search-btn, #wpsl-search-wrap input[type="submit"] {width: 100%;}
    .textLeft h5 {font-size: 26px;}
    .australianOwned h3 {font-size: 28px;}
    .prodSlider h5 {font-size: 28px;}
    .footerBottom-right li a {word-break: break-all;}
    .searchResult article {width: calc(100% - 30px); margin-bottom: 34px;}
    .awardsMain li {width: 100%;}
    .innerBanner {padding: 0 0 104% 0;}
    .banner div.owl-controls {
        padding-top: 3em;
      }
    .productMain.prod2 {
        margin-bottom: 38px;
    }
    .ourRecipes {padding-top: 0px }
    .ourRecipes .owl-dots {margin-top: 0px;}
}
@media (max-width:380px) {
    .container {padding: 0 15px;}
    header .container {padding: 0 15px;}
    .porkCut-main {transform: scale(0.44); -webkit-transform: scale(0.44); height: 160px;}
    .porkCuts-left h3 {font-size: 40px;}
    .owl-dot {width: 12px; height: 12px;}
    .ourRecipes h3 {font-size: 30px;}
    .ourRecipes h3 + p {font-size: 16px;}
    .recItem h6 a {width: 120px;}
    .footerTop .container {padding: 0 15px;}
    .footerBottom .container {margin: 0 15px; width: calc(100% - 30px);}
    .footerNav li {margin-right: 15px}
    .footerNav a {font-size: 14px;}
    .footerSm a {font-size: 28px;}
    .footerBottom h6 {font-size: 22px;}
    .homeText p {font-size: 13px;}
    .prodInfo h3 {font-size: 28px; line-height: 1.2; margin-bottom: 15px;}
     .companyMain {margin: 0 -15px;}
    .boxes-min.sm + .boxes-min:after {padding-bottom: 50%;}
    .searchForm {left: 15px;}
    .searchForm.open {right: 15px;}
}
@media (max-width:360px) {
    .recDetails span {text-align: center;}
    .recDetails span i {display: block; margin: 0;}
    .banner .owl-dots {bottom: 45px;}
    
}
/*---------use only when design is customise-----------*/