/* Global Styles
------------------------------------------------- */

.email {
    text-decoration: none;
}

/* Footer
------------------------------------------------- */

.social-list img {
    max-width: 20px;
    margin-right: 10px;
}


/*  Overview Pages Grid
------------------------------------------------- */

#solution-wifi {
    display: none;
}

.grid-row {
    margin: 30px 0;
}

.grid-row .grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

@media only screen and (max-width:768px) {
    .grid-row .grid-wrapper {
        display: block;
        grid-template-columns: 1fr;
    }
}


/* Product Logo Gallery Grid
------------------------------------------------- */

/* Hiding New Logos to Keep Template Consistent */

#product-dahua, #product-paxton, #product-2gig {
    display:none;
}

/* Formatting */

.logo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.logo-grid:before {
    display:none;
}

.logo-grid-item {
    margin:0 15px;
}

.logo-grid-item .galleries-block {
    background-size: 80% auto!important;
    height: 100px;
    margin-bottom: 40px;
}

@media only screen and (max-width:990px) {
    .logo-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width:480px) {
    .logo-grid {
        grid-template-columns: 1fr;
    }
}


/* Social Media Icons
------------------------------------------------ */

.social-icons {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    /* Center icons
    justify-content:center; */
}

.social-icons a {
    border: solid 2px #000;
    height: 35px;
    width: 35px;
    text-align: center;
    display: grid;
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    opacity: 0.4;
    transition: all ease 0.3s;
    font-size: 0!important;
    grid-template-columns: 100%;
    grid-template-rows: 100% 0;
    justify-content: center;
}

.social-icons.social-icons-white a {
    opacity: 0.6;
    border-color: #fff;
}

.social-icons a:hover {
    opacity: 1 !important;
}

.social-icons a img {
    max-height: 17px;
    align-self:center;
    display:block;
    margin:auto;
}


/* Navigation CTA
------------------------------------------------ */

.contactDiv {
    float: right;
    padding-top: 25px;
    margin-left: 20px;
}

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

  .contactDiv {
    float:none;
    margin-left:0;
    margin-bottom:15px;
  }

  .contactDiv a {
    width:100%;
  }
}