@charset "utf-8";

/* CSS Document */
/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 992px) and (max-width: 1200px) {  


}

/* width: 991px; */

@media screen and (max-width: 61.938em) {
    .timeline__event{width:auto;}
.distributter h2{font-size: 20px;line-height: 30px;font-weight: 700;}
.distributter h3 {font-size: 18px;line-height: 28px;font-weight: 500;}
.topbar-area1{display:none;}
.blog-details-area .img-section img{width:100%;height:auto}
/* molimor-start */
.socialtop {margin-top: 20px;}
.topbar-area .register {margin-top: 10px;float: left;margin-bottom: 10px;}
.topbar-area .register ul li .login {box-shadow: none;color: #ffffff;font-size: 14px;font-weight: 500;}
.topbar-area{background: #106939;margin-bottom: 0px;}
.logo-brand{display: block;width: 179px;}
.socialtop ul li {color: #ffffff;}
.socialtop ul li .wp {border: 1px solid #ffffff;color: #ffffff;}
.socialtop ul li .fb {border: 1px solid #ffffff;color: #ffffff;}
.socialtop ul li .tw {border: 1px solid #ffffff;color: #ffffff;}
.stellarnav li a {font-size: 15px!important;}
header{background: #ffffff;border-bottom: 1px solid #5EB6FE;}
/*header {padding: 15px 0px 15px 0px;}*/
.topbar-area .logo{display: none;}
.topbar-area .register ul li .form-control {background: transparent;color: #ffffff;}
.topbar-area .register ul li a {color: #ffffff;}
.float {width: 40px;height: 40px;bottom:15%;right: 5%;background-color: #25d366;color: white;border-radius: 50px;text-align: center;font-size: 27px;z-index: 100;line-height: 40px;}
.home-page-second-section .owl-theme .owl-nav .owl-prev{ right:13%;}
.services .owl-theme .owl-nav .owl-next {top:50%;right: 0%;}
.services .owl-theme .owl-nav .owl-prev {top: 50%;left: 0%;}
.footer .Subscribe {width: 100%;}
.contact-us .contact-form {width: 100%;}
.contact-us .img-section {width: 100%;}
.team-about .about-left-img{width: 100%;}
.team-about .about-right {width: 100%;}
.team-about .about-right .rightcontent {padding:15px;}
.note .vert-rectangle .pad h3 {font-size: 20px;}
.vision-mission .content-vm {margin-bottom: 120px;}
.spices .spices-rectangle {padding: 5px;}
.spices .spices-box img {width: 100%;height: auto;}
.spices-table-section{overflow-x: scroll;white-space: nowrap;}
.spices-table-section th {font-size: 14px;}
.pulses-second-section{overflow-x: scroll;white-space: nowrap;}
.health-product .heart-img {margin-top: 20px;}
.spices .protine {display: block;}
.spices .protine .protine-powder-img {width: 100%;margin-right: 0px;margin-top: 0px;margin-bottom: 25px;}
.spices .protine .powder-details {width: 100%;}
.faq .accordion .accordion-content p{width: 100%;margin-right: 0px;}
.faq .accordion .accordion-content img{width: 100%;}
.services .nav-pills .nav-link{border-radius: 0px;padding: 9px 16px;margin-bottom: 20px;}
.react {display: none;}
#scroll{width: 40px;height: 40px;right: 4%;bottom: 5%;z-index: 1;}
.topbar-area .register .top-cart i {color: #ffffff;}
.slide-horizontal .horizontal ul li {display: block;margin-bottom: 30px;width: 100%;}

.services .tab-pane .fancy-img img{height:auto;width:100%;}
.row img{height:auto;width: 132px;}
}

/* ipad-pro-media-query */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
   
}

/* nest-hub-media-query */
@media screen and (min-width:1024px) and (-webkit-min-device-pixel-ratio:0){
   
}
/*============	Media 768Px Start ============ */

@media (min-width: 768px) and (max-width: 991px) {
  
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */

@media (min-width: 320px) and (max-width: 768px) {

}

@media (min-width: 768px) {



}



/*============ Media 300Px Star ============ */

@media (max-width: 480px) {
.bread-crumb h2{font-size: 21px!important;line-height:31px!important;}
.bread-crumb ul li{font-size:14px!important;}
.maintent h1{font-size:20px!important;}
.main-title-black h2{font-size:20px!important;}
.main-title-black{margin-bottom:25px!important;}



}

/*============ Media 320Px Start ============ */

@media (max-width: 320px) {

}