@import url(http://fonts.googleapis.com/css?family=Nunito);
.main-div{
    margin-bottom: 50px;
    min-height: 800px;
}











/* for side bar and other things */

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

    .carousel-center-top-container {
        width: 99%!important;
        margin: 20px 0px 0px 8px !important;
        float:none;
        min-height: 200px;
    }

    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
        display: block;
        max-width: 100% !important;
        height: auto !important;
    }

    .first-center-top-right-container {
        width: 100%;
        float: none;
    }
    .ads-div {
        padding: 0px;
        margin-bottom: 10px;
        width: 48%;
        float: left;
        margin: 0px 5px;
    }
    .carousel-border {
        width: 90%;
        margin-top: 10px;
    }

}

@media screen and (max-width: 520px){
    .ads-div {
        display: none;
    }
    .row {
         margin-right: 0px;
         margin-left: 0px;
    }
    .bx-wrapper div.slide{
        margin-left: 56px;
    }
    .carousel-border h2 {
        margin-top: 5px;
        padding-left: 45px;
        font-size: 17px;
    }
}


@media screen and (max-width: 495px){
    .min-exclusive {
        margin-left: -55%;
    }
}

@media screen and (max-width: 395px){
    .min-exclusive {
        margin-left: -70%;
        display: none !important;
    }
    .bx-wrapper div.slide {
        margin-left: 47px;
    }
}







.nav-up{
   margin-top: -100px !important;
}




/* popup modal */
#startPopup .modal-body {
    position: relative;
    padding: 0px;
}
#startPopup .modal-header {
     min-height: 0px;
     padding: 0px;
    border-bottom: none;
}
#startPopup .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 5px solid rgba(175, 158, 135, 0.51);
    border-radius: 5px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
#startPopup .close {
    position: absolute;
    z-index: 1;
    right: 3px;
    top: 2px;
}
@media (min-width: 500px){
    #startPopup .modal-dialog {
        width: 500px;
        margin: 30px auto;
    }
}



#startPopup .modal-body .popup-container{
    width: 100%;
    min-height: 50px;
}
#startPopup .popup-container .pop-top-head{
    width: 100%;
    min-height: 40px;
    background-color: rgb(255, 153, 0);
    box-shadow: 0px 1px 1px 0px rgb(153, 153, 153);
}
.pop-top-head .pop-top-head-wrapper{
    width: 100%;
    box-shadow: inset 0px -5px 11px 0px rgb(196, 131, 86);
    min-height: 40px;
    border-radius: 5px 5px 0px 0px;
}
.pop-top-head-wrapper h5{
    margin: 0;
    font-family: "Bradley Hand ITC";
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-align: center;
    line-height: 40px;
}


#startPopup .popup-container .pop-center{
    width: 100%;
    min-height: 100px;
}
.pop-center .pop-center-wrapper{
    width: 100%;
    min-height: 100px;
    font-family: "Myriad Pro";
}
.pop-center-wrapper .pop-center-top{
    width: 100%;
    min-height: 35px;
}
.pop-center-top h5{
    margin: 0;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: rgb(84, 107, 164);
}
.pop-center-wrapper .pop-center-top2{
    width: 100%;
    min-height: 35px;

}
.pop-center-top2 h5{
    margin: 0;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    color: rgb(255, 153, 0);
    font-weight: bold;
}
.pop-center-wrapper .pop-center-main{
    width: 85%;
    min-height: 100px;
    background-color: rgba(71, 160, 159, 1);
    margin: 0 auto;
    box-shadow: inset 0px 0px 20px 0px rgba(28, 119, 100, 1);
}
.pop-center-main .pop-center-service{
    width: 100%;
    min-height: 50px;
    padding: 5px;
}
.pop-center-service .pop-center-srv-left{
    width: 58%;
    float: left;
    min-height: 50px;
    margin-left: 10px;
}
.pop-center-srv-left .pop-srv-detail{
    width: 100%;
    min-height: 35px;
}
.pop-srv-detail .srv-ico{
    width: 25px;
    min-height: 35px;
    float: left;
    line-height: 35px;
}
.pop-srv-detail .srv-name{
    width: 86%;
    float: right;
    min-height: 35px;
    line-height: 35px;
}
.srv-name span{
    font-size: 16px;
    color: #FFCE5A;
}

.pop-center-service .pop-center-srv-right{
    width: 37%;
    float: left;
    min-height: 50px;
}
.pop-center-srv-right img{width: 100%;}




#startPopup .popup-container .pop-bottom{
    width: 100%;
    min-height: 50px;
}
.pop-center .pop-bottom-wrapper{
    width: 100%;
    min-height: 50px;
}
.pop-bottom-wrapper .pop-bottom-top{
    width: 100%;
    padding: 5px;
    min-height: 30px;
}
.pop-bottom-top h5{
    margin: 0;
    font-family: "Bradley Hand ITC";
    font-size: 16px;
    color: #ef0573;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 900;
    line-height: 30px;
}
.pop-bottom-wrapper .pop-bottom-last{
    width: 100%;
    min-height: 50px;
    background-color: #4cae4c;
}
.pop-bottom-last p.bottom-1{
    margin: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    font-family: "Myriad Pro";
}
.pop-bottom-last p.bottom-2{
    text-align: center;
    font-size: 17px;
    color: #F3AB00;
    font-weight: bold;
    font-family: "Myriad Pro";
}
.pop-bottom-last p.bottom-3{
    margin: 0;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 16px;
    color: rgb(62, 61, 60);
}
p.bottom-2 a, p.bottom-3 a{color: #fff;}
p.bottom-2 a:hover, p.bottom-3 a:hover{color: #F3AB00;}
@media screen and (max-width: 400px) {
    .pop-center-service .pop-center-srv-right {display: none;}
    .pop-center-service .pop-center-srv-left {  width: 100%;}
    .pop-top-head-wrapper h5 {
        margin: 0;
        font-family: "Bradley Hand ITC";
        font-size: 22px;
        font-weight: bold;
        color: #FFFFFF;
        letter-spacing: 1px;
        text-align: center;
        line-height: 26px;
    }
}




/**  Super market start  **/

.main-div .center-first-fluid .top-lv-1{width: 100%; min-height: 100px; padding: 10px 0px;}
.top-lv-1 .left-adver {
    width:18%;  min-height:171px;   float:left;
}

.left-adver .left-adver-one {
    width: 100%;
    min-height: 187px;
    border:2px solid #FDFFFA;
    box-shadow: 0px -1px 3px #838383;
}
.left-adver .img-thumbnail {height: 184px;}

.left-adver .left-adver-one img {
    width: 100%;
}
.left-adver .left-adver-second {
    width: 100%;
    min-height: 171px;
    border:2px solid #FDFFFA;
    box-shadow: 0px 2px 3px #838383;
}
.left-adver .left-adver-second img {
    width: 100%;
}
.center-first-fluid .top-lv-1 .left-slider-main{  width:56%;  min-height: 100px;   float:left;margin-left:14px}
.top-lv-1 .left-slider-main .slider-wrapper{width: 100%;}
.top-lv-1 .left-slider-main .slider-wrapper ul.MainSlider{padding: 0px;}
.top-lv-1 .left-slider-main .slider-wrapper ul.MainSlider li img{height: 335px; width: 100%;}
.top-lv-1 .slider-wrapper .bx-wrapper .bx-viewport {  left:0px;}
.top-lv-1 .slider-wrapper .bx-wrapper .bx-pager,
.top-lv-1 .slider-wrapper .bx-wrapper .bx-controls-auto {  position: absolute;  bottom: 10px;  width: 100% !important; text-align: center !important;}
.top-lv-1 .slider-wrapper .bx-wrapper {  position: relative;  margin: 0 auto 15px;   padding: 0;}
.bx-wrapper .bx-controls-direction a {  width: 32px;   height: 61px !important;}
.bx-wrapper .bx-prev { left: 5px !important; background: url("../images/arrow-btn-back-2.png") no-repeat 0 -60px !important;}
.bx-wrapper .bx-prev:hover { left: 5px !important; background: url("../images/arrow-btn-back-2.png") no-repeat 0 -120px !important;}
.bx-wrapper .bx-next { right: 5px !important; background: url("../images/arrow-btn-2.png") no-repeat 0 -60px !important;}
.bx-wrapper .bx-next:hover { right: 5px !important; background: url("../images/arrow-btn-2.png") no-repeat 0 -120px !important;}

.slider-wrapper .bx-wrapper .bx-viewport li .img-cap{
    position: absolute;
    width: 230px;
    padding: 10px;
    margin: 5px;
    border-radius: 9px;
    top: 0px;
    right: 0px;
}
.slider-wrapper .bx-wrapper .bx-viewport li .img-cap p{margin: 0px;margin-left: 10px; text-align: right;}
.slider-wrapper .bx-wrapper .bx-viewport li .img-cap p .fi-sp{  font-size: 20px; font-weight: bold;  color: #FFFFFF; display: block;}
.slider-wrapper .bx-wrapper .bx-viewport li .img-cap p .se-sp{    font-family: 'Bree Serif', serif; font-size: 22px; font-weight: bold; display: block; color:#fff;}
.slider-wrapper .bx-wrapper .bx-viewport li .img-cap.cap3 p .fi-sp { color: #616161;}
.slider-wrapper .bx-wrapper .bx-viewport li .img-cap.cap2 p .fi-sp { color: #1BDC9D;}
.slider-wrapper .bx-wrapper .bx-viewport li .img-cap.cap5 p .se-sp { color: rgb(45, 197, 128);}
.center-first-fluid .top-lv-1 .right-form{
    width:24%;
    float:right;
    min-height: 100px;
    background-color: rgba(239, 239, 239, 0.34);
    padding: 2px;
}
.top-lv-1 .right-form .right-wrapp{
    width: 100%;
    min-height: 100px;
    padding: 1px 1px;
    background-color: white;
    text-align: center;
    -moz-box-shadow:    inset 0 0 10px #BEC1C1;
    -webkit-box-shadow: inset 0 0 10px #BEC1C1;
    box-shadow:         inset 0 0 10px #BEC1C1;
}
.top-lv-1 .right-wrapp p.first-title{
    font-family: 'Bree Serif', serif;
    padding: 10px 5px;
    font-size: 20px;
    color: rgb(242, 138, 47);
    margin-bottom: 20px;
    box-shadow: 0px 1px 9px rgb(212, 196, 196);
}
.top-lv-1 .right-wrapp p.title-p{
    text-align: center; margin-bottom: 30px; font-size: 20px;
    color: rgb(52, 150, 140);
    text-shadow: 0px 0px 0px rgb(194, 201, 204);
    font-family: 'Sintony';
}
.top-lv-1 .right-wrapp p.sm-p{font-size: 12px; text-align: center;  color: rgb(142, 142, 142);  text-shadow: none;  margin-bottom: 30px;}
.top-lv-1 .right-wrapp input[type="text"]{width: 90%; margin: 0 auto;}
.top-lv-1 .right-wrapp input.btn{
    min-height: 30px;
    border-color: #34968C;
    font-family: "Open Sans";
    padding: 6px 14px;
    font-size: 16px;
    box-shadow: 0px 3px 0px rgb(239, 151, 80);
    margin-bottom: 18px;
    margin-top: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #34968C;
    border: 1px solid transparent;
    color: #ffffff;
    font-weight: 300;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.top-lv-1 .right-wrapp .form-group{position: relative;}
.top-lv-1 .right-wrapp .form-group .openlist{
    width: 90%;
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    left: 5%;
    background-color: #fff;
    border: 1px solid rgb(197, 197, 197);
    top: 42px;
}
.top-lv-1 .right-wrapp .form-group .openlist ul{
    padding: 0px;
    list-style: none;
    margin: 0px;
}
.top-lv-1 .right-wrapp .form-group .openlist ul li{
    text-align: left;
}
.top-lv-1 .right-wrapp .form-group .openlist ul li a{
    display: block;
    font-size: 13px;
    color: rgb(107, 109, 110);
    text-decoration: none;
    border-left: 3px solid transparent;
    padding: 3px 13px;
}
.top-lv-1 .right-wrapp .form-group .openlist ul li a:hover{
 background-color: #f0f0f0;
    border-left-color:#1ab931 ;
}
.top-lv-1 .right-wrapp .form-group .openlist ul li a.active{
    background-color: #f0f0f0;
    border-left-color:#1ab931 ;
}




.center-first-fluid .top-lv-2{width: 100%; min-height: 100px;}
.top-lv-2 .lv-2-offers{width: 100%; padding: 5px 0px;}
.top-lv-2 .lv-2-offers ul{  padding: 0px;  list-style: none;  margin: 0px;text-align: center;}
.top-lv-2 .lv-2-offers ul li{display: inline-block; width: 18%; margin-left:10px}
.top-lv-2 .lv-2-offers ul li a{text-decoration: none;}
.top-lv-2 .lv-2-offers ul li div{
    min-height: 50px;
    padding: 5px;
    /*background-image: linear-gradient( to right, rgb(207, 107, 10), rgba(36, 101, 35, 0.99) );*/
    background: linear-gradient(to left,#577355 0,#77B97A 70%,#24988C 100%);
    border:4px solid #FDFFFA;
    border-radius:0px;
    color: #ffffff;
    box-shadow: 0px 2px 2px #838383;
    text-shadow: 0px 1px 0px #635B5B;
}

.top-lv-2 .lv-2-offers ul li div .spn1{  display: block; font-size: 13px; color: #ECECEC;}
.top-lv-2 .lv-2-offers ul li div .spn2{   display: block; font-size: 15px; color: #F9F9F9;    font-family: 'Sintony';font-weight: bold;}




.center-first-fluid .top-lv-3{  width: 100%;  min-height: 50px;}
.center-first-fluid .top-lv-3 .banner-div{  width: 100%;  min-height: 50px;}
.top-lv-3 .banner-div ul{  margin: 0px; padding: 0px; list-style: none;  text-align: center;}
.top-lv-3 .banner-div ul li{  display: inline-block;  width: 23%;  margin-right:14px; position: relative;}
.top-lv-3 .banner-div ul li:last-child{  display: inline-block;  width: 23%;  margin-right: 0px;}
.top-lv-3 .banner-div ul li a{    text-decoration: none;}
.top-lv-3 .banner-div ul li a .div-img{  border: 1px solid rgb(205, 205, 205);
    border: 4px solid #FDFFFA;
    box-shadow: 0px -1px 3px #838383;
    background-color: rgba(52, 150, 140, 0.2);
}
.top-lv-3 .banner-div ul li a .div-img img{  width: 100%;    height: 140px;}

.top-lv-3 .banner-div ul li .caption{ margin: 5px; padding: 5px; border-radius: 5px;}
.top-lv-3 .banner-div ul li .caption p{
    margin: 0px;
    color:rgb(183, 28, 28);
    text-align: left;
    font-size: 17px;
    text-shadow: 0px 0px 0px rgb(84, 45, 0);
    font-family: 'Sintony';
}
.top-lv-3 .banner-div ul li .caption.top{ top: 0px;}
.top-lv-3 .banner-div ul li .caption.bot{ bottom: 0px; right: 0px;}



.full-border{
    width: 100%;
    min-height: 2px;
    margin: 30px 0px;
    background-image: linear-gradient( to right, rgb(255, 255, 255), rgba(203, 130, 49, 0.39), rgb(253, 253, 253) );
}



.center-first-fluid .top-lv-4{width: 100%; min-height: 100px;  margin-bottom: 0px;}
.center-first-fluid .top-lv-4 .cust-speak{
    width: 100%;
    min-height: 100px;
    background-color:rgba(234, 234, 234, 0.36);
}
.top-lv-4 .cust-speak .left-side{  width: 60%;  min-height: 100px;  float: left;  padding: 20px;}
.top-lv-4 .cust-speak .left-side h5{
    font-size: 16px;
    text-shadow: 0px 0px 0px #6F756F;
    line-height: 25px;
    color: rgb(113, 109, 109);
    text-align: justify;
    font-family: 'Sintony';
}
.top-lv-4 .cust-speak .left-side p{
    line-height: 25px;
    text-align: justify;
    font-size: 12px;
    color: rgb(104, 112, 119);
    font-family: 'Sintony';
    text-shadow: 0px 0px 0px #6F756F;}
.top-lv-4 .cust-speak .left-side p a{
    font-size: 17px;
    font-family: "Open Sans", helvetica, arial;
    color: rgb(111, 106, 106);
    text-decoration: none;
}
.top-lv-4 .cust-speak .right-cust{width: 40%;  float: right; min-height: 100px;  padding: 20px;}
.top-lv-4 .cust-speak .right-cust .cust-wrap{  width: 75%;  float: right;}
.top-lv-4 .cust-speak .right-cust .cust-wrap h5{font-size: 17px;
    color: #564F4F;
    font-family: 'Sintony';
    text-shadow: 0px 0px 0px #6F756F;}

.cust-wrap ul li .cust-img{width: 48%;   float: left;}
.cust-wrap ul li .cust-img img{  height: 120px;}
.cust-wrap ul li .cust-detail{width: 48%;   float: right;}
.cust-wrap ul li .cust-detail p{font-size: 12px;   color: rgb(104, 112, 119);    font-family: 'Sintony';
    text-shadow: 0px 0px 0px #6F756F;}
.cust-wrap ul li .cust-detail p a{color: rgb(112, 117, 121);  font-size: 13px;  font-weight: bold;}
.cust-slider .bx-wrapper .bx-viewport {left: 0px;}
.cust-slider .bx-wrapper .bx-controls-direction a {
    width: 32px;
    height: 30px !important;
}
.cust-slider .bx-wrapper .bx-prev {display: none; left: 5px !important;  background: url("../images/arrow-btn-back-2.png") no-repeat 0 -75px !important;}
.cust-slider .bx-wrapper:hover .bx-prev {display: block; }
.cust-slider .bx-wrapper .bx-next {display: none; right: 5px !important; background: url("../images/arrow-btn-2.png") no-repeat 0 -75px !important;}
.cust-slider .bx-wrapper:hover .bx-next {display: block; }



.center-first-fluid .lv-foo-5{  width: 100%; min-height: 50px;}
.center-first-fluid .lv-foo-5 .pre-foo-wrap{  width: 100%;  min-height: 50px;}
.lv-foo-5 .pre-foo-wrap .pre-foo-top{  width: 100%; min-height: 50px; background-color:rgb(52, 150, 140);  padding: 15px 0px;   box-shadow: 0px -1px 5px 0px rgb(210, 210, 210);  border-bottom: 1px solid rgb(229, 229, 229);}
.lv-foo-5 .pre-foo-wrap .pre-foo-top p{
    text-align: center;
    margin: 0px;
    font-family: 'Bree Serif', serif;
    font-family: 'Sintony';
    text-shadow: 0px 0px 0px #6F756F;
    font-size: 18px;
    color: rgb(254, 241, 202);
}

.lv-foo-5 .pre-foo-wrap .pre-foo-bottom{  width: 100%;  min-height: 50px; background-color: rgba(52, 150, 140, 0.11);  padding: 15px 0px;}
.lv-foo-5 .pre-foo-wrap .pre-foo-bottom .first
{
}
.lv-foo-5 .pre-foo-wrap .pre-foo-bottom .second
{
    min-height: 432px;
}

.pre-foo-bottom  h5{
    font-size: 15px;
    color:rgb(153, 29, 29);
    text-transform: uppercase;
    padding: 20px 5px;
    padding-bottom: 0;
    font-family: 'Sintony';
    text-shadow: 0px 0px 0px #6F756F;
}
.pre-foo-bottom ul{margin: 0px; padding: 0px; list-style: none;}
.pre-foo-bottom ul li{width: 49%;display: inline-block;padding: 3px 5px;  margin-bottom: 6px;  vertical-align: top;}
.pre-foo-bottom ul li a{    font-size: 12px;
    color:rgb(153, 29, 29);
    font-family: 'nunito', sans-serif;}
.pre-foo-bottom ul li ul li{width: 49%;display: inline-block;padding: 3px 10px; vertical-align: middle; margin: 0px;font-family: 'nunito', sans-serif;}
.pre-foo-bottom ul li ul li a{
    font-size: 12px;  color: rgb(97, 106, 113);font-weight: normal;
}

.pre-foo-bottom ul li ul li a:before {
    content:"\f0da";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.pre-foo-bottom ul li ul li a:hover{color: rgb(230, 109, 26);}

.pre-foo-bottom ul.new-ul li{width: 100%;display: inline-block;padding: 3px 5px;  margin-bottom: 0px;  vertical-align: top;}
.pre-foo-bottom ul.new-ul li a{font-size: 12px;  color: rgb(97, 106, 113);font-weight: normal;}
.pre-foo-bottom ul.new-ul li a:hover{color: rgb(230, 109, 26);}


/***** this style for floating field *********/
.right-form fieldset {
    border:none;
    position:relative;
    font-family:arial,sans-serif;
    margin-bottom: 5px;
}
.right-form input.float-in {
    padding: 11px 1em .3em 1em;
    height: 45px;
}
.right-form input.float-in:focus {
    outline:none;
    background:#fbfbe9;
}

.right-form input.float-in + label {
    display: block;
    cursor: text;
    color:#c0c0c0;
    transition: .15s ease-out all;
    position: absolute;
    top: 0.7em;
    left: 2em;
    font-size: 15px;
    font-weight: normal;
}

.right-form input.float-in:focus + label,
.right-form label.stay {
    top:-7px !important;
    background-color:#3B86C7;
    color: #ffffff !important;
    left:2.7em !important;
    font-size:.7em !important;
    font-weight:bold;
    padding-left:5px;
    padding-right:5px;
    border-radius: 4px;
    transition:.15s ease-out all;
}

@media screen and (max-width: 1125px){
    .main-div, main.main-div-pro-list {
        padding-top: 125px;
    }
}

@media screen and (max-width: 1080px) {
    .slider-wrapper .bx-wrapper img {
        height: 315px;
    }
    .pre-foo-top .left-option {
        width: 90%;
    }
    .top-lv-4 .cust-speak .right-cust .cust-wrap {
        width: 90%;
    }
    .pre-foo-bottom .first {      width: 72%; float: left ;}
    .pre-foo-bottom .second {      width: 28%; float: left;  }

    .pre-foo-bottom ul.new-ul li {
        width: 100%;
    }
    .top-lv-2 .lv-2-offers ul li:last-child{
        display: none;
    }
    .top-lv-2 .lv-2-offers ul li {
        display: inline-block;
        width: 24%;
    }

}

@media screen and (max-width: 1060px) {
    .main-tagline {
        width: 35% !important;
        float: left;
        text-align: right;
    }
    .navbar-nav {
        margin-top: 13px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }
    .navbar-right {
        float: right !important;
    }
    .main-tagline h3 {  text-align: center;}
    .slider-wrapper .bx-wrapper .bx-viewport li .img-cap p .fi-sp {      font-size: 16px;}
    .slider-wrapper .bx-wrapper .bx-viewport li .img-cap p .se-sp {       font-size: 15px;    }
    .top-lv-3 .banner-div ul li .caption p {    font-size: 12px;   }
}

@media screen and (max-width: 980px) {
    .pre-foo-bottom .third ul li {      width: 100%;   }
    .top-lv-1 .right-wrapp input[type="text"] {
        width: 100%;
        margin: 0 auto;
    }
    .main-tagline {
        width: 30% !important;
    }
    .pre-foo-bottom ul li {
        width: 49%;
    }
    .pre-foo-bottom ul li ul li {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .top-lv-1 .right-form .right-wrapp {
        padding: 2px 5px;
        border: 5px solid rgb(236, 236, 236);
    }
    .center-first-fluid .top-lv-1 .right-form {
        width: 39%;
    }
    .center-first-fluid .top-lv-1 .left-slider-main {
        width: 60%;
    }
    .slider-wrapper .bx-wrapper img {
        height: 255px;
    }
    .pre-foo-bottom ul li {
        width: 49%;
    }
    .top-lv-2 .lv-2-offers ul li div .spn1 {
        display: block;
        font-size: 10px;
    }
    .top-lv-2 .lv-2-offers ul li div .spn2 {
        display: block;
        font-size: 14px;
    }
    .top-lv-3 .banner-div ul li:last-child {
        display: none !important;
    }
    .top-lv-3 .banner-div ul li {
        width: 30%;
    }
    .pre-foo-top .left-option {
        width: 100%;
    }
    .top-lv-4 .cust-speak .right-cust .cust-wrap {
        width: 100%;
    }
    .top-lv-1 .left-slider-main .slider-wrapper ul.MainSlider li img {
        height: 318px;
    }
    .slider-wrapper .bx-wrapper .bx-viewport li .img-cap {
        width: 210px;
        padding: 5px;
        margin: 5px;
    }
    .slider-wrapper .bx-wrapper .bx-viewport li .img-cap.cap4 {
        bottom: 35px;
        left: 0px;
    }.slider-wrapper .bx-wrapper .bx-viewport li .img-cap.cap3 {
         bottom: 35px;
     }
    .top-lv-2 .lv-2-offers ul li div .spn2 {
        display: block;
        font-size: 12px;
    }
}

@media screen and (max-width: 600px) {
    .center-first-fluid .top-lv-1 .left-slider-main {
        width: 100%;
    }

    .center-first-fluid .top-lv-1 .right-form {
        width: 100%;
    }

    .top-lv-2 .lv-2-offers ul li {
        display: inline-block;
        width: 49%;
    }

    .top-lv-2 .lv-2-offers ul li div {
        background-image: none;
    }

    .top-lv-2 .lv-2-offers ul li div .spn1 {
        display: block;
        font-size: 12px;
        color: rgb(95, 95, 95);
    }

    .top-lv-2 .lv-2-offers ul li div .spn2 {
        display: block;
        font-size: 14px;
        color: rgb(118, 118, 118);
    }

    .top-lv-2 .lv-2-offers ul li:last-child{display: inline-block;}

    .top-lv-4 .cust-speak .left-side {
        width: 100%;  padding-bottom: 0px;
    }
    .top-lv-4 .cust-speak .right-cust {
        width: 80%;
        float: left;  padding: 0px 20px 20px
    }
    .top-lv-4 .cust-speak .right-cust .cust-wrap {
        width: 100%;
    }
    .pre-foo-top .left-option ul li {
       padding: 3px 5px;
       width: 87px;
    }
    .pre-foo-top .left-option ul {
        padding: 0px;
    }
    .top-lv-3 .banner-div ul li {
        width: 30%;margin-right: 4px;
    }
    .pre-foo-bottom .first {
        width: 100%;
    }
    .pre-foo-bottom .second {
        width: 100%;
    }
    .pre-foo-bottom ul.new-ul li {
        width: 49%;
    }
    .top-lv-3 .banner-div ul li .caption p {
        font-size: 9px;
    }
    .top-lv-1 .left-slider-main .slider-wrapper ul.MainSlider li img {
        height: 270px;
    }
    .slider-wrapper .bx-wrapper .bx-viewport li .img-cap.cap5 {
        top: 0%;
        left: 0px;
    }
}

@media screen and (max-width: 400px) {
    .slider-wrapper .bx-wrapper img {
        height: 193px;
    }
    .top-lv-4 .cust-speak .right-cust {
        width: 100%;
    }
    .pre-foo-bottom .first {
        width: 100%;
        float: left;
        padding: 0px;
    }
    .pre-foo-bottom .second {
        width: 100%;
        float: left;
        padding: 0px;
    }
    .pre-foo-bottom .third {
        width: 100%;
        float: left;
        padding: 0px;
    }
    .top-lv-4 .cust-speak .left-side p {
        font-size: 12px;
        line-height: 18px;
    }
    .top-lv-1 .left-slider-main .slider-wrapper ul.MainSlider li img {
        height: 200px;
    }
    .center-first-fluid .top-lv-2 {
        display: none;
    }
    .lv-foo-5 .pre-foo-wrap .pre-foo-top p {
        text-align: center;
        margin: 0px;
        font-size: 13px;
    }

}










/****************** Agent Listing start from here *******************/
.agent-listing .left-offers{width: 20%; min-height: 100px;float: left; margin-top: 15px;}
.agent-listing .left-offers .offer-wrapper{width: 100%; min-height: 100px;}
.left-offers .offer-wrapper .offer-1{width: 100%; min-height: 60px; margin-bottom: 10px; background-color: #e6e6e6;}
.left-offers .offer-wrapper .offer-2{width: 100%; min-height: 90px; margin-bottom: 10px; background-color: #e6e6e6;}
.left-offers .offer-wrapper .offer-3{width: 100%; min-height: 130px; margin-bottom: 10px; background-color: #e6e6e6;}
.left-offers .offer-wrapper .offer-4{width: 100%; min-height: 180px; margin-bottom: 10px; background-color: #e6e6e6;}
.left-offers .offer-wrapper .offer-1 img,
.left-offers .offer-wrapper .offer-2 img,
.left-offers .offer-wrapper .offer-3 img,
.left-offers .offer-wrapper .offer-4 img{width: 100%;}


.agent-listing .right-agent-list{width: 79%; min-height: 100px;float: right; margin-top: 15px;}
.right-agent-list .agent-wrapper{width: 100%; min-height: 100px;}
.agent-wrapper .top-area-select{width: 100%; min-height: 50px;  padding-top: 10px;}
.agent-wrapper .top-area-select .title{width: 60%; float: left; min-height: 30px;}
.agent-wrapper .top-area-select .title h5{font-family: cursive; font-size: 19px; margin: 0px;  text-align: center;  color: rgb(74, 142, 0);}
.agent-wrapper .top-area-select .select{width: 40%; float: left;  min-height: 30px;}
.agent-wrapper .top-area-select .select label{font-weight: normal;  font-size: 12px;}
.agent-wrapper .top-area-select .select select{display: inline-block;width: 40%; margin-left: 10px; padding: 5px;   outline: none; border-radius: 5px; font-size: 12px;}


.agent-wrapper .listing{width: 90%; min-height: 50px; margin: 0 auto;  margin-top: 20px;}
.agent-wrapper .listing ul{width: 100%; padding: 0px; list-style: none;  box-shadow: 0px 1px 8px 0px rgb(164, 177, 181);  margin-bottom: 30px; }
.agent-wrapper .listing ul li{width: 15%; float: left; border-right:1px solid #dadada;  }
.agent-wrapper .listing ul li.fst{width: 25%; float: left; border-right:1px solid #dadada;  }
.agent-wrapper .listing ul li.lst{border-right:0px solid #003f54; }
.agent-wrapper .listing ul li a{display: block; padding: 14px 5px; text-align: center;  color: rgb(90, 90, 90);text-decoration: none;}
.agent-wrapper .listing ul li a:hover{background-color: #e1e1e1;}
.agent-wrapper .listing ul li.fst a:hover{background-color:#fff;}
.agent-wrapper .listing ul li.fst a{font-weight: bold;color: rgb(62, 177, 216);}
.agent-wrapper .listing ul li.lst a{  border-radius: 0px; border: 0px;  color: rgb(255, 255, 255);}
.agent-wrapper .listing ul li.lst a:hover{ background-color: #199b29}

.agent-wrapper .listing ul li.active,
.agent-wrapper .listing ul li.active a:hover{  background-color: rgb(255, 170, 95);  color: #fff;  position: relative;}
.agent-wrapper .listing ul li.active span{
    border-left: 9px solid rgba(250, 235, 215, 0);
    border-right: 9px solid rgba(0, 255, 255, 0);
    border-top: 10px solid rgb(255, 170, 95);
    position: absolute;
    bottom: -10px;
    left: 41%;
}
.agent-wrapper .listing ul li.active a{  color: #FFF;  text-shadow: 0px 1px 1px rgb(140, 140, 140);}





.right-agent-list .Details-wrap{  width: 90%;  margin: 0 auto; margin-top: 45px;}
.right-agent-list .Details-wrap h5{  text-align: center; font-size: 16px; font-weight: bold; color: rgb(132, 132, 132);}
.right-agent-list .Details-wrap .city-list{  width: 100%;  padding: 10px;  min-height: 100px;  margin: 25px 0px;   box-shadow: inset 0px 0px 32px 1px rgb(221, 219, 217); border-radius: 5px}
.right-agent-list .Details-wrap .city-list ul{padding: 0px; list-style: none;}
.right-agent-list .Details-wrap .city-list ul li{width: 24%; display: inline-block;padding:6px; }
.right-agent-list .Details-wrap .city-list ul li a{font-size: 12px; color:#797979;}
.right-agent-list .Details-wrap .city-list ul li a:hover{font-size: 12px; color: #e66d1a;}




.right-agent-list .Details-wrap .offers{ width: 100%;  padding: 0px;  min-height: 100px;  margin: 15px 0px;  box-shadow: none;}
.right-agent-list .Details-wrap .offers ul.ul-offers{  border-top: 1px solid rgb(203, 197, 189);  border-left: 1px solid rgb(203, 197, 189);}
.right-agent-list .Details-wrap .offers ul.ul-offers li{
    width: 20%;  margin: -1px 0px; float: left;
    border-right: 1px solid rgb(203, 197, 189);
    border-bottom: 1px solid rgb(203, 197, 189);  padding: 8px;
}
.right-agent-list .Details-wrap .offers ul.ul-offers li:hover{box-shadow: 1px 1px 1px 0px #bbbbbb;}
.right-agent-list .Details-wrap .offers ul.ul-offers li a{  text-decoration: none;}
.right-agent-list .Details-wrap .offers ul.ul-offers li .inner-pro{width: 100%;  position: relative;font-family: 'Myriad Pro';}
.offers ul.ul-offers li .inner-pro .offer-rate{
    position: absolute;
    background-color: rgb(231, 105, 95);
    padding: 3px 5px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    border-radius: 11px;
}
.offers ul.ul-offers li .inner-pro .product-img{  width: 65%;  margin: 0 auto;}
.offers ul.ul-offers li .inner-pro .product-img img{width: 100%;  height: 105px;}
.offers ul.ul-offers li .inner-pro .pro-veg{  position: absolute;  top: 37%;  left: 3%;}
.offers ul.ul-offers li .inner-pro .pro-veg img{}
.offers ul.ul-offers li .inner-pro .pro-detail{width: 100%; min-height: 50px; margin-top: 10px;  overflow: hidden;}
.offers ul.ul-offers li .inner-pro .pro-detail p{  margin: 0px; font-size: 13px;  color: #615F5F; padding: 0 0 2px 0; line-height: 22px;}
.offers ul.ul-offers li .inner-pro .pro-price{  width: 100%;   min-height: 50px;}
.offers ul.ul-offers li .inner-pro .pro-price .selected{width: 100%;}
.offers ul.ul-offers li .inner-pro .pro-price .selected .pro-weight{font-size: 13px;color: #615F5F;}
.offers ul.ul-offers li .inner-pro .pro-price .price{width: 100%;}
.offers ul.ul-offers li .inner-pro .pro-price .price .off-price{font-size: 13px;color: #615F5F;}
.offers ul.ul-offers li .inner-pro .pro-price .price .full-price{font-size: 13px;color: #615F5F;  float: right;  text-decoration: line-through;}
.offers ul.ul-offers li .inner-pro .add-cart-btn{width: 100%; text-align: center;}
.offers ul.ul-offers li .inner-pro .add-cart-btn .btn{  width: 80%; padding: 5px 10px; border-radius: 10px; color: rgb(21, 128, 53); border-color: rgb(18, 129, 52);}
.offers ul.ul-offers li .inner-pro .add-cart-btn .btn:hover{
    color: rgb(254, 254, 254);
    background-color: rgb(18, 129, 52);
    border-color: rgb(18, 129, 52);
    transition: all 500ms;
    box-shadow: inset 0px 1px 1px #199b29;
}



.right-agent-list .Details-wrap .city-list ul.ul-detail{padding: 0px; list-style: none;}
.right-agent-list .Details-wrap .city-list ul.ul-detail li{width: 100%;padding-top: 10px; border-bottom: 1px dotted #bbbbbb; }
.right-agent-list .Details-wrap .city-list ul.ul-detail li:last-child{width: 100%;padding-top: 10px; border-bottom: 0px dotted #bbbbbb; }
.right-agent-list .Details-wrap .city-list ul.ul-detail li label{width: 160px;}
.right-agent-list .Details-wrap .city-list ul.ul-detail li p{display: inline-block;}



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

    .agent-wrapper .listing {   width: 100%;    }
    .agent-wrapper .listing ul li a {     font-size: 12px;  }
    .right-agent-list .Details-wrap {    width: 100%;}
}
@media screen and (max-width: 840px) {
    .agent-listing .left-offers {  display: none; }
    .agent-listing .right-agent-list { width: 100%;  }
    .main-div, main.main-div-pro-list {    padding-top: 220px;  }
}
@media screen and (max-width: 767px) {
    .main-div, main.main-div-pro-list {    padding-top: 120px; }
    .offers ul.ul-offers li .inner-pro .pro-detail p {     font-size: 12px;     line-height: 14px;    }
    .right-agent-list .Details-wrap .offers ul.ul-offers li {      width: 25%;  }
    .right-agent-list .Details-wrap .city-list ul li {     width: 24%;  }
}

@media screen and (max-width: 640px) {
    .agent-wrapper .listing ul li { width: 33.33%;  border-bottom: 1px solid #dadada;  }
    .agent-wrapper .listing ul li.fst { width: 33.33%;   border-bottom: 1px solid #dadada; }
    .right-agent-list .Details-wrap .city-list ul li {   width: 32%;}
}
@media screen and (max-width: 480px) {
    .agent-wrapper .listing ul li { width: 50%;  border-bottom: 1px solid #dadada;  }
    .agent-wrapper .listing ul li.fst { width: 50%;   border-bottom: 1px solid #dadada; }
    .agent-wrapper .top-area-select .title {  width: 100%;  }
    .agent-wrapper .top-area-select .select {   width: 100%; text-align: center; float: none; margin-bottom: 20px;    }
    .right-agent-list .Details-wrap .offers ul.ul-offers li {   width:33.33%;}
    .right-agent-list .Details-wrap .city-list ul li {   width: 49%;}

    .top-lv-3 .banner-div ul li {
        width: 49%;
        margin-right: 4px;
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 400px) {
    .right-agent-list .Details-wrap .offers ul.ul-offers li {   width:50%;}
    .top-lv-3 .banner-div ul li {
        width: 90%;
    }
    .top-lv-3 .banner-div ul li .caption p {
        font-size: 11px;
    }
}



.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/475.GIF) center no-repeat #fff;
}