/* 
                         BBBBBBBBBBBBBBBBB   
                         B::::::::::::::::B  
                         B::::::BBBBBB:::::B 
vvvvvvv           vvvvvvvBB:::::B     B:::::B
 v:::::v         v:::::v B::::B     B:::::B
  v:::::v       v:::::v  B::::B     B:::::B
   v:::::v     v:::::v   B::::BBBBBB:::::B 
    v:::::v   v:::::v    B:::::::::::::BB  
     v:::::v v:::::v     B::::BBBBBB:::::B 
      v:::::v:::::v      B::::B     B:::::B
       v:::::::::v       B::::B     B:::::B
        v:::::::v        B::::B     B:::::B
         v:::::v         BB:::::BBBBBB::::::B
          v:::v          B:::::::::::::::::B 
           vvv           B::::::::::::::::B  
                         BBBBBBBBBBBBBBBBB
Responsive Styles for Vasantabhavan
@name: Vasantabhavan;
@author: Vinformax Systems Private Ltd;
@developer: gochan;                
*/
@media only screen and (max-width: 1902px){
#myCarousel112 .carousel-indicators li{width: 176px;}
#myCarousel113 .carousel-indicators li{width: 176px;}
}
@media only screen and (max-width: 1892px){
#myCarousel112 .carousel-indicators li{width: 175px;}
#myCarousel113 .carousel-indicators li{width: 175px;}
}
@media only screen and (max-width: 1882px){
#myCarousel112 .carousel-indicators li{width: 174px;}
#myCarousel113 .carousel-indicators li{width: 174px;}
}
@media only screen and (max-width: 1872px){
#myCarousel112 .carousel-indicators li{width: 173px;}
#myCarousel113 .carousel-indicators li{width: 173px;}
}
@media only screen and (max-width: 1862px){
#myCarousel112 .carousel-indicators li{width: 172px;}
#myCarousel113 .carousel-indicators li{width: 172px;}
section.details .details-content_left { padding: 11% 5% 9% 40%;}
section.details .details-content_right { padding: 11% 40% 9% 5%;}
}

@media only screen and (max-width: 1852px){
#myCarousel112 .carousel-indicators li{width: 171px;}
#myCarousel113 .carousel-indicators li{width: 171px;}
}
@media only screen and (max-width: 1845px){
    section.details .details-content_left { padding: 10% 5% 8% 40%;}
section.details .details-content_right{ padding: 10% 40% 8% 5%;}
}
@media only screen and (max-width: 1842px){
#myCarousel112 .carousel-indicators li{width: 170px;}
#myCarousel113 .carousel-indicators li{width: 170px;}
}
@media only screen and (max-width: 1832px){
#myCarousel112 .carousel-indicators li{width: 169px;}
#myCarousel113 .carousel-indicators li{width: 169px;}
}
@media only screen and (max-width: 1822px){
#myCarousel112 .carousel-indicators li{width: 168px;}
#myCarousel113 .carousel-indicators li{width: 168px;}
}
@media only screen and (max-width: 1812px){
#myCarousel112 .carousel-indicators li{width: 167px;}
#myCarousel113 .carousel-indicators li{width: 167px;}
}
@media only screen and (max-width: 1802px){
#myCarousel112 .carousel-indicators li{width: 166px;}
#myCarousel113 .carousel-indicators li{width: 166px;}
}
@media only screen and (max-width: 1792px){
#myCarousel112 .carousel-indicators li{width: 165px;}
#myCarousel113 .carousel-indicators li{width: 165px;}
}
@media only screen and (max-width: 1785px){
    section.details .details-content_left {padding: 9% 5% 7% 35%;}
section.details .details-content_right {
    padding: 9% 35% 7% 5%;
}
}
@media only screen and (max-width: 1782px){
#myCarousel112 .carousel-indicators li{width: 164px;}
#myCarousel113 .carousel-indicators li{width: 164px;}
}
@media only screen and (max-width: 1772px){
#myCarousel112 .carousel-indicators li{width: 163px;}
#myCarousel113 .carousel-indicators li{width: 163px;}
}
@media only screen and (max-width: 1762px){
#myCarousel112 .carousel-indicators li{width: 162px;}
#myCarousel113 .carousel-indicators li{width: 162px;}
}
@media only screen and (max-width: 1752px){
#myCarousel112 .carousel-indicators li{width: 161px;}
#myCarousel113 .carousel-indicators li{width: 161px;}
}


@media only screen and (max-width: 1742px){
#myCarousel112 .carousel-indicators li{width: 160px;}
#myCarousel113 .carousel-indicators li{width: 160px;}
}
@media only screen and (max-width: 1732px){
#myCarousel112 .carousel-indicators li{width: 159px;}
#myCarousel113 .carousel-indicators li{width: 159px;}
}
@media only screen and (max-width: 1722px){
#myCarousel112 .carousel-indicators li{width: 158px;}
#myCarousel113 .carousel-indicators li{width: 158px;}
}
@media only screen and (max-width: 1712px){
#myCarousel112 .carousel-indicators li{width: 157px;}
#myCarousel113 .carousel-indicators li{width: 157px;}
}
@media only screen and (max-width: 1702px){
#myCarousel112 .carousel-indicators li{width: 156px;}
#myCarousel113 .carousel-indicators li{width: 156px;}
}
@media only screen and (max-width: 1694px){

     section.details .details-content_left {
    padding: 8% 5% 6% 35%;
}
section.details .details-content_right{
     padding: 8% 35% 6% 5%;
}

}
@media only screen and (max-width: 1692px){
#myCarousel112 .carousel-indicators li{width: 155px;}
#myCarousel113 .carousel-indicators li{width: 155px;}
}
@media only screen and (max-width: 1682px){
#myCarousel112 .carousel-indicators li{width: 154px;}
#myCarousel113 .carousel-indicators li{width: 154px;}
}
@media only screen and (max-width: 1672px){
#myCarousel112 .carousel-indicators li{width: 153px;}
#myCarousel113 .carousel-indicators li{width: 153px;}
}
@media only screen and (max-width: 1662px){
#myCarousel112 .carousel-indicators li{width: 152px;}
#myCarousel113 .carousel-indicators li{width: 152px;}
}
@media only screen and (max-width: 1660px){}
@media only screen and (max-width: 1652px){
#myCarousel112 .carousel-indicators li{width: 151px;}
#myCarousel113 .carousel-indicators li{width: 151px;}
}
@media only screen and (max-width: 1642px){
#myCarousel112 .carousel-indicators li{width: 150px;}
#myCarousel113 .carousel-indicators li{width: 150px;}
}
@media only screen and (max-width: 1632px){
#myCarousel112 .carousel-indicators li{width: 149px;}
#myCarousel113 .carousel-indicators li{width: 149px;}
}
@media only screen and (max-width: 1622px){
#myCarousel112 .carousel-indicators li{width: 148px;}
#myCarousel113 .carousel-indicators li{width: 148px;}

 section.details .details-content_left {
    padding: 7% 5% 5% 35%;
}
section.details .details-content_right{
     padding: 7% 35% 5% 5%;
}
}
@media only screen and (max-width: 1612px){
#myCarousel112 .carousel-indicators li{width: 147px;}
#myCarousel113 .carousel-indicators li{width: 147px;}
.mbl-pd-0{padding-left: 0px;}
}



@media only screen and (max-width: 1602px){
#myCarousel112 .carousel-indicators li{width: 146px;}
#myCarousel113 .carousel-indicators li{width: 146px;}
.carousel, .carousel-inner, .carousel-item{height: 95vh;}
}

@media only screen and (max-width: 1592px){
#myCarousel112 .carousel-indicators li{width: 145px;}
#myCarousel113 .carousel-indicators li{width: 145px;}
}
@media only screen and (max-width: 1582px){
#myCarousel112 .carousel-indicators li{width: 144px;}
#myCarousel113 .carousel-indicators li{width: 144px;}
}
@media only screen and (max-width: 1572px){
#myCarousel112 .carousel-indicators li{width: 143px;}
#myCarousel113 .carousel-indicators li{width: 143px;}
}
@media only screen and (max-width: 1562px){
#myCarousel112 .carousel-indicators li{width: 142px;}
#myCarousel113 .carousel-indicators li{width: 142px;}
 section.details .details-content_left {
    padding: 6% 5% 4% 30%;
}
section.details .details-content_right{
     padding: 6% 30% 4% 5%;
}
}



@media only screen and (max-width: 1552px){
#myCarousel112 .carousel-indicators li{width: 141px;}
#myCarousel113 .carousel-indicators li{width: 141px;}
}


@media only screen and (max-width: 1551px){
    header .col-md-5:first-child .col-md-4:nth-of-type(2) {
    padding-left: 20px;
}
/*header .logo{left: 15px;}*/
}
@media only screen and (max-width: 1542px){
#myCarousel112 .carousel-indicators li{width: 140px;}
#myCarousel113 .carousel-indicators li{width: 140px;}
.mbl-call{padding-right: 0px;}
}

@media only screen and (max-width: 1536px){
   /* #myCarousel112 .carousel-indicators li, #myCarousel113 .carousel-indicators li{width: 140px;}*/
    .details.outdoorCatering .details-content_right{padding: 0% 25% 2% 5%;}
    .details.outdoorSecondCatering .details-content_right{padding: 0% 5% 15% 25%;}
    /*section.details .details-content_right{padding: 20% 30% 15% 5%;}
    section.details .details-content_left{padding: 20% 5% 15% 30%;}*/
    .branches .mh{height: 450px;overflow: scroll;}
    .map-location{height: 700px !important;}
    header .navbar{padding: 20px;}
    header .col-md-5:first-child .col-md-4:nth-of-type(2){padding-left: 20px;}
    header .col-md-5 .col-md-4{padding: 0;}
    header .col-md-4 .col-md-6{padding: 0;}
    header a span{font-size: 14px;}
   /* header .logo{left: 5px;}*/
   header .logo{left: -20px;}
}
@media only screen and (max-width: 1532px){
#myCarousel112 .carousel-indicators li{width: 139px;}
#myCarousel113 .carousel-indicators li{width: 139px;}
}
@media only screen and (max-width: 1522px){
#myCarousel112 .carousel-indicators li{width: 138px;}
#myCarousel113 .carousel-indicators li{width: 138px;}
}
@media only screen and (max-width: 1520px){
   
.carousel, .carousel-inner, .carousel-item{height: 90vh;}

}
@media only screen and (max-width: 1512px){
#myCarousel112 .carousel-indicators li{width: 137px;}
#myCarousel113 .carousel-indicators li{width: 137px;}
}
@media only screen and (max-width: 1502px){
#myCarousel112 .carousel-indicators li{width: 136px;}
#myCarousel113 .carousel-indicators li{width: 136px;}
}
@media only screen and (max-width: 1492px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 135px;}

section.details .details-content_left {
    padding: 5% 5% 3% 25%;
}
section.details .details-content_right{
     padding: 5% 25% 3% 5%;
}
.res-right{padding: 12% 25% 8% 5% !important;}
.res-left{padding: 12% 5% 8% 25% !important;}
}
@media only screen and (max-width: 1482px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 134px;}
}


@media only screen and (max-width: 1479px){header .col-md-5:first-child .col-md-3{
    padding-left: 0px;
    }
}
@media only screen and (max-width: 1472px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 133px;}
}

@media only screen and (max-width: 1462px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 132px;}
}

@media only screen and (max-width: 1452px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 131px;}
}

@media only screen and (max-width: 1442px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 130px;}
.mbl-pad-lft{padding-left: 0px;}

}



@media only screen and (max-width: 1440px){
    /*#myCarousel112 .carousel-indicators li, #myCarousel113 .carousel-indicators li{width: 130px;}*/
    .branches .mh{height: 500px;}
    .map-location{height: 750px !important;}
   /* header .logo{left: 0px;}*/
    header .navbar {padding: 15px;}
    header a .nav-img {width: 50px;height: 50px;padding: 10px 10px;}
    header .col-md-4 .col-md-6 a .nav-img {padding: 10px 10px;}
    header .logo{top: -30px;}
    header .mbl-mail .nav-img{padding: 10px;}
    .carousel, .carousel-inner, .carousel-item {
    height: 85vh;
}
.details.outdoorCatering , .press , .mgr-tp{margin-top: 80px;}
/*section.details .details-content_left {
    padding: 9% 5% 5% 30%;
}
section.details .details-content_right {
    padding: 9% 30% 5% 5%;
}*/
}
@media only screen and (max-width: 1432px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 129px;}
}

@media only screen and (max-width: 1422px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 128px;}

section.details .details-content_left {
    padding: 4% 5% 2% 20%;
}
section.details .details-content_right{
     padding: 4% 20% 2% 5%;
}

.res-right{padding: 12% 20% 8% 5% !important;}
.res-left{padding: 12% 5% 8% 20% !important;
}
}
@media only screen and (max-width: 1412px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 127px;}
}
@media only screen and (max-width: 1402px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 126px;}
}


@media only screen and (max-width: 1400px){
    /*#myCarousel112 .carousel-indicators li, #myCarousel113 .carousel-indicators li{width: 126px;}*/
    header a span{left: 0px;}
    header a .nav-img {width: 45px;height: 45px;padding: 7px 10px;}
    header .col-md-4 .col-md-6 a .nav-img {padding: 7px 10px;}
    
}
@media only screen and (max-width: 1392px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 125px;}
}
@media only screen and (max-width: 1382px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 124px;}
}
@media only screen and (max-width: 1372px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 121px;}
}


@media only screen and (max-width: 1366px){
  /*  #myCarousel112 .carousel-indicators li, #myCarousel113 .carousel-indicators li{width: 123px;}*/
    .branches .mh{height: 350px;}
    .map-location{height: 600px !important;}
    header a span{left:0px;top: 3px;font-size: 13px;}


    section.details .details-content_left {
    padding: 4% 5% 2% 15%;
}
section.details .details-content_right {
    padding: 4% 15% 2% 5%;
}

.res-right{padding: 8% 15% 5% 5% !important;}
.res-left{padding: 8% 5% 5% 15% !important;}
.details.outdoorCatering, .press, .mgr-tp {
    margin-top: 75px;
}
}
@media only screen and (max-width: 1362px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 122px;}
}


@media only screen and (max-width: 1360px){
    .carousel, .carousel-inner, .carousel-item {
    height: 80vh;
}
/*section.details .details-content_left {
    padding: 9% 5% 5% 25%;
}
section.details .details-content_right {
    padding: 9% 25% 5% 5%;
}*/
}
@media only screen and (max-width: 1352px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 121px;}
section.banner .carousel-item{height: 79vh;}
}
@media only screen and (max-width: 1342px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 120px;}
/*.banner .carousel{height: 92vh;}*/
}
@media only screen and (max-width: 1332px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 119px;}
}
@media only screen and (max-width: 1322px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 118px;}
}
@media only screen and (max-width: 1312px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 117px;}
}
@media only screen and (max-width: 1302px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 116px;}
}
@media only screen and (max-width: 1292px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 115px;}
}


@media only screen and (max-width: 1288px){
 section.details .details-content_left {
    padding:8% 5% 5% 5%;
}
section.details .details-content_right {
    padding: 8% 5% 5% 5%;
}

section.details .details-content_right h4 {
    font-size: 30px;
    margin-bottom: 10px;
}
section.details .details-content_left h4 {
    font-size: 30px;
    margin-bottom: 10px;
}
section.details p {
    line-height: 31px;
    font-size: 16px;
    text-align: justify;
}
.carousel, .carousel-inner, .carousel-item{height: 75vh;}
    }

@media only screen and (max-width: 1282px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 114px;}
}

@media only screen and (max-width: 1280px){
   /* #myCarousel112 .carousel-indicators li, #myCarousel113 .carousel-indicators li{width: 114px;}*/
    header a span{font-size: 12px;top: 0;}
    header .logo{left: -50px;top: -30px;}
    header a .nav-img{width: 40px;height: 40px;padding: 5px 5px;}
    header a .nav-img img{width: 70%;}
    header .col-md-4 .col-md-6 a .nav-img{padding: 5px 5px;}
    header .navbar{padding: 20px 15px;}
    header .col-md-5:first-child .col-md-4:nth-of-type(2){padding-left: 15px;}
    header .col-md-5:first-child .col-md-3 {
    padding-left: 0px;
}
header .mbl-mail .nav-img {
    padding: 5px;
}
.mbl-pad-lft{padding-right: 0px;}
header .col-md-5:first-child .col-md-4:nth-of-type(2) {
    padding-left: 0px;
}
header .col-md-5:first-child .col-md-3{position: relative;left: -25px;}
}

@media only screen and (max-width: 1272px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 113px;}
}

  @media only screen and (max-width: 1270px){          
 section.details .details-content_left {                                
    padding:6% 5% 4% 5%;
}
section.details .details-content_right {
    padding: 6% 5% 4% 5%;
}

section.details .details-content_right h4 {
    font-size: 30px;
    margin-bottom: 10px;
}
section.details .details-content_left h4 {
    font-size: 30px;
    margin-bottom: 10px;
}
section.details p {
    line-height: 31px;
    font-size: 16px;
    text-align: justify;
}
.carousel, .carousel-inner, .carousel-item{height: 70vh;}

section.banner .carousel-item{height: 70vh;}
.footer p{font-size: 16px;}
section.history p{font-size: 16px;}
section.food-products .food-box .container p{font-size: 16px;}
}

@media only screen and (max-width: 1262px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 112px;}
}

@media only screen and (max-width: 1252px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 111px;}
}

@media only screen and (max-width: 1242px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 110px;}
}

@media only screen and (max-width: 1232px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 109px;}
}

@media only screen and (max-width: 1222px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 108px;}
}

@media only screen and (max-width: 1212px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 107px;}
}
@media only screen and (max-width: 1202px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 106px;}
}

@media only screen and (max-width: 1200px){
   /* #myCarousel112 .carousel-indicators li, #myCarousel113 .carousel-indicators li{width: 106px;}*/
    header nav.navbar-dark .navbar-nav .nav-link{font-size: 14px;}
    header .navbar {padding: 20px 5px;}

    section.details .details-content_left {
    padding: 5% 4% 3% 4%;
}
section.details .details-content_right {
    padding: 5% 4% 3% 4%;
}
}
@media only screen and (max-width: 1192px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 105px;}

.vb-hertiage  img, .vb-sign img{width: 100%;}

.vb-hertiage h2, .vb-sign h2 , .iso-about-us h2{font-size: 25px;}
.vb-hertiage p, .vb-sign p , .iso-about-us p{font-size: 16px !important;line-height: 25px!important;}
.vb-sign .p-4 , .vb-hertiage .p-4{padding: 1rem!important;}
.vb-hertiage{margin-top: .5rem!important;}
section.history .iso .iso-about-us {
    padding: 40px 30px;
}
}
@media only screen and (max-width: 1182px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 104px;}
}
@media only screen and (max-width: 1172px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 103px;}
}
@media only screen and (max-width: 1162px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 102px;}
}
@media only screen and (max-width: 1152px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 101px;}
.logo img{width: 100%;}
header nav .logo a::after{display: none;}
header .col-md-5:first-child .col-md-4:nth-of-type(2) {
    padding-left: 0px;
    position: relative;
    left: -10px;
}
header .col-md-5:first-child .col-md-3 {
    position: relative;
    left: -35px;
}
header .logo{border-bottom: 1px solid #e0d9d9;}
}
@media only screen and (max-width: 1142px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 100px;}
}
@media only screen and (max-width: 1138px){
.mbl-pad-lft{padding-left: 10px;}
.mbl-mail .row .col-md-5{padding-left: 10px;}

  section.details .details-content_left {
    padding: 4% 3% 2% 3%;
}
section.details .details-content_right {
    padding: 4% 3% 2% 3%;
}
.carousel, .carousel-inner, .carousel-item{height: 65vh;}
header .navbar {
    padding: 20px 0px;
}
header .col-md-5:first-child .col-md-3{left: -30px;}
header .col-md-5:first-child .col-md-4:nth-of-type(2){left: -2px;}
}
@media only screen and (max-width: 1132px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 99px;}
}
@media only screen and (max-width: 1122px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 98px;}
header .col-md-5:first-child .col-md-3{padding-right: 0px;}
.mbl-mail{padding-right: 0px;}
}
@media only screen and (max-width: 1112px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 97px;}
section.banner .carousel-item {
    height: 65vh;
}
header .logo {
    left: -15px;
    top: -15px;
}
header .col-md-5:first-child .col-md-3 {
    left: -10px;
}
header .col-md-5:first-child .col-md-4:nth-of-type(2) {
    left: 10px;
}
}
@media only screen and (max-width: 1102px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 96px;}
}

@media only screen and (max-width: 1100px){
     section.details .details-content_left {
    padding: 3% 2% 1% 2%;
}
section.details .details-content_right {
    padding: 3% 2% 1% 2%;
}
section.details p{line-height: 28px;}
}
@media only screen and (max-width: 1092px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 95px;}
}
@media only screen and (max-width: 1082px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 94px;}
}
@media only screen and (max-width: 1072px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 93px;}
.mbl-pad-lft {
    padding-left: 5px;
}
.mbl-mail .col-lg-7{padding-right: 0px;}
}
@media only screen and (max-width: 1062px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 92px;}
}
@media only screen and (max-width: 1052px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 91px;}
}
@media only screen and (max-width: 1042px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 90px;}
.mbl-pad-lft {
    padding-left: 3px;
}
header .col-md-5:first-child .col-md-3 {
    left: 0px;
}
}
@media only screen and (max-width: 1032px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 89px;}
.mbl-pad-lft {
    padding-left: 2px;
}
}


@media only screen and (max-width: 1024px){
   /* #myCarousel112 .carousel-indicators li, #myCarousel113 .carousel-indicators li{width: 89px;}*/
    .details.outdoorCatering .details-content_right{padding: 0% 15% 15% 5%;}
    .details.outdoorSecondCatering .details-content_right{padding: 0% 5% 15% 15%;}
    .footer-bottom h6{padding-left: 25%;}
    section.history .iso img{width: 100%;}
    section.history .vb-sign img{border-right: 0;width: 100%;}
    section.history .vb-hertiage img{border-right: 0;width: 100%;}
    section.history .vb-hertiage .col:nth-of-type(2), section.history .vb-sign .col:nth-of-type(2){border-left: 1px solid #d5d3d4;}
   /* section.details .details-content_right{padding: 20% 15% 15% 5%;}
    section.details .details-content_left{padding: 20% 5% 15% 15%;}*/
    .branches .mh{height: 500px;}
    .map-location{height: 750px !important;}
    header a span{z-index: 9;font-size: 11px;}
   /* header .logo{left: -72px;}*/
    header a .nav-img img{width: 85%;}
    header .row .col-lg-4{margin: auto 0;}
    header a .nav-img {
    width: 35px;
    height: 35px;
    padding: 2px 5px;
}
header .navbar {
    padding: 20px 5px;
}
header a span{font-size: 10px;}
header .col-md-4 .col-md-6 a .nav-img {
    padding: 3px 5px;
}
/*section.history .iso .iso-about-us {
    padding: 82px 30px;
}*/

.carousel, .carousel-inner, .carousel-item {
    height: 60vh;
}
.res-right{padding: 5% 2% 5% 2% !important;}
.res-left{padding: 5% 2% 5% 2% !important;}
section.banner .carousel-item {
    height: 60vh;
}
.banner{margin-top: 50px;}
.scrollDown{display: none;}
.dis-inline{display: inline-block;}
header .logo {
    left: -15px;
    top: -10px;
}

section.history {padding: 1rem 0;}
    #map{height: 350px;}
}
@media only screen and (max-width: 1022px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 88px;}
}
@media only screen and (max-width: 1012px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 87px;}
}
@media only screen and (max-width: 1002px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 86px;}
}


@media only screen and (max-width: 992px){
    #myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width:85px;}
  /*  #myCarousel112 .carousel-indicators li, #myCarousel113 .carousel-indicators li{width: 138px;}*/
    .list-inline-item:not(:last-child){margin-right: 0.2rem;}  
    .details.outdoorCatering .details-content_right{padding: 5% 5% 5% 5%;}
    .details.outdoorSecondCatering .details-content_right{padding: 5% 5% 5% 5%;}
    .details.outdoorCatering{padding-bottom: 50px;}
    .details.outdoorSecondCatering{margin-top: 0;padding-bottom: 50px;}
    .details.outdoorSecondCatering .row{flex-wrap: wrap-reverse;}
    #myCarousel113 .carousel-indicators{padding-left: 10px;}
    .vb-sign, .vb-hertiage{margin-right: 0;margin-left: 0;margin-top: 1.5rem;}
   /* section.details .details-content_right{padding: 15% 5% 15% 5%;}
    section.details .details-content_left{padding: 15% 5% 15% 5%;}  */
    .branches .mh{display: none;}
    .branches .branch-select{display: block;}
    .main-nav{display: none;}
    .mobile-nav{display: block;}
    .map-location{height: 500px !important;}
    .modal.show .modal-dialog{padding: 0 5px;}
    .modal .modal-header img{width: 100%;}
    header .navbar{padding: 0;box-shadow: 0 0px 6px #aaa;}
    header .mobile-nav .navbar-brand{width: 80%;}
    header .mobile-nav .navbar-toggler{width: 15%;}
    header a span{font-size: 16px;color: #fff;}
    header a .nav-img{width: 60px;height: 60px;}
    header span.black{color: #fff;}
    header .mobile-nav .nav-item{padding: 10px 0;padding-left: 10px;}
    header a span{left: 15px;}
    .offcanvas-collapse{width: 110%!important;}
.home-h4 .details .details-content_right h4 {
    /*font-size: 30px;
    margin-bottom: 10px;*/
    display: none;

}
header a .nav-img img {
    width: 70%;
    top: 10px;
    position: relative;
}
header a .nav-img{border: 1px solid #fff;}
header a span{top:15px;}
section.details .details-content_left h4, section.details .details-content_right h4 {
/*    font-size: 30px;
    margin-bottom: 10px;*/
    display: none;
}
.cat-right h4{display: block!important;}
.mbl-header h4{display:block; font-size: 30px;margin: 15px 0px;}
.details .container-fluid .row:first-child .col[style*='background']{max-width: 100%;flex:1 1 100%;height: 500px;}
.details .container-fluid .row:nth-of-type(2)  .col[style*='background']{max-width: 100%;flex:1 1 100%;height: 500px;}
.details .container-fluid .row:nth-of-type(2) .col:nth-of-type(2){order: 1; }
.details .container-fluid .row:nth-of-type(3)  .col[style*='background']{max-width: 100%;flex:1 1 100%;height: 500px;}
.details .container-fluid .row:nth-of-type(4)  .col[style*='background']{max-width: 100%;flex:1 1 100%;height: 500px;}
.details .container-fluid .row:nth-of-type(4) .col:nth-of-type(2){order:1;}
section.details .details-content_right {
    padding: 3% 0% 1% 0%;
}
section.details .details-content_left {
    padding: 3% 0% 1% 0%;
}
.res-right {
    padding: 3% 0% 1% 0% !important;
}
.res-left {
    padding: 2% 0% 1% 0% !important;
}
.details-content_right hr{display: block;margin-top: 25px;margin-bottom:25px;}
.details-content_left hr{display: block;margin-top: 25px;margin-bottom:25px;}
.mbl-header{display: block;}
.vb-sign{margin-top: .5rem;}
section.history .iso .iso-about-us {
    padding: 56px 30px;
}
}
@media only screen and (max-width: 991px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 179px;}
header .mobile-nav{height: 70px}
.offcanvas-collapse{top: 70px!important;}
}


@media only screen and (max-width: 967px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 172px;}
}

@media only screen and (max-width: 942px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 163px;}
}


@media only screen and (max-width: 900px){
    /*.carousel-indicators{bottom: 45px;}*/
    .carousel, .carousel-inner, .carousel-item {
    height: 56vh;
}
.mbl-header h4{display:block; font-size: 30px;margin: -15px 0px 15px 0px;}
.frst-chld-mrg h4{margin-top: 15px;}
}
@media only screen and (max-width: 892px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 149px;}
}
@media only screen and (max-width: 850px){
    .mbl-header h4{display:block; font-size: 30px;margin: -10px 0px 15px 0px;}
.frst-chld-mrg h4{margin-top: 10px;}
section.history .iso .iso-about-us {
    padding: 56px 30px;
}
section.banner .carousel-item {
    height: 56vh;
}
}
@media only screen and (max-width: 800px){
    .details .container-fluid .row:nth-of-type(4)  .col[style*='background']{height: 450px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 450px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 450px;}
    .details .container-fluid .row:nth-of-type(3)  .col[style*='background']{height: 450px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 450px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 450px;}
    .carousel, .carousel-inner, .carousel-item {
    height: 52vh;
}
}
@media only screen and (max-width: 820px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 139px;}
}
@media only screen and (max-width: 772px){
    #myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 138px;}
}

@media only screen and (max-width: 768px){    
    .branches .mh{height: 350px;overflow: scroll;}   
    .branches{position: relative;margin: 0;}
    .footer-bottom h6{padding-left: 0;}
    .carousel, .carousel-inner, .carousel-item {
    height: 42vh;
}
section.banner .carousel-item {
    height: 42vh;
}
.vb-sign .p-4, .vb-hertiage .p-4 {
    padding: 4rem!important;
}
.footer-bottom .col-lg-4 p{display: flex!important;flex-wrap: wrap;margin-top: 5px;}
.footer-bottom p a{order: 2;}
.foot-develop span{margin-left: 15px;}

}

@media only screen and (max-width: 767px){
		.mbl-lable {
    margin-bottom: 30px;
}
    .footer-bottom p{text-align: center !important;}
    .gm-style-iw{left: -135px !important;width: 300px !important;}
    .gm-style-iw:after{top: unset;}
    #myCarousel113 .carousel-indicators{padding-left: 8px;}
    #myCarousel112 .carousel-indicators li, #myCarousel113 .carousel-indicators li{width: 113px;}
    .navbar-toggler:not(:disabled):not(.disabled){top: 20px;right: 25px;}
    #map{height: 300px !important;margin-top: 25px;}
    .modal .modal-body{padding: 20px 20px 20px 20px;}
    .details.outdoorCatering, .franchise, .press{margin-top: 0;}
    .franchise .contact-form form{padding: 25px 20px;margin-bottom:40px}
	
    .vb-sign .p-4, .vb-hertiage .p-4 {
    padding: 1.5rem!important;
}
.footer-bottom .col-lg-4 p {
    display: table-cell;
    vertical-align: middle;
    height: 20px;
}
.footer-bottom .col-lg-5 p {
    display: table-cell;
    vertical-align: middle;
    height: 20px;
}
.footer-bottom .col-lg-4 p {
     display:inherit!important; 
     vertical-align:unset;
    /*height: 20px;*/
}
.foot-develop a {
    float: none!important
    ;
}
.foot-develop span {
    float: none; 
    vertical-align: middle;
    margin-top: 5px;
    margin-right: 15px;
}
.footer-bottom .col-lg-4 {
    display: inline-block;
}
.mbl-foot{display: initial;}
.mbl-hide{display: none;}

}



@media only screen and (max-width: 740px){
    .carousel, .carousel-inner, .carousel-item {
    height: 46vh;
}
 .details .container-fluid .row:nth-of-type(4)  .col[style*='background']{height: 420px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 420px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 420px;}
    .details .container-fluid .row:nth-of-type(3)  .col[style*='background']{height: 420px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 420px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 420px;}
}
@media only screen and (max-width: 667px){
 
.details .container-fluid .row:nth-of-type(4)  .col[style*='background']{height: 375px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 375px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 375px;}
    .details .container-fluid .row:nth-of-type(3)  .col[style*='background']{height: 375px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 375px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 375px;}
    
}
@media only screen and (max-width: 639px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 99px;}
.banner .carousel{height: 38vh;}
}

/*@media only screen and (max-width: 639px){
#myCarousel112 .carousel-indicators li , #myCarousel113 .carousel-indicators li{width: 100px;}
}*/


@media only screen and (max-width: 575px){
	.mbl-lable {
    margin-bottom: 20px;
}
    .footer-bottom h6{float: none;padding-left: 0;margin-right: 0;margin-top: 0;}
    ul.social{text-align: center;}
    .footer form button{width: 100%;margin: 1rem 0;}
    .franchise .contact-form .text-center{padding: 20px 0px;}
    #myCarousel113 .carousel-indicators{padding-left: 3px;}
    #myCarousel112 .carousel-indicators li, #myCarousel113 .carousel-indicators li{width: 58px;}
    .vb-sign .col, .vb-hertiage .col{flex: 0 0 100%;}
    section.history .vb-hertiage .col:nth-of-type(2), section.history .vb-sign .col:nth-of-type(2){border-top: 1px solid #d5d3d4;border-left: 0;padding-right: 1rem !important;}
   /* .details .row:first-child .col:first-child{height: 300px;background-position: top right;}
    .details .row:nth-child(2){flex-wrap: wrap-reverse;}
    .details .row:nth-child(2) .col:nth-child(2){height: 300px;background-position: center center;}
    .details .row:nth-child(3) .col:first-child{height: 300px;background-position: center center;}
    /*.details .row:nth-child(4){flex-wrap: wrap-reverse;}
    .details .row:nth-child(4) .col:nth-child(2){height: 300px;background-position: center top;}
    .details .row .col:nth-child(2){flex: 0 0 100%;}*/
    .food-products .d-block, #inner-carousel .d-block{width: 100%;}
    section.food-products .food-box{position: relative;margin-top: 0;}
    #food-products-carousel.carousel, #food-products-carousel .carousel-inner, #food-products-carousel .carousel-item{height: 30vh;}
    #inner-carousel.carousel, #inner-carousel .carousel-inner, #inner-carousel .carousel-item{height: 30vh;}
    .details-2 .row:first-child .col:first-child{height: 300px;background-position: center center;}
    .history .pt-3.pb-5{padding-bottom: 0 !important;}
    footer.footer{padding-top: 3rem;}
    .footer-bottom{margin-top: 3rem;}
    section.history .iso .iso-about-us{padding: 25px 20px;}
    .iso-about-us h2, .vb-sign h2, .vb-hertiage h2{margin-bottom: 1rem;}
   /* section.details .details-content_left, section.details .details-content_right{padding: 5% 5% 15% 5%;}*/
    .redIcon{display: none;}
    .details-content_right p:last-child{text-align: left;}
    .dis-inline{display: inline-block;}
    li.nav-item{padding-right:15px !important;}

    .details .row:nth-child(2) {
    flex-wrap: wrap;
}
#food-products-carousel.carousel, #food-products-carousel .carousel-inner, #food-products-carousel .carousel-item {
    height: 36vh;
}

.details .container-fluid .row:nth-of-type(4)  .col[style*='background']{height: 325px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 325px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 325px;}
    .details .container-fluid .row:nth-of-type(3)  .col[style*='background']{height: 325px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 325px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 325px;}
       .banner .carousel {
    height: 42vh;
}
.food-products .carousel-item{height: 35vh;}
.franchise .contact-form .text-center{padding-right: 0px;}
}

@media only screen and (max-width: 500px){
#food-products-carousel.carousel, #food-products-carousel .carousel-inner, #food-products-carousel .carousel-item {
    height: 31vh;
}
.details .container-fluid .row:nth-of-type(4)  .col[style*='background']{height: 285px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 285px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 285px;}
    .details .container-fluid .row:nth-of-type(3)  .col[style*='background']{height: 285px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 285px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 285px;}
 .banner {
    margin-top: 35px;
}
.banner .carousel {
    height: 40vh;
}
#food-products-carousel.carousel ,#food-products-carousel .carousel-inner {height: 40vh;}

}

@media only screen and (max-width: 450px){
	.mob-weblink{margin-top:150px;padding:15px 0px !important;}
	.pl-30{padding:0px 30px;}

#food-products-carousel.carousel, #food-products-carousel .carousel-inner, #food-products-carousel .carousel-item {
    height: 28vh;
}
.details .container-fluid .row:nth-of-type(4)  .col[style*='background']{height: 255px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 255px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 255px;}
    .details .container-fluid .row:nth-of-type(3)  .col[style*='background']{height: 255px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 255px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 255px;}
    /*.banner {
    margin-top: 55px;
}*/
.banner .carousel {
    height: 38vh;
}
#food-products-carousel.carousel ,#food-products-carousel .carousel-inner {height: 40vh;}
}
@media only screen and (max-width: 400px){
#food-products-carousel.carousel, #food-products-carousel .carousel-inner, #food-products-carousel .carousel-item {
    height: 25vh;
}
.details .container-fluid .row:nth-of-type(4)  .col[style*='background']{height: 225px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 225px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 225px;}
    .details .container-fluid .row:nth-of-type(3)  .col[style*='background']{height: 255px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 225px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 225px;}
    .banner {
    margin-top: 10px;
}
.banner .carousel {
    height: 36vh;
}
#food-products-carousel.carousel ,#food-products-carousel .carousel-inner {height: 40vh;}
}

@media only screen and (max-width: 360px){
.mob-weblink{margin-top:100px;padding:15px 0px !important;}
.pl-30{padding:0px 30px;}
#food-products-carousel.carousel, #food-products-carousel .carousel-inner, #food-products-carousel .carousel-item {
    height: 22vh;
}
.details .container-fluid .row:nth-of-type(4)  .col[style*='background']{height: 205px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 205px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 205px;}
    .details .container-fluid .row:nth-of-type(3)  .col[style*='background']{height: 205px;}
    .details .container-fluid .row:first-child .col[style*='background']{height: 205px;}
    .details .container-fluid .row:nth-of-type(2)  .col[style*='background']{height: 205px;}
    .banner {
    margin-top: 0px;
}
.banner .carousel {
    height: 39vh;
}
#food-products-carousel.carousel ,#food-products-carousel .carousel-inner {height: 35vh;}
/*#food-products-carousel .carousel-inner{height: 35vh!important;}*/
/*#food-products-carousel .carousel-item{height: 35vh!important;}
#food-products-carousel .carousel-inner{height: 35vh;}*/
}


@media only screen and (max-width: 320px){
    #myCarousel112 .carousel-indicators li, #myCarousel113 .carousel-indicators li{width: 50px;}
    .gm-style-iw{width: 290px !important;}
    .navbar-brand{width: 89%;margin-right: 0;}
}

@media only screen and (max-width:640px) and (orientation: landscape) {
       .carousel, .carousel-inner, .carousel-item {
    height: 103vh;
}
.banner .carousel{height: 83vh;}
}
@media only screen and (max-width: 575px) and (orientation: landscape){

.banner .carousel {
    height: 94vh;
}
#food-products-carousel .carousel-item {
    height: 84vh;
}
#food-products-carousel.carousel{height: 84vh;}
#food-products-carousel .carousel-inner {
    height: 84vh;
}
 #inner-carousel .carousel-item{height: 84vh;}
 #inner-carousel.carousel{height: 84vh;}
 #inner-carousel .carousel-inner{height: 84vh;}
}