/*
Theme Name: KSDL
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: WOW Team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: KSDL

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
* {
    font-family: Myriad pro;
    font-weight: 300;
    /*font-size: 16px;*/
    font-size: 14px; /*11-11-2017*/
    color: #555;
    line-height: 1.2;
}

ul li {
    list-style: none;
    margin-bottom: 0;
}

.carousel2 {
    top: 59%;
}

.mobo-slider {
    display: none;
}


a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: #000;
    }

ul, ol {
    text-align: left;
}

.clr {
    clear: both;
}

@font-face {
    font-family: 'trajanRegular';
    src: url(fonts/TrajanPro-Regular.otf);
}

@font-face {
    font-family: 'nyala';
    src: url(fonts/nyala_1.ttf);
}

@font-face {
    font-family: 'HelveticaNeueUltraLight';
    src: url('fonts/HelveticaNeue-UltraLight.otf');
}

.top-menu {
    float: right;
    margin-top: 22px;
    text-align: right;
    position: relative;
    z-index: 999;
}

    .top-menu ul {
        padding-right: 20px;
        margin-bottom: 0px;
    }

        .top-menu ul li {
            float: left;
            display: block;
            border-right: 1px solid #ccc !important;
        }

            .top-menu ul li a {
                text-align: left;
                padding: 1px 8px;
                font-size: 14px;
            }

    .top-menu > ul {
        float: right;
        position: relative;
    }

        .top-menu > ul span {
            float: left;
        }

    .top-menu li i {
        color: #777;
    }

    .top-menu a {
        color: #cacaca;
    }

        .top-menu a:hover {
            color: #000;
        }

.top-menu-list li {
    border-right: 1px solid #ccc;
    display: inline-block;
    line-height: 17px;
    padding: 0 5px;
    text-decoration: none;
}

.logo img {
    padding-top: 10px;
    width: 100%;
}

p .top-menu-border {
    border-right: 1px solid #000;
}

.top-icons {
    float: right;
    margin: 0 10px;
}

.navbar-default {
    background-color: #fff !important;
    border-color: #e7e7e7;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.navbar-default {
    margin-bottom: 0px !important;
}

    .navbar-default .navbar-nav > li > a {
        color: #ccc;
        font-weight: 600;
    }

.navbar-header > a {
    float: left;
}

.navbar-header {
    width: 100%;
}
/* slider */

.slider-part {
    /*margin-top: 4%;*/
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 80vh;
}

    .fade-carousel .carousel-inner .item {
        height: 80vh;
    }

    .fade-carousel .carousel-indicators > li {
        margin: 0 2px;
        background-color: rgb(193,193,193);
        border-color: rgb(193,193,193);
        opacity: .7;
    }

        .fade-carousel .carousel-indicators > li.active {
            width: 10px;
            height: 10px;
            opacity: 1;
        }

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #000;
    text-align: center;
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

    .hero h1 {
        font-size: 4em;
        color: #000 !important;
        margin: 0;
        padding: 0;
    }

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

.banner-h {
    font-family: HelveticaNeueUltraLight;
}

.banner-text {
    font-size: 14px;
    line-height: 23px;
    margin: 40px 0 0;
}
/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .7;
}

.blockOverlay {
    display: none !important;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {
    padding: 8px 10px;
}

.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #777676;
    background-color: transparent;
    border-color: #ccc;
    outline: none;
    margin: 20px auto;
    border-radius: 0px;
    font-size: 16px !important;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
    height: 80vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.fade-carousel .slides .slide-1 {
    background-image: url(images/banner-1.jpg);
}

.fade-carousel .slides .slide-2 {
    background-image: url(images/banner-1.jpg);
}

.fade-carousel .slides .slide-3 {
    background-image: url(images/banner-1.jpg);
}



.banner-text {
    font-size: 14px;
    line-height: 23px;
    margin: 40px 0 0;
}

body {
    overflow-x: hidden;
}
/* session2 */

.session2 {
    background: url(../images/100years.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 70px;
}

.s2-heading {
    text-align: center;
    font-size: 21px;
    color: #fff;
    line-height: 23px;
    padding-top: 22px;
    font-family: TRAJANUS;
}

    .s2-heading span {
        font-size: 40px;
        font-family: TRAJANUS;
        line-height: 35px;
        color: #fff;
    }

.s2-text {
    text-align: center;
    color: #fff;
    width: 300px;
    padding-top: 24%;
    margin: 0 auto;
}

.s2-btn {
    text-align: center;
    padding-top: 26px;
}

    .s2-btn a {
        color: #fff;
    }

.col-md-4.col-sm-4.col-xs-12.s3-2 > img, .col-md-4.col-sm-4.col-xs-12.s3-3 > img, .col-md-4.col-sm-4.col-xs-12.s3 > img {
    margin-top: 20px;
}

.s3, .s3-2, .s3-3 {
    text-align: center;
    padding: 10px;
}

.col-md-4.col-sm-4.col-xs-12.s3 > a, .col-md-4.col-sm-4.col-xs-12.s3-2 > a, .col-md-4.col-sm-4.col-xs-12.s3-3 > a {
    bottom: 0;
    left: 45%;
    position: absolute;
}

#featured_product > li {
    display: inline-block;
    list-style: outside none none;
    margin: 12px;
    max-width: 290px;
}

#featured_product {
    padding: 0px;
}

#product-category li a img {
    width: 100%;
}

.container.s4-full > ul {
    text-align: center;
}

.bx-wrapper .bx-controls-direction a {
    margin-top: -40px;
}
/* session3 */

.session3 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.s3 {
    background: url(../images/s1_1.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
}

.s3-2 {
    background: url(images/s2_3.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
}

.s3-3 {
    background: url(images/s3_1.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 400px;
}

.s3-text {
    text-align: center;
    padding-top: 20px;
    font-size: 23px;
    color: #fff;
    font-family: helvetica;
}

/* session4 */

.session4 {
    background-color: rgb(243,242,238);
    padding-top: 10px;
    padding-bottom: 10px;
}

.s4-1 {
    background-color: #fff;
}

.s4-heading {
    text-align: center;
    font-size: 20px;
}

.s4-full {
    padding-top: 20px;
    padding-bottom: 20px;
}

.s4-heading {
    font-family: Helvetica;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 31px;
    text-align: center;
}
/* session5 */
#product-category li {
    display: inline-block;
    margin: 15px;
    max-width: 500px;
}

    #product-category li:hover {
        filter: grayscale(100%;
        );
    }

#product-category ul {
    text-align: center;
    padding: 0px;
    padding-top: 30px;
}

.session5 {
    text-align: center;
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    background-color: rgb(144,0,0);
}

/* session6 */

.session6 {
    background: url(../images/Unmatched-Purity.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}

.s6-text {
    padding-top: 50%;
    text-align: center;
    width: 635px;
    margin: 0 auto;
    /*padding-bottom: 30%;*/
    padding-bottom: 10%; /*09-11-2017*/
}

/* session7 */
.col-md-12.col-sm-12.col-xs-12.session7 {
    background: #fff none repeat scroll 0 0;
}

.s7-header {
    padding-left: 6% !important;
    padding-right: 6% !important;
    margin-bottom: 20px;
}

.dashed {
    border-bottom: 1px solid rgb(153,153,153);
    text-align: center;
    height: 25px;
    margin-bottom: 10px;
    font-size: 26px;
}

    .dashed span {
        background: #fff none repeat scroll 0 0;
        font-family: nyala;
        font-size: 34px;
        padding: 0 20px;
    }

.s7-list {
    padding-top: 10px;
    padding-bottom: 20px;
}

/* session8 */

.session8 {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff;
    text-align: center;
}

.s8-header {
    padding-left: 6% !important;
    padding-right: 6% !important;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}

.video-part {
    padding-top: 40px;
    padding-bottom: 20px;
}

/* session9 */

.session9 {
    padding-top: 40px;
    padding-bottom: 20px;
    background-color: rgb(247,232,211);
}

.s9-header {
    padding-left: 6% !important;
    padding-right: 6% !important;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}

.dashed1 {
    border-bottom: 1px solid rgb(153,153,153);
    text-align: center;
    height: 20px;
    margin-bottom: 10px;
    font-size: 26px;
}

    .dashed1 span {
        background: rgb(247,232,211);
        padding: 0 5px;
    }

.k-heading {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

.k-text {
    text-align: center;
    padding-bottom: 8px;
}

.k-img {
    padding-top: 8px;
    padding-bottom: 8px;
}

.bb-slider {
    padding-top: 20px;
}

/* session10 */

.session10 {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgb(245,245,245);
}

.s10-header {
    padding-left: 6% !important;
    padding-right: 6% !important;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}


.dashed2 {
    border-bottom: 1px solid rgb(153,153,153);
    text-align: center;
    height: 20px;
    margin-bottom: 10px;
    font-size: 26px;
}

    .dashed2 span {
        background: rgb(245,245,245);
        padding: 0 5px;
    }

/* fotter */

.fotter {
    background-color: rgb(44,44,44);
}

.fot-part {
    float: left;
    overflow: hidden;
}

.fotter-pic {
    color: #fff;
}

.fot-text {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 20px;
}

footer a:hover {
    color: #fff;
}

.fotter-social a {
    padding: 10px;
}

    .fotter-social a i {
        color: #777;
    }

        .fotter-social a i:hover {
            color: #fff;
        }

.fotter-list {
    padding-left: 0px !important;
}

    .fotter-list li {
        list-style: none;
        /*display: inline-block;*/
        color: #ccc;
        font-size: 12px;
    }

.padding-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.line-text {
    color: #ccc;
    border-bottom: 1px solid #ccc;
}

.copy {
    background: rgb(44, 44, 44) none repeat scroll 0 0;
    border-top: 1px solid #333;
    color: #ccc;
    padding: 10px;
}

footer .col-md-4.col-sm-4.col-xs-12 {
    border-right: 1px solid #333;
    min-height: 200px;
}

.fotter {
    padding-top: 20px;
}

.fotter-social li {
    display: inline-block;
    list-style: none;
    padding-left: 4px;
}


.fotter-social {
    padding-left: 8px !important;
}

.fa {
    color: #fff;
}

footer {
    color: #7c7c7c;
}

    footer a {
        color: #7c7c7c;
    }

/*========================== about us ===================================*/

.banner {
    /*margin-top:5%;*/
    height: 480px;
    background: url(../images/about_banner.jpg);
    background-size: cover;
    /*background-size: contain;*/
    /*background-position: center;*/
    background-repeat:no-repeat;
}

#legacy_title {
    margin: 50px auto;
/*    max-width: 400px;*/
    max-width: 100%;
}

#legacy {
}

#legacy_title span, .title center {
    font-family: trajan pro;
    font-size: 36px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center;
    display: block;
    text-align: center;
    color: #462412;
    line-height: 32px;
}

.legacy-box {
    max-width: 1296px;
    width: 100%;
    margin: 10px auto;
    min-height: 700px;
    background: url(../images/legacybox-1.jpg);
    padding: 50px 100px;
    position: relative;
    margin-bottom: 100px;
}

#diwan > img, #highness > img {
    border-radius: 50%;
    box-shadow: 0 10px 50px #520a00;
}

.legacy-box .content {
    text-align: center;
    font-weight: 500;
    font-family: trajanRegular;
    color: #240400;
}

.legacy-box .col-md-7.content.col-md-offset-5 {
    text-align: left;
}

.legacy-box > img {
    bottom: 8px;
    left: 42%;
    position: absolute;
    width: 17%;
}

#highness, #diwan {
    text-align: center;
}

.legacy_content {
    max-width: 970px;
    margin: 0px auto;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    font-weight: 300;
}

    .legacy_content p {
        margin-bottom: 30px;
        font-size: 17px;
    }

#milestones {
    margin-top: 100px;
}

.milestone_content {
    /*min-height: 3486px;*/
    background: rgba(0, 0, 0, 0) url("../../../../wowtestserver.com/KSDL-W/wp-content/uploads/2016/07/tree_revised.jpg") no-repeat scroll top center / 100% auto;
    padding-top: 3151px;
    margin-top: -177px;
}

    .milestone_content .container li:nth-child(2n+1) {
        position: relative;
        top: 50px;
    }

    .milestone_content .container li {
        float: right;
        margin: 10px;
        min-height: 80px;
        text-align: left;
        width: 38%;
    }

        .milestone_content .container li:nth-child(2n) {
            float: left;
            position: relative;
            text-align: right;
            top: 177px;
        }

.title {
    font-family: trajanRegular;
    font-size: 30px;
    color: #8c7837;
}

.grass {
    background: rgba(0, 0, 0, 0) url("images/grass.png") repeat scroll 0 0;
    bottom: 0;
    height: 70px;
    margin-top: 204px;
    position: relative;
    top: 5px;
    width: 100%;
    z-index: 999;
}

.line-text button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
}


/*================================ Board of directors starts ====================*/
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: none;
}

.blocks table {
    text-align: left;
}

.bod_blks {
    max-width: 1300px;
    margin: 0 auto;
}

    .bod_blks ul {
        text-align: center;
    }

        .bod_blks ul li {
            box-shadow: 0 0 5px grey;
            display: inline-block;
            height: 200px;
            margin: 10px;
            max-width: 384px;
            padding: 15px;
            vertical-align: top;
            width: 100%;
        }

.blocks h3 {
    border-bottom: 1px solid #b5b5b5;
    font-size: 17px;
    font-weight: bold;
    line-height: 31px;
    margin-top: 0;
    text-align: center;
}

.blocks p strong {
    font-weight: 400;
    font-size: 14px;
}

.blocks p {
    font-size: 14px;
    font-weight: 300px;
}

.bod_blks ul li:hover {
    background: #ffe8c2;
}
/*================================ Board of directors ends ====================*/
/*================================ moa aoa STARTS ====================*/
.download {
    background: goldenrod none repeat scroll 0 0;
    text-align: center;
    padding: 5px 20px;
    border-radius: 20px;
    border: 2px solid #fff;
    box-shadow: 2px 0 5px grey;
    color: #fff;
    text-transform: uppercase;
}

ul.MA_AA {
    text-align: center;
    margin-bottom: 100px;
}

.MA_AA li {
    margin-bottom: 25px;
    text-align: center;
}
/*.table{
  margin-bottom: 100px;
}*10-11-2017*/


@media(max-width:768px) {
    .table {
        margin-bottom: 0px;
    }

    .panel-body {
        padding: 0px;
        height: auto !important;
    }
}

/*10-11-2017*/

/*================================ MOA AOA ends ====================*/

/*================================ locations start ====================*/

.locations .tab-content {
    padding: 20px;
    10px;
}

.locations .nav-tabs {
    margin-top: 1px;
}

.locations li.active a, .locations li a:hover, .locations li a:focus, .locations li a:visited, .locations li.active a:hover, .locations li.active a:focus {
    background: #FEF8DE;
    color: #e0a33a;
    border: 1px solid #e0a33a;
}

.locations li a {
    background: #e0a33a none repeat scroll 0 0;
    border-radius: 0;
    color: #fef8de;
}

.locations ul {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 0px;
    padding: 0px;
}

.locations > ul li {
    display: inline-block;
    float: none;
}

.tab-content .col-md-6 {
    text-align: left;
    padding-bottom: 10px;
    /*border-bottom: 1px solid #e0a33a;*/
    margin-bottom: 10px;
}

    .tab-content .col-md-6 p, .tab-content .col-md-6 p strong {
        font-size: 14px;
    }
/*================================ locations ends ====================*/
/*
==========================menu bar css starts ============================*/
section {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}

.has-sub > ul {
    padding: 0px;
}

#cssmenu {
    width: 100%;
}

header {
    position: relative;
    width: 100%;
    background: #fff;
}

.logo {
    position: relative;
    z-index: 123;
    padding: 10px;
    font: 18px verdana;
    color: #6DDB07;
    float: left;
    /*max-width: 450px;*/
    max-width: 400px;/*18-11-2017*/
    margin-top: 0px;
}

    .logo a {
        color: #6DDB07;
    }

nav {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #cssmenu:after, #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    #cssmenu #head-mobile {
        display: none;
    }

    #cssmenu > ul {
        float: right;
        z-index: 999;
        margin-bottom: 0px;
        text-transform: uppercase;
        margin-top: 27px;
    }

#cssmenu {
    font-family: sans-serif;
    background: #fff;
}

    #cssmenu > ul > li {
        float: left;
    }

        #cssmenu > ul > li > a {
            padding: 10px;
            font-size: 12px;
            letter-spacing: 1px;
            text-decoration: none;
            color: rgb(234, 45, 54);
            font-weight: 700;
        }

        #cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
            color: #8d4f00;
        }

        #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
            background: #fff !important;
            -webkit-transition: background .3s ease;
            -ms-transition: background .3s ease;
            transition: background .3s ease;
        }

        #cssmenu > ul > li.has-sub > a {
            padding-right: 30px;
        }

            #cssmenu > ul > li.has-sub > a:after {
                position: absolute;
                top: 22px;
                right: 11px;
                width: 8px;
                height: 2px;
                display: block;
                background: #ddd;
                content: '';
            }

            #cssmenu > ul > li.has-sub > a:before {
                position: absolute;
                top: 19px;
                right: 14px;
                display: block;
                width: 2px;
                height: 8px;
                background: #ddd;
                content: '';
                -webkit-transition: all .25s ease;
                -ms-transition: all .25s ease;
                transition: all .25s ease;
            }

        #cssmenu > ul > li.has-sub:hover > a:before {
            top: 23px;
            height: 0;
        }

    #cssmenu ul ul {
        position: absolute;
        left: -9999px;
        z-index: 999;
        padding-left: 0px;
        box-shadow: 0px 0px 1px #b5b5b5;
    }

        #cssmenu ul ul li {
            height: 0;
            -webkit-transition: all .25s ease;
            -ms-transition: all .25s ease;
            background: #fff;
            transition: all .25s ease;
        }

            #cssmenu ul ul li:hover {
                background: #eaeaea;
            }

    #cssmenu li:hover > ul {
        left: auto;
        text-transform: capitalize;
    }

        #cssmenu li:hover > ul > li {
            height: 35px;
        }

    #cssmenu ul ul ul {
        margin-left: 100%;
        top: 0;
    }

    #cssmenu ul ul li a {
        border-bottom: 1px solid #eaeaea;
        color: #777;
        padding: 11px 15px;
        width: 240px;
        font-size: 12px;
        text-decoration: none;
        font-weight: 400;
    }

    #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
        border-bottom: 0;
    }

    #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
        color: #333, background: #ddd;
    }

    #cssmenu ul ul li.has-sub > a:after {
        position: absolute;
        top: 16px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: '';
    }

    #cssmenu ul ul li.has-sub > a:before {
        position: absolute;
        top: 13px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: '';
        -webkit-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease;
    }

    #cssmenu ul ul > li.has-sub:hover > a:before {
        top: 17px;
        height: 0;
    }

    #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
        background: #363636;
    }

    #cssmenu ul ul ul li.active a {
        border-left: 1px solid #333;
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: 1px solid #333;
    }

@media screen and (max-width:700px) {
    .logo {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        padding: 0px 10px;
        float: none;
    }

    .logo2 {
        display: none;
    }

    nav {
        width: 100%;
    }

    #cssmenu {
        width: 100%;
    }

        #cssmenu ul {
            width: 100%;
            display: none;
            padding: 0px;
            background: #555;
        }

            #cssmenu ul li {
                border-top: 1px solid #444;
            }

                #cssmenu ul li:hover {
                    background: #363636;
                }

            #cssmenu ul ul li, #cssmenu li:hover > ul > li {
                height: auto;
            }

                #cssmenu ul li a, #cssmenu ul ul li a {
                    width: 100%;
                    border-bottom: 0;
                }

        #cssmenu > ul > li {
            float: none;
        }

        #cssmenu ul ul li a {
            padding-left: 25px;
        }

        #cssmenu ul ul li {
            background: #333 !important;
        }

            #cssmenu ul ul li:hover {
                background: #363636 !important;
            }

        #cssmenu ul ul ul li a {
            padding-left: 35px;
        }

        #cssmenu ul ul li a {
            color: #ddd;
            background: none;
        }

        #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
            color: #fff;
        }

        #cssmenu ul ul, #cssmenu ul ul ul {
            position: relative;
            left: 0;
            width: 100%;
            margin: 0;
            text-align: left, border:1px solid #b5b5b5;
            box-shadow: 0px 0px 1px grey;
        }

            #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
                display: none;
            }

        #cssmenu #head-mobile {
            display: block;
            padding: 0px;
            color: #ddd;
            font-size: 12px;
            font-weight: 700;
        }

    .button {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 20px;
        cursor: pointer;
        z-index: 12399994;
    }

        .button:after {
            position: absolute;
            top: 22px;
            right: 20px;
            display: block;
            height: 9px;
            width: 20px;
            border-top: 2px solid #A86E00;
            border-bottom: 2px solid #A86E00;
            content: '';
        }

        .button:before {
            -webkit-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            position: absolute;
            top: 16px;
            right: 20px;
            display: block;
            height: 2px;
            width: 20px;
            background: rgba(225,155,57,1);
            content: '';
        }

        .button.menu-opened:after {
            -webkit-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            top: 23px;
            border: 0;
            height: 3px;
            width: 20px;
            background: rgba(225,155,57,1);
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            content: 'x';
            color: #000;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
        }

        .button.menu-opened:before {
            top: 23px;
            background: #fff;
            width: 19px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer;
    }

        #cssmenu .submenu-button.submenu-opened {
            background: #262626;
        }

    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }

    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: '';
    }

    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }

    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff;
    }

    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: '';
    }

    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }

    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }

    #cssmenu ul ul ul li.active a {
        border-left: none;
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none;
    }

    .top-menu li {
        width: auto;
    }

    #cssmenu > ul {
        margin-top: 0px !important;
    }

    .top-menu {
        width: 100%;
        box-shadow: 0px 0px 5px grey;
        margin-top: 20px;
    }

        .top-menu a:hover, .top-menu a i:hover {
            color: #fff;
        }

        .top-menu ul li a {
            padding: 8px 10px;
        }
}

.bxslider > li {
    height: 207px;
}

#navbar-mobo {
    display: none;
}

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

    #navbar-mobo {
        display: block;
    }

    #cssmenu {
        display: none;
    }
}

.navbar-nav > li > a {
    color: red;
}

/*

===========================================menu ends here ==================================================*/

@media screen and (max-width:480px) {
    .logo a img {
        width: 80%;
        float: left;
    }

    #cssmenu > ul {
        margin-top: 0px !important;
    }

    hgroup {
        max-width: 300px;
    }

        hgroup img {
            width: 100%;
        }
}

@media screen and (max-width:768px) {
    #cssmenu > ul {
        margin-top: 37px;
    }

    .top-menu ul {
        display: block !important;
    }

    #cssmenu > ul, .top-menu {
        margin-top: 10px;
    }

    .milestone_content .container > ul {
        padding-left: 0px;
    }

    .milestone_content .container li:nth-child(2n+1), .milestone_content .container li:nth-child(2n) {
        background: rgba(124, 78, 8, 0.9) none repeat scroll 0 0;
        border: 1px solid #ddd;
        color: #ddd;
        float: none;
        margin: 0px;
        margin-bottom: 10px;
        padding: 15px;
        position: relative;
        top: 0;
        width: 100%;
    }

    .milestone_content {
        padding-top: 200px;
    }

        .milestone_content .container p {
            color: #ddd;
        }

        .milestone_content .container .title {
            color: #fff;
        }

    .grass {
        margin-top: 0px;
    }

    .legacy-box {
        padding: 50px 10px;
    }

    #highness, #diwan {
        margin-bottom: 70px;
    }
}

.carousel-inner > .item > img {
    width: 100% !important;
}

div.quantity input[type="number"] {
    width: 38px !important;
}

.wpmenucart-icon-shopping-cart-0 {
    color: rgb(234, 45, 54);
}

.cartcontents {
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: rgb(234, 45, 54);
    font-weight: 700;
}

.wpmenucart-contents {
    margin-top: -4px;
}

/*Responsive*/

/*-------------------------------this is only for prodect page  ----------------------------   */
.single_add_to_cart_button {
    margin-bottom: 10px !important;
}

.cart {
    padding-left: 0px;
}

.addtoany_shortcode {
    padding-left: 0px;
}

.entry-content {
    padding-left: 0px;
}

.entry-summary {
    padding-left: 0px;
}





/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {



    .s2-text {
        width: 296px !important;
        padding-top: 60% !important;
        font-size: 12px;
    }

    .s3-3 > img {
        width: 300px !important;
        margin-top: 50px !important;
    }

    .s6-text {
        width: 295px;
        font-size: 8px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {



    .s2-text {
        width: 455px !important;
        padding-top: 55% !important;
        font-size: 14px;
    }

    .s2-heading {
        padding-top: 28px !important;
        line-height: 15px !important;
    }

    .s6-text {
        width: 460px;
        font-size: 10px;
    }
}




/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {



    .s3-3 > img {
        margin-top: 62px !important;
        width: 235px !important;
    }

    .s3 > img {
        width: 240px;
        margin-top: 55px !important;
    }

    .s3-2 > img {
        margin-top: 35px !important;
    }

    .s2-text {
        width: 735px !important;
        padding-top: 30% !important;
    }

    .s2-heading {
        padding-top: 10px !important;
        line-height: 15px !important;
    }

    .s6-text {
        width: 500px;
        font-size: 14px;
    }
}



/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {



    .s3-3 > img {
        width: 280px;
        margin-top: 55px !important;
    }

    .s6-text {
        width: 500px;
        font-size: 16px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1199px) {



    .s6-text {
        width: 500px;
        font-size: 16px;
    }
}


/* media Desktops */
@media only screen and (min-width : 1440px) {



    .s6-text {
        width: 600px;
        font-size: 19px;
    }
}

/*------------------------------------------------------------------------------------------------------------------------   */

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

    /*------------------------------- about us page ----------------------------   */

    /*------------------------------- all page starting image ----------------------------   */
    #legacy_title > img {
        width: 300px !important;
    }

    /*------------------------------- emblem page ----------------------------   */

    .text-center > div > img {
        width: 290px;
    }
}


/*------------------------------- contact us table ----------------------------   */
@media only screen and (max-width : 347px) {
    td {
        font-size: 11px !important;
    }
}


@media only screen and (max-width : 390px) {
    td {
        font-size: 12px;
    }
}




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

    /*------------------------------- about us page ----------------------------   */

    #legacy_title {
        margin-bottom: 50px;
        margin-top: 100px !important;
    }

    .mobo-slider {
        display: block !important;
        margin-top: 60px;
    }

    .slider-part {
        display: none;
    }

    /*------------------------------- all page starting image ----------------------------   */
    #legacy_title > img {
        width: 350px;
    }

    #highness > img {
        margin-left: 0px !important;
        width: 250px;
    }

    #diwan > img {
        width: 250px;
    }

    #diwan > div > h4 {
        margin-left: 0px !important;
        text-align: center !important;
        margin-right: 0px !important;
    }
}

/*-------------------------------this is only for prodect page cart button ----------------------------   */

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


    .single_add_to_cart_button {
        position: static;
        width: auto;
    }

        .single_add_to_cart_button:before {
            display: none;
        }

        .single_add_to_cart_button:after {
            display: none;
        }
}







/*-------------------------------this is only for prodect page  ----------------------------   */
@media only screen and (max-width : 767px) {

    .product > div > div > div > div > a > img {
        width: auto !important;
        height: auto !important;
    }

    .product > div > div > div > .images {
        text-align: center;
    }

    .product > div > div > div > h1 {
        text-align: center;
    }

    .product > div > div > .entry-summary {
        padding-left: 10px;
        padding-right: 20px;
    }

    .cart {
        padding-left: 15px;
    }

    .addtoany_shortcode {
        padding-left: 15px;
    }

    .entry-content {
        padding-left: 15px;
    }

    .entry-summary {
        padding-left: 15px;
    }
}




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

    /*------------------------------- about us page ----------------------------   */

    .banner {
        display: none;
    }

    #legacy_title {
        margin-bottom: 50px;
        margin-top: 230px;
        margin-right: auto;
        margin-left: auto;
    }


    .legacy_content {
        margin: 0px 10px;
    }

    /*------------------------------- prodect page only for image ----------------------------   */
    .product > div > div > div > div > a > img {
        width: 325px;
        height: 325px;
    }

    /*------------------------------- contact us page ----------------------------   */
    iframe {
        width: 100%;
    }

    .yePe5c-haAclf.yePe5c-HzV7m {
        width: 100% !important;
    }


    .yePe5c-haAclf.yePe5c-HzV7m {
        width: 100% !important;
    }
}

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

@media only screen and (max-width : 1199) {
}

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



/*other css in page*/
.col-item {
    background: #FFF;
}

    .col-item .photo img {
        margin: 0 auto;
        width: 260px;
        height: 315px;
    }

    .col-item .info {
        padding: 10px;
        border-radius: 0 0 5px 5px;
        margin-top: 1px;
    }

    .col-item:hover .info {
        background-color: rgba(215, 215, 244, 0.5);
    }

    .col-item .price {
        /*width: 50%;*/
        float: left;
        margin-top: 5px;
    }

        .col-item .price h5 {
            line-height: 20px;
            margin: 0;
        }


.price h5 {
    text-align: center;
    font-family: trajan pro;
}



.price-text-color {
    color: #00990E;
}

.col-item .info .rating {
    color: #003399;
}

.col-item .rating {
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator {
    border-top: 1px solid #FFCCCC;
}

.clear-left {
    clear: left;
}

.col-item .separator p {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

    .col-item .separator p i {
        margin-right: 5px;
    }

.col-item .btn-add {
    width: 50%;
    float: left;
}

.col-item .btn-add {
    border-right: 1px solid #CC9999;
}

.col-item .btn-details {
    width: 50%;
    float: left;
    padding-left: 10px;
}

.controls {
    margin-top: 20px !important;
    text-align: center;
}

[data-slide="prev"] {
    margin-right: 10px;
}



.breadcrumbs .trail-browse, .breadcrumbs .trail-items, .breadcrumbs .trail-items li {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    text-indent: 0;
}

.breadcrumbs .trail-browse {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    color: inherit;
}

.breadcrumbs .trail-items {
    list-style: none;
}

.trail-items li::after {
    content: "\002F";
    padding: 0 0.5em;
}

.trail-items li:last-of-type::after {
    display: none;
}

.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}


.vc_custom_1468495247733 {
    margin-right: 3px !important;
    margin-left: 3px !important;
}

.vc_custom_1468495247733 {
    margin-right: 3px !important;
    margin-left: 3px !important;
}

.vc_custom_1468495247733 {
    margin-right: 3px !important;
    margin-left: 3px !important;
}

.vc_custom_1468495247733 {
    margin-right: 3px !important;
    margin-left: 3px !important;
}

.vc_custom_1468495247733 {
    margin-right: 3px !important;
    margin-left: 3px !important;
}

.vc_custom_1468495247733 {
    margin-right: 3px !important;
    margin-left: 3px !important;
}

.vc_custom_1468575224956 {
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    background-color: #f1f0ec !important;
    border-left-color: #000000 !important;
    border-left-style: solid !important;
    border-right-color: #000000 !important;
    border-right-style: solid !important;
    border-top-color: #000000 !important;
    border-top-style: solid !important;
    border-bottom-color: #000000 !important;
    border-bottom-style: solid !important;
    border-radius: 15px !important;
}

.vc_custom_1468575305929 {
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    background-color: #f1f1f1 !important;
    border-left-color: #000000 !important;
    border-left-style: solid !important;
    border-right-color: #000000 !important;
    border-right-style: solid !important;
    border-top-color: #000000 !important;
    border-top-style: solid !important;
    border-bottom-color: #000000 !important;
    border-bottom-style: solid !important;
    border-radius: 15px !important;
}

.vc_custom_1468489222805 {
    margin-bottom: 0px !important;
}

.vc_custom_1468489222805 {
    margin-bottom: 0px !important;
}

.vc_custom_1468575343886 {
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    background-color: #f1f1f1 !important;
    border-left-color: #000000 !important;
    border-left-style: solid !important;
    border-right-color: #000000 !important;
    border-right-style: solid !important;
    border-top-color: #000000 !important;
    border-top-style: solid !important;
    border-bottom-color: #000000 !important;
    border-bottom-style: solid !important;
    border-radius: 15px !important;
}

.vc_custom_1468575359180 {
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    background-color: #f1f1f1 !important;
    border-left-color: #000000 !important;
    border-left-style: solid !important;
    border-right-color: #000000 !important;
    border-right-style: solid !important;
    border-top-color: #000000 !important;
    border-top-style: solid !important;
    border-bottom-color: #000000 !important;
    border-bottom-style: solid !important;
    border-radius: 15px !important;
}

.vc_custom_1468489222805 {
    margin-bottom: 0px !important;
}

.vc_custom_1468489222805 {
    margin-bottom: 0px !important;
}

.vc_custom_1468575391328 {
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    background-color: #f1f1f1 !important;
    border-left-color: #000000 !important;
    border-left-style: solid !important;
    border-right-color: #000000 !important;
    border-right-style: solid !important;
    border-top-color: #000000 !important;
    border-top-style: solid !important;
    border-bottom-color: #000000 !important;
    border-bottom-style: solid !important;
    border-radius: 15px !important;
}

.vc_custom_1468575402376 {
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    background-color: #f1f1f1 !important;
    border-left-color: #000000 !important;
    border-left-style: solid !important;
    border-right-color: #000000 !important;
    border-right-style: solid !important;
    border-top-color: #000000 !important;
    border-top-style: solid !important;
    border-bottom-color: #000000 !important;
    border-bottom-style: solid !important;
    border-radius: 15px !important;
}

.vc_custom_1468489222805 {
    margin-bottom: 0px !important;
}

.vc_custom_1468489222805 {
    margin-bottom: 0px !important;
}

.vc_custom_1468575423711 {
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    background-color: #f1f1f1 !important;
    border-left-color: #000000 !important;
    border-left-style: solid !important;
    border-right-color: #000000 !important;
    border-right-style: solid !important;
    border-top-color: #000000 !important;
    border-top-style: solid !important;
    border-bottom-color: #000000 !important;
    border-bottom-style: solid !important;
    border-radius: 15px !important;
}

.vc_custom_1468575477341 {
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    background-color: #f1f1f1 !important;
    border-left-color: #000000 !important;
    border-left-style: solid !important;
    border-right-color: #000000 !important;
    border-right-style: solid !important;
    border-top-color: #000000 !important;
    border-top-style: solid !important;
    border-bottom-color: #000000 !important;
    border-bottom-style: solid !important;
    border-radius: 15px !important;
}

.vc_custom_1468489222805 {
    margin-bottom: 0px !important;
}

.vc_custom_1468489222805 {
    margin-bottom: 0px !important;
}

.vc_custom_1468575438312 {
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    background-color: #f1f1f1 !important;
    border-left-color: #000000 !important;
    border-left-style: solid !important;
    border-right-color: #000000 !important;
    border-right-style: solid !important;
    border-top-color: #000000 !important;
    border-top-style: solid !important;
    border-bottom-color: #000000 !important;
    border-bottom-style: solid !important;
    border-radius: 15px !important;
}

.vc_custom_1468575455770 {
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    background-color: #f1f1f1 !important;
    border-left-color: #000000 !important;
    border-left-style: solid !important;
    border-right-color: #000000 !important;
    border-right-style: solid !important;
    border-top-color: #000000 !important;
    border-top-style: solid !important;
    border-bottom-color: #000000 !important;
    border-bottom-style: solid !important;
    border-radius: 15px !important;
}

.vc_custom_1468489222805 {
    margin-bottom: 0px !important;
}

.vc_custom_1468489222805 {
    margin-bottom: 0px !important;
}

.vc_custom_1468575465606 {
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    background-color: #f1f1f1 !important;
    border-left-color: #000000 !important;
    border-left-style: solid !important;
    border-right-color: #000000 !important;
    border-right-style: solid !important;
    border-top-color: #000000 !important;
    border-top-style: solid !important;
    border-bottom-color: #000000 !important;
    border-bottom-style: solid !important;
    border-radius: 15px !important;
}

.vc_custom_1468489222805 {
    margin-bottom: 0px !important;
}

.vc_column-gap-15 > .vc_column_container {
    padding: 7.5px;
    display: inline-block;
}

@media (min-width: 768px) {
    .vc_col-sm-6 {
        width: 50%;
    }
}

/*11-11-2017*/
@media(max-width:768px) {
    .dashed span {
        font-size: 26px;
    }
}

.newproducts-wrapper {
    margin-top: 20px;
}

.producttable {
    display: flex;
    width: 100%;
    align-items: center;
}

.cell {
    display: table-cell;
    vertical-align: middle;
    flex: 1;
}

.producttable .title {
    font-family: nyala;
    width: 100%;
    display: block;
    padding-bottom: 20px;
}


@media(max-width:768px) {
    .producttable {
        display: block;
    }

    .cell {
        display: block;
    }
}


/*14-11-2017*/

.address-section {
        border-bottom: 1px solid #ccc;
    padding: 10px;
}

    .address-section .place-name {
        font-size: 20px;
        padding: 5px;
        color: #021354;
    }


    .address-section .address {
        padding:5px;
        font-size:15px;
    }

    .address-section .state {
        padding:5px;
        color: #bd2f32;
    }

    .address-section .contactinfo {
        padding:0px 5px 5px;
    }


    .textcolor{
        color: #bd2f32;
    }

    .cfa-wrapper .panel-body,.cfa_k-wrapper .panel-body{
        height:auto !important;
    }

    .prod-name{
        font-size: 20px;
    text-align: center;
    display: block;
    padding: 10px;
    font-family: nyala;
    }


    /*18-12-2017*/

    .contact-wrapper h2 strong,.contact_k-wrapper h2 strong{
        font-size:1em !important;
    }

    .contact-wrapper p,.contact_k-wrapper p{
        font-size:18px;
    }

    .contact-wrapper table tr td,.contact_k-wrapper table tr td{
        font-size:18px;
    }