@import url("slid-tab.css");

.navbar-expand-md .navbar-nav .dropdown-menu { position: absolute !important; }
.margin-t-b { margin: 3% 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: 0; 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.36); -moz-box-shadow: 0px 10px 25px -8px rgba(0, 0, 0, 0.36); box-shadow: 0px 10px 25px -8px rgba(0, 0, 0, 0.36); }
.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 { background-color: #000; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; padding: 20px; font-size: 12px; width: 100%; }
#footer .subs-div { width: 100%; padding: 20px; display: flex; align-items: center; justify-content: center; 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'; }
#footer .subs-div .text-div { display: flex; flex-direction: row; align-items: center; width: 50%; }
#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: 50%; }
#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;
} }
#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 { width: 100%; min-height: 100vh; 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 { background-color: transparent; background-image: url(../images/index/contribute_round.png); border: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 460px; height: 460px; }
.save-planet-content p { font-size: 30px; font-weight: normal; opacity: 0.9; font-family: 'hind_siliguri_lightregular'; }
.save-planet-content h2 { font-size: 44px; opacity: 0.9; font-family: 'hind_siliguri_semiboldregular'; }
.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 {display: flex;align-items: center;font-family: 'hind_siliguri_mediumregular';font-size: 14px;border-radius: 50px;padding:0px 30px 0 3px;}
#mainBanner button:after{    content: '';
    width: 20%;
    position: absolute;
    left: 60px;
    bottom: 1px;
    border-width: 0 0 1px;
    border-style: solid;
    bottom: 29px;
    right: 0;}
#mainBanner button:hover { background-color:#000 !important; color: #fff !important;}
#mainBanner button span.img-div {
  display:block;
  width: 45px;
  height: 45px;
  background: url("../images/index/play-button.png")
              , url("../images/index/play-button-white.png");
  background-size: 100% 100%, 0% 0%;
  margin-right: 10px;
}

#mainBanner button:hover  span.img-div {
  background-size: 0% 0%, 100% 100%;
}

#savePlanet button {background-color:#fff !important;}
#savePlanet button:hover { background-color:#000 !important; color: #fff !important }


.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: 100px; height: 1px; top: 50%; left: calc(50% - 190px); }
#carbonDesign .carbon-design-subtitle:after { content: ''; background: #000; position: absolute; width: 100px; height: 1px; top: 50%; left: calc(50% + 90px); }
#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: 14px; }
#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_siliguriregular'; font-size: 14px; color: #000; }
.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: 3rem; padding-bottom: 2rem}
.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)}
}
@keyframes slidon {
  0% { transform: scale(0);}
  25% { transform: scale(0);}
  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/topbanner-bg.jpg"); height: 98vh; 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: #f1f1f1; 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: 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: #201e1e; 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: 80px; background-color: #999999; transform: translateY(-50%); top: 50%; margin-left: 15px; }
.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 50px; margin: 0px; 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: #000000; 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: #000000; font-family: 'hind_siliguribold'; }
.banner-bg .text-div .sub-text-head { font-size: 14px; color: #000000; font-family: 'hind_siliguriregular'; }

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

/************************* services design series  *******************************/
.main-sub-title-text { font-size: 18px; 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; }
.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'; }

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

/************************* series1 section start  *******************************/
#slid-1 .series1 .bg { background-color: #f8f8f8; background-image: url("../images/series1-bg.png"); background-repeat: no-repeat; background-position: bottom left; background-size: 60%; }
#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%;}
#slid-1 .series1 .bg .bg-div-slider .slider-img-disk{ background-color: #fff; text-align: center;}
#slid-1 .series1 .bg .bg-div-slider .slider-img-disk h3{font-size: 15px; color: #000000; font-family: 'hind_siliguriregular';padding: 10px 0; margin: 0}
#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: 80px; background-color: #999999; transform: translateY(-50%); top: 50%; }
#slid-1 .series1 p.sub-text-head { font-family: 'hind_siliguriregular'; font-size: 14px; }
#slid-1 .series1 .main-title-text { font-size: 26px; color: #201e1e; /*text-transform: uppercase;*/ font-family: 'hind_siliguri_mediumregular';}
#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; }


/*slider  v2*/


/*slider  v2 close*/


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

/************************* series2 section start  *******************************/
.series2 .bg { background-color: #f8f8f8; background-image: url("../images/series2-bg.png"); background-repeat: repeat-x; background-position: bottom left; background-size: 20%; }
.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: 80px; background-color: #999999; transform: translateY(-50%); top: 50%; }
.series2 .main-title-text { font-size: 26px; color: #201e1e;/* text-transform: uppercase;*/ font-family: 'hind_siliguri_mediumregular'; }
.series2 .main-sub-title-text span:before { display: none }
.series2 .main-sub-title-text span:after { margin-left: 5%; 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: 14px; }
.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'; }



/*.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-left:10%; }
#slid-2 .series2 .bg .bg-div-slider .slider-img-disk{ background-color: #fff; text-align: center;}
#slid-2 .series2 .bg .bg-div-slider .slider-img-disk h3{font-size: 15px; color: #000000; font-family: 'hind_siliguriregular';padding: 10px 0}
#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; }
.play-btn-div { display: flex; align-items: center; justify-content: center; }
.play-btn { position: absolute; }
#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: 14px; 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: 6% 0; background-size: cover}
#product-speci ul { list-style: none; padding: 0; margin: 0;display: flex; flex-wrap: wrap; }
#product-speci ul.pecif-left li { padding: 15px 0; color: #fff; font-size: 17px; font-family: 'hind_siliguribold';    width: 50%;border-bottom: 1px solid #555555; }
#product-speci ul.pecif-left li span {  padding: 17px 0; color: #fff; font-size: 14px; font-family: 'hind_siliguriregular'; }
#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: 16px;}
#product-speci ul.ul-color li.li-color-inner{width: auto;padding: 0; margin-right: 15px;position: relative;}
#product-speci ul.ul-color li.li-color-inner:after {content: "";position: absolute; height: 20px; width: 20px; border-radius: 50%; border: 1px solid #fff; top: -18px; left: 0px;}


#product-speci ul.ul-color li.li-color-inner:nth-child(1):after { background-color: #000000; }
#product-speci ul.ul-color li.li-color-inner:nth-child(2):after { background-color: #575554; }
#product-speci ul.ul-color li.li-color-inner:nth-child(3):after { background-color: #7d7d7d; }
#product-speci ul.ul-color li.li-color-inner:nth-child(4):after { background-color: #575554; }
#product-speci ul.ul-color li.li-color-inner:nth-child(5):after { background-color: #7d7d7d; }
#product-speci ul.ul-color li.li-color-inner:nth-child(6):after { background-color: #ffffff; }


#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: 10px; }
#product-speci .download-btn button { border-radius: 50px; border: 1px solid #fff; background-color: #fff; padding: 8px 25px; font-family: 'hind_siliguri_mediumregular'; text-transform: uppercase; }

#product-speci .bordersq{border:1px solid #555555; width: 45%; margin:4%; padding:2% 2% .5% 2% }
/************************* 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/tree_bg.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; }
#inquery .main-title-text { font-size: 28px; 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: #7b7c7b }
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: 18px;  }
.container-form { padding: 0 50px 10px 50px; }
.col-50 { float: left; width: 47%; margin-top: 30px; }
.col-50:first-child { margin-right: 3% }
.col-50:last-child { margin-left: 3% }
.col-100 { float: left; width: 100%; margin-top: 30px; }
.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:24px; color: #fff;font-family: 'hind_siliguri_lightregular'; }
.round-div .text-round p { font-size:38px; color: #fff; 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: 0; top: 0; }

.round-div{
  width: 55%;
  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: 28px;color: #fff;text-transform: uppercase; margin-bottom: 25px;    text-align: center; font-family: 'hind_siliguri_semiboldregular';font-style:italic;}
#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;}
#contact #contact-detail .contact-text-dtl{text-align: left;}
#contact #contact-detail .direct-change{flex-direction: row; display: flex; align-items: center;}
#contact #contact-detail .contact-text-dtl ul{list-style: none; margin: 0; padding: 0}
#contact #contact-detail .contact-text-dtl ul li{margin:0 0 40px 0; padding: 0 0 0 40px;position: relative; }
#contact #contact-detail .contact-text-dtl ul li:nth-child(1):before{content: "";position: absolute; height: 20px; width: 20px; background-image: url("../images/contact-icon-1.png"); background-position: center center; background-repeat: no-repeat;background-size: 75% auto; top: 0; left: 0;}
#contact #contact-detail .contact-text-dtl ul li:nth-child(2):before{content: "";position: absolute; height: 20px; width: 20px; background-image: url("../images/contact-icon-2.png"); background-position: center center; background-repeat: no-repeat;background-size: 80% auto; top: 0; left: 0;}
#contact #contact-detail .contact-text-dtl ul li:nth-child(3):before{content: "";position: absolute; height: 20px; width: 20px; background-image: url("../images/contact-icon-3.png"); background-position: center center; background-repeat: no-repeat;background-size: 80% auto; top: 0; left: 0;}
#contact #contact-detail .contact-text-dtl ul li h2{font-size: 16px; text-align: left; color: #262222; font-family: 'hind_siliguri_semiboldregular'; text-transform: uppercase; }
#contact #contact-detail .contact-text-dtl ul li h3{font-size: 15px; text-align: left; color: #262222; font-family: 'hind_siliguri_mediumregular'; }


#contact .map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
border:8px solid #c9c9c9;
}
#contact .map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
/************************* 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: 17%; right: 71%; }
.logo img { width: 100%; }
.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:6px 20px 10px 20px; 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: 14px; }
.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; }
.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: 80px; background-color: #999999; transform: translateY(-50%); top: 50%; }
.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: 14px; 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-what-we-do { margin: 15% 0% 8% 0%; }
.about-what-we-do .main-title-text { font-size: 30px; color: #000000; font-family: 'hind_siliguri_semiboldregular'; top: 0px;width: 50%; margin: 0 auto; text-align: center; position: relative;}
.about-what-we-do .main-title-text:before, .about-what-we-do .main-title-text:after { content: ""; position: absolute; height: 1px;width: 75px; background-color: #999999; transform: translateY(-50%); top:50%; }
.about-what-we-do .main-title-text:before { left:-0%;  }
.about-what-we-do .main-title-text:after { right:-0%; }

.card-img-top { width: 120px; height: 120px; background-color: #e9e9e9; border-radius: 50%; margin: 1rem; padding: 15px; }
.card-text { text-align: justify; text-align-last: center; font-family: 'hind_siliguriregular'; font-size: 14px; color: #201e1e; }
.card { border: 0px; }
.card-img-top img { 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;*/ text-transform: uppercase;margin-bottom: 60px; }
.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: #f1f1f1; padding:4.5% 0 1% 0;border-top: 1px solid #000;border-bottom: 1px solid #000; }
.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 Gallery start  *******************************/
#about-timeline .main-title-text{text-transform: uppercase;    position: relative;}
#about-timeline .main-title-text:before,#about-timeline .main-title-text:after{
    content: "";
    position: absolute;
    height: 1px;
    width: 80px;
    background-color: #999999;
    transform: translateY(-50%);
    top: 0;
    margin-top: 13%;
}
#about-timeline .main-title-text:before {
    left: -95px;
}
#about-timeline .main-title-text:after{    left: 142px;}

#about-timeline .container-slider { padding: 5% 10% 0% 10%; background-color: #f1f1f1; }
#about-timeline .slick-track:before { content: ""; height: 1px; width: 100%; top: 50%; transform: translateY(-50%); position: absolute;/* margin-top: 147px;*/ left: 0; background-image: linear-gradient(to right, transparent 20%, #223049 0%); background-size: 15px 100%; }
.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: 152px;
  background-color: #f1f1f1;    border-radius: 30px;animation: bakdiv 1.1s forwards;
  }
/*timeline v2 animation*/

#about-timeline .slick-center .cl .dis-div .dot-round-div{width: 40%; height: 40%;background-color: transparent;border: 3px 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:110px;
  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: 230px;
    left: 126px;
  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: 230px;
    left: 260px;
  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:20px; left: 200px;opacity: 0; animation: hi-w1  2s forwards; transform: rotate(-140deg);}
@keyframes hi-w1 {
  to{opacity: 1;transform: rotate(0deg);}}
#about-timeline .slick-center .cl .dis-div .discpri-div1 .img-ro{width: 70px; height: 70px; position: absolute; background-color: #fff; border-radius: 50%; z-index: 2; left: 8px;  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: 90%}
#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; background-color: #fff;border: 1px solid #000;border-top-right-radius: 40px; border-bottom-right-radius: 40px;left: 40px; z-index: 1;padding-left: 40px;font-size: 14px;  display: flex; align-items: center;  text-align: left; }


#about-timeline .slick-center .cl .dis-div .discpri-div2{position: absolute;top: 275px; left: -230px; opacity: 0; animation: hi-w2  2s forwards;}
@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: 202px;  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; background-color: #fff;border: 1px solid #000;border-top-left-radius: 40px; border-bottom-left-radius: 40px;left: 40px; z-index: 1;    padding-left: 24px;  padding-right: 26px;font-size: 14px;  display: flex; align-items: center;  text-align: left; }

#about-timeline .slick-center .cl .dis-div .discpri-div3{position: absolute;top: 275px; left: 300px;opacity: 0; animation: hi-w3  2s forwards;}
@keyframes hi-w3 {
  to{opacity: 1;left:260px;}}
#about-timeline .slick-center .cl .dis-div .discpri-div3 .img-ro{width: 70px; height: 70px; position: absolute; background-color: #fff; border-radius: 50%; z-index: 2; left: 8px;  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: 90%}
#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; background-color: #fff;border: 1px solid #000;border-top-right-radius: 40px; border-bottom-right-radius: 40px;left: 40px; z-index: 1;padding-left: 40px;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-bg-text-div { width: 16%; }*/
#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: 17%; }
#about .head-text-div{top: 25%;}
.about-bg-text-div .small-text{font-size: 20px;}
.about-bg-text-div .big-text{font-size: 30px;}
.about-bg-text-div p {font-size: 1vw;}

}
@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; }
/*#make-product .container-modi-left ul li { margin-top: 20px; margin-right: 10px; }*/
#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%;}
.about-what-we-do { margin: 20% 0% 8% 0%; }
.banner-bg .tiles img { width:85%; }

/*///////////////////////////////////////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-bg-text-div p { font-size: 12px; }*/

/*////////////////////////////////////INDEX PAGE//////////////////////////////////*/
#savePlanet .card { width: 400px; height: 400px; }
.save-planet-content h2 { font-size: 35px }
.save-planet-content p { font-size: 20px; padding-bottom: 0px !important; padding-top: 0px !important; margin: 0 !important; }
.save-planet-content button { margin: 15px 0 0 0 !important; }

#mainBanner{background-position: center left 80%;}
/*#carbonFocused .we-r-focus-bg-1 {  height: 86vh; }
#carbonFocused .we-r-focus-bg-2 { height: 86vh; }
#carbonFocused .we-r-focus-bg-3 {  height: 86vh; }
#carbonFocused .we-r-focus-bg-4 { height: 86vh; }*/

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

/*///////////////////////////////////////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; color: #fff }
.round-div .text-round p { font-size: 25px; color: #fff; }
.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;}


/*///////////////////////////////////////PRODUCT INNER PAGE CLOSE////////////////////////////////////*/
/*.about-bg-text-div { width: 28%;    top: 29%; }
.about-bg-text-div p { font-size: 11px; }*/
.about-bg{background-size: 110% auto;}
.about-bg-text-div { width: 27%;    top: 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: 1.1vw;}


/*////////////////////////////////////INDEX PAGE//////////////////////////////////*/
.clock-add { top: 34%; left: 60%; }
.table-add { top: 61%; left: 94%; }
#savePlanet .card { width: 400px; height: 400px; }
.save-planet-content h2 { font-size: 35px }
.save-planet-content p { font-size: 20px; padding-bottom: 0px !important; padding-top: 0px !important; margin: 0 !important; }
.save-planet-content button { margin: 15px 0 0 0 !important; }
#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) {

/*///////////////////////////////////////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%; }
.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 { padding: 8px 21px; 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; }
/*#make-product .container-modi-left ul li { width: 25%; }*/
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 .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 .text-round span { font-size: 15px; color: #fff }
.round-div .text-round p { font-size: 20px; color: #fff; }
.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;}


 /*-----------------------------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: 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 { margin: 22% 0% 8% 0%;}
/*.about-what-we-do .main-title-text:after {  left: 53%;}*/
.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 page gallery close-----------------------------*/

/*///////////////////////////////////////PRODUCT INNER PAGE CLOSE////////////////////////////////////*/
/*.about-bg-text-div { width: 24%; }
.about-bg-text-div p { font-size: 9px; }*/



/*////////////////////////////////////INDEX PAGE////////////////////////////////*/
#mainBanner .clock-add, #mainBanner .frame-add, #mainBanner .chair-add, #mainBanner .floor-add, #mainBanner .table-add { display: none }
#savePlanet .card { width: 350px; height: 350px; }
.save-planet-content h2 { font-size: 35px }
.save-planet-content p { font-size: 20px; padding-bottom: 0px !important; padding-top: 0px !important; margin: 0 !important; }
.save-planet-content button { margin: 15px 0 0 0 !important; }
#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: 20px 0;}
#footer .subs-div img{    padding-right: 0px;}
#footer .subs-div input[type=text]{text-align: center;}

.about-bg-text-div {width: 29%;top: 28%;}
.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: 1.1vw;}


.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:768px) {

  /*.navbar-dark .navbar-toggler-icon{background-image:url(../images/index/menu-mob-img.png);}*/
  .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");
}


  .navbar-dark .navbar-toggler{background-color: transparent;outline: none}

/*///////////////////////////////////////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: 100%; margin-right: 0%; }
.banner-bg .text-div { width: 90%; margin: 2%; padding: 0%; bottom: 0; height: 21%; }
.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 { 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; }
.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 { padding: 8px 21px; 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-bottom: 30px; }
/*#make-product .container-modi-left ul li { width: 25%; }*/
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; }
#thumbnail-slider { display: none !important; }
.round-div { width: 40%; margin: 20% 0; }
.round-div .text-round span { font-size: 15px; color: #fff }
.round-div .text-round p { font-size: 20px; color: #fff; }
.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%;}
#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;}


/*///////////////////////////////////////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-text-div{ top: 18%;}*/
.about-head .main-title-text:before, .about-head .main-title-text:after{ width: 30px;}
.about-content .about-text-bold,.about-content p.sub-text-head,.about-content p.sub-text-head{width: 100%}
.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: #000;width: 80%;   margin: 0 auto; top: 0; left: 0;}
.about-bg .about-bg-text-div.mobile p{font-size: 12px;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-track:before{    top: 41%;}*/
/*#about-timeline .slick-active{padding: 0px 0 0;}*/
#about-timeline .slick-active{padding: 20px 0;  margin-bottom: 140px;}
#about-timeline .slick-track:before{    top: 38%;}

  


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

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

/*#mainBanner{
   height: calc(100vh - 55px);
   background-size: 300% 100%;
   background-position: 75%;
   background-repeat: no-repeat;
 }*/
#carbonFocused .media-border-bottom:before, #carbonFocused .media-border-right:before, #carbonDesign .carbon-design-subtitle:before, #carbonDesign .carbon-design-subtitle:after { display: none !important; }
#carbonFocused, #carbonDesign { height: auto; }
#carbonFocused { background-size: 300% 100%; background-position: 55%; background-repeat: no-repeat; padding: 0em 0; }
#carbonFocused .media { width: 100%; float: left; padding: 15px !important; }
#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 }
#savePlanet .card { width: 350px; height: 350px; }
.save-planet-content h2 { font-size: 35px }
.save-planet-content p { font-size: 20px; padding-bottom: 0px !important; padding-top: 0px !important; margin: 0 !important; }
.save-planet-content button { margin: 15px 0 0 0 !important; }
#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: 20px; text-align: center; }
#footer .subs-div .form-submdiv{width: 100%; text-align: center;}
#footer .subs-div .form-submdiv input[type=submit]{ float: none;}
#footer .subs-div form { flex-direction: column; width: 80%; }
#footer .subs-div form .fotm-div { width: 100%; padding-right: 0px; padding-bottom: 30px }

/*#carbonFocused .media{margin-top: 10%;}*/

/*///////////////////////////////////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 #contact-detail .direct-change{flex-direction: column;}
#contact #contact-detail .direct-change img{width: 100%}

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



@media (max-width:576px) {

/*///////////////////////////////////////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: 90%; margin: 5%; padding: 4%; bottom: 0; height: 40%; }
.banner-bg .text-div ul { padding: 0 15px 15px 60px; }
.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 { 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; 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-bottom: 30px;width: 100% }
/*#make-product .container-modi-left ul li { width: 25%; }*/
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: 25%; }
.logo img { width: 100%; }
#thumbnail-slider { display: none !important; }
.round-div { width: 60%; margin: 20% 0; }
.round-div .text-round span { font-size: 12px; color: #fff }
.round-div .text-round p { font-size: 20px; color: #fff; }
.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%;}
#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%;
}

 /*-----------------------------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; }

#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 .head-text-div { top: 12%;}*/
.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 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 }
.slide_one { width: 50%; height: auto; }
#savePlanet .card { width: 250px; height: 250px; }
.save-planet-content h2 { font-size: 25px }
.save-planet-content p { font-size: 18px; padding-bottom: 0px !important; padding-top: 0px !important; margin: 0 !important; }
.save-planet-content button { margin: 15px 0 0 0 !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; }
#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; }
#carbonFocused .media { margin-top: 50%; margin-bottom: 25%; }

#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: 20px 0;}
#footer .subs-div img{    padding-right: 0px;}

/*////////////////////////////////////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; }

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

/*///////////////////////////////////////(only for top nav) ////////////////////////////////////*/
@media (min-width:768px) {
.collapse:not(.show) { display: none !important; }
.navbar-expand-md .navbar-collapse { display: none !important; }
}
@media (max-width:767px) {
.desktop { display: none !important; }
.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 }
.about-bg { background-image: none; }

}

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

/*///////////////////////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; }
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; }
}