@media (max-width:767px) and (min-width:320px) {
  body {
    font-size: 14px;
  }

  .mob-none {
    display: none !important;
  }

  .mob-block {
    display: block;
  }

  .home-banner {
    height: 30vh;
  }

  .home-banner .carousel-caption {
    width: 100%;
    position: absolute;
    top: 5%;
    left: 0%;
    height: auto;
  }

  .home-banner .carousel-caption h5 {
    padding: 8px;
    font-size: 24px;
    text-shadow: 0px 0px 3px #c546009e;
  }

  .right-text-about {
    padding: 10px;
  }

  .right-text-about h3,
  .right-text-directorinfo h3 {
    margin-bottom: 15px;
    font-size: 14px;
  }

  .right-text-about h3::before,
  .right-text-directorinfo h3::before {
    height: 3px;
    width: 50px;
    bottom: -3px;
  }

  .right-text-about h3::after,
  .right-text-directorinfo h3::after {
    left: -4%;
    top: -50px;
    font-size: 30px;
  }

  .right-text-directorinfo p,
  .right-text-about p {
    font-size: 14px;
  }

  .left-director-img img {
    height: 150px;
    width: 150px;
    right: 50%;
    top: 20px;
    margin-right: -75px;
  }

  .right-text-directorinfo h3::after {
    left: 0px;
    top: -40px;
    opacity: .07;
    font-size: 30px;
  }

  .main {
    flex-direction: column;
  }

  .right-text-directorinfo {
    padding-left: 10px;
    padding-top: 40px;
    padding-right: 10px;
  }

  .knowmore-btn {
    padding: 6px 12px;
    font-size: 14px;
  }

  .right-directorimg img {
    right: initial;
    left: 50%;
    margin-left: -75px;

  }

  .sub-bg-aboutus {
    display: none;
  }

  .left-director-img {
    height: 200px;
  }

  .profile-card {
    width: 250px;
    padding: 15px;
    margin: 10px 25px;
    height: 380px;
  }
  .recognitionbox h5 {
    font-size: 14px;
  }

  .our-service-container::before,
  .our-service-container::after {
    width: 0px;
  }

  .service-icon {
    height: 40px;
    width: 40px;
    padding: 5px;
    bottom: 45px;
    right: 2px;
  }
  .img img {
    height: 100%;
    object-fit: cover;
}
.caption {
  padding-top: 15px;
}
  .servicebox-1 span {
    padding: 3px;
    font-size: 12px;
  }

  .service-img {
    height: 150px;
  }

  .other-services ul li {
    width: 50%;
    padding: 10px;
    height: 150px;
    align-items: center;
    justify-content: CENTER;
  }

  .other-services ul li img {
    width: 35px;
  }

  .other-services ul li span {
    margin-top: 10px;
    font-weight: 500;
    font-size: 12px;
  }

  .slider__button {
    height: 40px;
    width: 40px;
  }

  .slide-text {
    font-size: 12px;
    padding: 5px;
  }

  .head-ourservices {
    padding-bottom: 10px;
  }

  .bg-world {
    height: auto;
  }

  .box-experience img {
    width: 50px;
  }

  .box-experience span {
    font-size: 20px;
    font-weight: 700;
  }

  .box-experience h4,
  .why-chooseus h2 {
    font-size: 16px;
  }

  .box-experience {
    height: 200px;
  }

  .mobmenu {
    width: 100%;
    height: 40px;
    background: #fff;
    border-bottom: solid thin #e9e9e9;
  }

  .logoboxmob img {
    width: 30px;
    margin-top: 3px;
  }

  .contact-footer h3 {
    font-size: 18px;
  }

  .whatsapplink {
    width: 35px;
    right: 0px;
  }

  .mob-order-firsr {
    order: initial ! IMPORTANT;
  }

  .com-banner-service {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: CENTER;
  }

  .com-banner-service h1 {
    line-height: 40px;
    font-size: 30px;
  }

  .com-service-parahead {
    padding: 10px;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 10px;
    text-align: left;
  }

  .service-info-box h2,
  .whychoose-service h3 {
    font-size: 16px;
  }

  .whychoose-service {
    padding: 0px 5px;
  }

  .mob-p-0 {
    padding: 20px 10px !important;
  }

  .mob-d-block {
    display: block !important;
  }

  .mob-nav {
    width: 100%;
  }

  .our-projects {
    padding-top: 0 !important;
  }

  .logo-project {
    margin-right: 0 !important;
    max-width: 100% !important;
    height: 200px;
  }

  .logo-project img {
    object-fit: contain;
    height: 100%;
  }

  .navbar-project.active {
    width: 100%;
  }

  .navbar-project {
    width: 100%;
    padding: 10px;
  }

  .mob-nav li {
    width: 50%;
    float: left;
  }

  .contact_info_sec:before {
    border-radius: 0;
  }

  .contact_info_sec h4 {
    padding-bottom: 0px;
  }

  .contact_info_sec {
    position: inherit;
    height: auto;
    width: 100%;
    padding: 15px 10px;
    border-radius: 0px 0 0 0px;
  }
  .contact_field {
    padding: 10px 10px 20px 10px;
}
.contact_inner {
  border-radius: 0;
}
.contact_field h3 {
  font-size: 24px;
  margin-bottom: 10px;
}
.mob-left-social-menu li:first-child {
  margin-top: 0px;
}
.mob-left-social-menu li{
  padding-left: 0;
}
.mob-left-social-menu {
   justify-content: start;
   height: auto;
   padding-left: 15px !important;
}
.phonenumber {
  font-size: 12px;
}
}

@media (max-width:991px) and (min-width:768px) {
  body {
    font-size: 14px;
  }

  .navmenu {
    height: 60px;
    line-height: 60px;
  }

  .logobox {
    height: 60px;
    width: 100%;
    line-height: 60px;
    column-gap: 10px;
  }

  .logobox img {
    height: 40px;
    margin-top: 10px;
  }

  .logobox span {
    font-size: 14px;
  }

  .navmenu-list ul {
    column-gap: 20px;
  }

  .navmenu-list ul li a {
    font-size: 14px;
  }

  .home-banner .carousel-caption {
    width: 500px;
    top: 17%;
    left: 5%;
  }

  .home-banner .carousel-caption h5 {
    font-size: 40px;
  }

  .right-text-about h3::after,
  .right-text-directorinfo h3::after {
    left: -5%;
    top: -50px;
    opacity: .05;
    font-size: 40px;
  }

  .right-text-about {
    padding: 10px;
  }

  .right-text-about h3,
  .right-text-directorinfo h3 {
    margin-bottom: 15px;
    font-size: 16px;
  }

  .right-text-directorinfo p,
  .right-text-about p {
    font-size: 18px;
  }

  .left-director-img {
    height: 450px;
  }

  .left-director-img img {
    height: 300px;
    width: 300px;
    right: -40px;
    top: 60px;
  }

  .right-text-directorinfo {
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 50px;
  }

  .right-text-directorinfo h3::after {
    left: -17px;
    top: -50px;
    font-size: 40px;
  }

  .right-text-directorinfo p,
  .right-text-about p,
  .why-chooseus h2 {
    font-size: 16px;
  }

  .right-directorimg img {
    right: initial;
    left: -40px;
  }

  .profile-card {
    height: 350px;
    padding: 10px;
    margin: 0 25px;
  }
  .profile-card .img {
    height: 120px;
}
  .caption h3 {
    font-size: 14px;
  }

  .recognitionbox h5,
  .com-service-parahead {
    font-size: 16px;
  }

  .caption p {
    font-size: 12px;
  }

  .caption span {
    font-size: 11px;
  }

  .our-service-container::before,
  .our-service-container::after {
    width: 20px;
  }

  .service-icon {
    height: 50px;
    width: 50px;
    padding: 8px;
    bottom: 30px;
    right: 1px;
    border-radius: 50%;
  }

  .servicebox-1 span {
    padding: 10px;
    font-size: 14px;
  }

  .service-img {
    height: 200px;
  }

  .box-experience {
    height: 200px;
  }

  .box-experience img {
    width: 50px;
  }

  .box-experience span {
    font-size: 20px;
  }

  .box-experience h4,
  .service-info-box h2,
  .whychoose-service h3 {
    font-size: 18px;
  }

  .bg-world {
    height: auto;
  }

  .com-banner-service h1 {
    line-height: 350px;
    font-size: 40px;
  }

  .com-banner-service {
    height: 350px;
  }
  .contact_field {
    padding: 10px 20px 10px 20px;
    width: 350px;
}
.contact_field h3 {
  font-size: 40px;
  margin-bottom: 10px;
}
.contact_field p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 25px;
}
.right_conatct_social_icon {
  width: 100px;
  height: 100%;
  right: 10px;
}
.contact_info_sec {
  right: -4px;
  height: 300px;
  width: 300px;
  padding: 20px 15px;
  border-radius: 25px 0 0 25px;
}
}


@media (max-width:1199px) and (min-width:992px) {
  body {
    font-size: 14px;
  }

  .navmenu {
    height: 60px;
    line-height: 60px;
  }

  .logobox {
    height: 60px;
    width: 100%;
    line-height: 60px;
    column-gap: 10px;
  }

  .logobox img {
    height: 40px;
    margin-top: 10px;
  }

  .logobox span {
    font-size: 14px;
  }

  .navmenu-list ul {
    column-gap: 20px;
  }

  .navmenu-list ul li a {
    font-size: 14px;
  }

  .home-banner .carousel-caption {
    width: 500px;
    top: 17%;
    left: 5%;
  }

  .home-banner .carousel-caption h5 {
    font-size: 40px;
  }

  .right-text-about h3::after,
  .right-text-directorinfo h3::after {
    left: -5%;
    top: -50px;
    opacity: .05;
    font-size: 40px;
  }

  .right-text-about {
    padding: 10px;
  }

  .right-text-about h3,
  .right-text-directorinfo h3 {
    margin-bottom: 15px;
    font-size: 16px;
  }

  .right-text-directorinfo p,
  .right-text-about p {
    font-size: 18px;
  }

  .left-director-img {
    height: 450px;
  }

  .left-director-img img {
    height: 300px;
    width: 300px;
    right: -40px;
    top: 60px;
  }

  .right-text-directorinfo {
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 50px;
  }

  .right-text-directorinfo h3::after {
    left: -17px;
    top: -50px;
    font-size: 40px;
  }

  .right-text-directorinfo p,
  .right-text-about p,
  .why-chooseus h2 {
    font-size: 16px;
  }

  .right-directorimg img {
    right: initial;
    left: -40px;
  }

  .profile-card {
    height: 350px;
    padding: 10px;
    margin: 0 30px;
  }

  .caption h3 {
    font-size: 14px;
  }
  .caption {
    padding-top: 20px;
  }

  .recognitionbox h5 {
    font-size: 16px;
  }

  .caption p {
    font-size: 12px;
  }

  .caption span {
    font-size: 11px;
  }

  .our-service-container::before,
  .our-service-container::after {
    width: 20px;
  }

  .service-icon {
    height: 50px;
    width: 50px;
    padding: 8px;
    bottom: 30px;
    right: 1px;
    border-radius: 50%;
  }

  .servicebox-1 span {
    padding: 10px;
    font-size: 14px;
  }

  .service-img {
    height: 200px;
  }

  .box-experience {
    height: 200px;
  }

  .box-experience img {
    width: 50px;
  }

  .box-experience span {
    font-size: 20px;
  }

  .box-experience h4 {
    font-size: 18px;
  }

  .bg-world {
    height: auto;
  }

  .knowmore-btn {
    padding: 6px 12px;
    font-size: 12px;
  }

  .profile-card .img {
    width: 150px;
    height: 150px;
  }

  .logo-project {
    min-width: 200px;
    max-width: 200px;
  }
  .contact_field {
    padding: 40px 300px 80px 20px;
}
.contact_info_sec{
  right: -50px;
}
}

@media (max-width:1439px) and (min-width:1200px) {
  .caption p {
    font-size: 12px;
  }

  body {
    font-size: 15px;
  }

  .right-text-about h3::after,
  .right-text-directorinfo h3::after {
    left: -10%;
    top: -70px;
    font-size: 40px;
  }

  .right-text-about h3,
  .right-text-directorinfo h3 {
    margin-bottom: 15px;
  }

  .left-director-img img {
    height: 350px;
    width: 350px;
    right: -50px;
    top: 60px;
  }

  .right-text-directorinfo {
    padding-left: 50px;
    padding-right: 40px;
    padding-top: 90px;
  }

  .right-directorimg img {
    left: -50px;
  }

  .right-text-directorinfo p,
  .right-text-about p {
    font-size: 16px;
  }

  .our-service-container::before,
  .our-service-container::after {
    width: 30px;
  }
 
}
@media (max-width:1400px) and (min-width:1200px){
  .contact_info_sec{
    right: -25px;
  }
}


@media (max-width:1600px) and (min-width:1440px) {
  .right-text-directorinfo h3::after {
    left: -107px;
    top: -90px;
    font-size: 60px;
  }

  .right-text-directorinfo {
    padding-left: 120px;
    padding-right: 40px;
  }

  .left-text-decoration {
    padding-left: 50px;
    padding-right: 120px;
  }
}