body{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #555555;
    background: #fafafa url("../images/1.png");
    overflow-y: auto;
    font-weight:normal;
}

a {
    text-decoration: none;
    color: #555555;
    font-weight:normal;
    transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
}

.wrapper{
    width:100%;
    min-height:500px;
    position:relative;
    padding-top: 159px;
    zoom:1;
}

.mask{
    display:none;
    pointer-events: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 7;
}
.mask.opacity{
    display:block;
}

/*-----index page-------*/

/*---CENTER PART----*/
.centerMain-wrapper{
    width:100%;
    min-height:70px;
    position:relative;
    zoom:1;
    margin:30px 0px;
}

/*-- LEFTBAR SECTION --*/
.centerMain-wrapper .leftbar-section{
    width:22%;
    height:auto;
    background-color:transparent;
    float:left;
    padding-right: 15px;
    padding-left: 15px;
}

.leftbar-section .mega-wrapper{
}

.leftbar-section .mega-wrapper .mega-menu {
    background-color: #fff;
    /*width:225px;*/
    width:100%;
    z-index:-1;
    padding:10px 0px;
    box-shadow: 0px 1px 3px #D2D2D2;
}

.leftbar-section .mega-wrapper .mega-menu .divider{
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.leftbar-section .mega-wrapper .mega-menu ul.mega-ul .mega-head{
    margin: 0px;
    margin-top: 0px;
    padding: 7px 15px;
    color: #00BCD4;
}
.leftbar-section .mega-wrapper .mega-menu ul.mega-ul{
    margin:0;
    position:relative;
}

.leftbar-section .mega-wrapper .mega-menu ul.mega-ul>li>a {
    position: relative;
    display: block;
    padding: 8px 15px;
    text-decoration:none;
    font-size:13px;
    transition: .0s ease-in-out;
    -moz-transition: .0s ease-in-out;
    -webkit-transition: .0s ease-in-out;
}

.leftbar-section .mega-wrapper .mega-menu ul.mega-ul>li>a:hover,
.leftbar-section .mega-wrapper .mega-menu ul.mega-ul>li.hover>a{
    background-color: #F2F2F2;
    margin-right:-1px;
    color: #363636;
    font-weight: 500;
}


.leftbar-section .mega-menu ul.mega-ul li .meganav{
    display:none;
    top: -10px;
    left:100%;
    right: auto;
    position: absolute;
    background-color: #F2F2F2;
    border: 1px solid white;
    border-left: 0;
    padding: 15px;
    /* border: 0 !important; */
    z-index: 999;
    /* box-shadow: 0 1px 1px rgba(0,0,0,0.2); */
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    text-align: left;
}

.leftbar-section .mega-menu ul.mega-ul li.hover .meganav{
    display:block;
}

.leftbar-section .mega-menu .meganav .mega-rel {

    position:relative;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    min-height:293px;
}

.leftbar-section .mega-menu .meganav .cat-list{
    display:inline-block;
    vertical-align: top;
    width:210px;
    padding-right:15px;
}

.leftbar-section .meganav h4 {
    padding-bottom: 8px;
    border-bottom: 1px solid #d9e0e2;
    line-height: 20px;
    margin: 0;
    margin-bottom: 10px;
    color: #363636;
    font-weight: 500;
    font-size: 14px;
}

.leftbar-section .mega-menu .meganav ul li{
    float: left;
    display: inline-block;
    width: 196px;
    font-size: 13px;
}

.leftbar-section .mega-menu .meganav ul li a{
    text-align: left;
    position: relative;
    border: 0;
    padding: 4px;
    min-height: inherit;
    color: #606063;
    font-weight: 400;
    padding: 7px 0;
    text-decoration: none;
    border-top: 1px dashed transparent;
    border-bottom: 1px dashed transparent;
    max-width: 190px;
    display: block;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
}

.leftbar-section .mega-menu .meganav h4 label.new,
.leftbar-section .mega-menu .meganav ul li a label.new {
    display: inline;
    padding: 0px 5px;
    margin-left: 3px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px;
    background-color: #DF4034;
}


/*-- CENTERBAR SECTION --*/
.centerMain-wrapper .centerbar-section{
    width:56%;
    height:auto;
    background-color:transparent;
    float:left;
    padding-right: 15px;
    padding-left: 15px;
    zoom:1;
}

.centerbar-section .es-slider-wrapper {
    width:100%;
    min-height:120px;
    position:relative;
    overflow:hidden;
    box-shadow: 0px 1px 3px #D2D2D2;
}

.es-slider-wrapper .es-slide .es-nav
{
    background: #FFF;
}

.es-slider-wrapper .es-slide .es-nav a small
{
    display: block;
}

.es-slider-wrapper .es-slide .nav-justified > li > a
{
    border-radius: 0px;
}

.es-slider-wrapper .es-slide .es-nav>li>a:focus,
.es-slider-wrapper .es-slide .es-nav>li>a:hover {
    text-decoration: none;
    background-color:white;
}

.es-slider-wrapper .es-slide .nav-pills>li.active a,
.es-slider-wrapper .es-slide .nav-pills>li.active a:focus,
.es-slider-wrapper .es-slide .nav-pills>li.active a:hover {
    background-color: rgba(0, 105, 148, 0.52);
}

.es-slider-wrapper .es-slide .carousel-inner>.item>a>img,
.es-slider-wrapper .es-slide .carousel-inner>.item>img{
    height: 100%;
    width: 100%;
}

.es-slider-wrapper .es-slide.carousel .item {
    left: 0 !important;
    -webkit-transition: opacity .4s; /*adjust timing here */
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    height: 269px;
}
.es-slider-wrapper .es-slide .carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.es-slider-wrapper .carousel-fade .carousel-inner .next.left,
.es-slider-wrapper .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    z-index: 1;
}
.es-slider-wrapper .carousel-fade .carousel-inner .active.left,
.es-slider-wrapper .carousel-fade .carousel-inner .active.right {
    opacity: 0;
    z-index: 2;
}

/*-- RIGHTBAR SECTION --*/
.centerMain-wrapper .rightbar-section{
    width:22%;
    height:auto;
    background-color:transparent;
    float:right;
    padding-right: 15px;
    padding-left: 15px;
    zoom:1;
}
.centerMain-wrapper .rightbar-section .rightbar-banner{
    box-shadow: 0px 1px 3px #D2D2D2;
    background-color: #fff;
    min-height: 326px;
    padding: 15px 15px 7px;
}
.centerMain-wrapper .rightbar-banner p{
    font-size: 16px;
    text-align: center;
    color: #00BCD4;    margin-bottom: 6px;
}
.centerMain-wrapper .rightbar-banner select{
    border-radius: 2px;
    height: 30px;
    line-height: 29px;
    font-size: 13px;
}
.centerMain-wrapper .rightbar-banner ul{
    padding: 0px;
    list-style: none;
    padding-top: 0px; margin: 0px;
}
.centerMain-wrapper .rightbar-banner ul li{    text-align: center;
}
.centerMain-wrapper .rightbar-banner ul li a{
    font-size: 14px;
    padding: 4px 5px;
    display: inline-block;
    text-transform: capitalize;
}
.centerMain-wrapper .rightbar-banner ul li a:hover{
    color: #39B77C;
    font-weight: 500;
    transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
}

/*-- ES FEATURE WRAPPER--*/
.es-features-wrapper {
    width:100%;
    height:auto;
    position:relative;
}
.es-features-wrapper h1{
    margin: 0px;
    color: #00BCD4;
    text-align: center;
    padding: 10px 0px 30px;
    font-weight: 300;
    font-size: 28px;
}
.es-features-wrapper .es-features{
    color: #333;
    background: #fff;
    padding: 30px 15px; border-bottom: 1px solid #DDDADA;
}

.es-features-wrapper .es-features h4.es-icons {
    color:#333;
    font-size: 16px;
    font-weight: 400;
    margin-top: 0px;
    text-transform: uppercase;
    margin-bottom:10px;
}

.es-features-wrapper .es-features h4.es-icons i.heading-icon{
    color: #888;
    font-size:30px;
    margin-right:12px;
    display: inline-block;
    vertical-align: middle;
}

.es-features-wrapper .es-features p{
    margin:0;    color: #555;
}



/*-- Section about--*/

.sm-about-shop{    padding: 30px 0px;}
.sm-about-shop .sm-about{
    background: #fff;
    padding: 20px;
    border-bottom: 1px solid #DDDADA;
}
.sm-about-shop .sm-about h1{
    font-size: 22px;
    text-align: center;
    font-weight: 300;
    margin: 15px 0px 25px;
    color: #00BCD4;line-height: 30px;
}
.sm-about-shop .sm-about p{
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
    color: #5A5858;
}





/*--- SHOP  ---*/
.sm-shop-wrapper{}
.sm-shop-wrapper .sm-shop-detail{    margin-bottom: 15px;}

.sm-shop-wrapper .sm-shop-detail .error-block {
    border: 1px solid #C85A45;
    border-radius: 1px;
    background: #c85A45;
    color: white;
    margin-bottom: 30px;
}

.sm-shop-wrapper .sm-shop-detail .DefMsg2 {
    text-align: center;
    margin: 0 auto;
    padding: 20px;
    color: #636F94;
    border: 1px solid #DDDADA;
    background-color: #fff;
    line-height: 30px;
    font-size: 17px;
    margin-bottom: 20px;
}

.sm-shop-wrapper .sm-shop-detail .panel-group .page-header {
    padding-bottom: 9px;
    margin:0 0 20px;
    border-bottom: 1px solid #eee;
}

.sm-shop-wrapper .sm-shop-detail .panel-group .page-header span.deliver{
    width: 100%;
    display:block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #303EA9;
}

.sm-shop-wrapper .sm-shop-detail .panel-group .panel{
    border: none;
    border-radius: 0px;
    margin-bottom: 20px;
}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-heading{    padding: 0px;  box-shadow: 0px 2px 3px rgb(158, 154, 154);}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-heading .panel-title{position: relative;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-heading .panel-title a{
    display: block;
    padding: 15px;
    font-size: 15px;
    color: #fff;
    border: 1px solid #C85A45;
    border-bottom: none;
    text-decoration: none;
    position: relative;
    padding-left: 65px;
    text-shadow: rgba(138, 137, 137, 0.75) 0 -1px 1px;
    background: #C85A45;
    background: -webkit-gradient(linear,left top,left bottom,from(#C85A45),to(#C85A45));
    background: -moz-linear-gradient(top,#C85A45,#C85A45);
    background: linear-gradient(to bottom,#C85A45,#C85A45);
    background-image: -ms-linear-gradient(top,#C85A45,#C85A45);
}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-heading .panel-title a:after,
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-heading .panel-title a.collapsed:after {
    position: absolute;
    left: 16px;
    font-size: 21px;
    top: 13px; font-family: FontAwesome;
}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-heading .panel-title .btn{
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0px;
    height: 100%;
    color: #fff;
    outline: none;
    text-transform: capitalize;
    text-shadow: rgba(0,0,0,0.74902) 0 -1px 1px;
    background: rgb(200, 90, 69);
    background: -moz-linear-gradient(top,#C85A45,rgb(200, 90, 69));
    background: linear-gradient(to bottom,#C85A45,rgb(200, 90, 69));
    background-image: -ms-linear-gradient(top,#C85A45,rgb(200, 90, 69));
}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-heading .panel-title .btn:hover{background: #176f9f;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-heading .panel-title a.collapsed:after { content: '\f055';}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-heading .panel-title a:after {content: '\f056';}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body{
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #DDDADA;
}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body p.wInfo{ text-align: center; font-size: 17px; color: #3F51B5;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body p.mInfo{ text-align: center; font-size: 17px; color: #FF9800;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .nav{    border-bottom: 3px solid  #82C150;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .nav li{
    background-color: #E6E6E6;
    margin-right: 2px;
    margin-bottom: 0px;
}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .nav li a{
    border: none;
    border-radius: 0px;
    margin: 0px;
    background-color: #EAEAEA;
    text-transform: capitalize;
    font-size: 14px;
}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .nav li.active a:hover,
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .nav li.active a{
    background-color:  #82C150;
    color: #fff;
    border: none;
}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .nav li a:hover{    background-color: #F9F9F9;}

.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap{padding: 15px 10px 0px;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap ul{list-style: none;  padding: 0px;}

.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .restaurant{}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .restaurant .bx{margin-bottom: 5px; padding: 15px;border: 1px solid transparent;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .restaurant .bx:hover{
    background-color: whitesmoke;
    border: 1px solid #EAEAEA;
}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .restaurant .bx a{}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .restaurant .bx .post-desc p:last-child{margin-bottom: 0px;}

.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .srvAra li{
    display: inline-block;
    width: 16%;
    padding: 4px 0px;
}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .srvAra li a{ color: #444444;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .srvAra li a:hover{ color: #C52B20;}

.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .ofrdet li{    padding: 5px 0px;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .ofrdet input[type='radio']{vertical-align: middle; margin: 0px 3px 0px 0px;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .ofrdet span{    font-size: 15px;}

.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .otrDet h1{
    margin: 0px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #0062B7;
    font-weight: 400;
}

.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .otrDet .comTime ul li{    padding: 2px 0px;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .otrDet .comTime ul li label{ width: 90px;font-weight: 500;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .otrDet .comTime ul li span{display: inline-block; color: #585858;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .otrDet .comTime p{font-size: 14px;  color: #CE2014;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .otrDet .tnc{    margin-top: 15px;}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .otrDet .tnc ul li{
    font-size: 11px;
    padding: 4px 0px;
    line-height: 14px;
    padding-left: 20px;
    position: relative;
}
.sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .otrDet .tnc ul li:before {
    content: "\f101";
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
    left: 2px;
}


.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb{}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol{
    padding: 15px;
    background-color: rgba(209, 253, 232, 0.16);
    margin: 15px 0px;    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.38);
}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbTtl{    margin-bottom: 10px;}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbTtl .lfTtl{    width: 60%;  float: left;}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbTtl .lfTtl h1 {
    margin: 0px;
    font-size: 20px;
    color: #228CB9;
    font-weight: 400;
    margin-bottom: 5px;
}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbTtl .lfTtl span{}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbPrz{    width: 40%; float: left; text-align: right; padding-right: 20px;}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbPrz span{
    display: inline-block;
    background-color: #FBF6DB;
    padding: 3px 8px;
    border-radius: 15px;
    border: 1px dotted #FD3C3C;
    color: #E03232;
    font-size: 11px;
    font-weight: 600;
}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .realPrz{}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .realPrz span{
    display: inline-block;
    color: rgb(152, 18, 18);
    margin-right: 20px;
}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .realPrz span.ofrDat{
    background-color: #FBF6DB;
    border: 1px dotted;
    padding: 5px 15px;
    border-color: #47BF86;
    color: #0FA968;
}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .realPrz span b{}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .realPrz .btn{}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbProd{    margin: 10px 0px;}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbProd ul{}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbProd ul li{     margin-bottom: 3px;   display: inline-block;    width: 7%; border: 1px solid #ECECEC;}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbProd ul li a{}
.sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbProd ul li a img{    width: 100%;}





/*---sm-cat-list---*/

.sm-cat-list{background-color: #fff; padding: 20px 0px;}
.sm-cat-list .sm-cat-list-wrap{}
.sm-cat-list .sm-cat-list-wrap h1{}
.sm-cat-list .sm-cat-list-wrap h5{    margin-bottom: 20px;}
.sm-cat-list .sm-cat-list-wrap .first{}

.sm-cat-list .sm-cat-list-wrap ul{    padding: 0px; list-style: none;}
.sm-cat-list .sm-cat-list-wrap ul li{
    width: 24%;
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: top;
}
.sm-cat-list .sm-cat-list-wrap ul li a{
    font-size: 13px;
    font-weight: 500;
    color: #C85A45; text-decoration: none;
}
.sm-cat-list .sm-cat-list-wrap ul li ul{    padding-left: 10px;}
.sm-cat-list .sm-cat-list-wrap .second ul li:not(:first-child),
.sm-cat-list .sm-cat-list-wrap ul li ul li{
    width: 100%;
    font-size: 12px;
    padding: 4px 5px;
    margin-bottom: 0px;
    position: relative;
    padding-left: 10px;
}
.sm-cat-list .sm-cat-list-wrap .second ul li{ width: 100%; display: inline-block;}
.sm-cat-list .sm-cat-list-wrap .second ul li a,
.sm-cat-list .sm-cat-list-wrap ul li ul li a{    font-weight: 400;  color: #6F6F6F;}
.sm-cat-list .sm-cat-list-wrap .second ul li:not(:first-child):before,
.sm-cat-list .sm-cat-list-wrap ul li ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    left: -3px;
}
.sm-cat-list .sm-cat-list-wrap .second ul li a:hover,
.sm-cat-list .sm-cat-list-wrap ul li ul li a:hover{ color: #EF0500;}





/*district model*/

.DistrictModel{  padding-right: 0px !important;}
.DistrictModel .modal-dialog{}
.DistrictModel .modal-dialog .modal-header{    border-bottom: none;}
.DistrictModel .modal-dialog .modal-header h4{    text-align: center; color: #39b77c;}
.DistrictModel .modal-dialog .modal-body ul{    list-style: none;  padding: 0px;}
.DistrictModel .modal-dialog .modal-body ul li{    display: inline-block; width: 32.5%; padding: 6px 3px;    padding-left: 11px; position: relative;}
.DistrictModel .modal-dialog .modal-body ul li a{    font-size: 14px;text-transform: capitalize; color: #333;}
.DistrictModel .modal-dialog .modal-body ul li a:hover{ color: #39b77c;}
.DistrictModel .modal-dialog .modal-body ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    left: 0px;
    font-size: 11px;
}


.ht180auto {
    height: auto;
    overflow: auto;
    transition: all 500ms;
}
.ht180 {
    height: 260px;
    overflow: hidden;
    transition: all 500ms;
}
.SMViewMore {
    font-size: 14px;
    color: #990000;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 3px;
    padding-left: 20px;
}


@media screen and (max-width: 1200px){
    .centerMain-wrapper .centerbar-section {
        padding-right: 0px;
        padding-left: 0px;    width: 54%;
    }
    .centerMain-wrapper .leftbar-section ,
    .centerMain-wrapper .rightbar-section {  width: 23%;}
}

@media screen and (max-width: 992px) {
    .centerMain-wrapper .leftbar-section {  display: none;  }
    .centerMain-wrapper .centerbar-section {   width: 67%;    padding-left: 15px; }
    .centerMain-wrapper .rightbar-section {  width: 32%;}
    .sm-shop-wrapper .srvAra li { width: 24% !important; }
    main.wrapper{    padding-top: 100px !important;}
    .navbar-fixed-top.shrink-active { box-shadow: 0px 0px 7px rgba(2, 2, 2, 0.25); }
    .es-features .col-sm-12{margin-bottom: 10px;}

    .sm-cat-list .sm-cat-list-wrap ul li { width: 48%;}
    .sm-cat-list .sm-cat-list-wrap .second ul li { width: 100%;}
    .sm-shop-detail .nav>li>a {  padding: 10px 12px; }
    .sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbProd ul li { width: 13.6%;}
}

@media screen and (max-width: 767px){
    .centerMain-wrapper .centerbar-section {width: 100%;  padding-left: 0px; margin-bottom: 15px; }
    .centerMain-wrapper .centerbar-section .nav-justified>li {  float: left;  width: 25%;  margin: 0px !important;  }
    .centerMain-wrapper .centerbar-section .nav-justified>li a{margin: 0px !important; padding: 10px;}
    .centerMain-wrapper .rightbar-section .rightbar-banner {min-height: 100px;}
    .centerMain-wrapper .rightbar-section {width: 100%; }
    .centerMain-wrapper .rightbar-banner ul li {width: 48%; display: inline-block;}
    .sm-shop-wrapper .srvAra li {width: 32% !important; }
    .sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .nav li {  width: 32.8%;  margin-bottom: 2px;}
    .sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .nav {  border-bottom: none;  }
    .sm-cat-list .sm-cat-list-wrap .second ul li {  width: 48%;  }

    .DistrictModel .modal-dialog { width: 90%; margin:  0 auto;}
    .DistrictModel .modal-dialog .modal-body ul li {    width: 48%;  }
}


@media screen and (max-width: 540px){
    #ShpStart{padding-top: 0px !important;  }

    .DistrictModel .modal-dialog .modal-body ul li {    width: 100%; text-align: center;  }
    /*.centerMain-wrapper .centerbar-section{display: none;}*/
    .centerMain-wrapper .centerbar-section .nav-justified>li {
        float: left;
        width:50%;
        margin: 0px !important;
    }
    .es-slider-wrapper .es-slide.carousel .item {
        height:auto;
    }
    .centerMain-wrapper .rightbar-banner ul li {  width: 100%;  }
    main.wrapper {  padding-top: 0px !important; }
    .sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap .comTime{width: 100%;}
    .sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-heading .panel-title a {  font-size: 13px;  padding-left: 45px;     padding-right: 132px; }
    .sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-heading .panel-title a:after,
    .sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-heading .panel-title a.collapsed:after {  top: 10px;  }
    .sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .realPrz span.ofrDat {  margin: 10px 0px;}
    .sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbProd ul li {  width: 24%;  }
    .sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .tab-content .tab-pane .wrap {  padding: 0px;    }
}

@media screen and (max-width: 460px){
    .sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .nav li {
        float: left;
        margin-bottom: 2px;
        width: 49%;
    }.sm-shop-wrapper .srvAra li {width: 48% !important; }
    .sm-shop-wrapper .sm-shop-detail .panel-group .panel .panel-body .nav {border-bottom: none; }
    .sm-cat-list .sm-cat-list-wrap ul li {  width: 100%;  }
    .sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbPrz { width: 100%; text-align: left;}
    .sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbTtl .lfTtl { width: 100%; margin-bottom: 10px;}
    .sm-shop-wrapper .sm-shop-detail .tab-content .tab-pane .wrap .OfferCmb .wrappcol .cmbProd ul li { width: 32%;  }
}