@media only screen and (max-width : 1200px) {
    .partner {
        width: 96%;
        max-width: 610px;
        margin: 45px auto 30px auto;
    }
    .logo {
        width: 180px;
        float: left;
        margin-top: 25px;
        margin-left: 10px;
    }
    .primary .box p {padding-right: 220px;}
}
@media only screen and (max-width : 990px) {
    .header .logo {
        margin: 30px auto 0 auto;
        float: none;
        display: block;
        width: 150px;
    }
    .header .top-nav {
        float: none;
        margin-top: 30px;
        padding-right: 0px;
        position: relative;
        text-align: center;
    }
    .header .top-nav .button {
      position: absolute;
      right: 5px;
      top: -130px;
    }
    .header .top-nav li{float: none; margin: 0px;display: inline-block;}
    .header .top-nav li a{padding: 0px 15px;}
    .title {
        color: #194B80;
        margin-bottom: 20px;
        font-family: 'PoppinsBold';
        font-size: 26px;
        line-height: 26px;
        text-align: center;
        display: block;
    }
    .button.big {
        font-size: 20px;
        height: 55px;
        line-height: 55px;
        width: 205px;
    }
    .faq, .communications {float: none; width: 100%;}
    .faq .list {margin-right: 0px;}
    .communications .list {margin-left: 0px;}
}
@media only screen and (max-width : 990px) {
    .header .logo {margin: 30px auto 0 auto; width: 125px;}
    .header .top-nav li a {padding: 0px 10px;}
    .title {font-size: 20px; line-height: 26px;}
    .header-info p {font-size: 16px; line-height: 22px;}
    #nav-bar .navigation {
        float: none;
        margin-top: 0px;
        padding-top: 35px;
        background: #194B80;
        position: absolute;
        left: 0px;
        top: 88px;
        width: 100%;
        padding: 0px;
        text-align: center;
    }
    #nav-bar .navigation li{float: none; margin: 0px;display: inline-block;}
    #nav-bar .navigation li a{float: none; margin: 0px;padding: 5px 10px; color: #fff !important;}
    .header .top-nav .button {
        position: absolute;
        right: 5px;
        top: -118px;
    }
    #main-container #nav-bar .button {
        position: absolute;
        right: 22px;
        top: -62px;
    }
    .primary .box p {padding-right: 0px;}
    .box .button{
        margin: 25px auto 0 auto;
        float: none;
        display: block;
        position: static;
    }
    .rec-page .header-info {
        max-width: 720px;
        padding: 0px 15px 0px 15px;
        margin: 0 auto;
    }
}
@media only screen and (max-width :720px) {
    .header .top-nav .button.go-back {
        position: absolute;
        right: 0px;
        top: -18px !important;
        left: 50%;
        margin-left: -85px;
    }
    .rec-page .header-info {
        max-width: 720px;
        padding: 25px 15px 30px 15px;
        margin: 0 auto;
    }
}
@media only screen and (max-width :440px) {
    .header .top-nav{margin-top: 85px;}
    .header .top-nav .button {
        position: absolute;
        right: 0px;
        top: -62px;
        left: 50%;
        margin-left: -50px;
    }
    .header-info {
        max-width: 720px;
        padding: 20px 15px 0px 15px;
        margin: 0 auto;
    }
    .header .top-nav li a {padding: 0px 4px !important; font-size: 13px;}
    #nav-bar .navigation li a {
        float: none;
        margin: 0px;
        padding: 5px 5px;
        font-size: 13px;
    }
    .title.small {font-size: 18px; margin-bottom: 15px; text-align: left;}
    .rec-page .header .top-nav {margin-top: 40px;}
    .modal-login .modal-dialog {width: 100% !important;}
}