/*
==================================================
- Media Query Mobile First Aproach
==================================================
*/


@media(min-width:1921px){
    .Thank_inner .container-fluid {
        max-width: 60%;
    }
    .Thank_inner {
        padding: 16rem 0 0rem;
        background-position: 70% 5px;
    }
    .navbar-brand img {
        width: 245px;
    }
    .F_headr.Fscroll .navbar-brand.home-logo img {
        width: 245px;
    }
    .Frnthome svg.Side_mnu {
        top: -70px;
    }

}
/* min width 1921 end  */
@media(max-width:1700px){
    :root{
        --box-spacing: 15px 15px 15px 15px;
        --box-radius: 20px;
    }
    /* root end  */
    .container-fluid {
        max-width: 1280px;
    }

    .navbar-brand img {
        width: 175px;
    }
    .F_headr.Fscroll .navbar-brand img {
        width: 115px;
    }
    .F_headr.Fscroll .navbar-brand.home-logo img {
        width: 175px;
    }
    .F_headr .nav-link {
        font-size: 14px;
    }
    .F_headr.Fscroll  .nav-link {
        font-size: 14px;
    }
    .F_headr  .navbar-nav {
        flex-direction: row;
        gap: 20px;
    }

    .Sign_box {
        margin-left: 20px;
    }
    .CTA.Sin {
        min-width: 78px;
        padding: 10px 10px;
    }
    .CTA span, .CTA {
        font-size: 14px;
    }
    .sidebarWrap {
        left: 20px;
        top: 8%;
    }
    .SideBar::before {
        top: -68px;
        height: 50px;
    }
    .SideBar::after {
        bottom: 6px;
        height: 50px;
    }
    .SideBar ul, .Frnthome .SideBar ul.current {
        gap: 10px;
    }

    .Frnthome .SideBar ul {
        gap: 10px;
    }
    .Frnthome .SideBar.fixed ul {
        width: 200px;
        padding: 15px;
        top: 100px;
    }
    .SideBar ul a, .Frnthome .SideBar  ul.current a {
        font-size: 14px;
    }
    .Frnthome .SideBar.fixed ul a {
        font-size: 13px;
    }
    .Frnthome .SideBar.fixed ul  {
        gap: 12px;
    }
    .Hero_txt h1 {
        font-size: 32px;
        max-width: 610px;
    }

    .Hero_txt {
        padding: 1rem 2rem 2rem 6rem;
        bottom: 0;
    }

    .F_tabs .tabs {
        padding: 2rem 0 2.2rem;
    }
    .F_tabs .tabs .tab-link {
        font-size: 13px;
        min-width: 85px;
        height: 40px;
    }
    .CItmm .mdl_name h5 {
        font-size: 14px;
        padding-left: 22px;
    }
    .How_it {
        padding: 4rem 0 2rem;
    }
    .H2_sub  h2 {
        font-size: 30px;
    }
    .H2_sub {
        margin-bottom: 2rem;
    }
    .lft_itms h4 {
        font-size: 22px;
        margin-bottom: 1.3rem;
    }
    .lft_itms p {
        font-size: 14px;
        margin-bottom: 3rem;
    }
    .cdur_left .svg_bx img {
        width: 70px;
        height: 70px;
        object-fit: contain;
    }
    .cdur_r_bx p {
        font-size: 16px;
        margin-bottom: 2rem;
    }
    .CTA {
        padding: 12px 16px;
        min-width: 126px;
    }
    .Free_2 {
        font-size: 14px;
    }
    .sitng_girl {
        width: 73%;
    }
    .H2_sub h4 {
        font-size: 25px;
    }
    h2.after_line::before {
        right: -64px;
        width: 62px;
    }
    ._txt_bx p {
        font-size: 15px;
        margin-bottom: 2rem;
    }
    ._txt_bx .H2_sub {
        margin-bottom: 1.3rem;
    }
    .Img_with_txt {
        padding: 3rem 0 5rem;
    }
    .F_footer {
        padding: 4rem 0 0;
    }
    .ftr_logo img {
        width: 130px;
    }
    .Paymnts_cardss ul {
        width: 84%;
    }
    .Paymnts_cardss ul li {
        width: 45px;
    }
    .itm_lnk h5 {
        font-size: 16px;
    }
    .itm_lnk ul {
        margin-top: 2rem;
    }
    .itm_lnk ul li {
        margin-bottom: 1.2rem;
    }
    .itm_lnk ul li a {
        font-size: 14px;
    }
    .itm_lnk ul.Ftr_socls a svg {
        width: 19px;
        height: 19px;
    }
    .copyright {
        padding: 3rem 0 1.5rem;
    }
    .copyright p {
        font-size: 13px;
    }
    .Frnthome svg.Side_mnu {
        width: 43px;
        height: 43px;
        top: -65px;
    }
    .Hero_abt {
        padding: 10rem 0 3rem;
    }
    .How_it.ABT_how  .H2_sub {
        margin: 0 auto 2rem;
    }
    .Abt_wrk  .lft_itms h4 {
        font-size: 20px;
        margin-bottom: 3rem;
    }
    .Abt_wrk .svg_bx img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }
    .Img_with_txt.REQQ {
        padding: 3rem 0 3rem;
    }
    .FrntAbout .Img_with_txt.REQQ {
        padding-bottom: 5rem;
    }
    .Join_us {
        padding: 3rem 0 5rem;
    }
    .join_form {
        padding-left: 0;
    }
    .Sign_card {
    min-height: 11rem;
    padding: 15px;
}

    .Sign_card svg {
        width: 35px;
        height: 35px;
    }
    .Sign_card a {
        font-size: 17px;
        width: 100%;
        height: 100%;
        padding-top: 1.5rem;
    }
    .row_divider span {
        font-size: 18px;
        width: 46px;
        height: 46px;
    }
    .row_divider {
        margin: 2.5rem 0;
    }
    .Fill_yr_data h4 {
        font-size: 20px;
        margin-bottom: 1.5rem;
    }
    .Form_field input, .Form_field  select {
        height: 50px;
    }
    .Form_field input, .Form_field textarea, .Form_field  select {
        font-size: 14px;
        padding: 10px 22px;
    }
    .consent_box .chk_data label {
        padding-left: 35px;
        line-height: 1.6em;
        font-size: 14px;
    }
    .chk_data label:before {
        padding: 9px;
    }

    .chk_data label:after {
        top: 6px;
        width: 5px;
        height: 10px;
        left: 8px;
    }
    button.only_txtx {
        font-size: 14px;
    }
    .Join_img_ {
        width: 85%;
    }
    .req_list li {
        font-size: 15px;
    }
    .req_list li::before {
        font-size: 15px;
    }
    .req_list {
        margin-block-end: 2.5rem;
    }
    .join_form.Cont_ff {
        padding: 2.2rem 2rem;
    }
    .Flot_card {
        padding: 1.5rem 1.5rem;
        min-height: 100px;
        row-gap: 15px;
    }
    .Flot_card h5 {
        font-size: 17px;
    }
    .Cont_lft {
        width: 86%;
    }
    .Join_us.Ctt {
        padding: 12rem 0 6rem;
    }
    button.Forgot_pass {
        font-size: 14px;
    }
    .Row_fr_btn {
        column-gap: 25px;
    }
    .Row_fr_btn .CTA {
        min-width: 100px;
    }
    .Flot_card button {
        font-size: 18px;
    }
    .Form_field {
        margin-bottom: 0.8rem;
    }
    .Form_field.Impt p {
        font-size: 14px;
    }
    .Form_field.Impt p svg {
        width: 18px;
        height: 18px;
    }
    .Gndr_SlctN h5 {
        font-size: 14px;
    }
    .GNDR_click .chk_data label {
        min-height: 70px;
        font-size: 14px;
    }
    .chk_data input:checked + label:after {
        transform: rotate(45deg) scale(0.9);
    }
    .GNDR_click .chk_data label:after {
        top: -8px;
    }
    .aks-TI-item-title {
        font-size: 13px;
    }
    .kwt-file__msg {
        font-size: 15px;
    }
    .kwt-file__choose-file svg {
        width: 20px;
        height: 20px;
    }
    .kwt-file__drop-area {
        min-height: 110px;
    }
    .Fill_Boxx h4 {
        font-size: 23px;
    }
    .Fill_Boxx {
        padding-top: 6rem;
        width: 50%;
    }
    .Fill_Boxx p {
        font-size: 14px;
        margin-bottom: 2rem;
    }
    .Form_field label {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .Filled_sec {
        padding: 6rem 0 0;
    }
    .Form_field .vcode input {
        min-height: 95px;
    }
    button.resnd {
        font-size: 15px;
        margin-left: 1.2rem;
    }
    .Thank_inner {
        padding: 6rem 0 0rem;
    }
    .Thank_txt svg {
        max-width: 380px;
        height: 118px;
    }
    .Thank_txt p {
        font-size: 14px;
        margin: 1rem 0 2.2rem 2.5rem;
    }
    .Thank_txt .CTA {
        margin-left: 2.5rem;
        min-width: 150px;
        padding: 12px 12px;
    }
    .Thank_txt {
        padding-top: 6rem;
    }
    .Err_img img {
        width: 90%;
        height: 90%;
    }
    .Error_Txt h4 {
        font-size: 38px;
    }
    .Error_Txt img.Nude_Girl {
        width: 165px;
    }
    .Error_Txt h5 {
        font-size: 22px;
        margin: 1.8rem 0 1rem;
    }
    .Error_Txt p {
        font-size: 14px;
        margin-bottom: 1.5rem;
    }
    .Error_Txt .CTA {
        min-width: 112px;
        line-height: 1.2;
    }
    .Trmss {
        padding: 10rem 0 4rem;
    }
    .Trm_head {
        padding: 2rem 5rem;
        min-height: 135px;
    }

    .Trm_head h1 {
        font-size: 28px;
    }
    .Cntnt_only {
        margin-top: 2.5rem;
        padding: 0 5rem;
    }
    .Cntnt_only p {
        font-size: 14px;
        margin-bottom: 1.4rem;
    }
    .Fed_h.Ex {
        padding: 20px 5.8rem 20px 1.5rem;
        top: 95px;
        margin: 2px 0 1rem;
    }
    .Ex_t_bx::before {
        top: -8px;
    }
    .Hed_bx h2 {
        font-size: 22px;
    }
    .Ex_t_bx .chat_search {
        top: 0;
    }
    .chat_search #search-button {
        font-size: 18px;
    }
    #search-form .input-group span {
        flex: 0 0 32px;
        height: 32px;
        font-size: 14px;
    }
    #search-form .input-group input {
        font-size: 12px;
    }
    .Filtr {
        top: 23px;
        padding: 0 1.5rem;
    }
    .FLT_btn {
        font-size: 16px;
    }
    .FLT_btn span {
        font-size: 18px;
    }
    .Wrapng {
        padding: 10rem 0 5rem;
    }
    .Wrapng .sidebarWrap {
        width: 190px;
        left: 26px;
        top: 178px;
    }
    .SideBar {
        width: 165px;
    }
    .Wrapng .SideBar ul::before {
        left: -11px;
    }
    .Wrapng .SideBar ul a::before {
        left: -15px;
        top: 1px;
        width: 8px;
        height: 8px;
    }
    .CItmm .mdl_name::before {
        top: 16px;
        width: 10px;
        height: 10px;
    }
    .CItmm .mdl_name.Wth_prc::before {
        top: 17px;
    }
    .mdl_name span {
        font-size: 13px;
        margin-top: 7px;
    }
    .CItmm .mdl_name.Wth_prc {
        padding: 15px;
    }
    .SideBar.fixed {
        top: 105px;
    }
    .fltrs_slctn {
        height: 60vh;
        padding-bottom: 3.5rem;
    }
    .fltr_li {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .fltr_chk label {
        font-size: 13px;
        padding-left: 28px;
    }
    .fltr_chk label:before {
        top: -3px;
        padding: 9px;
    }
    .fltr_chk input:checked + label:after {
        top: 0px;
        left: 7px;
    }
    .filters_btn .CTA {
        padding: 7px 13px;
        min-width: 90px;
        line-height: 21px;
    }
    .filters_btn button span {
        font-size: 12px;
    }
    .mdl_name.Wth_prc a {
        width: 35px;
        height: 35px;
    }
    .mdl_name.Wth_prc a svg {
        width: 18px;
        height: 18px;
    }
    .Rnk_boxx {
        padding: 15px;
    }
    .Rnk_boxx h4 {
        font-size: 16px;
    }
    .Rnk_boxx  p {
        font-size: 45px;
    }
    .Sld_rw .TAB_Rnk {
        margin: 1rem 0 1rem;
    }
    .Sld_rw .TAB_Rnk .Hed_bx {
        padding: 2.5rem 0 1.6rem;
        top: 73px;
    }
    .Sld_rw .TAB_RNKG
 .tabs {
    top: 155px;
}
    .Sld_rw .TAB_RNKG .tabs li {
        min-width: 100px;
        height: 45px;
        font-size: 16px;
    }
    .Sld_rw .RNK_crd {
        padding: 1rem;
        gap: 15px;
    }
    .RNK_crd img {
        width: 55px;
        height: 55px;
    }
    .ARNK_txt h4 {
        font-size: 18px;
    }
    .ARNK_txt p {
        font-size: 14px;
    }
    .Top_tags img {
        width: 28px;
        height: 28px;
    }
    .FED_img, .FED_Vidd {
        flex: 0 0 28%;
        height: 240px;
    }
    .FED_img  .img_sg {
        width: 45px;
        height: 45px;
    }
    .Locked p {
        font-size: 16px;
    }
    .lft_ img {
        width: 47px;
        height: 47px;
    }
    .Ttl h4 {
        font-size: 17px;
    }
    span.Online {
        font-size: 12px;
    }

    .icon_btns, .Rtt_ {
        gap: 22px;
    }
    .icon_btns svg {
        width: 20px;
        height: 15px;
    }
    .Prf_optn  ul.dropdown-menu {
        max-width: 135px;
        width: 135px;
        min-width: auto;
        inset: 0px auto auto -256% !important;
    }
    .msgg_bx p {
        font-size: 14px;
        width: 90%;
    }
    .likes a {
        font-size: 13px;
    }
    .tip_btns .CTA {
        min-width: 90px;
    }
    .CTA span, .CTA {
        font-size: 13px;
    }

    .media_calc {
        width: 35px;
        height: 35px;
    }
    .media_calc span {
        font-size: 13px;
    }
    .Avtr .modal-content .btn-close svg {
        width: 16px;
        height: 16px;
    }
    .VD_IMG.T_sld  .owl-prev, .VD_IMG.T_sld  .owl-next, .Glry_pop.T_sld  .owl-prev, .Glry_pop.T_sld  .owl-next {
        width: 25px;
        height: 25px;
        font-size: 24px;
    }
    .modal-lg, .modal-xl {
        --bs-modal-width: 520px;
        padding: 5px;
    }
    .img_unlocd svg, .FED_Vidd .Locked img {
        width: 38px;
        height: 38px;
    }
    .FeD_vido.Avtr.VID_pop .modal-content  .btn-close {
        top: -17px;
        width: 30px;
        height: 30px;
    }
    .FeD_vido .lft_ img {
        width: 40px;
        height: 40px;
    }
    .FeD_vido .Ttl h4 {
        font-size: 15px;
    }
    .FeD_vido span.Online {
        font-size: 12px;
    }
    .icon_btns, .Rtt_ {
        gap: 22px;
    }
    .FeD_vido .Rtt_ {
        gap: 22px;
    }
    .FeD_vido .icon_btns svg {
        width: 18px;
        height: 13px;
    }
    .FeD_vido .msgg_bx {
        margin-top: 0rem;
        margin-bottom: 1rem;
    }
    .VID_pop .msgg_bx p {
        font-size: 12px;
    }
    .slidr_vd video {
        height: 61vh;
    }
    .FeD_vido .tip_btns .CTA {
        min-width: 80px;
        padding: 10px 15px;
    }
    .FeD_vido .likes a {
        font-size: 14px;
    }
    .VD_IMG.T_sld  .owl-prev, .VD_IMG.T_sld  .owl-next, .Glry_pop.T_sld  .owl-prev, .Glry_pop.T_sld  .owl-next {
        width: 25px;
        height: 25px;
        font-size: 24px;
    }
    .VD_IMG.T_sld .owl-prev, .Glry_pop.T_sld .owl-prev {
        left: 10px;
    }
    .VD_IMG.T_sld .owl-next, .Glry_pop.T_sld .owl-next {
        right: 10px;
    }
    .Avtr.VID_pop.FeD_vido .modal-body {
        padding: 0.7rem;
    }
    .Discla .modal-content {
        padding: 2rem;
    }
    .Discla .modal-content h5 {
        font-size: 20px;
    }
    .Discla .modal-body h6 {
        font-size: 16px;
    }
    .Discla .modal-body p {
        font-size: 14px;
    }
    .Modal_footer p {
        font-size: 14px;
    }
    .Modal_footer button.CTA {
        min-width: 80px;
        padding: 9px 15px;
        line-height: 1.3;
    }
	.How_it.ABT_how .Procdur {
    padding: 0 8rem;
}
.Img_with_txt.IM_tx .row {
    padding: 0 8rem;
}
.Img_with_txt.REQQ .row {
    padding: 0 8rem;
}
.Join_us .row {
    padding: 0 14rem;
}
.Join_us.Ctt .row {
    padding: 0 8rem;
}
h4.log_titll {
    font-size: 20px;
}
.Hero {
    min-height: 67vh;
}
.H_slidr {
    margin-top: -4rem;
}
.Wrapng .SideBar::after {
    bottom: 2px;
}
.trms_list li {
    font-size: 14px;
}
.Cntnt_only h3 {
    font-size: 22px;
}
.numeric_list li::marker{
    font-size: 22px;
}
.Cntnt_only h5 {
    font-size: 18px;
}
.math_numr::marker {
    font-size: 22px;
}
.desimal_list li::marker {
    font-size: 22px;
}
.Model-signup .How_it {
    padding: 0  0 6rem;
}
.FAQ_headr h3 {
    font-size: 24px;
}
.FAQ_headr {
    margin-bottom: 2rem;
}
.FAQtoggle {
    font-size: 16px;
}
.FAQ_txt p {
    font-size: 14px;
}
.FAQtoggle span {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 20px;
}
.FAQ_inner {
    width: 83%;
}

.AFrnt {
    padding: 9rem 0 0;
}
span.GRN {
    font-size: 12px;
}
.FAme_itm h2 {
    font-size: 35px;
}
.FAme_itm span {
    font-size: 14px;
}
.Add_mee {
    margin-top: 1.4rem;
}
button.CTA.BTn_Lnk span {
    font-size: 12px;
}
button.CTA.BTn_Lnk {
    min-width: 80px;
    padding: 8px;
}
.My_Links ul li a {
    padding: 6px;
}
.My_Links ul li {
    width: 45px;
}
.My_Links ul li a svg {
    width: 17px;
    height: 17px;
}
.MDL_LNK_Hovr:hover .My_Links {
    height: 110px;
}
.MDL_LNK_Hovr:hover {
    height: 200px;
}
p.My_note {
    font-size: 12px;
}
.my_fame {
    padding: 1rem 0;
}
.Type_msgg .Form_field.FLD
   textarea {
    height: 50px;
    padding: 10px 3.3rem 10px 15px;
}
.My_rates {
    padding-top: 1rem;
}
.Rates_box .row {
    row-gap: 10px;
    column-gap: 10px;
}
.RTS_icon {
    width: 2.7rem;
    height: 2.7rem;
}
.RTS_icon svg {
    width: 25px;
    height: 25px;
}
.RTS_txt {
    padding: 10px;
    width: 14vw;
    bottom: 58px;
}
.RTS_txt h4 {
    font-size: 13px;
    margin-bottom: 6px;
}
.RTS_txt p {
    font-size: 12px;
}
.AFrnt  .left_wrp {
    max-width: 80%;
}
.MY_ALL_pst .user-profile__wrapper ul.tabs li {
    min-width: 120px;
    font-size: 14px;
    height: 46px;
}
.MY_ALL_pst .Media_aud, .MY_ALL_pst .Media_videos {
	height: 210px;
}
.Media_videos.LOCK .Locked img.img_sg {
    left: 20px;
    top: 88%;
    width: 17px;
    height: 17px;
}
.Media_videos.LOCK .Locked img {
    width: 28px;
    height: 28px;
}
.MY_ALL_pst .user-profile__wrapper ul.tabs {
	top: 45px;
	padding: 4rem 5px 5px;
}
.My_rates .Hed_bx h2 {
    font-size: 22px;
}
.Type_msgg  .custom-form__send-submit {
    height: 1.8rem;
    width: 1.8rem;
}
.Media_videos .VD_Icon img {
    width: 28px;
    height: 28px;
}
.F_headr.Fscroll {
    min-height: 85px;
}
.F_headr {
    min-height: 118px;
}
.F_headr.Fscroll.home-navyy .navbar-brand img {
    top: -25px;
}
.F_headr.Fscroll.home-navyy {
    min-height: 120px;
}
.media_calc span {
	font-size: 13px;
}
.Prf_optn ul.dropdown-menu {
	max-width: 135px;
	width: 135px;
	min-width: auto;
	inset: 0px auto auto -287% !important;
}
.Prf_optn a.dropdown-item {
	padding: 8px 10px;
	font-size: 12px;
}

.VID_pop .Prf_optn ul.dropdown-menu {
	max-width: 130px;
	width: 125px;
}
.Prf_optn button svg {
	width: 21px;
}

}
/* max 1700px end  */

@media(max-width:1440px){
    .Hero_txt {
        padding: 1rem 2rem 2rem 2rem;
        max-width: 90%;
        margin-left: auto;
        width: 100%;
        bottom: 0;
    }
    .Hero_txt h1 {
        font-size: 30px;
        max-width: 490px;
    }
    .F_tabs .tabs .tab-link {
        min-width: 82px;
        height: 36px;
    }
    .F_tabs .tabs::before {
        height: 135px;
    }
    .bg_for_box {
        background-position: 110% 0px;
        max-width: 75%;
    }
    .Sld_rw .Tn_box {
        flex: 0 0 25%;
    }
    .Wrapng .sidebarWrap {
        top: 150px;
    }
    .How_it {
        padding: 3rem 0 2rem;
    }
    .H2_sub  h2 {
        font-size: 28px;
    }

    .SideBar::before {
        top: -45px;
        height: 33px;
    }
    .SideBar::after {
        bottom: 60px;
        height: 33px;
    }
    .Frnthome .SideBar ul {
        gap: 5px;
    }
     .Frnthome .SideBar  ul.current a {
        font-size: 13px;
    }
    .navbar-brand img {
        width: 155px;
        top: -17px;
    }
    .F_headr.Fscroll .navbar-brand.home-logo img {
        width: 155px;
    }
    .F_headr.Fscroll.home-navyy .navbar-brand img {
        top: -18px;
    }
    .F_headr.Fscroll.home-navyy {
        min-height: 105px;
    }
    .sidebarWrap {
        top: 6.5%;
    }
    .Frnthome svg.Side_mnu {
        top: -72px;
    }
    .Wrapng .SideBar::after {
        bottom: 28px;
    }
    .F_headr {
        min-height: 110px;
    }
    .Feed.EXP {
        padding: 10rem 0 5rem;
    }

}
/* max width 1440px end here  */

@media(max-width:1370px){
    .container-fluid {
        max-width: 1250px;
    }
    .How_it .H2_sub, .Procdur, .Img_with_txt .row  {
        padding: 0 3rem;
    }
    .How_it.ABT_how .Procdur {
        padding: 0 5rem;
    }
    .Img_with_txt.IM_tx .row {
        padding: 0 5rem;
    }
    .Img_with_txt.REQQ .row {
        padding: 0 5rem;
    }
    .Img_with_txt.REQQ ._txt_bx {
        padding-left: 2.5rem;
    }
    .Join_us .row {
        padding: 0 11rem;
    }
    .Join_us.Ctt .row {
        padding: 0 6rem;
    }
    .Cont_lft {
        width: 90%;
    }
    .bg_for_box {
        max-width: 85%;
    }
    .Form_field .vcode input {
        min-height: 80px;
        font-size: 45px;
    }
    .Fill_Boxx .CTA {
        min-width: 95px;
    }
    .Trmss {
        width: 80%;
    }
    .Trm_head {
        padding: 2rem 3rem;
        min-height: 125px;
    }
    .Wrapng .sidebarWrap {
        width: 11%;
    }
    .SideBar {
        width: 100%;
    }
    .SideBar.fixed {
        width: 11%;
    }
    .Slid_Wrap {
        width: 70%;
    }
    .Sld_rw .tn_row .Tn_box {
        flex: 0 0 20%;
    }
    .filers_box {
        width: 85%;
    }
    .FAQ_inner {
        width: 88%;
    }
    .Cntnt_only {
        padding: 0 3rem;
    }


}
/* max width 1370px end here  */

@media (max-width: 1199px) {
    :root {
        --box-spacing: 12px 12px 12px 12px;
        --box-spaceing2: 12px 12px 12px 12px;
        --box-radius: 12px;
        --btn-radius:8px
    }
    .container-fluid {
        max-width: 85%;
    }

    .SideBar ul, .Frnthome .SideBar ul.current {
        gap: 10px;
    }
    .Hero_txt h1 {
        font-size: 28px;
        max-width: 480px;
    }
    /* .navbar-brand img {
        width: 200px;
    } */
    .F_headr.Fscroll .navbar-brand img {
        width: 100px;

    }
    /* .F_headr.Fscroll .navbar-brand.home-logo img {
        width: 200px;
    } */
    .Hero {
        background-position: 60% bottom;
        min-height: 67vh;
    }
    .Sign_box {
        padding: 6px;
        margin-left: 15px;
    }
    .Frnthome svg.Side_mnu {
        width: 40px;
        height: 40px;
    }
    .Frnthome .SideBar.fixed ul {
        width: 180px;
        top: 125px;
    }
    .H2_sub  h2 {
        font-size: 26px;
    }
    .How_it .H2_sub, .Procdur, .Img_with_txt .row {
        padding: 0 ;
    }
    .lft_itms {
        padding: 2.2rem 20px;
    }
    .lft_itms h4 {
        font-size: 20px;
        margin-bottom: 1.2rem;
    }
    .cdur_left .svg_bx img {
        width: 55px;
        height: 55px;
    }
    .sitng_girl {
        width: 80%;
    }
    .H2_sub h4 {
        font-size: 22px;
    }
    h2.after_line::before {
        right: -55px;
        width: 53px;
        height: 3px;
    }
    ._txt_bx {
        padding-left: 1rem;
    }
    .cdur_left {
        padding-right: 35px;
    }
    .cdur_rt {
        flex: 0 0 255px;
    }
    .CTA {
        padding: 10px 16px;
        min-width: 110px;
    }
    .How_it.ABT_how .Procdur {
        padding: 0;
    }
    .Abt_wrk  .lft_itms h4 {
        font-size: 18px;
    }
    .Abt_wrk .svg_bx img {
        width: 30px;
        height: 30px;
    }
    .Img_with_txt.IM_tx ._txt_bx {
        padding-right: 1rem;
    }
    .Img_with_txt.REQQ ._txt_bx {
        padding-left: 1rem;
    }
    .Join_us .row {
        padding: 0 6rem;
    }
    .Sign_card svg {
        width: 34px;
        height: 34px;
    }
    .Join_img_ {
        width: 88%;
    }
    .Sign_card a {
        font-size: 16px;
    }
    .row_divider span {
        font-size: 17px;
        width: 42px;
        height: 42px;
    }
    .Join_us.Ctt .row {
        padding: 0 2rem;
    }
    .Form_field input, .Form_field textarea, .Form_field  select {
        padding: 10px 15px;
    }
    span.Max_file_sz {
        font-size: 14px;
    }
    .Url_head {
        font-size: 16px;
    }
    .Fill_Boxx h4 {
        font-size: 22px;
    }
    .Thank_txt svg {
        max-width: 330px;
        height: 100px;
    }
    .Thank_inner .bg_for_box {
        background-position: 110% 1px;
    }
    .Error_Txt .CTA {
        min-width: 100px;
    }
    .Trm_head h1 {
        font-size: 26px;
    }
    .Trmss {
        width: 90%;
        padding: 9rem 0 4rem;
    }
    .Wrapng .sidebarWrap {
        top: 120px;
    }
    .mdl_name.Wth_prc a {
        width: 30px;
        height: 30px;
    }
    .mdl_name.Wth_prc a svg {
        width: 15px;
        height: 15px;
    }
    .Sld_rw .Tn_box {
        flex: 0 0 33.33%;
    }
    .Sld_rw .tn_row .Tn_box {
        flex: 0 0 25%;
    }
    .Rnk_boxx  p {
        font-size: 40px;
    }
    .filers_box {
        width: 90%;
    }
    .lft_sub {
        padding-right: 20px;
    }
    .RT_sub {
        padding-left: 20px;
    }
    .TAB_RNKG .tab-content {
        padding: 0 1rem;
        width: 100%;
    }
    .RNK_crd img {
        width: 50px;
        height: 50px;
    }
    .ARNK_txt h4 {
        font-size: 16px;
    }

    .Sld_rw .TAB_Rnk .Hed_bx {
        top: 70px;
    }
    .FED_img, .FED_Vidd {
        height: 220px;
    }
    .FED_img  .img_sg {
        width: 40px;
        height: 40px;
    }
    .join_form.logss {
        padding-right: 4rem;
    }
    .Slid_Wrap {
        width: 68%;
    }
    .sidebarWrap {
        top: 8.5%;
    }
    .How_it.ABT_how .Procdur {
        padding: 0 3rem;
    }
    .Img_with_txt.IM_tx .row {
        padding: 0 3rem;
    }
    .Img_with_txt.REQQ .row {
        padding: 0 3rem;
    }
    .Wrapng .SideBar::after {
        /* bottom: 60px; */
    }
    .AFrnt  .left_wrp {
        max-width: 100%;
    }
    .MY_ALL_pst .Media_aud, .MY_ALL_pst .Media_videos {
        height: 180px;
    }
    .FAme_itm h2 {
        font-size: 30px;
    }
    .RTS_txt {
        width: 19vw;
    }
    .Feed.EXP {
        flex: 0 0 90%;
        padding: 10rem 0 5rem;
    }


}
/* media max-width:1199px end*/

@media (max-width:1080px) {
    .bg_for_box::before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: var(--bg-body);
        z-index: -1;
        opacity: 0.4;
    }

    .bg_for_box {
        position: relative;
        z-index: 1;
    }
    .Avtr .modal-content .btn-close {
        right: 0px;
        top: -31px;
        background: var(--bg-btn);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        opacity: 1;
    }
    .Avtr .modal-content .btn-close svg {
        width: 14px;
        height: 14px;
        fill: var(--bg-body);
    }
    .container-fluid {
        max-width: 92%;
    }
    .FAQaccordion li {
        padding: 0 1.5rem;
    }
    .FAQ_headr h3 {
        font-size: 22px;
    }
    .F_headr  .navbar-nav {
        gap: 10px;
    }
    .navbar-brand img {
        width: 135px;
    }
    .F_headr.Fscroll .navbar-brand.home-logo img {
        width: 135px;
    }
    .F_headr {
        min-height: 105px;
    }
    .F_headr.Fscroll.home-navyy {
        min-height: 100px;
    }
    .F_headr.Fscroll.home-navyy .navbar-brand img {
        top: -15px;
    }
    .Feed.EXP {
        padding: 8rem 0 4rem;
    }
    .tip_btns .CTA {
        min-width: 70px;
    }
    .FD_txt {
        padding-left: 30px;
    }
    .All_FED.Front_feeds {
        max-width: 98%;
    }

}
/* min width 1080px end  */



@media(max-width:991px){
    .Paymnts_cardss ul li {
        width: 40px;
    }
    .ftr_logo img {
        width: 110px;
    }
    .itm_lnk h5 {
        font-size: 15px;
    }
    .itm_lnk ul li {
        margin-bottom: 1rem;
    }
    .filers_box {
        width: 100%;
    }
    .Hero_txt h1 {
        font-size: 28px;
        max-width: 400px;
    }
    .Hero_txt {
        max-width: 86%;
    }
    .lft_itms {
        flex: 1 0 40%;
    }
    ._txt_bx {
        padding-left: 0;
    }
    .H2_sub h4 {
        font-size: 20px;
    }
    .H2_sub  h2 {
        font-size: 24px;
    }
    ._txt_bx p {
        font-size: 14px;
    }
    .Img_with_txt.IM_tx ._txt_bx {
        padding-right: 0;
    }
    .navbar-brand {
        flex: 0 0 130px;
        text-align: left;
        margin-left: 3.2rem;
        justify-content: flex-start;
    }

    .Frnthome .SideBar.fixed ul {
        top: 105px;
    }
    .navbar-brand img {
        margin: 0;
    }
    .Img_with_txt.REQQ ._txt_bx {
        padding-left: 0;
    }
    .Join_us .row {
        padding: 0 2rem;
    }
    .Row_fr_btn {
        column-gap: 20px;
    }
    .Join_us {
        padding: 2rem 0 4rem;
    }
    .Join_us.Ctt {
        padding: 8rem 0 5rem;
    }
    .Join_us.Ctt .row {
        padding: 0;
    }
    .join_form.Cont_ff {
        margin-left: 0;
    }
    .Cont_lft {
        width: 95%;
    }
    .Flot_card h5 {
        font-size: 16px;
    }
    .Flot_card {
        padding: 1.2rem 1.2rem;
        min-height: 85px;
    }
    .Flot_card ul {
        gap: 20px;
    }

    .Flot_card ul a  {
        display: inline-block;
    }
    .Flot_card ul a svg {
        width: 20px;
        height: 20px;
    }
    .bg_for_box {
        max-width: 95%;
        background-position: 125% 0px;
    }
    .Wrapng .SideBar ul::before{
        display: none;
    }
    .Wrapng .SideBar::after, .Wrapng .SideBar::before {
        display: none;
    }
    .Wrapng .sidebarWrap {
        top:unset;
        width: 100%;
    }
    .Wrapng .SideBar {
        position: fixed;
        height: auto;
        width: 95%;
        top: 100px;
        left: 0;
        margin: 0 auto;
        right: 0;
        z-index: 22;

        transition: 0.3s ease;
    }
    .Wrapng .SideBar.fixed {
        top: 77px;
        box-shadow: var(--box-shadow);
    }
    .Wrapng .SideBar ul {
        display: flex;
        flex-direction: row;
        gap: 25px;
        overflow: auto;
        white-space: nowrap;
        padding: 10px 20px;
        background: var(--container-bg);
    }
    .Wrapng  .SideBar ul a, .Wrapng  .SideBar  ul.current a {
        font-size: 15px;
    }
    .Wrapng .SideBar ul a::before {
        display: none;
    }
    .Slid_Wrap {
        width: 95%;
        margin: 2rem auto 0;
    }
    .Fed_h.Ex {
        top: 100px;
    }
    .classes {
        top: 12rem;
    }
    .Top_tags {
        right: 15px;
        top: 15px;
    }
    .Sld_rw .TAB_Rnk .Hed_bx {
        top: 98px;
    }
    .Sld_rw .TAB_RNKG
 .tabs {
    top: 175px;
}
.join_form.logss {
    padding-right: 0;
}
.Sign_card {
    /* min-height: 13rem; */
}
h4.log_titll {
    padding-left: 0rem;
}
.container-fluid {
    max-width: 94%;
}
.Hero {
    min-height: 57vh;
    background-position: center bottom;
}
.Img_with_txt.REQQ .row {
    padding: 0 0rem;
}
.How_it.ABT_how .Procdur {
    padding: 0 0rem;
}
.Img_with_txt.IM_tx .row {
    padding: 0;
}
.FAQaccordion {
    width: 100%;
    margin: 0 auto 4rem;
}
.amazingslider-wrapper {
    padding-left: 0;
}
.A_mdia_txt {
    padding-right: 0;
}
.Add_mee .CTA:first-child {
    flex: 0 0 60%;
}
.AFrnt {
    padding: 8rem 0 0;
}
.RTS_txt {
    width: 25vw;
}
.MY_ALL_pst .Media_aud, .MY_ALL_pst .Media_videos {
    height: 160px;
}
.navbar-brand img {
    position: static;
}
.F_headr.Fscroll.home-navyy, .F_headr.Fscroll, .F_headr {
    min-height: unset;
    box-shadow: none;
}
.Feed.EXP {
    flex: 0 0 100%;
}
.All_FED {
    max-width: 90%;
}

}
/* max 991px end  */

@media(max-width:800px){



}
/* max 800px end  */


@media (max-width: 767px) {
    .container-fluid {
        max-width: 100%;
    }
    .trms_list {
        padding-left: 1.4rem;
    }
    .Cntnt_only h3 {
        font-size: 20px;
    }
    .numeric_list li::marker{
        font-size: 20px;
    }
    .math_numr::marker {
        font-size: 17px;
    }
    .Cntnt_only h3 {
        margin-bottom: 1rem;
    }
    .Cntnt_only h5 {
        font-size: 16px;
    }
    .trms_list li {
        padding-left: 2px;
    }
    .desimal_list li::marker {
        font-size: 20px;
    }
    .Trmss {
        width: 100%;
        padding: 7rem 0 4rem;
    }
    .Trm_head {
        padding: 1rem 1.5rem;
        min-height: 115px;
        text-align: center;
        justify-content: center;
    }
    .trms_tbl th {
        font-size: 16px;
    }
    .trms_tbl {
        margin: 1rem 0 2rem;
    }
    .Cntnt_only .table-responsive {
        overflow: auto;
    }
    .ftr_itm {
        flex: 1 0 100%;
    }
    .F_footer {
        padding: 3rem 0 0;
    }
    .Paymnts_cardss ul {
        width: 100%;
    }
    .itm_lnk {
        margin-top: 1rem;
    }
    .navbar-brand {
        flex: 0 0 105px;
        text-align: left;
        margin: 0;
    }
    .navbar-brand {
        justify-content: left;
        margin-left: 6em;
    }
    .navbar-brand img {
        margin: 0;

    }
    .Sign_box .CTA svg {
        width: 24px;
        height: 22px;
        fill: var(--text-white);
        transition: 0.3s ease;
    }
    .CTA.Sin {
        min-width: unset;
        padding: 0;
        background: transparent;
    }
    .CTA.Sin::before {
        display: none;
    }
    .Sign_box {
        padding: 0;
        background: transparent;
        margin-right: 3rem;
    }
    .CTA.Sin:hover{background: transparent !important;}
    .Sign_box ul {
        gap: 20px;
    }
    .CTA.Sin:hover svg {
        fill: var(--hover-color);
    }

    .SideBar::before, .SideBar::after{
        display: none;
    }
    .Frnthome svg.Side_mnu {
        display: none !important;
    }
    .sidebarWrap {
        left: 0;
        top: 0;
        width: 100%;
    }
    .SideBar {
        width: 100%;
        height: auto;
        position: fixed !important;
        top: 128px !important;
        left: 0;
        transition: 0.3s ease;
        z-index: 11;
    }
    .user-button{
        top:77px !important;
    }
    .user-button .CTA{
        padding: 5px 5px;
    }
    .user-button ul {
        gap: 15px;
        justify-content: center;
    }
    .SideBar ul {
        flex-direction: row;
        gap: 25px ;
        overflow: auto;
        white-space: nowrap;
        background: var(--container-bg);
        padding: 10px 15px;
    }
    .Frnthome .SideBar ul {
        gap: 15px;
        justify-content: center;
    }
    .F_headr.Fscroll {
        box-shadow: none;
    }
    .SideBar.fixed {
        width: 100%;
        top: 80px !important;
        z-index: 11;
    }
    .Frnthome .SideBar.fixed ul {
        position: static;
        width: 100%;
        padding: 10px 15px;
        gap: 25px;
        transform: translate(0) !important;
        border: var(--spacer-line);
        border-radius: 0;
        border-width: 1px 0 0 0;
    }
    .Frnthome .SideBar.fixed ul a {
        font-size: 14px;
    }
    .Hero_txt {
        max-width: 100%;
        text-align: center;
        padding: 0;
    }
    .Hero_txt h1 {
        margin: 0 auto;
    }
    .Hero {
        align-items: center;
        justify-content: center;
    }
    .F_tabs .tabs .tab-link {
        min-width: 80px;
        height: 43px;
    }
    .H_slidr {
        margin-top: -2.5rem;
    }
    .cdur_left {
        padding-right: 0;
        flex: 100%;
    }
    .How_it {
        padding: 4rem 0 2rem;
    }
    .cdur_rt {
        flex: unset;
        padding-top: 1rem;
        margin: 0 auto;
        text-align: center;
    }
    .sitng_girl {
        width: 56%;
        margin: -4rem auto 0;
        left: 26%;
    }
    .cdur_r_bx p {
        max-width: 380px;
        text-align: center;
        margin: 0 auto 2rem;
    }
    .How_it .H2_sub {
        text-align: center;
    }
    .Img_with_txt {
        padding: 2rem 0 4rem;
    }
    .Imgg_bx {
        margin: 0 0 2rem;
    }
    ._txt_bx {
        text-align: center;
    }
    h2.after_line::before{display: none;}
    .H2_sub  h2 {
        padding: 0;
    }
    .navbar-collapse {
        justify-content: center;
        margin: 0;
        position: absolute;
        top: 112%;
        z-index: 99;
        background: var(--bg-body);
        width: 100%;
        border-radius: var(--btn-radius);
    }
    .F_headr  .navbar-nav {
        flex-direction: column;
        gap: 15px;
        box-shadow: var(--box-shadow);
        padding: 1rem;
        border: var(--box-border);
        border-radius: var(--btn-radius);
    }
    .F_headr .nav-link, .F_headr.Fscroll .nav-link {
        font-size: 15px;
    }
    .SideBar ul a, .Frnthome .SideBar  ul.current a {
        font-size: 14px;
    }
    .Img_with_txt.IM_tx .Imgg_bx {
        margin-left: 0;
    }
    .Hero_abt {
        padding: 6rem 0 1rem;
    }
    .req_list {
        text-align: left;
    }
    .req_list li {
        font-size: 14px;
        margin-bottom: 0.8rem;
    }
    .H2_sub {
        text-align: center;
    }
    .Join_img_ {
        width: 100%;
        margin-bottom: 3.1rem;
    }
    .How_it.ABT_how  .H2_sub {
        padding: 0;
    }
    .Join_us.Ctt {
        padding: 10rem 0 4rem;
    }
    .Cont_lft {
        width: 100%;
    }
    .Flot_card ul {
        justify-content: flex-end;
    }
    .join_form.Cont_ff {
        padding: 2rem 0.8rem;
    }
    .Row_fr_btn {
        margin-top: 1.2rem;
    }
    .Cont_lft.lt_l {
        width: 100%;
    }
    .Fill_Boxx {
        width: 100%;
    }
    .Fill_Boxx .Form_field {
        width: 100%;
    }
    .bg_for_box {
        max-width: 100%;
        background-position: top left;
        background-size: cover;
        padding: 1rem;
    }
    .bg_for_box::before {
        opacity: 0.6;
    }
    .Fill_Boxx p {
        margin-bottom: 1.5rem;
    }
    .Fill_Boxx .CTA {
        margin-top: 1rem;
    }
    .Thank_txt {
        width: 100%;
    }
    .Thank_inner .bg_for_box {
        background-position: right bottom;
    }
    .Thank_txt p {
        margin: 1rem 0 2.2rem 1.5rem;
    }
    .Thank_txt .CTA {
        margin-left: 1.5rem;
    }
    .Err_img img {
        width: 100%;
        height: 100%;
    }
    .Wrapng .SideBar {
        width: 100%;
        top: 85px !important;
    }
    .Wrapng .SideBar.fixed {
        z-index: 22;
        top: 75px !important;
    }
    .Fed_h.Ex {
        padding: 15px 1rem 15px 1rem;
    }
    .Ex_t_bx {
        padding-right: 17px;
        margin-right: 30px;
    }
    .FED_btn {
        position: absolute;
        top: -1px;
        right: 16px;
        width: calc(100% - 15px);
    }
    .Filtr {
        display: flex;
        align-items: center;
        gap: 22px;
        padding: 0 1rem;
        top: 16px;
    }
    .FLT_btn.DSK {
        display: none;
    }
    .Fltr_img {
        display: block;
        margin-left: auto;
    }
    .mb_catg {
        display: block;
        border: 0;
        padding: 0;
        background: transparent;
        position: relative;
        top: -3px;
    }
    .Ex_t_bx::before {
        top: -6px;
    }
    .Slid_Wrap {
        width: 96%;
        margin: 1rem auto 0;
        padding:0 5px;
    }
    .Sld_rw {
        margin: 1.6rem -8px 0;
    }
    .FED_btn #search-form.full {
        width: calc(100% + 0px);
        top: -5px;
    }
    .Wrapng {
        padding: 8rem 0 4rem;
    }
    .filers_box {
        top: 36px;
    }
    .Sld_rw .Tn_box {
        flex: 0 0 50%;
    }
    .Sld_rw.rep_rw .Tn_box:nth-child(1), .Sld_rw.rep_rw .Tn_box:nth-child(2), .Sld_rw.rep_rw .Tn_box:nth-child(3) {
	    flex: 0 0 50%;
	}
	.Sld_rw.rep_rw .Tn_box:nth-child(1) .CItmm .mdl_img, .Sld_rw.rep_rw .Tn_box:nth-child(2) .CItmm .mdl_img, .Sld_rw.rep_rw .Tn_box:nth-child(3)  .CItmm .mdl_img {
	    padding-top: 125%;
	}
	.Sld_rw .tn_row .Tn_box {
	    flex: 0 0 33.33%;
	}
	.TOP_tn {
	    padding: 0 0px;
	}
	.FED_img, .FED_Vidd {
	    height: 250px;
	    flex: 0 0 30%;
	}
	.Discla .modal-content {
	    padding: 1.5rem 1rem;
	}
	.Discla .modal-content h5 {
	    font-size: 18px;
	    margin-bottom: 1rem;
	}
	.Discla .modal-body {
	    padding: 1.4rem 15px;
	    height: 200px;
	}
	.Sign_card {
	    /* min-height: 12rem; */
	}
	.chat_search #search-button {
	    top: -2px;
	    position: relative;
	}
	.Join_us .row {
	    padding: 0 0rem;
	}
	.Hero {
	    min-height: 500px;
	    padding: 10rem 0 0;
	}
	.CTA.Mbtn {
	    border: 0;
	    min-width: unset;
	    padding: 0;
	    background: transparent;
	}
	.CTA.Mbtn::before{display: none;}
	.CTA.Mbtn:hover, .CTA.Mbtn.active{
	    background: transparent;
	}
	.CTA.Mbtn.active{
	    background: transparent;
	}
	.CTA.Mbtn:hover svg path, .CTA.Mbtn.active svg path {
	    fill: var(--hover-color);
	}
	.Discla .modal-content h5 + p {
	    font-size: 14px;
	}
	.Discla .modal-body ul li {
	    font-size: 14px;
	}
	.Discla .modal-body ul li::before {
	    top: 5px;
	}
	.Model-signup .How_it {
	    padding: 0  0 5rem;
	}
	.FAQ_inner {
	    width: 100%;
	    margin: 3rem auto 0;
	}
	.FAQaccordion li {
	    padding: 0 1rem;
	}
	.FAQtoggle {
	    padding: 1rem 2.5rem 1rem 0;
	}
	.FAQtoggle span {
	    width: 1.5rem;
	    height: 1.5rem;
	    font-size: 18px;
	}
	.Cntnt_only {
	    padding: 0;
	}
	.A_Blok_ > .row {
	    flex-direction: column-reverse;
	}
	.AFrnt {
	    padding: 6rem 0 0;
	}
	.A_mdia_txt {
	    padding: 3rem 0 0;
	}
	.RTS_txt {
	    width: 46vw;
	}
	.MY_ALL_pst .user-profile__wrapper ul.tabs {
		justify-content: flex-start;
		top: 38px;
		overflow: auto;
		width: 100%;
	}
	.MY_ALL_pst .user-profile__wrapper ul.tabs li {
		min-width: 105px;
		font-size: 15px;
		height: 44px;
	}

	.wr_col {
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.MY_ALL_pst .user-profile__wrapper {
	    padding: 0;
	}
	.All_FED {
	    max-width: 100%;
	}
	.Feed.EXP {
	    padding: 7rem 0 4rem;
	}
	.Feed.EXP .Fed_h.Ex {
		top: 135px;
	}
	.MEDIA_CARO button {
		width: 26px;
		height: 26px;
		font-size: 16px;
	}
	.MEDIA_CARO button span {
		background-size: 15px;
	}
	.classes {
		position: unset;
		flex: 0;
	}
	.classes .sidebarWrap .SideBar {
		width: 100%;
	}
	.All_FED.Front_feeds {
		max-width: 100%;
		margin-top: 3rem;
	}

	.owl-carousel .owl-stage{
	    max-width: 100%;
	    display: flex;
	    overflow-x: auto;
	    touch-action: inherit;
	}
	.owl-item {
	    min-width: 138px;
	    touch-action: inherit!important;
	}

}
/* max width 767px end  */

/* media 580px start  */

@media (max-width: 580px) {
    .lft_sub .tgl_fltr {
        max-width: 100%;
        flex: 100%;
    }
    .lft_sub {
        padding-right: 10px;
        flex: 100%;
        max-width: 100%;
        border-right: 0;
    }
    .RT_sub {
        padding-left: 0;
        padding-right: 10px;
        flex: 100%;
        max-width: 100%;
    }
    .tgl_fltr.HAir {
        border-top: 0;
        margin-top: 0;
        padding-top: 0;
    }
    .tgl_fltr.Feti  .fltrs_outr {
        justify-content: flex-start;
        row-gap: 0;
        column-gap: 10px;
    }
    .FED_img, .FED_Vidd {
        flex: 100%;
        height: 280px;
    }
    .FD_txt {
        padding-left: 0;
        padding-top: 1rem;
    }
    .tip_btns .CTA {
        /* min-width: 120px; */
    }
    .FeD_vido .tip_btns .CTA span, .FeD_vido .tip_btns .CTA  {
        font-size: 12px;
    }
    .FeD_vido .tip_btns .CTA {
        min-width: 65px;
    }
    .Filtr.Pfrnss {
        padding: 0;
    }
    .tgl_fltr.Feti .fltrs_outr ul {
        flex: 1 0 auto;
        margin-bottom: 0;
        flex-grow: 0;
    }
    .tgl_fltr.HAir ul li {
        flex: 1 0 50%;
        max-width: 100%;
    }
    .CTA {
        padding: 9px 10px;
    }
    .lft_ {
        gap: 12px;
        padding-right: 1rem;
    }
    .icon_btns svg {
        width: 18px;
        height: 13px;
    }
    .icon_btns, .Rtt_ {
        gap: 14px;
    }
    .Ttl h4 {
        font-size: 16px;
    }

}
/* media 580px end   */

@media (max-width: 480px) {
    .lft_itms {
        padding: 2rem 15px;
        flex: 100%;
    }
    button.only_txtx {
        flex: 1 1;
        text-align: left;
    }
    .Flot_card h5 {
        font-size: 15px;
    }
    .Flot_card {
        padding: 1rem 1rem;
        min-height: 75px;
    }
    .Form_field .vcode input {
        min-height: 70px;
        font-size: 38px;
    }
    .Fill_Boxx {
        padding-top: 3rem;
    }
    .Thank_txt {
        padding-top: 3rem;
    }
    .CItmm .mdl_name h5 {
        font-size: 15px;
        padding-left: 20px;
        word-break: break-word;
    }
    .CItmm .mdl_name.Wth_prc::before {
        top: 14px;
        left: 12px;
        width: 10px;
        height: 10px;
    }
    .CItmm .mdl_name.Wth_prc {
        padding: 12px;
    }
    .Top_tags {
        right: 10px;
        top: 10px;
    }
    .Top_tags img {
        width: 24px;
        height: 24px;
    }
    .mdl_name.Wth_prc a {
        width: 25px;
        height: 25px;
        flex: 0 0 25px;
    }
    .mdl_name.Wth_prc a svg {
        width: 13px;
        height: 13px;
    }
    .Hed_bx h2 {
        font-size: 20px;
    }
    .Sld_rw .tn_row .Tn_box {
        flex: 0 0 50%;
    }
    .TAB_RNKG .tab-content {
        padding:0 6px;
    }
    .mor_data {
        margin-top: 2rem;
    }
    .Sld_rw .TAB_RNKG .tabs li {
        min-width: unset;
        height: 45px;
        flex: 0 0 90px;
    }
    .Sld_rw .TAB_RNKG
    .tabs {
       overflow: auto;
       white-space: nowrap;
       justify-content: flex-start;
       width: 100%;
       padding: 0 6px;
   }

}
/* max 480px end  */

@media (max-width:400px) {


}



@media screen and (max-width: 480px) {
.hide_pc {display:block;}
.hide_mobile {display:none;}
.H_slidr {margin-top:0px}
.Hero {
    min-height: auto; 
    background-size: contain;
    padding: 12rem 0 0!important;
    background-image: url('../images/girl-banner-mobile.jpg');
    background-size: cover;
    margin-top: 150px;
}
.F_headr.Fscroll.home-navyy, .F_headr.Fscroll, .F_headr
{
    background: var(--bg-body);
}
.Hero_txt h1 {font-size: 15px; max-width: 400px;}
/*.Hero_txt {top:50px}*/
}

@media screen and (min-width: 481px) {
.hide_pc {display:none;}
.hide_mobile {display:block;}
}
@media only screen and (max-width: 390px) and (min-width: 321px)  {
    .Hero {padding: 13.5rem 0 0!important;}
}