@media screen and (min-width: 1691px) { 

    /*HEADER*/ 

    #header {
        height: 160px;
    }

    #header-shadow {
        height: 150px;
    }

    #logo {
        margin-top: 30px;
    }

    #logo img {
        width: 280px;
    }

    #share {
        width: 62px;
    }

    #share svg {
        width: 27px;
        height: 27px;
    }

    .share-tooltip {
        font-size: 10px;
    }

    #about {
        right: 188px;
        font-size: 15px;
    }

    #language {
        right: 110px;
        font-size: 15px;
    }

    .filters {
        width: 24px;
        top: calc(50% - 17px);
    }

    .filters-expand {
        width: 24px;
        top: 7vh;
    }

    .tag {
        font-size: 16px;
        padding: 7px;
        padding-left: 11px;
        padding-right: 11px;
    }

    .tag2 {
        font-size: 16px;
        padding: 7px;
        padding-left: 11px;
        padding-right: 11px;
    }

    .line-categories {
        width: 114px;
    }

    .close-expand {
        width: 18px;
    }

    /*CONTENT*/

    .calendar {
        width: 1200px;
        margin-bottom: 84px;
    }

    .month-name {
        font-size: 24px;
        margin-top: 280px;
        padding: 13px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .border1 {
        width: calc(100% + 13px);
        height: calc(100% + 13px);
    }

    .border2 {
        width: calc(100% + 13px);
        height: calc(100% + 13px);
        transform: translateX(-13px) translateY(-13px);
    }

    .week-days {
        padding: 12px 0;
        margin-top: 70px;
        font-size: 14px;
    }

    .line {
        margin-top: 6px;
    }

    .calendar-numbers {
        margin-top: 56px;
    }

    .calendar-numbers li {
        height: 82px;
        margin-bottom: 24px;
        font-size: 20px;
    }

    .circle {
        width: 47px;
        height: 47px; 
        transform: translateX(-50%) translateY(-12px);
    }

    .popup {
        width: 212px;
        font-size: 13px;
        line-height: 15px;
        position: absolute;    
        transform: translateX(-50%) translateY(47px);
    }

    .popup-soon {
        font-size: 13px;
        transform: translateX(-50%) translateY(41px);
    }

    .circle-filter {
        width: 47px;
        height: 47px; 
        transform: translateX(-50%) translateY(-12px);
    }

    .footer {
        width: 390px;
    }

    .footer img {
        height: 42px;
        margin: 18px;
    }

    .footer-design {
        font-size: 10px;
        margin-top: 26px;
    }

    .design-bold {
        font-size: 11px;
        line-height: 14px;
    }

}

@media screen and (max-width: 770px) {  

    /*HEADER*/

    #header {
        width: 100vw;
        height: 100px;
    }

    #header-shadow {
        width: 100vw;
        height: 90px;
    }

    #logo img {
        width: 150px;
    }

    #share {
        left: 0;
        right: initial;
        width: 42px;
    }

    #share svg {
        width: 18px;
        height: 18px;
    }

    #about {
        right: 82px;
        font-size: 11px;
    }

    #language {
        right: 25px;
        font-size: 11px;
    }

    /*FILTERS*/

    .filters-box {
        display: none;
    }

    .filters-box-mobile {
        display: block;
    }

    /*CALENDAR*/

    .container {
        transition: initial;
        /*background-color: red;*/
    }

    .width1{
        transform: initial;
    }

    .width2 {
        transform: initial;
    }

    .calendar {
        width: 90vw;
    }

    .month-name {
        font-size: 14px;
        padding: 8px;
        padding-right: 12px;
        padding-left: 12px;
        transform: translateX(0px);
    }

    .border1 {
        width: calc(100% + 8px);
        height: calc(100% + 8px);
    }

    .border2 {
        width: calc(100% + 8px);
        height: calc(100% + 8px);
        transform: translateX(-8px) translateY(-8px);
    }

    .week-days {
        padding: 9px 0;
        margin-top: 44px;
        font-size: 11px;
    }

    .line {
        margin-top: 4px;
    }

    .calendar-numbers {
        margin-top: 35px;
    }

    .calendar-numbers li {
        height: 62px;
        margin-bottom: 18px;
        font-size: 15px;
    }

    .circle {
        width: 35px;
        height: 35px; 
        transform: translateX(-50%) translateY(-9px);
    }

    .popup {
        width: 93px;
        font-size: 8px;
        line-height: 11px;
        position: absolute;    
        transform: translateX(-50%) translateY(35px);
    }

    .popup-soon {
        font-size: 8px;
        transform: translateX(-50%) translateY(31px);
    }

    .circle-filter {
        width: 35px;
        height: 35px; 
        transform: translateX(-50%) translateY(-9px);
    }

    .footer {
        transform: translateX(0px);
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 430px) {

    .buttons {
        margin-top: 150px;
    }

    .calendar {
        margin-bottom: 40px;
    }

    #header {
        height: 80px;
    }

    #header-shadow {
        height: 70px;
    }

    #logo {
        margin-top: 15px;
    }

    #logo img {
        width: 130px;
    }

    #share {
        margin: 15px;
        margin-top: 15px;
        width: 18px;
        flex-direction: column;
    }

    .share-tooltip {
        position: absolute;
        left: 22px;
        font-size: 8px;
        transform: translateY(-17px);
    }

    #about {
        top: 33px;
        right: 15px;
        font-size: 10px;
    }

    #language {
        top: 15px;
        right: 15px;
        font-size: 10px;
    }

    .filters-box-expand-mobile {
        height: -webkit-calc(100vh - 130px);
        height: -moz-calc(100vh - 130px);
        height: calc(100vh - 130px);
    }

    .categories-expand-mobile {
        height: -webkit-calc(100vh - 165px);
        height: -moz-calc(100vh - 165px);
        height: calc(100vh - 165px);
    }
    
    .month-name {
        margin-top: 150px;
        font-size: 12px; 
        padding: 7px;
        padding-right: 11px;
        padding-left: 11px;
    }

    .border1 {
        width: calc(100% + 7px);
        height: calc(100% + 7px);
    }

    .border2 {
        width: calc(100% + 7px);
        height: calc(100% + 7px);
        transform: translateX(-7px) translateY(-7px);
    }

    .popup {
        width: 70px;
    }

    .footer {
        width: 290px;
    }

    .footer img {
        height: 28px;
        margin: 13px;
    }

    .footer-design {
        font-size: 7px;
        margin-top: 16px;
        margin-left: 7px;
        margin-right: 7px;
    }

    .design-bold {
        font-size: 8px;
        line-height: 12px;
    }

}

@media screen and (min-width: 1690px) and (min-height: 1200px) {  

    .footer {
        position: fixed;
        bottom: 0;
    }

    .container {
        position: fixed;
        margin-bottom: 0px;
        top: 50%;
        transform: translateY(-50%);
    }

    .calendar {
        margin-bottom: 0px;
    }

    .month-name {
        margin-top: 100px;
    }

}

@media screen and (min-width: 770px) and (min-height: 910px) and (max-width: 1689px) {  

    .footer {
        position: fixed;
        bottom: 0;
    }

}

@media screen and (min-height: 900px) and (max-width: 1689px) {  

    .footer {
        position: fixed;
        bottom: 0;
    }

}