.city-notification-modal{
    width: 100%;
    font-size: 13px;
    position: fixed;
    left: 41%;
    top: 81px;
    z-index: 1060;
}

.city-agree {
    max-width: 350px;
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #0d9b42;
    border-radius: 10px;
}
@media (max-width:767px){
    .city-notification-modal {
        width: 100%;
        font-size: 13px;
        position: fixed;
        left: 0;
        padding: 30px;
        top: 178px;
        z-index: 1060;
    }
.city-agree{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
}
.city-agree__text{
line-height:1.5;
margin:0;
    text-align: center;
}
@media (min-width:768px){
.city-agree__text{
    padding-bottom: 15px;
}
}
@media (max-width:767px){
.city-agree__text{
    margin-bottom:10px
}
}
.city-agree__buttons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content: space-around;
}
@media (max-width:767px){
.city-agree__buttons{
    -ms-flex-item-align:center;
    align-self:center;
    -webkit-box-pack:stretch;
    -ms-flex-pack:stretch;
    justify-content:stretch;
}
}
.city-agree__button{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
color:#fff;
font-size:12px;
    padding: 5px;
/*
height:35px;
*/
border-radius:4px;
-webkit-transition:color .3s ease-out,background .3s ease-out;
transition:color .3s ease-out,background .3s ease-out;
cursor:pointer
}
@media (min-width:768px){
.city-agree__button{
    width:100%
}
}
@media (max-width:767px){
.city-agree__button{
    -webkit-box-flex:1;
    -ms-flex:1 0 140px;
    flex:1 0 45%;
}
}
.city-agree__button:not(:last-child){
margin-right:10px
}
.city-agree__button.btn-green{
background:#66c05d;
border:1px solid #66c05d
}
@media (min-width:992px){
.city-agree__button.btn-green:hover{
    color:#71c768;
    background:#fff
}
}
@media (max-width:991px){
.city-agree__button.btn-green:active{
    color:#71c768;
    background:#fff
}
}
.city-agree__button.btn-dark{
background:#333f46;
border:1px solid #333f46
}
@media (min-width:992px){
.city-agree__button.btn-dark:hover{
    color:#333f46;
    background:#fff
}
}
@media (max-width:991px){
.city-agree__button.btn-dark:active{
    color:#333f46;
    background:#fff
}
}