/* #Media Queries
================================================== */
/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (max-width: 1199px) {
    .hero-banner .slider h3 {
        margin-top: 10px;
    }

    .details-page .something-special .selectContainer {
        display: block;
    }

    .details-page select {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .details-page .special-select .action {
        width: auto;
    }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

    .contact-box .button-align {
        text-align: left;
    }

    .details-page .nav-buttons {
        float: none;
        margin-bottom: 5px;
    }

    .details-page h1.floater {
        float: none;
    }

    .header-checkout {
        line-height: 40px;
        padding: 20px 0;
    }

    .checkout-right label[for="expiry_month"],
    .checkout-right label[for="expiry_year"] {
        font-size: 12px;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .tabs .four {
        width: 186px !important;
    }

    .contact-box .five.omega {
        margin-left: 5px;
    }
}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    .search form#searchForm {
        width: 100%;
    }

    .search input#keywords {
        width: 80%;
    }

    .page-title .search button[type="submit"] {
        width: 20%;
    }

    .hero-banner .container.home .thumb-header {
     
        width: 100%;
    }
    body.checkout{
        background-color:#fff;
    }
        body.checkout .topBar img.logo{
            width:140px;
            float:left;
        }
        body.checkout .checkout-right h4 span {
            background-color: #fff;
        }
        body.checkout .checkout-right h4 .divider{
            background-color:#fff;
        }
        body.checkout a.codeLink {
            color: #DADADA;
        }
        body.content-layout {
            width: initial;
            margin: 0px;
        }

        body.content-layout header {
            width: 100%;
        }

    .logo.mobile.topBar.container {
       padding-top:10px!important;
    }

    .logo.mobile.topBar .secure-text {
        display: inline-block;
        float: right;
        background-position: 0px;
        padding-top: 4px;
        margin-top: 10px;
    }

    html {
        background-color: #F8F8F8;
    }
    .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
        width: 100%;
    }

    h1, h2 {
        text-align: center;
        letter-spacing: -0.03em;
        font-size: 28px;
        color: #000;
        line-height: 37px;
    }

    h3 {
        letter-spacing: -0.02em;
    }

    h2 {
        font-size: 22px;
    }

    .mobile {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

    .tac-responsive {
        text-align: center;
    }

    .tabs .four {
        display: none;
    }

    .hero-banner .slider {
        outline: none;
    }

    header {
        padding: 10px 0 0;
    }

        header .logo {
            text-align: center;
            /*margin: 0 0 20px 10px;*/
            width: 125px;
        }

        header .award {
            /*display: none;*/
            float: left;
            width: 60px;
        }

        header .top-container {
            width: calc(100% - 175px);
        }



        header .phone, header .search {
            font-size: 13px;
            line-height: 1.4;
            margin: 0 0 10px;
            padding-right: 10px;
            margin-top: 10px;
            white-space: nowrap;
        }

        header .phone span{
            font-size: 13px;
        }

        header .phone {
            padding: 0px;
            margin: 0px;
        }

    .phone-container {
        margin: 0px;
        margin-top: 5px;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 7.3125H12.375C12.3746 6.86508 12.1966 6.43612 11.8802 6.11975C11.5639 5.80338 11.1349 5.62545 10.6875 5.625V4.5C11.4331 4.50089 12.148 4.7975 12.6753 5.32475C13.2025 5.852 13.4991 6.56685 13.5 7.3125Z' fill='%238BBD46'/%3E%3Cpath d='M15.75 7.3125H14.625C14.6238 6.26858 14.2086 5.26775 13.4704 4.52958C12.7323 3.79142 11.7314 3.37619 10.6875 3.375V2.25C12.0297 2.25149 13.3165 2.78534 14.2656 3.73442C15.2147 4.6835 15.7485 5.9703 15.75 7.3125Z' fill='%238BBD46'/%3E%3Cpath d='M11.4373 12.0836L12.6973 10.8236C12.866 10.6549 13.0804 10.5394 13.3141 10.4914C13.5478 10.4434 13.7904 10.4651 14.0119 10.5536L15.5464 11.1679C15.7726 11.2584 15.9664 11.4146 16.103 11.6163C16.2395 11.818 16.3125 12.056 16.3125 12.2996V15.0902C16.3129 15.2561 16.2794 15.4202 16.2142 15.5727C16.1489 15.7252 16.0532 15.8628 15.933 15.977C15.8127 16.0912 15.6704 16.1797 15.5147 16.237C15.3591 16.2943 15.1934 16.3192 15.0278 16.3103C4.27164 15.6409 2.09926 6.53063 1.69595 3.042C1.67641 2.87145 1.69321 2.6987 1.74523 2.5351C1.79725 2.37151 1.88332 2.22078 1.99777 2.09283C2.11222 1.96488 2.25246 1.86261 2.40927 1.79275C2.56608 1.72289 2.73591 1.68703 2.90757 1.6875H5.64864C5.89224 1.6875 6.13025 1.76048 6.33198 1.89704C6.53371 2.03359 6.68989 2.22746 6.78039 2.45363L7.39407 3.98813C7.48264 4.20963 7.50426 4.45224 7.45627 4.68591C7.40827 4.91958 7.29277 5.13403 7.12407 5.30269L5.86407 6.56269C5.86407 6.56269 6.5627 11.4744 11.4373 12.0836Z' fill='%238BBD46'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        padding-left: 25px;
        background-position: 0px 4px;
    }

        .phone-container a {
            font-size: 13px;
        }


    header .search-text, header .search-submit {
        float: none;
    }

    header .search-submit {
        left: -3px;
        top: -7px;
    }

    .thumbnails .two {
        text-align: center;
        border: none !important;
        margin-bottom: 8px;
    }

    aside.mobile {
        display: block !important;
        padding: 15px 8px !important;
        overflow: auto;
        border-top: 2px solid #e6e6e6;
    }

        aside.mobile div {
            float: left;
            width: 49%;
        }

        aside.mobile h2 {
            text-align: left;
        }

    .showcase .three {
        margin-bottom: 20px;
    }

    .hero-banner {
        padding-bottom: 10px;
    }

        .hero-banner .slider {
            margin: 0;
            display:inline-block;
        }

            .hero-banner .slider h1 {
                margin: 10px auto;
                font-size: 28px;
                line-height: 38px;
            }

            .hero-banner .slider p {
                margin: 0 auto;
            }

            .hero-banner .slider .thumbnails .thumb-header {
                margin: 0;
                margin-top:10px;
            }

    .showcase .three.columns {
        width: 50%;
        height: 200px;
    }

    .showcase .row-products {
        margin: 0;
    }

    .showcase .row {
        display: none;
    }

    .category .products {
        margin: 0;
    }

    .catHeader p {
        font-size: 16px;
    }

    .catHeader h1 {
        margin-top: 25px;
    }

    .category .spacing {
        padding-top: 0px;
    }

    .details-page .size {
        width: 100%;
        padding-right: 0;
    }

    .details-page .special-select {
        display: block;
    }

        .details-page .special-select .action {
            width: 100%;
            margin: 1em 0 0;
        }

    .hero-banner.weddings h1 {
        padding-left: 0;
    }

    .weddings-form input[type="submit"] {
        width: 100%;
    }

    .weddings-details th {
        font-size: 15px;
    }

    .weddings-details .columns div {
        /*width: auto;*/
        float: none;
    }

    .weddings-products img{
        margin:auto;
    }

    .weddings-details-white {
        padding-top: 0px;
    }

        .weddings-details-white h3 {
            margin-bottom: 5px;
        }

    .wedding-table-container .ten.columns .three.columns {
        width: 100%;
        margin: 0px;
        text-align: center;
    }

    .weddings-details-white ul li{
        background-image:none;
        padding:0px;
    }

    .weddings-details-white ul {
        margin-bottom:20px;
    }

    .funerals.products .eight.columns > div {
        width: 100%;
        margin-right: 0;
    }

    .funerals.products .eight.columns div div div {
        width: 100%;
    }

    /*
            Sympathy Trio Page
        */
    .sym-trio .columns.alpha {
        margin: 0 auto;
    }

        .sym-trio .columns.alpha h1 {
            margin-bottom: 30px;
        }

        .sym-trio .columns.alpha p {
            margin: 20px auto 0;
        }

    .slider p {
        width: 90%;
    }

    .page-title h1 {
        float: none;
        text-align: center;
        line-height: 40px;
        padding: 30px 0 20px;
    }

    .page-title .description {
        float: none;
        line-height: 24px;
        margin-bottom: 20px;
        text-align: center;
        padding-bottom: 30px;
    }

    .page-title .search {
        float: none;
        text-align: center;
        display: inline-block;
        margin: 0px 0px 20px;
        width: 100%;
        line-height: initial;
    }

        .page-title .search form {
            display: inline-block;
            margin: auto;
        }

    .breadcrumbs {
        text-align: center;
    }

    .browse-page {
        text-align: center;
    }

        .browse-page ul {
            padding: 0px;
        }

        .browse-page li {
            list-style-type: none;
        }

    .image-frame-top, .image-frame-bottom {
        float: none;
    }


    .service .box {
        width: 100%;
        margin: 0px;
        margin-bottom: 10px;
    }

    .box-container a {
        display: block;
        width: 100%;
    }

    .service .box h2 {
        text-align: left;
    }

    .roundButton {
        display: block;
        margin-bottom: 10px;
        width: 100%;
        font-size: 13px;
        padding: 0px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .image-frame-top {
        margin: 20px auto;
    }

    .contact-box {
        outline: none;
        width: 100%;
    }

        .contact-box input, .contact-box select,
        .contact-box textarea, .contact-box p {
            width: 80%;
        }

    .contact .contact-box input, .contact .contact-box textarea, .contact .contact-box select{
        width:100%;
    }
    .contact h2 {
        text-align: left;
    }

    .details-page p.mobile {
        text-align: center;
        padding-top: 10px;
    }

    .details-page .something-special {
        padding: 0px 30px 10px 30px;
    }

    .details-page-related .homeItems {
        padding: 0px 6px;
    }

    .details-page .limagepop {
        width: 100%;
        height: initial;
        margin-bottom: 20px;
    }

    .details-page .nav-buttons {
        text-align: center;
        width: 100%;
    }

    .details-page h1 {
        text-align: center;
        margin: 0px;
        margin-bottom: 20px;
        font-size: 28px;
        font-weight: 600;
        color: #000;
    }

    .details-page iframe {
        width: 100%;
        height: auto;
    }

    .checkout-left {
        position: relative;
    }

    .checkout form .three.columns {
        width: 49%;
    }

        .checkout form .three.columns.omega {
            margin-left: 2%;
        }

    .checkout-right input[type="submit"] {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .thankyou-box1, .thankyou-box2 {
        width: 100%;
    }

    .modalMessages {
        text-align: center;
    }

        .modalMessages .one-third {
            width: 100%;
            float: none;
            padding-right: 15px;
        }

    .slider .thumbnails .two.columns {
        display: none;
    }

    .home-vertical {
        display: block !important;
        margin-bottom: 20px !important;
    }

    .footer-checkout{
        padding-bottom: 20px;
        background-color: #fff;
    }

    .footer-checkout .secure-text, .footer-checkout .copyright-text {
        float: none;
        text-align: center;
        display: inline-block;
        font-family: 'Source Sans Pro';
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
    }

    .footer-checkout .copyright-text {
        padding-bottom:20px;
        opacity:.7;
    }

    .footer-menu {
        text-align: center;
    }

        .footer-menu .extra-left {
            padding-left: 0 !important;
        }

        .footer-menu .four {
            margin: 10px 0;
        }

    footer .copyright .credit-cards {
        float: none;
        text-align: center;
    }

        footer .copyright .credit-cards img {
            margin: 20px 0;
        }

    body {
        padding-top: 100px;
    }

    header {
        height: 100px;
    }

    .container.menu {
        position: absolute;
        right: -20px;
        width: 0px;
        top: 100px;
        border: none;
        transition: all ease .2s;
        background-color: #F8F8F8;
        padding: 0px !important;
    }

    .expand {
        /*      width: calc(100% + 20px) !important;*/
        width: 100% !important;
        right: 0px !important;
    }
   
    .container.menu.expand .div-close {
        position: absolute;
        right: 0px;
        /* width: 59px; */
        /* height: 20px; */
        top: -45px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath stroke-width='2' stroke='%233F3C37' d='m1.414 1 17.678 17.678M18.678 1 1 18.678'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 80% 50%;
        color: #3F3C37;
        font-size: 16px;
        line-height: 13px;
        font-weight: 700;
        background-color: #F8F8F8;
        /* padding: 20px; */
        padding-right: 45px;
        /* padding-top: 17px; */
        height: 45px;
        display: flex;
        align-items: center;
        padding-left: 15px;
    }

    nav.container.menu.expand li{
        padding-left:15px;
    }

    .container.menu li {
        display: block;
        border-bottom: solid 1px #E9E9E9;
        padding: 0px;
        /*height: 44px;
        padding-left: 30px;*/
    }

        .container.menu li a:link {
            display: block;
            white-space: nowrap;
            padding: 11px 0px 11px 10px;
        }

    .container {
        padding: 0px 10px !important;
    }

        .container.head {
            height: 44px;
        }

    ul.topMenu li ul {
        display: block;
    }

    .top-menu {
        border-top: solid 1px #E9E9E9;
        padding-top: 10px;
    }

    ul.topMenu {
        position: absolute;
        overflow-y: scroll;
        max-height: calc(100vh - 100px);
        background: #f8f8f8;
        width: 100%;
    }

    #mMenuToggle {
        color: #FF720C;
        font-family: 'Spartan';
        font-size: 12px;
        font-weight: 700;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='14' viewBox='0 0 25 14' fill='none'%3E%3Cline x1='0' y1='1' x2='25' y2='1' stroke='%23FF720C' stroke-width='2'/%3E%3Cline x1='0' y1='7' x2='25' y2='7' stroke='%23FF720C' stroke-width='2'/%3E%3Cline x1='0' y1='13' x2='25' y2='13' stroke='%23FF720C' stroke-width='2'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        float: right;
        padding-right: 30px;
        background-position: 100% 1px;
        cursor: pointer;
    }

    #announce {
        background-color: transparent;
        padding: 0px;
        padding-left: 20px;
        background-position: 0px;
        display: inline;
    }

    .pitem {
        height: 260px;
    }

        .pitem .dvimg {
            height: 175px;
        }

        .pitem.four.columns {
            width: 50%;
            float: left;
        }

        .pitem:hover {
            box-shadow: none;
        }

    a.button.button {
        width: 100%;
    }

    div#dvMSlider {
        width: 100%;
    }

        div#dvMSlider .thumbs {
            width: 100%;
            display: block;
            padding: 0px 10px;
            margin-top: 10px;
        }

        div#dvMSlider .singleCol {
            display: flex;
            align-items: center;
            justify-content: center;
            float: left;
            padding: 2px;
            max-width: 24%;
            margin: 0px 1px;
        }

            div#dvMSlider .singleCol a {
                max-height: 100%;
            }

    #dvMSlider .img-container {
        width: 100%;
        text-align: center;
        height: 330px;
        align-items: center;
    }

    .singleCol:hover {
        border-color: #E5E5E5;
        box-shadow: none
    }

    .gray-bg {
        background-color: #F8F8F8;
    }

    .white-bg {
        background-color: #fff;
    }

    .sliderTitle {
        font-size: 22px;
        text-align: center;
    }

    #swp1, #swp_recent {
        padding-top: 30px !important;
    }

    .prodSlide {
        height: 270px;
        width: 48%;
        margin: 0px;
        display: inline-block;
        margin-bottom: 2%;
        overflow: hidden;
    }

        .prodSlide.left {
            margin-right: 1%;
        }

        .prodSlide.right {
            margin-left: 1%;
        }


        .prodSlide .p-image {
            height: 200px;
        }

    .p-image img {
        max-height: 90%;
    }

    .homeItems {
        margin-top: 40px;
    }

        .homeItems a {
            text-decoration: none;
        }

    footer .footer-menu > .container {
        display: block;
    }

    footer h3 {
        margin: 0px;
        margin-top: 40px;
        margin-bottom:10px;
    }

    footer .phone, footer .address, footer .hours {
        background-image: none;
        padding: 0px;
    }

    .spnWhy {
        background-image: none;
        padding: 0px;
    }

    .copyright-text.columns.fl {
        float: none;
    }

        .copyright-text.columns.fl ul {
            padding-top: 30px;
        }

        .copyright-text.columns.fl li {
            display: block;
            text-align: center;
            margin-bottom: 15px;
            padding: 0px;
        }

            .copyright-text.columns.fl li:after {
                content: '';
            }

    copyright-text.columns.fl li a {
        padding: 0px;
    }

    footer .copyright li a {
        padding: 0px;
    }

    footer a {
        padding: 5px;
    }

    #swp2 {
        padding-top: 30px !important;
    }

    .pBottom p a:link, .pBottom p a:visited {
        padding-left: 0px;
    }

    .breadcrumbs.container.mobile {
        padding: 25px 0px 10px 0px !important;
        text-align: center;
        width: 100%
    }

    .breadcrumbs li {
        padding: 0px;
    }

        .breadcrumbs li:after {
            margin: 0px 4px 0px 8px;
        }

    .three.columns.colH {
        padding-top: 0px;
    }

    .products.spacing .thirteen.columns {
        padding-left: 0px;
    }

    .funerals .funeralItem:hover {
        box-shadow: none;
    }

    #dvHeroSlider .slider.bg {
        height: initial;
        padding-top: 20px;
        background: #fff;
    }

    aside ul {
        margin-bottom: 0px;
    }

    .browse-page.spacing {
        padding-top: 20px;
    }

        .browse-page.spacing h2 {
            margin-top: 20px;
        }

    .weddings-details {
        padding-top: 0px;
    }

    .wedding-table-container {
        display: block;
        width: 100%;
    }

        .wedding-table-container .colH {
            margin-bottom: 10px;
        }

    .footer-checkout .sixteen.columns.alpha{
        text-align:center;
    }

    #dvMSlider .banner-description > a img{
        width:initial;
        height:initial;
    }
    #dvMSlider .banner-description{
        height:270px;
    }

    .menu-divider {
        border-top: none;
    }

    .five.columns.dvWhy {
        width: 100% !important;
        max-width: 100%;
    }

    a.spnWhy {
        background-image: none;
        font-size: 15px;
        font-family: 'Source Sans Pro';
        font-weight: 400;
        padding: 5px;
        line-height: 19px;
    }

    .footer-logo{
        width:163px;
        margin-bottom:17px;
    }

    .remodal-overlay .remodal {
        visibility: visible;
        min-height: auto;
        padding: 30px;
        width: 100%;
        height: auto;
    }

        .remodal-overlay .remodal[data-remodal-id='image-popup'] {
            padding: 5px;
        }

        .large-image-details {
            max-width: 300px;
        }

    .checkout-right h4 .divider {
        padding-top: 4px;
    }
    a.codeLink:link, a.codeLink:visited {
        padding-left: 15px;
    }
    .checkout-right h4 {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .checkout-right a.inspiration {
      font-size:13px;
    }
    .spnCartNote{
        text-align:center;
    }

    .checkout-complete .button4{
        display:block;
        margin-top:15px;
    }

    .about-profile-description {
        padding: 0px 40px 40px 40px;
        border-radius: 5px;
        position: relative;
    }

    .shadow {
        box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 10%);
    }

    .dvSliderBtn {
        margin-top: 10px;
        padding-bottom: 70px;
    }

    .reminder-container #day{
        width:48%!important;
    }

    .reminder-container .reminder-box2 {
        margin-left: 0px !important;
        margin-top: 30px;
    }

    .link-browse-flowers {
        width: 60%;
    }

    .reminder-contact-box {
        padding: 45px 45px 60px 45px;
    }

    textarea.message {
        max-width: 100%;       
        min-width: 100%;
    }

    .breadcrumbs.container {
        padding-left: 0px !important;
        text-align: left;
    }

    .about.spacing{
        padding-top:15px;
    }

    .team-page-container {
        padding: 0px !important;
        width: 100%;
    }

    .div-content h2{
        text-align:left;
    }

    .product .bcCont {
        padding:25px;
    }

    .details-page p.local {
        text-align: center;
    }

    .bcCont .breadcrumbs.container{
        text-align:center;
    }
    .footer-checkout .copyright-text {
        padding-top: 0px;
    }
    .details-page .discontinue-header {
        margin-bottom: 5px;
        margin-top: 20px;
    }
    #announce a{
        padding:0px;
    }

    .remodal.same-day {
        padding: 30px 10px !important;
    }

    .same-day .modal{
        width:initial;
        padding:13px;
    }

        .same-day .modal h1 {
            text-align: center;
            width: 320px;
            margin: auto;
            margin-bottom: 30px;
            margin-top: 6px;
        }

    .details-page .something-special h1.sold-out {
        padding-top: 15px;
        padding-bottom: 10px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #video {
        height: auto;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .slider .large-image img {
        width: 90%;
    }

    a.button {
        display: block;
        width: 90%;
    }

    a.button.button2{
        text-align:center;
    }

    .header-checkout ul.steps li {
        display: none;
    }

        .header-checkout ul.steps li.selected {
            display: block;
        }

}
/* responsive video container */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }




@media only screen and (min-width: 768px) and (max-width: 1139px) {
    .checkout-left .order-summary .product .product-name{
        max-width:200px;
    }
    textarea.message {
      /*  max-width: 460px;
        width: 460px;
        min-width: 460px;*/
      max-width:100%;
      min-width:100%;
    }
    .seven.columns.omega.browse-second-col {
        width: 336px;
        display: flex;
        justify-content: space-around;
    }
    .browse-second-col h2 {
        white-space:nowrap;
    }
    .fixw {
        width: 460px !important;
    }
    .lmFix {
        margin-left: 0px !important;
    }
    .fixw2 {
        width: 220px !important;
    }
    .details-page .something-special button.button.button2 {
        width: auto;
    }

    .button.button5.h48.btnApply {
        padding-left: 19px;
    }

    .button.button6.rimg.h48.btnCancel {
        padding-left: 9px;
    }
    body.content-layout {
        width: 1000px;
        margin: auto;
    }

        body.content-layout header {
            width: 1000px;
        }

    html {
        background-color: #F8F8F8;
    }


    ul.topMenu {
        display: flex;
        justify-content: space-between;
        border-top: solid 1px #E9E9E9;
    }

        ul.topMenu > li {
            padding: 8px 8px;
        }

        li.desktop.hasChilds {
            padding-right: 15px;
        }

    ul.topMenu li.hasChilds:after {
        right: 3px;
    }

    nav.container.menu {
        padding: 0px;
    }
        #announce a {
            display: block;
            margin-left: 0px;
        }

    aside.four.columns.alpha {
        margin-right: 0px;
    }
    .teamBG {
        right: -129px;
        background-size: 50%;
        background-position: top right;
    }
    .about-profile-description {
        width: 550px;
    }

    .about .container .twelve.columns, .faqs .container .twelve.columns {
        width: 522px;
    }

    .contact-box .five.columns.alpha{
        margin-right:8px;
    }

    .dvMotto {
        width: 45%;
    }

    .dvMotto .button2 {
        width: 100%;
    }

    .funerals .container .four.columns {
        width: 172px;
        /* display: inline-block; */
        height: 370px;
    }

    .funerals.products.spacing .thirteen.columns{
        padding-left:3%;
    }


}


@media only screen and (max-width:1140px){

}

@media only screen  and  (min-width:768px){

    .details-page.single-p-image {
        display: flex;
    }

        .details-page.single-p-image .limagepop.main-image {
            height: 100%;
            align-items: center;
            display: flex;
        }



    ul.topMenu li:hover ul {
        display: block;
        position: absolute;
        width: 150px;
        background-color: #fff;
        left: 0px;
        border: solid 1px #F2F2F2;
        border-radius: 5px;
        border-top-left-radius: 0px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
        padding-bottom: 6px;
    }

    ul.topMenu .hasChilds {
        padding-right: 30px;
    }

    ul.topMenu li:hover ul li {
        padding: 10px;
    }

    ul.topMenu li:hover ul {
        display: inline-block;
    }
}

@media only screen and (min-width:1139px) {

    .details-page.single-p-image {
        display: flex;
    }

        .details-page.single-p-image .limagepop.main-image {
            height: 100%;
            align-items: center;
            display: flex;
        }
    .div-sympathy .pitem.five.columns.alpha {
        margin-left: 25px;
    }

    .div-sympathy .pitem.five.columns {
        margin-right: 25px;
    }
        .div-sympathy .pitem.five.columns.omega {
            margin-right: 10px;
        }

    .contact textarea.message {
        max-width: 690px;      
        min-width: 690px;
    }
}

@media only screen and (min-width:1140px){
    .help-block {
        white-space: nowrap;
    }

    body.content-layout {
        width: 1200px;
        margin: auto;
    }

        body.content-layout header {
            width: 1200px;
        }

    html {
        background-color: #F8F8F8;
    }
}


@media only screen and (max-width:400px) {
    .container {
        width: 100%;
    }

    .award.mobile {
        display: none !important;
    }

    a.button, a.roundButton {
        font-size: 13px;
        padding: 10px 14px 8px 0px;
    }

        a.button:after {
            margin-top: -6px;
            margin-left: 2px;
        }
    #announce, #announce a{
        font-size: 12px;
    }
    footer{
        overflow:hidden;
    }

    .phone-container {
        padding-left: 25px;
        background-position: 6px 3px;
    }

    header .phone span {
        font-size: 11px;
    }

    .logo.mobile.topBar .secure-text {
        font-size: 13px;
        background-size: 13%;
        padding-left: 16px;
        background-position: 1px 6px;
    }

    .details-page .something-special h2 {
        line-height: 25px;
        padding-top: 15px;
        padding-bottom: 10px;
    }



}
@media only screen and (max-width:290px){
    #announce{
        display:none;
    }
    .phone{
        display:none;
    }
}
@media only screen and (max-width:370px){
    .same-day .modal h1 {
        width: initial;
    }
}