@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: Outfit-Black;
  src:url(../font/Outfit-Black.ttf);
}
@font-face {
  font-family: Outfit-Bold;
  src:url(../font/Outfit-Bold.ttf);
}
@font-face {
  font-family: Outfit-Light;
  src:url(../font/Outfit-Light.ttf);
}
@font-face {
  font-family: Outfit-SemiBold;
  src:url(../font/Outfit-SemiBold.ttf);
}



*{ margin: 0px; padding: 0px;} 
body,html{margin: 0;padding: 0; font: 18px/30px Outfit-Light; color: #313030;  scrollbar-color: #000 #fff;scrollbar-width: thin; overflow: visible !important; scroll-behavior: smooth;}
*,
:after,
:before { box-sizing: border-box}
.clearfix:after,
.clearfix:before { content: ''; display: table}
.clearfix:after { clear: both; display: block}
.clearfix{ clear: both;}


::-webkit-scrollbar {height: 12px; width: 6px; background: #fff;}
::-webkit-scrollbar-thumb { background: #000; -webkit-border-radius: 1ex; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}
::-webkit-scrollbar-corner { background: #fff;}



ul{list-style:none;margin: 0;	padding: 0;}
a, a:hover, a.active, a:active, a:visited, a:focus{color:#ff0000;text-decoration:none;}
h2{ font-size: 40px;line-height: auto;  font-family: Outfit-Bold;}
h3{ font-size: 32px; line-height: auto; font-family: Outfit-Bold;}
h4{ font-size: 26px; line-height: auto; font-family: Outfit-Bold;}
.p-0{ padding: 0 !important;}
.m-0{ margin: 0 !important;}
.p-l-0{ padding-left: 0;}
.p-r-0{ padding-right: 0;}
.mt-35{ margin-top: 35px !important;}
.mt-60{ margin-top: 60px !important;}
.mb-60{ margin-bottom: 60px !important;}
.p-t-100{ padding-top: 100px;}

.sec-h-100{ height: 100px;}

.sec-0{ overflow: hidden;}
.sec-100{ width: 100%; padding: 100px 0; overflow: hidden;}
.sec-50{ width: 100%; padding: 50px 0; overflow: hidden;}
.sec-top-100{ width: 100%; padding-top: 100px; overflow: hidden;}
.sec-btm-100{width: 100%; padding-bottom: 100px; overflow: hidden;}
.sec-btm-40{width: 100%; padding-bottom: 40px; overflow: hidden;}
.bodyimg img{ width: 100%;}
.grey-bg{ background: #ececec;}
/* .black-bg{ background: #202020;}
.red-bg{ background: #e72028;} */

.prd-bg{ background: #f9f9f9;}

.black-bg{ padding: 0;}
.red-bg{ padding: 0;}
.black-bg .p-all-50 { padding: 0;}
.red-bg .p-all-50 { padding: 0;}

.equaldiv-prd{ display: flex; align-items: center;}

.black-bg .product-list h3{ right: 0;}

.flexirow { display: flex; justify-content: left; align-items: center; margin-bottom: 0;}
.equaldiv{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;}

.sec-160{ width: 100%; padding: 160px 0; overflow: hidden;}

.float-right{ float: right;}
/*-------------- Without Menu Logo Bar----------------*/
.logo-bx{ position: absolute; top: 10px;}
/*-------- Menu Bar-----------------*/
.menubar{padding: 0; width: 100%; position: relative;  z-index: 9; padding: 0; background: #fff;}
.inner-menu-bar{background:#000; padding: 0; width: 100%; height: 75px; color: #fff; margin: 0 auto; width: 100%;}
.contactbar{ padding: 15px; background: transparent;  position: absolute;  right: 0;  width: 208px;  top: -2px;  height: 83px; text-align: center;
  color: #fff;display: flex; align-items: center; align-content: center; padding-left: 1%; font-family: Outfit-Bold;}
/* .contactbar a{ color: #fff;}
.contactbar a:hover{ text-decoration: underline;} */
/*.contactbar:hover{ background: #000; color: #fff;}*/
/*.contactbar:active{ background: #000; color: #fff;}*/
/*.contactbar:focus{ background: #e60100; color: #fff;}*/
.contactbar li a .fa{margin: 0 8px;  background: #2e2e2e;  border-radius: 100%; line-height: 41px;  padding: 0;  width: 41px;  height: 41px; text-align: center; z-index: 1; color: #fff; font-size: 17px;}
.ft-socialbar li a .fa{margin: 0 8px;  background: #2e2e2e;  border-radius: 100%; line-height: 41px;  padding: 0;  width: 41px;  height: 41px; text-align: center; z-index: 1; color: #fff; font-size: 17px;} li a .fa{margin: 0 8px;  background: #2e2e2e;  border-radius: 100%; line-height: 41px;  padding: 0;  width: 41px;  height: 41px; text-align: center; z-index: 1; color: #fff; font-size: 17px;}
.ft-socialbar li{float: left;}
.contactbar .fa{ font-size: 24px; margin-right: 8px;}
ul.ft-socialbar {  float: right;  width: auto;  margin-top: 0;    margin-bottom: 0;position: absolute;
  bottom: 130px;
  right: 50px;}
.menuactive {color: #e60100 !important; }

.activecolor {color: #e60100 !important; }
/* 
 .fa{ color: #e60100;background: #fff;} */

ul.ft-socialbar li a.facebook:hover .fa{ color: #3b5998;background: #fff;}
ul.ft-socialbar li a.youtube:hover .fa{ color: #FF0000;background: #fff;}
ul.ft-socialbar li a.linkedin:hover .fa{ color: #0077b5;background: #fff;}



.exo-menu li.active ul li a {color: #000 !important; font: 16px/30px Outfit-Light !important;}
.contactbhm{ margin: 0 15px;}

.sticky{ position: fixed; width: 100%; top: 0; z-index: 999;background: #ececec;}
.sticky-menu{ position: fixed; width: 100%; top:0; z-index: 999;transition:all 0.5s ease 0s; background: #e2cdf5; padding: 0;}
.stikybar{ display: none;}
.sticky-menu .nonstikybar{ display: none !important;}
.sticky-menu .stikybar{ display: block !important;}
/* .sticky-menu .exo-menu > li > a{color: #000;}
.sticky-menu .exo-menu > li > a:hover{ color: #e60100;} */

/* --------- Banner ---------  */
.p-100{ padding: 0 150px;}
.bannerbox{ padding-bottom: 35px; text-align: left; /* margin-bottom: -11px; */ background: #fff;}
.banner-slider{ position: relative;}
.banner-caption{ position: absolute; bottom:0%; width: auto; left: 49%; }
.banner-caption h1{  font-family:Outfit-Black;font-size: 60px; color: #ffff; line-height: auto; margin-bottom: 35px; }
.banner-caption p{ color: #fff; margin-bottom: 35px; font-size: 18px;}
.banner-caption .readmore{  padding: 10px 25px; display: inline-block;  width: auto; background: #e60100;  color: #fff; }
.banner-caption .readmore:hover{ background: #fff; color: #e60100;}

.bannerbox .homebanner{ display: flex; flex-direction: column;height: auto;}
.banner-slider .owl-nav{ position: absolute; bottom: 0px; right: 10%;}
.banner-slider .owl-dots{ position: absolute; bottom: 10px; right: 47%;}
.banner-slider .owl-dots{ position: absolute; bottom: 10px; right: 47%;}
.banner-slider .owl-nav .nav-btn{border: 2px solid #fff; width: 45px; font-size: 38px; color: #fff; margin-right: 2px;}
.banner-slider .owl-nav .nav-btn:hover{ background: #fff; color: #000;}

 /*video {*/
 /*      height: 90vh;*/
 /*   width: 100%;*/
 /*   object-fit: cover;*/
 /*   }*/
    
     video {
       display: table;  
    width: 100%;
    }

/*.bannerovelay{ background: rgba(0,0,0,0.5); position: absolute; left: 0; right: 0 ; top: 0; bottom: 0; height: 100%; width: 100%;}*/
.bannerovelay{ position: absolute; left: 0; right: 0 ; top: 0; bottom: 0; height: 100%; width: 100%;}
.table-display{display: table-cell;}
/* ------------ Welcome Section--------------- */
.welcomebg{ background: #fff; height: 100%; color: #272727; padding: 0 10%;}
.welcomeimg{ height: 100%;}
.welcomeimg img{ width: 100%; height: 100%;}
.welcome-content h2{ font-size: 50px; line-height: 60px; margin-bottom: 35px; color: #272727;  }


.readmore-red{ color: #fff !important; background: #484748; border: 0; padding: 10px 25px; text-align: center;display: inline-block; }
.readmore-red:hover{ background: #fff; color: #e60100 !important;  }

.readmore-white{ color: #fff !important;}
.readmore-white:hover{ color: #3eabd2 !important;}

.readmore-black{ color: #fff !important; background: #272727; border: 0; padding: 10px 25px; text-align: center;display: inline-block; }
.readmore-black:hover{ background: #e60100; color: #fff !important;  }




/* ------- Common Heading -------------------- */
.heading{ margin-bottom: 30px;position: relative; }
.heading h2{ font-size: 50px; color: #3c3c3c; margin-top: 0; margin-bottom: 25px; position: relative; line-height: 60px; }
/* .heading h2 span{ background: #ff0000; width: 10px; height: 10px; position: absolute; bottom: 5px; margin-left: 10px; } */

.heading h2 span{ color: #e60100; }


.heading p{ margin-bottom: 25px;}
.heading-white{ margin-bottom: 70px;position: relative; }
.heading-white h2{ font-size: 45px; color: #fff; margin-bottom: 25px; margin-top: 0; }
.heading-white p{ color: #ffff; }




/* --------------- SIngle Page -------------------- */
.sec-address {background: #484748;color: #fff;}

.enquirybox{ padding: 100px 80px; background: #e2cdf5;}
.contactbxhm{ padding: 100px 80px;}
.hmqcontact{ padding: 100px 80px;}
.cont-icon{min-height: 65px;display: inline-flex;width: 100%;align-items: center;line-height: 24px;}
.cont-icon i{ float: left; margin: 0 8px 0 0;  background: #fff;
  border-radius: 100%; line-height: 41px; padding: 0; width: 41px; height: 41px; text-align: center;
  z-index: 1;color: #e60100; font-size: 17px;}
/* .cont-icon .fa-map-marker{ width: 48px;}   */



.res-video-box{ margin-top: 60px; margin-bottom: 50px; border-bottom: 1px solid #dbdbdb;  padding-bottom: 15px; position: relative; overflow: hidden;}
.res-video-box .img100{ margin-bottom: 15px; overflow: hidden;}
.res-video-box a{ color: #3c3c3c; font-size: 20px; display: inline-block;}
.res-video-box a:hover{ color: #e60100;}
.res-video-box .videoicon{ position: absolute;top: 30%; left: 0;right: 0; margin: 0 auto; width: 48px;height: 48px;
  border-radius: 50%; text-align: center;}
.res-video-box .videoicon i{ width: 100%;font-size: 32px; color: #fff;}
.res-video-box a:hover i{  color: #e60100;}

.res-video-box img{  transition: 0.3s; height: 250px !important; object-fit: cover;}
.res-video-box a:hover img{   transform: scale(1.1);}
.p-all-50{ padding: 30px 50px;}
.scrolltop{ scroll-margin-top:80px ;}
.brandlogo{ padding: 0 15px;}
.branddescrip{ padding: 15px;}
/* ---------- Product Section ------------------ */


/* -------------- application ----------------- */

.media-slider .owl-nav{ text-align: center; margin-top: 10px; padding-right: 3%;}
.media-slider .prev-slide{ background: url('../images/prd-prev.png'); width: 60px; height: 40px; margin-right: 5px;background-size: 45px; background-repeat: no-repeat;}
.media-slider .next-slide{ background: url('../images/prd-next.png'); width: 60px; height: 40px;background-size: 45px; background-repeat: no-repeat;}

/* ------ Products --------------- */
.product-box{ position: relative;}
.product-caption{ position: absolute; bottom: 8%; color: #fff; left: 5%;}
.product-caption h3{ color: #fff; font-size: 24px;}
/* .product-slider .owl-nav{ text-align: right; margin-top: 25px; padding-right: 25%;}
.product-slider .prev-slide{ background: url('../images/prd-prev.png');width: 60px; height: 65px; margin-right: 30px;}
.product-slider .next-slide{ background: url('../images/prd-next.png'); width: 60px; height: 65px;} */

.product-slider .owl-dots { width: 100%; text-align: center; position: absolute;z-index: 99; bottom: 15px; }
.product-slider .owl-dots .owl-dot { background: #c6c6c6 !important;  width: 12px;   height: 12px;  border-radius: 50%;  margin: 5px;  }
.product-slider .owl-dots .active { background: #ff9695  !important; }


.product-slider .owl-nav{ text-align: center; margin-top: 10px; position: absolute; bottom: 32px; width: 100%;}
.product-slider .prev-slide{ background: url('../images/prd_prev_arrow.png'); width: 32px; height: 32px;
    background-repeat: no-repeat; position: absolute; left: 15px;}
.product-slider .next-slide{ background: url('../images/prd_next_arrow.png'); width: 32px; height: 32px; background-repeat: no-repeat; position: absolute; right: 15px;}

/* --------------------OEM --------------------*/
.oembox{ padding-left: 150px;}
.oemitem{ text-align: center;}
.oemitem img{ width: 100%; padding: 15px; margin-bottom: 25px;box-shadow: 2px 4px 8px #e3e3e3;}

/* ------------------------ Testimonial--------------- */
.testibox{ text-align: center;}
.testi-item{ padding: 5% 15%;}
.testi-item span{ color: #e60100; font-size: 14px; }
.testimonial-slider .owl-nav{ position: absolute;  top:18%;  width: 100%;}
.testimonial-slider .prev-slide{ background: url('../images/prd-prev.png'); width: 80px; height: 65px; position: absolute; left: -45px;
  top: 0;}
.testimonial-slider .next-slide{ background: url('../images/prd-next.png'); width: 80px; height: 65px; position: absolute; right: -45px;
  top: 0;}

/* -------------- Client ------------------- */
.client-slider{ margin-top: 60px;}
.client-item{ text-align: center; padding: 25px;}
.client-item img{ width: auto !important; margin: 0 auto; filter: #ccc;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.5;}

  .client-item img:hover{ opacity: 1; filter: none;}
/* ----------- Footer------------------- */
.footer { padding: 55px 50px 10px;   background:#272727;   color: #fff; font-size: 15px;} 
.footer .container{ position: relative;}
.foot-about{ margin-top: 25px;  padding-right: 120px;}
.foot-link{font-size: 24px;}
.foot-link h3{ color: #fff;font-family:  Outfit-SemiBold; position: relative; margin-bottom: 25px; font-size: 20px;}
.foot-link ul{margin-top: 25px; padding: 0; }
.foot-link li{ font-size: 16px; margin-bottom: 0px; position: relative; list-style-type: none; float: left; width: 100%;
  padding: 0 12px;  width: 50%; float: left;background: url('../images/footermenu.png'); background-repeat: no-repeat; background-position: 0;}
.foot-link li a{color: #fff;transition: 0.3s; }
.foot-link li a:hover{ color: #ff0000; padding-left: 5px; transition: 0.3s;}
.footlogoa{ color: #fff !important; font-weight: bold;}
.contact-link h3{ color: #fff;font-family:  Outfit-SemiBold; position: relative; margin-bottom: 25px; font-size: 20px;}

.contact-link ul{ margin-left:0}
.contact-link li{list-style-type: none !important;}
.contact-link li a{ color: #fff;}
.contact-link li .fa{ margin-right: 10px;}
.contact-link li a:hover{ color: #ff0000;}
.contact-link li strong{ font-weight: 500;}
.copyright {    font-size: 15px; text-align: center;}
.copyright a{ color: #fff;}
.copyright a:hover{ text-decoration: underline;}
.copyright-text{ color: #fff; padding-top: 10px; font-size: 16px;}
.copyrightbar{  background: #282828; padding:35px 0 10px;  color: #fff;}
.copyright ul li{ display: inline-block; padding: 0 15px;}


/* ------------------------ Inner Pages ---------------- */
.page-title{padding: 167px 0; position: relative; background-position: center;  background-size: cover;  text-transform: capitalize;}
.page-title .overlay { background: rgb(0 0 0 / 32%);  position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;}
.page-title h1 {     font-family: Outfit-SemiBold; font-size: 50px;  margin: 0;  color: #fff;  text-transform: uppercase;  position: relative; top: 112px;}



.qcntact .form-group{ padding: 10px 0;}
.qcntact .form-control{ height: 50px; border-radius:0 ; box-shadow: none; border: 1px solid #dbd8d8;}
.qcntact textarea{ height: 80px !important; width: 100%;resize: none;  display:block;}


#custom-button { padding: 10px; color: #fff; border: 0; border-right: 1px solid #ccc; border-radius: 0; cursor: pointer;  background: #000;  border-bottom: 0;}
#custom-button:hover{ background: #e60100; color: #fff;}
#custom-text { margin-left: 10px; color: #000; font-weight: 500;}
.mainbrowse { display: none !important;}
.qcntact .fieldWrap{ margin-top: 10px; text-align: left;}
.borderfull { border: 1px solid #cccccc; padding: 0 !important; margin-top: 10px;}
.wpcf7-form-control-wrap { position: relative;}

.wpcf7-response-output{ float: left;}
/* .elementor-78 .elementor-element.elementor-element-5a02c9a > .elementor-widget-container{ float: left;} */
.elementor-icon-box-description a{ color: #fff;}

/* ---------------------- Case Studies ------------------------ */

.case-box{ margin-bottom: 30px; position: relative; height: 435px; overflow: hidden;border-radius: 10px;}
.case-box img:after { content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 300px;  background: linear-gradient(180deg, rgba(0,0,0,0), black);}
.case-box img{ width: 100%; height: 100%; transition: transform .5s; border-radius: 10px;object-fit: cover;}
.case-box h3{ position: absolute;  bottom: 30px;  right: 10%;  padding: 10px 20px;}

.case-overlay{position: absolute; bottom: 0; left: 0;  right: 0;  background: rgba(0, 0, 0, 0.3);  overflow: hidden;  width: 100%;  height: 0;  transition: .5s ease;}
.casecontent{ color: #fff;top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);
  position: absolute;width: 100%;  padding: 5%; text-align: center; line-height: 24px;}
.casecontent img{ width: auto;}
.case-box:hover .case-overlay{height: 100%;}
.case-box h4{ font-family: Outfit-SemiBold; font-size: 22px;}
.case-box:hover h3{ display: none;}

/* ------------------- Blog ----------------------------- */
.blog-post{background: #f9f9f9; padding: 10px;}
.blogimg img{ width: 100%;}
.blog-date{position: absolute; right: 25px; top: 10px;  background: #e60100;  color: #fff;  font-size: 24px;  padding: 10px 25px;}
.blog-post h3{ font-family: Outfit-SemiBold;}
.blog-slim-banner{ background: #fff; padding: 125px 0 0 0;}
.hmqcontact h4{margin-bottom: 38px;}
/* ---------------- Product Page------------- */
.brand-img img{ width: 100%;}
.product-list-img img{ width: 100%;}
.product-list h3{
  font-family: Outfit-Light; 
  /* position: absolute;    */
  font-size: 18px;
  text-align: center;
  color: #fff;
  bottom: 0;
  background: #3a3a3a;
  /* background: rgba(0,0,0,0.7); */
padding: 15px;
  left: 0;
right: 0;
margin: 0;
}
.prdcaption

/* .product-list h3:after{ content: ""; width: 60px; height: 4px; background: #e60100; position: absolute; bottom: 5px; margin-left: 20px; } */
.product-list ul{ margin-left: 25px;}
.product-list ul li{ list-style-type: square; } 
.p-l-100{ padding-left: 100px;}
.p-r-100{ padding-right: 100px;}
.mb-150{ margin-bottom: 150px;}
.p-l-50{ padding-left: 50px;}
.p-r-50{ padding-right: 50px;}

.mt-150{ margin-top: 150px;}

.prdlistbox{ padding: 0;}


/* ------------------- Back To Top ----------------------- */
#bac_to_top {color: #fff; width: 50px;  height: 50px;  text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    background: #e60100;}
#bac_to_top::after { content: "\f077";  font-family: FontAwesome;  font-weight: normal; font-style: normal; font-size: 2em;  line-height: 50px; }
#bac_to_top:hover { cursor: pointer; color: #e60100 !important;}
#bac_to_top:active { color: #e60100;}
#bac_to_top.show { opacity: 1;  visibility: visible;}



.hidden-lg{ display: none;}
.hidden-desk{ display: none;}
.timelineitem h3{color: #e60100}

.pdt-150{ padding-top: 150px;}
.prdlist {  margin: 0 15px; scroll-margin-top: 150px;}
#enquirynow{ scroll-margin-top: 80px;}

.owl-carousel.banner-slider .owl-dots button, .banner-slider.owl-carousel .owl-dots button {
    
  height: 10px;
  width: 10px;
  background: #111;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: 5px;
  display: inline-block;
}
.owl-carousel.banner-slider .owl-dots button.active, .banner-slider.owl-carousel .owl-dots button.active {
  height: 10px;
  width: 10px;
  background: #fff;
  border-radius: 50%;
  margin: 5px;
  display: inline-block;
}


.hidden-banner{ display: block;}
.hidden-banner-desk{ display: none;}

@media screen and (min-width: 1376px){
  .container{ width: 1300px;}
  .exo-menu{margin-right: auto; margin-left: auto;  max-width: 1300px; padding-right: 10%;}
  

  .elementor-section.elementor-section-boxed > .elementor-container{  max-width: 1300px;}
  
}
@media(max-width: 1400px) {
  .exo-menu{margin-right: auto; margin-left: auto; 
     /* max-width: 1170px; */
      padding-right: 21%;}

  .contactbar{ font-size: 14px; width: 215px;}
   video {
       height: auto;
    width: 100%;
    object-fit: cover;
    
    }
    
    /*.welcome-content h2{ font-size: 35px; line-height: 40px; margin-bottom: 15px; color: #272727;  }*/
    /*.welcomebg {background: #ececec; height: 383px;  color: #272727;  padding: 5% 10%;}*/
    .table-display{display: table-cell;}
/* ------------ Welcome Section--------------- */
.welcomebg{ background: #fff; height: 100%; color: #272727; padding: 0% 10%;}
.welcomeimg{ height: 100%;}
.welcomeimg img{ width: 100%; height: 100%;}
.welcome-content h2{ font-size: 50px; line-height: 60px; margin-bottom: 35px; color: #272727;  }
    

}
@media(max-width: 1024px) {
  
  .hidden-lg{ display: block;}
  .hidden-xs{ display: none;}
  .exo-menu{margin-right: auto; margin-left: auto;  max-width: auto;}
  .navbar{ display: block;}
  .logo-bx{ position: relative; top: 0; padding: 20px 0;}
  .contactbar{ display: none;}
  .exo-menu{ display: none;}
  .banner-caption{ bottom: 20%;}
  .banner-caption h1{ font-size: 48px;}
  .welcome-content br{ display: none;}
 
  .heading p br{display: none;}
  .heading-white p br{display: none;}
  .infra-box{ height: auto;}
  .banner-slider .owl-dots{ bottom: 5%;right: 0%; left: 0; text-align: center;}

  .heading-white h2 { font-size: 42px; line-height: 100%;}
  .heading h2 { font-size: 42px; line-height: 100%;}
  .copyrightbar{ padding: 15px 0;}
  .prdmenuimgbx { border: 0;}
  .prdmenuimgbx ul li{ width: 47%; padding-right: 1%;}
  .prdmenuimgbx ul li img{ width: 100%;}

  .mt-150{ margin-top: 60px;}
  .pdt-150{ padding-top: 60px;}
  .mb-150 { margin-bottom: 60px;}
  /*video {height: 45vh; width: 85%;}*/
  .equaldiv{display: block;}
  .prdlist { margin: 25px 15px;}
  .equaldiv-prd{ display: block;}
 
}
@media(max-width: 880px) {
  .bannerbox {padding-bottom: 0;    padding-top: 0;}
  .hidden-xs{ display: none;}
  .hidden-banner{ display: block;}
  .hidden-banner-desk{ display: none;}
/*.menubar {background: rgb(0 0 0);}*/
  .flexirow{ display: block;}
  .navbar{ display: block;} 
  .welcomebox p{ margin-bottom: 50px;}
  .equaldiv{ display: block;}
  .prdlist { margin: 15px ;}
  .copyright { padding: 5px 25px; text-align: center;}
  .heading h2 { font-size: 38px;}
  .welcome-heading h2{ font-size: 38px;}
  .heading-white h2 { font-size: 38px;}
  .heading-blue h2 { font-size: 38px;}
  .res-video-box img{ height: auto !important;}

  .sec-100{ padding: 50px 0;}
  .copyright{ text-align: center;}
 
  .heading{ margin-bottom: 30px;}
  .heading-white{ margin-bottom: 30px;}
  .banner-caption {width: 100%; top: 23%; left: 5%; background: none;  }
  .banner-caption h1{ font-size: 24px; color: #fff; padding: 0; margin-top: 30px; margin-bottom: 10px; font-family: Outfit-SemiBold;}
  .banner-caption p br{ display: none;}


  .foot-about{ padding: 0;}
  .sec-160{background-position: 78% 28% !important; padding: 80px 0;}

  .foot-link h3{ margin-bottom: 25px;}
  .contact-link h3{ float: left; width: 100%;}



  .equaldiv{ display: block;}
  .welcomebg{ padding:55px 15px;}
  .welcome-content h2{ font-size: 32px; line-height: 45px; margin-top: 0;}
  .testi-item{ padding: 0;padding-top: 25px;}

  .p-l-100{ padding: 0; padding-top: 25px;}
  .p-r-100{ padding: 0; padding-top: 25px; }
  .brandheding h2{ font-size: 28px;}

  .mb-100 {  margin-bottom: 60px;  }
  .about-company .tab-pane .bdleft{ border: 0; padding: 0; margin-top: 20px;}

  .mt-150{ margin-top: 40px;}
  .pdt-150{ padding-top: 40px;}
  .sec-top-100{ padding-top: 50px;}
  .whyus ul li img{ float: none; margin-bottom: 25px;}
  .whyus ul li p{ width: 100%;}
  .mb-150 { margin-bottom: 40px;}
  .brandlogonm{height: auto;}
  .page-title h1{ font-size: 32px;}
  
  
}
@media(max-width: 680px) {
  .hidden-banner-desk{ display: block;}
  .hidden-banner{ display: none;}
  .hidden-desk{ display: block;}
  .footcontactdtl{ width: 100%; float: left;}
  .logo-bx img{ width: 25%;}
  .carrerbox{ padding-left: 0;}
  .heading{ margin-bottom: 20px;}
  .heading-white{ margin-bottom: 20px;}
  .heading-blue{ margin-bottom: 20px;}
  .heading h2{ font-size: 32px; }
  .heading-white h2{ font-size: 32px;}
  .heading-blue h2{ font-size: 32px;}
  .welcomebox p{ font-size: 15px; line-height: 26px;}  
  .foot-link li{ font-size: 15px;}
  .foot-link ul{ margin-top: 0;}
  .footer{ padding: 55px 15px;}
  /*.bannerbox{ height: 288px !important;}*/
  .bannerbox video{height: 100% !important;width: 100%;}
  .contact-link li{width: 100%;}
  .calcualtor .nav-tabs > li{width: 100%;    margin-bottom: 8px;}
  .calcualtor ul li a{ width: 100%;} 
  .application-item p br{ display: none;}
  .application-slider .owl-nav {padding-right: 25%;}
  .downloadbrand a{ display: block; float: none; text-align: center; margin: 0 25px; border: 1px solid #fcc;}
  ul.ft-socialbar{ bottom: 50px;}
  .hmqcontact { padding: 10% 5% 22% 5%;}
  .ft-socialbar li a .fa {margin: 15px 8px 0 0;}
  .copyrightbar {padding: 35px 0 25px 0; text-align: center;}
  .p-l-50{ padding-left: 0 !important;}
  .p-r-50{ padding-left: 0 !important;}
  .prdlistbox{ padding: 0;}
  .p-all-50{ padding: 25px 0;}
  .prdlist { margin: 15px;}
  .product-slider .owl-dots{ position: relative;}
  .enquirybox { padding: 25px 5%;}
  .media-slider .owl-nav {text-align: center; margin-top: 10px; padding-right: 3%; position: absolute; bottom: -30px;; left: 0; right: 0;}
   
}
@media(max-width: 580px) {
  .logo-bx img{ width: 40%;}
  .top-bar .topleft{ padding-top: 10px;}
  .top-bar .topleft .nice-select{ float: right;}
  .top-bar .topright{ margin-bottom: 15px;}
  .top-bar .topright li{border: 1px solid #d9d9d9;}

  /* .cont-icon .fa-map-marker{ width: 50px !important;} */
  .cont-icon{ display: block;} 
  .cont-icon br{ display: none;}
  .brandlogo{ text-align: center;}
  .branddescrip{ text-align: center;}
}