/*-----------------------------------------------------------------------------------*/
/*	responsive css
/*-----------------------------------------------------------------------------------*/




/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    #holder{
        min-width: 0;
        width: 100%;
    }
    #footer_widgets .widget-area,
    #wrapper{
        width:715px;
    }
    #pulp_bg{
        display: none;
    }
    #logo{
        float:none;
        display:inline-block;
        margin:0 auto;
    }
    #menu_spacer{
        height:0;
    }
    .wpcf7 input, .wpcf7 textarea {
    width: 80%;
    }

    #inner_content:before{
        background: url(/img/content_top_715.png) no-repeat;
    }
    #inner_content:after{
        background: url(/img/content_bottom_715.png) no-repeat;
    }
    #inner_content .sidebar{
        float: none;
        margin-right: -30px;
        width: auto;
    }
    #inner_content .sidebar .widget{
        margin: 0px 27px 31px 7px;
        float: left;
        clear: none;
        max-width: 302px; /* so its 302px matching main design */
        width: 100%;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    }
    #inner_content .content_main {
        float: none;
        clear:left;
        width: 100%;
        margin-bottom: 20px;
    }

}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
    #footer_widgets .widget-area,
    #wrapper{
        max-width:705px;
        margin:0 5px;
        width: auto;
    }
    #menu_decal{
        display: none;
    }
    #menu_container_decal{
        padding: 0 !important;
        background: none !important;
    }
    #menu_container_decal > div > ul{
        text-align: center;
    }
    #menu_container_decal > div > ul > li{
        float:none;
        display:inline-block;
    }
    #menu_wrap{
        float:none;
    }
    #menu_container{
        margin:13px 0 16px 0 !important;
        float:none;
    }
    #menu_container:before{
        display: none;
    }
    #menu_container ul ul{
        left: -4px;
    }
    #menu_container li{
        border-radius: 5px;
    }
    #menu_container ul li{
        margin-bottom: 4px;
    }
    #menu_container > div > div > ul > li:after{
        display: none;
    }

    #inner_content{
        border-radius: 5px;
        padding: 14px 10px;
    }
    #inner_content:before,
    #inner_content:after{
        display: none;
    }
    #inner_content .sidebar{
        text-align: center;
        margin:0;
    }
    #inner_content .sidebar .widget {
        display: inline-block;
        text-align: left;
        float:left;
        position: relative;
        margin: 0px 10px 30px 5px;
        padding: 7px 5px 2px 10px;
        width: 287px; /* -15 from 302 */
    }
    .widget-title{
        margin:-21px 0 0 -3px;
    }

}

/* when widgets fall under eachother, want them to be centered on the page */
@media only screen and (max-width: 610px) {
    .widget-area.columns-3 .widget {
        margin: 0 auto 20px auto;
        display: block;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #inner_content .sidebar .widget {
        margin: 0px 5px 31px 0;
        width: 100%;
    }
    #inner_content{
        padding: 9px 8px;
    }
    .fancy_border{
        background-image: none;
        padding: 5px;
    }
}


@media only screen and (min-width: 280px) and (max-width: 610px) {
body {
    background-color: #b1e8ef;
}
.body_wrap {
    background: rgba(0, 0, 0, 0) url("images/mobile/bg_header.jpg") no-repeat scroll center top;
}

h1 {
    font-size: 1.6em;
    margin: 0.67em 0;
}
h2 {
    font-size: 1.4em;
    margin: 0.83em 0;
}
h3 {
    font-size: 1.3em;
    margin: 1em 0;
}
h4 {
    font-size: 1.2em;
    margin: 1.33em 0;
}
h5 {
    font-size: 1.1em;
    margin: 1.4em 0;
}
h6 {
    font-size: 1.1em;
    margin: 1.4em 0;
}
.container {
    width: 310px;
}

.blog_summary {
    margin-top: 40px;
}


.col {
    margin: 5px 0;
}
.col_1, .col_1_2, .col_1_3, .col_2_3, .col_1_4, .col_3_4, .row .col_1, .cols2 .content .row .col_1, .row .col_1_2, .cols2 .content .row .col_1_2, .row .col_1_3, .cols2 .content .row .col_1_3, .row .col_2_3, .cols2 .content .row .col_2_3, .row .col_1_4, .cols2 .content .row .col_1_4, .row .col_3_4, .cols2 .content .row .col_3_4 {
    width: 310px;
}
.header {
    background: rgba(0, 0, 0, 0) url("") no-repeat scroll center 0;
    height: 348px;
}
.header .container {
    padding-top: 220px;
}
.logo {
    float: none;
    height: 50px;
    margin: 0 auto;
    padding: 10px 0 0 1px;
    text-align: center;
    width: 310px;
}
#topmenu-select {
    padding: 0;
}
#topmenu {
    display: none;
}
.topmenu_inner {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: none;
    padding-right: 0;
}
.dropdown {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.sunbeam, .rocket, #top_kite, .top_stage, #mid_bird, #mid_baloon, #bottom_bee, .header_slider {
    display: none;
}
#uEntriesList .uEntryWrap {
    width: 50% !important;
}
.content_wrapper {
    padding: 44px 0 30px;
}
#middle .content, #middle .sidebar, #middle.sidebar_left .content, #middle.sidebar_left .sidebar, #middle.full_width .content {
    float: none;
    margin: 0 auto;
    width: 290px;
}
#middle .sidebar, #middle.sidebar_left .sidebar {
    background: rgba(0, 0, 0, 0) url("images/dot_line_hor.png") repeat-x scroll 0 top;
    margin-top: 20px;
    padding-top: 30px;
    width: 268px;
}
.blogpage .content, .blogpage.sidebar_left .content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.title_top {
    background: rgba(0, 0, 0, 0) url("images/content_title_line.png") no-repeat scroll center bottom;
    margin-bottom: 20px;
    padding: 0 10px 23px;
}
.title_top h1, .title_top strong {
    font-size: 22px;
}
.page .title_top {
    margin-bottom: 5px;
}
.text_style1 {
    font-size: 16px;
}
.sidebar .widget-container {
    padding: 30px 0 20px;
}
.content .widget-container .widget-title, .content .widget-container h3, .sidebar .widget-container .widget-title, .sidebar .widget-container h3 {
    font-size: 19px;
}
.footer {
    background: transparent url("/images/mobile/bg_footer.png") repeat-x scroll center top;
    margin-top: -170px;
}
.footer .inner, .footer .container {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 290px;
}
.gTable td.gTableTop {
    background: rgba(0, 0, 0, 0) url("/images/mobile/foruml.png") no-repeat scroll left 0;
}
.copyright {
    bottom: 0;
    font-size: 11px;
    left: 35px;
    top: auto;
    width: 240px;
}
.copyright .copy {
    display: none;
}
.boxrow {
    margin-bottom: 0;
}
.boxrow .box, .boxrow .box:first-child {
    float: none;
    margin: 0 auto 25px;
    width: 300px;
}
.box_1 .box_content, .box_3 .box_content {
    padding: 7px 0;
}
.box_2 .box_content {
    padding: 7px 0;
}
.boxrow .box_content p {
    padding: 0 20px;
}
.list_numbers ol {
    margin: 0 17px 0 21px;
}
.big_button_box {
    background: rgba(0, 0, 0, 0) url("images/mobile/button_box_bg.png") no-repeat scroll 0 0;
    height: 80px;
    margin: 0 auto 20px;
    padding: 17px 0 0;
    width: 310px;
}
.big_button_box a {
    background: rgba(0, 0, 0, 0) url("images/mobile/button_big.png") no-repeat scroll 0 0;
    font-size: 20px;
    height: 48px;
    line-height: 38px;
    width: 250px;
}
.bottom_boxes .box {
    float: none;
    height: 167px;
    margin: 0 auto 20px;
    width: 300px;
}
.bottom_boxes .box .ribbon {
    height: 80px;
    left: 10px;
    top: -3px;
    width: 64px;
}
.box_circle_date .ribbon {
    background: rgba(0, 0, 0, 0) url("images/mobile/ribbon_date.png") no-repeat scroll 0 0;
    font-size: 13px;
}
.box_circle_date strong {
    font-size: 20px;
    line-height: 0.5em;
    margin: 25px 0 0;
}
.box_circle_date span {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    width: 20px;
}
.bottom_boxes .box_content {
    margin: 0 10px 10px 85px;
    padding-top: 15px;
}
.box_circle_date h2 {
    font-size: 18px;
    margin: 5px 0 0;
}
.box_circle_date p {
    font-size: 12px;
}
.box_circle_date .link_more {
    font-size: 16px;
}
.box_circle_photo .ribbon span {
    background: rgba(0, 0, 0, 0) url("images/mobile/ribbon_photo.png") no-repeat scroll 0 0;
    height: 80px;
    width: 64px;
}
.box_circle_photo .ribbon img {
    margin-top: 15px;
    width: 47px;
}
.box_circle_photo .box_content {
    margin: 0 10px 10px 85px;
}
.box_circle_photo p {
    font-size: 13px;
    height: 90px;
    margin: 0 0 10px;
}
.box_circle_photo .author {
    font-size: 14px;
}
.entry {
    line-height: 1.5em;
}
.postlist .post-item {
    margin: 0 0 30px;
    padding: 0 0 30px;
}
.postlist .post-title h2, .post-detail .post-title h1 {
    font-size: 19px;
    line-height: 1.2em;
}
.postlist .post-image img, .image_frame img, .article_image img {
    border: 5px solid #f1f4f4;
    max-width: 95%;
}
.postlist .entry {
    font-size: 13px;
}
.post-meta {
    font-size: 12px;
    line-height: 1.4em;
}
.post-meta-bot {
    padding: 0;
}
.post-meta-bot .btn {
    font-size: 15px;
    margin: 5px 3px;
}
.btn span {
    padding: 0 18px;
}
.author-description {
    height: auto;
    margin: 20px 0 10px;
}
.author-image, .comment-avatar .avatar {
    height: 80px;
    left: 10px;
    text-align: center;
    width: 64px;
}
.author-image span, .comment-avatar .avatar span {
    background: rgba(0, 0, 0, 0) url("images/mobile/ribbon_photo.png") no-repeat scroll 0 0;
    height: 80px;
    left: 0;
    top: 0;
    width: 64px;
}
.author-image img, .comment-avatar .avatar img {
    height: auto;
    margin-top: 15px;
    width: 47px;
}
.author-description .author-text {
    background: rgba(0, 0, 0, 0) url("images/author_box_bg.png") no-repeat scroll center 80px;
    padding: 0 10px 10px 85px;
}
.author-description p {
    font-size: 13px;
    height: auto;
    overflow: hidden;
}
.author-description .author-name {
    font-size: 14px;
}
.comment-list {
    padding: 0 0 10px;
}
.link-add-comment {
    font-size: 15px;
    position: relative;
    right: auto;
    top: 0;
}
.comment-list h2, .add-comment h3 {
    font-size: 20px;
    margin: 0 0 10px;
}
.comment-body {
    min-height: 90px;
    padding: 5px 0;
}
.comment-avatar {
    margin: 0 6px 0 0;
    width: 64px;
}
.comment-avatar .avatar {
    left: 0;
    top: -8px;
}
.comment-text, .children .comment-text, .children .children .comment-text {
    font-size: 13px;
    width: 220px;
}
.comment-author {
    padding: 0 0 5px;
}
.comment-avatar .avatar span {
    background: rgba(0, 0, 0, 0) url("images/mobile/ribbon_photo_blue.png") no-repeat scroll 0 0;
}
.link-author {
    font-size: 16px;
    font-weight: 600;
}
.link-reply {
    font-size: 15px;
}
.comment-meta {
    padding-top: 10px;
}
.comment-meta .comment-date {
    font-size: 12px;
}
.children li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding-left: 0;
}
.add-comment {
    padding-right: 0;
}
.comment-form .inputtext, .comment-form .textarea, .comment-form .select_styled, .comment-form .textarea, .comment-form .input_full {
    width: 268px;
}
.box_sprite {
    margin: 0 0 30px;
}
.box_sprite .col_left, .box_sprite .col_right {
    margin: 10px 0;
    padding: 0 15px;
    width: 240px;
}
.box_sprite .col_left {
    background: rgba(0, 0, 0, 0) url("images/dot_line_hor.png") repeat-x scroll center bottom;
    padding-bottom: 30px;
}
.contact_form .inputtext, .contact_form .textarea {
    width: 225px;
}
.box_sprite .col_right h2 {
    font-size: 20px;
}
.contact_info {
    font-size: 14px;
}
.gmap {
    padding: 5px;
}
#gmap {
    height: 230px;
}
.gallery_item, .gallery_item.every_3rd {
    float: none;
    margin: 0 auto 10px;
    width: 274px;
}
.gallery_item img {
    max-width: 100%;
}
.filter {
    position: relative;
    right: auto;
    top: 10px;
}
.filter a {
    font-size: 16px;
    margin: 0 10px 3px 0;
}
.testimonials .author-description {
    margin: 0 5px 20px;
    min-height: 100px;
    padding: 0;
}
.testimonials .author-description .author-image {
    margin: 0 10px 0 0;
}
.testimonials .photo_right .author-image {
    float: right;
    margin: 0 0 0 10px;
}
.testimonials .author-description .author-text {
    background: rgba(0, 0, 0, 0) url("images/testimonial_bg.png") no-repeat scroll -826px bottom;
    padding: 0 0 30px;
}
.testimonials .photo_right .author-text {
    background-position: -700px bottom;
}
.staff_item, .staff_item.every_3rd {
    float: none;
    margin: 0 auto 30px;
    padding: 0 20px 30px;
    width: 240px;
}
.article_list {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.article_item, .article_item.odd, .article_list .article_item.second {
    background: rgba(0, 0, 0, 0) url("images/dot_line_hor.png") repeat-x scroll center top;
    float: none;
    margin: 20px 0 0;
    min-height: inherit;
    padding: 30px 0 0;
    width: 290px;
}
.article_list .article_item:first-child {
    margin-top: 0;
    padding-top: 0;
}
.article_title {
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.article_title h2 {
    font-size: 20px;
    margin: 10px 0 0;
}
.article_title .subtitle {
    font-size: 14px;
}
.article_descr {
    font-size: 14px;
    line-height: 1.5em;
}
.article_item .link_more, .article_item .link_more:hover {
    font-size: 16px;
    padding-left: 30px;
}
}


@media only screen and (min-width: 280px) and (max-width: 320px) {

#uEntriesList .uEntryWrap {
    width: 100% !important;

}

#uEntriesList .ph-wrap, #uEntriesList .ph-tc {
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
}
}