@media (min-width: 1024px) {

    .logo {
        width: 100%;
    }
    .logo img {
        width: 100%;
    }
    .lang {
        right: 12%;
    }
}

@media (max-width: 1023px) {

    body, body.error {
        width: 100%;
        background-position: 100%;
    }
    #wrapper, .error #wrapper {
        width: 96%;
        margin: auto;
    }
    #header, .error #header {
        width: 100%;
    }
    .post span {
        font-size: 14px;
    }
    .slider {
        width: 94%;
        margin: 6px auto 20px;
        height: auto;
        float: none;
    }
    .content {
        width: 98%;
        overflow: auto;
        padding: 0px;
        margin: auto;
        border-top-right-radius: 0px;
    }
    #whitepage, #whitepagesidebg, #whitepagetopbg, #whitepagebottombg {
        background-size: 100%;
    }
    #sidebar {
        width: 32%;
        margin: auto;
    }
    .side_height {
        display: block;
    }
    .img_right {
        float: none;
        width: 60%;
        margin: auto !important;
    }
    .content_lib {
        width: 100%;
    }
    .quede {
        width: 60%;
    }
    .content_bg {
        margin: 0 5px;
        border-top-right-radius: 0px;
    }

    .prayer_img {
        width: 68%;
        margin: auto !important;
        padding-bottom: 15px;
    }
    .prayer_img img {
        float: none !important;
    }
    #leftcontent {
        width: 63%;
        margin: auto 7px;
    }
    .divider {
        padding: 5px;
    }
    .divider li {
        margin-bottom: 10px;
        height: 35px;
        width: auto;
        display: block;
    }
    .divider li:first-child {
        margin-left: 0px;
        width: auto;
    }
    .divider li a {
        font-size: 14px;
    }
    .home #sidebar {
        margin-top: 0px;
    }
    #sidebar .moduletable {
        margin-bottom: 20px;
    }
    .footer {
        width: 95%;
        padding: 25px 13px 0px;
        margin: auto auto 5px;
    }
    .footer .moduletable {
        margin: 0px;
        padding: 0px;
    }
    .footer_cnt {
        width: 100%;
    }
    .flag {
        right: 0px;
        float: none;
    }
    .lang1 {
        width: 80%;
        margin: auto;
        position: absolute;
        top: -3px;
        float: right;
        text-align: right;
        display: block;
    }
    .lang {
        display: none;
    }
    .post .content_fromimage {
        margin: 0px;
    }
    .error .res_logo {
        display: block;
    }
    .error #whitepage {
        position: relative;
        margin-top: 0px;
    }
    .error .error_page {
        padding-top: 10px;
    }
    .formError {
        left: 450px !important;
    }
    .amgio_gustar .formError {
        left: 0px !important
    }
}

@media (max-width: 767px) {
    .head_fix {
        position: relative;
    }
    .page-header {
        text-align: center;
        padding-right: 0;
    }
    

    body {
        width: 100%;
        background-position: 100%;
    }
    #wrapper {
        width: 100%;
    }
    #header {
        width: 100%;
    }

    .res_side {
        display: block;
    }
    #sidebar {
        display: none;
    }
    .res_logo1 {
        display: none;
    }
    .res_logo img, .res_logo {
        margin-top: 0px;
        display: block;
        width: 100%;
        float: left;
    }
    .slider {
        width: 96%;
        margin: 6px 5px 20px;
        height: auto;
        float: none;
    }
    #whitepage {
        padding-top: 0px;
    }
    .content {
        width: 100%;
        overflow: auto;
        padding: 0 1em;
        margin: 0;
    }
    .quede {
        width: 65%;
    }
    .img_right {
        float: none !important;
        width: 285px;
        margin: auto !important;
        padding-bottom: 15px;
    }
    .content_lib {
        width: 100%;
    }
    #whitepage, #whitepagesidebg, #whitepagetopbg, #whitepagebottombg {
        background-size: 100%;
    }
    

    .divider {
        padding: 5px;
    }
    .divider li, .divider li:first-child {
        margin-left: 0px;
        margin-bottom: 10px;
        display: block;
        width: auto;
        height: 35px;
    }
    .divider li a {
        font-size: 14px;
    }
    .pide h3 {
        display: block;
        font-size: 18px;
    }

    .circular {
        margin-bottom: 10px;
    }
    /*change*/
    #sidebar1 .pide h3 {
        display: none;
    }

    #sidebar1 .pide {
        background: none !important;
    }
    #sidebar1 .moduletable h3 {
        padding: .5em 1em;
        font-size: 1em;
        padding-top: 10px;
        background-color: #723519;
        color: #faebce;
        border-radius: 5px;
        cursor: pointer;
    }
    #sidebar1 {
        width: 98%;
        padding: 0px;
        margin: auto 2px 2em;
        float: left;
        position: relative;
        border-top: 1px solid #E7CFB0;
        border-bottom: 1px solid #E7CFB0;
    }
    #sidebar1 .moduletable {
        width: 94%;
        margin: auto;
        padding-top: 0px;
        margin-bottom: 10px;
        border-bottom: 0px;
        border-radius: 5px;
        text-align: center;
    }
    #sidebar1 .moduletable ul {
        margin-top: 0px
    }
    #sidebar1 .moduletable ul li {
        border-radius: 5px;
        background: #E3CCAC;
        border: 1px solid #d5bb98;
        width: 99%;
    }

    .menu_tittle {
        display: block;
        text-align: center;
        font-size: 1.25em;
        line-height: 2;
    }
    .menu_tittle img {
        height: .675em
    }
    .side_height {
        display: none;
        margin: 1em 0 2em;
    }

    .content_bg {
        margin: 0 5px;
        border-top-right-radius: 0px;
    }
    .post p.sub_title {
        padding-bottom: 10px;
    }
    #leftcontent {
        width: 98%;
        float: none;
    }

    .footer {
        width: 95%;
        padding: 25px 10px 0px;
        margin: auto auto 5px;
    }
    .footer .moduletable {
        margin: 0px;
        padding: 0px;
    }
    .footer_cnt {
        width: 100%;
    }
    .menu_active {
        background: url('../images/up_arow.png')no-repeat 90% 50% #723519 !important;
    }
    .normal {
        background: url('../images/down_arow.png')no-repeat 90% 50%;
    }

    .flag {
        right: 0px;
        float: none;
    }
    .lang1 {
        width: 80%;
        margin: auto;
        position: absolute;
        top: -3px;
        float: right;
        text-align: right;
        display: block;
    }
    .lang {
        display: none
    }
    .formError {
        left: 300px !important;
    }
    .amgio_gustar .formError {
        left: 0px !important
    }
    .error_page {
        padding-top: 0px;
    }
    /*.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
        width: 235px !important;
    }*/
}

@media (max-width: 599px) {
    .head_fix {
        position: relative;
    }
    h2 {
        font-size: 20px;
    }
    body {
        width: 100%;
        background-position: 100%;
    }
    #wrapper {
        width: 100%;
    }
    #header {
        width: 100%;
    }
    .res_side {
        display: block;
    }
    .mob_img img {
        padding-left: 10px;
    }
    #sidebar {
        display: none;
    }
    .res_logo1 {
        display: none;
    }
    .res_logo img, .res_logo {
        margin-top: 0px;
        display: block;
        width: 100%;
        float: left;
    }
    .slider {
        width: 94%;
        margin: 6px 5px 20px;
        height: auto;
        float: none;
    }
    #whitepage {
        padding-top: 0px;
    }
    .quede {
        width: 60%;
    }
    .img_right {
        float: none !important;
        margin-top: 15px;
    }
    .content_lib {
        width: 100%;
    }
    .post .content_fromimage {
        margin: 0px;
    }

    #whitepage, #whitepagesidebg, #whitepagetopbg, #whitepagebottombg {
        background-size: 100%;
    }

    .divider {
        padding: 0px;
    }
    .divider li, .divider li:first-child {
        margin-left: 0px;
        margin-bottom: 0px;
        display: block;
        width: auto;
        height: 45px;
    }
    .divider li a {
        font-size: 12px;
    }
    .pide h3 {
        display: block;
        font-size: 16px;
    }

    .item-page {
        padding: 20px 10px 20px 0px;
    }
    #sidebar1 .pide h3 {
        display: none;
    }
    #sidebar1 .pide {
        background: none !important;
    }

    #sidebar1 .moduletable {
        width: 94%;
        margin: auto;
        padding-top: 0px;
        margin-bottom: 10px;
        border-bottom: 0px;
        border-radius: 5px;
        text-align: center;
    }
    #sidebar1 .moduletable ul {
        margin-top: 0px
    }
    #sidebar1 .moduletable ul li {
        border-radius: 5px;
        background: #E3CCAC;
        border: 1px solid #d5bb98;
        width: 99%;
    }
    .content_bg {
        margin: 0 5px;
        border-top-right-radius: 0px;
    }
    #leftcontent {
        width: 100%;
        float: left;
    }

    .footer {
        width: 95%;
        padding: 25px 5px 0px;
        margin: auto auto 2px;
    }
    .footer .moduletable {
        margin: 0px;
        padding: 0px;
    }

    .footer_cnt {
        width: 100%;
    }
    .flag {
        right: 0px;
        float: none;
    }
    .lang1 {
        width: 80%;
        margin: auto;
        position: absolute;
        top: -3px;
        float: right;
        text-align: right;
        display: block;
    }
    .lang {
        display: none;
    }
    .error_page {
        padding-top: 0px;
    }
    .prayer_img, .img_right {
        width: 285px;
        margin: auto !important;
        padding-bottom: 15px;
    }
    .prayer_img img {
        float: none !important;
    }
    .form-horizontal .controls {
        margin-left: 0px;
    }
    .amgio_gustar .form-horizontal .controls {
        margin-left: 160px;
    }
    .vela-forms ul {
        padding-left: 15px;
    }

    .formError {
        left: 180px !important;
    }
    .amgio_gustar .formError {
        left: 0px !important
    }

    .amgio_gustar .rsform {
        float: left;
    }
    .amgio_gustar .amigo_img {
        width: 25% !important;
        float: none;
    }
    .amgio_gustar .mob_img {
        display: block;
        margin: auto !important;
        width: 200px !important;
    }
}

@media (max-width: 480px) {
    .head_fix {
        position: relative;
        height: 124px;
    }
    .res_side {
        display: block;
    }
    #sidebar {
        display: none;
    }
    .mob_img {
        display: block;
        margin: auto !important;
        width: 200px !important;
    }
    .mob_img1 {
        display: block;
        margin: auto !important;
        width: 100px !important;
    }
    .mob_img img, .mob_img1 img {
        float: none !important;
        padding-bottom: 15px;
    }
    h2 {
        font-size: 20px;
    }
    body {
        width: 100%;
        background-position: 100%;
    }
    #wrapper {
        width: 100%;
    }
    #header {
        width: 100%;
    }
    .img_right:not(.mobile-aside), .img_left:not(.mobile-aside),
    .post figure.alignleft:not(.mobile-aside),
    .align_right:not(.mobile-aside),
    .align_left:not(.mobile-aside) {
        float: none !important;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .post figure.vela {
        margin: 3em auto 0;
    }
    .content_lib {
        width: 100%;
    }

    .circular {
        margin: 10px auto;
        float: none;
        margin-right: auto !important;
    }
    .res_logo {
        display: none;
    }
    #contador p {
        font-size: 12px;
    }
    .res_logo1 img, .res_logo1 {
        margin-top: 0px;
        display: block;
        width: 100%;
        height: 120px;
        float: left;
    }

    .slider {
        width: 93%;
        margin: auto auto 20px;
        ;
        height: auto;
        float: none;
        border: 2px solid #fbe5ae;
        border-radius: 2px;
    }
    #whitepage {
        padding-top: 0px;
        margin-top: -5px;
    }

    #whitepage, #whitepagesidebg, #whitepagetopbg, #whitepagebottombg {
        background-size: 100%;
    }

    #sidebar1 .moduletable h3 {
        padding-bottom: 10px;
        padding-top: 10px;
        cursor: pointer;
    }
    .divider {
        padding: 10px;
    }
    .divider li:first-child a {
        padding-top: 7px;
    }
    .quede {
        width: 100%;
    }
    .footer h3 {
        font-size: 14px;
    }
    .bullet {
        padding: 0px;
        background: none;
    }
    .post p strong img {
        float: none;
        margin: auto;
        display: block;
    }
    .divider li, .divider li:first-child {
        margin-left: 0px;
        margin-bottom: 0px;
        display: block;
        width: auto;
        height: 45px;
    }
    .divider li a {
        font-size: 12px;
    }
    .post .content_fromimage {
        float: none !important;
        margin: auto;
    }
    .post h3 {
        font-size: 18px;
    }
    .pide h3 {
        display: block;
        font-size: 14px;
    }

    #sidebar1 .pide h3 {
        display: none;
    }

    #sidebar1 .pide {
        background: none !important;
    }
    #sidebar1 .moduletable h3 {
        padding-bottom: 10px;
        font-size: 14px;
        padding-top: 10px;
        background-color: #723519;
        color: #faebce;
        border-radius: 5px;
    }
    #sidebar1 .menu_pide a {
        font-size: 1em;
    }
    .prayer_img, .img_right {
        width: 285px;
        margin: auto !important;
        padding-bottom: 15px;
    }
    .prayer_img img {
        float: none !important;
    }

    #sidebar1 .moduletable {
        width: 94%;
        margin: auto;
        padding-top: 0px;
        margin-bottom: 10px;
        border-bottom: 0px;
        border-radius: 5px;
        text-align: center;
    }
    #sidebar1 .moduletable ul {
        margin-top: 0px
    }
    #sidebar1 .moduletable ul li {
        border-radius: 5px;
        background: #E3CCAC;
        border: 1px solid #d5bb98;
        width: 99%;
    }
    .content_bg {
        margin: 0 5px 0 0;
        border-top-right-radius: 0px;
    }
    #leftcontent {
        width: 98%;
        float: none;
        margin: auto;
    }
    .home #sidebar1 {
        margin-top: 0px;
    }
    .post .image_pared {
        width: 98%;
        height: 500px;
    }
    .footer {
        width: 95%;
        padding: 25px 5px 0px;
        margin: auto auto 2px;
    }
    .footer .moduletable {
        margin: 0px;
        padding: 0px;
    }
    .footer_cnt {
        width: 100%;
    }
    .post span a {
        font-size: 15px;
    }

    .formResponsive input[type="submit"] {
        width: 100%;
    }
    #country {
        width: 80%;
    }

    #mod_position_right a img, #mod_position_left a img {
        width: 25px;
        height: 25px !important;
    }
    .flag {
        right: 0px;
        float: none;
    }
    .lang1 {
        width: 80%;
        margin: auto;
        position: absolute;
        top: -3px;
        float: right;
        text-align: right;
        display: block;
    }
    .lang {
        display: none;
    }
    .formResponsive input[type="submit"]:hover, .formResponsive input[type="submit"]:active, .formResponsive input[type="submit"].active, .formResponsive input[type="submit"].disabled, .formResponsive input[type="submit"][disabled] {
        width: 100%;
    }
    .errr_msg p, .error_page p {
        font-size: 18px;
    }
    .error_page {
        padding-top: 0px;
    }
    .jd-page-title, .jd-message, .jd-heading {
        display: none !important;
    }
    .form-horizontal .controls {
        margin-left: 0px;
    }
    .vela-forms ul {
        padding-left: 15px;
    }
    .vela-forms input[type="submit"] {
        width: 100%;
    }
    .formError {
        left: 25px !important;
    }
    .amgio_gustar .formError {
        left: 0px !important
    }
    .post #amount_container {
        clear: both;
        margin-top: 30px;
    }

        /* Vela em tu vela esta acesa .item-id-176 */

        .item-id-176 .page-header {
            text-align: center;
        }
    
        .item-page .regalos {
            position: relative;
            text-align: center;
        }
        .item-id-176 .item-page .regalos img {
            position: relative;
        }
        .item-id-176 .rsform-block-regalos {
            padding-left: 0;
        }

}

@media(width:480px) {
    .mob_img, .mob_img1 {
        width: 60% !important;
    }
    #amount_container {
        clear: none !important;
        margin-top: 0px !important;
    }
}

@media(width:360px) {
    .mob_img, .mob_img1 {
        width: 70% !important;
    }
}

.formResponsive .formError {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    display: inline;
    background-color: red;
    padding: 3px 10px 5px;
    margin: 0 3px;
}