@charset "utf-8";
/* CSS Document */
@media all and (max-width: 1220px) {
    .top-menu-wrapper {
        width:100%;
        padding:0 20px 0 20px;
    }
    .top-menu-wrapper-wh {
        width:100%;
        padding:0 20px 0 20px;
    }
    .respmenu {
        display:block;
        position:absolute;
        top:40px;
        right:20px;
        transition: all 0.5s;
    }
    .uk-sticky-below .respmenu {
        display:block;
        position:absolute;
        top:19px;
        right:20px;
    }
    .respmenu-wh {
        display:block;
        position:absolute;
        top:29px;
        right:20px;
        transition: all 0.5s;
    }
    .uk-sticky-below .respmenu-wh {
        display:block;
        position:absolute;
        top:19px;
        right:20px;
    }
    .display-menu {
        display:none;
    }
    .display-menu-wh {
        display:none;
    }
    .wrap-inside {
        width:100%;
        margin:0 auto 0 auto;
    }
    .top-menu-left {
        width:80%;
    }
    .top-menu-right {
        width:20%;
    }
    .package-footer ul li {
        display:inline !important;
        box-sizing:border-box;
        float:left !important;
        width:50% !important;
        margin:10px 0 0 0 !important;
        padding:0 !important;
        font-size:20px;
        border-left:0px;
        border-right:solid #e8e8e8 1px;
        text-align:center;
        font-weight:400;
    }
    .package-footer ul li:first-child {
        width:100% !important;
        border-right:0px;
        font-weight:700;
        color:#9b3949;
        border-bottom:solid #e8e8e8 1px;
        padding:0 0 10px 0 !important;
        margin:0 !important;
    }
    .package-footer ul li:last-child {
        border-right:0px;
    }
    .our-pros p.disp-txt {
        padding:0 20px 0 20px;
    }
    .package p.disp-txt {
        padding:0 20px 0 20px;
    }
    .readyspace p.disp-txt {
        padding:0 20px 0 20px;
    }
}

@media all and (max-width: 1000px) {
    .success-detail {
        padding:30px 0 0 0;
    }
    .success p {
        padding:0;
    }
    .success-message {
        padding:20px 0 40px 0;
    }
    .franchise-add-line p {
        padding:0 0 0 0;
    }
    .shop-menu-list {
        box-sizing:border-box;
        width:100%;
        float:left;
        padding:0 0 40px 0;
    }
    .contact p {
        padding:0 0 0 0;
    }
    .package p {
        padding:10px 0 0 0;
    }
    .our-pros p {
        padding:0 0 0 0;
    }
}

@media all and (max-width: 900px) {
    .form-list {
        width:100%;
        padding:0 30px 0 30px;
        margin:0 0 30px 0;
    }
    .form-message {
        margin:0;
    }
    .checkbox-full {
        margin:50px 0 0 0;
    }
}

@media all and (max-width: 820px) {
    /*
    .package-slider-wrapper .uk-grid {
        margin-left:-30px !important;
    }
    */
    .package-left {
        width:100% !important;
        border-radius:5px 5px 0 0;
        background:none !important;
        /* max-height:500px !important; */
    }
    .package-left .packimage {
        display:block;
        padding:0 0 20px 0;
    }
    .package-left .packimage img {
        width:100%;
        height:auto;
        border-radius:5px 5px 0 0;
    }
    .package-slider-wrapper .uk-grid > * {
        padding-left: 0;
    }
    .package-right {
        width:100% !important;
        padding-left:50px !important;
        padding-right:50px !important;
        padding-top:30px !important;
        padding-bottom:60px !important;
    }
    .about {
        padding:60px 30px 50px 30px;
    }
    .about-text {
        width:100%;
        padding:0;
    }
    .about-image {
        padding:30px 0 0 0;
        width:100%;
    }
    .about-text-left {
        width:100%;
        padding:40px 0 0 0;
    }
    .about-image-left {
        width:100%;
    }
    .about-text-right {
        width:100%;
        padding:0 0 40px 0;
    }
    .about-image-right {
        width:100%;
    }
    .about-image-grid-left {
        width:100%;
    }
    .about-text-grid-left {
        width:100%;
    }
    .about-text-grid-left span {
        padding:40px 0 0 0;
    }
    .areavdo {
        width:100%;
        margin:0 auto 0 auto;
        padding:80px 30px 80px 30px;
    }
    .our-pros {
        padding:60px 30px 60px 30px;
    }
    .our-pros ul.threecol li {
        width:46%;
        margin:0 2% 0 2%;
        padding:40px 30px 40px 30px;
        border-radius:5px;
    }
    .our-pros ul.fourcol {
        margin:20px 0 10px 0;
    }
    .our-pros ul.fourcol li {
        width:46%;
        margin:30px 2% 0 2%;
    }
    .our-pros ul.threecol li:first-child {
        width:96%;
        margin:0 2% 4% 2%;
        border-left:none;
    }
    .shop-menu-tab {
        display:none;
    }
    .frdy-left {
        width:100%;
    }
    .frdy-right {
        width:100%;
        padding:30px 25px 30px 25px;
    }
    .branch {
        padding:80px 30px 60px 30px;
    }
    .branchlist {
        width:48%;
        margin:0 1% 20px 0 !important;
        float:left;
    }
    .branchlist {
        width:48%;
        margin:0 1% 20px 0 !important;
        float:left;
    }
    .prodone-list {
        width:48%;
        margin:0 1% 20px 1% !important;
        float:left;
    }
    .prodone-left {
        width:100% !important;
    }
    .prodone-left img {
        border-radius:5px 5px 0 0;
    }
    .prodone-right {
        width:100% !important;
    }
    .branch .uk-grid {
        margin-left:1% !important;
    }
    .branch-left {
        width:100%;
        padding:0;
    }
    .branch .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin, * + .uk-grid-margin {
        margin-top:0 !important;
    }
    .branch-left img {
        border-radius:5px 5px 0 0;
    }
    .branch-right {
        width:100%;
        float:left;
        box-sizing:border-box;
        margin:0;
        padding:0 !important;
        text-align:left;
    }
    .branch-right ul.locationspec {
        margin:30px 0 0 0;
        padding:15px 0 0 0;
        border-top:solid #dfdfdf 1px;
        border-top-style: dotted;
    }
    .branch-right ul.locationspec li {
        width:100%;
        display:inline;
        margin:0;
        padding:0 0 20px 0;
        text-align:left;
    }
    .branch-right ul.locationspec li:first-child {
        width:100%;
        text-align:left;
    }
    .branch-right span.locationdesc {
        margin:0;
    }
    .branchlistcol {
        width:48%;
        margin:15px 1% 15px 1%;
    }
    .dp-product-list {
        width:48%;
        margin:15px 1% 15px 1%;
    }
}

@media all and (max-width: 720px) {
    .branch-right .delivery-app ul.fourcol-icon-delivery li {
        padding:5px 10px 5px 0 !important;
    }
}

@media all and (max-width: 700px) {
    .our-pros ul.threecol li {
        width:100%;
        margin:30px 0 0 0;
        padding:40px 30px 40px 30px;
        border-radius:5px;
    }
    .our-pros ul.threecol li:first-child {
        width:100%;
        margin:0 0 0 0;
        border-left:none;
    }
    .our-pros ul.fourcol li {
        width:100%;
        margin:30px 0 0 0;
    }
    .our-pros ul.twocol {
        margin:20px 0 0 0;
    }
    .our-pros ul.twocol li {
        width:100%;
        margin:30px 0 0 0;
    }
}

@media all and (max-width: 600px) {
    .main-gallery ul li {
        width:50%;
    }
    .frdy-right ul.locationspec li {
        width:100%;
        display:block;
        padding:10px 0 10px 0;
        text-align:left;
    }
    .frdy-right ul.locationspec li:first-child {
        width:100%;
        text-align:left;
    }
    .branch {
        padding:80px 30px 50px 30px;
    }
    .branchlist {
        width:100%;
        margin:0 0 30px 0 !important;
        float:left;
    }
    .prodone-list {
        width:100%;
        margin:0 0 30px 0 !important;
        float:left;
    }
    .branch .uk-grid {
        margin-left:0 !important;
    }
    .branchlistcol {
        width:100%;
        margin:15px 0 15px 0;
    }
    .dp-product-list {
        width:100%;
        margin:15px 0 15px 0;
    }
    .branchlistcol .storedescp .delivery-app ul.fourcol-icon-delivery li {
        padding:5px 10px 5px 10px !important;
        line-height:50px;
    }
    .branchlistcol .storedescp .delivery-app ul.fourcol-icon-delivery li img {
        width:40px;
    }
    .branch-right .delivery-app ul.fourcol-icon-delivery li {
        padding:5px 20px 5px 0 !important;
    }
}

@media all and (max-width: 520px) {
    .package-footer ul {
        border-top:0px;
        border-bottom:0px;
        padding:10px 0 0 0;
    }
    .package-footer ul li {
        display:inline !important;
        box-sizing:border-box;
        float:left !important;
        width:100% !important;
        margin:0 !important;
        padding:10px 0 10px 0 !important;
        font-size:20px;
        border-left:0px;
        border-right:0px;
        border-bottom:0px;
        border-top:solid #e8e8e8 1px;
        text-align:center;
        font-weight:400;
    }
    .package-footer ul li:first-child {
        width:100% !important;
        border-right:0px;
        font-weight:700;
        color:#9b3949;
        border-bottom:0px;
        padding:10px 0 10px 0 !important;
        margin:0 !important;
    }
    /*
    .disp-shop-menu {
        padding:0;
    }
    .disp-shop-menu .menu-pic {
        display:none;
    }
    .disp-shop-menu .menu-name h4 {
        padding:0;
    }
    */
    .disp-shop-menu {
        position:relative;
        padding:0;
    }
    .disp-shop-menu .menu-pic {
        position:static;
        left:0;
        top:0;
        width:100%;
        box-sizing:border-box;
        height:auto;
        text-align:center;
        margin:20px 0 20px 0;
    }
    .disp-shop-menu .menu-pic img {
        width:100%;
        height:auto;
        position:static;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -ms-border-radius:5px;
        border-radius:5px;
    }
}

@media all and (max-width: 460px) {
    .success-image {
        width:100%;
        height:auto;
        margin:20px auto 0 auto;
    }
    .branch-right .delivery-app ul.fourcol-icon-delivery li {
        padding:5px 10px 5px 0 !important;
    }
}

@media all and (max-width: 400px) {
    .top-menu-left {
        width:50%;
    }
    .top-menu-right {
        width:50%;
    }
    .respmenu ul {
        margin:0;
    }
    .respmenu-wh ul {
        margin:0;
    }
}