@media screen and (max-width: 1024px) and (min-width: 240px){
    .page_width{width:100%; padding: 0px 15px;}
    .gerenric_padding{padding: 40px 0px;}
    .gerenric_heading{margin-bottom: 30px;}
    .gerenric_heading .heading_inner{font-size: 35px; margin-bottom: 25px;}
    .gerenric_content_box .content_detail{padding: 40px 0px;}
    .gerenric_content_box .content_image{width: 40%;}
    .gerenric_content_box .content_detail .content_title{font-size: 30px;}
    .custom_app_section .custom_app_block{padding: 20px 30px;}

    #header_section{z-index: 999999999; min-height: 55px;}
	#header_section.headersticky{min-height: 55px;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: #fff;-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: 100px; left: 0px;}
	#navigation_section{padding:0px;display: none;height: 100vh; position: fixed;  z-index: 9999; right: 0px; top: 55px !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::after{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; color: #000;}
	#header_section.headersticky #logo{width: 100px; left: 0px;}
	#header_section.headersticky .headerinner{padding-top: 0px;}
	#header_section .audit_button .gerenric_button{height: 40px; min-width: 120px;font-size: 16px; padding: 5px 10px;}
	#navigation_section ul li .gerenric_button{width: 100%;}
    #header_section.headersticky .Mbarline {background: #000;}
    #banner_section{height: auto;}
    #banner_section .page_width{text-align: center;}
    #banner_section .banner_title{font-size: 90px; display: inline-block; width: auto;}
    #banner_section .banner_title2{font-size: 90px;}
    #banner_section .banner_subtitle{font-size: 35px;}
    #banner_section .rocket_image{width: 200px; position: absolute;right: 0px; top: -30px;}
    .lean_section .lean_text{font-size: 15px;}
    .custom_app_section .custom_app_block{border-radius: 50px 15px 50px 15px;}
    .custom_app_section .custom_app_block .custom_number{width: 60px;}
    .custom_app_section .custom_app_block .custom_number .step_text{font-size: 14px;}
    .custom_app_section .custom_app_block .custom_number .number_text{font-size: 50px;}
    .custom_app_section .custom_app_block .custom_detail{padding-left: 80px;}
    .custom_app_section .custom_app_block .custom_detail .custom_title{font-size: 20px;}
    .custom_app_section .custom_app_block .custom_detail p{font-size: 14px;}
    .knowledge_section{background-size: 65%; min-height: 300px;}
    .knowledge_section .knowledge_detail{height: auto; width: 100%;}
    .knowledge_section .knowledge_detail p{font-size: 16px; line-height:  24px;}
    .inner_page_heading .inner_heading_title{font-size: 50px;}
    .inner_page_heading .heading_subtitle{font-size: 18px;}
    .web_app_page .web_frame .frame_col{width: 100%;}
    .web_app_page .web_frame .frame_item{min-height: auto;}
    .web_app_page .web_frame .frame_item .frame_title{padding-right: 75px; font-size: 20px;}
    .web_app_page .web_frame .frame_item .frame_icon{width:70px; bottom: inherit; top: 0px;}
    .web_app_page .web_frame .frame_item p{padding-right: 0px; font-size: 14px;}
    .web_app_page .web_technologies.web_frame .frame_item{border-radius: 15px 50px 15px 15px;}
    .design_page .design_product .fundamental_section .fundamental_inner{display: block;}
    .design_page .design_product .fundamental_section .fundamental_col{max-width: 290px; margin: auto; width: auto;}
    .design_page .design_product .fundamental_section .fundamental_detail::before{ border-left-width: 270px;}
    .design_page .design_product .product_block .product_image{width: 70%; margin: auto; float: none; text-align: center; margin-bottom: 20px;}
    .design_page .design_product .product_block .product_detail{width: 100%; float: none;padding-right: 0px;}
    .design_page .design_product .product_block .product_detail .product_title{font-size:40px;}
    .design_page .design_product .product_block2.product_block .product_image{float: none;}
    .design_page .design_product .product_block2.product_block .product_detail{padding-left: 0px;}
    .relevant_tips .relevant_col{width: 100%;}
    .relevant_tips .relevant_item .relevant_detail .relevant_title{font-size: 20px;}

    .expertise_page .expertise_product .expertise_col{width: 100%;}
    .expertise_page .expertise_product .expertise_item .expertise_title{font-size: 20px;}
    .expertise_page .expertise_product .expertise_item p{height: auto;}
    .expertise_page .expertise_stage .stage_block .stage_step_row .step_number{font-size: 20px;}
    .expertise_page .expertise_stage .stage_block .stage_step_title{font-size: 40px;}
    .expertise_page .expertise_stage .stage_block .product_image{width: 70%; margin: auto; float: none !important; text-align: center; margin-bottom: 20px;}
    .expertise_page .expertise_stage .stage_block .product_detail{width: 100%; float: none !important;padding-right: 0px !important;}
    .expertise_page .expertise_stage .stage_block2.stage_block .product_image{float: none !important;}
    .expertise_page .expertise_stage .stage_block2.stage_block .product_detail{padding-left: 0px;}
    .expertise_page .expertise_stage .stage_block .product_detail .gerenric_button{ min-width: inherit; width: 100%;}
    .mvp_page .mvp_product .mvp_product_block .mvp_product_icon{top: 0px; left: -40px; justify-content: center; padding-left: 20px; height: 100px; width: 120px;}
    .mvp_page .mvp_product .mvp_product_block .mvp_product_icon img{width: 40px;}
    .mvp_page .mvp_product .mvp_product_block .mvp_product_detail{padding-left: 80px;}
    .mvp_page .mvp_product .mvp_product_block .mvp_product_detail .mvp_product_title{font-size: 20px;}
    .mvp_choose .choose_block1 .product_image{width: 70%; float: none; margin: auto;}
    .mvp_choose .choose_block1 .product_detail{width: 100%; float: none; padding-right: 0px; margin: auto;}
    .mvp_choose .choose_block2 .choose_col{width: 100%; margin-bottom: 60px;}
    .mvp_choose .choose_block2 .choose_item{padding-top: 50px;}
    .mvp_choose .choose_block2 .choose_item .choose_icon{width: 90px; height: 90px;}
    .mvp_choose .choose_block2 .choose_item .choose_detail .choose_title{font-size: 20px;}

    .scaling_page .scaling_product .scaling_col{width:100%; margin:10px 0px;}
    .scaling_page .scaling_product .scaling_col .scaling_title .scaling_icon{width: 50px;}
    .scaling_page .scaling_product .scaling_col .scaling_title .scaling_text{width: calc(100% - 70px);font-size: 20px; padding-left: 10px;}

    #footer_section .footer_top {padding-bottom: 0px;}
    #footer_section .footer_top .footer_col{width: 100% !important; padding-left: 0px; margin-bottom: 20px;}
    #footer_section .footer_top .footer_title{font-size: 20px;}
}
@media screen and (max-width: 800px) and (min-width: 240px){}

@media screen and (max-width: 650px) and (min-width: 240px){
    .gerenric_heading .heading_inner{font-size: 30px;}
    .gerenric_content_box .content_detail .content_title{font-size: 25px;}
    .gerenric_content_box .content_detail .gerenric_button{min-width: 220px;}
    .contact_popup > .inner_popup{width: 90%; margin: auto;}
    #banner_section{padding: 40px 0px;}
    #banner_section .banner_title{font-size: 50px;}
    #banner_section .banner_title2{font-size: 50px;}
    #banner_section .banner_subtitle{font-size: 22px; margin-top: 10px;}
    #banner_section .gerenric_button{min-width: 240px;}
    #banner_section .rocket_image{width: 130px; }
    .custom_app_section .gerenric_button{min-width: 240px;}
   
}

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