@media screen and (min-width: 1199px) and (max-width: 1920px) {}

@media screen and (min-width: 1152px) and (max-width: 1310px) {
  /*Ameya*/

  .main-nav a {
    font-size: 14px;
    padding: 10px 8px;
  }

  .head-cont img {
    width: 54px;
  }

  .pd-lr30 {
    padding: 0px;
  }

  .msg_section {
    padding: 15px 25px;
  }

  .hm-service-box ul li a {
    width: 130px;
  }

  .ftr-cont h2 {
    font-size: 1.7rem;
  }

  .location-info .button {
    font-size: 18px;
  }
}

@media screen and (min-width: 1152px) and (max-width: 1310px) {
  /*Cutus Tab Size*/
}

@media screen and (min-width: 1397px) and (max-width: 1920px) {
  /*Salman*/
}

@media screen and (min-width: 1199px) and (max-width: 1366px) {}

@media screen and (min-width: 800px) and (max-width: 1280px) {}

@media screen and (min-width: 992px) and (max-width: 1198px) {}

/********Sm-start*******/
@media screen and (min-width: 768px) and (max-width: 991px) {}

@media screen and (max-width: 980px) {}

@media screen and (max-width: 768px) {}

@media screen and (min-width: 480px) and (max-width: 766px) {}

/********xs-start********/
@media screen and (max-width: 767px) {
  .logo {
    margin-top: 0px;
    position: relative;
    width: 165px;
  }

  .header-scrolled .mobile-nav-toggle {
    top: 20px;
  }

  .header_tp_dtl ul>li:nth-child(3),
  .header_tp_dtl ul>li:nth-child(4) {
    display: none;
  }

  .header_tp_dtl ul>li {
    padding: 4px 3px;
  }

  #header:after {
    width: 100%;
    background: linear-gradient(90deg, #e2e2e2, #e2e2e2);
  }

  .header_tp_dtl ul li:nth-child(1),
  .header_tp_dtl ul li:nth-child(2) {
    top: 0;
  }

  .header_tp_dtl ul li.call_tp img {
    width: 18px;
    margin-right: 5px;
  }

  .header_tp_dtl ul li a {
    font-size: 13px !important;
  }

  .header_tp_dtl ul {
    text-align: center;
    float: none;
    margin: 0 auto;
    display: table;
  }

  .mobile-nav {
    background: #1c3ca1;
  }

  .mobile-nav-toggle {
    font-size: 16px;
    background: #1c3ca1;
    padding: 6px 12px;
    /* border-radius: 5px; */
    color: #fff;
    top: 19px;
    right: 12px;
  }

  .mobile-nav-toggle i {
    color: #91958e;
  }

  .call_tp a {
    color: #000 !important;
    padding: 8px 0px;
    text-transform: lowercase;
    letter-spacing: 0px;
  }

  .call_tp img {
    margin-right: 5px;
    margin-top: 5px;
  }

  .carousel-caption {
    width: 70%;
  }

  .carousel-caption h2 {
    font-size: 13px;
    line-height: 22px;
    padding-bottom: 0px;
  }

  .carousel-caption .btn.btn-secondary {
    margin-top: 5px;
  }

  .carousel-caption .btn {
    padding: 0.575em 1.15em;
    font-size: 11px;
  }

  .carousel-caption .btn span {
    top: -1px;
    left: 4px;
  }

  .carousel-caption .btn span img {
    width: 12px;
  }

  #carousel .carousel-control {
    font-size: 16px;
    bottom: 1%;
  }

  #carousel .carousel-control span {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
}

@media screen and (max-width: 400px) {}

@media screen and (max-width: 360px) {}

@media screen and (max-width: 320px) {}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .container {
    max-width: 100%;
  }

  .header-top-boxes {
    display: flex;
    justify-content: flex-start !important;
    align-items: center;
    gap: 10px;
  }

  .scrollto img {
    top: -7px;
    left: -32px;
  }

  #header:after {
    height: 80px;
  }

  .header-scrolled .scrollto img {
    margin-top: 15px;
  }

  .mobile-nav-toggle {
    font-size: 38px;
    background: #1c3ca1;

    top: 16px;
  }

  .mobile-nav-toggle i {
    color: #ffffff;
  }

  .header-scrolled .mobile-nav-toggle {
    top: 13px;
  }

  .contact-us {
    background: url(../images/contact_us-banner.webp) right no-repeat;
    background-size: cover;
    filter: brightness(0.8);
  }

  .investor-relationships {
    background: url(../images/investor_relationship-scaled.webp) right no-repeat;
    background-size: cover;
    filter: brightness(0.8);
  }

  .gallery-page {
    background: url(../images/gallery-scaled.webp) right no-repeat;
    background-size: cover;
    filter: brightness(0.8);
  }

  .project-page {
    background: url(../images/services_listing_banner-scaled.webp) right no-repeat;
    background-size: cover;
    filter: brightness(0.8);
  }

  .inner-page-heading h1 {
    text-align: center;
    font-size: 32px;
    color: #fff !important;
    /* stroke thickness + color */
    font-weight: 700;
    /* text fill color */
  }

  .inner-banner {
    opacity: 1;
  }

  .footer-info {
    padding-left: 10px;
  }

  .quick-link {
    padding-left: 10px;
  }

  .nav-tabs .nav-item {
    border: 1px solid #989fc8 !important;
  }

  .nav-tabs .nav-item {
    margin: 5px 3px;
  }

  .project-sections .nav-tabs {
    border: none;
  }

  .custom-tabs .nav-link {
    font-size: 14px;
  }

  .content-box-left {
    margin-bottom: 15px;
  }

  .section-heading {
    padding: 0;
  }

  .content-box-section {
    padding: 35px 0 35px 0;
  }

  .waler-beam-and-capping-beam {
    padding: 50px 0;
  }

  #service_inner_middle {
    padding: 30px 0;
  }

  .section-title {
    padding: 20px 0 0 0;
  }

  .service-main-class {
    background-position: right;
    background-size: cover;
    filter: brightness(0.8);
  }

  .about-us-right {
    padding: 22px 0 0 15px;
  }

  .content-holder {
    line-height: normal !important;
  }

  .content-holder .span-text-1 {
    font-size: 32px;
    font-weight: 500;
  }

  .content-holder .span-text-2 {
    font-size: 35px;
    display: block;
    font-weight: 700;
  }

  .carousel-item img {
    height: 600px;
    object-fit: cover;
    object-position: right !important;
  }

   .carousel-item2 img {
    object-position: center !important;
  }

  /* .carousel-item {
    position: relative;

  }

  .carousel-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #0000004b !important;
  } */

  .new-updates {
    padding: 157px 0 20px 0;
  }

  .question-pic img {
    width: 280px;
  }

  .contact-wrap {
    padding: 45px 0 240px;
  }

  .carousel-caption {
    left: 18% !important;
  }

  .counter-box {
    padding: 15px 0;
  }

  .about-sample {
    margin-top: 30px;
    padding: 20px 0;
  }

  .download-button .docs {
    background-color: #9c9c9c !important;
  }

  .new-updates .const-pic {
    top: 3%;
  }

  .const-pic img {
    width: 256px !important;
  }

  .contact-wrap .contact-content h3 {
    font-size: 30px;
    line-height: 49px;

  }


  .srv-thumbnail img {
    height: auto;
  }

  .slider-content p {
    font-size: 12px;
  }

  .slider-content h5 {
    font-size: 15px;
  }

  .contact-wrap {
    margin-top: 0;
  }

  .testimonials-wrap {
    background-size: 40%;
    background-position: left bottom;
  }

  .table-hold {
    margin-bottom: 0px !important;
  }

  .pro-row {
    border: 1px solid #0003;
    padding: 25px 0 !important;
  }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .container {
    max-width: 100%;
  }

  .download-button .docs {
    background-color: #9c9c9c !important;
  }

  .pro-row {
    border: 1px solid #0003;
    padding: 25px 0 !important;
  }

  .about-sample {
    padding: 20px 0;
  }

  .header-top-boxes {
    display: flex;
    justify-content: flex-start !important;
    align-items: center;
    gap: 10px;
  }


  .scrollto img {
    top: 79px;
    /* left: -32px; */
  }

  #header:after {
    height: 80px;
  }

  .header-scrolled .scrollto img {
    margin-top: -86px;
  }

  .mobile-nav-toggle {
    font-size: 33px;
    background: #1c3ca1;
    top: 10px;
    padding: 6px;
    right: 15px;
  }

  .mobile-nav-toggle i {
    color: #ffffff;
  }

  .header-scrolled .mobile-nav-toggle {
    top: 13px;
  }

  .contact-us {
    background: url(../images/contact_us-banner.webp) right no-repeat;
    background-size: cover;
    filter: brightness(0.8);
  }

  .investor-relationships {
    background: url(../images/investor_relationship-scaled.webp) right no-repeat;
    background-size: cover;
    filter: brightness(0.8);
  }

  .gallery-page {
    background: url(../images/gallery-scaled.webp) right no-repeat;
    background-size: cover;
    filter: brightness(0.8);
  }

  .project-page {
    background: url(../images/services_listing_banner-scaled.webp) right no-repeat;
    background-size: cover;
    filter: brightness(0.8);
  }

  .inner-page-heading h1 {
    text-align: center;
  }

  .inner-banner {
    opacity: 1;
  }

  .footer-info {
    padding-left: 10px;
  }

  .quick-link {
    padding-left: 10px;
  }

  .nav-tabs .nav-item {
    border: 1px solid #989fc8 !important;
  }

  .nav-tabs .nav-item {
    margin: 5px 3px;
  }

  .project-sections .nav-tabs {
    border: none;
  }

  .custom-tabs .nav-link {
    font-size: 14px;
  }

  .content-box-left {
    margin-bottom: 15px;
  }

  .section-heading {
    padding: 0;
  }

  .content-box-section {
    padding: 35px 0 35px 0;
  }

  .waler-beam-and-capping-beam {
    padding: 20px 0;
  }

  #service_inner_middle {
    padding: 30px 0;
  }

  .service-main-class {
    background-position: right;
    background-size: cover;
    filter: brightness(0.8);
  }

  .about-us-right {
    padding: 22px 0 0 15px;
  }

  .content-holder {
    line-height: normal !important;
  }

  .content-holder .span-text-1 {
    font-size: 24px;
    font-weight: 500;
  }

  .content-holder .span-text-2 {
    font-size: 25px;
    display: block;
    font-weight: 700;
  }

  .carousel-item img {
    height: auto;
  }

  .new-updates {
    padding: 157px 0 20px 0;
  }

  .question-pic img {
    width: 280px;
  }

  .contact-wrap {
    padding: 45px 0 240px;
  }

  #slider {
    margin-right: 0;
    margin-left: 0;
    margin-top: 47px;
  }

  .carousel-caption {
    left: 18% !important;
  }

  .counter-box {
    padding: 15px 0;
  }
}