@media screen and (max-width: 1399px) and (min-width: 240px){
    .page_width{width: 100%; padding: 0px 30px;}

}
@media screen and (max-width: 1350px) and (min-width: 1024px){
    .gerenric_heading .gerenric_heading_inner{font-size:60px;}
    .header_top{font-size: 13px;}
    #header_section.headersticky #logo{width: 170px;}
    #logo{width: 170px;}
    #navigation_section{padding: 0px 120px 0px 170px;}
    #navigation_section ul li{padding: 0px 1%; font-size: 13px;}
    #navigation_section ul li .gerenric_button{min-width: 120px; height: 42px; right: 10px;}

    #banner_section .banner_block{height: 550px;}
    #banner_section .banner_detail{padding-right: 80px;}
    #banner_section .banner_detail .banner_title{font-size: 66px;}
    #banner_section .banner_detail .banner_info{font-size: 15px;}
    .banner_bottom{padding: 25px 0px;}
    .banner_bottom .banner_icon{width: 40px; height: 40px;}
    .banner_bottom .banner_text{font-size: 13px;}
    .how_work_section .how_work_image{width: 300px;}
    .how_work_section .how_work_left{padding-right: 200px;padding-left: 50px;}
    .how_work_section .how_work_right{padding-left: 200px; padding-right: 50px;}
    .customer_love_section .customer_left{width: 550px;}
    .customer_love_section .customer_right {width: calc(100% - 550px);}
    .customer_love_section .customer_item p{font-size: 15px;}
    .customer_profile .customer_name{font-size: 16px;}
    .better_section {background-size: 260px;}
    .better_section .better_title{font-size: 22px;}
    .common_question_section .question_section_1 .question_section_1_inner{width: 90%;}
    .common_question_section .question_section_2 .question_box .question_box_text{font-size: 35px;}
    #footer_section .footer_logo{width: 180px;}
    #footer_section .footer_text{ width: calc(100% - 180px);font-size: 20px;}
    #footer_section .footer_top .footer_col:nth-child(1){padding-right: 50px;}
    #footer_section .footer_top .footer_col:nth-child(2){padding-right: 50px;}
    #footer_section .footer_top .footer_contact .footer_contact_text{font-size: 40px;}
    #footer_section .footer_top .footer_contact .footer_email{font-size: 20px;}
    #footer_section .footer_top .footer_social{width: 30px;}
    

}
@media screen and (max-width: 1024px) and (min-width: 240px){
    .page_width{width: 100%; padding: 0px 15px;}
    .gerenric_padding{padding: 50px 0px;}
    .gerenric_heading .gerenric_heading_inner{font-size: 45px;}
    .gerenric_heading .gerenric_subtitle{width: 65%;}
    .grnc_accordion_head{font-size: 16px; padding-top:20px; padding-bottom:20px;}
    .grnc_accordion_body p{font-size: 13px;}
    .grnc_arrow_up_down{width: 20px;}
    .header_top{padding: 15px 0px; display: none;}
    #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: #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: 180px; 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.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: 180px; left: 0px;}
	#navigation_section .gerenric_button{position: inherit; top: 0px; width: 100%;}
    #banner_section .banner_block{height: 400px;}
    #banner_section .banner_detail {padding-right: 0px;}
    #banner_section .banner_detail .banner_title{font-size: 40px;}
    #banner_section .banner_detail .banner_info{font-size: 14px; margin-bottom: 40px;}
    .banner_bottom{padding: 20px 0px;}
    .banner_bottom .banner_bottom_inner{flex-wrap: wrap; justify-content: center;}
    .banner_bottom .banner_col{width: auto; padding: 10px 15px; display: block;}
    .banner_bottom .banner_icon{width: 40px; height: 40px; margin: auto; margin-bottom: 10px;}
    .banner_bottom .banner_text{font-size: 13px; text-align: center; width: calc(100% - 0px); padding-left: 0px;}
    .how_work_section{min-height: inherit;}
    .how_work_section .how_work_image{width: 200px;}
	.how_work_section .how_work_video{width: 350px;display: unset;}
    .how_work_section .how_work_left{padding-right: 120px;padding-left:0px;}
    .how_work_section .how_work_right{padding-left: 120px; padding-right: 0px;}
    .how_work_section .work_item .work_icon{height: 30px;}
    .how_work_section .work_item .work_icon img{max-height: 100%;}
    .how_work_section .work_item .work_title{font-size: 16px;}
    .how_work_section .work_item p{font-size: 11px;}
    .how_work_section .work_item .work_big_title{font-size: 20px;}
    .better_section{background-size: 200px;}
    .better_section .better_inner{margin-left: -15px; margin-right: -15px;}
    .better_section .better_col{width: 50%;padding: 15px;}
    .better_section .better_icon{margin: auto; margin-bottom: 15px;}
    .better_section .better_title{font-size: 20px; margin-bottom: 10px; text-align: center;}
    .better_section p{font-size: 14px; text-align: center;}
    .customer_love_section .customer_left{display: none;}
    .customer_love_section .customer_right{ width: calc(100% - 0px); padding-top: 0px; padding-left: 0px;}
    .customer_love_section .customer_col{padding: 0px 25px;}
    .customer_love_section .customer_item p{font-size: 15px;}
    .customer_love_section .customer_right .slick-list{margin-left: 0px;}
    .customer_love_section .slick-dots{left: 0%; right: 0%; margin: auto;}
    .customer_profile .customer_image{width: 40px; height: 40px;}
    .customer_profile .customer_image img{width: 40px; height: 40px;}
    .customer_profile .customer_name{font-size: 16px;}
    .customer_love_section .slick-dots li{width: 15px; height: 15px;}
    .common_question_section{min-height: inherit;}
    .common_question_section .common_bg img{object-fit: cover; min-height: 900px;}
    .common_question_section .question_section_1 .question_section_1_inner{width: 100%;}
    .common_question_section .question_section_1 .question_left{padding-right: 10px;}
    .common_question_section .question_section_1 .question_right{padding-left: 10px;}
    .common_question_section .question_section_2{background-size: 600px;height: 350px;}
    .common_question_section .question_section_2::after{width: 220px; height: 200px;}
    .common_question_section .question_section_2 .question_box{padding-left: 60px; width: 380px; padding-bottom: 10px;}
    .common_question_section .question_section_2 .question_left{width: 60%;}
    .common_question_section .question_section_2 .question_right{width: 40%;}
    .common_question_section .question_section_2 .question_box .question_box_text{font-size: 25px;}
    .common_question_section .question_section_2 .question_box p{font-size: 11px; margin-bottom: 10px;}
    .common_question_section .question_section_2 .question_box .gerenric_button{min-width: 240px;}
    
    #footer_section .footer_black_bar{padding: 30px 0px;}
    #footer_section .footer_logo{display: none;}
    #footer_section .footer_text {width: calc(100% - 0px); font-size: 22px; text-align: center;}
    #footer_section .footer_top{padding: 0px;}
    #footer_section .footer_top .page_width{padding: 0px;}
    #footer_section .footer_top .footer_top_inner{flex-wrap: wrap;}
    #footer_section .footer_top .footer_col:nth-child(1){width: 100%; padding-right: 0px;padding: 30px 15px 0px 15px;}
    #footer_section .footer_top .footer_col:nth-child(2){width: 100%; padding-right: 0px;padding: 30px 15px;}
    #footer_section .footer_top .footer_col:nth-child(3){width: 100%; background-color: #F6FAFF; padding: 30px 15px;}
    #footer_section .footer_bottom{background-color: #fff;}


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

@media screen and (max-width: 650px) and (min-width: 240px){
    .gerenric_heading {margin-bottom: 30px;}
    .gerenric_heading .gerenric_heading_inner{font-size: 30px;}
    .gerenric_heading .gerenric_subtitle{font-size: 12px; width: 90%;}
    #banner_section .page_width{display: block; position: relative;}
    #banner_section .banner_detail{width: 100%;float: none;}
    #banner_section .banner_image{width: 250px;float: none; margin: auto; padding-bottom: 80px;}
    #banner_section .banner_block{height: 540px;}
    #banner_section .banner_detail .gerenric_button{width: 90%; left: 0%; right: 0%; margin: auto; position: absolute; bottom: 20px;}
    #banner_section .banner_detail .banner_title{text-align: center; font-size: 35px;}
    #banner_section .banner_detail .banner_info{text-align: center;}
    .banner_bottom .banner_col{display: block; text-align: center;}
    .banner_bottom .banner_icon{margin: auto; margin-bottom: 10px;}
    .banner_bottom .banner_text{width: calc(100% - 0px);}
    .how_work_section .how_work_inner{display: block;}
    .how_work_section .how_work_image{position: inherit; width: 90%; margin: auto;}
    .how_work_section .how_work_left{width: 100%; padding-right: 0px; display: flex;}
    .how_work_section .how_work_right{width: 100%; padding-left: 0px;}
    .how_work_section .work_item{padding: 10px; margin-bottom: 0px;}
    .how_work_section .work_item .work_icon{text-align: center;}
    .how_work_section .work_item .work_title{text-align: center;}
    .how_work_section .work_item p{text-align: center;}
    .how_work_section .work_item .work_big_title{width: inherit;text-align: center;  margin-top: 30px; padding: 40px; box-shadow: 25px 0px 0px  rgba(124,184,255,0.27), -25px 0px 0px  rgba(124,184,255,0.27); background-color: rgba(124,184,255,0.27);}
    .better_section {background-size: 130px;background-position: left 30px, right 30px;}
    .better_section .better_title{font-size: 16px; text-align: center;}
    .better_section p{font-size: 12px;}
    .common_question_section{ overflow: hidden; display: block;}
    .common_question_section .question_section_1 .question_left{width: 100%; padding-right: 0px;}
    .common_question_section .question_section_1 .question_right{width: 100%; padding-left: 0px;}
    .common_question_section .question_section_2{flex-wrap: wrap; position: relative; height: 500px;background-size: 930px; background-position: -180px bottom; width: auto;margin-left: -15px;margin-right: -15px;}
    .common_question_section .question_section_2 .question_box{width: auto; max-width: 280px; margin: auto; padding-right: 20px; text-align: center; padding-top: 110px; padding-left: 40px;}
    .common_question_section .question_section_2 .question_box p{text-align: center;}
    .common_question_section .question_section_2 .question_left{width: 100%;}
    .common_question_section .question_section_2 .question_right{width: 150px; padding-bottom: 80px; display: block; margin: auto;}
    .common_question_section .question_section_2 .question_box .gerenric_button{position: absolute; left: 20px; width: 90%;margin: auto; bottom: 20px;}

    #footer_section .footer_text{font-size: 20px;}
    #footer_section .footer_top .footer_contact .footer_contact_text{font-size:30px;}
    #footer_section .footer_top .footer_contact .footer_email{font-size: 17px;}
    #footer_section .footer_top .footer_social{width: 25px;}
    #footer_section .footer_links ul li{font-size: 11px;}
    
}

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