/**************************
* Phil Saunders 2021 skin 
**************************/
version {
    position: fixed;
    bottom: 10px;
    left: 5px;
    color: #eee;
    font-family: monospace;
    font-size: 10px;
    background: rgba(0,0,0,0.8)
}
version:before {
    content: "v: ";
}


#phis .container {
    width: 100%!important;
}

#phis {
    width: 100%;
    overflow-x: hidden;
}

html, body, #phis {
  display: flex;
  flex-direction: column;
}

#phis {
    height: 100vh;
}

#phis #wrapper {
    height: 100%;
    margin-top: 1px;
}

#phis .about-us {
    padding-top: 0px;
}

#phis .about-us .intro-blurb {
    width: 83%;   
}

#phis .about-us p {
    margin: 20px 0px;
}

#phis .about-us div#blockquote-wrapper {
    width: 61%;
    position: relative;
    margin: 50px auto;
}

#phis .about-us .column.blockquote {
   align-items: center;
}

#phis .about-us .column{
    justify-content: center;
}

#phis .about-us .phis-row .column:first-of-type {
    padding-right: 15px;
}
#phis .about-us .phis-row .column:last-of-type {
    padding-left: 15px;
}

#phis .yte-wrapper {
    padding: 10px 0px;
}
#phis .gd-list {
    list-style-type: none;
    padding-left: 0;
}
#phis .gd-list a{ 
    text-decoration: underline;
}

#phis #trademarks-legal {
    font-size: 30px;
    line-height: 34px;
    max-width: 842px;
    display: inline-block;
}

#phis #brand-logos {
    margin-bottom: 40px;
    justify-content: center
}

#phis .brand-logos-inner {
    display: flex;
}

#phis .brand-logos-inner .column {
    width: 350px;
}

#phis .about-us blockquote::before,  #phis .about-us blockquote::after{
    content: "";
    display: block;
    width: 60px;
    height: 70px;
    background: url(https://media.shearwell.com/Content/UK/Images/Template/Misc/blockquote46x40@2x.png);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
}

#phis .about-us blockquote::before {
    left: -58px;
    top: -17px;
}

#phis .about-us blockquote::after {
    right: 0px;
    transform: rotate(180deg);
    bottom: -20px;
    right: -20px;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 0.5em 1.5em;
    font-size: 28px;
    line-height: 32px;
    border: 0;
    font-weight: 600;
}
#phis img {
    /*image-rendering: optimizeQuality;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;*/
}

#phis h1 {
    font-size: 30px
}
#phis h2 {
    font-size: 26px
}
#phis h3 {
    font-size: 24px
}
#phis h4 {
    font-size: 22px
}
#phis h5 {
    font-size: 20px
}
#phis h6 {
    font-size: 18px
}
#phis p {
    font-size: 16px
}
#phis *.text {
    font-size: 16px
}
#phis *.lead {
    font-size: 18px
}
#phis *.block {
    font-size: 28px;
    line-height: 33px
}
#phis *.breadcrumb {
    font-size: 16px
}
#phis *.price * {
    font-size: 25px
}
#phis .form-label {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #007a33;
    text-transform: uppercase;
}
#phis .frm-grp input[type="text"] {
    height: 50px;
}
#phis .frm-grp input[type="text"],
#phis .frm-grp textarea {
    border: 1px solid #454142;
    border-radius: 0;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 15PX;
}
#phis body, #phis span, #phis a, #phis p {
    font-size: 16px;
    line-height: 19px;
}

/* css reset for tag font*/
#phis div#tagPreview span, #phis div#tagPreviewEnd span {
    font-size: inherit;
    line-height: inherit;
}

/* page layout */
body {
    margin: 0;
}
#phis #wrapper.homepage header > h1 {
    margin:0;
    padding: 0;
    border: 0;
    display: flex;
}

/* flex layout */
#phis .phis-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
 }

 #phis .column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
 }
 /*breadcrumb*/
#phis ul.breadcrumb * {
    font-size: 16px;
    color: #454142;
    text-transform: uppercase;
    font-weight: bold;
}
a, a:hover {
    color: #007A33;
}
 #phis .mini-shopping-cart .attributes {
     display: none;
 }

#phis .about-us .pdf-icon {
    width: 51px;
    height: 50px;
    margin-right: 10px;
}

#phis h1,
#phis ul.breadcrumb > li a > span > i.fas,
#phis ul.breadcrumb > li a,
#phis ul.breadcrumb > li a *,
#phis ul.breadcrumb > li + li:before {
    color: #007A33;
}

#phis ul.breadcrumb > li a > span > i.fas {
    font-size: 25px;
}

#phis ul.breadcrumb > li + li:before {
    padding: 0 3px;
    content: ">\00a0";
}

#phis .sidebar a {
    text-transform: uppercase;
}

.page.product-details-page.tag-product-page .add-to-cart .qty-input {
    width: 80px !important;
}

#phis .product-details-page section.products-row-list #scroll-wrap,
#phis #wrapper.homepage section#trending-products #scroll-wrap {
    overflow-x: auto;
    overflow-y: hidden;
}

.product-details-page.tag-product-page .quan {
    display: inline-block;
    width: 220px;
}


/* custom components */
/*corner-cut box */
#phis div.promo-box.corner-cut {
    min-height: 72px;
    position: relative;
    background: #454142;
}

#phis div.promo-box.corner-cut:last-of-type {
    margin-bottom: 0px;
}

#phis div.promo-box.corner-cut:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 36px solid white;
    border-left: 36px solid #454142;
    width: 0;
}

/* fonts */
body {
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 400;
    width: 100%;
}
#phis h1,
#phis h2,
#phis h3,
#phis h4 {
    font-weight: 700;
    text-transform: uppercase;
}
#phis h2{
    font-size: 26px;
    line-height: 30px;
}

#phis p {
    font-weight: 400;
}
/* background colors */
#phis .background.white {
    background: #ffffff;
}
#phis .background.off-white {
    background: #f8f8f8 ;
}
#phis  .background.light-green {
    background: #80c3a0
}
#phis .background.dark-green {
    background: #007A33;
}
#phis .background.dark-grey {
    background: #454142;
    color: white;
}
#phis .background.red {
    background: #ff0000;
    color: white;
}

/* font-color */
#phis .color.white {
    color: #fff;
}
#phis .color.off-white {
    color: #f8f8f8;
}
#phis .color.light-green {
    color: #80c3a0;
}
#phis .color.dark-green{
    color: #007A33;
}
#phis .color.dark-grey {
    color: #454142;
}

/* alerts */
.alert {
    text-transform: uppercase;
    border: none;
    border-radius: 0;
}
.alert-success {
    background-color: #00853E;
    color:white;
}

.alert-success hr {
    border-top-color: white;
}

.alert-success .alert-link,
.alert-success a {
    color: white;
}

.alert-info {
    color: #383b48;
    background-color: #D0ECF1;
}

.alert-info hr {
    border-top-color: #383b48;
}

.alert-info .alert-link,
.alert-info a {
    color: #383b48;
}

.alert-warning {
    color: #383b48;
    background-color: #FDD799;
}

.alert-warning hr {
    border-top-color: #FDD799
}

.alert-warning a,
.alert-warning .alert-link {
    color: #383b48;
}

.alert-danger {
    color: white;
    background-color: #D9534F;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: white
}

.alert-danger a,
.alert-danger .alert-link {
    color: white
}

/* custom alerts */
.alert-primary {
    background-color: #CCE4FE;
    color: #383b48;
}

.alert-primary hr {
    border-top-color: #383b48;
}

.alert-primary a,
.alert-primary .alert-link {
    color: #383b48;
}

.alert-secondary {
    background-color: #E2E3E5;
    color: #383b48;
}

.alert-secondary hr {
    border-top-color: #383b48;
}

.alert-secondary .alert-link {
    color: #383b48;
}

.alert-light {
    background-color: #FEFEFE;
    color: #383b48;
}

.alert-light hr {
    border-top-color: #383b48;
}

.alert-light a,
.alert-light .alert-link {
    color: #383b48;
}

.alert-dark {
    background-color: #FEFEFE;
    color: #383b48;
}

.alert-dark hr {
    border-top-color: #D6D8D9;
}

.alert-dark a,
.alert-dark .alert-link {
    color: #383b48;
}

/* link & transparency */
#phis a {
    text-decoration: none;	
}

#phis a:hover {
    opacity: 0.75;	
}

#phis .data-sheet-link {
    font-weight: bold;
    text-transform: uppercase;
}

/* buttons */
#phis .button {
    border-radius: 4px;
    text-transform: uppercase;
    align-items: center;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
}
#phis button.button {
    border: none;
    font: inherit;
    font-weight: 700;
}

#phis .button.button-buy {
    background: #007A33;
    color: white;
}

#phis .button.button-light {
    background: white;
    color: #007A33;
}

#phis .button.button-dark {
    background: #80c3a0;
    color: #454142;
}

#phis .button.medium {
    font-size: 20px;
    line-height: 20px;
    min-height: 40px;
    padding: 3px 20px
}

#phis .button.large {
    font-size: 25px;
    line-height: 30px;
    min-height: 48px;
    padding: 0 15px
}


/* logo */
#phis #logo > a > span#logo-image {
    top: 70px;
    width: 184px;
    height: 119px;
    background: url(https://media.shearwell.com/Content/UK/Images/Template/Logo/new-shearwell-logo-184w@2x.png);
    background-size: cover;
    position: absolute;
}

/* icons */
#phis .account.icon-row {
    position: absolute;
    display: inline-block;
    top: 19px;
    right: 0;
}

#phis i.fab, 
#phis i.fas {
    font-size: 32px;
}

#phis .account.icon-row a  {
    padding-left:20px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;   
}

#phis .social.icon-row {
    padding-bottom: 10px
}

#phis .account.icon-row .account-link-text,
#phis a span.account-link-text {
    line-height: 22px;
    color: #454142;
    font-weight: bold;
    font-size: 14px;
}

#phis .social.icon-row a > i.fab,
#phis .social.icon-row a > i.fas {
    padding-right:32px;
}

#phis .icon-row a:last-of-type > i.fab,
#phis .icon-row a:last-of-type > i.fas {
    padding-right:0;
}

#phis a#cart-link span.account-link-text {
    display: none;
}

#phis a#hamburger span.account-link-text {
    display: none;
}

/* navigation*/
#phis nav#main-item-links {
    position: absolute;
    top: 120px;
    left: 184px;
}

#phis nav#main-item-links a {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 28px; 
    display: inline-block;
}

#phis #cart-links {
    position: absolute;
    display: flex;
    align-items: center;
    top: 106px;
    right: 0px;
    height: 48px;
    width: 160px;
}

#phis #cart-links .fa {
    font-size: 32px;
    display: inline-block;
    padding-right: 10px;
}

/* search box */
#phis nav#main-search-box-container {
    position: absolute;
    width: 932px;
    height: 48px;
    border: #80c3a0 1px solid;
    top: 106px;
    left: 508px;
    display: flex;
    align-items: center;
}

#csautocomplete {
    bottom: 5px;
    left: 0px;
}

#phis #main-search-box-container input[type="text"] {
    border: 0;
    width:878px;
    height: 46px;
    padding-left: 17px;
    font-size: 20px;
}

#phis #main-search-box-container input:focus {
    outline: none;
}

#phis #main-search-box-container input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #007a33;
    opacity: 1; /* Firefox */
}
#phis #main-search-box-container input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #007a33;
}
#phis #main-search-box-container input::-ms-input-placeholder { /* Microsoft Edge */
    color: #007a33;
}
#phis #main-search-box-container input[type="submit"] {
    height: 38px;
    width: 38px;
    border: none
}
#phis #main-search-box-container button:focus {
    outline: none;
}
#phis #main-search-box-container form {
    align-items: center;
    display: flex;
}
#phis #wrapper .grid-1-1 {grid-row: 1;-ms-grid-row: 1;grid-column: 1; -ms-grid-column: 1; }
#phis #wrapper .grid-1-2 {grid-row: 1;-ms-grid-row: 1;grid-column: 2; -ms-grid-column: 2; }
#phis #wrapper .grid-1-3 {grid-row: 1;-ms-grid-row: 1;grid-column: 3; -ms-grid-column: 3; }
#phis #wrapper .grid-2-1 {grid-row: 2;-ms-grid-row: 2;grid-column: 1; -ms-grid-column: 1; }
#phis #wrapper .grid-2-2 {grid-row: 2;-ms-grid-row: 2;grid-column: 2; -ms-grid-column: 2; }
#phis #wrapper .grid-2-3 {grid-row: 2;-ms-grid-row: 2;grid-column: 3; -ms-grid-column: 3; }
#phis #wrapper .grid-3-1 {grid-row: 3;-ms-grid-row: 3;grid-column: 1; -ms-grid-column: 1; }
#phis #wrapper .grid-3-2 {grid-row: 3;-ms-grid-row: 3;grid-column: 2; -ms-grid-column: 2; }
#phis #wrapper .grid-3-3 {grid-row: 3;-ms-grid-row: 3;grid-column: 3; -ms-grid-column: 3; }
#phis #wrapper .grid-4-1 {grid-row: 4;-ms-grid-row: 4;grid-column: 1; -ms-grid-column: 1; }
#phis #wrapper .grid-4-2 {grid-row: 4;-ms-grid-row: 4;grid-column: 2; -ms-grid-column: 2; }
#phis #wrapper .grid-4-3 {grid-row: 4;-ms-grid-row: 4;grid-column: 3; -ms-grid-column: 3; }
#phis #wrapper .grid-5-1 {grid-row: 5;-ms-grid-row: 5;grid-column: 1; -ms-grid-column: 1; }
#phis #wrapper .grid-5-2 {grid-row: 5;-ms-grid-row: 5;grid-column: 2; -ms-grid-column: 2; }
#phis #wrapper .grid-5-3 {grid-row: 5;-ms-grid-row: 5;grid-column: 3; -ms-grid-column: 3; }

#phis .carousel-fade .carousel-inner > .item {
    z-index: 0;
}

#phis .carousel-fade .carousel-inner > .item.active {
    z-index: 1;
}

#phis #wrapper {
    display: -ms-grid; 
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1650px 1fr; 
    grid-template-rows: 198px auto 504px;
    -ms-grid-columns: 1fr 1650px 1fr;
    -ms-grid-rows: 200px auto 504px; /* need to set min height on main for ie e.g. main {min-height: 600px} */
}

/* header */
#phis #burger-wrapper {
    text-align: right;
}

#phis #hamburger {
    padding: 115px 15px 0 0;
    display: inline-block;
}

#phis .content {
    margin: 5px; /* TODO for this size */
    position: relative;
}

/* Menu */
#phis #menu-wrapper {
    display: none;
}

#phis #global-message {
    display: flex;
    min-height: 50px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

#phis #help-support hr,
#phis .about-us hr {
    border-top: 1px solid #454142;
    margin-top: 40px;
    margin-bottom: 40px;
}

#phis #alidma.bootstrap-alidma,
#phis #alidma {
    margin: 55px auto 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#phis #alidma.bootstrap-alidma > *,
#phis #alidma > * {
    display: inline-block;
}

#phis #alidma.bootstrap-alidma #alidma-image,
#phis #alidma-image {
    width: 215px;
    height: auto
}

#phis #alidma.bootstrap-alidma :first-child,
#phis #alidma :first-child {
    padding-right: 28px;
}
/* footer */
#phis footer-wrapper {
    position: relative;
}

#phis .footer-block {
    display: inline-block;
    vertical-align: top;
}
#phis #footer-wrapper > #first {
    width: 547px;
}

#phis #footer-wrapper > #second,
#phis #footer-wrapper > #third,
#phis #footer-wrapper > #fourth {
    width: 278px;
}

#phis #footer-wrapper > #fifth {
    width: 248px;
}

#phis footer span.nav-heading{
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    margin-top: 0;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

#phis footer p{
    font-size: 18px;
    line-height: 20px;
}
 #phis footer .tel-number {
     font-style: normal;
     font-size: 30px;
     line-height: 22px;
     font-weight: bold;
 }
#phis footer #footer-wrapper {
    top: 32px;
    width: 100%;
    position: relative;
}

#phis #newsletter-signup form {
    display: flex;
}
#phis #newsletter-signup input {
    border: none;
    background: none;
    font-size: inherit;
    height: 30px;
    width: 100%;
    outline: none;
    color: white;
    padding-left: 8px;
}
#phis .newsletter-input-wrapper {
    border: 1px white solid;
    border-radius: 4px;
    width: 210px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
}

#phis #newsletter-blurb {
    width: 330px
}

#phis #newsletter-signup input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}  
#phis #newsletter-signup  input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
} 
#phis #newsletter-signup input::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

#phis .footer-ul {
    list-style-type: none;
    text-transform: uppercase;
    padding: 0;
}
#phis .footer-ul a {
    color: white;
    line-height: 24px;
    font-weight: 700;
}
#phis footer #opening-hours{
    margin: 10px 0
}
#phis footer #opening-hours span {
    text-transform: uppercase;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700; /* better if 400? */
}
#phis #fifth #accreditations {
    text-align: right;
}
#phis #fifth #accreditations a {
    display: inline-block;
    width: 109px;
    height: auto;
    padding-bottom: 26px;
    text-align: left;
    vertical-align: top;
}

#phis #fifth #accreditations a:nth-last-of-type(even) {
    margin-right: 26px;
}

#phis #fifth #accreditations a > img {
    width: 100%;
    height: auto;
}

#phis #fifth #accreditations a:last-of-type > img {
    width: 84px;
    height: 70px;
}

#phis footer #payment-logos {
    position: absolute;
    top: 220px;
    right: 0;
}

#phis footer #payment-logos > img {
    width: 77px;
    height: auto;
    padding-left: 8px;
    display: inline-block;
}

#phis footer #legal {
    margin-top: 20px;
}

#phis footer #legal p {
    font-size: 18px;
    line-height: 20px;
    margin: 4px 0px;
}

#phis footer #legal p a {
    color: white;
    text-decoration: underline;
}

#phis #admin-header ul {
    padding-left: 0px;
    margin: 0;
}

#phis #admin-header ul > li {
    list-style-type: none;
    display: inline-block;
    padding: 0 10px;
}

#phis #admin-header ul > li > a {
    color: white;
}

/* * * * * * * * * * * * * 
* content styles
* * * * * * * * * * * * * /

/* homepage only */
#phis #support ul {
    padding-left: 0;
}
#phis #wrapper.homepage {
    grid-template-rows: 198px auto 380px auto 470px;
    -ms-grid-rows: 198px auto 380px auto 470px; /* need to set min height on main for ie e.g. main {min-height: 600px} */
}
#phis #wrapper.homepage a.info-category-link span.category-title {
    box-sizing:content-box;
    -webkit-box-sizing: content-box;
}
#phis #slider {
    flex: 1;
}
#phis .slider-image {
    background: url(https://media.shearwell.com/Content/UK/Images/Template/dummy-assets/0002882_turbo-tagger_550.jpeg);
    background-size: cover;
    width: 100%;
    height: 100%;
    border: 1px #454142 solid;
    background-position: center;
}
/*
#phis #wrapper.homepage .grid-1-1 {}
#phis #wrapper.homepage .grid-1-2 {}
#phis #wrapper.homepage .grid-1-3 {}
#phis #wrapper.homepage .grid-2-1 {}
#phis #wrapper.homepage .grid-2-2 {}
#phis #wrapper.homepage .grid-2-3 {}
#phis #wrapper.homepage .grid-3-1 {}
#phis #wrapper.homepage .grid-3-2 {}
#phis #wrapper.homepage .grid-3-3 {}
#phis #wrapper.homepage .grid-4-1 {}
#phis #wrapper.homepage .grid-4-2 {}
#phis #wrapper.homepage .grid-4-3 {}
#phis #wrapper.homepage .grid-5-1 {}
#phis #wrapper.homepage .grid-5-2 {}
#phis #wrapper.homepage .grid-5-3 {}
*/



#phis #wrapper.homepage .two-column .column:first-child {
    margin: 5px 16px 5px 0
}
#phis #wrapper.homepage .two-column .column:last-child {
    margin: 5px 0 5px 16px;
}

#phis #wrapper.homepage .two-column .column.product-category-link {
    margin-top: 0;
}

#phis div#homepage-taglinks-wrapper {
    justify-content: space-between;
}
#phis #wrapper.homepage .two-column{
   margin-top: 20px;
}

#phis #homepage-taglinks-wrapper .promo-box-wrapper {
    margin-bottom: 10px;
}

#phis #homepage-taglinks-wrapper .promo-box-wrapper:last-of-type {
    margin-bottom: 0;
}

#phis div.promo-box.corner-cut {
    min-height: 158px;
}

#phis div.promo-box-content {
    margin: 0px 21px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold;
    height: 158px;
}

#phis div.promo-box-content > div:first-of-type {
    width: 270px;
}

#phis div.promo-box-content > div:last-of-type {
    max-width: 480px;
    display: flex;
    flex: auto;
}

#phis div.promo-box-content > div:last-of-type  > div > span {
    color: white;
    display: block;
}

#phis div.promo-box-content > div:last-of-type  > div > span:first-of-type {
    font-size: 33px;
    line-height: 40px;
    width: 440px;
}

#phis div.promo-box-content > div:last-of-type  > div > span:last-of-type {
    font-size: 25px;
    line-height: 30px;
    width: 260px;
}


#phis div.promo-box-content > div:last-of-type  > div > img {
    display: block;
    position: absolute;
    right: -10px;
    top: 23px;
}

#phis div.promo-box-content #compound-tag-image {
    width: 96%;
    height: 96%;
    background: url(https://media.shearwell.com/Content/UK/Images/Template/Phis/homepage/our-tags.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#phis div.promo-box-content > div a {
    color: white
}

#phis div.promo-box-content > div:first-of-type a {
    font-size: 35px;
    line-height: 42px;
    z-index: 10;
    position: relative;
}

#phis div.promo-box-content > div:last-of-type a {
    font-size: 25px;
    line-height: 50px;
}

#phis #wrapper.homepage div.promo-box div.promo-box-content .column {
    margin: 0;
    white-space: nowrap;
    flex-basis: auto;
    flex: auto;
}
#phis #wrapper.homepage div.tag-link-wrapper {
    display: table-cell;
    height: 52px;
    vertical-align: middle;
}

#phis #wrapper.homepage div.promo-box div.cattle-tags .column:first-of-type,
#phis #wrapper.homepage div.promo-box div.sheep-tags .column:first-of-type {
    border-right: 1px white solid;
}

#phis #wrapper.homepage div.promo-box div.cattle-tags .column div:first-of-type,
#phis #wrapper.homepage div.promo-box div.sheep-tags .column div:first-of-type {
    border-bottom: 1px white solid;
}


#phis #wrapper.homepage div.promo-box div.cattle-tags .column:last-of-type a, 
#phis #wrapper.homepage div.promo-box div.sheep-tags .column:last-of-type a {
    padding-left: 30px;
}

#phis div.promo-box-content span.from-price {
    font-size: 80px;
    line-height: 12px;
    margin-left: 54px;
    text-transform: lowercase;
}

#phis div.promo-box-content span.from-price:after {
    content: "p"
}


#phis div.sheep-tags span.from-price,
#phis div.cattle-tags span.from-price {
    line-height: 60px;
    margin-left: 0px;
    margin-top: 10px;
    display: inline-block;
}

#phis h2, #phis h3,
 #phis #wrapper #products h2,
 #phis #wrapper #trending-products h2 {
     text-transform: uppercase;
     color:#007A33;
 }

#phis #wrapper.homepage section#trending-products,
#phis .product-details-page section.products-row-list {
    margin: 25px 0;
}

 #phis #wrapper.homepage a.info-category-link,
 #phis #wrapper.homepage a.product-category-link {
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    display: flex;
    height: 318px;
    position: relative;
 }

 #phis #wrapper.homepage a.info-category-link:last-of-type {
    /*align-items: flex-end;*/ /*align text right*/
 }

#phis #wrapper.homepage a.info-category-link div.button {
    top: 102px;
    position: absolute;
    margin: 0 0 0 30px;
    width: auto;
 }

 #phis #wrapper.homepage a.info-category-link > span,
 #phis #wrapper.homepage a.product-category-link > span {
    display: inline-block;
    max-width: 160px;
    font-size: 25px;
    line-height: 30px;
    padding: 24px 30px;
 }

#phis #wrapper.homepage a.info-category-link > h3, #phis #wrapper.homepage a.product-category-link > h3 {
    font-size: 25px;
    line-height: 30px;
    color: white;
    padding: 24px 30px;
    margin: 0;
}

 #phis #homepage-info-category-links.phis-row {
    margin-top: 25px;
}

#phis a.text-bg {
    position: relative
}
#phis a.text-bg:after {
    content: "";
    position: absolute;
    background: linear-gradient(
        117deg,
        #454142 0%, 
        #454142 50%, 
         rgba(0,0,0,0) 50%, 
         rgba(0,0,0,0) 100%);
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#phis a.text-bg > *:first-of-type {
    position: relative;
    z-index: 999;
}
#phis #wrapper.homepage a.product-category-link p {
    text-transform: none;
    padding: 0 54% 20px 30px;
    font-size: 20px;
    line-height: 22px;
}
#phis #wrapper.homepage a.product-category-link div {
    display: flex;
    position: absolute;
    bottom: 61px;
    left: 30px;
}

#phis .product-details-page section.products-row-list .product-list ul,
#phis #wrapper.homepage #trending-products .product-list ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    /*flex-flow: row wrap;*/
}

#phis .product-details-page section.products-row-list .product-list ul > li,
#phis #wrapper.homepage #trending-products .product-list ul > li {
    list-style-type: none;
    margin: 0;
    text-align: center;
    display: flex;
}

#phis .product-details-page section.products-row-list .product-list ul > li a, 
#phis #wrapper.homepage #trending-products .product-list ul > li a {
    display: flex;
    flex-flow: column nowrap;
}

#phis #wrapper.homepage #trending-products .product-list ul * {
    max-width: 387px;
}

#phis .product-details-page section.products-row-list .product-list ul > li a img,
#phis #wrapper.homepage #trending-products .product-list ul > li a img {
    width: 100%;
    margin-bottom: 10px;
}

#phis .product-details-page section.products-row-list .product-list ul > li a span,
#phis #wrapper.homepage #trending-products .product-list ul > li a span {
    font-weight: bold;
    display: block;
}

#phis .product-details-page section.products-row-list .product-list ul > li a span.title,
#phis #wrapper.homepage #trending-products .product-list ul > li a span.title {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 6px;
}

#phis .product-details-page section.products-row-list .product-list ul > li a span.price,
#phis #wrapper.homepage #trending-products .product-list ul > li a span.price {
    font-size: 18px;
    line-height: 20px;
    margin-top: auto;
}

#phis #wrapper.homepage #homepage-info-category-links a:first-of-type {
    background: url(https://media.shearwell.com/Content/Marketing/UKWebsite/Homepage/CategoryImages/software-eid.jpg);
    background-size: cover;
    background-position: center;
}
#phis #wrapper.homepage #homepage-info-category-links a:last-of-type {
    background: url(https://media.shearwell.com/Content/Marketing/UKWebsite/Homepage/CategoryImages/handling.jpg);
    background-size: cover;
    background-position: center;
}

#phis #wrapper.homepage #homepage-info-product-links a:first-of-type {
    background: url(https://media.shearwell.com/Content/Marketing/UKWebsite/Homepage/CategoryImages/hp-sheep.jpg);
    background-size: cover;
}
#phis #wrapper.homepage #homepage-info-product-links a:last-of-type {
    background: url(https://media.shearwell.com/Content/Marketing/UKWebsite/Homepage/CategoryImages/HH.jpg);
    background-size: cover;
}


#phis #wrapper.homepage section#support {
    display: flex;
}

#phis #wrapper.homepage section#support h2,
#phis #wrapper.homepage section#support ul > li > a {
    text-transform: uppercase;
    color: white;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
}

#phis #wrapper.homepage section#support  h2 {
    display: inline-block;
    margin-bottom: 0;
}

#phis #wrapper.homepage section#support div.column:last-of-type h2 {
    width: 240px;
}

#phis #wrapper.homepage section#support p {
    font-size: 20px;
    line-height: 22px;
    margin: 16px 0 16px;
}
}

#phis #wrapper.homepage section#support ul {
    padding-left: 0;
}

#phis #wrapper.homepage section#support ul > li {
    margin-left: 0;
    list-style-type: none;
    line-height: 44px;
}

#phis #wrapper.homepage section#support ul > li:nth-of-type(5) {
    display: none;
}

#phis #wrapper.homepage section#support .column:first-of-type > div {
    width: 381px;
}

#phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:first-child {
    width: 275px;
}

#phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:first-child nav a.button {
    margin-top: 2px;
}

#phis #wrapper.homepage section#support .column:last-of-type >  div.phis-row > div:last-child {
    width: 504px;
}

#phis #wrapper.homepage section#support #world-map {
    width: 100%;
    height: auto;
    margin-top: 20px;
}
#phis #wrapper.homepage section#support nav#support-link{
    display: inline-flex;
}

#phis #wrapper.homepage #support-band {
    margin: 15px 0 40px;
}

#phis ul.breadcrumb {
    padding-left: 0px;
}

#phis .panel-body {
    padding: 0px
}

#phis .panel-heading {
    padding: 0px;
}

#phis .about-us #iso-policies a {
    align-items: flex-start;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

#phis .about-us #iso-policies a span {
    text-decoration: underline;
}

#phis .about-us #iso-policies > .column {
    padding-right: 15px;
    padding-left: 0px!important;
}

#phis .tag-tip {
    box-shadow: none;
    border-left: 0;
    text-align: center;
    background-color: white;
}

#phis .tag-tip h2, .tag-tip h2 a {
    color: #454142;
}
#phis .btn-sd-default {
    background-color: #007a33 !important;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    border: 0;
    text-transform: uppercase;
}

#phis .btn-sd-default:hover, .btn-sd-default:focus {
    color: #fff;
    background-color: #007a33 !important;
    border: 0;
}

#phis .further-reading-button {
    background-color: #007a33 !important;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    border: 0;
    text-transform: uppercase;
    padding: 10px 16px;
}

#phis .further-reading-button:hover {
    text-decoration: none;
}

#phis *.hide-on-LT992 {
    font:inherit!important;
}

#phis div.promo-box-content.cattle-tags span.from-price::before {
    content: "From";
}

#phis div.promo-box-content.sheep-tags span.from-price::before {
    content: "Batch\A EID\A From";
    white-space: pre;
}
#phis div.promo-box-content span.from-price:before {
    font-size: 19px;
    line-height: 22px;
    width: 90px;
    display: inline-block;
    text-transform: uppercase;
}

#phis div.sheep-tags span.from-price {
    line-height: 0px;
    margin-top: 0;
}

#phis div.promo-box-content .tag-link-wrapper a:after,
#phis div.promo-box-content .about-our-tags a:after {
    content: '\a0>';
}

@media (min-width: 1920px) {
    #phis span.break-1920::after{
        content: "\a";
        white-space: pre;
    }
}

/* * * * * * * * * * * * * 
* mobile / desktop views 
* * * * * * * * * * * * */

/* 1200 and 1920 sizes*/
@media (min-width: 1200px) {
    #phis .column.tag-country-link{
        font-size: 16px;
    }
}

/* 1200 - 1919px */
@media (min-width: 1200px) and (max-width: 1919px) {
    #phis span.break-1200::after{
        content: "\a";
        white-space: pre;
    }
    #phis #wrapper {
        grid-template-columns: 1fr 1120px 1fr;
        grid-template-rows: 176px 1fr 385px;
        -ms-grid-columns: 1fr 1120px 1fr;
        -ms-grid-rows: 178px auto 385px; /* need to set min height on main for ie */
    }
    #phis #trademarks-legal {
        font-size: 20px;
        line-height: 22px;
        max-width: 575px;
        margin-bottom: 0;
    }

    #phis #brand-logos {
        margin-bottom: 30px;
    }

    /* homepage only */
    #phis #wrapper.homepage div.tag-link-wrapper {
        height: 36px;
    }
    #phis #wrapper.homepage section#support #world-map {
        width: 100%;
        height: auto;
        margin-top: 0;
    }
    #phis #wrapper.homepage {
        grid-template-rows: 178px auto 280px auto 385px;
        -ms-grid-rows: 178px auto 280px auto 385px; /* need to set min height on main for ie e.g. main {min-height: 600px} */
    }

    #phis div.promo-box-content span.from-price::before{
        padding-right: 5px;
    }

    #phis #wrapper.homepage #support-band {
        margin: 5px 0 13px;
    }

    #phis #wrapper.homepage a.info-category-link div.button {
        top: 74px;
        margin: 0 0 0 20px;
    }

    #phis div.promo-box.corner-cut {
        min-height: 106px;
    }

    #phis #logo > a > span#logo-image {
        top:56px;
        width: 160px;
        height: 103px;
        background: url(https://media.shearwell.com/Content/UK/Images/Template/Logo/new-shearwell-logo-160w@2x.png);
        background-size: cover;
    }

    #phis #wrapper.homepage .two-column{
        margin-top: 10px;
    }

    #phis div.promo-box.corner-cut {
        min-height: 106px;
    }

    #phis div.promo-box-content {
        margin: 0px 15px;
        height: 106px;
    }

    #phis div.promo-box-content > div:first-of-type {
        width: 196px;
    }
    
    #phis div.promo-box-content > div:last-of-type {
        max-width: 649px;
    }
    
    #phis div.promo-box-content > div:first-of-type a {
        font-size: 24px;
        line-height: 28px;
    }

    #phis div.promo-box-content span.from-price {
        font-size: 53px;
        line-height: 12px;
        margin-left: 0px;
    }

    #phis div.promo-box-content span.from-price:before {
        font-size: 16px;
        line-height: 19px;
        width: 80px;
    }

    #phis div.cattle-tags span.from-price {
        margin-top: 25px;
    }

    #phis div.promo-box-content > div:last-of-type a {
        font-size: inherit;
        line-height: 35px;
    }
    
    #phis #wrapper.homepage div.promo-box div.cattle-tags .column:last-of-type a, 
    #phis #wrapper.homepage div.promo-box div.sheep-tags .column:last-of-type a {
        padding-left: 20px;
    }

    #phis div.promo-box.corner-cut:before {
        border-bottom-width: 22px;
        border-left-width: 22px;
    }

    #phis div.promo-box-content > div a.single-tags:after {
        font-size: 12px;
        line-height: 14px;
        margin-top: 7px;
    }

    #phis #wrapper.homepage a.info-category-link span {
        max-width: 102px;
        font-size: 18px;
        line-height: 22px;
        padding: 20px 16px;
    }

    #phis .product-details-page section.products-row-list .product-list ul *,
    #phis #wrapper.homepage #trending-products .product-list ul * {
        max-width: 255px;
    }

    #phis .product-details-page section.products-row-list .product-list ul > li a span.title,
    #phis #wrapper.homepage #trending-products .product-list ul > li a span.title {
        font-size: 16px;
        line-height: 16px;
    }

    #phis .product-details-page section.products-row-list .product-list ul > li a span.price,
    #phis #wrapper.homepage #trending-products .product-list ul > li a span.price {
        font-size: 16px;
        line-height: 20px;
        margin-top: auto;
    }

    #phis #wrapper.homepage section#support p {
        font-size: 16px;
        line-height: 19px;
        margin: 16px 0
    }

    #phis #wrapper.homepage section#support ul > li > a {
        font-size: 16px;
        line-height: 19px;
    }

    #phis #wrapper.homepage section#support ul > li:nth-of-type(5) {
        display: inherit;
    }

    #phis #wrapper.homepage section#support ul > li {
        line-height: 25px;
    }

    #phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:last-child {
        width: 380px;
        margin-top: 25px;
    }

    #phis #wrapper.homepage section#support .column:first-of-type {
        flex: 0.7;
    }
    
    #phis #wrapper.homepage a.info-category-link > span, #phis #wrapper.homepage a.product-category-link > span {
        font-size: 18px;
        line-height: 22px;
        padding: 17px 20px 0;
    }

    #phis #wrapper.homepage a.info-category-link > h3, #phis #wrapper.homepage a.product-category-link > h3 {
        font-size: 18px;
        line-height: 22px;
        color: white;
        padding: 17px 20px 0;
        margin: 0;
    }

    #phis #wrapper.homepage a.product-category-link p {
        text-transform: none;
        padding: 6px 50% 17px 20px;
        margin-top: 0;
        font-size: 16px;
        line-height: 18px;
    }

    #phis #wrapper.homepage a.info-category-link, #phis #wrapper.homepage a.product-category-link {
        height: 214px;
    }

    #phis #wrapper.homepage a.product-category-link div {
        bottom: 30px;
        left: 17px;
    }

    #phis div.promo-box-content > div:last-of-type > div > span:first-of-type {
        font-size: 22px;
        line-height: 30px;
        width: 290px;
    }

    #phis div.promo-box-content > div:last-of-type  > div > span:last-of-type {
        font-size: 16px;
        line-height: 21px;
        width: 163px;
    }

    #phis div.promo-box-content > div:last-of-type > div > img {
        width: 70px;
    }

    #phis div.promo-box-content #compound-tag-image {
        width: 65%;
        height: 90%;
    }

    #phis #hamburger {
        padding: 105px 10px 0 0;
        display: inline-block;
    }

    #phis .content {
        margin: 5px;
    }

    /* icons */
    #phis .account.icon-row {
        top: 15px;
    }
    #phis .account.icon-row i.fab, 
    #phis .account.icon-row i.fas {
        font-size: 30px;
    }

    #phis .social.icon-row i.fab, 
    #phis .social.icon-row i.fas {
        font-size: 22px;
    }

    #phis .social.icon-row {
        padding-bottom: 22px
    }

    #phis .account.icon-row .account-link-text {
        font-size: 14px;
        line-height: 16px;
    }

    #phis .social.icon-row a > i.fab,
    #phis .social.icon-row a > i.fas {
        padding-right:22px;
    }

    #phis .icon-row a:last-of-type > i.fab,
    #phis .icon-row a:last-of-type > i.fas {
        padding-right:0;
    }

    /* navigation*/
    #phis nav#main-item-links {
        top: 106px;
        left: 160px;
    }

    #phis nav#main-item-links a {
        font-size: 16px;
        line-height: 19px;
        padding-left: 20px; 
    }

    #phis #cart-links {
        top: 90px;
        right: 0px;
        height: 48px;
        width: 120px;
    }
    
    #phis #cart-links .fa {
        font-size: 30px;
        padding-right: 5px;
    }

    /* search box */
    #phis nav#main-search-box-container {
        width: 563px;
        height: 44px;
        top: 92px;
        left: 406px;
        position: relative
    }

    #phis #main-search-box-container input[type="text"] {
        width: 514px;
        height: 41px;
        padding-left: 17px;
        font-size: 16px;
    }
    
    #phis #main-search-box-container button {
        height: 40px;
        width: 40px;
    }

    /* buttons */ /* TODO look these as not relatively consitent across sizes */
    #phis .button.large {
        font-size: 20px;
        line-height: 12px;
        min-height: 48px;
        padding: 3px 15px
    }
    
    #phis .button.button.medium {
        font-size: 16px;
        line-height: 19px;
        min-height: 32px;
        padding: 0 10px
    }

    #phis #footer-wrapper > #first {
        width: 363px;
    }

    #phis #footer-wrapper > #second,
    #phis #footer-wrapper > #third,
    #phis #footer-wrapper > #fourth {
        width: 189px;
    }

    #phis #footer-wrapper > #fifth {
         width: 169px;
    }

    #phis footer span.nav-heading{
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 8px;
    }
    
    #phis footer p{
        font-size: 14px;
        line-height: 16px;
    }

    #phis footer .tel-number {
        font-size: 19px;
        line-height: 14px;
    }
    
    #phis footer #footer-wrapper {
        top: 30px;
    }
    
    #phis #newsletter-signup input {
        height: 30px;
    }

    #phis .newsletter-input-wrapper {
        width: 206px;
        height: 32px;
        margin-right: 14px;
    }
    
    #phis #newsletter-blurb {
        width: 285px
    }

    #phis footer #second ul.footer-ul > li:nth-of-type(n+4) {
        display: none;
    }

    #phis .footer-ul a {
        font-size: 14px;
        line-height: 22px;
    }

    #phis footer #opening-hours{
        margin: 4px 0;
        width: 172px;
    }

    #phis footer #opening-hours span {
        margin: 3px 0;
        line-height: 14px;
        font-size: 14px;
        display: inline-block;
    }

    #phis #fifth #accreditations a {
        width: 72px;
        padding-bottom: 20px;
    }

    #phis #fifth #accreditations a:nth-last-of-type(even) {
        margin-right: 20px;
    }

    #phis #fifth #accreditations a:last-of-type > img {
        width: 54px;
        height: 46px;
    }

    #phis footer #payment-logos {
        top: 156px;
    }
    
    #phis footer #payment-logos > img {
        width: 52px;
        height: auto;
        padding-left: 5px;
    }
    
    #phis footer #legal {
        margin-top: 8px;
    }
    
    #phis footer #legal p {
        font-size: 16px;
        line-height: 19px;
        margin: 3px 0px;
    }

    blockquote {
        padding: 10px 20px;
        margin: 0 0 0.5em 0.8em;
        font-size: 20px;
        line-height: 20px;
        border: 0;
        font-weight: 600;
    }

    #phis .about-us blockquote::after {
        bottom: -14px;
        right: -10px;
    }
}

@media (max-width: 1199px) {
    #phis #burger-wrapper {
        position: relative;
    }

    #phis #hamburger {
        position: absolute;
        padding: 0;
        right: -32px;
        z-index: 9;
        cursor: pointer;
    }

    #phis #wrapper.homepage a.info-category-link div.button {
        top: 58px;
        margin: 0 0 0 17px;
    }

    #phis .frm-grp input[type="text"] {
        height: 40px;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    #phis #newsletter-signup form {
        display: block;
    }
    #phis #newsletter-signup button {
        margin-top: 10px
    }

    #phis #wrapper.homepage div.tag-link-wrapper {
        height: 32px;
    }
}


@media (max-width: 991px) {
    #phis a#hamburger span.account-link-text {
        display: inline;
    }
    #phis .about-us .intro-blurb {
        width: 100%;
    }
    #phis #hamburger {
        display: flex;
        flex-direction: column;
        line-height: 0px;
        align-items: center;
    }

    #phis #cart-links {
        width: auto; 
    }

    #phis #main-search-box-container input[type="text"] {
        font-size: 16px;
    }

    #phis #wrapper.homepage .two-column {
        margin-top: 15px;
    }

    #phis #wrapper.homepage a.info-category-link div.button {
        top: 78px;
        margin: 0 0 0 12px;
    }
    #phis *.hide-on-LT992 {
        display: none!important;
    }
    #phis #admin-header {
        display: none;
    }

    #phis .account.icon-row .account-link-text,
    #phis a span.account-link-text {
        text-transform: initial;
    }

    #phis a#cart-link span.account-link-text {
        display: inline;
    }

    #phis footer #legal p {
        font-size: 16px;
        line-height: 19px;
    }

    #phis .about-us p {
        margin: 10px 0px;
    }

    #phis .about-us div#blockquote-wrapper {
        width: 82%;
        margin: 4px auto;
    }

    #phis .about-us blockquote::before {
        margin-top: 17px;
        left: 0px;
    }

    #flyout-bridge {
        position: absolute;
    }
        blockquote {
        padding: 10px 20px;
        margin: 0px 0 0.5em 1.5em;
        font-size: 16px;
        line-height: 18px;
        border: 0;
        font-weight: 600;
    }

    #phis #wrapper.homepage div.tag-link-wrapper {
        height: 24px;
    }

    #phis .about-us blockquote::before, #phis .about-us blockquote::after {
        content: "";
        width: 31px;
        height: 27px;
        background: url(https://media.shearwell.com/Content/UK/Images/Template/Misc/blockquote46x40@2x.png);
        background-size: contain;
    }

    #phis .about-us blockquote::after {
        bottom: 13px;
        right: 31px;
    }

    #phis .brand-logos-inner {
        width: 330px;
    }

    #phis #trademarks-legal {
        font-size: 16px;
        line-height: 18px;
        max-width: 74%;
    }

    #phis #brand-logos {
        margin-bottom: 10px;
        justify-content: center;
    }

    #phis #help-support hr, #phis .about-us hr {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #phis .about-us .pdf-icon {
        width: 41px;
        height: auto;
        margin-right: 13px;
    }

    #phis .about-us #iso-policies a span {
        font-size: 14px;
        line-height:16px;
    }

    #phis a.data-sheet-link {
        display: block;
        padding: 10px 0 10px 0;
    }
}

@media(min-width:768px) and (max-width: 1199px) {
    #phis h1 {
        font-size: 24px
    }

    #phis h2 {
        font-size: 18px
    }

    #phis h3 {
        font-size: 16px
    }

    #phis h4 {
        font-size: 14px
    }

    #phis h5 {
        font-size: 14px
    }

    #phis h6 {
        font-size: 14px
    }

    #phis p {
        font-size: 14px
    }

    #phis *.text {
        font-size: 14px
    }

    #phis *.lead {
        font-size: 16px
    }

    #phis *.block {
        font-size: 16px;
        line-height: 19px;
    }

    #phis *.breadcrumb {
        font-size: 14px
    }

    #phis *.price * {
        font-size: 22px
    }

    #phis .form-label {
        font-size: 14px;
        line-height: 16px;
    }


    #phis div.promo-box-content span.from-price::before {
        font-size: 12px;
        line-height: 15px;
        padding-right: 8px;
        width: 54px;
    }

    #phis div.cattle-tags span.from-price {
        margin-top: 10px;
    }
}

/* 992 - 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
    #phis span.break-992::after{
        content: "\a";
        white-space: pre;
    }

    #phis h2 {
        font-size: 16px;
        line-height: 19px;
    }

    #phis #wrapper {
        grid-template-columns: 1fr 940px 1fr;
        grid-template-rows: 188px auto 502px;
        -ms-grid-columns: 1fr 940px 1fr;
        -ms-grid-rows: 188px auto 502px; /* need to set min height on main for ie */
    }

    #phis #trademarks-legal {
        font-size: 20px;
        line-height: 22px;
    }

    /* homepage only */
    #phis #wrapper.homepage {
        grid-template-rows: 188px auto 264px auto 502px;
        -ms-grid-rows: 188px auto 264px auto 502px; /* need to set min height on main for ie e.g. main {min-height: 600px} */
    }
    #phis #wrapper.homepage section#support #world-map {
        margin-top: 0;
    }
    #phis div.promo-box.corner-cut {
        min-height: 88px;
    }

    #phis #logo > a > span#logo-image {
        top:73px;
        width: 130px;
        height: 84px;
        background: url(https://media.shearwell.com/Content/UK/Images/Template/Logo/new-shearwell-logo-130w@2x.png);
        background-size: cover;
        margin-left: 47px;
    }

    #phis #hamburger {
        top: 106px;
    }

    #phis nav#main-item-links a {
        font-size: 16px;
        line-height: 17px;
        padding-left: 20px; 
    }

    #phis nav#main-item-links {
        top: 106px;
        left: 176px;
    }

     /* search box */
     #phis nav#main-search-box-container {
        width: 388px;
        top: 92px;
        left: 415px;
    }

    #phis #main-search-box-container input[type="text"] {
        width:338px;
        height: 41px;
        padding-left: 16px;
        font-size: 16px;
    }
    
    #phis #main-search-box-container button {
        height: 40px;
        width: 40px;
    }

    #phis #cart-links .fa {
        font-size: 22px;
        padding-right: 5px;
    }

    #phis .content {
        margin: 5px;
    }
    
    /* icons */
    #phis .account.icon-row {
        top: 15px;
    }
    #phis .account.icon-row i.fab, 
    #phis .account.icon-row i.fas {
        font-size: 30px;
    }
    
    #phis .social.icon-row i.fab, 
    #phis .social.icon-row i.fas {
        font-size: 28px;
    }

    #phis .social.icon-row {
        padding-bottom: 16px
    }

    #phis footer span.nav-heading {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 8px;
        width: 216px;
    }

    #phis #newsletter-blurb {
        width: 285px
    }

    #phis .newsletter-input-wrapper {
        width: 206px;
        height: 32px;
        margin-right: 14px;
    }

    #phis section#newsletter-signup form {
        width: 210px;
        display: inline-block;
    }

    #phis section#newsletter-signup form button {
        margin-top: 12px;
        display: block;
    }

    #phis #footer-wrapper > #first {
        width: 320px;
    }

    #phis #footer-wrapper > #second,
    #phis #footer-wrapper > #third,
    #phis #footer-wrapper > #fourth {
        width: 200px;
    }

    #phis #footer-wrapper > #fifth {
         width: 100%;
    }

    #phis footer #payment-logos {
        top: 288px;
    }

    #phis #fifth #accreditations {
        margin-right: -15px;
        margin-bottom: 64px;
    }

    #phis #fifth #accreditations a {
        width: 90px;
        padding: 0 0 0 20px!important;
        margin-right: 0!important
    }

    #phis #fifth #accreditations a:last-of-type > img {
        width: 54px;
        height: 46px;
    }

    #phis .footer-ul {
        margin-top: 8px;
    }

    #phis #wrapper.homepage .two-column {
        margin-top: 0px;
    }

    #phis #wrapper.homepage .two-column {
        margin-top: 0px;
    }

    #phis div.promo-box-content > div:first-of-type a {
        font-size: 19px;
        line-height: 23px;
    }

    #phis div.promo-box-content > div:last-of-type > div > span:first-of-type {
        font-size: 17px;
        line-height: 22px;
        width: 240px;
    }

    #phis div.promo-box-content {
        margin: 0px 15px;
        height: 88px;
    }

    #phis div.promo-box-content > div:first-of-type {
        width: 146px;
    }

    #phis div.promo-box-content span.from-price {
        font-size: 44px;
        line-height: 27px;
        margin-left: 36px;
    }

    #phis div.promo-box-content > div:last-of-type > div > span:last-of-type {
        font-size: 13px;
        line-height: 15px;
        width: 133px;
    }

    #phis div.promo-box-content > div:last-of-type a {
        font-size: 13px;
        line-height: 30px;
    }

    #phis #wrapper.homepage div.promo-box div.cattle-tags .column:last-of-type a, #phis #wrapper.homepage div.promo-box div.sheep-tags .column:last-of-type a {
        padding-left: 20px;
    }

    #phis div.promo-box-content > div:last-of-type > div > img {
        width: 60px;
        right: -5px;
        top: 6px;
    }

    #phis div.promo-box-content > div:last-of-type {
        max-width: 260px;
    }

    #phis div.promo-box.corner-cut:before {
        border-bottom-width: 18px;
        border-left-width: 18px;
    }
    
    #phis div.promo-box-content > div a.single-tags:after {
        font-size: 9px;
        line-height: 10px;
        width: 33px;
        margin-top: 5px;
    }
    #phis div.sheep-tags span.from-price,
    #phis div.cattle-tags span.from-price {
        line-height: 34px;
        margin-left: 0px;
    }

    #phis #wrapper.homepage a.info-category-link, 
    #phis #wrapper.homepage a.product-category-link{
        height: 178px;
    }

    #phis #wrapper.homepage a.info-category-link > span, #phis #wrapper.homepage a.product-category-link > span {
        font-size: 15px;
        line-height: 18px;
        padding: 14px 17px;
    }

    #phis .product-details-page section.products-row-list .product-list ul *,
    #phis #wrapper.homepage #trending-products .product-list ul * {
        max-width: 210px;
    }

    #phis .product-details-page section.products-row-list .product-list ul > li a span.title,
    #phis #wrapper.homepage #trending-products .product-list ul > li a span.title {
        font-size: 14px;
        line-height: 13px;
        padding-bottom: 7px;
    }

    #phis .product-details-page section.products-row-list .product-list ul > li a span.price,
    #phis #wrapper.homepage #trending-products .product-list ul > li a span.price {
        font-size: 14px;
        line-height: 9px;
    }

    #phis #wrapper.homepage section#support h2 {
        font-size: 18px;
        line-height: 22px;
    }

    #phis #wrapper.homepage #support-band {
        margin: 15px 0;
    }

    #phis #wrapper.homepage section#support p {
        font-size: 14px;
        line-height: 16px;
        margin: 0;
    }

    #phis #wrapper.homepage section#support ul > li {
        line-height: 23px;
    }

    #phis #wrapper.homepage section#support ul > li > a {
        font-size: 16px;
        line-height: 19px;
    }

    #phis #wrapper.homepage section#support ul > li:nth-of-type(5) {
        display: inherit;
    }

    #phis #wrapper.homepage section#support .column:first-of-type > div {
        width: 348px;
    }

    #phis #wrapper.homepage section#support .column:first-of-type {
        flex: 0.7;
    }

    #phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:last-child {
        width: 320px;
        margin-top: 25px;
    }

    #phis #support ul {
        margin-top: 10px;
    }

    #phis *.hide-on-LT1200 {
        display: none!important;
    }

    #phis #wrapper.homepage a.info-category-link > h3, #phis #wrapper.homepage a.product-category-link > h3 {
        font-size: 16px;
        line-height: 8px;
        padding: 20px 15px 16px 18px;
        margin: 0;
    }

    #phis #wrapper.homepage section#support h2 {
        display: inline-block;
        width: 200px;
        margin-bottom: 10px;
    }

    #phis #wrapper.homepage section#support div.column:first-child p {
        width: 305px;
    }
    #phis #wrapper.homepage section#support div.column:last-child p {
        width: 208px;
    }

    #phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:first-child {
        width: 230px;
    }

    #phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:first-child nav a.button {
        margin-top: 20px;
    }

    #phis #wrapper.homepage a.product-category-link p {
        font-size: 16px;
        line-height: 18px;
        padding: 0px 56% 17px 17px;
        margin-top: 0;
    }

    #phis #alidma.bootstrap-alidma,
    #phis #alidma {
        margin: 20px auto 0px;
    }


    #phis #wrapper.homepage a.product-category-link div {
        bottom: 32px;
        left: 17px;
    }

    #phis #alidma.bootstrap-alidma #alidma-image, 
    #phis #alidma-image {
        width: 156px;
    }

    #phis #alidma.bootstrap-alidma :first-child,
    #phis #alidma :first-child {
        font-size: 14px;
        line-height: 16px;
    }

    #phis .account.icon-row .account-link-text {
        font-size: 14px;
        line-height: 16px;
    }

    #phis .social.icon-row a > i.fab,
    #phis .social.icon-row a > i.fas {
        padding-right:22px;
    }

    #phis .icon-row a:last-of-type > i.fab,
    #phis .icon-row a:last-of-type > i.fas {
        padding-right:0;
    }

    /* navigation*/
    #phis #cart-links {
        top: 90px;
        right: 0px;
        height: 48px;
        width: 107px;
    }

    /* buttons */ /* TODO look these as not relatively consitent across sizes */
    #phis .button.large {
        font-size: 20px;
        line-height: 12px;
        min-height: 48px;
        padding: 3px 15px
    }
    
    #phis .button.button.medium {
        font-size: 16px;
        line-height: 19px;
        min-height: 32px;
        padding: 0 10px
    }

    #phis footer p{
        font-size: 14px;
        line-height: 16px;
    }

    #phis footer .tel-number {
        font-size: 19px;
        line-height: 14px;
    }
    
    #phis footer #footer-wrapper {
        top: 44px;
    }
    
    #phis #newsletter-signup input {
        height: 30px;
    }

    #phis footer #second ul.footer-ul > li:nth-of-type(n+4) {
        display: none;
    }

    #phis .footer-ul a {
        font-size: 14px;
        line-height: 22px;
    }

    #phis footer #opening-hours{
        margin: 4px 0;
        width: 172px;
    }

    #phis footer #opening-hours span {
        margin: 3px 0;
        line-height: 14px;
        font-size: 14px;
        display: inline-block;
    }
    
    #phis footer #payment-logos > img {
        width: 55px;
        height: auto;
        padding-left: 7px;
    }
    
    #phis footer #legal {
        margin-top: 8px;
    }
    
    #phis footer #legal p {
        font-size: 16px;
        line-height: 19px;
        margin: 3px 0px;
    }

    #phis .about-us blockquote::before, #phis .about-us blockquote::after {
        content: "";
        width: 31px;
        height: 27px;
        background: url(https://media.shearwell.com/Content/UK/Images/Template/Misc/blockquote46x40@2x.png);
        background-size: contain;
    }


    blockquote {
        padding: 10px 20px;
        margin: 0px 0 0.5em 1.5em;
        font-size: 16px;
        line-height: 20px;
        border: 0;
        font-weight: 600;
    }
}


@media (max-width: 767px) {
    #phis a#hamburger span.account-link-text {
        line-height: 14px;
    }

    #phis #trademarks-legal {
        font-size: 16px;
        line-height: 18px;
        max-width: 80%;
    }

    #phis #who-we-support .phis-row {
        margin-bottom: 20px;
    }

    #phis .form-label {
        font-size: 16px;
        line-height: 18px;
    }
}

/* 768 - 991x */
@media(min-width: 768px) and (max-width: 991px) {
    #phis #wrapper {
        grid-template-columns: 1fr 700px 1fr;
        grid-template-rows: 192px 1fr 705px;
        -ms-grid-columns: 1fr 700px 1fr;
        -ms-grid-rows: 192px auto 705x; /* need to set min height on main for ie */
    }

    #phis .social.icon-row {
        padding-bottom: 18px;
    }

    #phis h2 {
        font-size: 18px;
        line-height: 22px;
    }

    /* homepage only */
    #phis #wrapper.homepage section#trending-products,
    #phis .product-details-page section.products-row-list {
        margin: 16px 0 22px;
    }

    #phis .product-details-page section.products-row-list 
    #phis #wrapper #trending-products h2 {
        margin-top: 16px;
    }

    #phis #wrapper.homepage {
        grid-template-rows: 192px auto 234px auto 705px;
        -ms-grid-rows: 192px auto 234px auto 705px; /* need to set min height on main for ie e.g. main {min-height: 600px} */
    }

    #phis #wrapper.homepage section#support #world-map {
        height: auto;
        margin-top: 0;
    }

    #phis #logo > a > span#logo-image {
        top:20px;
        width: 154px;
        height: 100px;
        background: url(https://media.shearwell.com/Content/UK/Images/Template/Logo/new-shearwell-logo-154w@2x.png);
        background-size: cover;
        margin-left: 0px;
    }

    phis #wrapper.homepage a.info-category-link > h3, #phis #wrapper.homepage a.product-category-link > h3 {
        font-size: 18px;
        line-height: 20px;
        padding: 12px 12px 6px 12px;
        margin: 0;
    }

    #phis #wrapper #products h2 {
        margin-bottom: 7px
    }

    #phis #hamburger {
        top: 35px;
        right: -695px;
    }

    #phis div.account.icon-row i.fas,
    #phis #cart-links i.fa {
        font-size: 36px;
    }

    #phis #hamburger > i {
        font-size: 41px;
    }

    #phis .account.icon-row {
        top: 40px;
        right: 134px;
    }

    #phis #cart-links {
        top: 40px;
        right: 54px;
        height: auto;
    }

    #phis #cart-links span#cart-total {
        display: none;
    }

    #phis .account.icon-row a {
        padding-left: 18px;
    }

    #phis #cart-links .fa {
        padding-right: 18px;
    }

    #phis nav#main-item-links {
        display: none;
    }

    #phis .account.icon-row .account-link-text, #phis a span.account-link-text {
        font-size: 13px;
    }

    #phis #wrapper > div:nth-of-type(1),
    #phis #wrapper > div:nth-of-type(2),
    #phis #wrapper > div:nth-of-type(3) {
        background: url(https://media.shearwell.com/Content/UK/Images/Template/Phis/header/search-bg52h.png);
        background-position-y: bottom;
        background-repeat: repeat-x;
        background-clip: padding-box;
        margin: 0;
        padding: 5px;
    }

    #phis nav#main-search-box-container {
        position: absolute;
        width: 690px;
        height: 48px;
        border: none;
        top: 142px;
        left: 5px;
        display: flex;
        align-items: center;
        margin: auto -17px;
    }

    #phis #main-search-box-container input[type="text"] {
        border: 0;
        width: 676px;
    }

    #phis .social.icon-row a > i.fab, #phis .social.icon-row a > i.fas {
        padding-right: 20px;
        font-size: 29px;
    }

    #phis footer span.nav-heading {
        font-size: 16px;
        line-height: 19px;
    }

    #phis footer #footer-wrapper {
        top: 25px;
    }

    #phis #footer-wrapper > #first {
        width: 690px;
        margin-bottom: 30px;
    }

    #phis footer p {
        font-size: 16px;
        line-height: 19px;
    }

    #phis #newsletter-signup form {
        display: inline-flex;
        position: absolute;
        left: 350px;
        top: 70px;
    }

    #phis .newsletter-input-wrapper {
        width: 225px;
        height: 32px;
        margin-right: 10px;
    }

    #phis .button.medium {
        font-size: 14px;
        line-height: 14px;
        min-height: 32px;
        padding: 3px 10px;
    }

    #phis #footer-wrapper > #second, #phis #footer-wrapper > #third, #phis #footer-wrapper > #fourth {
        width: 228px;
    }

    #phis footer .tel-number {
        font-size: 19px;
        line-height: 14px;
    }

    #phis footer #opening-hours span {
        line-height: 14px;
        font-size: 14px;
    }

    #phis .footer-ul a {
        font-size: 14px;
        line-height: 23px;
    }

    #phis #footer-wrapper > #fifth {
        width: 100%;
   }

   #phis footer #payment-logos {
       top: 427px;
   }

   #phis #fifth #accreditations {
       margin-right: -15px;
       margin-bottom: 64px;
   }

    #phis #fifth #accreditations a {
        width: 90px;
        padding: 0 0 0 20px !important;
        margin-right: 0 !important
    }

   #phis #fifth #accreditations a:last-of-type > img {
       width: 54px;
       height: 46px;
   }

   #phis footer #payment-logos > img {
        width: 52px;
        height: auto;
        padding-left: 7px;
    }

   #phis footer #legal {
       margin-top: 10px
   }

    #phis span.break-768::after{
        content: "\a";
        white-space: pre;
    }

    #phis div.promo-box-content > div:first-of-type a {
        font-size: 12.5px;
        line-height: 19px;
    }

    #phis div.promo-box.corner-cut {
        min-height: 65px;
    }

    #phis div.promo-box.corner-cut:before {
        border-bottom-width: 14px;
        border-left-width: 14px;
    }

    #phis div.promo-box-content {
        margin: 0px 3px 0 9px;
        height: 65px;
    }

    #phis div.promo-box-content > div:last-of-type > div > span:first-of-type {
        font-size: 12px;
        line-height: 17px;
        width: 186px;
    }

    #phis div.promo-box-content > div:last-of-type > div > span:last-of-type {
        font-size: 12px;
        line-height: 17px;
        width: 143px;
    }

    #phis div.promo-box-content span.from-price {
        font-size: 24px;
        line-height: 3px;
    }

    #phis div.promo-box-content span.from-price:before {
        width: 45px;
        font-size: 12px;
        line-height: 11px;
    }


    #phis div.promo-box-content > div:last-of-type a {
        font-size: 12px;
        line-height: 24px;
    }

    #phis #wrapper.homepage div.promo-box div.cattle-tags .column:last-of-type a, #phis #wrapper.homepage div.promo-box div.sheep-tags .column:last-of-type a {
        padding-left: 12px;
    }

    #phis div.promo-box-content > div:first-of-type {
        width: 94px;
    }

    #phis div.promo-box-content > div:last-of-type > div > img {
        width: 48px;
        right: -5px;
        top: 6px;
    }

    #phis div.promo-box-content #compound-tag-image {
        width: 92%;
        height: 92%;
    }

    #phis #wrapper.homepage .two-column .column:first-child {
        margin: 5px 15px 5px 0;
    }

    #phis #wrapper.homepage .two-column .column:last-child {
        margin: 5px 0 5px 15px;
    }

    #phis #homepage-info-category-links.phis-row {
        margin-top: 14px;
    }

    #phis div.promo-box-content > div a.single-tags:after {
        font-size: 11px;
        line-height: 11px;
        width: 40px;
    }

    #phis div.promo-box:first-of-type div.promo-box-content > div:last-of-type {
        max-width: 208px;
    }

    #phis #wrapper.homepage a.info-category-link, #phis #wrapper.homepage a.product-category-link {
        height: 131px;
    }

    #phis #wrapper.homepage a.info-category-link > span {
        max-width: 60px;
        font-size: 18px;
        line-height: 20px;
        padding: 10px 12px;
    }

    #phis #wrapper.homepage a.product-category-link > span {
        max-width: 160px;
        font-size: 16px;
        line-height: 12px;
        padding: 12px;
    }

    #phis #wrapper.homepage div.promo-box div.cattle-tags .column:first-of-type a, 
    #phis #wrapper.homepage div.promo-box div.sheep-tags .column:first-of-type a {
        padding-right: 3px;
    }

    #phis .product-details-page section.products-row-list .product-list ul *,
    #phis #wrapper.homepage #trending-products .product-list ul * {
        max-width: 150px;
    }

    #phis .product-details-page section.products-row-list .product-list ul > li a span.title,
    #phis #wrapper.homepage #trending-products .product-list ul > li a span.title {
        font-size: 12px;
        line-height: 14px;
        padding-bottom: 7px;
    }
    #phis .product-details-page section.products-row-list .product-list ul > li a span.price,
    #phis #wrapper.homepage #trending-products .product-list ul > li a span.price {
        font-size: 12px;
        line-height: 6px;
    }

    #phis div.promo-box-content.cattle-tags span.from-price {
        margin-top: 15px;
        margin-left: 0;
    }

    #phis #wrapper.homepage #support-band {
        margin: 2px 0 13px;
    }

    #phis #wrapper.homepage section#support h2 {
        font-size: 18px;
        line-height: 22px;
    }

    #phis #wrapper.homepage section#support p {
        font-size: 14px;
        line-height: 16px;
        margin: 10px 0;
    }

    #phis #wrapper.homepage section#support ul > li {
        line-height: 24px;
    }

    #phis #wrapper.homepage section#support ul > li > a {
        font-size: 16px;
        line-height: 19px;
    }

    #phis #wrapper.homepage section#support ul > li:nth-of-type(5) {
        display: inherit;
    }

    #phis #wrapper.homepage section#support .column:first-of-type {
        flex: 0.7;
    }

    #phis #wrapper.homepage section#support .column:first-of-type > div {
        width: 270px;
    }

    phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:first-child {
        width: 148px;
    }

    #phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:last-child {
        width: 260px;
        margin-top: 37px;
        margin-left: -52px;
    }

    #phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:first-child {
        width: 200px;
    }

    #phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:first-child nav a.button {
        margin-top: 10px;
    }

    #phis #wrapper.homepage a.product-category-link p {
        font-size: 12px;
        line-height: 14px;
        padding: 0px 54% 12px 12px;
        margin-top: 0;
    }

    #phis .button.button.medium {
        font-size: 14px;
        line-height: 17px;
        min-height: 22px;
        padding: 0 7px;
    }

    #phis #wrapper.homepage a.product-category-link div {
        bottom: 18px;
        left: 12px;
    }

    #phis #alidma.bootstrap-alidma,
    #phis #alidma {
        margin: 20px auto 0px;
    }

    #phis #alidma.bootstrap-alidma span,
    #phis #alidma span {
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        width: 394px;
    }

    #phis #alidma.bootstrap-alidma #alidma-image,
    #phis #alidma-image {
        width: 154px;
        height: auto;
    }

}
@media (min-width: 768px) {
    #phis .about-us #who-we-support .phis-row:nth-of-type(odd) .column:first-of-type,
    #phis .about-us #who-we-support .phis-row:nth-of-type(even) .column:last-of-type {
        flex-basis: 38%;
    }

    #phis .about-us #who-we-support .phis-row:nth-of-type(even) .column:first-of-type,
    #phis .about-us #who-we-support .phis-row:nth-of-type(odd) .column:last-of-type {
        flex-basis: 59%;
    }
}
/* small and med sizes */
@media (max-width: 767px) {

    #phis .column {
        flex: auto;
    }

    #phis #wrapper.homepage div.tag-link-wrapper {
        display: inline;
        height: auto;
        vertical-align:auto;
    }

    #phis .about-us #iso-policies a span {
        font-size:14px;
        white-space:normal;
    }

    #phis .about-us #iso-policies a.data-sheet-link {
        padding: 5px 0 5px;
    }

    #phis .about-us .phis-row .column:first-of-type,
    #phis .about-us .phis-row .column:last-of-type {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
    }
    #phis h1 {
        font-size: 24px
    }

    #phis h2 {
        font-size: 18px
    }

    #phis h3 {
        font-size: 16px
    }

    #phis h4 {
        font-size: 14px
    }

    #phis h5 {
        font-size: 14px
    }

    #phis h6 {
        font-size: 14px
    }

    #phis p {
        font-size: 16px
    }

    #phis *.text {
        font-size: 14px
    }

    #phis *.lead {
        font-size: 16px
    }

    #phis *.block {
        font-size: 16px;
        line-height: 19px
    }

    #phis *.breadcrumb {
        font-size: 14px
    }

    #phis *.price {
        font-size: 22px
    }

    #phis h2 {
        line-height: 22px;
    }
    #phis div.promo-box-content > div:last-of-type {
        max-width: 480px;
        display: block;
        flex: none;
    }

    #phis #wrapper.homepage div.promo-box div.cattle-tags .column:last-of-type a, #phis #wrapper.homepage div.promo-box div.sheep-tags .column:last-of-type a {
        padding-left: 0;
    }

    #phis #wrapper.homepage div.promo-box div.cattle-tags .column:first-of-type, 
    #phis #wrapper.homepage div.promo-box div.sheep-tags .column:first-of-type,
    #phis #wrapper.homepage div.promo-box div.cattle-tags .column a:first-of-type, 
    #phis #wrapper.homepage div.promo-box div.sheep-tags .column a:first-of-type {
        border: none;
    }

    #phis #promo-wrap.content > .phis-row:first-of-type .column:last-child {
        margin: 5px 0;
    }

    #phis #promo-wrap.content > .phis-row:first-of-type .column:first-child {
        margin: 5px 0;
    }

    #phis #promo-wrap.content > .phis-row:first-of-type {
        display: block;
    }
    #phis #promo-wrap.content > .phis-row:first-of-type .column {
        display: block;
    }

    #phis div.promo-box.corner-cut {
        min-height:fit-content;
    }

    #phis div.promo-box:last-of-type div {
        display: block;
    }

    #phis div.promo-box:last-of-type span {
        width: 100%!important;
    }

    #phis #logo > a > span#logo-image {
        top:11px;
        width: 100px;
        height: 65px;
        background: url(https://media.shearwell.com/Content/UK/Images/Template/Logo/new-shearwell-logo-100w@2x.png);
        background-size: cover;
        margin-left: 0px;
    }

    #phis div.account.icon-row i.fas,
    #phis #cart-links i.fa {
        font-size: 28px;
    }

    #phis #hamburger > i {
        font-size: 34px;
    }

    #phis .account.icon-row {
        top: 10px;
        right: 100px;
    }

    #phis #cart-links {
        top: 10px;
        right: 50px;
        height: auto;
    }

    #phis #cart-links span#cart-total {
        display: none;
    }

    #phis .account.icon-row a {
        padding-left: 14px;
    }

    #phis #cart-links .fa {
        padding-right: 5px;
    }

    #phis nav#main-item-links {
        display: none;
    }

    #phis #wrapper > div:nth-of-type(1),
    #phis #wrapper > div:nth-of-type(2),
    #phis #wrapper > div:nth-of-type(3) {
        background: url(https://media.shearwell.com/Content/UK/Images/Template/Phis/header/search-bg49h.png);
        background-position-y: bottom;
        background-repeat: repeat-x;
        background-clip: padding-box;
        margin: 0;
        /*padding: 5px;*/
    }

    #phis nav#main-search-box-container {
        position: absolute;
        height: 45px;
        border: none;
        top: 88px;
        left: 5px;
        display: flex;
        align-items: center;
    }

    #phis #main-search-box-container input[type="text"] {
        border: 0;
        height: 44px;
    }

    #phis #main-search-box-container input[type="submit"] {
        width: 36px;
        height: 36px;
        padding: 11px;
    }

    #phis footer #footer-wrapper {
        top: 25px;
        flex-direction: column;
        display: flex;
    }

    #phis #footer-wrapper > #fifth {
        margin-bottom: 20px;
    }

    #phis footer #payment-logos {
        position: relative;
        top: 0px;
    }

    #phis footer p {
        font-size: 16px;
        line-height: 19px;
    }

    #phis #newsletter-signup form {
        margin-bottom: 20px;
    }

    #phis #fifth #accreditations {
        text-align: left;
    }

    #phis #fifth #accreditations a, #phis footer #payment-logos > img  {
        padding: 0 10px 10px 0!important;
        
    }

    #phis div.promo-box-content {
        margin: 0px 15px;
        display: flex;
        height: auto;
        flex-direction: row;
    }

    #phis div.promo-box:last-of-type > div > div a:after {
        content: ">";
        padding-left: 5px;
    }

    #phis div.promo-box:last-of-type > div > div a:after {
        content: ">";
        padding-left: 5px;
    }

    #phis div.promo-box-content > div:last-of-type  div#compound-tag-image {
        right: 4px;
        top: 15px;
    }

    #phis div.promo-box-content #compound-tag-image {
        width: 63%;
        background: url(https://media.shearwell.com/Content/UK/Images/Template/Phis/homepage/mob-our-tags@2x.png);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 5;
    }

    #phis div.promo-box-content > div:last-of-type > div > img {
        right: -7px;
    }

    #phis .column.tag-country-link {
        margin: 0!important;
    }

    #phis .product-details-page section.products-row-list .product-list ul > li a span.title,
    #phis #wrapper.homepage #trending-products .product-list ul > li a span.title {
        font-size: 16px;
        line-height: 23px;
        padding-bottom: 7px;
    }

    #phis .product-details-page section.products-row-list .product-list ul > li a span.price,
    #phis #wrapper.homepage #trending-products .product-list ul > li a span.price {
        font-size: 16px;
        line-height: 10px;
        margin-top: auto;
    }

    #phis .product-details-page section.products-row-list #trending-products .product-list ul * ,
    #phis #wrapper.homepage #trending-products .product-list ul * {
        max-width: 190px;
    }

    #phis #wrapper.homepage .product-list.horizontal {
        width: 900px;   
    }

    #phis #wrapper.homepage section#support h2, #phis #wrapper.homepage section#support ul > li > a {
        font-size: 16px;
        line-height: 19px;
    }

    #phis #wrapper.homepage section#support ul > li {
        line-height: 28px;
    }

    #phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:first-child {
        width: 100%;
    }

    #phis #wrapper.homepage section#support p {
        font-size: 16px;
        line-height: 19px;
        margin: 10px 0;
    }

    #phis #wrapper.homepage section#support ul {
        display: flex;
        flex-flow: column wrap;
        max-height: 80px;
    }

    #phis #wrapper.homepage section#support nav#support-link .button {
        margin-bottom: 18px;
        justify-content: center;
    }

    #phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:last-child {
        text-align: center
    }
    
    #phis #wrapper.homepage #support-band {
        margin: 10px 0;
    }
    #phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:first-child nav a.button {
        margin-top: 10px;
    }

    #phis #wrapper.homepage section#support h2, #phis #wrapper.homepage section#support h3 {
        margin-top: 10px
    }

    #phis #alidma.bootstrap-alidma,
    #phis #alidma {
        margin: 40px auto 0px;
        width: 324px;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    #phis #alidma.bootstrap-alidma,
    #phis #alidma span {
        font-size: 18px;
        line-height: 20px;
    }

    #phis #alidma.bootstrap-alidma,
    #phis #alidma-image {
        margin-top: 20px;
    }

    #phis #alidma.bootstrap-alidma,
    #phis #alidma :first-child {
        padding-right: 0px;
    }

    #phis .footer-block {
        -webkit-box-sizing: content-box; 
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    #phis #footer-wrapper > #second, #phis #footer-wrapper > #third, #phis #footer-wrapper > #fourth {
        margin-bottom: 30px;
    }

    #phis #slider {
        height: 450px;
    }

    #phis #wrapper.homepage div#homepage-slider-wrapper {
        margin: 0 0 20px 0;
    }

    #phis .about-us blockquote::before, #phis .about-us blockquote::after {
        content: "";
        width: 31px;
        height: 27px;
        background: url(https://media.shearwell.com/Content/UK/Images/Template/Misc/blockquote46x40@2x.png);
        background-size: contain;
    }

    #phis .about-us blockquote::before {
        margin-top: 15px;
    }

    #phis .about-us blockquote::after {
        bottom: 13px;
        right: 0px;
    }

    blockquote {
        padding: 10px 20px;
        margin: 0px 0 0.5em 1.5em;
        font-size: 16px;
        line-height: 20px;
        border: 0;
        font-weight: 600;
    }
    #phis .column.hide-on-single-col {
        display: none;
    }
    #phis .about-us div#blockquote-wrapper {
        width: 100%;
        margin: 14px auto 0;
    }
    #phis .brand-wrapper {
        margin: 10px;
        text-align: center;
    }

}
/* 576 - 767px */
@media (min-width:576px) and (max-width: 767px) {
    #phis #wrapper {
        grid-template-columns: 1fr 550px 1fr;
        grid-template-rows: 135px auto 1370px;
        -ms-grid-columns: 1fr 550px 1fr;
        -ms-grid-rows: 124px auto 1370px; /* need to set min height on main for ie */
    }

    /* homepage only */
        #phis #wrapper.homepage a.info-category-link div.button {
            top: 154px;
            margin: 0 0 0 17px;
        }
        #phis #wrapper.homepage {
            grid-template-rows: 135px auto 562px auto 1370px;
            -ms-grid-rows: 135px auto 562px auto 1370px; /* need to set min height on main for ie e.g. main {min-height: 600px} */
        }

        #phis #wrapper.homepage a.info-category-link > h3, #phis #wrapper.homepage a.product-category-link > h3 {
            padding: 16px 0 8px 20px;
        }

    #phis .account.icon-row .account-link-text, #phis a span.account-link-text {
        font-size: 10px;
    }

    #phis #hamburger {
        top: 9px;
        right: -545px;
        line-height: 4px;
    }
    #phis .account.icon-row .account-link-text, #phis a span.account-link-text {
        line-height: 31px;
    }

    #phis nav#main-search-box-container {
        width: 540px;
    }

    #phis #main-search-box-container input[type="text"] {
        width: 500px;
    }

    #phis footer #payment-logos {

        width: 280px;
    }

    #phis span.break-576::after{
        content: "\a";
        white-space: pre;
    }

    #phis div.promo-box-content > div:first-of-type {
        width: 250px;
    }

    #phis div.promo-box-content > div:first-of-type a {
        font-size: 26px;
        line-height: 31px;
    }

    #phis div.promo-box-content > div:last-of-type > div > span:first-of-type {
        font-size: 26px;
        line-height: 31px;
        width: 290px;
    }

    #phis div.promo-box-content > div:last-of-type a {
        font-size: 21px;
        line-height: 40px;
        display: block;
    }

    #phis div.promo-box:last-of-type span:first-of-type {
        font-size: 26px;
        line-height: 31px;
    }

    #phis div.promo-box:last-of-type span:last-of-type {
        font-size: 18px!important;
        line-height: 22px!important;
    }

    #phis div.promo-box:last-of-type > div {
        line-height: 68px;
    }

    #phis div.promo-box-content:first-of-type {
        height: 150px;
    }

    #phis div.promo-box.corner-cut {
        margin-bottom: 20px;
    }

    #phis #homepage-taglinks-wrapper > div:nth-of-type(2) {
        padding: 20px 0;
    }

    #phis div.promo-box-content span.from-price:after {
        content: "p";
        font-size: 42px;
    }


    #phis #homepage-taglinks-wrapper > div:nth-of-type(2) span.from-price:after {
        content: "p";
        font-size: 24px;
    }
    

    #phis div.promo-box.corner-cut:before {
        border-bottom-width: 48px;
        border-left-width: 48px;
    }

    #phis #wrapper.homepage a.info-category-link, #phis #wrapper.homepage a.product-category-link {
        height: 210px;
    }

    #phis #wrapper.homepage a.info-category-link > span {
        max-width: 120px;
        font-size: 20px;
        line-height: 24px;
        padding: 10px 15px;
    }

    #phis div.sheep-tags span.from-price {
        margin-top: 35px;
        margin-bottom: 15px;
    }

    #phis div.cattle-tags span.from-price {
        margin-top: 7px;
    }

    /* scrolling products */
    #phis .product-details-page section.products-row-list #scroll-wrap,
    #phis #wrapper.homepage section#trending-products #scroll-wrap {
        margin: 30px 0;
        width: 510px;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    #phis .product-details-page section.products-row-list .product-list ul > li a span.price,
    #phis #wrapper.homepage #trending-products .product-list ul > li a span.price {
        font-size: 16px;
        line-height: 19px;
    }

    #phis #wrapper.homepage section#support ul {
        width: 510px;
    }

    #phis #wrapper.homepage section#support h2,
    #phis #wrapper.homepage section#support p {
        width: 397px;
    }

    #phis #wrapper.homepage section#support nav#support-link .button {
        width: 495px;
    }

    #phis #wrapper.homepage section#support #world-map {
        width: 336px;
        height: auto;
    }

    #phis #homepage-info-product-links.phis-row {
        display: block;
        width: 510px;
    }

    #phis #homepage-info-product-links.phis-row a {
        margin: 15px auto 30px!important;
    }

    #phis #wrapper.homepage a.product-category-link p {
        padding: 0 60% 20px 20px;
        font-size: 16px;
        line-height: 19px;
    }

    #phis #wrapper.homepage a.product-category-link div {
        bottom: 20px;
        left: 20px;
    }

    #phis #wrapper.homepage a.product-category-link > span {
        max-width: none;
        font-size: 25px;
        padding: 20px 20px;
    }

    section#support {
        padding: 0 25px;
    }
}

/* 360 - 575px */
@media (max-width: 575px) {
    #phis #wrapper {
        grid-template-columns: 1fr 340px 1fr;
        grid-template-rows: 135px auto 1360px;
        -ms-grid-columns: 1fr 340px 1fr;
        -ms-grid-rows: 135px auto 1360px; /* need to set min height on main for ie */
    }
    #phis .brand-logos-inner {
        display: inline;
    }
    #phis .product-details-page section.products-row-list section#trending-products,
    #phis #wrapper.homepage section#trending-products {
        margin: 10px 0;
    }

    #phis .product-details-page section.products-row-list section#trending-products h2,
    #phis #wrapper.homepage section#trending-products h2 {
        margin-top: 10px;
    }

    #phis #footer-wrapper > #second, #phis #footer-wrapper > #third, #phis #footer-wrapper > #fourth {
        margin-bottom: 16px;
    }

    #phis #hamburger > i {
        padding-top: 2px;
    }

    #phis #fifth #accreditations a:nth-last-of-type(even) {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    #phis #wrapper.homepage a.info-category-link div.button {
        margin-left: 10px;
    }

    #phis footer #footer-wrapper {
        top: 28px;
    }

    #phis #alidma.bootstrap-alidma,
    #phis #alidma {
        margin-top: 30px;
    }

    #phis #alidma.bootstrap-alidma,
    #phis #alidma {
        font-size: 16px;
    }
    /* homepage only */

    phis #wrapper.homepage a.info-category-link > h3, #phis #wrapper.homepage a.product-category-link > h3 {
        font-size: 18px;
        line-height: 20px;
        padding: 12px 12px 6px 10px;
        margin: 0;
    }
    #phis #wrapper.homepage {
        grid-template-rows: 135px auto 562px auto 1360px;
        -ms-grid-rows: 135px auto 562px auto 1360px; /* need to set min height on main for ie e.g. main {min-height: 600px} */
    }

    #phis .account.icon-row .account-link-text, #phis a span.account-link-text {
        font-size: 10px;
    }

    #phis #hamburger {
        top: 11px;
        right: -337px;
    }

    #phis nav#main-search-box-container {
        width: 315px;
    }

    #phis #main-search-box-container input[type="text"] {
        width: 335px;
        margin: auto -17px;
    }

    #phis footer #payment-logos {
        width: 280px;
    }

    #phis span.break-375::after{
        content: "\a";
        white-space: pre;
    }

    #phis div.promo-box-content > div:first-of-type {
        min-width: 127px;
    }

    #phis div.promo-box-content > div:first-of-type a {
        font-size: 18px;
        line-height: 22px;
    }

    #phis div.promo-box-content > div:last-of-type > div > span:first-of-type {
        font-size: 19px;
        line-height: 23px;
        width: 206px;
    }

    #phis div.promo-box:last-of-type span:first-of-type {
        font-size: 19px;
        line-height: 23px;
    }

    #phis div.promo-box-content > div:last-of-type a {
        font-size: 15px;
        line-height: 29px;
        display: block;
    }

    #phis div.promo-box-content > div:last-of-type > div > span:last-of-type {
        font-size: 14px;
        line-height: 17px;
        width: 133px;
    }

    #phis div.promo-box:last-of-type > div {
        padding: 5px 12px 20px 0px;
        line-height: 38px;
    }

    #phis div.promo-box-content {
        height: 100px;
    }

    #phis div.promo-box.corner-cut {
        margin-bottom: 15px;
    }

    #phis #homepage-taglinks-wrapper > div:nth-of-type(2) {
        padding: 15px 0;
    }


    #phis div.promo-box-content span.from-price:after {
        content: "p";
        font-size: 30px;
    }

    #phis div.promo-box.corner-cut:before {
        border-bottom-width: 32px;
        border-left-width: 32px;
    }

    #phis div.promo-box-content > div:last-of-type > div > img {
        width: 78px;
        top: -2px;
    }

    #phis div.promo-box-content span.from-price {
        font-size: 52px;
        line-height: 36px;
    }

    #phis div.promo-box-content span.from-price::before {
        font-size: 14px;
        line-height: 14px;
        width: 51px;
    }

    #phis div.sheep-tags span.from-price {
        margin-top: 24px;
        margin-bottom: 14px;
    }

    #phis div.promo-box-content #compound-tag-image {
        width: 61%;
        background-position: center;
    }

    #phis #wrapper.homepage a.info-category-link, #phis #wrapper.homepage a.product-category-link {
        height: 136px;
    }

    #phis #wrapper.homepage a.info-category-link > span {
        max-width: 100px;
        font-size: 16px;
        line-height: 19px;
        padding: 5px 9px;
    }

    #phis #wrapper.homepage .two-column .column:first-child {
        margin: 5px 8px 5px 0;
        flex-basis: 47%;
    }

    #phis #wrapper.homepage .two-column .column:last-child {
        margin: 5px 0 5px 8px;
        flex-basis: 47%;
    }

    #phis #homepage-info-category-links.phis-row {
        margin-top: 11px;
    }

    #phis #wrapper.homepage a.info-category-link > span {
        max-width: 100px;
        font-size: 16px;
        line-height: 19px;
        padding: 10px;
    }

    /* scrolling products */
    #phis .product-details-page section.products-row-list #scroll-wrap ,
    #phis #wrapper.homepage section#trending-products #scroll-wrap {
        margin: 30px 0;
        width: 340px;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-bottom: 3px;
    }

    #phis #wrapper.homepage section#support ul {
        width: 315px;
    }

    #phis #wrapper.homepage section#support h2,
    #phis #wrapper.homepage section#support p {
        width: 335px;
    }

    #phis #wrapper.homepage section#support div.column:last-of-type h2 {
        width: 300px;
    }

    phis footer #legal p {
        margin: 10px 0px;
    }

    #phis .newsletter-input-wrapper {
        margin-right: 10px;
    }
    
    #phis #wrapper.homepage section#support nav#support-link .button {
        width:338px;
    }

    #phis #wrapper.homepage section#support #world-map {
        width: 301px;
        height: auto;
    }

    #phis #wrapper.homepage section#support .column:last-of-type > div.phis-row > div:last-child {
        width: 100%;
    }

    #phis #homepage-info-product-links.phis-row {
        display: block;
        width: 328px;
    }
    
    #phis #homepage-info-product-links.phis-row a {
        margin: 15px auto 15px!important;
    }

    #phis #wrapper.homepage a.product-category-link p {
        padding: 0px 52% 20px 10px;
        font-size: 13px;
        line-height: 15px;
    }

    #phis #wrapper.homepage a.product-category-link div {
        bottom: 14px;
        left: 10px;
    }

    #phis #wrapper.homepage a.product-category-link > span {
        max-width: none;
        font-size: 18px;
        padding: 10px 0 4px 10px;
    }

    #phis .button.medium {
        font-size: 15px;
        line-height: 19px;
        min-height: 30px;
        padding: 3px 10px;
    }

    #phis #slider {
        height: 276px;
    }

    #phis #wrapper.homepage div#homepage-slider-wrapper {
        margin: 0 0 15px 0;
    }

    #phis .account.icon-row {
        top: 14px;
        right: 85px;
    }

    #phis .social.icon-row a > i.fab, #phis .social.icon-row a > i.fas {
        padding-right: 30px;
        font-size:40px;

    }

    #phis #cart-links {
        top: 14px;
        right: 40px;
        height: auto;
    }

    #phis .account.icon-row a {
        padding-left: 8px;
    }

    #phis .nav-heading.subscribe {
        font-size: 16px;
    }

    #phis address#call-shearwell {
        margin-bottom: 0px;
    }

}
@media screen and (max-width: 359px) {
    #phis #wrapper {
        grid-template-columns: 1fr 310px 1fr;
        grid-template-rows: 130px auto 1360px;
        -ms-grid-columns: 1fr 310px 1fr;
        -ms-grid-rows: 130px auto 1360; /* need to set min height on main for ie */
    }

    #phis #global-message * {
        font-size: 14px;
    }
    #phis nav#main-search-box-container {
        top: 83px;
    }
    #phis #wrapper.homepage .two-column {
        margin-top: 10px;
    }
    #phis #logo > a > span#logo-image {
        width: 94px;
        height: 61px;
        background: url(https://media.shearwell.com/Content/UK/Images/Template/Logo/new-shearwell-logo-94w@2x.png);
        background-size: cover;
    }

    #phis #main-search-box-container input[type="text"] {
        margin: auto 0;
    }

    #phis #slider {
        height: 250px;
    }

    #phis div.promo-box-content > div:last-of-type > div > img {
        right: -2px;
    }

    /* homepage only */
    #phis #wrapper.homepage a.product-category-link p {
        padding: 0px 47% 20px 10px;
        font-size: 13px;
        line-height: 15px;
    }

    #phis div.promo-box-content span.from-price::before {
        padding-right: 3px;
        font-size: 12px;
        width: 46px;
    }

    #phis div.sheep-tags span.from-price {
        margin-top: 18px;
        margin-bottom: 21px;
    }

    #phis div.cattle-tags span.from-price {
        margin-top: -2px;
    }

    #phis #wrapper.homepage {
        grid-template-rows: 130px auto 500px auto 1360px;
        -ms-grid-rows: 130px auto 500px auto 1360px; /* need to set min height on main for ie e.g. main {min-height: 600px} */
    }

    #phis div.promo-box-content > div:last-of-type a {
        font-size: 14px;
    }

    #phis #wrapper.homepage a.info-category-link, #phis #wrapper.homepage a.product-category-link {
        height: 126px;
    }

    #phis div.promo-box-content > div:last-of-type > div > span:first-of-type {
        font-size: 17px;
    }

    #phis div.promo-box-content > div:last-of-type > div > span:last-of-type {
        font-size: 13px;
    }

    #phis #homepage-taglinks-wrapper > div:nth-of-type(2) {
        padding: 10px 0;
    }

    #phis #hamburger {
        top: 22px;
        right: -307px;
    }

    #phis #footer-wrapper > #first {
        width: 300px;
    }

    #phis .newsletter-input-wrapper {
        width: 180px;
        margin-right: 8px;
    }

    #phis #newsletter-blurb {
        width: 300px;
    }

    #phis nav#main-search-box-container {
        width: 285px;
    }

    #phis #main-search-box-container input[type="text"] {
        width: 270px;
    }

    #phis #main-search-box-container input[type="text"] {
        padding-left: 0px;
    }

    #phis #wrapper.homepage a.product-category-link div {
        bottom: 9px;
    }

    #phis div.promo-box-content > div:last-of-type > div > img {
        width: 68px;
        top: 18px;
    }

    #phis div.promo-box-content span.from-price {
        left: 1px;
        font-size: 40px;
    }

    #phis .account.icon-row {
        right: 85px;
    }

    #phis .account.icon-row a {
        padding-left: 5px;
    }

    #phis #cart-links {
        top: 10px;
        right: 40px;
    }

    #phis .button.medium {
        font-size: 14px;
    }

    #phis #wrapper.homepage a.product-category-link > span {
        padding: 10px 0 0px 10px;
    }

    #phis #alidma.bootstrap-alidma,
    #phis #alidma-image {
        width: 174px;
    }

    #phis #alidma.bootstrap-alidma,
    #phis #alidma {
        width: 280px;
    }

    #phis #alidma.bootstrap-alidma,
    #phis #alidma span {
        font-size: 16px;
        line-height: 18px;
    }

    /* scrolling products */
    #phis .product-details-page section.products-row-list #scroll-wrap,
    #phis #wrapper.homepage section#trending-products #scroll-wrap {
        margin: 30px 0;
        width: 310px;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 3px;
    }

    #phis #wrapper.homepage section#support ul {
        width: 305px;
    }

    #phis #wrapper.homepage section#support h2,
    #phis #wrapper.homepage section#support p {
        width: 300px;
    }
    
    #phis #wrapper.homepage section#support nav#support-link .button {
        width:300px;
    }
    
    #phis #wrapper.homepage section#support #world-map {
        width: 271px;
        height: auto;
    }


    #phis #homepage-info-product-links.phis-row {
        display: block;
        width: 298px;
    }

    #phis div.promo-box-content #compound-tag-image {
        width: 58%;
        background-position: center;
    }

    #phis #wrapper.homepage section#support {
        display: flex;
        margin: 0 5px;
    }

    #phis #hamburger {
        top: 6px;
        right: -305px;
        line-height: 1px;
    }

    #phis a#hamburger span.account-link-text {
        line-height: 16px;
    }

    #phis .account.icon-row .account-link-text, #phis a span.account-link-text {
        line-height: 26px;
    }

    #phis #logo > a > span#logo-image {
        top: 10px;
        margin-left: 5px;
    }

    #phis .account.icon-row {
        top: 10px;
    }

    .hide-on-320{
        display: none;
    }

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    main {
        min-height: 600px;
        display: block;
    }

    #phis div.promo-box.corner-cut {
        margin-bottom: 9px;
    }

    #phis .homepage#wrapper div.tag-link-wrapper {
        display: flex;
    }

    #phis .info-category-link .button {
        padding: 10px 20px
    }

    #phis .brand-logos-inner {
        width: 700px;
    }
}

html.ios, html.ios body, html.ios #phis, html.ios #phis #wrapper {
    height: initial;
}

/* Safari 6.1-10.0 (not 10.1) */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{
    html, body, #phis, #phis #wrapper, html.ios  {
        height: initial;
    }

    @media (max-width: 991px) {
        #phis #wrapper {
            display: block;
        }
        #phis #wrapper .grid-1-1,
        #phis #wrapper .grid-1-3,
        #phis #wrapper .grid-2-1,
        #phis #wrapper .grid-2-3,
        #phis #wrapper .grid-3-1,
        #phis #wrapper .grid-3-3,
        #phis #wrapper .grid-4-1,
        #phis #wrapper .grid-4-3,
        #phis #wrapper .grid-5-1,
        #phis #wrapper .grid-5-3
        {
            width: 0px!important;
            background: none!important;
        }

        #phis #wrapper .grid-1-2,
        #phis #wrapper .grid-2-2,
        #phis #wrapper .grid-3-2,
        #phis #wrapper .grid-4-2,
        #phis #wrapper .grid-5-2
        {
            width: 100%;
            display: block;
        }

        #phis #wrapper .grid-1-2,
        #phis #wrapper .grid-2-2,
        #phis #wrapper .grid-3-2,
        #phis #wrapper .grid-4-2,
        #phis #wrapper .grid-5-2
        {
            padding-left: 25px!important; /* or whatever the gutter should be */
            padding-right: 25px!important;
        }
    }
    @media (min-width:768px) and (max-width: 991px) {
        #phis #wrapper div.content.grid-1-2 {
            height: 192px;
        }

        #phis #hamburger {
            top: 50px;
            right: -743px; /* width - rh gutter */
        }

        #phis #main-search-box-container input[type="text"] {
            padding-left: 42px;
        }   
    }
    @media (min-width:576px) and (max-width: 767px) {
        #phis #wrapper div.content.grid-1-2 {
            height: 134px;
        }

        #phis #hamburger {
            top: 32px;
            right: -640px;
        }

        #phis #main-search-box-container input[type="text"] {
            padding-left: 42px;
        }

        #phis #support-band #support > div.column {
            flex: none;
        }

        #phis #homepage-info-product-links.phis-row {
            width: 100%;
        }
    }

    @media (max-width:575px) {
        #phis #wrapper div.content.grid-1-2 {
            height: 134px;
        }

        #phis #hamburger {
            top: 22px;
            right: -400px;
        }

        #phis #main-search-box-container input[type="text"] {
            padding-left: 42px;
        }

        #phis #support-band #support div{
            flex: none!important;
            display: block;
        }

        #phis #homepage-info-product-links.phis-row {
            width: 100%;
        }
    }

    @media (max-width:359px) {
        #phis {
            overflow-x:auto;
        }
        #phis #wrapper div.content.grid-1-2 {
            height: 134px;
        }

        #phis div.promo-box.corner-cut {
            min-height: 134px;
        }

        #phis #hamburger {
            top: 21px;
            right: -315px;
        }

        #phis #main-search-box-container input[type="text"] {
            padding-left: 42px;
        }

        #phis #support-band #support div{
            flex: none!important;
            display: block;
        }

        #phis #homepage-info-product-links.phis-row {
            width: 100%;
        }

        #phis #wrapper .grid-1-2,
        #phis #wrapper .grid-2-2,
        #phis #wrapper .grid-3-2,
        #phis #wrapper .grid-4-2,
        #phis #wrapper .grid-5-2
        {
            padding-left: 10px!important; /* or whatever the gutter should be */
            padding-right: 10px!important;
        }

    }
}