html {
  scroll-behavior: smooth;
}
.page_banner{
    width: 100%;
    background: #222;
        padding: 100px 0px;
}
.banner_header{

}
.banner_header h1{
    color: #fff;
    text-align: center;
    font-size: 45px;
    line-height: 15rem;
}
.banner_desc p{
    color: #fff;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    font-size: 18px;
}
.banner_btn{
	margin-top: 40px;
}
.banner_desc{
    text-align: center;
}
.top0{
	top: 20px !important;
}
.banner_desc button{

    border-radius: 30px;
    text-align: center;
    color: #fff;
    background: #F5BF5E;
    border: none;
    padding: 10px 30px;
    margin-top: 50px;
}
.left_image{
/*	z-index: 99;*/
}
.left_image img{
    max-width: 100%;
}
.product_desc{
    padding: 70px;
}
.yellowdot{
    color:#F5BF5E;
    font-weight: bold;
    font-size: 40px;
}
.product_desc h1{
  font-size: 34px;  
}
.product_desc .p-des1{
 width: 60%; 
font-size: 16px;
margin-bottom: 50px;
line-height: 24px;    
}
.product_desc .p-des2{
 width: 60%; 
font-size: 16px;
margin-bottom: 50px;
line-height: 24px;    
}
.product_desc button{
    background: none;
    padding: 7px 30px;
    color: #222;
    border-radius: 30px;
    border: 1px solid #222;
    font-size: 16px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.product_desc button:hover{
    background: #222;
    color: #fff;
}
.show991{
	display: none;
}
.head{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 20px;
/*	margin-top: 40px;*/
}
.pb80{
	padding-bottom: 80px;
}
.head h1{
/*	text-align: center;*/
	color: #222;
	margin: 0;
	font-family: 'Mont-Bold';
}
.rotate{
	 -ms-transform: rotate(270deg); /* IE 9 */
  -webkit-transform: rotate(270deg); /* Safari 3-8 */
  transform: rotate(270deg);
	position: absolute;
	background: #8cd044 !important;
	color: #222 !important;
}

.h_bdr {
        width: 10%;
        height: 3px;
        background: #98cf1b;
        margin: 0 auto;
        position: relative;
        top: 5px;
	display: none;
}

.wrapper {
        width: 90%;
        margin: 0 auto;
}

.border {
        border: dotted;
}

.caster_oil {
        width: 100%;
        padding: 40px 0;
	float: left;
}
.beta-st{
	padding-left: 20px !important;
}
.caster_oil .pro_det {}

.caster_oil .pro_det .heading {
/*        padding: 15px;*/
}

.caster_oil .pro_det .pro_det_des {
/*        padding-left: 15px;*/
}

.caster_oil .pro_det .pro_det_des p {

        
		margin: 5px 0;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 25px;
        font-weight: 400;
}
.caster_oil .pro_det .pro_det_des p span{
        margin-right: 10px;
        font-weight: bold;
}
.caster_oil .pro_det .heading h3 {
	font-family: 'Mont-Bold';
}

.caster_oil .caster_oli_heading {
        text-align: center;
}

.caster_oil .caster_oli_heading h1 {
        
        text-transform: uppercase;
        font-size: 40px;
}

.caster_oil .caster_s_heading {
        padding-top: 80px;
        margin-bottom: 30px;
}

.caster_oil .caster_s_heading h2 {
        
        text-transform: uppercase;
}


.caster_oil .caster_p_heading {
        padding-top: 80px;
        padding-bottom: 30px;
        text-align: center;
}

.caster_oil .caster_p_heading h2 {
        
        text-transform: uppercase;
}



.caster_oil .cas_main {
        width: 75%;
        margin: 0 auto;
}

.caster_oil .caster_img {
        position: relative;
}

.caster_oil .caster_img img {
        width: 100%;
        border: 1px solid #acd848;
}

.caster_oil .caster_img::before {
        content: "";
        width: 150px;
        height: 150px;
        background: #98cf1b;
        opacity: 0.8;
        position: absolute;
        z-index: -1;
        left: -10px;
        top: -10px;
}
.product_right, .product_left{
/*	padding: 40px 0;*/
}
.caster_oil .caster_des {
        width: 80%;
        margin: 20px auto;
}
.caster_oil .caster_des1 {
/*
	width: 85%;
	margin-left: auto;
*/
}
.mr-right{
	width: 85%;
	margin-right: auto;
}
.mr-left{
	width: 85%;
	margin-left: auto;
}
.caster_oil .caster_des1 .heading{
/*        padding-bottom: 20px;*/
}
.caster_oil .caster_des1 .pro_des {}

.caster_oil .caster_des1 .pro_des p {
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 25px;
        font-weight: lighter;
/*        padding-bottom: 10px;*/
	margin: 5px 0;
        


}
.caster_oil .caster_des1 .pro_des p span{
        font-weight: bold;
}


.caster_oil .caster_des1 table {
        width: 100%;
}

.caster_oil .caster_des1 table tr th {
        
        font-size: 14px;
        font-weight: bold;
}

.caster_oil .caster_des1 table tr td {
        
        font-size: 14px;
}
.stiki-box{
	width: 95%;
	margin-left: auto;
}
.wid80{
	width: 80% !important;
}
.parent{
	background: #8cd044 !important;
	color: #222 !important;
	font-family: 'Mont-Bold';
	padding: 10px !important;
	font-size: 16px !important;
}
	.sidenav {
    position: fixed;
    width: 22% !important;
    top: 130px;
/*		z-index: 999;*/
/*    max-height: 400px;*/
/*    overflow: scroll;*/
		
	}
.bold{
	font-family: 'Mont-Bold';
}
.sidenav1 {
	position: relative;
}
.sidenav ul{
	margin: 0;
	padding: 0;
}
	.pro_side{
        width: 90%;
		margin-top: 40px;
/*        border: 1px solid #ccc;*/
}
.pro_side {
        margin: 0px;
        padding: 0px;
}
.pro_side  p{
        color: #fff;
        background: #222;
        padding: 10px;
        font-size: 16px;
	padding: 5px;
	margin: 0;
}
.pro_side li{
/*        margin: 10px;*/
/*	border: 1px solid #fff;*/
	list-style: none;
/*	width: 70%;*/
}
.pro_side li a{
        padding: 5px;
        display: block;
	background: #222;
	color: #fff;
	font-size: 12px;
}
.pro_side li a:hover{
        color: #fff;
        background: #222;
}
.geDiagramContainer{
	margin: 0 auto !important;
	padding-top: 80px !important;
}
.accordion {
  background-color: #eee;

  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.actives, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #222;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.actives:after {
  content: "\2212";
}

.panel {

  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
@media (max-width: 1366px) {
	.product_desc .p-des1{
		width: 80%;
	}
	.product_desc .p-des2{
		width: 95%;
	}
	.pro_side{
		
	}
	.sidenav{
		width: 25% !important;
	}
}
@media (max-width: 1280px) {
	.pro_side{
		width: 100%;
	}
	.stiki-box{
		width: 97%;
	}
	.sidenav{
		width: 25% !important;
	}
}
@media (max-width: 1024px) {
	.product_desc .p-des1{
		width: 100%;
	}
	.product_desc{
		margin-left: 0 !important;
	}
	.stiki-box{
		width: 100%;
	}
}
@media (max-width: 991px) {
	.left_image{
		text-align: center;
		padding-bottom: 40px;
	}
	.left_image img{
		width: 500px;
	}
	.show991{
	display: block;
}
	.hide991{
		display: none;
	}
	.product_desc h1, .btn{
		text-align: center;
	}
	.page_banner{
		padding-top: 40px;
	}
	.banner_header h1{
/*		margin: 0;*/
		line-height: normal;
	}
	.h_bdr{
		width: 25% !important;
	}
	.left_image{
		width: 90%;
		margin: 0 auto;
	}
	.mr-right, .mr-left{
		margin: 0 auto;
	}
	.pro_side{
		margin-top: 0;
	}
	.sidenav{
		position: initial;
		width: 100% !important;
	}
	.head h1{
		text-align: center;
	}
	.h_bdr{
		display: block;
	}
}
@media (min-width: 200px) and (max-width: 500px) {
	.banner_header h1{
		font-size: 24px;
	}
	.banner_desc p{
		width: 80%;
		font-size: 14px;
	}
	.page_banner{
		padding-bottom: 40px;
	}
	.product_desc{
		padding: 0;
	}
	.product_desc .p-des1, .product_desc .p-des2{
		width: 80%;
		margin: 0 auto;
		text-align: justify;
	}
	.btn{
		margin-bottom: 40px;
	}
	.head{
		margin-bottom: 40px;
	}
	.caster_oil .pro_det .pro_det_des p{
		text-align: justify;
	}
	.head h1{
		font-size: 24px;
	}
	.caster_oil .caster_des{
		margin: 0 auto;
	}
	.left_image{
		width: 100%;
	}
	.mr-right, .mr-left{
		width: 100%;
	}
	.caster_oil{
		padding: 20px 0;
	}
}