zz@media only screen and (max-width:1200px){

    header>nav{

        width: 100% !important;
    }

}
@media only screen and (min-width:995px){

    #menu{

        display: none !important;
    }


    .up-menu{

        display: block !important;
    }
    .menus{

        display: none !important;
    }

    #background{

        display: none !important;
    }
}


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

    #menu{

        display: block !important;
    }


    header>nav>ul>li{

        line-height: 55px !important;
        font-size: 17px !important;
    }
    header>nav>ul>li:hover >a{

        color: #782745 !important;
    }
    .up-menu{

        display: none !important;
    }

}

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

    .what-is-center{

        width: 100% !important;
    }

    .what-is-center-left {
        width: 47% !important;
        margin-right: 2% !important;
    }

    .what-is-center-right {
        width: 47% !important;
        /* background-color: #bbbbbb !important; */
        margin-right: 2% !important;
        margin-left: 2% !important;
    }

    footer>.footer-center{


        width: 95% !important;
        float: none !important;
        margin: 0px auto 0px auto !important;
    }

    footer{
        height: auto !important;
    }

    .footer-center>div {
        width: 158px !important;
        height: 190px !important;
    }
    .footer-center>div:nth-child(3) {
        width: 200px !important;
    }
    .footer-center>div:last-child{
margin-right: auto !important;
        margin-left: auto !important;

        width: 308px !important;
        height: 140px !important;
    }

    .main-row{

        width: 95% !important;
        float: none !important;
        margin: 10px auto 0px auto !important;
    }

    .news-div>div{

        width: 92% !important;


        margin-left: 4% !important;
    }

    .news-div>div>p{

        width: 60% !important;
    }



}


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

    .what-is-center{

        width: 100% !important;
    }

    .what-is-center-left {
        width: 80% !important;
        margin: 0px auto 0px auto !important;
        float: none !important;
    }

    .what-is-center-right {
        width: 80% !important;
        margin: 0px auto 0px auto !important;
        float: none !important;

    }

    .what-text {

        max-width: 70% !important;

    }

    .what-text>span:last-child{
        margin-left: 0px !important;
    }
}



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

    /*  .how-work {
          width: 95% !important;
          height: 1050px !important;
          float: none !important;
          margin: 0px auto 0px auto !important;
          background-color: rgba(120,39,69,0.80) !important;
      }*/

    .last-post-center{

        width: 100% !important;
    }
    .last-posts{

        overflow: hidden;
    }
    .how-work-number{

        width: 95% !important;
        float: none !important;
        margin: 10px auto 0px auto !important;
    }


    .favorite-content,.last-posts{

        width: 100% !important;
    }
}




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

    .main-row>div>img{

        width: 45% !important;

    }

}


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




    .ok-banner {
        margin-top: 29px !important;
        font-size: 12px !important;
        /* margin-left: -127px !important; */
    }



}


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

    .numbers-line-2,.numbers-line{

        width: 85% !important;
    }

    .tile-section>div>div{

        width: 49.4% !important;
    }

}



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

    .email-but{

        height: 70px !important;
    }

    .email-verify,.send-verify {
        margin-top: 10px !important;
        margin-right: 0px !important;
    }

}

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

    .image-news {
        float: right !important;
        width: 90% !important;
        height: auto !important;

    }
    .news-div>div{

        height: auto !important;
        float: left !important;
        margin-left: 4% !important;
    }

    .news-div>div>p{


        width: 80% !important;
    }
    .news-div>figure{
        width: 94% !important;
        height: auto !important;
        margin-left: 3% !important;
    }

}


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

    form[action="/search"]>nav{width: 350px !important;padding: 0px !important;}
    .containerr .where, .form .where{

        width: 239px !important;        font-size: 14px !important;

    }
    .containerr button, .form button{

        width: 70px !important;
        font-size: 14px !important;
    }
}



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

    .last-post-center {
        height: 644px;
    }

    .favorite-content, .last-posts {
        height: 840px;
    }


    .footer-center>div:nth-child(1) {
        margin: 10px auto !important;
        float: none;        text-align: center;

    }

    .footer-center>div:nth-child(2) {
        margin: 10px auto !important;
        float: none;        text-align: center;

    }
    .footer-center>div>li{
        text-align: center;
    }
    .footer-center>div:nth-child(3) {
        width: 200px !important;
        margin: 10px auto !important;
        float: none;
        text-align: center;
    }

    .footer-center>div:nth-child(4) {
        width: 306px !important;
        margin: 10px auto !important;
        float: none;
    }
}



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

    form[action="/search"]>nav{margin-top: 200px !important;}


    .what-is-center-right>img:nth-child(2),.what-is-center-right>img:nth-child(3){
        height:150px !important;


    }


    .profile-buttons{

        width: 250px !important;
        margin-top: -37px !important;
    }

    .inputs-div>form>div>div:first-child {

        font-size: 13px !important;
    }


}

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

    form[action="/search"]>nav{margin-top: 140px !important;}

    .login-profile {

        margin-left: -10px !important;
        margin-top: 30px !important;

    }
    .li-log{

        margin-top: -68px !important;
        margin-left: 25px !important;
        width: 65px !important;
        height: 25px !important;
        font-size: 14px !important;
        line-height: 22px !important;

    }
    .what-is-meagmeag-title {
        font-size: 20px !important;
        width: 94% !important;

    }

    .what-is-meagmeag-title>p{

        line-height: 38px !important;
    }


    .sign-up{
        margin-top: -36px !important;
        width: 65px !important;
        height: 25px !important;
        font-size: 14px !important;
        line-height: 24px !important;
    }


    .big-logo{


        width: 70px !important;

        height: 70px !important;
    }

    #menu{

        margin-top: 9px !important;
    }
    .header-index{

        height:82px !important;
    }

    .tile-section>div>div{

        width: 99.4% !important;
    }

    .big-logo {
        position: absolute !important;
        margin-left: 44% !important;
        margin-top: 6px !important;
    }

}




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

    .ghost-2>div, .message>div{

        width: 95% !important;
    }
    .what-text {

        max-width: 65% !important;
        font-size: 10px !important;

    }
    .what-text>span:last-child{

        font-size: 13px !important;
        margin-bottom: 30px !important;
    }



    .numbers-line-2,.numbers-line{

        width: 80% !important;
    }

    .profile-picture {

        margin-left: 155px !important;
    }
}


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

    .what-is-center-right>img:nth-child(2){
        width: 55% !important;


    }

    form[action="/search"]>nav{margin-top: 80px !important;}


    .what-is-center-right>img:nth-child(1){


        height: 200px !important;
    }

    .what-is-center-right{

        height: 400px !important;
    }

    .how-meagmeag-works{

        width:100% !important;
        font-size: 20px !important;
    }
}

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

    .what-text {

        max-width: 60% !important;

    }
    .what-is-center-left{

        width: 94% !important;
    }

    .what-is-center-right{

        width: 94% !important;

    }

    .contact-form{

        width: 92% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }


    .profile-right>div>div:first-child>span {

        width: 92% !important;
        display: block !important;
    }

    .profile-right>div>div:last-child {

        margin: 80px auto 0px auto !important;
    }

}


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

    .what-is-center-right>img:nth-child(2),.what-is-center-right>img:nth-child(3){

        height: 100px !important;

    }

    .what-is-center-right>img:nth-child(2){

        width: 54.5% !important;
    }


    .what-is-center-right{

        height: 320px !important;
    }

    .numbers-line-2,.numbers-line{

        width: 72% !important;
    }
}

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

    .button-div{margin-right: 0px !important;}

}

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

    #navbarDropdown>.numbers-message{

        margin-left: -100px !important;
        margin-top: -21px;

    }
    .nav-item figure{
        margin-left: 0px;
        margin-top: 2px;
    }
    .numbers-message{
        margin-top: -23px;
        margin-left: 30px;
    }
}