.cookie_conatainer {
    width: 100%; position: fixed; bottom: 0; background: var(--blue_09); z-index: 12; padding: 4px 0; border-top: solid 1px var(--white_02);
}

.cookie_conatainer .inner {
    width: 1200px; margin: 0px auto; display: flex; align-items: center; color: var(--white);
}

.cookie_conatainer .inner p {
    font-size: 12px; line-height: 17px; width: calc(100% - 340px); font-weight: 300;
}

.cookie_conatainer .inner form {
    display: flex; margin-left: auto;
}

.cookie_conatainer .inner button {
    color: var(--white); background: none; font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: 0.8px; cursor: pointer; font-size: 13px;
}

.cookie_conatainer .inner button.read {
     border: none; margin-right: 20px; margin-left: auto;
}

.cookie_conatainer .inner button.accept {
    border: solid 1px var(--white); padding: 0 11px; margin-left: auto;
}

.cookie_popup_bg {
    position: fixed; width: 100%; height: 100%; background: var(--black); z-index: 99; opacity: 0.9; display: none; top: 0;
}

.cookie_popup {
    width: 90%; max-width: 600px; border: solid 1px var(--black); position: fixed; background: var(--white); top: 50%; left: 50%; padding: 20px 12px;
    transform: translate(-50%, -50%); z-index: 100; max-height: 90%; overflow-x: auto; display: none;
}

.cookie_popup p {
    font-size: 14px; color: var(--black); padding-bottom: 8px;
}

.cookie_popup .title {
    font-size: 20px; color: var(--black); font-weight: 700; padding: 8px 0;
}

.cookie_popup img {
    width: 30px; float: right; cursor: pointer;
}

.cookie_popup span {
    float: right; margin-right: 12px; font-size: 14px; padding-top: 2px;
}

.cookie_popup .cookie_no {
    cursor: no-drop !important;
}

.cookie_popup input[type="submit"] {
    background: #0357a9; font-weight: 500; font-size: 16px; border: none; display: block; color: var(--white); letter-spacing: 0.8px;
    cursor: pointer; padding: 4px 12px; margin: 60px 0 0 auto;
}

.cookie_popup a {
    color: var(--black); margin-top: 80px; text-decoration: underline; display: block; float: left; margin-top: 68px;
}

.cookies_page {
    width: 100%; max-width: 1180px; margin: 100px auto 0 auto; backdrop-filter: blur(12px); padding: 40px; box-sizing: border-box;
}

.cookies_page h2 {
    margin-top: 32px;
}

.cookies_page h3 {
    margin-top: 20px;
}

.cookies_page .table {
    color: var(--white); margin: 12px 0; width: 100%;
}

.cookies_page .table .row {
    display: flex; width: 100%; padding: 4px 0; font-weight: 300;
}

.cookies_page .table .row span {
    display: none;
}

.cookies_page .table .row div:nth-child(1){
    width: 30%;
}

.cookies_page .table .row div:nth-child(2){
    width: 15%;
}

.cookies_page .table .row div:nth-child(3){
    width: 55%;
}

.cookies_page a {
    color: var(--white); text-decoration: underline;
}

.cookies_page button {
    background: var(--blue); color: var(--white); padding: 14px 28px; display: inline-block; border-bottom-left-radius: 28px; border-top-right-radius: 28px;
    font-size: 16px; font-weight: 700; outline: none; border: none; cursor: pointer;
}

@media only screen and (max-width: 1280px) { 
    .cookie_conatainer .inner {
        width: 100%; padding: 0 20px; box-sizing: border-box;
    }
}

@media only screen and (max-width: 1240px) {
    .cookies_page {
        width: calc(100% - 24px); margin: 60px 12px 0 12px;
    }
}

@media only screen and (max-width: 800px) {
    .cookie_conatainer .inner {
        flex-direction: column;
    }
    
    .cookie_conatainer .inner p {
        width: 100%;
    }
    
    .cookie_conatainer .inner form {
        margin: 0px auto;
    }
}

@media only screen and (max-width: 700px) {    
    .cookies_page {
        padding: 20px;
    }
    
    .cookies_page .table .row {
       flex-wrap: wrap; 
    }
    
    .cookies_page .table .row div:nth-child(1) {
        width: 30%;
    }
    
    .cookies_page .table .row div:nth-child(2) {
        width: 70%;
    }

    .cookies_page .table .row div:nth-child(3) {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .cookies_page {
        margin: 80px auto 0 auto;
    }
    
    .cookies_page h1 {
        font-size: 24px;
    }
    
    .cookies_page h2 {
        font-size: 21px; margin: 20px 0 12px 0;
    }
    
    .cookies_page h3 {
        font-size: 18px; align-items: flex-start;
    }
}

@media only screen and (max-width: 400px) {
    .cookies_page {
        padding: 12px;
    }
    
    .cookies_page .table {
        font-size: 15px;
    }
        
    .cookies_page .table .row div:nth-child(1) {
        width: 50%;
    }
    
    .cookies_page .table .row div:nth-child(2) {
        width: 50%;
    }
    
    .cookies_page button {
        font-size: 14px;
    }
    
    .cookies_page h1 {
        font-size: 20px;
    }
    
    .cookies_page h2 {
        font-size: 18px; margin: 20px 0 12px 0;
    }
    
    .cookies_page h3 {
        font-size: 16px;
    }
}