@media screen and (max-width: 1024px) and (min-width: 240px){
    .page_width{ padding: 0px 15px;}
    .gerenric_heading h2{font-size: 40px;}
    .gerenric_popup > .inner_popup{ max-width: 90%; padding: 60px 10px;}
    .popup_content .pupup_heading .heading_icon{width: 60px; height: 60px; padding: 7px;}
    .popup_content .pupup_heading .heading_title{width: calc(100% - 60px); padding-left: 20px; font-size: 35px;}
    .popup_content .popup_detail{padding-left: 0px; padding-right: 0px;}
    .grnc_accordion_head{font-size: 16px;}
    .grnc_accordion_head_2{font-size: 16px;}
    .grnc_accordion_head_3{font-size: 16px;}
    .according_listing ul li{font-size: 16px;}

    #header_section{z-index: 999999999; min-height: 70px;}
	#header_section.headersticky{min-height: 70px;display: flex !important; align-items: center;}
	.menu_icon {-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; right: 0px; top: -7px;}
	.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;}
	#logo{width: 110px; }
    #logo img{ height: 60px; }
	#navigation_section{padding:0px;display: none;height: 100vh; position: fixed;  z-index: 9999; right: 0px; top: 70px !important;  }
	#navigation_section ul{ width: 230px; display: block;overflow-y: auto; background-color:#ffff; height: 100%; position: absolute;z-index: 99; right: 0px;}
	#navigation_section .nav_overlay{width: 100%; height: 100%; content:''; background-color: rgba(0,0,0,0.30); position: absolute; left: 0px; top: 0px;}
	#navigation_section.showMenu{ display: block; transition: all 0.3s;}
	#navigation_section ul{padding-bottom: 100px;}
	#navigation_section ul li{ display: block; text-align: left;font-size: 14px;padding: 15px 10px 15px 15px; border-bottom: 1px solid #ccc;}
	#navigation_section ul li a{ position: relative;}
	#header_section.headersticky #logo{width: 110px;}
    #header_section.headersticky #logo img{height: 60px;}
	#header_section.headersticky .headerinner{padding-top: 0px;}
	
    #banner_section .banner_block .banner_image{width: 100%;}
    #banner_section .banner_block .banner_detail{width: 100%; padding:25px 20px;}
    #banner_section .banner_block .banner_detail .banner_title{font-size: 35px;text-align: center;}
    #banner_section .banner_block .banner_detail .banner_title span{font-size: 55px;}
    #banner_section .banner_block .banner_detail .full_width{text-align: center;}

    .wonder_section .wonder_product .wonder_product_inner{margin-left: -15px; margin-right: -15px; justify-content: center;}
    .wonder_section .wonder_product .wonder_col{width: 50%;}
    .question_section .question_heading{font-size: 30px;}
    .question_section p{font-size: 16px;}
    .approach_section p{font-size: 16px;}
    .approach_section .approach_inner{margin-left: -15px; margin-right: -15px; justify-content: center;}
    .approach_section .approach_col{width: 50%;}
    .approach_section .approach_col .approach_title{font-size: 25px;}
    .success_section .success_top .success_image{width: 100%;}
    .success_section .success_top .success_detail{width: 100%; padding: 40px 20px;}
    .success_section .success_top .success_detail ul li{font-size: 17px; padding-left: 40px;}
    .success_section .success_top .success_detail ul li::after{width: 25px; height: 25px; background-size: 25px;}
    .success_section .success_bottom p{font-size: 24px;}
    .contact_section p{font-size: 17px;}
    .contact_section .contact_inner{padding: 40px 20px;}
    .contact_section .contact_form .contact_left{width: 100%; padding-right: 0px;}
    .contact_section .contact_form .contact_right{width: 100%; padding-left: 0px;}
    .contact_section .contact_form .form_row .form_label{font-size: 17px;}
    .founder_story .founder_title{font-size: 40px;}
    .founder_story p{font-size: 17px;}   
    .founder_story .founder_listing ul li{font-size: 17px;} 

    #footer_section{padding: 25px 0px;}
    #footer_section .footer_link{width: 100%; padding-right: 0px;}
    #footer_section .footer_link ul li{font-size: 17px;width: 100%;}
    #footer_section .footer_social{ width: 100%; position: inherit; margin-top: 20px;}
    #footer_section .footer_social ul{justify-content: center;}

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

@media screen and (max-width: 650px) and (min-width: 240px){
    .gerenric_heading h2{font-size: 25px;}
    .popup_content .pupup_heading .heading_title{font-size: 22px;}
    #banner_section .banner_block .banner_detail .banner_title{font-size: 25px;}
    #banner_section .banner_block .banner_detail .banner_title span{font-size: 35px;}
    .wonder_section .wonder_product .wonder_col{width: 100%; padding: 20px 10px;}
    .wonder_section .wonder_product .wonder_col .wonder_icon{margin-bottom: 10px; height: auto;}
    .wonder_section .wonder_product .wonder_col p{font-size: 17px;}
    .question_section .question_icon img{width: 100px;}
    .approach_section .approach_col{width: 100%; padding: 20px 10px;}
    .approach_section .approach_col .approach_icon img{width: 100px;}
    .approach_section .approach_col .approach_title{font-size: 22px;}
    .success_section .success_bottom p{font-size: 22px;}
    .founder_story .founder_title{font-size: 25px;}
    

}

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

@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){}