/*for 125%*/
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .h-navbar {
    margin: 0px 0px 0px 219px;
  }
  .foo-btn {
    width: 55% !important;
  }
  .foo-btn:hover span {
    padding: 0px 3px 2px 3px !important;
  }

  .about-sub h5 {
    font-size: 19px !important;
  }

  .ser-text {
    font-family: "Metropolis-SemiBold";
    font-size: 14px !important;
  }
  .about-sub {
    letter-spacing: 5px !important;
  }
  .s-card {
    width: 14rem !important;
  }
  .about-side-img {
    width: 88% !important;
    margin-top: 96px !important;
    margin-left: 73px !important;
  }

  .service-header-sec {
    top: 39% !important;
    left: 39% !important;
  }
  .about-head-sec {
    top: 43px !important;
    left: 27% !important;
  }
  .open {
    font-size: 10px;
    padding: 10px 0px !important;
  }

  .header-con {
    width: 8% !important;
    margin-right: 0px !important;
  }

  .open-c {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .mob-c {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .email-c {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .email-sec {
    padding-top: 10px !important;

    font-size: 10px !important;
  }

  .mob {
    padding-top: 10px !important;

    font-size: 10px !important;
  }

  .nav-item {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }

  .ban-btn {
    font-size: 12px !important;

    width: 45% !important;
  }

  .carousel-text h2 {
    font-size: 30px !important;
  }

  .carousel-text p {
    font-size: 13px !important;
  }

  .carousel-text p {
    font-size: 13px;
  }

  .carousel-text {
    top: 9% !important;
  }

  .carousel-control-next,
  .carousel-control-prev {
    top: 256px !important;
  }

  .carousel-control-prev {
    left: 90px !important;
  }

  .header-logo {
    margin-left: 40px !important;
  }
}
/*for 110%*/

@media screen and (max-width: 1500px) and (min-width: 1200px) {
  .h-navbar {
    margin: 0px 0px 0px 320px;
  }
  .header-logo {
    margin-left: 55px !important;
  }
  .mob {
    padding-top: 7px !important;
  }
  .open {
    padding: 7px 0px !important;
  }
  .ban-btn {
    font-size: 17px !important;

    width: 40% !important;
  }

  /* .open-c {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .mob-c {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .email-c {
    padding-right: 0px !important;
    padding-left: 0px !important;
  } */

  .email-sec {
    padding-top: 7px !important;
  }
}

/*for 90%*/

@media screen and (min-width: 1500px) and (max-width: 1700px) {
  .open-c {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .mob-c {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .email-c {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .Main-header {
    height: 74px !important;
  }

  .open,
  .email-sec,
  .mob {
    font-size: 16px !important;
  }
  .h-navbar a {
    font-size: 22px !important;
  }

  .carousel-text p {
    font-size: 17px !important;

    line-height: 1.6rem !important;
  }

  .ban-btn {
    width: 34% !important;
    margin-top: 20px !important;
  }

  .carousel-control-prev {
    left: 112px !important;
  }

  .carousel-control-next {
    left: 180px !important;
  }

  .about-side-img {
    width: 67% !important;
    margin-top: 60px !important;
    margin-left: 114px !important;
  }
  .header-logo {
    margin-left: 86px !important;
  }
}

/*for 80%*/

@media screen and (min-width: 1700px) {
  .header-logo {
    margin-left: 96px !important;
  }
  .about-head-sec {
    font-size: 42px !important;
    top: 61px !important;
    left: 24% !important;
  }

  .service-header-sec {
    font-size: 42px !important;
  }

  .foot-header h4 {
    font-size: 35px !important;
  }
  .carousel-control-prev {
    left: 128px !important;
  }

  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    width: 90px !important;
    height: 63px !important;
  }

  .carousel-control-next {
    left: 222px !important;
  }
  .ban-btn {
    width: 34% !important;
    margin-top: 20px !important;
  }
  .about-side-img {
    width: 65% !important;
    margin-top: 40px !important;
    margin-left: 126px !important;
  }
  .Main-header {
    height: 77px !important;
  }

  .h-navbar a {
    font-size: 22px !important;
  }
  .open,
  .email-sec,
  .mob {
    font-size: 16px !important;
  }

  .carousel-text p {
    font-size: 18px !important;

    line-height: 1.7rem !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .enq-btn {
    display: none !important;
  }
  .navbar {
    /* padding: 20px 0rem !important; */
    margin-left: 0px !important;
    z-index: 999;
  }
  .h-navbar .nav-link:hover {
    color: #d3e4f1 !important;
  }
  .h-navbar {
    margin: 0px 0px !important;
    background: #0e73ba;
    padding: 0px 10px !important ;
    width: 100%;
    height: fit-content;
    color: #fff;
  }

  .h-navbar li a {
    color: #fff !important;
  }

  .h-navbar li a i {
    margin-right: 10px !important;
    display: inline !important;
  }

  .navbar-toggler {
    padding: 0.25rem 2.75rem !important;
  }
  .h-navbar li {
    padding: 20px 10px !important;
    border-right: none !important;
    border-bottom: 1px solid;
  }

  .h-navbar li:last-child {
    border-bottom: none !important;
  }
  .foo-con {
    top: 15% !important;
    left: 34% !important;
  }
  .foo-font {
    width: 76% !important;
  }
  .foo-li1 a {
    font-size: 14px !important;
  }
  .footer-tw {
    width: 20% !important;
    margin: 0px 0px !important;
  }
  .footer-fb {
    width: 9% !important;
    margin: 0px 20px !important;
  }
  .footer-ln {
    width: 20% !important;
    margin: 0px 0px !important;
  }
  .foot {
    max-width: 90% !important;
  }
  .f-left,
  .f-center,
  .f-right {
    text-align: center !important;
  }
  .foot-header h4 {
    font-size: 22px !important;
    letter-spacing: 0px !important;
  }
  .exp-header h4 {
    font-size: 24px !important;
  }
  .exp-header h3 {
    font-size: 22px !important;
  }
  .ser-left,
  .ser-right {
    width: 8% !important;
  }
  .foo-btn {
    width: 70% !important;
  }
  .ser-text {
    font-size: 14px !important;
    height: 50px !important;
  }
  .service-con {
    max-width: 90% !important;
  }
  .top-header {
    display: none !important;
  }
  .about-side-img {
    width: 100% !important;

    margin-left: 41px !important;
  }

  .s-card {
    width: 11rem !important;
  }
  .about-sub h5 {
    font-size: 19px !important;
  }
  .about-para p {
    padding: 20px 38px 20px 71px !important;
    font-size: 14px !important;
  }

  .service-header-sec {
    top: 42% !important;
    left: 39% !important;

    font-size: 30px !important;
  }
  .about-sub {
    padding: 20px 20px 0px 71px;
    letter-spacing: 2px !important;
  }
  .about-head-sec {
    font-size: 30px !important;

    top: 45px !important;
    left: 33% !important;
  }
  .about-font {
    width: 60% !important;
    margin-bottom: 10px !important;
  }
  .carousel-control-prev {
    left: 72px !important;
  }

  .carousel-control-next {
    left: 136px !important;
  }

  .fa-bars {
    font-size: 30px !important;
  }

  .carousel-control-next,
  .carousel-control-prev {
    top: 200px !important;
  }
  .carousel-text {
    width: 70% !important;
  }
  .carousel-text h2 {
    font-size: 30px !important;
  }

  .header-logo {
    width: 30% !important;
    margin-left: 50px !important;
  }
  .bt-nav {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
  .enq-btn {
    display: none !important;
  }
  .navbar {
    /* padding: 20px 0rem !important; */
    margin-left: 0px !important;
    z-index: 999;
  }
  .h-navbar .nav-link:hover {
    color: #d3e4f1 !important;
  }
  .h-navbar {
    margin: 0px 0px !important;
    background: #0e73ba;
    padding: 0px 10px !important ;
    width: 100%;
    height: fit-content;
    color: #fff;
  }

  .h-navbar li a {
    color: #fff !important;
  }

  .h-navbar li a i {
    margin-right: 10px !important;
    display: inline !important;
  }

  .navbar-toggler {
    padding: 0.25rem 2.75rem !important;
  }
  .h-navbar li {
    padding: 20px 10px !important;
    border-right: none !important;
    border-bottom: 1px solid;
  }

  .h-navbar li:last-child {
    border-bottom: none !important;
  }
  .foo-con {
    top: 15% !important;
    left: 34% !important;
  }
  .foo-font {
    width: 76% !important;
  }
  .foo-li1 a {
    font-size: 14px !important;
  }
  .footer-tw {
    width: 20% !important;
    margin: 0px 0px !important;
  }
  .footer-fb {
    width: 9% !important;
    margin: 0px 20px !important;
  }
  .footer-ln {
    width: 20% !important;
    margin: 0px 0px !important;
  }
  .foot {
    max-width: 90% !important;
  }
  .f-left,
  .f-center,
  .f-right {
    text-align: center !important;
  }
  .foot-header h4 {
    font-size: 22px !important;
    letter-spacing: 0px !important;
  }
  .exp-header h4 {
    font-size: 24px !important;
  }
  .exp-header h3 {
    font-size: 22px !important;
  }
  .ser-left,
  .ser-right {
    width: 8% !important;
  }
  .foo-btn {
    width: 70% !important;
  }
  .ser-text {
    font-size: 14px !important;
    height: 50px !important;
  }
  .service-con {
    max-width: 90% !important;
  }
  .top-header {
    display: none !important;
  }
  .about-side-img {
    width: 100% !important;

    margin-left: 41px !important;
  }

  .s-card {
    width: 11rem !important;
  }
  .about-sub h5 {
    font-size: 19px !important;
  }
  .about-para p {
    padding: 20px 38px 20px 71px !important;
    font-size: 14px !important;
  }

  .service-header-sec {
    top: 42% !important;
    left: 39% !important;

    font-size: 30px !important;
  }
  .about-sub {
    padding: 20px 20px 0px 71px;
    letter-spacing: 2px !important;
  }
  .about-head-sec {
    font-size: 30px !important;

    top: 45px !important;
    left: 33% !important;
  }
  .about-font {
    width: 60% !important;
    margin-bottom: 10px !important;
  }
  .carousel-control-prev {
    left: 72px !important;
  }

  .carousel-control-next {
    left: 136px !important;
  }

  .fa-bars {
    font-size: 30px !important;
  }

  .carousel-control-next,
  .carousel-control-prev {
    top: 200px !important;
  }
  .carousel-text {
    width: 51% !important;
    top: 10% !important;
  }
  .carousel-text h2 {
    font-size: 30px !important;
  }

  .header-logo {
    width: 30% !important;
    margin-left: 50px !important;
  }
  .bt-nav {
    display: block !important;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .enq-btn {
    display: none !important;
  }
  .about-section {
    background-image: none !important;
    background-color: #cec7c7 !important;
  }
  .top-header {
    display: none !important;
  }

  .h-navbar .nav-link:hover {
    color: #d3e4f1 !important;
  }

  .header-logo {
    width: 35% !important;
    margin-left: 5px !important;
  }
  .hcol {
    text-align: left !important;
  }

  .carousel-text h2 {
    font-size: 18px !important;
  }

  .carousel-text {
    width: 50% !important;
    left: 1% !important;
    top: 10% !important;
  }

  .carousel-text p {
    line-height: 1rem;
  }

  .carousel-control-next,
  .carousel-control-prev {
    top: 100px !important;
    width: 7% !important;
  }

  .carousel-control-prev {
    left: 390px !important;
  }

  .carousel-control-next {
    left: 450px !important;
  }
  .about-side-img {
    width: 80% !important;
    margin-top: 40px !important;

    margin-left: 0px !important;
  }

  .about-section {
    height: auto !important;
  }

  .about-img {
    text-align: center !important;
  }

  .s-card {
    margin: 10px auto !important;
    width: 20rem !important;
  }
  .sec-row {
    margin-top: 0px !important;
  }

  .ser-font {
    width: 60% !important;
    margin: 50px 0px 30px 0px !important;
  }

  .service-header-sec {
    top: 47% !important;
    left: 38% !important;

    font-size: 30px !important;
  }

  .ser-left,
  .ser-right {
    width: 12% !important;
  }

  .f-left,
  .f-right,
  .f-center {
    text-align: center !important;
  }

  .foo-li1 {
    margin: 0px 0px 0px 90px !important;
  }

  .footer-tw {
    width: 5% !important;
  }

  .footer-fb {
    width: 3% !important;
  }

  .footer-ln {
    width: 5% !important;
  }
  .about-font {
    width: 40% !important;
    margin-left: 0px !important;
  }

  .about-header {
    text-align: center !important;
  }

  .about-head-sec {
    font-size: 30px !important;

    top: 54px !important;
    left: 40% !important;
  }

  .about-sub {
    padding: 0px !important;

    text-align: center !important;
  }

  .about-sub h5 {
    font-size: 20px !important;
  }
  .about-para p {
    padding: 20px 30px 40px 30px !important;
  }
  .exp-header h3 {
    font-size: 20px !important;
  }

  .exp-header h4 {
    font-size: 21px !important;
    padding: 0px 20px !important;
  }

  .exp-img {
    width: 30% !important;
  }

  .foot-header h4 {
    font-size: 30px !important;
  }

  .foo-font {
    width: 80% !important;
  }

  .foo-con {
    top: 17% !important;
    left: 33% !important;
  }

  .foot-header {
    margin-bottom: 30px !important;
    margin-top: 20px !important;
  }

  .foot {
    padding-top: 50px !important;
  }

  #myDIV .nav-link {
    text-align: center !important;
  }

  .foot-nav .navbar-nav {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .belo-footer .navbar {
    margin-left: 0px !important;
  }

  .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .h-navbar {
    margin: 7px 0px;
    background: #0e73ba;
    padding: 0px 10px !important ;
    width: 100%;
    height: fit-content;
    color: #fff;
  }

  .h-navbar li a {
    color: #fff !important;
  }

  .h-navbar li a i {
    margin-right: 10px !important;
    display: inline !important;
  }

  .h-navbar li {
    padding: 10px 10px !important;
    border-right: none !important;
    border-bottom: 1px solid;
  }

  .h-navbar li:last-child {
    border-bottom: none !important;
  }

  .navbar {
    /* padding: 20px 0rem !important; */
    z-index: 999;
    margin-left: 0px !important;
  }
  .bt-nav {
    display: block !important;
  }
  .enq-btn-nav {
    margin-left: 10px;
    width: 35% !important;
  }
  .ban-img1 {
    height: 250px !important;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .bt-nav {
    display: block !important;
  }
  .enq-btn {
    display: none !important;
  }
  .ban-img1 {
    height: 250px !important;
  }
  .about-section {
    background-image: none !important;
    background-color: #cec7c7 !important;
  }
  .h-navbar .nav-link:hover {
    color: #d3e4f1 !important;
  }
  .h-navbar {
    margin: 7px 0px;
    background: #0e73ba;
    padding: 0px 10px !important ;
    width: 100%;
    height: fit-content;
    color: #fff;
  }

  .h-navbar li a {
    color: #fff !important;
  }

  .h-navbar li a i {
    margin-right: 10px !important;
    display: inline !important;
  }

  .h-navbar li {
    padding: 10px 10px !important;
    border-right: none !important;
    border-bottom: 1px solid;
  }

  .h-navbar li:last-child {
    border-bottom: none !important;
  }
  .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .top-header {
    display: none !important;
  }

  .header-logo {
    width: 45% !important;
    /* padding: 20px 0px 20px 20px !important; */
    margin-left: 5px !important;
  }

  .navbar {
    /* padding: 20px 0rem !important; */
    z-index: 999;
    margin-left: 0px !important;
  }
  .hcol {
    text-align: left !important;
  }

  .carousel-text h2 {
    font-size: 16px !important;
  }

  .carousel-text {
    width: 55% !important;
    left: 1% !important;
    top: 5% !important;
  }

  .carousel-text p {
    line-height: 1rem !important;
    font-size: 13px !important;
    width: 86% !important;
  }

  .carousel-control-next,
  .carousel-control-prev {
    top: 170px !important;
    width: 7% !important;
  }

  .carousel-control-prev {
    left: 280px !important;
  }

  .carousel-control-next {
    left: 320px !important;
  }
  .about-side-img {
    width: 80% !important;
    margin-top: 40px !important;

    margin-left: 0px !important;
  }

  .about-section {
    height: auto !important;
  }

  .about-img {
    text-align: center !important;
  }

  .s-card {
    margin: 10px auto !important;
    width: 20rem !important;
  }
  .sec-row {
    margin-top: 0px !important;
  }

  .ser-font {
    width: 70% !important;
    margin: 30px 0px 30px 0px !important;
  }

  .service-header-sec {
    top: 34% !important;
    left: 28% !important;

    font-size: 30px !important;
  }

  .ser-left,
  .ser-right {
    width: 15% !important;
  }

  .f-left,
  .f-right,
  .f-center {
    text-align: center !important;
  }

  .foo-li1 {
    margin: 0px 0px 0px 10px !important;
  }

  .about-font {
    width: 57% !important;
    margin-left: 0px !important;
  }

  .about-header {
    text-align: center !important;
  }

  .about-head-sec {
    font-size: 30px !important;

    top: 42px !important;
    left: 35% !important;
  }

  .about-sub {
    padding: 0px !important;

    text-align: center !important;
  }

  .about-sub h5 {
    font-size: 20px !important;
  }
  .about-para p {
    padding: 20px 30px 20px 30px !important;
  }
  .exp-header h3 {
    font-size: 20px !important;
  }

  .exp-header h4 {
    font-size: 21px !important;
    padding: 0px 20px !important;
  }

  .exp-img {
    width: 30% !important;
  }

  .foot-header h4 {
    font-size: 30px !important;
  }

  .foo-font {
    width: 80% !important;
  }

  .foo-con {
    top: 4% !important;
    left: 24% !important;
  }

  .foot-header {
    margin-bottom: 30px !important;
    margin-top: 20px !important;
  }

  .foot {
    padding-top: 50px !important;
  }

  .nav-item {
    padding: 0px !important;
  }

  #myDIV .nav-link {
    text-align: center !important;
  }

  .foot-nav .navbar-nav {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .belo-footer .navbar {
    margin-left: 0px !important;
  }
  .enq-btn-nav {
    width: 50% !important;
  }

  .foo-li1 a {
    font-size: 13px !important;
    word-spacing: 0px !important;
  }
}