.aged_between_selects{
    display: flex;
    align-items: center;
    max-width: 700px;
    width: 288px;
    grid-gap: 10px;
}
@media (min-width:1025px) and (max-width:1199px){
.logged-out .header-nav li {
    /*margin-right: 12px;*/
}
.logged-out .header-nav li a {
    font-size: 15px;
    letter-spacing: -0.03em;
}
.hl7_8.wbc-hl-col {
    width: 11.5%;
}
.wbc-hl-col {
    width: 17.7%;
}
.book5t.w, .book5 {
    width: 23.6%;
}
.profile_pdl-outer:first-child, .profile_pdl-outer {
    width: 50%;
}
.profile-box {
    width: 33.3%;
    padding: 20px 20px 20px 0px;
}
.profile-btn {
    font-size: 17px;
}
.profile-box a {
    min-height: 160px;
    padding: 20px 10px;
}
}

@media (min-width:601px) and (max-width:1100px){
#Home .custCommonDashboardMn .member-status{
	width: 92%;
}	
#Home .custCommonDashboardMn .support-wrap{
	width: 100%;
	margin-top:20px;
}
}

@media screen and (min-width:767px){
    .profile-quick-nav a:hover{
        background-color: #4D576D !important
    }
    .for-mobile{
        display:none
    }
    .header-sidebar{
        display:none
    }
    .mobile-toggle{
        display:none;
    }
    .group-slider .swiper-slide.swiper-slide-active{
        transform:scale(1.2);
    }
    .page-read_mail #main {
        padding: 0;
    }
    .page-penpal_tour #left_box,
    .page-penpal_friendshipbook #left_data,
    .page-penpal_friendshipbook #left_data,
    .page-penpal_sending_letters #left_data,
    .page-penpal_letters_shine #left_data,
    .page-penpal_tips #left_data,
    .page-penpal_friendshipbook #left_data,
    .page-penpal_introductory_letter  #left_data,
    .page-penpal_advantages #left_data,
    .page-penpal_why #left_data,
    .page-penpal_credits #left_data,
    .page-penpal_postlog #left_data,
    .page-penpal_snailmail_credits #left_data,
    .page-penpal_club #left_data,
    .page-penpal_global_penfriends #left_data,
    .page-faq #left_data,
    .page-search #left_data,
    .page-penpal_tour #left_data{
        display:none
    }
    .logged-in .wbc-common-text-div {
        padding:10px 0px 0px 10px !important
    }
    .chat-message p {
        font-size: 14px;
    }
    .chat-message-info .data {
        font-size: 11px;
    }
    .conversation-box-content p {
        font-size: 15px;
    }
    .conversation-box-date p {
        font-size: 12px;
    }
    .count-mes {
        font-size: 14px;
    }
    .conversation-box-content a.read-more {
        font-size: 11px;
    }
    .chat-form textarea {
        font-size: 16px;
    }
    .keepsake-sidebar-in .members-area-sidebar{
        display:none
    }
    .page-ebooks #main_box{
        padding-left:20px !important;
        padding-right:20px !important;
    }
    .page-address_snail #main_box,
    .page-ebooks #main_box,
    .page-keepsakeview #main_box ,
    .page-keepsakelist #main_box {
        width: calc(100% - 287px) !important;
    }
    .page-view_profile.logged-in #left_box{
        border-radius: 20px 0 0 20px;
    }
    .page-view_profile.logged-in #main_box{
        border-radius: 0 20px 20px 0;
    }


}
@media (min-width:1024px){
    .user-pages #left_box,
    .user-pages #left,
    .members-area-sidebar{
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
}
@media screen and (min-width:1080px){
    .steps-grid{
        background-image: url('images/dashed.png');
        background-repeat: no-repeat;
        background-position: center 29px;
        background-size: 867px;
    }
    .user-reviews-slider .swiper-button-prev{
        left: 25px;
        top: calc(50% - 25px);
    }
    .user-reviews-slider .swiper-button-next{
        right: 25px; top: calc(50% - 25px);
    }
}
@media (min-width:767px) and (max-width:992px){
    .friendship-left{
        padding:30px 0
    }
    .home-footer-wrap {
        grid-gap: 20px;
    }
    .group-slider {
        padding: 60px 40px;
    }
    .profile-box {
        width: 100% !important;
        padding: 10px 30px 20px 0px;
    }
}
@media (max-width:1280px){
    
}
@media (max-width:1199px){
    .view_profile_wrap {
        grid-template-columns: 1fr 250px;
    }
    .view_profile_main {
        padding: 45px 20px 20px 20px;
    }
    .page-view_profile .view-profile-back-btn,
    .page-view_profile #main>br + input[type="button"] {
        right: 275px;
    }
}
@media (max-width:1024px){
    #div_details_2, .profile_right {
        width: 100%;
    }
    #div_details_1 {
        width: 100%;
        padding-bottom: 4px;
        padding-left: 0;
        padding-top: 20px;
    }
    .profile_pdl-outer:first-child, .profile_pdl-outer {
        width: 50%;
    }
    .user-pages-wrap {
        padding: 30px 15px 30px;
    }
    .edit-user-profile {
        flex-direction: column;
    }
    .edit-user-img {
        margin-right: 0;
    }
    .profile-name {
        font-size: 22px;
        margin: 10px 0 15px 0;
        text-align: center;
    }
    .profile-badge{
        margin:15px 0 0 0;
    }
    .user-profile-meta {
        flex-direction: column;
    }
    .profile-blurb {
        margin-right: 0;
        margin-bottom: 15px;
        justify-content: center;
        font-size: 18px;
    }
    .member-status {
        padding: 30px 20px;
    }
    .member-status-title {
        font-size: 20px;
        line-height: 24px;
    }
    .member-status ul li span {
        line-height: 55px;
    }
    .member-status-steps p{
        font-size: 15px;
    }
    .profile-dropdown {
        margin: 0 2px 0 10px !important
    }
    .profile-dropdown img{
        max-width:20px !important;
    }
    .header-nav {
        width: 100%;
        justify-content: flex-end;
        margin-left: 20px;
    }
   .logged-out .mobile-toggle {
        display: flex;
    }
    .logged-out .header-nav {
        display: none; 
        flex-direction: column;
        position: absolute;
        background: #fff !important;
        padding:20px 0;
        left: 0;
        right: 0px;
        top: 92px;
        height: auto !important;
   }
   .logged-out .header-nav ul {
       flex-direction: column;
   }
   .logged-out .header-nav li a {
       padding: 10px;
   }
   .logged-out  .mobile-toggle img {
        width: 40px;
        box-sizing: border-box;
    }
    .logged-out .mobile-toggle .mobile-toggle-close {
        padding: 2px;
        display: none;
    }
    .logged-out.mobile-toggle-active .mobile-toggle .mobile-toggle-close {
        display: flex;
    }
    .logged-out  .header-logo {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .logged-out.mobile-toggle-active .mobile-toggle .mobile-toggle-open {
        display: none;
    }
    #search-result-top-outer form#form_sort_options {
        min-width: 217px;
    }
    .page-search.logged-out .es_title font, #search-result-top-outer p.title {
        font-size: 23px !important;
    }
    .email-pass-left, .email-pass-right {
        width: 100%;
    }
    .email-pass-left {
        margin-top: 0;
    }
    .book5, .book5t {
        width: 15.7%;
    }
    .book2, .book2t, .book3, .book3t, .book4, .book4t {
        width: 13.1%;
    }
    .book_line div, #div_book div {
        font-family: 'Work Sans',sans-serif;
        font-size: 14px;
        line-height: 15px;
    }
    .book5 a span {
        display: none;
    }
    .book5 a {
        padding:12px 24px 14px 20px;
    }

    .wbc-hl-col {
        font-size: 14px;
        line-height: 17px;
    }
    .wbc-hl-col A:LINK, .wbc-hl-col A:VISITED, .page-hot_lists div#main {
        font-size: 14px;
        line-height: 21px;
    }
    .book5 a.wbc-upgrade-btn span {
        display: block;
        text-align: center;
    }
    .book5 a.wbc-upgrade-btn span {
        font-size: 12px;
    }
    .book5 a.wbc-upgrade-btn {
        padding: 8px 7px;
    }
    .page-account div#main_box, .page-ebooks div#main_box, .page-matchfinder div#main_box, .page-hot_lists div#main_box {
        width: calc(100% - 302px);
        padding-left: 5px;
        padding-right: 10px;
    }
    .wbc-hl-col {
        padding: 15px 5px 15px 5px;
        width: 17.6%;
    }
    .hl7_8.wbc-hl-col {
        width: 15.5%;
    }
    .hl7_7.wbc-hl-col {
        width: 14%;
    }
    .hl7_5.wbc-hl-col img {
        width: 7.8px;
    }
    .book5t.w {
        width: 18.6%;
    }
    .hl7_2.wbc-hl-col a {
        word-break: break-all;
    }
    .logged-out .header-nav li {
        margin-right: 0;
    }
    .profile-box {
        width: 50%;
    }
    .postcard-table .switch {
        float:unset !important;
        margin: 0 auto !important;
    }
    .page-keepsake.logged-in #main_box {
        width: calc(100% - 287px) !important;
    }
}

@media screen and (max-width:991px){
    .page-keepsake.logged-in #left_box {
        width: 100% !important;
    }
    .page-keepsake.logged-in #main_box {
        width: 100% !important;
    }
    .aged_between_selects{
        width: 210px;
    }
    .view_profile_wrap {
        grid-template-columns: 1fr;
        grid-gap:0 !important
    }
    .page-view_profile .user-pages {
        justify-content: center;
    }
    .page-view_profile .view_profile_right{
        padding: 0 0 0 15px;
    }
    .page-view_profile .view-profile-back-btn,
    .page-view_profile #main>br + input[type="button"] {
        right: 10px;
    }
    .page-search .es_2, .page-adv_search .es_2 {
        width: 100%;
    }
    .page-adv_search .wbc-custom-search-form-top-outer .ms_2{
        width:100%
    }
    .page-testimonial #testimonail_pages {
        grid-gap: 20px;
    }
    .page-testimonial.logged-in #testimonail_pages {
        grid-template-columns: 1fr;
    }
    .page-testimonial.logged-out #testimonail_pages {
        grid-template-columns: 1fr 1fr;
    }
    .postcard-table th,
    .postcard-table td{
        padding:5px;
        font-size:11px !important
    }
    .postcard-table .button-switch {
        display: block;
        text-align: center;
    }
    .postcard-table .switch {
        float:unset !important;
        margin: 0 auto !important;
        height: 24px!important;
    }
    .postcard-table .toggle-name {
        display: block;
        margin:0 auto;
        width: 50px !important;
    }
    .page-postlog_rec .postcard-table td:nth-child(2) {
        max-width: 50px !important;
        word-break: break-all;
    }
    .page-postlog_sent h1.header_med_yw, .profile_name,
    .page-postlog_rec h1.header_med_yw {
        font-size: 19px;
    }
    .billing-wrap{
        padding-right: 0;
        padding-left: 0;
    }
	.wbc-custom-search-form-top {
	flex-wrap: wrap;
	}
	
.MemberTabs .tab button{
	padding: 12px 10px;
	font-size: 14px;
}
.MemberTabs .tab button.active{
	padding: 16px 10px;
}	
}

@media screen and (max-width:767px){
    .page-view_profile .user-pages-wrap{
        opacity:0
    }
    .page-keepsake.logged-in h1.header_med_yw {
        margin-top: 0 !important;
    }
    .page-keepsake.logged-in #main_box {
        padding:20px !important;
    }
    .keepsake-image-grid-item .fileinput img {
        height: 120px;
    }
    .gp-field-row {
        flex-wrap: wrap;
    }
    .gp-field-row label{
        font-size: 15px;
        line-height: 21px;
        width:100%;
        margin-bottom:7px;
        margin-right: 0;
    }
    .gp-field-row textarea {
        font-size: 15px;
    }
    .keepsake-image-grid {
        grid-template-columns: repeat(2,1fr);
    }
    .gp-field-row>div{
        width:100%;
    }
    .create-keepsake-table {
        padding: 10px 0;
    }
    .addr-snail-table .custom-table-row .table_head:nth-child(1),
    .addr-snail-table .custom-table-row .table_data:nth-child(1){
        display:none
    } 
    .addr-snail-table .custom-table-row .table_head:nth-child(2),
    .addr-snail-table .custom-table-row .table_data:nth-child(2){
        width:20%
    } 
    .addr-snail-table .custom-table-row .table_head:nth-child(3),
    .addr-snail-table .custom-table-row .table_data:nth-child(3){
        width:20%
    } 
    .addr-snail-table .custom-table-row .table_head:nth-child(4),
    .addr-snail-table .custom-table-row .table_data:nth-child(4){
        width:40%
    } 
    .addr-snail-table .custom-table-row .table_head:nth-child(5),
    .addr-snail-table .custom-table-row .table_data:nth-child(5){
        width:20%
    } 
    .page-contact .greenbase .style16 {
        font-size: 20px !important;
        margin: 20px auto 0 auto;
    }
    .page-contact .cannot-contact-box {
        padding: 10px 20px 0 20px;
    }
    .page-privacy_free #main_box{
        padding:0 20px 20px 20px;
    }
    .custom-page-title {
        font-size: 20px !important;
    }
    .blue-bg-title {
        padding: 25px 20px;
    }
    .view_profile_main {
        padding: 25px 20px 20px 20px;
    }
    .view_profile_main .results_headline{
        margin-top:0 !important
    }
    .view_profile_main .sidebar-messenger{
        background: #5a6376;
        padding: 20px;
        border-radius: 15px;
    }
    .view_profile_right #lastactivity2{
        margin-top:0 !important
    }
    .view_profile_right #keepsake2{
        display:none
    }
    .page-keepsakeview .user-pages #left_box,
    .page-keepsakelist .user-pages #left_box {
        width: 100%;
    }
    .page-keepsakeview div#main_box,
    .page-keepsakelist div#main_box {
        padding: 0 20px !important;
    }

    #keepsake_left {
        width: 100% !important;
        padding: 20px;
        box-sizing: border-box;
        background: #5984f1;
    }
    .chat-message p {
        font-size: 13px;
    }
    body.page-adv_search.logged-out div#main_box div#div_results {
        margin-top: 10px;
    }
    .pagination-links font{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .profile_pic_results {
        width: 80px;
        height: 80px;
        border-radius: 10px;
        object-fit: cover;
        font-size: 0;
        display: block;
        margin: 0 0 10px 0;
        padding: 0;
    }
    .page-adv_search .result_ltop {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .page-adv_search .result_l{
        width:100%
    }
    .result_l {
        overflow: hidden;
        word-break: break-all;
    }
    .table_data{
        padding: 10px 5px;
    }
    .table_head {
        padding: 10px 5px;
    }
    .custom-table-row{
        font-size:11px;
    }
    .table-footer{
        margin-top:10px;
        font-size:11px;
    }

    .custom-table-row .cell-icon{
        max-width:20px;
        height:auto; 
    }

    .page-adv_search.action-process_search.logged-out .sidebar-search-form {
        grid-template-columns: 1fr;
    }
    .page-adv_search #main_box {
        width: 100%!important;
    }
    .page-adv_search .wbc-custom-search-form-top-outer .ms_textbox {
        padding: 5px 10px 0px 0;
    }
    .page-search .es_2, .page-adv_search .es_2 {
        width: 100%;
    }
    .logged-in .wbc-common-btn-div {
        padding: 0px 30px 30px 8px;
    }
    .logged-out .wbc-common-text-div {
        padding: 10px 5px 0px 0px !important;
        margin-left: -10px;
    }
    .logged-out .wbc-common-btn-div {
        padding: 0 0 10px 0;
    }
    .page-faq h1.header_med_yw {
        margin-top: 0;
        font-size:20px;
    }
    .page-contact_us h1.header_med_yw {
        margin-top: 0;
    }
    td {
        font-size: 13px;
        line-height: 15px;
    }
    .s1_ff2, .s2_ff2,.s2_ff1, .s2_ff2 {
        width: 100% !important;
    }
    .for-desktop{
        display:none
    }
    .primary-header {
        padding: 0 15px;
    }
    .header-logo {
        width: 100%;
        max-width:100%;
        margin-right: 0;
        margin-bottom: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header-logo .site-logo{
        width: 100%;
        max-width: 217px;
        display: flex;
    }
    .header-box {
        border-bottom:none;
        flex-direction: column;
    }
    .header-nav ul li i {
        top: -1px;
        right: -13px;
    }
    .header-nav ul li {
        margin-right: 19px;
    }
    .header-nav ul li a {
        min-width: unset;
        border:none !important
    }
    .header-nav ul li a span {
        font-size: 16px;
    }
    .menu-toggle img {
        width: 40px;
        max-width:40px;
        box-sizing:border-box
    }
    .menu-toggle .menu-close-icon{
        padding: 4px;
    }
    .header-btns{
        text-align: center;
    }
    .header-btns a{
        margin:0 7px !important;
    }
    .members-area {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
    .members-area-content {
        padding: 50px 15px;
    }
    .members-area-sidebar {
        position: fixed;
        left: 0;
        width: 100vw;
        bottom: 0;
        z-index: 9999;
        box-sizing: border-box;
        overflow: auto;
        height: calc(100% - 140px);
        transition:all .3s ease;
        left: -100%;
    }
    .sidenav-active .members-area-sidebar {
        left: 0 !important;
    }
    .sidenav-active{
        overflow:hidden
    }
    .site-header {
        flex-direction: column;
        position: relative;
        align-items: unset;
    }
    .header-brand{
        display:flex;
        justify-content: space-between;
    }
    .mobile-toggle{
        display:flex;
    }
    .mobile-toggle img{
        width:40px;
        box-sizing: border-box;
    }
    .mobile-toggle .mobile-toggle-close{
        padding:2px;
        display:none;
    }
    .mobile-toggle-active .mobile-toggle .mobile-toggle-open{
        display:none;
    }
    .mobile-toggle-active .mobile-toggle .mobile-toggle-close{
        display:flex;
    }
    .header-menu {
        flex-direction: column;
        position: absolute;
        background: #fff;
        padding: 0 20px 30px 20px;
        left: 0;
        right: 0px;
        top: 72px;
        display:none;
    }
    .header-menu ul {
        flex-direction: column;
        padding: 0;
    }
    .header-menu ul a {
        margin: 15px 0;
        display: inline-block;
    }
    .hero {
        background-position: -220px center;
        padding: 30px 15px 120px 15px;
    }
    .hero-content {
        text-align: center;
    }
    .hero-content p{
        margin: 10px 0 15px 0;
    }
    .hero-title {
        font-size: 40px;
        line-height: 48px;
    }
    .site-steps {
        padding: 40px 20px 45px 20px ;
    }
    .section-title {
        font-size: 34px;
        line-height: 35px;
    }
    .steps-section {
        padding: 0 15px 50px;
    }
    .steps-grid {
        grid-gap: 50px;
        grid-template-columns: 1fr;
    }
    .site-step-2 {
        margin-top: 0;
    }
    .friendship{
        padding: 50px 15px 0 15px
    }
    .friendship-left {
        width: 100%;
        margin-top: 0;
        text-align: center;
    }
    .friendship-left .btn {
        margin: 27px auto 0 auto;
    }
    .friendship-right {
        width: 100%;
    }
    .friendship-right img {
        margin-top: 30px;
    }
    .group-slider {
        padding: 50px 15px 20px 15px
    }
    .group-slider-header{
        padding:0 0 15px;
        margin: 0 auto 0px auto;
    }
    .group-slides {
        padding: 20px 0 0 0 !important;
    }
    .group-slider-wrap{
        padding: 0 20px;
    }
	#main_box .group-slider-wrap{
		width: 90% !important;
		margin: 20px auto !important;
	}
	.custProfileUserData{
	  font-size: 13px;
	}
	.userNameandFlag span:nth-child(2) img {
	  width: 30px;
	}
    .group-slider .swiper-slide a img {
        height: 200px;
    }
    .group-slider .swiper-slide a h3 {
        font-size: 20px;
    }
    .user-reviews {
        padding: 80px 0 40px 0;
    }
    .user-reviews-slider {
        margin: 30px auto 0 auto;
    }
    .group-slider-wrap .swiper-button-next {
        right: 0;
    }
    .group-slider-wrap .swiper-button-prev {
        left: 0px;
    }
    .user-reviews-slider .swiper-slide {
        padding: 0 30px 70px 30px;
        box-sizing: border-box;
    }
    .single-review {
        padding: 30px 20px;
    }
    .single-review p {
        font-size: 20px;
        line-height: 31px;
    }
    .single-review .review-writer {
        font-size: 20px;
    }    
    .create-account {
        padding: 115px 15px 230px 15px;
        margin-bottom: -55px;
    }
    .home-footer-wrap {
        grid-template-columns: 1fr;
        grid-gap:0;
        padding: 40px 15px 20px 15px;
    }
    .home-footer-wrap .home-footer-col:nth-child(1){
        display:none
    }
    .user-pages-wrap + .home-footer .home-footer-wrap {
        padding-top: 20px;
    }
    .home-footer-col h3{
        font-size:17px;
    }
    .home-footer-col a,
    .home-footer-col {
        font-size: 15px;
    }
    .home-footer-col ul {
        margin: 0 0 10px 0;
    }
    .home-footer-col a {
        line-height: 32px;
    }
    .home-footer-col h3 {
        margin-bottom: 10px;
    }
    .footer-copy{
        flex-direction: column;
        text-align: center;
    }
    .footer-copy,
    .footer-copy a{
        font-size:14px !important;
    }
    .header-nav {
        justify-content: space-between;
        margin-left: 0;
    }
    .header-box {
        padding: 13px 0;
    }
    .logged-out .header-nav {
         display: none; 
         flex-direction: column;
         position: absolute;
         background: #fff !important;
         padding: 20px 0;
         left: 0;
         right: 0px;
         top: 92px;
         height: auto !important;
    }
    .logged-out .header-nav ul {
        flex-direction: column;
    }
    .logged-out .header-nav li a {
        padding: 10px;
    }
    body.page-adv_search.logged-in div#main_box {
        width: 99%;
        padding: 20px 20px 0 20px;
    }
    .page-billing .user-pages {
        padding: 20px 20px 0 20px;
    }
    body.page-adv_search.logged-in  .es_1 {
        width: 100%;padding-left: 0;
    }
    .restricted-serach-for-visitors-col {
        width: 100%;
    }
    body.page-adv_search.logged-out div#main_box {
        width: calc(100% - 35px);
        padding-right: 20px;
        padding-top: 15px;
    }
    body.page-adv_search.logged-out div#main_box p {
        padding-left:0;
        padding-right:0;
    }
    .page-adv_search.action-process_search div#main_box {
        padding: 20px 10px 20px 20px !important;
    }
    body.page-adv_search.logged-in div#div_results {
        padding-top: 26px;
    }
    .adsbygoogle ins{
        display:none !important;
    }

    body.page-adv_search .result_r {
        word-break: break-all;
    }
    .wbc-custom-search-form-row-line .es_1 {
        padding-bottom: 5px;
    }
    .page-account div#main_box, .page-ebooks div#main_box,
    .page-matchfinder div#main_box, body.page-search.logged-in div#main_box,
    .page-hot_lists div#main_box {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .page-hot_lists div#main_box{
        padding-left: 15px;
        padding-right: 15px;
    }
    .email-pass-left, .email-pass-right {
        width: 100%;
    }
    .email-pass-left {
        margin-top: 0;
    }
    .page-account div#main_box div#main, .page-ebooks div#main_box div#main  {
        padding: 0;
        width: 100%;
    }
    div#left_box {
        background: transparent;
    }
    .book5, .book5t {
        width: 17.7%;
    }
    .book_line div, #div_book div {
        font-size: 12px;
        line-height: 12px;
    }
    .page-account div#main_box, .page-ebooks div#main_box {
        margin-top: 0;
    }
    .total-ebooks {
        padding: 10px 9px;
    }
    .mf_r {
        width: 100%;
        padding: 0;
    }
    .mf_l {
        width: 100%;
        padding: 0 0 10px 0;
    }
    .wbc-custom-search-form-row-line .es_1 {
        padding: 0 0 10px 0;
        width: 100%;
    }
    .wbc-hl-col {
        font-size: 12px;
        line-height: 15px;
        padding: 10px 2px;
    }
    .wbc-hl-col b, .wbc-hl-col strong {
        font-size: 10.5px;
    }
    .wbc-hl-col A:LINK, .wbc-hl-col A:VISITED, .page-hot_lists div#main {
        font-size: 12px;
        line-height: 14px;
    }
    .page-hot_lists div#main {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .book2, .book2t, .book3, .book3t, .book4, .book4t {
        width: 14.3%;
    }
    .book1, .book2, .book3, .book4, .book5, .book1t, .book2t, .book3t, .book4t, .book5t {
        padding: 10px 5px;
    }
    #div_book {
        width: 100% !important;
        margin-left: 0;
    }
    .book5 a span {
        display: none;
    }
    .book5 a {
        padding:12px 24px 14px 20px;
    }
   
    .hl7_5.wbc-hl-col img {
        width: 8px;
    }
    .hl7_6.wbc-hl-col {
        width: 14%;
    }
    .wbc-hl-col {
        width: 20.2%;
    }
    .hl7_8.wbc-hl-col {
        width: 14.5%;
    }
    .hl7_7.wbc-hl-col {
        width: 15%;
    }
    
    .hl7_4.wbc-hl-col {
        width: 16%;
    }
    .book5 a.wbc-upgrade-btn span {
        display: block;
        text-align: center;
    }
    .book5 a.wbc-upgrade-btn span {
        font-size: 12px;
    }
    .book5 a.wbc-upgrade-btn {
        padding: 8px 7px;
    }
    .book5t.w {
        width: 21.6%;
    }
    .book5 {
        width: 18%;
    }
    .hl7_2.wbc-hl-col a {
        word-break: break-all;
    }
    #main_box {
        width: 100% !important;
        padding-left: 0;
        padding-right: 10px;
        margin-top: 0;
    }
    .page-create_profile #main_box {
        width: 100% !important;
    }
    .page-send_vsmile #main_box{
        padding: 20px 20px 10px 20px !important
    }
    .page-create_profile #main_box,
    .page-fraud_detection #main_box,
    .page-spam #main_box,
    .page-favourities #main_box,
    .page-my_profile #main_box {
        padding: 20px;
    }
    .page-address_snail #main_box,
    .page-blockedusers #main_box{
        padding: 0 20px 20px 20px;
    }
    .page-privacy #main_box{
        padding: 10px 15px 10px 15px;
    }
    .page-address_book #main_box{
        padding: 10px 15px 10px 15px;
    }
    .page-penpals_covid-19 #main_box,
    .page-penpals_privacy_policy #main_box,
    .page-penpals_terms_and_conditions #main_box {
        padding: 0 20px 10px 15px;
    }
    .page-search #main_box{
        padding:20px 20px 15px !important;
    }
    .page-faq #main_box {
        padding: 15px 20px 10px 20px;
    }
    .page-address_snail #main .style1{
        text-align: center;
    }
    div#main {
        width: 100%;
        box-sizing: border-box;
    }
    .s1_ff1, .s1_ff2 {
        width: 100% !important;
    }

    .fav-table .table_data.profile_pic img{
        width:100%;
        height:auto
    }
    .page-matchfinder .button-switch {
        padding-top: 0;
        margin: 0 0 5px 0;
        width: 100%;
    }
    #profile_l {
        width: 100%;
    }
    #profile_r {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        border-left: none;
    }
    #div_details_2, .profile_right {
        width: 100%;
    }
    #div_details_1 {
        width: 100%;
        padding-bottom: 4px;
        padding-left: 0;
        padding-top: 20px;
    }
    .profile_pdl-outer:first-child, .profile_pdl-outer {
        width: 50%;
    }
    .profile-box {
        width: 100%;
        padding: 10px 0;
    }
    .profile-box  a{
        min-height: 100px;
    }
    .inbox-wrapper {
        padding: 25px 10px 15px 10px;
    }
    .conversation-box-content {
        width: calc(100% - 140px);
        display: flex;
        align-items: center;
        padding-bottom:5px;
        padding-left:10px;
    }
    .conversation-box-content a.read-more {
        width: 100%;
        font-size: 11px
    }
    .conversation-box-content p {
        width: 100%;
        box-sizing: border-box;
        font-size: 11px;
    }
    .conversation-box-content a.name {
        font-size: 13px;
        box-sizing: border-box;
        width:100%;
    }
    .conversation-box-date {
        width: 90px;
        margin: 0 !important;
    }
    .new-msg{
        width: 20px;
        height: 20px;
        background: #3ac733;
        border-radius: 100%;
        position: absolute;
        right: 12px;
        top: calc(50% + 8px);
        transform: translateY(-50%);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
    }
    .new-msg span{
        display: none;
    }
    .conversation-box-img {
        height: 40px;
        min-width: 40px;
        max-width:40px;
    }
    .conversation-box-img img {
        margin: 0;
        width: 100%;
    }
    .msg-count{
        display:none;
    }
    .conversation-box .delete-conversation {
        right: 45px;
        top: calc(50% + 8px);
    } 
    .inbox-date-wrap{
        position: absolute;
        top: 10px;
        right: 3px;
    }  
    .sidebar-search-form {
        grid-template-columns: 1fr;
    }
    .sidebar-search-form .wbc-custom-checkobx-in {
        width: 100%;
    }
    .sidebar-search-form .es_2{
        width:90%
    }
    .sidebar-search-form .es_2 *{
        box-sizing:border-box
    }
    .sidebar-search-form div#main_box {

        padding: 10px !important;
    }
    .sidebar-search-form div#div_results {
        width: 100% !important;
    }
    .sidebar-search-form div#main {
        padding-right:10px !important;
    }
    .sidebar-search-form .wbc-custom-search-form-bottom-in{
        display:none
    }
    .page-view_profile .view_profile_right{
        padding: 0 20px;
    }
    .page-view_profile .user-pages #left_box {
        width: 100%;
        background-image: linear-gradient(180deg, #5984F1 30.26%, #5984F1 42.42%, #5984F1 42.42%,#5984F1 42.42%,#85a6ff 99.48%)
    }
    .page-view_profile .user-pages {
        border-radius:0 !important;
    }
    .page-view_profile .user-pages-wrap{
        padding:0 0 30px 0;
    }
    .pic-bottom{
        border-bottom:1px solid rgba(255,255,255,.3);
        padding-bottom:20px;
    }
    .profile-quick-nav{
        background: #FFFFFF;
        box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.14);
        padding:13px 30px;
        margin-top:0;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 90%;
		z-index: 999;
    }
	.profile-quick-nav.custProfileNav{
		flex-direction: row;
		height: 80px;
	}
	.profile-quick-nav.custProfileNav a{
		width:60px;
		height:60px;
		border-radius: 100%;
		justify-content: center;
		margin: -10px 0 10px 0 !important;
		display:block !important;
	}
	.profile-quick-nav.custProfileNav a img{
		margin: 12px 0 0 14px;
		width:32px;
	}
	.profile-quick-nav.custProfileNav a span{
		display:block;
		width:100%;
		color:#4D576D;
		margin: 18px 0 0 0;
		font-size: 12px;
		text-align: center;
	}
	.profile-quick-nav.custProfileNav a span b{
		display:none;
	}
    .profile-quick-nav a{
        background:#4D576D !important;
    }
    .profile-quick-nav a:active,
    .profile-quick-nav a:hover{
        background:#5984F1 !important;
    }
    .view_profile_main{
        border-radius:0;
        background:none;
    }
    .page-view_profile .profile-page-sidebar .view_profile_content_data {
        color:#fff;
        margin-top:30px;
    }
    .view_profile_meta {
        margin: 16px 0 30px 0;
        background: rgba(255,255,255,.2);
        position:relative;
        padding:5px 12px;
    }
    .view_profile_meta_title {
        border-bottom: 1px solid rgb(255, 255, 255, .2);
        color: #fff;
    }
    .view_meta_row {
        margin-bottom: 14px;
    }    
    .view_meta_row span {
        color: rgba(255,255,255,.7);
    }
    .view_meta_row strong {
        color: rgba(255,255,255,1);
    }
    .page-view_profile .sidebar-messenger, .page-view_profile .sidebar-messenger-is-send{
        margin: 30px 0 0 0;
    }
    .page-view_profile .access_denied {
        margin: 10px 0 0 0;
    }
    .sidebar-message-box{
        margin-bottom:20px !important;
    }
    .sidebar-messenger p, .sidebar-messenger-is-send p, .access_denied p.acc_den {
        font-size: 17px;
        font-weight: 500;
    }
    .sidebar-messenger-is-send p, .access_denied p.acc_den {
        color: #4D576D;
    }
    .sidebar-messenger p{
        color:#fff;
    }
    .sidebar-messenger form button {
        width: 100%;
        text-align: center !important;
        font-size:18px !important;
        justify-content: center !important;
    }
    .page-view_profile #main_box {
        padding: 0 !important;
    }
    .view_profile_meta_content{
        max-width:60%
    }
    .logged-out .view_profile_meta_content{
        max-width:100%
    }
    .view-profile-messenger-wrap .contact_denied p,
    .view-profile-messenger-wrap .contact_denied a{
        color: #fff !important
    }
    .header-nav{
        z-index: 999;
    }
    .page-view_profile:not(.logged-out) .view_meta_row {
        grid-template-columns: 80px 1fr;
    }    
    .sidebar-map-wrap{
        position: absolute;
        right: 12px;
        width: calc(100% - calc(60% + 20px));
        border-radius: 15px;
        top: 67px;
        overflow: hidden;
        bottom: 20px;
    }
    .sidebar-map-wrap #sidebar_map {
        width: 100%;
        height: 100%;
    }
    .sidebar-map-wrap .more_keepsake{
        display:none;
    }
    .page-view_profile .view-profile-back-btn,
    .page-view_profile #main>br + input[type="button"] {
        right: 20px;
        top: 20px;
        border-radius: 10px;
    }
    .view_profile_content>.view_profile_content_title:nth-child(1) {
        margin-top: 10px;
    }
    h1.header_med_yw {
        margin-top:20px;
        font-size:20px;
    }
    .page-hot_lists h1.header_med_yw {
        margin-top:30px;
    }
    .page-hot_lists h1.header_med_yw{
        margin-top:30px;
    }
    .page-delete_message #main,
    .page-read_mail #main {
        padding: 0;
    }
    .page-delete_message .chat-header,
    .page-read_mail .chat-header {
        padding: 20px 0 10px 5px;
        margin: 0 15px 20px;
    }
    .page-delete_message .chat-form,
    .page-read_mail .chat-form {
        margin-left: 0 !important
    }
    .page-delete_message #main_box,
    .page-read_mail #main_box{
        padding:0 !important
    }
    .page-delete_message .chat,
    .page-read_mail .chat {
        border-radius: 15px;
        background: #f8fafd;
        box-shadow:none
    }
    .page-delete_message .chat-scroll-add,
    .page-read_mail .chat-scroll-add{
        height: 400px;
    }
    .page-penpal_tour h1.header_med_yw {
        margin-top: 0px;
        font-size: 19px;
    }
    .page-penpal_tour  #main {
        padding: 20px 10px 20px 20px;
    }
    .page-penpal_tour  #main_box {
        padding: 0 !important
    }
    .page-penpal_tour  #main {
        padding: 0 !important
    }
    .register-confirm h1{
        font-size:32px;
    }
    .pp_tour_wrap {
        padding: 30px 15px;
    }
    .page-delete_message .own-chat-foto,
    .page-read_mail .own-chat-foto {
        display:none;
    }
    .page-delete_message .chat-scroll, .page-read_mail .chat-scroll {
        padding: 0 15px 0 1px;
    }
    .page-read_mail .chat-message,
    .page-delete_message .chat-message {
        min-width: calc(100% - 15%);
    }
    .page-delete_message .chat-header h1 a,
    .page-read_mail .chat-header h1 a{
        font-size:18px;
    }
    .sidebar-country-info {
        display: block;
    }
    .sidebar-country-info .fun_facts,
    .sidebar-country-info  .didyouknow_info{
        display: none;
    }
    .page-testimonial.logged-in #testimonail_pages {
        grid-template-columns: 1fr 1fr;
    }
    .page-testimonial.logged-out #testimonail_pages {
        grid-template-columns: 1fr 1fr;
    }
    .page-testimonial.logged-in #testimonail_pages {
        padding-left: 0;
    }
    .test_main {
        width: 100%;
        box-sizing: border-box;
    }
    .page-testimonial #main {
        padding: 0 10px 10px 20px;
    }
    .page-testimonial.logged-out #main {
        padding: 0 10px 0 0;
    }
    .pagination_test div {
        margin: 0 8px !important;
        height: 25px;
    }
    .pagination_test div:first-child {
        margin-left: 0;
    }
    .page-meaningoflife #main_box {
        padding: 0 15px 0;
    }   
    .cp_name {
        width: 175px;
    } 
    .page-all_countries #main_box {
        padding: 0 20px 10px;
    }
    .c_name {
        width: 165px;
    }
    .wbc-common-text-div {
        padding: 30px 20px 0px 20px !important;
    }
    .logged-in .wbc-common-text-div {
        padding: 30px 10px 0px 10px !important;
    }
    .page-modify_profile #main_box {
        padding: 10px 20px;
    }
    .page-modify_profile.action-submit #main_box{
        padding: 20px;
    }
    #profile_form_s4 textarea{
        width:100%
    }
    .page-upload_photo #main_box {
        padding: 10px 20px 0 20px
    }
    .page-upload_photo .photo_item {
        width: 150px;
    }
    .page-preview_profile #main_box {
        padding: 20px;
    }
    .page-preview_profile .view_meta_row span,
    .page-preview_profile .view_meta_row strong,
    .page-preview_profile .view_profile_meta_title  {
        color:inherit;
    }
    .page-preview_profile .view_profile_meta {
        padding: 0;
    }
    .page-preview_profile .view_profile_meta_content {
        max-width: 100%;
    }
    #modalwind2{
        margin:0 !important;
        padding: 20px;
    }
    #modalwind2 #rating_text .input_title_small{
        float:left !important
    }
    .page-postlog #main_box {
        padding:20px;
        width: 100% !important;
    }
    .page-postlog_sent #main_box,
    .page-postlog_rec #main_box{
        padding: 0 15px 20px 15px;
    }
    .page-postlog_rec  table select {
        width: 70px;
    }
    .billing-sidebar {
        padding: 20px;
        background : #5984f1;
        border-radius:15px;
    }
    .billing-sidebar-title {
        font-size: 20px;
    }
    .billing-sidebar-row span {
        font-size: 15px;
    }
    .page-billing #left_box{
        width:100%
    }
    .page-billing #main_box {
        width: 100% !important;
        padding-right: 0;
    }
    .billing-confirm-wrap{
        padding:20px 0
    }
    .cf_bill_title {
        margin-top: 0;
    }
	
	.wbc-custom-search-form-top {
	flex-wrap: wrap;
	}
	.wbc-custom-search-form-top-outer .ms_2 {
	width: 100%;
	}
	.wbc-custom-search-form-top  .ms_textbox {
	padding: 0;
	}
	.wbc-custom-search-form-top .ms_sub1 {
	padding: 5px 0px 10px 0px;
	}
	.wbc-custom-checkobx-in {
	width: 100%;
	}
	.wbc-custom-search-form-top  .ms_textbox {
	width: 100%;
	}

.MemberTabs{
	padding: 0 10px;
}	
.MemberTabs .tab button{
	padding: 14px 20px;
	font-size: 14px;
}
.MemberTabs .tab button.active{
	padding-left: 20px;
	padding-right: 20px;
	margin: -4px 0 0 0;
}

}

@media (min-width:600px) and (max-width:767px){
    .profile-box {
        width: 50%;
        padding: 10px;
    }
    .profile-box a {
        min-height: 150px;
        padding: 20px;
    }
}
@media screen and (max-width:640px){
    .page-testimonial #testimonail_pages {
        grid-template-columns: 1fr !important;
    }
}
@media screen and (max-width:575px){
    .primary-footer{
        margin-top:10px;
    }
    .footer-top {
        padding: 25px 0px 0 0px;
        max-width: 89%;
    }
    .footer-middle {
        grid-template-columns: 100%;
        max-width: 90%;
    }
    .footer-bottom .footer-credits {
        margin: 0 auto;
    }
    .footer-bottom {
        justify-content: center;
    }
    .footer-bottom ul {
        margin: 10px 0;
    }
    .hl_r {
        width: 100%;
        padding-left: 0;
    }
    .hl_l {
        width: 100%;
    }
    .conversation-box-date {
        margin-top: 0 !important;
    }
    .postcard-table th, .postcard-table td {
        padding: 5px 3px;
        font-size: 10px !important;
    }
    .page-postlog_rec table select {
        width: 66px;
        font-size: 11px;
    }
    .postcard-table .toggle-name {
        width: 60px !important;
        font-size: 11px !important;
    }
    .postcard-table .switch {
        height: 20px!important;
        width:32px !important
    }
    .postcard-table input:checked + .slider:before {
        -webkit-transform: translateX(10px) !important;
        -ms-transform: translateX(10px) !important;
        transform: translateX(10px) !important;
    }
    .bill1, .bill2, .bill3 {
        width: 40px;
    }
    .bill2 {
        width: 159px;
    }
    .bill3 {
        width: 70px;
        padding-left: 10px;
    }
    .pp-img{
        max-width:170px;
    }
	
.profile-quick-nav{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 86%;
	z-index:999;
}
.profile-quick-nav.custProfileNav{
	flex-direction: row;
	height: 80px;
}
.profile-quick-nav.custProfileNav a{
	width:60px;
	height:60px;
	border-radius: 100%;
	justify-content: center;
	margin: -10px 0 10px 0 !important;
	display:block !important;
}
.profile-quick-nav.custProfileNav a img{
	margin: 12px 0 0 14px;
	width:32px;
}
.profile-quick-nav.custProfileNav a span{
	display:block;
	width:100%;
	color:#4D576D;
	margin: 18px 0 0 0;
    font-size: 12px;
    text-align: center;
}
.profile-quick-nav.custProfileNav a span b{
	display:none;
}

.MemberTabs{
	padding: 0 10px;
}
.MemberTabs .tab{
	padding-top: 10px;
}
.MemberTabs .tab button{ 
	padding: 14px 7px;
	font-size: 11px;
}
.MemberTabs .tab button.active{
	padding: 14px 7px;
	margin-top: 0px;
	margin-bottom:5px;
}
.MemberTabs .tabcontent{
	padding: 6px 6px;
	height: auto;
	border-radius:20px;
	margin: 10px 0 10px 0;
}
.MemberTabs .tabcontent .members-area-content{
	padding:10px 0px;
}

.custProfileUserImage{
	width: 80px !important;
	height: 80px !important;
}
.user-profile-sliderData{
	padding: 0 0 0 10px !important;
}
.SimilarProfileHeading h3{
	margin: 20px 0 20px 0;
	font-size: 22px;
}
.userNameandFlag span:nth-child(2){
	float: left;
	margin: 0 0 0 10px;
}
}
@media screen and (max-width:474px){
    .conversation-box-date {
        right: 5px;
    }
    .conversation-box-content {
        width: calc(100% - 90px)
    }
	.wbc-common-text-div img {
		margin: 10px 0 !important;
		text-align: left;
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width:374px){
    .header-nav ul li a span {
        font-size: 15px;
    }
    .page-postlog_rec #main_box {
        padding: 0 12px 15px 12px;
    }
}
@media only screen and (max-height: 550px){
    .crop-img-wrap {
        position: relative;
        height: 80%;
    }
    .modal-content {
        height: 85%;
        width: 50%;
        max-width: 600px;
        margin: 1% auto;
    }
}