/* #region Max 1520px + (mediaqueries)
============================================================================================================ */
@media only screen and (max-width: 1520px) {

.bloglistgrid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    width: 99%;
}


}
/* #endregion  ------------------------------------------------------------------  CLOSE 1520px QUERY ----- */

/* #region Max 1404px + (mediaqueries)
============================================================================================================ */
@media only screen and (max-width: 1404px) {

/* HOME PAGE
----------------------------------------------------*/

    .homecontentcontainer .title h1 {
        font-size: 32px;
        font-weight: 700;
    }

    .homeservicecontent {
        width: 75%;
    }

    .homecontentcontainer {
        padding: 0 30px;
    }

    .homeservicelistcontainer {
        padding: 0 40px;
    }

    .homeservicelistgrid {
        column-gap: 10px;
    }

    .homeservicelistgriditem h3 a {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        letter-spacing: .02em;
        padding: 12px 0 13px 0;
    }

}
/* #endregion  ------------------------------------------------------------------  CLOSE 1404px QUERY ----- */

/* #region Max 1320px + (mediaqueries)
============================================================================================================ */

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

/* HEADER
----------------------------------------------------*/

    header.animateheader .logo {
        left: 12px;
    }

    header.animateheader .logosmall {
        left: 12px;
    }

    .baserow.animateheader .basewidth, .baserow.animateutility .basewidth {
        width: 100%;
    }

    #menu li.level1nav a {
        padding: 10px 20px 12px 20px !important;
        font-size: 16px !important;
        letter-spacing: .01em !important;
    }


    .subbanner img {
        object-fit: cover;
        object-position: calc(50% + 100px) center;
    }


/* CONTENT
----------------------------------------------------*/

    .contentgrid {
        width: 99%;
        grid-template-columns: 75% 24%;
    }

    .contentwidth {
        width: 96%;
    }

    .contentgrid .pagetitle h1, .contentgrid .pagetitle h2, .contentgrid .pagetitle h3, .postdetails .blogpagetitle h2, .postdetails .blogpagetitle h3  {
        font-size: 28px;
        letter-spacing: .02em;
    }

    .contentgrid .pagetitle h1:after, .contentgrid .pagetitle h2:after {
        width: 75px;
        margin-left: 16px;
    }

    .subparenttitle h1, .subparenttitle h2 {
        line-height: 1;
        padding: 0 0 0 10px;
    }

/* BLOG
----------------------------------------------------*/    

    .blogposts .title, .blogposts .title a {
        font-size: 20px;
        line-height: 1.3;
    }

/* CATLOG
----------------------------------------------------*/  
    .manufacturergrid {
        grid-template-columns: repeat(4, 1fr);
    }

/* LOCATIONS
----------------------------------------------------*/  
.locationlist {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    margin: 16px auto 0 auto;
    width: 95%;
}

/* BLOG
----------------------------------------------------*/  
.bloglistsection .bloglistgrid {
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    grid-column-gap: 30px;
    grid-row-gap: 60px;
    padding: 20px 0;
    width: 100%;
}

.bloglistsection .bloglistarea .bloglistgrid .bloglistitem {
    padding: 10px;
    min-height: unset;
}

.bloglistitem .title {
    display: block;
}

.bloglistitem .readmore {
    position: relative;
    margin-top: 35px;
    bottom: unset;
    text-align: left;
}

.tags {
    position: relative;
    bottom: unset;
    clear: both;
    margin-top: 20px;
    width: 100%;
    border-top: 1px solid #DEDDDE;
    padding: 2px 0;
}

.bloglistitem .title a {
    font-size: 20px;
}

.bloglistsection .date {
    font-size: 13px;
}

/* HOME
----------------------------------------------------*/
.homeaboutgrid {
    grid-template-columns: 60% 40%;
    min-height: 400px;
} 

.homeaboutgriditem.aboutasset {
    min-height: 400px;
}

.homemodsection {
    min-height: 400px;
}

.modgriditem {
    min-height: 400px;
}

.homevalvesection {
    min-height: 400px;
}

.homevalvegriditem.valueautoasset {
    min-height: 400px;
}

.homelocationsection {;
    min-height: 380px;
}

.locationgriditem {
    min-height: 380px;
}

.homenewsgridcontainer {
    width: 100%;
}

.homenewsgrid {
    display: grid;
    width: 95%;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

.newstitle a h3 {
    font-size: 20px;
}

/* -------------------------------------------- */
}

/* #endregion  ------------------------------------------------------------------  CLOSE 1320px QUERY ----- */

/* #region Max 1200px + (mediaqueries)
===================================================================== */
@media only screen and (max-width: 1200px) {

    .baserow.animateheader .basewidth {
        width: 95%;
    }

    #menu li.level1nav a {
        padding: 10px 16px 12px 16px !important;
    }

    .subnav {
        gap: 14px;
    }

    .gallerypartnergrid {
        box-sizing: border-box;
        column-gap: 10px;
        row-gap: 0;
    }

    .servicelistgrid {
        grid-template-columns: 1fr 1fr 1fr;
	    column-gap: 20px;
        row-gap: 20px;
        padding-bottom: 80px;
    }

    .contentgrid.contentcontactgrid {
        grid-template-columns: 50% 50%;
    }

    .contenttopgrid .contentblock.pageintro {
        width: 90%;
    }

    .contentapprovalegrid .contentblock.pageintro {
        padding: 0 0 20px 0;
        min-width: unset;
    }

    .contentgrid.contentapprovalegrid {
        column-gap: 31px;
    }

/* CONTENT BLOCKS TEXT STYLES
----------------------------------------------------*/ 
    .SubpageIntroCBStyle, .SubpageIntroCBStyle .normalPara p, .SubpageIntroCBStyle .normalPara, .SubpageIntroCBStyle p {
        font-size: 22px;
        line-height: 32px;
    }

    .HomeCBStyle, .HomeCBStyle .normalPara p, .HomeCBStyle .normalPara, .HomeCBStyle p {
        font-size: 20px;
        line-height: 30px;
    }

/* HOME PAGE
----------------------------------------------------*/

    .homecontentcontainer .title h1 {
        font-size: 32px;
        font-weight: 700;
    }

    .homeservicecontent {
        width: 85%;
    }

    .homeservicelistgrid {
        grid-template-columns: 1fr 1fr 1fr;
        padding-bottom: 50px;
        row-gap: 24px;
    }

    .homeservicelistgriditem h3 a {
        font-size: 14px;
        letter-spacing: .02em;
    }

    .homequality {
        min-height: 350px;
    }

    .qualitygriditem.approvallogos {
        min-height: 350px;
    }

    .qualitygridtitlebar {
        padding: 0 10px 0 40px;
    }

    .qualitycontent h5 {
        font-size: 20px;
        line-height: 26px;
    }

    .approvallink a {
        font-size: 19px;
        letter-spacing: .02em;
        padding: 5px 20px 0 0;
    }


    .contentwidth.l-locationcontentwidth {
        width: 100%;
    }

}

/* #endregion ------------------------------------------------------------------  CLOSE 1200px QUERY ----- */

/* #region Max 1023px + (mediaqueries)
============================================================================================================ */
@media only screen and (max-width: 1023px) {

/* ADDRESS FIXED POSITIONS
----------------------------------------------------*/
    .addressfixpositionheader {
        margin-top: 68px;
    }

    .addressfixpositioncontent {
        margin-top: 0px;
    }

    .addressfixpositionsubnav {
        margin-top: 0px;
    }

/* BASE CONTAINER & WIDTH
----------------------------------------------------*/
    .wrapper {
        clear: both;
        width: 100%;
        font-size: 14px;
    }

    .basesectionwidth {
        clear: both; 
        width: 100%;
    }

    .basegridwidth {
        width: 95%;
    }
    
    .contentwidth {
        width: 100%;
    }

    .navd, header.animateheader, .utility {
        display: none !important;
    }

    .navr, header.mobileheader {
        display: block !important;
    }

   
/* MAIN NAV SHOW/HIDE
----------------------------------------------------*/
    header, .tablet, .navr {
        display: block;
    }
    
    .navd, .animateutility {
        display: none !important;
    }

    .mainnav {
        height: 35px;
        top: 24px;
        right: 0;
        z-index: 102;
    }

    header.animateheader.smaller .mainnav {
        top: 10px; 
    }

    header.animateheader.smaller #menu li.level1nav a {
        padding: 11px 24px 14px 24px;
        font-size: 16px;
    }

/* MAIN NAV
----------------------------------------------------*/
    .mainnav {
        height: 5px;
    }
      
    .menu-title {
        height: 70px;
    }

    .menu-title .titleimage {
	    position: absolute;
	    top: 12px;
	    left: 10px;
    }

    .menu-title .titleimage img {
        width: 100px;
    }

    .menu-btn{
        top: 26px;
        right: 30px;
	    width: 50px;
        font-size: 20px;
    }

/* HEADER
----------------------------------------------------*/
    header.mobileheader {
        position: fixed;
        top: 0;
        z-index: 103;
        width: 100%;
        height: 70px;
        z-index: 104; 
        background-color: #ffffff;
        border-bottom: 2px solid var(--clr-white);
        box-shadow: 5px 5px 9px rgba(var(--clr-black-hue), 0.4), inset 0 0 0 var(--clr-white);
        z-index: 102;
        transition: all .3s ease; 
    }

        header.mobileheader::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        box-shadow: 0 5px 9px rgba(var(--clr-black-hue), 0.2), inset 0 -1px 0 var(--clr-red);
    }

    .mobileheader .mobilecontact {
        position: relative; 
        display: block; 
	    padding: 22px 0 0 50px;
    }

    .mobileheader .mobilecall{
	    color: #666666;
        font-size: 12px;
	    position: relative;
	    margin: 20px 0 0 0;
        transition: all .5s ease;
	    text-transform: uppercase;
	    letter-spacing: .09em;
    }

    .mobileheader .mobilenumber a{
        display: inline-block;
	    color: #666666;
        font-size: 22px;
	    line-height: 28px;
	    letter-spacing: .09em;
	    position: relative;
	    text-decoration: none;
        transition: all .5s ease;
    }

    .mobileheader .contactcontent {
        position: relative;
        display: block;
        font-size: 16px;
        line-height: 20px;
        color: #666666;
        font-weight: 300;
        letter-spacing: .05em;
    }

    .mobileheader .contactlink a {
        position: relative;
        display: block;
        font-size: 14px;
        line-height: 16px;
        color: #666666;
        letter-spacing: .05em;
        text-decoration: none;
        transition: all .4s ease;
	    padding-top: 5px;
    }

/* HEADER LOGO
----------------------------------------------------*/

    header.mobileheader .logo {
        position: absolute;
        top: 16px; 
        left: 15px;
        transition: all .3s ease; 
        }

    header.mobileheader .logo img {
        width: 100px;
        transition: all .3s ease; 
    }


/* SUB PAGE BANNERS
----------------------------------------------------*/
    .subbanner {
        top: 70px;
        height: 75px;
    }

    .subparenttitle h1 {
        font-size: 26px;
        line-height: 1;
        letter-spacing: .04em;
    }

    
    .subparenttitle h2 {
        font-size: 32px;
        line-height: 32px;
        letter-spacing: .02em;
    }

    .subnavarea {
        display: none;
        height: 0;
    }

    .contentgrid .pagetitle h1:after, .contentgrid .pagetitle h2:after, .blogpagetitle h2:after {
            display: none;
        }

/* CONTENT CONTAINER
----------------------------------------------------*/

    .contentcontainer {
        position: relative;
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .contentblock {
        clear: both;
        padding: 0 0 0 0;
        width: 100%;
        min-height: 0 !important;
        _height: 200px !important;
    }

    .contentontop {
        margin-top: 40px;
    }

    .contentarea {
        position: relative;
        padding: 22px 0 0 0;
    }

    .contentblock.pageintro {
        display: block;
        clear: both;
        padding: 0 0 16px 0;
        width: 100%;
        max-width: unset;
        min-width: unset;
        min-height: unset;
        _height: unset;
    }

/* CONTENT GRIDS & GRID ITEMS
----------------------------------------------------*/

    .contenttopgrid {
        width: 100%;
        row-gap: 20px;
        column-gap: 0;
        min-height: unset;
    }

    .contentgriditem .contentblock, .locationimagecontainer {
        width: 100%;
    }


    .contenttopgrid .contentblock.pageintro {
        width: 100%;
    }

    .contentapprovalegrid .contentblock.pageintro {
        padding: 24px 0 20px 0;
    }

    .contentgrid {
        width: 98%;
        grid-template-columns: 100%;
        row-gap: 20px;
        column-gap: 0;
        min-height: unset;
    }

    .contentgrid.bloggridcontainer {
        width: 99%;
        row-gap: 5px;
    }

    .contentgriditem.approvalgridlist {
        height: 100%;
        margin-top: 0;
    }

    .contentgriditem.contentblockcontainer {
        margin-top: 40px;
        width: 100%;
    }

    .contentgriditem.contentblockcontainer.contentblockcontainerapproval {
        margin-top: 16px;
    }

    .contentgrid.contentapprovalegrid {
        grid-template-columns: 100% !important;
    }

    .servicelistgrid {
        grid-template-columns: 1fr 1fr 1fr;
	    column-gap: 10px;
        row-gap: 10px;
        padding-bottom: 0;
        width: 97%;
    }

    .contentblock.pageintro.extrapaddingforservice {
        padding: 36px 0 8px 0;
    }

    .contentgrid.contentservicegrid {
        grid-template-columns: 100% !important;
    }

    .contentgrid.contentcontactgrid {
        grid-template-columns: 100%;
    }

    .contentgriditem.mapcontainer {
        width: 100%;
        margin-top: 0;
    }

    .subpagegridimg {
        margin-top: -23px;
        margin-left: 0;
    }

    .sidebarcontentblock {
        padding-right: 0;
        margin-left: 0;
    }

    .contentgriditem.approvalgridlist {
        margin-right: 0;
    }

    .gallerypartnergrid .galleryapprovalgriditem img {
        width: 95%;
    }

    .contentgriditem.servicegridimg {
        margin-top: 0;
    }

    .subbanner img {
        object-position: calc(50% + 200px) center;
    }

/* CONTENT BLOCKS TEXT STYLES
----------------------------------------------------*/ 
    .SubpageIntroCBStyle, .SubpageIntroCBStyle .normalPara p, .SubpageIntroCBStyle .normalPara, .SubpageIntroCBStyle p {
        font-size: 20px;
        line-height: 30px;
    }

    .footergrid {
        grid-template-columns: 100%;
        text-align: center;    
        justify-content: center;
    }

    .footergrid .footergriditem {
        position: relative;
        padding: 24px 3% 44px 3%;
        text-align: center;
        box-sizing: border-box;
    }

    .footergrid .footergriditem.rightcol {
        padding: 0 3% 44px 3%;
        text-align: center;
    }

    .footercontact {
        padding: 0 0 10px 0;
    }

/* LOCATIONS
----------------------------------------------------*/
    .locationmapcontainer {
        display: none;
        height: 0;
    }

    .contentwidth.l-locationcontentwidth {
        width: 98%;
    }

    .contentarea.locationarea {
        position: relative;
        padding: 12px 0 0 0;
    }



    .companycontentgrid {
        position: relative;
        display: grid;
        width: 99%;
        margin: 0 auto;
        grid-template-columns:1fr;
        justify-content: space-between;
        row-gap: 0;
        column-gap: 20px;
    }

    .companycontentgriditem.asset {
        display: none;
    }

/* BLOG
----------------------------------------------------*/  
    .bloglistsection .bloglistgrid {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 30px;
        grid-row-gap: 60px;
        padding: 0 0 20px 0;
    }

    .filters.filtersmobile {
        display: block;
    }

    .returnmobile a {
        display: block;
        position: relative;
        font-weight: 400;
        color: #336089;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        background-color: rgba(0, 0, 0, 0);
        padding: 9px 0 10px 0;
        margin: 0 0 0 0;
    }

/* HOMEPAGE GALLERY
----------------------------------------------------*/ 
    .gallerytext {
        width: 70%;
        min-width: 728px;
        max-width: 983px;
        height: 200px;
        }

    .gallerytextbox {
        top: 60px;
        right: 0;
        width: 364px;
        }

    .gallerycontainer {
        width: 100%;
        height: 215px;
        margin: 0 auto;
        }

    .gallerytitle {
        display: block;
        width: 302px;
        font-size: 24px;
        line-height: 23px;
        }

    .gallerytitledivider {
        width: 310px;
        height: 4px;
        margin: 5px 0;
        }

    .gallerydescrip {
        display: block;
        font-size: 20px;
        line-height: 18px;
        width: 280px;
        }
    
    .slides-navigation {
        top: 38%;
        }
    
    .slides-navigation a.next:before, .slides-navigation a.prev:before {
        font-size: 40px !important;
        }

/* VENDOR LIST
----------------------------------------*/
    .homecontentgridlevel1 {
        position: relative;
        width: 100%;
        max-width: 748px;
        min-width: 460px;
        margin: 0 auto;
        text-align: center;
        }

    .homecontentgridlevel1 .viewall h2 a {
        font-size: 16px;
        line-height: 16px;
        margin: 4px 0 0 0;
        padding: 5px 25px 12px 25px;
        width: 200px;  
        }

    .homeproductsection {
        padding: 30px 0;
    }

/* jCarousel
----------------------------------------*/
    .jcarousel-container-horizontal {
        width: 883px;
        }

    .jcarousel-clip-horizontal {
        width: 807px;
        height: 130px;
        }

    .jcarousel-item {
        width: 115px;
        height: 130px;
    }

    .product .asset img {
        width: 55% !important;
        }

/* Horizontal Buttons */
    .jcarousel-next-horizontal {
        top: 35px;
        right: 12px;
        width: 15px;
        height: 28px;
        }

    .jcarousel-prev-horizontal {
        top: 35px;
        left: 12px;
        width: 15px;
        height: 28px;
        }


/* CATLOG
----------------------------------------------------*/  
    .manufacturergrid {
        grid-template-columns: repeat(3, 1fr);
    }

    .subbanner.subbannercatalog img {
        object-position: calc(50% + 444px) center;
    }

    .subparenttitle.subparenttitlecatalog .h2-style {
        font-size: 23px;
        line-height: 1;
        padding: 0 0 0 14px;
        letter-spacing: .03em;
    }

    .subparenttitle.subparenttitlecatalog:before {
        top: 9px;
    }

    .filtergrid .pagetitle h1:after {
        height: 1px;
        width: 75px;
        margin-left: 25px;
    }

    .filtergrid .pagetitle h1 {
        font-size: 23px;
        padding-bottom: 10px;
    }

    .contentontop.contenttopcatalog {
        margin-top: 60px;
    }

    .allmanufacturers .filter select {
        padding: 10px;
        font-size: 14px;
        letter-spacing: .03em;
        padding-right: 70px;
    }

    .filtergrid {
        grid-template-columns: 1fr;
        width: 100%;
        row-gap: 10px;
      }

    .filtergrid .allmanufacturers {
        order: -1;
        justify-content: flex-start;
        padding: 0 10px 10px 0;
        border-bottom: 1px solid #CCD7E2;
    }

    .companycontentgriditem .overview p {
        font-size: 1.2rem;
        line-height: 1.4; 
        letter-spacing: .01em;
        width: 100%;
    }

    .companycontentgriditem .StandardCBStyle ul li, .companycontentgriditem .StandardCBStyle ul li p  {
        font-size: 1.2rem;
        line-height: 1.4; 
    }

    .companyname h3 {
        font-size: 23px;
        letter-spacing: .02em;
    }

    .companyname h3:after {
        height: 1px;
        width: 75px;
        margin-left: 15px;
    }

    .companycontentgriditem .StandardCBStyle ul li {
        margin: 5px 0 12px 25px;
        padding: 0 0 0 35px;
    }

/* HOME
----------------------------------------------------*/ 
    .homecontentcontainer .title h1, .homecontentcontainer .title h2, .valvelabel h2, .modlabel h2, .locationlabel h2 {
        font-size: 30px;
    }

    .homecontentcontainer .title:before {
        top: 22px;
    }
    .HomeAboutCBStyle, .HomeAboutCBStyle .normalPara p, .HomeAboutCBStyle .normalPara, .HomeAboutCBStyle p {
        font-size: 18px;
        line-height: 1.3;
        letter-spacing: 0;
    }

}

/* #endregion ------------------------------------------------------------------  CLOSE 1023px QUERY ----- */

/* #region Max 920px + (mediaqueries)
============================================================================================================ */
@media only screen and (max-width: 920px) {

    .servicelistgrid {
        grid-template-columns: 1fr 1fr;
        column-gap: 10px;
        row-gap: 10px;
        padding-bottom: 0px;
        width: 97%;
    }

    .contentgrid.catalog .pagetitle h1, .contentgrid.catalog .pagetitle h2, .contentgrid.catalog .pagetitle h3 {
        font-size: 30px;
        letter-spacing: .02em;
        padding-bottom: 0;
        line-height: 1.1;
    }

    /* LOCATIONS
    ----------------------------------------------------*/  
    .locationlist {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px;
        margin: 16px auto 0 auto;
        width: 99%;
    }

    .homeproductsection {
        padding: 20px 0;
    }

    /* jCarousel
    ----------------------------------------*/
    .jcarousel-container-horizontal {
        width: 737px;
        }

    .jcarousel-clip-horizontal {
        width: 674px;
        height: 109px;
        }

    .jcarousel-item {
        width: 96px;
        height: 109px;
    }

}

/* #endregion ------------------------------------------------------------------  CLOSE 920px QUERY ----- */

/* #region Max 768px + (mediaqueries)
============================================================================================================ */
@media only screen and (max-width: 768px) {

    .subbanner img {
        object-position: calc(50% + 300px) center;
    }

    .contentgrid.catalog .pagetitle h1, .contentgrid.catalog .pagetitle h2, .contentgrid.catalog .pagetitle h3 {
        font-size: 26px;
        letter-spacing: .02em;
        padding-bottom: 0;
        line-height: 1.1;
    }

    .manufacturergrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .valvetype {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 10px 0;
    }

    .homecontentcontainer .title h1, .homecontentcontainer .title h2, .valvelabel h2, .modlabel h2, .locationlabel h2 {
        font-size: 24px;
        line-height: 1.2;
    }

    .homeaboutsection {
        border-bottom: 1px solid var(--clr-white);
    }

    .homecontentcontainer {
        padding: 30px;
    }

    .homeaboutgrid {
        grid-template-columns: 1fr;
        min-height: unset;
        grid-template-areas:
          'right-column'
          'left-column';
    }

    .homeaboutgriditem.aboutasset {
        min-height: 200px;
    }

    .homecontentcontainer {
        padding: 0 0;
        width: 90%;
        margin: 0 auto;
    }

    .homeaboutgriditem.aboutitem01 {
        padding: 30px 0;
        order: 2;
        min-height: unset;
    }

    .homevideosection {
        min-height: unset;
    }

    .homevideogrid {
        width: 85%;
        padding: 20px 0 50px 0;
    }

    .homevideolabel h2 {
        font-size: 30px;
        line-height: 1.5;
    }

    .modgrid {
        grid-template-columns: 1fr;
    }

    .modgridtitlebar {
        width: 90%;
        margin: 0 auto;
        padding: 0 0 0 0;
    }

    .modgriditem {
        min-height: 200px;
    }

    .homevalvegriditem.aboutitem01 {
        order: 2;
    }

    .valvegridtitlebar {
        width: 90%;
        margin: 0 auto;
        padding: 30px 0;
    }

    .homevalvegriditem.valueautoasset {
        min-height: 200px;
    }

    .locationgrid {
        grid-template-columns: 1fr;
    }

    .modgridtitlebar {
        width: 90%;
        margin: 0 auto;
        padding: 30px 0;
    }

   .aboutitem01 {
        min-height: unset;
    }

   .newstitle a h3 {
        font-size: 18px;
    }

    .locationgriditem.aboutitem01 {
        min-height: unset;
        padding: 0;
    }

    .locationgridtitlebar {
        width: 90%;
        margin: 0 auto;
        padding: 30px 0;
    }

    .homelocationsection {
        min-height: unset;
    }

    .locationasset {
        min-height: 200px;
    }

    .homenewsgrid {
        width: 95%;
        grid-template-columns: 1fr;
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }

    .celebrategrid {
        grid-template-columns: 1fr;
    }

    .celebrategridtitlebar {
        width: 90%;
        margin: 0 auto;
        padding: 30px 0;
    }

    .celebratelabel h2 {
        font-size: 28px;
    }

    .homecelebrategriditem.imagecontainer {
        min-height: unset;
        padding: 0 0;
    }

    .homecelebrategriditem.aboutitem01 {
        order: 2;
    }
    .homecelebrategriditem.imagecontainer img {
        width: 85%;
        height: auto;
    }

    .homecontentcontainer .title:before, .valvelabel:before, .celebratelabel:before{
        display: none;
    }

/* HOMEPAGE GALLERY
----------------------------------------------------*/

    .gallerycontainer img {
        object-position: calc(50% - 25px) center;
    }

    .gallerytext {
        width: 70%;
        min-width: 480px;
        max-width: 748px;
        height: 160px;
        }

    .gallerytextbox {
        top: 40px;
        right: 30px;
        width: 240px;
        }

    .gallerycontainer {
        width: 100%;
        height: 160px;
        margin: 0 auto;
        }

    .gallerytitle {
        display: block;
        width: 255px;
        font-size: 18px;
        line-height: 18px;
        }

    .gallerytitledivider {
        width: 234px;
        height: 4px;
        margin: 5px 0;
        }

    .gallerydescrip {
        display: block;
        font-size: 16px;
        line-height: 16px;
        width: 238px;
        }
    
    .slides-navigation {
        top: 51%;
        }
    
    .slides-navigation a.next:before, .slides-navigation a.prev:before {
        font-size: 20px !important;
        }
    
    .homebannerdivider {
        height: 11px !important;
        }

/* VENDOR LIST
----------------------------------------*/
    .homecontentgridlevel1 {
        position: relative;
        width: 100%;
        max-width: 460px;
        min-width: 300px;
        margin: 0 auto;
        text-align: center;
        }

    .homecontentgridlevel1 .viewall h2 a {
        font-size: 14px;
        line-height: 14px;
        margin: 4px 0 0 0;
        padding: 5px 25px 12px 25px;
        width: 165px;  
        }

    .homeproductgrid .title h1 {
        font-size: 24px;
        line-height: 1;
    }

    /* jCarousel
    ----------------------------------------*/
    .jcarousel-container-horizontal {
        width: 458px;
    }
    .jcarousel-clip-horizontal {
        width: 419px;
        height: 83px;
    }
    .jcarousel-item {
        width: 80px;
        height: 83px;
    }

    .jcarousel-next-horizontal {
        top: 20px;
        right: 12px;
        width: 15px;
        height: 28px;
        }

    .jcarousel-prev-horizontal {
        top: 20px;
        left: 12px;
        width: 15px;
        height: 28px;
        }

/* EMAIL FORM
----------------------------------------------------*/
    .emailform .formelement label {
        font-size: 18px;
        letter-spacing: .03em;
    }

}

/*  #endregion ------------------------------------------------------------------  CLOSE 768px QUERY ----- */

/* #region Max 660px + (mediaqueries)
============================================================================================================ */
@media only screen and (max-width: 660px) {

    .servicelistgrid {
        grid-template-columns: 1fr;
    }


    .contentgrid .pagetitle h2, .contentgrid .pagetitle h3 {
        font-size: 27px;
        letter-spacing: .02em;
    }

    .contentgrid .pagetitle h2:after {
        display: none;
    }

    .locationlist {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin: 8px auto 0 auto;
        width: 99%;
    }

    .location {
        width: 100%;
        max-width: unset;
    }


    .StandardCBStyle tr {
        display: flex;
        flex-wrap: wrap;
      }

    .StandardCBStyle td {
        width: 50% !important;
        box-sizing: border-box;
      }

}
/*  #endregion ------------------------------------------------------------------  CLOSE 660px QUERY ----- */

/* #region Max 600px + (mediaqueries)
============================================================================================================ */
@media only screen and (max-width: 600px) {

    .contentblockcontainer .contentblock table td {
        display: table-row;
    }

    .StandardCBStyle, .StandardCBStyle .normalPara p, .StandardCBStyle .normalPara, .StandardCBStyle p {
        font-size: 17px;
        line-height: 1.4;
    }

    .sectionlinkcontainer .viewall a {
        display: block;
        font-size: 20px;
        line-height: 21px;
        letter-spacing: .03em;  
        border-top: 1px solid var(--clr-reddarker);
        margin: 0 0 0 0;
        padding: 5px 0 0 0;
        text-align: center;
    }

    .sectionlinkcontainer .viewall a:hover {
        padding: 5px 0 0 0 !important;
    }
}

/* #endregion ------------------------------------------------------------------  CLOSE 600px QUERY ----- */

/* #region Max 573px + (mediaqueries)
============================================================================================================ */
@media only screen and (max-width: 574px) {

    .subparenttitle.subparenttitlecatalog  {
        top: 10px;
    }

    .contentontop.contenttopcatalog {
        margin-top: 37px;
    }
}

/*  #endregion ------------------------------------------------------------------  CLOSE 600px QUERY ----- */

/* #region Max 480px + (mediaqueries)
============================================================================================================ */
@media only screen and (max-width: 480px) {

    .contentgrid .pagetitle h2, .contentgrid .pagetitle h3 {
        font-size: 22px;
        line-height: 1.2;
        letter-spacing: .02em;
    }

    .locationlist {
        grid-template-columns: 1fr;
        gap: 15px;
        margin: 8px auto 0 auto;
        width: 99%;
    }

    .location {
        width: 100%;
        max-width: unset;
        border-bottom: 1px solid rgba(var(--clr-blue-hue), 0.2);
        padding-bottom: 20px;
    }

    .location .title h2 {
        font-size: 26px;
    }

    .location .building, .location .address {
        font-size: 16px;
    }

    .location .contact {
        font-size: 18px;
        letter-spacing: .02em;
    }

    .StandardCBStyle td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    .subparenttitle.subparenttitlecatalog .h2-style {
        font-size: 20px;
        line-height: 1;
        padding: 0 0 0 14px;
        letter-spacing: .03em;
    }

    .manufacturergrid {
        grid-template-columns: repeat(1, 1fr);
    }


    .contentontop.contenttopcatalog {
        margin-top: 43px;
    }

    .companycontentgriditem .overview p {
        font-size: 1.1rem;
        line-height: 1.3;
        letter-spacing: .01em;
    }
    .companycontentgriditem .StandardCBStyle ul li, .companycontentgriditem .StandardCBStyle ul li p {
        font-size: 1.1rem;
        line-height: 1.2;
    }

    .companycontentgriditem .StandardCBStyle ul li {
        margin: 5px 0 12px 10px;
        padding: 0 0 0 20px;
    }

    .companyname h3 {
        font-size: 22px;
        line-height: 1.2;
    }

    .companyname h3:after {
        display: none;
    }

    .productlinecatfull .title h4, .productlinecatsmall .title h4  {
        font-size: 20px;
        line-height: 1;
        margin:  8px 0 8px 0;
        padding: 10px 0 8px 0;
    }

    .gallerycontainer img {
        object-position: calc(50% - 50px) center;
    }

    .gallerytext {
        width: 70%;
        min-width: 280px;
        max-width: 460px;
        height: 140px;
        }

    .gallerytextbox {
        top: 30px;
        right: 0;
        width: 200px;
        }

    .gallerycontainer {
        width: 100%;
        height: 140px;
        margin: 0 auto;
        }

    .gallerytitle {
        display: block;
        width: 210px;
        font-size: 16px;
        line-height: 16px;
        }

    .gallerytitledivider {
        width: 190px;
        height: 4px;
        margin: 5px 0;
        }

    .gallerydescrip {
        display: block;
        font-size: 14px;
        line-height: 14px;
        width: 210px;
        }
    
    .slides-navigation {
        top: 38%;
        }
    
    .slides-navigation a.next:before, .slides-navigation a.prev:before {
        font-size: 20px !important;
        }
    

    .homebannerdivider {
        height: 11px !important;
        }

    .homeproductgrid .viewall h2 a {
        font-size: 17px;
        line-height: 1.1;
        padding: 8px 6px;
        }

/* jCarousel
----------------------------------------*/
    .jcarousel-container-horizontal {
        width: 306px;
        max-width: 100%;
        margin: 0 auto;
    }
    .jcarousel-clip-horizontal {
        width: 263px;
        height: 83px;
        max-width: 100%;
        overflow: hidden;
    }
    .jcarousel-item {
        width: 88px;
        height: 83px;
    }

    .jcarousel-prev-horizontal {
        top: 20px;
        left: 8px;
        width: 15px;
        height: 28px;
    }

    .jcarousel-next-horizontal {
        top: 20px;
        right: 8px;
        width: 15px;
        height: 28px;
    }

}

/*  #endregion ------------------------------------------------------------------  CLOSE 480px QUERY ----- */

/* #region Max 480px + (mediaqueries)
============================================================================================================ */
/*  #endregion ------------------------------------------------------------------  CLOSE 480px QUERY ------ */