/* ==============================
     Responsive   
   ============================== */
@media only screen and (min-width:576px) {
  .quotes-items-icon {
    display: none;
  }
}

@media only screen and (min-width:768px) {
  .questions-card [class*="col-"]:nth-child(3) .questions-dots:before {
    display: none;
  }
}

@media only screen and (min-width:992px) {
  .contact-us-page .get-in-touch-section .container-fluid.extra-padding {
    padding: 0 5rem;
  }
}


@media only screen and (max-width: 1750px) {
  .items .slider-image {
    height: 850px;
  }

  .dropdown-list-items .sub-dropdown-menu {
    top: 83px;
  }

  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {
    padding: 27px 11px;
    font-size: 14px;
  }

  .banner-items .slider-image {
    height: 600px;
  }
}

@media only screen and (max-width: 1550px) {
  .inquiry-btn {
    padding: 20px 0px;
  }

  .items .slider-image {
    height: 750px;
  }

  .dropdown-list-items .sub-dropdown-menu {
    top: 80px;
  }

}

@media only screen and (max-width: 1406px) {
  .items .slider-image {
    height: 600px;
  }

}

@media only screen and (max-width: 1375px) {
  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {
    padding: 27px 8px !important;
  }

  .twt-navbar.twt-navbar-common .brand-logo-img {
    height: 70px;
  }

  .social-icon {
    display: none;
  }

  .about-us-section,
  .about-mission {
    margin-left: 0;
  }

  .twt-navbar.twt-navbar-common .brand-logo-img {
    padding: 15px 7px;
  }

  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {
    padding: 27px 12px;
    font-size: 14px;
  }

  .twt-navbar.twt-navbar-common .nav-item.menu-bar {
    margin-left: 0px;
  }

}

@media only screen and (max-width:1199px) {
  .main-title-page {
    font-size: 35px;
  }

  .twt-navbar.twt-navbar-common {
    border-bottom: none;
  }

  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {
    padding: 13px 6px !important;
    font-size: 15px !important;
  }

  .about-infra-img {
    max-width: 100%;
  }

  .about-image2,
  .about-faq-image {
    display: none;
  }

  .project-details-header {
    top: 75px;
  }

  .heading-title {
    padding: 17px 0;
  }

  .heading-main-title {
    font-size: 22px;
  }

  .items-content .banner-count {
    font-size: 80px;
  }

  .items-content .banner-title {
    font-size: 45px;
  }

  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item:before {
    display: none;
  }

  .questions-card {
    padding: 30px 0 30px 0;
  }

  .about-heading-title,
  .about-mission-title {
    font-size: 30px;
  }

  .about-mision-img {
    display: none;
  }

  .about-mission:before {
    width: 100%;
    border-radius: 0;
  }

  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {
    padding: 12px 15px;
    font-size: 14px;
  }

  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {
    color: #000;
    border-bottom: 1px solid #ddd;
  }

  .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active .nav-link {
    background: #152f70;
    color: #fff !important;
  }

  .twt-navbar.twt-navbar-common.nav-light.fixed .navbar-nav .nav-item .nav-link {
    color: #000;
  }

  .fadeInDown {
    animation-name: none;
  }

  .twt-navbar.twt-navbar-common.nav-light.fixed button.navbar-toggler .navbar-dash {
    background: #000;
  }

  .twt-navbar.twt-navbar-common .nav-item.menu-bar {
    display: none;
  }

  .inquiry-btn {
    padding: 10px 12px;
  }

  .twt-navbar.twt-navbar-common.nav-light button.navbar-toggler .navbar-dash {
    background: #000;
  }

  .social-icon {
    display: none;
  }

  .contact-questions:before,
  .questions-card:before {
    width: 100%;
  }

  .contact-questions:after {
    display: none;
  }

  .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
  .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link {
    padding: 12px 15px;
  }

  .specification-image {
    display: none;
  }


}

@media only screen and (max-width:991px) {
  .banner-items .items-content .banner-title-small {
    display: initial;
  }

  .banner-items .items-content .items-banner-class {
    max-width: 100%;
  }

  .banner-items.banner-third {
    padding-bottom: 30px;
  }

  .banner-third .items-content {
    padding-left: 0;
  }

  .certificate:before,
  .certificate:after {
    display: none;
  }

  .testimonial-box {
    max-width: 100%;
  }

  .counter-infra:before,
  .counter-section:before {
    width: 100%;
    height: 50%;
  }

  .counter-infra:after {
    width: 100%;
  }

  .about-infra-image {
    display: none;
  }

  .about-image1 {
    display: none;
  }

  .youtube-section .slick-prev,
  .customer-slider .slick-prev {
    right: 55px;
  }

  .youtube-section .slick-prev:before,
  .youtube-section .slick-next:before,
  .customer-slider .slick-prev:before,
  .customer-slider .slick-next:before {
    font-size: 31px;
  }

  .youtube-section .slick-prev,
  .youtube-section .slick-next,
  .customer-slider .slick-prev,
  .customer-slider .slick-next {
    width: 40px;
    height: 40px;
  }

  .dropdown-list-items .sub-dropdown-menu {
    border-top: none;
  }

  .contact-details-section {
    margin: auto auto auto 0px;
    padding: 20px 25px 20px 25px;
  }

  .about-compant-title {
    padding: 0px 0 7px 0;
  }

  .project-document-items .project-items {
    margin-right: 0;
  }

  .product-details-about:after {
    display: none;
  }

  .inquiry-btn {
    padding: 15px 12px;
  }

  .header-top .call-link {
    margin-right: 0;
  }

  .twt-navbar.twt-navbar-common .brand-logo-img {
    position: relative;
    top: 0;
  }

  .navbar-brand:before {
    background-color: transparent;
    box-shadow: none;
  }

  .contact-map {
    display: none;
  }

  .background-lines {
    display: none;
  }

  .about-mision-box {
    padding-left: 0;
  }

  .about-mission:before {
    width: 100%;
  }

  .about-mision-img {
    display: none;
  }

  .about-heading-title br {
    display: none;
  }

  .prd-detail-img {
    display: none;
  }

  .product-details-about:before {
    display: none;
  }

  .twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {
    color: #000;
  }

  .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
  .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link {
    color: #000;
  }

  .contact-us-page .get-in-touch-section .extra-padding {
    padding: 0 12px;
  }

  .banner-image-class {
    height: 400px;
  }

  .banner-items .banner-content .items-content .items-banner-class {
    padding-top: 30px;
  }

  .slider-banner {
    padding-top: 90px;
  }

  .banner-image-class {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
  }

  .items-content .items-banner-class {
    max-width: 100%;
  }

  .banner-third .items-content:before {
    right: -7px;
  }

  .banner-third .banner-content::after {
    display: none;
  }

  .header-banner:after {
    display: none;
  }

  .prd-breadcrumb .breadcrumb-link {
    color: #fff;
  }

  .prd-breadcrumb .breadcrumb-item.active {
    color: #fff;
  }

  .prd-breadcrumb {
    margin: auto;
    margin-left: auto;
  }
}

@media only screen and (max-width:767px) {
  .pdf-download {
    padding: 11px 15px;
  }

  .download-file {
    margin: 30px auto 0px auto;
  }

  .counter-infra:before,
  .counter-section:before {
    height: 59%;
  }

  .tabtop .nav-tabing .project-tabs:last-child {
    padding: 8px 10px;
    margin: 10px 0px;
    font-size: 14px;
  }

  .project-locations .items-box {
    margin: 0px 5px 20px 5px;
  }

  .heading-title:before {
    transform: none;
    width: 100%;
  }

  .call-number {
    padding-top: 20px;
  }

  .product-banner-image {
    height: 600px;
  }

  .navbar-brand:before {
    height: 112px;
    width: 130px;
    top: -25px;
  }

  .items-box {
    margin: 0;
  }

  .contact-details-section button.btn.btn-primary {
    width: 100%;
  }

  .specification-box-section .specification-box {
    border-bottom: 1px solid #ddd;
  }

  .get-in-touch-section .left-content .get-in-touch-heading {
    font-size: 25px;
  }

  .about-compant-title {
    padding: 10px 0 7px 0;
  }

  .gallery-main-section .slick-prev,
  .gallery-main-section .slick-next {
    top: -5px;
  }


}

@media only screen and (max-width:575px) {
  .tabtop .nav-tabing .project-tabs:last-child {
    margin: 0px 0px;
    text-align: center;
  }

  .tabtop .project-tabs.active:before {
    display: none;
  }

  .nav-tabs .nav-item {
    margin-bottom: -1px;
    display: block;
    width: 100%;
  }

  .testimonial-box {
    padding: 0;
  }

  .testimonial-items .card .media-class {
    display: block;
    text-align: center;
  }

  .text-class {
    padding-top: 15px;
  }

  .testimonial-items .card .media-class .testimonial-icon {
    display: initial;
    margin: auto;
  }

  .testimonial-items .card {
    margin: 15px 0px 10px 0px;
  }

  .slider-banner {
    left: 0;
  }

  .about-us-section {
    margin-top: 30px;
  }

  .banner-items.banner-third {
    padding-bottom: 50px;
  }

  .banner-third .items-content .banner-title {
    font-size: 30px;
  }

  .banner-title-small {
    display: initial;
  }

  .banner-third .items-content {
    padding-left: 0;
  }

  .banner-image-class {
    right: 0;
    border-radius: 50px;
    height: 350px;
    object-fit: cover;
  }

  .customer-items {
    margin: 5px 12px;
  }

  .getch-touch-title {
    text-align: center;
  }

  .contact-details-section {
    padding: 15px 15px 10px 15px;
  }

  .location-items .nav-tabs .nav-link {
    padding: 8px 15px;
  }

  .infographic-counter {
    font-size: 40px;
  }

  .infographic-counter:before {
    width: 33px;
  }

  .infographic-title {
    font-size: 20px;
  }

  .certificate-card {
    padding: 10px 20px;
    clip-path: none;
  }

  .counter-infra-items {
    padding: 20px;
  }

  .testimonial-text {
    box-shadow: none;
    margin: 0;
  }

  .quotes-items-icon {
    font-size: 20px;
    color: #224c9f;
  }

  .quotes-items-icon {
    display: block;
  }

  .quotes-items {
    display: none;
  }

  .youtube-section .slick-prev,
  .youtube-section .slick-next,
  .customer-slider .slick-prev,
  .customer-slider .slick-next {
    top: 15px;
  }

  .videos-slider,
  .customer-slider {
    padding-top: 50px;
  }

  .location-items {
    margin-top: 0px;
  }

  .twt-navbar.twt-navbar-common.fixed .brand-logo-img {
    padding: 10px 16px;
  }

  .form-modal .modal-header .close {
    top: -9px;
    right: -5px;
    margin: 0;
  }

  .tabbable-line {
    max-width: 100%;
    margin: auto;
    display: block;
  }

  .tabtop.tabsetting {
    display: block;
  }

  .project-page-content .tabtop.tabsetting {
    display: flex;
  }

  .tabtop .active .project-tabs:before {
    display: none;
  }

  .col-sm-6:last-child .about-counter-box {
    border-bottom: none;
  }

  .about-counter-box {
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
  }

  .main-title-page {
    font-size: 25px;
  }

  .banner-slider .slick-prev,
  .banner-slider .slick-next {
    display: none;
  }

  .nav-item.inquiry-btn {
    display: none;
  }

  .items .slider-image {
    height: 550px;
    object-fit: cover;
  }

  .items-content .banner-count {
    font-size: 55px;
  }

  .items-content .banner-title {
    font-size: 30px;
  }

  .items-content .banner-btn {
    width: auto;
  }

  .items-content .banner-discription {
    font-size: 17px;
  }

  .certificate-card .slick-prev,
  .certificate-card .slick-next {
    top: -55px;
  }

  .certificate-card .slick-prev {
    left: auto;
    right: 35px;
  }

  .certificate-card .slick-next {
    right: -20px;
  }

}

@media only screen and (max-width:499px) {
  .banner-btn {
    padding: 10px 20px;
  }

}

@media only screen and (max-width:479px) {
  .slider-content {
    width: 97%;
  }

  .slider-cnt-title {
    font-size: 18px;
  }
}