img {
    max-width: 100%;
}

.bg-grey {
    background: #edecec;
}
.text-gold{color:#c5a458 !important;}
.main_banner {
    width: 100%;
    max-width: 100%;
    float: left;
    display: block;
    padding: 40px 0px 0px 0px;
    height: 600px;
    margin-bottom: 7%;
}

.hr_seprator {
    display: block;
    height: 1px;
    width: 100%;
    max-width: 75%;
    float: left;
    background: #c5a458;
    margin: 50px auto;
}

.main_container {
    width: 100%;
    max-width: 100%;
    float: left;
    display: block;
    margin: 0 auto;
}
/*off canvas*/
.sidenav {
    height: 0%;
    width: 100%;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #c5a458;
    overflow-y: hidden;
    transition: 0.5s;
}

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #fff;
        display: block;
        transition: 0.3s;
    }

        .sidenav a:hover {
            color: #f1f1f1;
        }

    .sidenav .closebtn:after {
        position: absolute;
        content: "";
        height: 1px;
        width: 55px;
        background: #fff;
        transform: translateY(-50%);
        right: 85%;
        top: 50%;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 7%;
        right: 12%;
        font-size: 16.94px;
        margin-left: 50px;
    }

#main {
    transition: margin-left .5s;
    line-height: 50px;
    position: relative;
    cursor: pointer;
}

    #main::after {
        position: absolute;
        right: 12%;
        top: 50%;
        transform: translateY(-50%);
        content: "";
        height: 1px;
        width: 55px;
        background: #615e63;
    }

    #main span {
        font-size: 16.94px;
        color: #c5a458;
        letter-spacing: 1px;
    }

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

.site_logo img {
    width: 100%;
    max-width: 25%;
}

.nav_menu {
    list-style: none;
    width: 100%;
    max-width: 65%;
    text-align: center;
    display: block;
    margin: 15% auto 2% auto;
    padding: 0;
}

    .nav_menu li {
        display: block;
        position: relative;
    }

        .nav_menu li a {
            font-size: 25px;
            font-family: butlerultralight;
            text-transform: capitalize;
            letter-spacing: 0.8px;
        }

            .nav_menu li a:hover {
                border-bottom: 1px solid #fff;
                padding-bottom: 10px;
                max-width: fit-content;
                max-width: -moz-fit-content;
                margin: 0 auto;
            }

        .nav_menu li .hover_img {
            display: block;
            opacity: 0;
            position: absolute;
            top: -100%;
            right: -50%;
            height: 100%;
            width: 100%;
            transition: all 0.3s ease-in-out;
            cursor: pointer;
            z-index: -1;
        }

        .nav_menu li a:hover .hover_img {
            display: block;
            opacity: 1;
        }

.nav_social {
    list-style: none;
    text-align: center;
    margin: 20px auto;
}

    .nav_social li {
        display: inline-block;
    }

        .nav_social li a {
            padding: 0 10px;
            font-size: 16px;
            font-family: 'd-din_expregular';
            color: #fff;
            letter-spacing: 1px;
        }

.hero_slider {
    padding: 0;
    list-style: none;
}

    .hero_slider li:focus {
        outline: none;
    }
	
    .hero_slider li .hero_image img {
        float: right;
        max-width: 49%;
    }

    .hero_slider li .hero_image figcaption {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 19%;
    }

.hero_image figcaption h2 {
    font-size: 55px;
    font-family: butlerultralight;
    color: #646566;
    font-weight: 500;
    width: 100%;
    max-width: 100%;
}

.hero_image figcaption a {
    color: #c5a458;
    text-transform: uppercase;
    font-family: 'd-dindin-bold';
    font-size: 14px;
    letter-spacing: 1px;
    border-bottom: 1px solid #c5a458;
    padding-bottom: 5px;
}

    .hero_image figcaption a:focus, .hero_image figcaption a:hover {
        text-decoration: none;
    }

.hero_slider button.slick-prev:focus,
.hero_slider button.slick-next:focus {
    outline: none;
}

.hero_slider button.slick-prev {
    position: absolute;
    top: 68%;
    left: 19%;
    content: "";
    z-index: 99;
    height: 30px;
    width: 30px;
    background-image: url(../images/left.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
}

.hero_slider button.slick-next {
    position: absolute;
    top: 68%;
    left: 23%;
    content: "";
    z-index: 99;
    height: 30px;
    width: 30px;
    background-image: url(../images/right.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
}

.collection_slider h2 {
    font-family: butlerultralight;
    font-size: 30px;
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
}

.coll_slider {
    list-style: none;
    padding: 7% 0 5% 0;
    margin: 0;
}

    .coll_slider li {
        padding: 60px 0;
    }

        .coll_slider li:focus {
            outline: none;
        }

        .coll_slider li figure {
            position: relative;
        }

            .coll_slider li figure img {
                max-width: 85%;
            }

            .coll_slider li figure figcaption {
                position: absolute;
                left: 3%;
                bottom: 3%;
            }

                .coll_slider li figure figcaption h2 {
                    font-family: butlerultralight;
                    font-size: 65px;
                    color: #fff;
                }

    .coll_slider .slick-dots {
        text-align: center;
        padding: 0;
    }

        .coll_slider .slick-dots li {
            display: inline-block;
            padding: 0 6px;
        }

            .coll_slider .slick-dots li button {
                height: 15px;
                width: 15px;
                padding:0;
                border-radius: 50%;
                display:block;
                background: antiquewhite;
                border: none;
            }

            .coll_slider .slick-dots li.slick-active button {
                background: #c5a458;
            }

            .coll_slider .slick-dots li button:focus {
                outline: none;
            }

    .home_location .slick-arrow {
        display: none !important;
    }

    .home_location .slick-dots {
        text-align: center;
        padding: 0;
    }

        .home_location .slick-dots li {
            display: inline-block;
            padding: 0 6px;
        }

            .home_location .slick-dots li button {
                height: 15px;
                width: 15px;
                border-radius: 50%;
                background: antiquewhite;
                border: none;
            }

            .home_location .slick-dots li.slick-active button {
                border: 1px solid #c5a458;
                background: #c5a458;
            }

            .home_location .slick-dots li button:focus {
                outline: none;
            }

.content_t {
    position: relative;
}

    .content_t::after {
        position: absolute;
        content: "";
        background-image: url(../images/T.png);
        background-position: center;
        background-size: initial;
        top: -25%;
        left: 0;
        right: 0;
        height: 500px;
        background-repeat: no-repeat;
        z-index: 1;
    }

.video_section {
    cursor: pointer;
    text-align: center;
    position:relative;
    transition:all 0.3s ease-in-out;
}

    .video_section video {
        height: 100%;
        width: 100%;
        max-width: 80%;
        margin: 0 auto;
        position:relative;
    }


    /*New video CSS*/
video {
    width: 100%;
    height: 100%;
}

.video__controls {
    display: flex;
    position: absolute;
    top: 4.5%;
    height: 90.5%;
    cursor:pointer;
    width: 100%;
    background: rgba(239, 239, 236, 0.33);
    opacity: 1;
    visibility: visible;
    transition: 0.2s visibility, 0.2s opacity;
}
.video__controls.tech {
    display: flex;
    position: absolute;
    top: 5.5%;
    height: 88.5%;
    cursor:pointer;
    width: 100%;
    background: rgba(239, 239, 236, 0.33);
    /* padding: 0.2em 0; */
    opacity: 1;
    visibility: visible;
    transition: 0.2s visibility, 0.2s opacity;
}


.video__wrap:hover .video__controls{
    opacity: 1;
    visibility: visible;
}

.video[data-playing] ~ .video__controls { opacity: 0;
    visibility: visible;}
    
    .video__wrap:hover .video[data-playing] ~ .video__controls {opacity: 1;}
.video__wrap:hover .video__controls {
    top: 4.5%;
    height: 90.5%;    background: transparent;
}
.video[data-playing] ~ .video__controls {
    background: transparent;
}

.video__toggle {
    background: none;
    border: none;
    font-size: 1.2em;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%);
}

    .video__toggle::before {
        content: "";
        background-image:url(../images/playbtn.png);
        background-repeat: no-repeat;
        background-size:100%;
        background-position:center;
    }

.video[data-playing] ~ .video__controls .video__toggle::before {
    content: "";
    background-image: url(../images/playbtn.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.video__scrub {
    width: calc(100% - 5em);
    margin: 0;
    display: none !important;
}

.video__toggle:focus{
    outline:none;
}
/* not required */
.video__wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}



.border_top_bottom {
    border-top: 1px solid #c5a458;
    border-bottom: 1px solid #c5a458;
}

.service {
    margin: 6% 0;
}

.service_gap {
    float: left;
}

.service h2 {
    font-size: 55px;
    text-transform: uppercase;
    text-align: center;
    font-family: butlerultralight;
    color: #615e63;
    position: relative;
    margin-bottom: 3%;
}

    .service h2:after {
        position: absolute;
        content: "";
        height: 1px;
        width: 100%;
        max-width: 100px;
        background: #c5a458;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -25px;
    }

.service_box_one .s_img_two {
    margin-top: 20%;
    text-align: center;
}

.service_box_two div {
    margin: 25px 0;
}

.service_box_two h5 {
    font-size: 28px;
    font-family: butlerultralight;
    text-transform: capitalize;
    color: #615e63;
}

.service_box_two p {
    font-size: 17px;
    font-family: butlerultralight;
    color: #615e63;
}

.service_box_two .service_all {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'd-dinregular';
    font-weight: 600;
    color: #c5a458;
    text-align: center;
    letter-spacing: 1px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #c5a458;
    padding-bottom: 5px;
    max-width: fit-content;
    max-width:-moz-fit-content;
    margin: 0 auto;
}

.steps p {
    font-size: 28px;
    font-family: butlerultralight;
    color: #615e63;
    text-align: center;
}

.service_box_two .service_all:hover {
    text-decoration: none;
}

.service_box_three .s_img_three {
    text-align: center;
    padding: 35% 0;
}

.service_image img {
    max-width: 65%;
}

.connect_link {
    font-size: 14px;
    text-transform: uppercase;
    color: #c5a458;
    text-align: left;
    letter-spacing: 1px;
    width: 100%;
    font-family: 'd-dinregular';
    letter-spacing: 0.8px;
    display: block;
    border-bottom: 1px solid #c5a458;
    padding-bottom: 5px;
    max-width: fit-content;
    max-width:-moz-fit-content;
}

    .connect_link:hover {
        text-decoration: none;
        color: #c5a458;
    }

.step_detail_padding {
    padding-left: 13%;
}

.step_detail div {
    padding: 0;
    font-family: butlerultralight;
    font-size: 23px;
    text-align: center;
}

.step_detail p {
    font-size: 23px;
    font-family: butlerultralight;
    color: #615e63;
    text-align: left;
}


.testimonials .slick-slide {
    transform: scale(1, 1);
    transition: transform 0.3s;
}

    .testimonials .slick-slide.slick-center {
        transform: scale(1, 1);
    }

.testimonials .slide {
    padding: 0 70px;
}
.testimonials .slick-arrow{
    opacity: 0;
}
.testimonials .slick-dots {
    display: none !important;
}

.stores {
}

.stores_2 {
}

.stores:nth-child(4) {
}

.stores h2 {
    font-size: 28px;
    font-family: butlerultralight;
    color: #615e63;
    border-bottom: 1px solid #615e63;
    max-width: fit-content;
    max-width:-moz-fit-content;
    padding-bottom: 5px;
}

.stores p {
    font-size: 18px;
    font-family: butlerultralight;
    color: #615e63;
}

.padding_footer {
    padding: 8% 0;
}

.footer_title h2 {
    font-size: 17px;
    font-family: butlerultralight;
    color: #615e63;
    letter-spacing: 1px;
    text-transform: capitalize;
    border-bottom: 1px solid #c5a458;
    padding-bottom: 10px;
    max-width: fit-content;
    max-width:-moz-fit-content;
}

.social ul {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 10% 0;
}

    .social ul li {
        display: block;
        margin: 5px 0;
    }
    .social ul li a{color:#c5a458;font-size: 18px;
    font-family: butlerultralight;}
    .social ul li a:hover{color:#c5a458; text-decoration:none;}

.newsletter .subscribe_form .input_email {
    height: 55px;
    background: none;
    border: 1px solid #c5a458;
    width: 70%;
    float: left;
    font-family: 'd-dinregular';
}

.newsletter .subscribe_form .input_submit {
    background: #c5a458;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    height: 55px;
    font-family: 'd-dinregular';
    border: none;
    width: 25%;
    float: left;
}

.newsletter p {
    font-size: 17px;
    font-family: butlerultralight;
    color: #615e63;
}

.forms_content {
    margin: 10% 0;
}

.footer_menu {
    padding-left: 20%;
}

    .footer_menu .main_nav {
        list-style: none;
        padding: 0;
        margin: 10% 0;
    }

.main_nav li {
    margin: 10px 0;
}

    .main_nav li a {
        font-size: 17px;
        font-family: butlerultralight;
        color: #615e63;
    }

        .main_nav li a:hover {
            text-decoration: none;
        }

.contact_store {
    max-width: 100%;
    margin: 6% auto;
    float: none;
    background: #edecec;
    border: 1px solid #c5a458;
    padding: 10% 15%;
}

    .contact_store .panel {
        background: none;
        border: none;
        box-shadow: none;
    }

        .contact_store .panel .panel-heading {
            padding: 20px 15px;
            border-bottom: 1px solid #151515fa;
        }

        .contact_store .panel .panel-title {
            font-size: 28px;
            font-family: butlerultralight;
            color: #615e63;
            text-transform: uppercase;
            letter-spacing: 0.8px;
        }

            .contact_store .panel .panel-title a:hover, .contact_store .panel .panel-title a:focus, .contact_store .panel .panel-title a:active {
                text-decoration: none;
            }

        .contact_store .panel .panel-body {
            font-size: 17px;
            font-family: butlerultralight;
            color: #615e63;
            font-weight: 500;
            letter-spacing: 0.8px;
            border-top: none;
        }

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px;
}

.feedback_form form {
    padding: 0 15% 1% 15%;
}

    .feedback_form form .feed {
        width: 100%;
        border: none;
        border-bottom: 1px solid #c5a458;
        color: #615e63;
        height: 70px;
        margin: 15px 0;
    }

        .feedback_form form .feed:focus {
            outline: none;
        }

        .feedback_form form .feed::placeholder {
            color: #615e63;
            font-size: 17px;
            font-family: butlerultralight;
        }

    .feedback_form form .feed_submit {
        width: 100%;
        max-width: max-content;
        text-align: center;
        border: none;
        border-bottom: 1px solid #c5a458;
        padding-bottom: 10px;
        background: #fff;
        display: block;
        margin: 15px auto;
        font-family: 'd-dinregular';
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        color: #c5a458;
        letter-spacing: 0.8px;
    }


.main_services {
    margin: 6% 0;
    float: left;
    text-align: center;
}

    .main_services h2 {
        font-size: 40px;
        text-align: center;
        font-family: butlerultralight;
        color: #615e63;
        position: relative;
        margin-bottom: 5%;
        padding: 0 20%;
    }

        .main_services h2:after {
            position: absolute;
            content: "";
            height: 1px;
            width: 100%;
            max-width: 250px;
            background: #c5a458;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: -25px;
        }

.service_detail {
    text-align: center;
}

    .service_detail h2 {
        font-size: 45px;
        text-align: center;
        font-family: butlerultralight;
        color: #615e63;
        position: relative;
        margin-bottom: 5%;
        margin-top: 35%;
    }

        .service_detail h2:after {
            position: absolute;
            content: "";
            height: 1px;
            width: 100%;
            max-width: 100px;
            background: #c5a458;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: -25px;
        }

    .service_detail p {
        padding: 3% 3%;
        font-family: butlerultralight;
        font-size: 18px;
    }

    .service_detail a {
        display: inline-block;
    }

.blog_content figure {
    position: relative;
}

.blog_content figcaption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) !important;
    left: 0;
    right: 0;
    display: block;
}

    .blog_content figcaption h2 {
        text-transform: uppercase;
        font-size: 46px;
        font-family: butlerultralight;
        color: #fff;
        max-width: 50%;
        margin: 0 auto 3% auto;
    }

    .blog_content figcaption a {
        display: inline-block;
        font-weight: 600;
        background: #c5a458;
        padding: 12px 21px;
        color: #fff;
    }

        .blog_content figcaption a:hover {
            color: #fff;
        }


.press_content {
    border: 1px solid #c5a458;
    background: #edecec;
    padding: 15% 20% 10% 20%;
    font-family: butlerultralight;
    margin-top: -15%;
}

    .press_content h2 {
        font-size: 28px;
        text-align: center;
        font-family: butlerultralight;
        color: #615e63;
        text-transform: capitalize;
        position: relative;
        margin-bottom: 5%;
    }

        .press_content h2:after {
            position: absolute;
            content: "";
            height: 1px;
            width: 100%;
            max-width: 100px;
            background: #c5a458;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: -20px;
        }

    .press_content p {
        font-size: 18px;
        letter-spacing: 0.8px;
    }

.press_img {
    position: relative;
    z-index: 99;
}

    .press_img img {
        display: inline-block;
        max-width: 30%;
    }

.press_slider {
    list-style: none;
    padding: 0;
}

    .press_slider li:focus {
        outline: none;
    }

    .press_slider .slick-dots {
        position: absolute;
        bottom: 55px;
        left: 0;
        right: 0;
        text-align: center;
        list-style: none;
        padding: 0;
    }

        .press_slider .slick-dots li {
            display: inline-block;
            margin: 0 5px;
        }

            .press_slider .slick-dots li button:focus {
                outline: none;
            }

            .press_slider .slick-dots li button {
                height: 15px;
                width: 15px;
                border-radius: 50%;
                display: inline-block;
                background: #d8d8d8;
                border: none;
            }

            .press_slider .slick-dots li.slick-active button {
                height: 15px;
                width: 15px;
                border-radius: 50%;
                display: inline-block;
                background: #c5a458;
                border: none;
            }

.blog_list {
    margin: 5% 0;
}

    .blog_list .gap {
        margin: 3% 0;
    }

    .blog_list .blog_detail h5 {
        font-size: 15px;
        font-family: D-DIN;
        font-weight: 600;
        letter-spacing: 0.8px;
    }

    .blog_list .blog_detail h2 {
        font-size: 28px;
        text-align: left;
        font-family: butlerultralight;
        color: #615e63;
        text-transform: capitalize;
        position: relative;
        margin-bottom: 5%;
    }
    .blog_list .blog_detail a:hover{
        text-decoration:none;
    }
.blog_list .blog_detail a:focus{
    outline:none;
}
        .blog_list .blog_detail h2:after {
            position: absolute;
            content: "";
            height: 1px;
            width: 100%;
            max-width: 200px;
            background: #c5a458;
            left: 0;
            margin: 0 auto;
            bottom: -20px;
        }

    .blog_list .blog_detail p {
        font-size: 18px;
        text-align: left;
        font-family: butlerultralight;
        color: #615e63;
        max-width: 80%;
    }

.about_s1 {
    margin: 5% 0;
}

    .about_s1 .about_img {
        padding: 0;
    }

.about_details {
    padding-top: 15px;
}

    .about_details h2 {
        font-size: 75px;
        text-align: left;
        font-family: butlerultralight;
        text-transform: uppercase;
        color: #615e63;
        margin: 0 0 5% 0;
        line-height: 30px;
        border-bottom: 1px solid #c5a458;
        padding-bottom: 20px;
        max-width: max-content;
    }

        .about_details h2 span {
            font-size: 28px;
            font-family: butlerultralight;
            text-transform: capitalize;
        }

    .about_details p {
        font-size: 18px;
        text-align: left;
        font-family: butlerultralight;
        color: #615e63;
        max-width: 75%;
    }

    .about_details h3 {
        font-size: 14px;
        color: #c5a458;
        font-family: 'd-dinregular';
        font-weight: 600;
        text-transform: uppercase;
        border-bottom: 1px solid #c5a458;
        padding-bottom: 5px;
        max-width: max-content;
        letter-spacing: 0.8px;
    }

    .about_details .locations {
        list-style: none;
        padding: 0;
    }

        .about_details .locations li {
            display: inline-block;
            font-size: 18px;
            color: #615e63;
            font-family: butlerultralight;
        }

            .about_details .locations li:first-child {
                margin: 0;
            }

.brand {
    margin: 5% 0 auto;
}

    .brand h2 {
        font-size: 55px;
        text-align: left;
        font-family: butlerultralight;
        text-transform: uppercase;
        color: #615e63;
        margin: 0 auto 5% auto;
        line-height: 30px;
        border-bottom: 1px solid #c5a458;
        padding-bottom: 50px;
        max-width: max-content;
    }

.brand_name {
    max-width: 60%;
    margin: 0 auto !important;
    float: none;
    display: grid;
}

    .brand_name h3 {
        font-size: 28px;
        font-family: butlerultralight;
        color: #615e63;
        border-bottom: 1px solid #c5a458;
        max-width: max-content;
        padding-bottom: 20px;
        margin-top: 2%;
    }

    .brand_name p {
        font-size: 18px;
        text-align: justify;
        font-family: butlerultralight;
        color: #615e63;
        max-width: 90%;
        margin: 2% 0;
    }

.brand_img {
    margin-bottom: 5% !important;
}

    .brand_img img {
        max-width: 65%;
    }

.brand_gap {
    margin-bottom: 10% !important;
}
/*.brand_hr{
position: relative;
}
.brand_hr:before {
position: absolute;
content: "";
background: linear-gradient(to top left, #fff calc(50% - 1px), #c8a75c, #fff calc(50% + 1px) );
height: 100%;
width: 100%;
left: 0;
}*/
.mp0 {
    margin: 0;
    padding: 0;
}

.full_hr {
    width: 100%;
    max-width: 100%;
    float: left;
    display: block;
    height: 1px;
    background: #c5a458;
    margin: -3% 0 3% 0;
}

.employee figure {
    position: relative;
    text-align: center;
}

.employee figcaption {
    position: absolute;
    right: 10%;
    top: 25%;
    transform: translateY(-40%);
    max-width: 32%;
    width: 100%;
    display: block;
    text-align: left;
    font-family: butlerultralight;
    font-size: 18px;
    letter-spacing: 0.7px;
}

    .employee figcaption h2 {
        font-size: 55px;
        text-align: left;
        font-family: butlerultralight;
        color: #615e63;
        text-transform: uppercase;
        position: relative;
        margin-bottom: 10%;
    }

        .employee figcaption h2:after {
            position: absolute;
            content: "";
            height: 1px;
            width: 100%;
            max-width: 200px;
            background: #c5a458;
            left: 0;
            margin: 0 auto;
            bottom: -20px;
        }

.price_bg {
    position: relative;
}

    .price_bg:before {
        content: "";
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        float: left;
        display: block;
        height: 1px;
        background: #c5a458;
    }

.price_tab {
    border: 1px solid #c5a458;
    background: #edecec;
}

    .price_tab li a {
        padding: 25px 10px;
        font-size: 19px;
        text-transform: uppercase;
        color: #bcbcbc;
    }

    .price_tab li.active a, .price_tab li.active a:focus, .price_tab li.active a:hover {
        color: #c5a458;
        background: none;
        border-bottom: 2px solid;
        border-radius: 0px;
    }

.price_content {
    background: #edecec;
    border: 1px solid #c5a458;
    width: 100%;
    max-width: 60%;
    margin: 20% auto 5% auto;
}

    .price_content img {
        margin-top: -25%;
        max-width: 45%;
        margin-bottom: 25px;
    }

    .price_content .table-responsive {
        padding: 5% 10%;
    }

    .price_content h2 {
        font-size: 50px;
        color: #615e63;
        font-family: butlerultralight;
        text-transform: uppercase;
        border-bottom:1px solid #615e63;
        max-width: max-content;
        margin: 0 auto;
        padding-bottom: 20px;
    }

.price_table thead tr th {
    font-size: 18px;
    text-transform: uppercase;
    /*padding: 8px 30px 0 0px;*/
    color: #c5a458;
    font-family: 'd-din_condenseddinCnBd';
    letter-spacing: 0.8px;
    font-weight: 500;
    border-bottom: 0px;
    position: relative;
}
.price_table thead tr th span{border-bottom:1px solid #c5a458; padding-bottom:3px;}
.price_table tbody tr td {
    font-size: 24px;
    font-family: butlerultralight;
    text-transform: capitalize;
    color: #615e63;
    border-top: 0px;
    line-height: 24px;
    /*padding-right: 82px;*/
}
.price_table tbody tr td:first-child{
    text-align:left;
    padding-left:0;
    padding-right:0;
}

.price_note p {
    font-size: 22px;
    font-family: butlerultralight;
    color: #615e63;
}
.price_note a{color: #c5a458; font-size:20px;}

.tech_one p {
    font-size: 32px;
    color: #646566;
    font-family: butlerultralight;
    max-width: 60%;
    width: 100%;
    margin: 2% auto;
}

.tech_text {
    padding: 20% 0 30% 0;
}

    .tech_text p {
        font-size: 22px;
        color: #646566;
        font-family: butlerultralight;
        text-align: justify;
    }

.tech_slider {
    margin-top: -25%;
}

.tech_care figure {
    position: relative;
    text-align: center;
}

    .tech_care figure figcaption {
        position: absolute;
        top: 15%;
        left: 22%;
        width: 100%;
        text-align: left;
        max-width: 23%;
        border-bottom: 1px solid #c5a458;
    }

        .tech_care figure figcaption p {
            font-size: 22px;
            color: #646566;
            font-family: butlerultralight;
        }

.step_detail_padding_two {
    padding-left: 20%;
}

.atricle_content {
    margin: 10% 0;
}

.article_title h1 {
    font-size: 40px;
    font-family: butlerultralight;
    font-weight: 600;
}

.article_tags {
    padding: 0;
    list-style: none;
    margin: 2% 0;
}

    .article_tags li {
        display: inline-block;
        margin: 0 10px;
        font-size: 16px;
        font-family: butlerultralight;
        color: #615e63;
        letter-spacing: 1px;
        font-weight: 700;
    }

    .article_tags .dot {
        position: relative;
    }

        .article_tags .dot:after {
            position: absolute;
            content: "";
            height: 5px;
            width: 5px;
            right: -15px;
            border-radius: 50%;
            background: #c5a458;
            top: 50%;
            transform: translateY(-50%);
        }

.article_banner {
    text-align: center;
}

    .article_banner img {
        max-width: 80%;
        margin: 3% auto 2% auto;
        text-align: center;
        border-radius: 8px;
        transition: transform .3s;
    }

        .article_banner img:hover {
            -ms-transform: scale(1.1); /* IE 9 */
            -webkit-transform: scale(1.1); /* Safari 3-8 */
            transform: scale(1.1);
        }

.article_desc {
    font-family: butlerultralight !important;
    font-size: 16px;
    letter-spacing: 0.7px;
    max-width: 80%;
    width: 100%;
    margin: 5% auto;
    color: #151515fa;
}
.article_desc h1, .article_desc h2, .article_desc h3, .article_desc h5, .article_desc p, .article_desc p font, .article_desc span, .article_desc a{ font-family: butlerultralight !important;}

    .article_desc h2 {
        font-weight: 600;
    }

.modal{font-family: butlerultralight;  font-size: 24px;}
.modal-content {-webkit-box-shadow: none;  box-shadow: none;border: 1px solid rgb(206, 180, 117);}
.modal-header{    border-bottom: 1px solid #eeddc0; text-align: center;}
.close{    color: #c7a659;    font-size: 30px;  font-weight: 500; text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);  opacity: 1;}
.modal-body{    padding: 15px;  text-align: center;}

@media only screen and (max-width: 2800px){
    .service_gap{margin: 25% 0 6% 0;}
    .nav_menu{margin: 30% auto 2% auto;max-width: 96%;}
    .tech_care figure figcaption{    max-width: 16%;left: 29%;}
    .tech_slider { margin-top: -20%;}
}

@media only screen and (max-width: 2000px){
    .service_gap{margin: 15% 0 6% 0;}
    .nav_menu{margin: 15% auto 2% auto;max-width: 60%;}
}
@media only screen and (max-width: 1650px) {
    .nav_menu { margin: 10% auto 2% auto;  max-width: 60%;}
    .nav_menu li a {font-size: 55px;}
}
@media only screen and (max-width: 1450px) {
    .price_table tbody tr td{
        padding-right: 100px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .main_banner {
        padding: 0;
        height: 430px;
    }

    .site_logo img {
        width: 100%;
        max-width: 30%;
    }

    .hero_slider li .hero_image img {
        max-width: 50%;
    }

    #main::after {
        right: 12%;
    }

    .stores {
        left: 0;
    }

    .hero_image figcaption h2 {
        max-width: 56%;
    }

    .step_detail_padding {
        padding-left: 10%;
    }

    .step_detail_padding_two {
        padding-left: 16%;
    }

    .step_detail {
        left: 0%;
    }

    .nav_menu {
        margin: 15% auto 0 auto;
        max-width: 50%;
        padding: 0;
    }

        .nav_menu li a {
            font-size: 40px;
        }

    .hero_slider button.slick-prev {
        left: 8%;
        top: 70%;
    }

    .hero_slider button.slick-next {
        left: 12%;
        top: 70%;
    }

    .hero_slider li .hero_image figcaption {
        top: 45%;
        left: 8%;
        width: 100%;
    }

    .newsletter .subscribe_form .input_submit {
        width: 30%;
    }

    .employee figcaption {
        right: 5%;
        top: 25%;
        max-width: 35%;
    }

        .employee figcaption h2 {
            font-size: 50px;
        }

        .employee figcaption p, .about_details p {
            font-size: 16px;
        }

    .brand h2 {
        font-size: 55px;
    }

    .price_content {
        max-width: 65%;
    }

        .price_content img {
            max-width: 35%;
        }

        .price_content h2 {
            font-size: 40px;
        }

    .price_tab_content .price_logo img {
        margin: 18px 0;
    }

    .tech_care figure figcaption {
        top: 14%;
        max-width: 30%;
        left: 13%;
    }

    .dash:after {
        right: -9%;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .site_logo img {
        width: 100%;
        max-width: 50%;
    }

    #main::after {
        right: 17%;
    }

    .stores {
        left: 0;
    }

    .step_detail_padding {
        padding-left: 0;
    }

    .step_detail {
        left: 3%;
    }

    .nav_menu {
        margin: 25% auto 0 auto;
    }

        .nav_menu li a {
            font-size: 40px;
        }

    .hero_slider button.slick-next {
        left: 13%;
    }

    .hero_slider li .hero_image figcaption {
        top: 45%;
        left: 8%;
    }

    .newsletter .subscribe_form .input_submit {
        width: 30%;
    }

    .employee figcaption {
        right: 5%;
        top: 16%;
        max-width: 35%;
    }

        .employee figcaption h2 {
            font-size: 50px;
        }

        .employee figcaption p, .about_details p {
            font-size: 16px;
        }

    .brand h2 {
        font-size: 55px;
    }

    .price_content {
        max-width: 85%;
    }

        .price_content h2 {
            font-size: 40px;
        }

    .price_table tbody tr td {
        font-size: 18px;
    }

    .price_tab_content .price_logo img {
        margin: 18px 0;
    }

    .tech_care figure figcaption {
        top: 8%;
        max-width: 30%;
        left: 5%;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
    #main::after {
        right: 23%;
    }

    .hero_image figcaption h2 {
        max-width: 90%;
    }

    .main_banner {
        height: 500px;
        padding: 0;
    }

    .coll_slider li figure figcaption {
        left: 10%;
    }

    .s_img_one {
        text-align: center;
    }

    .service_box_three .s_img_three {
        padding: 5% 0;
    }

    .step_detail {
        left: 0%;
        margin: 10px 0;
    }

    .footer_menu .main_nav {
        margin: 3% 0;
    }

    .forms_content {
        margin: 4% 0;
    }

    .social ul {
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 3% 0;
    }

    .footer_menu {
        padding-left: 2%;
    }

    .newsletter .subscribe_form .input_email {
        width: 35%;
    }

    .newsletter .subscribe_form .input_submit {
        width: 15%;
    }

    .brand_img img {
        max-width: 50%;
    }

    .brand_name h3 {
        margin-top: 4%;
    }

    .employee figcaption h2 {
        font-size: 35px;
    }

    .employee figcaption p, .about_details p {
        font-size: 15px;
        letter-spacing: 0.8px;
    }

    .about_details {
        margin-top: 5%;
    }

    .blog_content figcaption {
        top: 38%;
    }

        .blog_content figcaption h2 {
            font-size: 35px;
            max-width: 70%;
        }

    .service_image img {
        max-width: 40%;
    }

    .service_detail h2 {
        margin-top: 5%;
    }

    .tech_care figure figcaption {
        max-width: 35%;
    }

        .tech_care figure figcaption p {
            font-size: 22px;
        }

    .hero_slider button.slick-next, .hero_slider button.slick-prev {
        top: 68%;
    }

    .step_detail_padding_two, .step_detail_padding {
        padding-left: 15px;
    }
}
.desktop_view{display: block;}
.mobile_view{display : none;}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    .desktop_view {
        display: none;
    }

    .mobile_view {
        display: block;
    }
    .price_table thead tr th {
        font-size: 14px;
    }

    .coll_slider .slick-dots {
        display: none;
    }

    .price_content img {
        max-width: 50%;
    }
    .hero_image figcaption h2 {
        color: #c5a458;
    }
    .blog_content figcaption a {
        display: inline-block;
        font-weight: 500;
        background: #c5a458;
        padding: 10px 15px;
        color: #fff;
    }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .brand_name {
        max-width: 95%;
    }

        .brand_name p {
            max-width: 100%;
        }

    .service_detail h2 {
        font-size: 30px;
    }

    .service_detail p {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .about_details h2 {
        font-size: 55px;
    }

        .about_details h2 span {
            font-size: 18px;
        }

    .hero_slider li .hero_image img {
        max-width: 100%;
    }

    .stores {
        padding-left: 30px !important;
    }

    .stores_2 {
        padding-left: 15px;
    }

    .stores:nth-child(4) {
        padding-left: 15px;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .site_logo img {
        width: 100%;
        max-width: 100%;
    }

    #main::after {
        right: 50%;
    }

    .hero_slider li .hero_image figcaption {
        top: 40%;
    }

    .hero_image figcaption h2 {
        max-width: 100%;
        font-size: 35px;
        color: #fff;
    }

    .main_banner {
        height: 235px;
    }

    .hero_slider button.slick-next {
        left: 26%;
        top: 68%;
    }

    .hero_slider button.slick-prev {
        top: 68%;
    }

    .collection_slider h2 {
        font-size: 28px;
        max-width: 90%;
    }

    .coll_slider li figure figcaption {
        left: 31%;
    }

        .coll_slider li figure figcaption h2 {
            font-size: 40px;
        }

    .service h2 {
        font-size: 40px;
        margin-bottom: 13%;
    }

    .footer_menu {
        padding-left: 5%;
    }

    .newsletter .subscribe_form .input_submit {
        width: 30%;
    }

    .newsletter .subscribe_form .input_email {
        width: 50%;
    }

    .about_details p {
        font-size: 16px;
        max-width: 100%;
        letter-spacing: 1px;
    }

    .brand h2 {
        font-size: 35px;
        padding-bottom: 20px;
    }

    .employee figcaption {
        position: relative;
        width: 100%;
        max-width: 100%;
        float: left;
        padding: 0 20px;
    }

    .blog_list .blog_detail h2 {
        margin-bottom: 15%;
    }
    .blog_list .blog_detail a:hover{text-decoration:none;}

    .blog_list .blog_detail p {
        max-width: 100%;
        margin: 15px 0;
    }

    .blog_content figcaption {
        top: 50%;
    }

        .blog_content figcaption h2 {
            font-size: 18px;
            max-width: 100%;
        }

    .press_content {
        border: 1px solid #c5a458;
        background: #edecec;
        padding: 15% 10% 30% 10%;
        font-family: butlerultralight;
        margin-top: -15%;
    }

    .service_image img {
        max-width: 75%;
    }

    .main_services h2 {
        font-size: 30px;
        padding: 0 5%;
    }

    .price_content {
        max-width: 95%;
        margin: 30% auto 5% auto;
    }
    .price_tab li a {
        padding: 15px 10px;
    }

    .price_content h2 {
        font-size: 26px;
    }
    .contact_store {
        padding: 10% 6%;
    }
    .feedback_form form {
        padding: 0 10% 1% 10%;
    }
    .price_table tbody tr td {
        font-size: 16px;
        padding-left: 0;
        padding-right:0;
    }
    .contact_store .panel .panel-title{
        font-size:24px;
    }

    .price_tab_content .price_logo img {
        margin: 20px 0;
    }

    .tech_one p {
        max-width: 98%;
        font-size: 25px;
    }

    .tech_text {
        padding: 20% 2% 30% 2%;
    }

        .tech_text p {
            font-size: 20px;
        }

    .tech_care figure figcaption {
        position: relative;
        max-width: 100%;
        left: 0;
        right: 0;
        padding: 0 10px;
        border-bottom: 0px;
    }

        .tech_care figure figcaption p {
            font-size: 20px;
        }

    .step_detail_padding_two {
        padding-left: 15px;
    }

    .hero_slider li .hero_image figcaption {
       left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: #00000030;
    transform: translate(0);
    padding-left: 2%;
    padding-top: 15%;
    }

    .hero_slider button.slick-prev {
        left: 2%;
    }

    .hero_slider button.slick-next {
        left: 12%;
    }

    .content_t::after {
        height: 435px;
    }

    .dash:after {
        right: -4%;
        width: 12px;
    }
    .video__toggle{
           width: 100%;
    max-width: 50%;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 575px) {
.landingfromain .feedback_form {top:22rem!important;}
	.main_services h2::after {
    bottom: -13px !important;
}
    #main::after {
        right: 40%;
    }

    .nav_menu {
        margin: 35% auto 0 auto;
        padding-left: 0;
        max-width: 100%;
    }

        .nav_menu li a {
            font-size: 25px;
            padding: 8px 8px 8px 8px;
        }

    .nav_social {
        padding-left: 0;
    }
}

@media only screen and (max-device-width: 480px) {
.download-button__store { font-size: 15px !important;}
.download-button{    width: 152px !important;} 
 .coll_slider .slick-dots li button {
        height: 15px;
        width: 15px;
        padding:0;
        border-radius: 50%;
        display:block;
        background: antiquewhite;
        border: none;
    }
}




/* Landing page css start */

.landingpage .main_banner { height: 574px;  margin-bottom:0%;}
.landingpage .main_services{ margin-bottom:0%;}
.landingpage #main{ display:none;}
.landingfromain{ position:relative;}
.landingfromain .feedback_form form .feed {font-family: butlerultralight !important; width: 100%; border: none;border-bottom: 1px solid #c5a458;color: #615e63;height:44px;margin:5px 0;    resize: none;}
.landingfromain .feedback_form input::placeholder{ font-size:13px !important;}
.landingfromain .feedback_form textarea::placeholder{ font-size:13px !important;}
.landingfromain .feedback_form form textarea{ height:9rem !important;}
.landingfrom{z-index: 99;height:54rem;width:65%;background-image: url(../images/landing-f.png); background-position: center;
background-size: cover;background-repeat: no-repeat; border: none;}
.landingfromain .feedback_form{position: absolute;top: 5.6rem;right: 18rem;background: #fff;width: 36rem;padding-bottom: 0rem;border: solid 1px #c5a458;}
.landingpage .feedback_form form .feed_submit{background: #c5a458;color: #fff;text-transform: uppercase;font-size: 14px;height: 46px;
    font-family: 'd-dinregular';border: none;line-height: 46px;max-width: 104px;     margin:6px auto  15px auto;}
	
.banner-containt {height: 78vh;width: 100%;}
.banner-containt div{margin: 0 auto;}
.banner-containt h2 {font-size: 45px;max-width: 36rem;text-align: center;font-family: butlerultralight;color: #fff;}	
.para{font-size: 22px;color: #646566;font-family: butlerultralight;text-align: justify;}
.para-sm{font-size: 17px;font-family: butlerultralight;color: #615e63;}
.landingpage h4{font-size:26px;    margin-top: 2rem;font-family: butlerultralight;text-transform: capitalize;color: #615e63;}
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.d-flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.ourcolmain div{ margin-top:5rem;}
.ourcolmain div img{ border:solid 1px #c5a458;}
.landingpage .service_box_two .service_all{ margin:4% auto 6% auto;}
.landingvideobg{ position:relative;}
.landingvideobg:before{display: block;content:""; height:65vh; width:100%; background:#edecec;border-top:solid 1px #c5a458; border-bottom:solid 1px #c5a458;z-index: -1;position: absolute;}
.landingvideobg:after{display: block;content:""; height:55vh; width:100%; background:#fff; z-index: -1;position: absolute;}
.landingvideobg .video__wrap{    margin-top:10%;}
.whatsaap{ position:fixed; right:1.2rem; top:79%; z-index: 99999;height:70px;width:70px;background-image: url(../images/whatsapp.png); background-position: center;
background-size: cover;background-repeat: no-repeat; border: none;}

@media only screen and (min-width: 767px) {
.ourcolmain{justify-content: space-between;display: flex;-webkit-box-pack: justify!important;-ms-flex-pack: justify!important;}	
}

@media only screen and (max-width: 1024px) {
.banner-containt .banner-containtmain {margin: 0 5%; }
.landingfromain .feedback_form{ right:2rem;}
.landingfromain .feedback_form {width:34rem;}
.landingfrom {width: 100%;}
.banner-containt {height:42vh !important;}


}

@media only screen and (max-width: 767px) {
.main_services h2:after {bottom: -10px !important;}
.landingvideobg:before {height:27vh !important;}
.landingfromain .feedback_form {left: 50% !important;top:26rem !important;margin-left: -154px;right: inherit;}
.para {font-size: 18px;}
.banner-containt {height: 228px !important;}
.banner-containt .banner-containtmain {margin: 0 auto !important;}
.landingfromain .feedback_form {width: 31rem !important;}
.banner-containt h2 {font-size:36px !important;max-width: 32rem !important;background:rgba(0, 0, 0, 0.14);}
.whatsaap {right: 0.5rem;top:88%;height: 48px;width: 48px;}
.banner-containt h4 {padding-top:0rem !important;}
.main_container { margin: 146px auto 0 auto !important;}

}

.banner-containt h4{ color:#fff; text-align:center; padding-top:3rem;}
.download-button { text-decoration:none;
	background-color:#000000;
	position: relative;
	padding: 10px 10px 10px 50px;
	display: block;
	width:162px;
	margin: 0 auto 0 auto;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.75);
	    border: solid 1px #ffffff3b;
    border-radius: 5px;
}
.download-button:hover{text-decoration:none;}
.download-button__icon {
	    height: 30px;
    position: absolute;
    left:14px;
    top: 11px;
}

.download-button__platform {    font-size:11px;
	display: block;
	color: #fff;
	letter-spacing: 0.005em;
	margin-bottom:0px;
}

.download-button__store {
	display: block;    line-height: 18px;
	color: #fff;
	letter-spacing: 0.005em;
	font-size:17px;
}

.landingfromain select::placeholder{ font-size:14px !important;color:#615e63!important; text-transform:uppercase;}
select.field-select{ text-transform:uppercase;
width: 100%;
    border: none;
    border-bottom: 1px solid #c5a458;
    height: 50px;
    margin: 10px 0;    font-family: butlerultralight !important;


   letter-spacing: 0.04em;width:264px;font-size:13px; margin-bottom: 1.5em;color:#615e63!important;}
   
   
select.field-select:after {color: #8b9ba6;}

.select-arrow{ position: relative;}
.select-arrow:after { content:""; background-image: url(../images/arrows.png);background-repeat: no-repeat;
    display: block;
    line-height: 1em;
    width: 1.99em;
    height: 13px;
    text-align: center;
    position: absolute;
    right: 0.1em;
    top:22px;
    padding-top: 4%;
    margin-top: 0em;
    z-index: 2;
    pointer-events: none;
    cursor: pointer;
    background-color: #fff;
    font-size: 0.9em;
}
.applink{
    margin:0;
    padding:0;
}
.applink a img{
    max-width:40%;
    margin:5px 0;
}
.schedule_pickup{
    position: fixed;
    top: 50%;
    right: 0;
    background-color: #c5a759;
    border: 0px;
    border-radius: 0px;
    font-family: 'butlerultralight';
    z-index: 9999999;
    cursor: pointer;
}
.schedule_pickup:hover{
    background-color: #c5a759;
    border: 0px;
}
.schedule_pickup:focus{
    outline:none;
}
.schedule_pickup_form .form-control{
    border: 0px;
    border-radius: 0px;
    border-bottom:1px solid #c5a458;
    height:50px;font-family: 'd-dinregular';
    letter-spacing: 1px;
    box-shadow:none;
    margin:5px 0;
}

.schedule_pickup_form .form-control::placeholder{
    color:#000;
    font-family: 'd-dinregular';
    letter-spacing:0.8px;
}
.schedule_pickup_form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
    font-family: 'd-dinregular';
    letter-spacing:0.8px;
}

.schedule_pickup_form .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
    font-family: 'd-dinregular';
    letter-spacing:0.8px;
}

.schedule_pickup_form input[type=radio]{
    margin:4px 2px 3px 8px;
}
.schedule_pickup_form .form-control:focus {
    border-color: #c5a458;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px #c5a458;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px #c5a458;
}






.footer_title.social {
    text-align: center;
}

.footer_title.social ul {
    padding: 0;
    margin: 15px 0 0 0;
    list-style: none;
}

.footer_title.social ul li {
    display: inline-block;
    margin: 0 15px;
}

.footer_title.social ul li a {
    color: #615e63;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 0.8px;
}