@media (min-width: 2060px) {
    .images-area{
        width: 1776px;
    }
    .mobile-responsive{
        display: none;
    }
    .desktop-responsive{
        display: block;
    }
}
@media (min-width: 1801px){
    .mobile-responsive{
        display: none;
    }
    .desktop-responsive{
        display: block;
    }
}
@media (max-width: 1800px) {
    .images-area{
        width: 1500px;
        margin: 0px auto 0;

    }
    .images-area img.custom-adjust {
        margin: -120px -23px 0px 0px;
    }
    ul.navbar-nav {
        width: 75%;
    }
    .mobile-responsive{
        display: none;
    }
    .desktop-responsive{
        display: block;
    }
}
@media (max-width : 1500px){
    .images-area{
        width: 1300px;
        margin: 0px auto 0;

    }
    .images-area img.custom-adjust {
        margin: -120px -23px 0px 0px;
    }
    .mobile-responsive{
        display: none;
    }
    .desktop-responsive{
        display: block;
    }
}
@media (max-width: 1300px) {
    .images-area{
        width: 1199px;
        margin: 0px auto 0;

    }
    .mobile-responsive{
        display: none;
    }
    .desktop-responsive{
        display: block;
    }

}
@media (max-width: 1199px) {
    .login-header::after {
        right: -7.5%;

    }
    .images-area{
        width: 100%;
        justify-content: space-between;
    }
    .images-area img{
        height: 40%;
        width: 40%;
    }
    .slider-detail{
        top: 62%;
    }
    ul.navbar-nav {
        width: 95%;
    }
    .mobile-responsive{
        display: none;
    }
    .desktop-responsive{
        display: block;
    }
}
@media (max-width: 991px) {
    .main-sec .logo-area img {
        margin-top: 0;
    }
    .mobile-responsive{
        display: block;
    }
    .desktop-responsive{
        display: none;
    }
    .top-right-bg{
        display: none;
    }
    .statistics {
        background-color: black;
        border-radius: 59%;
        padding: 50px 6px;
        width: 75%;
        margin: 0 auto;
    }
    .main-body {
        background-color: #000000;
        background-image: url(../images/bg-1.png);
        color: #ffffff;
        background-repeat: no-repeat;
        text-align: center;
        width: 100%;
        background-position: 72% 20px;
    }
    .login-header{
        background-size: cover;
    }
    .btn.btn-area{
        width: 175px;
    }
    .login-header::after{
        width: 10.9%;
        right: -5.5%;
    }
    .login-body,.login-footer{
        background: #000000b8;
    }
    .vote-coins {
        background-image: url(../images/vote-coins.png);
        background-repeat: no-repeat;
        width: 104.8%;
        height: 130px;
        background-size: cover;
        margin: -43px 0px 0px -33px;
        position: relative;
    }
    .slider-detail {
        top: 82%;
    }
    .top-footer ul li {
        padding-right: 60px;
    }
}
@media (max-width: 767px) {
    .mobile-responsive{
        display: block;
    }
    .desktop-responsive{
        display: none;
    }
    .top-footer ul li {
        padding-right: 25px;
    }
    .login-header::after {
        width: 10.9%;
        right: -3.1%;
    }
    .slider-detail {
        top: 65%;
    }
    .statistics {
        width: 100%;
    }
}
@media (max-width: 575px) {
    .mobile-responsive{
        display: block;
    }
    .desktop-responsive{
        display: none;
    }
    .fwrap-no {
        flex-wrap: wrap;
    }
    .statistics {
        width: 47%;
        margin-bottom: 20px;
    }
    .login-header::after {
        width: 14.9%;
        right: -3.1%;
    }
    .slider-detail {
        top: 60%;
    }
    .slider-detail h3 {
        font-size: 13px;
    }
    .slider-detail p,.only-text h5 {
        font-size: 11px;
    }
    .latest-heading h5 {
        font-size: 14px;
    }
    .box-heading h4,.box-body .blurb h5,.right-content p a,.right-content p,.left-content p,h5.blurb-heading,.only-text h6 {
        font-size: 10px;
    }
    .box-heading p {
        font-size: 9px;
    }
    .vote-coins {
        width: 104.8%;
        height: 97px;
        margin: -11px 0px 0px -16px;
    }
    .top-footer ul{
        display: block;
    }
}
@media (max-width: 374px) {
    .mobile-responsive{
        display: block;
    }
    .desktop-responsive{
        display: none;
    }
}