@media (min-width: 500px) {

    .header {
        background: #24201b url("/bundles/app/images/bger-menu-fade.png") no-repeat center;
        background-size: cover;
        padding: 1rem 0 .25rem;
    }

    .header-logos a {
        position: relative;
        padding: 0 .5rem;
    }

    .header-logos a:not(:last-of-type) {
        margin-right: unset;
    }
    
    .header-logos a:not(:last-of-type)::after {
        position: absolute;

        content: '';
        display: block;
        width: 1px;
        top: 50%;
        transform: translatey(-50%);
        right: 0;
        height: 83px;
        background: rgba(255,255,255,0.1);
    }

    .header-wrap {
        position: relative;

        flex-wrap: wrap;

        flex-direction: row;
        justify-content: space-between;
    }

    .header-logos {
        flex-basis: 50%;
    }

    .socials-top {
        flex-basis: 50%;
        justify-content: flex-end;
    }

    .main-nav {
        flex-basis: 100%;
        border-top: 1px solid rgba(255, 255, 255, .1);

        max-height: unset;
        overflow: unset;
    }

    .main-nav ul {
        display: flex;
        justify-content: space-evenly;  
    }


    .socials-top {
        display: flex;
    }

    .socials-bottom {
        display: none;
    }

    .menu-toggle {
        display: none;
    }

    .step-info { width: 50%;}

    

    .footer {
        padding-bottom: 5.5rem;
    }

    .footer-logos {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .footer-logos a {
        position: relative;
        display: block;
        padding: 0 .5rem;
    }

    .footer-logos a:not(:last-of-type)::after {
        content: '';
        display: block;
        width: 1px;
        top: 50%;
        transform: translatey(-50%);
        right: 0;
        height: 83px;
        background: rgba(255,255,255,0.1);
        position: absolute;
    }
}

@media (min-width: 769px) {
   

    .top-intro {
        padding: 0 3rem;
        font-size: 1.5rem;
    }

    .middle-steps {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .step {
        flex-basis: 30%;
        margin-bottom: 0;
    }

    .step-info { width: unset;}

    .bottom-container {
        padding: 0 2.5vw;
    }

    .registration_form {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .registration_form .one-full {
        flex-basis: 100%;
    }

    .registration_form .one-of-two {
        flex-basis: 48%;
    }
    .registration_form .one-of-three {
        flex-basis: 30%;
    }

    .registration_form_category {
        display: flex;
        justify-content: space-between;
    }
    
    .form .custom-radio {
        
    }

       
    
    .footer {
        height: 162px;
        padding-bottom: .5rem;
    }

    .footer-flex {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .footer-logos div:not(:last-of-type) {
        border-right: 1px solid #eee;
    }
    
}

@media (min-width: 992px) {

    .modal-close {
        top: 1rem;
        right: 2rem;
        font-size: 3.85rem;
    }

    .bottom-title {
        margin-bottom: -1rem;
    }

    .form { 
        max-width: unset;
        margin-bottom: 0;
        border: none;
        width: 884px;
        height: 640px;
        padding: 5rem 5.5rem 3rem 5rem;
        background: transparent url(/bundles/app/images/frame.png) no-repeat center center;
    }

    .bottom-prizes {
        max-width: 850px;
    }
    
    .if-accordion__question {
        background: url(/bundles/app/images/bg-nagrada-btn.png) no-repeat center;
        height: 60px;
        width: 833px;
        
        padding: 0;
        align-items: unset;
    }

    .if-accordion__question span {
        padding-top: .75rem;
    }
    .if-accordion__question span:first-of-type {
        padding-left: 2.5rem;
        background-color: transparent;
    }    

    .if-accordion__question span:nth-of-type(2)::after {
        content: 'Виж повече'; 
    }
    
    .if-accordion__question.active span:nth-of-type(2):after {
        content: "Затвори"; 
    } 

    .if-accordion__answer {
        width: 813px;
        margin: 0 0 .5rem 1.25rem;

    }    
}

@media (min-width: 1200px) {

    .header {
        display: flex;
        align-items: center;
        padding: 0;
        
        height: 131px;
        background-size: auto;
    }

    .header-logos {
        flex-basis: unset;
        margin-bottom: 0;
    }

    .socials-top {
        flex-basis: unset;
    }

    .main-nav {        
        flex-basis: 60%;
    }

    .header-logos img {
        max-height: 90px;
    }

    .main-nav {
        position: unset;
        border: none;
        min-width: 60%;
    }

    .socials-top {
        order: 1;
    }

    .top-bg {
        height: 52.375rem; /* 838px */
    }

    .top-title::after {
        height: 10rem;
        background-size: 26.875rem auto;
    }

    .middle-bg {
        height: 53.75rem;
        background: #473c39 url("/bundles/app/images/bgr-02-1-big.png") no-repeat top center;
    }

    .middle-bg::before {
        display: none;
    }
    .middle-bg::after {
        display: none;
    }

    .step {
        flex-direction: row;
        align-items: center;
        flex-basis: 32%;
    }

    .step::before {
        width: 12.5rem;
    }

    .step-info {
        text-align: unset;
    }

    .modal-container {
        padding: 1rem;
    }

    .modal-content {
        border-width: 4px;
    }

    .bottom-container {
        padding: 0 1vw;
    }
    .bottom-bg {
        min-height: 59.875rem; /* 958px */
        position: relative;
        display: flex;
    }

    .bottom-column {
        padding-left: 19.875rem;
        position: relative;
    }

    .bottom-column::before {
        content: '';
        display: block;
        position: absolute;

        width: 318px;
        height: 901px; 
        top: -74px;
        bottom: 0;
        left: 0;
        background: url("/bundles/app/images/flag.png") no-repeat top center;
    }
}

@media (min-width: 1366px) {
    .container {
        padding: 0;
    }

    .header {
        background-size: auto;
    }

    .main-nav {
        min-width: unset;
    }

    .main-nav li {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 131px;
    }
    
    .main-nav li:first-of-type {
        width: 161px;
        padding-left: 4rem;
    
        background: transparent url("/bundles/app/images/menu-btn-1.png") no-repeat center;
    }
    
    .main-nav li:nth-of-type(2) {
        padding-left: 5rem;
        width: 261px;
    
        background: transparent url("/bundles/app/images/menu-btn-2.png") no-repeat center;
    }
    .main-nav li:nth-of-type(3) {
        padding-left: 3.5rem;
    
        width: 195px;
        background: transparent url("/bundles/app/images/menu-btn-3.png") no-repeat center;
    }
    .main-nav li:nth-of-type(4) {
        padding-left: 0rem;
    
        width: 303px;
    
        background: transparent url("/bundles/app/images/menu-btn-4-fade.png") no-repeat center;
    }

    .middle-bg {
        padding: 7.1875rem 0;
    }

    .middle-steps {
        margin-bottom: 2rem;
    }

    .footer {
        background-size: cover;
    }
}