@media(min-width:0px) and (max-width:575px){
.container{ max-width:100%;}

.common-title-main-hp{ padding-bottom: 20px;}
.common-title-main-hp h2{ font-size: 26px; line-height: 32px;}

/*--------------- HEADER_START --------------*/
#header{ height:70px;}

.logo-hp{ margin:15px 0px 15px;}
.logo-hp img{ height:40px;}
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ padding:0px;}
#contain.contain-inner{ padding-top:70px;}
.hero-block-in-hp{ flex-wrap: wrap;}
.hero-banner-back-sub-hp{ background-position:  top left -250px !important;}
.hero-text-main-hp{ padding: 100px 0px 0px; margin-bottom: 0px;}
.hero-text-main-hp h1{ font-size: 24px; line-height: 30px;}
.hero-text-main-hp h1 br{ display: none;}
.hero-text-main-hp p{ font-size: 16px; line-height: 20px;}
.hero-steps-main-hp{ display: none;}
.hero-chat-box-main-hp{ max-width: 100%; height: 400px; position: relative; bottom: auto; margin: 0px 0px 80px;}

.Wyou-get-block-main-hp{ padding: 50px 0px 20px;}
.Wyou-get-list-main-hp{ max-width: 100%;}
.Wyou-get-box-hp{ padding-bottom: 30px;}
.Wyou-get-box-text-hp{ min-height: auto;}
.Wyou-get-box-text-hp h2{ font-size: 18px; line-height: 22px; height: auto;}

.cnt-afford-block-in-hp{ padding-top: 30px; padding-bottom: 30px;}
.cnt-afford-box-main-hp{ max-width: 100%;}
.cnt-afford-box-in-hp{ padding: 20px;}
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
.footer-text-hp{ padding: 20px 0px 20px;}
/*--------------- FOOTER_END --------------*/

/*--------------- PRIVACY_POLICY_START --------------*/
.hero-block-Ppolicy-ppp .hero-block-in-hp{ height:150px;}
.hero-text-main-ppp{ padding-top:0px;}
.Ppolicy-info-text-ppp h2{ font-size: 22px; line-height: 26px;}
.Ppolicy-info-text-ppp h3{ font-size: 18px; line-height: 22px;}

.hero-text-main-ppp p{ padding-bottom: 0px;}
.Ppolicy-item1-hp .card-body{ padding: 20px 20px 10px 20px;}

/*--------------- PRIVACY_POLICY_END --------------*/

}

@media(min-width:576px) and (max-width:767px){
.container{ max-width:100%;}
.common-title-main-hp{ padding-bottom: 20px;}
.common-title-main-hp h2{ font-size: 26px; line-height: 32px;}

/*--------------- HEADER_START --------------*/
#header{ height:70px;}

.logo-hp{ margin:15px 0px 15px;}
.logo-hp img{ height:40px;}
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ padding:0px;}
#contain.contain-inner{ padding-top:70px;}

.hero-block-in-hp{ flex-wrap: wrap;}
.hero-banner-back-sub-hp{ background-position:  top left -250px !important;}
.hero-text-main-hp{ padding: 180px 0px 0px; margin-bottom: 0px;}
.hero-text-main-hp h1{ font-size: 24px; line-height: 30px;}
.hero-text-main-hp h1 br{ display: none;}
.hero-text-main-hp p{ font-size: 16px; line-height: 20px;}
.hero-steps-main-hp{ display: none;}
.hero-chat-box-main-hp{ max-width: 100%; height: 400px; position: relative; bottom: auto; margin: 0px 0px 80px;}

.Wyou-get-block-main-hp{ padding: 50px 0px 20px;}
.Wyou-get-list-main-hp{ max-width: 100%;}
.Wyou-get-box-hp{ padding-bottom: 30px;}
.Wyou-get-box-text-hp{ min-height: auto;}
.Wyou-get-box-text-hp h2{ font-size: 18px; line-height: 22px; height: auto;}

.cnt-afford-block-in-hp{ padding-top: 30px; padding-bottom: 30px;}
.cnt-afford-box-main-hp{ max-width: 100%;}
.cnt-afford-box-in-hp{ padding: 20px;}
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
.footer-text-hp{ padding: 20px 0px 20px;}
/*--------------- FOOTER_END --------------*/

/*--------------- PRIVACY_POLICY_START --------------*/
.hero-block-Ppolicy-ppp .hero-block-in-hp{ height:150px;}
.hero-text-main-ppp{ padding-top:0px;}
.Ppolicy-info-text-ppp h2{ font-size: 22px; line-height: 26px;}
.Ppolicy-info-text-ppp h3{ font-size: 18px; line-height: 22px;}
.hero-text-main-ppp p{ padding-bottom: 0px;}
.Ppolicy-item1-hp .card-body{ padding: 20px 20px 10px 20px;}
/*--------------- PRIVACY_POLICY_END --------------*/


}

@media(min-width:768px) and (max-width:991px){
.container{ max-width:768px;}
.common-title-main-hp{ padding-bottom: 20px;}
.common-title-main-hp h2{ font-size: 26px; line-height: 32px;}

/*--------------- HEADER_START --------------*/
#header{ height:70px;}

.logo-hp{ margin:15px 0px 15px;}
.logo-hp img{ height:40px;}
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ padding:0px;}
#contain.contain-inner{ padding-top:70px;}

.hero-block-in-hp{ flex-wrap: wrap; }
.hero-banner-back-sub-hp{ background-position:  top left -250px !important;}
.hero-text-main-hp{ padding: 220px 0px 0px; margin-bottom: 0px;}
.hero-text-main-hp h1{ font-size: 24px; line-height: 30px;}
.hero-text-main-hp h1 br{ display: none;}
.hero-text-main-hp p{ font-size: 16px; line-height: 20px;}
.hero-steps-main-hp{ display: none;}
.hero-chat-box-main-hp{ max-width: 100%; height: 400px; position: relative; bottom: auto; margin: 0px 0px 120px;}

.Wyou-get-block-main-hp{ padding: 50px 0px 20px;}
.Wyou-get-list-main-hp{ max-width: 100%;}
.Wyou-get-box-hp{ padding-bottom: 30px;}
.Wyou-get-box-text-hp{ min-height: 204px;}
.Wyou-get-box-text-hp h2{ font-size: 18px; line-height: 22px;}

.cnt-afford-block-in-hp{ padding-top: 30px; padding-bottom: 30px;}
.cnt-afford-box-main-hp{ max-width: 100%;}
.cnt-afford-box-in-hp{ padding: 20px;}
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
.footer-text-hp{ padding: 20px 0px 20px;}
/*--------------- FOOTER_END --------------*/

/*--------------- PRIVACY_POLICY_START --------------*/
.hero-block-Ppolicy-ppp .hero-block-in-hp{ height:150px;}
.hero-text-main-ppp{ padding-top:0px;}
.Ppolicy-info-text-ppp h2{ font-size: 22px; line-height: 26px;}
.Ppolicy-info-text-ppp h3{ font-size: 18px; line-height: 22px;}
.hero-text-main-ppp p{ padding-bottom: 0px;}
/*--------------- PRIVACY_POLICY_END --------------*/

}

@media(min-width:992px) and (max-width:1319px){
.container{ max-width:992px;}

.common-title-main-hp{ padding-bottom: 25px;}
.common-title-main-hp h2 { font-size: 28px; line-height: 34px;}

/*--------------- HEADER_START --------------*/
#header{ height: 100px;}
.logo-hp img{ height: 50px;}
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{}
#contain.contain-inner{ padding-top:100px;}

.hero-text-main-hp{ width: 502px;}
.hero-text-main-hp h1{ font-size: 30px; line-height: 38px;}
.hero-step-info-hp{ padding-bottom: 20px;}
.hero-text-main-hp p { font-size: 16px; line-height: 22px;}
.hero-chat-box-main-hp{ max-width: 400px; margin-left: 562px;}

.Wyou-get-list-main-hp { max-width: calc(100% - 430px);}
.Wyou-get-box-img-hp{ height: 160px;}
.Wyou-get-box-text-hp{ min-height: 282px;}
.Wyou-get-box-text-hp h2{ font-size: 18px; line-height: 22px; height: 81px;}

.cnt-afford-box-main-hp { max-width: calc(100% - 430px);}
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
.footer-text-hp{ padding: 30px 0px 30px;}
/*--------------- FOOTER_END --------------*/

/*--------------- PRIVACY_POLICY_START --------------*/
.hero-block-Ppolicy-ppp .hero-block-in-hp{ height:180px;}
.hero-text-main-ppp{ padding-top:0px;}
.Ppolicy-info-text-ppp h2{ font-size: 24px; line-height: 28px;}
.hero-text-main-ppp p{ padding-bottom: 0px;}
/*--------------- PRIVACY_POLICY_END --------------*/


}


@media(min-width:1320px) and (max-width:8000px){
}