*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
:root {
  --theme-color: #c2272d;
  --pane-padding: 5px 42px;
  --theme-font:   "Lato", sans-serif;
  --active-color: #fea801;
  --trans: all .3s ease-in-out;
  --graycolor: #d5d5d5;
  --topfontcolor: #000000;
  --yellow: #fcee20;
}
 

body{ font-family: var(--theme-font);
 }
 
.navbar-brand {
    background: var(--theme-color);
    height: 80px;
    line-height: 80px;
    margin-right: 60px !important;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    width: 260px;
    text-align: center;
}
.categories {background-color: var(--theme-color);}
 .textHome{ position:relative; height:100vh }
 .logoImg { max-width:30%; margin-left:13% }
.HomeSection h2{ font-size:27px;     line-height: 31px;
}
/*.products .card.h-50{ margin :-10px 10px 10px -10px; box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);}
.item {
    border: 1px solid #fddeae;
}*/
.card-body p { margin-bottom:7px; text-align:center;  color: #000;}

.HomeSection p {
    font-size: 13px;
    padding: 0px 20px;
    width: 90%;
    border-left: 5px solid #000;
    margin-top: 20px; 
}.themeColor{color: #fcc010}

.float:hover{ background-color:#25d366;

    color:#FFF; transition:var(--trans);  }
 .float{

    position:fixed;

    width:60px;

    height:60px;
 transition:var(--trans);
   bottom: 65px;

    left: 19px;

    background-color:#25d366;

    color:#FFF;

    border-radius:50px;

    text-align:center;

  font-size:30px;

    box-shadow: 2px 2px 3px #999;

  z-index:100;    line-height: 66px;


}

.pr-body{
  padding-left: 0 !important;
}
.products .fa-star { color:#fcc010; }
.about-us .about_titlerow {
    background-color: #fccc3f;
    z-index: -1;
    height: 400px;
}

.row.aboutImageRow {
    margin-top: -200px;
}
.lightOrage .col-sm-5,   .col-sm-4.darkOrange  {
     height: 130px;
    /* line-height: 100px; */
    display: flex;
    align-items: center;
    justify-content: center;
}
 .lightOrage .form-control{ background-color:transparent;    
  border:none; background-color:#fcc010; color:#fff; width: 85%; position: relative;}
.lightOrage .form-control:after{position: absolute;  content: "Text"; right: 10px;      font-family: "FontAwesome";
    font-weight: 900; background-position:center right; background-size: 100% 100%}

.lightOrage .btn{ border-color:var(--yellow);background-color:var(--yellow); color:var(--theme-color); }
.lightOrage .col-sm-7 {
    display: block;
    margin: auto;
}
     .input-group{width: 85%;}
    .input-group-text{background-color:#e5ceb0; border: none;}
.darkOrange img { max-width:70%; }
.bigImage { background-size: cover;
    background-position: center;
    background-repeat: no-repeat; height:100%;  }

    .lightOrage span { font-size:30px; color:#fff; font-style:italic; }

 .lightOrage .form-control::placeholder {
  color: #ccc;
  opacity: 1; /* Firefox */
}

.lightOrage .form-control::-ms-input-placeholder { /* Edge 12-18 */
  color: #ccc;
}
nav.navbar.navbar-expand-md.navbar-dark {
    width: 65%;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
    /* margin: auto; */
    border-radius: 81px;
    background: #fff;
    margin-top: 4%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


    /*.lightOrage { background-color:#dfc29c }
    .darkOrange { background-color:#d4b184 }  
*/
.lightOrage { background-color:var(--theme-color);  }
    .darkOrange { background-color:#fcc010 }
.newsletter { min-height:100px;     margin-top: -8px;
}

    .smallImage { background-size: cover;
    background-position: center;
    background-repeat: no-repeat; height:250px;  }

    .breadcake h6{ margin-top:10px; }
.breadcake{ background-color:var(--yellow); }
.imageDiv {
    height: 350px;
    float: left;
    width: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.textDiv {
    margin-left: -19%;
    width: 119%;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    /* padding: 40px; */
    /* padding: 40px; */
    /* padding: 27px; */
    background:var(--theme-color);
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
    float: left;
    padding: 9px 120px;
    margin-top: 5%;
    /* border-radius: 26px; */
    z-index: -1;
}
.textDiv { position:relative; }
.textDiv .col-sm-6:first-child:after {
    position: absolute;
    content: "";
    right: 0;
    top: 28%;
    bottom: 0;
    height: 31%;
    width: 2px;
    background-color: #fff;
    left: 50%;
}
.socialDiv h3{ color:var(--yellow);font-size:36px; }
.socialDiv .container{ position:relative; }
.socialDiv p { color:#fff;font-size:20px;  }
.redFont{color: var(--yellow)!important;}
.activebtn {
    color: var(--theme-color) !important;
    text-decoration: none;
    font-weight: 700;
    height: 40px;
    width: max-content;
    border: 1px solid;
    padding: 7px;
    background: var(--yellow);
    margin-top: 20px;
    display: block;
}

.textDiv .col-sm-6.pull-right p{ float:right;  } 
.socialDiv{ background-color:var(--theme-color); }
.about-us p.mt-4 {
    font-size: 17px;
    line-height: 30px;
    font-size: 18px;
    padding-right: 40px;
}
.homeOrderButton {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #fcc010;
    width: 150px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    position: absolute;
    right: 0;
     bottom: 30%; 
    color: #fff;
}

.textDiv p {
    font-size: 15px;
    line-height: 28px;
    font-weight: 600;    color: #fff;

}
.HomeSection .fa ,.HomeSection .fa:hover { color:#818181;  }
.smallHome { height: 100vh;
  width: 100%;
  background-position: center center;
  background-size: cover; }
.HomeSection .fa   { width:30px; height:30px; border-radius:50%; line-height:30px; font-size:13px; border:1px solid;     padding: 4px;
 }
.HomeSection .flex-column2 {
    position: relative;
    height: 67%;
    z-index: -1;
}.HomeSection .flex-column2:after{position: absolute; content: ""; height: 100%; width: 1px; background:#818181; top:0px; bottom:0px; }


/*.smallImageSection {position: relative;}*/
.smallImageSection1 img, .smallImageSection2 img{ width:50% }

.smallImageSection1 img { left:0}
.smallImageSection2 img { right:0}

.smallImageSection1  img ,  .smallImageSection2 img {
    height: 30%;
     background-position: center center;
    background-size: cover;
    /* position: absolute; */
    bottom: 0;
    background-repeat: no-repeat;
      position: absolute;
}

.products h3{
   font-size: 36px;
  color: var(--theme-color);
  font-weight: 600;
  letter-spacing: 1px;  text-align: center;   text-transform: capitalize;     


}

.hotDeals h3{
   font-size: 36px;
  color: #000;
  font-weight: 600;
  letter-spacing: 1px;
}

 .card-body h5{
  font-weight: 600;
  color: var(--theme-color);
  font-size: 17px;    text-align: center;

}


.card-body {
    flex: 1 1 auto;
    padding: 0rem 1rem 1rem;
    text-align: center;
}
.about-us h3 ,.mainItalic{
   font-size: 36px;
  color:var(--theme-color);
  font-weight: 600;
  letter-spacing: 1px;
        position: relative;
    text-transform: capitalize;text-align: center;
}
.AboutText h3 {text-align: left; color: #000;}

/* .mainItalic:after{ position:absolute; content:""; width:100%; height:1px; background-color:#fddeae; right:0; bottom:1px;z-index:-1  }*/

.about-us h6{
  color: #000;
  font-weight: 400;
}

.hotDeals h6{
  color: #A6A6A6;
  font-weight: 600;    font-size: 15px;

}

h4.sandwichTitle {
    font-weight: 700;
    font-size: 21px;
    color: #000;
    line-height: 26px;
    text-transform: uppercase;
}

.aboutImageRow p {
    color: #222222;
    line-height: 23px;
    font-size: 14px;
}

/*.aboutImageRow{
  margin-top: -300px !important;
}*/

button.btn.btn-outline-dark.btn-lg.px-3 {
    padding: 10px 25px!important;
    border-radius: 0px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
}

.card-img, .card-img-top{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.hotDealsImg1{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.hotDealsImg2{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.card-footer{
  background-color: transparent; !important;
  border-top: none;
 
}

 .priceColor{
  color: #CA9875;
}

.card.h-50 {
    border: none;
    border-radius: 0px;
    border: 1px solid var(--theme-color);
    border-radius: 57px;transition: var(--trans);
}
.card:hover{    background: var(--yellow); transition: var(--trans);}

.owl-carousel .owl-item img {
    display: block;
    width: 90%!important;
    border-radius: 50px;
    margin: 15px auto;
}
.aboutcoverContent {
    background-color: #fff; min-height: 400px;    padding: 50px;     border-radius: 12px;


   }
.aboutImgDiv {   background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%;       border-radius: 12px;

}
.aboutcoverContent h3{
    font-style: italic;
    font-size: 36px;
    color: #fccc3f;
    font-weight: 600;
    letter-spacing: 1px;    

    
}
.smallIMg { margin-top:24px }
.whyus .container{ background:#ececec;     border-radius: 12px;
 }
.aboutcoverContent p {
    color: #A6A6A6;
    line-height: 23px;
    font-size: 15px;
}
 

 


button.btn.btn-warning.btn-lg.px-3 {
    padding: 13px 29px!important;
    border-radius: 0px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #fccc3f !important;
    border-color: #fccc3f !important;
    color: #fff;    margin-top: 5%;

 }
.footer img {
    max-width: 188px!important;
    /* height: 65px; */
    margin-bottom: 15px;
}


.footer h4 {
    font-size: 23px;
    /* color: #f7d207; */
    color: #212529;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative; 
}


.footer h4:after {
    position: absolute;
    content: "";
    left: 0;
    height: 3px;
    width: 19%;
    background: #000;
    bottom: -15px;
}


.footer a, .footer p {
    color: #423f3f;
    font-size: 14px;
    text-decoration: none;     margin-bottom: 10px;

}


/*.about_titlerow{
  background-color: #E6CAA5;
      padding-top: 20px;
    padding-bottom: 300px;
}*/

.healDiv{
  /*background-color: #fff;
  padding-top: 80px;*/
  padding-left: 80px;
}


.card1{
  /*height: 700px;*/
  border: transparent !important;
}



 
.carousel {
  border-radius:0px;
  overflow: hidden;
  position: relative;
}

.carousel-inner, .carousel, .carousel-item, .carousel-container {
  min-height: 80vh;
  width: 100%;
  background-position: center center;
  background-size: cover;    z-index: -1;
    margin-top: -10%;

}

/*.carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start {
  transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
}

.carousel-item-next:not(.carousel-item-start), .active.carousel-item-end {
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
}*/

.carousel-indicators {
  top: 0;
  margin: auto;
  height: 20px;
  right: 10px;
  left: auto;
  display: block;
}

.carousel-indicators [data-bs-target] {
  background: none;
  border: 2px solid white;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  margin-bottom: 5px;
}

.carousel-indicators li.active {
  background: white;
}

/*.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 4rem;
  height: 4rem;
  position: fixed;
  top: 95%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: -1;
}*/


 


.offcanvasN {
    position: absolute;
    right: 0px;
    z-index:3;
    top: 0px;
    /* height: 100vh; */
    background: rgba(0,0,0,0.8);
    width: 100px;
    text-align: center;
    color: #fff;
    line-height: 100px;
    height: 100px;
}
.offcanvasN .fa{ color:#fff; font-size:18px; }

 .carousel-control-prev {
    right:0!important ;    left: auto;

}

.buttonBox{ background: rgba(0,0,0,0.8);
    width: 100px;
    text-align: center;
    color: #fff;
    line-height: 100px;
    height: 100px; }

 h1.display-3.text-center.text-light {
    position: absolute;
     letter-spacing: 2px;
    text-transform: uppercase;
     color: #ffffff;
    padding: 39px 10px;
    line-height: 80px;
    writing-mode: vertical-rl;
    right: 1px;
    z-index: 1;
    top: 0%;
    font-size: 25px;
    background: rgba(0,0,0,0.4);
    height: 100vh;
    width: 100px;
}
.buttonBox {
    background: rgba(0,0,0,0.8);
    width: 100px;
    text-align: center;
    color: #fff;
    line-height: 100px;
    height: 100px;
    display: block;
    z-index: 5;
    position: absolute;
    bottom: 0;
    right: 0;
}


/*
.carousel-control-prev-icon {
    width: 23px;
    height: 23px;
    position: absolute;
    top: 85%!important;
    right: 8%;
    transform: translate(-50%, -50%) rotate(90deg);
    z-index: -1;
    border: 1px solid;
     border-radius: 50%;
}
  */
.carousel-control-prev, .carousel-control-next {
    position: relative;
    width: 100%;
}
  .carousel-control-prev-icon {
    width: 23px;
    height: 23px;
    position: absolute;
    top: 36%!important;
    right: 27%;
    transform: translate(-50%, -50%) rotate(90deg);
    z-index: -1;
    border: 1px solid;
    /* margin: 7px; */
    /* left: 0; */
    margin: auto;
    border-radius: 50%;
}
.carousel-control-next-icon {
     width: 23px;
    height: 23px;
    position: absolute;
    top: 80%;
    right: 27%;    transform: translate(-50%, -50%) rotate(90deg);
    z-index: -1;border: 1px solid;
    /* margin: 7px; */
    border-radius: 50%;
    /* background: rgba(255,255,255,0.6); */
}

.carousel-control-prev-icon {
  top: 5%;
}

.unclickable {
  pointer-events: none;
}

.clickable {
  pointer-events: all;
}

.socialDiv {
    width: 75%;
    height: 400px;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 50px 0px;
    background-attachment: fixed;
    padding: 35px 143px;
}

.socialDiv img.img-fluid {
    position: absolute;
    max-width: 37%;
    right: -22%;
}
/*.socialDiv:before { position:absolute; content:""; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0.6);  }*/

.socialDiv .nav,.socialDiv h4{ position:relative; }

.text-dark {
    color: #212529 !important;
    margin-bottom: 5px;    font-weight: 600;

}
.testiDivs {
    overflow: auto;
    padding: 24px;
    position: relative;
    transition: var(--trans);
    margin-bottom: 20px;
    /* border-right: 2px solid #e6e6e6; */
    background: #f7f7f7;
    border-radius: 37px;
}
.testiDivs.border-none {border:none!important;}
.testiDivs:hover{ transition: var(--trans);transition: var(--trans); border-color: var(--theme-color); box-shadow:2px 4px 12px rgb(0 0 0/8%); }
 .testiDivs:after {
   background-image: url('/assets/chicboy/img/Vector.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
     left: 0;
    z-index: -3;
    right: 0;
    margin: auto;
    position: absolute;
    top: 26%;
    width: 100PX;
    min-height: 100PX;
    opacity: 0.6;
}

.testiDivs p:first-child b {
    color: var(--theme-color);
}
.testiDivs img{ margin-bottom:7px;}
.testiDivs p.textDesc{  font-size: 14px;font-weight: 400;display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 2;
    -webkit-box-orient: vertical;     height: 145px; 
 }



.reasonsSec img {
    float: left;
    height: 50px;
    width: 50px;     border-radius: 50%;

}
.reasonsSec .text {
    color: #c0c4c7;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    width: 72%;
}
.reasonsSec .text p{text-transform: uppercase; margin-bottom: 0px; font-size: 14px;
}




/*products page */


.navbar-light .logoImg {
    max-width: 50%;
    margin-left: 0%;
}

.navbar-light  a.navbar-brand {
    width: 30%;
    margin: 0%;
}

.navbar-light {     background: transparent;position: relative;z-index: 3;}
a.nav-link {
    color: #000;
}
.navbar-light a.nav-link {
    color: #fff;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: var(--yellow);
}
.headerDiv{ display:flex ; justify-content:center;  flex-direction:column;  background-position: center;background-size:cover;
    background-repeat: no-repeat; min-height: 500px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
     margin-top: -10%;
    position: relative;
    z-index: -1;  }

.headerDiv:before{ position:absolute; content:""; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0.4); }

.headerDiv .container{    margin-top: 25px; position:relative;

}
 
 .breadcrumb a, .breadcrumb-item.active {
    color: #fff; text-decoration:none;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: #ffffff;
    content: var(--bs-breadcrumb-divider, "/");
}
.headerDiv h2 { color:#fff;     
}
.headerDiv p { color:#fff; padding-right: 60%; font-weight: 400; font-size: 14px;}
.card-footer .btn-danger{ width:100%; background-color:transparent; border-color:var(--theme-color); color:var(--theme-color);transition: all 0.3s ease-in-out; }

.btn-danger{ width:auto; background-color:var(--theme-color); border-color:var(--theme-color); color:#fff;transition: all 0.3s ease-in-out; }
  .btn-danger:hover{ background-color:transparent; border-color:var(--theme-color); color:var(--theme-color);transition: all 0.3s ease-in-out; }


.card-footer .btn-danger:hover{  background-color:var(--theme-color); border-color:var(--theme-color); color:#fff ;transition: all 0.3s ease-in-out;}
/*.products img.card-img-top {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}*/

.products .pull-right, .products .priceColor {
    color: #fcc010;
}
.well{ border:1px solid #E6E6E6 ; padding: 15px 20px; border-radius: 8px; margin-top:15px;transition: all 0.3s ease-in-out;}
.well:hover{  border: 1px solid #fff;    box-shadow: 2px 4px 12px rgb(0 0 0/8%); transition: all 0.3s ease-in-out;
} 
.well h5{ font-size:18px; color:#000; font-weight:600; }
.well p{  font-size:14px; color:#798196;     margin-bottom: 0px;
}

.well img{    max-width: 11%;
    float: left;
    margin-right: 5px;
    margin-top: -6px;}
.well img.fa{  max-width: 100%;     margin-top: -2px;
 }


 .aboutDiv h2 , .contactDiv h2{ font-weight:600;  font-size:35px;text-transform:capitalize;  
}
.aboutDiv p , .contactDiv p{ color:#798196;   

}

.contactDiv .well p{ margin-left:12%; } 
.imgBox{ height: 100%;    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; border-radius: 8px;}

    .imgBox2{ height: 550px;    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; border-radius: 8px; position: relative; float: left;
    width: 50%; display: flex;
    align-items: center;}

.textBox {
    width: 115%;
    position: absolute;
    left: 85%;
    background: #fff;
    box-shadow: 2px 4px 12px rgb(0 0 0/8%);
    padding: 30px 30px;
    border-radius: 8px;
}


.textBox h2{ font-size:30px; text-transform:capitalize; font-weight:600; }
.textBox p{ font-size:15px; color:#798196;}
.numbersI h3{color:var(--theme-color) ; font-size:40px; font-weight:600;  }
.numbersI p{font-size:17px; color:#798196; }


/*owl carousel*/

/* .first-owl .owl-nav {
    top: -57%;
    position: relative;
}*/

.item a{ text-decoration:none; }
.owl-prev {
    position: absolute;
    left: -5%;    top: 40%;

}

.owl-next {
    position: absolute;
    right: -5%; top: 40%;
}
.owl-nav [class*=owl-] {
    color: #c0c0c0;
    font-size: 14px;
    /* margin: 5px; */
    /* padding: 4px 0px; */
/*    background: #c9c3c3;*/
    display: inline-block;
    cursor: pointer;
    color: #c9c3c3;
    border-radius: 50%;
    transition: var(--trans);
}


 .owl-nav [class*=owl-]:hover {
    background: var(--theme-color);
    color: #fff;
    text-decoration: none;transition: var(--trans);
}
.owl-prev .fa-long-arrow-left {
    font-size: 27px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  
    border: 0;
    left: 0;
    top: -30%;
        text-align: center; transition:  

}
.owl-next .fa-long-arrow-right{
    font-size: 27px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    right: 0;
    border: 0;
    top: 35%;
 }
.bg-light { background-color: #ffffff!important ;    padding: 0px 15px;}

.owl-stage { padding-top: 2rem!important;
    padding-bottom: 2rem!important;}


.topFont{color: var(--topfontcolor);     
}
.categoryDiv {
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 25%;
    border: 5px solid #fff;
}
.catMain {  display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 11px;
}
.categories .mainItalic  {color: var(--yellow)!important;}
.categories p {
    color: var(--yellow);
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 700;
}.categories small{     color: #a1a1a1; font-size: 11px; margin-bottom: 0px; font-weight: 500;}
.categories .col-sm-2 { width:20%; }
.categories a {text-decoration: none;}


 .instafeed .col-sm-3 .galleryDiv{
     min-height: 250px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;transition: var(--trans); margin: 15px 0px 15px;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
}
.instafeed .galleryDiv:before{position:absolute;content:""; height:100%; width:100%; background-color:rgba(47, 46, 46, 0.6) !important; left:0; right:0;opacity:0;transition: var(--trans); }
.instafeed .galleryDiv img{opacity:0; transition: var(--trans); position: relative;}
.instafeed .galleryDiv:hover:before{opacity:1 ;transition: var(--trans);}
.instafeed .galleryDiv:hover img{opacity:1;transition: var(--trans); }
.lightOrage h3 { font-weight:600;font-size:33px; }
.lightOrage .form-control {
    background-color: transparent;
    border: none;
    background-color: #ffffff;
    color: #000000;
    width: 85%;
    position: relative;
    height: 55px;
    border-radius: 30px;
    margin: 20px auto;
}

@media all and (max-width:767px){
    .categories .col-sm-2 {
    width: 50%;
}
.smallIMg{ margin-top:0px!important; }
.smallImage {
    margin-bottom: 20px;
    background-size: cover;
    background-position: top center;
}
.navbar-brand img {
    width: 165px;
}
.carousel-inner, .carousel, .carousel-item, .carousel-container {
    min-height: 31vh;
    width: 100%;
    background-position: center center;
    background-size: cover;
    z-index: -1;
    margin-top: 0%;
}
nav.navbar.navbar-expand-md.navbar-dark {
    padding: 0px;
    border: none;
    background: #c2272d;
}
.navbar .navbar-nav .nav-link {
    color: #ffffff;}
.navbar-brand {
    background: var(--theme-color);
        height: 42px !important;
        line-height: 30px;
    margin-right: 0;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    width: 150px;
    text-align: center;
}
nav.navbar.navbar-expand-md.navbar-dark {
    width: 100%;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
    margin: auto;
     border-radius: 0px; 
    background: #ffffff;
    margin-top:0;
}
.about-us h3, .mainItalic , .products h3{font-size: 30px;}
.socialDiv p {
    color: #fff;
    font-size: 17px;
}
button.navbar-toggler{background: var(--theme-color); padding: 2px;}
.navbar .navbar-nav .nav-link{ line-height:20px!important; margin-right:0px!important }
.textDiv .col-sm-6.pull-right p {
     float: none; 
}
    .socialDiv {
        min-height: 500px;
        width: 100%;
        padding: 15px !important;
    }
.testiDivs { border:none }
.socialDiv img.img-fluid {
    position: absolute;
    max-width: 43%;
    right: 0;
    bottom: -53px;
    left: 0;
    display: none;
}
.carousel-inner, .carousel, .carousel-item, .carousel-container {
    height: 31vh;}
.textDiv{margin-bottom: 20px;}
.instafeed .col-sm-2{     width: 33.33%; min-height:200px!important; }
.textHome .col-sm-3 , .textHome .col-md-9  , .homeOrderButtonDiv, .smallImageSection1 , .smallImageSection2{ display:none; }

.textHome {
    position: relative;
    height: auto;
}
.footer h4 { margin-top:20px; }
div#vertical-carousel {
    margin-top: -90px;
}

.logoImg {
    max-width: 40%;
    margin-left: 13%;
    margin-top: 10px;
    z-index: 3;
}
button.btn.btn-warning.btn-lg.px-3 {
    padding: 13px 29px!important;
    border-radius: 0px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #fccc3f !important;
    border-color: #fccc3f !important;
    color: #fff;
    margin-top: 1%;
}
.col-sm-12.mt-sm-4.mb-sm-5.mt-xs-3.mb-xs-0 {
    z-index: 3;
}

.imageDiv {
    height: 350px;
    float: left;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 19%;
}
.textDiv {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    /* padding: 40px; */
    /* padding: 40px; */
    /* padding: 27px; */
     box-shadow: 2px 4px 12px rgb(0 0 0/8%);
    float: left;
    padding: 25px 23px;
    text-align: center; margin-left: 0%;
}
.textDiv .col-sm-6:first-child:after{display: none;}
.aboutcoverContent {
    background-color: #fff;
    padding: 20px;
    width: 100%;
    float: left;
    margin-right: 0%;
    margin-top: 11%;
}

.aboutImgDiv {
    width: 100%;
    float: left;
    margin-top: 7%;
    height: 400px;
    /* display: none; */
}

.navbar-light .logoImg {
    max-width: 100%;
    margin-left: 0%;
}

.headerDiv p {
    color: #fff;
    padding-right: 9%;
    font-weight: 400;
    font-size: 14px;
}

.imgBox2 {    width: 100%;    margin-bottom: 130%;

}

.textBox {
    width: 100%;
    position: absolute;
    left: 0%;
    top: 50%;
    background: #fff;
    box-shadow: 2px 4px 12px rgb(0 0 0/8%);
    padding: 15px 15px;
    border-radius: 8px;
}
/*.imgBox{ height:400px;margin-top:20px }*/

.aboutDiv h2, .contactDiv h2 {
    font-weight: 600;
    font-size: 27px;
    text-transform: capitalize;
}

.col-sm-6 form { margin-top:30px; }
.input-group {
    width: 100%;
    display: flex;
    margin-bottom: 15%;
    align-items: center;
    justify-content: center;
    float: left;
    flex-flow: nowrap;
}



.headerDiv{ margin-top:0px; }
.navbar-light a.nav-link {
    color: #000;
}
 }

 

 /* ipad Mini Portrait */
@media only screen and (width:768px) and (resolution: 163dpi) {
.categories .col-sm-2 {
    width: 25%;
    margin: auto;    
}
}

/* ipad Mini Landscape */
@media only screen and (width:1024px) and (resolution: 163dpi) {
.categories .col-sm-2 {
    width: 25%;
    margin: auto;    
}
}
 
.navbar-brand img {
  width: 80px;
}
.navbar-nav {
  align-items: center;
}
.navbar .navbar-nav .nav-link {
  color: #fff;
  font-size: 1.1em;
  padding: 0.5em 1em;
}

nav.navbar.navbar-expand-md.navbar-dark {
    padding: 0px;
    border: none; background-color: var(--theme-color);
}
.navbar .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 1.1em;
    padding: 0.5em 1em;
    line-height: 66px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin-right: 25px;
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {
    
    color:var(--yellow);
 }

 @media screen and (min-width: 768px) {
  .navbar-brand img {
    width: 185px;
  }
  .navbar-brand {
    margin-right: 0;
    padding: 0 1em;
  }
}