@font-face {
   font-family: 'parastoo';
   font-style: normal;
   src: url(../my_fonts/Parastoo.woff) format('woff2');
   font-display: swap;
}
p {margin: 24px 0; line-height: 2;}
.ck_btn_fa {direction: rtl; margin-left: auto; margin-right: auto; text-align: center; font-size: 304%; margin: 24px 0; line-height: 2; font-family: 'parastoo'; color: #FFFFFF;}
.ck_btn_en, .ck_btn_tr {margin-left: auto; margin-right: auto; text-align: center; margin: 24px 0; line-height: 2; color: #FFFFFF;}
.wrapper {padding: 32px;}
.cookie-container {position: fixed; bottom: -100%; left: 0; right: 0; background: #363636; color: #FFFFFF; padding: 0 32px; box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39); transition: 400ms;}
.cookie-container.active {bottom: 0;}
.cookie-container a {color: #f5f6fa;}
.cookie-btn {background: #CDE7F9; border: 0; color: #2E375C; margin-bottom: 16px; border-radius: 8px; cursor: pointer; margin-left:50%; font-family: 'parastoo';}
.cookie-del {position: absolute; background: #CDE7F9; border: 0; color: #2E375C; margin-bottom: 16px; border-radius: 8px; margin-left:40%; cursor: pointer; font-family: 'parastoo';}

@media only screen and (max-width :7680px) {
.cookie-del,.cookie-btn {padding: 6px 148px; font-size: 400%;}
}
@media only screen and (max-width :5120px) {
.cookie-del,.cookie-btn {padding: 8px 138px; font-size: 267%;}
.ck_btn_fa,.ck_btn_en,.ck_btn_tr { font-size: 224%;}
}
@media only screen and (max-width :4320px) {
.cookie-del,.cookie-btn {padding: 8px 128px; font-size: 225%;}
.ck_btn_fa,.ck_btn_en,.ck_btn_tr { font-size: 189%;}
}
@media only screen and (max-width :4096px) {
.cookie-del,.cookie-btn {padding: 8px 118px; font-size: 213%;}
.ck_btn_fa,.ck_btn_en,.ck_btn_tr { font-size: 179%;}
}
@media only screen and (max-width :3840px) {
.cookie-del,.cookie-btn {padding: 8px 108px; font-size: 200%;}
.ck_btn_fa,.ck_btn_en,.ck_btn_tr { font-size: 168%;}
}
@media only screen and (max-width :2880px) {
.cookie-del,.cookie-btn {padding: 8px 98px; font-size: 150%;}
.ck_btn_fa,.ck_btn_en,.ck_btn_tr { font-size: 126%;}
}
@media only screen and (max-width :2560px) {
.cookie-del,.cookie-btn {padding: 8px 88px; font-size: 133%;}
.ck_btn_fa,.ck_btn_en,.ck_btn_tr { font-size: 112%;}
}
@media only screen and (max-width :2404px) {
.cookie-del,.cookie-btn {padding: 8px 78px; font-size: 125%;}
.ck_btn_fa,.ck_btn_en,.ck_btn_tr { font-size: 105%;}
}
@media only screen and (max-width :2304px) {
.cookie-del,.cookie-btn {padding: 8px 68px; font-size: 267%;}
.ck_btn_fa,.ck_btn_en,.ck_btn_tr { font-size: 86%;}
}
@media only screen and (max-width :2160px) {
.cookie-del,.cookie-btn {padding: 8px 58px; font-size: 113%;}
.ck_btn_fa,.ck_btn_en,.ck_btn_tr { font-size: 86%;}
}
@media only screen and (max-width :2048px) {
.cookie-del,.cookie-btn {padding: 8px 48px; font-size: 107%;}
}
@media only screen and (max-width :1920px) {
.cookie-del,.cookie-btn {font-size: 100%;}
}
@media only screen and (max-width :1760px) {
.cookie-del {margin-left: 32%;}
}
@media only screen and (max-width :1280px) {
.cookie-del {margin-left: 24%;}
}
@media only screen and (max-width :850px) {
.cookie-del {margin-left: 26%; padding: 8px 38px;}
.cookie-btn {padding: 8px 38px;}
}

@media only screen and (max-width :604px) {
.cookie-del {margin-left: 18%;}
}
@media only screen and (max-width :480px) {
.cookie-del {margin-left:12%;}
}
@media only screen and (max-width :450px) {
.cookie-del {margin-left:10%;}
}
@media only screen and (max-width :414px) {
.cookie-del {margin-left:8%;}
}

@media only screen and (max-width :387px) {
.cookie-del {margin-left:6%;}
}

@media only screen and (max-width :360px) {
.cookie-del {margin-left:2%;}
}
@media only screen and (max-width :341px) {

}
@media only screen and (max-width :320px) {
.cookie-del {margin-left:0.0%;}
.cookie-btn {margin-left:52%;}
}