
.banner .bannerSlider .bannerImage img {
    width: 100%;
    height: auto !important;
    object-fit: cover;
}
.container-custom {
	max-width: 95%;
	margin: 0px auto;
}

.about_company .row > div .content {
    max-width: 100% !important;
}

.products_section.Section {
    padding-top:20px;
}


a:hover{ text-decoration: none; }
.custiom-banners{ padding:90px 0px; background: #000;}
.custiom-banners h1{ font: 50px/60px PT Sans,sans-serif; color: #fff; text-align: center; }
.custiom-banners p{ font:18px/30px PT Sans,sans-serif; color: #fff; text-align: center; text-align: justify; }

.topHeading p{ font: 20px/36px PT Sans,sans-serif;color: #1a1a1a; padding: 20px 0px; text-align: justify;}
.our-vision {
	padding: 0px;
	margin: 0px;
	padding: 50px;
	box-shadow: 0 0 2rem rgba(0,0,0,.1);
}

.our-value p{ font:18px/34px PT Sans,sans-serif;color: #1a1a1a; padding: 20px 0px; text-align: justify;}

.our-value p:first-letter{ font-size:30px; color: #ff8014;}

.our-vision p{ font:18px/34px PT Sans,sans-serif;color: #1a1a1a; padding:10px 0px; text-align: justify;}
.our-vision h3{ font:24px/40px PT Sans,sans-serif;color: #1a1a1a;margin: 15px 0; text-align: center; }

.our-vision ul{ display: flex; flex-wrap: wrap; max-width: 800px; margin: 0px auto; }
.our-vision ul li{ list-style: none;font: 20px/36px PT Sans,sans-serif; color: #1a1a1a; flex: 0 0 100%; position: relative; padding: 10px 0px;}

.our-vision ul li::before {
	content: '';
	position: absolute;
	left: -30px;
	top: 25px; background: #ff8014; width: 10px; height: 10px; border-radius: 50%;
}

.topHeading.new-haedimg {
	margin-bottom: 40px;
}


.gols_sections .row > div .wrapper .content p {
	font:18px/34px PT Sans,sans-serif;color: #1a1a1a; padding:10px 0px
}


.about_company .row > div .content p {
	color: #757575;
	font: 16px/31px PT Sans,sans-serif; text-align: justify;
	color: #1a1a1a;
	padding: 0px 0px; */
}



.topHeading h2::after { background-size: contain !important;
background-position: center !important;} 

#header.container {
	 max-width: 95%;
}

header .NavContainer .menu-main-menu-container > ul .menu-item-has-children:hover > ul li a {
    opacity: 1;
    background: #000;
}

header .NavContainer .menu-main-menu-container > ul .menu-item-has-children:hover > ul li a:hover{ background:#ff8014;}
header .NavContainer .menu-main-menu-container > ul .menu-item-has-children > ul{transform: scaleY(0.5) translateY(-80%);}
/*header .NavContainer .menu-main-menu-container > ul .menu-item-has-children > ul li{text-align: center;}*/
header .NavContainer .menu-main-menu-container > ul .menu-item-has-children > ul li ul {
    position: absolute;
    max-width: 600px;
    top: 0;
    left: 100%;
    width: 216px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
}
header .NavContainer .menu-main-menu-container > ul .menu-item-has-children > ul li.sub-menu-item:hover >ul{
    opacity: 1;
    visibility: visible;
}
header .NavContainer .menu-main-menu-container > ul .menu-item-has-children > ul li.sub-menu-item{
    position: relative;
}
header .NavContainer .menu-main-menu-container > ul .menu-item-has-children > ul li.sub-menu-item::after{
    content: "";
    background: url(../img/down-arrow.svg) no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    width: 13px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transition: all .25s ease-in;
}
@media (min-width: 992px){
header .NavContainer .menu-main-menu-container>ul .menu-item-has-children:hover>ul {
    transform: scaleY(1) translateY(0) translateX(-50%);
    left:50%;
    }
}

.channel-partners{ padding: 0px 120px; margin: 0px; }
.channel-partners .content-sec ul{ display: flex; flex-wrap: wrap; }
.channel-partners .content-sec ul li{ flex: 0 0 100%; padding: 15px 0px; }
.channel-partners .content-sec ul li h3{font:24px/40px PT Sans,sans-serif;color: #1a1a1a;margin:5px 0;}
.channel-partners .content-sec ul li p{font:18px/36px PT Sans,sans-serif;color: #1a1a1a;margin:5px 0; text-align: justify;}

.map-section{ padding: 40px 0px; }


/*strat Knowledge  css here  here */

.knowledge-sec {
    padding: 0px 120px;
    margin: 0px;
}

.knowledge-sec .content-sec ul li h3 {
    font:40px/45px PT Sans,sans-serif;
    color: #f0711d;
    margin: 5px 0;
}


.knowledge-sec .content-sec ul li h4 {
    font:28px/50px PT Sans,sans-serif;
    color: #1a1a1a; 
    margin: 5px 0;
}

.knowledge-sec .content-sec ul {
    display: flex;
    flex-wrap: wrap;
}

.knowledge-sec .content-sec ul li {
    flex: 0 0 100%;
    padding: 15px 0px;
}


.knowledge-sec .content-sec p {
    font: 18px/34px PT Sans,sans-serif;
    color: #1a1a1a;
    padding: 10px 0px;
    text-align: justify;
}



/*prodict details pages css start here */

.product-main{ width: 100%; margin: 0px; padding: 10px; }
.product-main .product-details-content{ padding: 70px 0px 0px; }

.product-main .product-details-content h1{ color: #ff8014;
margin-bottom: 0;
position: relative;
font: 30px/45px PT Sans,sans-serif;
display: inline-block; }

.product-main .product-details-content p{font:16px/32px PT Sans,sans-serif;
    color: #1a1a1a;
    padding: 20px 0px;
    text-align: justify; }



  .product-main .functional-fenefits{ padding: 10px 0px;}
  .product-main .functional-fenefits h2{ font: 30px/45px PT Sans,sans-serif; color: #ff8014; padding: 10px 0px; text-decoration: underline;}

  .product-main .functional-fenefits ul{ margin: 0px; padding: 0px; }
  .product-main .functional-fenefits ul li{ list-style: none;
font:16px/28px PT Sans,sans-serif;
color: #1a1a1a;
flex: 0 0 100%;
position: relative;
padding: 10px 25px;
}

.product-main .functional-fenefits ul li::before{ content: '';
position: absolute;
left: 0px;
top: 25px;
background: #ff8014;
width: 10px;
height: 10px;
border-radius: 50%; }


.product-main .spcifications{ padding: 10px 0px; }
.product-main .spcifications h3{ font: 30px/45px PT Sans,sans-serif; color: #ff8014; padding: 10px 0px; text-decoration: underline; }
.product-main .spcifications .product-table ul{ width: 100%; border-bottom: 1px solid #ccc; display: flex;  justify-content: space-around; flex-wrap: wrap; padding: 10px 0px; }
.product-main .spcifications .product-table li{ flex: 0 0 48%; font:16px/28px PT Sans,sans-serif; color: #1a1a1a;  }
.product-main .spcifications p{ font:16px/28px PT Sans,sans-serif;
    color: #1a1a1a;
    padding:0px 0px;
    text-align: justify; margin: 0px; }

    .product-main .product-details-content .spcifications .product-table li p{ padding: 0px 0px 0px 0px; text-align: center; }

    .product-main .pack-size{ padding:20px 0px 0px; }
    .product-main .pack-size h4{ font: 30px/45px PT Sans,sans-serif; color: #ff8014; padding:0px 0px; color:#ff8014; margin: 0px; text-decoration: underline; }
    .product-main .pack-size h5{ font:25px/35px PT Sans,sans-serif; color: #1a1a1a; padding: 10px 0px; }
    .product-main .pack-size h6{ font:30px/35px PT Sans,sans-serif; color: #ff8014; text-decoration: underline;}
    .product-main .pack-size p{ font: 16px/34px PT Sans,sans-serif;
    color: #1a1a1a;
    padding: 20px 0px;
    text-align: justify;}



.product-main .product-slider{ margin:70px 0px 0px;padding: 20px; box-shadow: 2px 2px 8px 4px rgba(0,0,0,.1);}

/*---------------------------strat product main page css here---------------------------------------- */

/*strat css directer masg box*/

.director-message-box-inner{ margin: 20px 0px; }
.director-message-box-inner .direct-profile {
    width: 100%;
    max-width: 280px;
    margin: 0px auto;
}
.director-message-box-inner .direct-profile h4{ font:24px/45px PT Sans,sans-serif; color: #ff8014; text-align: center; text-transform:uppercase; margin: 0px; padding:0px 0px; }
.director-message-box-inner .direct-profile p{font:18px/30px PT Sans,sans-serif; color: #333; text-align: center; }
.director-message-box-inner .direct-profile .img-box{ border-radius: 50%;width:280px; background: #ccc; }

 .director-message-box-inner .direct-profile .img-box img {
    max-width: 100%;
    vertical-align: middle;
    border-radius: 50%;
    padding: 2px;
}

.business-head{ font:22px/45px PT Sans,sans-serif; color: #ff8014; text-align: center; text-transform: uppercase; }


footer img {
    width: 200px;
    margin:0px 0px 20px;
}
.product-main-page {
    padding: 70px 0px;
} 
.heading-product{ background:#ff8014; margin-bottom: 40px;}
.heading-product h1{font:30px/45px PT Sans,sans-serif; color: #fff; padding:10px 0px; text-align: center; text-transform: uppercase;}


.product-box ul{ display: flex; flex-wrap: wrap;justify-content: space-around;}
.product-box ul li{ flex: 0 0 30%; margin: 20px 0px; background: #f5f5f5; border-radius: 20px; padding: 15px; }
.product-box ul li .product-white-box{ background: #fff; border-radius: 10px; padding: 10px; }
.product-box ul li .product-white-box h3{font:22px/34px PT Sans,sans-serif; color: #000; padding:10px 52px; text-align: center; font-weight: 600;}
.product-box ul li .product-white-box .img-box{ padding: 10px 0px; }
.product-box ul li .buttion {
    text-align: center;
    margin: 34px 0px 20px;
}
.product-box ul li .buttion a {
    background: #ff8015;
    font: 16px/32px PT Sans,sans-serif;
    border-radius: 20px;
    padding: 10px 30px;
    color: #fff;
}

.product-box ul li .buttion a:hover{ background: #000; color: #fff; }
/*strat contact form css here */


.heading_sec_cont {
	width: 100%;
	float: left;
	padding: 10px 0 20px;
}

.heading_sec_cont h3 {
	font: 38px/46px PT Sans,sans-serif;
	color: #1a1a1a;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
	margin: 0px;
}

 .address-section {
            background: #e8eaf2;
            color: #525151;
            line-height: 20px; padding:90px 0px;
        }


    

      .form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.contactform .form-control {
	border-radius: 0;
	line-height: 30px;
	height: 50px;
}  

      .contactform {
	padding: 20px 130px;
	margin: 30px 0px 80px 0px;
	background: #fff;
	box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.03);
	color: #939d9f;
}

        .select-box {
            -moz-appearance: none;
            -webkit-appearance: none;
            background: url(images/down-ico.png) no-repeat right 3% center;
            color: #939d9f;
            font-size: 14px
        }

        .contactform .form-control {
            border-radius: 0;
            line-height: 30px;
            height: 50px;
        }

        .contactform .message-box {
            height: 150px;
            resize: none
        }

        .contactform .form-control::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #939d9f !important;
            font-size: 14px
        }

        .contactform .form-control ::-moz-placeholder {
            /* Firefox 19+ */
            color: #939d9f !important;
            font-size: 14px
        }

        .contactform .form-control :-ms-input-placeholder {
            /* IE 10+ */
            color: #939d9f !important;
            font-size: 14px
        }

        .contactform .form-control :-moz-placeholder {
            /* Firefox 18- */
            color: #939d9f !important;
            font-size: 14px
        }

        .mb-10 {
            margin-bottom: 10px
        }

        .mb-20 {
            margin-bottom: 20px
        }

        .captcha-refresh {
            cursor: pointer;
        }

        .captcha-wrp {
            padding: 7px 0;
        }

        .custom-file-input~.custom-file-label::after {
            content: "Upload File" !important;
            background: #bdbdbd;
            border-radius: 5px;
            color: #333;
        }

        .upload-wrp {
            background: #f7f7f7;
            padding: 15px;
            height: 70px;
            line-height: 70px;
            margin-bottom: 0;
        }

        label.custom-file-label {
            background: #f7f7f7;
            border: 0;
            color: #a09c9c;
            height: 70px;
            line-height: 60px;
            padding-left: 40px;
            margin-bottom: 0;
            outline: 0 !important;
        }

        .custom-file-label::after {
            top: 17px;
            right: 14px;
            cursor: pointer;
        }

        .custom-file-input {
            outline: 0 !important;
        }

        img.attached-ico {
            position: absolute;
            z-index: 999;
            top: 25px;
            left: 16px;
        }

        label.custom-file-label {
	background: #f7f7f7;
	border: 0;
	color: #a09c9c;
	height: 70px;
	line-height: 60px;
	padding-left: 40px;
	margin-bottom: 0;
	outline: 0 !important;
}

   .send-btn {
	background: #f0711d;
	color: #fff;
	width: 160px;
	border-radius: 3px;
	padding: 10px;
	margin-top: 33px;
	font-size:20px;
	display: ;
}
        .send-btn:hover{
            background: #f37b2c;
            color: #fff;  
        }
        @media screen and (max-width:768px){
            .contactform .mb-20{margin-bottom: 0;}
        }
        @media screen and (max-width:450px){
            .contactform{ padding: 5px;}
            .send-btn{width:100%}
            .address-section [class*='col-']{margin-bottom:40px}
        }









/*strat responshive css here*/


@media screen and (max-width:991px){

.product-box ul li{ flex: 0 0 48%;}
.product-box ul li .product-white-box h3 {
    font: 18px/34px PT Sans,sans-serif;
    color: #000;
    padding: 10px 45px;
    
}


.Section {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.custiom-banners {
    padding: 50px 0px;
}
.custiom-banners h1 {
    font: 44px/56px PT Sans,sans-serif;
    
}


}



@media screen and (max-width:767px){

.knowledge-sec {
    padding: 0px 0px;
    margin: 0px;
}

.knowledge-sec .content-sec ul li h3 {
    font: 26px/38px PT Sans,sans-serif;
    color: #f0711d;
    margin: 5px 0;
}


header .NavContainer .menu-main-menu-container > ul .menu-item-has-children > ul {
    transform: scaleY(1) translateY(0) !important;
   
}

.product-main .product-details-content {
    padding: 28px 0px 0px;
}

.product-main .product-details-content h1 {
    font: 22px/30px PT Sans,sans-serif;
    display: inline-block;
}

.product-main .product-slider {
    padding: 0px 0px 0px;
}

.product-main .spcifications h3 {
    font: 22px/36px PT Sans,sans-serif;
}
.product-main .spcifications .product-table li p{ text-align: right; font-size: 14px; }
.product-main .spcifications .product-table li {
    flex: 0 0 48%;
    font: 14px/28px PT Sans,sans-serif;
    color: #1a1a1a;
}


.product-main .pack-size h4 {
    font: 22px/32px PT Sans,sans-serif;
    }

  .product-main .pack-size h5 {
    font: 20px/35px PT Sans,sans-serif;
} 

.product-main .pack-size h6{ font: 22px/32px PT Sans,sans-serif; } 
.product-main .functional-fenefits h2{  font: 22px/32px PT Sans,sans-serif; }


.product-main-page {
    padding: 26px 0px;
}  

.heading-product h1 {
    font: 22px/30px PT Sans,sans-serif;
}  

.product-box ul li {
    flex: 0 0 100%;
}



.Section {
    padding-top:4rem;
    padding-bottom:4rem;
}
.topHeading h2{ font-size: 22px; }
.our-vision{ padding: 20px; }
.our-vision p {
    font: 16px/32px PT Sans,sans-serif;
    text-align: center;
}

.custiom-banners {
    padding: 20px 0px;
}
.custiom-banners h1 {
    font: 30px/46px PT Sans,sans-serif;
    
}

.custiom-banners p {
    font: 16px/30px PT Sans,sans-serif;
   
}
.topHeading p {
    font: 18px/36px PT Sans,sans-serif;
   
}

.our-vision ul li {
    font: 16px/32px PT Sans,sans-serif;
    
}

.our-vision h3 {
    font: 20px/32px PT Sans,sans-serif;
  margin:10px 0;
    text-align: center;
}

.our-vision ul li {
    font: 16px/32px PT Sans,sans-serif;
    padding: 0px 30px;
}

.our-vision ul li::before {
 left: 5px;
    top: 13px;
    
}

.heading_sec_cont h3 {
    font: 26px/32px PT Sans,sans-serif;
    
}

.channel-partners {
    padding: 0px 10px;
    margin: 0px;
}

.channel-partners .content-sec ul li h3 {
    font: 20px/34px PT Sans,sans-serif;
    
}

.channel-partners .content-sec ul li p {
    font: 16px/32px PT Sans,sans-serif; text-align: justify;
    
}


}







@media screen and (max-width:768px){
            .contactform .mb-20{margin-bottom: 0;}
        }
        @media screen and (max-width:450px){
            .contactform{ padding: 5px;}
            .send-btn{width:100%}
            .address-section [class*='col-']{margin-bottom:40px}
        }









