a,a:focus{border:none !important; outline-offset: 0px !important; outline: none !important;} a{text-decoration:none !important; color:#353535 !important;}
button:focus{outline: none !important;} li{list-style-type: none; display:inline;}
/* dropdown and navbar */
.dropdown-item:focus, .dropdown-item:hover {color: #fff!important;text-decoration: none;background-color: #f8f9fa00 !important;}
.dropdown:hover>.dropdown-menu{display: block;}.dropdown-menu{top:95%;}.dropdown-item:focus, .dropdown-item:hover{background-color:#6aaf08!important;}
.navbar-expand-md .navbar-nav .dropdown-menu { background-color: #009947;} .dropdown-menu>li>a{padding: 10px 20px;margin-right: 80px;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color:#6aaf08 !important;}
.navbar-toggler {position:relative; margin-top:8px;margin-bottom:8px;background-color: transparent !important; padding: 9px 14px !important;
 border:1px solid whitesmoke !important; margin-left:110px; color:white !important;}
.navbar-toggle .icon-bar { background-color: #fff !important;} .navbar-light .navbar-nav .nav-link { color: #fff !important;}
.navbar-light .navbar-nav .active > .nav-link{ color: #fff !important; border-bottom:3px solid #fff !important; font-size: 16px;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #fff !important; border-bottom:3px solid #fff !important;}
.navbar-nav>li>a{padding:10px 45px !important; color:#fff; font-size: 16px;} .side>ul>li{display:block; padding: 10px 0px;}
/*button, input, optgroup, select, textarea {margin: 40px;}*/
/* dropdown and navbar*/

.ftricon{width: 10%;padding: 8px 4px; background-color: #fff3;color: #b7d664;}
.ftrtext{width:85%; float:right;} .ftr ul li { text-align: left;padding: 0px;margin: 0 0 10px;font-size: 14px;
 overflow: hidden;display: block;color: #fff !important;} .marginleft1{margin-left:75px;}
.table-bordered td, .table-bordered th {border: 1px solid #dee2e633;}
.table td, .table th {border-top: 1px solid #fff !important; border-bottom: 1px solid #2929291a !important;}
.clr{color:#fff !important;} .clr1{color:#0d3f77;} .brdr{border:1px solid #86b957e6; margin-right:10px;} .clr2{color:gray;}
.fntbold{font-weight:bold;} .marginleft{margin-left:220px;} .bckclr7{background-color:#697d44;}
.bckclr{background: #6aaf08; border-top: 4px solid #009947;} .bckclr1{background-color:whitesmoke !important;} .bckclr6{background-color:#6e8346;}
.bckclr2{background:#246336;} .bckclr3{background: #86b957e6;} .bckclr4{background:#fff;} .bckclr5{background-color:whitesmoke; border:1px solid green; height: 200px;}
.bckimg{background:url("../images/15.jpg"); background-position: center; background-size: cover;}
.bckimg1{background:url("../images/bg.png"); background-position: center; background-size: cover;}
.bckimg2{background:url("../images/17.png"); background-position: center; background-size: initial;}
.fntsize{font-size:18px; color:#82cc08;} .fntsize1{font-size:16px;} .fntsize2{font-size:20px; color:#0d3f77;}
.fntsize3{background-color: #e4e4e4;font-size:20px; color:#82cc08;border-radius: 50%;padding: 10px 3px;} .fntsize5{font-size:25px;}
.fa-envelope::before {content: "\f0e0";margin-left: 9px;}  .fa-map-marker::before {content:"\f041";margin-left: 11px;}
.fa-phone::before {content: "\f095";margin-left: 9px;}   .cursr{cursor:pointer;}
.pos{position:absolute; right: 0;margin: -90px 300px;z-index: 9;} .padrl{padding:0 !important;}
.logo::before {z-index: 1;content: '';background: white;height: 140px; width: 140px; position: absolute;top: -70px;bottom: 0;left: 600px;
 right: 0;border-radius: 100%;margin: 0 auto;border: 4px solid #009947;}
.logo::after {z-index: 1;content: '';background: white !important;height: 91px; width: 180px;position: absolute;top: -95px;bottom: 0;
 left: 0;right: 0;margin: 0 auto;border-radius: 0;border: 3px solid #fff !important;}
.arrowbtn{font-size: 20px;background-color: #6aaf08; color:#000; padding:7px; margin-right: 165px;} .ml{margin-left:334px;} .wdth{width:150px; margin-left:42px;}
.link>ul>li{display:inherit; margin-left: 70%;} .link>ul>li>button{padding: 30px !important; cursor:pointer; width:195px;}
.contact{width:44%;} .contact1{width:70%;}  .wdth1{width:100%;} .wdth2{width:230px;} .wdth3{width:350px;} .wdth4{width:160px;height:70px;}
.wdth5{width:50px;height:auto;} .accord li{display:flex !important; line-height:2.5em;}
.sub{background-color: #0d3f77;padding: 6px 35px; border: 2px solid transparent; color: white; cursor:pointer;}
.ftrul1{margin-left:10%;margin-top: 15px; display:grid;} .ftrul1 > li > a{font-size:14px!important;}
.brdr1{border-top: 1px solid #dbdbdb;} .img-fluid{width:100%;}

/* gallery and home */
.leftRs { position: absolute;margin: auto;top: 20px;bottom: 0;z-index: 100; left: 0;width: 40px;height: 40px;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);border-radius: 5px;}
.rightRs {position: absolute;margin: auto;top: 0; right: 0;bottom: 0; z-index: 100;width: 40px; height: 40px;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .3);border-radius: 5px;}
.resCarousel {width: 100%;position: relative;} .banner {overflow: hidden !important;} .outt { display: none;}
.resCarousel-inner { overflow-x: hidden;white-space: nowrap;font-size: 0;vertical-align: top;}
.resCarousel-inner .item { display: inline-block; font-size: 14px; white-space: initial;}
.resCarousel-inner .item .tile {background: white;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 15px; padding:5px;}
.resCarousel-inner .item .tile1 { background: #8fbd65;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);margin: 15px;padding: 1px;color:#082c54 !important;}
.resCarousel[data-animator="lazy"] .item { transition: .6s ease all;}
@media (max-width: 767px) { .leftRs, .rightRs {/*display: none;*/}  .resCarousel-inner {overflow-x: auto;} .tile > h3 {font-size: 16px !important;}}

/* about */
.morecontent span {display: none;}
.morelink {display: block; text-align:right; color: #fff !important;font-weight: 600;background-color: #85aa72; width: 93px;float: right;padding: 6px; margin: 15px 5px;}
/* home card */
.card {display: flex;flex-direction: column; background-color:#acd73a; border-radius: 0px; border: 2px solid #acd73a;}
.card__img {background-size: cover;background-position: center;background-repeat: no-repeat; width: 100%;height: 235px;}
.card__img--hover { transition: 0.2s all ease-out; background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;position: absolute;height: 235px;top: 0;}
.card--1 .card__img--hover {background-image: url("../images/product/pappads.jpg");} .card--2 .card__img--hover {background-image: url("../images/product/oil.jpg");}
.card--3 .card__img--hover {background-image: url("../images/product/rice.jpg");} .card--4 .card__img--hover {background-image: url("../images/product/coconut.jpg");}
.card--5 .card__img--hover {background-image: url("../images/product/veg.jpg");} .card--6 .card__img--hover {background-image: url("../images/product/pickle.jpg");}
.card--7 .card__img--hover {background-image: url("../images/product/soya.jpg");} .card--8 .card__img--hover {background-image: url("../images/product/spice1.jpg");}
.card:hover .card__img--hover { height: 100%; opacity: 0.4;}
.card__info {z-index: 2;background-color: #fff;padding: 10px 20px 10px 20px; font-size: 13px;}
.card__title {margin-top: 5px;margin-bottom: 10px;}
.card:hover .card__info { background-color: transparent; position: relative;}
.tablink1 {background-color: transparent; color:#000;float: left; border: none;outline: none;cursor: pointer;padding: 14px 16px; margin-top:1px; font-size: 17px;width: 100%; margin-bottom:11px; }
.tablink1:hover { background-color: whitesmoke;} .para{padding: 19px; background-color: #b7d664cc;}
.tabcontent1 { color: #000;display: none;padding: 20px 40px; height: 305px!important; background:url("../images/17.png"); background-position: center; background-size: initial;}

@media(min-width:300px) and (max-width:767px){
.ml{margin-left:0px;} .arrowbtn{margin-right:0px;} .t1{text-align:center !important;}  .w1{max-width: 100%;} .tabcontent1 { height: 100% !important;}
.disply{display:none !important;} .mt-5{margin-top:5px !important;} .wdth {width:100%;margin-left: 5px;} .contact{width:50%;}
.marginleft{margin-left:0px; padding:10px;} .tablink { padding: 10px 0px; font-size: 16px;width: 49%;} .tabcontent {padding: 5px 40px;}
.fntsize3 {font-size: 17px;border-radius: 50%; padding: 7px 0px;} .mar{margin-top:15px;} .ftricon{width: 16%;padding: 9px 9px;}.marginleft1 {margin-left: 45px;}
.fntsize4{font-size:20px;} button, input, optgroup, select, textarea {margin: 42px;}
.list > li {display:block;} .ftrtext {font-size: 12px; width:73%;} .pos{display:none;} .fnt{font-size:19px;}

}
@media(min-width:540px) and (max-width:767px){.resCarousel-inner .item .tile2 {padding:0px; margin:20px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);}}
@media(min-width:400px) and (max-width:445px){.ftricon{width: 15%;padding: 9px 9px;}.ftrtext {width: 80%;}}
@media(min-width:446px) and (max-width:575px){.ftricon{width: 11%;padding: 9px 9px;}.ftrtext {width: 85%;}}
@media(min-width:576px) and (max-width:620px){.ftricon{width: 9%;padding: 9px 9px;}.ftrtext {width: 90%;}}
@media(min-width:621px) and (max-width:767px){.ftricon{width: 8%;padding: 9px 9px;}.ftrtext {width: 90%;}}
@media(min-width:768px) and (max-width:799px){.ml{margin-left:145px;} .ftricon{width:16%;padding:8px 0px;} .wdth5 {width: 36px;}
.contact1 {width: 100%;font-size: 12px;} .navbar-nav > li > a { padding: 10px 25px !important;} .tabcontent1{height:100% !important;}
.contact {width: 50%;font-size: 13px;} .ftrtext {font-size: 12px; width:73%;} .f1{font-size:12px;} .arrowbtn {font-size: 17px;margin-right: 80px;}
.marginleft{margin-left:0px; padding:10px;} .fntsize4{font-size:22px;} .resCarousel-inner .item .tile2 {padding:0px;}
}
@media(min-width:768px) and (max-width:992px){ .pos {position: absolute;right: 0;margin: -55px 30px;z-index:99;width: 100px;}
.navbar-nav > li > a {padding: 16px 25px !important;} .bckclr5{height: 250px;}}
@media(min-width:800px) and (max-width:1350px){
 .navbar-nav > li > a { padding: 10px 25px !important;} .tabcontent1{padding: 10px 10px;height: 100% !important; } .tablink1 { padding: 20px 20px !important;}
 .ml{margin-left:200px;} .f1{font-size:12px;} .fntsize4{font-size:25px;} .wdth5 {width: 36px;} .ftrtext {font-size: 12px;} .ftricon {width: 16%;padding: 8px 0px;}
 .ftrtext {font-size: 12px; width:73%;} .marginleft{margin-left:0px; padding:10px;} .contact1 {width: 100%;font-size: 12px;} .contact {width: 50%;font-size: 13px;}
 .navbar-header button {margin-left: 300px;margin-top: 20px;background-color: white;border: 2px solid #e97607;}
 .navbar-header button {margin-left: 300px;margin-top: 20px;background-color: white;border: 2px solid #e97607;}
 .resCarousel-inner .item .tile2 {padding:0px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0), 0 2px 10px 0 rgba(0, 0, 0, 0);}
 .pos {position: absolute;right: 0;margin: -55px 30px;z-index:99;width: 100px;} .bckclr5{height: 250px;}
 }
 @media(min-width:960px) and (max-width:1200px){.ftricon{width: 17%;padding: 9px 9px;}}
@media(min-width:1201px) and (max-width:1350px){.ftricon{width: 13%;padding: 9px 9px;}}
