/* + JMJ AMDG + */
/* Theme Name: www.cranesalesandservice.com Theme URI: https://sandhills.com Author: Sandhills Author URI: https://sandhills.com Description: Sandhills default template. Version: 1.0 Text Domain: sandhills Tags: Sandhills default */
/* font-family: 'EB Garamond', serif; font-family: 'Montserrat', sans-serif; font-family: 'Oswald', sans-serif; */

/*-------- COLORS --------*/
:root {
    --neutral1: #FFFFFF;
    --secondary1: #E5E5E5;
    --primary: #1F388A;
    --primary2: #1F388A;
    --secondary2: #7A878E;
    --neutral2: #1A1A1A;
}

.no-posts-div-specials {
    display: none;
}
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
/*-------------------------------------------------------------- ## Primary Styles --------------------------------------------------------------*/
html,
body {
    height: 100%;
    width: 100%;
}

#menu-secondary {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

*:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons):not(h1):not(h2):not(h3):not(h4):not(h5):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *) {
    font-family: 'Montserrat', sans-serif;
}

.spec *,
.mostPages .spec p {
    font-size: clamp(12px, 0.8333333333333334VW, 16px) !important;
    color: black !important;
}

.spec ul {
    padding-left: 25px;
}

.panel-heading a {
    all: unset !important;
}

.panel-heading h4 {
    font-size: 16px !important;
}

*:not([class*="sheditor"]):not([class*="sheditor"] *):not([class*="popover"] *):not([class*="popover"] *):not(.highlightSidebars *):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *):not([class*="smartslider"]):not([class*="smartslider"] *):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *):not(.shEditor):not(.shEditor *):not(.mercury-button):not(.mercury-button *):not(.se-pre-con) {
    transition: linear 0.2s;
}

div#comments.comments-area {
    display: none;
}

nav.navigation.post-navigation {
    display: none;
}

footer.entry-meta {
    display: none;
}

.column-padding-careers,
.column-padding-careers *,
.column-padding-careers:hover,
.column-padding-careers *:hover {
    border: none !important;
    box-shadow: none !important;
}

div#n2-ss-4 .n2-ss-slide {
    background: none !important;
}

header.entry-header {
    display: none;
}

h1:not(.invPage h1):not(.widget_sandhills_contact_form h1):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *) {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 80px;
}

h2:not(.invPage h2):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *) {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 60px;
    color: var(--primary);
}

.categoriesSec h2 {
    font-size: 30px !important;
}

h3:not(.invPage h3):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *) {
    font-family: 'EB Garamond', serif;
    font-weight: bold;
    font-style: italic;
    font-size: 46px;
    /* line-height: 94px; */
}

h4:not(.invPage h4):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *),
h4 *:not(.invPage h4 *):not(.sheditor_modal *):not(.sheditor_modal *),
.mainAreaContainer h1 strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 34px;
    color: var(--primary2);
}

.mainAreaContainer h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal !important;
    font-size: 28px !important;
    color: var(--primary2);
    text-align: left !important;
    /* font-style: italic; */
    text-transform: unset !important;
}



.mostPages a:not([class*="panel-heading"]):not([class*="panel-heading"] *):not([class*="cpt"]):not([class*="cpt"] *):not(a.btn):not(.widget_sandhills_grid_gallery *),
.thelocations a {
    background-image: linear-gradient(120deg, var(--primary2) 0%, var(--primary2) 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.2em;
    background-position: 0 116%;
    transition: background-size 0.25s ease-in;
    color: var(--primary2);
    transition: 0.25s ease-out;
    padding: 2px 2px 0;
}

.mostPages a:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *):not([class*="cpt"]):not([class*="cpt"] *):not(a.btn):not(.widget_sandhills_grid_gallery *),
.thelocations a:hover {
    background-size: 100% 88%;
    color: white !important;
}

h6:not(.invPage h6):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *),
.homePage .mainArea h1 {
    font-family: 'EB Garamond', serif !important;
    font-weight: bold;
    font-size: 34px !important;
    color: var(--primary2);
    text-transform: none !important;
}

h3:not(.invPage h3):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *),
p:not(.invPage p):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *),
.widget_sandhills_editable_area,
.thelocations,
.categoriesSec h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 20px;
    color: var(--secondary2);
}

h3:not(.invPage h3):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *) {
    text-transform: uppercase;
    font-style: unset;
}

.thelocations {
    text-align: left;
    padding: 0 15px;
}

.mostPages p {
    font-size: 18px !important;
}

h1:not(.invPage h1):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *),
h2:not(.invPage h2):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *),
h4:not(.invPage h4):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *),
h5:not(.invPage h5):not(.sheditor_modal *):not(.sheditor_modal):not([class*="modal"] *) {
    text-transform: uppercase
}

hr {
    height: 2px;
    background-color: var(--primary2);
    opacity: 0.3;
}

.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
    display: block;
    height: auto;
    max-width: 100%;
}

.wp-custom-header {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.wp-custom-header iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Class for Google Map widget */
.google_map {
    width: 100%;
    min-height: 58vh;
}

.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}

.navbar {
    min-height: auto !important;
    margin-bottom: 0 !important;
}

.navigation-top {
    width: 100%;
}

.menu li {
    width: auto !important;
    padding-right: 6%;
    display: inline-block;
}

.menu li:last-child {
    padding-right: 0 !important;
}

.menu li>a {
    color: #000;
    font-size: 1.5em;
}

.dropdown-menu {
    background-color: rgba(0, 0, 0, 0.7);
    color: orange;
    border-radius: 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 18px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #e68a24;
}

.dropdown-menu:not(.head-list)>li>a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}

/*-------------------------------------------------------------- ## Header Styles --------------------------------------------------------------*/
.topMenu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 max(20px, 2.344vw) 0px;
    border-bottom: 1px solid var(--secondary2);
}

.topWidth {
    /* display: flex; */
    width: 100%;
    /* justify-content: space-between; */
}

.locationStuff {}

.separateStuff {
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: flex-end; */
}

.topMenu #menu-button {
    display: none;
}

.topMenu nav.mobile {
    display: none;
}

.topMenu nav.primary {
    padding: 0;
    display: block;
    margin: 0;
    width: 100%;
    margin-bottom: -15px;
}

.topMenu nav.primary ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

.topMenu nav.primary ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
}

.topMenu nav.primary ul li a {
    text-transform: uppercase;
    padding: 10px 25px;
    display: block;
    text-align: center;
    transition: 0.2s ease-in;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-size: min(1vw, 18px);
    color: var(--primary);
    padding: 10px 0.85vw;
    font-weight: bold;
}

.topMenu nav.primary ul li a:hover {
    background-color: var(--secondary1);
}

.topMenu nav.primary ul li li a {
    font-size: 15px;
    line-height: 18px;
    padding: 0.85vw;
    text-align: left;
    border-right: none;
    border-left: none;
    background: var(--neutral1);
    /* border-bottom: #0a2737 solid 1px; */
    color: var(--neutral2) !important;
    text-transform: uppercase;
    font-size: 1vw;
}

.topMenu nav.primary ul li li a:hover {
    color: #b3c618;
}

.topMenu nav.primary ul ul {
    display: none;
    position: absolute;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

.topMenu nav.primary ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

.topMenu nav.primary ul li:hover>ul {
    display: block;
    line-height: 18px;
    z-index: 100;
}

.topMenu nav.primary ul ul li {
    float: none;
    width: 310px;
    position: relative;
    margin: 0;
    display: block;
}

.topMenu i.fas.fa-angle-down {
    padding-left: 3px;
    padding-top: 3px;
}

@media screen and (max-width: 1480px) {
    .topMenu nav.primary ul li a {
        font-size: 12px;
        padding: 10px 5px;
    }

    .topMenu nav.primary ul li li a {
        padding: 10px;
    }

    .topMenu #menu-secondary .menu-link {
        font-size: 18px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .topMenu nav.primary ul ul li {
        width: 240px;
    }

    .topMenu nav.primary ul li li a {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .topMenu nav.primary ul li a {
        padding: 10px 7px;
        font-size: 11px;
    }

    .topMenu #menu-secondary .menu-link {
        font-size: 13px !important;
    }

    .topMenu #menu-secondary .main-menu-item:after {
        top: -1px !important;
        height: 14px !important;
    }

    .topMenu #menu-secondary {
        margin-bottom: 8px !important;
    }
}

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


    .logoArea img {

        width: 280px !important;
        margin: 0 auto;
    }

    .topMenu nav.primary {
        display: none;
    }

    #socMenu .static ul {
        display: flex;
        justify-content: end;
        z-index: 300;
        position: relative;
    }

    .topMenu #menu-button {
        width: 100%;
        display: block;
        font-size: 24px;
        position: relative;
        line-height: 40px;
        /* z-index: 1000; */
        text-align: right;
        padding-top: 22px;
        /* text-align: center; */
    }

    .topMenu #menu-button a {
        color: #0a2737;
        text-decoration: none;
        font-weight: normal;
        text-align: left;
        font-weight: 600;
    }

    .topMenu .menu-toggle span {
        font-size: 20px;
        font-weight: normal;
        color: var(--primary);
    }

    .topMenu nav.mobile {
        display: block;
        position: fixed;
        text-align: left;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background: var(--neutral2);
        z-index: 1001;
        overflow: auto;
    }

    .topMenu nav.mobile .social-media {
        position: relative;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        word-spacing: 13px;
        padding: 0 0 0 15px;
        color: #0a2737 !important;
        visibility: hidden;
    }

    .topMenu nav.mobile .social-media a:link,
    .topMenu nav.mobile .social-media a:visited {
        color: #2383b7;
        text-decoration: none;
    }

    .topMenu nav.mobile .social-media a:hover,
    .topMenu nav.mobile .social-media a:active {
        color: #0a2737;
        text-decoration: underline;
    }

    .topMenu .mobiletitle {
        padding-left: 20px;
        color: #0a2737;
        display: none;
    }

    .topMenu nav.mobile .mobile_top {
        position: relative;
        display: block;
        padding: 0;
        margin: 15px 0 10px 0;
        color: #999;
        font-size: 18px;
        font-weight: 400;
    }

    .topMenu nav.mobile .menu-toggle {
        position: absolute;
        padding: 3px 8px 3px;
        font-family: Arial, sans-serif;
        font-size: 24px;
        font-weight: bold;
        line-height: 1;
        background: #222;
        color: #999;
        text-decoration: none;
        top: -4px;
        right: 13px;
    }

    .topMenu nav.mobile .menu-toggle:hover {
        color: var(--neutral1);
    }

    .topMenu nav.mobile ul {
        list-style: none;
        font-weight: 300;
        margin: 0;
        padding: 0;
    }

    .topMenu nav.mobile ul li {
        border-top: 1px solid #454545;
        border-bottom: 1px solid #151515;
        position: relative;
    }

    .topMenu nav.mobile ul li a {
        position: relative;
        display: block;
        font-size: 14px;
        padding: 10px 10px 10px 15px;
        color: var(--neutral1);
        text-decoration: none;
        border-left: 4px #333 solid;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }

    .topMenu nav.mobile ul li a:hover {
        background: rgba(45, 45, 45, 0.5);
        color: var(--neutral1);
        border-left: 4px var(--primary) solid;
    }

    .topMenu nav.mobile ul li li:last-child {
        border: none;
    }

    .topMenu nav.mobile ul li li a {
        background: #444444;
        position: relative;
        display: block;
        padding: 10px 10px 10px 15px;
        border-left: 4px #444 solid;
        color: var(--neutral1);
        text-decoration: none;
    }

    .topMenu nav.mobile ul li li a:hover {
        background: rgba(65, 65, 65, 0.5);
    }

    .topMenu nav.mobile ul li li li:last-child {
        border: none;
    }

    .topMenu nav.mobile ul li li li a {
        background: #555;
        position: relative;
        display: block;
        padding: 10px 10px 10px 25px;
        color: #ccc;
        text-decoration: none;
        border-left: 4px #555 solid;
    }

    .topMenu nav.mobile ul li li li a:hover {
        background: rgba(85, 85, 85, 0.5);
    }

    .topMenu nav.mobile ul li li li li:last-child {
        border: none;
    }

    .topMenu nav.mobile ul li li li li a {
        background: #777;
        position: relative;
        display: block;
        padding: 10px 10px 10px 25px;
        color: #ccc;
        text-decoration: none;
        border-left: 4px #555 solid;
    }

    .topMenu nav.mobile ul li li li li a:hover {
        background: rgba(85, 85, 85, 0.5);
    }

    .topMenu .nav-footer {
        color: #277eab;
        position: relative;
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        padding: 15px 0;
        display: none;
    }

    .topMenu nav.mobile ul li a .fa {
        width: 25px;
        font-weight: 100;
        padding: 8px 3px;
        margin: 0 6px 0 0;
        text-align: center;
        background: #292929;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }

    .topMenu nav.mobile ul li .fa-chevron-down {
        color: #999;
    }

    .topMenu .more {
        position: absolute;
        right: 5%;
    }

    .topMenu .mobilefooterlogo {
        text-align: center;
        margin: 0 auto;
        transform: scale(0.9);
    }
}

@media screen and (max-width: 500px) {
    .topMenu #menu-button {
        text-align: center;
    }
}

.topMenu .primary li>i {
    display: none;
}

.topMenu .mobile li i {
    position: absolute;
    font-size: 18px;
    background: #222;
    color: #999;
    right: 13px;
    top: 4px !important;
    padding: 0 !important;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topMenu #menu-secondary {
    margin-bottom: 20px;
}

.topMenu #menu-secondary .menu-secondary {
    width: 190px;
    display: flex;
    justify-content: flex-end;
}

.topMenu #menu-secondary .main-menu-item {
    display: inline-block;
    position: relative;
}

.topMenu #menu-secondary .main-menu-item:first-of-type:after {
    content: none;
}

.topMenu #menu-secondary .menu-link {
    color: var(--primary) !important;
    padding: 0 30px;
    font-size: 21px;
}

.topMenu #menu-secondary .menu-link:hover {
    background: transparent;
    color: var(--neutral2);
}

.topMenu #menu-secondary .main-menu-item:after, .topMenu #menu-secondary .main-menu-item:before {
    border: 0.5px solid var(--primary);
    content: '';
    position: absolute;
    height: 17px;
    top: 6px;
}

/*-------------------------------------------------------------- ## Main Styles --------------------------------------------------------------*/
.categoriesSec,
.authorizedDealer {
    background: #E4E4E4;
    padding: 65px 25px;
}

.authorizedDealerContainer {
    /* margin-bottom: 75px !important; */
}

.column-padding-showrooms {
    overflow: hidden;
    margin: 10px 0;
}

.authorizedDealer {
    background: conic-gradient(from 277.1deg at 0% 2%, #101c45 176.4deg, #ffffff 0% calc(180deg + 100deg));
}

.categoriesSec .indCategory:hover img {
    transform: scale(1.05);
}

.categoriesSec .indCategory:hover h5 {
    color: var(--neutral2);
}

.categoriesSec img {
    margin-bottom: 10px;
    /* filter: drop-shadow(0 0 35px rgb(249 249 249 / 30%)); */
}

.mainArea {
    padding: 95px 25px;
    position: relative;
}

.homePage .mainArea {
    padding: 55px 25px;
}

.homePage .mainArea h1 {}

.mainArea .btn {
    white-space: normal !important;
}

[class] .btn-danger,
[class] .btn-danger:focus,
[class] .btn-danger:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff
}

#quickLinks .slick-initialized .slick-slide {
    padding: 0 !important;
}

#quickLinks .slick-initialized .slick-slide:nth-child(3n+1) .quickLinkSurround:before {
    background: var(--neutral1) !important;
}

#quickLinks .slick-initialized .slick-slide:nth-child(3n+2) .quickLinkSurround:before {
    /* background: var(--neutral1) !important; */
    /* opacity: 0.55; */
}

#quickLinks .slick-initialized .slick-slide:nth-child(3n+3) .quickLinkSurround:before {
    background: var(--neutral1) !important;
}

.slick-prev,
.slick-next,
.slick-dots {
    display: none !important;
}

#quickLinks .quickLinkSurround {
    height: 575px;
    overflow: hidden;
    /* display: flex; */
    /* align-items: center; */
    justify-content: center;
}

#quickLinks .quickLinkSurround .bg {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}

#quickLinks .quickLinkSurround:hover .bg {
    height: 110%;
    width: 110%;
}
#quickLinks .column-padding-specials > div {
    position: relative;
}
#quickLinks .quickLinkSurround:before {
    content: '';
    background: var(--neutral1);
    opacity: 0.65;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
}

#quickLinks .quickLinkSurround h1,
#quickLinks .quickLinkSurround h3 {
    font-size: clamp(50px, 3.666667VW, 80px);
    color: var(--primary);
    opacity: 0.85;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-style: unset;
}

#quickLinks .slick-initialized .slick-slide:nth-child(3n+2) .quickLinkSurround h1 {
    color: var(--primary);
}

#quickLinks .quickLinkSurround:hover h1 {
    padding-bottom: 3px;
}

#quickLinks .quickLinkSurround a {
    text-align: right;
    position: absolute;
    bottom: -20px;
    width: 100%;
    height: 100%;
    left: 0;
    padding: 0 65px;
    display: flex;
    /* align-items: flex-end; */
    justify-content: flex-end;
    z-index: 1;
}

.mainArea hr {
    width: 262;
    margin-left: 0;
}

.mainArea img[src$="svg"] {
    position: absolute;
    top: 0;
    width: 9vw;
}

.paddingStuff {
    padding: 25px
}

.whiteStuff,
.whiteStuff * {
    color: var(--neutral1) !important
}

.authorizedDealer * {
    /* background-color: transparent !important; */
}

.authorizedDealer h4 {
    margin-bottom: 40px;
}

/*-------------------------------------------------------------- ## Footer styles --------------------------------------------------------------*/
.bottomFooter .linksLeft li {
    width: auto;
}

.bottomFooter .linksLeft #menu-primary {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
}

.bottomFooter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 25px;
}

#foot {
    background: linear-gradient(90deg, #132253 0%, #1F388A 100%);
    padding: 35px;
}

.homePage .footerbg {
    margin-top: -40px;
}

.bottomFooter .menu-link {
    font-weight: 600;
    font-size: 15px;
    text-align: left;
    color: var(--neutral1) !important;
    text-transform: uppercase;
}

.bottomFooter .menu-link:hover {
    background: var(--neutral2);
}

.bottomFooter .sub-menu {
    display: none;
}

.bottomFooter .menu-secondary a {
    font-size: 21px;
    padding: 0 32px;
}

.bottomFooter .menu-secondary a:hover {
    background: transparent;
    color: var(--secondary1);
}

.bottomFooter #menu-secondary .main-menu-item:after, .bottomFooter #menu-secondary .main-menu-item:before {
    border: 0.5px solid var(--neutral1);
    content: '';
    position: absolute;
    height: 20px;
    top: 6px;
}

.bottomFooter #menu-secondary .main-menu-item:first-of-type:after {
    border: none
}

/*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

#wp-admin-bar-new-content-default {
    display: none;
}

/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1550px) {
    .linksLeft {
        display: none
    }

    .socLinks {
        width: 100% !important
    }

    .socLinks .static {
        display: flex;
        justify-content: center
    }

    .socLinks #menu-secondary {
        display: flex
    }
}

@media only screen and (max-width : 1125px) {
    #quickLinks {
        height: 575px;
        overflow: hidden;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1119px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .logoArea {
        width: 100%;
    }
    .separateStuff {
        width: 100%;
    }
    #socMenu .static ul {
        
        justify-content: center;
      
    }
    .categoriesSec,
    .authorizedDealer {
        padding: 80px 25px;
    }

    .mainArea {
        padding: 50px 25px;
    }

    .mainArea h4 {
        font-size: 29px;
    }

    .mainArea h2 {
        font-size: 52px;
    }

    .mainArea img {
        right: -100px;
        z-index: -1;
    }

    .topMenu {
        display: block
    }

    .topMenu #menu-button {
        text-align: center
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {

    h5,
    p,
    .widget_sandhills_editable_area {
        font-size: 16px;
    }

    #quickLinks {
        height: 300px;
    }

    #quickLinks .quickLinkSurround {
        height: 300px;
    }

    #quickLinks .quickLinkSurround h1 {
        font-size: 40px;
    }

    #quickLinks .quickLinkSurround a {
        padding: 0 20px;
    }
}

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

    .spec *,
    .mostPages .spec p {
        font-size: 16px !important;
    }

    .speclist {
        border-right: none !important;
    }
}

.spec {
    margin: 5px auto 20px;
}

.speclist {
    border-right: 1px solid #ccc;
    /*    height: 475px;*/
    padding: 1.5%;
    margin: 0 5%;
}

.speclist_last {
    padding: 1.5%;
    margin: 0 5%;
}

/* + Stat Crux dum volvitur orbis + */