/* 2. Small Screens (Height between 481px and 768px) */
@media (min-height: 481px) and (max-height: 768px) {
  .left-navigation .top-logo {
    margin: 0 0 0 -1.125rem;
    width: 200px;
  }

  .left-navigation .top-logo img {
    width: 120px !important;
  }

  ul.left-navigation {
    left: 546px !important;
  }

  ul.left-navigation li a {
    width: 88px;
    font-size: 11px;
    line-height: 1.25;
    height: 38px;
  }

  .outlook__img {
    top: 46%;
    left: 19rem !important;
  }

  .outlook__img img {
    width: 240px;
    height: 400px;
  }

  .mainSec {
    padding-right: 28rem;
  }

  .mainWrap {
    margin-top: 0 !important;
    padding: 3rem 1rem 0 0;
  }

  .mainContent {
    margin-top: 0;
  }

  .mainContent h2 {
    font-size: 1.25rem;
    margin: 0 0 0.25rem;
  }

  .mainContent p {
    font-size: 14px;
    line-height: 1.5 !important;
    margin-bottom: .75rem;
  }
}

@media (max-width: 1750px) and (max-height: 768px) {
  ul.left-navigation {
    left: 484px !important;
  }

  .outlook__img {
    left: 16rem !important;
  }

  .outlook__img img {
    width: 200px;
  }

  .mainSec {
    padding: 0 26rem !important;
    padding-right: 18rem !important;
  }
}

@media (max-width: 1600px) and (max-height: 768px) {
  ul.left-navigation {
    left: 26% !important;
  }

  .outlook__img {
    left: 12rem !important;
  }

  .mainWrap {
    padding: 4rem 1rem 0 0;
  }

  .mainSec {
    padding: 0 20rem !important;
    padding-right: 8rem !important;
  }

  .mainContent p {
    font-size: 13px;
  }
}

@media (max-width: 1445px) and (max-height: 768px) {
  ul.left-navigation {
    left: 23% !important;
  }

  .mainSec {
    padding: 0 18rem !important;
    padding-right: 8rem !important;
  }

  .outlook__img {
    left: 5rem !important;
  }
}

@media (max-width: 1366px) and (max-height: 768px) {
  ul.left-navigation {
    left: 21% !important;
  }

  .mainSec {
    padding: 0 14rem !important;
    padding-right: 6rem !important;
  }
}

@media (max-width: 1199.98px) and (max-height: 768px) {
  ul.left-navigation {
    left: 6% !important;
  }

  .mainSec {
    padding: 0 !important;
    padding-right: 0 !important;
  }

  .mainWrap {
    padding: 7rem 1rem 0 0;
  }
}

@media (max-width: 991.98px) and (max-height: 768px) {
  .mainWrap {
    padding: 6rem 1rem 0 0 !important;
  }
}

@media (max-width: 767.98px) and (max-height: 768px) {
  .mainWrap {
    padding: 8rem 0rem 0 !important;
  }
}

@media (max-width: 575.98px) and (max-height: 768px) {
  .mainWrap {
    padding: 5rem 2rem 0 !important;
  }
}


@media only screen and (max-width: 1920px) and (min-width: 1500px) {
  .container {
    max-width: 1440px;
  }
}

@media only screen and (max-width: 1920px) and (min-width: 1750px) {
  ul.left-navigation {
    left: 26%;
  }

  .outlook__img {
    left: 1rem;
  }

  .mainContent {
    margin-top: 1rem;
    width: 90%;
  }

  .mainWrap {
    margin-top: 1rem;
  }
}

@media only screen and (max-width: 1750px) {
  .mainSec {
    padding: 0 20rem;
    padding-right: 7rem;
  }

  ul.left-navigation {
    left: 22%;
  }

  .mainContent {
    width: 78%;
  }

  .mainSec.abtepg .mainWrap {
    margin-top: 2rem;
  }

}

@media only screen and (max-width: 1600px) {
  .mainSec {
    padding: 0 12rem;
    padding-right: 0;
  }

  ul.left-navigation {
    left: 18%;
  }

  .mainContent {
    width: 75%;
  }

  .mainWrap {
    margin-top: 4rem;
  }

  .mainSec.abtepg .mainContent {
    width: 82%;
  }

  .mainSec.abtpg .mainContent {
    width: 81%;
  }
}

@media only screen and (max-width: 1445px) {
  .mainContent p {
    line-height: 27px;
  }

  .left-navigation .top-logo img {
    width: 170px;
  }

  .mainSec.requestpg .mainContent {
    width: 81%;
  }
}

@media only screen and (max-width: 1366px) {
  html {
    font-size: 15px;
  }

  .mainSec {
    padding: 0 10rem;
  }

  .mainContent h2 {
    font-size: 1.275rem;
  }

  ul.left-navigation {
    left: 15%;
  }

  .left-navigation .top-logo img {
    width: 150px;
  }

  .mainContent {
    width: 80%;
  }

  .mainContent p {
    line-height: 25px;
  }

  .mouse__img {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  html {
    font-size: 14px;
  }

  .mainContent {
    width: 90%;
  }

  ul.left-navigation {
    left: 12%;
  }

  .bannerlaptop img {
    object-fit: fill;
  }

  .copyright {
    padding-top: 40px;
  }

  .mainWrap {
    margin-top: 10rem;
  }

  .mainSec {
    height: 85vh;
  }

  .mainSec.requestpg .mainWrap {
    margin-top: 16rem;
  }
}

@media (max-width: 991.98px) {
  html {
    font-size: 13px;
  }

  .mainContent {
    width: 100%;
    margin: 0;
  }

  ul.left-navigation {
    position: relative;
    left: 0;
    flex-direction: unset;
    margin: 20px 0;
    display: none;
  }

  .mainWrap {
    margin: 6rem 0 0;
    height: auto;
    padding: 0 20px;
  }

  .header {
    padding: 0 3rem;
  }

  .mainSec {
    padding: 0;
  }

  ul.left-navigation li {
    width: auto;
    margin: 0;
  }

  ul.left-navigation li a {
    height: 40px;
    line-height: 15px;
  }

  .mainSec.abtepg .aboutImg {
    margin-right: 4rem;
  }

  .mainSec.abtepg .mainContent figure img {
    width: 60px;
  }

  .references-img img {
    margin: 1rem 0 4rem;
  }

  .copyright .center-box {
    width: 100%;
  }

  .mainSec.requestpg .mainWrap {
    margin-top: 2rem;
  }

  .mainSec.requestpg .mainContent {
    width: 100%;
  }

  .mainSec.requestpg .mainWrap {
    padding: 0 20px;
  }

  .left-navigation .top-logo {
    display: none;
  }

  nav.navbar.navbar-expand-lg.p-0.d-none {
    display: flex !important;
  }

  .navbar-brand img {
    width: 150px;
  }

  button.navbar-toggler {
    border-color: var(--white);
    color: var(--white);
  }

  .navbar-nav {
    gap: 1rem;
    background: #ff3399;
    padding: 10px 0;
  }

  .navbar-nav .nav-item .nav-link {
    color: var(--white);
  }

  .navbar-nav .nav-item .nav-link:before {
    display: none;
  }
}

@media (max-width: 767.98px) {
  html {
    font-size: 12px;
  }

  ul.left-navigation {
    flex-flow: wrap;
  }

  .copyright .box {
    left: 2rem;
    display: none;
  }

  .copyright .circle {
    right: 2rem;
    display: none;
  }

  ul.left-navigation li a {
    width: 70px;
  }

  .mainContent p {
    line-height: 21px;
  }

  .mouse__img {
    right: 0rem;
    width: 110px;
  }

  .mainSec.requestpg .mainWrap {
    margin-top: 6rem;
  }
}

@media (max-width: 575.98px) {
  .mainWrap {
    height: 450px;
    overflow-y: scroll;
    margin-right: 6px;
  }

  .mouse__img {
    width: 80px;
  }

  .copyright {
    margin: 4px 0rem 0;
  }

  .copyright .box {
    width: 50px;
    display: none;
  }

  .mainContent p {
    font-size: 14px;
  }

  form.quote-form textarea {
    padding-bottom: 1rem;
  }

  .header {
    padding: 0 2rem;
  }

  .navbar-brand img {
    width: 140px;
  }

  .mainSec.requestpg .mainWrap {
    margin-top: 11rem;
  }
}

@media (max-width: 320.98px) {}