.row
{
    margin: 0px;
}

    .logonew
    {
        margin: 10px;
        display: flex;
        justify-content: center;
    }
    .logonew img
    {
        width: 120px;
    }


.Logo1
{
    padding: 10px;
    text-align: center;
   
}

.Logo2
{
    padding: 10px;
    text-align: center;
}
.img
{
    border-bottom: 2px solid #56a44f;
    margin-bottom: 10px;
}
.img2
{
    border-bottom: 2px solid #56a44f;
    margin-bottom: 10px;
}
.Logo1 img
{
    width: auto !important;
    height: 100px !important;
}

.Logo2 img
{
    width: auto !important;
    height: 100px !important;
}
.btn1
{
    width: 100%;
    height: 500px;
    background: url(agrikhata2.jpg);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;
}

.btn2
{
    width: 100%;
    height: 500px;
    background: url(warehousebg.jpg);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;
}


.agrikhatabtn
{
    text-decoration: none;
    border: 1px solid #56a44f;
    padding: 10px 20px;
    color: #56a44f;
    background-color: #fff;
    letter-spacing: 1px;
    font-family: sans-serif;
    font-size: 16px;
}

.agrikhatabtn:hover
{
    background: linear-gradient(#229f49e3, #1fe558f0), url(agrikhatabg1.jpg) fixed center center;
    font-size: 18px;
    color: aliceblue;
    transition: 0.4s;
    box-shadow: 0px 0px 8px 2px #fff;
}

.warehousebtn
{
    text-decoration: none;
    border: 1px solid #1dcc50;
    padding: 10px 20px;
    color: #1dcc50;
    letter-spacing: 1px;
    font-family: sans-serif;
    font-size: 16px;
    background-color: #fff;
}

.warehousebtn:hover
{
    background: linear-gradient(#229f49e6, #1fe558eb);
    font-size: 18px;
    color: aliceblue;
    transition: 0.4s;
    box-shadow: 0px 0px 8px 2px #fff;
}

.card-body
{
    padding: 0px 10px;
}

    .foot
    {
        padding: 10px 10px 0px 10px;
        display: flex;
        align-items: flex-end;
        background: #403e3e;
        padding: 10px;
    }
    .foot h6
    {
        font-size: 12px;
        color: white;
        margin: 0px;
    }
    .foot h6 a
    {
        text-decoration: none;
        color: #d8f494;
    }
    

@media only screen and (max-width: 576px)
{
    body
    {
        background: lightblue;
    }
    .Logo1 img
    {
        width: auto !important;
        height: 60px !important;
    }
    .Logo2 img
    {
        width: auto !important;
        height: 60px !important;
    }
    .card
    {
        height: 300px;
        margin: 0px 10px 10px 10px;
        background: whitesmoke;
    }
    .Logo1
    {
        height: 50%;
        margin-top: 40px;
    }
    .Logo2
    {
        border-left: 0px !important;
        height: 50%;
        margin-top: 40px;
    }
    .RW
    {
        border: 0px !important;
        height: 100% !important;
    }
    .btn1
    {
        display: none;
    }
    .btn2
    {
        display: none;
    }
    
    .img
    {
        border: 0px solid #56a44f;
        border-radius: 5px;
        box-shadow: 0px 0px 6px -3px black;
        padding: 10px 10px 10px 10px;
    }
    .img2
    {
        border: 0px solid #56a44f;
        border-radius: 5px;
        box-shadow: 0px 0px 6px -3px black;
        padding: 10px 10px 10px 0px;
    }
    .start1
    {
        width: auto;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 20px;
        height: 100px;
    }
    .start2
    {
        width: auto;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 20px;
        height: 100px;
    }
    
    .agrikhatabtn2
    {
        text-decoration: none;
        border: 1px solid #56a44f;
        padding: 3px 10px;
        color: #56a44f;
        background-color: #fff;
        letter-spacing: 1px;
        font-family: sans-serif;
        font-size: 12px;
    }
    
    .agrikhatabtn2:hover
    {
        background: linear-gradient(#229f49e3, #1fe558f0), url(agrikhatabg1.jpg) fixed center center;
        font-size: 18px;
        color: aliceblue;
        transition: 0.4s;
        box-shadow: 0px 0px 8px 2px #fff;
    }
    .foot
    {
        padding: 10px 10px 0px 10px;
        height: 220px;
        display: flex;
        align-items: flex-end;
        background: none;
    }
    .foot h6
    {
        font-size: 12px;
        color: black;
    }
    .foot h6 a
    {
        text-decoration: none;
        color: royalblue;
    }
    .logonew
    {
        padding: 10px 10px 0px 10px;
        display: flex;
        justify-content: center;
    }
    .logonew img
    {
        width: 110px;
    }
}

@media only screen and (min-width:576px)
{
    .start1
    {
        display: none;
    }
    .start2
    {
        display: none;
    }
    
}

@media only screen and (max-width:360px)
{
    .Logo1 img
    {
        width: auto !important;
        height: 40px !important;
    }
    .Logo2 img
    {
        width: auto !important;
        height: 40px !important;
    }
}