*:focus {outline: none !important;}
body{font-family: 'Montserrat', sans-serif !important;}
html {scroll-behavior: smooth;}
ul,ol {list-style: none;padding: 0;}
    a, button, img, input, span {transition: all 0.3s ease 0s;}
    a{text-decoration: none !important;}
/*  <!-- *********************************Home page css start****************************** -->*/
/*header top section start*/
.main-wrap{
    background-image: url(../images/menubg.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
}
.header-top-section
{
  padding: 0px 0 5px;  
}
.header-top-section .col-lg-4{
    padding-left: 0;
    padding-right: 0;
}
.header-right {
    text-align:left; 
    background-color: #F3F3F3;
    border-bottom-left-radius: 25px;
    padding-left: 5px;
}
.top-header-social {display: inline-block;}
.top-header-social p
{
    margin-bottom: 0;
    padding: 10px;
    display: inline-block;
}
.top-header-social p a
{
    padding-left: 2px;
    color: #000;
    vertical-align: middle;
}
.top-header-social p i 
{
    vertical-align: middle;
    color: #54CC61;
}
.language-btn{
    display: inline-block;
    border-radius: 30px;
    border: 1px solid #DADADA;
    padding:5px 10px;
    background-color: #fff;
}
.language-btn a{
    color: #000;
}
.language-btn a i{
    margin-left: 5px;
    color: #9C9C9C;
}
.quote-btn {
    display: inline-block;
     border-radius: 30px;
     border: none;
    padding:6px 17px;
    margin-left: 10px;
    background-color: #51A22E;
}

.quote-btn a{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

.search-btn i{
   text-align: left;

}
.search-btn{
     border: none;
    padding:8px 0px;
    background-color:transparent;
    transform: translateX(-73px);
}
.search-btn input{
        border: none;
    background: none;
    width: 63%;
}
.search-btn input::placeholder{
    color: #a9a9a9;
}
.search-btn i{
    color: #FFFFFF;
}
.mobile-searchbtn {display: none;}
@media (max-width: 991px) {
    .mobile-searchbtn {display: none;}
    .desktop-searchbtn {display: none;}
}
/*header  section and*/

/*navbar section css start*/
.navigation li a{
    position: relative;

}
.navigation li{
    margin-right: 12px;
}
.navigation li a:after{
    position: absolute;
    content: "";
    bottom: -2px;
    transform: translateY(-50%);
    width:100%;
    height: 4px;
    right:0%;
    background-color: #32C36C;
    opacity: 0;
    visibility: hidden;

}
.dropdown ul li a:hover:after{
display: none !important;
}
.navigation > li:hover:after{
    background-color: #51a22e;
}

.navigation li a.active:after{
    opacity: 1;
    visibility: visible;
}
.navigation li a:hover:after{
    opacity: 1;
    visibility: visible;
}

.other-serch{
    background-color: #fff;
}
.navbar-section .menu-bg{
    background-image: url(../images/home-background.png);
   background-repeat: no-repeat;
   background-size: cover;
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.02);
}
.navbar-brand{
    padding: 0px;
}
.navbar-section .nav-link 
{
    color:#232323;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    padding: 39px 0px;
    font-family:'Montserrat', sans-serif;
    font-size: 15px;
}
.main-menu{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.navbar-section .nav-link.active, .navbar-section .nav-link:hover {color: #32C36C;}
.about-banner{
    position: relative;
}
.about-banner h2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffff;
    font-size: 40px;
}
/*dropdown section  css start*/
@media (min-width: 992px) {
    .navbar-nav span .downicon {display: none !important;}
}
.navbar-nav span .downicon 
{
    font-size: 20px; 
    display: block;
    position: absolute; 
    z-index: 99; 
    right: 85px; 
    top: 0;   
    height: 44px; 
    width: 44px; 
    cursor: pointer; 
    text-align: center; 
    line-height: 44px;
    color: #000;
}


.main-menu .navigation > li > ul 
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    visibility: hidden;
    background-color: #ffff;
    opacity: 0;
    transform: translateY(15px);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-out;
    border-top: 1px solid #32C36C;

}
.main-menu .navigation > li.dropdown:hover > ul 
{
    visibility: visible;
    opacity: 1; 
    transform: translateY(0px);
    z-index: 999;
}
.main-menu .navigation > li > ul > li a 
{
    font-size:15px;
    color: #333;
    letter-spacing: .5px;
    padding: 8px 35px;
    font-weight:500;
    font-family: 'Montserrat', sans-serif !important;
}
.main-menu .navigation > li > ul > li a:hover, .main-menu .navigation > li > ul > li a:focus
{
    color: #32C36C;
    background-color: #fff;
}
@media (max-width: 991px) {
    .main-menu .navigation > li > ul {background-color: transparent;box-shadow: inherit; width: 100%; display: none; position: inherit; -moz-transform: translateY(0); transform: translateY(0);}
    .main-menu .navigation > li.dropdown > ul.open { display: block; opacity: 1; visibility: visible; }
    .main-menu .navigation > li > ul > li a {white-space: inherit !important;  padding: 8px 8%;}
    .navbar-section .nav-link {padding: 10px 16px;}
}
.homepage-menu-section .nav-item .nav-link i
{
    vertical-align:middle;
    font-size:13px; 
    padding-left:8px !important;
}

.homepage-menu-section
{
    background-color:black; 
    margin-top:10px;
}
.homepage-menu-section .nav-item .nav-link
{
    text-decoration:none;
    color:white;
    font-weight:600;
    font-size: 16px;
    padding:0px 15px !important;
    height:48px !important;
    line-height:48px !important;
}
.homepage-menu-section .nav-item .nav-link:hover
{
    background-color: #0973BA;
}


.menu-btn 
{
    font-size: 16px;
    color: white;
    font-weight:600;
    text-decoration:none;
    border:none;
    padding:0 10px;
    height:48px;
    line-height:48px;
    background-color: transparent;
}
.menu-btn:focus
{
    outline:none;
}
.menu-btn-section
{
    padding-left:0 !important;
    margin-bottom:0 !important;
    margin-left:auto !important;
    list-style:none !important;
}
.menu-btn-section ul li
{
    list-style:none !important;
}
.menu-btn i
{
    padding-left:10px;
}

/*my  navbar css*/

.dropdown a i 
{
    font-size: 10px;
}

.header
{
    position: relative;
    /*background: linear-gradient(to left, #32C36C 20%, #fff 15%);*/
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
    width: 100%;
}

.text-center{
    margin-top: 25px;
}
/*header section css end*/
/*dropdown css strart*/
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
/*dropdon css and*/
/*menu css start*/
@media (min-width: 992px) and (max-width: 1199px) {
    .header-top-section .col-lg-8 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .header-top-section .col-lg-4 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
}
/*menu css and */
/*baner section css start*/
.carousel-caption {
    top: -15px;
    bottom: auto;
}
.caption2 {
    text-align: left;
}
.baner-section-main{
    position: relative;
}
.banner-main-title{
    text-shadow: 0px 10px 10px rgba(21, 51, 33, 0.2);    
}
.banner-main-title {
    color: #333333;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 34px;
    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
}
.banner-main-title span{
    font-size: 48px;
    color: #32C36C;
    font-weight: 700;
    text-shadow: 3px 0 0 #fff, -3px 0 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
}
.carousel-control-next, .carousel-control-prev {
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: #32C36C;
    border-radius: 50%;
    opacity: 1;
}
.carousel-control-prev {left: 5% !important;}
.carousel-control-next {right: 5% !important;}

/*banner section css and*/
/*home about us section start*/
.home-about-section{
    padding-top: 80px;
    padding-bottom: 50px;
}
.home-about-title h2{
    font-size: 40px;
    letter-spacing: 1px;
    font-weight: 450;
    color: #333333;
    margin-bottom: 0;
}
.home-descripation p{
    text-align: justify;
    font-family:"Poppins", sans-serif !important ;
    line-height: 28px;
}
.home-descripation p:first-child{
    margin-bottom: 30px;
}
.goaboutbtn{
    border: none;
    background-color: #253745;
    padding: 10px 25px;
    border-radius: 30px;
    margin-top: 20px;
}
.goaboutbtn a{
    color: #ffff;
}
.goaboutbtn i{
    color: #fff;
    margin-left: 10px;
}
.home-about-img img{
    /* max-width: 456px; */
/*    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);*/
}
/*home about us section and*/
/*home category section start*/
.home-category-title{
    text-align: center;
    color: #fff;
}
.home-category-title h6{
    margin-top: 10px;
    font-family:"Poppins", sans-serif !important ;
}
.home-category-wrap{
    padding-top: 50px;
    padding-bottom: 50px;
    background: linear-gradient(to bottom, #253745 80%, #fff 20%);
}
.home-category-wrap h4{
    font-weight: 500;
}
.hc-descripation{
    background-color: #fff;
    padding: 35px 20px 25px 20px;
    text-align: center;
    margin-top: 30px;
    border-radius: 10px;
    border: 2px solid #fff;
    position: relative;
    box-shadow: 0px 30px 30px 0px rgba(16, 57, 108, 0.07);
}
.hc-img a {display: block;}
.hc-descripation:after{
    position: absolute;
    content: "";
    width: 80%;
    height: 9px;
    background-color: #32c36c;
    bottom: -6px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    transform: translate(-50%, -50%);
}
.hc-title h5{
    margin-top: 35px;
    margin-bottom: 30px;
}
.hc-title h5 a{
color:#253745;
}
.hc-descripation:hover .hc-title h5 a{
    color:#32c36c;
}
.hc-descripation:hover{
    border-color:#32c36c;
}
/*home category section and*/
/*home whychoose section start*/
.home-whychoose-section{
    padding-top: 50px;
    padding-bottom: 50px;
}
.aboutus-title{
    text-align: center;
    color: #18332f;
}
.whchoose-center{
    text-align: justify;
    margin: auto;
}
/*home whychoose section and*/
/*animation section start*/
.animal-section-wrap{
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #32c36c;
}
.animal-title h5 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 20px;
    position: relative;
}
.animal-title h5:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: #fff;
}
.animal-title p{
    color: #fff;
    font-family: "Poppins", sans-serif !important;
    padding-top: 15px;
}
.aisection img{
    margin-top: 16px;
    max-width: 54px;
    transition: 1s all ease 0s;
}
.animal-contain{
    padding-bottom: 30px;
}
.aisection{
    background-color: #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 50%;
    transition: 1s all ease 0s;
}
.aisection:hover img {
    transform: rotate(360deg);
}
.animal-containdata img{
    text-align:left !important;
}
.aititle h6{
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    text-align: center;
    margin-left: -20px;
}
.category-img1{
    position: relative;
}
.category-img1 img{
    position: absolute;
    bottom: 76px;
    left: -23%;
    width: 300px;
}
.animal-block-img {
    height: 230px;
    border: 5px solid #fff;
    border-radius: 15px;
    overflow: hidden;
    transition: all .3s ease 0s;
}
.animal-block-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease 0s;
}
.animal-block-img:hover img {
    transform: scale(1.1);
}
/*animation section and*/
/* brand section start */
.home-brand-section{
    padding-top: 30px;
    padding-bottom: 50px;
}
.home-brand-title{
    text-align: center;
    color: #183332;
}
.home-brand-title h4{
    font-size: 24px;
    color: #18332f;
}
.brand-contain{
    margin-top: 30px;
}
.brand-img1 img{
    max-width: 200px;
}
.brand-img1{
    padding: 26px 18px;
    text-align: center;
    border:1px solid #f3f3f3;
}
.brand-img1:hover{
box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.05);
border: 1px solid #fff;
}
/*brand section and*/
/*receent blog section start*/
.home-blog-section{
    padding-top: 30px;
    padding-bottom: 130px;
    position: relative;
}
.home-blog-section:after{
    background-image: url(../images/blogbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
}
.hb-conrtain{
background:linear-gradient(to top, #ffff 80%, transparent 20%);
padding:10px 16px 40px 16px;
/*border: 3px solid #EDEDED;*/
border-radius: 10px;
position: relative;
z-index: 1;
}
.hb-conrtain:hover:after{
    border-color:#fff;
     box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
}

.hb-conrtain:after{
    border: 3px solid #EDEDED;
    position: absolute;
    content: "";
    z-index: -1;
    bottom: 0;
    left: 0;
    height: 400px;
    width: 100%;
    border-radius: 10px;
}
.hb-conrtain:before{
    content: "";
    width: 80%;
    height: 8px;
    background-color: #e6e6e6;
    position: absolute;
    border-top-left-radius: 10px;
    border-top-right-radius:10px ;
    left: 9%;
    bottom: 1px;
}
.hb-conrtain:hover .readblogbtn{
    background-color: #253745;
    
}
.hb-conrtain:hover .readblogbtn a{
    color: #fff;
}
.hb-conrtain:hover .readblogbtn  i{
    color: #fff;
}
.hb-conrtain:hover:before{
    background-color: #32c36c;
}
.hb-img img{
    border-radius: 10px;   
}
.hb-img{
    position: relative;
}
.hb-img:after{
    position: absolute;
    background-color: #333;
    content: "";
    width: 318px;
    height: 237px;
    top: 0px;
    left: 0;
    opacity: 0;
    border-radius: 10px;
}
.hb-img:before{
    background-image: url(../images/chex.png);
    background-size: cover;
    background-repeat: no-repeat;
    transform: translate(50%, 26%);
    width: 150px;
    height: 150px;
    position: absolute;
    content: "";
    opacity: 0;
    visibility: hidden;
}
.hb-conrtain:hover .hb-img:before{
   opacity: 1;
   visibility: visible;
}
.hb-conrtain:hover .hb-img:after{
   opacity: 0.3;
}
.hb-conrtain h5{
    border-radius: 30px;
    padding: 8px 20px;
    margin: auto;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    transform:translate(62%, -60%);
    font-size: 16px;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}
.rb-descripation{
    margin-top: 30px;
    text-align: center;
}
.rb-descripation h6{
    font-weight: 600;
    font-size: 18px;
}
.rb-descripation p{
    margin-top: 30px;
    font-family: "Poppins", sans-serif !important;
}
.readblogbtn{
    border: none;
    padding: 8px 20px;
    background-color: #f9f9f9;
    border-radius: 30px;
}
.readblogbtn a{
    color: #253745;
    font-weight: 600;
}
.readblogbtn i{
  color: #253745;
    margin-left: 10px;
}
.hb-conrtain:hover h5{
    background-color: #32c36c;
    color: #FFF;
}
.home-blog-contain{
    margin-top: 30px;
}
/*recent blog section and*/
/*our infrastructure section start*/
.our-infrastructure-main{
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url(../images/oifrabg.png);
    background-repeat: no-repeat;
    background-position: -46% 40%;
}
.our-infra-gallary{
    padding-top: 50px;
}
.oinfa-padding{
    padding-top: 30px;
}
.oinfra-color{
    color: #333333 !important;
    margin-left: 7px;
}
.oinfra-title{
        color: #fff ;
}

/*our infrasturcture section and*/
/*our cerificate section start*/
.our-certificate-main{
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    background-image: url(../images/certificatebg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.home-brand-title{
    font-family: "Poppins", sans-serif !important;
}
/* .cerimg1{
    text-align: right;
} */
.cerimg1 img, .cerimg2 img  {
    width: auto !important;
    margin: auto !important;
}
.certi-carousel .owl-nav {display: none;}
.certibg{
 text-align: center;
}
.certificate-main-gallary .col-lg-12{
  z-index: -1; 
  margin-top: -56px;
  margin-bottom: 50px;
}
.certificate-main-gallary{
    padding-top: 30px;
}
/*our certificate section and*/
/*home map section start*/
.home-map-wrap{
    background-image: url(../images/mapimg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 50px;
    background-position: 79% top;
}
.home-from-descripation{
    background-color: #32c36c;
    padding: 40px 20px;
    margin-top: -142px;
}
.fhometitle h6{
    color: #fff;
}
.fhometitle img{
    margin-bottom: 10px;
}
.home-from-descripation .form-control{
    font-family: "Poppins", sans-serif !important;
    padding: 20px;
    font-size: 14px;
    margin-bottom: 14px;
}
.home-from-descripation .form-control:focus{
    box-shadow: none;
    border-color: transparent;
}
.home-form-btn{
    border: none;
    padding: 10px 30px;
    border-radius: 30px;
    color: #fff;
    background-color: #253745;
}
/*home map section and*/
/*footer section start*/
.footer-wrap{
    padding-top: 50px;
    background-color: #f9f9f9;
}
.footer-decripation{
    display: flex;
    margin-bottom: 15px;
}
.footer-logo{
    margin-bottom: 20px;
}
.footer-decripation i{
    padding-top: 4px;
    color: #32C36C;
    margin-right: 12px;
}
.footer-decripation p{
    font-family: "Poppins", sans-serif !important;
    margin-bottom: 10px;
    margin-bottom: 0;
}
.footer-decripation a{
    font-family: "Poppins", sans-serif !important;
    color: #212529;  
    margin-right: 12px;
    display: contents;
}
.footer-decripation a:hover {color: #32C36C;}
.footer-social{
    margin-top: 20px;
}
.footer-social a i{
    color: #fff;
    font-size: 16px;
}
.footer-title h5{
    font-weight:600;
    color: #32C36C;
}
.footer-title{
    margin-bottom: 10px;
}
.footer-social a{
    background-color: #253745;
    margin-right: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    transition: all .3s ease 0s;
}
.footer-social a:hover {
    background-color: #32C36C;
}
.pagelinkall ul {padding-left: 0;}
.pagelinkall ul li {list-style: none;margin-bottom: 10px;}
.pagelinkall ul li i {
    color: #32C36C;
    margin-right: 8px;
}
.pagelinkall a{
    font-family: "Poppins", sans-serif !important;
    position: relative;
    color: #212529;
}
.pagelinkall a:hover{
    color: #32c36c;
    padding-left: 5px;
}
.pagelinkall a:hover:after{
    opacity: 1;
    visibility: visible;
}
.footlink{
    margin-left: 40px;
}
.f-img12{
    margin-top: 40px;
   
  }
.f-img12 img{
    max-width:300px;
    text-align: center;
     border: 1px solid #DADADA;

}
.footer-bradcrom{
    margin-top: 40px;
    padding: 20px;
    
    background: linear-gradient(to right, #253745 50%, #32c36c 50%);
}
.footer-bradcrom h6{
    color: #fff;
    font-family: "Poppins", sans-serif !important;
    margin-bottom: 0;
}
.footer-bradcrom h6 a{
    color: #fff;
}
.taglinefooter2s{
    text-align: right;
}
/*footer section and*/
/*  <!-- *********************************Home page css and****************************** -->*/
/*<!-- ************************about page css start***************************************** -->*/

/*about banner section start*/
.about-banner{
    position: relative;
}
.about-banner img{
    width: 100%;
}
.about-banner h1{
    position: absolute;
    color: #fff;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 45%;
    text-align: center;
}
.header-bradcrum{
    position: absolute;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    bottom: -7.5%;
    left: 50%;
    padding: 15px 35px 0px 35px;
    background-color: #32c36c;
    transform: translate(-50%, -50%);
}
.header-bradcrum a{
    color: #fff;
}
.header-bradcrum p{
    font-size: 14px;
}
.header-bradcrum i{
    color: #fff;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
}
.header-bradcrum span{
    color: #fff;
}
/*about banner section and*/
/*about contain section start*/
.about-contain-main{
    padding-top: 50px;
    padding-bottom: 50px;
}
.about-page-title h3 {
    position: relative;
    color: #32C36C;
    font-size: 25px;
    margin-bottom: 40px;
}
.about-page-title h3:after {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 0;
    background-color: #32C36C;
    width: 60px;
    height: 2px 
}
.about-page-descripation p{
    font-family: "Poppins", sans-serif !important;
    color: #232323;
    letter-spacing: 0.2px;
    line-height: 26px;
    margin-bottom: 20px;
    text-align: justify;
}
.about-page-descripation p strong, .am-desc p strong {
    color: #212529;
    font-size: 18px;
    font-weight: 600;
}
/*about contain section and*/
/*about manufacturing section start*/
.about-manufacturing{
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url(../images/abground1.png);
    background-repeat: no-repeat;
    background-position: 75px;
    background-size: 1170px;
}
.am-desc p{
font-family: "Poppins", sans-serif !important;
text-align: justify;
line-height: 26px;
}
/*about manufacturing section and*/
/*about membership section start*/
.ab-membership-wrap{
    padding-top: 50px;
    padding-bottom: 10px;
    margin-top: 50px;
    background: linear-gradient(to bottom, #253745 70%, #fff 30%);
}
.membership-title h3{
color: #fff;
    font-size: 23px;
}
.membership-description p{
    color: #fff;
    line-height: 26px;
    text-align: justify;
    font-family: "Poppins", sans-serif !important;
    margin-bottom: 20px;
}
.membership-description p strong {
    font-size: 18px;
    font-weight: 600;
}
.membership-description  p:last-child{
    margin-bottom: 40px;
}
.about-page-descripation p a{
    color: #32c36c;
}
.abdata{
    padding-bottom: 30px;
}
.abdata h6{
    font-style: italic;
    font-weight: 600;
}
/*about membership section and*/
/*<!-- ************************about page css and***************************************** -->*/
/*<!-- ************************products page css start***************************************** -->*/
.product-category-page{
    padding-top: 50px;
    position: relative;
    padding-bottom: 120px;
}
.product-category-page:after{
    position: absolute;
    transform: translate(-50%, -50%);
    content: "";
    top: 89%;
    left: 50%;
    width: 1200px;
    height: 100%;
    z-index: -1;
   background: linear-gradient(to bottom, #F9F9F9 82%, #fff 10%);
}
.pc-desc{
 height: 375px;
}

/*<!-- ************************products page css and***************************************** -->*/
/*<!-- ************************Contact page css start********************** -->*/
.contact-contain{
    padding-top: 50px;
    padding-bottom: 100px;
}
.contact-logo{
    background-color: #f9f9f9;
    text-align: center;
    padding: 50px 30px;
}
.contact-info{
    padding: 41px 30px;
    background-color: #f9f9f9;

}
.factory-address{
    padding-top: 10px;
}
.contact-info h5{
    color: #333333;
}
.contact-info h6{
    color: #333333;
}
.contact-info p{
    font-family: "Poppins", sans-serif !important;
    color: #232323;
}
.contact-map{
    padding-top: 30px;
}
/*<!-- ************************Contact page css and***************************** -->*/
/*<!-- ************************slat page css start***************************** -->*/
.slat-contain{
    padding-top: 50px;
    padding-bottom: 50px;
}
.slat-wrap{
    position: relative;
}
.slat-wrap:after{
    position: absolute;
    background: linear-gradient(to top, #f9f9f9 95%, #fff 10%);
    content:"";
    top: 54%;
    left: 50%;
    transform:translate(-50%, -50%);
    width: 1200px;
    height: 100%;
    z-index: -2;
}
/*slat descripation section start*/
.slat-descripation{
    padding-top: 30px;
    padding-bottom: 50px;
}
.slat-title h5{
    color: #333333;
    font-size: 23px;
}
.slat-pragrap p{
    color: 232323;
    font-family: "Poppins", sans-serif !important;
    font-size: 15px;
    text-align: justify;
}
.slat-numberdata ul li{
    font-family: "Poppins", sans-serif !important;
    font-size: 15px;
    text-align: justify;
     color: 232323;
     margin-bottom: 10px;
     float: left;
     width: 100%;
     overflow: hidden;
}
.slat-numberdata ul li i{
    width: 24px;
    height: 23px;
    background: #32c363;
    display: block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-style: normal;
    padding-top: 1px;
    float: left;
    width: 2%;
}
.slat-numberdata ul li span{
    padding-left: 10px;
    float: left;
    width: 98%;
}
.dots-contain ul li{
     font-family: "Poppins", sans-serif !important;
    font-size: 15px;
    text-align: justify;
     color: 232323;
     margin-bottom: 10px;
}
.dots-contain ul li i{
    color: #32c36c;
    margin-right:5px;
}
/*slat descripation section and*/
/*<!-- ************************slat page css and***************************** -->*/
/*<!-- ************************Infrasturcute page css start***************************************** -->*/
.infra-galary-main{
    padding-top: 50px;
    padding-bottom: 30px;
}
.infra-padding{
    padding-top: 30px;
}
.infaimg1{
    padding-top: 30px;
}
.infra-img img{
    border: 3px solid #32c36c;
    border-radius: 10px;
}

 .infra-title1:hover h3{
    background-color: #253745;
 }
.infra-title1 h3{
    padding: 20px 20px 20px 20px;
    background-color:#32C36C;
    display: inline-block;
    color: #fff;
    border-bottom-right-radius:30px;
     border-top-left-radius:30px;
     margin-bottom: 20px;
}
.infra-galary-main2{
    padding-top: 30px;
}
.infa-gallary3{
    padding-top: 30px;
}
.infra-img3 img{
    height: 287px;
    object-fit: cover;
}
.infra-galary-datalast{
    padding-bottom:80px;
}
.slat-dete{
    margin-bottom:80px;
}
.slat-dete:after{
    background:linear-gradient(to top, #f9f9f9 78%, #fff 10%) !important;
    top:60%;
}
/*<!-- ************************Infrasturcute page css and***************************************** -->*/
/*<!-- ************************Import Export page start and***************************************** -->*/
.import-export-page{
    padding-top: 50px;
    padding-bottom: 50px;
}
.import-export-title h5{
    font-size: 25px;
    color: #333333;
}
.import-export-contain p{
    font-family: "Poppins", sans-serif !important;
    color: #232323;
    text-align: justify;
}
.import-export-contain span{
 font-family: "Poppins", sans-serif !important;
    color: #232323;
       
}
.import-export-contain  ul li{
        font-family: "Poppins", sans-serif !important;
        list-style: disc !important;
    color: #232323;
    margin-left: 30px;
}
/*<!-- ************************Import Export page css and***************************************** -->*/
/*<!-- ************************Blog detail page css start***************************************** -->*/
.blog-detail-main{
    padding-top: 50px;
    padding-bottom: 70px;
}
.latest-blog-title h3{
    color: #333333;
    font-size: 20px;
}
.latestpost-wrap{
    float: left;
    width: 100%;
}
.latestpost-imgs{
    float: left;
    width: 35%;
}
.latestpost-contain{
    float: left;
    width: 65%;
}
.latestpost-contain a{
    color: #232323;
    font-family: "Poppins", sans-serif !important;
    font-weight: bold;
}
.blog-contain-title h4{
    color: #333333;
    padding-top: 20px;
}
.blog-contain-title img{
    padding-bottom: 10px;
}
.latestpost-wrap{
    margin-top: 20px;
}
.blog-descripation p{
    font-family: "Poppins", sans-serif !important;
    color: #232323;
    font-size: 15px;
    text-align: justify;
}
.blog-contain-title h4{
    color: #333333;
    font-size: 23px;
}
.other-blog-c h6{
color: #333333;
font-size: 19px;
}
.blog-detail-bohimg img{
    border-radius: 30px;
}
.other-blog-c P{
    font-family: "Poppins", sans-serif !important;
    color: #232323;
    font-size: 15px;
    text-align: justify;
}
.blog-date {
    position: relative;
}
.blog-date h5{
    border-radius: 30px;
    padding: 8px 20px;
    margin: auto;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    box-shadow: 0px 10px 15px 0px rgb(0 0 0 / 5%);
}
.blog-date h5:hover{
    background-color: #32c36c;
    color: #FFF;
}
.btmargin {
    margin-top: 20px;
}
.latestpost-wrap{
    border: 2px solid #EAEBEB;
    padding: 10px;
}
/*<!-- ************************Blog detail page css and***************************************** -->*/
.infra-last-img{
    margin-bottom:40px;
}
/*Home responsive css start*/
@media(min-width: 1400px){
    .navbar-section .nav-link {
        font-size: 20px !important;
    }
    .search-btn {
        display: none;
    }
    .navigation li{
        margin-right: 0;
        padding-right: 5px;
    }
    .banner-main-title{
        font-size: 60px;
    }
    .banner-main-title span{
        font-size: 66px;
    }
    .banner-img img{
        width: 100%;
    }
    .header-bradcrum{
        bottom: -26px;
    }
    .about-manufacturing{
        background-position: center;
    }
    .our-infrastructure-main{
        background-position: 1% 40%;
    }
    .bgcertificate{
        left: 17%;
    }
}
@media(min-width: 1809px) and (max-width: 1935px){
    .banner-main-title{
        font-size: 57px !important;
    }
    .banner-main-title span{
        font-size: 63px !important;
    }
}
@media(min-width: 1749px) and (max-width: 1808px){
    .banner-main-title{
        font-size: 55px !important;
    }
    .banner-main-title span{
        font-size: 62px !important;
    }
}
@media(min-width: 1649px) and (max-width: 1748px){
    .banner-main-title{
        font-size: 55px !important;
    }
    .banner-main-title span {
        font-size: 60px !important;
    }    
}
@media(min-width: 1549px) and (max-width: 1648px){
    .banner-main-title{
        font-size: 52px;
    }
     .banner-main-title span {
        font-size: 58px !important;
    }
    .navbar-section .nav-link{
        font-size: 17px !important;
    }
    /*.header{*/
    /*    background: linear-gradient(to left, #32C36C 20%, #fff 15%) !important;*/
    /*}*/
     
}
@media(min-width:1449px) and (max-width: 1548px){
    .banner-main-title{
        font-size: 50px !important;
    }
     .banner-main-title span{
        font-size: 58px;
     }
}
@media(min-width:1349px) and (max-width: 1448px){
    .banner-main-title{font-size: 49px !important;}
    .banner-main-title span{font-size: 58px !important;}
    .caption2 .banner-main-title{font-size: 34px !important;}
    .caption2 .banner-main-title span{font-size: 48px !important;}

}
@media(max-width: 1299px){
    .our-infrastructure-main{
        background-position: -54% 40%;
    }
    .header-bradcrum{
        bottom: -26px;
    }
    .about-manufacturing {
        background-position: center;
    }
    
}
@media(max-width: 1280px){
    .our-infrastructure-main{
        background-position: -59% 40%;
    }
}
@media(max-width: 1260px){
    .our-infrastructure-main{
        background-position: -62% 40%;
    }
}
@media(max-width: 1240px){
    .our-infrastructure-main{
        background-position: -67% 40% !important;
    }
}
@media(max-width: 1220px){
.our-infrastructure-main{
        background-position: -73% 40% !important;
    }
     
}
@media(max-width: 1199px){
    .navigation li{
        margin-right: 0px;
    }
    .search-btn {
        transform: translateX(-45px);
    }
    /*.header{*/
    /*    background: linear-gradient(to left, #32C36C 17%, #fff 15%);*/
    /*}*/
    .search-btn {
        transform: translateX(-23px);
    }
    .navbar-section .nav-link{
        font-size: 14px;
    }
    .home-about-section{
        padding-top: 100px;
    }
    .hc-img img{
        max-width: 250px;
    }
    .hb-conrtain h5{
        transform: translate(42%, -60%);
    }
    .our-infrastructure-main{
        background-position: -38% 40% !important;
        background-size: 650px;
    }
    .home-map-wrap{
        background-position: 43% top;
    }
    .header-bradcrum{
        bottom: -26px;
    }
    .about-banner h1{
        top: 45%;
    }
    .about-manufacturing{
        background-size: 1000px;
    }
    .ab-membership-wrap{
        background: linear-gradient(to bottom, #253745 75%, #fff 30%);
    }
    .pc-img img{
        max-width: 180px;
    }
    .contact-info{
        padding: 28px 30px;
    }
    .product-category-page:after{
        width: 1000px;
    }
    .slat-wrap:after{
        width: 1000px;
    }
    .slat-numberdata ul li span {
        width: 97.5%;
    }
    .slat-numberdata ul li i{
        width: 2.5%;
    }
    .infra-img3 img{
        height: 240px;
    }
    .infra-galary-main{
        padding-bottom: 0;
    }
    .latestpost-imgs{
        width: 40%;
    }
    .latestpost-contain{
        width: 60%;
    }
}

@media(max-width: 1180px){
.our-infrastructure-main{
        background-position: -41% 40% !important;
    }
}

@media(max-width: 1150px){
    .our-infrastructure-main{
        background-position: -47% 40% !important;
    }
    .about-manufacturing{
        background-size: 980px;
    }
}
@media(max-width: 1130px){
    .our-infrastructure-main{
        background-position: -61% 40% !important;
    }
}

@media(max-width: 1099px){
    .home-descripation p:first-child {
        margin-bottom: 13px;
    }
    .our-infrastructure-main{
        background-position: -62% 40% !important;
    }
    

}
@media(max-width: 1050px){
    /*.navbar-section .nav-link{
        font-size: 12px;
    }*/
    /*.header{*/
    /*    background: linear-gradient(to left, #32C36C 14%, #fff 14%);*/
    /*}*/
    .search-btn {
        transform: translateX(-38px);
    }
    .our-infrastructure-main{
        background-position: -70% 40% !important;
    }
    .product-category-page:after{
        width: 980px;
    }
       
}
@media(max-width: 1030px){
    .our-infrastructure-main{
        background-position: -86% 40% !important;
    }
}
@media(max-width: 1000px){
    .our-infrastructure-main{
        background-position: -91% 40% !important;
    }
     
}
@media(max-width: 991px){
    .navbar-toggler{
        transform: translateX(50px);
    }
    /*.header{*/
    /*    background: linear-gradient(to left, #32C36C 21%, #fff 13%);*/
    /*}*/
    .navbar-toggler span{
        color: #32C36C;    
    }
    .main-menu {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .banner-main-title {
        font-size: 30px;
    }
    .banner-main-title span {
        font-size: 38px;
    }
    .home-about-title h2 {
        font-size: 38px;
    }
    .home-about-title{
        text-align: center;
    }
    .home-descripation{
        text-align: center;
    }
    .home-descripation p {
        text-align: center;
    }
    .goaboutbtn{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .home-about-img{
        text-align: center;
    }
    /* .home-about-img img{
        width: 456px;
    } */
    .hc-center{
        margin: auto;
    }
    .aboutus-title{
        padding-bottom: 30px;
    }
    .home-whychoose-section{
        padding-top: 30px;
    }
    .whychoose-img img{
        max-width: 520px;
    }
    .whychoose-img{
        text-align: center;
    }
    .aisection{
        margin: auto;
    }
    .treenone{
        display: none;
    }
    .aititle h6{
        margin-left: 0;
    }
    .category-img1 img{
        left: -6%;
        bottom: 160px;
    }
    .animalimg{
        text-align: center;   
    }
    .animalimg img{
        max-width: 600px;
    }
    .brand-img1 img {
        max-width: 174px;
    }
    .hb-conrtain h5 {
        transform: translate(56%, -60%);
    }
    .hblogmargim{
        margin: auto;
        margin-top: 30px;
    }
    .our-infrastructure-main{
        background-size: cover;
        background-position: 5% !important;
    }
    .oifratitle h4{
        color: #fff;
    }
    .oinfra-color h5{
        color: #fff;
    }
    .oinfa-padding{
        padding-top: 0;
    }
    .oinfra-img{
        padding-bottom: 30px;
    }
    .home-map-wrap{
        background-position: 17% top;
    }
    .footlink{
        margin-left: 0;
    }
    .footer-social {margin-bottom: 30px;}
    .f-img12 img{
        max-width: 240px;
    }
    .footer-bradcrom h6{
        text-align: center;
    }
    .footer-bradcrom{
        background: linear-gradient(to bottom, #253745 50%, #32c36c 50%);
        padding: 0;
    }
    .brad-gray{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .brad-green{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navigation li a:after{
        display: none;
    }
    .dropdown .nav-link .fa-chevron-down{
        display: none;
    }
    .about-banner h1{
        top: 44%;
    }
    .about-manufacturing{
        background-size: 1000px;
        background-position: left 10px;
    }
    .about-contain-main{
        padding-bottom: 20px;
    }
    .about-manufacturing{
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .ab-membership-wrap{
        background: linear-gradient(to bottom, #253745 80%, #fff 30%);
    }
   
    .f-img12 img{
        max-width: 200px;
    }
    .contact-info{
        margin-top: 30px;
    }
    .product-category-page:after{
        top: 77%;
        width: 100%;
    }
    .slat-wrap:after{
        width: 100%;
        top: 52%;
    }
    .slat-numberdata ul li span {
        width: 96.5%;
    }
    .slat-numberdata ul li i{
        width: 3.5%;
    }
    .mineral-title {
        font-size: 36px;
    }
    .infra-img{
        text-align: center;
        padding-top: 30px;
    }
    .infra-even{
        text-align: start;
        padding-top: 30px !important;
    }
    .infra-odd{
        text-align: end;
        padding-top: 30px !important;
    }
    .infra-title1 {
        text-align: center;
    }
    .infra-title1 h3{
        margin-bottom: 10px;
        font-size: 20px;
        padding-top: 15px;
    }
    .infra-padding{
        padding-top: 0;
    }
    .latestpost-imgs{
        width: 20%;
    }
    .latestpost-contain{
        width: 80%;
        margin-top: 30px;
    }
    .slat-dete:after{
        top:60% !important;
    }
}
@media(max-width: 895px){
    .navbar-toggler {
        transform: translateX(0px);
    }
    
}


@media(max-width: 820px){
    .navbar-toggler{
        transform: translateX(15px);
    }
   
}

@media(max-width: 767px){
    .banner-main-title{
        font-size: 22px;
    }
    .banner-main-title span {
        font-size: 30px;
    }
    .navbar-toggler{
        transform: translateX(81px);
    }
    .home-about-title h2{
        font-size: 35px;
    }
    .whychoose-img img{
        max-width:480px;
    }
    .category-img1 img{
        max-width: 270px;
        bottom: 140px;
        left: -17%;
    }
    .animalimg img {
        max-width: 550px;
    }
    .brand-margin{
        margin: auto;
        margin-top: 30px;
    }
    .hb-img{
        text-align: center;
    }
    .hb-img:before{
        transform: translate(74%, 32%);
    }
    .hb-conrtain h5 {
        transform: translate(119%, -60%);
    }
    .hb-img:after{
        width: 358px;
        height: 267px;
        left: 60px;
    }
    .hblogmargim{
        margin-top: 0;
    }
    .hb-conrtain{
        margin-top: 30px;
    }
    .hblogmargim h5{
        transform: translate(126%, -60%) !important;
    }
    .home-blog-section{
        padding-top: 0;
    }
    .certificate-main-gallary .col-lg-12 {
        margin-top: -35px;
    }
    .footer-title h5{
        margin-top: 20px;
    }
    .pagelinkall a {
        margin-bottom: 10px;
    }
    .f-img12{
        margin-top: 20px;
    }
    .f-img12 img{
        max-width: 300px;
    }
     .brad-gray{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .brad-green{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .header-bradcrum{
        padding: 12px 30px 0px 31px;
    }
    .header-bradcrum p{
        font-size: 13px;
        margin-bottom: 12px;
    }
    .about-banner h1{
        font-size: 34px;
    }
    .header-bradcrum {
        bottom: -22px;
    }
     .about-banner img{
     height: 200px;
        object-fit: cover;   
    }
    .mc3padding{
        padding-top: 30px;
    }
    .mc4padding{
        padding-top: 30px;
    }
    .ab-membership-wrap{
        background: linear-gradient(to bottom, #253745 85%, #fff 30%);
    }
      .product-category-page:after{
        top: 66%;
    }
    .pc-img img{
        max-width: 250px;
    }
    .slat-wrap:after{
        top: 50%;
        background:linear-gradient(to top, #f9f9f9 97%, #fff 10%);
    }
    .slat-numberdata ul li span {
        width: 95.5%;
    }
    .slat-numberdata ul li i{
        width: 4.5%;
    }
    .slat-contain{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .slat-descripation{
        padding-bottom: 70px;
    }
    .mineral-title{
        font-size: 29px !important;
    }
    .latestpost-imgs{
        width: 25%;
    }
    .latestpost-contain{
        width: 75%;
    }
    .aimg1 img{
        max-width:417px !important;
    }
    .aimg2 img{
        bottom:58px !important;
        left:-23% !important;
    }
    .slat-dete:after{
        background:linear-gradient(to top, #f9f9f9 90%, #fff 10%) !important;
    }
}
@media(max-width: 719px){
    .about-banner .mineral-title{
        font-size: 25px !important;
    }
}
@media(max-width: 699px){
    .navbar-toggler{
        transform: translateX(60px);
    }
    .animalimg img{
        max-width: 500px;
    }
    .category-img1 img{
        max-width: 220px;
        left: -7%;
    }
    .navbar-toggler{
        transform: translateX(52px);
    }
    .aimg2 img{
        left:-10px !important;
    }

}
@media(max-width: 655px){
    .mineral-bracrum{
        padding: 8px 25px 0px 25px !important;
        bottom: -20px !important;
    }
    .mineral-bracrum p{
        font-size: 12px;
    }
}
@media(max-width: 645px){
    .navbar-toggler{
        transform: translateX(34px);
    }
    .home-about-title h2{
        font-size: 33px;
    }
    /* .home-about-img img {
        max-width: 430px;
    } */
    .about-banner h1{
        top: 46%;
        font-size: 30px;
    }
    .header-bradcrum{
        padding: 10px 18px 0px 18px;
    }
    .header-bradcrum {
        bottom: -10%;
    }
    .header-bradcrum p{
        margin-bottom: 10px;
    }
    .mineral-bracrum{
        bottom: -18px !important;
    }
    .infra-img{
        text-align: center !important;
    }

}

@media(max-width: 600px){
    .navbar-toggler{
        transform: translateX(12px);
    }
    .header-bradcrum {
        bottom: -10%;
    }
    .mineral-bracrum{
        bottom: -18px !important;
        padding: 8px 19px 0px 19px !important;
    }

}
@media(max-width: 587px){
    .mineral-bracrum{
        bottom: -16px !important;
    }
    .mineral-bracrum p{
        margin-bottom: 5px !important;
    }
}
@media(max-width: 576px){
    .mineral-bracrum{
        padding: 7px 15px 0px 15px !important;
        bottom: -15px !important;
    }
}
@media(max-width: 575px){
    .banner-main-title {font-size: 16px;}
    .banner-main-title span {
        font-size: 22px;    
    }
    .carousel-control-prev {
        width: 30px;
        height: 30px;
        left: 8% !important;
    }
    .carousel-control-next {
        width: 30px;
        height: 30px;
        right: -2% !important;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {width: 12px;height: 12px;}
    .navbar-toggler{
        transform: translateX(-9px);
    }
    .navbar-brand img{
        max-width: 180px;
    }
    .whychoose-img img{
        max-width:430px;
    }
    .animalimg img{
        max-width: 450px;
    }
    .category-img1 img {
        max-width: 190px;
        left: -1%;
    }
    .hc-descripation{
        max-width: 400px;
        margin: auto;
        margin-top: 30px;
    }
    .home-about-section{
        padding-top: 85px;
        padding-bottom: 30px;
    }
    .home-brand-section {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .home-blog-contain{
        margin-top: 0;
    }
    .home-blog-section{
        padding-bottom: 30px;
    }
    .our-infrastructure-main{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .our-infra-gallary{
        padding-top: 10px;
    }
    .our-certificate-main{
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .home-about-title h2{
        font-size: 30px;
    }
    .brand-img1{
        margin-top: 30px;
    }
    .brand-margin{
        margin-top: 0;
    }
    .home-category-wrap{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .oinfra-img{
        text-align: center;
    }
    .oinfra-title{
        text-align: center;
    }
    .footer-bradcrom h6{
        font-size: 15px;
    }
    .mc-img img{
        padding-top: 30px;        
    }
    .mc-img{
        text-align: center;
    }
    .mc3padding{
        padding-top: 0;
    }
    .mc4padding{
        padding-top: 0;
    }
    .membership-description p:last-child{
        margin-bottom: 20px;
    }
    .ab-membership-wrap{
        background: linear-gradient(to bottom, #253745 90%, #fff 30%);
    }
    .about-contain-main{
        padding-top: 30px;
        padding-bottom: 0;
    }
    .product-category-page:after{
        top: 65%;
    }
    .slat-wrap:after{
        top: 52%;
        background: linear-gradient(to top, #f9f9f9 98%, #fff 10%);
    }
    .slat-numberdata ul li span {
        width: 96%;
    }
    .slat-numberdata ul li i{
        width: 4%;
    }
    .navbar-section .nav-link{
        padding-left:0px;
        background-color:transparent;
    }
    .navbar-section .nav-link.active, .navbar-section .nav-link:hover {
        padding-left:0px;
        background-color:transparent !important;
    }
    .main-menu .navigation > li > ul > li a:focus{
        background-color:transparent !important;
    }
    .infa-bradcrum{
        text-align:center;
        bottom:-20px;
    }
    .header-bradcrum{
        border-top-left-radius:20px;
        border-top-right-radius:20px;
    }
    .banner-paregrap{
        border-top-left-radius:20px;
        border-bottom-right-radius:20px;
    }
    .banner-main-title{
        text-shadow:2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 0px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    }
    .infrasetsize {
        background: linear-gradient(to top, #32C36C 60%, transparent 50%);
        padding-bottom: 16px;
    }
    .infra-img img{
        border:none;
        border-radius:0;
        width: 100%;
    }
    .banner-main-title span{
        background:1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 0px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff !important;
    }
    .footer-social {margin-bottom: 20px;}
    .ab-membership-wrap {margin-top: 30px;padding-top: 30px;}
    .abdata h6 {margin-bottom: 40px;}
}
@media(max-width: 560px){
    .mineral-bracrum{
        bottom: -24px !important;
        text-align: center;
    }
    .stbrudcum{
        bottom: -15px !important;
    }
    
}
@media(max-width: 551px){
    .banner-img img{
        height: 200px;
       
    }
   
}
@media(max-width: 516px){
    .stbrudcum{
        bottom: -15px !important;
    }
    .blog-badcrum{
        bottom: -29px;
        text-align: center;
    }
}
@media(max-width: 510px){
        /* .home-about-img img {
            max-width: 411px;
        } */
        .hb-img:after {
        left:10%;
        }
        .hb-conrtain h5 {
            transform: translate(108%, -60%);
        }
        .navbar-toggler{
        transform: translateX(0px);
        }
    .home-about-section{
        padding-top: 50px;
        }
        .slat-numberdata ul li span {
        width: 95%;
    }
    .slat-numberdata ul li i{
        width: 5%;
    }
}
@media(max-width: 486px){
    .hb-img:after {
        left: 8%;
    }
    .latestpost-imgs{
        width: 30%;
    }
    .latestpost-contain{
        width: 70%;
        margin-top: 20px;
    }
}
@media(max-width: 479px){
    .carousel-caption {
        top: 0;
        padding: 0;
    }
    .banner-main-title {font-size: 13px;}
    .banner-main-title span {font-size: 18px;}
    .slat-numberdata ul li span {
        width: 95%;
    }
    .slat-numberdata ul li i{
        width: 5%;
    }
}
@media(max-width: 478px){
    .stbrudcum {
        bottom: -24px !important;
    }
}
@media(max-width: 456px){
    /* .home-about-img img{
        max-width: 380px;
    } */
    .animalimg img{
        max-width: 425px;
    }
}
@media(max-width: 455px){
    .animalimg img{
        max-width: 400px;
    }
    .category-img1 img{
        transform: translate(74%, 92%);
    }
    .whychoose-img img {
        max-width: 388px;
    }
    .hb-img:after{
        left: 4%;
    }
    .hb-conrtain h5 {
        transform: translate(91%, -60%);
    }
    .rb-descripation p{
        margin-top: 0;
    }
    .hblogmargim h5{
        transform: translate(104%, -60%) !important;
    }
    .footer-bradcrom h6{
        font-size: 14px;
    }
    .navbar-toggler{
        transform: translateX(7px);
    }
    .aimg2 img{
        transform:translate(73%, 54%) !important;
    }
    .aimg1 img{
        max-width:350px !important;
    }
}
@media(max-width: 429px){
    .pd-bracrum{
        padding: 10px 15px 0px 15px !important;
        bottom: -18px !important;
    }
    .pd-bracrum p{
        font-size: 11px !important;
    }
    .latestpost-imgs{
        width: 35%;
    }
    .latestpost-contain{
        width: 65%;
        margin-top: 0px;
    }
    .aimg2 img{
        transform:translate(61%, 67%) !important;
    }
    .aimg2{
        margin-bottom:50px !important;
    }
    .aimg1 img{
        max-width:320px !important;
    }
}
@media(max-width: 420px){
    /* .home-about-img img {
        max-width: 386px;
    } */
    .animalimg img{
        max-width: 350px;
    }
    .whychoose-img img {
        max-width: 360px;
    }
    .hb-img:after {
        left: 0;
    }
    .hb-conrtain h5 {
        transform: translate(80%, -60%);
    }
    .hblogmargim h5 {
        transform: translate(89%, -60%) !important;
    }
        .home-about-section{
        padding-top: 40px;
    }
    .header-bradcrum p {
        font-size: 12px;
    }
}
@media(max-width: 402px){
    /* .home-about-img img{
        max-width: 365px;
    } */
    .hb-img:after {
        width: 341px;
        height: 254px;
    }
}
@media(max-width: 400px){
    .hb-img:after{
        width: 320px;
        height: 238px;
        left: 2px;
    }
    .hb-img:before{
        transform: translate(58%, 32%);
    }
    .hb-img{
        max-width: 320px;
        text-align:center;
        margin: auto;
    }
    .hb-conrtain h5{
        transform: translate(72%, -60%);
    }
    .hb-conrtain{
        padding: 0;
    }
    .readblogbtn{
        margin-bottom: 27px;
    }
    .rb-descripation{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media(max-width: 390px){
    /* .home-about-img img{
        max-width: 340px;
    } */
    .banner-paregrap {
        top: 39%;
    }
    .whychoose-img img {
        max-width: 340px;
    }
    .hb-img:after{
        width: 324px;
        height: 242px;
        left: -2px;
    }
    .hb-conrtain h5 {
        transform: translate(73%, -60%);
    }
    .certificate-main-gallary .col-lg-12 {
        margin-top: -18px;
    }
    .home-about-section{
        padding-top: 30px;
    }
    .slat-numberdata ul li span {
        width: 94%;
    }
    .slat-numberdata ul li i{
        width: 6%;
    }
    .latestpost-imgs{
        width: 40%;
    }
    .latestpost-contain{
        width: 60%;
    }
    .aimg2 img{
        transform:translate(53%, 67%) !important;
    }
    .aimg2{
        margin-bottom:30px !important;
    }
    .aimg1 img{
        max-width:280px !important;
    }
}
@media(max-width: 379px){
    .pd-bracrum{
        padding: 7px 10px 0px 10px !important;
        bottom: -15px !important;
        text-align: center;
    }
    .header-bradcrum p {
        margin-bottom: 7px !important;
    }
    .mineral-bracrum{
        bottom:-25px !important;
    }
    .header-bradcrum{
        bottom:-18px;
    }
}
@media(max-width: 375px){
    /* .home-about-img img{
        max-width: 300px;
    } */
    .navbar-toggler {
        transform: translateX(10px);
    }
        .whychoose-img img {
        max-width: 310px;
    }
    .animalimg img {
        max-width: 325px;
    }
    .category-img1 img {
        transform: translate(46%, 99%);
    }
    .aimg2 img{
        transform: translate(43%, 76%) !important;
    }
    .aimg2{
        margin-bottom:50px !important;  
       }
    .hb-img{
        max-width: 290px;
    }
    .hb-img:after{
        width: 290px;
        height: 217px;
        left: 0;
    }
    .hblogmargim h5 {
        transform: translate(83%, -60%) !important;
    }
    .hb-img:before{
        transform: translate(49%, 19%);
    }
    .certificate-main-gallary .col-lg-12{
        margin-bottom: 30px;
    }
    .infa-bradcrum{
        bottom:-18px;
    }
} 
@media(max-width: 369px){
    .infa-bradcrum  {
        bottom: -13.5%;
    }
    .blog-badcrum{
        bottom: -27px;
    }
     .aimg2 img{
        transform:translate(43%, 67%) !important;
    }
}
@media(max-width: 360px){
    .pd-bracrum {
        bottom: -15.5px !important;
    }
}
@media(max-width: 359px){
    .pd-bracrum {
        bottom: -24.5px !important;
    }
}
@media(max-width: 350px){
    .animalimg img {
        max-width:308px;
    }
     .category-img1 img {
        transform: translate(34%, 99%);
    }
    .whychoose-img img{
        max-width: 290px;
    }
    /* .home-about-img img{
        max-width: 256px;
    } */
    .hb-img img{
        max-width: 250px;
    }
    .hb-img:after{
        max-width: 250px;
        height: 187px;
        left: 20px;
    }
    .hb-img:before{
        transform: translate(36%, 7%);
    }
    .hb-conrtain h5 {
        transform: translate(64%, -60%);
    }
    .hblogmargim h5 {
        transform: translate(75%, -60%) !important;
    }
    .certificate-main-gallary .col-lg-12{
        margin-top: -20px;
    }
    .navbar-toggler{
        transform: translateX(15px);
    }
    .slat-numberdata ul li span {
        width: 93%;
    }
    .slat-numberdata ul li i{
        width: 7%;
    }
    .mineral-bracrum{
        bottom:-24.5px !important;
    }
    .mineral-bracrum p{
        font-size: 11px!important;
    }
    .aimg2 img {
        transform:translate(36%, 76%) !important;
    }
    .aimg1 img{
        max-width:260px !important;
    }

}
@media(max-width: 330px){
    .animalimg img {
        max-width:280px;
    }
    .hb-conrtain h5{
        transform: translate(57%, -60%);
    }
    .hblogmargim h5{
        transform: translate(67%, -60%) !important;
    }
    .aimg2 img {
        transform:translate(30%, 76%) !important;
    }
}

/*home responsive css and*/