

@media only screen and (max-width:991px)
{
    .lpad
    {
        padding-top:50px;
    }
    
}



.abimg
{
    
    width:265px;
}


.abimg1
{
    
    width:286px;
}


.purpose
{
    padding: 2px 197px 0px 73px;
}


.serr

{
        color: white;
    font-size: 20px;
}


@media (min-width:769px) and (max-width:1199px)

{
    .abimg1
{
    
    width:150px!important;
}
}


@media (max-width:768px)

{
        .icon-item {
        margin: 10px 5px 20px 5px;
    }
    
    
    .smll {
    height: 600px;
    }
    
    .purpose
{
    padding: 2px;
}
    
    .abimg
{
    
    width:200px;
}

.abimg1
{
    
    width:200px!important;
}
    
}


/* Initially, the left section is relative */
.sticky-left {
  position: relative;
  padding: 20px;
  z-index: 1;
}

/* When the fixed class is added, the left section becomes fixed */
.sticky-left.fixed {
  position: fixed;
  top: 0;
  padding: 30px 20px 20px 20px;
  z-index: 3000;
  background-color: white;
}

/* Placeholder to preserve space for the left column */
.sticky-placeholder {
  visibility: hidden; /* Make it invisible but occupy space */
  height: 100%;
}
.npad
{
        right: 0;
    top: 191px;
    position: relative;
}
@media only screen and (max-width:991px)
{
    .pd_top_00 {
    padding-top: 50px !important;
}
.npad
{
        right: 0;
    top: 3px;
    position: relative;
}
}

