@media (min-width: 1200px){
    .container{
        max-width: 1200px;
    }
}
@media (max-width: 1199px){
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 30px;
    }
    .vcp-page-banner {
        min-height: 340px;
    }
    .vcp-service-col h3 {
        font-size: 20px;
    }
    .vcp-section-caption {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .abi-pricing-features-wrap .list-group-item{
        font-size: 16px;
        line-height: 23px;
    }
    .abi-inspection-wrap-details {
       padding: 15px;
   }
   .abi-inspection-plan .list-group-item{
      font-size: 16px;
      padding: 8px 10px;
  }
  .order-total-wrapper {
   font-size: 18px;
}
.service-type-wrap .service-price {
   font-size: 30px;
   line-height: 35px;
}
.order-total-inspections {
   padding: 20px 15px;
}
}
@media (max-width: 991px){
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 27px;
    }
    h3 {
        font-size: 20px;
    }
    .vcp-page-banner {
        min-height: 280px;
    }
    .vcp-choose-list .choose-count {
        width: 55px;
        height: 55px;
        font-size: 30px;
        margin: 0 0 -30px 20px;
    }
    .vcp-choose-list .content {
        padding: 40px 30px 25px;
    }
    .vcp-choose-list li {
        max-width: 315px;
    }
    .vcp-choose-block .vcp-choose-img img{
        max-width: 400px;
    }
    .about-content-col {
        line-height: 23px;
        font-size: 14px !important;
    }
    .vcp-content-sec:after{
        background-image: none !important;
    }
    .vcp-content-sec h2 {
        font-size: 26px;
    }
    .vcp-testimonial-col {
        padding: 15px 25px;
        height: calc(100% - 1.5rem);
    }
    .vcp-accordian .accordion-item {
        margin-bottom: 12px;
    }
    .vcp-form-wizard h2 {
        font-size: 22px;
    }
    .vcp-services-sec .vcp-service-block {
        margin: 0 40px 30px;
        height: calc(100% - 30px);
    }
    .about-content-col ul li h3 {
        font-size: 16px;
    }
    .vcp-page-conten h1{
      font-size: 27px;
    }
    .vcp-page-conten h2{
      font-size: 23px;
    }
    .vcp-page-conten h3{
      font-size: 20px;
    }
    .vcp-contact-sec h2 {
        font-size: 28px;
    }
    .abi-pricing-features-wrap .list-group{
        flex-wrap: wrap;
        padding: 10px;
        gap: 10px;
    }
    .abi-pricing-features-wrap .list-group li {
        width: calc(100% / 2 - 5px);
    }
    .abi-pricing-features-wrap .list-group-item{
        background: var(--white-color);
        color: var(--color-2);
        padding: 10px 5px;
    }
    .abi-pricing-features-wrap .list-group-item.active{
        transform: none;
        background: var(--color-2);
        color: var(--white-color);
        -webkit-text-fill-color: initial;
    }
    .abi-pricing-features-wrap .list-group-item.active::after{
        content: none;
    }
    .abi-inspection-form label {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    h1 {
        font-size: 27px;
    }
    h2 {
        font-size: 22px;
    }
    h3 {
        font-size: 19px;
    }
    h4{
        font-size:17px;
    }
    .btn {
        font-size: 14px;
        padding: 8px 14px;
        line-height: 19px;
    }
    .btn-grad{
        font-size: 14px;
        padding: 8px 14px;
        line-height: 19px;
    }
    .vcp-page-banner {
        min-height: 260px;
    }
    .vcp-choose-list li {
        max-width: 100%;
        margin-bottom: 20px;
        line-height: 24px;
    }
    .vcp-content-sec h2 {
        font-size: 22px;
    }
    .vcp-main-menu-wrapper {
        gap: 15px;
    }
    .logo{
      max-width: 110px;
    }
    .oz-header-right .phone-ico {
        width: 33px;
        height: 33px;
    }
    .vcp-contact-sec .vcp-contact-form {
        padding: 17px;
    }
    .vcp-contact-sec h2 {
        font-size: 24px;
    }
    .vcp-form-wizard {
        padding: 10px;
    }
    .vcp-form-block h2 {
        font-size: 18px;
    }
    .vcp-services-sec .vcp-service-col:after{
        transform: skew(0deg, 1deg);
    }
    .vcp-services-sec .vcp-service-col{
        padding: 25px 15px;
        transform: skew(0deg, 1deg);
    }
    .vcp-services-sec .vcp-service-block{
        padding-bottom: 35px;
        margin: 0 40px 30px;
    }
    .vcp-services-sec .vcp-service-block {
        margin: 0 60px 30px;
    }
    .call-block .btn-light{
        padding: 6px 12px;
        min-width: 140px;
        font-size: 16px;
    }
    .vcp-accordian .accordion-button{
        font-size: 15px;
        padding: 8px 37px 8px 12px;
    }
    .vcp-accordian .accordion-button:before {
        width: 35px;
    }
    .expand-icon {
        right: 10px;
    }
    .all-steps .step i {
        width: 50px;
        height: 50px;
        font-size: 24px;
        min-height: 50px;
    }
    .all-steps {
        padding: 40px 0 50px;
    }
    .service-type-wrap h3,
    .product_title_head h3 {
        font-size: 22px;
    }
    .product_title_head .product_price_title {
        font-size: 22px;
    }
    .abi-pricing-features-wrap .tab-content {
       padding: 15px;
       font-size: 14px;
    }
    .abi-pricing-features-wrap .abi-text-wrapper{
      padding-right: 0;
      line-height:24px;
    }
    .abi-pricing-features-wrap .list-group-item {
        font-size: 14px;
        line-height: 20px;
    }
    .abi-included-list-features .number {
       width: 34px;
       height: 34px;
    }
    .abi-included-list {
       padding: 12px;
    }
    .abi-included-list li:before {
       margin-right: 7px;
       font-size: 16px;
    }
    .point-icons {
       width: 20px;
       height: 20px;
       font-size: 10px;
    }
    .order-total-inspections{
      border: none;
    }
    .service-type-wrap .service-price {
        font-size: 26px;
        line-height: 32px;
    }
    .abi-addirion-btn:after {
       right: 0;
       top: -7px;
       transform: none;
       width: 80px;
       height: 1px;
    }
    .abi-addirion-btn .btn {
       font-size: 12px;
       padding: 6px 8px;
       min-width: 80px;
       line-height: 23px;
    }
    .abi-inspection-plan .list-group{
        flex-wrap: wrap;
        border-radius: 0 !important;
        gap:8px;
    }
    .abi-inspection-plan .list-group li {
        width: calc(100% / 2 - 4px);
    }
    .abi-inspection-plan .list-group .list-group-item{
        min-width: auto;
    }
    .abi-inspection-plan .list-group li:first-child .list-group-item {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .abi-inspection-plan .list-group li:last-child .list-group-item {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .abi-inspection-plan .tab-content {
        padding: 15px 0;
    }
    .abi-inspection-sec .abi-text-caption {
        font-size: 16px;
    }
    .abi-accordian .accordion-button {
        padding: 12px 30px 12px 12px;
    }
    .abi-accordian .accordion-button h3 {
        font-size: 15px;
    }
    .abi-accordian .expand-icon {
        right: 10px;
        height: 11px;
        width: 11px;
    }
    .abi-accordian .expand-icon::before, .abi-accordian .expand-icon::after{
        width: 11px
    }
    .abi-inspection-sec .abi-back-inspection a {
        font-size: 17px;
        color: var(--color-2);
        transition: color .25s ease-in-out;
    }
    .abi-accordian .accordion-body {
        padding: 10px 15px;
    }
    .abi-book-btn-wrapper {
        margin: 15px 0;
    }
    .form-control{
        height: 40px
    }
    .vcp-accordian .accordion-item h3{
        line-height: 25px;
    }
    .logo img{
        width: 90px;
    }
    .vcp-contact-sec .vcp-contact-list li{
        font-size: 14px;
        margin-bottom: 18px;
        width: 100%;
    }
    .vcp-contact-sec .vcp-contact-list li:nth-child(2){
        margin: 0 0 18px;
    }
    .vcp-contact-sec .vcp-contact-list .ico {
        width: 40px;
        min-width: 40px;
        font-size: 20px;
    }
}
@media (max-width: 400px) {
    .vcp-services-sec .vcp-service-block {
        margin: 0 40px 30px;
    }
}
