/*************************8      header css           ****************************************************/

.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}

.logo {max-height:60px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{width:98.5%;position:absolute;z-index:99;border-radius:10px;top:10px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{top:0px;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 6px;font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:0.1em;display: flex;justify-content: center;align-items: center;}
.navbar .nav-item .nav-link{color:#000;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#019A00;}

/**********                Home page css       *******************************/

.footer{background:url('../images/footer.jpg') center top no-repeat;background-size:cover;}

.hm-banner .carousel-caption {z-index:999;}

.new-pro-dt {display: flex;justify-content: center;align-items: center;}

.pro-img-pos {display: flex;justify-content: center;align-items: center;}

/******************  Additional CSS *****************************/

.img-border-radius img {border-radius: 20px !important;height: 413px;object-fit: cover;}
.blog-sec #comments {display: none;}
.woocommerce-tabs .panel.entry-content ul li {display: block!important;}
.aws-container .aws-search-form .aws-form-btn{background:transparent!important;border:none!important;border-bottom:2px solid #019A00!important;}
.aws-container .aws-search-field {border:none!important;border-bottom:2px solid #019A00!important;}
.aws-container .aws-search-form .aws-search-btn_icon {color: #019A00!important;}
.blog-sec img {height:350px;object-fit: cover;}
.term-models.term-17 .pro-inner-bnnr {display: none !important;}

/*.BnrText{width:55%; float:left; /*background:rgba(26,26,56,.3); padding:40px 25px; margin-right:20%;text-align: left;} .BnrText h1{font-size:33px;text-shadow: 2px 4px #0C9219;}*/

.BnrText{width:100%; background:rgba(26,26,56,.3); padding:40px 25px;} .BnrText h1{font-size:35px;text-shadow: 2px 4px #019a00;}

.woocommerce section.banner {
  padding-top: 0px !important;
}
.BlogPost #comments {
  display: none;
}
.img-border{border:10px solid #fff;}

.ExploreSec .ExploreSecBorder{border: 1px solid #019a00 !important;border-radius: 10px;padding: 15px;}
.w-70{width:70%;}
.subtitle {
  color: #000 !important;
}
.pods-desc h2 {
  display: block !important;
	border-bottom: 1px solid #000;
padding: 5px;
}
.pods-desc .ExploreSecBorder{border: 1px solid #019a00 !important;border-radius: 10px;padding: 15px;}

.box-content {border: 1px solid #019a00 !important;border-radius: 10px;}

.box-content h2 {display: block !important;border-bottom: 1px solid #000;padding: 5px;}

.pods-desc p {
  margin-bottom: 5px;
}
.woocommerce-products-header__title.page-title {
  text-align: center;
}
.wp-block-table table th, .wp-block-table table td {
  border: 1px solid #000 !important;
}
.flash-bnnr-img{
	float: right;
}

.carousel-caption.flash-banner {
  bottom: 0;
  top: 15%;
  right: 2%;
  left: unset;
  width: 30%;
}

.carousel-caption.flash-banner img {
height: 70px;
object-fit: contain;
}

/*.banner.hm-banner {
  background: #000;
}

.banner.hm-banner .main-banner-img{
	opacity:0.5
}*/

.carousel-caption.flash-banner a{
	color:#019A00;
}

.carousel-caption.flash-banner a:hover{
	color:#fff;
}

.new-arrival-sec a {
	color:#fff!important;
}
.mobile-view {display:none;}
.destop-view {display:block;}

#foogallery-gallery-552 {margin-bottom: 20px;}

.our-gallery .fg-default .fg-item {max-width: 31%;}

.w-100 img {width:100%;}

/**************              Footer                 ******************************/

.copy a,.footer a{color:#fff;}
.copy a:hover,.footer a.active,.footer a:hover{color:#000;}
.footer .form-control::placeholder{color:#fff;}

/********************     Media query       ***************************************/

@media (min-width: 1920px){
	.banner img {height:850px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
	.container {max-width: 1610px!important;}
	
	.navbar .nav-item{margin:0px 20px;}
	
	.hd{font-size:50px;}
}

@media (min-width: 1600px){
	.container-fluid {max-width: 1920px;}
	.container {max-width: 1530px;}
	
	.gutter-lg {margin-left:-17px!important;margin-right:-17px!important;}
	.gutter-lg div[class^="col"]{padding-left:17px!important;padding-right:17px!important;}

	.navbar-nav{margin-left:50px;}
	.main-nav .input-group{width:250px;}
	
	.hhd{font-size:55px;}
	
	h3{font-size:25px;}
	.fs-18{font-size:20px!important;line-height:1.8;}
	.fs-26{font-size:30px;}
	
	.about .col-xxl-7{width: 56.33333333%!important;}
	.about .col-xxl-5{width: 43.66666667%!important;}
}

@media (min-width: 1399.98px) and (max-width: 1599.98px){
	.navbar .nav-item{margin:0px 9px;}
	.about .hd{font-size:37px;}
}

@media (min-width: 1359.98px) and (max-width: 1459.98px) {
	.info-sec .btn {font-size:12px!important;}
	.hhd{font-size:40px; }
	.welcome h3{font-size: 20px!important;}
	.carousel-caption.flash-banner img {height: 70px;object-fit: contain;}
	.carousel-caption.flash-banner {top: 25%;}
	.navbar .nav-item {font-size: 10px;margin: 0px 5px;}
	.logo {max-height: 40px;}
	.shrink .logo {max-height: 35px;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {margin: 0px 5px;}
	.main-nav .btn{padding:12px 15px;}
	
	.hhd{font-size:35px;}
	.about .hd{font-size:35px;}
	.welcome h3{font-size: 18px!important;}
	.carousel-caption.flash-banner img {height: 85px;object-fit: contain;}
	.carousel-caption.flash-banner {top: 28%;width: 45%;}
	.BnrText h1 {font-size: 28px;}
	.BnrText {padding: 25px 25px;}
	.content-align.wp-block-columns{flex-wrap: wrap !important;}
    .content-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	.navbar .nav-item {margin: 0px 6px;}
		
	.hhd{font-size:25px; }
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	.main-nav{position:static;}
	.main-nav .btn{padding:12px 15px;}
	
	.footer .border-start{border-left:0px!important;}
	.welcome h3{font-size: 15px!important;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	#Navigation{justify-content: center; width:100%;margin:0px 0px 0px;} 
	.navbar .nav-item {font-size: 11px;}
	.flash-bnnr-img {float: unset;}
	.carousel-caption.flash-banner {top: 0%;width: 55%;}
    .carousel-caption.flash-banner img {height: 70px;object-fit: contain;}
	.BnrText h1 {font-size: 25px;}
	.new-arrival-sec img {height: 120px;object-fit: contain;}
	.content-align.wp-block-columns{flex-wrap: wrap !important;}
    .content-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
	
	.content-align-innerpage.wp-block-columns{flex-wrap: wrap !important;}
	.content-align-innerpage.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: 100% !important;}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.main-nav{width:100%;}
	.w-70{width:100%;}
	/**********    Navbar Css   *********************/
	
	.logo{height:35px;}
	.navbar {justify-content:start;}
	
	.mobile-nav-toggle {background: none;border: 0;cursor: pointer;outline: none !important;padding: 16px 30px 16px 5px;
        transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;z-index: 9999;box-shadow: none !important;}

    .mobile-nav-active .mobile-nav-toggle.active {position: absolute;left:5px;top:30px;}

    .mobile-nav-toggle span,.mobile-nav-toggle span:before,.mobile-nav-toggle span:after {
        cursor: pointer;height: 4px;width: 23px;background: #000;position: absolute;display: block;content: '';transition: all 500ms ease-in-out;border-radius: 5px;}
    .mobile-nav-toggle span:before {top: -7px;width: 23px;}
    .mobile-nav-toggle span:after {bottom: -7px;width: 23px;}
    .mobile-nav-toggle.text-white span,.mobile-nav-toggle.text-white span:before,.mobile-nav-toggle.text-white span:after {background: #fff;}

    .mobile-nav-overlay {width: 100%;height: 100%;z-index: 1038;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.5);overflow: hidden;display: none;}
    .mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 1040;overflow-y: auto;left: -280px;width: 280px !important;
        padding: 20px;background:#016801;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
    .mobile-nav * {list-style: none;color: #fff !important;}
	.mobile-nav {height: auto!important;}
	
    .mobile-nav .dropdown-menu {position: static !important;transform: none !important;background: none !important;padding-left: 25px;}
    .mobile-nav .dropdown-menu .dropdown-item-text {margin: 5px 0px;padding: 2px 10px;}
    .mobile-nav .dropdown-menu .dropdown-item {margin: 10px 0px;}
	.mobile-nav .dropdown-menu .dropdown-item .fa {display: none;}
    .mobile-nav .dropdown-menu .dropdown-item:before {content: "\00BB";margin-right: 5px;font-size: 20px;line-height: 1;}

	.mobile-nav ul{border:none!important;}
	.mobile-nav ul > .nav-item:not(.list-inline-item) {padding: 5px;width: 100%;}
	.mobile-nav ul > .nav-item > .nav-link {display: block;position: relative;color: #fff !important;
		padding: 0px !important;font-weight: 500;font-size: 20px;text-transform: uppercase;text-align: left !important;
		text-decoration: none !important;background: none;border: none;}
    .mobile-nav ul > .nav-item > button.nav-link {font-size: 16px;}
	.mobile-nav ul > .nav-item > button.nav-link.active span {color: #3DAA34 !important;}
	.mobile-nav ul > .nav-item > .nav-link > img {width: 20px;margin-right: 10px;}
	
    .mobile-nav-active {overflow: hidden;}
	.mobile-nav-active #Header {background-color: transparent !important;z-index: 1040;}
	.mobile-nav-active .mobile-nav-toggle.active span:after {width: 23px;}
	.mobile-nav-active .mobile-nav-toggle.active span {background-color: transparent;}
    .mobile-nav-active .mobile-nav-toggle.active span:before,.mobile-nav-active .mobile-nav-toggle.active span:after {top: 7px;}
    .mobile-nav-active .mobile-nav-toggle.active span:before {bottom: 0px;background: #fff;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
	.mobile-nav-active .mobile-nav-toggle.active span:after {background: #fff;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
	.mobile-nav-active .mobile-nav.active {left: 0;}
	.mobile-nav-active .mobile-nav-toggle {margin-top: -15px;}
	.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
            

    .mobile-nav ul.navbar-nav > li.nav-item > .megamenu,
    .mobile-nav ul.navbar-nav > li.nav-item > .sub-menu {
        font-size: 15px;font-weight: 400;position: static;background: none;color: #fff;padding: 0px;border: none;display: none;}

	.mobile-nav ul.navbar-nav > li.nav-item > .megamenu a,
	.mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a {
		display: block;padding: 10px 20px;color: #fff;}

	.mobile-nav ul.navbar-nav > li.nav-item > .megamenu a:before,
	.mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a:before {
		display: inline;content: "\00bb";margin-right: 5px;}

    .mobile-nav-active .mob-menu-btn {display: block;}
	
	.BnrText{padding:10px 10px;background:none!important} .BnrText h1{font-size:10px;text-shadow: 2px 2px #019a00;text-align: right;}
	
	.hm-banner .carousel-caption {bottom:0!important;right: 0%!important;left: 42%!important;top: 0;padding-top: 10px !important;padding-bottom: 10px !important;}
.flash-bnnr-img {
  float: unset;
  margin-bottom: 20px;
}
  .carousel-caption.flash-banner img {height: 95px;object-fit:contain;}
  .carousel-caption.flash-banner {/*top: 25%*/ !important;position:static;}
  .carousel-caption.flash-banner {width: 100%;}
  .new-arrival-sec img {height: 85px;object-fit: contain;}
	.new-arrival-sec .fs-35{font-size: 20px !important;}
	.new-arrival-sec a {font-size: 15px;}
}

@media (max-width: 575.98px){
	.navbar-brand {display: block;max-width: calc(100% - 90px);margin: auto;}
	
	.hhd{font-size:35px;}
	.welcome .hhd{font-size:22px;}
	.welcome h3{font-size:12px!important;}
	
	.about .btn{width:100%;}
}


