/*

font-family: "ITCFranklinGothicW01-Bk 812647" ;//ITC Franklin Gothic™ Book
font-family: "ITCFranklinGothicW01-Bk 812650" ;//ITC Franklin Gothic™ Compressed Book
font-family: "ITCFranklinGothicW01-Dm 812677" ;//ITC Franklin Gothic™ Condensed Demi
font-family: "ITCFranklinGothicW01-Dm 812671" ;//ITC Franklin Gothic™ Compressed Demi
font-family: "ITCFranklinGothicW01-Dm 812668" ;//ITC Franklin Gothic™ Demi
font-family: "ITCFranklinGothicW01-Bk 812662" ;//ITC Franklin Gothic™ Extra Compressed Book
font-family: "ITCFranklinGothicW01-Bk 812656" ;//ITC Franklin Gothic™ Condensed Book

*/


/* general elements */

html {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: "ITCFranklinGothicW01-Bk 812647", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #808285;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url(/images/loading2.gif);
    background-repeat: no-repeat;
    background-position: center center
}

#maindiv {
    position: relative;
    margin-top: 30px;
    padding: 0px;
    background-color: #fff;
    float: left;
    clear: both;
    text-align: left;
    width: 900px;
    left: 50%;
    margin-left: -450px;
}

a {
    text-decoration: underline;
    color: #56A0D4
}

img {
    border: 0px;
}

textarea {
    font-family: arial;
}

input {
    font-family: arial;
}


/* structural elements*/

#header,
#subhead,
#mainbody,
#leftcol,
#rightcol,
#promoarea,
#boxes,
#footer {
    width: 100%;
    position: relative;
    float: left;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

#header {
    height: 45px;
}

#header .social {
    display: none;
}

#mainbody {
    padding-bottom: 30px
}


/* border-bottom: 1px solid #CCCDCF; */

#subhead {
    width: 100%;
    overflow: static;
    height: 1px;
}

#leftcol {
    width: 632px;
    padding-right: 44px;
    background-image: url(/images/bg-page.png);
    background-repeat: no-repeat;
    padding-top: 20px;
}

#rightcol {
    width: 200px;
    padding-left: 24px;
    text-align: left;
}

#boxes {
    padding-top: 30px;
    width: 1000px;
    list-style-type: none;
    margin-top: 30px
}

#footer {
    margin-top: 30px
}

ul.menu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    margin-bottom: 5px
}

ul.menu>li {
    float: left;
    padding: 0px 14px 0 10px;
    background-image: url(/images/menu-sep.png);
    background-repeat: no-repeat;
    background-position: right 3px;
    display: block;
    position: relative
}

ul.menu>li:first-child {
    padding-left: 0px;
}

ul.menu>li:last-child {
    padding-right: 0px;
    background: none;
}

ul.menu>li a {
    color: #BBB;
    font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 16px;
    text-decoration: none;
}

ul.menu>li a:hover {
    color: #56A0D4;
}

ul.menu>li a.active {
    color: #56A0D4;
}

ul.menu>li ul {
    display: none;
}

ul.menu>li ul:hover {
    display: block;
}

ul.menu>li ul {
    position: absolute;
    top: 18px;
    left: 0;
    width: 200px;
    list-style-type: none;
    margin: 0;
    padding: 20px;
    background: #fff;
    z-index: 3;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

ul.menu>li ul li {
    display: block;
    width: 100%;
}

ul.menu>li ul li a {
    display: block;
    width: 100%;
    line-height: 30px;
    color: #BBB;
    font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
}

ul.menu>li ul li a:hover {
    color: #56A0D4
}

ul.brock-menu>li {
    padding: 0px 10px 0 8px;
}

ul.earthco-menu>li {
    padding: 0px 10px 0 5px;
}

#header-links {
    position: absolute;
    right: 0px;
    top: -4px;
    width: 203px;
}

#mobile-link {
    position: absolute;
    left: 0px;
    top: 4px;
    background-image: url(/images/menu-sep.png);
    background-repeat: no-repeat;
    background-position: right 3px;
    background: none;
    padding-right: 10px;
    margin-right: 10px;
    font-family: "ITCFranklinGothicW01-Bk 812650";
    color: #56A0D4;
    font-size: 16px;
    text-decoration: none;
}

#fontsize {
    float: left;
    font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;
    color: #56A0D4;
    margin-right: 20px;
    display: none;
}

#fontsize a {
    font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;
    color: #56A0D4;
    font-size: 16px;
    text-decoration: none;
}

#Search {
    position: absolute;
    right: 0px;
    top: 0px;
    float: left;
    background-image: url(/images/bg-search.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 120px;
    height: 15px;
    padding: 5px 12px 5px 22px;
    text-align: left;
    font-family: "ITCFranklinGothicW01-Bk 812650";
    color: #56A0D4;
    font-size: 16px;
    border: 0px;
}

#subhead {
    width: 600px;
    overflow: static;
    float: left;
    height: auto;
    margin: 0px;
}

#subhead div {
    height: 50px;
    float: left;
}

ul.subhead {
    width: 912px;
    float: left;
    border-top: 1px solid #CCCDCF;
    list-style-type: none;
    padding: 12px 0px;
    margin: 0px;
}

ul.subhead li {
    float: left;
    display: block;
    padding: 12px 33px 12px 0px;
    color: #56A0D4;
    font-size: 27px;
    font-family: "ITCFranklinGothicW01-Dm 812671";
}

#leftcol p {
    text-align: justify;
    line-height: 140%;
}

#boxes li {
    padding: 0px 16px;
    width: 152px;
    border-right: 1px solid #CCCDCF;
    float: left;
    text-align: center;
}

#boxes li img {
    max-width: 100%
}

#boxes li:last-child {
    padding-right: 0px;
    border-right: 0px;
}

#boxes li:first-child {
    padding-left: 0px;
    border-left: 0px;
}

#boxes li div {
    width: 100%;
    text-align: left;
    font-size: 12px;
    float: left;
}

#boxes li div h5 {
    color: #00467F;
    padding: 17px 0px 0px;
    margin: 0px;
    font-weight: normal;
    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
}

#footer {
    width: 100%;
    padding-bottom: 20px;
    border-top: 1px solid #CCCDCF;
    padding-top: 30px;
}

#footer-menu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    max-width: 340px;
    margin-top: 0px;
}

#footer-menu li {
    float: left;
    display: block;
    padding: 0px 7px;
    background-image: url(/images/bg-menu-footer.png);
    background-repeat: no-repeat;
    background-position: right 3px;
}

#footer-menu li:first-child {
    padding-left: 0px;
}

#footer-menu li:last-child {
    padding-right: 0px;
    background: none;
}

#footer-menu li a {
    font-family: "ITCFranklinGothicW01-Bk 812656", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808285;
    text-decoration: none;
}

#footer-right {
    float: right;
    width: 371px !important;
    text-align: right;
    position: relative !important;
}

#footer-social {
    text-align: right;
    width: 100%;
    float: right;
    position: absolute !important;
    top: -4px !important;
    right: 0px !important;
}

#disclaimer {
    font-family: "ITCFranklinGothicW01-Bk 812656", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808285;
    text-align: right !important;
    float: right;
    width: 400px !important;
    position: absolute !important;
    top: 25px !important;
    right: 0px !important;
}

#disclaimer a {
    font-family: "ITCFranklinGothicW01-Bk 812656", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808285;
    text-decoration: underline;
}

div.submenu {
    background-color: #0a2147;
    padding: 10px 0px;
    margin-bottom: 40px;
    float: left;
}

table.submenu {
    background-color: #0a2147;
    width: 632px;
    height: 155px;
    position: relative;
    border-collapse: collapse;
}

table.submenu tr td {
    padding: 25px;
    vertical-align: middle
}

table.submenu tr td.left {
    width: 350px;
}

table.submenu tr td.mid {
    width: 490px;
    color: #fff;
    vertical-align: middle;
    font-family: "ITCFranklinGothicW01-Bk 812647";
    font-size: 25px;
    letter-spacing: 1px
}

table.submenu tr td.right {
    width: 200px;
    border-left: 1px solid #fff;
    padding-left: 35px;
    color: #fff;
    vertical-align: middle;
    font-family: "ITCFranklinGothicW01-Dm 812671";
    font-size: 28px;
    letter-spacing: 1px
}

table.submenu tr td.right span {
    font-size: 16px;
    letter-spacing: 0px
}

ul.submenu {
    width: 350px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    position: relative;
}

ul.submenu li {
    margin: 0 0 10px 0;
    display: block;
}

ul.submenu li a {
    font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
}

ul.submenu li a:hover {
    color: #56A0D4
}

ul.submenu li a.active {
    color: #FFF
}


/* body elements */

h1 {
    font-family: "ITCFranklinGothicW01-Dm 812677", Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: 100%;
    color: #0a2147;
    font-size: 96px;
    margin-bottom: 20px
}

h1.colour {
    color: #00467F;
}

h2 {
    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: 125%;
    color: #0a2147;
    font-size: 25px;
}

h4 {
    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: 125%;
    color: #00467F;
    font-size: 23px;
}

h6 {
    font-family: "ITCFranklinGothicW01-Bk 812656", Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: 125%;
    color: #00467F;
    font-size: 14px;
}

h5 {
    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: 125%;
    color: #56A0D4;
    font-size: 21px;
}

a.more {
    font-family: "ITCFranklinGothicW01-Dm 812677", Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: 125%;
    color: #00467F;
    font-size: 14px;
    text-decoration: none;
}

a.colour {
    color: #00467F;
}

a.blue {
    color: #56A0D4;
}

a.black {
    color: #000;
}

a.red {
    color: #C31230;
}

a.green {
    color: #008348;
}

a.green2 {
    color: #277F3E;
}

a.green3 {
    color: #AEDA4A;
}

a.red2 {
    color: #EC1C24;
}

span.blue {
    color: #00467F;
}

h4.blue {
    color: #00467F;
}

p.colour {
    color: #808285;
}

a span {
    color: #00467F;
}

span.highlight {
    font-family: "ITCFranklinGothicW01-Dm 812668", Arial, Helvetica, sans-serif;
    color: #56A0D4;
    font-size: 16px;
}

span.colour1 {
    color: #00467F;
}

span.colour2 {
    color: #56A0D4;
}

span.red {
    color: #ff0000;
}

div.sidebar_sep {
    width: 200px;
    height: 40px;
    border-bottom: 1px solid #56A0D4;
    text-align: right;
    position: relative;
    float: left;
}

div.sidebar_sep2 {
    width: 429px;
    height: 20px;
    border-bottom: 1px solid #bbb;
    text-align: right;
    position: relative;
    float: left;
}

div.sidebar_sep a {
    position: absolute;
    right: 0px;
    bottom: 2px;
    text-align: right;
    font-family: "ITCFranklinGothicW01-Dm 812668", Arial, Helvetica, sans-serif;
    color: #56A0D4;
    font-size: 16px;
    text-decoration: none;
}

#btSubscribe {
    margin-bottom: 10px
}

ul.std {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-left: 20px;
    margin-top: 10px;
}

ul.std li {
    background-image: url(/images/bullet-blue.png);
    background-repeat: no-repeat;
    background-position: left 8px;
    padding: 3px 0 3px 20px
}

div.highlight {
    background-color: #56A0D4;
    color: #fff;
    padding: 25px;
    float: left;
}

div.highlight h5 {
    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 25px;
    color: #fff;
    margin: 0px;
}

div.news-short {
    float: left;
    width: 145px;
    margin-right: 15px;
    font-size: 14px
}

div.news-short span.colour1 {
    font-size: 14px
}

div.news-short p {
    text-align: left !important;
    font-size: 14px
}

div.news-short+a.more {
    display: block;
    margin: 20px auto;
    text-align: left
}

div.all-news p {
    float: left;
    width: 485px;
}

div.all-news h2 {
    margin-top: 28px;
}

div.all-news img {
    float: left;
    clear: both;
    margin: 20px 20px 0px 0px;
}

input.sidebar {
    float: left;
    background-image: url(/images/bg-input-200.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 180px;
    height: 30px;
    padding: 5px 10px 5px 10px;
    text-align: left;
    font-family: "ITCFranklinGothicW01-Bk 812650";
    color: #56A0D4;
    font-size: 16px;
    position: relative;
    top: -4px;
    border: 0px;
}

div.company {
    width: 100%;
    padding: 30px 0px;
    border-bottom: 1px solid #CCCDCF;
    text-align: justify;
    float: left;
}

div.company div {
    width: 140px !important;
    float: left;
    text-align: left;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-right: 10px;
}

div.company div {
    box-sizing: border-box;
    float: left;
    width: 20%;
}

div.company span {
    box-sizing: border-box;
    float: left;
    width: 77%;
    padding-left: 1%;
}

img.scaled-brock-logo {
    width: 76% !important;
}

img.scaled-footer-brock-logo {
    width: 116px !important;
}

div.thumb {
    width: 150px;
    text-align: left;
    float: left;
}

div.team {
    width: 100%;
    padding: 30px 0px;
    border-bottom: 1px solid #CCCDCF;
    text-align: justify;
    float: left;
}

div.team div {
    width: 230px !important;
    float: left;
    text-align: left;
    margin-bottom: 30px;
}

div.team div h5 {
    font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: 125%;
    color: #56A0D4;
    font-size: 23px;
}

div.sep {
    width: 100%;
    float: left;
    border-top: 1px solid #cccdcf;
    margin: 25px 0px;
    clear: both;
}

div.card {
    width: 316px;
    float: left;
    text-align: left;
    margin-bottom: 25px;
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f22 {
    font-size: 22px
}

.f24 {
    font-size: 24px
}

ul.media-nav {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
}

ul.media-nav li {
    float: left;
    display: block;
    width: 105px;
    text-align: left;
    padding: 15px 0px 0px;
}

ul.media-nav li a {
    color: #808285;
    text-decoration: none;
}

ul.media-nav li a:hover {
    color: #56A0D4;
}

ul.media-nav li a.active {
    color: #56A0D4;
}

ul.media-nav li.active {
    font-weight: bold;
}

#search-results a {
    color: #56A0D4;
    font-size: 22px;
    display: block;
    width: 100%;
    text-decoration: none;
}

#search-results h2 {
    margin: 20px 0px;
}

div.map {
    float: left;
    width: 224px;
    text-align: left;
    line-height: 125%;
    margin: 0 0 40px 0
}

div.map h4 {
    margin: 0px;
    font-family: "ITCFranklinGothicW01-Dm 812671"
}

div.map h4 span.address {
    font-family: "ITCFranklinGothicW01-Bk 812647", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #808285;
    text-transform: uppercase;
    display: block;
    min-height: 80px;
    padding-right: 5px;
}

div.newmap {
    float: left;
    dislay: block;
    width: 320px;
    text-align: left;
    line-height: 125%;
    margin: 0px 10px 40px 0px;
}

div.newmap .container {
    position: absolute;
    left: 0px;
    width: 960px;
    height: 320px;
    overflow: hidden;
}

div.newmap .container .mapiframe {
    float: left;
    width: 320px;
    height: 320px;
    border: 0px;
    margin: 0px;
}

div.newmap .container .hours {
    float: left;
    width: 320px;
    height: 320px;
    border: 0px;
    margin: 0px;
}

div.newmap .container availprod {
    float: left;
    width: 320px;
    height: 320px;
    border: 0px;
    margin: 0px;
}

form#formUploader select {
    border: 1px solid #ccc;
    padding: 5px 5px;
    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
}

table.form {
    border-collapse: collapse;
    width: 620px;
    margin-top: 10px;
}

table.form td {
    padding: 2px;
    min-width: 310px
}

table.form td input {
    border: 1px solid #ccc;
    padding: 5px 5px;
    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
}

table.form td input.cb {
    border: 0px;
    padding: 0px;
    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    width: auto !important;
}

table.form td textarea {
    border: 1px solid #ccc;
    padding: 5px 5px;
    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
}

table.form tr.full td input {
    width: 604px
}

table.form tr.half td input {
    width: 290px
}

table.form2 {
    border-collapse: collapse;
    width: 620px;
    margin-top: 10px;
}

table.form2 td {
    padding: 2px;
}

table.form2 td input {
    border: 1px solid #ccc;
    padding: 5px 5px;
    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    width: 120px
}

table.form2 td textarea {
    border: 1px solid #ccc;
    padding: 5px 5px;
    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
}

table.form3 {
    border-collapse: collapse;
    width: 620px;
    margin-top: 10px;
}

table.form3 td {
    padding: 2px;
}

table.form3 td input {
    border: 1px solid #ccc;
    padding: 5px 5px;
    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
}

table.form3 td textarea {
    border: 1px solid #ccc;
    padding: 5px 5px;
    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);
}

.uc {
    text-transform: uppercase;
}

.bttn a,
button.bttn {
    color: #56A0D4;
    background-color: #fff!important;
    ;
    border: 1px solid #56A0D4;
    text-decoration: none;
    font-family: 'ITCFranklinGothicW01-Dm 812671';
    font-weight: normal;
    display: block;
    width: 375px;
    text-align: center;
    margin: 0px;
    padding: 12px 10px 10px 10px;
    line-height: 125%;
    font-size: 25px;
}

.bttn a:hover,
button.bttn:hover {
    color: #fff;
    background-color: #56A0D4!important;
}

#popup-content {
    display: none;
}

div.blogs {
    margin-top: 25px;
}

div.blogs div.blog-item {
    display: inline-block;
    width: 30%;
    box-sizing: border-box;
    margin-right: 10px;
    font-size: 14px;
    vertical-align: top
}

div.blogs div.blog-item div.blog-image {
    width: 100%;
}

div.blogs div.blog-item div.blog-image img {
    width: 100%
}

div.blogs div.blog-item div.blog-image-thumb {
    width: 100%;
    height: 190px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

div.blogs div.blog-item p {
    margin: 15px 5px;
    text-align: justify;
    line-height: 140%;
}

#leftcol div.blogs div.blog-item p.blog-home-summary {
    min-height: 60px;
    text-align: left;
}

div.blogs div.blog-item a {
    margin: 5px;
}

div.blog-results div.blog-image {
    background-size: cover;
    background-position: center center;
    width: auto;
    position: relative;
}

div.blog-results div.blog-image img {
    position: relative;
    z-index: 98;
}

div.blog-results div.blog-image div.blog-date {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #00467F;
    z-index: 99;
    padding: 10px;
}

div.blog-results div.blog-image div.blog-date h1 {
    line-height: 75%;
    font-size: 75px;
    color: #fff;
    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

div.blog-results div.blog-image div.blog-date h2 {
    line-height: 100%;
    text-align: center;
    color: #fff;
    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

div.blog-results h2 {
    margin: 7px 0;
}

div.blog-results a.blog-read-more {
    margin-top: 7px;
    width: 150px;
    padding: 10px;
    display: inline;
    background-color: #00467F;
    color: #fff;
    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;
    text-decoration: none;
}

div.blog-results div.all-blog {
    padding: 20px 0 10px;
    border-bottom: 1px solid #00467F;
}

div.blog-results div.all-blog p.author-date {
    color: #00467F;
}

div.all-blog img {
    max-width: 100%;
}

div.socialbox.archive {
    margin-top: 30px;
}

ul.blog-archive,
ul.blog-archive ul {
    margin: 0;
    padding: 0 !important;
    list-style: none;
}

ul.blog-archive li a {
    font-size: 20px;
    padding: 7px 10px;
    text-align: left;
    text-decoration: none;
    font-family: "ITCFranklinGothicW01-Dm 812671";
    display: block;
}

ul.blog-archive ul {
    padding-left: 10px !important;
    border-top: 1px solid #ccc;
}

div.newsletter-header {
    padding: 0px 0px 10px 0;
    margin: 0px 0 30px 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background: #FFF;
    z-index: 100;
    width: 196px;
    float: left;
    border: 2px solid #bcbdc0;
    border-top: 0px;
    font-size: 12px;
    color: #333;
}

div.read-more-btn a {
    float: left;
}

div.read-more-btn div {
    float: right;
    padding-top: 10px;
}

div.contact-info {}

div.contact-info div.row {
    padding: 3px 0;
}

div.contact-info div.label {
    float: left;
    width: 175px;
}

div.contact-info div.value {
    float: left;
    width: 300px;
}

div.contact-info div.clear {
    clear: both;
}

div.newsletter-disclaimer-popup {
    font-size: 1.3em;
    max-width: 90%;
    padding: 15px;
}

div.newsletter-disclaimer-popup input[type="button"] {
    display: block;
    margin: 0 auto;
}

ul.videos {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.videos li {
    width: 50%;
    box-sizing: border-box;
    padding-right: 20px;
    float: left;
}

ul.videos li img {
    max-width: 100%;
}

ul.videos li a {
    text-decoration: none;
}

ul.videos li p {
    width: 100%;
    text-align: center !important;
    padding: 2px 0 20px;
    text-transform: uppercase;
    font-family: "ITCFranklinGothicW01-Bk 812650"; //ITC Franklin Gothic™ Compressed Book; font-size: 14px; color: #000; margin:0}
    div.finder {
        float: left;
        padding-top: 50px;
        width: 100%;
        display: none !important;
    }
    div.finder-left {
        float: left;
        width: 220px;
        margin-right: 40px;
    }
    div.finder-left ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    div.finder-left ul li {
        width: 100%;
        margin: 0;
        padding: 0 0 7px;
        cursor: pointer;
    }
    div.finder-left input,
    div.finder-left select {
        color: #858585;
        font-family: "ITCFranklinGothicW01-Bk 812647";
        font-size: 14px;
        width: 100%;
        padding: 0.7em 1em;
        box-sizing: border-box;
        border: 1px solid #dbdcdd
    }
    div.finder-right {
        width: 640px;
        height: 720px;
        float: left;
    }
    div.finder h2 {
        font-size: 48px;
        color: #00467f;
        font-family: "ITCFranklinGothicW01-Dm 812668";
        margin: 0 0 20px;
        padding: 0;
        line-height: 1;
    }
    div.finder h4 {
        font-size: 18px;
        color: #529fd6;
        font-family: "ITCFranklinGothicW01-Dm 812668";
        padding: 20px 0 8px;
        margin: 0;
        line-height: 1;
    }
    #gmap {
        height: 100%;
        width: 100%;
        background: #000
    }
    #finderSearch {
        margin-top: 10px;
        cursor: pointer;
    }
    div.infobox-popup-holder {
        width: 440px;
        padding: 20px;
        box-sizing: border-box;
    }
    div.finder-logo {
        width: 100px;
        padding: 0 20px 0 0;
        box-sizing: border-box;
        float: left;
    }
    div.finder-logo img {
        width: 100%;
    }
    div.finder-text {
        width: 300px;
        padding: 0 0 20px;
        box-sizing: border-box;
        float: left;
        font-size: 14px;
    }
    div.finder-text h4 {
        margin: 0;
        padding: 4px 0 0 0;
        font-family: "ITCFranklinGothicW01-Dm 812668";
        text-transform: uppercase;
        font-size: 14px;
        color: #464646;
    }
    div.finder-text address {
        margin: 14px 0 20px 0;
        padding: 0;
        font-family: "ITCFranklinGothicW01-Bk 812647";
        ;
        font-size: 14px;
        color: #464646;
        font-style: normal;
    }
    div.finder-text a {
        display: block;
        margin: 0;
        padding: 0;
        color: #00467f;
        font-family: "ITCFranklinGothicW01-Dm 812668";
        font-weight: normal;
        text-transform: uppercase;
        text-decoration: none;
    }
    #finderPostalCode {
        width: 120px;
    }
    #finderDistance {
        width: 50px;
        margin: 0 5px 0 10px
    }
    .btnup {
        padding: 12px 50px;
        font-size: 18px;
        font-family: "ITCFranklinGothicW01-Dm 812677", Arial, Helvetica, sans-serif;
        text-align: center;
        cursor: pointer;
        outline: none;
        color: #fff;
        background-color: #003B73;
        border: none;
        border-radius: 10px;
    }
    .button:hover {
        background-color: #3e8e41
    }
    .button:active {
        background-color: #3e8e41;
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    }
    .btnup1 {
        padding: 6px 44px;
        font-size: 12px;
        text-align: center;
        cursor: pointer;
        outline: none;
        color: #003B73;
        background-color: #ffffff;
        border-color: #003B73;
        border-radius: 7px;
    }
    div.cont652 {
        width: 652px;
        float: left;
    }
    div.cont652b {
        width: 652px;
        float: left;
        border-top: 1px solid #00467F;
        margin-top: 30px;
        padding-top: 40px;
    }
    div.cont430 {
        width: 430px;
        padding-right: 20px;
        margin-right: 20px;
        border-right: 1px solid #CCCDCF;
        float: left;
    }
    div.cont180 {
        width: 180px;
        float: left;
    }
    div.cont235 {
        width: 235px;
        float: left;
        margin-right: 13px;
    }
    div.cont160 {
        width: 160px;
        float: left;
    }
    p.mw620 {
        max-width: 620px;
    }
    img.fullwidth {
        width: 100%;
        height: auto;
        display: block;
    }
    div.newsholder {
        width: 652px;
        float: left;
        border-top: 1px solid #00467F;
        margin-top: 30px;
        padding-top: 40px;
    }
    div.blogholder {
        width: 652px;
        float: left;
        border-top: 1px solid #00467F;
        margin-top: 30px;
        padding-top: 40px;
    }
    div.wrapper {
        width: 100%;
        display: block;
    }
    div.wrapper0 {
        width: 100%;
        display: block;
        font-size: 0
    }
    div.burger {
        display: none;
    }
    @media only screen and (min-width:941px) {
        .desktop-hide {
            display: none !important
        }
    }
    @media only screen and (max-width:940px) {
        * {
            box-sizing: border-box;
            transition: all .3s ease-out;
        }
        .bx-wrapper * {
            transition: all 0s ease-out;
        }
        html {
            width: 100%;
            height: 100%;
            background-color: #fff;
            min-width: 320px;
        }
        body {
            color: #000;
            width: 100%;
            position: relative;
            margin: 0px auto;
            font-weight: normal;
            font-size: 1rem;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
            overflow-x: hidden;
        }
        #mainbody {
            width: 100%;
            float: none;
        }
        #maindiv {
            width: 100%;
            left: 0;
            margin-left: 0;
        }
        #header {
            height: auto;
            float: none;
            display: block;
            width: 100%;
            margin: 0;
            padding: 0
        }
        #mobilelogo {
            display: block!important;
            margin: 0 auto;
        }
        #mobilelogo img {
            display: block;
            margin: 0 auto 30px;
            width: 120px
        }
        #leftcol {
            width: 100% !important;
            padding: 20px 20px !important;
            background-image: none !important;
            float: none!important
        }
        div.cont652,
        div.cont652b {
            width: 100%;
            text-align: center;
            float: none;
            max-width: 800px;
            margin: 0 auto
        }
        div.cont652b {
            border-top: 1px solid #eee;
            margin-top: 50px
        }
        div.cont430 {
            width: 100%;
            text-align: center;
            float: none;
            border: 0;
            margin: 0px auto 50px;
            padding: 0 20px
        }
        div.cont180 {
            width: 100%;
            text-align: center;
            float: none;
            text-align: center;
        }
        span.highlight {
            display: block;
            width: 100%;
            text-align: center
        }
        div.fullwidth {
            width: 100%!important;
            display: block!important;
            float: none !important
        }
        div.cont235,
        div.cont160 {
            display: inline-block;
            float: none !important;
            width: 50%!important;
            margin: 0 !important;
            vertical-align: top;
            text-align: center;
        }
        div.cont235 p {
            text-align: center !important
        }
        h1 {
            font-size: 48px!important;
            text-align: center;
        }
        h2 {
            text-align: center;
        }
        h1 br {
            display: none
        }
        #leftcol p {
            text-align: center
        }
        p.mw620 {
            max-width: 100%;
            text-align: center;
        }
        div.newsholder {
            width: 100%;
            text-align: center;
            font-size: 0;
            float: none;
        }
        div.blogholder {
            width: 100%;
            text-align: center;
            float: none;
        }
        div.blogs {
            width: 100%;
            float: none!important;
            margin: 50px auto;
            padding-top: 0px;
            border-bottom: 1px solid #eee;
            display: block
        }
        div.news-short {
            width: calc(25% - 15px);
            margin: 0 15px 0 0;
            vertical-align: top;
            float: none;
            display: inline-block;
            font-size: 1rem
        }
        div.news-short+a.more {
            text-align: center;
            margin-bottom: 50px
        }
        div.blogs {
            font-size: 0
        }
        div.blogs div.blog-item {
            width: calc(25% - 15px);
            margin: 0 15px 0 0;
            vertical-align: top
        }
        #subhead {
            float: none;
            display: block;
            width: 100%;
            max-width: 600px;
            margin: 0px auto 0;
            padding-top: 30px;
        }
        ul.subhead {
            float: none;
            display: block;
            width: 100%;
            border-top: 0
        }
        ul.subhead li {
            float: none;
            display: block;
            width: 100%;
            padding: 0;
            text-align: center;
            font-size: 20px;
        }
        #leftcol div.news-short p {
            text-align: center!important;
        }
        #leftcol div.news-short span.colour1 {
            text-align: center;
        }
        #leftcol div.blogs div.blog-item p.blog-home-summary {
            text-align: center;
        }
        #rightcol {
            width: 100%;
            float: none!important;
            padding: 20px !important;
            top: 0 !important
        }
        #rightcol br {
            display: none
        }
        .mobile-hide {
            display: none !important
        }
        div.newsletter {
            width: 400px !important;
            display: block !important;
            float: none !important;
            margin: 50px auto !important;
            max-width: 100% !important;
            text-align: center
        }
        div.newsletter span {
            display: block;
            margin: 0 auto 30px
        }
        div.socialbox h1,
        div.newsletter h1 {
            border: 0!important;
            background: none !important
        }
        #rightcol div.newsletter-header {
            border: 0!important;
            background: none !important;
            margin: 0 !important;
            display: block !important;
            width: 100%!important;
            float: none;
        }
        div.newsletter-header p {
            font-size: 16px !important
        }
        #rightcol div.newsletter-header ul li input#SubscribeName,
        #rightcol div.newsletter-header ul li input#Subscribe,
        #rightcol div.newsletter-header ul li input#SubscribePostalCode {
            width: 100%!important
        }
        div.newsletter-header ul li:last-child {
            margin-top: 20px;
            border-top: 1px solid #ccc;
            padding-top: 10px
        }
        input.sidebar {
            float: none;
            display: block;
            margin: 0 auto 10px;
            width: 100%;
            background-size: cover;
            outline: none
        }
        #rightcol div.socialbox {
            width: 100%;
            max-width: 400px;
            display: block;
            margin: 50px auto;
            float: none
        }
        #rightcol div.social-header {
            width: 100%;
            display: block;
            float: none;
            border: 0;
            text-align: center;
        }
        #rightcol .social-header ul {
            display: inline-block;
            text-align: center;
            float: none;
            margin-left: 15px
        }
        #rightcol div.social-window {
            float: none;
            width: 100%;
            border: 0px;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
        }
        #rightcol div.social-update {
            float: none;
            width: 100%;
            border: 0px
        }
        #rightcol div.social-footer {
            float: none;
            width: 100%;
            border: 0px;
            border: 0;
            background: none
        }
        #boxes {
            display: block;
            width: 100%;
            font-size: 0;
            float: none !important
        }
        #boxes li {
            display: inline-block !important;
            width: 20%;
            padding: 0 20px !important;
            vertical-align: top;
            float: none !important;
        }
        #boxes li a {
            display: block !important;
            width: 100%;
        }
        #boxes li a img {
            display: block;
            max-width: 100%;
            margin: 0 auto;
        }
        #boxes li div {
            display: block;
            max-width: 100%;
            width: 100% !important
        }
        #boxes li a:nth-child(1) {
            margin-bottom: 10px
        }
        #boxes li a:nth-child(2) img {
            width: 100%;
        }
        #boxes li div h5 {
            text-align: center;
        }
        #boxes li div p {
            text-align: center;
            line-height: 1.25;
            min-height: 65px
        }
        #boxes li div p br {
            display: none;
        }
        #boxes li a.more {
            text-align: center;
            display: block;
            width: 100%;
        }
        #footer {
            padding: 30px 20px
        }
        #header {
            height: auto !important;
            padding: 0 20px;
        }
        ul.menu {
            display: block;
            float: none;
            text-align: center;
            font-size: 0
        }
        ul.menu>li {
            float: none;
            display: inline-block
        }
        #header-links {
            right: 20px;
            top: 0px;
            display: none
        }
        div.submenu {
            width: 100%;
            float: none;
        }
        table.submenu {
            width: 100%;
        }
        table.submenu tr td.left {
            width: calc(100% - 260px)
        }
        table.submenu tr td.right {
            width: 260px
        }
        div.highlight {
            text-align: center;
            margin: 50px auto
        }
        div.highlight h5 {
            text-align: center;
        }
        div.blog-results div.blog-image img {
            width: 100%;
        }
        div.all-news p {
            width: 100%;
        }
        ul.media-nav {
            display: block;
            width: 100%;
            float: none;
            font-size: 0;
            text-align: center;
        }
        ul.media-nav li {
            display: inline-block;
            float: none;
            vertical-align: top;
            width: 105px;
            margin: 0 10px 10px;
            font-size: 16px;
            text-align: center
        }
        div.newsletterholder iframe {
            width: 100%;
            height: 60vw
        }
        div.contactusholder {
            display: block;
            width: 100%;
            text-align: center;
            line-height: 1.5
        }
        div.card {
            float: none;
            display: inline-block;
            width: auto;
            margin: 20px;
        }
        div.sep {
            float: none;
            display: block;
            width: 100%
        }
        div.team {
            float: none
        }
        .centered {
            text-align: center;
            display: block;
            width: 100%
        }
        div.category-list {
            float: none!important;
            width: 48%!important;
            display: inline-block!important;
            vertical-align: top
        }
        div.category-list ul {
            display: block;
            width: 100%;
        }
        div.locations-holder {
            display: block;
            width: 100%!important;
            text-align: center;
            font-size: 0
        }
        div.map {
            float: none !important;
            display: block !important;
            margin: 0 auto !important;
            padding: 20px !important;
            vertical-align: top !important
        }
        div.locations-holder div.map {
            display: inline-block !important;
        }
        div.map h4 span.address {
            min-height: 0
        }
        div.content-holder {
            text-align: center;
        }
        ul.std li {
            background: none!important;
            padding: 10px 0px !important;
            border-bottom: 1px solid #eee;
            text-align: center;
        }
        ul.std li:last-child {
            border-bottom: 0px solid #eee;
        }
        div.galery-holder {
            display: block;
            width: 100%;
            font-size: 0;
            text-align: center;
            padding: 0 10px;
        }
        div.galery-holder div.slidelnkholder {
            display: inline-block;
            float: none;
            width: 33.33%;
            vertical-align: top;
            margin: 0;
            padding: 0 10px 20px;
            font-size: 15px;
        }
        div.galery-holder div.slidelnkholder img {
            display: block;
            width: 100%;
            height: auto;
        }
        #galleria {
            width: 100%!important
        }
        #galleria div.galleria-container {
            width: 100%!important
        }
        #galleria .galleria-stage {
            width: calc(100% - 20px) !important
        }
        div.contact-info {
            text-align: center;
        }
        div.contact-info div.row>div {
            text-align: center;
            display: block;
            float: none !important;
            width: 100%!important
        }
    }
    @media only screen and (max-width:768px) {
        #header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            display: block;
            height: 60px !important;
            background: #00467F;
            z-index: 10;
        }
        #mobilelogo {
            display: block!important;
            margin: 0 auto;
            position: absolute;
            right: 10px;
            top: 10px;
            height: 44px;
            width: 90px;
            background: url(/images/logo-gandl-white.svg) no-repeat center center;
            background-size: contain;
        }
        #mobilelogo img {
            display: none;
            margin: 0px auto 0px;
            height: 40px;
            width: auto;
        }
        #mainbody {
            padding-top: 60px;
            position: relative;
            left: 0
        }
        #mainbody.slide {
            transform: scale(0.8);
            transform-origin: center top;
        }
        ul.menu {
            display: block;
            width: 300px;
            padding: 60px 0 0px;
            position: fixed;
            top: 0px;
            left: -300px;
            background-color: #00467F;
            height: 100vh;
        }
        ul.menu.slide {
            left: 0
        }
        ul.menu>li {
            display: block;
            width: 100%;
            background: none;
            padding: 0 20px!important
        }
        ul.menu>li a {
            display: block;
            width: 100%;
            line-height: 35px;
            font-size: 18px;
            text-align: left;
            color: #fff;
        }
        ul.menu>li:hover ul {
            display: none
        }
        ul.menu>li.touched ul {
            display: block!important;
            position: static;
            top: 0px;
            width: 100%;
            box-shadow: none;
        }
        ul.menu>li.touched ul li {
            display: block;
            width: 100%;
        }
        ul.menu>li.touched ul li a {
            display: block;
            width: 100%;
            line-height: 30px;
            color: #BBB;
            font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;
            text-decoration: none;
            font-size: 16px;
            text-decoration: none;
            text-transform: uppercase;
        }
        ul.menu>li.touched ul li a:hover {
            color: #56A0D4
        }
        #subhead {
            padding-top: 60px;
        }
        /* BURGER */
        div.burger {
            position: fixed;
            width: 33px;
            height: 20px;
            cursor: pointer;
            display: block;
            top: 30px;
            left: 30px;
            z-index: 100;
            transition: transform .2s ease-out;
        }
        div.burger * {
            transition: transform .2s ease-out;
        }
        div.burger div {
            display: block;
            width: 33px;
            position: absolute;
            top: 9px;
            left: 0px;
            background: rgba(255, 255, 255, 1);
            height: 0px;
            border: 0;
        }
        div.burger:before {
            display: block;
            width: 33px;
            position: absolute;
            top: 9px;
            left: 0px;
            background: rgba(255, 255, 255, 1);
            height: 1px;
            border: 0;
            content: "";
            border-bottom: 1px solid #e2e2e2
        }
        div.burger:after {
            display: block;
            width: 33px;
            position: absolute;
            top: 9px;
            left: 0px;
            background: rgba(255, 255, 255, 1);
            height: 1px;
            border: 0;
            content: "";
            border-bottom: 1px solid #e2e2e2
        }
        div.burger div:before {
            content: "";
            display: block;
            width: 33px;
            position: absolute;
            top: -8px;
            left: 0px;
            background: rgba(255, 255, 255, 1);
            height: 1px;
            border: 0;
            border-bottom: 1px solid #e2e2e2
        }
        div.burger div:after {
            content: "";
            display: block;
            width: 33px;
            position: absolute;
            top: 8px;
            left: 0px;
            background: rgba(255, 255, 255, 1);
            height: 1px;
            border: 0;
            border-bottom: 1px solid #e2e2e2
        }
        div.burger.active div:before,
        div.burger.active div:after {
            display: none;
        }
        div.burger.active:before {
            transform: rotate(45deg);
            width: 38px
        }
        div.burger.active:after {
            transform: rotate(-45deg);
            width: 38px
        }
        header.home div.burger:before,
        header.home div.burger:after,
        header.home div.burger div:before,
        header.home div.burger div:after {
            border-bottom: 1px solid #252525;
        }
        div.burger {
            left: 20px;
            top: 20px;
            display: block
        }
        div.burger.active {
            z-index: 101;
        }
        #footer {
            float: none!important;
            display: block!important;
            width: 100%!important;
            text-align: center!important;
        }
        #footer-menu {
            float: none!important;
            display: block!important;
            width: 100%!important;
            text-align: center!important;
            max-width: 100%!important;
            margin: 0 auto 20px!important
        }
        #footer-menu li {
            float: none!important;
            display: inline-block!important;
            text-align: center!important;
            background: none !important
        }
        #footer-menu li a {
            font-size: 14px !important
        }
        #footer-right {
            float: none!important;
            display: block!important;
            width: 100% !important;
            text-align: center!important;
        }
        #footer-social {
            float: none!important;
            display: block!important;
            width: 100% !important;
            text-align: center!important;
            top: 0!important;
            position: static !important;
            margin-top: 20px;
        }
        #disclaimer {
            float: none!important;
            display: block!important;
            width: 100% !important;
            text-align: center !important;
            padding-bottom: 10px!important
        }
        #footer-left {
            float: none!important;
            display: block!important;
            text-align: center !important;
            margin: 0 auto!important
        }
        #disclaimer {
            position: static !important;
        }
        ul.delivery {
            display: block!important;
            width: 100%!important;
            float: none!important;
            text-align: center!important;
            padding: 0!important;
        }
        ul.delivery li {
            background: none!important;
            padding: 10px 0px !important;
            border-bottom: 1px solid #eee;
            text-align: center;
            display: block!important;
            width: 100%!important;
            float: none!important;
            text-align: center!important;
            padding: 10px 20px!important;
        }
        ul.std li:last-child {
            border-bottom: 0px solid #eee;
        }
        div.greendivider {
            display: none!important;
        }
    }
    @media only screen and (max-width:767px) {
        img {
            max-width: 100%
        }
        div.news-short {
            width: calc(50% - 15px);
            margin-bottom: 30px
        }
        div.blogs div.blog-item {
            width: calc(50% - 15px);
            margin-bottom: 30px
        }
        #boxes {
            text-align: center;
            font-size: 0
        }
        #boxes li {
            width: 33.33%;
            float: none;
            display: inline-block;
            vertical-align: top;
            margin: 30px auto
        }
        h1 {
            font-size: 28px !important;
        }
        h2 {
            font-size: 22px;
        }
        #leftcol {
            padding-top: 0!important
        }
        div.submenu {
            display: block;
            padding: 20px 0
        }
        table.submenu {
            display: block;
            font-size: 0;
            height: auto;
            padding: 0px 0
        }
        table.submenu tr td {
            display: inline-block;
            vertical-align: top;
            font-size: 18px
        }
        div.company {
            float: none;
            font-size: 0
        }
        div.company div {
            display: inline-block;
            float: none
        }
        div.company span {
            width: calc(100% - 140px);
            display: inline-block;
            float: none;
            font-size: 16px
        }
        div.cont235,
        div.cont160 {
            display: block;
            width: 100%!important;
            margin: 0 auto 50px !important;
        }
    }
    @media only screen and (max-width: 600px) {
        div.news-short {
            width: 100%;
            margin: 0px 0px 30px
        }
        div.blogs div.blog-item {
            width: 100% !important;
            margin: 0px 0px 50px
        }
        #leftcol div.blogs div.blog-item p.blog-home-summary {
            min-height: 0
        }
        #boxes {
            max-width: 400px;
            margin: 0 auto;
            float: none;
            display: block;
            margin-top: 50px
        }
        #boxes li {
            width: 100%!important;
            margin: 0px auto 50px;
            border-right: 0 !important;
            border-bottom: 1px solid #e2e2e2 !important;
            padding-bottom: 50px !important;
            padding-top: 0 !important
        }
        #boxes li:last-child {
            border-bottom: 0px!important
        }
        div.submenu {
            padding: 0px
        }
        table.submenu tr td.left {
            display: block;
            width: 100%;
            border: 0;
            padding: 0 20px
        }
        table.submenu tr td.right {
            display: none;
        }
        ul.submenu {
            width: 100%;
            display: block;
            float: none;
            padding: 20px 0
        }
        ul.submenu li {
            margin: 0;
        }
        ul.submenu li a {
            line-height: 30px;
            display: block;
            width: 100%
        }
        div.team {
            max-width: 400px;
            margin: 0 auto 50px
        }
        div.team div {
            float: none;
            display: block;
            width: 100% !important
        }
        div.team div img {
            display: block;
            margin: 0 auto;
            width: 100%
        }
        div.company div {
            width: 100%!important
        }
        div.company div img {
            display: block;
            margin: 0 auto
        }
        div.company span {
            width: 100%;
            text-align: center;
            line-height: 1.5
        }
        h4 {
            text-align: center;
        }
        div.read-more-btn div {
            float: none;
            display: block;
            text-align: center
        }
        div.blog-results a.blog-read-more {
            display: table;
            margin: 30px auto 40px;
            float: none
        }
        div.blog-results div.blog-image {
            margin-bottom: 30px
        }
        div.card {
            display: block;
            width: 100%;
            text-align: center;
            margin: 0 auto 30px
        }
        div.category-list {
            width: 100%!important;
            display: block!important;
            vertical-align: top;
            padding: 0 20px 0px;
            text-align: center;
            margin: 0 auto!important
        }
        div.category-list ul {
            padding: 0 !important;
            margin: 0 auto 20px !important
        }
        ul.prod li {
            background: none!important;
            padding: 5px 0px !important
        }
        div.galery-holder div.slidelnkholder {
            width: 50%;
        }
        div.galleria-thumbnails-container {
            display: none!important
        }
        .galleria-container {
            background: none !important;
        }
        #galleria .galleria-stage {
            width: 100% !important;
        }
        div.blogs div.blog-item div.blog-image-thumb {
            height: 0 !important;
            padding-bottom: 100%
        }
        table.products td {
            display: block;
            width: 100% !important;
            text-align: center;
        }
        table.products td:nth-child(odd) {
            border: 0;
            padding: 6px 0 0
        }
        table.products td:nth-child(even) {
            padding: 0px 0 6px 0
        }
        .nomobile {
            display: none !important
        }
    }
    @media only screen and (max-width:437px) {
        div.galery-holder {
            width: 100%;
            padding: 0;
        }
        div.galery-holder div.slidelnkholder {
            width: 100%;
            padding: 0 0 50px;
        }
        div.map {
            display: block !important;
        }
    }
    @media only screen and (max-width:380px) {
        #footer-menu {
            display: none
        }
    }
    @media only screen and (max-width:380px) {
        #leftcol {
            padding: 20px 10px !important
        }
    }
    .addGridNew{
		display: grid;
    	grid-template-columns: repeat(3, 1fr)
	}
	@media only screen and (max-width: 940px){
		.addGridNew{
			grid-template-columns: repeat(2, 1fr)
		}
	}