@media screen and (max-width: 1700px) {
.responsive .why-choose-cabco .inner-content .item-content .right-content img {
    margin-top: 214px;
}
.responsive .widget-gallery.testimonial-gallery-slider {
    padding-right:140px;
} 
.responsive .widget.left-content-testimonial {
    position: absolute;
    top: 30px;
    left: 140px;
    z-index: 1;
    max-width: 412px;
}
.responsive .widget-gallery.testimonial-gallery-slider .owl-nav {
    left: -454px;
}
.responsive .footer-video-cta .text-content {
    left: 208px;
}
.responsive .why-choose-cabco h2 {
  padding: 0 0 0 140px;
}
.responsive .why-choose-cabco .inner-content {
  padding-left: 140px;
  padding-right: 140px
}
.page-contact-us #spltr-DCDE3C10-C6CE-429C-86A2-EA464ECCFFFC {
    padding-left: 140px;
}
.page-contact-us #spltr-F31DA90F-BCAE-4A0C-B109-8B1D64FEBC02 {
    padding-right: 130px;
}
  .responsive .address .location-text {
    right: 130px;
} 
}

@media screen and (max-width: 1500px) {
    .page-contact-us #spltr-182A053C-6079-44CE-AA01-5B6027EF9021 {
        background-position: center;
    }

    .responsive .contact-info-left h2 {
        margin: 0 0 15px;
    }
.responsive .home-banner {
  padding: 320px 0 120px;
}
.responsive .home-banner .full-area h1 {
  font-size: 80px;
  line-height: 100px;
  max-width: 680px;
}
.header > .widget-container, .footer > .widget-container {
  max-width: 100%;
  width: 100%;
}
.responsive .about-cabco .inner-content .right-content {
  width: 40%;
  padding: 0 0 0 80px;
}
.responsive .about-cabco .inner-content .left-content {
  width: 60%;
}
.responsive .why-choose-cabco h2 {
    padding: 0 0 0 30px;
  }
  
.responsive .why-choose-cabco .inner-content {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom:100px;
}
.responsive .widget-gallery.testimonial-gallery-slider {
    padding-right: 30px;
}
.responsive .widget.left-content-testimonial {
    left: 30px;
}
.responsive .widget-gallery.testimonial-gallery-slider .owl-nav {
    left: -434px;
}
.responsive .contact-info-left h2,
.responsive .our-process-section .container-title h2,
.responsive .widget.left-content-testimonial h2,
.responsive .contact-cta-section .cta-title,
.responsive .gallery-section .gallery-content .gallery-title,
.responsive .why-choose-cabco h2,
.responsive .why-choose-cabco h2,
.responsive .about-cabco .inner-content .right-content h2,
.responsive .about-person-section .process-title{
    font-size: 50px; 
    line-height: 65px;
  }
  
.responsive .footer-video-cta .text-content .right-content .single-item a {
    font-size: 45px;
    line-height: 60px;
}
.responsive .why-choose-cabco h2 {
  max-width: 500px;
}
.responsive .footer-video-cta .text-content {
    left: 148px;
}
.responsive .home-banner .full-area p {
  font-size: 30px;
  line-height: 40px;
} 
.page-gallery-of-excellence .page-content .v-split-container > .v-split {
    margin: auto;
    width: 100%;
    max-width: 100%;
}
.swipebox-container {
    padding: 0 30px;
}

.page-contact-us #spltr-DCDE3C10-C6CE-429C-86A2-EA464ECCFFFC {
    padding-left: 30px;
}
.page-contact-us #spltr-F31DA90F-BCAE-4A0C-B109-8B1D64FEBC02 {
    padding-right: 30px;
}
.responsive .address .location-text {
    right: 30px;
}
.responsive .widget-navigation.main-menu .navigation-item {
    padding: 0 24px;
}
    .responsive .widget-navigation.main-menu .navigation-item:first-child {
        padding-left:0;
    }
    .responsive .widget-navigation.main-menu .navigation-item:last-child {
        padding-right:0;
    }
	
.responsive .page-heading h1, 
.responsive .widget.widget-pageHeading h1,
.responsive .widget.widget-pageHeading h2 {
    font-size: 80px;
    line-height: 100px;
}
    .widget.widget-snippet.about-inner .about-cabco {
        margin: 110px 0 90px;
    }
    .widget.widget-snippet.about-inner .about-cabco .inner-content .right-content p:last-of-type{
        margin: 0;
    }
    .responsive .about-person-section {
        padding: 0 30px 90px 30px;
    }
    .responsive .about-person-section .process-title {
        padding: 0 0 40px 0;
    }
    #swipebox-slider .slide {
        padding: 0 80px;
    }
}

@media screen and (max-width: 1400px) {
    .responsive .about-inner .about-cabco .inner-content .left-content img.about-img2 {
        margin-top: -230px;
    }
.responsive .widget-gallery.testimonial-gallery-slider .owl-carousel {
    max-width: 855px;
}
.responsive .widget-gallery.testimonial-gallery-slider .owl-nav {
    left: -400px;
}
.responsive .widget-navigation.main-menu .navigation-item {
  padding: 0 25px;
}
 .responsive .widget-navigation.main-menu .navigation-item:first-child {
    padding-left:0;
}
.responsive .widget-navigation.main-menu .navigation-item:last-child {
    padding-right:0;
} 
.responsive .footer-video-cta .video-content video {
    height: 450px;
}
.responsive .widget-navigation.main-menu .navigation-item {
    padding: 0 22px;
  }
.responsive .widget-gallery.testimonial-gallery-slider .article-content .test-content {
    font-size: 20px;
    line-height: 38px;
}
.responsive .widget-gallery.testimonial-gallery-slider .article-content:before {
    background-size: 73%;
}
}

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

.responsive .widget-gallery.testimonial-gallery-slider .owl-carousel {
    max-width: 800px;
}
.responsive .widget-gallery.testimonial-gallery-slider .owl-nav {
    left: -374px;
}
.responsive .about-cabco .inner-content .left-content img.about-img1 {
  width: 680px;
}
    .responsive .about-inner .about-cabco .inner-content .left-content img.about-img2 {
        margin-top: -175px;
    }
.responsive .footer-video-cta .text-content {
    left: 102px;
}
.responsive .why-choose-cabco .inner-content .item-content .left-content {
  grid-column-gap: 40px;
}
.responsive .why-choose-cabco .inner-content .item-content .right-content img {
    margin-top: 230px;
}
.responsive .widget-navigation.main-menu .navigation-item {
    padding: 0 15px;
}
}

@media screen and (max-width: 1200px) {
    .page-contact-us .widget-form.contact-form {
        padding: 40px 30px 25px;
    }
    .responsive .swipe-image-wrap .box {
        padding: 10px !important;
    }
    .responsive .about-inner .about-cabco .inner-content .left-content img.about-img1 {
        max-width: 100%;
        width: 100%;
    }
    .responsive .about-inner .about-cabco .inner-content .left-content img.about-img2 {
        max-width: 100%;
        width: 100%;
        margin-top: 20px;
        height: 380px;
        object-fit: cover;
    }
    .footer-video-cta .text-content .right-content .single-item svg {
        margin: 15px 0 0 -15px;
        width: 25px;
    }
.responsive .contact-info-left h2,
.responsive .our-process-section .container-title h2,
.responsive .widget.left-content-testimonial h2, 
.responsive .contact-cta-section .cta-title, 
.responsive .gallery-section .gallery-content .gallery-title, 
.responsive .why-choose-cabco h2, .responsive .why-choose-cabco h2, 
.responsive .about-cabco .inner-content .right-content h2,
.responsive .about-person-section .process-title{
    font-size: 40px;
    line-height: 50px;
}
.responsive .home-banner .full-area {
    padding: 0 20px;
}
.responsive .about-cabco .inner-content {
    padding: 0 20px;
}
    .responsive .why-choose-cabco h2 {
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }
.responsive .why-choose-cabco .inner-content .item-content .right-content img {
    margin-top: 90px;
}
    .responsive .why-choose-cabco .inner-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 100px;
        background-color: #000;
        margin-top: 40px;
        margin-bottom: 95px;
    }
    .responsive .contact-cta-section {
        padding: 90px 20px 100px;
        margin-bottom: 0;
        margin-top: 0;
    }
.responsive .widget-gallery.testimonial-gallery-slider {
    padding-right: 20px;
	 padding-bottom: 100px;
}
    .responsive .footer-video-cta .video-content video {
        height: 400px;
    }
.responsive .widget.left-content-testimonial {
    left: 20px;
    max-width: 261px;
}
.responsive .widget-gallery.testimonial-gallery-slider .owl-carousel {
    max-width: 730px;
}
.responsive .widget-gallery.testimonial-gallery-slider .article-content:before {
    background-size: 40%;
}
.responsive .widget-gallery.testimonial-gallery-slider .article-content .test-content {
    font-size: 18px;
    line-height: 34px;
}
.widget-gallery.testimonial-gallery-slider .article-content {
    padding:28px;
    color: #fff;
    min-height: 605px;
}
.responsive .widget-gallery.testimonial-gallery-slider .owl-nav {
    left: -384px;
}
    .responsive .footer-video-cta .text-content {
        left: 0;
        bottom: 105px;
        max-width: 100%;
        padding: 0 20px;
    }
    .responsive .gallery-section .gallery-image-row {
        margin-top: 15px;
    }
    .responsive .gallery-section .gallery-image-row .gallery-container {
        gap: 15px;
    }
    .responsive .home-banner {
        padding: 220px 0 100px;
    }
.responsive .about-cabco .inner-content .left-content img.about-img1 {
    max-width: 475px;
    width: 100%;
}
    .responsive .about-cabco .inner-content .left-content img.about-img2 {
        max-width: 280px;
        width: 100%;
        margin-top: -100px;
    }
.responsive .why-choose-cabco .inner-content .item-content .left-content {
    grid-column-gap: 48px;
    grid-row-gap: 60px;
}
    .responsive .home-banner .full-area a,
    .responsive .gallery-section .see-more-btn a,
    .responsive .about-cabco .inner-content .right-content a,
    .responsive .contact-cta-section .contact-cta-btn a{
        max-width: 200px;
    }
    .responsive .contact-cta-section .contact-cta-btn a{
        margin: 10px 0 0;
    }
    .responsive .home-banner .full-area p {
        font-size: 28px;
        line-height: 38px;
        margin: 0 0 40px;
    }
    .widget-gallery.testimonial-gallery-slider .owl-prev::before {
        width: 35px;
        height: 30px;
        left: -65px;
    }
    .widget-gallery.testimonial-gallery-slider .owl-next::before {
        width: 35px;
        height: 30px;
        left: -10px;
    }
    .responsive .home-banner .full-area h1 {
        font-size: 60px;
        line-height: 75px;
        max-width: 520px;
        margin: 0 0 20px;
    }
    .responsive .about-cabco .inner-content .right-content h2 {
        margin: 0 0 15px;
    }
    .responsive .about-cabco {
        width: 100%;
        margin: 100px 0;
        padding: 0;
    }
    .responsive .about-cabco .inner-content .right-content a {
        margin: 25px 0 0;
    }
    .responsive .home-banner .full-area a {
        max-width: 200px;
    }
.responsive .about-cabco .inner-content .right-content,
.widget-snippet.about-inner .about-cabco .inner-content .right-content{
    width: 40%;
    padding: 0 0 0 50px;
}

.responsive .header-btn a {
        max-width: 185px;
        height: 44px;
        line-height: 17px;
        font-size: 15px;
    }
    .responsive .main-suppliers {
        max-width: 750px;
        margin: 0 auto 90px;
    }

    /*** start header-menu **/
    .header .widget.widget-navigation.main-menu .menu-title {
        position: absolute;
        right: 20px;
        top: 43px;
        z-index: 1;
    }

    .header .widget.widget-navigation.main-menu {
        width: 100%;
    }

    .header .widget-navigation.main-menu .menu-button em {
        background-color: #fff;
        height: 2px;
        margin: 5px 0 6px 3px;
    }

    .header .widget.widget-navigation.main-menu .nav-wrapper.horizontal {
        text-align: left;
        overflow: hidden;
        margin: 0;
        background: #fff;
        box-shadow: 12px 12px 15px 0 rgba(0, 0, 0, .1);
        z-index: 9999;
    }
    .widget-navigation.main-menu .menu-button {
        height: 22px;
        width: 30px;
    }
    .header .widget.widget-navigation.main-menu .nav-wrapper.horizontal > .navigation-item.has-child:hover span::before {
        color: #000;
    }

    .header .widget.widget-navigation.main-menu .horizontal .navigation-item > .navigation-item-child-container.open {
        display: block;
        box-shadow: unset;
    }

    .header .widget.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container {
        background: #ceefe6;
        box-shadow: none;
        box-sizing: border-box;
        display: none;
        height: auto !important;
        padding: 0;
        position: static;
        width: 100%;
        transform: translateX(0%);
    }
    .widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item:first-child a {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item:last-child a {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 0;
    }
    .header .widget.widget-navigation.main-menu .nav-wrapper.horizontal > .navigation-item.has-child > a span::after {
        display: none;
    }

    .header .widget.widget-navigation.main-menu .nav-wrapper.horizontal > .navigation-item.has-child:hover > a span {
        color: #000;
    }

    .header .widget.widget-navigation.main-menu .navigation-item .navigation-item-child-container .navigation-item {
        margin: 0;
        padding: 0;
        border: none;
    }

    .header .widget.widget-navigation.main-menu .navigation-item.active a::before {
        display: none;
    }

    .header .widget.widget-navigation.main-menu .horizontal .navigation-item:first-child a::after, .widget.widget-navigation.main-menu .horizontal .navigation-item a::after {
        left: 0;
        height: 1px;
        width: 100%;
        margin-left: 0;
    }

    .header .widget.widget-navigation.main-menu .navigation-item .navigation-item-child-container a:hover, .header .widget.widget-navigation.main-menu .navigation-item .navigation-item-child-container a:focus {
        color: rgba(255, 255, 255, 0.6);
    }

    .header .widget-navigation.main-menu .horizontal .navigation-item.has-child::before {
        display: none;
    }

    .header .responsive-navigation.main-menu .navigation-item.has-child .child-opener.close::before {
        content: "\f068";
        font-family: fontawesome;
    }


    .header .widget.widget-navigation.main-menu .horizontal .navigation-item a {
        text-align: left;
        padding: 18px 20px;
    }

    .header .widget.widget-navigation.main-menu .nav-wrapper .navigation-item {
        background-color: transparent;
        padding: 0;
    }

    .header .widget.widget-navigation.main-menu .nav-wrapper .navigation-item a,
    .header .widget.widget-navigation.main-menu .navigation-item.has-child a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.04);
        line-height: 20px;
        padding: 15px 20px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin: 0;
        color: #000;
    }

    .header .widget.widget-navigation.main-menu .horizontal .navigation-item > .navigation-item-child-container.open .navigation-item a {
        padding-left: 40px;
    }
    .header .widget.widget-navigation.main-menu .horizontal .navigation-item > .navigation-item-child-container.open .navigation-item:last-child a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    }

    .header .widget.widget-navigation.main-menu .horizontal .navigation-item > .navigation-item-child-container .navigation-item > .navigation-item-child-container.open .navigation-item a {
        padding-left: 45px;
        font-size: 15px;
    }

    .header .widget.widget-navigation.main-menu .horizontal .navigation-item > .navigation-item-child-container .navigation-item > .navigation-item-child-container .navigation-item > .navigation-item-child-container.open .navigation-item a {
        padding-left: 60px;
        font-size: 15px;
    }

    .header .widget.widget-navigation.main-menu .navigation-item.has-child a:hover .child-opener::before {
        color: #fff;
    }

    .header .widget.widget-navigation.main-menu .nav-wrapper .navigation-item a:hover {
        color: #000;
        background: #f0f0f0;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .header .widget.widget-navigation.main-menu .horizontal .navigation-item a:focus {
        color: #000;
        background: #f0f0f0;
    }

    .header .widget.widget-navigation.main-menu .horizontal .navigation-item a:hover {
        color: #000;
    }

    .header .widget.widget-navigation.main-menu .horizontal .navigation-item a:focus {
        color: #000;
        background: #f0f0f0;
    }

    .header .responsive-navigation.main-menu .navigation-item.has-child .child-opener {
        position: absolute;
        right: 20px;
        top: 3px;
        width: 50px;
    }

    .header .widget.widget-navigation.main-menu .navigation-item.has-child .child-opener::before {
        content: '\f107';
    }

    .header .responsive-navigation.main-menu .navigation-item.has-child .child-opener.close::before {
        content: '\f106';
    }

    .header .widget.widget-navigation.main-menu .horizontal > .has-child > a span::after {
        display: none !important;
    }

    .header .widget.widget-navigation.main-menu .navigation-item .navigation-item-child-container::before {
        display: none;
    }

    .header .widget.widget-navigation.main-menu .navigation-item .navigation-item-child-container {
        margin: 0;
        border-radius: 0;
    }

    .header .widget.widget-navigation.main-menu .navigation-item-child-container .navigation-item.first a::before {
        display: none !important;
    }

    .header .widget.widget-navigation.main-menu .navigation-item.active a::after {
        display: none;
    }

    .header .widget.widget-navigation.main-menu .nav-wrapper {
        background-color: #fff;
        left: 0;
        top:115px;
        width: 100%;
        height: auto !important;
        padding: 0 !important;
        z-index: 1;
        border-top: 1px solid #eaeaea;
    }

    .header.sticky .widget.widget-navigation.main-menu .nav-wrapper {
        top:80px;
    }

    .header .widget.widget-navigation.main-menu div.horizontal > .has-child > .navigation-item-child-container {
        left: unset;
        top: unset;
        width: 100%;
        transform: unset;
        position: relative;
        background: #f4f4f4;
        /*border-top: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5;*/
    }

    .header .widget-navigation.main-menu .navigation-item {
        padding: 0;
    }

    .header .widget-navigation.main-menu .nav-wrapper.horizontal > .navigation-item a::before {
        display: none;
    }

    .header .widget-navigation.main-menu .nav-wrapper.horizontal > .navigation-item.has-child:hover > a {
        color: #000;
        background: #f0f0f0;
    }

    .widget-navigation .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
        background: #f4f4f4;
        border-bottom: 1px solid #f5f5f5;
    }
    /** End header menu **/
    body > .body {
        margin-top: -115px;
    }
.responsive .footer-video-cta .text-content .right-content .single-item a {
    font-size: 40px;
    line-height: 50px;
}
.widget-article.footer-hia-logo .footer-inner-logo {
        padding-left: 20px;
        margin-left: 20px;
    }
    .footer .widget-navigation.footer-menu .navigation-item a {
        padding: 0 0 18px 0;
        font-size: 15px;
    }
    body > .footer::after {
        top: 400px;
    }
	
.responsive .page-heading h1, 
.responsive .widget.widget-pageHeading h1,
.responsive .widget.widget-pageHeading h2 {
    font-size: 60px;
    line-height:75px;
}
    .responsive .page-heading, .responsive .widget-pageHeading {
        padding: 170px 20px 90px 20px;
        margin: 0px 0 80px 0;
    }
.responsive .swipebox-container {
    padding: 0 20px;
}
    .widget.widget-snippet.about-inner .about-cabco {
        margin: 100px 0 80px;
    }
.page-heading p, 
.widget-pageHeading p {
    font-size: 18px;
    line-height: 29px;
    margin: 0 auto;
    padding-top: 10px;
}
.responsive section.our-process-section {
    padding: 0 20px;
}
.responsive .process-container .step-name {
    font-size: 30px;
}
.responsive .process-container .step-right-col {
    width:88%;
    padding-left: 58px;
    padding-top: 100px;
}
.responsive .process-container .step-left-col {
    width: 12%;
    padding-top: 100px;
}
.responsive .process-container .step-right-col:before {
    top: 100px;
}
.responsive .process-container {
    max-width: 100%;
    margin: 0 auto;
}
.responsive .process-container .step-row-section:last-child .step-right-col {
    padding-bottom: 100px;
}
.responsive .about-person-section .process-title {
    font-size: 40px;
    line-height: 50px;
    padding: 0 0 25px 0;
    max-width: 562px;
}
    .responsive .person-container {
        gap: 20px;
    }
.responsive .about-person-section {
    padding: 0 20px 70px 20px;
}
.responsive .about-person-section .per-name {
    font-size: 28px;
    line-height: 43px;
}
.responsive.page-contact-us .page-heading {
    margin: 0;
}
.responsive.page-contact-us #spltr-DCDE3C10-C6CE-429C-86A2-EA464ECCFFFC {
    padding-left: 20px;
}
.responsive.page-contact-us #spltr-F31DA90F-BCAE-4A0C-B109-8B1D64FEBC02 {
    padding-right: 20px;
}
    .responsive .contact-info-left .single-item a {
        font-size: 32px;
        line-height: 50px;
    }
.responsive .address .location-text {
    right: 20px;
    padding: 20px 30px 25px;
}
.responsive.page-contact-us #spltr-182A053C-6079-44CE-AA01-5B6027EF9021 {
    padding: 90px 0;
}
.responsive .contact-info-left h2 {
    margin: 0 0 15px 0;
}
    .responsive .address .address-map iframe {
        height: 450px;
    }
    .responsive .address .location-text p {
        font-size: 19px;
        line-height: 32px;
    }
    .responsive .container-thankyou .text-content h3 {
        font-size: 40px;
        line-height:50px;
    }
    .responsive .container-thankyou {
        margin: 100px auto;
        padding-top: 100px;
    }
    .responsive .widget-article .page_404 {
        padding: 110px 15px 5px 15px;
        background: transparent;
    }
    .responsive .widget-article .page_404 .ops .big_font {
        color: #000;
        font-size: 95px;
        margin-right: -17px;
    }
    .widget-article .page_404 .big {
        color: #000;
        font-size: 95px;
        margin-left: -17px;
    }
    .responsive .widget-article .page_404 .ops {
        font-size: 60px;
    }
  .widget-article.common-content {
  max-width: 100%;
  margin: 0 auto;
  padding: 150px 20px 80px;
}
  h1{
    font-size: 40px;
    line-height: 50px;
}
h2 {
    font-size: 35px;
    line-height: 45px;
}
h3 {
    font-size: 30px;
    line-height: 40px;
}
h4 {
    font-size: 28px;
    line-height:38px;
}
h5 {
    font-size: 25px;
    line-height:35px;
}
h6 {
    font-size: 22px;
    line-height: 32px;
}
}
@media screen and (max-width:1080px) {
.responsive .widget-gallery.testimonial-gallery-slider .owl-nav {
    left: -262px;
   }
  .responsive .widget.left-content-testimonial {
    max-width: 226px;
}
 .responsive .footer-video-cta .text-content .left-content {
    width: 43%;
    padding: 0 50px 0 0;
}
}
@media screen and (max-width:1024px) {
.responsive .widget-gallery.testimonial-gallery-slider .owl-nav {
  left: -188px;
}

}

@media screen and (max-width: 991px) {
    .responsive .swipe-image-wrap .swipebox .swipe-image {
        height: 250px !important;
        object-fit: cover;
    }
    .widget.widget-snippet.about-inner .about-cabco {
        margin: 80px 0 70px;
    }
    .responsive .about-inner .about-cabco .inner-content {
        flex-direction: column-reverse;
    }
    .responsive .about-inner .about-cabco .inner-content .right-content {
        width: 100%;
        padding: 0 0 40px;
    }
    .responsive .about-inner .about-cabco .inner-content .left-content {
        width: 100%;
    }
    .responsive .about-inner .about-cabco .inner-content .left-content img.about-img1 {
        max-width: 520px;
    }
    .responsive .about-inner .about-cabco .inner-content .left-content img.about-img2 {
        max-width: 350px;
        margin-top: -100px;
        height: auto;
    }
.responsive .contact-info-left h2,
.responsive .our-process-section .container-title h2,
.responsive .widget.left-content-testimonial h2, 
.responsive .contact-cta-section .cta-title, 
.responsive .gallery-section .gallery-content .gallery-title, 
.responsive .why-choose-cabco h2, .responsive .why-choose-cabco h2, 
.responsive .about-cabco .inner-content .right-content h2,
.responsive .about-person-section .process-title{
    font-size: 38px;
    line-height: 48px;
}
.responsive .widget-gallery.testimonial-gallery-slider {
    padding-bottom: 178px;
}
.responsive .home-banner .full-area h1 {
    font-size: 50px;
    line-height: 65px;
    max-width: 430px;
}
    .responsive .main-suppliers {
        max-width: 680px;
        margin: 0 auto 85px;
    }
.responsive .why-choose-cabco .inner-content .item-content {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
    .responsive .why-choose-cabco .inner-content .item-content .right-content img {
        margin-top: 50px;
        width: 100%;
        height: 500px;
        object-fit: cover;
    }
    .responsive .why-choose-cabco .inner-content {
        margin-bottom: 90px;
    }
.responsive .why-choose-cabco .inner-content .item-content .right-content {
    justify-content: center;
    display: flex;
}
.responsive .why-choose-cabco .inner-content .item-content .single-item img{
	width:60px;
}
    .responsive .home-banner {
        padding: 185px 0 100px;
    }
    .responsive .home-banner .full-area h1 {
        font-size: 50px;
        line-height: 65px;
        max-width: 430px;
    }
    .responsive .home-banner .full-area p {
        font-size: 25px;
        line-height: 35px;
        margin: 0 0 35px;
    }
.responsive .about-cabco {
    width: 100%;
    padding: 0;
}
    .responsive .about-cabco .inner-content .left-content img.about-img2 {
        max-width: 100%;
        margin-top: 20px;
        height: 300px;
        object-fit: cover;
    }
    .responsive .about-cabco .inner-content .left-content img.about-img1 {
        max-width: 100%;
        width: 100%;
    }

body > .body {
        padding: 0;
    }

    .responsive .widget.left-content-testimonial {
        left: unset;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 40px;
        position: relative;
        top: unset;
    }
.responsive .widget.left-content-testimonial h2 {
   text-align:center;
   margin: 0 0 8px 0;
   padding: 0;
}
.responsive .widget.left-content-testimonial p{
  text-align:center;
}
.responsive .widget-gallery.testimonial-gallery-slider .owl-carousel {
    margin-left: auto;
    margin-right: auto;
}

.responsive .widget-gallery.testimonial-gallery-slider .owl-nav {
    top: auto;
	left: auto;
    width: 100%;
}
.responsive .widget-gallery.testimonial-gallery-slider .owl-prev::before {
    left: auto;
    margin-left: -55px;
}
.responsive .widget-gallery.testimonial-gallery-slider .owl-next::before {
    right: auto;
    margin-left: -20px;
	left:auto;
}
.responsive .contact-cta-section {
        padding: 85px 20px 80px;
    }
.footer-video-cta .text-content .left-content {
    width: 43%;
    padding: 0 50px 0 0;
}
.responsive .footer-video-cta .text-content .right-content .single-item a {
    font-size: 31px;
    line-height: 31px;
    padding: 0 10px 0 0;
}
.responsive .footer-video-cta .video-content video {
    height: 350px;
}
.responsive .widget-gallery.testimonial-gallery-slider {
    padding-right: 20px;
    padding-left: 20px;
}
  .widget-article.footer-hia-logo .footer-inner-logo {
        padding-left: 15px;
        margin-left: 15px;
    }
    .widget-article.footer-hia-logo .footer-inner-logo img {
        width: 45px;
    }
    body > .footer::after {
        top: 440px;
    }
    .widget-article.footer-copyright p b {
        display: none;
    }
    .widget-article.footer-copyright p {
        line-height: 26px;
    }
    .responsive .footer-video-cta .text-content {
        bottom: 90px;
    }
    .responsive .page-heading h1, .responsive .widget.widget-pageHeading h1, .responsive .widget.widget-pageHeading h2 {
        font-size: 50px;
        line-height: 65px;
    }
    .responsive .page-heading, .responsive .widget-pageHeading {
        padding: 160px 20px 80px 20px;
    }
.responsive .person-container {
    gap: 20px;
}
.responsive .about-person-section .process-title {
    font-size: 38px;
    line-height: 48px;
    padding: 0 0 28px 0;
    max-width: 532px;
}
    .widget-form input[type="text"], .widget-form textarea, .widget-form select {
        height: 50px;
    }
    .widget-form textarea {
        height: 125px;
    }
.responsive .contact-info-left .single-item a {
    font-size: 24px;
    line-height: 29.31px;
}
.responsive .contact-info-left .single-item svg {
    margin-left: 0px;
    width: 20px;
	margin: 10px 0 0 -15px;
    transition: all .5s ease-in;
    opacity: 0;
}
.responsive .contact-info-left .single-item:hover svg {
    display: block;
    transition: all .5s ease-in;
    opacity: 100%;
    margin-left: 0px;
}
    .widget-form .double-input-row, .widget-form .triple-input-row {
        margin: 0 -8px;
    }
    .widget-form .double-input-row .form-row {
        padding: 0 8px;

    }
    .responsive .contact-info-left .single-item a {
        padding: 0 12px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .responsive .contact-info-left .single-item a {
        font-size: 21px;
        line-height: 24px;
    }
    .widget.widget-form .form-row.btn-row button {
        margin: 20px 0 0;
        max-width: 140px;
        width: 100%;
        height: 44px;
        padding: 10px 5px 14px;
    }
    .responsive .swipe-image-wrap .box-container {
        margin: 0;
    }
    .responsive .home-banner .full-area h1 {
        font-size: 32px;
        line-height: 42px;
        max-width: 270px;
        margin: 0 0 15px;
    }
    .responsive .home-banner .full-area p {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 30px;
    }
    .responsive .home-banner .full-area a,
    .responsive .gallery-section .see-more-btn a,
    .responsive .about-cabco .inner-content .right-content a,
    .responsive .contact-cta-section .contact-cta-btn a{
        max-width: 170px;
        height: 45px;
        padding: 8px 5px;
        font-size: 15px;
        line-height: 23px;
    }
.responsive .home-banner {
    padding: 120px 0 60px;
}
.responsive .home-banner .full-area {
    padding: 0 15px;
}
.about-cabco .inner-content {
    flex-wrap: wrap;
}
  .header .widget-navigation.main-menu .menu-button em {
        width: 20px;
    }
    .header .widget.widget-navigation.main-menu .menu-title {
        right: 15px;
        user-select: none;
        top: 27px;
    }
    .responsive .header-btn a {
        max-width: 115px;
        height: 38px;
        padding: 8px 5px;
        font-size: 12px;
        line-height: 19px;
        letter-spacing: 0.08em;
    }
    .widget-navigation.main-menu .menu-button {
        width: 25px;
    }
    body > .body {
        margin-top: -80px;
    }
    .header .widget.widget-navigation.main-menu .nav-wrapper .navigation-item a,
    .header .widget.widget-navigation.main-menu .navigation-item.has-child a {
        padding: 14px 15px;
    }
    .header .widget.widget-navigation.main-menu .nav-wrapper {
        top: 80px;
    }
	  body > .footer {
        padding: 0 15px;
    }
    .widget.widget-article.footer-hia-logo{
        left: 185px !important;
    }
    .footer .widget-title {
        margin: 0 0 15px;
    }
    body > .footer::after {
        top: 910px;
    }
    .responsive .main-suppliers {
        max-width: 100%;
        margin: 0 auto 50px;
        padding: 0 15px;
    }
.responsive .about-cabco .inner-content {
    padding: 0 15px;
    flex-wrap: wrap;
	flex-flow: column-reverse;
}
.responsive .about-cabco .inner-content .left-content {
    width: 100%;
}
.responsive .about-cabco .inner-content .right-content {
    width: 100%;
    padding: 0 0 40px 0;
}

.responsive .about-cabco .inner-content .left-content img.about-img2 {
    height: 230px;
}
.responsive .why-choose-cabco .inner-content .item-content .left-content {
    grid-template-columns: repeat(1, minmax(0, 1fr));
	padding: 0;
    grid-row-gap: 45px;
}
.responsive .why-choose-cabco h2 {
    padding: 0 0 0 15px;
}
.responsive .widget-gallery.testimonial-gallery-slider {
    padding-right: 15px;
    padding-left: 15px;
}
.responsive .contact-info-left h2,
.responsive .our-process-section .container-title h2,
.responsive .widget.left-content-testimonial h2, 
.responsive .contact-cta-section .cta-title, 
.responsive .gallery-section .gallery-content .gallery-title, 
.responsive .why-choose-cabco h2, .responsive .why-choose-cabco h2, 
.responsive .about-cabco .inner-content .right-content h2,
.responsive .about-person-section .process-title{
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 15px 0px;
}
    .responsive .main-suppliers .logo-area {
        padding: 30px 0;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 40px 50px;
    }
    .responsive .main-suppliers h2 {
        margin: 0 0 30px;
    }
    .responsive .main-suppliers .logo-area {
        padding: 30px 0;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px 40px;
    }
    .responsive .why-choose-cabco .inner-content {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 60px;
        margin-top: 25px;
        margin-bottom: 50px;
        padding-top: 60px;
    }
    .responsive .why-choose-cabco .inner-content .item-content .right-content img {
        margin-top: 45px;
        height: auto;
    }
    .responsive .about-cabco {
        margin: 50px 0;
    }
    .responsive .gallery-section {
        padding: 0 15px;
    }
    .responsive .gallery-section .gallery-content p {
        font-size: 16px;
        line-height: 26px;
    }
    .responsive .gallery-section .gallery-content {
        margin-bottom: 30px;
    }
    .responsive .gallery-section .gallery-image-row .gallery-container {
        grid-gap: 15px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 0;
    }
    .responsive .gallery-container .image-item img {
        border-radius: 5px !important;
        height: 150px;
        object-fit: cover;
        width: 100%;
    }
    .responsive .contact-cta-section {
        padding: 55px 15px 60px;
    }
    .responsive .contact-cta-section p {
        font-size: 16px;
        line-height: 26px;
    }
    .responsive .widget-article.left-content-testimonial {
        padding: 50px 15px 35px;
    }
    .responsive .widget-article.left-content-testimonial p {
        font-size: 18px;
        line-height: 28px;
    }
    .responsive .widget-gallery.testimonial-gallery-slider .article-content {
        padding: 30px 20px;
        min-height: 385px;
    }
    .responsive .widget-gallery.testimonial-gallery-slider .article-content .test-content {
        font-size: 16px;
        line-height: 30px;
        padding-bottom: 25px;
        min-height: auto;
    }
    .widget-gallery.testimonial-gallery-slider .article-content .testi-name {
        font-size: 20px;
        line-height: 25px;
    }
    .responsive .widget-gallery.testimonial-gallery-slider .owl-nav {
        margin-top: -25px;
    }
    .responsive .widget-gallery.testimonial-gallery-slider {
        padding-bottom: 130px;
    }
    .responsive .footer-video-cta .text-content .left-content {
        width: 100%;
        padding: 0 0 20px;
    }
    .responsive .footer-video-cta .text-content .right-content {
        width: 100%;
    }
    .responsive .footer-video-cta .text-content .right-content .single-item a {
        font-size: 25px;
        line-height: 35px;
    }
    .responsive .footer-video-cta .text-content .right-content .single-item {
        margin: 0;
    }
    .responsive .footer-video-cta .text-content .left-content p {
        font-size: 16px;
        line-height: 28px;
    }
    .responsive .footer-video-cta .text-content .left-content {
        padding: 0 0 15px;
    }
    .responsive .footer-video-cta .text-content {
        bottom: 50px;
        padding: 0 15px;
        flex-direction: column;
    }
    .responsive .footer-video-cta .video-content video {
        height: 280px;
    }
.responsive .page-heading h1, 
.responsive .widget.widget-pageHeading h1, 
.responsive .widget.widget-pageHeading h2 {
    font-size: 32px;
    line-height: 42px;
}

.responsive .about-person-section .process-title {
    font-size: 30px;
    line-height: 40px;
    max-width: 100%;
    padding: 0;
}
.responsive .person-container {
    gap:10px;
    flex-wrap: wrap;
}
.responsive .about-person-section {
    padding: 0 15px 50px 15px;
}
.responsive .about-person-section .per-name {
    font-size: 22px;
    line-height: 33.37px;
    margin-top: 8px;
}
.responsive section.our-process-section {
    padding: 0 15px;
}

.responsive .our-process-section .container-title h2 {
	margin-bottom:30px;
}

.responsive .process-container .step-right-col {
    width: 90%;
    padding-left: 25px;
    padding-top: 60px;
}
.responsive .process-container .step-left-col {
    width: 10%;
    padding-top: 60px;
}
.responsive .process-container .step-name {
    font-size: 18px;
    line-height: 24px;
}
.responsive .step-row-section {
    display: flex;
    gap: 0 15px;
}
.responsive .process-container .step-right-col:before {
   width: 25px;
   height: 25px;
   top: 65px;
   left: -13px;
}
.responsive .process-container p {
    font-size: 15px;
    line-height: 28px;
}
.responsive .pro-logo-box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 15px;
}
.responsive .pro-logo-box .logo-img {
    min-height: 120px;
}
.responsive .our-process-section .process-container .image-gallery {
    grid-gap: 15px;
}
.responsive .our-process-section .process-container .image-gallery .item-image {
    min-height: 120px;
}
.responsive .swipebox-container .pagination {
    margin-top: 20px;
    padding: 10px 0px 75px 0px;
}
    .responsive .page-heading, .responsive .widget-pageHeading {
        padding: 100px 15px 50px 15px;
        margin: 0px 0 50px 0;
    }
    .widget.widget-snippet.about-inner .about-cabco {
        margin: 50px 0;
    }
.responsive .process-container .step-row-section:last-child .step-right-col {
    padding-bottom: 80px;
}
.responsive .process-container .step-right-col {
    border-left: 1px solid #0000001A;
}
.responsive .swipe-image-wrap li.box {
    width: 50%;
}
    .responsive .swipe-image-wrap .box {
        padding: 8px !important;
    }
    .responsive .swipe-image-wrap .swipebox .swipe-image {
        height: 200px !important;
        object-fit: cover;
    }
    .responsive .swipebox-container {
        padding: 0 7px;
    }
.responsive .page-heading p, 
.responsive .widget-pageHeading p {
    font-size: 16px;
    line-height: 27px;
    padding-top: 10px;
}
.responsive.page-contact-us .widget-form.contact-form {
    max-width: 100%;
}
.responsive.page-contact-us #spltr-F31DA90F-BCAE-4A0C-B109-8B1D64FEBC02 {
    padding-right: 15px;
    padding-left: 15px;
}
    .responsive.page-contact-us #spltr-DCDE3C10-C6CE-429C-86A2-EA464ECCFFFC {
        padding: 0 15px;
        margin-bottom: 20px;
    }
.responsive .widget-form .double-input-row .form-row {
    width: 100%;
}
.responsive.page-contact-us #spltr-182A053C-6079-44CE-AA01-5B6027EF9021 {
    padding: 40px 0 60px;
}
    .responsive .address .location-text p {
        font-size: 16px;
        line-height: 26px;
        padding: 0 0 0 30px;
    }
    .responsive .address .location-text p::before {
        height: 20px;
        top: 7px;
        background-size: 15px;
    }
    .responsive .address .location-text {
        right: 15px;
        left: 15px;
    }
    .responsive .address .address-map iframe {
        height: 350px;
    }
    .responsive .address .location-text h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .responsive .about-inner .about-cabco .inner-content .left-content img.about-img2 {
        max-width: 100%;
        margin-top: 15px;
        height: 200px;
        object-fit: cover;
    }
    .responsive .about-inner .about-cabco .inner-content .left-content img.about-img1 {
        max-width: 100%;
    }
    .responsive .about-inner .about-cabco .inner-content .right-content {
        padding: 0 0 30px;
    }
    .responsive .about-person-section .right-colum .designation {
        margin: 0;
    }
    /** Placeholder Start **/

    input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 16px;

    }

    ::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 16px;

    }

    :-ms-input-placeholder {
        /* IE 10+ */
        font-size: 16px;
    }

    :-moz-placeholder {
        /* Firefox 18- */
        font-size: 16px;
    }

    textarea ::-webkit-textarea-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 16px;
    }

    ::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 16px;
    }

    :-ms-textarea-placeholder {
        /* IE 10+ */
        font-size: 16px;
    }

    :-moz-placeholder {
        /* Firefox 18- */
        font-size: 16px;
    }

    textarea::placeholder {
        font-size: 16px;
    }
    ::placeholder {
        font-size: 16px;
    }
    .page-contact-us .widget-form.contact-form {
        padding: 35px 20px 20px;
    }
    .widget-form input[type="text"], .widget-form textarea, .widget-form select {
        height: 45px;
    }
    .widget-form textarea {
        height: 120px;
    }
    .responsive .container-thankyou {
        max-width: 480px;
        margin: 60px auto;
        text-align: center;
        padding-top: 72px;
        padding-left:15px;
        padding-right:15px;
    }
    .responsive .container-thankyou .text-content h3 {
        font-size: 32px;
        line-height: 40px;
        margin: 15px 0 0;
    }
    .responsive .container-thankyou .text-content h6 {
        font-size: 18px;
        line-height: 26px;
        margin: 14px 0 16px;
    }
    #swipebox-slider .slide {
        padding: 0 20px;
    }
    .responsive .widget-article .page_404 {
        padding: 50px 15px 0px 15px;
    }
    .responsive .widget-article .page_404 .ops .big_font {
        color: #000;
        font-size: 70px;
        margin-right: -15px;
    }
    .responsive .widget-article .page_404 .ops {
        font-size: 50px;
    }
    .responsive .widget-article .page_404 .big {
        font-size: 70px;
        margin-left: -17px;
    }
    .responsive .widget-article .page_404 .error {
        font-size: 32px;
        color: #000;
        line-height: 30px;
        margin: 15px 0 18px 0;
        font-weight: 500;
    }
    .responsive .widget-article .page_404 p {
        padding: 0;
        margin: 0 0 20px;
        font-size: 15px;
        line-height: 24px;
    }
    .responsive.page-page-not-found .page-content {
        padding: 60px 15px 60px 15px;
    }
    .responsive .widget-article .page_404 a{
        margin-top:12px;
    }
 .responsive .container-thankyou .img-content img {
  width: 70px;
}
   .widget-article.common-content {
    padding: 100px 15px 60px;
  }
   h1{
    font-size: 30px;
    line-height: 40px;
}
h2 {
    font-size: 28px;
    line-height: 38px;
}
h3 {
    font-size: 26px;
    line-height:36px;
}
h4 {
    font-size: 24px;
    line-height:34px;
}
h5 {
    font-size: 22px;
    line-height:32px;
}
h6 {
    font-size: 20px;
    line-height: 30px;
}
}


@media screen and (max-width: 320px) {
.widget.widget-image.header-logo{
    top: 21px !important;
    width: 125px !important;
}
    .responsive .header-btn a {
        max-width: 105px;
        font-size: 11px;
        letter-spacing: 0.1em;
    }
    .widget.widget-snippet.header-top-btn{
        width: 105px !important;
    }
.widget-article.footer-copyright {
    top: 935px !important;
  }
  body > .footer::after {
    top: 900px;
  }
  .widget-article.footer-back-to-top {
    top: 1028px !important;
}
}