@charset "utf-8";
/* CSS Document */
/*320 - 767*/
@media screen and (max-width: 767px) {
	.second-section-gallery{
		left:0
	}
	.third-section-gallery{
	left:0	
	}
	.navbar-sticky {
    position: relative;
	    background-color: #fdfaeb;
	}
	.navbar .navbar-collapse{
	background: url(../images/home_brand_bg.png) #fdfaeb;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;	
	}
	.navbar-brand img {
    max-height: 100%;
    top: 20%;
    position: relative;
}
.slick-slider--has-shadows.slick-dotted .slick-dots {
    bottom: 22px;
}
.navbar-nav .nav-item .nav-link {
	color: #804207;
}
.slider_banner_text h1{
	font-size:20px !important;	
}
.intro-section{
height:50vh;
    justify-content: inherit;	
	 display: -ms-flexbox;
    display: block;
    -ms-flex-direction: column;
    flex-direction: inherit;
    -ms-flex-align: center;
    align-items: inherit;
    -ms-flex-pack: center;
    justify-content: normal;
    height: auto;
    min-height: auto;
    z-index: 2;
}

.slider_banner_text {
    left: 5%;
    top: 13%;
	bottom:0
}
.banner-img{
margin-bottom:0	 !important
}
a.desktop{
display:none	
}
.slider_banner_text p{
	display:none
}
.navbar .btn-hero.btn-light {
    background-color: transparent !important;
    margin-top: -37%;
	right:-50%
}
.site-footer{
padding:0;
    height: 50px;	
}
.inner_page .site-footer__copyright {
    line-height: initial;
}
.cd-top{
display:none	
}
.inner_page{
background:#fff	
}
.navbar .dropdown-menu{
padding:0 !important	
}
.avilable-size-sec h1{
 font-size: 25px;
 margin-bottom: 10px;
}
.product-page-right-side{
    vertical-align: inherit;
    position: relative;
    top: 30px;
    transform: none;	
}
.introduction{
padding:50px 0 !important	
}
.about_us, .products_section_general_groceries, .products_section_whole_spices, .products_section_powder_spices, .products_section_flours, .products_section_namkeen, .products_section_pickle, .products_section_mukhwas, .products_section_bakery, .products_section_Khakhara, .products_section_Rice, .products_section_Mango_Pulp, .products_section_shaan-e-punjab, .products_section_frozen_vegetables, .products_section_frozen_sweets, .products_section_fryums, .products_section_papad, .products_section_nuts_and_dried_fruits, .products_section_daal_pulses, .products_section_frozen_ready_to_eat, .products_section_oil, .products_section_Blended_Spices, .products_section_Chips_Snacks, .products_section_Papad_Fryums, .contact_us {
padding:80px 0 !important	
}
.contact_us{
margin:0	
}
.brands-desc {
    position: relative;
    top: 0;
    transform: none;
   
}
.brands_page.icon-rounded{
	margin-top:10px !important	
}
.composer .tta.general .tta-panel-body{
	padding:14px 0 !important	
}
.brand-right-logo {
    float: none;
}
.mob-btm-none{
margin-bottom:0 !important	
}
.brands_page.icon-rounded{
margin:0 auto	
}
.infra-gallery .grid-item{
    flex: 0 0 100%;
    max-width: 100%;
}
h4.resp-accordion.resp-tab-active, h4.resp-accordion.resp-tab-active:hover, h4.resp-accordion.resp-tab-active:active, .resp-tabs-list li.resp-tab-active, .resp-tabs-list li.resp-tab-active:hover, .resp-tabs-list li.resp-tab-active:active{
	color: #fff !important;
    background: #ed323e;
}
.process .label-heading-text{
	font-size:18px;
}
#top-tab .resp-tab-content{
margin-bottom:50px;	
}
.img-parallax.img-cinnamon-1, .img-parallax.img-cinnamon-2, .img-parallax.img-chilli-2{
display:none	
}
.card-testemonial p{
    font-size: 18px;
	line-height: 27px;	
}
.mob-order-second{
order:2	
}
.mob-offset-none{
margin-left:0	
}
.about-head{
	font-size:30px	
}
.introduction{
margin-bottom:0 !important	
}
.product-heading{
    top: -40px;	
}
.brand-logos {
    margin-top: 30px;
}
.mob-pad-none{
padding:0 !important	
}
.mob-btm-none{
margin-bottom:0	
}
.card-testemonial .card-body{
padding-left:0 !important;
padding-right:0 !important	
}
.site-footer__copyright{
line-height:initial;
    font-size: 13px;
	    top: -5px;
    position: relative;
}
.site-footer{
margin-top:0	
}
.introduction .heading-title-top{
    background: transparent url(../images/title.png) no-repeat center top !important;	
	padding-left:0;
	text-align:center
}
.brands-container {
    max-width: 100% !important;
}
.home_full_bg{
background-attachment:inherit	
}
.get-in-touch__form form{
	    background-size: cover;
}
.testimonials-column .slick-slider.slick-dotted {
    top: 0;
    position: relative;
}
.brands-container .inject-me{
margin:0 auto;
display:block	
}
#slides{
height:30vh !important	
}
.responsive-banner{
height: auto !important;
    width: 100% !important;
    object-fit: cover !important;
    left: 0px !important;
    top: 0px !important;
	    margin-top: 109px;	
}
.slides-navigation{
display:none !important	
}
.news-desc {
    text-align: left;
}
.get-in-touch .widget{
padding:25px;	
}
.about_us .label-heading-text{
letter-spacing:0;
text-align:left;
font-size: 1.5rem;	
}
.mono{
left: 5px;
    position: relative;
	width:15px;	
}
.mob-order2{
	order:2
}
.grid-item{
flex: 0 0 100%;
    max-width: 100%;
}
.grid-item.offset-2{
margin-left:0 !important	
}

.product_menu{
    min-width: 300px	
}
.navbar .dropdown-menu .dropdown-item{
font-weight:500	
}
.responsive-banner{
	margin-top:0
	}
}

@media (min-width: 1280px) and (max-width: 1365px) {
.navbar-brand	{
margin-left:0 !important	
}
.navbar-nav--expanded .nav-item .nav-link{
line-height:45px;	
}
.navbar .btn-hero {
    min-width: 100px !important;
	font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}
.slider_banner_text h1{
font-size:40px !important;	
}
.slider_banner_text p{
font-size:15px !important	
}
.navbar-nav .nav-item .nav-link {
    font-size: 12px;
    letter-spacing: 0.5px;
}
.product_menu{
left:250% !important	
}
.products_section_whole_spices{
background-size: contain;	
}
.testimonials-column .slick-slider.slick-dotted {
    top: 0;
	height: 340px;
	
}
.address-inner{
	flex: 0 0 35%;
    max-width: 35%;
}
.address-inner.offset-3{
margin-left: 15%;
}
.product_home_bg{
    background-size: cover !important;	
}
}
@media (min-width: 1366px) and (max-width: 1559px){
	.navbar-nav .nav-item .nav-link {
    font-size: 14px;
}
.testimonials-column .slick-slider.slick-dotted{
top:0	
}
.navbar .dropdown-menu{
left:90%	
}
.address-inner {
    flex: 0 0 35%;
    max-width: 35%;
}
.address-inner.offset-3 {
    margin-left: 15%;
}
}
@media (max-width: 767px) { 
    .contact_us {
        padding-top: 40px;
    padding-bottom: 0 !important;
}
  .address {
    margin: 100px 0 0;
}
    .address h4 {
        width: 60%;}
.address-inner{
        margin-left: 0;
    margin-bottom: 15%;
    }}
@media (min-width: 768px) and (max-width: 980px) {
    .inner_page .site-footer__copyright {
    line-height: 40px;
}
    .navbar .btn-hero.btn-light{
            top: -76px;
    position: absolute;
    }
    .transperant-menu-bg {
    background-color: #fff;
}
    .address h4 {
        width: 53%;}
.address-inner {
    margin-left: 0;
    float: none;
    margin: 0 auto;
    flex: 0 0 70%;
    max-width: 70%;
    display: block;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
.responsive-banner {
    height: auto !important;
    width: 100% !important;
    object-fit: cover !important;
    left: 0px !important;
    top: 0px !important;
    margin-top: 109px;
}	
.intro-section {
    height: 50vh !important;
  
}

.slider_banner_text {
    top: 13%;
    bottom: 0;
}
.slider_banner_text h1{
font-size:20px !important;	
}
.slider_banner_text p{
font-size:18px;
max-width: 200px;	
}
.mob-order-second{
order:2	
}
.mob-offset-none{
margin-left:0	
}
.brand-logos {
    margin-top: 0;
}
.testimonials-column .slick-slider.slick-dotted {
    top: 0;
}
.slick-slider--has-shadows.slick-dotted .slick-dots {
    bottom: 8px;
}
.get-in-touch .widget{
margin-bottom:50px;	
}
.get-in-touch__form form {
    background-size: cover;
}
.site-footer__copyright{
	
line-height:50px;	
}
.transperant-menu-bg {
    background-color: #fdfaeb;
}
.navbar .btn-hero.btn-light:hover{
	 background-color: #fdfaeb;
}
.navbar .btn-hero.btn-light {
    background-color: #fdfaeb;
}
.mob-order2{
order:2	
}
.navbar .dropdown-menu{
padding-left:10px;	
}
.dropdown-menu .col-md-4{
flex: 0 0 25%;
    max-width: 25%;	
}
.product-page-right-side{
	 vertical-align: inherit;
    position: relative;
    top: 0;
    transform: none;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    display: block;
    margin-top: 50px;

}
.inner-pages-banner{
    top: 70px;
}
.intro-section {
    height: 50vh !important;
    min-height: auto;
}
#slides {
    height: 40vh !important;
    top: 50px !important;
 
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.btn-hero {
    font-size: 12px;
}
.navbar-brand img{
 max-height: 100px;
}
.navbar-brand{
    margin-left: 0 !important;	
}
.navbar-nav .nav-item .nav-link {
    font-size: 11px;
}
.slider_banner_text h1 {
    font-size: 30px !important;
}
.slider_banner_text p{
	max-width: 300px;
}
.header-icon{
	margin-left: -27px;
}
.navbar .btn-hero{
	padding-left: 3px;
    padding-right: 3px;
}
.testimonials-column .slick-slider.slick-dotted {
    top: 0;
}
.card-body{
	padding-left:10px !important;
	padding-right:10px !important	
}
.slick-slider--has-shadows.slick-dotted .slick-dots {
    bottom: 0px;
}
.card-testemonial .card-text{
padding:0 !important	
}
.card-testemonial p {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.5px;
}
.card-testemonial h4 {
    margin-top: 14px;
	    font-size: 16px;
}
.testimonials-column{
height:300px;	
}
.get-in-touch .widget-address{
margin-bottom:50px;	
}
.get-in-touch .widget{
	margin-bottom: 3rem;
}
.get-in-touch__form form{
background-size:cover	
}
.inner-pages-banner{
top:72px	
}
.navbar .dropdown-menu{
margin-left:300%	
}
.address-inner {
   
    flex: 0 0 50%;
    max-width: 50%;
}
.popup-content{
	min-width: 50% !important
}

}

@media (min-width: 1600px) and (max-width: 1919px) {
.slick-slider--has-shadows.slick-dotted .slick-dots {
    bottom: 20px;
}


.slick-slider--has-shadows .slick-slide {
    padding-bottom: 15px;
}
.testimonials-column .slick-slider.slick-dotted {
    top: 0 !important;
	
}

}
