@media screen and (max-width: 1024px) and (min-width: 240px){
	.page_width{ width: 100%; padding: 0px 10px;}
	
	/*MENUICON_START*/
	.menu_icon {width: 40px;height: 40px;background: #D2232A;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 50%;cursor: pointer;display: flex !important; position: absolute; right: 0px; top: -18px;}
	.menu_icon:hover .Mbarline {width: 25px;}
	.menu_icon.closeMenu .Mbarline {width: 25px;}
	.menu_icon.closeMenu .Mbarline:first-child {-webkit-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg);}
	.menu_icon.closeMenu .Mbarline:nth-child(2) {-webkit-transform: scale(0);transform: scale(0);}
	.menu_icon.closeMenu .Mbarline:last-child {-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
	.Mbarline {width: 25px;height: 2px;background: #fff;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
	.Mbarline:nth-child(2) {width: 20px;margin: 5px 0;}
	.Mbarline:last-child {width: 15px;}
	/*MENUICON_END*/
	
	#headersection{ min-height: 66px !important; padding: 32px 20px !important; }
	#logo{ width: 190px !important; top: -11px !important;}
	#navigationsection ul{ width: 200px;  padding-left: 0px;  height: 100vh; background-color:#333; display: none; position: absolute; top: 30px !important; right: -20px;}
	#navigationsection ul.showMenu{ display: block; transition: all 0.3s;}
	#navigationsection ul li{ display: block; font-size: 14px; letter-spacing: 0.3; padding: 10px 15px; border-left: 0px; border-bottom: 1px solid #fff;}
	#navigationsection ul li a{ color: #fff;}
	
	.grncbtn{ font-size: 18px; padding: 20px 15px; min-width: 180px; border-radius: 5px; letter-spacing: 2px;}
	.grnc_hdg{margin-bottom: 15px;}
	.grnc_hdg h1{ font-size: 40px;}
	.grncinput{ font-size: 14px;  padding-bottom: 15px;}
	.grncform{ margin-top: 20px;}
	.grncform ul li .left{ width: 100%; margin-bottom: 15px; padding-right: 0px;}
	.grncform ul li .right{ width: 100%;  padding-left: 0px;}
	.grnc_brand_pdg{ padding: 40px 0px 20px 0px;}
	.grnc_brand_pdg p{ font-size: 14px;}
	.grnc_brand_logo{ padding-bottom: 10px;}
	.grnc_checkbox{ font-size: 12px;}
	.success_message {font-size: 14px;}
	.error_message {font-size: 14px;}
	
	#bannersection{ padding-top: 66px;}
	#bannersection .banneroverlay{ width: 80%; justify-content: center;}
	#bannersection .banneroverlay h1{ font-size: 35px;}
	
	.ourstory_section .story_tp_stn{ padding: 25px 0px 50px 0px;}
	.ourstory_section .story_tp_stn p{ font-size: 16px;}
	.ourstory_section .story_btm_stn .ourstory_btn{ font-size: 18px;}
	
	.grnc_popup_product_1 > .inner_popup,
	.grnc_popup_product_2 > .inner_popup,
	.grnc_popup_product_3 > .inner_popup,
	.grnc_popup_product_4 > .inner_popup,
	.grnc_popup_product_5 > .inner_popup,
	.grnc_popup_product_6 > .inner_popup,
	.grnc_popup_product_7 > .inner_popup,
	.grnc_popup_product_8 > .inner_popup,
	.grnc_popup_product_9 > .inner_popup,
	.grnc_popup_product_10 > .inner_popup
	{width:86%;height: auto;padding: 60px 20px; }
	.product_section .pd_col .pd_item .pd_overlayer{ font-size: 16px;}
	.pd_slider{ width: 100%; /*padding: 0px 50px;*/}
	.pd_slider .slick-next{ width: 27px; height:40px; background:url(../images/right_arrow.png) center center no-repeat; background-size: 27px; right: 10px;}
	.pd_slider .slick-prev{ width: 27px; height:40px; background: url(../images/left_arrow.png) center center no-repeat; background-size: 27px; left: 10px; z-index: 99;}
	.pd_slider .slick-next:hover, .pd_slider .slick-next:focus{ width: 27px; height:40px; background: url(../images/right_arrow.png) center center no-repeat; background-size: 27px; right: 10px;}
	.pd_slider .slick-prev:hover, .pd_slider .slick-prev:focus{  width: 27px; height:40px; background: url(../images/left_arrow.png) center center no-repeat; background-size: 27px;  left: 10px; z-index: 99;}
	.lb-outerContainer{width:86% !important;height: auto !important;padding: 60px 40px; }
	.lb-data .lb-close{position: absolute; right: 10%; top: 15px;}
	.lb-prev{left: 10px; background-size: 12px;}
	.lb-next{right: 10px; background-size: 12px;}
	
	.main_testimonial_section{ padding: 25px 0px;}
	.testimonial_section h3{ font-size: 18px; margin-bottom: 10px;}
	.testimonial_section p{ font-size: 16px;}
	
	.custom_overlay{ width: 450px; padding: 25px; left: 10px;}
	.custom_overlay p{ font-size: 14px; line-height: 150%;}
	.close_pd_1,.close_pd_2,.close_pd_3,.close_pd_4,.close_pd_5,.close_pd_6,.close_pd_7,.close_pd_8,.close_pd_9,.close_pd_10{ font-size: 15px;}
	
	.grnc_popup_Maindiv > .inner_popup, .grnc_popup_Maindiv2 > .inner_popup2{padding: 50px 20px 30px 20px;}
	.popupCloseButton, .popupCloseButton2{ font-size: 15px;}
	.ourstory_popup{ width: 100%; }
	.ourstory_popup .page_width{ width: 100%;}
	.ourstory_popup p{font-size: 14px; line-height: 150%; margin-bottom: 15px;}
	.ourstory_popup h2{ font-size: 26px;}
	.ourstory_popup h3{ font-size: 22px; margin-bottom: 20px;}
	.ourstory_popup h3 span{ font-size:18px;}
	.ourstory_popup .ourstorybtn_stn .left, .ourstory_popup .ourstorybtn_stn .right{ width: 48%; padding: 10px 10px;}
	
	.custom_shop_popup{ width: 100%; }
	.custom_shop_popup p{ font-size: 14px; line-height: 150%; margin-bottom: 15px; margin-top: 10px;}
	.custom_shop_popup .great_together_stn h2{font-size: 25px; margin-bottom: 20px;}
	.custom_shop_popup .great_together_stn .col{ width: 50%;}
	.custom_shop_popup .great_together_stn .col:nth-child(3n){ padding-right: 30px;}
	.custom_shop_popup .great_together_stn .col:nth-child(2n){ padding-right: 0px;}
	
	.contact_section{ display: inherit;}
	.contact_section .infocontent{ padding: 50px;}
	.contact_section .left_side{ width: 100%; float: none;}
	.contact_section .right_side{ width: 100%; float: none;}
	.contact_section .infocontent p{ font-size: 14px; line-height: 150%;}
	.contact_section .infocontent .grncform{ padding-top: 0px;}
	
	#footersection p{ font-size: 14px; letter-spacing:2px;}
	#footersection p span{ font-size: 20px;}

	
}
@media screen and (max-width: 800px) and (min-width: 240px){}

@media screen and (max-width: 650px) and (min-width: 240px){
	.grncbtn{ font-size: 16px;}
	.grnc_hdg h1{ font-size: 30px;}
	#bannersection .banneroverlay h1{ font-size: 28px;}
	.ourstory_section .story_tp_stn p{ font-size: 14px;}
	.ourstory_popup h2{ font-size: 22px;}
	.ourstory_popup h3{ font-size: 18px;}
	.ourstory_popup h3 span{ font-size:16px;}
	.product_section{padding: 20px 0px;}
	.product_section .pd_col{padding: 5px;}
	.product_section .pd_col .pd_item{margin-bottom: 10px;}
	.product_section .pd_col .pd_item .pd_overlayer{ font-size: 12px;}
	.product_section .pd_btm_layer{ height: 150px;}
	.testimonial_section p{ font-size: 14px;}
	.custom_shop_section.grnc_div_center{display: inherit;}
	.custom_overlay{width: 100%; position: inherit; background-color: #F3F3F3;}
	.custom_shop_popup .great_together_stn h2{font-size: 20px; }
	.custom_shop_popup .great_together_stn .col{ width: 100%; float: none; margin-bottom: 10px;}
	.custom_shop_popup .great_together_stn .col:nth-child(3n){ padding-right: 0px;}
	.contact_section .infocontent{ padding: 30px;}
	.contact_section .social_stn ul li{ padding: 0px 10px;}
	#footersection p{ font-size: 12px; margin-bottom: 10px;}
	#footersection p span{ font-size: 14px;}
	
	
}

@media screen and (max-width: 480px) and (min-width: 240px){
	.grnc_hdg h1{ font-size: 25px;}
	.grncbtn{ width: 100%;}
	#bannersection .banneroverlay h1{ font-size: 20px;}
	.ourstory_section .story_tp_stn p{ font-size: 13px;}
	.testimonial_section p{ font-size: 13px;}
	
}

@media screen and (max-width: 380px) and (min-width: 240px){}