@media (hover: hover) and (pointer: fine) and (min-width: 1200px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1200px) {
}
@media (hover: hover) and (pointer: fine) and (min-width: 1200px) {
  .main-content {    margin-left: 14%;    width: 86%;  }}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1400px) {
  .portfolio .isotope-container {    grid-template-columns: repeat(4, minmax(340px, 400px));    column-gap: 0;    row-gap: 0.5rem;  }}
@media (min-width: 992px) and (max-width: 1399px) {
  .portfolio .isotope-container {    grid-template-columns: repeat(3, minmax(340px, 400px));    column-gap: 0;    row-gap: 0.5rem;  }}
@media (min-width: 1400px) {
  .services .services-grid {    grid-template-columns: repeat(4, minmax(340px, 400px));    column-gap: 0;    row-gap: 0.5rem;  }}
@media (min-width: 992px) and (max-width: 1399px) {
  .services .services-grid {    grid-template-columns: repeat(3, minmax(340px, 400px));    column-gap: 0;    row-gap: 0.5rem;  }}
@media (min-width: 769px) {
    .footer .social-links a,    .footer .social-links a:hover,    .footer .social-links a:focus,    .footer a[style*="border: 3px solid rgba(255, 255, 255, 0.3)"],    .footer a[style*="border: 2px solid rgba(255, 255, 255, 0.3)"],    .footer a[style*="border: 1px solid rgba(255, 255, 255, 0.3)"] {      border: none !important;      outline: none !important;      box-shadow: none !important;    }}