/* Responsive Full Width Version - max width 1140*/
body{ padding: 0em; }
.responsive-1 .content .outter-wrapper { max-width: 100%; width: 100%; display: block; float: left;}
.responsive-1 .content .outter-wrapper .wrapper { max-width: 1050px; width: auto; margin: 0 auto;}
.splash .responsive-1 .content .outter-wrapper .wrapper { max-width: 1855px; width: auto; margin: 0 auto;}
.splash .responsive-1 .content .third { width: 30%; margin-right: 4%; float: left; }

  /** Structure **/
.responsive-1 .content .full{ width: 100%; float: none;}
.responsive-1 .content .half{ width: 45%; margin-right: 4%; float: left; }
.responsive-1 .content .third{ width: 30%; margin-right: 5%; float: left;}
.responsive-1 .content .fourth{ width: 20%; margin-right: 5%; float: left; }
.responsive-1 .content .fifth{ width: 17%; margin-right: 2.5%; float: none; display: inline-block; vertical-align: top;}
.responsive-1 .content .two-thirds{ width: 65%; margin-right: 5%; float: left;}
.responsive-1 .content .three-fourths{ width: 74%; margin-right: 3%; float: left; }
.responsive-1 .content .two-fifths { width: 36%; margin-right: 3%; float: left; }
.responsive-1 .content .three-fifths { width: 61%; margin-right: 2%; float: left;}
.responsive-1 .content .four-fifths{ width: 78%; margin-right: 4%; float: left;}
.responsive-1 .content .left{float: left; }
.responsive-1 .content .right{ float: right; }
.responsive-1 .content .last { margin-right: 0px;}

.responsive-1 .content .clear-div:before,
.responsive-1 .content .clear-div:after,
.responsive-1 .content .clearfix:before, 
.responsive-1 .content .clearfix:after { 
    content: " "; 
    display: table; 
}
.responsive-1 .content .clear-div:after,
.responsive-1 .content .clearfix:after { 
    clear: both; 
}
.responsive-1 .content .clear-div,
.responsive-1 .content .clearfix { 
    *zoom: 1; 
}
.responsive-1 .content .last{ margin-right: 0!important; padding-right: 0!important;  }
.responsive-1 .content .first{ margin-left: 0!important; padding-left: 0!important;}



@media only screen and (max-width: 1024px) {
.obit-container{width: 90%;}
.obits-section .grey-btn{width: 94%;}
.responsive-1 .content .outter-wrapper .wrapper { max-width: 980px; }
.content .arrangement-vertical .arrangement .tribute-list .tribute .tribute-detail { width: 130px; padding-left:7px; }
.home-title { font-size: 50px; line-height: 40px;}
.cont-main { font-size: 1em; line-height: 1.5em; }
.imm-need-cta, .pre-plan-cta { font-size: 1.25em; }
.responsive-1 .content .arrangement .tribute-list .tribute .deceased-image-missing, .responsive-1 .content .arrangement .tribute-list .tribute .deceased-image { width: 6em; height: 6em;}
.inside-page #cta-lower-block .cta-lower-container .cta-lower-area .inner-cta-wrapper .cta-lower-text { position: absolute; z-index: 3; width: auto; padding: 3em 2em;}
#cta-lower-block .cta-lower-container .cta-lower-area .inner-cta-wrapper .cta-lower-text {position: absolute;  z-index: 3; width: 100%; padding: 0; margin: 60px 0 0;}
.inside-page .content-cta img { width: 31%; float: left; padding: 0; margin: 8px;}
.inside-page .need-cta-bar { margin-top: 1em; width: 60%}
.below-banner { z-index: 2; }

/* Navigation */
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul, 
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul .subMenu > ul, 
    .responsive-1 .content .header-block #nav-wrap #menu-icon.active { background-color: #ffffff; display: block; margin: 0 auto; }
    .responsive-1 .content .widget-footer-block .widget{ border-color: #665f4f; }
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul {  display: none; }
    .responsive-1 .content .header-block #nav-wrap { position: relative; padding-bottom: .4em; z-index: 21;    }
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul  li.nav-parent{ padding-bottom: 0; }
    .responsive-1 .content .header-block #nav-wrap #menu-icon { display:block; margin:0 auto; cursor: pointer; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 45px; height: 30px; }
    .responsive-1 .content .header-block #nav-wrap #menu-icon.active{ -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; }
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul { margin-top: 0; }
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul  { clear: both; position: absolute; min-width: 160px; z-index: 10000; padding: 5px; display: none;  right: 0px; -webkit-border-radius: 3px 0px 3px 3px; border-radius: 3px 0px 3px 3px; background-color: #9a8c53; padding: 24px; }
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul  li {float: left; margin: 1px .07em; display: block; }
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul > .selected > a { color: #444444; text-shadow: none;}
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul  > li > a, nav .dropdownNavigation > ul  .subMenu > ul a {background: none; display: inline; padding: 0; border: none; color: #fff;  text-shadow:-1px 1px 3px rgba(0,0,0,0.65); }
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul  .subMenu > ul { width: auto; position: static; display: block; border: none; background: inherit; -webkit-box-shadow:  none; box-shadow:  none; }
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul  .subMenu > ul li a{ padding-left: 0 5px; font-size: 1.4em;}
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul  li{ padding: .6em 0!important; width: 100%; border-bottom: solid 1px #ccc;}
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul  .subMenu > ul{ padding: 0!important;}
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul  li > .subMenu > ul li{ width: auto; float: left; border: none; padding: 0 !important; font-size: 12px !important; height: 35px;}
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul  li > ul li:last-child{padding-bottom: 0!important;}
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul > li:last-of-type { border-right: none;}
    .responsive-1 .content .page-footer #nav-wrap .dropdownNavigation > ul > li:last-of-type:before{ margin: 0 -8px 0 7px; }
    .responsive-1 .content .page-footer #nav-wrap .dropdownNavigation > ul > li > a { display: inline-block; float: left; padding: 1px 10px;}
    .home-content { padding-top: 45px; background-position-y: 0;}
    .responsive-1 .content .main-content-block .two-thirds { width: 100%;}
    .responsive-1 .content .main-content-block .third { width: 100%;}
    .responsive-1 .content .page-footer #nav-wrap .dropdownNavigation > ul > li { margin: 0px !important;}
    .content .arrangement-vertical .arrangement .tribute-list .tribute { width: 33%; float: left;}
    .swooshy-footer-sep { margin: -30px 0; }
    .responsive-1 .content .header-block header{ padding: 10px 0 5px;}
    .footer-question-placeholder {font-size: 22px;}
    .obit-container { width: 90%;}
    .obits-section .grey-btn{ width: 94%; }
    .responsive-1 .content .fourth{ width: 46%; margin:0 2%; float: left; }
    .responsive-1 .content .page-footer #nav-wrap { font-size: 16px;}
    .obit-container { padding: 5%;}
    .inside-page .obit-container{padding:0;}
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul > li:last-of-type:before { margin: 6px 4px 0 0px; }
    a.placeholder-page-link { max-width: 100%%; margin: 20px auto 0;}
}

@media only screen and (max-width: 1199px) {
    .share-this-vertical {
        display:none;
    }
}

@media only screen and (max-width: 767px) {
    .content .product-selector ul.category-list{margin-left:0; }
    .content .product-selector .products .product { display: block; width: 100%; margin: 0 auto; }
    body{ padding: 0; }
    .footer-call { font-size: 2em }
    .responsive-1 .content .header-block #main-logo .logo{ padding-bottom: 1em; padding-top: .6em; width: 52%; margin-top: 0px; margin-bottom: 40px; float:none; } 
    /** Structure **/
    .responsive-1 .content .half, 
    .responsive-1 .content .third,    
    .responsive-1 .content .fourth, 
    .responsive-1 .content .two-thirds, 
    .responsive-1 .content .three-fourths, 
    .responsive-1 .content .fifth, 
    .responsive-1 .content .two-fifths,
    .responsive-1 .content .three-fifths, 
    .responsive-1 .content .four-fifths,
    .responsive-1 .content .main-content .columns-1 .left-content,
    .responsive-1 .content .main-content .columns-2 .left-content,
    .responsive-1 .content .main-content .columns-2 .right-content, 
    .responsive-1 .content .main-content .columns-2 .large-content,
    .responsive-1 .content .main-content .columns-2 .small-content,
    .responsive-1 .content .main-content .columns-3 .left-content,
    .responsive-1 .content .main-content .columns-3 .middle-content,
    .responsive-1 .content .main-content .columns-3 .right-content { width: 100% !important; margin-right: 0%; float: none; margin-bottom: 30px;}
    
    .responsive-1 .content .widget-footer-block .widget { margin-bottom: 30px; padding-bottom: 30px; border-bottom-style: solid; border-bottom-width: 1px; border-right: none; }
    .footer-cta-img img { margin: 0 auto; }
    .responsive-1 .content .widget-footer-block .widget .widget.last{ border: none; margin-bottom: 0; padding-bottom: 0;}
    .responsive-1 .content .outter-wrapper .wrapper { max-width: 96% !important; margin: 0 auto; }
    .responsive-1 .content .page-footer .third{ margin-bottom: 10px; }
    .responsive-1 .content .page-footer .copyright span{ display: none; }
    .footer-cta-title { border-top: solid 2px #ccc;}
    .swooshy-footer-sep{ display:none !important; }
    .home-title { font-size: 50px; line-height: 50px; text-align: center; }
    .main-content .media-element{ max-width: 98%; max-height: 98%;}
    .cta-below-content { margin:0 auto; width:80%; display:block; }
    .page-footer .footer-nav{ display:none; } 
    .footerquestion{ display:none; }
    .content .arrangement-vertical .arrangement .tribute-list .tribute .tribute-detail { width: 100%;}
    .obits-section .grey-btn { width: 88%; }
    .obit-container { width: 94%; padding:3%; }
    .footer-cta-img img { margin: 0 auto;}
    .content .arrangement-vertical .arrangement .tribute-list .tribute { width: 48%; float: left; height: 140px;}
    .footer-logo-placeholder { margin: 0 0 30px 0;}
    .main-content-block .home-content { padding-top: 0;}
    .responsive-1 .content .header-block #nav-wrap { padding:0px; }   
    .responsive-1 .content .header-block #nav-wrap #menu-icon { /*margin-top: 0.75em;*/ display: block!important; padding-left: 3%!important; padding-right: 3%!important; width: 94%!important; margin-bottom:1.5em;}
    .responsive-1 .content .header-block #main-logo .logo { margin: 0 auto; }
    .fullwidthbanner-container { height: 400px;}
    #main-logo { width: 100%; }
    .need-cta-bar { height: auto;}
    .inside-page .home-logo { width: 60%; float: none; margin: 0 auto; display: block;}
    .content .arrangement .tribute-list .tribute .tribute-detail{margin-top: -10px;}
    .content .arrangement .tribute-list .tribute .tribute-detail a { min-height: 30px;}
    .inside-page .content-cta img { width: 33%; padding: 0; margin: 10px 1px;}
    .inside-page .need-cta-bar { margin-top: 1.75em; width: 100%;}
    .content .arrangement .tribute-list .tribute { width: 16%; margin-right: 6px;}
    .responsive-1 .content .arrangement .tribute-list .tribute .deceased-image-missing, .responsive-1 .content .arrangement .tribute-list .tribute .deceased-image { width: 7em; height: 7em;}
    
}

/** Responsive at 480px **/
@media only screen and (max-width: 480px) {
.explore-bannertext { margin: 40px 0;}
.view-obit-mobile-link{ display:block; }
.death-r{ display:none; }
.inside-page .home-logo { width: 100%; margin: 0 auto;  float: left;}
.inside-page .need-cta-bar { width: 100%;}
.inside-page .content-cta img { width: 100%; float: left; padding: 0; margin: 10px 0; }
.inside-page .content-placeholder img{ width: 100% !important; height: auto !important; padding: 0; margin:20px 0 !important; }


.footer-call { text-align: center; font-size: 24px;}
.responsive-1 .content .page-footer #nav-wrap { display: none;}

.content .arrangement .tribute-list .tribute {
    position: relative;
    font-size: 1.75em;
    display: inline-block;
    text-align: center; margin: 0 auto; width: 55%;}
    
#cta-lower-block .cta-lower-container .cta-lower-area { width: 100%;}
.package-cta { min-height: 170px;}
.package-cta .cta-lower-text a:after { margin-left: 0.5em;}
.content-cta { width: 100%;}
.copyright { line-height: 16px; margin: 10px;}
#cta-lower-block .cta-lower-container .cta-lower-area .inner-cta-wrapper .cta-lower-text { padding:0; margin-top: 35px;}
.inside-page #cta-lower-block .cta-lower-container .cta-lower-area .inner-cta-wrapper .cta-lower-text { padding: 2em 2em;}
    
    .responsive-1 .content .services .arrangement .tribute-list .tribute-button-panel a {
        padding: 10px 2%;
        width: 93%;
        text-align: center;
        font-size: 14px;
        padding: .4em 2%; }

    input[type=text],  input[type=email], input[type=password], textarea, a.btn, input[type=button], input[type=submit]{
        padding: 10px 2%;
        width: 96%;
    }
    a.btn, input[type=button]{
        text-align: center;
    }
    a.small-btn{
        font-size: 14px;
        padding: .4em 2%;
    }
    a.xsmall-btn{
        font-size: 12px;
        padding: .2em 2%;
    }
    .responsive-1 .content .header-block #nav-wrap #menu-icon{}
    
    .responsive-1 .content .header-block header{
        text-align: center;
    }
    .responsive-1 .content .header-block #main-logo .logo{
        float: none;
        padding-bottom: 1em;
        padding-top: .6em;
        width: 70%;
        margin-top: -10px;
        margin-left: auto;
        min-height:0px;
    }	
    .responsive-1 .content .header-block #nav-wrap {
        float: none;		
    }
    .responsive-1 .content .header-block #nav-wrap .dropdownNavigation > ul {
        padding-left: 3%!important;
        padding-right: 3%!important;
        width: 94%!important;
        left: 0;
        text-align:left;
    }
    .responsive-1 .content .header-block #main-logo #main-logo {
        position:relative;
        margin:auto;
        z-index:20;
    }
    .share-this-vertical {
        display: none;
    }
}


/** Responsive at 1140px **/
@media only screen and (max-width: 1140px) {
    .responsive-1 .content .wrapper { width: 100%; }
}