.cabinet-block {
    position: relative;
}

.cabinet-title-block {
    position: absolute;
    top: 45%;
    left: 15px;
    font-size: 1.4rem !important;
}

.cabinet-img {
    bottom: 10px;
    height: 60px;
}

.cabinet-title {
    font-size: 1.5rem !important;
}


.cabinet-info-block {
    background: #333333;
    display: flex;
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    padding: 3px 5px;
    font-size: 1rem;
}

.cabinet-rank-info {
    color: #333333 !important;
    margin-left: 0;
    text-shadow: none !important;
}

.cabinet-rank-info span {
    font-size: 0.9rem !important;
}

.cabinet-thickness {
    width: 270px !important;
    height: 140px !important;
}
.notification-alert {
    background: rgba(65, 40, 128, 0.61) !important;
    color: #FFFFFF;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}


.tooltip .tooltiptext {
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}


.board-block-15, .board-block-7 {
    display: grid;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    /*border: 1px solid #333333;*/
}

.board-gifters-4, .board-gifters-2 {
    display: grid;
    justify-content: center;
    align-items: center;
    align-content: center;
    grid-column-gap: 20px;
    position: relative;
    /*background: rgba(65, 40, 128, 0.61);*/
    /*border-radius: 256px;*/
    /*border: 1px solid rgba(0, 0, 0, 0.47);*/
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 16px;
    padding: 8px;
}
.board-gifters-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.board-gifters-2 {
    grid-template-columns: 1fr 1fr;
}
.board-gifters-4 .board-gifters-title, .board-gifters-2 .board-gifters-title {
    position: absolute;
    top: -40px;
    width: 100%;
    /*border: 1px solid #FEDB37;*/
    left: 0;
    font-size: 1.3rem;
    color: #CB217F;
    text-transform: uppercase;
    text-align: center;
    filter: blur(.6px);
}

.board-builders-2, .board-builders-1{
    display: grid;
    justify-content: center;
    align-items: center;
    align-content: center;
    grid-column-gap: 20px;
    position: relative;
}
.board-builders-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.board-builders-1 {
    grid-template-columns: auto;
}
.board-builders-2 .board-builders-title, .board-builders-1 .board-builders-title{
    position: absolute;
    top: -40px;
    width: 100%;
    /*border: 1px solid #FEDB37;*/
    left: 0;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: center;
    filter: blur(.6px);
    /*display: none;*/
}

.board-builders-2 .board-builders-title, .board-builders-1 .board-builders-title, .board-legend-title, .board-gifters-title {
    color:#CB217F !important;
}


.board-builders-2 .board-user:first-child,  .board-builders-2. .board-user_list-gifter:first-child,
.board-builders-1 .board-user:first-child,  .board-builders-1. .board-user_list-gifter:first-child
{
    margin-left: auto;
}

.board-builders-2 .board-user:last-child, .board-builders-2 .board-user_list-gifter:last-child,
.board-builders-1 .board-user:last-child, .board-builders-1 .board-user_list-gifter:last-child
{
    margin-right: auto;
}
.board-user:hover, .board-user_list-gifter:hover {
    transform: scale(1.2) !important;
}

.board-guides-1 {
    display: grid;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
}

.board-guides-1 .board-guides-title {
    position: absolute;
    top: -40px;
    width: 100%;
    /*border: 1px solid #FEDB37;*/
    left: 0;
    font-size: 1.3rem;
    color: #CB217F;
    text-transform: uppercase;
    text-align: center;
    filter: blur(.6px);
    /*display: none;*/
}

.board-legend {
    display: grid;
    position: relative;
    justify-content: center;
    align-items: center;
    align-content: center;
    grid-template-columns: 1fr;
    margin: 40px 0;
}

.board-gifters-4, .board-builders-2, .board-guides-1, .board-gifters-2, .board-builders-1 {
    margin: 35px 0;
}

.board-user, .board-user_list-gifter {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 72px;
    height: 72px;
    /*border: 6px solid #ffffff;*/
    /*background: linear-gradient(236deg,#252040,#362d64,#4128809c);*/
    border-radius: 12px;
    /*border-radius: 120px;*/
    color: #ffffff;
    background: rgba(65, 40, 128, 0.61);
    z-index: 2;
}

.board-gifters-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 85%;
    height: 85%;
    background: #0dcaf0;
    border-radius: 360px;
    background: linear-gradient(236deg,#252040,#362d64,#4128809c);
    color: hsla(0, 0%, 100%, .5);
    font-size: 1rem;
    background-size: 100% 100%;
}

.board-user-name {
    display: flex;
    justify-content: center;
    /*border: 1px solid #0dcaf0;*/
    position: absolute;
    bottom: -30px;
    left: -3px;
    width: 72px;
    text-align: center;
    z-index: 1;
    font-size: 0.8rem;
}
.board-user, .board-user_list-gifter {
    transition: all 1s ease;
}

.board-legend > .board-user,  .board-legend > .board-user_list-gifter {
    /*background: #0dcaf0;*/
    width: 100px !important;
    height: 100px !important;
    margin-left: auto;
    margin-right: auto;
}
.board-legend > .board-user .board-user-name, .board-legend > .board-user_list-gifter .board-user-name {
    /*border: 1px solid #0dcaf0;*/
    width: 100px;
    bottom: -40px;
}

.board-legend .board-legend-title {
    position: absolute;
    top: -45px;
    width: 100%;
    /*border: 1px solid #FEDB37;*/
    left: 0;
    font-size: 1.3rem;
    color: #CB217F;
    text-transform: uppercase;
    text-align: center;
    filter: blur(.6px);
    /*display: none;*/
}





.board-legend-left-star, .board-legend-right-star {
    position: absolute;
    z-index: 3;
    font-size: 1.4rem;
    color: #e7a92f;
    top: -16px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 32px;*/
    height: 32px;
    padding: 4px 5px;
    background: rgba(65, 40, 128, 0.71);
    border-radius: 360px;
}

.board-legend-left-star {
    left: calc(50% - 70px);
}
.board-legend-right-star {
    right: calc(50% - 70px);
}

.blur-content {
    filter: blur(4px);
}
.none-blur-content {
    filter: none !important;
}
.item-board-user, .item-board-user_list-gifter {
    position: relative;
    /*border: 1px solid #FF0000;*/
    width: 74px;
    height: 74px;
}

.legend-circle-left-top,  .legend-circle-right-bottom{
    position: absolute;
    opacity: 0.5;
    width: 43px;
    height: 86px;
    border: 8px solid #ffffff !important;
    /*display: none;*/
    top: -7px !important;
}
.legend-circle-left-top {
    left: -7px !important;
    border-radius: 16px  0  0 16px;
    border-right: 0 !important;
}
.legend-circle-right-bottom {
    right: -5px !important;
    left: auto;
    border-radius: 0 16px 16px 0;
    border-left: 0 !important;
}


#BoardsBlock15 .dropdown-menu.show, #BoardsBlock7 .dropdown-menu.show {
    z-index: 9999 !important;
    background: rgba(65, 40, 128, 0.94) !important;
     /*padding: 5px 10px;*/
}

#BoardsBlock15 .dropdown-menu ul, #BoardsBlock7 .dropdown-menu ul {
    list-style: none;
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    /*border: 1px solid #CCCCCC;*/
    padding: 0 !important;
    margin: 0;
}
#BoardsBlock15 .dropdown-menu ul li, #BoardsBlock7 .dropdown-menu ul li {
    display: flex;
    width: 100%;
    /*border: 1px solid #FDB931;*/
    font-size: 1rem;
    margin: 0;
    padding: 0;
    border-bottom: 0.5px solid hsla(0, 0%, 100%, .6);
}

#BoardsBlock15 .dropdown-menu ul li:last-child, #BoardsBlock7 .dropdown-menu ul li:last-child {
    border-bottom: none;
}

#BoardsBlock15 .dropdown-menu ul li a, #BoardsBlock7 .dropdown-menu ul li a {
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    /*background: #0dcaf0;*/
    padding: 5px 10px;
    color: hsla(0, 0%, 100%, 1);
    border: none;
}
#BoardsBlock15 .dropdown-menu ul li a:focus, #BoardsBlock7 .dropdown-menu ul li a:focus {
    border: none;
    text-decoration: none;
}
#BoardsBlock15 .dropdown-menu ul li a:hover, .tabs-board li a.active, #BoardsBlock7 .dropdown-menu ul li a:hover {
    background: hsla(0, 0%, 100%, .3);
    border:none !important;
}

#BoardsBlock15 .dropdown-menu .tabs-board, #BoardsBlock7 .dropdown-menu .tabs-board {
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 0.5px solid hsla(0, 0%, 100%, .6);
}

#BoardsBlock15 .dropdown-menu .tabs-board li a, #BoardsBlock7 .dropdown-menu .tabs-board li a {
    margin: 5px 10px;
    border-radius: 4px;
}

#BoardsBlock15 ul.dropdown-menu.show, #BoardsBlock7 ul.dropdown-menu.show {
   width: 210px !important;
}
.card-board-radius {
    border-radius: 16px !important;
}
.card-board-bg1{
    /*background-color: #330033;*/
    background: #330033 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23404' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23505'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.card-board-bg2 {
    background: #48235A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Ccircle stroke='%23DD3CA0' vector-effect='non-scaling-stroke' id='a' fill='none' stroke-width='5' r='315'/%3E%3Cuse id='f' href='%23a' stroke-dasharray='100 100 100 9999'/%3E%3Cuse id='b' href='%23a' stroke-dasharray='250 250 250 250 250 9999'/%3E%3Cuse id='e' href='%23a' stroke-dasharray='1000 500 1000 500 9999'/%3E%3Cuse id='g' href='%23a' stroke-dasharray='1500 9999'/%3E%3Cuse id='h' href='%23a' stroke-dasharray='2000 500 500 9999'/%3E%3Cuse id='j' href='%23a' stroke-dasharray='800 800 800 800 800 9999'/%3E%3Cuse id='k' href='%23a' stroke-dasharray='1200 1200 1200 1200 1200 9999'/%3E%3Cuse id='l' href='%23a' stroke-dasharray='1600 1600 1600 1600 1600 9999'/%3E%3C/defs%3E%3Cg transform='translate(1000 750)' %3E%3Cg transform='rotate(0 0 0)' %3E%3Ccircle fill='%23DD3CA0' r='10'/%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23f' transform='scale(.1) rotate(50 0 0)' /%3E%3Cuse href='%23f' transform='scale(.2) rotate(100 0 0)' /%3E%3Cuse href='%23f' transform='scale(.3) rotate(150 0 0)' /%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23b' transform='scale(.4) rotate(200 0 0)' /%3E%3Cuse href='%23z' transform='scale(.5) rotate(250 0 0)' /%3E%3C/g%3E%3Cg id='z' transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23b'/%3E%3Cuse href='%23b' transform='scale(1.2) rotate(90 0 0)' /%3E%3Cuse href='%23b' transform='scale(1.4) rotate(60 0 0)' /%3E%3Cuse href='%23e' transform='scale(1.6) rotate(120 0 0)' /%3E%3Cuse href='%23e' transform='scale(1.8) rotate(30 0 0)' /%3E%3C/g%3E%3C/g%3E%3Cg id='y' transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23e' transform='scale(1.1) rotate(20 0 0)' /%3E%3Cuse href='%23g' transform='scale(1.3) rotate(-40 0 0)' /%3E%3Cuse href='%23g' transform='scale(1.5) rotate(60 0 0)' /%3E%3Cuse href='%23h' transform='scale(1.7) rotate(-80 0 0)' /%3E%3Cuse href='%23j' transform='scale(1.9) rotate(100 0 0)' /%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23h' transform='scale(2) rotate(60 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.1) rotate(120 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.3) rotate(180 0 0)'/%3E%3Cuse href='%23h' transform='scale(2.4) rotate(240 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.5) rotate(300 0 0)'/%3E%3C/g%3E%3Cuse href='%23y' transform='scale(2) rotate(180 0 0)' /%3E%3Cuse href='%23j' transform='scale(2.7)'/%3E%3Cuse href='%23j' transform='scale(2.8) rotate(45 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.9) rotate(90 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.1) rotate(135 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.2) rotate(180 0 0)'/%3E%3C/g%3E%3Cuse href='%23k' transform='scale(3.3) rotate(225 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.5) rotate(270 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.6) rotate(315 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.7)'/%3E%3Cuse href='%23k' transform='scale(3.9) rotate(75 0 0)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.card-board-bg3 {
    background: url("/images/interface/use-svg-as-background-image-particle-strokes.svg") !important;
}
.card-board-bg4 {
    background: url("/images/interface/World Map.svg") !important;
}




.gifter-list-users-modal {
    display: none;
    position: absolute;
    z-index: 222;
}

#GiftersLeft .gifter-list-users-modal {
    left: 0;
    top: 120px;
}
#GiftersRight .gifter-list-users-modal {
    left: 0;
    top: -180px;
}


.gifter-list-users-modal .board-gifters-4, .gifter-list-users-modal .board-gifters-2  {
    background-color: hsla(91, 92%, 34%, .8);
}
.board-right-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    top: -10px;
    right: -5px;
    z-index: 3;
    height: 26px;
    min-width: 26px;
    background: hsla(91, 92%, 34%, .7);
    color: #ffffff;
    border-radius: 360px;
}
.list_gifted_user {
    color: hsla(91, 92%, 34%, 1) !important;
}

.board-left-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -10px;
    left: -5px;
    z-index: 3;
    height: 26px;
    min-width: 26px;
    padding: 4px 5px;
    background: hsla(345, 76%, 50%, .7);
    color: #ffffff;
    border-radius: 360px;
}

.board-gifters-4 .board-gifters-title, .board-builders-2 .board-builders-title, .board-guides-1 .board-guides-title, .board-legend .board-legend-title,
.board-gifters-2 .board-gifters-title, .board-builders-1 .board-builders-title
{
    color: #333333;
}

.white-icon {
    color: #ffffff !important;
}
.zoom-icon {
    transform: scale(1.7);
}
.icon-close {
    display: none;
}
.list_gifted_user-icon {
    text-decoration: none;
}

@media (min-width: 992px) {
    .board-block-15 {
        grid-template-columns: repeat(7, 1fr);
    }
    .board-block-7 {
        grid-template-columns: repeat(5, 1fr);
    }
    .board-gifters-4, .board-gifters-2 {
        grid-template-columns: auto;
        grid-row-gap: 40px;
        width: 100px !important;
        padding-top: 30px;
        padding-bottom: 30px;
        margin: 0 auto !important;
        border: none;
        position: relative;
    }
    .board-gifters-4 {
        grid-template-rows: 1fr 1fr 1fr 1fr !important;
    }
    .board-gifters-2 {
        grid-template-rows: 1fr 1fr !important;
    }
    .board-builders-2, .board-builders-1 {
        grid-template-columns: auto !important;
        grid-row-gap: 40px;
        /*border: 1px solid #FDB931;*/
        /*border: 1px solid rgba(0, 0, 0, 0.47);*/
        border-radius: 16px;
        width: 100px !important;
        margin: 0 auto !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .board-builders-2 {
        grid-template-rows: 1fr 1fr 1fr 1fr !important;
        background-color: hsla(0, 0%, 100%, .1);
    }
    .board-builders-1 {
        grid-template-rows: auto !important;
    }
    .board-legend .board-legend-title {
        top: -55px;
    }
}







/* admin tables */

/*form tabs*/
#nav-tab {
    position: absolute;
    top: -42px;
    left: 0;
    border-bottom: none;
}
#nav-tab .nav-link {
    color: #CB217F!important;
    padding: 8px 5px;
}

#nav-tab .nav-link {
    background: hsla(0, 0%, 100%, .1);
    color: #252040 !important;
    margin: 0 10px;
}
#nav-tab .nav-link.active {
    background: #252040;
    border-color: #252040;
    color: #CB217F!important;
}
.modal-content {
    background: #252040;
    color: #CCCCCC;
}
.select2-container--default .select2-selection--single {
    background: #252040 !important;
    height: 37px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #CB217F!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 12px !important;
    top: calc(50% - 15px) !important;
}
.select2-dropdown {
    background: #CB217F !important;
}
.select2-container {
    min-width: 300px;
}
.col-status {
    position: relative;
}
.col-status > div {
    display: flex;
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
}
.padding-status span {
    padding: 4px 10px;
}
.page-link.active, .active >.page-link {
    background: #362d64 !important;
    border-color: #CB217F !important;
    color: #ffffff !important;
}
.select2-container--default .select2-selection--single {
    border-color: #CB217F!important;
}
.card select:disabled {
    border-color: transparent !important;
    background: #f8f8f81a !important;
    box-shadow: 0 4px 8px #0000 !important;
}



/* X-Small */
@media (max-width: 575px) {
    body {
        min-height: 740px;
        background-size: 100% 120%;
    }

    .language-list {
        /*display: none;*/
    }

    .navbar-brand {
        margin-left: 20px;
    }

    .navbar-main-menu .nav-item {
        margin: 10px 0 !important;
    }

    .navbar-main-menu .nav-link {
        background: #C07AFF !important;
        border-radius: 8px;
    }

    .navbar-main-menu .nav-item a {
        color: #252040 !important;
    }

    #adminMenuGroup .btn {
        font-size: 1.3rem !important;
    }

    .img-ranks {
        position: absolute;
        top: 45%;
        right: 3px;
        height: 16px;
    }

    .cabinet-info-block {
        /*padding-left: 20px;*/
    }
    #nav-tab .nav-link {
        margin: 0 3px;
    }
    .card-board-radius {
        border-radius: 0 !important;
    }
}

/* Small */
@media (min-width: 576px) {
    body {
        min-height: 470px;
    }

    .language-list {
        /*display: none;*/
    }

    .navbar-main-menu .nav-item {
        margin: 10px 0 !important;
    }

    .navbar-main-menu .nav-link {
        background: #C07AFF !important;
        border-radius: 8px;
    }

    .navbar-main-menu .nav-item a {
        color: #252040 !important;
    }

    #adminMenuGroup .btn {
        font-size: 1.3rem !important;
    }

    .img-ranks {
        position: absolute;
        top: 45%;
        right: 3px;
        height: 16px;
    }
    #nav-tab .nav-link {
        margin: 0 3px;
    }
}

/* Medium */
@media (min-width: 768px) {
    body {
        min-height: 980px;
    }

    .home-page-title {
        font-size: 1.5rem;
    }

    .rank-item-title {
        font-size: 1.3rem;
        bottom: -40px;
    }

    .home-page-title-block h4 {
        font-size: 1.5rem;
    }

    .rank-item-price {
        font-size: 1.7rem;
    }

    .rank-item {
        max-width: 280px;
    }

    .block-rank-items {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
    }

    .pcoded-header .dropdown .dropdown-menu {
        margin-top: 20px;
    }

    .language-list {
        /*display: none;*/
    }

    .logo-project {
        float: right;
    }

    .floating {
        width: 260px;
        height: 140px;
    }

    .thickness {
        width: 260px;
        height: 140px;
    }

    .floating-item-title {
        font-size: 1.3rem;
    }

    .floating-price {
        font-size: 2rem;
    }

    .floating-price span {
        font-size: 1rem;
    }

    .floating-card_body-img {
        height: 80px;
    }

    #rightBlockMenu .nav-link {
        /*padding: 18px 0;*/
        min-width: 40px !important;
    }

    #rightBlockMenu > .nav-item {
        margin: 0 20px;
    }

    .pcoded-header .dropdown .dropdown-toggle:after {
        top: 28%;
        right: 7px;
    }

    .badge {
        top: 3px;
        left: -5px;
    }

    .nav-link {
        padding: 18px 0;
        min-width: 120px;
    }

    .navbar {
        padding: 0
    }

    .logo-project {
        float: left;
    }

    .navbar-main-menu .nav-item {
        margin: 10px 0 !important;
    }

    .navbar-main-menu .nav-link {
        background: #C07AFF !important;
        border-radius: 8px;
    }

    .navbar-main-menu .nav-item a {
        color: #252040 !important;
    }

    #adminMenuGroup .btn {
        font-size: 1.3rem !important;
    }

    .img-ranks {
        position: absolute;
        height: 32px;
        right: 10px;
        top: 5px;
    }
    #nav-tab .nav-link {
        margin: 0 3px;
    }
}

@media (min-width: 820px) {
    body {
        min-height: 1130px;
    }
}

/* 	Large */
@media (min-width: 992px) {
    body {
        min-height: 760px;
    }

    .home-page-title {
        font-size: 1.5rem;
    }

    .rank-item-title {
        font-size: 1.7rem;
        bottom: -50px;
    }

    .home-page-title-block h4 {
        font-size: 1.5rem;
    }

    .rank-item-price {
        font-size: 2rem;
    }

    .rank-item {
        max-width: 340px;
        height: 140px;
    }

    .block-rank-items {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
    }

    .rank-item-lock {
        width: 50px;
        height: 50px;
    }

    .logo-project {
        float: left;
    }

    .language-list {
        display: flex;
    }

    .navbar-collapse {
        padding-top: 0;
    }

    .navbar-brand {
        margin-top: 8px;
    }

    .navbar-main-menu .nav-item {
        margin: 0 !important;
    }

    .navbar-main-menu .nav-link {
        background: none !important;
        border-radius: 0 !important;
    }

    .navbar-main-menu .nav-item a {
        color: #FFFFFF !important;
    }

    #adminMenuGroup .btn {
        font-size: 1rem !important;
    }

    .img-ranks {
        position: absolute;
        height: 32px;
        right: 10px;
        top: 5px;
    }
    #nav-tab .nav-link {
        margin: 0 10px;
    }
    #GiftersLeft .gifter-list-users-modal {
        left: 120px;
        top: 0;
    }
    #GiftersRight .gifter-list-users-modal {
        left: -120px;
        top: 0;
    }
}

/* Extra large */
@media (min-width: 1200px) {
    body {
        min-height: 870px;
    }

    .home-page-title {
        font-size: 1.5rem;
    }

    .rank-item-title {
        font-size: 1.5rem;
        bottom: -40px;
    }

    .home-page-title-block h4 {
        font-size: 1.5rem;
    }

    .rank-item-price {
        font-size: 2rem;
    }

    .rank-item {
        max-width: 340px;
        height: 140px;
    }

    .block-rank-items {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
    }

    .block-rank-items {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .rank-item-lock {
        width: 50px;
        height: 50px;
    }

    #showMainMenu {
        display: none;
    }

    .center-menu {
        grid-column: 1;
    }

    .left-menu {
        grid-column: 2;
    }

    .right-menu {
        grid-column: 3;
    }

    .navbar-main-menu .nav-item {
        margin: 0 !important;
    }

    .navbar-main-menu .nav-link {
        background: none !important;
        border-radius: 0 !important;
    }

    .navbar-main-menu .nav-item a {
        color: #FFFFFF !important;
    }

    .img-ranks {
        position: absolute;
        height: 32px;
        right: 10px;
        top: 5px;
    }
    #nav-tab .nav-link {
        margin: 0 10px;
    }
}

/* Extra extra large */
@media (min-width: 1400px) {
    body {
        min-height: 960px;
    }

    .home-page-title {
        font-size: 1.5rem;
    }

    .rank-item-title {
        font-size: 1.1rem;
        bottom: -40px;
    }

    .home-page-title-block h4 {
        font-size: 1.5rem;
    }

    .rank-item-price {
        font-size: 2rem;
    }

    .rank-item {
        max-width: 340px;
        height: 140px;
    }

    .block-rank-items {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
    }

    .navbar-main-menu .nav-item {
        margin: 0 !important;
    }

    .navbar-main-menu .nav-link {
        background: none !important;
        border-radius: 0 !important;
    }

    .navbar-main-menu .nav-item a {
        color: #FFFFFF !important;
    }

    .img-ranks {
        position: absolute;
        height: 32px;
        right: 10px;
        top: 5px;
    }
    #nav-tab .nav-link {
        margin: 0 10px;
    }
}