.dashboard-area {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
}

.dash-first {
    width: 20%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0px 8px 20px 0px #9794948c;
    margin: 0 30px 50px 0;
    padding: 30px 10px;
}

.decoration {
    text-decoration: none;
}

.text-white {
    color: #fff;
}


.btn-box {
    margin: 20px 0;
}

.btn-box a {
    background: #04488e;
    font-size: 1rem;
    text-transform: capitalize;
    padding: 9px 20px 12px 20px;
    border-radius: 25px;
    margin: 10px 0;
    text-decoration: none;
    color: #fff;
}

.dash-first i {
    padding-left: 6px;
}

.dash-first img {
    width: 94%;
    padding-bottom: 15px;
    height: 190px;
    object-fit: contain;
}

.dash-first h2 {
    margin: 8px 0;
    font-size: 1.1rem;
}

.dash-first h4 {
    margin: 8px 0;
}

.dash-first.csv {
    width: 40%;
}





/*1920*/
@media only screen and (min-width : 1920px) and (max-width : 2560px) {}

/*1600*/
@media only screen and (min-width : 1600px) and (max-width : 1919px) {}

/*1500*/
@media only screen and (min-width : 1500px) and (max-width : 1599px) {}

/*1440*/
@media only screen and (min-width : 1440px) and (max-width : 1500px) {}

/*1440*/
@media only screen and (max-width : 1440px) {}

/*1366*/
@media only screen and (min-width : 1366px) and (max-width : 1439px) {}

/*1280*/
@media only screen and (min-width : 1280px) and (max-width : 1365px) {}

/*1200*/
@media only screen and (min-width : 1200px) and (max-width : 1279px) {}

/*1024*/
@media only screen and (min-width : 1024px) and (max-width : 1199px) {}

/*tab*/
@media only screen and (min-width : 768px) and (max-width :1023px) {

    .dash-first h2 {
        font-size: 1.2rem;
    }

    .dash-first img {
        height: 200px;
    }

    .dash-first {
        width: 40%;
    }

    .dash-first.csv {
        width: 100%;
    }

}



/*mobile*/
@media only screen and (min-width : 150px) and (max-width : 767px) {
    .dealers_page .row.ab h3 {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }

    .dash-first {
        width: 100%;
        margin-bottom: 30px;
        padding: 30px 0;
    }

    .dashboard-area {
        width: 100%;
        display: inline-block;
        margin: 0 auto;
    }

    .frmasset select {
        width: 100%;
    }

    .frmasset input {
        margin: 10px 0;
        width: 93%;
    }

    .dash-first h2 {
        margin: 8px 0;
        font-size: 1.4rem;
    }

    .dash-first h4 {
        margin: 8px 0;
        font-size: .975rem;
    }

    .dash-first iframe {
        width: 350px;
    }

    .dash-first.csv iframe {
        width: 100%;
    }

    .dash-first.csv {
        width: 100%;
    }

}


.frmasset {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}


.frmasset input,
.frmasset select {
    vertical-align: middle;
    margin: 5px 10px 5px 0;
    padding: 10px;
    background-color: #fff;
    font-family: 'Exo 2', sans-serif;
    border: 1px solid #ddd;
}

.frmasset button {
    padding: 10px 20px;
    background-color: #174496;
    border: 1px solid #ddd;
    color: white;
    cursor: pointer;
    margin: 5px 10px 5px 0;
    font-family: 'Exo 2', sans-serif;
}

.frmasset button:hover {
    background-color: #174496;
}

@media (max-width: 800px) {
    .frmasset input {
        margin: 10px 0;
    }

    .frmasset {
        flex-direction: column;
        align-items: stretch;
    }
}