@import url("slid-tab.css");
@import url("slid-tab-top.css");
@import url("v3product-chair.css");
@import url("v3team.css");
@import url("v3contact.css");
@import url("product-slideV3.css");
@import url("blog.css");
@import url("blog-inner.css");

.card { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.desktop-s-h { display: block }
.mobile-s-h { display: none }
.navbar-expand-md .navbar-nav .dropdown-menu { position: absolute !important; }
.margin-t-b { margin: 50px 0%; display: table; width: 100%; }
.padding-t-b { margin: 5% 0%; display: table; width: 100%; }
.p-left-2 { padding-left: 2% }
.p-right-2 { padding-right: 2% !important }
.navbar-expand-md .navbar-nav .dropdown-menu { position: absolute !important; }
.navbar-toggler { background-color: #000; }
.navbar-light { padding: .0rem 1rem; }
.navbar-dark .navbar-toggler { z-index: 2 }
#navbarSupportedContent ul { width: 100%; margin: 40px auto; text-align: center; }
#navbarSupportedContent ul li { border-bottom: 1px solid #000; border-image: linear-gradient(90deg, #fff, #000, #000, #fff) 6; }
#navbarSupportedContent ul li:last-child { border-bottom: 0px; margin-top: 15px }
.desktop .linkdesk { padding: 0px 20px; }
.logo { position: absolute; z-index: 1; top: 15px; left: 10%; }
.logo img { width: 60%; }
.desktop button { background-color: #000; color: #fff; border: 0px none; font-size: 14px; border-radius: 30px; padding: 6px 20px; outline: none; }
.desktop .enquire-now-btn { margin-left: 40px; }
.bg-dark { background-color: #ffffff !important; -webkit-box-shadow: 0px 10px 25px -8px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 10px 25px -8px rgba(0, 0, 0, 0.20); box-shadow: 0px 10px 25px -8px rgba(0, 0, 0, 0.20); }
.navbar-dark .navbar-nav .nav-link { color: #000; }
.devider { color: #d7d7d7; }
.desktop { align-items: center; z-index: 2 }
#footer { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #f7f9f8; }
#footer .copyright { position: relative; background-color: #000; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; padding: 20px; font-size: 12px; width: 100%; }

#return-to-top { position: absolute; bottom: calc(100% + 4px); right: 10px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 40px; height: 40px; display: none; text-decoration: none; -webkit-border-radius: 35px;  -moz-border-radius: 35px; border-radius: 35px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top i { color: #fff; margin: 0; position: relative; left: 0; top: 9px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
#return-to-top:hover { background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i { color: #fff; top: 5px;}



#footer .subs-div { width: 100%; padding: 40px 0; display: flex; align-items: center; justify-content: space-between; background-color: #f7f9f8; flex-direction: row; }
#footer .subs-div img { padding-right: 30px; }
#footer .subs-div .form-submdiv { width: 30% }
#footer .subs-div p { font-size: 14px; color: #999999; font-family: 'hind_siliguri_lightregular'; margin-bottom: 0; }
#footer .subs-div h3 { font-size: 18px; color: #000000; font-family: 'hind_siliguri_mediumregular'; text-transform: uppercase; }
#footer .subs-div .text-div { display: flex; flex-direction: row; align-items: center; width: calc(50% - 30px); }
#footer .subs-div .text-div .text-div1 { display: flex; flex-direction: column; align-items: flex-start; }
#footer .subs-div form { display: flex; flex-direction: row; align-items: center; width: calc(50% - 30px); }
#footer .subs-div form .fotm-div { width: 70%; padding-right: 30px; }
#footer .subs-div input[type=submit] { margin: 0; padding: 6px 31px; text-transform: uppercase; font-size: 16px; box-shadow: 6.344px 2.958px 4px 0px rgba(0, 0, 0, 0.22);}
/* #footer .subs-div .text-div { width: 35%; margin-right: 20px; } */
#footer .subs-div input[type=text] { border-top: 0; border-right: 0; border-left: 0; border-bottom: 1px solid #000; border-radius: 0; padding: 6px 10px; background-color: transparent; }
#savePlanet { overflow: hidden;
  width: 100%;
  min-height: 800px;
  background-image: url(../images/index/tree_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  align-items: center; }
#savePlanet .card { z-index: 1; background-color: transparent; /*background-image: url(../images/index/contribute_round.png);*/ background: rgba(255,255,255,0.4); border-radius: 50%; border: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 495px; height: 495px; }
.save-planet-content p { font-size: 30px; font-weight: normal; opacity: 0.9; font-family: 'hind_siliguri_lightregular'; line-height: 1.1; margin-bottom: 0 !important;}
.save-planet-content h2 { font-size: 44px; opacity: 0.9; font-family: 'hind_siliguri_semiboldregular'; margin: 0 !important;}
.save-planet-content button b { font-family: 'hind_siliguri_mediumregular'; font-size: 14px; }

/*/////////////////////////////////////////INDEX PAGE////////////////////////////////////////*/

/*-------------------------------------------------Index page start --------------------------*/
.clock-add .tooltiptext, .frame-add .tooltiptext, .chair-add .tooltiptext, .floor-add .tooltiptext, .table-add .tooltiptext { visibility: hidden; width: 130px; font-family: 'Lato', sans-serif; font-size: 13px; text-transform: uppercase; font-weight: 600; background-color: black; color: #fff; text-align: center; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; padding: 5px 2px; position: absolute; z-index: 1; bottom: 114%; left: 50%; margin-left: -65px; }
.clock-add .tooltiptext:after, .frame-add .tooltiptext:after, .chair-add .tooltiptext:after, .floor-add .tooltiptext:after, .table-add .tooltiptext:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; }
.clock-add:hover .tooltiptext, .frame-add:hover .tooltiptext, .chair-add:hover .tooltiptext, .floor-add:hover .tooltiptext, .table-add:hover .tooltiptext { visibility: visible; }

/*.header-logo{
  top: -5px;
  left: 13%;
  z-index:99;
}*/
#navbar button, #mainBanner button, .multiple-items button { background: #000; -webkit-box-shadow: 6px 5px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 6px 5px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 6px 5px 2px 0px rgba(0, 0, 0, 0.2); font-family: 'hind_siliguri_lightregular'; }
#carbonDesign .slick-slider .slick-center button.under-line:hover { background-color: #000 !important; color: #fff !important; }
#carbonDesign .slick-slider .slick-center button.under-line { position: relative; background-color: #fff !important; padding: 13px 30px !important; }
#carbonDesign .slick-slider .slick-center button.under-line:after { content: ''; width: 61%; position: absolute; left: 25px; bottom: 1px; border-width: 0 0 1px; border-style: solid; bottom: 13px; right: 0; }
#mainBanner { width: 100%; height: 890px /*calc(100vh - 30px)*/ ; background-image: url(../images/index/banner-bg-v2.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }

/*#mainBanner button .img-div { width: 35px; margin-top: -0.05em; }*/
#mainBanner button { color: #fff !important; background: #000 !important; display: flex; align-items: center; font-family: 'hind_siliguri_mediumregular'; font-size: 14px; border-radius: 50px; padding: 0px 30px 0 3px;position: relative; overflow: hidden;  transition: all .35s ease 0s;}
#mainBanner button:after { content: ''; width: 48%; position: absolute; left: 60px; bottom: 1px; border-width: 0 0 1px; border-style: solid; bottom: 13px; right: 0;}
#mainBanner button:before{position: absolute; left: 0; top: 0; width: 0; height: 100%; content: ""; background: #fff;  transition: all .35s ease 0s;}
/* #mainBanner button:hover{ color: #000 !important;}
#mainBanner button:hover:before { width: 100%; } */
#mainBanner button h5{ position: relative; font-size: inherit; font-weight: normal; margin: 0;}
#mainBanner button span.img-div {position: relative; display: block; width: 45px; height: 45px; background: url("../images/index/play-button.png"), url("../images/index/play-button-white.png"); background-size: 0% 0%, 100% 100%; margin-right: 10px; }
/* #mainBanner button:hover  span.img-div { background-size: 100% 100%, 0 0; } */
#savePlanet button { background-color: #fff !important; border: none; position: relative; overflow: hidden;}
#savePlanet button:hover { color: #fff !important }
#savePlanet button:before{position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #000; content: "";transition: all .45s ease 0s;}
#savePlanet button:hover:before{width: 100%;}
#savePlanet button:hover b{color: #fff;}
#savePlanet button b{ position: relative;}

/************** Code BY Gaurav 2021-03-03 ****************/
#savePlanet a { background-color: #fff !important; border: none; position: relative; overflow: hidden;}
#savePlanet a:hover { color: #fff !important }
#savePlanet a:before{position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #000; content: "";transition: all .45s ease 0s;}
#savePlanet a:hover:before{width: 100%;}
#savePlanet a:hover b{color: #fff;}
#savePlanet a b{ position: relative;}

.banner-content { top: calc(50% - 145px); left: 17%; min-height: 300px; }
#mainBanner .banner-content p { color: #000; font-family: 'hind_siliguri_lightregular'; font-size: 24px; }
#mainBanner .banner-content h1 { color: #000; font-family: 'hind_siliguri_semiboldregular'; font-size: 68px; }
#mainBanner .clock-add img, #mainBanner .frame-add img, #mainBanner .chair-add img, #mainBanner .floor-add img, #mainBanner .table-add img { width: 65%; }
.clock-add { top: 33%; left: 58.5%; }
.frame-add { top: 17%; left: 77%; }
.chair-add { top: 68%; left: 80%; }
.floor-add { top: 84%; left: 68%; }
.table-add { top: 61%; left: 90%; }

/*#carbonDesign { min-height: 100vh; }*/
#carbonDesign .carbon-design-subtitle:before { content: ''; background: #000; position: absolute; width: 0; height: 1px; top: 50%; right: calc(50% + 92px); transition: all .45s ease 0s;-moz-transition: all .45s ease 0s;-webkit-transition: all .45s ease 0s;}
#carbonDesign .carbon-design-subtitle:after { content: ''; background: #000; position: absolute; width: 0; height: 1px; top: 50%; left: calc(50% + 90px); transition: all .45s ease 0s;-moz-transition: all .45s ease 0s;-webkit-transition: all .45s ease 0s;}
#carbonDesign .carbon-design-subtitle.inView:before, #carbonDesign .carbon-design-subtitle.inView:after{ width: 100px;}

#carbonFocused { width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
#carbonFocused .card, #ourAchievements .card { background: transparent; }
#carbonFocused .media span { color: #cccccc; }
#carbonFocused .media-border-bottom:before { content: ''; background: #666666; width: 90%; height: 2px; position: absolute; top: 100%; left: 5%; }
#carbonFocused .media-border-right:before { content: ''; background: #666666; width: 2px; height: 90%; position: absolute; left: 100%; top: -5%; }
#carbonFocused .media-border-right-1:before { top: auto; bottom: -5%; }
#carbonFocused h2 i { font-family: 'hind_siliguri_semiboldregular'; font-size: 30px; }
#carbonFocused h5 strong { font-family: 'hind_siliguri_mediumregular'; font-size: 18px; }
#carbonFocused .media span { font-family: 'hind_siliguri_lightregular'; font-size: 16px; margin-top: 15px !important ;}
#carbonFocused .rounded-pill b { font-family: 'hind_siliguri_mediumregular'; font-size: 14px; }
#carbonDesign h5 { font-family: 'hind_siliguri_lightregular'; font-size: 20px; color: #000; }
#carbonDesign h3 { font-family: 'hind_siliguri_mediumregular'; font-size: 30px; color: #000;/* font-style: italic;*/ }
#carbonDesign h3.protitle3 { font-family: 'hind_siliguri_semiboldregular'; font-size: 20px; font-style: italic; color: #fff; }
#carbonDesign p { font-family: 'hind_siliguri_lightregular'; font-size: 16px; color: #222; }
.ccproinner b u { font-family: 'hind_siliguri_mediumregular'; font-size: 14px; }

/*-----------------------------------Carbon Design Index Slick Carousel-----------------------------*/
#carbonDesign .ccproinner { width: 100%; float: left; text-align: center; padding: 50px 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#carbonDesign .slick-center .ccproinner { padding-top: 0; padding-bottom: 0; }
.ccproinner img { width: 100% }
#carbonDesign .paddingtb { padding-top: 6rem; padding-bottom: 5rem }
.protitle { width: 100%; float: left; margin-bottom: 10px; font-style: italic; margin-top: 20px; font-size: 30px; font-weight: 900; color: #000; font-family: 'hind_siliguri_semiboldregular'; }
.prosuptitle { width: 100%; display: inline-block; vertical-align: top; max-width: 330px; margin-bottom: 20px; font-size: 18px; font-weight: 400; color: #201e1e; line-height: 25px; font-family: 'Ubuntu', sans-serif; }
a.more-arow { display: inline-block; vertical-align: top; width: 51px; height: 51px; background: #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.slide_two { width: 194px; height: 194px; background: url(../images/index/probg.png) no-repeat; text-align: center; background-size: 100% auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.protitle2 { width: 40%; text-align: center; margin: 0 auto 12px; }
.protitle3 { width: 100%; text-align: center; font-size: 20px; font-weight: 700; color: #fff; font-style: italic; font-family: 'Ubuntu', sans-serif; }
.slick-center .slide_two { animation: slidoff 1s forwards; width: 0; height: 0; }
.slick-center .slide_one { display: inline-block; animation: slidon 1s forwards; }
@keyframes slidoff {
0% { transform: scale(1) }
100% { transform: scale(0.5) }
}
@keyframes slidon {
0% { transform: scale(0.5); }
25% { transform: scale(0.5); }
100% { transform: scale(1); }
}
.slide_one { display: none; }
.proinfo { display: none; }
.slick-center .proinfo { display: inline-block; }
.multiple-items .slick-prev { background: url(../images/index/arrow_l.png) no-repeat; background-size: 80% auto; width: 35px; height: 101px; left: -15%; top: 22%; border: 0px; background-color: transparent; box-shadow: none; color: transparent; position: absolute; outline: none; }
.multiple-items .slick-next { background: url(../images/index/arrow_r.png) no-repeat; background-size: 80% auto; width: 35px; height: 101px; right: -15%; top: 22%; border: 0px; background-color: transparent; box-shadow: none; color: transparent; position: absolute; outline: none; }
.slide_one { width: 90%; height: auto; background: #e3e3e3; text-align: center;/*display: inline-block;*/ -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.slide_one img { border-radius: 50%; }
.slide_one { animation-name: homeslide; animation-duration: 1s; animation-fill-mode: forwards; }
@keyframes homeslide {
from { width: 90%; padding: 70px }
to { width: 100%; padding: 0px }
}
#carbonFocused .we-r-focus-bg-1 { background-image: url("../images/home-we-r-focus1.jpg"); background-position: top center; background-repeat: no-repeat; /*height: 65vh;*/ display: flex; align-items: start; justify-content: center; text-align: center; background-size: cover; }
#carbonFocused .we-r-focus-bg-2 { background-image: url("../images/home-we-r-focus2.jpg"); background-position: top center; background-repeat: no-repeat; /*height: 65vh;*/ display: flex; align-items: start; justify-content: center; text-align: center; background-size: cover; }
#carbonFocused .we-r-focus-bg-3 { background-image: url("../images/home-we-r-focus3.jpg"); background-position: top center; background-repeat: no-repeat; /*height: 65vh;*/ display: flex; align-items: start; justify-content: center; text-align: center; background-size: cover; }
#carbonFocused .we-r-focus-bg-4 { background-image: url("../images/home-we-r-focus4.jpg"); background-position: top center; background-repeat: no-repeat; /*height: 65vh;*/ display: flex; align-items: start; justify-content: center; text-align: center; background-size: cover; }
#carbonFocused .we-r-focus-bg-1 .media img, #carbonFocused .we-r-focus-bg-2 .media img, #carbonFocused .we-r-focus-bg-3 .media img, #carbonFocused .we-r-focus-bg-4 .media img { margin-bottom: 30px; border: 1px solid #fff; border-radius: 50%; padding: 15px; }

/*#carbonFocused .we-r-focus-bg-1 .media .div-imag{padding: 10px; border-radius: 50%; border:1px solid #fff; }*/
#carbonFocused .media { flex-direction: column; align-items: center; margin-top: 80%; margin-bottom: 10%; }
#carbonFocused .head-text-div { z-index: 2; background-image: url("../images/bg-tramsprant.png"); }
#carbonFocused .head-text-div h2 { font-family: 'hind_siliguri_mediumregular'; font-size: 28px; color: #fff; padding: 20px 0; margin: 0; }

/*--------------------------------------------------------------------------------------------*/

/*-------------------------------------------------Index page Close --------------------------*/

/*/////////////////////////////////////////INDEX PAGE////////////////////////////////////////*/

/*///////////////////////////////////////PRODUCT INNER PAGE START////////////////////////////////////*/

/*************************  services inner head  *******************************/

.banner-bg { background-image: url("../images/pro-inner-banner.jpg"); height: calc(100vh - 95px); display: flex; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; }
.banner-bg .tiles { margin-left: 17%; }
.banner-bg .tiles img { width: 100% }
.banner-bg .bg-transprent-div { background-color: #151111; opacity: 0.8; height: 100%; position: absolute; right: 0; width: 22.9%; z-index: 0; margin-right: 14.5%; }
.banner-bg .text-div { width: 23%; background-color: transparent; padding: 120px 40px 40px 40px;/*-webkit-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.3);box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.3);*/ z-index: 1; position: absolute; right: 0; margin-right: 15%; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.banner-bg .text-div h1 { font-size: 24px; color: #fff; text-transform: uppercase; font-family: 'hind_siliguri_semiboldregular'; }
.banner-bg .text-div h1 span { display: inline-block; position: relative; }

.banner-bg .text-div h1 span:after { content: ""; position: absolute; height: 1px; top: 0; width: 0; background-color: #999999; top: 50%; margin-left: 15px; transition: all .45s ease 0s;-moz-transition: all .45s ease 0s;-webkit-transition: all .45s ease 0s;}
.banner-bg .text-div h1 span.inView:after{ width: 80px;}

.banner-bg .text-div h3 { font-size: 16px; color: #000000; font-family: 'hind_siliguri_mediumregular'; padding: 30px 0 0 0 }
.banner-bg .text-div ul { padding: 0 15px 15px 0px; margin: 15px 0 30px; list-style: none; }

/*.banner-bg .text-div ul:before { content: ""; width: 40px; height: 40px; background-image: url("../images/home-top-banner-icon.png"); background-position: center center; background-repeat: no-repeat; position: absolute; left: 8%; background-size: 100%; margin-top: 7px; }*/
.banner-bg .text-div ul li { font-size: 18px; color: #999999; font-family: 'hind_siliguriregular'; }
.banner-bg .text-div ul li .small-text { font-size: 14px; font-family: 'hind_siliguriregular'; }
.banner-bg .text-div ul li span { font-size: 16px; color: #999999; font-family: 'hind_siliguribold'; }
.banner-bg .text-div ul li span.white { color: #fff; }
.banner-bg .text-div .sub-text-head { font-size: 16px; color: #999999; font-family: 'hind_siliguriregular'; }

/*************************  services inner head close  *******************************/

/************************* services design series  *******************************/
.main-sub-title-text { font-size: 18px; color: #000; display: flex; align-items: center; text-align: center; font-family: 'hind_siliguri_lightregular'; }
.main-sub-title-text span { display: inline-block; position: relative; }
.main-sub-title-text span:before, .main-sub-title-text span:after { content: ""; position: absolute; height: 1px; top: 0; width: 80px; background-color: #999999; transform: translateY(-50%); top: 50%; }
.main-sub-title-text span:before { right: 100%; margin-right: 15px; }
.main-sub-title-text span:after { left: 100%; margin-left: 15px; }
.main-title-text { font-size: 30px; color: #000000; font-family: 'hind_siliguri_semiboldregular'; position: relative; }

.design-series .main-title-text:after { content: ""; position: absolute; height: 1px; top: 0; width: 0; background-color: #999999; top: 50%; left: calc(100% + 25px); transition: all .45s ease 0s;-moz-transition: all .45s ease 0s;-webkit-transition: all .45s ease 0s;}
.design-series .main-title-text:before { content: ""; position: absolute; height: 1px; top: 0; width: 0; background-color: #999999; top: 50%; right: calc(100% + 25px); transition: all .45s ease 0s;-moz-transition: all .45s ease 0s;-webkit-transition: all .45s ease 0s;}
.design-series .main-title-text.inView:before, .design-series .main-title-text.inView:after{ width: 80px;}

/************************* services design series close  *******************************/

/************************* series1 section start  *******************************/
#slid-1 .series1 .bg { background-color: #f8f8f8; background-image: url("../images/series1-bg.png"), url("../images/pbg-new.jpg"); background-repeat: repeat-X; background-position: bottom left, top left; background-size: 60%, 80%; }
#slid-1 .series1 .bg .bg-div-text {/*background-color: #f8f8f8; background-image: url("../images/series1-bg.png"); background-repeat: no-repeat; background-position: bottom left; background-size: 50%;*/ padding-left: 10%; }
#slid-1 .series1 .bg .bg-div-slider {/*background-color: #f8f8f8; background-image: url("../images/Design-Series-bg1.jpg"); background-repeat: no-repeat; background-position: bottom left; background-size:cover; padding-right:10%;*/ padding-left: 10px; }
#slid-1 .series1 .bg .bg-div-slider .slider-img-disk { background-color: transparent; text-align: center; }
#slid-1 .series1 .bg .bg-div-slider .slider-img-disk h3 { font-size: 15px; color: #000000; font-family: 'hind_siliguribold'; padding: 10px 0 6px; margin: 0; text-align: right; text-transform: uppercase; line-height: 1.1;}
#slid-1 .series1 .bg .bg-div-slider .slick-slide { margin-right: 40px; }
#slid-1 .series1 .bg .bg-div-slider button.slick-prev { position: absolute; top: 110%; bottom: 0; left: 40%; z-index: 1; width: 35px; height: 35px; background-image: url(../images/next_l.png); background-size: 35px; background-position-x: right; font-size: 0; border: 0; background-color: transparent; }
#slid-1 .series1 .bg .bg-div-slider button.slick-next { position: absolute; bottom: 0; top: 110%; right: 45%; width: 35px; height: 35px; background-image: url(../images/prev_R.png); background-size: 35px; font-size: 0; border: 0; background-color: transparent; }
#slid-1 .series1 .bg .bg-div-slider .slider-img-disk img { height: auto; width: 100% }
#slid-1 .series1 .bg .container-modi-right { margin-left: 20%; width: 70%; }
#slid-1 .series1 .main-sub-title-text { margin-bottom: 35px; font-family: 'hind_siliguri_mediumregular'; }
#slid-1 .series1 .main-sub-title-text span:before, .series1 .main-sub-title-text span:after { content: ""; position: absolute; height: 1px; top: 0; width: 0; background-color: #999999; transform: translateY(-50%); top: 50%; transition: all .45s ease 0s;-moz-transition: all .45s ease 0s;-webkit-transition: all .45s ease 0s;}

.series1 .main-sub-title-text span.inView:before, .series1 .main-sub-title-text span.inView:after{ width: 80px;}


#slid-1 .series1 p.sub-text-head { font-family: 'hind_siliguriregular'; font-size: 16px; color: #666666 }
#slid-1 .series1 .main-title-text { font-size: 26px; color: #000; font-family: 'hind_siliguri_semiboldregular'; }
#slid-1 .series1 .main-sub-title-text span:before { display: none }
#slid-1 .tabside-left { margin: 30px 0 90px 0; }
#slid-1 .tabside-left .main-sub-title-text { color: #000 }
#slid-1 .tabside-left .main-sub-title-text span:after { background-color: #000; }

/*..series1 .main-sub-title-text span:after{margin-left:5%; position: relative;}*/
#slid-1 .series1 .tiles-title { background-color: #363636; color: #fff; text-transform: uppercase; text-align: center; padding: 15px; border-radius: 0 0 15px 15px; margin: 0 -10px; justify-content: center; font-size: 14px; font-family: 'hind_siliguri_mediumregular'; }
#slid-1 .pro-title-text { font-size: 22px; color: #201e1e; position: relative; z-index: 1; }
#slid-1 .series1 .bg { counter-reset: my-sec-counter; }
#slid-1 .pro-title-text:before { position: absolute; color: #dedede; font-size: 43px; margin-top: -26px; margin-left: -28px; z-index: -1; counter-increment: my-sec-counter; content: "0"counter(my-sec-counter) ""; }
#slid-1 .pro-sub-text { font-size: 14px; color: #201e1e; }
#slid-1 .series1 .main-sub-title-text-new { font-family: 'hind_siliguri_mediumregular'; position: absolute; top: -27%; }

/* #slid-1 .series1 .main-sub-title-text-new span{ margin-left: -9px;}*/

/*slider  v2*/

/*slider  v2 close*/

/************************* series1 section close  *******************************/

/************************* series2 section start  *******************************/
.series2 .bg { background-color: #f8f8f8; background-image: url("../images/series2-bg.png"), url("../images/pbg-new.jpg"); background-repeat: repeat-x; background-position: bottom left, top left; background-size: 20%, 80%; }
.series2 .bg .container-modi-left { margin-left: 10%; width: 70%; margin-right: 20%; margin-bottom: 10%; }
.series2 .bg .main-sub-title-text { margin-bottom: 35px; font-family: 'hind_siliguri_mediumregular'; }

.series2 .main-sub-title-text span:before, .series2 .bg .main-sub-title-text span:after { content: ""; position: absolute; height: 1px; top: 0; width: 0; background-color: #999999; top: 50%;  transform: translateY(-50%); top: 50%; transition: all .45s ease 0s;-moz-transition: all .45s ease 0s;-webkit-transition: all .45s ease 0s;}

.series2 .bg .main-sub-title-text span.inView:before, .series2 .bg .main-sub-title-text span.inView:after{ width: 80px;}

.series2 .main-title-text { font-size: 26px; color: #000; font-family: 'hind_siliguri_semiboldregular'; }
.series2 .main-sub-title-text span:before { display: none }
.series2 .main-sub-title-text span:after { margin-left: 15%; position: relative; }
.series2 .tiles-title { background-color: #363636; color: #fff; text-transform: uppercase; text-align: center; padding: 15px; border-radius: 0 0 15px 15px; margin: 0 -10px; justify-content: center; font-family: 'hind_siliguri_mediumregular'; font-size: 14px; }
.series2 p.sub-text-head { font-family: 'hind_siliguriregular'; font-size: 16px; color: #666666 }
.pro-title-text { font-size: 22px; color: #201e1e; position: relative; z-index: 1; font-family: 'hind_siliguri_semiboldregular'; }
.series2 .bg { counter-reset: my-sec-counter; }
.pro-title-text:before { position: absolute; color: #dedede; font-size: 43px; margin-top: -26px; margin-left: -20px; z-index: -1; counter-increment: my-sec-counter; content: "0"counter(my-sec-counter) ""; }
.pro-sub-text { font-size: 14px; color: #201e1e; font-family: 'hind_siliguriregular'; }
#slid-2 .tabContainer-new .buttonContainer-new .main-sub-title-text-new { font-family: 'hind_siliguri_mediumregular'; position: absolute; top: -27%;}
#slid-2 .tabContainer-new .buttonContainer-new .main-sub-title-text-new span { margin-right: 0; }

/*.series1 .bg { background-color: #f8f8f8; background-image: url("../images/series1-bg.png"); background-repeat: no-repeat; background-position: bottom left; background-size: 50%; }*/
#slid-2 .series2 .bg .bg-div-text {/*background-color: #f8f8f8; background-image: url("../images/series1-bg.png"); background-repeat: no-repeat; background-position: bottom left; background-size: 50%;*/ padding-right: 10%; }
#slid-2 .series2 .bg .bg-div-slider {/*background-color: #f8f8f8; background-image: url("../images/Design-Series-bg2.jpg"); background-repeat: no-repeat; background-position: bottom left; background-size:cover;*/ padding-right: 10px; }
#slid-2 .series2 .bg .bg-div-slider .slider-img-disk {/*background-color: #fff;*/ text-align: right; }
#slid-2 .series2 .bg .bg-div-slider .slider-img-disk h3 { font-size: 15px; color: #000000; font-family: 'hind_siliguribold'; padding: 10px 0 6px; margin-bottom: 0; text-transform: uppercase; }
#slid-2 .series2 .bg .bg-div-slider .slick-slide { margin-right: 40px; }
#slid-2 .series2 .bg .bg-div-slider .slider-img-disk img { height: auto; width: 100%; }
#slid-2 .tabside-left { margin: 30px 0 90px 0; }
#slid-2 .tabside-left .main-sub-title-text { color: #000 }
#slid-2 .tabside-left .main-sub-title-text span:after { background-color: #000; }
#slid-2 .series2 .bg .bg-div-slider button.slick-prev { position: absolute; top: 110%; bottom: 0; left: 40%; z-index: 1; width: 35px; height: 35px; background-image: url(../images/next_l.png); background-size: 35px; background-position-x: right; font-size: 0; border: 0; background-color: transparent; }
#slid-2 .series2 .bg .bg-div-slider button.slick-next { position: absolute; bottom: 0; top: 110%; right: 45%; width: 35px; height: 35px; background-image: url(../images/prev_R.png); background-size: 35px; font-size: 0; border: 0; background-color: transparent; }

/************************* series2 section close  *******************************/

/************************* how we make product section start  *******************************/
#make-product .container-modi-left { margin-left: 0%; width: 100%; margin-right: 0%; display: flex; align-items: center; margin: 6% 0 }
#make-product .container-modi-left img.video { width: 100%; border: 10px solid #cacaca; }

#make-product .container-modi-left .iframes{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none;}

.play-btn-div { display: flex; align-items: center; justify-content: center; }
.play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#make-product .container-modi-left .main-sub-title-text { margin-bottom: 10px; }
#make-product .container-modi-left .main-sub-title-text span:before, #make-product .container-modi-left .main-sub-title-text span:after { content: ""; position: absolute; height: 1px; top: 0; width: 80px; background-color: #999999; transform: translateY(-50%); top: 50%; }
#make-product .container-modi-left .main-sub-title-text span:before { display: none }
#make-product .container-modi-left .main-sub-title-text:after { margin-left: 5%; position: relative; }
#make-product .container-modi-left .main-title-text { font-size: 30px; color: #201e1e; /*text-transform: uppercase; font-style: italic;*/ margin-bottom: 25px; font-family: 'hind_siliguri_semiboldregular'; }
#make-product .container-modi-left p { margin-bottom: 10px; font-family: 'hind_siliguriregular'; font-size: 16px; width: 80% }
#make-product .container-modi-left ul { list-style: none; justify-content: space-between; display: flex; padding: 0; margin: 0; }
#make-product .container-modi-left ul li { display: inline-block;/* border: 1px solid #cacaca;*/ }
#make-product ul li img { width: 100% }

/************************* how we make product section close  *******************************/

/************************* Product Specifications section start  *******************************/
#product-speci { background-image: url("../images/p-spci-bg.jpg"); background-repeat: no-repeat; background-position: center center; padding:8% 0 6% 0; background-size: cover; position: relative; }
.overlayspec{ background: rgba(0, 0, 0, 0.75); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#product-speci ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
#product-speci ul.pecif-left li { padding: 20px 0; color: #fff; font-size: 15px; font-family: 'hind_siliguribold'; text-transform: uppercase; width: 50%; border-bottom: 1px solid #555555; display: flex; justify-content: space-between; align-items: center;}
#product-speci ul.pecif-left li span { padding: 0 0; color: #fff; font-size: 13px; font-family: 'hind_siliguri_lightregular'; text-transform: none;}
#product-speci ul.pecif-left li span span.spe-text { color: #9f9f9f; font-size: 13px; font-family: 'hind_siliguriregular'; }
#product-speci ul.pecif-left li:last-child { border: none }
#product-speci ul.pecif-left li:nth-last-child(2) { border: none }

/*#product-speci ul.pecif-left { counter-reset: my-sec-counter; }*/

/*#product-speci ul.pecif-left li:before { position: relative; color: #000000; font-size: 13px; padding: 5px 10px; background-color: #fff; border-radius: 50%; counter-increment: my-sec-counter; content: ""counter(my-sec-counter) ""; margin-right: 20px; }*/
#product-speci ul.ul-color { list-style: none; display: flex; position: relative; top: 15px; align-items: center; margin: 0 0 5px;}
#product-speci ul.ul-color li.li-color-inner { font-family: 'hind_siliguri_lightregular'; width: auto; padding: 0; margin-right: 12px; font-size: 12px; position: relative; margin-bottom: 0; display: flex; align-items: center; justify-content: center; border-bottom: 0px; min-width: 15px; padding-top: 5px;}
#product-speci ul.ul-color li.li-color-inner:after { background-color: var(--tooltip-color); content: ""; position: absolute; height: 20px; width: 20px; border-radius: 50%; border: 1px solid #fff; top: -18px; } 

#product-speci .main-title-text { font-size: 30px; color: #fff; /*font-style: italic;*/ margin-bottom: 28px; text-align: center; font-family: 'hind_siliguri_semiboldregular';/*text-transform: uppercase; */ }
#product-speci ul.pecif-right { }
#product-speci ul.pecif-right li { }
#product-speci .download-btn { margin-top: 30px; }
#product-speci .download-btn button { border-radius: 50px; border: 1px solid #fff; background-color: #fff; padding:10px 25px 8px 25px; font-family: 'hind_siliguri_mediumregular'; text-transform: uppercase; font-size: 14px; box-shadow: 6.344px 2.958px 4px 0px rgba(0, 0, 0, 0.22); position: relative; overflow: hidden;}
#product-speci .bordersq { border: 1px solid #555555; width: 45%; margin: 4%; padding: 15px 15px 0; }
#product-speci .download-btn button a{ position: relative;}
#product-speci .download-btn button:hover{ color: #fff; border-color: #000;}

#product-speci .download-btn button:before{position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #000; content: "";transition: all .45s ease 0s;}
#product-speci .download-btn button:hover:before{width: 100%;}


/************************* Product Specifications close  *******************************/

/*************************  Product Gallery close  *******************************/

.slider-nav-thumbnails .slick-slide { opacity: 0.5; }
.slider-nav-thumbnails .slick-slide.slick-active { opacity: 1; background: green; }

/************************* Product  Gallery close  *******************************/

/************************* inquery section start  *******************************/
#inquery { background-image: url("../images/index/tree_bg.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; }
#inquery .main-title-text { font-size: 24px; color: #201e1e; text-transform: uppercase; margin-bottom: 25px; text-align: center; font-family: 'hind_siliguri_semiboldregular'; }
#inquery .form { background-image: url("../images/form-bg.png"); padding: 6.5% 0 5% 0; margin: 0 60px 0 60px; width: 32.5%; }
input[type=text], select, textarea { width: 100%; padding: 12px 37px; border: 1px solid #999999; border-radius: 4px; box-sizing: border-box; resize: none; outline: none; border-radius: 30px; font-family: 'hind_siliguriregular'; font-size: 15px; background-color: transparent; }
input[type=text], select, textarea { color: #989898; }
textarea { height: 50px; }
form #product .opt { max-width: 90%; }

/*form select:focus {
       min-width: 400px;
       width: auto;
   }*/
label { padding: 12px 12px 12px 0; display: inline-block; }
input[type=submit] { background-color: #201e1e; color: #fff; padding: 8px 43px; border: none; border-radius: 30px; cursor: pointer; float: right; margin: 0 auto; margin-top: 30px; font-family: 'hind_siliguriregular'; font-size: 16px; }
.container-form { padding: 0 50px 10px 50px; }
.col-50 { float: left; width: 47%; margin-top: 30px; position: relative;}
.col-50:first-child { margin-right: 3% }
.col-50:last-child { margin-left: 3% }
.col-100 { float: left; width: 100%; margin-top: 30px; position: relative;}
.col-100 p.e{ position: absolute; top: 100%; left: 0;} 
.row:after { content: ""; display: table; clear: both; }
.round-div .round-div-text { color: #fff; height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; }
.round-div img { width: 100% }
.round-div .text-round { text-align: center; position: absolute; width: 100%; }
.round-div .text-round span { font-size: 30px; color: #000; font-family: 'hind_siliguri_lightregular'; }
.round-div .text-round p { font-size: 44px; color: #000; font-family: 'hind_siliguri_semiboldregular'; margin-bottom: 0; }
.round-div .curcle-icon1 { position: absolute; padding: 0; margin: 0; top: 53%; left: 6%; border-radius: 50%; border: 1px solid #fff; width: 20%; }
.round-div .curcle-icon2 { position: absolute; padding: 0; margin: 0; left: 25%; top: 71%; border-radius: 50%; border: 1px solid #fff; width: 20%; }
.round-div .curcle-icon3 { position: absolute; padding: 0; margin: 0; left: 54%; top: 71%; border-radius: 50%; border: 1px solid #fff; width: 20%; }
.round-div .curcle-icon4 { position: absolute; padding: 0; margin: 0; left: 73%; top: 53%; border-radius: 50%; border: 1px solid #fff; width: 20%; }
.contribute_round canvas { background-color: transparent; }
.contribute_bx { position: absolute; display: flex; left: 6px; top: 10px; width: 100%; height: 100%; background: url(../images/particle-png.png) no-repeat center center; background-size: cover; }
.round-div { width: 415px; height: 415px; border-radius: 50%;  position: relative; display: flex; align-items: center; }
#inquery .form  .select-wrapper { float: left; display: inline-block; background: url("../images/arrow-select.png") no-repeat right 5% center; cursor: pointer; position: relative; position: relative; display: flex; align-items: center; }
#inquery .form .select-wrapper, #inquery .form .select-wrapper select { width: 100%; height: 50px; line-height: 26px; border-radius: 30px; border: 1px solid #999999; }
#inquery .form .select-wrapper:hover { background: url("../images/arrow-select.png") no-repeat right 5% center;        /*border-color: #239fdb;*/ }
#inquery .form .select-wrapper .holder {/* display: block;
 margin: 0 35px 0 5px;
 z-index: -1;*/
padding: 0px 40px; color: #7b7c7b; position: relative; white-space: nowrap; overflow: hidden; cursor: pointer; }
#inquery .form .select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0;        /* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; width: 100%; border-radius: 10px; border: 0 }

/************************* inquery Specifications close  *******************************/

/*///////////////////////////////////////PRODUCT INNER PAGE CLOSE////////////////////////////////////*/

/*///////////////////////////////////////CONTACT START////////////////////////////////////*/

/************************* contact inquery close  *******************************/
#contact #inquery { background-image: url("../images/contact-form-bg.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; }
#contact #inquery .form { padding: 3% 0 3% 0; margin: 0 auto; background: none }
#contact #inquery .main-title-text { font-size: 30px; color: #fff; text-transform: uppercase; margin-bottom: 25px; text-align: center; font-family: 'hind_siliguri_semiboldregular'; }
#contact #inquery input[type=text], #contact #inquery select, #contact #inquery textarea { color: #989898; background-color: transparent; border: 1px solid #989898 }
#contact #inquery input[type=submit] { background-color: #fff; color: #000000; font-family: 'hind_siliguri_semiboldregular'; padding: 11px 43px 6px 43px; }
#contact #contact-detail { margin-bottom: 80px; margin-top: 50px; }

#enquirePopup{max-width: 1024px; display: inline-block; width: 100%; position: relative; text-align: left;}
#enquirePopup #inquery { background: #000; }
#enquirePopup #inquery .form { padding: 3% 0 3% 0; margin: 0 auto; background: none }
#enquirePopup #inquery .main-title-text { font-size: 30px; color: #fff; text-transform: uppercase; margin-bottom: 25px; text-align: center; font-family: 'hind_siliguri_semiboldregular'; }
#enquirePopup #inquery input[type=text], #contact #inquery select, #contact #inquery textarea { color: #989898; background-color: transparent; border: 1px solid #989898 }
#enquirePopup #inquery input[type=submit] { background-color: #fff; color: #000000; font-family: 'hind_siliguri_semiboldregular'; padding: 11px 43px 6px 43px; }
#enquirePopup #contact-detail { margin-bottom: 80px; margin-top: 50px; }
#enquirePopup .mfp-close {color: #fff;}

/************************* contact inquery close  *******************************/

/*///////////////////////////////////////CONTACT CLOSE////////////////////////////////////*/

/*///////////////////////////////////////TEAM PAGE START////////////////////////////////////*/

 /********************************Team head section***************************/
.head-text-div { position: absolute; width: 100%; }
.team-headtext { font-size: 30px; text-align: center; color: #fff; font-family: 'hind_siliguri_semiboldregular'; text-transform: uppercase; }
.team-headtext-small-text { font-size: 20px; color: #fff; text-align: center; font-family: 'hind_siliguri_lightregular'; text-transform: uppercase; }

/********************************Team head section close***************************/

/*************************  Team page  *******************************/
#heaader img { width: 100% }
.logo { position: absolute; z-index: 21; left: 12%; width: 13%; right: 71%; }
.logo img { width: 140px; }
.team-text-div { text-align: center; background-color: #f4f4f4; height: 100%; }
.team-text-div h2 { font-family: 'hind_siliguri_semiboldregular'; color: #201e1e; font-size: 22px; padding: 20px 0 0 0; margin: 0; }
.team-text-div h3 { font-family: 'hind_siliguriregular'; color: #5e5e5e; font-size: 16px; padding: 5px 0 0 0; margin: 0; font-style: italic; }
.team-text-div h4 { font-family: 'hind_siliguriregular'; color: #141212; font-size: 14px; padding: 20px 20px 0 20px; margin: 0; line-height: 25px; text-align: justify; text-align-last: center; }
.read-more {/*font-family: 'hind_siliguriregular';*/ font-family: 'hind_siliguri_mediumregular'; color: #000000; font-size: 14px; text-transform: uppercase; padding: 20px 0 30px 0; text-align: center; background-color: #f4f4f4; }
.read-more a:before { content: ''; width: 100%; position: absolute; left: 0px; bottom: 1px; border-width: 0 0 1px; border-style: solid; bottom: -2px; right: 0; }
.read-more a { color: #000000; position: relative; }
.read-more a:hover { color: #acacac; text-decoration: none; }
.d-change { display: flex; flex-direction: column; margin-bottom: 40px; }
.d-change-2 .img-div, .d-change-2 .team-text-div, .d-change-2 .read-more { width: 60%; margin-left: 40%; }
.d-change-3 .img-div, .d-change-3 .team-text-div, .d-change-3 .read-more { width: 60%; margin: 0 auto; }
.d-change-2 .team-text-div, .d-change-2 .read-more { background-color: transparent; }
.d-change-3 .team-text-div, .d-change-3 .read-more { background-color: transparent; }
.d-change-2 .desig { background-color: #000; color: #fff; font-size: 14px; font-family: 'hind_siliguriregular'; text-transform: uppercase; text-align: center; padding: 5px 15px; position: absolute; top: 28%; }
.d-change-2 .desig:after { content: ""; position: absolute; width: 40px; height: 2px; background-color: #777777; margin-left: 13px; margin-top: 10px; }
.color-div { background-color: #f4f4f4; }
.img-div img { width: 100% }
.desktop button { background-color: #000; color: #fff; border: 0px none; font-size: 14px; border-radius: 30px; padding: 10px 20px 6px 20px; line-height: 1.1; outline: none; text-transform: uppercase; }
.desktop a.orderNow { background-color: #000; color: #fff; border: 0px none; font-size: 14px; border-radius: 30px; padding: 10px 20px 6px 20px; line-height: 1.1; outline: none; text-transform: uppercase; }
.desktop .enquire-now-btn { margin-left: 85px; }
.bg-dark { background-color: #ffffff !important; z-index: 20; }
.navbar-dark .navbar-nav .nav-link { color: #000; font-family: 'hind_siliguriregular'; cursor: pointer; text-transform: uppercase; font-size: 16px; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #acacac; cursor: pointer; }
.devider { color: #d7d7d7; padding-bottom: 6px; }
.desktop { align-items: center; z-index: 2; margin: 4px 9% 4px 0 !important; }

/*#footer{background-color: #000; display: flex; align-items: center;justify-content: center;text-align: center;color: #fff; padding: 20px;font-size: 12px;font-family: 'hind_siliguri_lightregular';}*/

/*************************  Team page close  *******************************/

/*///////////////////////////////////////TEAM PAGE CLOSE////////////////////////////////////*/

/*/////////////////////////////////////ABOUT PAGE START///////////////////////////////////*/

.head-text-div2 { position: absolute; width: 100%; bottom: 25%; color: #fff; font-family: 'hind_siliguriregular'; font-size: 12px; text-align: right; padding-right: 15%; }
.head-text-div2 a { color: #fff; text-decoration: none }
#about .head-text-div { position: absolute; width: 100%; top: 25%; }
#about .head-text-div2 { position: absolute; width: 100%; bottom: 25%; color: #fff; font-family: 'hind_siliguriregular'; font-size: 12px; text-align: right; padding-right: 15%; }
.about-bg {/* background-image: url("../images/about-bg-2.jpg")*/background-image: url("../images/about-bg-2-new.png"); background-size: 95% auto; background-position: left center; background-repeat: no-repeat; position: relative; display: flex; align-items: center; }
.about-content { position: absolute; top: 0; width: 100% }
.about-bg-text-div { position: absolute; left: 15px; top: 25%; width: 10%; font-size: 11px; color: #fff; text-align: center; }
.about-bg-text-div p { font-size: 12px; }
.about-bg-text-div .small-text { font-size: 15px; font-family: 'hind_siliguriregular'; }
.about-bg-text-div .big-text { font-size: 20px; font-family: 'hind_siliguri_semiboldregular'; }
.about-head { margin: 3% 0% 3% 0%; }
.card { background-color: transparent; }
.about-head .main-sub-title-text { font-size: 20px; color: #999999; display: flex; align-items: center; text-align: center; font-family: 'hind_siliguri_lightregular'; }
.main-sub-title-text span { display: inline-block; position: relative; font-size: 16px;}
.about-head .main-sub-title-text span:before, .about-head .main-sub-title-text span:after { content: ""; position: absolute; height: 1px; top: 0; width: 80px; background-color: #999999; transform: translateY(-50%); top: 50%; }
.about-head .main-sub-title-text span:before { right: 100%; margin-right: 15px; }
.about-head .main-sub-title-text span:after { left: 100%; margin-left: 15px; }

.about-head .main-title-text:before, .about-head .main-title-text:after { content: ""; position: absolute; height: 1px; top: 0; width: 0; background-color: #999999; top: 50%; transition: all .45s ease 0s;-moz-transition: all .45s ease 0s;-webkit-transition: all .45s ease 0s;}
.about-head .main-title-text.inView:before, .about-head .main-title-text.inView:after { width: 80px;}


.about-head .main-title-text:before { right: 100%; margin-right: 15px; }
.about-head .main-title-text:after { left: 100%; margin-left: 15px; }
.about-head .main-title-text { font-size: 30px; color: #000000; font-family: 'hind_siliguri_semiboldregular'; /*font-style: italic;*/ text-align: center; position: relative; }
.about-content  p.sub-text-head { font-family: 'hind_siliguriregular'; font-size: 16px; color: #201e1e; text-align: center; width: 60%; margin: 0 auto; padding: 0 0 19px 0; line-height: 27px; }
.about-content .about-text-bold { font-family: 'hind_siliguri_semiboldregular'; font-size: 20px; color: #fff; text-align: center; width: 55%; margin: 0 auto; margin-bottom: 20px; }
/*.about-content .about-text-bold span { background: #000; padding: 8px 13px; }*/
.about-content .about-text-bold h4 { background: #000; padding: 8px 13px;font-size: 20px; position: relative;
    display: inline;}
.Architectural-Intervention { margin: 15% 0% 8% 0%; }
.Architectural-Intervention .background { /*background-image: url("../images/abot-img-99.png"); background-repeat: no-repeat; background-size: 90% auto;*/ background-position: bottom left 44%; }
.Architectural-Intervention .text-div-new { display: flex; flex-direction: column; align-items: flex-start;     margin-left: 10%;}
.Architectural-Intervention .text-div-new h1 { font-size: 30px; color: #000000; font-family: 'hind_siliguri_semiboldregular'; text-align: center; position: relative; }
.Architectural-Intervention .text-div-new h2 { font-size: 20px; color: #000000; font-family: 'hind_siliguri_lightregular'; text-align: center; position: relative; margin-bottom: 25px; }

.Architectural-Intervention .text-div-new h2:after { content: ""; position: absolute; height: 1px; width: 0; background-color: #999999; top: 50%; transition: all .45s ease 0s;-moz-transition: all .45s ease 0s;-webkit-transition: all .45s ease 0s;}
.Architectural-Intervention .text-div-new h2:after { left: calc(100% + 15px); }

.Architectural-Intervention .text-div-new h2.inView:after { width: 75px;}

.Architectural-Intervention .text-div-new p { font-size: 16px; color: #222; letter-spacing: 0.5px; line-height: 1.5; font-family: 'hind_siliguri_lightregular'; position: relative; width: 75%; margin-bottom: 18% }
.about-what-we-do { margin: 5% 0% 8% 0%; }
.about-what-we-do .text-div-new { display: flex; }
.about-what-we-do h1 { font-size: 30px; color: #000000; font-family: 'hind_siliguri_semiboldregular'; text-align: center; position: relative; margin: 0 auto; margin-bottom: 20px }

.about-what-we-do h1:before, .about-what-we-do h1:after { content: ""; position: absolute; height: 1px; width: 0; background-color: #999999; top: 50%; transition: all .45s ease 0s;-moz-transition: all .45s ease 0s;-webkit-transition: all .45s ease 0s;}

.about-what-we-do h1:before { right: calc(100% + 50px); }
.about-what-we-do h1:after { left: calc(100% + 50px); }

.about-what-we-do h1.inView:before, .about-what-we-do h1.inView:after{ width: 75px;}

.card-img-top { width: 120px; height: 120px; background-color: #e9e9e9; border-radius: 50%; margin: 1rem; padding: 15px; display: flex; align-items: center; justify-content: center;}
.card-text { text-align: justify; text-align-last: center; font-family: 'hind_siliguriregular'; font-size: 16px; color: #201e1e; }
.card { border: 0px; }
.card-img-top img { max-width: 100% }
.about-wearein { margin: 5% 0% 3% 0%; }
.about-wearein .main-sub-title-text { font-size: 20px; color: #000; display: flex; align-items: center; text-align: center; font-family: 'hind_siliguri_lightregular'; }
.about-wearein .main-title-text { font-size: 30px; color: #000000; font-family: 'hind_siliguri_semiboldregular'; /*font-style: italic;*/ margin-bottom: 20px; }
.about-wearein .card-img-top { width: auto; height: auto; background-color: transparent; margin: 1rem; padding: 0px; border-radius: 0%; }
.no-borrder { border: 0 !important; }
.line-vertical { height: 100%; width: 1px; background-color: #a1a1a1; transform: rotate(11deg); margin: 0 auto; padding: 0; }
#about-timeline { background-color: #f6f6f6; padding: 4.5% 0 1% 0; }
.container-slider button { height: 100px; border: 0px; background-color: transparent; font-size: 0px; position: absolute; top: 170px; outline: 0; width: 25px; }
.container-slider button.slick-prev { background-image: url("../images/timeline_l.png"); background-repeat: no-repeat; background-position: center; background-size: contain; left: -30px; }
.container-slider button.slick-next { background-image: url("../images/timeline_r.png"); background-repeat: no-repeat; background-position: center; background-size: contain; right: -30px; }
.pagination { display: none; }
.about-wearein .card-body{ padding: 2.5rem 6rem;}

/*************************  about Gallery start  *******************************/
#about-timeline .main-title-text { position: relative; }

#about-timeline .main-title-text:before, #about-timeline .main-title-text:after { content: ""; position: absolute; height: 1px; width: 0; background-color: #999999; top: 0; margin-top: 13%; transition: all .45s ease 0s;-moz-transition: all .45s ease 0s;-webkit-transition: all .45s ease 0s;}
#about-timeline .main-title-text:before { right: calc(100% + 15px); }
#about-timeline .main-title-text:after { left: calc(100% + 15px); }

#about-timeline .main-title-text.inView:before, #about-timeline .main-title-text.inView:after{ width: 80px;}

#about-timeline .container-slider { padding: 5% 10% 0% 10%; background-color: #f6f6f6; }
#about-timeline .slider:before { content: ""; height: 1px; width: 83%; top: 50%; transform: translateY(-50%); position: absolute;/* margin-top: 147px;*/ left: 9%; /*background-image: linear-gradient(to right, transparent 20%, #223049 0%); background-size: 15px 100%; */ border-bottom: 1px solid #000; }
.cl { padding: 10px; display: flex; flex-direction: column; align-items: center; padding: 0px; position: relative; }
.slick-center .date-div { width: 100px; }
.slick-center .cl .date-div { animation-name: example; animation-duration: 1s; animation-fill-mode: forwards; }
@keyframes example {
to { top: 0px; }
}
.slick-center .cl .date-div { top: 20px; }
.date-div { height: auto; width: 70px; position: absolute; top: 57px; display: flex; align-items: center; justify-content: center; }
.date-div img { width: 100%; }
#about-timeline .slick-center .date-div .date-text { font-size: 22px; }
.date-div .date-text { font-size: 15px; color: #fff; position: absolute; display: flex; justify-content: center; align-items: center; }
#about-timeline .dis-div { height: 400px; width: 400px; text-align: center; position: relative; bottom: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 18px; color: #000; font-family: 'hind_siliguriregular'; }

/*.cl-red .dis-div { background-color: #ffffff; }
.cl-yellow .dis-div { background-color: #f7f7f7; }
.cl-blue .dis-div { background-color: #e7e7e7; }*/
.cl-yellow { }
.cl-blue { }
.cl-red { }
#about-timeline .slick-active { padding: 20px 0; }
#about-timeline .slick-slide:not(.slick-active) { margin: 20px 0; }
.child { width: 100%; }
#about-timeline .slide:not(.slick-active) { cursor: pointer; }
#about-timeline .pagination { text-align: center; color: $white; font-family: $raleway; font-size: 1.2rem; }
.wrap-div { position: absolute; bottom: 0; height: 50%; width: 20%; background-color: #fff; }

/*#about-timeline .slick-list:before { content: ""; position: absolute; height: 60%; width: 202px; background-color: #f1f1f1; left: -1px; bottom: 0; z-index: 2 }
#about-timeline .slick-list:after { content: ""; position: absolute; height: 60%; width: 202px; background-color: #f1f1f1; right: -1px; bottom: 0; z-index: 2 }*/
#about-timeline .round-div { border: 1px solid #d9d9d9; border-radius: 50%; }
#about-timeline .round-div { width: 20%; height: 20%; position: relative; background-color: #000; display: flex; align-items: center; justify-content: center; color: #fff; }
#about-timeline .slick-center .cl .dis-div .round-div { width: 70%; height: 70%; background-color: transparent; border: 3px dotted #000; color: #49494a; animation-name: dispnone; animation-duration: 1s; animation-fill-mode: forwards; z-index: 1; }
#about-timeline .slick-center .cl .dis-div .round-div .bak-text { width: 195px; background-color: #f6f6f6; border-radius: 30px; animation: bakdiv 1.1s forwards; color: #49494a; font-family: 'hind_siliguribold'; font-size: 30px; }

/*timeline v2 animation*/
#about-timeline .slick-center .cl .dis-div .dot-round-div { width: 50%; height: 50%; background-color: transparent; border: 2px dotted #000; color: #49494a; border-radius: 50%; position: absolute; /*-webkit-animation: anidotcarcle 6s infinite linear; */z-index: -2; }
@keyframes dispnone {
0% { border: 3px dotted #000; background-color: #000; width: 40%; height: 40%; }
100% { border: 0px dotted #000; width: 70%; height: 70%; background-color: transparent; }
}
@keyframes anidotcarcle {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
}
@keyframes bakdiv {
0% { opacity: 0 }
60% { opacity: 0 }
100% { opacity: 1 }
}

/*small circal-1*/
#about-timeline .slick-center .cl .dis-div .pulse { top: 93px; display: block; width: 18px; height: 18px; border-radius: 50%; background: #000; cursor: pointer; position: absolute; box-shadow: 0 0 0 rgba(000, 0, 0, 0.4); animation: pulse 2s infinite; }
#about-timeline .slick-center .cl .dis-div .pulse:before { content: ""; position: absolute; width: 30px; height: 30px; background-color: #fff; border: 1px solid #000; border-radius: 50%; z-index: -1; left: -6px; top: -6px; }
#about-timeline .slick-center .cl .dis-div .pulse:hover { animation: none; }
@-webkit-keyframes pulse {
0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
70% { -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); }
100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}
@keyframes pulse {
0% { -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
70% { -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); }
100% { -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}

/**/

/*small circal-2*/
#about-timeline .slick-center .cl .dis-div .pulse2 { top: 245px; left: 111px; display: block; width: 18px; height: 18px; border-radius: 50%; background: #000; cursor: pointer; position: absolute; box-shadow: 0 0 0 rgba(000, 0, 0, 0.4); animation: pulse-n 2s infinite; }
#about-timeline .slick-center .cl .dis-div .pulse2:before { content: ""; position: absolute; width: 30px; height: 30px; background-color: #fff; border: 1px solid #000; border-radius: 50%; z-index: -1; left: -6px; top: -6px; }
#about-timeline .slick-center .cl .dis-div .pulse2:hover { animation: none; }
@-webkit-keyframes pulse-n {
0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
70% { -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); }
100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}
@keyframes pulse-n {
0% { -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
70% { -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); }
100% { -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}

/**/

/*small circal-3*/
#about-timeline .slick-center .cl .dis-div .pulse3 { top: 245px; left: 271px; display: block; width: 18px; height: 18px; border-radius: 50%; background: #000; cursor: pointer; position: absolute; box-shadow: 0 0 0 rgba(000, 0, 0, 0.4); animation: pulse-mn 2s infinite; }
#about-timeline .slick-center .cl .dis-div .pulse3:before { content: ""; position: absolute; width: 30px; height: 30px; background-color: #fff; border: 1px solid #000; border-radius: 50%; z-index: -1; left: -6px; top: -6px; }
#about-timeline .slick-center .cl .dis-div .pulse3:hover { animation: none; }
@-webkit-keyframes pulse-mn {
0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
70% { -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); }
100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}
@keyframes pulse-mn {
0% { -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); }
70% { -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); }
100% { -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}

/**/
#about-timeline .slick-center .cl .dis-div .discpri-div1 { position: absolute; top: 4px; left: 195px; opacity: 1;  }
@keyframes hi-w1 {
to { opacity: 1; transform: rotate(0deg); }
}
#about-timeline .slick-center .cl .dis-div .discpri-div1 .img-ro { width: 70px; height: 70px; overflow: hidden; position: absolute; background-color: #fff; border-radius: 50%; z-index: 2; left: 5px; top: 5px; -webkit-box-shadow: 10px 0px 10px -4px rgba(0, 0, 0, 0.26); -moz-box-shadow: 10px 0px 10px -4px rgba(0, 0, 0, 0.26); box-shadow: 10px 0px 10px -4px rgba(0, 0, 0, 0.26); display: flex; align-items: center; }
#about-timeline .slick-center .cl .dis-div .discpri-div1 .img-ro img { width: 100% }
#about-timeline .slick-center .cl .dis-div .discpri-div1 .img-ro-back { width: 80px; height: 80px; position: absolute; background-color: #000; border-radius: 50%; z-index: 1; display: flex; align-items: center; justify-content: center; }
#about-timeline .slick-center .cl .dis-div .discpri-div1 .img-ro-back .arrow { position: absolute; width: 25px; height: 24px; animation: rot 3s infinite linear; }
@keyframes rot {
0% { transform: rotate(120deg)
  translateX(38px) 
rotate(-120deg); }
/*50% { transform: rotate(140deg)
  translateX(38px) 
rotate(-110deg); }*/
100% { transform: rotate(120deg)
  translateX(38px) 
rotate(-120deg); }
}
#about-timeline .slick-center .cl .dis-div .discpri-div1 .round-text-div { width: 200px; height: 80px; position: absolute; border: 1px solid #000; border-top-right-radius: 40px; border-bottom-right-radius: 40px; left: 40px; z-index: 1; padding-left: 50px; font-size: 14px; display: flex; align-items: center; text-align: left; }
#about-timeline .slick-center .cl .dis-div .discpri-div2 { position: absolute; top: 265px; left: -170px; opacity:1; }
@keyframes hi-w2 {
to { opacity: 1; left: -134px; }
}
#about-timeline .slick-center .cl .dis-div .discpri-div2 .img-ro { width: 70px; height: 70px; position: absolute; background-color: #fff; border-radius: 50%; z-index: 2; left: 205px; top: 5px; -webkit-box-shadow: -10px 0px 10px -5px rgba(0, 0, 0, 0.18); -moz-box-shadow: -10px 0px 10px -5px rgba(0, 0, 0, 0.18); box-shadow: -10px 0px 10px -5px rgba(0, 0, 0, 0.18); display: flex; align-items: center; }
#about-timeline .slick-center .cl .dis-div .discpri-div2 .img-ro img { width: 90% }
#about-timeline .slick-center .cl .dis-div .discpri-div2 .img-ro-back { width: 80px; height: 80px; position: absolute; background-color: #000; border-radius: 50%; z-index: 1; left: 200px; display: flex; align-items: center; justify-content: center; }
#about-timeline .slick-center .cl .dis-div .discpri-div2 .img-ro-back .arrow { position: absolute; width: 25px; height: 24px; animation: rot2 3s infinite linear; transform: rotate(20deg) }
@keyframes rot2 {
0% { transform: rotate(310deg)
  translateX(38px) 
rotate(-126deg);}
/*50% { transform: rotate(280deg)
  translateX(38px) 
rotate(-126deg); }*/
100% { transform: rotate(310deg)
  translateX(38px) 
rotate(-126deg); }
}
#about-timeline .slick-center .cl .dis-div .discpri-div2 .round-text-div { width: 200px; height: 80px; position: absolute;  border: 1px solid #000; border-top-left-radius: 40px; border-bottom-left-radius: 40px; left: 40px; z-index: 1; padding-left: 15px; padding-right: 50px; font-size: 14px; display: flex; align-items: center; text-align: left; }
#about-timeline .slick-center .cl .dis-div .discpri-div3 { position: absolute; top: 279px; left: 270px; opacity: 1;  }
@keyframes hi-w3 {
to { opacity: 1; left: 260px; }
}
#about-timeline .slick-center .cl .dis-div .discpri-div3 .img-ro { width: 70px; height: 70px; overflow: hidden; background-color: #fff; position: absolute; border-radius: 50%; z-index: 2; left: 5px; top: 5px; -webkit-box-shadow: 10px 0px 10px -4px rgba(0, 0, 0, 0.26); -moz-box-shadow: 10px 0px 10px -4px rgba(0, 0, 0, 0.26); box-shadow: 10px 0px 10px -4px rgba(0, 0, 0, 0.26); display: flex; align-items: center; }
#about-timeline .slick-center .cl .dis-div .discpri-div3 .img-ro img { width: 100% }
#about-timeline .slick-center .cl .dis-div .discpri-div3 .img-ro-back { width: 80px; height: 80px; position: absolute; background-color: #000; border-radius: 50%; z-index: 1; display: flex; align-items: center; justify-content: center; }
#about-timeline .slick-center .cl .dis-div .discpri-div3 .img-ro-back .arrow { position: absolute; width: 25px; height: 24px; animation: rot3 3s infinite linear; transform: rotate(20deg) }
@keyframes rot3 {
0% { transform: rotate(250deg)
  translateX(38px) 
rotate(-126deg); }
/*50% { transform: rotate(230deg)
  translateX(38px) 
rotate(-126deg); }*/
100% { transform: rotate(250deg)
  translateX(38px) 
rotate(-126deg); }
}
#about-timeline .slick-center .cl .dis-div .discpri-div3 .round-text-div { width: 200px; height: 80px; position: absolute; border: 1px solid #000; border-top-right-radius: 40px; border-bottom-right-radius: 40px; left: 40px; z-index: 1; padding-left: 50px; font-size: 14px; display: flex; align-items: center; text-align: left; }
#about-timeline .cl .dis-div .dot-round-div, #about-timeline .cl .dis-div .pulse, #about-timeline .cl .dis-div .pulse2, #about-timeline .cl .dis-div .pulse3, #about-timeline .cl .dis-div .discpri-div1, #about-timeline .cl .dis-div .discpri-div2, #about-timeline .cl .dis-div .discpri-div3 { display: none }
#about-timeline .slick-center .cl .dis-div .dot-round-div, #about-timeline .slick-center .cl .dis-div .pulse, #about-timeline .slick-center .cl .dis-div .pulse2, #about-timeline .slick-center .cl .dis-div .pulse3, #about-timeline .slick-center .cl .dis-div .discpri-div1, #about-timeline .slick-center .cl .dis-div .discpri-div2, #about-timeline .slick-center .cl .dis-div .discpri-div3 { display: block }

/*timeline v2 animation end*/
.about-bg .mobile { display: none }




/************************* about  Gallery close  *******************************/

/*/////////////////////////////////////ABOUT PAGE CLOSE///////////////////////////////////*/
@media(min-width:1920px) {


#about .head-text-div { top: 35%; }
.about-bg-text-div { width: 25%; top: 10%; }
.about-bg-text-div .small-text { font-size: 25px; }
.about-bg-text-div .big-text { font-size: 35px; }
.about-bg-text-div p { font-size: 1vw; }
}
@media(max-width:1920px) {
.about-bg-text-div { width: 24%; top: 24%; }
#about .head-text-div { top: 25%; }
.about-bg-text-div .small-text { font-size: 20px; }
.about-bg-text-div .big-text { font-size: 30px; margin-bottom: 30px; text-transform: uppercase; }
.about-bg-text-div p { font-size: 16px; letter-spacing: 0.5px; line-height: 1.5; text-align: left;}
}

@media (max-width:1600px) {
.about-head .main-title-text,.Architectural-Intervention .text-div-new h1,.about-what-we-do h1,#about-timeline .main-title-text,.about-wearein .main-title-text,.about-bg-text-div .big-text,.card-title,.team-headtext{font-size: 24px}
.about-content p.sub-text-head,.about-content p.sub-text-head,.Architectural-Intervention .text-div-new p,.card-text,.about-bg .about-bg-text-div.mobile p{font-size: 15px}
.Architectural-Intervention .text-div-new h2,.about-wearein .main-sub-title-text,.about-bg-text-div .small-text,.about-content .about-text-bold h4{font-size:19px}
.desktop .enquire-now-btn{margin-left: 28px;}
.team-headtext,#contact #inquery .main-title-text{ font-size: 24px;}

#product-disc #top-banner-sect .grid-wraper .box2 .text-div h1,#make-product .container-modi-left .main-title-text,#product-speci .main-title-text,.main-title-text,.round-div .text-round span,.banner-bg .text-div h1{font-size: 24px}
.round-div .text-round p{font-size: 42px}
#product-disc #top-banner-sect .grid-wraper .box2 .text-div .sub-text-head,#make-product .container-modi-left p{font-size: 15px}

.banner-bg .text-div .sub-text-head,#slid-1 .series1 p.sub-text-head,.series2 p.sub-text-head{font-size: 15px}
#slid-1 .series1 .main-title-text,.series2 .main-title-text{ font-size: 22px;}

/*.banner-bg .text-div h1,.main-title-text,#make-product .container-modi-left .main-title-text,#product-speci .main-title-text,.main-title-text{font-size: 24px}*/

.about-bg-text-div{ top: 19%;}

}

@media (max-width:1440px) {

/*///////////////////////////////////////PRODUCT INNER PAGE START////////////////////////////////////*/
.banner-bg .text-div { width: 25%; margin-right: 13%; }
#make-product .container-modi-left ul { justify-content: center; flex-wrap: wrap; }
#slid-1 .series1 .bg .bg-div-slider button.slick-prev { left: 36%; }
#slid-1 .series1 .bg .bg-div-slider button.slick-next { right: 43%; }
#slid-2 .series2 .bg .bg-div-slider button.slick-prev { left: 36%; }
#slid-2 .series2 .bg .bg-div-slider button.slick-next { right: 43%; }
.banner-bg .tiles img { width: 85%; }
#slid-1 .series1 .bg .bg-div-slider { padding-left: 2%; }
#slid-2 .series2 .bg .bg-div-slider { padding-right: 2%; }


#product-disc #top-banner-sect .grid-wraper .box2 .text-div h1,#make-product .container-modi-left .main-title-text,#product-speci .main-title-text,.main-title-text,.round-div .text-round span,.banner-bg .text-div h1{font-size: 24px}
.round-div .text-round p{font-size: 40px}
#product-disc #top-banner-sect .grid-wraper .box2 .text-div .sub-text-head,#make-product .container-modi-left p{font-size: 14px}
.banner-bg .text-div .sub-text-head,#slid-1 .series1 p.sub-text-head,.series2 p.sub-text-head{font-size: 14px}
#slid-1 .series1 .main-title-text,.series2 .main-title-text{ font-size: 22px;}

/*///////////////////////////////////////PRODUCT INNER PAGE CLOSE////////////////////////////////////*/
.about-bg-text-div { width: 24%; top: 24%; }
.about-bg-text-div .small-text { font-size: 15px; }
.about-bg-text-div .big-text { font-size: 20px; }
.about-bg-text-div p { font-size: 1vw; }
.about-head .main-title-text,.Architectural-Intervention .text-div-new h1,.about-what-we-do h1,#about-timeline .main-title-text,.about-wearein .main-title-text,.about-bg-text-div .big-text,.card-title,.team-headtext{font-size: 24px}
.about-content p.sub-text-head,.about-content p.sub-text-head,.Architectural-Intervention .text-div-new p,.card-text,.about-bg .about-bg-text-div.mobile p{font-size: 14px}
.Architectural-Intervention .text-div-new h2,.about-wearein .main-sub-title-text,.about-bg-text-div .small-text,.about-content .about-text-bold h4{font-size:19px}


/*////////////////////////////////////INDEX PAGE//////////////////////////////////*/
#mainBanner { background-position: center left 80%; }
.Architectural-Intervention { margin: 18% 0% 8% 0%;}

/*////////////////////////////////////INDEX PAGE CLOSE//////////////////////////////////*/ }


@media (max-width:1290px) {
  .about-bg-text-div{ top: 28%;}
}


@media (max-width:1200px) {

.about-head .main-title-text,.Architectural-Intervention .text-div-new h1,.about-what-we-do h1,#about-timeline .main-title-text,.about-wearein .main-title-text,.about-bg-text-div .big-text,.card-title,.team-headtext{font-size: 20px}
.about-content p.sub-text-head,.about-content p.sub-text-head,.Architectural-Intervention .text-div-new p,.card-text,.about-bg .about-bg-text-div.mobile p{font-size: 13px}
.Architectural-Intervention .text-div-new h2,.about-wearein .main-sub-title-text,.about-bg-text-div .small-text,.about-content .about-text-bold h4{font-size:19px}
.team-headtext,#contact #inquery .main-title-text{ font-size: 20px;}

#product-disc #top-banner-sect .grid-wraper .box2 .text-div h1,#make-product .container-modi-left .main-title-text,#product-speci .main-title-text,.main-title-text,.round-div .text-round span,.banner-bg .text-div h1{font-size: 20px}
.round-div .text-round p{font-size: 38px}
#product-disc #top-banner-sect .grid-wraper .box2 .text-div .sub-text-head,#make-product .container-modi-left p{font-size: 13px}
.banner-bg .text-div .sub-text-head,#slid-1 .series1 p.sub-text-head,.series2 p.sub-text-head{font-size: 13px}
#slid-1 .series1 .main-title-text,.series2 .main-title-text{ font-size: 20px;}
.main-sub-title-text,#slid-1 .tabContainer .buttonContainer button,#slid-2 .tabContainer-new .buttonContainer-new button{font-size: 16px}

/*///////////////////////////////////////PRODUCT INNER PAGE START////////////////////////////////////*/
.banner-bg .text-div { width: 26%; margin-right: 13%; }
.banner-bg .text-div h1 span:after { width: 25px; }
.banner-bg .tiles { margin-left: 8%; }
.banner-bg .tiles img { width: 80%; }
#make-product .container-modi-left ul { justify-content: center; flex-wrap: wrap; }

/*#make-product .container-modi-left ul li { margin-top: 20px; margin-right: 10px; }*/
#make-product .container-modi-left p { margin-bottom: 30px; }

/*#make-product .container-modi-left ul li { width: 18%; }*/
#thumbnail-slider { display: none !important; }
.round-div .text-round span { font-size: 18px;}
.round-div .text-round p { font-size: 25px;}
.round-div .curcle-icon1 { width: 20%; }
.round-div .curcle-icon2 { width: 20%; }
.round-div .curcle-icon3 { width: 20%; }
.round-div .curcle-icon4 { width: 20%; }
#slid-1 .series1 .bg .bg-div-slider button.slick-prev { left: 30%; }
#slid-1 .series1 .bg .bg-div-slider button.slick-next { right: 39%; }
#slid-2 .series2 .bg .bg-div-slider button.slick-prev { left: 30%; }
#slid-2 .series2 .bg .bg-div-slider button.slick-next { right: 39%; }
#inquery .form .select-wrapper .holder { padding: 0px 14px; }
input[type=text], select, textarea { padding: 5px 10px; }
textarea { height: 36px; }
#inquery .form .select-wrapper, #inquery .form .select-wrapper select { height: 36px; }
#slid-1 .po-1 { margin-right: 15%; }
#slid-1 .po-2, #slid-2 .po-2 { width: 131px; }

#slid-1 .wraper { width: 60%; }
#slid-2 .wraper { width: 60%; }

/*///////////////////////////////////////PRODUCT INNER PAGE CLOSE////////////////////////////////////*/
.about-bg { background-size: 100% auto; }
.about-bg-text-div { width: 27%;}
.about-bg-text-div .small-text { font-size: 15px; }
.about-bg-text-div .big-text { font-size: 20px; }
.about-bg-text-div p { font-size: 1vw; }
.Architectural-Intervention { margin: 19% 0% 8% 0%; }

/*////////////////////////////////////INDEX PAGE//////////////////////////////////*/
.clock-add { top: 34%; left: 60%; }
.table-add { top: 61%; left: 94%; }
#mainBanner { background-position: center left 80%; }
.desktop { margin: 4px 5% 4px 0 !important; }
.desktop .enquire-now-btn { margin-left: 40px; }
.desktop .linkdesk { padding: 0px 10px; }



/*////////////////////////////////////INDEX PAGE CLOSE//////////////////////////////////*/ }
@media (max-width:992px) {

.about-head .main-title-text,.Architectural-Intervention .text-div-new h1,.about-what-we-do h1,#about-timeline .main-title-text,.about-wearein .main-title-text,.about-bg-text-div .big-text,.card-title,.team-headtext{font-size: 20px}
.about-content p.sub-text-head,.about-content p.sub-text-head,.Architectural-Intervention .text-div-new p,.card-text,.about-bg .about-bg-text-div.mobile p{font-size: 12px}
.Architectural-Intervention .text-div-new h2,.about-wearein .main-sub-title-text,.about-bg-text-div .small-text,.about-content .about-text-bold h4{font-size:13px}
.about-content p.sub-text-head{ width: 90%;}
.team-headtext,#contact #inquery .main-title-text{ font-size: 20px;}


#product-disc #top-banner-sect .grid-wraper .box2 .text-div h1,#make-product .container-modi-left .main-title-text,#product-speci .main-title-text,.main-title-text,.round-div .text-round span{font-size: 20px}
.round-div .text-round p{font-size: 36px}
#product-disc #top-banner-sect .grid-wraper .box2 .text-div .sub-text-head,#make-product .container-modi-left p{font-size: 12px}
.banner-bg .text-div .sub-text-head,#slid-1 .series1 p.sub-text-head,.series2 p.sub-text-head{font-size: 12px}
#slid-1 .series1 .main-title-text,.series2 .main-title-text{ font-size: 20px;}


/*///////////////////////////////////////PRODUCT INNER PAGE START////////////////////////////////////*/
.content-mg-width { width: 100% }
.banner-bg .text-div { width: 33% }
.banner-bg .text-div h1 span:after { margin-left: 10px; width: 20px; }
.banner-bg .tiles { margin-left: 2%; }
.banner-bg .bg-transprent-div { width: 32% }
.banner-bg .tiles img { width: 60%; }
#make-product .container-modi-left { width: 100%; margin-right: 0%; }
.series2 .bg .container-modi-left { margin-left: 10%; width: 80%; margin-right: 10%; margin-bottom: 10%; }
.series1 .bg .container-modi-right { margin-left: 10%; width: 80%; margin-right: 10%; }
/*.about-content .about-text-bold span { padding: 15px 25px; }*/
/*.about-content .about-text-bold h4 {padding: 15px 25px; }*/
.series1 .main-title-text, .series1 .main-sub-title-text, .series2 .main-title-text, .series1 .sub-text-head, .series2 .main-sub-title-text, .series2 .sub-text-head, #make-product .container-modi-left .main-title-text, #make-product .container-modi-left .sub-text-head { text-align: center; }
.main-sub-title-text { justify-content: center; }
.series1 .tiles-title { font-size: 14px; }
#heaader .logo img { width: 40%; }
.desktop .linkdesk { padding: 0px 0px; }
#product-speci ul.pecif-left li { font-size: 12px; }
#product-speci ul.pecif-right li { padding: 19px 0; font-size: 12px; }
#product-speci ul.pecif-left li:before { font-size: 10px; padding: 1px 5px; }
#product-speci .download-btn button { font-size: 13px; }
#product-speci .download-btn { margin-top: 20px; }
#product-speci .main-title-text { font-size: 20px }
.main-title-text, #inquery .main-title-text, #make-product .container-modi-left .main-title-text, .series1 .main-title-text, .series2 .main-title-text { font-size: 20px; }
.series1 .tiles-title, .series2 .tiles-title { font-size: 9px; padding: 8px; }
.pro-title-text { font-size: 15px; }
.pro-sub-text { font-size: 12px; }
#make-product .container-modi-left p { margin: 0 auto 30px; }
input[type=text], select, textarea { font-size: 12px; padding: 8px 12px; }
#inquery .form .select-wrapper, #inquery .form .select-wrapper select, input[type=text], select, textarea { height: 37px; }
#inquery .form .select-wrapper, #inquery .form .select-wrapper select, input[type=tel], select, textarea { height: 37px; }
#inquery .form .select-wrapper .holder { padding: 0px 14px; font-size: 12px }
input[type=submit] { font-size: 15px; }
.pro-title-text:before { font-size: 30px; margin-top: -20px; margin-left: -13px; }
.main-sub-title-text { font-size: 13px; }
.play-btn-div { margin-bottom: 20px; }
.series1 .bg .container-modi-right img { width: 70% }
.series2 .bg .container-modi-left img { width: 70% }
.series1 .main-sub-title-text, .series2 .main-sub-title-text { margin-bottom: 20px; }
.series1 .main-title-text, .series2 .main-title-text { margin-top: 30px; }
#thumbnail-slider { display: none !important; }
.round-div {/* width: 30%;*/ margin: 10% 0; }

.round-div .curcle-icon1 { width: 20%; }
.round-div .curcle-icon2 { width: 20%; }
.round-div .curcle-icon3 { width: 20%; }
.round-div .curcle-icon4 { width: 20%; }
#slid-2 .series2 .bg .bg-div-text { padding-right: 0%; order: 1 }
#slid-2 .series2 .bg .bg-div-slider { padding-left: 0%; order: 2 }
#slid-1 .series1 .bg .bg-div-text { padding-left: 0%; }
#slid-1 .series1 .bg .bg-div-slider { padding-right: 0%; }
#slid-2 .tabsy2, #slid-1 .tabsy { width: 70%; margin: 0 auto; }
#slid-1 .series1 .bg .bg-div-slider button.slick-prev { left: 39%; }
#slid-1 .series1 .bg .bg-div-slider button.slick-next { right: 44%; }
#slid-2 .series2 .bg .bg-div-slider button.slick-prev { left: 39%; }
#slid-2 .series2 .bg .bg-div-slider button.slick-next { right: 44%; }
#product-speci .bordersq { width: 90%; margin: 4%; padding: 2% }
#product-speci .direction { flex-direction: column; }
#slid-1 .series1 .main-sub-title-text span:before, .series1 .main-sub-title-text span:after, .series2 .main-sub-title-text span:before, .series2 .bg .main-sub-title-text span:after, .series2 .main-sub-title-text span:before, .series2 .bg .main-sub-title-text span:after, #make-product .container-modi-left .main-sub-title-text span:before, #make-product .container-modi-left .main-sub-title-text span:after { display: none; }
#inquery .form { width: 100%; margin: 0 10px 10px 10px; }
#slid-2 .tabContainer-new { width: 96%; margin: 0 auto; }
#slid-2 .tabContainer-new .buttonContainer-new { position: relative; }
#slid-2 .tabContainer-new .buttonContainer-new .main-sub-title-text-new { top: -20%; }
#slid-1 .tabContainer { width: 96%; margin: 0 auto; }
#slid-1 .series1 .main-sub-title-text-new span { margin-left: 6px; }
#slid-2 .tabContainer-new .buttonContainer-new .main-sub-title-text-new { top: -20%; }
#slid-1 .po-2, #slid-2 .po-2 { width: 160px; }

/*-----------------------------About page gallery-----------------------------*/
.team-headtext-small-text { font-size: 10px; }
.about-head .main-title-text { font-size: 18px; }
.about-head .main-sub-title-text { font-size: 14px; }
.about-content p.sub-text-head { font-size: 12px; }
.about-content .about-text-bold { font-size: 18px; }
.about-what-we-do .main-title-text { text-align: center; font-size: 18px; margin-left: 20%; position: relative; top: 0; }
.card-text { font-size: 12px; }
.card-title { font-size: 14px; }
.about-wearein .main-title-text { font-size: 18px; }
.about-wearein .main-sub-title-text { font-size: 14px; }
#about-timeline .slick-list:before, #about-timeline .slick-list:after { width: 200px; }
.dis-div { height: 60%; }
#about-timeline .round-div { width: 20%; margin: 2% 0; }
.container-slider button.slick-prev, .container-slider button.slick-next { top: 170px; }
.about-what-we-do .main-title-text { font-size: 25px; }
.about-what-we-do .main-title-text:before, .about-what-we-do .main-title-text:after { width: 50px; }
.about-content .about-text-bold h4{ font-size: 18px;}
/*-----------------------------About page gallery close-----------------------------*/

/*///////////////////////////////////////PRODUCT INNER PAGE CLOSE////////////////////////////////////*/



/*////////////////////////////////////INDEX PAGE////////////////////////////////*/
#mainBanner .clock-add, #mainBanner .frame-add, #mainBanner .chair-add, #mainBanner .floor-add, #mainBanner .table-add { display: none }

#carbonDesign .ccproinner { padding: 28px 10px; }
#carbonDesign h3.protitle3 { font-size: 18px; }
.desktop .enquire-now-btn { margin-left: 20px; }
#carbonFocused .we-r-focus-bg-1 .media img, #carbonFocused .we-r-focus-bg-2 .media img, #carbonFocused .we-r-focus-bg-3 .media img, #carbonFocused .we-r-focus-bg-4 .media img { padding: 7px; }
#footer .subs-div { flex-direction: column; }
#footer .subs-div .text-div { flex-direction: column; width: 100%; }
#footer .subs-div .text-div .text-div1 { align-items: center; width: 100%; text-align: center; margin: 20px 0; }
#footer .subs-div form { flex-direction: column; width: 100%; }
#footer .subs-div form .fotm-div { width: 100%; padding-right: 0px; }
#footer .subs-div .form-submdiv { display: flex; align-items: center; justify-content: center; margin: 10px 0 0; }
#footer .subs-div img { padding-right: 0px; }
#footer .subs-div input[type=text] { text-align: center; }
.about-bg-text-div { width: 26%;}
.about-bg-text-div .small-text { font-size: 15px; }
.about-bg-text-div .big-text { font-size: 20px; }
.about-bg-text-div p { font-size: 1vw; }
.Architectural-Intervention { margin: 19% 0% 8% 0%; }
.Architectural-Intervention .text-div-new h1, .about-what-we-do h1 { font-size: 20px }
.about-what-we-do h1{ margin-bottom: 20px;}
.card-img-top{width: 80px;    height: 80px;}
.Architectural-Intervention .text-div-new h2 { font-size: 15px }
.Architectural-Intervention .text-div-new p { font-size: 12px }
.d-change-2 .desig { position: relative; top: 0; padding: 15px 15px; width: 50%; margin: 0 auto 35px; }
.d-change-2 .img-div, .d-change-2 .team-text-div, .d-change-2 .read-more { margin: 0 auto;/* margin-left: 0%;*/ }
.d-change-2 .desig:after { display: none; }
#about-timeline .main-title-text:after { left: 95px; }

/*////////////////////////////////////INDEX PAGE CLOSE////////////////////////////////*/ }

@media (max-width:900px) {
  .Architectural-Intervention { margin: 21% 0% 8% 0%; }
  .about-bg-text-div { top: 30%; }
  .about-bg-text-div .big-text{ font-size: 18px;}
}
@media (max-width:830px) {
  .Architectural-Intervention { margin: 22% 0% 8% 0%; }
}
@media (max-width:800px) {
  .Architectural-Intervention { margin: 26% 0% 8% 0%; }
  .about-bg-text-div { width: 29%; text-align: left; } 
  .about-bg-text-div p { font-size: 1.1vw;}
}


@media (max-width:768px) {
.about-head .main-title-text,.Architectural-Intervention .text-div-new h1,.about-what-we-do h1,#about-timeline .main-title-text,.about-wearein .main-title-text,.about-bg-text-div .big-text,.card-title,.team-headtext{font-size: 20px}
.about-content p.sub-text-head,.about-content p.sub-text-head,.Architectural-Intervention .text-div-new p,.card-text,.about-bg .about-bg-text-div.mobile p{font-size: 12px}
.Architectural-Intervention .text-div-new h2,.about-wearein .main-sub-title-text,.about-bg-text-div .small-text,.about-content .about-text-bold h4{font-size:13px}
.about-content p.sub-text-head{line-height: auto}



.desktop-s-h { display: none }
.mobile-s-h { display: block }
.navbar.navbar-dark { padding: 1.4rem 1rem; }
#contact #contact-detail { margin-top: 41px; }
#contact #contact-detail .contact-text-dtl .add-div:after { display: none }
.navbar-dark .navbar-toggler-icon { background-image: url('../images/index/menu-mob-img.png'); }
.navbar-dark .navbar-toggler-icon.active { background-image: url("../images/index/menu-mob-close-img.png"); }
.logo { left: 0%; width: 38%; }
.navbar-dark .navbar-toggler { background-color: transparent; outline: none }

.banner-bg { background-image: url("../images/proinner_mob-banner.jpg"); }

/*///////////////////////////////////////PRODUCT INNER PAGE START////////////////////////////////////*/
.banner-bg { align-items: center }
.banner-bg .tiles { margin-left: 10%; }
.banner-bg .bg-transprent-div { bottom: 0; height: 30%; width: 70%; margin-right: 0%; left: 3%; right: 0; display: none }
/* .banner-bg .text-div { width: 60%; margin: 0%; padding: 5%; bottom: 3%; height: auto; left: 3%; background-image: url("../images/tile-banner-bg.png"); } */
#tile-page .banner-bg .text-div ul { padding: 0 15px 15px 0px; }
.banner-bg { height: 130vh; }
.banner-bg .text-div ul { padding: 0 15px 15px 60px; }
.banner-bg .text-div ul:before { margin-top: 0px; left: 0%; }
/*.banner-bg .text-div .sub-text-head, .banner-bg .text-div ul li .small-text { font-size: 16px; }*/
.banner-bg .text-div ul li, .banner-bg .text-div ul li span.white { font-size:16px; }
.banner-bg .text-div ul li span { font-size: 12px; }
/*.banner-bg .text-div h3 { font-size: 13px; }
.banner-bg .text-div h1 { font-size: 24px; }*/
.banner-bg .tiles img { width: 60%; }
#product-speci ul.pecif-left li { font-size: 12px; }
#product-speci ul.pecif-right li { padding: 19px 0; font-size: 12px; }
#product-speci ul.pecif-left li:before { font-size: 10px; padding: 1px 5px; }
#product-speci .download-btn button { font-size: 13px; }
#product-speci .download-btn { margin-top: 45px; margin-bottom: 32px; }
/*#product-speci .main-title-text { font-size: 30px }*/
/*.main-title-text, #inquery .main-title-text, #make-product .container-modi-left .main-title-text, .series1 .main-title-text, .series2 .main-title-text { font-size: 30px; }*/
.series1 .tiles-title, .series2 .tiles-title { font-size: 9px; padding: 8px; }
.pro-title-text { font-size: 15px; }
.pro-sub-text { font-size: 12px; }
#make-product .container-modi-left p { margin-bottom: 30px; margin-left: 0; width: 100%; }
input[type=text], select, textarea { font-size: 16px; }
input[type=submit] { font-size: 15px; }
.pro-title-text:before { font-size: 30px; margin-top: -20px; margin-left: -13px; }
.main-sub-title-text { font-size: 16px; }
.play-btn-div { margin-bottom: 20px; order: 2; margin-top: 60px; }
.series1 .bg .container-modi-right img { width: 70% }
.series2 .bg .container-modi-left img { width: 70% }
.series1 .main-sub-title-text, .series2 .main-sub-title-text { margin-bottom: 20px; }
.series1 .main-title-text, .series2 .main-title-text { margin-top: 30px; }
#thumbnail-slider { display: none !important; }
.round-div { /*width: 40%; */margin: 20% 0; }

.round-div .curcle-icon1 { width: 20%; }
.round-div .curcle-icon2 { width: 20%; }
.round-div .curcle-icon3 { width: 20%; }
.round-div .curcle-icon4 { width: 20%; }
#slid-2 .series2 .bg .bg-div-text { padding-right: 0%; }
#slid-2 .series2 .bg .bg-div-slider { padding-left: 0%; padding-right: 0%; }
#slid-1 .series1 .bg .bg-div-text { padding-left: 0%; }
#slid-1 .series1 .bg .bg-div-slider { padding-right: 0%; }
#slid-1 .series1 .bg .bg-div-slider button.slick-prev { left: 40%; }
#slid-1 .series1 .bg .bg-div-slider button.slick-next { right: 40%; }
#slid-2 .series2 .bg .bg-div-slider button.slick-prev { left: 40%; }
#slid-2 .series2 .bg .bg-div-slider button.slick-next { right: 40%; }
#slid-1 .series1 .bg .bg-div-slider .slider-img-disk, #slid-2 .series2 .bg .bg-div-slider .slider-img-disk { margin-bottom: 20%; }
#slid-1 .series1 .bg .bg-div-slider button.slick-prev, #slid-1 .series1 .bg .bg-div-slider button.slick-next, #slid-2 .series2 .bg .bg-div-slider button.slick-prev, #slid-2 .series2 .bg .bg-div-slider button.slick-next { top: 89%; }
#slid-1 .series1 .main-sub-title-text span:before, .series1 .main-sub-title-text span:after, .series2 .main-sub-title-text span:before, .series2 .bg .main-sub-title-text span:after, .series2 .main-sub-title-text span:before, .series2 .bg .main-sub-title-text span:after, #make-product .container-modi-left .main-sub-title-text span:before, #make-product .container-modi-left .main-sub-title-text span:after { display: none; }
#product__slider .product__slider-thmb { display: none !important }
#product__slider .product__slider-main { width: 100% !important }
#slid-1 .series1 .bg .bg-div-slider .slick-slide, #slid-2 .series2 .bg .bg-div-slider .slick-slide { margin-right: 20px; margin-left: 20px; }
#slid-2 .tabContainer-new, #slid-1 .tabContainer { flex-direction: column; padding-top: 10%; }
#slid-2 .tabContainer-new .buttonContainer-new { order: 1 }
#slid-2 .wraper { order: 2 }

#slid-2 .tabContainer-new .buttonContainer-new .main-sub-title-text-new, #slid-1 .series1 .main-sub-title-text-new { left: 0; text-align: center; right: 0; }
#slid-1 .tabContainer .buttonContainer, #slid-2 .tabContainer-new .buttonContainer-new { background-position: center center; }
#slid-2 .tabContainer-new .buttonContainer-new .main-sub-title-text-new span, #slid-1 .series1 .main-sub-title-text-new span { margin: 0 }
#slid-1 .wraper, #slid-2 .wraper { width: 100% }
#slid-2 .tabContainer-new .buttonContainer-new, #slid-1 .tabContainer .buttonContainer { padding: 2% 0 2% 0%; }
#slid-1 .tabContainer .buttonContainer button, #slid-2 .tabContainer-new .buttonContainer-new button { text-align: center; }
#slid-2 .tabContainer-new .buttonContainer-new button span:after { content: ""; position: absolute; height: 1px; width: 50px; background-color: #aaaaaa; top: 50%; transform: translateY(-50%); margin-right: -60px; }
#slid-1 .tabContainer .buttonContainer button span:before { content: ""; position: absolute; height: 1px; width: 50px; background-color: #aaaaaa; top: 50%; transform: translateY(-50%); margin-left: -60px; }
.series1 .main-title-text, .series1 .main-sub-title-text, .series2 .main-title-text, .series1 .sub-text-head, .series2 .main-sub-title-text, .series2 .sub-text-head, #make-product .container-modi-left .main-title-text, #make-product .container-modi-left .sub-text-head { text-align: left }
.main-sub-title-text { justify-content: flex-start; }
.series1 .main-sub-title-text span:after, .series2 .bg .main-sub-title-text span:after { display: block }
#inquery .form { padding: 50px 0 5% 0; }
input[type=submit] { margin-top: 36px; margin-bottom: 0; }
#footer .subs-div input[type=submit] { font-size: 12px; padding: 6px 20px; }
.design-series .main-title-text:before{    width: 60px;    left: -105px;}
.design-series .main-title-text:after{    width: 60px;    right: -75px;}


/*///////////////////////////////////////PRODUCT INNER PAGE CLOSE////////////////////////////////////*/

/*-----------------------------About page gallery-----------------------------*/
#about-timeline .slick-list:before, #about-timeline .slick-list:after { width: 48px; }
.dis-div { height: 60%; }
#about-timeline .round-div { width: 20%; margin: 2% 0; }
.about-bg { flex-direction: column; }
.about-content { position: relative; }
.about-what-we-do { margin: 8% 0% 8% 0%; }
.about-head .main-title-text:before, .about-head .main-title-text:after { width: 30px; display: none }
.about-head { margin: 3% 3% 3% 3%; }
.about-content .about-text-bold, .about-content p.sub-text-head, .about-content p.sub-text-head { width: 100%; text-align: left; }
.about-content .about-text-bold { margin-bottom: 20px; margin-top: 0px; }
.about-bg-text-div .small-text {/* font-size: 22px;*/ }
.about-bg-text-div .big-text { /*font-size: 30px; */text-transform: uppercase; }
.about-what-we-do .main-title-text { margin: 0 auto }
.about-what-we-do .main-title-text:before, .about-what-we-do .main-title-text:after { display: none }
#about .head-text-div2, .head-text-div2 { display: none; }
.about-bg .mobile { display: block; position: relative; color: #fff; width: 100%; margin: 0 auto; top: 0; left: 0; padding: 5% 0;}
/*.about-bg .mobile-bg{ background-image: url("../images/about-bg-2-new-mobile.png"); background-position: center center; background-repeat: no-repeat; background-size: 100%; padding:80px 20px;}*/
    .about-bg .mobile-bg{    padding: 80px 80px;background-image: url(../images/about-bg-2-new-mobile.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size: 140%; }
.Architectural-Intervention .text-div-new h1, .about-what-we-do h1 { /*font-size: 30px; */}
.about-bg .about-bg-text-div.mobile p { font-family: 'hind_siliguriregular'; }
.about-bg-text-div { display: none }
.about-bg { background-image: none; }
.p-right-2 { width: 100% !important; flex: 100% !important; max-width: 100%; }
#about-timeline .slick-center .cl .dis-div .discpri-div1 .img-ro-back .arrow, #about-timeline .slick-center .cl .dis-div .discpri-div2 .img-ro-back .arrow, #about-timeline .slick-center .cl .dis-div .discpri-div3 .img-ro-back .arrow { animation: none; }
#about-timeline .slick-center .cl .dis-div .discpri-div1 { left: 80px; }
@keyframes hi-w3 {
to { opacity: 1; left: 80px; }
}
@keyframes hi-w2 {
to { opacity: 1; left: 40px; }
}
#about-timeline .slick-center .cl .dis-div .discpri-div3 { top: 400px; }
#about-timeline .slick-center .cl .dis-div .discpri-div2 { top: 300px; }
#about-timeline .slick-slide:not(.slick-active) { margin: 20px 0; }
#about-timeline .slick-active { padding: 20px 0; margin-bottom: 140px; }
#about-timeline .slick-track:before { top: 38%; }
.Architectural-Intervention { margin: 2% 0% 0% 0%; }
.Architectural-Intervention .text-div-new { width: 95%; margin: 0 auto; }
.Architectural-Intervention .text-div-new h2 { /*font-size: 20px; */}
.Architectural-Intervention .text-div-new p { margin: 0 auto 0% auto; width: 100%; text-align: left; }
.Architectural-Intervention .background { background-size: 90% auto; background-position: bottom center; }
.card-img-top { width: 80px; height: 80px; padding: 8px; margin: 20px 0 0 0; display: flex; align-items: center; justify-content: center; }
.card-img-top img { width: 50%; }
.team-headtext { /*font-size: 30px; */}
#about .head-text-div { top: 45%; }
.about-head .main-title-text { /*font-size: 30px;*/ }
.card-title { /*font-size: 22px;*/ }
.card-text { /*font-size: 16px; */}
.about-what-we-do .text-div-new { margin-bottom: 10px; }
#about .card { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.38); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.38); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.38); margin: 5% 0 }
.about-wearein .main-title-text { /*font-size: 30px; */}
.about-wearein .main-sub-title-text { /*font-size: 22px;*/ }
#about .about-wearein .card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.about-wearein .main-title-text{ margin-bottom: 18px;}

/*-----------------------------About page gallery close-----------------------------*/

/*///////////////////////////////////INDEX PAGE START///////////////////////////////*/

#carbonFocused .we-r-focus-bg-1, #carbonFocused .we-r-focus-bg-2, #carbonFocused .we-r-focus-bg-3, #carbonFocused .we-r-focus-bg-4 { margin: 2% 0; border-radius: 10px; }
#carbonFocused .we-r-focus-bg-1 { background-position: bottom center; background-image: url(../images/home-we-r-focus1-mobile.png); }
#carbonFocused .we-r-focus-bg-2 { background-position: bottom center; background-image: url(../images/home-we-r-focus2-mobile.png); }
#carbonFocused .we-r-focus-bg-3 { background-position: bottom center; background-image: url(../images/home-we-r-focus3-mobile.png); }
#carbonFocused .we-r-focus-bg-4 { background-position: bottom center; background-image: url(../images/home-we-r-focus4-mobile.png); }
#carbonFocused, #carbonDesign { height: auto; }
#carbonFocused { background-size: 300% 100%; background-position: 55%; background-repeat: no-repeat; padding: 0em 5% 11% 5% }
#carbonFocused .media { width: 100%; float: left; padding: 15px !important; margin-top: 20%; margin-bottom: 5%; }
.w-25 { width: 20% !important; }
#carbonFocused .media span { font-size: 16px; }
#carbonDesign { padding: 3em 0; }
.slide_one { width: 100%; height: auto; }
#mainBanner .display-3 { font-size: 3em; margin-bottom: 1em !important; }
#carbonDesign .slick-center .ccproinner { width: 100%; }
#carbonDesign .ccproinner { padding: 22px 10px; }
#carbonDesign .ccproinner .slide_two { width: 100px; height: 100px; }
#carbonDesign .slick-center .ccproinner .slide_two { animation: slidoff 1s forwards; width: 0; height: 0; }
#carbonDesign .slick-center .ccproinner .slide_one { display: inline-block; animation: slidon 1s forwards; }
@keyframes slidoff {
0% { transform: scale(1) }
100% { transform: scale(0) }
}
@keyframes slidon {
0% { transform: scale(0); }
25% { transform: scale(0); }
100% { transform: scale(1); }
}
.protitle { font-size: 18px; }
#carbonDesign h3.protitle3 { font-size: 12px; }
.protitle2 { width: 40%; }
#mainBanner .clock-add, #mainBanner .frame-add, #mainBanner .chair-add, #mainBanner .floor-add, #mainBanner .table-add { display: none }

#mainBanner .banner-content h1 { color: #000; font-family: 'hind_siliguri_semiboldregular'; font-size: 58px; }
#mainBanner .banner-content p { color: #000; font-family: 'hind_siliguri_lightregular'; font-size: 20px; }
#footer .subs-div { flex-direction: column; }
#footer .subs-div img { padding-right: 0px; padding-bottom: 20px; }
#footer .subs-div .text-div { width: 100%; padding-right: 0px; margin-right: 0; margin-bottom: 0px; text-align: center; flex-direction: row; }
#footer .subs-div .form-submdiv { width: 30%; text-align: center; justify-content: flex-end; }
#footer .subs-div .form-submdiv input[type=submit] { float: none; }
#footer .subs-div form { flex-direction: row; width: 85%; margin-left: 15%; align-items: flex-start; }
#footer .subs-div form .fotm-div { width: 70%; padding-right: 0px; padding-bottom: 0; }
#footer .subs-div .text-div .text-div1 { text-align: left; align-items: flex-start; margin-left: 30px; }
#footer .subs-div input[type=text] { text-align: left; }
#footer .subs-div p { font-size: 16px; }

/*#carbonFocused .media{margin-top: 10%;}*/
#carbonDesign .carbon-design-subtitle:before { content: ''; background: #000; position: absolute; width: 50px; height: 1px; top: 50%; left: calc(50% - 140px); }
#carbonDesign .carbon-design-subtitle:after { content: ''; background: #000; position: absolute; width: 50px; height: 1px; top: 50%; left: calc(50% + 90px); }
#carbonDesign .paddingtb { padding-top: 2.1rem; }
#carbonDesign p { font-size: 16px; }
.multiple-items .slick-prev { left: 0%; top: 70%; width: 25px; height: 60px; }
.multiple-items .slick-next { right: 0%; top: 70%; width: 25px; height: 60px; }
#carbonFocused .head-text-div { background-image: none; position: relative !important; }
#carbonFocused .head-text-div h2 { color: #000 }

/*///////////////////////////////////INDEX PAGE CLOSE///////////////////////////////*/

/*///////////////Team page start//////////////////*/
.d-change-2 .desig { position: relative; top: 0; padding: 15px 15px; width: 50%; margin: 0 auto }
.d-change-2 .img-div, .d-change-2 .team-text-div, .d-change-2 .read-more { margin: 0 auto;/* margin-left: 0%;*/ }
.d-change-2 .desig:after { display: none; }
.p-right-2 { padding-right: 0% !important; }

/*/////////////////////////////*/

/*///////////////contact page start//////////////////*/
#contact #inquery .form { padding: 12% 0 2% 0; }
#contact #inquery .main-title-text { margin-bottom: 20px; }
#contact #inquery input[type=submit] { margin-top: 37px; }
/*.about-content .about-text-bold span{line-height: 30px}*/
.about-content .about-text-bold h4 {line-height: 30px }

.banner-content{ left: 10%;}

/*/////////////////////////////*/ }


@media (max-width:576px) {
.about-what-we-do h1 { font-size: 30px; }
#product-speci .download-btn button{font-size: 12px;}

.about-head .main-title-text,.Architectural-Intervention .text-div-new h1,.about-what-we-do h1,#about-timeline .main-title-text,.about-wearein .main-title-text,.about-bg-text-div .big-text,.card-title,.team-headtext{font-size: 20px}
.about-content p.sub-text-head,.about-content p.sub-text-head,.Architectural-Intervention .text-div-new p,.card-text,.about-bg .about-bg-text-div.mobile p{font-size: 12px}
.Architectural-Intervention .text-div-new h2,.about-wearein .main-sub-title-text,.about-bg-text-div .small-text,.about-content .about-text-bold h4{font-size:13px}
.about-bg { /*background-image: none;*//*background-image: url(../images/about-bg-2-new-mobile.png);*/
   /* background-position: center center;*/
    /*background-repeat: no-repeat;
    background-position:center;
    background-size: 140%;*/ }
/*.Architectural-Intervention .text-div-new h1{ font-size: 30px;text-align: left; }*/
/*///////////////////////////////////////PRODUCT INNER PAGE START////////////////////////////////////*/
.banner-bg { align-items: flex-start; position: relative; }
.banner-bg .tiles { margin: 5% 16%; }
.banner-bg .tiles img { width: 100%; }
.banner-bg .bg-transprent-div { bottom: 0; height: 50%; width: 100%; margin-right: 0%; }
.banner-bg .text-div { width: 80%; margin: 0 auto 4%; padding: 4%; bottom: 0; right: auto; }
.banner-bg .text-div ul { padding: 0;  margin: 15px 0;}
.series2 .bg{ background-size: 60% auto;}
.head-text-div2{ padding-right: 5%;}




.banner-bg .text-div ul:before { margin-top: 0px; left: 5%; }
/*.banner-bg .text-div .sub-text-head, .series1 .sub-text-head, .series2 .sub-text-head, #make-product .container-modi-left .sub-text-head { font-size: 12px; }*/
.banner-bg .text-div ul li { font-size: 12px; }
.banner-bg .text-div ul li span { font-size: 12px; }
.banner-bg .text-div h3 { font-size: 13px; }
.banner-bg .text-div h1 {/* font-size: 16px; */}
#product-speci ul.pecif-left li,#product-speci ul.pecif-left li span { font-size: 12px; }
#product-speci ul.pecif-right li { padding: 19px 0; font-size: 12px; }
#product-speci ul.pecif-left li:before { font-size: 10px; padding: 1px 5px; }
#product-speci .download-btn button { padding: 8px 21px; }
#product-speci .download-btn { margin-top: 20px; }
#product-speci .main-title-text { font-size: 20px }
.main-title-text, #inquery .main-title-text, #make-product .container-modi-left .main-title-text, .series1 .main-title-text, .series2 .main-title-text { font-size: 20px; }
.series1 .tiles-title, .series2 .tiles-title { font-size: 9px; padding: 8px; }
.pro-title-text { font-size: 15px; }
.pro-sub-text { font-size: 12px; }
#make-product .container-modi-left p { margin-bottom: 30px; width: 100% }
input[type=text], select, textarea { font-size: 12px; }
input[type=submit] { font-size: 15px; }
.pro-title-text:before { font-size: 30px; margin-top: -20px; margin-left: -13px; }
.main-sub-title-text { font-size: 13px; }
.play-btn-div { margin-bottom: 20px; }
.series1 .bg .container-modi-right img { width: 70% }
.series2 .bg .container-modi-left img { width: 70% }
.series1 .main-sub-title-text, .series2 .main-sub-title-text { margin-bottom: 20px; }
.series1 .main-title-text, .series2 .main-title-text { margin-top: 30px; }
.logo {left: 5%;width: 40%;top: 20px;}
.logo img { width: 100%; }
#thumbnail-slider { display: none !important; }
.round-div { width: 60%; margin: 20% 0; }

.round-div .curcle-icon1 { width: 20%; }
.round-div .curcle-icon2 { width: 20%; }
.round-div .curcle-icon3 { width: 20%; }
.round-div .curcle-icon4 { width: 20%; }
#slid-2 .series2 .bg .bg-div-text { padding-right: 0%; }
#slid-2 .series2 .bg .bg-div-slider { padding-left: 0%; }
#slid-1 .series1 .bg .bg-div-text { padding-left: 0%; }
#slid-1 .series1 .bg .bg-div-slider { padding-right: 0%; padding-left: 0%; }
#slid-1 .series1 .bg .bg-div-slider .slider-img-disk, #slid-2 .series2 .bg .bg-div-slider .slider-img-disk { margin-bottom: 10%; }
#slid-1 .series1 .bg .bg-div-slider button.slick-prev, #slid-1 .series1 .bg .bg-div-slider button.slick-next, #slid-2 .series2 .bg .bg-div-slider button.slick-prev, #slid-2 .series2 .bg .bg-div-slider button.slick-next { top: 80%; }
#slid-1 .series1 .main-sub-title-text span:before, .series1 .main-sub-title-text span:after, .series2 .main-sub-title-text span:before, .series2 .bg .main-sub-title-text span:after, .series2 .main-sub-title-text span:before, .series2 .bg .main-sub-title-text span:after, #make-product .container-modi-left .main-sub-title-text span:before, #make-product .container-modi-left .main-sub-title-text span:after { display: none; }
#product__slider { margin-bottom: 20px; }
#slid-1 .series1 .bg .bg-div-slider .slider-img-disk, #slid-2 .series2 .bg .bg-div-slider .slider-img-disk { margin-bottom: 35%; }
#slid-1 .tabContainer { flex-direction: column; }
#slid-1 .wraper { width: 100%; }
#slid-2 .wraper { width: 100%; }
#slid-2 .tabContainer-new .buttonContainer-new, #slid-1 .tabContainer .buttonContainer { padding: 2% 0 2% 0%; }
#slid-1 .series1 .main-sub-title-text-new span { margin-left: 0px; }
#slid-1 .series1 .main-sub-title-text-new { top: 0%; }
/* #slid-1 .po-in-div, #slid-2 .po-in-div { flex-direction: column; } */
#slid-1 .po-1, #slid-2 .po-1 { margin-right: 0%; top: 0%; }
#slid-1 .po-2, #slid-2 .po-2 { top: 60%; left: 40%; }
#slid-1 .po-in-div, #slid-2 .po-in-div { height: auto; }
#slid-1 .series1 .bg .bg-div-slider .slider-img-disk, #slid-2 .series2 .bg .bg-div-slider .slider-img-disk { margin-bottom: 10%; margin-top: 20%; }
#slid-1 .po-div-img { margin-left: 0%; margin-bottom: 10%; }
#slid-1 .tabContainer, #slid-2 .tabContainer-new { padding-top: 25%; }
#slid-1 .series1 .main-sub-title-text-new { top: -26%; position: relative; }
#slid-2 .po-div-img { order: 2; margin-right: 0%; margin-bottom: 10%; }
#slid-2 .po-1 { order: 1 }
#slid-1 .tabContainer .buttonContainer button, #slid-2 .tabContainer-new .buttonContainer-new button { text-align: center; }
#slid-2 .tabContainer-new .buttonContainer-new button span:after { content: ""; position: absolute; height: 1px; width: 50px; background-color: #aaaaaa; top: 50%; transform: translateY(-50%); margin-right: -60px; }
#slid-1 .tabContainer .buttonContainer button span:before { content: ""; position: absolute; height: 1px; width: 50px; background-color: #aaaaaa; top: 50%; transform: translateY(-50%); margin-left: -60px; }

/*-----------------------------About page gallery-----------------------------*/
.team-headtext-small-text { font-size: 10px; }
/*.team-headtext { font-size: 15px; }*/
/*.about-head .main-title-text { font-size: 18px; }*/
/*.about-head .main-sub-title-text { font-size: 14px; }*/
/*.about-content p.sub-text-head { font-size: 12px; }*/
/*.about-content .about-text-bold { font-size: 18px; }*/
.about-what-we-do .main-title-text { text-align: center; font-size: 18px; margin-left: 0; }
/*.card-text { font-size: 12px; }
.card-title { font-size: 14px; }*/
/*.about-wearein .main-title-text { font-size: 18px; }
.about-wearein .main-sub-title-text { font-size: 14px; }*/
#about-timeline .slick-list:before, .slick-list:after { width: 48px; }
.dis-div { height: 60%; font-size: 14px; }
#about-timeline .round-div { width: 20%; margin: 7% 0; }
.about-head .main-sub-title-text span:before, #about-timeline .about-head .main-sub-title-text span:after { width: 20px }
.line-vertical { height: 1px; width: 100%; transform: rotate(0deg); }
.about-bg-text-div { display: none }
/*.about-bg { background-image: none; }*/
.mobile-bg .mobile .small-text,.mobile-bg .mobile .big-text,.mobile-bg .mobile p{color: #fff}
#slid-1 .series1 .bg .bg-div-slider .slick-slide, #slid-2 .series2 .bg .bg-div-slider .slick-slide { margin-right: 40px; margin-left: 40px; }
.about-head .main-title-text:before, .about-head .main-title-text:after, .about-what-we-do .main-title-text:before, .about-what-we-do .main-title-text:after { display: none }
.about-what-we-do .main-title-text { margin: 0 auto }
.about-what-we-do .main-title-text:before, .about-what-we-do .main-title-text:after { display: none }
#about .head-text-div2 { display: none; }
#slid-1 .series1 .bg .bg-div-slider button.slick-next, #slid-2 .series2 .bg .bg-div-slider button.slick-next { right: 30%; }
#slid-1 .series1 .bg .bg-div-slider button.slick-prev, #slid-2 .series2 .bg .bg-div-slider button.slick-prev { left: 30%; }
.about-what-we-do h1:before, .about-what-we-do h1:after{ width:50px;}
.about-what-we-do h1:before{left: -80%;}
.about-what-we-do h1:after{    right: -80%;}
.about-what-we-do h1:after {
  left: calc(66% + 50px);
}
/*.about-content .about-text-bold span { margin: 15px 0px;padding:10px 0}*/
.about-content .about-text-bold h4 { margin: 15px 0px; padding: 10px 10px; }


/*-----------------------------About page gallery close-----------------------------*/
#tile-page .banner-bg { height: 80vh; }

/*///////////////////////////////////////PRODUCT INNER PAGE CLOSE////////////////////////////////////*/

/*////////////////////////////////////INDEX PAGE////////////////////////////////*/
#mainBanner .clock-add, #mainBanner .frame-add, #mainBanner .chair-add, #mainBanner .floor-add, #mainBanner .table-add { display: none }
.slide_one { width: 50%; height: auto; }
#savePlanet .card {left: -22% !important; }

#mainBanner .banner-content h1 { color: #000; font-family: 'hind_siliguri_semiboldregular'; font-size: 38px; }
#mainBanner .banner-content p { color: #000; font-family: 'hind_siliguri_lightregular'; font-size: 18px; margin-bottom: 0;}
#carbonFocused .we-r-focus-bg-1, #carbonFocused .we-r-focus-bg-2, #carbonFocused .we-r-focus-bg-3, #carbonFocused .we-r-focus-bg-4 { height: auto; }
#footer .subs-div { flex-direction: column; }
#footer .subs-div img { padding-right: 0px; }
#footer .subs-div form .fotm-div { width: 60% }
#footer .subs-div .form-submdiv { width: 40% }
#footer .subs-div form { margin-left: 0%; width: 100%; }

/*////////////////////////////////////INDEX PAGE CLOSE////////////////////////////////*/

/*///////////////Team page start//////////////////*/
.d-change-2 .desig { position: relative; top: 0; padding: 15px 15px; width: 50%; margin: 0 auto 35px; }
.d-change-2 .img-div, .d-change-2 .team-text-div, .d-change-2 .read-more { margin: 0 auto; width: 90%; }
.d-change-3 .img-div, .d-change-3 .team-text-div, .d-change-3 .read-more { width: 90%; }
.d-change-2 .desig:after { display: none; }

/*/////////////////////////////*/ }

@media (max-width:576px) and (min-width:425px) {
  .about-bg .mobile-bg{padding: 180px 60px;    background-size: 150%;}
  .round-div .text-round p{ font-size: 30px; }
  .round-div .text-round span{font-size: 16px;}
  }

@media (max-width:425px) and (min-width:375px) {
  .about-bg .mobile-bg{padding: 80px 60px;    background-size: 190%;}
  .round-div{    width: 70%;}
   .round-div .text-round p{ font-size: 28px; }
  .round-div .text-round span{font-size: 15px;}
    }
 @media (max-width:375px)  and (min-width:320px) {
  .about-bg .mobile-bg{padding:110px 20px; background-size: 195%;}
  .round-div{    width: 80%;}
   .round-div .text-round p{ font-size: 26px; }
  .round-div .text-round span{font-size: 14px;}
    }
/*  @media (max-width:320px) {
  .about-bg .mobile-bg{padding: 80px 60px;    background-size: 190%;}
    }
*/

/*///////////////////////////////////////(only for top nav) ////////////////////////////////////*/
@media (min-width:767px) {
.collapse:not(.show) { display: none !important; }
/*.navbar-expand-md .navbar-collapse { display: none !important; }*/
/*.navbar-expand-md .navbar-toggler{display: block}*/

}
@media (max-width:768px) {
.desktop { display: none !important; }
.navbar-dark .navbar-toggler{display: block}

.enquire-now-btn button { background-color: #000; color: #fff; border: 0px none; font-size: 14px; border-radius: 30px; padding: 6px 18px; outline: none; }
.about-bg-text-div { display: none }
}
@media (max-width:992px) {

  #slid-1 .series1 .bg{ background-size: contain;}
}

/*///////////////////////////////////////////////////////////////////////////*/

/*///////////////////////INDEX PAGE/////////////*/
@media (min-width:768px) and (max-width:1199.98px) {
.ccproinner { padding: 34px 10px; }
.protitle3 { font-size: 13px; }
.slide_two { width: 150px; height: 150px; }
#about .card{box-shadow:none;}
nav { background: #343a40 !important; }

/* #mainBanner{
  background-size: 275% 100%;
  background-position: 75%;
  background-repeat: no-repeat;
}*/
.banner-content { left: 65px; }

/*  .clock-add{
  top: 12%;
  left: 30%;
}
.frame-add{
  top: 17%;
  left: 80%;
}
.chair-add{
  top: 55%;
  left: 76%;
}
.floor-add{
  top: 80%;
  left: 45%;
}
.table-add{
  top: 61%;
  left: 36%;
}*/
.multiple-items .slick-prev { left: -15px; }
.multiple-items .slick-next { right: -15px; }
}
@media (min-width:992px) and (max-width:1199.98px) {

/*  #mainBanner {
  background-size: 230% 122%;
  background-position: 75% 15%;
}*/

/*.clock-add{
 top: 12%;
 left: 38%;
}
.chair-add {
 top: 64%;
 left: 78%;
}
.floor-add {
 top: 88%;
 left: 52%;
}*/
.multiple-items .slick-prev { left: -30px; }
.multiple-items .slick-next { right: -30px; }
}
@media (min-width:1200px) and (max-width:1600px) {
#navbar, #navbar button { margin-right: 0px !important; }
.multiple-items .slick-prev { left: -15px; }
.multiple-items .slick-next { right: -15px; }
}


#mainBanner canvas {
  width: 100%;
}

#mainBanner{ overflow: hidden;}

#carbonDesign {
  overflow: hidden;
}

#carbonDesign canvas {
  position: absolute;
  bottom: 15%;
  left: 0;
  z-index: -1;
}

.bgOverlayLighrGreen {
  float: left;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 100%;
  top: 0;
  background: #fff;
  z-index: 4;
}

.bgOverlayGray {
  float: left;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 100%;
  top: 0;
  background: #f0f0f0;
  z-index: 4;
}

.oh{ overflow: hidden;}
  
  
  
  #bannercanvas {
     -webkit-animation: slide-right 12s ease-in 2s both;
            animation: slide-right 12s ease-in 2s both;
  }
  
  
  
  @-webkit-keyframes slide-right {
    0% {
              margin-left: -70%;
    }
    100% {
              margin-left: 0%;
    }
  }
  @keyframes slide-right {
    0% {
              margin-left: -70%;
    }
    100% {
              margin-left: 0%;
    }
  }
  
  /*---------------Overlay------------------------*/
/*#carbonFocused  .container {
  position: relative;
  width: 50%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

#carbonFocused .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}*/