@media only screen and (max-width: 1131px) {
    .copy-media {
        position: relative;
        right: 68px;
    }

    .social-media {
        position: relative;
        right: 80px;
    }

    .site3-media {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 1131px) {
    .site3-media {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 1083px) {
    .copy-media {
        position: relative;
        right: 147px;
    }

    .copy-media > a {
        width: 102%;
        display: block;
    }

    .social-media {
        position: relative;
        right: 167px;
    }
}

@media only screen and (max-width: 1062px) {
    .copy-media {
        position: relative;
        right: 160px;
    }

    .copy-media > a {
        width: 135%;
        display: block;
    }

    .social-media {
        position: relative;
        right: 180px;
    }
}

@media only screen and (max-width: 874px) {
    .copy-media {
        position: relative;
        right: -74px;
    }

    .social-media {
        position: relative;
        right: -75px;
    }
}

@media (max-width: 870px) {
    .social-media {
        width: 10%;
    }
}

@media only screen and (max-width: 874px) {
    .copy-media {
        position: relative;
        right: 105px;
    }

    .social-media {
        position: relative;
        right: 131px;
    }
    .wrapper-media {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 826px) {
    .menu_p_media {
        width: 74%;
    }

    .social-media {
        margin: 0;
        right: 100px;
    }

    .copy-media > a {
        width: 145%;
    }
}

@media screen and (max-width: 753px) {
    .social-media {
        width: 11%;
    }

    .copy-media > a {
        width: 150%;
    }
}

@media screen and (max-width: 728px) {
    .copy-media > a {
        width: 155%;
    }
}

@media screen and (max-width: 720px){
    .social-media {
        width: 50%;
    }

    .menu_p_media {
        width: 74%;
        margin-left: 74px;
    }

    .copy-media > a {
        width: 180%;
    }
    .wrapper-media {
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 660px){
    .social-media {
        width: 48%;
    }

    .menu_p_media {
        width: 74%;
        margin-left: 30px;
    }

    .copy-media > a {
        width: 180%;
    }
}

@media screen and (max-width: 615px){
    .social-media {
        width: 48%;
    }

    .menu_p_media {
        width: 78%;
        margin-left: 0px;
    }

    .copy-media > a {
        width: 200%;
    }
}

@media screen and (max-width: 560px){
    .copy-media > a {
        width: 200%;
    }

        .my_img{ float: unset!important;display: block!important;margin: 0 auto!important}

}

@media screen and (max-width: 556px) {
    .menu_p_media {
        display: none;
    }

    .copy-media > a {
        width: 268%;
    }

    .social-media {
        width: 57%;
    }
    .wrapper-media {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 447px) {
    .menu_p_media {
        display: none;
    }

    .copy-media > a {
        width: 280%;
    }

    .social-media {
        width: 60%;
    }
}

.footer-hamburger-menu {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    z-index: 2;
    left: 10px;
    top: 8px;
    border-radius: 2px;
    cursor: pointer;
    display: none;
}
.hide {
    display: none;
}
.fa-my {
    font-size: 25px;
    color: #ccc;
}

.about {
    width: 142px;
    min-height: 100px;
    position: absolute;
    bottom: 43px;
    background:#434852;
    border-radius: 1px;
}

.about > ul {
    margin: 0;
    padding: 0;
    margin-left: 14px;
}

.about > ul > li {
    font-size: 15px;
    margin-top: 2px;
    margin-bottom: 6px;
    list-style-type: square;
    color: #21a7ff;
    float: left;
    margin-left: 24px;
}

.about ul a:link, .about ul a:visited {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}

.wrapper {
    z-index: 11;
    /*background: white;*/
    padding-left: 20px;
    padding-right: 20px;
}

.footer {
    z-index: 12;
}
@media screen and (max-width: 556px) {
    .footer-hamburger-menu {
        display: block;
    }
}

@media screen and (max-width: 438px) {
    .copy-media > a {
        width: 280%;
    }

    .social-media {
        width: 59%;
    }
}

@media screen and (max-width: 438px) {
    .social-media {
        width: 65%;
    }
    .copy-media > a {
        width: 321%;
    }

}

@media screen and (max-width: 356px) {
    .copy-media > a {
        width: 350%;
    }

    .social-media {
        width: 70%;
    }
}

@media screen and (max-width: 990px){
    .cell2-media {
        display: none;
    }

    .table-media {
        height: 82px;
    }

    .cell4-media {
        margin-top: -47px !important;
        margin-left: 30%;
    }

    .cell5-media {
        margin-top: -47px;
    }
}

@media screen and (max-width: 617px){
    .cell4-media {
        margin-top: -47px !important;
    }

    .cell5-media {
        margin-top: -47px;
        margin-left: 4px;
    }
}

@media screen and (max-width: 560px){
    .cell4-media {
        margin-top: 0 !important;
        margin-left: 0 !important;
    }

    .cell5-media {
        margin-top: -112px !important;
        margin-left: 22% !important;
    }
}

@media screen and (min-width: 561px) and (max-width: 629px){
    .media-active {
        width: 200px !important;
    }
}

@media screen and (min-width: 425px) and (max-width: 560px){
    .cell1-media {
        position: relative;
        top: 2px;
        /*left: 95px;*/
    }

    .cell5-media {
        margin-top: -104px !important;
        margin-left: 22% !important;
    }
}

@media screen and (min-width: 361px) and (max-width:426px){
    .cell1-media {
        position: relative;
        top: -29px;
    }

    .cell5-media {
        margin-top: -104px !important;
        margin-left: 4% !important;
    }
}

@media screen and (min-width:427px) and (max-width:477px){
    .site1-media {
        padding-top: 15px;
    }

    .cell1-media {
        top: -31px;
        left: 64%;
    }

    .cell5-media {
        margin-top: -104px !important;
        margin-left: 4% !important;
    }
}

@media screen and (min-width: 561px) and ( max-width: 870px) {
    .wrapper-media {
        top: 0px !important;
    }

    .site2-media {
        position: relative;
        top: 20px;
    }
}

@media screen and (min-width: 361px) and ( max-width: 560px) {
    .wrapper-media {
        top: 0px !important;
    }

    .site2-media {
        position: relative;
        top: 75px;
    }
    .search .container.active,.search .input.active{
        width: 100%
    }

}

@media screen and (min-width: 320px) and ( max-width: 360px) {
    .wrapper-media {
        top: 0px !important;
    }

    .site2-media {
        position: relative;
        top: 75px;
    }
    .cell1-media {
        position: relative;
        bottom: 36px;
        padding-top: 21px;
    }

    .cell5-media {
        margin-top: -109px !important;
        margin-left: -22px !important;
        width: 376px;
    }

    .newsb img {width: 60px!important;margin-top: 17px!important;}
    .newsb h4{font-size: 14px!important;}
}

@media screen and (min-width: 320px) and ( max-width: 345px) {
    .cell5-media {
        margin-left: -46px !important;
    }
}

@media screen and (max-width: 1280px) {
    .feedback-media {
        width: 50% !important;
    }

    .feedback-inputs {
        width: 49% !important;
    }
}

@media screen and (max-width: 1237px) {
    #new_background {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
}

@media screen and (max-width: 1193px) {
    .feedback-media {
        width: 45% !important;
    }

    .feedback-inputs {
        width: 54% !important;
    }
}

@media screen and (max-width: 1123px) {
    .feedback-media {
        width: 40% !important;
    }

    .feedback-inputs {
        width: 59% !important;
    }
}

@media screen and (max-width: 1065px) {
    .feed-inp {
        width: 200px !important;
    }

    .feedback-inputs {
        width: 50% !important;
    }

    .feedback-media {
        width: 49% !important;
    }
}

@media screen and (max-width: 1065px) {
    .feedback-inputs {
        width: 55% !important;
    }

    .feedback-media {
        width: 44% !important;
    }
}

@media screen and (max-width: 1002px) {
    .feedback-inputs {
        width: 60% !important;
    }

    .feedback-media {
        width: 39% !important;
    }
}

@media screen and (max-width: 957px) {
    .feed-inp {
        width: 166px !important;
    }

    .feedback-inputs {
        width: 54% !important;
    }

    .feedback-media {
        width: 45% !important;
    }
}

@media screen and (max-width: 949px) {
    .feedback-inputs {
        width: 59% !important;
    }

    .feedback-media {
        width: 40% !important;
    }
}

@media screen and (max-width: 907px) {
    .field label {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 871px) {
    .feedback-inputs {
        width: 61% !important;
    }

    .feedback-media {
        width: 38% !important;
    }
}

@media screen and (max-width: 870px) {
    .field label {
        font-size: 14px !important;
    }

    .feed-inp {
        width: 260px !important;
    }

    .feedback-inputs {
        width: 49% !important;
    }

    .feedback-media {
        width: 50% !important;
    }
}

@media screen and (max-width: 870px) {
    .feedback-inputs {
        width: 54% !important;
    }

    .feedback-media {
        width: 45% !important;
    }
}

@media screen and (max-width: 800px) {
    .feedback-inputs {
        width: 59% !important;
    }

    .feedback-media {
        width: 40% !important;
    }
}

@media screen and (max-width: 737px) {
    .feed-inp {
        width: 200px !important;
    }

    .feedback-inputs {
        width: 54% !important;
    }

    .feedback-media {
        width: 45% !important;
    }
}

@media screen and (max-width: 737px) {
    .feedback-inputs {
        width: 59% !important;
    }

    .feedback-media {
        width: 40% !important;
    }
}

@media screen and (max-width: 637px) {
    .feed-inp {
        width: 166px !important;
    }

    .feedback-inputs {
        width: 54% !important;
    }

    .feedback-media {
        width: 45% !important;
    }
}

@media screen and (max-width: 624px) {
    .feedback-inputs {
        width: 59% !important;
    }

    .feedback-media {
        width: 40% !important;
    }
}

@media screen and (max-width: 578px) {
    .feed-inp {
        width: 260px !important;
    }

    .feedback-inputs {
        float: none !important;
        width: 100%;
    }

    .feedback-media {
        width: 100% !important;
    }
}

@media screen and (max-width: 480px) {
    .feed-inp {
        display: block;
        width: 100% !important;
    }

    .filed label {
        font-size: 13px !important;
        display: block !important;
        width: 100%;
        text-align: left;
    }
}

@media screen and (max-width: 690px) {
    .media-print {
        width: 215px;
        float: none !important;
        margin: 0 auto;
        position: relative;
        top: -63px !important;
    }

    .like-dislike {
        height: 55px;
        width: 220px;
        margin: 0px auto 10px auto;
        position: relative;
        top: 39px;
        float: none;
    }
    .feedback {
        width: 100% !important;
    }
}

@media screen and (max-width: 380px) {
    .feedback > p {
        font-size: 12px !important;
        text-align: unset;
    }

    .feedback > textarea {
        width: 100%;
    }
}

@media screen and (max-width: 1015px) {
    .feedback {
        width: 59%;
    }
}

@media screen and (max-width: 962px) {
    .feedback {
        width: 51%;
    }
    .feedback > p {
        text-align: unset;
    }
}

@media screen and (max-width: 465px) {
    .media-print {
        font-size: 13px;
        margin-top: 0;
        position: relative;
        right: 4px;
        top: -61px;
        text-align: left !important;
        width: 222px;
    }

    .like-dislike {
        left: 0px !important;
    }
}

@media screen and (max-width: 350px) {
    .feedback > textarea {
        width: 235px;
    }
}

@media  screen and (max-width: 690px) {
    .media-button {
        margin-top: 30px;
    }
}

.media_print_1 {
    position: relative;
    top: -63px;
    right: 88px;
}

.media_print_2 {
    position: relative;
    right: 0px;
    top: -63px;
}

.onClick {
    position: relative;
    top: -10px;
    right: 178px
}

.footer-parent {
    width: 100%;
    min-height: 60px;
    overflow: hidden;
}

.positions-revert {
    top: 0 !important;
    right: 0 !important;
}

@media screen and (min-width: 2500px) and (max-width: 3440px) {
    #new_background {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
}