@media screen and (max-width:1800px){
    .body_bg{background-size: 44%;}
}

@media screen and (max-width:1640px){
    .body_bg{background-size: 48%;}
    .profile-card img{height:200px;}
    .btn-search{padding:8px 12px;}
    .payment h2{font-size: 23px;}
    .confirmation .gradient_border3.w-25{width:30% !important;}
    .message-content p.short-message{max-width:210px;}
}

@media screen and (max-width:1560px){
    .body_bg{background-size: 50%;}
    .btn-search{padding:11px 10px;}
    .payment h2{font-size: 22px;}
    .stepper-item::before{left:-93%;}
    .package-card.best-pick h4{font-size: 16.5px;}
    .profile-card2 .name-address h5{font-size: 20px;}
    .personal-info h2{font-size: 18px;}
}

@media screen and (max-width:1440px){
    .body_bg{background-size: 54%;}
    .profile-card img{height:165px;}
    .btn-search{padding:14px 10px;font-size: 13px;}
    .package-card h4{font-size:14px;}
    .price{font-size: 28px;}
    .package-card.best-pick .price{font-size: 32.2px;}
    .package-card.best-pick h4{font-size: 14.5px;}
    .payment h2{font-size: 20px;}
    .payment label{padding: 15px 31px;}
    .confirmation .gradient_border3.w-25{width:31% !important;}
    .best-pick{height:224px;}
    .message-item .avatar{width:60px;height:60px;}
    .avatar img{width:31px;height:31px;}
    .message-content p.short-message{max-width:193px;}
}

@media screen and (max-width:1368px){
    .body_bg{background-size: 57%;}
    .sidebar{width:240px;}
    .sidebar .logo{width:100%;}

    .four_icons ul li{padding:5px;}
    .profile-form form .gradient_border3.w-25, .profile-form form .gradient_border2.w-25{width:30% !important;}
    .price{font-size: 26px;}
    .package-card.best-pick h3{font-size: 25.5px;}
    .package-card.best-pick .price{font-size: 31.2px;}
    .package-card h4{font-size: 14px;}
    .profile-card2 .name-address h5{font-size: 18px;}
    .profile-card2 .name-address p{font-size: 14px;}
    .message-content p.short-message{max-width: 176px;}

    .registrationfooter ul li a{padding:0 10px;}
    .unread_counter{top:12px;height:20px;}
    .sidebar .logo{height:150px;}
    .advance-search-box .custom-icon{right:-23px;}
    .chat-panel .text-box h6{font-size: 14px;}
    .chat-panel .text-box p{max-width:108px;}
}

@media screen and (max-width:1360px){
    .package-card.best-pick h4{font-size: 13.5px;}
    .package-card h4{font-size: 13px;}
    .package-card p{font-size: 12px;}
    .payment h2{font-size: 19px;}
    .confirmation .gradient_border3.w-25{width:32% !important;}
    .profile-card2 .name-address h5{font-size: 17px;}
    .message-content h6{font-size: 17px;}
    .unread-count{width:23px;height:23px;}
}

@media screen and (max-width:1280px){
    .body_bg{background-size: 62%;}
    .btn-search{padding:15px 7px;}
    .package-card{padding:20px 10px;}
    .package-card h3{font-size: 22px;}
    .package-card.best-pick h3{font-size: 22.5px;}
    .package-card.best-pick .price{font-size: 27.2px;}
    .best-pick{height:209px;}
    .payment h2{font-size: 18px;}
    .payment label img{margin-right:13px;}
    .confirmation .gradient_border3.w-25{width:36% !important;}
    .message-content p.short-message{max-width:143px;}
}

@media screen and (max-width:1200px){
    .body_bg{background-size: 65%;}
    .memgrid{width:25%;}
    .btn-search{font-size: 10px;}
    .profile-form form .gradient_border3.w-25, .profile-form form .gradient_border2.w-25{width:37% !important;}
    .package-card h3{font-size: 19px;}
    .package-card.best-pick h3{font-size: 19.5px;}
    .price{font-size: 22px;}
    .package-card.best-pick .price{font-size: 24.2px;}
    .package-card{padding:20px 12px;}
    .package-card h4{font-size: 12.5px;}
    .package-card.best-pick h4{font-size: 13px;}
    .payment h2{font-size: 16px;}
    .confirmation .gradient_border3.w-25{width:38% !important;}
    .escort_detail .gradient_border3 .btn-more{height:100%;}
}

@media screen and (max-width:1180px){
    .advance-search-box .col-lg-6{margin-bottom:2rem;}
    .btn-search{font-size: 16px; padding:10px 7px;}
    .buy-coins-head + p{font-size: 22px;}
    .package-card{padding:20px 10px;}
    .best-pick{height:200px;}
    .payment label{padding:11px 31px;}
    .confirmation .gradient_border3.w-25{width:39% !important;}
    .chat-body{height:64vh;}
    .message-content p.short-message{max-width: 134px;}
    .escort_img{margin-bottom:20px;}

    .registrationfooter .container .d-flex{flex-direction:column;}
    .memgrid{width:33.3%;}
    .advance-search-box .custom-icon{right:-36px;}
    .chat-list-wrap{width:30%;}
    .chat-window{width:calc(100% - 32%);}
    .customdob, .mycustommobilenumber{width:45%;}
}

@media screen and (max-width:1024px){
    .body_bg{background-size: cover;}
    .navbar-toggler-icon{display:block;}
    .navbar-collapse {
        position: static;
        margin-left: -335px;
        height: 100vh;
        transition: margin-left 0.4s ease-in-out;
    }
    .navbar-collapse.show {
        margin-left: 0;
    }
    .navbar-toggler.collapsed ~ .navbar-collapse {transition: margin-left 0.4s ease-in-out;}
    .memgrid{width:33.3%;}
    .profile-form form .gradient_border3.w-25, .profile-form form .gradient_border2.w-25{width:42% !important;}
    .sidebar{align-self: flex-start;}
    .avatar img{width:21px;height:21px;}
    .message-item .avatar{width:37px;height:37px;border-radius:10px;}
    .message-content h6{font-size: 15px;}
    .message-content p{font-size: 14px;}
    .chat-header h5{font-size: 17px;}
    .contact .gradient_border3.w-25{width:30% !important;}
    .onlyforthispage{display: block;}
    .chat-window{width:calc(100% - 30%);}
    .profile-sidebar{width: calc(100% - 75%);}
    .message-content p.short-message{max-width:103px;}
    .onlyforthispage.show-sidebar ~ .content .message-list{width:40%; transition: width 0.4s ease-in-out;}
    .onlyforthispage.show-sidebar ~ .content .chat-window{width:60%; transition: width 0.4s ease-in-out;}
    .chat-footer{width:93%;}
    .onlyforthispage.show-sidebar ~ .content .chat-footer{width:75%;}
    .chat-input{padding:10px 4px;}
}

@media screen and (max-width:992px){
    .profile-form form .gradient_border3.w-25, .profile-form form .gradient_border2.w-25{width:50% !important;}
    .profile-form form .gradient_border3.w-25 .btn-more{padding:11px 25px;}
    .package-card h4{font-size: 11.5px;}
    .package-card p{font-size: 11px;}
    .payment h2{font-size: 14px;}
    .confirmation .gradient_border3.w-25{width:41% !important;}
    .profile-card2 .name-address{justify-content: flex-start; align-items: start; flex-direction: column; gap:8px;}
    .profile-card2 .name-address h5{font-size: 18px; gap:6px;}
    .personal-info h2{font-size: 16px;}
    .send-btn{font-size: 14px;}

    .customclass_forprofilemodal .modal-dialog{max-width:700px;}
}

@media screen and (max-width:991px){
    .message-content p.short-message{max-width:116px;}
    .message-list{width:30%;}
    .chat-window{width:calc(100% - 43%);}

    .reg_box{max-width:595px;}
    .memgrid{width:50%;}
    .advance-search-box .custom-input .input-group{width:86%;}
    .navbar-collapse{margin-left:-500px;}
    .chat-list-wrap{width:42%;}
    .message-list{width:100%;}
    .customdob, .mycustommobilenumber{width:100%;}
}

@media screen and (max-width:932px){
    /* .body_bg{height:calc(100vh - -338px);} */
    .body_bg.customclass{height:100vh;}
    .profile-info h3{font-size: 20px;}
    .profile-info p{font-size: 16px;}
    .profile-pic{width:154px;height:154px;}
    .profile-pic{bottom:-114px;}
    .edit-icon{bottom:9px;}
    .profile-info{margin-left:193px;}
    .unread-count{width:19px;height:19px;font-size: 12px;}
    .escort_detail .details + div.d-flex{flex-wrap: wrap;}
    .contact .gradient_border3.w-25{width:35% !important;}
    .onlyforthispage.show-sidebar ~ .content .chat-footer{width:92%;}
    .chat-input{width:100%;}
    .onlyforthispage.show-sidebar ~ .content .message-list .message-content p.short-message{max-width:106px;}
    .profile-pic img{height:100%;}
}

@media screen and (max-width:915px){
    /* .body_bg{height:calc(100vh - 190px);}  */
    .reg_box, .login_box{margin-top:50px;margin-bottom:50px;}
    .sidebar{width:200px;}
    .sidebar .nav-link{font-size: 13px;}

    .customclass_forprofilemodal .modal-dialog{max-width:550px;}
    .brief-personal-info div span:first-child{width:42%;}
}

@media screen and (max-width:896px){
    /* .body_bg{height:auto;}  */
    .body_bg.customclass{height:auto;}
    .onlyforthispage ~ .content .d-flex{flex-wrap: wrap;}
    .onlyforthispage ~ .content .chat-header.d-flex{flex-wrap: nowrap;}
    .message-list{width:100%;display: flex;}
    .chat-window{width:100%;}
    .profile-sidebar{width:30%;}
    .messagebox-border{background: transparent;height: max-content;margin-bottom:0;}
    .message-item{background: transparent;padding:7px;}
    .message-item .avatar{margin-right:0;width:42px;height:42px;border-radius:50%;}
    .message-item:hover, .message-item.active{background: transparent;}
    .message-item .message-content{display:none;}
    .message-item .unread-count{display:none;}
    .onlyforthispage.show-sidebar ~ .content .message-list{width:100%;}
    .onlyforthispage.show-sidebar ~ .content .profile-sidebar.hide-profile{display:block !important; width:40%; transition:width 0.4s ease-in-out;}

    .chat-panel .text-box, .chat-panel .hide-box{display:none;}
    .chat-panel{margin-right:10px;background:transparent;padding:0;}
    .chat-panel .image-box{background: transparent;}
    .chat-panel .image-box img{border-radius: 50%;}
    .sms-count{bottom:0;right:0;}
    .onlychatcontent .chat-header{padding:7px 12px;}
    .onlychatcontent .chat-header.d-flex{display:flex !important;}
    .chat-list-wrap{width:100%;max-height: max-content;}
    .onlychatcontent .d-flex{display: block !important;}
    .chat-body{height:59vh;}
}

@media screen and (max-width:820px){
    /* .body_bg, .body_bg.customclass{height:calc(100vh - 181px);} */
    .memgrid{width:50%;}
    .profile-info p{font-size: 14px;}
    .profile-form form .gradient_border3.w-25 .btn-more{padding:11px 18px;}
    .buy-coins-head + p{font-size: 19px;}
    .package-card h3{font-size: 16px;}
    .price{font-size: 19px;}
    .package-card.best-pick h3{font-size: 16.5px;}
    .package-card.best-pick p{font-size: 10px;}
    .package-card.best-pick .price{font-size: 20.2px;}
    .package-card h4{font-size: 10px;}
    .package-card p strong{font-size: 9.5px;}
    .confirmation .gradient_border3.w-25{width:47% !important;}
    .chat-footer{width:76%;}
    .chat-input{padding:10px 5px;}
    .message-content p.short-message{max-width:60px;}
    .message-content p{line-height: 18px;}
    .contact .gradient_border3.w-25{width:40% !important;}

    .lang-box select{padding:8px;}
}

@media screen and (max-width:768px){
    /* .body_bg, .body_bg.customclass{height:calc(100vh - 174px);} */
    .profile-form form .gradient_border3.w-25, .profile-form form .gradient_border2.w-25{width:72% !important;}
    .buy-coins-head + p{font-size: 16px;}
    .package-card.best-pick h3{font-size: 15.5px;}
    .package-card h3{font-size: 15px;}
    .navbar-expand-lg.forMobile + .content .col-md-9.mt-4{width:90%;}
    .contact .gradient_border3.w-25{width:45% !important;}
    .chat-footer{width:100%;position: static;}
    .onlyforthispage.show-sidebar ~ .content .chat-footer{width:100%;}
}

@media screen and (max-width:767px){
    .registrationfooter .leftpart{padding-bottom:15px;}
    .registrationfooter ul li a{padding:0 13px;}
    .login-btn{width:92px;padding:7px 17px;}
    .register-btn{width:108px;padding:7px 19px;}
    .reg_box, .login_box{max-width:80%;}
    .body_bg{height:auto;}
    .gradient_border{background:transparent;}
    .gradient_border span{display:none;}
    .site-logo{display: flex !important; margin-left:auto; width:max-content;}
    .navbar-toggler{position: absolute; left:183px;}
    .modal-dialog{max-width:590px;}
    .navbar-expand-lg.forMobile + .content .col-md-9.mt-4{width:initial;}
    .package-card h4{font-size: 14px;}
    .package-card p{font-size: 12px;}
    .package-card p strong{font-size: 12px;}

    .message-list{margin-bottom:15px;}
    .onlyforthispage.show-sidebar ~ .content .profile-sidebar.hide-profile{display:none !important;}
    .onlyforthispage.show-sidebar ~ .content .chat-footer{width:100%;}
    .chat-window{width:100%;}
    .onlyforthispage.show-sidebar ~ .content .chat-window{width:100%;}

    .mycustom-buttons{gap:6px;}
    .registrationfooter ul li a{padding:8px 14px;}
    .registrationfooter p{margin-top:20px;}
    .dashboard-head .d-inline-flex{display:flex !important; justify-content: center;}

    .sidebar{width:443px;}
    .advance-search-box .custom-icon{right:-25px;}
    .navbar-collapse{margin-left:-638px;}
    .chat-body{height:54vh;}
}

@media screen and (max-width:720px){
    .notification-close{height:20px;}
    .stepper-item::before{left:-88%;}
    .contact .gradient_border3.w-25{width:48% !important;}

    .navbar-toggler{left:149px;}
}


@media screen and (max-width:667px){
    /* .body_bg.customclass{height:auto;} */
    .sidebar{width:439px;}
    .sidebar .nav-link{font-size: 11px;}
    .profile-form form .gradient_border2.w-25{width:100% !important;}
    .confirmation .gradient_border3.w-25 a{padding:11px 28px;}
    .navbar-expand-lg.forMobile ~ .content .brief{width:100%;}
    .navbar-expand-lg.forMobile ~ .content .escort_detail .col-sm-6{width:100%; transition: width 0.3s ease-in-out;}
    .navbar-expand-lg.forMobile ~ .content .contact .gradient_border3.w-25{width:55% !important;}

    .navbar-toggler{left:120px;}
    .navbar-collapse{margin-left:-540px;}
}


@media screen and (max-width:640px){
    .memgrid .btn-gold{padding:8px 11px; font-size: 14px;}
    .four_icons ul li a{font-size: 12px;}
    .profile-card h5{font-size: 14px;}
    .profile-card .location{font-size: 13px;}
    .stepper-item .step-counter{font-size: 15px;}
    .payment label{padding:11px 18px;}
    .payment label img{width:40px;}
    .package-card.best-pick + p{font-size: 15px;}
}

@media screen and (max-width:599px){
    /* .body_bg.customclass{height:calc(100vh - 198px);} */
    .right-head .gap-4{gap:1rem !important;}
    .modal-dialog{max-width:480px; margin:auto;}
    .notification-close{height:17px;font-size: 9px;}
    .registrationfooter{text-align: center;}

    .registrationfooter{position: static;}
}

@media screen and (max-width:575px){
    .navbar-collapse{width:310px;}
    .navbar-collapse.show{width:100%;}
    .content {width: 100%; transition: opacity 0.4s ease-in-out;}
    .navbar-expand-lg.forMobile{width:100%;}
    .navbar-expand-lg.forMobile ~ .content{display:none;}
    .sidebar{width:100%;background: transparent; border:0px;}
    .navbar-collapse{margin-left:-500px;}
    .navbar-collapse.show{height:100%;}
    .sidebar .nav-link{font-size: 14px;}
    .site-logo{width:45%;}
    .right-head .gap-4{gap:0.3rem !important;}
    .right-head a{font-size: 16px;}
    .package-card.best-pick p, .package-card p strong{font-size: 13px;}
    .package-card.best-pick h4{font-size: 16px;}
    .package-card.best-pick .price{font-size: 25.2px;}
    .price{font-size: 22px;}
    .step-name{font-size: 14px;}
    .content{overflow-x: hidden; padding-left:0 !important;}
    .faq .accordion-item .accordion-header .accordion-button{line-height: 26px;}
    .onlyforthispage.show-sidebar ~ .content{display:none;}
    .onlyforthispage.show-sidebar{width:100%;}

    .reg_box .row.mb-2 div.col-12{margin-bottom:.5rem;}
    .reg_box .row.mb-2{margin-bottom:0 !important;}
    .navbar-toggler{left:73px;}
    .advance-search-box .custom-input .input-group{width:92.2%;}
    .advance-search-box .custom-icon{right:-35px;}
    #search-form .d-flex.justify-content-between .custom-input{width:49%;}
    .navbar-toggler{left:28px;}

    .plan .plan-feature{font-size: 13px;}
}

@media screen and (max-width:540px){
    .advance-search-box .custom-input .input-group{width:92%;}
    .customclass_forprofilemodal .modal-dialog{width:85%;}
    .modal-body{padding:30px 29px;}
}

@media screen and (max-width:480px){
    .login-btn{width:69px;padding:3px 11px;border-radius:10px;font-size: 13px;}
    .register-btn{width:77px;padding:3px 13px;border-radius:10px;font-size: 13px;}
    .four_icons ul li{padding:5px 0;}
    .login_box h1{font-size: 20px; margin-bottom:20px;}
    .login_box img{width:55px;}
    .profile img{width:29px;height:29px;}
    .modal-dialog{max-width:420px;}
    .textpart strong{font-size: 14px;}
    .notification-time{font-size: 13px;}
    .textpart p{font-size: 14px;}
    .notification-icon{font-size: 18px;}

    .lang-box select{padding:4px 8px;width:91px;border-radius: 10px;height:28px;}
    .navbar-toggler{left:28px;}
    .advance-search-box .custom-icon~{width:43px; right:-41px;}
    .advance-search-box .custom-input .input-group{width:90.5%;}
    .brief-personal-info div{flex-basis: 100%;}
    .icon-image{width:192px;}

    .plan .plan-name{font-size: 18px;}
    .escort_detail .btn-more{padding:7px 14px;}
    .escort_detail .gradient_border3 .btn-more.gap-3{gap:0.3rem !important;}
}

@media screen and (max-width:430px){
    .reg_box, .login_box{padding:30px;}
    .registrationfooter p{line-height: 24px;}
    .four_icons ul li{padding:5px 1px;}
    .modal-dialog{max-width:370px;}
    .textpart p{line-height: 18px;}
    .notification-close{height:16px;width:27px;font-size: 8px;}
    .profile-card img{height:135px;}
    .content{padding-left:0 !important;padding-right:0 !important;}
    .navbar-toggler{left:25px;}
    .modal-body{padding:30px 25px;}

    .g-recaptcha div{width:268px !important;}
    .g-recaptcha div iframe{width:100% !important;}
    .g-recaptcha .rc-anchor-logo-portrait{margin-left:0 !important;}
    .advance-search-box .custom-input .input-group{width:88.9%;}
    .coin_left{margin-right:0;}

    .plan .plan-name{font-size: 16px;}
    .plan .plan-price{font-size: 16px;}
}

@media screen and (max-width:414px){
    .advance-search-box .custom-input .input-group{width:88.5%;}
    .escort_detail .btn-more{padding:7px 14px;}
}

@media screen and (max-width:393px){
    .modal-dialog{max-width:338px;}
    .advanced_search{padding:7px;}
    .content h2{font-size: 18px;}
    .profile-info h3{font-size: 17px;}
    .registrationfooter{font-size: 12px;}

    .registrationfooter .leftpart{margin-bottom:0 !important; padding-bottom:0;}
    .dashboard-head .right-head .gap-3{gap:0.2rem !important;}
    .advance-search-box .custom-input .input-group{width:87.5%;}
    .innerpage-lang-box select{width:92px;}
    .profile-card{padding:15px 12px;}

    .modal-body{padding:14px 12px;}
    .escort_detail .btn-more{padding:7px 13px;}
}

@media screen and (max-width:375px){
    /* .body_bg.customclass{height:calc(100vh - 181px);} */
    .registrationfooter{padding:27px 0;}
    .login_box h1 + p{font-size: 14px; line-height: 19px;}
    .profile-pic{width:110px;height:110px;bottom:-75px;}
    .profile-info{margin-left:145px;padding:17px 0 0;}
    .edit-icon{bottom:2px;width:27px;height:27px;font-size: 13px;}
    .confirmation .gradient_border3.w-25 a{padding:11px 23px;}

    .register-btn, .login-btn, .lang-box{font-size: 14px;}
    .register-btn{width:69px;}
    .login-btn{width:60px;}
    .lang-box select{width:85px;}
    .g-recaptcha div{width:230px !important;}
    .advance-search-box .custom-input .input-group{width:86.8%;}
    .escort_detail .btn-more{padding:7px 10px;}

}

@media screen and (max-width:360px){
    .registrationfooter ul li{margin-bottom:5px;display: block;}
    .registrationfooter ul li:first-child a, .registrationfooter ul li:last-child a{padding:0;}
    .confirmation .gradient_border3.w-25 a{padding:11px 21px;}
    .contact .gradient_border3.w-25{width:52% !important;}

    .advance-search-box .custom-input .input-group{width:85.8%;}
    .btn-gold{padding:2px 12px;}
    .icon-image{width:162px;}

    .register-btn, .login-btn, .lang-box{font-size: 11px;}
    .login-btn{padding:3px 8px;}
    .lang-box select{width:75px;height:25px;}
}