@media screen and (max-width: 1024px) and (min-width: 240px){
	.page_width{width: 100%; padding: 0px 10px;}
	
	#header_area .header_top .left{display: none;}
	#header_area .header_top .right{width: 100%; float: none;}
	#logo{left: 0%; width: 70px; right: 0%; margin: auto;}
	.menu_icon {width: 60px;height: 60px;background: #fff;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 0%;cursor: pointer;display: flex !important; position: absolute; left:0px; top: 0px;}
	.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: #000;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
	.Mbarline:nth-child(2) {width: 25px;margin: 5px 0;}
	.Mbarline:last-child {width: 25px;}
	#navigation_section{height: 60px;}
	#navigation_section ul{ width: 240px;  box-shadow: -3px 2px 4px rgba(0,0,0,0.10); padding-left: 0px;  height: 100vh; background-color:#fff; display: none; position: absolute; z-index: 9999999; top: 60px !important; left: 0px;}
	#navigation_section ul.showMenu{ display: block; transition: all 0.3s;}
	#navigation_section ul li{ display: block; font-size: 14px; padding: 0px; letter-spacing: 0.3; border-left: 0px; border-bottom: 1px solid #000;}
	#navigation_section ul li a{ display: block; height: auto !important; color: #000;padding: 10px 15px;}
	#navigation_section ul li ul{width: 100%; border-radius: 0px; position: inherit; height: auto; top: 0px !important; right: 0px !important;}
	#navigation_section ul li ul.showMenu{ display: block;}
	#navigation_section ul li:hover .showMenu{ display: block;}
	#navigation_section ul li ul li{text-align: left;}
	#navigation_section ul li ul li a{padding: 10px;}
	
	.grnc_heading h1{font-size: 40px;}
	.gerenric_testimonial .col .item{padding: 50px 30px;}
	.gerenric_testimonial .col .item p{font-size: 15px;}
	.gerenric_gallery .col{width: 50%;}
	.gerenric_gallery.column4 .col{width: 50%;}
	.social_media ul li{text-align: center;}
	.gerenric_video .col{width: 50%;}
	.gerenric_product .col{width: 33.333%;}

	#navigation_section ul li.mobile_view{display: block; width: 220px; margin: auto; border-radius: 5px; font-size: 12px; background-color: #FFEB3B; margin-top: 15px; border-bottom: 0px;}
	
	#banner_section {height: 450px;}
	#banner_section .bannerimage img{height: 450px;}
	#banner_section .bannerdetail .banneroverlay {width: 430px; padding-right: 20px;}
	#banner_section .bannerdetail .banneroverlay .bannertitlegift{font-size: 25px;}
	#banner_section .bannerdetail .banneroverlay .bannertitle{font-size: 60px;}
	#banner_section .bannerdetail .banneroverlay .bannerdescription{font-size: 17px;}
	#banner_section .bannerbottom{background-size: contain; background-position: 0px bottom;}
	.happy_section{top: 0px; margin-bottom: 0px;}
	.happy_section .happy_col{width: 450px; margin: auto; float: none;}
	.about_section .about_image {position: inherit; margin: auto; margin-bottom: 70px;}
	.about_section .about_image .about_image_inner{position: inherit;}
	.about_section .about_content{padding: 0px;text-align: center;}
	.about_section .about_content .grnc_heading h1{text-align: center;}
	.about_section .about_content .grnc_heading h1::after{left: 0%; right: 0%; margin: auto;}
	.about_section .about_content p{text-align: center;}
	.about_section .about_content .about_content_inner{top: 0px;}
	
	.skill_section .skillcol{width: 100%; float: none;}
	.skill_section .skillcol .bubbleimage{top: -50px; left: -5px;}
	#footer_area .footer_top .col{width: 100%;float: none; padding:0px; margin-top: 30px;}
	#footer_area .footer_top .col:first-child{width: 100%; margin-top: 0px;}
	#footer_area .footer_top .col h2{margin-bottom: 10px;}
	
	.about_page .left_side{width: 100%; float: none; margin-bottom: 40px; padding-right: 0px;}
	.about_page .right_side{width: 100%; float: none;}
	.about_page .about_section .about_image{width: 340px; height: 350px;}
	.about_page .about_section .about_image .about_image_inner{width: 340px; height: 350px; left: 20px; top: 20px;}
	.about_page .about_section .about_image .about_image_inner img{height: 350px;}
	.about_page .about_section .about_content{padding-left: 0px; padding-top: 0px;}
	.contact_page .left_side{width: 100%; margin-bottom: 30px; float: none;}
	.contact_page .right_side{width: 100%; float: none;}
	.product_detail_page {overflow: hidden;}
	.product_detail_page .mainproduct_image{position: inherit; margin: auto;}
	.product_detail_page .product_detail_stn{padding-left: 0px; margin-top: 30px;}
	
}
@media screen and (max-width: 800px) and (min-width: 240px){}

@media screen and (max-width: 650px) and (min-width: 240px){
	.grncpadding{padding: 40px 0px;}
	.grnc_heading h1{font-size: 35px;}
	.gerenric_gallery .col .image{height: 250px;}
	.gerenric_gallery .col .image img{height: 250px;}
	.gerenric_video .col .item{height: 310px;}
	.gerenric_video .col .item .image{height: 230px;}
	.gerenric_video .col .item .image img{height: 230px;}
	.gerenric_product .col{width: 50%;}

	
	#banner_section {height: 380px;}
	#banner_section .bannerimage img{height: 380px;}
	#banner_section .bannerdetail .banneroverlay {width: 65%; float: none;text-align: center;margin: auto; margin-top: 30px; background-color: rgba(0,0,0,0.40); padding: 20px;}
	#banner_section .bannerdetail .banneroverlay .bannertitlegift{font-size: 16px;}
	#banner_section .bannerdetail .banneroverlay .bannertitle{font-size: 35px;}
	#banner_section .bannerdetail .banneroverlay .bannerdescription{font-size: 13px;}
	.about_section .about_image{width: 340px; height: 320px;}
	.about_section .about_image .about_image_inner{width: 340px; height: 320px; left: 20px; top: 20px;}
	.about_section .about_image .about_image_inner img{height: 320px;}
	.gerenric_product .col .item{height: 335px;}
	.gerenric_product .col .item .image{height: 240px;}
	.gerenric_product .col .item .image img{height: 240px;}
	
}

@media screen and (max-width: 480px) and (min-width: 240px){
	.grnc_heading h1{font-size: 30px;}
	.gerenric_gallery .col{width: 100%; float: none;}
	.gerenric_gallery.column4 .col{width: 100%; float: none;}
	.gerenric_gallery .col .image{height: 310px; text-align: center;}
	.gerenric_gallery .col .image img{height: 310px;}
	.gerenric_testimonial .col .item .testimonial_title{font-size: 22px;}
	.gerenric_video .col{width: 100%; float: none;}
	.gerenric_product .col{width: 100%; float: none;}
	.gerenric_video .col .item .detail .video_title{font-size: 16px;}

	#banner_section {height: 300px;}
	#banner_section .bannerimage img{height: 300px;}
	#banner_section .bannerdetail .banneroverlay {width: 80%; }
	#banner_section .bannerdetail .banneroverlay .grnc_button{display: none;}
	#banner_section .bannerdetail .banneroverlay .bannertitlegift{font-size: 14px;}
	#banner_section .bannerdetail .banneroverlay .bannertitle{font-size: 25px;}
	#banner_section .bannerdetail .banneroverlay .bannerdescription{font-size: 12px; margin-bottom: 0px;}
	.happy_section .happy_col{width: 100%;}
	.happy_section .happy_col .happy_item .happy_title{font-size: 40px;}
	.about_section .about_image{width: 300px; height: 280px;margin-bottom:40px;}
	.about_section .about_image .about_image_inner{width: 280px; height: 260px; left: 8px; top: 8px;}
	.skill_section .skillcol .skillbox .skill_detail .skill_title{font-size: 22px;}
	#footer_area .footer_top .col h2{font-size: 18px;}
	
	.contact_page .map_area iframe{height: 280px;}
	.about_page .about_section .about_image{width: 300px; height: 280px}
	.about_page .about_section .about_image .about_image_inner{width: 280px; height: 260px; left: 8px; top: 8px;}
	.about_page .about_section .about_image .about_image_inner img{height: 260px;}
	.product_detail_page .mainproduct_image{width: 100%;}
	.product_detail_page .product_detail_stn .productprice{font-size: 30px;}


}

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

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

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