:root {
    /* standard definitions required and used throughout the cms */
    --min-screen-width: 320px;
    --standard-width: 1600px;
    --sidebar-width: 440px;
    --sidebar-padding: 4rem;
    --brand-a: #0C9F24;
    /* #bf202f;					
    /* main brand color used on backgrounds and buttons */
    --brand-a-color: white;
    /* text color used on main brand backgrounds */
    --brand-a-hover: #62D14F;
    /* main brand background color used on hover */
    --brand-a-hover-color: white;
    /* text color for above */
    --brand-b: #0a1718;
    /* secondary brand color. Used on secondary buttons and on menus, by default */
    --brand-b-color: #9a9da3;
    --brand-b-hover: #303031;
    --brand-b-hover-color: white;
    /* FORMs default colors definitions */
    --brand-form-color: #757579;
    --brand-form-placeholder-color: #c2c2c2;
    /*  header's height definitions  */
    --min-header-height: 76px;
    --max-header-height: 113px;
}

/* 
** All values are for min-width media queries. In the case of a max-width query, subtract one pixel**** This token marks the location of all media governing when the sidebar comes in** ;sidebar-cutoff; using 900px** ** ;padded-standard-width; using 1632px (1600 + 2x16)**** This token marks all media queries related to header navigation moving from mobile style** ;nav-transition-from-mobile; 1186px 	***/
/*********************** STANDARD ELEMENTS ****************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html,
body {
  font-size: 16px;
}

html {
  scroll-padding-top: calc(var(--min-header-height) + 20px); 
}

body {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    text-align: left;
    background: white;
    line-height: normal;
    min-width: var(--min-screen-width);
    position: relative;
}

/* for the admin page editing area */
.mceContentBody {
    background-color: #ffffff !important;
    background-image: none;
}

/* TABLE FORMATTING */
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 2rem;
}

td {
    padding: 0.8rem;
}

tr:nth-child(even) {
    background-color: #FFFFFF;
}

tr:nth-child(odd) {
    background-color: #EFEFEF;
}

tr:last-child {
    border-bottom: solid 1px #efefef;
}

/* GENERAL FORMATTING */
hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

a,
a:visited {
    text-decoration: none;
    color: var(--brand-a);
    transition: color .5s ease;
}

a:hover,
a:active {
    color: var(--brand-b);
    transition: color .5s ease;
}

button {
    font-weight: 600;
    font-size: 1rem;
    font-family: inherit;
}

strong {
    font-weight: 600;
}

em {
    font-weight: unset;
}

img,
embed,
object,
video {
    max-width: 100%;
    border: 0 none;
}

#content a img {
}

#content a img:hover {
    opacity: .8;
}

p {
    color: black;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

ul,
ol {
    margin: 0.5rem 0 1rem 2.5rem;
}

li {
    color: var(--brand-b);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#header li {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}


ul.ul-fancy {
    width: 100%;
    margin: 2rem 1rem 2rem 2rem;
    list-style-type: none;
    columns: unset;
}

ul.ul-fancy li {
    position: relative;
    font-size: 1.18rem;
    font-weight: 600;
    margin-bottom: .75rem;
    word-break: break-word;
}
ul.ul-fancy li:last-child {
    margin-bottom: 0;
}

ul.ul-fancy li::before {
    display: block;
    position: absolute;
    content: '';
    width: 18px;
    height: 13px;
    top: 6px;
    /* top: 50%; */
    left: -35px;
    /* transform: translateY(-60%); */

    /* background: url(images/checkmark_.svg) center no-repeat; */
    background-size: cover;
}
.cmsDebug ul.ul-fancy li::before {
    /* background-image: url(../../images/checkmark_.svg); */
}

span.nowrap {
    white-space: nowrap;
}

/*********************** FONTS START ****************************/

.cms-button-a,
.cms-button-a:visited {
    font-weight: 400;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.h7, .h8, .h9, .h10, .h-xl, .h-l {
    line-height: normal;
    font-weight: 600;
    margin: 20px 0;
}

h1 {
    font-size: 64px;
    line-height: 78px;
    margin: 50px 0;
}

h2 {
    font-size: 56px;
    line-height: 68px;
    margin: 45px 0;
}

h3 {
    font-size: 48px;
    line-height: 59px;
    font-weight: 700;
    margin: 40px 0;
}

h4 {
    font-size: 48px;
    line-height: 59px;
    margin: 40px 0;
}

h5 {
    font-size: 40px;
    line-height: 49px;
    font-weight: 700;
    margin: 35px 0;
}

h6 {
    font-size: 40px;
    line-height: 49px;
    margin: 30px 0;
}

.h7 {
    font-size: 32px;
    line-height: 39px;
    font-weight: 700;
}

.h8 {
    font-size: 32px;
    line-height: 39px;
}

.h9 {
    font-size: 28px;
    line-height: 34px;
}

.h10 {
    font-size: 40px;
    line-height: 52px;
}

.h-xl {
    font-size: 120px;
    line-height: 146px;
    font-weight: 700;
    margin: 50px 0;
}

.h-l {
    font-size: 72px;
    line-height: 88px;
    margin: 50px 0;
}

/* Navigation */
.n1, .n2, .n3, .n4, .n5, .n6, .n7 {
    line-height: normal;
    font-weight: 500;
}

.n1 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
}

.n2 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
}

.n3 {
    font-size: 24px;
    line-height: 29px;
}

.n4 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}

.n5 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.n6 {
    font-size: 20px;
    line-height: 24px;
}

.n7 {
    font-size: 16px;
    line-height: 20px;
}

/* Body */
.b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8 {
    line-height: normal;
    font-weight: 400;
    color: black;
}

.b1 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
}

.b2 {
    font-size: 22px;
    line-height: 34px;
}

.b3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
}

.b4 {
    font-size: 20px;
    line-height: 24px;
}

.b5 {
    font-size: 20px;
    line-height: 28px;
}

.b6 {
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
}

.b7 {
    font-size: 20px;
    line-height: 40px;
    font-weight: 500;
}

.b8 {
    font-size: 18px;
    line-height: 28px;
}


/* Caption */

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c13, .c-xl, .c-xl-b  {
    line-height: normal;
}

.c1 {
    font-size: 32px;
    line-height: 48px;
    font-weight: 600;
}

.c2 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.c3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.c4 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}

.c5 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
}

.c6 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
}

.c7 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
}

.c8 {
    font-size: 22px;
    line-height: 27px;
    font-weight: 400;
}

.c9 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
}

.c10 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
}

.c11 {
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
}

.c12 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
}

.c13 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}

.c-xl {
    font-size: 40px;
    line-height: 60px;
    font-weight: 500;
}

.c-xl-b {
    font-size: 40px;
    line-height: 60px;
    font-weight: 400;
}

/*********************** FONTS END ****************************/

.green {
    color: var(--brand-a);
}

.green.light {
    color: var(--brand-a-hover);
}

/*********************** MAIN DIVS ****************************/
#middle {
    position: relative;
    min-width: var(--min-screen-width);
    overflow: hidden;
    box-sizing: border-box;
    min-height: 100vh;
}

#content {
    margin-top: 3rem;
    margin-bottom: 4rem;
}

.page-shopping #content {
    margin-top: 0;
}

.page-home #middle {
    margin-top: 0;
}

#middle:after {
    clear: both;
    display: table;
    content: "";
}

#middle.hasSidebar {
    max-width: var(--standard-width);
    margin-left: auto;
    margin-right: auto;
    padding: 0 80px;
    display: flex;
    flex-direction: column;
}


#bottom {
    width: 100%;
    position: relative;
    min-width: var(--min-screen-width);
    background: #343434;
    ;
}

/* end main divs */
/*  CONTENT and Sidebar */
#middle.hasSidebar #content {
    order: 2;
    /* put_in-middle_using_flex:; */
}

/* default sidebar behaviour (small screens or default if device has js disabled) */
.sidebarPart {
    /*common class for sidebar-top and sidebar_bottom */
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -.5rem 0 -.5rem;
}

#sidebar-top {
    order: 1;
}

#sidebar-bottom {
    order: 3;
    margin-top: 3rem;
}

.sb_widget {
    min-width: calc(var(--sidebar-width) - var(--sidebar-padding));
    flex: 1;
    margin-left: .5rem;
    margin-right: .5rem;
}

.text-box {
    background-color: #edecec;
    padding: 1.25rem;
    margin: 075rem;
}

.text-box p {
    font-size: 1.2rem;
}

/* Rules for putting sidebar on the side */
/* ;sidebar-cutoff; */
@media (min-width: 900px) {
    #middle.hasSidebar {
        display: block;
    }

    #middle.hasSidebar #content {
        width: calc(100% - var(--sidebar-width));
        float: right;
    }

    .sidebarPart {
        float: left;
        width: var(--sidebar-width);
        padding-right: var(--sidebar-padding);
        display: block;
        margin: 0;
    }

    #sidebar-bottom {
        margin-top: 0;
    }

    .sb_widget {
        margin-left: 0;
    }

    .sb_widget .fmFormContainer {
        margin-top: 5rem;
    }

}

.standard-width {
    max-width: var(--standard-width);
    margin: 0 auto;
    padding: 0 80px;
    box-sizing: border-box;
}

/* for product module individual page */
.page-shopping .noSidebar #content .standard-width {
    max-width: 1600px;
}

/* for product module DYNAMIC PRODUCT SELECTOR */
.page-shopping .noSidebar #content #heading-container.standard-width,
.page-shopping .noSidebar #content #pageBar.standard-width,
.page-shopping .noSidebar #content #shoppingFlexWrap.standard-width {
    max-width: var(--standard-width);
}

#middle.hasSidebar #content>.standard-width {
    padding: 0;
}

/* tinyMCE classes for Blocks START */
.half-width {
    width: 50%;
    max-width: calc(var(--standard-width) * 0.5);
    margin: 0 auto;
    padding: 0 1em;
}

.inset-width {
    width: 75%;
    max-width: calc(var(--standard-width) * 0.75);
    margin: 0 auto;
    padding: 0 1em;
}

.half-width,
.inset-width,
.standard-width,
.full-width {
    clear: both;
}

.w33 {
    width: 33%;
}

.w50 {
    width: 50%;
}

.w75 {
    width: 75%;
}

.w50,
.w75,
.w33 {
    padding: 1em 0;
    margin: 0 auto;
}

.w50.right {
    width: calc(50% - 1em);
    padding-left: 1em;
}

.w50.left {
    width: calc(50% - 1em);
    padding-right: 1em;
}

@media only screen and (max-width: 1185px) {
    .w33 {
        width: 50%;
    }
}

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

    .w50,
    .w33 {
        width: 75%;
    }

    .w50.left,
    .w50.right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media(max-width: 600px) {
    .half-width {
        width: unset;
        max-width: unset;
    }

    .inset-width {
        width: unset;
        max-width: unset;
    }
}

/* tinyMCE classes for blocks END */


/*  end CONTENT and Sidebar */
/*********************** Utility CLASSES ****************************/
/* divider-under is used in many modules and should be used within the site, for consistency** 	- normally, this is added to a div or paragraph to replicate a styled <hr>*/
.divider-under::after {
    border-bottom: 1px solid #f0efef;
    margin: 2em 0;
    content: "";
    display: block;
}

.clearAfter::after {
    display: "table";
    clear: "both";
    content: "";
}

.clear {
    clear: both;
}

.nobr,
.nowr {
    white-space: nowrap;
}

.whiteBG {
    background: white;
}

.blackBG {
    background: black;
}

.left {
    float: left;
}

.right {
    float: right;
}

.full {
    width: 100%;
}

.leftimg {
    clear: left;
    float: left;
    margin: 0.3em 2em 2em 0;
    font-style: italic;
}

.rightimg {
    clear: right;
    float: right;
    margin: 0.3em 0 2em 2em;
    font-style: italic;
}

.leftimg p,
.rightimg p {
    margin: 0.5em 0 0 0;
}

.fullimg {
    width: 100%;
    margin-bottom: 1em;
}

.half {
    width: 50%;
}

.halfleftimg {
    float: left;
    width: 48%;
    margin: 1em 0;
}

.halfrightimg {
    float: right;
    width: 48%;
    margin: 1em 0;
}

.imgfullwidth {
    width: 100%;
}

.side2sideleft {
    width: 49%;
    margin-right: 1%;
}

.side2sideright {
    width: 49%;
    margin-left: 1%;
}

.side3sideleft {
    width: 32%;
    margin-right: 1%;
}

.side3sidemid {
    width: 32%;
    margin-left: 1%;
    margin-right: 1%;
}

.side3sideright {
    width: 32%;
    margin-left: 1%;
}

.third {
    width: 35%;
}

.quarter {
    width: 25%;
}

.center {
    display: block;
    margin: 2em auto;
    text-align: center;
    font-style: italic;
    width: auto;
}

.noscale {
    max-width: none;
}

@media (max-width: 549px) {

    .left,
    .right {
        float: none;
    }

    .leftimg,
    .rightimg {
        float: none;
        margin: 2em auto;
        display: block;
        text-align: center;
        font-style: italic;
    }

    .half,
    .third,
    .quarter {
        width: auto;
    }

    .hideinmobile {
        display: none;
    }
}

.width25 {
    max-width: 25%;
    display: block;
}

.width50 {
    max-width: 50%;
    display: block;
}

.width75 {
    max-width: 75%;
    display: block;
}

.expandableItem {
    display: none;
}

/* JUSTIFY FLOATING DIVS */
ul.justify {
    font-size: 0 !important;
    line-height: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: justify;
    text-justify: distribute-all-lines;
}

ul.justify:after {
    content: "";
    display: inline-block;
    width: 100%;
}

ul.justify li {
    display: inline-block;
    font-size: 1rem;
    line-height: 1rem;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* (untested) IE hacks to make li's line up */
*+html ul.justify li {
    display: inline;
}

* html ul.justify li {
    display: inline;
}

@media screen and (max-width: 549px) {
    #content ul.justify {
        margin-left: 0;
    }

    #content ul.longList {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1;
    }
}

/** FORMS **/

.fmFormContainer p.form_title,
.fmFormContainer p.form_intro_text  {
    margin-bottom: 15px;
}

.fmFormContainer p.form_title {
    font-size: 1.2rem;
    font-weight: 600;
}

form.cms-form label .fmrequire,
.fmrequire {
    color: red;
    margin-left: 3px;
}

form.cms-form {
    padding: 10px 0;
}

form.cms-form input[type="submit"] {
    padding: 3px;
}

#fmMessage {
    padding: 1em;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    display: none;
}

#fmMessage.fmError {
    background: #fc6c6c;
}

#fmMessage.fmSuccess {
    background: #7cff8c;
}

form.cms-form div.fmCheckboxRow,
form.cms-form div.fmRadioRow {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    margin-bottom: 1rem;
}

form.cms-form div.fmCheckboxRow label,
form.cms-form div.fmRadioRow label {
    margin-left: 0;
}

form.cms-form div.fmRadioRow input[type="radio"] {
    margin-left: 1em;
}

form.cms-form div.plainText {
    margin: 0 0 1rem 0;
}

form.cms-form input[type="text"],
form.cms-form input[type="email"],
form.cms-form input[type="password"],
form.cms-form input[type="date"],
form.cms-form .uploader-fake-file-wrap,
form.cms-form select,
form.cms-form textarea {
    width: 100%;
    background: #ffffff;
    padding: 0.5rem;
    margin: 0 0 1rem 0;
    vertical-align: middle;
    border: 1px solid #c0c0c0;
    font-style: normal;
    font-size: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-family: inherit;
}

form.cms-form .selectType {
    width: 100%;
    padding: 1rem;
    margin: 0 0 1rem 0;
    vertical-align: middle;
    border: 1px solid #c0c0c0;
    color: var(--brand-form-color);
    font-style: normal;
    font-size: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.8em;
}

form.cms-form .selectType select,
form.cms-form select {
    color: var(--brand-form-color);
    padding: 0.5em;
    margin-bottom: 1rem;
}

form.cms-form textarea {
    margin-bottom: 1rem;
    min-height: 12em;
}

form.cms-form #form-bottom {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -0.5rem;
}

form.cms-form #form-bottom>div {
    margin: .5rem;
}

form.cms-form #captchaContainer {
    display: block;
    max-width: 330px;
}

form.cms-form #captcha-image-box {
    display: block;
    max-width: 300px;
    flex: 1 1 auto;
}

form.cms-form img#captcha {
    width: 100%;
}

form.cms-form #captcha-code {
    margin: 0;
}

form.cms-form #captcha-button-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 1em;
}

form.cms-form input[type="submit"],
form.cms-form input#button {
    padding: 0.7rem 1.5rem;
    text-transform: uppercase;
    font-size: 1.15em;
    border: 1px solid transparent;
    background: var(--brand-a-hover);
    color: white;
    font-weight: 400;
    /* letter-spacing: 0.12rem; */
    font-family: inherit;
    /* transition: color 1s ease, background 1s ease; */
}

form.cms-form input[type="submit"]:hover,
form.cms-form input#button:hover,
form.cms-form input[type="submit"]:active,
form.cms-form input#button:active {
    background: #ebeae8;
    color: var(--brand-a-hover);
    cursor: pointer;
    border: 1px solid var(--brand-a-hover);
    /* transition: color 1s ease, background 1s ease; */
}

/* used in blog and probably other places when I find them (members, ecom come to mind) */
/* html structure: <input type=text class=".cms_button-search"><button class=".cms-button-search-submit" type="submit"></button> */
form.cms-form input.cms-search-input {
    /*override default behaviour to work with adjoining search button */
    width: calc(100% - 50px);
    padding: 1em;
    margin-bottom: 1em;
}

.cms-search-button {
    /* must use <button> instead of <input> because <input> isn't elligble for ::before */
    position: relative;
    width: 50px;
    height: 51px;
    box-sizing: border-box;
    vertical-align: top;
    background: var(--brand-a);
    color: var(--brand-a-color);
    border: none;
}

.cms-search-button:hover {
    background: var(--brand-a-hover);
}

/* to change the color of this svg on hover, create a duplicate of the image and change the stroke value to the appropriate colour in the new svg */
.cms-search-button::after {
    content: url("images/magnifying-glass-white.svg");
}

.cmsDebug .cms-search-button::after {
    content: url("../../images/magnifying-glass-white.svg");
}

/* Special style for search button in the product module */
.cms-search-button#product-search-button::after {
    content: url("images/magnifying-glass.svg");
    opacity: 0.5
}

.cmsDebug .cms-search-button#product-search-button::after {
    content: url("../../images/magnifying-glass.svg");
    opacity: 0.5
}


/* standard branded buttons used throughout the cms */
/* these button definitions *must* support a.cms_button_ and button.cms_button_ */
/* standard behaviour should be a button that conforms to the size of the content */
/* .cms_button_fullwidth is a button that conforms to the full width of the parent, all 3 basic buttons need to have a cms_button_fullwidth option */
.cms-button-a,
.cms-button-b,
.cms-button-c,
.cms-button-cancel,
.cms-button-a:visited,
.cms-button-b:visited,
.cms-button-c:visited,
.cms-button-cancel:visited {
    padding: 1rem 2rem;
    box-sizing: border-box;
    border: none;
    display: inline-block;
    cursor: pointer;
    /* transition: color 1s ease, background 1s ease, border 1s ease; */
}

.cms-button-c,
.cms-button-c:visited {
    color: black;
    border: 1px solid black;
    border-radius: 1rem;
    text-align: center;
}

/* using svg after effect*/
.cms-action-link::before,
.blog_widget ul.blog-list li::before {
    content: url("images/gt-black.svg");
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.3rem 0 0;
    width: 0.7rem;
    height: auto;
}

.cmsDebug .cms-action-link::before,
.cmsDebug .blog_widget ul.blog-list li::before {
    content: url("../../images/gt-black.svg");
}

.cms-button-a,
.cms-button-a:visited {
    /* main button style for all content */
    background: var(--brand-a);
    color: var(--brand-a-color);
    border: 1px solid var(--brand-a);
    padding: 2rem 4rem 1.75rem;
}

.cms-button-a:hover {
    background: var(--brand-a-hover);
    color: white;
    /* transition: color 1s ease, background 1s ease, border 1s ease */
}

.cms-button-a.reverse,
.cms-button-a.reverse:visited {
    background: var(--brand-a-hover);
    border: 1px solid var(--brand-a-hover);
}

.cms-button-a.reverse:hover {
    background: var(--brand-a);
}


.cms-button-b,
.cms-button-b:visited {
    /* not used in core cms, placeholder for sites that want an alternate button style for use in custom content. Note, more buttons can be added, but additional work will need to be undertaken to support them in tinymce */
    background: var(--brand-b);
    border: 2px solid var(--brand-b);
    color: var(--brand-b-color);
}

.cms-button-b:hover {
    background: var(--brand-b-hover);
    border-color: var(--brand-b-hover);
    color: var(--brand-b-hover-color);
    /* transition: color 1s ease, background 1s ease, border 1s ease; */

}

.cms-button-c:hover {
    background: var(--brand-b-hover);
    border-color: var(--brand-b-hover);
    color: var(--brand-b-hover-color);
    /* transition: color 1s ease, background 1s ease, border 1s ease; */
}



/* button.cms-button-a,button.cms-button-b,button.cms-button-cancel,button.cms-button-a:visited,button.cms-button-b:visited,button.cms-button-cancel:visited {  border-width: 4px;} */
.cms-button-cancel {
    /* will be used in members */
    background: grey;
    color: white;
}

.cms-button-cancel {
    background: black;
}

.shoppingcart>svg {
    fill: green;
    vertical-align: top;
}

.shoppingcart:hover>svg {
    fill: blue;
}

/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/****************************************************************/
/*  toggleExpandable DIVS, start  */
.toggleExpandable {
    cursor: pointer;
    border-top: 1px solid #ababab;
    /* padding-top: .8rem; */
    position: relative;
    padding-left: 1.5rem;
}

.toggleExpandable::before {
    /* content: '\0025BC'; */
    content: "\00002B";
    margin-right: 0.75rem;
    float: left;
    width: 15px;
    text-align: center;
    font-weight: 500;
    font-size: 1.2rem;
    top: 1.25rem;
    display: block;
    position: absolute;
    left: 0;
    transition: font-size 1s ease;
}

.toggleExpandable.open::before {
    /* content: '\0025B2'; */
    content: "\00002D";
    font-size: 1.75rem;
    transition: font-size 1s ease;
}

.toggleExpandable h3 {
    margin: 1rem 0;
}

.expandableItem {
    display: none;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.toggleExpandable.lasttoggleExpandable {
    border-bottom: 1px solid #ababab;
    margin-bottom: 1.5rem;
}

.toggleExpandable.lasttoggleExpandable.open {
    border-bottom: none;
    margin-bottom: 0;
}

.toggleExpandable.lasttoggleExpandable.open+.expandableItem {
    border-bottom: 1px solid #ababab;
}

.toggleExpandable h2 {
    margin-top: 0.35rem;
}

/*  toggleExpandable DIVS, finish  */
/*  COLUMN TEXT DIVs, start  */
.column-text {
    display: flex;
    grid-gap: 3rem;
}

.column-text > div {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.column-text > div p:last-child {
    margin-bottom: 0;
}

/*  COLUMN TEXT DIVs, finish  */
.testim-text-divider {
    border-bottom: 1px solid #ccc;
}







/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/* Ecommerce, START */
.page-shopping .jsGallery.product_gallery .galleryWrap {
    height: 80%;
}

.addDiscount.cms-button-a,
.checkoutbtn.cms-button-a {
    height: unset !important;
    line-height: unset !important;
}

#topHeaderContact #widgetBar > div {
    display: flex;
    /* min-width: 100px; */
    justify-content: flex-end;
}
#topHeaderContact #widgetBar > div > a {
    display: flex;
}

.page-shopping .clear2em {
    height: 0 !important;
}

.page-shopping #heading-container {
    margin-bottom: 1rem;
}

.page-shopping .jsGallery .gallery-placeholder {
    visibility: hidden;
}


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

@media only screen and (max-width: 550px) {
    .page-shopping .jsGallery.product_gallery .galleryWrap {
        min-height: 300px;
    }

    .page-shopping .shopping_cart .flexContainer {
        grid-gap: 2rem;
    }

    .page-shopping .shopping_cart h1 {
        margin-bottom: 0;
    }
}

.page-shopping .jsGallery .galleryWrap .slide {
    justify-content: center;
}

@media screen and (max-width: 550px) {
    .page-shopping #headingLine {
        flex-direction: unset !important;
    }
}
/* Ecommerce, FINISH */
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/


/* PAGE PRODUCTS, start */

  /* boxes section start*/

  .section-page-products {
    max-width: 1770px;
    margin: 4rem auto;
  }

  .section-page-products .boxes {
    display: grid;
	grid-gap: 60px;
	grid-template-columns: repeat(auto-fit, minmax(calc(33% - 3rem),1fr));
    justify-items: center;
    margin: 100px 0;
  }
  
  .section-page-products .boxes #box {
      display: flex;
      flex-direction: column;
      position: relative;
      width: 100%;
      opacity: 1;
      transition: all .5s;
      cursor: pointer;
  }

  .section-page-products .boxes #box:hover {
    opacity: .8;
    transition: all .5s;
}
  
  .section-page-products .boxes #box .text-area {
      height: 100%;
  }

 .section-page-products .boxes #box .text-area .title {
    margin: 40px 0 20px;
  }
  
  .section-page-products .boxes #box .image-area {
      background-color: #eeeeed;
      text-align: center;
      padding: 30px;
  }

  .section-page-products .boxes  #box  .image-area > img {
    height: 300px;
    object-fit: contain;
  }

  .section-page-products .boxes #box .image-area.image-bottom {
      padding: 60px 30px 0 30px;
  }

  .section-page-products .boxes  #box  .image-area.image-bottom > img {
    object-position: bottom;
    margin-bottom: -3px;
  }

  .section-page-products .boxes #box .text-area p {
      margin-bottom: 20px;
  }
  
  .section-page-products .boxes #box .text-and-button {
      display: flex;
      align-items: flex-end;
      gap: 10px;
  }
  
  .section-page-products .boxes #box .text p {
      margin: 0;
      color: #4d4d4d;
  }
  
  /* boxes section end*/

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

    .section-page-products {
        margin: 2rem auto;
      }
    
      .section-page-products .boxes {
        margin: 40px 0;
      }

    .section-page-products .boxes {
        grid-template-columns: repeat(auto-fit, minmax(calc(50% - 3rem),1fr));
    }
}
  
@media only screen and (max-width: 820px) {
  
    .section-page-products .boxes {
        grid-template-columns: repeat(auto-fit, minmax(calc(100% - 3rem),1fr));
    }

      .section-page-products .boxes {
          flex-direction: column;
          align-items: center;
      }
      
  }

  /* PAGE PRODUCTS, finish */



/* PAGEs PRODUCTS ITEM, start */

.sidebar-menu > .aside-wrap {
    padding-top: 3rem;
}

.sidebar-menu .h8 {
    margin-top: 0;
    margin-bottom: 4rem;
}

#menu-tree-product,
#industry-menu,
#product-selector {
    width: 320px;
    height: calc(100vh - var(--header-height));
    overflow-y: auto!important;
    position: fixed;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */

    /* border: 1px solid red; */
    transition: all 0.5s;
}


#menu-tree-product::-webkit-scrollbar,
#industry-menu::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}


#industry-menu .menu-header {
    margin-bottom: 4rem;
}

    /* ASIDE Tree, start */
    .aside-wrap {

    }

    .aside-wrap h3 {
        font-size: 2.5rem;
        font-weight: 600;
        color: black;
        margin-bottom: 3rem;        
    }

    .aside-warp-product {

    }

    .aside-list-header {
        color: var(--brand-a);
        padding-bottom: 2rem;
        margin: 2rem 0 0;
        padding-right: 45px;
        position: relative;
        cursor: pointer;
    }

    .aside-list-header img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 28px;
        height: 28px;
        transform: rotate(180deg);
        display: none;
    }

    .aside-list-wrap {
        display: none;
        border-top: 1px solid rgba(0, 0, 0, 0.20);
        padding-top: 2rem;
    }

    .aside-list-prod-descr {
        font-size: 1rem;
        font-weight: 400;
        color: #222;
        line-height: 1.25em;
        margin-bottom: 2rem;
        border-top: 1px solid rgba(0, 0, 0, .2);
        padding-top: 2rem;
    }

    .aside-prod-list-head {
        color: black;
        margin-bottom: 2rem;
    }

    ul.aside-prod-list-item {
        list-style-type: none;
        margin: 0 0 4rem;
    }

    #menu-tree-product .aside-list-wrap > li {
        list-style-type: none;
    }

    #menu-tree-product .aside-list-wrap > li a,
    #menu-tree-product .aside-list-wrap > li,
    ul.aside-prod-list-item li,
    ul.aside-prod-list-item li a {
        color: black;
        margin-bottom: 1rem;
    }
    #menu-tree-product .aside-list-wrap > li a:hover,
    ul.aside-prod-list-item li a:hover {
        color: var(--brand-a);
    }

    /* ASIDE Tree, finish */

#main-product-page .h7,
#main-product-page .h9 {
    color: var(--brand-a);
}
#main-product-page .h-l {
    margin: 0;
}

#main-product-page h2 {
    margin: 4rem 0 0;
    line-height: 1em;
}

#main-product-page p {
    margin-bottom: 40px; 
}


    /* Prodict Item Table, START */

    .wrap-table-products {
        display: flex;
        flex-direction: row;
        border: 3px solid rgba(0, 0, 0, .2);
        border-radius: 15px;
        overflow-x: auto;
        margin: 0 0 3rem;
        background: rgba(0, 0, 0, .075);
        align-items: flex-end;
    }

    .wrap-table-product-item {
        flex-grow: 1;
        flex-basis: 0;
        min-width: 250px;
    }

    .wrap-table-product-item.empty {
        align-self: stretch;
        display: flex;
        flex-direction: column;
    }

    .table-product-empty-space {
        flex-grow: 1;
        background: white;
    }

    .wrap-table-product-item > div {
        border: 1px solid rgba(0, 0, 0, .05);
    }

    .wrap-table-product-item > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: .5rem;
    }

    .wrap-table-product-item .table-product-img {
        padding: 24px;
    }

    .wrap-table-product-item .table-product-img img {
        max-height: 100%;
        max-width: 100%;
    }

    .wrap-table-product-item-header > div.table-product-details {
        justify-content: center;
    }

    .wrap-table-product-item .table-product {
        height: clamp(35px, calc(60px + (35 - 60) * ((100vw - 350px) / (1900 - 350))), 60px);
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        background-color: white;
    }

    .wrap-table-product-item > div.table-product-details {
        align-items: flex-start;
        grid-gap: 0.75rem;
        overflow-y: visible;
    }

    .wrap-table-product-item.wrap-table-product-item-header > div.table-product-details {
        align-items: center;
    }

    .table-product-img {
        /* height: 350px; */
        overflow: hidden;
        aspect-ratio: 1 / 1;
    }

    .table-product-img.empty {
        aspect-ratio: unset;
        border-top: unset;
        border-right: unset;   
    }


    .wrap-table-product-item .table-product-details-wrapper {
        height: 300px;
        /* height: clamp(300px, calc(500px + (300 - 500) * ((100vw - 550px) / (1900 - 550))), 500px); */
        overflow: hidden;
        align-items: flex-start;
        justify-content: unset;
        overflow-y: visible;
        background-color: white;
    }

    .wrap-table-product-item .table-product-details {
        margin: 0 auto;
        text-align: center;
    }

    .wrap-table-product-item-header .table-product-details {
        margin: auto;
    }

    .wrap-table-product-item .table-product-details > div {
        margin-bottom: 20px;
    }

    /* overriding for Temperature Probes page */
    .page-temperature-probes .table-product-img {
        background: unset;
    }

    .wrap-table-product-item.wrap-table-product-item-header {
        max-width: 250px;
        min-width: 150px;
        width: 100%;
        text-align: center;
    }

    .table-product-details .table-product-title {
        text-overflow: ellipsis;

    }
    .table-product-details .table-product-view-btn a {
        color: black;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 2rem;
        padding: .25rem 2rem;
        cursor: pointer;
        display: inline-block;
        text-align: center;
    }

    .table-product-details .table-product-view-btn a:hover {
        background: rgba(0, 0, 0, .05);
    }

    .table-product-details .table-product-desrc {
        color: black;
    }

    #main-product-page .table-product-desrc p {
        margin: 0;
    }


    @media screen and (max-width: 1200px) {
        .wrap-table-product-item.wrap-table-product-item-header {
            max-width: 200px;
        }
    }

     @media screen and (max-width: 1024px) {
        .wrap-table-product-item.empty {
             display: none; /* Hide all empty columns on the mobile/tablet screens  */
        }
     }
    

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

        .wrap-table-product-item .table-product-details {
            text-align: center;
            width: 100%;
        }
    
        .wrap-table-product-item.wrap-table-product-item-header {
            max-width: 150px;
        }
    }


    /* Prodict Item Table, FINISH */


/* Individual Prodict Item Page, START */

.individual_product_page h3 {
    margin: 5rem 0 0;
}

.ind_prod_img {
    background: #f3f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px;
    margin: 0 0 5rem;
    min-height: 640px;
    max-height: 640px;
}

.bread_crumbs,
.bread_crumbs a {
    margin-bottom: 3rem;
    color: #4b4b4b;
}

.bread_crumbs a,
.bread_crumbs span {
    line-height: 2rem;
}

.bread_crumbs a,
.bread_crumbs .product {
    text-decoration: underline;
}

.bread_crumbs a:hover {
    /* color: var(--brand-a); */
    text-decoration: none;
}

.bread_crumbs span.arrow {
    color: var(--brand-a);
    margin: 0 .5rem;
    font-size: 2rem;
    vertical-align: bottom;
}

.wrap-product-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wrap-product-title h2,
.wrap-product-title .wrap-product-icons {
    flex: 1;
}

.wrap-product-title .wrap-product-icons {
    display: flex;
    justify-content: flex-end;
    grid-gap: 2rem;
    font-size: 15px;
    font-weight: 600;
    align-items: flex-end;
}

.product_table_row {
    display: flex;
    padding: 1rem 0;
    border-top: 1px solid #ccc;
    align-items: center;
}

.product_table_spec,
.product_table_detail {
    flex: 1;
}
.product_table_detail {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
}

.individual_product_page a.cms-button-a {
    background: none;
    color: black;
    font-size: 1.5rem;
    font-weight: 600;
    border: 1px solid black;
    border-radius: 1rem;
    padding: 1.25rem 4rem 1.5rem;
    margin: 3rem 0;
}

.individual_product_page a.cms-button-a.reverse {
    background: var(--brand-a-hover);
    border: 1px solid var(--brand-a-hover);
    color: var(--brand-a-color);
}

.individual_product_page a.cms-button-a:hover {
    color: white;
    background: var(--brand-a);
}

/* Individual Prodict Item Page, FINISH */


/* Overriding for  view-features section */

.warp_product_table.view-features {
    margin: 40px 0;
}

.warp_product_table.view-features h6 {
    margin: 0;
}

.warp_product_table.view-features .product_table_detail > div {
    width: 80px;
    color: #000;
    font-size: 25px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.warp_product_table.view-features .product_table_row.header {
    border-top: unset;
}

.product_table_detail {
    gap: 15px;
}

@media screen and (max-width: 900px) {
    .product_table_detail {
        gap: 5px;
        max-width: 250px;
    }

    .warp_product_table.view-features .product_table_detail > div {
        width: 60px;
        font-size: 20px;
    }
}

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

    .product_table_detail {
        max-width: 120px;
    }

    .warp_product_table.view-features .product_table_detail > div {
        width: 30px;
    }

    .warp_product_table.view-features .header .product_table_detail > div {
        rotate: 270deg;
    }
}


/* Products Component START */

.shoppingProductContainersWrapper {
    display: grid;
    justify-items: center;
    flex: 1;
    height: 100%;
    grid-gap: 25px;
    grid-template-columns: repeat(auto-fit, minmax(calc(33% - 3rem), 1fr));
    margin: 50px 0;
}

.shoppingProductContainersWrapper .shoppingProductContainer {
    padding: 0;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    /* gap: 15px; */
    overflow: hidden;
    max-height: fit-content;
    min-height: 100%;
    max-width: 500px;
    width: 100%;
    position: relative;
}

.shoppingProductContainersWrapper .shoppingProductContainer .singleImage {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 320px;
    padding: 20px 20px 70px;
}

.shoppingProductContainersWrapper .shoppingProductContainer .singleImage img {
    max-height: 100%;
}

.shoppingProductContainersWrapper .shoppingProductContainer .singleImageWrap {
    background: #F3F3F3;
}

.shoppingProductContainersWrapper .shoppingProductContainer .infocont {
    margin:0;
    padding: 20px;
}

.shoppingProductContainersWrapper .shoppingProductContainer .infocont .catname {
    color: var(--brand-a);
    margin: 5px 0;
}

.shoppingProductContainersWrapper .shoppingProductContainer .infocont .itemtitle.itemdesc #s_desc {
    display: none;
}

.shoppingProductContainersWrapper .shoppingProductContainer .infocont .itemtitle.itemdesc #col {
    padding-bottom: 10px;
}

.shoppingProductContainersWrapper .shoppingProductContainer .infocont #spec {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.shoppingProductContainersWrapper .shoppingProductContainer .infocont #spec .row {
    display: flex;
    gap: 15px;
    align-items: center;
}

.shoppingProductContainersWrapper .shoppingProductContainer .infocont #spec .row > div:nth-child(1) {
    min-width: 50%;
}

.shoppingProductContainersWrapper .shoppingProductContainer .datasheet a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 13px;
    position: absolute;
    right: 20px;
    color: black;
    top: 250px;
    font-weight: 600;
}

.shoppingProductContainersWrapper .shoppingProductContainer .datasheet img {
    width: 41px;
}

.shoppingProductContainersWrapper .itemspan a {
    color: #333;
    text-transform: uppercase;
}

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

    .hasSidebar .shoppingProductContainersWrapper {
        grid-gap: 2rem;
        grid-template-columns: repeat(auto-fit, minmax(calc(50% - 2rem), 1fr));
    }
}

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

    .shoppingProductContainersWrapper {
        grid-gap: 2rem;
        grid-template-columns: repeat(auto-fit, minmax(calc(50% - 2rem), 1fr));
    }
}

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

    .shoppingProductContainersWrapper,
    .hasSidebar .shoppingProductContainersWrapper {
        grid-template-columns: repeat(auto-fit, minmax(calc(100% - 2rem), 1fr));
    }

    .shoppingProductContainersWrapper .empty {
        display: none;
    }

}

/* Products Component END */


/* PAGEs PRODUCTS ITEM, finish */



/* NEWS Page, START */


.block_latest_news .empty {
    visibility: hidden;
}

.block_latest_news {
    display: grid;
    grid-gap: 5rem 3rem;
    grid-template-columns: repeat(auto-fit, minmax(calc(33% - 3rem), 1fr));
}

.block_latest_news.single_post {
    display: unset;
}

.block_latest_news > div {
    justify-content: flex-start;
}

.block_latest_news .news_img {
    display: flex;
    margin-bottom: 1rem;
    aspect-ratio: 2 / 1;
}

.block_latest_news .news_img img {
    flex: 1;
    object-fit: cover;
}

.block_latest_news .news_date {
    color: var(--brand-a);
}


.block_latest_news .news_title {
    margin-bottom: 1.5rem;
}

.block_latest_news .news_text {
    margin: 0 0 2rem;
}

.block_latest_news .news_read_more a {
    color: #606060;
    margin: 0;
}

.block_latest_news .news_view_more {
    text-align: center;
    margin: 5rem 0 3rem;
}

.block_latest_news .news_view_more a,
.news_view_more a#load_more_button {
    color: black;
    text-decoration: underline;
    cursor: pointer;
}

.block_latest_news .news_read_more a:hover,
.block_latest_news .news_view_more a:hover,
.news_view_more a#load_more_button:hover {
    color: var(--brand-a);
    text-decoration: none;
}

.news_view_more {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.news_block {
    position: relative;
}

.news_block {
    position: relative;
}

.news_block a.link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

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

    .block_latest_news {
        grid-gap: 5rem 3rem;
        grid-template-columns: repeat(auto-fit, minmax(calc(50% - 3rem), 1fr));
    }
}

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

    .block_latest_news {
        grid-gap: 3rem;
        grid-template-columns: repeat(auto-fit, minmax(calc(100% - 3rem), 1fr));
    }
}

/* NEWS Page, FINISH */

/* Contact Page, START */

#contact a {
    color: black;
}

#contact .contact-phone,
#contact .contact-email {
    display: flex;
    gap: 20px;
}

#contact .contact-phone > div:first-child {
    min-width: 35px;
}

.maps-google-frame {
    margin-top: 100px;
}

.misc-page .column-text.contacts > div {
    gap: 10px;
}

a.cms-button-c.our-sales {
    padding: 1.5rem;
    width: 100%;
    border-radius: 50px;
    border: 2px solid black;
}

.misc-page .column-text.contacts .button {
    text-align: center;
}

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

    .misc-page .column-text.contacts {
        flex-direction: column;
    }
}

/* Contact Page, FINISH */

/* SALES PARTNERS Page, START */

.column-text.sales-partners {
    margin: 60px 0 120px;
    grid-gap: 5rem;
}

.column-text.sales-partners > div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 50%;
    justify-content: flex-start;
}

.column-text.sales-partners a {
    color: black;
}

.column-text.sales-partners .contacts {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.column-text.sales-partners .contacts img {
    min-width: 32px;
}

.column-text.sales-partners .title {
    margin: 0;
}

.column-text.sales-partners .contact-web a {
    overflow-wrap: anywhere;
}

.column-text.sales-partners .contact-web,
.column-text.sales-partners .contact-phone,
.column-text.sales-partners .contact-email {
    display: flex;
    gap: 20px;
}

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

    .column-text.sales-partners {
        flex-direction: column;
        align-items: center;
    }

    .column-text.sales-partners > div {
        width: 100%;
    }
}

@media only screen and (max-width: 535px) {
    .column-text.sales-partners {
        margin: 30px 0 50px;
        grid-gap: 3rem;
    }

    .column-text.sales-partners .contacts img {
        min-width: 25px;
        max-width: 25px;
    }
}

/* SALES PARTNERS Page, FINISH */

/* Applications Page, Start */

.applications-page-section {
    margin: 120px auto;
    max-width: 1685px;
    width: fit-content;
}

.applications-page-section .three-boxes{
      display: flex;
      gap: 40px;
      justify-content: space-between;
      margin: 50px 0;
  }
  
  
.applications-page-section .three-boxes #box {
      max-width: 550px;
      min-width: 30%;
      width: 100%;
      line-height: 0;
      display: flex;
      flex-direction: column;
      position: relative;
      cursor: pointer;
      opacity: 1;
      transition: all .5s;
  }

  .applications-page-section .three-boxes #box:hover {
    opacity: .85;
    transition: all .5s;
}
  
  
.applications-page-section .three-boxes #box .text-area {
      padding: 30px 70px 30px  20px;
      height: 100%;
  }
  
.applications-page-section .three-boxes #box .text-area {
      background: #F4F4F4;

  }
  
.applications-page-section .three-boxes #box .text-area p {
      margin: 0;
  }

.applications-page-section .three-boxes #box .button-section {
      position: absolute;
      right: 30px;
      bottom: 40px;
  }

  .applications-page-section .three-boxes #box .text {
    margin-top: 20px;
  }
  
  
  @media only screen and (max-width: 800px) {
  
    .applications-page-section .three-boxes {
          flex-direction: column;
          align-items: center;
      }
      
  }

  /* Applications Page, FINISH */

  /* 
  Applications category pages START
  Data Centers + Energy
  LIFE SCIENCES
  PROCESS-CONTROL 
  */

.applications-header {
    background-color: #F4F4F4;
    grid-gap: 0rem;
}

.applications-header .text {
    padding: 30px;
    max-width: 570px;
    margin: 0 auto;
}

.applications-header .text p {
    margin: 0;
}

.applications-header .text .cat {
    text-transform: uppercase;
}

.applications-header .text .sub-cat {
    color: #797979;
}

.applications-header .text .header {
    margin-top: 15px;
}

.applications-section-wrapper {
    margin: 70px 0 70px 30px;
}

.applications-desc  {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 50px 0 50px;
}

.applications-desc .elem {
    border: 1px solid grey;
    padding: 40px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.applications-desc .elem.grey {
    background-color: #F2F2F2;
}

.applications-desc .elem.semiconductor {
    gap: 24px;
}

.applications-desc .elem .elem-header {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.applications-desc .links {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    text-wrap: nowrap;
    flex-wrap: wrap;
}

.applications-desc .links div:first-child a {
    color: black;
    text-decoration: underline;
}

.applications-desc .links a.cms-button-a { 
    font-weight: 700;
    padding: 1rem 4rem 1rem 3rem;
    color: var(--brand-a);
    background: #F4F4F4;
    border: unset;
    border-radius: 50px;
    border: 1px solid #F4F4F4;
}

.applications-desc .links a.cms-button-a.arrow-right:after {
    content: url("../../images/right-arrow.png");
    padding-left: 10px;
    position: absolute;
}

.applications-desc .links a.cms-button-a:hover { 
    border: 1px solid var(--brand-a);
}

.our-complete-solution {
    margin: 70px 0 70px 30px;
    margin-bottom: 100px;
}

.our-complete-solution .scheme {
    display: flex;
    flex-direction: column;
    background-color: #F5F4F5;
    margin-top: 50px;
}

.our-complete-solution .scheme .image {
    padding: 20px;
}

.our-complete-solution .scheme .text {
    display: flex;
    gap: 40px;
    padding: 40px;
}

.our-complete-solution .scheme .text > div {
    width: 50%;
}

.our-complete-solution .scheme .text .header {
    margin-top: 0;
}


.our-complete-solution .scheme .right {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.our-complete-solution .scheme .element {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.our-complete-solution .scheme .element .btns {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.our-complete-solution .element .txt {
    font-size: 0.75rem;
}

.our-complete-solution .element .btns a {
    color: #353535;
    font-weight: 400;
    border: 1px solid #A5A5A5; 
    border-radius: 20px;
    padding: .2rem 1rem;
    text-align: center;
}

.our-complete-solution .element .btns a:hover {
    background-color: rgb(226, 226, 226);
    /* transition: all .5s; */
}

.our-complete-solution .scheme .text .left > div {
    max-width: 540px;
    margin: 0 auto;
}


@media only screen and (max-width: 1200px) {
    .applications-header {
        flex-direction: column;
        gap: 20px;
    }

    .applications-desc .elem {
        padding: 20px;
    }

    .applications-desc .links {
        justify-content: space-around;
    }

    .applications-desc {
        margin: 30px 0;
    }

    .our-complete-solution .scheme .text {
        flex-direction: column;
    }

    .our-complete-solution .scheme .text .left > div,
    .our-complete-solution .scheme .text > div {
        width: unset;
        max-width: unset;
    }

    .applications-section-wrapper,
    .our-complete-solution {
        margin-left: 0;
        margin-right: 0;
    }
}

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

    .applications-desc .links a.cms-button-a {
        padding: 1rem 3rem 1rem 1rem;
    }

    .our-complete-solution .scheme .text {
        padding: 20px;
    }
}

/* Applications category pages END */

/* Applications regular pages START */

.app-pg-img-and-text .txt {
    padding: 40px;
}

.integration-and-asset-management,
.whats-the-cost {
    margin: 80px 0;
}

.integration-and-asset-management p {
    margin: 40px 0;
}

.integration-and-asset-management li {
    margin: 20px 0;
}


.continuous-real-time-monitoring .app-pg-img-and-text {
    margin-bottom: 100px;
}
.continuous-vs-legacy .app-pg-table-grid {
    margin: 50px 0 70px; 
}

.partial-discharge .app-pg-sub-title {
    margin: 90px 0 50px;
}

.app-pg-img-and-text.monitoring-temperatures {
    margin-bottom: 150px;
}

/* Applications regular pages END */

/* Application e-mobility page list section START */

.app-pg-img-and-text .txt#ev-performance {
    display: grid;
	grid-gap: 80px;
    padding: 80px;
	grid-template-columns: repeat(auto-fit, minmax(calc(50% - 80px),1fr));
}

.txt#ev-performance .elem {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.txt#ev-performance .header {
    display: flex;
    gap: 16px;
    align-items: center;
}

.txt#ev-performance .header .number {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    background-color: black;
    min-width: 32px;
    min-height: 32px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.txt#ev-performance .benefit-list,
.txt#ev-performance .benefits {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.txt#ev-performance .benefit-list .row {
    display: flex;
    gap: 16px;
    align-items: center;
}

.txt#ev-performance .benefit-list .row .icon {
    display: flex;
}

.txt#ev-performance .benefit-list .row .icon img {
    min-width: 26px;
}

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

    .app-pg-img-and-text .txt#ev-performance {
        padding: 40px;
        grid-gap: 60px;
        grid-template-columns: repeat(auto-fit, minmax(calc(50% - 60px),1fr));
    }
}

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

    .app-pg-img-and-text .txt#ev-performance {
        grid-template-columns: repeat(auto-fit, minmax(calc(100% - 60px),1fr));
    }
}

/* Application e-mobility page list section END */


/* Application pages download section START */
.app-pg-download {
    display: flex;
    align-items: center;
    background-color: #F2F2F2;
    padding: 2rem;
    justify-content: space-between;
    margin: 2rem 0;
    gap: 20px;
    flex-wrap: wrap;
}

.app-pg-download .text-and-icon {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.app-pg-download .icon {
    min-width: 50px;
}

.app-pg-download .download {
    min-width: 180px;
}

.app-pg-download .download a {
    text-wrap: nowrap;
    color: #62D14F;
}

@media only screen and (max-width: 539px) {
    .app-pg-download {
        padding: 1rem;
        gap: 10px;
    }
}

/* E-mobility page */

/* two-column section */
.system-architecture .two-column {
    display: flex;
    justify-content: space-around;
    gap: 20px;
    flex-wrap: wrap;
}

.system-architecture .two-column > div {
    max-width: 400px;
}

.system-architecture .two-column .green-block {
    background-color: #62D14F;
    color: white;
    padding: 12px 24px;
    width: fit-content;
}

/* product-categories Section */

.system-architecture .product-categories {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    margin: 5rem 0;
}

.system-architecture .product-categories .features,
.system-architecture .product-categories .specifications {
    flex-basis: 250px;
    flex-grow: 1;
    flex-shrink: 0; 
    max-width: 520px;
}

.system-architecture .product-categories .row {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
    align-items: center;
    justify-content: center;
}

.system-architecture .product-categories .row > div {
    flex-basis: 330px;
    flex-grow: 1;
    flex-shrink: 0;
}

.system-architecture .product-categories .row .first-col {
    min-width: 260px;
    max-width: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.05);
}

.system-architecture .product-categories .lnk {
    padding: 15px;
}

.system-architecture .product-categories .photo {
    background: #F3F3F3;
    padding: 20px;
}

.system-architecture .product-categories .header span.green {
    font-weight: 600;
}

.system-architecture .product-categories .photo-hdr { 
    font-size: 18px;
    font-weight: 600;
}

.system-architecture .product-categories .img {
    min-width: 220px;
}

.system-architecture .product-categories .img img {
    min-width: 100%;
   
}

.system-architecture .product-categories .text {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.system-architecture .product-categories .text .features p,
.system-architecture .product-categories .text .specifications p {
    color: #595959;
}

@media only screen and (max-width: 1200px) {
    .system-architecture .product-categories .row {
        gap: 2rem;
    }
}

@media only screen and (max-width: 1024px) {
    .system-architecture .product-categories {
        gap: 2rem;
        margin: 3rem 0;
    }
}
/* product-categories Section end */

.why-choose-our-solutions .list {
    display: flex;
    margin: 5rem 0;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-around;
}

.why-choose-our-solutions .list > div {
    text-align: center;
    width: calc(25% - 20px);
}

@media only screen and (max-width: 1300px) {
    .why-choose-our-solutions .list > div {
        min-width: calc(50% - 20px);
    }

    .why-choose-our-solutions .list {
        margin: 3rem 0;
    }
}

.microwave-process-control .microwave-industries {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(auto-fit, minmax(calc(20% - 40px),1fr));
    margin: 3rem 0 2rem;
}

.microwave-process-control .microwave-industries .elm {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 26px;
	
}

.microwave-process-control .microwave-industries .elm .icon {
    display: flex;
    max-width: 194px;
    min-width: 100px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 600px) {
    .microwave-process-control .microwave-industries {
        grid-gap: 20px;
        grid-template-columns: repeat(auto-fit, minmax(calc(33% - 20px),1fr));
    }
}

@media only screen and (max-width: 400px) {
    .microwave-process-control .microwave-industries {
        grid-template-columns: repeat(auto-fit, minmax(calc(50% - 20px),1fr));
    }
}


/* Application pages download section END */


/* Application pages Related Products section START */

.app-pg-related-products .app-pg-sub-title {
    margin: 70px 0;
}

.app-pg-related-products .shoppingProductContainersWrapper .shoppingProductContainer .infocont .itemtitle.itemdesc #s_desc {
    display: unset;
}

.app-pg-related-products .shoppingProductContainersWrapper .shoppingProductContainer .datasheet,
.app-pg-related-products .shoppingProductContainersWrapper .shoppingProductContainer .infocont .itemtitle.itemdesc #spec,
.app-pg-related-products .shoppingProductContainersWrapper .shoppingProductContainer .infocont .itemtitle.itemdesc #col {
    display: none;
}

.app-pg-related-products .shoppingProductContainersWrapper .shoppingProductContainer .singleImage {
    padding: 20px;
}

.app-pg-related-products .collection {
    margin: 60px 0 40px;
}

.app-pg-related-products .shoppingProductContainersWrapper .shoppingProductContainer {
    box-shadow: none;
    border-radius: 11px;
    border: 1.1px solid rgba(0, 0, 0, 0.20);
}

/* Application pages Related Products section END */


/* Application pages table section START */

.app-pg-table-grid {
    display: grid;
    padding: 10px;
}

.app-pg-table-grid.three-col .row-header.additional,
.app-pg-table-grid.four-col .row-header.additional {
    display: none;
}

.app-pg-table-grid.three-col {
    grid-template-columns: auto auto auto;
}

.app-pg-table-grid.four-col {
    grid-template-columns: auto auto auto auto;
}


.app-pg-table-grid .column-header {
    text-align: center;
}

.app-pg-table-grid .row-header {
    background-color: #F3F3F3;
}

.app-pg-table-grid .row-header > div {
    margin: auto auto;
}

.app-pg-table-grid .grid-item {
    display: flex;
    padding: 20px;
    gap: 10px;
    border-top: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
}

.app-pg-table-grid .grid-item.column-header,
.app-pg-table-grid.four-col .grid-item.column-header {
    border: none;
    margin-top: 30px;
}

.app-pg-table-grid .icon img {
    min-width: 25px;
}

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

    .app-pg-table-grid.four-col .grid-item {
        flex-direction: column;
    }
}

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

    .app-pg-table-grid.three-col .grid-item {
        flex-direction: column;
    }
}

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

    .app-pg-table-grid.four-col {
        grid-template-columns: auto auto;
    }

    .app-pg-table-grid.four-col .row-header.additional {
        display: unset;
    }

    .app-pg-table-grid.four-col .item2 { grid-area: item2; }
    .app-pg-table-grid.four-col .item3 { grid-area: item3; }
    .app-pg-table-grid.four-col .item4 { grid-area: item4; }
    .app-pg-table-grid.four-col .item5 { grid-area: item5; }
    .app-pg-table-grid.four-col .item5-2 { grid-area: item5-2; }
    .app-pg-table-grid.four-col .item5-3 { grid-area: item5-3; }
    .app-pg-table-grid.four-col .item6 { grid-area: item6; }
    .app-pg-table-grid.four-col .item7 { grid-area: item7; }
    .app-pg-table-grid.four-col .item7-2 { grid-area: item7-2; }
    .app-pg-table-grid.four-col .item8 { grid-area: item8; }
    .app-pg-table-grid.four-col .item9 { grid-area: item9; }
    .app-pg-table-grid.four-col .item9-2 { grid-area: item9-2; }
    .app-pg-table-grid.four-col .item9-3 { grid-area: item9-3; }
    .app-pg-table-grid.four-col .item10 { grid-area: item10; }
    .app-pg-table-grid.four-col .item11 { grid-area: item11; }
    .app-pg-table-grid.four-col .item12 { grid-area: item12; }

    .app-pg-table-grid.four-col {
        grid-template-areas:
          'item2 item2'
          'item5 item9'
          'item6 item10'
          'item3 item3'
          'item5-2 item9-2'
          'item7 item11'
          'item4 item4'
          'item5-3 item9-3'
          'item8 item12';
      }

    .app-pg-table-grid.four-col .grid-item {
        flex-direction: column;
    }

    .app-pg-table-grid.four-col .grid-item {
        border: 1px solid #F3F3F3;
    }

}


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

    .app-pg-table-grid.three-col {
        grid-template-columns: auto auto;
    }

    .app-pg-table-grid.three-col .row-header.additional {
        display: unset;
    }

    .app-pg-table-grid.three-col .item2 { grid-area: item2; }
    .app-pg-table-grid.three-col .item3 { grid-area: item3; }
    .app-pg-table-grid.three-col .item4 { grid-area: item4; }
    .app-pg-table-grid.three-col .item4-2 { grid-area: item4-2; }
    .app-pg-table-grid.three-col .item5 { grid-area: item5; }
    .app-pg-table-grid.three-col .item6 { grid-area: item6; }
    .app-pg-table-grid.three-col .item7 { grid-area: item7; }
    .app-pg-table-grid.three-col .item7-2 { grid-area: item7-2; }
    .app-pg-table-grid.three-col .item8 { grid-area: item8; }
    .app-pg-table-grid.three-col .item9 { grid-area: item9; }
    .app-pg-table-grid.three-col .item10 { grid-area: item10; }
    .app-pg-table-grid.three-col .item10-2 { grid-area: item10-2; }
    .app-pg-table-grid.three-col .item11 { grid-area: item11; }
    .app-pg-table-grid.three-col .item12 { grid-area: item12; }
    .app-pg-table-grid.three-col .item13 { grid-area: item13; }
    .app-pg-table-grid.three-col .item13-2 { grid-area: item13-2; }
    .app-pg-table-grid.three-col .item14 { grid-area: item14; }
    .app-pg-table-grid.three-col .item15 { grid-area: item15; }

    .app-pg-table-grid.three-col {
        grid-template-areas:
          'item2 item2'
          'item4 item7'
          'item5 item8'
          'item10 item13'
          'item11 item14'
          'item3 item3'
          'item4-2 item7-2'
          'item6 item9'
          'item10-2 item13-2'
          'item12 item15';
      }

    .app-pg-table-grid.three-col .grid-item {
        flex-direction: column;
    }

    .app-pg-table-grid.three-col .grid-item {
        border: 1px solid #F3F3F3;
    }

    .app-pg-table-grid.three-col .grid-item.column-header {
        border: none;
    }

}


/* Application pages table section END */


/* sheme1, sheme2, dipf for  Switchgear page Start */
.app-pg-pd-sheme1 {
    display: flex;
    flex-wrap: wrap;
    gap:40px;
    margin: 70px 0;
    justify-content: space-around;
    justify-content: center;
    
}

.app-pg-pd-sheme1 .elm {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 30%;
    min-width: 200px;
}

.app-pg-pd-sheme1 .elm .img {
    height: 110px;
}

.app-pg-pd-sheme2 {
    display: grid;
	grid-gap: 2rem;
	grid-template-columns: repeat(auto-fit, minmax(calc(33% - 2rem),1fr));
    grid-gap:40px;
    margin: 50px 0;
}

.app-pg-pd-sheme2 .elm {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.app-pg-pd-sheme2 .elm .header {
    color: var(--brand-a);
}

.app-pg-dipf,
.app-pg-dipf .text {
    display: flex;
    flex-direction: column;
}

.app-pg-dipf {
    gap: 45px;
    margin: 30px 0;
}

.app-pg-dipf .text {
    gap: 10px;
}

.app-pg-dipf .letter {
    font-size: 44px;
    font-weight: 600;
    border: 1px solid black;
    min-width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-pg-dipf .row {
    display: flex;
    gap: 30px;
    align-items: center;
}

@media only screen and (max-width: 1300px) {
    .app-pg-pd-sheme2 {
        grid-template-columns: repeat(auto-fit, minmax(calc(50% - 2rem),1fr));
    }
}

@media only screen and (max-width: 539px) {
    .app-pg-pd-sheme2 {
        grid-template-columns: repeat(auto-fit, minmax(calc(100% - 2rem),1fr));
    }
}

/* sheme1 for  Switchgear page End */

.app-pg-title-green {
    color: #62D14F;
    margin-bottom: 30px;
}

.app-pg-title {
    margin-bottom: 40px;
}

.app-pg-img-and-text {
    background-color: #F3F3F3;
    border-radius: 20px;
    overflow: hidden;
    margin: 50px 0;
}

.app-pg-resources-section {
    margin: 5rem 0;
}

.app-pg-bottom-margin {
    height: 5rem;
}

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

}

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


/* Applications regular pages END */


/* MISCELLANEOUS PAGES Start */

.misc-page.our-technology {
    display: flex;
    gap: 100px;
}

.misc-page.our-technology .header {
    min-width: 30%;
}

.misc-page.our-technology .content {
}

@media only screen and (max-width: 1024px) {
    .misc-page.our-technology {
        gap: 30px;
    }
}

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

    .misc-page.our-technology .header {
        min-width: unset;
    }

    .misc-page.our-technology {
        flex-direction: column;
        gap: 0;
    }
}

/* MISCELLANEOUS PAGES End */



/********************************************************************************/
/*********************** Main styles, Responsiveness ****************************/

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

    :root {
        --sidebar-width: 355px;
    }
    
    #menu-tree-product,
    #industry-menu {
        margin-left: 0;
    }

}

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

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

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

/* TABLET View*/
@media only screen and (max-width: 1024px) {

    :root {
        --sidebar-width: 280px;
    }
    
    #menu-tree-product,
    #industry-menu {
        width: 250px;
    }

    
    /* Fonts start */

    /* Headings */

    h1 {
        font-size: 52px;
        line-height: 63px;
        margin: 45px 0;
    }

    h2 {
        font-size: 45px;
        line-height: 55px;
        margin: 40px 0;
    }

    h3 {
        font-size: 38px;
        line-height: 46px;
        margin: 35px 0;
    }

    h4 {
        font-size: 38px;
        line-height: 46px;
        margin: 35px 0;
    }

    h5 {
        font-size: 32px;
        line-height: 39px;
        margin: 30px 0;
    }

    h6 {
        font-size: 32px;
        line-height: 39px;
        margin: 30px 0;
    }

    .h7 {
        font-size: 27px;
        line-height: 33px;
    }

    .h8 {
        font-size: 27px;
        line-height: 33px;
    }

    .h9 {
        font-size: 22px;
        line-height: 27px;
    }

    .h-xl {
        font-size: 88px;
        line-height: 107px;
        margin: 45px 0;
    }
    
    .h-l {
        font-size: 64px;
        line-height: 78px;
        margin: 45px 0;
    }

    /* Navigation */

    .n1, .n2, .n3 {
        font-size: 22px;
        line-height: 27px;
    }

    .n4, .n5, .n6 {
        font-size: 18px;
        line-height: 22px;
    }

    /* Body */

    .b1 {
        font-size: 22px;
        line-height: 35px;
    }

    .b2 {
        font-size: 20px;
        line-height: 30px;
    }

    .b3 {
        font-size: 20px;
        line-height: 25px;
    }

    .b4 {
        font-size: 16px;
        line-height: 20px;
    }

    .b5 {
        font-size: 16px;
        line-height: 25px;
    }


    /* Caption */

    .c1 {
        font-size: 28px;
        line-height: 40px;
    }

    .c2, .c3 {
        font-size: 16px;
        line-height: 18px;
    }


    .c4 {
        font-size: 16px;
        line-height: 24px;
    }

    .c5, .c6, .c7 {
        font-size: 20px;
        line-height: 26px;
    }

    .c-xl, .c-xl-b {
        font-size: 34px;
        line-height: 52px;
    }

    /* Fonts end */

    .standard-width,
    #middle.hasSidebar {
        padding: 0 40px;
    }

    /* Sections */

    .app-pg-img-and-text.monitoring-temperatures {
        margin-bottom: 50px;
    }

    .app-pg-related-products .collection {
        margin: 40px 0 40px;
    }

}

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

@media only screen and (max-width: 900px) {
    #sidebar-top.sb_sidebar_industry_menu #industry-menu,
    #sidebar-top.sb_sidebar_products_category_menu #menu-tree-product {
        display: none;
    }
}

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

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

/* MOBILE View*/
@media only screen and (max-width: 539px) {

    .cms-button-a,
    .cms-button-a:visited {
        padding: 1rem 2rem;
    }

     /* Fonts start */

    /* Headings */

    h1 {
        font-size: 40px;
        line-height: 49px;
        margin: 35px 0;
    }

    h2 {
        font-size: 34px;
        line-height: 41px;
        margin: 30px 0;
    }

    h3, h4 {
        font-size: 28px;
        line-height: 34px;
        margin: 25px 0;
    }

    h5, h6 {
        font-size: 25px;
        line-height: 30px;
        margin: 20px 0;
    }

    .h7, .h8 {
        font-size: 22px;
        line-height: 27px;
        margin: 15px 0;
    }

    .h9 {
        font-size: 18px;
        line-height: 22px;
        margin: 15px 0;
    }

    .h-xl {
        font-size: 56px;
        line-height: 68px;
        margin: 35px 0;
    }
    
    .h-l {
        font-size: 48px;
        line-height: 59px;
        margin: 35px 0;
    }

    /* Navigation */

    .n1, .n2, .n3 {
        font-size: 20px;
        line-height: 24px;
    }

    .n4, .n5, .n6 {
        font-size: 16px;
        line-height: 20px;
    }

    /* Body */

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

    .b2 {
        font-size: 16px;
        line-height: 26px;
    }

    .b3 {
        font-size: 16px;
        line-height: 22px;
    }

    .b4 {
        font-size: 14px;
        line-height: 17px;
    }

    .b5 {
        font-size: 14px;
        line-height: 22px;
    }


    /* Caption */

    .c1 {
        font-size: 24px;
        line-height: 32px;
    }

    .c2, .c3 {
        font-size: 14px;
        line-height: 17px;
    }


    .c4 {
        font-size: 14px;
        line-height: 20px;
    }

    .c5, .c6, .c7 {
        font-size: 18px;
        line-height: 22px;
    }

    .c-xl, .c-xl-b {
        font-size: 28px;
        line-height: 44px;
    }


    /* Fonts end */

    .standard-width,
    #middle.hasSidebar {
        padding: 0 20px;
    }

    /* Sections */

    .app-pg-related-products .collection {
        margin: 30px 0;
    }

    .app-pg-img-and-text .txt {
        padding: 20px;
    }

    .wrap-product-title .wrap-product-icons {
        grid-gap: 1rem;
        font-size: 12px;
    }
}

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

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

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

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

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