@media (min-width:1200px)
{
    .album-list
    {
        margin-left: 25px;
        margin-right: 25px;
    }
}

@media (min-width:768px)
{
    .sub-nav
    {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 49px;
        font-size: 14px;
        text-align: left;
        opacity: 0;
        left: -10px;
        z-index: -100;
    }
    .sub-nav li
    {
        list-style-type: none;
    }
    .sub-nav li a
    {
        display: block;
        background-color: #4EB4C6;
        color: #fff;
        padding: 10px 20px;
        min-width: 200px;
        margin-bottom: 1px;
    }
    .sub-nav li a:hover
    {
        background-color: #3F94A3;
        text-decoration: none;
        padding-left: 25px;
    }
    .navlist:hover .sub-nav
    {
        display: block;
        left: 0;
        opacity: 1;
        z-index: 500;
    }
}

@media (min-width:992px)
{
    .index-partner-field li
    {
        width: 20%;
    }
}

/* Facebook Plugin */

#fb-root
{
    display: none;
}

.fb-comments
{
    width: 100% !important;
}

.fb-comments iframe[style]
{
    width: 100% !important;
}

.fb-like-box
{
    min-width: 280px;
    width: 100% !important;
}

.fb-like-box iframe[style]
{
    min-width: 280px;
    width: 100% !important;
}

.fb-comments span
{
    width: 100% !important;
}

.fb-comments iframe span[style]
{
    width: 100% !important;
}

.fb-like-box span
{
    min-width: 280px;
    width: 100% !important;
}

.fb-like-box iframe span[style]
{
    min-width: 280px;
    width: 100% !important;
}

.-cx-PRIVATE-pluginBoxContainer__border
{
    border: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]
{
    width: 100% !important;
}

.fb-page, .fb-page span, .fb-page span iframe[style]
{
    width: 100% !important;
}

@media (min-width:768px)
{
    header
    {
        background-position: top center;
    }
    .social-field
    {
        float: right;
        height: 122px;
    }
    .nav-contain
    {
        background-image: url('../images/common/bg_nav.png');
        background-repeat: no-repeat;
        background-position: top center;
    }
    .main-nav
    {
        background-image: url('../images/common/bg_nav_2.png');
        background-repeat: repeat-x;
    }
    .navegation
    {
        margin: 0 auto;
        padding: 0;
        color: #fff;
        text-align: center;
    }
    .navegation .navlist
    {
        list-style-type: none;
        vertical-align: middle;
        display: inline-block;
    }
    .navegation .navlist .main-btn
    {
        padding-left: 15px;
        padding-right: 15px;
        color: #fff;
        line-height: 49px;
        font-size: 18px;
        display: inline-block;
    }
    .navegation  .navlist .main-btn:hover
    {
        text-decoration: none;
        background-color: #0A7386;
    }
    .navegation  .navlist:after
    {
        content: "|";
    }
}

@media (max-width:767px)
{
    header
    {
        background-position: top center;
    }
    .social-field
    {
        margin-right: auto;
        margin-left: auto;
    }
    .logo
    {
        margin-right: auto;
        margin-left: auto;
        display: table;
    }
    .nav-contain
    {
        background: none;
    }
    .main-nav
    {
        background-color: #0d8aa1;
    }
    .navegation
    {
        padding: 0;
        margin: 0;
    }
    .navegation  .navlist
    {
        list-style-type: none;
    }
    .navegation  .navlist .main-btn
    {
        color: #fff;
        font-size: 16px;
        display: block;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #4AADBF;
    }
    .navegation  .navlist .main-btn:hover
    {
        text-decoration: none;
        background-color: #0A7386;
    }
    .navbar-toggle
    {
        position: absolute;
        right: 20px;
        bottom: 0px;
        margin-bottom: 15px;
        margin-right: 0;
    }
    .navbar-header
    {
        position: relative;
        margin-top: 15px;
    }
}

@media (min-width:992px) and (max-width:1199px)
{
    .navegation  .navlist .main-btn
    {
        font-size: 16px;
    }
}

@media (min-width:768px) and (max-width:991px)
{
    .navegation  .navlist .main-btn
    {
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.logo
{
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (max-width:767px)
{
    .footer-company-info
    {
        text-align: center;
        font-size: 12px;
    }
    .footer-company-info span
    {
        display: block;
    }
}

@media (max-width:991px)
{
    .index-partner-field li
    {
        width: 33.33%;
        text-align: center;
    }
}

@media (max-width:479px)
{
    .index-partner-field li
    {
        width: 50%;
    }
}

@media (max-width:359px)
{
    .index-partner-field li
    {
        width: 100%;
        text-align: center;
    }
}

@media (min-width:1200px)
{
    .index-tabs-field
    {
        width: 37%;
    }
    .index-left-btn
    {
        width: 25%;
    }
}

@media (min-width:992px) and (max-width:1199px)
{
    .index-tabs-field
    {
        width: 65%;
    }
}

@media (max-width:767px)
{
    .sub-nav
    {
        background-color: #4CB2C4;
        text-align: center;
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        opacity: 0;
        height: 0;
    }
    .sub-nav li
    {
        list-style-type: none;
    }
    .sub-nav li a
    {
        font-size: 14px;
        color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
    }
    .sub-nav li a:hover
    {
        background-color: #43A1B2;
        text-decoration: none;
    }
    .navlist:hover .sub-nav
    {
        opacity: 1;
        height: 100%;
    }
}

@media (max-width:479px)
{
    .news-date
    {
        display: block !important;
        width: 100% !important;
        line-height: 18px;
    }
    .news-title
    {
        width: 100% !important;
    }
    .news-list li a
    {
        display: block;
        padding-bottom: 5px;
        padding-top: 5px;
    }
}

@media (max-width:767px)
{
    .sub-page-header h2
    {
        text-align: center;
    }
    .breadcrumb
    {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}

@media (max-width:479px)
{
    .search-field
    {
        float: none;
        width: 95%;
        margin-right: auto;
        margin-left: auto;
    }
    .search-field .search-input
    {
        width: 100%;
    }
}

@media (min-width:480px) and (max-width:767px)
{
    .search-field
    {
        width: 60%;
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
}

@media (max-width:479px)
{
    .class-nav ul
    {
        text-align: center;
    }
}

@media (max-width:767px)
{
    .data-list-feld .date
    {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .data-list-feld .data-title
    {
        display: block;
    }
    .data-month
    {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .data-list-feld li
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (max-width:1199px)
{
    .album-list
    {
        margin-top: 20px;
    }
    .news-title
    {
        width: 500px;
    }
}

@media (min-width:768px)
{
    .class-download
    {
        float: right;
    }
}

@media (max-width:767px)
{
    .class-download
    {
        float: none;
    }
    .search-field
    {
        margin-bottom: 15px;
    }
    .option1
    {
        text-align: center;
    }
    .contact-banner
    {
        display: none;
    }
    .company-info-field
    {
        background-image: url('none');
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
    }
    .form-field
    {
        padding-right: 0;
        padding-left: 0;
    }
    .company-info
    {
        font-size: 16px;
    }
    .page-left-section
    {
        min-height: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width:768px)
{
    .page-left-section
    {
        background-image: url('../images/common/left-bg_05.png');
        min-height: 860px;
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 35px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width:1199px)
{
    .photo_list_field .photo-view
    {
        height: 160px;
    }
    .photo_list_field .photo-view img
    {
        max-height: 160px;
    }
}

@media (max-width:767px)
{
    .photo_list_field .photo-view
    {
        height: 160px;
    }
}