@media(min-width:1300px) and (max-width:1540px){
  .container{
    width: 1200px;
  }
}



@media(max-width:900px){




.menu li:hover > a,
.menu li:focus > a {
    color: #fff;
}
.call-us-btn{
  margin-left: inherit;
}
.call-us-btn {
  background: rgba(211, 33, 45, 1);
  color: #fff;
  padding: 5px 20px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 400;
  font-size: 14px;
  display: none;
}
.home-banner img {
  width: 100% !important;
  height: 450px;
}
  .home-banner{
    height: inherit; !important;
/*     margin-top: 90px;*/
  }
  .banner-title h1 {
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 0.5px;
}
.banner-title p {
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.sinc {
  font-size: 16px;
}
  .banner-img-second h1 {
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  color: rgba(240, 189, 81, 1);
  margin-bottom: -20px;
}

.sec-left-img{
  position: inherit;
  text-align: right;
}
.sec-left-img img{
  position: inherit;
}
.section-description p {
  text-align: justify;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 26px;
}
.counter {
  font-size: 36px;
  font-weight: 600;
  line-height: 34px;
  text-align: center;
}
.count-start h3 {
  font-size: 10px;
  font-weight: 400;
  line-height: 0px;
}
.count-start {
  margin-bottom: 30px;
  padding: 10px 0px;
}

.left-content h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 31px;
}
.left-content p {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
  margin: 15px 0px;
}
.left-content{
  margin-bottom: 30px;
}

.play-button-wrapper {
  & #circle-play-b {
    & i {
    
      font-size: 30px;
     
    }
  }
}

.video-container{
  height: inherit;
}
.play-button-wrapper {
  & #circle-play-b {
    & i {
      width: 57px;
      height: 57px;
  }
}
}

.products-title h2 {
  font-size: 28px;
  font-weight: 500;
  line-height: 30px;
}
.bhagwati-video {
  padding: 0px 0px;
}
.count
{
  padding: 0px;
}






/******About us **********/

.about-banner img {
  width: 100%;
  height: 400px;
}
.about-banner {
  height: 400px;
}
.about-title h1 {
  font-size: 50px;
  font-weight: 400;
  line-height: 57px;
}
.section-heading h2 {
  font-size: 44px;
  font-weight: 400;
  line-height: 40px;
}


/**********/
.left-sec-img-tradition::after {
  content: '';
  top: -10%;
  width: 500px;
  height: 500px;
  border: solid 1px #fff;
  z-index: 2;
  position: relative;
  left: -10%;
}
.left-sec-img-tradition {
  position: relative;
  top: 0;
}

.tradition-content {
  color: #fff;
  padding: 20px;
}
.left-sec-img-tradition img {
  position: relative;
  z-index: 4;
  max-width: 100%;
}
.tradition{
  height: auto !important;
}
.clients img {
  max-width: 100%;
}

.tabbar-button{
  padding: 0px 0px 15px 0px;
}

.tabbar-button .nav-link {
  border: solid 1px rgba(233, 10, 54, 1) !important;
  color: #000 !important;
  font-size: 12px;
  font-weight: 400;
  padding: 8px 20px;
  border-radius: 21px !important;
  margin: 0px 6px;
}
.quote-left {
  position: relative;
}
.rel{
  padding: 0px;
}
.quote-right {
  position: relative;
  left: 0px;
  bottom: 0px;
  text-align: right;
}
.tab-content p{
  font-size: 16px;
  text-align: left;
}
.tab-button .nav-link br {
  display: none;
}
.tab-button .nav-link {
  border: solid 2px #001637 !important;
  border-radius: 4px;
  font-size: 16px;
  margin: 2px 0px;
}
.title-section h2 {
  font-size: 28px;
  color: #FFF;
  text-align: center;
  font-weight: 600;
  line-height: 34px;
}
.title-section h2 br {
  display: none;
}
.digital {
  margin: 10px;
}
.digital-des p {
  font-size: 15px;
  color: #FFF;
  line-height: 24px;
  text-align: justify;
  margin-top: 40px;
  font-weight: 400;
}
.business-title h2 br {
  display: none;
}
.business-title h2 {
  font-size: 24px;
  color: #001637;
  line-height: 34px;
  text-align: left;
  font-weight: 600;
}
.business-des-last p{
  text-align: justify;
}
.digital-convergence-info h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
  color: #001637;
  text-align: left;
  margin-top: 20px;
}
.our-brant-title h2 {
  font-size: 28px;
  color: #001637;
  font-weight: 600;
}
.tradition-content h2 {
  font-size: 28px;
  font-weight: 500;
  line-height: 33px;
}
.tradition-content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  color: #fff;
  margin: 10px 0px;
  text-align: justify;
}
.tradition-content a{
  font-size: 16px;
}
.client-title h2 {
  font-size: 28px !important;
  line-height: 28px;
}
.client-title {
  margin: 8px 0px 20px 0px;
}
.info-people {
  padding: 18px;
}




/******Product******/

.product-banner {
  height: 450px;
}
.product-title h1 {
  font-size: 45px;
  font-weight: 400;
  line-height: 55px;
}



/****Beer Library****/

.beer-library-title h1 {
  font-size: 45px;
  font-weight: 400;
  line-height: 55px;
}

.library-image img {
  padding: 0px 0px 10px 0px;
}


/*****Contact-us*****/
.contact-us {
  padding: 20px 0px;
}
.banner-title{
  width: 100%;
}
.contact-title h1 {
  font-size: 44px;
  font-weight: 400;
  line-height: 46px;
}
.contact-text h2 {
  font-size: 28px;
  font-weight: 400;
  line-height: 28px;
}
.contact-text {
  padding-right: 0rem;
}
.contact-text p span{
  text-align: justify;
}
.contact-text .spacing{
  padding: 0px;
}
.contact-form {
  padding: 10px;
}

.contact-text p{
  text-align: justify;
}
.submit-btn input{
  height: 38px;
}

/*Services*/


.service-offer {
  padding: 20px 0px;
}
.offer-info {
  padding: 0px 1em;
}
.offer-info h3 {
  font-size: 42px;
  line-height: 42px;
}
.offer-info h2 {
  font-size: 33px;
  line-height: 47px;
}
.offer-info p{
  line-height: 26px;
  margin-top: 16px;
}
.ffer-img img {
  height: auto;
}

.custom-glass-solution {
  padding: 5px 0px;
}
.instalation {
  padding: 6px 0px;
}
.title-solution h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.solution-description p {
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
  color: #000;
  width: 150px;
}
.solution-description {
  padding: 20px;
}
.title-instalation h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
} 

.instalation-description {
  padding: 20px;
}
.instalation-description p {
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
  color: #000;
  text-align: right;
  width: 150px;
  margin-left: auto;
}
.choose-title h2 {
  font-size: 28px;
  font-weight: 500;
  line-height: 28px;
}
.technician-image h3{
  font-size: 28px;
  line-height: 32px;
}

.technician-image {
  margin: 10px 0px;
}
.clearHeader .call-us-btn {
  color: #fff !important;
}








.tabbar {
  margin-top: 0px;
}
.tabbar ul{
  margin: 0px;
  padding: 0px;
}
.tabbar ul li{
  margin: 8px 0px !important;
  flex: 0 0 50%;
}
.tabbar ul li button {
  padding: 8px 15px;
  border: solid 1px rgba(255, 204, 214, 1) !important;
/*  margin: 10px 14px;*/
  border-radius: 20px !important;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
.tabbar ul li button{
  margin: 0px !important;
}

.project-info {
  margin-top: 20px;
}
.project-info h3 {
  font-size: 18px;
  letter-spacing: 3px;
}
.project-info h2 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
  margin-top: 0px;
}
.project-info p{
  line-height: 28px;
}

.project-item{
  padding: 0px;
}
.projects-slick .slick-prev.slick-arrow{
  bottom: 0;
  left: 32% !important;
  top: inherit !important;
  z-index: 99;
}
.projects-slick .slick-next.slick-arrow{
  bottom: 0;
  top: inherit;
  right: 38% !important;
}
.project-details {
  padding: 0px;
  top: ;
  margin-top: 20px;
  padding-bottom: 45px;
}
.project-details p {
  font-size: 15px;
  margin-top: 7px;
  text-align: justify;
}

/*Product*/
.heading-products h2 {
  font-size: 28px;
  line-height: 30px;
}
.product-info {
  margin-top: 20px;
}
.product-info h3{
  font-size: 18px;
  letter-spacing: 3px;
}
.product-info h2 {
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 1.5px;
  margin: 10px 0px 18px 0px;
}
.product-info li {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.row:nth-child(2n) {
  flex-direction: row-reverse;
  margin-top: 20px;
  margin-bottom: 20px;
}








}



@media (min-width: 1000px) and (max-width: 1360px) {
  .banner-title h1 {
    letter-spacing: 0px;
    font-size: px !important;
  }
}