#sp-header {
  margin-top: 0px;
}

#sp-bottom .container,
#sp-footer .container,
.sppb-container,
.container,
.sppb-row-container {
  max-width: 1320px;
}

h3 {
  letter-spacing: 0px!important;
}

ul {
  padding-left: 20px;
}


.sp-megamenu-parent>li>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{
    color: #000000;
}

/* Error Page Styling */

html.error-page body {
  background-color: #ffffff!important;
}

html.error-page .error-logo {
  max-width: 300px;
  position: relative;
  top: -4rem;
}

html.error-page .error-code,
html.error-page .error-message {
  color: #000!important;
  font-family: inherit;
}

html.error-page .btn.btn-secondary {
  color: #fff;
  border-radius: 50px;
  font-weight: 700;
  background: #709f37;
}

html.error-page .btn.btn-secondary:hover {
  background: #709f37;
  border: 1px solid #709f37;
}

.itemid-143 #section-id-1690780181756 .sppb-text-center .sppb-img-responsive {
  border: 1px solid #709f37;
}

.itemid-139 #section-id-1697069758550 h3 {
  font-size: 25px;
}


.layout-blog #sp-main-body h1{
  font-size: 35px;
  letter-spacing:-1px;
  color:#709f37;
}

.itemid-139 h3 :hover,
.itemid-139 .sppb-readmore:hover {
  color: #000;
}

.itemid-139 .sppb-readmore {
  position: relative;
  top: 7.5px;
}

.itemid-139 #sp-right .sp-module:first-child {
  margin-top: 0;
  margin-left: 30px;
}

.case-studies #sp-right.col-xl-3 {
    width: 33%;
}

.case-studies #sp-component.col-lg-8  {
    padding-right: 60px;
}


#sp-footer {
  padding: 0px 0px 10px 0px;
  border-bottom: 0px;
}

#sp-footer #sp-footer2 .sp-copyright {
  margin-top: 30px;
}

.badge {
  color: #000;
}

.sp-scroll-up {
  bottom: 25px;
}

/* iPhone bg fix */

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.sp-page-builder .page-content #section-id-1697069758538 {
    background-size: unset !important;
    background-attachment: scroll !important;
    background-position: top !important;
  }
}

/* Extra small devices (phones, 600px and down) */
@media screen and (min-width:320px) and (max-width:845px) {
  #section-id-1697069758538 {
    background-position: 50% 50% !important;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...} 

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width:1024px) {..}

/* Large devices (laptops/desktops, 992px and up) */
 @media screen and (min-width: 900px) and (max-width:1440px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}

/* Codes for Bootstrap hidden elements on devices
hidden-xs
hidden-sm
hidden-md
hidden-lg
 */