.footer_top {
    width: 100%;
    height: 483px;
    display: flex;
    position: relative;
    background-image: url(../images/footer/Frame\ 2.png);
    background-repeat: no-repeat;
}

.footer_inner {
    width: 532px;
    height: 282px;
    display: flex;
    flex-direction: column;
    margin-top: 105px;
    margin-left: 50%;
    z-index: 99;
}

.footer_text {
    margin: 35px 0 38px;
}

.footer_bottom {
    width: 100%;
    height: 127px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #00ADEE;
    padding: 0 5% 0 5%;
    color: #333;
}

.footer_nav {
    width: 745px;
    height: 25px;
    display: flex;
    justify-content: center;
}

.footer_links {
    width: 375px;
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.footer_media {
    width: 104px;
    display: flex;
    justify-content: space-between;
}

.hiden_img {
    display: none;
}

.footer_media_hiden {
    display: none;
}
/****** footer top media  ******/

@media (max-width: 1070px) { 
.footer_inner {
    width: 400px;
    height: 350px;
    justify-content: space-between;
    margin-top: 50px;
    margin-left: 55%;
}
}

@media (max-width: 970px) { 
.footer_top {
    justify-content: center;
    background-image: none;
}

.footer_inner {
    width: 500px;
    align-items: center;
    text-align: center;
    margin-top: 90px;
    margin-left: 0;
}
}

/****** footer media mobile ******/

@media (max-width: 720px) { 
    .footer_top {
    height: 767px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.hiden_img {
    display: flex;
    align-self: baseline;
}
}

@media (max-width: 560px) { 
.footer_inner {
    width: 400px;
    margin-top: 70px;
}
}

@media (max-width: 520px) { 

.footer_inner {
    justify-content: unset;
    width: 320px;
    margin-top: 90px;
}

.footer_text {
    margin: 0 0 37px;
}
}


/****** footer bootom media mobile ******/

@media (max-width: 850px) { 
.footer_media {
    width: 130px;
}
}

@media (max-width: 760px) { 
.footer_bottom {
    height: 210px;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
}

.footer_logo {
    margin-top: 41px;
    margin-bottom: 11px;
}

.footer_media_hiden {
    width: 110px;
    display: flex;
    justify-content: space-between;
}
.footer_media {
    display: none;
}

.footer_nav {
    justify-content: unset;
}

.footer_nav {
    margin-top: 34px;
}
}

@media (max-width: 420px) { 
.footer_nav {
    width: 350px;
}
}

@media (max-width: 380px) { 
.footer_nav {
    width: 320px;
}
}