@media screen and (max-width: 1024px) and (min-width: 240px){
	.page_width{ width: 100%; padding: 0px 10px;}
	#header_area{position: relative; height: inherit; padding: 10px 0px 0px 0px;}
	#header_area .right_side ul{ display: none;}
	#logo{position: inherit; }
	#logo img{height: 60px; width: auto;}
	.menu_icon{ display: block; font-size: 25px; color: #000; height: 25px; line-height: 100%; cursor: pointer; position: absolute; top: 23px; margin: auto; right: 10px; }
	#navigation_area { display: none;}
	#navigation_area {padding: 20px 0px;}
	#navigation_area ul li{ width: 100%;}
	#navigation_area ul li a{padding: 10px;}
	#header_area .hdr_infr{ width: auto;margin-left: -10px; margin-right: -10px; padding: 5px 10px; padding-left: 0px; background-color: #3F3F3F;}
	#header_area .hdr_infr .hdr_tp{ position: absolute; top: -5px; right: 10px;}
	#header_area .hdr_infr ul li{ color: #fff;}
	#header_area .hdr_infr ul li span{ color: #fff; font-size: 18px; top: 7px;}
	#header_area .hdr_infr ul li:nth-child(2){ color: #000;}
	#navigation_area ul li .submenu{ width: 100%; position: inherit; top: 0px;}
	
	#banner_area .bannerimage{ height: 400px;}
	#banner_area .bannerimage img{ height: 400px;}
	#banner_area .banner_overlay{padding: 20px; height: 280px;}
	#banner_area .banner_overlay .full_width{ display: none;}
	#banner_area .banner_overlay h1{ font-size: 30px; margin-bottom: 10px;}
	.grnc_padding_all{ padding: 40px 0px;}
	.grnc_hdg h1{ font-size: 30px; margin-bottom: 15px;}
	.welcome_section .welcom_image{ position: inherit; top: inherit; left: inherit; margin-bottom: 20px; width: 100%;}
	.welcome_section .welcom_image img{ width: 100%;}
	.welcome_section .welcom_detail{padding-right: 0px;}
	.ceo_section .ceo_inner{ height: inherit;}
	.ceo_section .ceo_inner .image{ width: 100%; height: auto; float: none; box-shadow: 0px 6px 6px rgba(0,0,0,0.30);}
	.ceo_section .ceo_inner .image img{ height: auto; display: block;}
	.ceo_section .ceo_inner .detail{ width: 100%; padding: 40px; height: auto; float: none;}
	
	.grnc_servies .col{ width: 70%; float: none; margin: auto;}
	.grnc_servies .col .item .detail .serivelist{ height: auto;}
	.grnc_servies .col .item .detail p{ height: auto;}
	.achivement_section .news_stn{ width: 70%; margin: auto; margin-bottom: 20px; float: none;}
	.achivement_section .achivement_stn{ width: 70%; margin: auto;float: none; padding-right: 0px;}
	.left_pull{ width: 100%; padding-right: 0px; margin-bottom: 30px; float:none;}
	.right_pull{ width: 100%; float:none;}
	
	#footer_area .footer_top .col{ width: 100% !important; margin-bottom: 20px; padding-right: 0px;}
	#footer_area .footer_top .col h2{ margin-bottom: 10px;}
	.ft_qtn{ width: 210px;}
	
	
	
	.grnc_gallery .col{ width: 50%;}
	.contact_page .left_side{ width: 100%; float: none;}
	.contact_page .right_side{ width: 100%; float: none;}
	.grnc_form ul li .left{ width: 100%; float: none; margin-bottom: 10px; padding-right: 0px;}
	.grnc_form ul li .right{ width: 100%; float: none;  padding-left: 0px;}
	
	.location_page .item .left{ width: 100%; margin-bottom: 10px; float: none;}
	.location_page .item .right{ width: 100%; float: none; padding-left: 0px;}
	.hm_map iframe{ height: 400px;}
	
}

@media screen and (max-width: 650px) and (min-width: 240px){
	#banner_area .bannerimage{ height: 350px;}
	#banner_area .bannerimage img{ height: 350px;}
	#banner_area .slick-dots li{ width: 13px; height: 13px;}
	#banner_area .banner_overlay{ width: 330px; height: 220px;}
	#banner_area .banner_overlay h1{ font-size: 25px;}
	#banner_area .banner_overlay ul li{ font-size: 14px; margin-bottom: 5px;}
	.grnc_padding_all{ padding: 30px 0px;}
	.grnc_servies .col{ width: 100%;}
	
	.achivement_section h1{ font-size: 20px;}
	.achivement_section .news_stn{ width: 100%;}
	.achivement_section .achivement_stn{ width: 100%;}
	
	.grnc_hdg h1{ font-size: 24px;}
	.grnc_video_section .col{ width: 100%;}
	.grnc_video_section .col .item .title h2{ font-size: 20px;}
	.innerbanner_area .innerbanner_section {height: 140px;}
	.innerbanner_area .innerbanner_section img{ width: 100%; height: 140px;}
	.innerbanner_area .inner_pg_title h1{ font-size: 40px;}
	
	.grnc_gallery .col{ width: 80%; float: none; margin: auto;}
	.contact_page h2{ font-size: 20px;}
	#footer_area .footer_top .col h2{ font-size: 20px;}
}

@media screen and (max-width: 480px) and (min-width: 240px){
	#logo{ top: -4px;}
	#logo img{height: 45px; width: auto;}
	#header_area .hdr_infr .hdr_tp{ font-size: 13px;}
	#header_area .hdr_infr ul li{ font-size: 12px; padding-left: 0px;}
	#header_area .hdr_infr ul li span{top:4px;}
	.menu_icon{ top: 15px;}
	.crl_rd{ font-size: 16px;}
	.crl_rd .crltext{ font-size: 12px; padding-left: 2px;}
	#navigation_area ul li{ font-size: 14px;}
	#banner_area .bannerimage{ height: 300px;}
	#banner_area .bannerimage img{ height: 300px;}
	#banner_area .banner_overlay{ width: 270px; height: 170px; padding: 10px;}
	#banner_area .banner_overlay h1{ font-size: 22px;}
	#banner_area .banner_overlay ul li{ font-size: 12px; margin-bottom: 2px;}
	.welcome_section .welcom_image{ height: 260px;}
	.welcome_section .welcom_image img{ height: 260px;}
	.grnc_gallery .col{ width: 100%; }
	
}