#product-disc #top-banner-sect .grid-wraper{
	display: grid;
	grid-template-columns: 60% 25% 15%;
	grid-auto-rows:minmax(90vh,auto);
	background: url(../images/product-new-top-bg.jpg) no-repeat center center;
	background-size: cover;
	
}
#product-disc #top-banner-sect .grid-wraper .box1{display:flex; align-items: center;height: 100%;}
#product-disc #top-banner-sect .grid-wraper .box2{background-color: #131313}
#product__slider_top .product__slider-main_top button.slick-prev,#product__slider_top .product__slider-main_top button.slick-next{display: none !important}


#product-disc #top-banner-sect .grid-wraper .box2 .text-div { padding: 40px 20px;height: 100%; display: flex; flex-direction: column; justify-content: center; }
#product-disc #top-banner-sect .grid-wraper .box2 .text-div h1 { font-size: 24px; color: #fff; text-transform: uppercase; font-family: 'hind_siliguri_semiboldregular'; }
#product-disc #top-banner-sect .grid-wraper .box2 .text-div h1 span { display: inline-block; position: relative; }

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




#product-disc #top-banner-sect .grid-wraper .box2 .text-div h3 { font-size: 16px; color: #000000; font-family: 'hind_siliguri_mediumregular'; padding: 30px 0 0 0; }
#product-disc #top-banner-sect .grid-wraper .box2 .text-div ul { padding: 0 10px; margin: 15px 0 30px; list-style: none; position: relative;}
#product-disc #top-banner-sect .grid-wraper .box2 .text-div ul li { font-size: 16px; color: #fff; font-family: 'hind_siliguriregular'; }
#product-disc #top-banner-sect .grid-wraper .box2 .text-div ul li .small-text { font-size: 14px; font-family: 'hind_siliguriregular'; }
#product-disc #top-banner-sect .grid-wraper .box2 .text-div ul li span { font-size: 16px; color: #fff; font-family: 'hind_siliguribold'; }
#product-disc #top-banner-sect .grid-wraper .box2 .text-div ul li span.white {color: #fff; }
#product-disc #top-banner-sect .grid-wraper .box2 .text-div .sub-text-head { font-size: 16px; letter-spacing: 0.5px; color: #f1f1f1; font-family: 'hind_siliguriregular';    line-height: 1.7; padding: 0 10px;}



@media (max-width:1200px) {
#product-disc #top-banner-sect .grid-wraper{    grid-template-columns: 60% 30% 10%;}

}


@media (max-width:992px) {
#product-disc #top-banner-sect .grid-wraper{    grid-template-columns: 50% 40% 10%;}


}



@media (max-width:768px) {
#product-disc #top-banner-sect .grid-wraper{ grid-template-columns: 100%;   grid-template-rows: 60% 30% 10%;    grid-auto-rows: minmax(auto,auto); }
#product-disc #top-banner-sect .product__slider-thmb_top{display: none !important}
#product-disc #top-banner-sect .product__slider-main_top{ width: 100% !important; height: 89vh !important; margin: 21% 0 10% 0;}
#product__slider_top .product__slider-main_top button.slick-prev,#product__slider_top .product__slider-main_top button.slick-next{display: block !important}
#product-disc #top-banner-sect .grid-wraper .box2 .text-div h1{font-size: 20px}
#product-disc #top-banner-sect .grid-wraper .box2 .text-div{
    width: 60%;
    margin: 0%;
    padding: 5%;
    bottom: 6%;
    height: auto;
    left: 3%;
    background-color: #131313; position: absolute;}
    #product-disc #top-banner-sect .grid-wraper .box2{background-color:transparent; position: relative;  padding: 15% 0 0 0;}
    #product-disc #top-banner-sect .grid-wraper{ grid-template-rows: 60% 40%;}
    #product-disc #top-banner-sect .grid-wraper .box3{ display: none}

}



@media (max-width:576px) {

	#product-disc #top-banner-sect .grid-wraper{ grid-template-columns: 100%; /*  grid-template-rows: 40% auto 10%; */   grid-auto-rows: minmax(auto,auto); }
#product-disc #top-banner-sect .product__slider-thmb_top{display: none !important}
#product-disc #top-banner-sect .product__slider-main_top{ width: 100% !important; height: 89vh !important;}
#product__slider_top .product__slider-main_top button.slick-prev,#product__slider_top .product__slider-main_top button.slick-next{display: block !important}
#product-disc #top-banner-sect .grid-wraper .box2 .text-div {
    width: 80%;
    margin: 0 auto 4%;
    padding: 4%;
    bottom: 0;
    right: auto;
}

#product-disc #top-banner-sect .grid-wraper .box2 .text-div .sub-text-head{ line-height: inherit;}
#product-disc #top-banner-sect .product__slider-main_top{margin: 10% 0 0% 0;}
}