@media screen and (max-width: 1920px) {
  body {
    font-size: 16px;
  }

  header {
    padding: 0 25px;
  }

  .p-5 {
    padding: 2.2rem !important;
  }

  .topInfo {
    height: calc(100vh - 68vh);
  }

  /* .textAreas {
    background: var(--primary-color);
    padding: 30px;
    color: var(--bs-white);
    height: calc(100% - 438px);
  } */
}

@media screen and (max-width: 1600px) {
  body {
    font-size: 14px;
  }

  header {
    padding: 0 15px;
  }

  .innerPageHeader {
    padding: 10px 15px;
  }

  .topInfo.p-5 {
    padding: 1rem !important;
  }

  .imageWrap img,
  .topSlider img {
    height: 245px;
  }

  .imgwrap img {
    height: 292px;
  }

  .topInfo {
    height: calc(100vh - 330px);
  }
}

@media screen and (max-width: 1500px) {
  .navigation ul li:nth-child(5) a {
    padding-right: 110px !important;
  }

  .innerPageHeader .navigation ul li:nth-child(5) a {
    padding-right: 221px !important;
  }

  .innerPageHeader .navigation ul li:nth-child(5) ul li a {
    padding-right: 0 !important;
  }

  .navigation ul li:nth-child(6) a {
    padding-left: 110px !important;
  }

  .logo {
    left: -83px;
    right: 0;
    top: 17px;
    width: 200px;
  }

  .innerPageHeader .logo {
    top: 19px;
    width: 289px;
  }

  .navigation ul li a {
    padding: 30px 12px;
    font-size: 13px;
  }

  .career-form .contact-form h3 {
    text-align: left !important;
  }
  .imgwrap img {
    height: 222px;
  }
}

@media screen and (max-width: 1366px) {
  .topInfo p {
    font-size: 15px;
  }

  .topInfo {
    height: calc(100vh - 281px);
  }
  .topInfo h6 {
    font-size: 14px;
  }
  footer li {
    font-size: 13px;
  }
  .topInfo.p-5 {
    padding: 1rem !important;
    justify-content: flex-start;
    padding-top: 40px !important;
  }
}

@media screen and (max-width: 1280px) {
  .reason p {
    min-height: 620px;
  }
	.topInfo {
    height: calc(100vh - 401px);
}
}

@media screen and (max-width: 1200px) {
  .innerPageHeader .logo {
    top: 9px;
  }

  .navigation ul li:nth-child(5) a {
    padding-left: 0 !important;
  }

  .navigation ul li:nth-child(4) a {
    padding-right: 100px;
  }

  .navigation ul li:nth-child(5) a {
    padding-left: 100px;
  }

  .logo {
    left: -100px;
    right: 0;
    top: 14px;
    width: 170px;
  }

  .navigation ul li a {
    padding: 20px 8px;
    font-size: 13px;
  }

  .col-sm-12.col-md-9.mt-5 {
    margin-top: 4rem !important;
  }

  .topInfo {
   height: calc(100vh - 375px);
    justify-content: flex-start;
  }

  .featuredBox img {
    height: 250px;
  }
}

@media screen and (max-width: 1157px) {
  .about-page .image {
    margin-right: -5px;
  }
  .about-page .about-page-box {
    padding: 30px 5px;
  }
  .contact-page .contact-form .form-control {
    width: 100%;
  }
  .innerPageHeader .navigation ul li:nth-child(5) a {
    padding-right: 0 !important;
  }

  .logo {
    position: static;
    width: 260px;
    display: inline-flex;
    align-items: center;
    z-index: 1;
  }

  .stellarnav {
    display: inline-block;
    flex-grow: 1;
  }

  header {
    padding: 15px 15px;
    display: flex;
    justify-content: space-between;
  }

  .stellarnav.mobile .call-btn-mobile,
  .stellarnav.mobile .close-menu,
  .stellarnav.mobile .dd-toggle,
  .stellarnav.mobile .location-btn-mobile,
  .stellarnav.mobile .menu-toggle {
    display: inline-block;
    float: right;
  }

  .stellarnav .menu-toggle span.bars span {
    background: var(--bs-white);
  }

  .stellarnav.mobile ul {
    position: relative;
    display: none;
    text-align: left;
    background: var(--primary-color);
  }

  .stellarnav a.dd-toggle .icon-plus:after,
  .stellarnav a.dd-toggle .icon-plus:before {
    border-bottom: solid 3px #fff;
  }

  .navigation ul li:nth-child(5) a {
    padding-right: 15px !important;
  }

  .navigation ul li:nth-child(6) a {
    padding-left: 15px !important;
  }

  .navigation ul li:nth-child(5) a {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  .stellarnav li.has-sub > a:after {
    display: block;
  }

  .stellarnav .icon-close:after,
  .stellarnav .icon-close:before {
    width: 18px;
    border-bottom: solid 3px #fff;
  }

  .navigation ul li i {
    display: none;
  }

  .featuredBox {
    position: relative;
    z-index: 1;
    padding: 0 0;
  }

  .featuredBox span a {
    display: inline-block;
    font-size: 14px;
    text-align: center;
  }

  .imgwrap img {
    height: 182px;
  }
  h2 {
    font-size: 28px;
    font-weight: 500;
  }
  .reason p {
    min-height: 776px;
  }
  .wrap1 {
    padding: 70px 43px;
  }
  .innerPageHeader .navigation ul li:nth-child(5) a {
    padding-right: 15px !important;
  }
}

@media screen and (max-width: 1024px) {
	.topInfo h6 {
    font-size: 15px;
}
	.topInfo h6 {
    min-height: 60px;
}
	.topInfo p {
    min-height: 170px;
}
}
@media screen and (max-width: 991px) {
  .about-page .image {
    margin-right: 30px;
  }
  header {
    width: 100%;
  }

  .mt-5 {
    margin-top: 5rem !important;
  }

  .col-lg-3.bgBlue {
    display: none !important;
  }

  .topInfo.p-5 {
    padding: 2.5rem 1rem !important;
  }

  .imgwrap img {
    height: 232px;
  }

  .reason {
    font-size: 15px;
  }

  .careers-page h2 {
    font-size: 30px;
  }

  .careers-page.contents h4 {
    margin-top: 20px;
  }
  .videos iframe {
    height: 310px;
    max-width: 70%;
  }
  .wrap1 {
    padding: 70px 29px;
  }
  .career-form .contact-form {
    margin-bottom: 25px;
  }
  .career-box h3 {
    margin-bottom: 20px;
  }
  .career-form .contact-form .form-wrap {
    margin-top: 0;
  }
  .contact-page .contact-form label {
    margin-bottom: 0;
    margin-top: 10px;
  }
  .wpcf7-submit {
    margin-top: 20px;
  }
  .wpcf7-spinner {
    display: none !important;
  }
  .wpcf7 form .wpcf7-response-output {
    font-size: 0.68rem;
  }
  .form-control {
    font-size: 14px;
  }
  .map {
    border-top: 5px solid var(--secondary-color);
    margin-bottom: 40px;
  }
  h2 {
    font-size: 21px;
    font-weight: 500;
  }
  .career-box h3 {
    font-size: 19px;
  }
}
@media screen and (max-width:820px) {
	.reason p {
    min-height: 626px;
}
	.contents iframe {
    width: 100%;
    max-width: 100;
    margin: 0 auto;
    height: 400px;
}
}
@media screen and (max-width: 767px) {
	.topInfo p {
    min-height: auto;
}
	.topInfo {
    height:auto;
    justify-content: flex-start;
}
	.topInfo h6 {
    min-height: auto;
}
  .about-page .image {
    margin-right: 30px;
  }
  .career-box h3 {
    margin-bottom: 20px;
  }

  .contact-page .contact-form .form-control {
    height: 40px;
  }

  .mb-40 {
    margin-bottom: 20px;
  }

  .career-form .contact-form .form-wrap {
    margin-bottom: 0;
  }

  .team .col-md-4 {
    min-height: 200px;
  }

  .specializing li {
    font-size: 16px;
    margin-top: 4px;
  }

  .w-90 {
    width: 100%;
    max-width: 500px;
    padding: 0 15px;
  }

  .imgwrap img {
    height: 422px;
  }

  .fanbox a {
    padding: 0 0;
    display: block;
  }

  .landlord p,
  .wrap1 p {
    font-size: 15px;
  }

  .specializing li {
    font-size: 15px;
  }
  .client-testimonial p {
    font-size: 14px;
  }

  .wrap1 {
    padding: 40px 30px;
  }

  .landlord {
    padding: 40px 20px;
  }

  .contentpart {
    width: 100%;
  }

  h2 {
    font-size: 25px;
  }

  .career-box h3 {
    font-size: 22px;
  }

  .navigation ul li ul {
    padding: 10px 22px;
  }

  .contact-page .contact-form .form-wrap {
    margin-bottom: 0;
  }

  .contents iframe {
    height: 300px;
    margin: 10px 0;
  }
  .p-v-78 {
    padding: 40px 0 0px;
  }
  .reason p {
    min-height: auto;
  }
		.contact-page .contact-form .form-wrap {
    margin-bottom: 0;
    text-align: center;
}
	.contact-page .contact-form .form-wrap label {
    text-align: left !important; display:block
}
}

@media screen and (max-width: 575px) {
	.specializing {text-align:center}

  .mb-40 {
    margin-bottom: 10px;
  }
  .career-form .contact-form {
    margin-bottom: 15px;
  }
  .videos iframe {
    height: 250px;
  }
  .about-page .image {
    margin-bottom: 22px;
  }
  .about-page .about-page-box {
    flex-direction: column;
    justify-content: center;
  }

  .stellarnav.mobile.left > ul,
  .stellarnav.mobile.right > ul {
    max-width: 100%;
  }

  .seller-page-list {
    padding: 0 20px;
  }

  .pageWraps {
    padding: 0;
    background-image: transparent !important;
  }

  .imgwrap {
    height: 300px;
    width: 300px;
    margin: 0 auto 20px;
  }

  .imgwrap img {
    height: auto;
    width: 100%;
  }

  .featuredBox img {
    height: auto;
  }

  .specializing li {
    width: 100%;
    font-size: 16px;
  }

  .imageWrap img,
  .topSlider img {
    height: 345px;
  }

  .specializing ul {
    margin: 15px 0;
    padding: 0 25px;
  }

  h2 {
    font-size: 22px;
  }
  .career-box h3 {
    font-size: 18px;
  }
  .topInfo p {
    font-size: 16px;
  }
  .team h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .about-page p,
  body {
    font-size: 14px;
    color: #333333;
  }

  footer {
    padding: 40px 0 0 0;
    font-size: 14px;
    text-align: center;
  }

  .socials {
    display: flex;
    justify-content: center;
  }

  footer h4 {
    font-size: 17px;
  }
  .client-testimonial h6 {
    margin-top: 25px;
  }
  h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
  }
  .reason h3 {
    font-size: 21px;
    line-height: 1.4;
  }
}

@media screen and (max-width: 480px) {
  .imgwrap {
    height: 200px;
    width: 200px;
    margin: 0 auto 20px;
  }

  .socials li a {
    margin: 0 5px;
  }

  footer .mb-3 {
    margin-bottom: 2rem !important;
  }

  .videos iframe {
    height: 160px;
  }
}