@media(min-width:1024px) and (max-width:1366px) {
    .pl-col-0 {
        padding-left: 0 !important;
    }
    .fixed-nav-d-none {
        display: block;
    }
    .myTickets, .stockTickets {
        padding: 20px 0 !important;
    }
    .navbar-nav .state-ul .sell-item {
        margin-top: 0;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .pl-col-0 {
        padding-left: 0 !important;
    }
    .navbar-my-products {
        align-items: flex-start;
    }
    .footer-list .footer-item:nth-child(1) {
        margin: 0 50px;
    }
    .fixed-header .navbar-collapse ul {
        margin: 2px 0 0;
    }
    .fixed-header .navbar-nav .sell-item {
        padding: 4.5px 10px;
    }
    .navbar-nav .state-ul .sell-item {
        margin-top: 0;
    }
    .fixed-header .navbar-collapse .nav-main-list-notif {
        padding: 3px 0;
    }
    .navbar-expand-md .navbar-nav .nav-link.pr-md-0 {
        padding-right: 0 !important;
    }
    .fixed-nav-d-none {
        display: block;
    }
    .navbar_ph.fixed-header {
        padding: 0 40px !important;
        z-index: 9999;
        height: 70px;
    }
    .top:hover > .dropdown-menu {
        width: 100%;
        position: static;
        box-shadow: none;
        display: none;
    }
    .top:hover > .dropdown-menu.show {
        display: block;
    }
    .top .dropdown-item {
        display: block;
        text-align: center;
        font-family: 'Geometria', serif !important;
    }
    .myTickets, .stockTickets {
        padding: 20px 0 !important;
    }
}

@media(max-width: 768px) {
    .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}


@media (min-width: 768px) {
    .header-premium .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.89rem;
        padding-left: 0.89rem;
    }
}

@media(max-width:767px) {
    .modal_cropper .modal-footer {
        flex-wrap: wrap;
        justify-content: center;
    }
    .crop-upload {
        margin-top: 10px;
    }
    .step-form .submit button {
        height: 38px;
        line-height: 38px;
        padding: 0 26px;
    }
    .transaction-item {
        padding: 0 !important;
    }
    .navbar-nav .nav-item {
        text-align: center;
    }
    .top .dropdown-item {
        text-align: center;
        display: block;
        font-size: 14px;
        font-weight: 600;
        font-family: 'Geometria', serif !important;
    }
    .top-drop-style {
        box-shadow: none;
    }
    .top:hover > .dropdown-menu {
        position: static;
        width: 100%;
        display: none;
    }
    .top:hover > .dropdown-menu.show {
        display: block;
    }
    .item.item-products .button-mobile {
        padding-left: 0;
    }
    .pl-col-0 {
        padding-left: 0 !important;
    }
    .footer .top-logo {
        background-position: -20px;
    }
    .navbar-my-products {
        flex-flow: column !important;
        align-items: flex-start;
    }
    .winner-user-item a {
        display: block;
        width: 69%;
        overflow: hidden;
        line-height: 21px;
    }
    .products-item .item .products-all .name-products h3 > a {
        font-size: 15px;
        line-height: 20px;
    }
    .mobil-paddin-reset {
        padding-right: 0 !important;
    }
    .step-form input.modal_input {
        padding-left: 40% !important;
    }
    .step-4-wrapper .btn-4 button {
        width: 100%;
    }
    .step4 .step2-wrapper-item:nth-child(2) div {
        padding-left: 0;
    }
    .step4 .step2-wrapper-item .modal-dialog {
        min-height: calc(100vh - 20px);
    }
    /*.step4 .step2-wrapper-item .add-info {*/
        /*margin: 0 10px;*/
    /*}*/
    .step4 .step2-wrapper-item {
        padding: 30px 15px !important;
    }
    .step2-wrapper-item .modal-body .step-form .form-group {
        margin: 0 20px;
    }
    .navbar_ph {
        padding: 0 !important;
        height: 70px;
    }
    .navbar_ph .navbar-nav {
        padding: 5px 0 15px;
    }
    .navbar_mobile {
        margin: 0 -15px;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        -moz-box-shadow: 0 8px 13px 0 rgba(0, 0, 0, 0.24);
        -webkit-box-shadow: 0 8px 13px 0 rgba(0, 0, 0, 0.24);
        box-shadow: 0 8px 13px 0 rgba(0, 0, 0, 0.24);
        background-color: #ffffff;
        z-index: 99;
    }
    .footer-item {
        height: 65px;
    }
    .number-lottery .lot-header-name h2 {
        word-break: break-word;
        line-height: 28px;
        margin: 0;
    }
    #costumModal20 .modal-dialog .modal-content .modal-header .modal-title {
        line-height: 26px;
    }
    .footer .navbar-brand {
        text-align: center;
    }
    .navbar .navbar-brand img,
    .footer .navbar-brand img {
        width: 170px;
    }
    .navbar_ph.fixed-header {
        height: 70px;
    }
    .collapsed-nav {
        position: fixed;
        background-color: #f3c846;
        z-index: 2;
    }
    .step-form input {
        padding-left: 25% !important;
        font-size: 13px !important;
    }
    /*.step-form input {*/
        /*overflow: hidden;*/
        /*-ms-text-overflow: ellipsis;*/
        /*text-overflow: ellipsis;*/
        /*white-space: nowrap;*/
    /*}*/
    .step-number {
        padding: 30px 15px;
    }
    .step4 {
        padding: 0 15px 20px;
    }
    .content-page {
        margin-top: 70px;
    }
    .step-card-title-item {
        margin-top: 0;
    }
    .background-page {
        background-color: #f7f7f7;
    }
    .pt-20 {
        padding-top: 20px;
    }
    .number-lottery {
        display: flex;
        align-items: center;
    }
    .number-lottery .lot-header-number {
        margin-right: 15px;
    }
    .category-title {
        margin-bottom: 0;
    }
}

@media(max-width:320px) {
    .winner-user-item a {
        width: 50%;
    }
    .two_span {
        font-size: 11px !important;
    }
    .footer-item a {
        font-size: 12px !important;
    }
    .footer {
        padding-top: 20px !important;
    }
    .footer-item {
        height: 70px;
    }
    .top-logo {
        width: 205px;
        background-position: -10px;
    }
    .step-form input.modal_input {
        padding-left: 43% !important;
    }
}