/* (1366x768) WXGA Display */
@media screen and (max-width: 1366px) {
  .services-offered {
    margin-top: 30%;
  }
}

/* (1280x1024) SXGA Display */
@media screen and (max-width: 1280px) {
  .services-offered {
    margin-top: 30%;
  }
}
@media screen and (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
@media all and (min-device-width: 1440px) and (min-device-height: 720px) {
  .services-offered {
    margin-top: 30%;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1370px;
  }
  .services-offered {
    margin-top: 15%;
  }
}
@media screen and (min-width: 1900px) {
  .container {
    width: 1370px;
  }
  .services-offered {
    margin-top: 15%;
  }
}
@media (max-width: 480px) and (min-width: 320px) {
  ::-webkit-scrollbar {
    display: none;
  }
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .loader {
    padding: 15px;
  }
  .loader h1 {
    font-size: 11vw;
  }
  .links {
    display: flex;
    display: none;
  }
  .links a {
    width: max-content;
  }
  img.logo {
    width: 50%;
  }
  .header .flex-middle {
    overflow-x: auto;
  }
  #banner {
    height: 100% !important;
  }
  #banner h2 {
    margin-top: 20%;
    padding: 10px;
    font-size: 10vw;
  }
  .btn-group {
    justify-content: space-evenly;
  }
  .btn-group .btn.btn-default {
    width: 46%;
    padding: 5vw;
    margin: 0;
  }
  .btn-group .btn-default span {
    font-size: 3vw;
    width: 70%;
  }
  .btn-group .btn-default img {
    height: 10vw;
  }

  .services-offered h2,
  .our-work h2,
  .designs h2,
  .team h2 {
    font-size: 10vw;
  }
  .card-container .card h3 {
    font-size: 6vw;
  }
  .form-group {
    padding: 15px;
    width: 100%;
  }
  .banner-vector img {
    width: 100%;
    padding: 20px;
  }
  .card-container,
  .work-container,
  .designs-container {
    overflow-x: scroll;
    flex-wrap: nowrap;
    margin-right: 0;
  }
  .card-container .card {
    min-width: 90%;
    padding: 10%;
  }
  .work {
    min-width: 90%;
  }
  .designs-container {
    justify-content: space-between;
  }
  .design {
    min-width: 55%;
    margin-left: 3%;
    margin-right: 5%;
  }
  img.moni {
    width: 100%;
  }
  .services-offered p,
  .our-work p,
  .designs p,
  .team p {
    padding: 0 15px;
  }
  .team {
    padding: 8% 0 12%;
  }
  .show {
    margin: 5%;
    width: 90%;
  }
  .team-sec {
    padding: 3vw 7vw;
    justify-content: flex-start;
  }
  .mem {
    margin: 0;
    margin-bottom: 20px;
    width: 70%;
  }
  .mem h3{
    margin:0 !important;
  }
  .team-sec .mem p {
    padding: 0;
  }
  .footer .links {
    display: flex;
  }
  .services-offered,
  .our-work,
  .designs,
  .team {
    padding: 10% 0;
  }
  .work h4 {
    margin-top: 0;
    font-size: 6vw;
  }
  input.form-cst,
  textarea.form-cst {
    margin: 10px 0;
  }
  .btn.btn-cst {
    margin: 10px 0;
  }
}