/* ----------------------------------------------------------------

	Custom CSS



	Add all your Custom Styled CSS here for New Styles or

	Overwriting Default Theme Styles for Better Hanlding Updates

-----------------------------------------------------------------*/



.listss li{
    list-style-type: decimal;
}

.padt60{
    padding-top: 60px;
}

.bg-about-img{
    
    
    background-size: cover !important; 
    height:500px !important;
}


@media (max-width: 550px){
.bg-about-img{
    background-size: cover !important;
    width:100% !important;
    height:100% !important;
}
}


.boxshad{
    box-shadow: 0px 3px 15px rgb(1 0 0 / 20%);
}

.blog-txt{
    padding: 20px 20px 50px;
}


.read-more{
    padding: 15px 25px;
    text-transform: uppercase;
    background: #111d4d;
    color: #ffffff;
}

.read-more:hover{
    padding: 15px 25px;
    text-transform: uppercase;
    background: #111d4d;
    color: #ffffff;
}



.blog-banner-img{
    width: 100%;
    height: 400px;
    padding-bottom: 40px;
    padding-top: 30px;
}


.videoo .ytp-cued-thumbnail-overlay-image{
    background-size: contain !important;
}

.col-img-pad, .col-text-pad{
   
}

.grease-pad{
  padding: 1% 13%;  
}


.greasebg{
    padding: 100px 0!important;
    background-image: url(../img/grease-management.jpg)!important;
    background-size: cover;
    background-position: center center!important;
}




.padd50{
    padding-top: 50px;
}



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

.padgt60{
    padding: 0 20px;
}

.grease-pad {
    padding: 1% 6%;
}

.padmt{
    padding-top:40px;
}

}