@media (max-width: 992px) {
    .greenpoints .row {display: block;}
    #top-header .text-content span.main-logo, #top-header .text-content span.main-logo span {font-size: 30px;}
    #top-header .text-content a img {height: 32px;}
    #top-header .text-content span {font-size: 14px;}
}
@media (max-width: 767px) {
#top-header {display: none;}
#navbar-mob.open #bottom-header {
    display: block;
    padding: 0;
    color: #fff;
    text-align: center;
}
#bottom-header .qr-code img {
    width: 50%;
    margin: 0 auto;
}
#bottom-header p {margin: 0;}
#bottom-header .text-content a {
    display: block;
    margin-bottom: 6px;
}
#download-app-sec img {
    max-width: 50%;
}
#download-app-sec .btns-wrapp img {max-width: 100%;}
.navbar-default{
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
    }

    .navbar-default .navbar-nav>li:last-child a {
    background: #036534;
    }

    .navbar-default .navbar-nav>li>a:focus, 
    .navbar-default .navbar-nav>li>a:hover, 
    .navbar-default .navbar-nav>li>a.active {
    color: #000;
    }

    .navbar-default .navbar-nav>li>a {
    color: #fff;
    }

    .navbar-default .navbar-toggle:focus, 
    .navbar-default .navbar-toggle:hover {
    background-color: transparent;
    }

    .navbar-default .navbar-toggle {
    border-color: transparent;
    z-index: 4;
    }

    .navbar-default .navbar-toggle .icon-bar {
    background-color: #57666d;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    }

    .navbar-default .navbar-toggle.active .icon-bar.one {
    top: 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    }

    .navbar-toggle.active .icon-bar.two {
    background-color: transparent;
    }

    .navbar-toggle.active .icon-bar.three {
    top: -6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    }

    .mobile-navbar {
    right: -100%;
    height: 100%;
    position: fixed;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    }

    .mobile-navbar.open {
    right: 0;
    background: #049149;
    padding: 0 30px;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 3;
    box-shadow: 1px 1px 1px #ccc;
    width: 51%;
    }

    .mobile-navbar .navbar-nav {
    margin-top: 50px;
    }

    .navbar-default .navbar-brand .main-logo {
    font-size: 35px;
    }

    .home-section1 .caption-box1,
    .home-section1 .caption-box2,
    .home-section1 .caption-box3 {
    position: static;
    width: 100%; 
    padding: 0px 0 5px; 
    background: #eee; 
    }

    .home-section1 .caption-box1 h2,
    .home-section1 .caption-box2 h2,
    .home-section1 .caption-box3 h2 {
    animation-delay: 0.5s;
    animation-duration: 1.5s;
    font-size: 22px;
    text-align: center;
    }

    .home-section1 .caption-box3 h2 {
    color: #58676e;
    }

    .home-section1 .caption-box3 h5 {
    animation-delay: 0.3s;
    color: #58676e;
    text-align: center;
    font-size: 18px;
    margin: 0;
    padding-top: 5px;
    }

    .home-section1 .carousel-control .left-arrow, 
    .home-section1 .carousel-control .right-arrow {
    position: absolute;
    top: 35%;
    z-index: 1;
    display: inline-block;
    left: 0;
    right: 0;
}

.home-section2 {
    padding: 25px 0;
}

.home-section2 h1 {
    font-size: 30px;
}

.home-section2 h5 {
    font-size: 17px;
    margin: 10px 0 30px;
}

.home-section2 h4 {
    font-size: 25px;
    margin: 15px 0 10px;
}

.home-section2 p {
    font-size: 18px;
    margin: 0;
}

.home-section2 .focus-div {
    margin-bottom: 30px;
}

.home-section3 {
    padding: 25px 0;
    background-image: url(../images/home-bg2.jpg);
    background-size: cover;
}

.home-section3 h2 {
font-size: 25px;
margin: 0;
padding-right: 0px;
}

.home-section3 .info-box {
    padding-left: 15px;
}

.home-section4 {
    padding: 25px 0;
}

.home-section4 h2 {
    font-size: 28px;
    margin: 0 0 50px;
}

.home-section4 .second-div {
    padding: 30px 0 0 0px;
}

.home-section4 .second-div p {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 1.5;
    padding-bottom: 5px;
}

.home-section4 .second-div ul li {
    font-size: 15px;
    padding-bottom: 5px;
}

.home-section4 .second-div a.read-more-btn {
    font-size: 14px;
    padding: 5px 40px 5px 15px;
    margin-top: 15px;
    margin-bottom: 20px;
    }

    .home-section5 {
    padding: 25px 0;
    }

    .home-section5 h2 {
       font-size: 25px;
    margin: 0 0 10px;
    }

    .home-section5 .second-box {
    padding: 0 15px;
    }

    .home-section5 .second-box .carousel-control.left {
    left: -10%;
    }

    
    .home-section5 .second-box .carousel-control.right {
    right: 0%;  
    }

    .home-section5 .second-box .carousel-indicators {
    margin: 0px auto;
    }

    .home-section5 .second-box .carousel-inner {
    width: 95%;
    
    }

    .home-section5 .second-box .caption-box1 .img-box {
    width: 42%;
    }

    .home-section5 .second-box .caption-box1 .info-box {
    bottom: 40%;
    width: 58%;
    }

    .home-section5 .second-box .caption-box1 .info-box h5 {
    font-size: 30px;
    margin: 0;
    }

    .home-section5 .second-box .caption-box1 .info-box p {
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 1.4;
    color:#000;
    }

    .home-section6 {
    padding: 25px 0;
    }

    .home-section6 h2 {
    font-size: 30px;
    margin: 0 0 30px;
    }

    .home-section6 .carousel-control {
    top: 50%;
    }

    .home-section6 .pad-0 {
        padding: 0;
    }

    .home-section6 .carousel-inner {
    margin-top: 40px;
    }

    .home-section6 .carousel-inner .item img {
    position: relative;
    bottom: 40px;
    width: 50%;
    }

    .home-section6 .carousel-inner .item p {
    font-size: 17px;
    bottom: 50px;
    padding: 0 20px;    
    }

    .home-section6 .carousel-inner .item h3 {
    bottom: 40px;
    font-size: 20px;
    margin: 10px 0 20px;
    }

    .home-section6 .carousel-indicators {
    margin: 10px auto;
    }

    /*footer css start */

    footer {
    padding: 20px 0;
    }

    footer .foot-box {
    float: left;
    width: 50%;
    text-align: left;
    }

    footer .foot-box h2 {
    font-size: 13px;
    margin: 0 0 10px;
    }

    footer .foot-box li a {
    font-size: 13px;
    }

    footer .foot-box:nth-of-type(1),
    footer .foot-box:nth-of-type(2),
    footer .foot-box:nth-of-type(4),
    footer .foot-box:nth-of-type(7){
        width: 35%;    
    }

    footer .foot-box:nth-of-type(3){
        width: 30%;    
    }

    footer .foot-box:nth-of-type(5) {
    text-align: left;
    width: 65%;
    }

    footer .foot-box:nth-of-type(5) h5 {
    font-size: 12px;
    }
    footer .foot-box:nth-of-type(1),
    footer .foot-box:nth-of-type(2),
    footer .foot-box:nth-of-type(3),
    footer .foot-box:nth-of-type(4),
    footer .foot-box:nth-of-type(5),
    footer .foot-box:nth-of-type(7), 
    footer .foot-box:nth-of-type(8), 
    footer .foot-box:nth-of-type(9), 
    footer .foot-box:nth-of-type(10) {
    margin-top: 15px;
    }

     footer .foot-box:nth-of-type(9) {
        width: 36%;
     }

     footer .foot-box:nth-of-type(10) {
        width: 64%;
        text-align: left;
        padding-left: 9px;
     }

      footer .foot-box:nth-of-type(10) li a {
        font-size: 11px;
      }

    .bottom-strip p {
    font-size: 13px;
    }

    .bottom-strip .first-div {
     padding-top: 0px; 
    padding-bottom: 5px;
    text-align: center;
    }


    .bottom-strip p a {
    font-size: 12px;
    }

    .bottom-strip p a.link {
    font-size: 12px;
    }

    .bottom-strip .foot-logo {
    top: 7px;
    }

    /*parallax css start */
    

    .breadcrumb-section {
     margin-top: 0px; 
    }

    .about-breadcum,
    .about-breadcum img {
        height: 100px;
    }
    .company-logo img{
        text-align: center;
        width: 250px !important;
    }
    .about-breadcum .container {
    top: 80px;
    }

    .about-breadcum h1, .about-breadcum h2{
    font-size: 30px;
    }

    /*about css start */

    .about-section2 {
    padding: 0px;
    }
    
    .about-section2 h1 {
    font-size: 30px;
    }

    .about-section2 .slide-div .arrows-box {
    padding: 5px 0 15px 150px;
    }

    .about-section2 .slide-div .carousel-control {
    font-size: 20px;
    }

    .about-section2 .slide-div .item p {
    font-size: 16px;
    line-height: 1.6;
    }

    .about-section2 .img-box {
        margin-top: 20px;
    }

    .about-section3 {
    padding: 25px 0 0;
    }

    .about-section3 h2 {
    font-size: 30px;
    margin: 0 0 0px;
    }

    .about-section3 .first-div .vision-box {
    padding: 10px 10px;
    margin: 0;
    }

    .about-section3 .first-div h5 {
    font-size: 30px;
    }

    .about-section3 .first-div .vision-box:before {
    transform: rotate(90deg);
    right: 0px;
    left: 0;
    top: 65px;
    width: 20px;
    margin: 0 auto;
    }

    .about-section3 .info-div p {
    line-height: 1.4;
    font-size: 18px;
    padding-left: 0px;
    }

    .about-section3 .info-div img {
    margin: 20px auto 0;
    }

    .about-section5 {
    padding: 20px 0 10px;
    }

    /*accordian css start */

    .about-section4 {
        padding: 20px 0 0;
    }

    .about-section4 .nav-color {
    background: transparent;
    }

    .about-section4 .panel-title a {
    text-decoration: none;
    font-size: 18px;
    padding: 10px 0;
    display: block;
    color: #1d1e1e;
    font-family: "OpenSans-Light";
    text-align: center;
    }

    .about-section4 .panel-title a[aria-expanded="true"] {
        color: #049149;
    }

    .about-section4 .panel-default>.panel-heading {
        padding: 0;
    }

    .about-section4 .panel-body {
    padding: 15px 0;
    }

    .about-section4 .panel-body>.container {
        padding: 0;
    }

    .about-section4 .panel-body .info-box p {
    color: #918f8f;
    font-family: "OpenSans-Light";
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
   /* margin-top: 20px;*/
    margin-left: 12px;
    }

    .about-section4 .about-bullet { 
        margin-left: 0;
       /* color: #918f8f;
        font-family: "OpenSans-Light";
        font-size: 17px;
        float: left;
        line-height: 1.7;
        letter-spacing: 0.5px;*/
    }

    .about-section4 .tab-content {
     margin-top: 0px; 
    }

    .contact-bg {
    background-image: linear-gradient(to right, #fff, #fff 50%, #fff 50%);
    }

    .conatct-section1 {
    background-image: linear-gradient(to bottom, #fff, #fff 48%, #019149 41%);
    }

    .conatct-section1 .form-div {
    padding-right: 0px;
    padding-bottom: 20px;
    }

    .conatct-section1 .form-div h2, 
    .conatct-section1 .address-div h2 {
    font-size: 30px;
    margin: 0px 0 30px;
    }

    .conatct-section1 .bg-img {
    background-image: none;
    background-size: unset;
    background-repeat: unset;
    background-position: 0;
    background-color: #019149;
    }

    .conatct-section1 .address-div {
    padding: 20px 0;
    }

    .conatct-section1 .address-div .address-box .icon-box, 
    .conatct-section1 .address-div .phone-box .icon-box, 
    .conatct-section1 .address-div .mail-box .icon-box,
    .conatct-section1 .address-div .address-box-mumbai .icon-box
     {
    font-size: 30px;
    }

    .conatct-section1 .address-div .address-box .push-box {
    margin: 0px 0px 0px 50px;
    }

    .conatct-section1 .address-div .address-box p,
    .conatct-section1 .address-div .address-box-mumbai p
     {
    font-size: 16px;
    width: 100%;
    margin: 0 0 10px;
    }

    .conatct-section1 .address-div .phone-box .push-box {
    margin: 0px 0px 0px 60px;
    padding: 10px 0;
    }

    .conatct-section1 .address-div .phone-box a, 
    .conatct-section1 .address-div .mail-box a {
    font-size: 14px;
    }

    .conatct-section1 .address-div .phone-box .icon-box {
    padding-top: 15px;
    } 

    .conatct-section1 .address-div .mail-box .push-box {
    margin: 0px 0px 0px 60px;
    padding: 10px 0;
    } 

    .conatct-section1 .address-div .mail-box .icon-box {
    padding-top: 7px;
    } 

    .conatct-section1 .address-div .social-box h5 {
    font-size: 20px;
    }

    .conatct-section1 .address-div .social-box ul li a {
    font-size: 20px;
    padding: 10px;
    }


    /*team page css start */

    .team-section1 {
    padding: 0px 0 25px;
    }

    .team-section1 .profile-box img {
        margin: 0 auto;

    }

    .team-section1 .info-box {
    padding-left: 0px;
    }

    .team-section1 .info-box h1 {
    font-size: 24px;
    margin: 15px 0 0;
    text-align: center;
    }

    .team-section1 .info-box h5 {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
    }

    .team-section1 .info-box p {
    font-size: 16px;
    }

    .team-section1 .breck-line div {
    width: 90%;
    }

    .team-section1 .breck-line {
    padding: 30px 0px;
    }

    .team-section2 {
    padding: 20px 0;
    background-position: 25%;
    }

    .team-section2 a,
    .team-section2 .text {
        font-size: 16px;
    }

    .team-section2 h2 {
    font-size: 25px;
    margin: 0 0 10px;
    }


    .pagination-div ul li a {
    font-size: 13px;
    padding: 5px 10px;
    }

    .pagination-div .pagination .arrow-left a, 
    .pagination-div .pagination .arrow-right a {
    top: 0px;
    }

    /*blog css start */

    .blog-section1 {
    padding: 20px 0 20px;
    }

    .blog-section1 .blog-div {
    margin: 0 0px 30px;
    box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.13); 
    }

    .blog-section1 .blog-div .info-div {
    padding: 15px 15px 20px;
    }

    .blog-section1 .blog-div .info-div h3 {
    font-size: 20px;
    margin: 0 0 10px;
    }

    .blog-section1 .blog-div .info-div p {
    font-size: 15px;
    }

    .blog-section1 .blog-div a.read-more-btn {
    margin-top: 10px;
    }


    /*opinion page css start */

    .opinion-section1 {
    padding: 20px 10px 0;
    }

    .opinion-section1 .panel {
    margin-bottom: 15px;
    }

    .opinion-section1 .panel-heading {
    padding: 10px 10px;
    }

    .opinion-section1 .panel-heading img {
    height: 50px;
    }

    .opinion-section1 .panel-heading .panel-title {
    padding: 0px 0 0 5px;
    }

    .opinion-section1 .panel-heading p {
    font-size: 13px;
    }

    .opinion-section1 .panel-heading h5 {
    font-size: 16px;
    margin: 5px 0 0 0;
    }

    .opinion-section1 .panel-heading .btn-box {
    top: 10px;
    }

    .opinion-section1 .panel-heading .btn-box .close-btn .move-arrow {
    font-size: 8px;
    padding: 9px 6px;
    margin-left: 0px;
    }

    .opinion-section1 .panel:last-child {
    margin-bottom: 20px;
    }

    .opinion-section1 .panel-heading .btn-box {
    padding: 10px 5px;
    }

    .opinion-section1 .panel-body {
    padding: 10px 0;
    margin: 0 10px;
    }

    .opinion-section1 .panel-body p {
    font-size: 16px;
    padding: 0px 10px;
    }

    .pagination-div {
    padding: 20px 0 10px;
    }

    /*career page css start */

    .career-section1 {
    padding: 0px 0 25px;
    }

    .career-section1 h1 {
    font-size: 30px;
    margin: 0 0 5px;
    }

    .career-section1 p {
    font-size: 16px;
    margin: 0 0 25px;
    padding: 0 10px;
    }

    .career-section1 .form-div .form-group {
    margin-bottom: 30px;
    }

    .career-section1 .form-div .form-group.mrg-top-xs {
    margin-top: 20px;
    margin-bottom: 0;
    }

    /*solution css start */

    .solution-section1 h1 {
    font-size: 22px;
    margin: 0 0 20px;
    }
.headlines-section1 {
    padding: 20px 0 0;
}
.solution-section1 h2 {
    font-size: 22px;
    }
.gallery-section1 {
    padding: 15px 0 0;
}
.navbar-default .navbar-nav>li:nth-child(8) a {
    font-size: 12px;
    margin: 15px 0px;
    padding: 5px 7px;
}
.navbar-nav>li>a {
    padding: 12px 5px;
    font-size: 12px;
}
    .solution-section1 .inner-div .info-box {
    padding: 15px 10px;
    height: 390px !important;
    }

    .solution-section1 .inner-div {
        margin-bottom: 30px;
    }

    .solution-section1 .inner-div .info-box h5 {
    font-size: 20px;
    margin: 0 0 5px;
    }

    .solution-section1 .inner-div .info-box p {
    font-size: 16px;
    line-height: 1.5;
    }

    .solution-section1 a.read-more-btn {
    margin-top: 15px;
    }


    .solution-section2 {
    padding: 25px 0;
    }

    .solution-section2 h2 {
    font-size: 30px;
    }


    .solution-section2 .imgages-div .brown-bag,
    .solution-section2 .imgages-div .black-bag,
    .solution-section2 .imgages-div .blue-bag,
    .solution-section2 .imgages-div .t-shirt,
    .solution-section2 .imgages-div .green-box,
    .solution-section2 .imgages-div .red-cap {
        position: relative;
        width: 50%;
        float: left;
        left: 0;
        top: 0;
        margin-top: 30px;
    }

    .solution-section2 .imgages-div a.buy-now-btn {
    border: 1px solid #02a553;
    margin-top: 10px;
    top: 40px;
    left: 33%;
    opacity: 1;
    font-size: 12px;
    padding: 5px 30px 5px 10px;
    }

    .solution-section2 .imgages-div a.buy-now-btn .move-arrow {
    font-size: 11px;
    top: 3px;
    right: 4px;
    padding: 3px 5px;
    }

    .solution-section2 .imgages-div .title {
    font-size: 20px;
    position: static;
    bottom: 0;
    right: 0;
    }

    /*details-blog section css start */

    .blog-detail-section1 .info-div {
    padding: 20px 15px;
    }

    .blog-detail-section1 .info-div h1 {
    font-size: 19px;
    margin: 0 0 10px;
    }

    .blog-detail-section1 .info-div p {
    font-size: 16px;
    }

    .blog-detail-section1 .gallery-div {
    padding-top: 20px;
    }

    .blog-detail-section1 .gallery-div h5 {
    font-size: 18px;
    margin: 10px 0 25px;
    }

    .blog-detail-section1 .releted-blog-div {
    padding: 20px 30px;
    }

    .blog-detail-section1 .inner-box {
    display: block;
    }

    .blog-detail-section1 .inner-box .info-box {
    padding: 0px 5px;
    }

    .blog-detail-section1 .inner-box .info-box h3 {
    font-size: 17px;
    margin: 5px 0 0;
    }

    .blog-detail-section1 .releted-blog-carousel .owl-nav .owl-prev {
    left: -25px;
    }

    .blog-detail-section1 .releted-blog-carousel .owl-nav .owl-next {
    right: -25px;
    }


    /*associates page css start */

    .associates-section1 h2 {
    font-size: 23px;
    padding: 0 0 10px;
    }

    .associates-section1 .img-box {
    margin-top: 20px;
    }

    .associates-section1 .col-md-3:last-of-type .img-box {
    margin-bottom: 20px;
    }


     /*headline page css start  */

    .headlines-section1 .inner-box {
    padding: 0 5px;
    }

    .headlines-section1 .inner-box {
    margin-bottom: 30px;
    }

     .headlines-section1 .inner-box .video-icon {
    font-size: 35px;
    }

    .headlines-section1 h5 {
        font-size: 18px;
    }

    /*vpm section css start */

    .vpm-section1 {
    padding: 0 0 20px;
    }

    .vpm-section1 .left-div {
    width: 100%;
    float: none;
    }

    .vpm-section1 h1 {
    font-size: 24px;
    margin: 0px 0 15px;
    }

    .vpm-section1 .left-div.sticky {
        position: static;
    }

    .vpm-section1 .left-div .logo-box {
    font-size: 35px;
    text-align: center;
    }

    .vpm-section1 .right-div {
    width: 100%;
    float: none;
    }

    .vpm-section1 .right-div .inner-div {
    padding: 10px 0 0 15px;
    margin-left: 0px;
    }

    .vpm-section1 .right-div .inner-div h2 {
    font-size: 22px;
    }

    .vpm-section1 .right-div .inner-div h4 {
    font-size: 18px;
    margin: 15px 0 5px;
    }

    .vpm-section1 .right-div .dimention-list li, 
    .vpm-section1 .right-div .inner-div p {
    font-size: 16px;
    } 

    .vpm-section1 .right-div .green-box {
    margin-left: 0px;
    padding: 20px 15px;
    } 

    .vpm-section1 .right-div .green-box h3 {
    font-size: 20px;
    margin: 0 0 10px;
    }

    .vpm-section1 .right-div .green-box p {
    font-size: 17px;
    } 



    /*conatct modal css start */

    .contact-modal .modal-dialog {
    width: 90%;
    margin: 50px auto 0;
    }

    .contact-modal .modal-body {
    padding: 10px;
    }

    .contact-modal h1 {
    font-size: 25px;
    margin: 10px 0 0px 0;
    }

    .contact-modal .close {
    right: 0px;
    top: -35px;
    }

    .contact-modal form .form-group {
    position: relative;
    margin-bottom: 25px;
    }

    .contact-modal form {
    padding-top: 30px;
    }


    /*modal css start */

    .product-modal .modal-dialog {
    margin: 100px auto 0;
    width: 95%;
    }

    .product-modal .left-div {
    float: none;
    width: 100%;
    }

    .product-modal .left-div {
    float: none;
    width: 100%;
    }

    .product-modal .select-div .box-style {
    font-size: 13px;
    width: 100%;
    overflow: hidden;
    }

    .product-modal .select-div .innner-box .product-box:nth-of-type(2) {
    width: 30%;
    }

    .product-modal .select-div .innner-box h2 {
    font-size: 14px;
    margin: 25px 0 0;
    }

    .product-modal .left-div form {
    padding: 0px 10px 0;
    }

    .product-modal .select-div .select-box .down-arrow {
    font-size: 8px;
    }

    .product-modal .close {
    right: 0px;
    top: -35px;
    }

    .product-modal .right-div {
    float: left;
    width: 100%;
    }

    .product-modal .right-div img {
    height: 100px;
    width: 100px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    }

    .contact-modal form .hide_label, 
    .product-modal form .hide_label {
    font-size: 15px;
    position: absolute;
    top: 1px;
    }

    .contact-modal form select.box-style {
    font-size: 15px;
    font-weight: 600;
    }

    .contact-modal form .show_label, 
    .product-modal form .show_label {
    font-size: 15px;
    }

    .product-modal .select-div {
    padding: 10px 0 25px;
    }

    .product-modal form .submit-btn {
    margin-bottom: 15px;
    }

    .product-modal .modal-body {
    padding: 0px 0 10px;
    }


    /*location page css start */


    .button-div a.cmn-btn {
    font-size: 14px;
    padding: 4px 20px;
    margin-top: 15px;
    }

    .about-breadcum.location-breadcum .container {
    top: 60px;
    }

    .location-section2 .address-box {
    border-left: 0;
    padding: 0;
        margin-top: 15px;
    }

    .location-section2 {
    padding: 25px 0;
    }

    .location-section2 .address-box h3 {
    font-size: 22px;
    margin: 0 0 10px;
    }

    .location-section2 .address-box p {
    font-size: 16px;
    padding: 0 0 20px;
    width: 100%;
    }

    .location-section2 .marker-box {
    padding: 10px 0;
    }

    .location-section2 .marker-box .icon-box {
    font-size: 35px;
    margin-right: 15px;
    }

    .location-section2 .marker-box h5 {
    font-size: 18px;
    margin: 8px 0 0;
    }

    .location-section2 .contact-btn {
    font-size: 15px;
    margin-top: 15px;
    }

    .location-section2 .contact-btn .move-arrow {
    font-size: 13px;
    }

    .blog-section1 .info-div .head_ellipsis {
    height: 46px;
    }


    /*map pointer css start */

    .location-section2 .img-box .bhubneswar {
    top: 55%;
    left: 55%;
    }

   .location-section2 .img-box .j-and-k {
    left: 28%;
    }

    .location-section2 .img-box .dehradun {
    left: 35%;
    }

    .location-section2 .img-box .jodhpur {
    left: 18%;
    }

    .location-section2 .img-box .ahemdabad {
    top: 47%;
    left: 14%;
}

    .location-section2 .img-box .bharuch {
    left: 14%;
    }

    .location-section2 .img-box .bhopal {
    left: 28%;
    }

    .location-section2 .img-box .patna {
    left: 58%;
    }

    .location-section2 .img-box .guwahati {
    left: 77%;
    }

    .location-section2 .img-box .kolkata {
    left: 66%;
    }

    .location-section2 .img-box .bokaro {
    left: 56%;
    }

    .location-section2 .img-box .puri {
    left: 54%;
    }

   .location-section2 .img-box .bangalore {
    top: 84%;
    left: 29%;
}

    .location-section2 .img-box .hyderabad {
    left: 31%;
    }

    .location-section2 .img-box .andhra {
    left: 35%;
    }

   .location-section2 .img-box .mysore {
    top: 85%;
    left: 27%;
}

    .location-section2 .img-box .kochi {
    left: 26%;
    }

    .location-section2 .img-box .solapur {
    left: 22%;
    }

    .location-section2 .img-box .pune {
    left: 18%;
    }

    .location-section2 .img-box .mahabaleshwar {
    top: 63%;
    left: 17%;
    }

   .location-section2 .img-box .mumbai {
    left: 15%;
}

    .location-section2 .img-box .goa {
    left: 13%;
    }

    .location-section2 .img-box .jaipur {
    top: 34%;
    left: 28%;
    }


    .show_error .button-section a.take-home-button, 
    .show_error .button-section a.contact-support {
        margin-left: 0;
    }

    .show_error {
    padding: 30px 0px;
    }

    .greenpoints h2 {
    font-size: 25px;
}
.mobile-wrapper {
    flex-wrap: wrap;
    justify-content: center;
}
.mobile-wrapper form {
    flex-wrap: wrap;
    width: 85%;
    padding-left: 0px;
    margin-top: 20px;
}
.mobile-wrapper .submitbtn{
    margin-top:20px;
}
.coin-box {
    width: 60%;
    }
    .coupons-single {
    flex-wrap: wrap;
}
.coupons-title {
    padding-left: 0px;
    width: 100%;
}
.points-view {
    text-align: left;
}
.coupons-title h3 {
    font-size: 17px;
}
.coupons-wrapper {
    width: 100%;
    margin: 0 auto;
}
.popup-form .send-otp {
    flex-wrap: wrap;
    width: 85%;
    padding-left: 0px;
    margin-top: 20px;
}
.greenpoint-modal .modal-dialog {
    width: 100%;
    margin: 50px auto;
}
.popup-form .submitbtn {
    padding: 10px 15px;
    width: 35%;
    margin-top:20px;
}
.otp-text {
    width: 55%;
    }
    .greenpoint-modal .close, .thankyou-modal .close {
    right: 16px;
    top: -40px;
    font-size: 20px;
}
.mobile-wrapper h3 {
    font-size: 18px;
}
.coin-box h3 {
    margin-top: 0px;
    font-size: 30px;
}
.coupons-single img {
    width: auto;
}
.privacy-policy .policy_overview h4, .support-section .support-overview h4 {
    padding: 5px 0;
    margin: 5px 0px;
}
.img-box img {
    width: 100%;
}
.breadcrumb-section.about-breadcum.location-breadcum.breadcrumb-parallex {
    top: 10px;
}
.location-section2 .img-box .mark {
    padding: 1px !important;
    width: 0;
    height: 0;
}
.location-section2 .img-box .jammu {
    top: 13% ! important;
    left: 26% ! important;
}
.location-section2 .img-box .Kashmir {
    top: 9% ! important;
    left: 24% ! important;
}
.mark.kinnaur {
    position: absolute;
    top: 17%;
    left: 35%;
}
.mark.una {
    position: absolute;
    top: 19% ! important;
    left: 28% ! important;
}
.location-section2 .img-box .chandigarh {
    top: 17% ! important;
    left: 28% ! important;
}
.location-section2 .img-box .chandigarh {
    top: 18% ! important;
    left: 28% ! important;
}
.location-section2 .img-box .delhi {
    top: 27% !important;
    left: 27% !important;
}
.location-section2 .img-box .chennai {
    top: 83% ! important;
    left: 41% ! important;
}
.location-section2 .img-box .tirupati {
    left: 38% !important;
}
.location-section2 .img-box .coorg {
    left: 21% !important;
    top: 84% !important;
}
/*.location-section2 .img-box .wadi {
    left: 24%;
}*/

.location-section2 .img-box .goa {
    left: 16% !important;
    top: 71% !important;
}
.location-section2 .img-box .kolhapur{
    left: 18%;
}
.location-section2 .img-box .wadi {
    left: 29% ! important;
}
.location-section2 .img-box .dargiling {
    top: 34% ! important;
    left: 70.5% ! important;
}
.location-section2 .img-box .malda {
    top: 39% ! important;
    left: 66% ! important;
}
.location-section2 .img-box .jasidih {
    top: 42% ! important;
    left: 66% ! important;
}
.location-section2 .img-box .asansol {
    left: 64% ! important;
}
.location-section2 .img-box .saran {
   top: 38% ! important;
    left: 59% ! important;
}
.location-section2 .img-box .gorakhpur {
    top: 36% ! important;
    left: 51% ! important;
}
.location-section2 .img-box .bhagalpur {
 top: 38% ! important;
    left: 62% ! important;
}
.location-section2 .img-box .deogarh {
    top: 52% ! important;
    left: 54% ! important;
}
.location-section2 .img-box .cuttack {
    top: 56% ! important;
    left: 59% ! important;
}
.location-section2 .img-box .jitni {
    top: 56% ! important;
    left: 51% ! important;
}
.location-section2 .img-box .vishakhapatnam {
    top: 68% ! important;
    left: 48% ! important;
}
.location-section2 .img-box .amravathi {
    top: 71% ! important;
    left: 43% ! important;
}
.location-section2 .img-box .hyderabad {
    top: 69% !important;
    left: 34% ! important;
}
.location-section2 .img-box .secunderabad {
    top: 66% ! important;
    left: 34% ! important;
}
.location-section2 .img-box .malkapur {
    top: 56% ! important;
    left: 23% ! important;
}
.location-section2 .img-box .alibaug {
    left: 12% ! important;
}
.location-section2 .img-box .navi-mumbai {
    left: 15% ! important;
}
.location-section2 .img-box .dahej {
    top: 49% ! important;
    left: 13% ! important;
}
.location-section2 .img-box .abu-road {
    top: 43% ! important;
    left: 15% ! important;
}
.mark.agra {
    position: absolute;
    top: 32% ! important;
    left: 33% ! important;
}
.location-section2 .img-box .haridwar {
    top: 24% !important;
    left: 36% !important;
}
.location-section2 .img-box .gurgaon {
    left: 27% !important;
    top:27% !important;

}
.location-section2 .img-box .delhi {
    top: 27% !important;
    left: 29% !important;
}
.location-section2 .img-box .raipur {
    top: 50% ! important;
    left: 48% ! important;
}
.location-section2 .img-box .nagda {
    top: 45% ! important;
    left: 28% ! important;
}
.location-section2 .img-box .bhopal {
    left: 29% ! important;
}
.location-section2 .img-box .ujjain {
    top: 45% ! important;
    left: 25% ! important;
}
.location-section2 .img-box .kota {
    top: 41% ! important;
    left: 27% ! important;
}
.location-section2 .img-box .ghaziabad {
    top: 27% ! important;
    left: 30% ! important;
}
.location-section2 .img-box .chandigarh {
    top: 20% !important;
    left: 29% !important;
}
.mark.modinagar {
    position: absolute;
    top: 26% ! important;
    left: 31% ! important;
}
.location-section2 .img-box .jaisalmer {
    top: 34%;
    left: 9%;
}
.location-section2 .img-box .ankleshwar {
    top: 54%;
    left: 15%;
}
.location-section2 .img-box .surat {
    top: 55%;
    
}
.location-section2 .img-box .gandhi-nagarg {
    top: 47%;
    left: 15%;
}
.location-section2 .img-box .vadodra {
    top: 48%;
    left: 16%;
}
.buy-list table {
    width: 100%;
}
.location-section2 .img-box .alibaug {
    top: 67%;
}
.mobile-bottle {
    display: block;
    width: 59%;
    margin: 0 auto;
}
.home-section3 .info-box {
    padding-left: 0;
    font-size: 33px;
    margin-top: 17px;
}

}


/*ipad portrait view css start */

@media(max-width: 1023px) and (min-width: 768px) {

/*heade css start */
.about-section4 .tab-pane .info-box p.bulllet-text {
    margin: 0 0 0 43px;
}
.about-section4 .about-bullet {
    margin-left: 26px;
}
.gallery-section1 .head-img img {
    height: 164px;
}

.navbar-default .navbar-brand {
    padding: 14px 15px;
}

.navbar-default .navbar-brand .main-logo {
    font-size: 25px;
}

.navbar-nav>li>a {
    padding: 15px 5px;
    font-size: 13px;
}

.navbar-default .navbar-nav>li:last-child a {
    font-size: 13px;
    padding: 5px 15px;
        margin: 10px;
}

.home-section1 .caption-box1,
.home-section1 .caption-box2,
.home-section1 .caption-box3 {
top: 20%;
}

.home-section1 .caption-box1 h1,
.home-section1 .caption-box2 h1,
.home-section1 .caption-box3 h1 {
    font-size: 25px;
}

.home-section1 .caption-box3 h5 {
    font-size: 18px;
}

.home-section1 .caption-box1 a.product-btn,
.home-section1 .caption-box2 a.product-btn,
.home-section1 .caption-box3 a.product-btn {
    font-size: 13px;
    padding: 7px 40px 7px 15px;
    margin-top: 10px;
}

.home-section1 .caption-box1 .product-btn .move-arrow,
.home-section1 .caption-box2 .product-btn .move-arrow,
.home-section1 .caption-box3 .product-btn .move-arrow  {
    font-size: 13px;
    top: 3px;
    right: 4px;
    padding: 4px 7px;
}

.home-section2 {
    padding: 50px 0;
}

.home-section2 h1 {
    font-size: 35px;
}

.home-section2 h5 {
    font-size: 18px;
    margin: 10px 0 50px;
}

.home-section2 .focus-div .icon-box {
    font-size: 40px;
}

.home-section2 .focus-div .icon-box span {
    padding: 9px 10px;
}

.home-section2 .focus-div .icon-box span.icon-refrsh {
      padding: 9px 6px;
}

.home-section2 h4 {
    font-size: 25px;
    margin: 20px 0 5px;
}

.home-section2 p {
    font-size: 14px;
    margin: 0;
}

.home-section2 .focus-div {
    padding: 0 5px;
}

.home-section3 {
    padding: 45px 0;
}

.home-section3 .bottle-img {
    top: -53px;
    left: 0px;
    width: 35%;
}

.home-section3 p.text {
    bottom: 5px;
    left: 29%;
    font-size: 13px;
}

.home-section3 .info-box {
    padding-left: 20px;
}

.home-section3 h2 {
font-size: 25px;
padding-right: 0px;
}

.home-section3 a.read-more-btn {
    font-size: 12px;
    padding: 5px 35px 5px 10px;
}

.home-section3 a.read-more-btn .move-arrow {
    position: absolute;
    font-size: 10px;
    top: 2px;
    right: 4px;
    padding: 4px 6px;
}


.home-section4 {
    padding: 50px 0;
}

.home-section4 h2 {
    font-size: 30px;
    margin: 0 0 50px;
}

.home-section4 .second-div {
    padding: 0px;
}

.home-section4 .second-div p {
    font-size: 15px;
    margin: 0 0 10px;
    letter-spacing: 0.5px;
    line-height: 1.5;
    padding-bottom: 5px;
}

.home-section4 .second-div ul li {
    font-size: 14px;
    letter-spacing: 0.2px;
    padding-bottom: 5px;
}

.home-section5 {
    padding: 50px 0;
    background: #f3f4f6;
}

.home-section5 h2{
    font-size: 30px;
    margin: 0 0 30px;
}

.home-section5 .second-box {
    padding: 0 10px;
}

.home-section5 .second-box .caption-box1 .img-box {
    margin: 0;
}

.home-section5 .second-box .caption-box1 .img-box img {
    width: 60%;
}

.home-section5 .second-box .caption-box1 .info-box {
    bottom: 13%;
    width: 50%;
}

.home-section5 .second-box .caption-box1 .info-box h5 {
    font-size: 30px;
}

.home-section5 .second-box .caption-box1 .info-box p {
    font-size: 12px;
    line-height: 1.2;
}

.home-section5 .second-box .carousel-indicators {
    margin: 0px auto;
}

.home-section6 {
    padding: 50px 0 70px;
}

.home-section6 .carousel-control {
    top: 55%;
}

.home-section6 h2 {
    font-size: 30px;
    margin: 0 0 0px;
}

.home-section6 .carousel-inner .item img {
    bottom: 70px;
    width: 20%;
}

.home-section6 .carousel-inner .item p {
    font-size: 18px;
    bottom: 40px;
    padding: 0 50px;
}

.home-section6 .carousel-inner .item h3 {
    bottom: 50px;
    font-size: 25px;
}

.home-section6 .carousel-indicators {
    margin: 10px auto;
}

.home-section6 .green-line {
    bottom: 22px;
}

footer .foot-box h1 {
    font-size: 14px;
    margin: 0 0 15px;
}

footer .foot-box li a {
    font-size: 13px;
}

footer .foot-box:nth-of-type(5) h5 {
    font-size: 13px;
}

/*parallax css start */

 .breadcrumb-section {
     margin-top: 0px; 
    }


.about-breadcum .container {
    top: 45px;
}

.about-breadcum h1 , .about-breadcum h2{
    font-size: 35px;
 }

 /*about section css start */

 .about-section2 {
   padding: 20px 0 20px 0;
}


.about-section2 h1 {
    font-size: 30px;
}

.about-section2 .slide-div .arrows-box {
    padding: 10px 0 20px 140px;
}

.about-section2 .slide-div .carousel-control {
    font-size: 20px;
}

/*.about-section2 .img-box {
    position: absolute;
    top: 201px;
}*/

.about-section2 .info-div p,
.about-section2 .info-div li {
    font-size: 15px;
}

.about-section2 .slide-div .item p {
    font-size: 15px;
    line-height: 1.6;
}

.about-section3 {
    padding: 50px 0 0;
}

.about-section3 h2 {
    font-size: 30px;
    margin: 0 0 30px;
}

.about-section3 .first-div img {
    width: 40%;
}

.about-section3 .first-div .vision-box {
    padding: 20px 20px;
    margin: 5px 0 0 20px;
}

.about-section3 .first-div .vision-box:before {
    top: 47px;
}

.about-section3 .info-div p {
    font-size: 18px;
    padding-left: 25px;
}

.about-section3 .info-div img {
    margin: 5px auto 0;
}

.about-section4 .nav-tabs li a {
    font-size: 15px;
    padding: 20px 0px;
}

.about-section4 .tab-content {
    margin-top: 50px;
}

.about-section4 .tab-pane .info-box p {
    font-size: 16px;
    margin: 0px 0 0 15px;
    line-height: 1.6;
}

/*contact page css start */

.conatct-section1 .form-div h2, 
.conatct-section1 .address-div h2 {
font-family: "OpenSans-Light";
font-size: 30px;
margin: 0 0 30px;
}

.conatct-section1 .form-div,
.conatct-section1 .address-div {
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0;
}

.conatct-section1 .form-div .form-group, {
    position: relative;
    margin-bottom: 35px;
}

.conatct-section1 .address-div .address-box .icon-box, 
.conatct-section1 .address-div .phone-box .icon-box, 
.conatct-section1 .address-div .mail-box .icon-box,
.conatct-section1 .address-div .address-box-mumbai .icon-box
 {
    font-size: 30px;
}

.conatct-section1 .address-div .address-box .push-box,
 .conatct-section1 .address-div .address-box-mumbai .push-box{
    margin: 0px 0px 0px 40px;
}

.conatct-section1 .address-div .address-box p,
.conatct-section1 .address-div .address-box-mumbai p
 {
    font-size: 16px;
    width: 220px;
    margin: 0 0 25px;
}

.conatct-section1 .address-div .address-box-mumbai h2,
.conatct-section1 .address-div .address-box h2
{
    font-size: 24px;
}

.conatct-section1 .address-div .phone-box .push-box {
    margin: 0px 0px 0px 40px;
    padding: 25px 0;
}

.conatct-section1 .address-div .phone-box a, 
.conatct-section1 .address-div .mail-box a {
    font-size: 16px;
}

.conatct-section1 .address-div .mail-box .push-box {
    margin: 0px 0px 0px 40px;
}

.conatct-section1 .address-div .social-box h5 {
    font-size: 20px;
}

.conatct-section1 .address-div .social-box ul li a {
    font-size: 20px;
    padding: 15px;
}

.conatct-section1 .bg-img {
    background-size: 57%;
    background-position: 50% 100%;
}

/*team page css start */

.team-section1 {
    padding: 25px 0;
}

.team-section1 .info-box {
    padding-left: 10px;
}

.team-section1 .info-box h1 {
    font-size: 25px;
}

.team-section1 .info-box h5 {
font-size: 22px;
margin-top: 10px;
margin-bottom: 15px;
}

.team-section1 .info-box p {
    font-size: 16px;
}

.team-section1 .breck-line {
    padding: 50px 0px;
}

.team-section2 {
padding: 30px 0;
background-position: 40%;
}

.team-section2 h2 {
    font-size: 30px;
}

.team-section2 .text,
.team-section2 a {
font-size: 20px;
}

/*blog page css start*/

.blog-section1 .blog-div {
    margin: 0px 0px 30px;
    box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.13); 
}

.blog-section1 .blog-div .img-box .date-box {
    padding: 4px 10px;
    font-size: 12px;
}

.blog-section1 .blog-div .info-div {
    padding: 15px 10px 15px;
}

.blog-section1 .blog-div .info-div h3 {
    font-size: 16px;
    margin: 0 0 10px;
}

.blog-section1 .blog-div .info-div p {
    font-size: 14px;
}

.blog-section1 .blog-div a.read-more-btn {
    margin-top: 10px;
}

    .pagination-div ul li a {
    font-size: 13px;
    padding: 5px 10px;
    }

    .pagination-div .pagination .arrow-left a, 
    .pagination-div .pagination .arrow-right a {
    top: 0px;
    }


    /*opinion page  css start */

    .opinion-section1 {
    padding: 25px 0 0;
    }

    .opinion-section1 .panel {
    margin-bottom: 20px;
    }

    .opinion-section1 .panel:last-child {
    margin-bottom: 30px;
    }

    .opinion-section1 .panel-heading img {
    height: 80px;
    width: auto;
    }

    .opinion-section1 .panel-heading h5 {
    font-size: 20px;
    margin: 10px 0 0 0;
    }

    .opinion-section1 .panel-body p {
    font-size: 17px;
    padding: 0 15px;
    }

    .opinion-section1 .panel-heading .btn-box .close-btn .move-arrow {
    font-size: 9px;
    padding: 10px 7px;
    }


    /*career page css start */

     .career-section1 {
    padding: 30px 0 80px;
    }

    .career-section1 h1 {
    font-size: 30px;
    }

    .career-section1 p {
    font-size: 16px;
    margin: 0px 0 40px;
    }

    .outer-box .green-line {
    bottom: 95px;
    }

    .solution-section1 h1 {
    font-size: 30px;
    margin: 0 0 30px;
    }

    .solution-section1 .inner-div .info-box {
    padding: 15px 10px;
    height: 520px;
    }

    .solution-section1 .inner-div .info-box h5 {
    font-size: 20px;
    margin: 0 0 10px;
    }

    .solution-section1 .inner-div .info-box p {
    font-size: 16px;
    line-height: 1.5;
    }

    .solution-section1 a.read-more-btn {
    margin-top: 20px;
    }

    .solution-section2 .hover-opct img {
        height: 110px;
        width: auto;
    }

    .solution-section2 {
    padding: 30px 0;
    }

    .solution-section2 h2 {
    font-size: 30px;
    margin: 0 0 20px;
    }

    .solution-section2 .imgages-div .hover-opct:hover .buy-now-btn,
    .solution-section2 .imgages-div a.buy-now-btn {
    font-size: 12px;
    padding: 5px 30px 5px 10px;
    top: 25px;
    left: 15px;
    opacity: 1;
    }

    .solution-section2 .imgages-div a.buy-now-btn .move-arrow {
    font-size: 11px;
    padding: 3px 5px;
    }

    .solution-section2 .imgages-div .title {
    font-size: 20px;
    }

    /*details-blog section css start */

    .blog-detail-section1 .info-div h1 {
    font-size: 25px;
    margin: 0 0 15px;
    }

    .blog-detail-section1 .info-div p {
    font-size: 18px;
    }

    .blog-detail-section1 .gallery-div h5 {
    font-size: 15px;
    }

    .blog-detail-section1 .releted-blog-div {
    padding: 20px 40px;
    }

    .blog-detail-section1 .inner-box .info-box {
    padding-left: 15px;
    }

    .blog-detail-section1 .inner-box .info-box h3 {
    font-size: 15px;
    }

    .blog-detail-section1 .info-box a.read-more-btn {
    font-size: 12px;
    padding: 3px 30px 3px 10px;
    margin-top: 10px;
    }

    .blog-detail-section1 .info-box a.read-more-btn .move-arrow {
    font-size: 10px;
    top: 1px;
    right: 4px;
    padding: 3px 5px;
    }

    .blog-detail-section1 .releted-blog-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -40px;
    }  

    .blog-detail-section1 .releted-blog-carousel .owl-nav .owl-next {
    position: absolute;
    right: -40px;
    } 

    /*associates page css start */

    .associates-section1 h2 {
    font-size: 30px;
    padding: 0 0 20px;
    }


    /*headline page css start */


    .headlines-section1 .inner-box {
    padding: 0 0px;
    }

    .headlines-section1 .inner-box .video-icon {
    font-size: 30px;
    }

    .headlines-section1 h5 {
    font-size: 16px;
    }


    /*vpm section css start */

    .vpm-section1 h1 {
    font-size: 25px;
    margin: 0px 0 20px;
    }

    .vpm-section1 .left-div .logo-box {
    font-size: 55px;
    }

    .vpm-section1 .right-div .inner-div {
    padding: 20px 0 0 30px;
    margin-left: 10px;
    }

    .vpm-section1 .right-div .inner-div h2 {
    font-size: 25px;
    }

    .vpm-section1 .right-div .inner-div h4 {
    font-size: 18px;
    margin: 20px 0 5px;
    }

    .vpm-section1 .right-div .dimention-list li,
    .vpm-section1 .right-div .inner-div p {
    font-size: 17px;
    }

    .vpm-section1 .right-div .green-box {
    padding: 25px 15px;
    }

    .vpm-section1 .right-div .green-box h3 {
    font-size: 20px;
    margin: 0 0 10px;
    }

    .vpm-section1 .right-div .green-box p {
    font-size: 17px;
    }


    /*contact modal css start */

    .contact-modal .modal-dialog {
    width: 700px;
    }

    /*product modal css start */

    .product-modal .left-div {
    width: 65%;
    }

    .product-modal .right-div {
    float: left;
    width: 35%;
    }

    .product-modal .modal-dialog {
    margin: 100px auto 0;
    width: 95%;
    }

    .product-modal .right-div img {
      height: 295px;
    } 

    .product-modal .select-div .box-style {
    font-size: 17px;
    width: 110px;
    } 

    .product-modal .select-div .select-box .down-arrow {
    height: 40px;
    top: 0;
    line-height: 5.5;
    padding: 0 2px;
    }

    .product-modal .select-div .innner-box h2 {
    font-size: 20px;
    margin: 30px 0 0;
    }

    .product-modal .left-div form {
    padding: 0px 15px 0;
    } 

    .product-modal .close {
    right: -10px;
    top: -35px;
    padding: 5px 6px;
    }


    /*location page css start */

    .about-breadcum.location-breadcum .container {
    top: 25px;
    }

    .button-div a.cmn-btn {
    font-size: 15px;
    padding: 6px 25px;
    margin-top: 20px;
    }

    .location-section1 h1, .location-section1 h2{
    font-size: 25px;
    }

    .location-section2 .address-box p {
    font-size: 18px;
    width: 300px;
    }

    .location-section2 .marker-box {
    padding: 15px 0;
    }

    .location-section2 .marker-box h5 {
    font-size: 18px;
    margin: 20px 0 0;
    }

    .address-box {
    padding: 40px 0 40px 30px;
    }

    .address-box-mumbai {
    padding: 0px 0 0px 25px;
    }

    .blog-section1 .info-div .head_ellipsis {
    width: 213px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
    }

    .blog-section1 .info-div .text-ellipsis {
    width: 218px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 73px;
   }

   /*map pointer css start */

   .location-section2 .img-box .bhubneswar {
    top: 55%;
    left: 55%;
    }

   .location-section2 .img-box .j-and-k {
    left: 28%;
    }

    .location-section2 .img-box .dehradun {
    top: 23%;
    left: 35%;
    }

    .location-section2 .img-box .jodhpur {
    left: 18%;
    }

    .location-section2 .img-box .ahemdabad {
    top: 46%;
    left: 13%;
    }

    .location-section2 .img-box .bharuch {
    left: 14%;
    }

    .location-section2 .img-box .bhopal {
    left: 28%;
    }

    .location-section2 .img-box .patna {
    left: 61%;
    }
    .location-section2 .img-box .delhi {
    left: 31%;
}

    .location-section2 .img-box .guwahati {
    left: 81%;
    }

    .location-section2 .img-box .kolkata {
    left: 66%;
    }

  .location-section2 .img-box .bokaro {
    left: 58%;
}

    .location-section2 .img-box .puri {
    left: 55%;
    }

    .location-section2 .img-box .bangalore {
    top: 83%;
    left: 30%;
}

    .location-section2 .img-box .hyderabad {
    left: 31%;
    }

    .location-section2 .img-box .andhra {
    left: 35%;
    }

    .location-section2 .img-box .mysore {
    top: 77%;
    left: 19%;
    }

    .location-section2 .img-box .kochi {
    left: 26%;
    }

    .location-section2 .img-box .solapur {
    left: 26%;
    }

    .location-section2 .img-box .pune {
    left: 18%;
    }

  .location-section2 .img-box .mahabaleshwar {
    top: 63%;
    left: 17%;
}

    .location-section2 .img-box .mumbai {
    left: 12%;
    }

    .location-section2 .img-box .goa {
    left: 13%;
    }

    .location-section2 .img-box .jaipur {
    top: 34%;
    left: 27%;
    }
.location-section2 .img-box .ajmer {
    top: 37%;
    left: 23%;
}
.location-section2 .img-box .chandigarh {
    top: 19%;
    left: 25%;
}
.location-section2 .img-box .alwar {
    top: 32%;
    left: 29%;
}
.location-section2 .img-box .surat {
    top: 54%;
    left: 13%;
}
.location-section2 .img-box .nagpur {
    top: 55%;
    left: 28%;
}
.location-section2 .img-box .kolhapur {
    left: 18%;
}
.location-section2 .img-box .gurgaon {
    left: 28% !important;
    top: 27%;
}
.location-section2 .img-box .shivmoga {
    left: 23%;
}
.location-section2 .img-box .trivendrum {
    left: 28%;
}
.location-section2 .img-box .amravati {
    left: 22%;
}
.location-section2 .img-box .kakinada {
    left: 53%;
    top:64%;
}
.location-section2 .img-box .tirupati {
    left: 25%;
}
.location-section2 .img-box .gorakhpur {
    top: 36%;
    left: 50%;
}
.location-section2 .img-box .gorakhpur {
    top: 37%;
    left: 60%;
}
.location-section2 .img-box .jamshedpur {
    top: 49%;
    left: 60%;
}
.location-section2 .img-box .asansol {
    left: 63%;
}
.location-section2 .img-box .indore {
    left: 23%;
}
.location-section2 .img-box .ujjain {
    top: 49%;
    left: 25%;
}
.location-section2 .img-box .haridwar {
    top: 25%;
    left: 33%;
}
.location-section2 .img-box .siliguri {
    left: 67%;
}
.coin-box {
    width: 30%;
}
.coupons-title h3 {
    font-size: 17px;
}
.coupons-title {
    width: 65%;
}
.about-breadcum.location-breadcum .container {
    top: 75px;
}
.button-div a.cmn-btn{
    margin-top:10px;
}
.breadcrumb-section.about-breadcum.location-breadcum.breadcrumb-parallex{
    top: 20%;
}
}


/*landscap view css start */

@media(max-width: 1024px) and (min-width: 1023px) {

    .navbar-default .navbar-brand .main-logo {
    font-size: 30px;
    }

    .navbar-nav>li>a {
    padding: 15px 3px;
    font-size: 15px;
    }

    .navbar-default .navbar-nav>li:last-child a {
    margin: 10px 10px;
    }

    .home-section1 .caption-box1,
    .home-section1 .caption-box2,
    .home-section1 .caption-box3 {
    top: 20%;
    }

    .home-section1 .caption-box1 h1,
    .home-section1 .caption-box2 h1,
    .home-section1 .caption-box3 h1 {
    font-size: 40px;
    }

    .home-section2 {
    padding: 50px 0 100px;
    }

    .home-section2 .focus-div {
    text-align: center;
    padding: 0 5px;
    }

    .home-section2 .focus-div .icon-box {
    font-size: 50px;
    }

    .home-section2 h4 {
    font-size: 30px;
    margin: 25px 0 10px;
    }

    .home-section2 p {
    font-size: 17px;
    margin: 0;
    }

    .home-section3 {
    padding: 45px 0;
    }

    .home-section3 .bottle-img {
    position: absolute;
    top: -56px;
    left: 0px;
    width: 34%;
    }

    .home-section3 h2 {
    font-size: 27px;
    padding-right: 0px;
    }

    .home-section3 p.text {
    bottom: 15px;
    left: 30%;
    font-size: 16px;
    }

    .home-section4 {
    padding: 50px 0;
    }

    .home-section5 {
    padding: 50px 0;
    }

    .home-section5 .second-box {
    padding: 0 20px;
    }

    .home-section5 .second-box .caption-box1 .img-box {
    width: 48%;
    }

    .home-section5 .second-box .caption-box1 .info-box {
    bottom: 9%;
    }

    .home-section5 .second-box .carousel-indicators {
    margin: 10px auto;
    }

    .home-section6 {
    padding: 50px 0 70px;
    }

  

    /*parallax css start */

     .breadcrumb-section {
     margin-top: 0px; 
    }


    .about-breadcum .container {
    top: 65px;
    }

    .about-breadcum h1 {
    font-size: 40px;
    }


    /*about us page css start*/

    .about-section2 {
   padding: 20px 0 30px;
    }

    .about-section2 h1 {
    font-size: 30px;
    }

    .about-section2 .slide-div .arrows-box {
    padding: 7px 0 20px 150px;
    }

    .about-section2 .img-box {
    position: absolute;
    top: 141px;
    }

    .about-section2 .slide-div .carousel-control {
    font-size: 22px;
    }

    .about-section2 .slide-div .item p {
    font-size: 16px;
    line-height: 1.6;
    }

    .about-section3 {
    padding: 50px 0 0;
    }

    .about-section3 h2 {
    font-size: 35px;
    margin: 0 0 30px;
    }

    .about-section3 .info-div p {
    font-size: 21px;
    padding-left: 50px;
    }

    .about-section3 .info-div img {
    margin: 30px auto 0;    
    }

    .about-section4 .nav-tabs li a {
    font-size: 20px;
    }

    .about-section4 .tab-pane .info-box p {
    margin: 30px 0 0 40px;
    }

    .conatct-section1 .bg-img {
    background-size: 70%;
    background-position: 80% 120%;
    }

    .team-section2 {
    background-position: 40%;
    }

    /*blog page css start */

    .blog-section1 .blog-div {
    margin: 0 5px 40px;
    box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.13);
    }

    .blog-section1 .blog-div .img-box .date-box {
    font-size: 13px;
    }

    .blog-section1 .blog-div .info-div {
    padding: 15px 15px 30px;
    }

    .blog-section1 .blog-div .info-div h3 {
    font-size: 18px;
    }

    .blog-section1 .blog-div .info-div p {
    font-size: 15px;
    }



    /*opinion page  css start */

    .opinion-section1 .panel-heading img {
    height: 100px;
    width: auto;
    }  


    /*career css start  */ 

    .career-section1 {
    padding: 50px 0 100px;
    }

    .outer-box .green-line {
    bottom: 115px;
    }

    /*details-blog section css start */

    .blog-detail-section1 .inner-box .info-box {
    padding-left: 15px;
    }

    .blog-detail-section1 .inner-box .info-box h3 {
    font-size: 20px;
    }

    .blog-detail-section1 .info-box a.read-more-btn {
    margin-top: 5px;
    }


    /*solution page css start */


     .solution-section2 .hover-opct img {
        height: 130px;
        width: auto;
    }


    .solution-section2 .imgages-div .hover-opct:hover .buy-now-btn,
    .solution-section2 .imgages-div a.buy-now-btn {
    font-size: 13px;
    padding: 5px 30px 5px 10px;
    top: 35px;
    left: 25px;
    opacity: 1;
    }

    .solution-section2 .imgages-div a.buy-now-btn .move-arrow {
    font-size: 12px;
    padding: 3px 5px;
    }


    /*headline page css start  */

    .headlines-section1 h5 {
        font-size: 18px;
    }

    .headlines-section1 .inner-box {
    padding: 0 10px;
    }

    /*vpm section css start */

    .vpm-section1 .left-div .logo-box {
    font-size: 65px;
    }


    /*product modal css start */

    .product-modal .modal-dialog {
    width: 95%;
    }

    .product-modal .select-div .select-box .down-arrow {
    height: 40px;
    top: 0;
    line-height: 5.5;
    padding: 0 2px;
    }


     /*location page css start */

    .about-breadcum.location-breadcum .container {
    top: 35px;
    }

    .button-div a.cmn-btn {
    font-size: 16px;
    padding: 6px 25px;
    margin-top: 20px;
    }

    .location-section1 h1, .location-section1 h2{
    font-size: 30px;
    }

    .location-section1 .address-box {
    padding: 40px 0 40px 40px;
    }

    /*solution-section page css start */

    .solution-section1 .inner-div .info-box {
        height: 490px;
    }


    /*map pointer css start */

   .location-section2 .img-box .j-and-k {
    left: 28%;
    }

    .location-section2 .img-box .dehradun {
    left: 35%;
    }

    .location-section2 .img-box .jodhpur {
    left: 18%;
    }

    .location-section2 .img-box .ahemdabad {
    top: 46%;
    left: 13%;
    }

    .location-section2 .img-box .bharuch {
    left: 14%;
    }

    .location-section2 .img-box .bhopal {
    left: 28%;
    }

    .location-section2 .img-box .patna {
    left: 55%;
    }

    .location-section2 .img-box .guwahati {
    left: 77%;
    }

    .location-section2 .img-box .kolkata {
    left: 62%;
    }

    .location-section2 .img-box .bokaro {
    left: 58%;
    }

    .location-section2 .img-box .puri {
    left: 52%;
    }

    .location-section2 .img-box .bangalore {
    top: 73%;
    left: 19%;
    }

    .location-section2 .img-box .hyderabad {
    left: 31%;
    }

    .location-section2 .img-box .andhra {
    left: 35%;
    }

    .location-section2 .img-box .mysore {
   top: 83%;
    left: 31%;
    }

    .location-section2 .img-box .kochi {
    left: 21%;
    }

    .location-section2 .img-box .solapur {
    left: 25%;
    }
    .location-section2 .img-box .alibaug {
    top: 66%;
}
    .location-section2 .img-box .pune {
    left: 18%;
    }

    .location-section2 .img-box .mahabaleshwar {
   top: 63%;
    left: 17%;
}

    .location-section2 .img-box .mumbai {
    left: 14%;
    }

    .location-section2 .img-box .goa {
    left: 16% !important;
    top: 71% !important;
}

    .location-section2 .img-box .bhubneswar {
    top: 55%;
    left: 51%;
    }


    .location-section2 .img-box .jaipur {
    top: 32%;
    left: 20%;
    }
    .coupons-title {
    padding-left: 35px;
    width: 70%;
}




    
}

/*laptop view css start */

@media(min-width: 1270px) and (max-width: 1400px) {

 .home-section3 {
        margin-top: 60px;
        padding: 50px 0;
  } 

   .home-section3 p.text {
    left: 33%;
    }

    

    .about-breadcum .container {
    top: 85px;
    }


    .about-breadcum.location-breadcum .container {
    top: 55px;
    }

    .button-div a.cmn-btn {
    margin-top: 30px;
    }

}
@media (min-width: 1200px) and (max-width: 1450px) {
.associates-section1 .client-wrapper{
  padding: 0 20px;
}
}
@media(min-width: 1270px) and (max-width: 1325px) {

  .home-section3 .bottle-img {
    width: 38%;
    top: -119px;
    left: 0;
  }  
 .home-section3 .bottle-img {
    position: absolute;
    left: 117px;
    width: 38%;
    top: unset;
    bottom: 0px;
}
.breadcrumb-section.about-breadcum.location-breadcum.breadcrumb-parallex{
    top: 20%;
}
}

@media(min-width: 1350px) and (max-width: 1400px) {

   .home-section3 .bottle-img {
   top: -70px;
    left: -20px;
    width: 41%;
    } 
    .home-section3 {
    padding: 100px 0;
}

}
/*@media(min-width: 1030px) and (max-width: 1300px) {
.breadcrumb-section.about-breadcum.location-breadcum.breadcrumb-parallex{
    top: 20% !important;
}
}*/
@media(max-width: 1200px) {
.navbar-nav>li>a {
    padding: 20px 5px;
    font-size: 12px;
   }
   .navbar-default .navbar-nav>li:nth-child(7) a {
    font-size: 12px;
    margin: 15px 0px;
    padding: 5px 5px;
}
.home-section3 .info-box {
    padding-left: 140px;
    font-size: 33px;
}
.home-section5 .second-box .caption-box1 .info-box h5{
    font-size:28px;
}

footer .foot-box:nth-of-type(5) br {
    display: none;
}
.home-section1 .caption-box1 h2, .home-section1 .caption-box2 h2, .home-section1 .caption-box3 h2{
    font-size:28px;
}
.solution-section1 .inner-div .info-box {
    height: 540px;
}
.solution-section2 .imgages-div a.buy-now-btn{
top: 40%;
    left: 19%;
}
.about-breadcum .container {
    position: absolute;
    top: 35%;
    width: 100%;
}
.home-section3 .bottle-img {
    left: 117px;
    width: 43%;
    top: unset;
    bottom: 0px;
}
.home-section3 h2{
    font-size:35px;
}
.home-section5 .second-box .caption-box1 .info-box p {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: -12px;
}
.button-div a.cmn-btn{
    margin-top:10px;
}
.about-breadcum.location-breadcum .container{
    top:20%;
}
}

@media(min-width: 768px) {

    header .navbar-default {
      z-index: 1;
    }
}

@media(max-width: 768px) {
    .location-section2 .img-box .delhi {
    top: 17%;
    left: 31%;
}
.location-section2 .img-box .chandigarh {
    top: 19%;
    left: 25%;
}
.location-section2 .img-box .ajmer {
    left: 24%;
}
.location-section2 .img-box .alwar {
    top: 32%;
    left: 29%;
}
.location-section2 .img-box .surat {
    left: 15%;
}
.location-section2 .img-box .mark{
    padding: 2px;
    width: 0;
    height: 0;
}
.location-section2 .img-box .thane {
    left: 16%;
    top: 60%;
}
.location-section2 .img-box .alibaug {
    left: 15% ! important;
}
.location-section2 .img-box .navi-mumbai{
    left: 14%;
}
.location-section2 .img-box .nagpur {
    left: 36%;
}
.location-section2 .img-box .kolhapur {
    left: 18%;
}
.location-section2 .img-box .gurgaon {
    left: 32%;
}
.location-section2 .img-box .shivmoga {
    left: 23%;
}
.location-section2 .img-box .trivendrum {
    left: 28%;
}
.location-section2 .img-box .amravati {
    left: 30%;
}
.location-section2 .img-box .kakinada {
    left: 48%;
}
.location-section2 .img-box .tirupati {
    left: 25%;
}
.location-section2 .img-box .gorakhpur {
    top: 36%;
    left: 50%;
}
.location-section2 .img-box .gorakhpur {
    top: 37%;
    left: 60%;
}
.location-section2 .img-box .jamshedpur {
    top: 49%;
    left: 60%;
}
.location-section2 .img-box .asansol {
    left: 63%;
}
.location-section2 .img-box .indore {
    left: 23%;
}
.location-section2 .img-box .ujjain {
    top: 49%;
    left: 25%;
}
.location-section2 .img-box .haridwar {
    top: 25%;
    left: 33%;
}
.location-section2 .img-box .siliguri {
    left: 67%;
}
.location-section2 .img-box .reasi {
    left: 21% !important;
    top: 40px !important;
}
.location-section2 .img-box .amarnath {
   left: 27%;
   top: 9%;
}
.location-section2 .img-box .katra {
    left: 24%;
}
.location-section2 .img-box .coorg {
    left: 23% !important;
    top: 83% !important;
}
.location-section2 .img-box .wadi {
    left: 12%;
}
.location-section2 .img-box .dargiling {
    top: 35%;
}
}
@media(min-width: 1430px) and (max-width: 1500px) {

    .about-breadcum.location-breadcum .container {
    position: absolute;
    top: 52px;
    width: 100%;
    }

    .home-section3 {
    padding: 50px 0;
    margin-top: 50px;
    }

   .home-section3 .bottle-img {
    top: -97px;
    left: 15px;
    width: 32%;
    }

    .home-section3 p.text {
    left: 33%;
    }

}

@media(max-width: 375px){
.coupons-title h3 {
    font-size: 15px;
}
}
@media(max-width:567px){
.about-breadcum .container {
    top:9%;
}
.home-section3 .info-box{
    padding-left: 0;
}
.about-breadcum.location-breadcum .container {
    top: 7%;
}
}