/* banner */
.section-banner-franchise {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
  .shine-before-section {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding: 150px 0px;
}

/* banner */
.become-installer-heading{
    width: 60%;
    }
    .become-installer-heading h1{
        color: white;
        padding: 150px 0px;
        font-size: 40px;
        font-weight: 800;
        font-family: "Montserrat", Sans-serif;
        margin: 0px;
        font-style: italic;
    }
    .become-installer-heading h1 span{
        color: #222;
    }

    @media (max-width:1200px){
        .become-installer-img img{
            margin-top: 5rem;
        }
    }

    @media (max-width:997px){
        .become-installer-heading{
            width: 70%;
            }
            .become-installer-heading h1{
                font-size: 30px;
            }
    }

    @media (max-width:768px){
        .become-installer-heading{
            width: 70%;
            }
            .become-installer-heading h1{
                font-size: 25px;
                padding: 120px 10px;
            }
    }
    
    @media (max-width:600px){
        .become-installer-heading{
            width: 100%;
            }
            .become-installer-heading h1{
                font-size: 25px;
                padding: 100px 10px;
                text-align: center;
            }
    }
    @media (max-width:400px){
        .become-installer-heading h1{
            font-size: 22px;
            padding: 100px 10px;
        }
        
    }

    /* banner close */
.labocosetica-section1{
    padding: 30px 10px;
}
.labocosetica-img{
    text-align: center;
}
.labocosetica-img img{
    width: 40%;
}

.labocosmetica-content1 h2{
    font-size: 30px;
    font-style: italic;
    text-transform: capitalize;
    color: #222;
    font-family: "Montserrat", Sans-serif;
    font-weight: 800;
    text-align: center;
}
.labocosmetica-content2 h2{
    font-size: 25px;
    font-style: italic;
    text-transform: capitalize;
    color: #222;
    font-family: "Montserrat", Sans-serif;
    font-weight: 800;
    text-align: center;
    margin-top: 2rem;
}
.labocosmetica-content1 p{
    margin-top: 2rem;
    text-align: justify;
}

.labocosmetica-content2 p{
text-align: center;
}
.labocosmetica-content2 .row .col-md-3{
    border-right: 3px solid black;
    height: 34px;
}
.labocosmetica-content2 .row{
    margin-top: 2rem;
}
.labocosmetica-content2 .row .col-md-3 .item{
    padding: 0px 10px;
}
.labocosmetica-content2 .row .item-1{
   border:none !important;
}

.labocosmetica-content2 .row .col-md-3 .item h3{
    font-size: 15px;
    font-weight: 600;
    color: #222;
    text-align: center;
}
.banner-lobo-section{
    margin: 30px 0px;
}
.banner-lobo-section img{
    width: 100%;
}

/* 
section3 */

.section-range-cermic{
    padding: 30px 10px 0px 10px;
}

.range-cermic-heading{
    text-align: center;
}
.range-cermic-heading h2{
        font-size: 50px;
        font-style: italic;
        text-transform: capitalize;
        color: #000000;
        font-family: "Montserrat", Sans-serif;
        font-weight: 800;
}
.range-cermic-heading h2 span{
    color: #222;
}



@media(max-width:1200px){
    .labocosmetica-content2 .row .col-md-3 {
        height: 44px;
    }
}

@media (max-width:997px){
    .labocosetica-img img{
        width: 60%;
    }
    .labocosmetica-content2 .row .col-md-3 {
        height: 60px;
    }
    .range-cermic-heading h2{
        font-size: 40px;
    }
}


@media(max-width:768px){
    .labocosmetica-content2 .row .col-md-3 {
        width: 50%;
        margin-top: 1rem;
        border: none;
    }
    .labocosmetica-content2 .row .col-md-3 {
        height: 50px;
    }
    .range-cermic-heading h2{
        font-size: 35px;
    }
    .bike-detailing-content .Bike-wash h2 span {
        border: none !important;
    }
    .bike-detailing-light {
        margin-top: -40px;
    }

}
@media (max-width:500px){
    .labocosetica-img img{
        width: 100%;
    }
    .labocosmetica-content1 p{
        margin-top: 1rem;
    }
    .labocosmetica-content1 h2{
        font-size: 25px;
    }
    .labocosmetica-content2 h2{
        font-size: 22px;
    }
    .labocosmetica-content2 .row {
        margin-top: 1rem;
    }
    .labocosmetica-content2 .row .col-md-3 {
        width: 100%;
    }
    .labocosmetica-content2 .row .col-md-3 {
        height: auto;
    }
    .banner-lobo-section img {
        height: 177px;
    }
}
@media (max-width:400px){
    .range-cermic-heading h2 {
        font-size: 30px;
    }   
}


/* bike detailing css section */

.bike-detailing-img img{
    width: 100%;
}
.section-bike-detailing{
padding: 40px 10px;
}
.bike-detailing-light{
padding: 40px 10px;
}
.bike-detailing-dark{
background-color: #e4e4e4b5;
padding: 40px 10px;
}
.bike-detailing-heading {
text-align: center;
}
.bike-detailing-heading h2{
font-size: 70px;
font-style: italic;
text-transform: capitalize;
color: #222;
font-family: "Montserrat", Sans-serif;
font-weight: 800;
}
.bike-detailing-heading p{
font-family: "Montserrat", Sans-serif;
font-weight: 600;
font-size: 35px;
font-style: italic;
text-transform: capitalize;
}

.bike-detailing-content p{
font-size: 15px;
}
.bike-detailing-content h3{
text-transform: capitalize;
color: #222;
font-family: "Montserrat", Sans-serif;
font-weight: 800;
}
.bike-detailing-content .Bike-wash h2{
text-transform: capitalize;
color: #222;
font-family: "Montserrat", Sans-serif;
font-weight: 800;
}
.bike-detailing-content .Bike-wash h2 span{
border-bottom: 2px solid black;
padding: 9px 0px;
}
/* 
.bike-detailing-content .zoom-in-zoom-out {
width: 100px;
background: #222;
animation: zoom-in-zoom-out 2s ease-out infinite;
text-align: center;
padding: 3px 0px;
color: white;
margin-top: 0rem;
} */
.Bike-wash{
margin-top: 1rem;
}
.bike-detailing-content .Bike-wash p{
margin-top: 18px;
text-align: justify;
}
.bike-detailing-content .Bike-wash p span{
color: #222;
}
.bike-detailing-content .Bike-wash p .strong{
    color: #222 !important;
}

.bike-detailing-content .Bike-wash h5{
color: black !important;
margin-top: 2rem  !important;
font-size: 25px;
}
.bike-detailing-content .Bike-wash h5 STRONG SPAN{
color: #222;
}
/* @keyframes zoom-in-zoom-out {
0% {
    transform: scale(1, 1);
}

50% {
    transform: scale(1.3, 1.3);
}

100% {
    transform: scale(1, 1);
}
} */

.bike-detailing-content .Bike-wash ul li{
color: black !important;
list-style: square !important;
}
.bike-detailing-content .Bike-wash ul {
margin-top: 20px;
}

.bike-detailing-content .Bike-wash ul li::marker {
color: black !important;
}

.labocosmetica-section-background video{
    width: 100%;
    z-index: -111;
}


@media (max-width:1400px){
    .bike-detailing-img img{
        width: 100%;
    }
    .bike-detailing-content .Bike-wash h2 {
        font-size: 28px;
    }
}
@media (max-width:1200px){
    .bike-detailing-content .Bike-wash h2 {
        font-size: 24px;
    }
}

@media (max-width:997px){
    .bike-detailing-heading h2 {
        font-size: 50px;
    }
    .bike-detailing-heading p{
        font-size: 25px;
    }
    .row-new .col-md-6{
        width: 100%;
    }
    .bike-detailing-content{
        margin-top: 2rem;
    }
    .bike-detailing-content .zoom-in-zoom-out {
        margin-top: 2rem;
    }
    .row-detailing-dark{
        flex-direction: column-reverse;
    }
    .bike-detailing-light .container .row .col-md-6 ,  .bike-detailing-dark .container .row .col-md-6{
        width: 100%;
        margin-bottom: 20px;
    }
    .bike-detailing-content .Bike-wash h2 {
        font-size: 30px;
        margin-bottom: 25px;
    }
}


@media (max-width:768px){
    .Bike-wash {
        margin-top: 0rem;
        margin-bottom: 2rem;
    }
   
    .bike-detailing-content .Bike-wash h5{
        font-size: 20px;
    }
    .bike-detailing-content .Bike-wash h2 {
        font-size: 30px;
    }
}

@media (max-width:600px){
    .bike-detailing-heading h2 {
        font-size: 35px;
    }
    .bike-detailing-heading p{
        font-size: 18px;
    }
}


@media (max-width:400px){
    .bike-detailing-heading h2 {
        font-size: 30px;
    }
    .bike-detailing-heading p{
        font-size: 15px;
    }
    .bike-detailing-content .Bike-wash h2 {
        font-size: 27px;
    }
}


    /* table */


    table {
        margin: auto;
        border-collapse: collapse;
        overflow-x: auto;
        display: block;
        width: fit-content;
        max-width: 100%;
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
        margin-top: 2rem;
        margin-left: 0px;
        text-align: center;
    }
    .table-2 table thead tr th {
        padding: 10px;
        font-size: 13px;
        background-color: #222;
        color: white;
        border: 1px solid #000;
    }
    .table-2 table tbody tr td {
        border: 1px solid #000;
        padding: 5px 10px;
        font-size: 14px;
    }

    @media (max-width:768px){
        .table-2 table thead tr th {
            padding: 10px;
            font-size: 13px;
        }
        .table-2 table tbody tr td {
            padding: 10px;
            font-size: 14px;
        }
    }

    @media (max-width:500px){
        .table-2 table thead tr th {
            padding: 8px;
            font-size: 12px;
        }
        .table-2 table tbody tr td {
            padding: 8px;
            font-size: 13px;
        }
    }



/* table-close */


@media (max-width:768px){
    .bike-detailing-content .bike-detailing-table{
        margin: 30px 0px;
    }
}


@media (max-width:600px){
    .bike-detailing-content .bike-detailing-table table thead tr th {
        padding: 7px;
        font-size: 11px;
    }
    .bike-detailing-content .bike-detailing-table table tbody tr td {
        padding: 5px;
        font-size: 13px;
    }
}




/* bottom images section */

.shine-before-section h2 {
    text-align: center;
    font-family: "Montserrat", Sans-serif;
    font-weight: 800;
    font-size: 50px;
    font-style: italic;
    text-transform: capitalize;
}

@media (max-width:768px){
    .shine-before-section h2 {
        font-size: 40px;
    }
    .shine-before-section {
        padding: 120px 10px;
    }
    
    
}
@media (max-width:500px){
    .shine-before-section h2 {
        font-size: 35px;
    }
    .shine-before-section {
        padding: 100px 10px;
    }
}