@media screen and (min-width: 1536px) and (max-width: 1920px) {
    .gap-reverse1{
        margin-top: -24px;
        width: 42%;
    }

    .gap-reverse1-parra{
        margin-top: -14px;
    }

    .navbar-brand img{
        width: 250px;
        height: auto;
    }

    .footer-item img{
        width: 250px !important;
        height: auto;
    }

    .footer .box-info-body h4 {
        color: #ffffff;
        font-size: 18px;
    }



}
@media screen and (min-width: 1336px) and (max-width: 1535px) {
    .gap-reverse1{
        margin-top: -24px;
        width: 43%;
    }

    .gap-reverse1-parra{
        margin-top: -14px;
    }

    .navbar-brand img{
        width: 250px;
        height: auto;
    }

    .footer-item img{
        width: 250px !important;
        height: auto;
    }

    .footer .box-info-body h4 {
        color: #ffffff;
        font-size: 18px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1335px) {
   .gap-reverse1{
        margin-top: -24px;
        width: 42%;
    }

    .gap-reverse1-parra{
        margin-top: -14px;
    }

    .navbar-brand img{
        width: 220px;
        height: auto;
    }

    .footer-item img{
        width: 220px !important;
        height: auto;
    }

    .jumbolead{
        text-align: center !important;
    }

    .counter-1{
        text-align: center !important;
    }

    .counter-1 .counter-title{
        display: block;
        text-align: center !important;
        margin-bottom: 20px;
    }

    .footer .box-info-body h4 {
        color: #ffffff;
        font-size: 18px;
    }

}


@media screen and (min-width: 320px) and (max-width: 767px) {
    .gap-reverse1{
        margin-top: -24px;
    }

    .gap-reverse1-parra{
        margin-top: -14px;
    }

    .navbar-brand img{
        width: 200px !important;
        height: auto;
    }

    .footer-item img{
        width: 200px !important;
        height: auto;
    }

    .header-1 .stiky > .container {
        margin-bottom: 0;
        padding: 20px 15px;
    }

    /* Let Bootstrap handle .show state */
    .dropdown-submenu .dropdown-menu {
      display: none;
      position: absolute;
      left: 100%;
      top: 0;
      margin-top: -1px;
    }

    .dropdown-submenu .dropdown-menu.show {
      display: block;
    }

    /* Arrow icon */
    .dropdown-submenu > a::after {
        content: "\f0da";
        font-family: "Font Awesome 6 Free";
        float: right;
        margin-left: 5px;
        font-size: 14px;
        font-weight: 900;
        transform: rotate(90deg);
    }

    .section > .container-fluid, .section > .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section.banner{
        margin-bottom: -200px;
    }

    .slides-container{
        height: 80vh !important;
    }

    .slides-navigation a.prev {
        left: 1px !important;
        bottom: 40px;
    }

    .slides-navigation a.next {
        right: 1px;
         bottom: 40px;
    }

    .border-right {
        border-right: none; 
    }

    .border-bottom {
        border-bottom: 1px solid #ccc; 
    }

    .bg-why {
        background-color: #e8e8e8;
        position: relative;
        z-index: 99;
        margin-top: 20;
        padding-top: 30px;
        margin-bottom: -50px;
    }

    .subheading {
        margin-top: -20px;
        margin-bottom: 20px;
         width: 98%; 
        margin-left: auto;
        margin-right: auto;
        color: #555555;
    }

    .box-icon-1 {
        text-align: left;
        margin-bottom: 30px;
    }

   .box-icon-1 .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100px;
    }

    .box-icon-1 .icon .fa{
        padding-top: 10px; 
    }

    .box-icon-1 .icon i {
        font-size: 40px;
        display: inline-block;
        vertical-align: middle;
    }

    .box-icon-1 .title {
        position: relative; 
        text-align: center;
    }

    .box-icon-1 .title:after {
        content: '';
        height: 3px;
        width: 30px;
        display: block;
        margin: 2% auto; 
        background: #051849;
    }

    .testimony {
        padding: 30px 0 0 0;
    }

    .testimony .owl-controls .owl-nav{
        display: none;
    }

    .section.testimony{
        padding-top: 10px;
        padding-bottom: 0;
    }
    
    .client-img img {
      width: 50%;
      height: auto;
      object-fit: contain;
      display: block;
      margin: 10px auto;
    }

    .swiper {
      width: 100%;
      padding-bottom: 30px; /* space for dots */
    }

    .footer-item {
      margin: 0 auto;
      text-align: center;
    }

    .footer .footer-item .footer-sosmed {
        margin-top: 20px;
        margin-bottom: 30px;
        display: inline-block;
    }

    .footer .footer-item .footer-title {
        font-size: 16px;
        font-weight: 600;
        padding: 20px 0 20px 0;
        margin-bottom: -12px;
        position: relative;
        font-family: "Poppins", sans-serif;
        text-transform: uppercase;
    }

    .footer .fcopy {
        padding: 20px 0 0 0;
        text-align: center;
    }

    .header-1 .navbar-nav > li:last-child a{
        padding: 10px 25px;
    }

    .navbar .request-quote {
        height: 35px;
        background-color: #0d903f;
        display: block;
        padding: 5px 30px 0;
        font-size: 15px;
        margin-left: 27px;
        float: inline-start !important;
        font-family: "Open Sans", sans-serif;
        font-weight: 700; 
    }

    .navbar .request-quote a {
        text-align: center;
        color: #fff; 
    }

    .navbar .request-quote:hover {
        opacity: .9; 
    }

    .navbar .request-quote1 {
        height: 35px;
        background-color: #0d903f;
        display: block;
        padding: 5px 30px 0;
        font-size: 15px;
        margin-right: 30px;
        float: inline-end !important;
        font-family: "Open Sans", sans-serif;
        font-weight: 700; 
    }

    .navbar .request-quote1 a {
        text-align: center;
        color: #fff; 
    }

    .navbar .request-quote1:hover {
        opacity: .9; 
    }
    
    .navbar .request-quote2 {
        display: flex;
        justify-content: center; /* centers the button */
        align-items: center;
        background-color: #0d903f;
        /*border-radius: 5px;*/
        height: 35px;
        margin: 0 auto; /* centers container inside col */
        max-width: 160px; /* optional, keeps it from stretching */
        margin-top: 20px;
    }
    
    .navbar .request-quote2 a {
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        font-family: "Open Sans", sans-serif;
        font-weight: 700; 
        padding: 6px 20px;
        display: inline-block;
    }


    .navbar .request-quote2:hover {
        opacity: .9; 
    }

    .jumbolead{
        text-align: center !important;
    }

    .counter-1{
        text-align: center !important;
    }

    .counter-1 .counter-title{
        display: block;
        text-align: center !important;
        margin-bottom: 20px;
    }

}

@media screen and (min-width: 425px) and (max-width: 767px) {}
@media screen and (min-width: 320px) and (max-width: 424px) {}