@charset "utf-8";
/* CSS Document */

@media (min-width: 1401px) and (max-width: 1750px) {
    .leftbars { width: 280px;}
    .header_wrapper { left: 280px;}
    .main_wapper { margin: 0 0 0 280px;}
    .inrightmn { padding: 30px;}
    .inrightmn .dhmntop1 .row { margin: 0 -10px;}
    .inrightmn .dhmntop1 .row [class*="col-"] { padding: 0 10px;}
    .inrightmn .dhmntop1 .record_wrap { padding: 10px 0;}
    .inrightmn .dhmntop1 .record_wrap .recolin { padding: 0 10px;}
    .inrightmn .dhmntop1 .record_wrap .recolin p { font-size: 14px;}

    .leftbars .liveleftsupp { padding: 20px 0; margin: 0 20px;}
    .leftbars .left_language { padding: 20px 0;}
    .leftbars .lnavmn ul li a { font-size: 16px; height: 50px;}
    .leftbars .lnavmn ul li a img { max-width: 30px;}
    .leftbars .lnavmn ul li a .iconbox { margin: 0 10px 0 0;}

    .inrightmn .dhmnmid1 .dh2titlebox .iconbox { margin: 0 10px 0 0;}
    .inrightmn .dhmnmid1 .dh2titlebox .iconbox img { max-width: 30px; float: left;}
    .inrightmn .dhmnmid1 .dh2titlebox .dh2heading { font-size: 18px;}
    .inrightmn .dhmnmid1 .middsec h2 { font-size: 30px;}
    .inrightmn .dhmnmid1 .middsec h4 { font-size: 22px;}

    .howtoget_start .howtorow { margin: 0 -10px;}
    .howtoget_start .howtorow [class*="col-"] { padding: 0 10px;}
    .howtoget_start .howtoblock .intitle .iconbox img { max-height: 36px;}
    .howtoget_start .howtoblock .choosetask span { font-size: 14px;}
    .howtoget_start .howtoblock .choosetask .imgbox { width: 38px; height: 38px; margin: 0 5px 0 0;}
    .howtoget_start .howtoblock { padding: 20px 15px 20px;}

    /* ======================================= */

    .page_title {}
    .page_title img { max-height: 40px; margin: 0 15px 0 0;}
    .page_title h2 { font-size: 30px;}

    .leader_rank_listing .lead_tablebox .tablehead .tablecol { font-size: 18px;}
    .leader_rank_listing .lead_tablebox .tablecol { font-size: 16px;}

    /* ======================================= */

    .profile_sec1 .pbox1 { padding: 15px;}
    .profile_sec1 .pbox2 { padding: 15px;}
    .profile_sec1 .pbox1 .proinfo .namebox { font-size: 22px;}
    .profile_sec1 .pbox1 .proinfo .metainfo { font-size: 16px;}
    .profile_sec1 .pbox1 .bottompart .publicvis { font-size: 20px;}
    .profile_sec1 .pbox2 .iconbox img { max-height: 54px;}
    .profile_sec1 .pbox2 .disbox { font-size: 16px;}

    .profile_sec2 .ps2_tabnav .nav-tabs li .nav-link { padding: 0 20px; font-size: 20px;}
    .profile_sec2 .ps2_tabnav .nav-tabs li .nav-link svg { height: 30px; margin: 0 5px 0 0;}

    .profile_sec2 .ps2_sec_in { padding: 17px 20px;}

    /* ========================================== */

    .reward_sec1 .pbox2 .iconbox img { max-height: 54px;}
    .reward_sec1 .pbox2 .disbox { font-size: 16px;}
    .reward_topwin .topwinrow .cointbox .in_cointbox { width: 65px;}

    .reward_socialgroup .socailbox { padding: 15px;}
    .reward_socialgroup .socailbox h4 { font-size: 14px;}

    /* =============================================== */

    .featureoffer_section .featuretitle .iconbox { margin: 0 10px 0 0;}
    .giftcardsec_wrap .giftrow .giftcol { padding: 10px;}
    .giftcardsec_wrap .titlebgbox .iconbox img { max-height: 30px; }
    .giftcardsec_wrap .titlebgbox h2 { font-size: 24px;}

    /* =============================================== */

    .cashoutamazon .giftrow .giftcol { padding: 10px;}
    .cashoutamazon .cashbrow .cashbcol { padding: 10px; max-width: 20%;}
    .cashoutamazon .rightpart .selectcountry select { width: 200px;}
    
}


@media (min-width: 1200px) and (max-width: 1400px) {

    body { padding: 60px 0 0 0;}
    .leftbars { width: 200px;}
    .header_wrapper { left: 200px;}
    .main_wapper { margin: 0 0 0 200px; height: calc(100vh - 60px);}

    .header_wrapper .headermain { height: 60px; padding: 0 30px;}
    .header_wrapper .logo a img { max-height: 24px;}
    .header_wrapper .rightheader { align-items: center;}
    .header_wrapper .howtouse a.howbtn { height: 40px; font-size: 14px; padding: 0 18px 0 5px;}
    .header_wrapper .howtouse a.howbtn img { max-height: 32px;}
    .header_wrapper .headbtnwrap { margin: 0 0 0 10px;}
    .header_wrapper .headbtnwrap a { height: 40px; font-size: 14px; padding: 0 15px;}
    .header_wrapper .headbtnwrap a + a { margin: 0 0 0 10px;}
    .header_wrapper .smalliconwrp { margin: 0 0 0 20px;}

    .inrightmn { padding: 30px;}
    .inrightmn .dhmntop1 .row { margin: 0 -10px;}
    .inrightmn .dhmntop1 .row [class*="col-"] { padding: 0 10px;}
    .inrightmn .dhmntop1 .record_wrap { padding: 10px 0;}
    .inrightmn .dhmntop1 .record_wrap .recolin { padding: 0 10px;}
    .inrightmn .dhmntop1 .record_wrap .recolin p { font-size: 14px;}
    .inrightmn .dhmntop1 .record_wrap .recolin .iconbox img { max-width: 42px;}
    .inrightmn .dhmntop1 .record_wrap .recolin h4 { font-size: 18px;}

    .leftbars .liveleftsupp { padding: 20px 0; margin: 0 20px;}
    .leftbars .left_language { padding: 20px 0;}
    .leftbars .lnavmn ul li a { font-size: 16px; height: 50px;}
    .leftbars .lnavmn ul li a img { max-width: 30px;}
    .leftbars .lnavmn ul li a .iconbox { margin: 0 10px 0 0;}
    .leftbars .left_language .lanselect { height: 40px; padding: 0 20px; font-size: 14px;}
    .leftbars .liveleftsupp a { height: 40px; font-size: 14px;}
    .leftbars .liveleftsupp a .iconbox { height: 40px; width: 40px; margin: 0 10px 0 0;}
    .leftbars .liveleftsupp a .iconbox img { max-width: 20px;}

    .inrightmn .dhmnmid1 .dh2titlebox .iconbox { margin: 0 10px 0 0;}
    .inrightmn .dhmnmid1 .dh2titlebox .iconbox img { max-width: 30px; float: left;}
    .inrightmn .dhmnmid1 .dh2titlebox .dh2heading { font-size: 18px;}
    .inrightmn .dhmnmid1 .middsec h2 { font-size: 25px;}
    .inrightmn .dhmnmid1 .middsec h4 { font-size: 18px;}

    .howtoget_start { padding: 40px 0 0 0;}
    .howtoget_start .howtorow { margin: 0 -10px;}
    .howtoget_start .howtorow [class*="col-"] { padding: 0 10px;}
    .howtoget_start .howtoblock .intitle .iconbox img { max-height: 36px;}
    .howtoget_start .howtoblock .choosetask span { font-size: 14px;}
    .howtoget_start .howtoblock .choosetask .imgbox { width: 38px; height: 38px; margin: 0 5px 0 0;}
    .howtoget_start .howtoblock { padding: 20px 15px 20px;}

    /* ======================================== */

    .page_title { padding: 0 0 20px 0;}
    .page_title img { max-height: 40px; margin: 0 10px 0 0;}
    .page_title h2 { font-size: 30px;}
    .leader_tab_nav .nav-tabs .nav-item .nav-link { height: 40px; font-size: 14px;}

    .leader_top_wrap .intop1 h6 { font-size: 22px;}
    .leader_top_wrap .intop1 .in_ribbonbox .middpart { font-size: 40px; padding: 0 20px;}
    .leader_steps_wrap .leader_step_box .earnedcoind { min-height: 100px;}
    .leader_steps_wrap .leader_step_box .earnedcoind img { max-height: 100px;}

    .leader_rank_listing .lead_tablebox .tablehead .tablecol { font-size: 18px;}
    .leader_rank_listing .lead_tablebox .tablecol { font-size: 16px;}

    /* ======================================= */

    .profile_sec1 .pbox1 { padding: 15px;}
    .profile_sec1 .pbox2 { padding: 15px;}
    .profile_sec1 .pbox1 .proinfo .namebox { font-size: 22px;}
    .profile_sec1 .pbox1 .proinfo .metainfo { font-size: 16px;}
    .profile_sec1 .pbox1 .bottompart .publicvis { font-size: 20px;}
    .profile_sec1 .pbox2 .iconbox img { max-height: 54px;}
    .profile_sec1 .pbox2 .disbox { font-size: 16px;}

    .profile_sec2 .ps2_tabnav .nav-tabs li .nav-link { padding: 0 20px; font-size: 20px;}
    .profile_sec2 .ps2_tabnav .nav-tabs li .nav-link svg { height: 30px; margin: 0 5px 0 0;}

    .profile_sec2 .ps2_sec_in { padding: 17px 20px;}


    /* ========================================== */

    .reward_sec1 .pbox2 .iconbox img { max-height: 54px;}
    .reward_sec1 .pbox2 .disbox { font-size: 16px;}
    .reward_topwin .topwinrow .cointbox .in_cointbox { width: 65px;}
    .reward_topwin .topwinrow .topwinbox img { max-height: 50px;}
    .reward_refferal .changerefcode .ref_btn { padding: 0 15px;}
    
    .reward_sec2 .rewarddayrow .rewarddaycol { max-width: 14.28%;}

    .reward_socialgroup .row { margin: 0 -5px;}
    .reward_socialgroup .row [class*="col"] { padding: 0 5px;}
    .reward_socialgroup .socailbox { padding: 13px;}
    .reward_socialgroup .socailbox h4 { font-size: 14px;}
    .reward_socialgroup .socailbox .iconbox { margin: 0 7px 0 0;}

    /* =============================================== */

    .featureoffer_section .featuretitle .iconbox { margin: 0 10px 0 0;}
    .giftcardsec_wrap .giftrow .giftcol { padding: 10px;}
    .giftcardsec_wrap .titlebgbox .iconbox img { max-height: 30px; }
    .giftcardsec_wrap .titlebgbox h2 { font-size: 24px;}

    /* =============================================== */

    .cashoutamazon .giftrow .giftcol { padding: 10px;}
    .cashoutamazon .cashbrow .cashbcol { padding: 10px; max-width: 25%;}
    .cashoutamazon .rightpart { margin: 0 0 0 70px;}
    .cashoutamazon .rightpart .selectcountry select { width: 200px;}
    .cashoutamazon .rightpart .labelbox { height: auto; line-height: 1.4; padding: 5px 15px;}
    .cashoutamazon .rightpart .labelbox img { margin: 0 10px 0 0;}
    
    /* ============================================== */

    .faq_sec_wrap .faq_tabnav .nav-tabs li .nav-link { padding: 0 20px; height: 44px;}
    .faq_sec_wrap .faqaccsec .accordion-item h2 button { padding: 15px 20px;}
    .faq_sec_wrap .faqaccsec .accordion-body { padding: 5px 20px 20px;}
    
    
}
@media (min-width:1200px) {
    .mobile_show { display: none !important;}
}
@media (max-width:1199px) {

    .mobile_hide { display: none !important;}

    .main_wapper { margin: 0;}
    .header_wrapper { left: 0;}

    .hamburger_icon {}
    .hamburger_icon a { margin: 0; padding: 0;}
    .hamburger_icon a img { float: left; opacity: 0.9;}

    .hamclose_icon { margin: 0; position: absolute; right: 5px; top: 5px; border: solid 2px #8e8f91; border-radius: 100%;}
    .hamclose_icon a { width: 24px; height: 24px; align-items: center; justify-content: center;}
    .hamclose_icon a img { width: auto; height: auto; opacity: 0.5;}

    .leftbars { width: 300px;
        transition: all ease-in-out 0.3s;
        transform: translateX(-100%);
    }
    .leftbarshow .leftbars {
        transform: translateX(0%);
    }
    

    .header_wrapper .logo { margin: 0 0 0 10px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
	
    body { padding: 60px 0 0 0;}
    /* .leftbars { width: 200px;} */
    .header_wrapper { /* left: 200px; */}
    .main_wapper { /* margin: 0 0 0 200px; */ height: calc(100vh - 60px);}

    .header_wrapper .headermain { height: 60px; padding: 0 30px;}
    .header_wrapper .logo a img { max-height: 24px;}
    .header_wrapper .rightheader { align-items: center;}
    .header_wrapper .howtouse a.howbtn { height: 40px; font-size: 14px; padding: 0 18px 0 5px;}
    .header_wrapper .howtouse a.howbtn img { max-height: 32px;}
    .header_wrapper .headbtnwrap { margin: 0 0 0 10px;}
    .header_wrapper .headbtnwrap a { height: 40px; font-size: 14px; padding: 0 15px;}
    .header_wrapper .headbtnwrap a + a { margin: 0 0 0 10px;}
    .header_wrapper .smalliconwrp { margin: 0 0 0 20px;}

    .inrightmn { padding: 30px;}
    .inrightmn .dhmntop1 .row { margin: 0 -10px;}
    .inrightmn .dhmntop1 .row [class*="col-"] { padding: 0 10px;}
    .inrightmn .dhmntop1 .record_wrap { padding: 10px 0;}
    .inrightmn .dhmntop1 .record_wrap .recolin { padding: 0 10px;}
    .inrightmn .dhmntop1 .record_wrap .recolin p { font-size: 12px;}
    .inrightmn .dhmntop1 .record_wrap .recolin .iconbox img { max-width: 32px;}
    .inrightmn .dhmntop1 .record_wrap .recolin h4 { font-size: 14px;}

    .leftbars .liveleftsupp { padding: 20px 0; margin: 0 20px;}
    .leftbars .left_language { padding: 20px 0;}
    .leftbars .lnavmn ul li a { font-size: 16px; height: 50px;}
    .leftbars .lnavmn ul li a img { max-width: 30px;}
    .leftbars .lnavmn ul li a .iconbox { margin: 0 10px 0 0;}
    .leftbars .left_language .lanselect { height: 40px; padding: 0 20px; font-size: 14px;}
    .leftbars .liveleftsupp a { height: 40px; font-size: 14px;}
    .leftbars .liveleftsupp a .iconbox { height: 40px; width: 40px; margin: 0 10px 0 0;}
    .leftbars .liveleftsupp a .iconbox img { max-width: 20px;}

    .inrightmn .dhmnmid1 .indh2col { padding: 0 15px;}
    .inrightmn .dhmnmid1 .dh2titlebox .iconbox { margin: 0 10px 0 0;}
    .inrightmn .dhmnmid1 .dh2titlebox .iconbox img { max-width: 30px; float: left;}
    .inrightmn .dhmnmid1 .dh2titlebox .dh2heading { font-size: 18px;}
    .inrightmn .dhmnmid1 .middsec h2 { font-size: 22px;}
    .inrightmn .dhmnmid1 .middsec h4 { font-size: 14px;}
    .inrightmn .dhmnmid1 .dharrowbox { width: 26px;}
    .inrightmn .dhmnmid1 .dharrowbox a { height: 16px;}
    .inrightmn .dhmnmid1 .dharrowbox a svg { height: 8px;}
    .inrightmn .dhmnmid1 .dmlistrow .dmusdetail h6 { font-size: 12px;}
    .inrightmn .dhmnmid1 .dmlistrow .dmusdetail p { font-size: 11px;}
    .inrightmn .dhmnmid1 .dmlistrow .dmamt { height: 26px; font-size: 12px; padding: 0 10px; border-radius: 8px;}

    .comtitle h2 { font-size: 26px;}

    .howtoget_start { padding: 40px 0 0 0;}
    .howtoget_start .howtorow { margin: 0 -5px;}
    .howtoget_start .howtorow [class*="col-"] { padding: 0 5px;}
    .howtoget_start .howtoblock .intitle .iconbox img { max-height: 26px;}
    .howtoget_start .howtoblock h3 { font-size: 18px;}
    .howtoget_start .howtoblock .choosetask span { font-size: 10px;}
    .howtoget_start .howtoblock .choosetask .imgbox { width: 38px; height: 38px; margin: 0 5px 0 0; min-width: 38px;}
    .howtoget_start .howtoblock { padding: 20px 15px 20px;}
    .howtoget_start .howtoblock .linkbtn a { height: 36px; font-size: 12px; padding: 0 15px;}
    .howtoget_start .howtoblock p { font-size: 12px;}
    .howtoget_start .howtoblock .startbtn a { height: 40px; font-size: 14px; padding: 0 15px;}

    .chatboard_wrp { top: 60px;}

    /* ======================================== */

    .page_title { padding: 0 0 20px 0;}
    .page_title img { max-height: 40px; margin: 0 10px 0 0;}
    .page_title h2 { font-size: 30px;}
    .leader_tab_nav .nav-tabs .nav-item .nav-link { height: 40px; font-size: 14px;}

    .leader_top_wrap .intop1 h6 { font-size: 22px;}
    .leader_top_wrap .intop1 .in_ribbonbox .middpart { font-size: 40px; padding: 0 20px;}
    .leader_steps_wrap .leader_step_box .earnedcoind { min-height: 100px;}
    .leader_steps_wrap .leader_step_box .earnedcoind img { max-height: 100px;}
    .leader_steps_wrap .leader_step_box { margin: 0 10px;}

    .leader_rank_listing .lead_tablebox .tablehead .tablecol { font-size: 16px;}
    .leader_rank_listing .lead_tablebox .tablecol { font-size: 14px;}

    /* ======================================= */

    .profile_sec1 .pbox1 { padding: 15px;}
    .profile_sec1 .pbox2 { padding: 15px;}
    .profile_sec1 .pbox1 .avatarbox { margin: 0 10px 0 0;}
    .profile_sec1 .pbox1 .proinfo .namebox { font-size: 18px;}
    .profile_sec1 .pbox1 .proinfo .metainfo { font-size: 12px;}
    .profile_sec1 .pbox1 .bottompart .publicvis { font-size: 16px;}
    .profile_sec1 .pbox1 .bottompart { margin: 15px -15px 0; padding: 15px 15px 0;}
    .profile_sec1 .pbox2 .iconbox img { max-height: 40px;}
    .profile_sec1 .pbox2 .disbox { font-size: 14px;}

    .profile_sec2 { margin: 20px 0 0 0;}
    .profile_sec2 .titlebgbox { padding: 10px 0;}
    .profile_sec2 .ps2_tabnav .nav-tabs li .nav-link { padding: 0 15px; font-size: 16px;}
    .profile_sec2 .ps2_tabnav .nav-tabs li .nav-link svg { height: 20px; margin: 0 5px 0 0; width: 24px;}

    .profile_sec2 .ps2_sec_in { padding: 17px 20px;}

    .profile_sec2 .earning_tab_nav .nav-tabs li .nav-link { height: 40px; padding: 0 15px; font-size: 14px;}

    /* ========================================== */

    .reward_sec1 .pbox2 .iconbox img { max-height: 54px;}
    .reward_sec1 .pbox2 .disbox { font-size: 16px;}
    .reward_topwin .topwinrow .cointbox .in_cointbox { width: 65px;}
    .reward_topwin .topwinrow .topwinbox img { max-height: 50px;}
    .reward_refferal .changerefcode .ref_btn { padding: 0 15px;}
    
    .reward_sec2 .rewarddayrow .rewarddaycol { max-width: 12.5%;}

    .reward_socialgroup .socailbox { padding: 15px;}
    .reward_socialgroup .socailbox h4 { font-size: 14px;}

    /* ========================================== */

    .reward_sec1 .row { margin: 0 -5px;}
    .reward_sec1 .row [class*="col-"]{ margin-top: 10px; padding: 0 5px;}
    .reward_sec1 .pbox2 .iconbox img { max-height: 54px;}
    .reward_sec1 .pbox2 .disbox { font-size: 16px;}
    .reward_topwin .topwinrow .cointbox .in_cointbox { width: 65px;}
    .reward_topwin .topwinrow .topwinbox img { max-height: 50px;}
    .reward_refferal .changerefcode .ref_btn { padding: 0 15px;}
    
    .reward_sec2 .titlebgbox h2 { font-size: 20px;}
    .reward_sec2 .rewarddayrow .rewarddaycol { max-width: 20%;}

    .reward_socialgroup .row { margin: 0 -5px;}
    .reward_socialgroup .row [class*="col"] { padding: 0 5px; max-width: 25%;}
    .reward_socialgroup .socailbox { padding: 13px; margin: 10px 0 0 0; flex-wrap: wrap;}
    .reward_socialgroup .socailbox .socialdetial { width: 100%; text-align: center;}
    .reward_socialgroup .socailbox h4 { font-size: 14px;}
    .reward_socialgroup .socailbox .iconbox { margin: 0 auto 10px;}
    .reward_socialgroup .socailbox .btnbox { justify-content: center;}
    .reward_socialgroup .socailbox .btnbox a{ height: 26px; line-height: 26px; font-size: 12px;}

    /* =============================================== */

    .featureoffer_section .featuretitle .iconbox { margin: 0 10px 0 0;}
    .giftcardsec_wrap .giftrow .giftcol { padding: 10px; max-width: 25%;}
    .giftcardsec_wrap .titlebgbox .iconbox img { max-height: 30px; }
    .giftcardsec_wrap .titlebgbox h2 { font-size: 24px;}

    /* =============================================== */

    .cashoutamazon .giftrow .giftcol { padding: 10px; max-width: 25%;}
    .cashoutamazon .cashbrow .cashbcol { padding: 10px; max-width: 30%;}
    .cashoutamazon .rightpart { margin: 0 0 0 70px;}
    .cashoutamazon .rightpart .selectcountry select { width: 200px;}
    .cashoutamazon .rightpart .labelbox { height: auto; line-height: 1.4; padding: 5px 15px;}
    .cashoutamazon .rightpart .labelbox img { margin: 0 10px 0 0;}

    /* ============================================== */

    .faq_sec_wrap .faq_tabnav .nav-tabs li .nav-link { padding: 0 20px; height: 40px; font-size: 14px;}
    .faq_sec_wrap .faqaccsec .accordion-item h2 button { padding: 15px 20px; font-size: 16px;}
    .faq_sec_wrap .faqaccsec .accordion-body { padding: 5px 20px 20px;}

    /* ============================================== */

    .offerwallsec .titlebgbox h2 { font-size: 24px;}
    .offerwallsec .titlebgbox p { font-size: 13px; line-height: 1.3; padding: 2px 0 0 0;}
    .offerwallsec .titlebgbox .iconbox img { max-height: 30px;}

}

@media (min-width: 768px) and (max-width: 991px) {

    body { padding: 60px 0 0 0;}
    /* .leftbars { width: 200px;} */
    .header_wrapper { /* left: 200px; */}
    .main_wapper { /* margin: 0 0 0 200px; */ height: calc(100vh - 60px);}

    .header_wrapper .headermain { height: 60px; padding: 0 20px;}
	.header_wrapper .logo { margin: 0; display: none;}
.header_wrapper .logo_icon { margin: 0; display: block; padding-left: 10px;}
	
    .header_wrapper .logo a img { max-height: 20px;}
    .header_wrapper .rightheader { align-items: center;}
    .header_wrapper .howtouse a.howbtn { height: 40px; font-size: 0; padding: 0 5px 0 5px;}
    .header_wrapper .howtouse a.howbtn img { max-height: 32px; margin: 0;}
    .header_wrapper .headbtnwrap { margin: 0 0 0 10px;}
    .header_wrapper .headbtnwrap a { height: 40px; font-size: 14px; padding: 0 15px;}
    .header_wrapper .headbtnwrap a + a { margin: 0 0 0 10px;}
    .header_wrapper .smalliconwrp { margin: 0 0 0 20px;}

    .inrightmn { padding: 20px;}
    .inrightmn .dhmntop1 .row { margin: 0 -10px;}
    .inrightmn .dhmntop1 .row [class*="col-"] { padding: 0 10px;}
    .inrightmn .dhmntop1 .record_wrap { padding: 10px 0; margin: 20px 0 0 0;}
    .inrightmn .dhmntop1 .record_wrap .recolin { padding: 0 10px;}
    .inrightmn .dhmntop1 .record_wrap .recolin p { font-size: 12px;}
    .inrightmn .dhmntop1 .record_wrap .recolin .iconbox img { max-width: 32px;}
    .inrightmn .dhmntop1 .record_wrap .recolin h4 { font-size: 14px;}

    .leftbars .liveleftsupp { padding: 20px 0; margin: 0 20px;}
    .leftbars .left_language { padding: 20px 0;}
    .leftbars .lnavmn ul li a { font-size: 16px; height: 50px;}
    .leftbars .lnavmn ul li a img { max-width: 30px;}
    .leftbars .lnavmn ul li a .iconbox { margin: 0 10px 0 0;}
    .leftbars .left_language .lanselect { height: 40px; padding: 0 20px; font-size: 14px;}
    .leftbars .liveleftsupp a { height: 40px; font-size: 14px;}
    .leftbars .liveleftsupp a .iconbox { height: 40px; width: 40px; margin: 0 10px 0 0;}
    .leftbars .liveleftsupp a .iconbox img { max-width: 20px;}

    .inrightmn .dhmnmid1 .indh2col { padding: 15px 25px;}
    .inrightmn .dhmnmid1 .dh2titlebox .iconbox { margin: 0 10px 0 0;}
    .inrightmn .dhmnmid1 .dh2titlebox .iconbox img { max-width: 30px; float: left;}
    .inrightmn .dhmnmid1 .dh2titlebox .dh2heading { font-size: 18px;}
    .inrightmn .dhmnmid1 .middsec h2 { font-size: 22px;}
    .inrightmn .dhmnmid1 .middsec h4 { font-size: 14px;}
    .inrightmn .dhmnmid1 .dharrowbox { width: 26px;}
    .inrightmn .dhmnmid1 .dharrowbox a { height: 16px;}
    .inrightmn .dhmnmid1 .dharrowbox a svg { height: 8px;}
    .inrightmn .dhmnmid1 .dmlistrow .dmusdetail h6 { font-size: 12px;}
    .inrightmn .dhmnmid1 .dmlistrow .dmusdetail p { font-size: 11px;}
    .inrightmn .dhmnmid1 .dmlistrow .dmamt { height: 26px; font-size: 12px; padding: 0 10px; border-radius: 8px;}
    .inrightmn .dhmnmid1 .dhcol + .dhcol { border: none; border-top: solid 1px var(--bodyBG);}

    .comtitle h2 { font-size: 26px;}

    .howtoget_start { padding: 40px 0 0 0;}
    .howtoget_start .howtorow { margin: 0 -5px;}
    .howtoget_start .howtorow [class*="col-"] { padding: 0 5px; margin-top: 10px;}
    .howtoget_start .howtoblock .intitle .iconbox img { max-height: 26px;}
    .howtoget_start .howtoblock h3 { font-size: 18px;}
    .howtoget_start .howtoblock .choosetask span { font-size: 14px;}
    .howtoget_start .howtoblock .choosetask .imgbox { width: 38px; height: 38px; margin: 0 5px 0 0; min-width: 38px;}
    .howtoget_start .howtoblock { padding: 20px 15px 20px;}
    .howtoget_start .howtoblock .linkbtn a { height: 36px; font-size: 12px; padding: 0 15px;}
    .howtoget_start .howtoblock p { font-size: 14px;}
    .howtoget_start .howtoblock .startbtn a { height: 40px; font-size: 14px; padding: 0 15px;}
	
    .chatboard_wrp { top: 60px;}

    /* ======================================== */

    .page_title { padding: 0 0 20px 0;}
    .page_title img { max-height: 30px; margin: 0 10px 0 0;}
    .page_title h2 { font-size: 24px;}
    .leader_tab_nav .nav-tabs .nav-item .nav-link { height: 40px; font-size: 14px; padding: 0 15px;}

    .leader_top_wrap .intop1 h6 { font-size: 18px;}
    .leader_top_wrap .intop1 .in_ribbonbox .middpart { font-size: 30px; padding: 0 20px; height: 46px; margin: 0 -16px;}
    .leader_top_wrap .intop1 .in_ribbonbox .left_shade, 
    .leader_top_wrap .intop1 .in_ribbonbox .right_shade { height: 46px; margin: 9px 0 0 0;}
    .leader_steps_wrap .leader_step_box .earnedcoind { min-height: 100px;}
    .leader_steps_wrap .leader_step_box .earnedcoind img { max-height: 100px;}
    .leader_steps_wrap .leader_step_box { margin: 0 5px;}
    .leader_steps_wrap .leader_step_box.place_1 { margin-top: -60px;}
    .leader_end_in .endinwrap .timebox .timecol { font-size: 14px;}
    .leader_end_in .notewrap .notebox { font-size: 14px;}

    .leader_rank_listing .lead_tablebox .tablehead .tablecol { font-size: 16px;}
    .leader_rank_listing .lead_tablebox .tablecol { font-size: 13px; padding: 0 15px; max-width: 40%;}
    .leader_rank_listing .lead_tablebox .tablecol:first-child { max-width: 20%;}
    .leader_rank_listing .lead_tablebox .tablecol:nth-child(3) { max-width: 20%;}
    .leader_rank_listing .lead_tablebox .tablecol:nth-child(4) { max-width: 20%;}
    .leader_rank_listing .lead_tablebox .tablehead { padding: 10px 0;}
    .leader_rank_listing .lead_tablebox .tablebody { padding: 10px 0;}

    /* ======================================= */

    .profile_sec1 .pbox1 { padding: 15px; height: auto; margin: 0 0 20px 0;}
    .profile_sec1 .pbox2 { padding: 15px;}
    .profile_sec1 .pbox1 .avatarbox { margin: 0 10px 0 0;}
    .profile_sec1 .pbox1 .proinfo .namebox { font-size: 18px;}
    .profile_sec1 .pbox1 .proinfo .metainfo { font-size: 12px;}
    .profile_sec1 .pbox1 .bottompart .publicvis { font-size: 16px;}
    .profile_sec1 .pbox1 .bottompart { margin: 15px -15px 0; padding: 15px 15px 0;}
    .profile_sec1 .pbox2 .iconbox img { max-height: 40px;}
    .profile_sec1 .pbox2 .disbox { font-size: 14px;}

    .profile_sec2 { margin: 20px 0 0 0;}
    .profile_sec2 .titlebgbox { padding: 10px 0;}
    .profile_sec2 .ps2_tabnav .nav-tabs li .nav-link { padding: 0 10px; font-size: 13px; height: 30px;}
    .profile_sec2 .ps2_tabnav .nav-tabs li .nav-link svg { height: 20px; margin: 0 5px 0 0; width: 24px;}
    .profile_sec2 .earning_tabdetail .earn_tabnav_wrap { flex-wrap: wrap;}
    .profile_sec2 .earning_tabdetail .earn_tabnav .nav-tabs li .nav-link { padding: 0 10px; height: 30px; font-size: 12px;}
    .profile_sec2 .rightselect label { font-size: 12px;}
    .profile_sec2 .rightselect .offerwallselect { width: 130px; height: 30px; font-size: 13px;}

    .profile_sec2 .ps2_sec_in { padding: 17px 20px;}

    .profile_sec2 .earning_tab_nav .nav-tabs li .nav-link { height: 40px; padding: 0 15px; font-size: 14px;}

    .profile_sec2 .tableboxwrap .tcolbox { padding: 0 10px; font-size: 12px;}
    .profile_sec2 .tableboxwrap .theadrow .tcolbox { height: 30px; line-height: 30px; font-size: 12px;}
    .profile_sec2 .tableboxwrap .tbodyrow { padding: 10px 0;}

    .profile_sec2 .general_tabinfo .gene_row{ padding: 10px 0;}
    .profile_sec2 .general_tabinfo .labelbox { font-size: 12px;}
    .profile_sec2 .general_tabinfo .valuebox { font-size: 12px;}

    /* ========================================== */

    .reward_sec1 .row { margin: 0 -5px;}
    .reward_sec1 .row [class*="col-"]{ margin-top: 10px; padding: 0 5px;}
    .reward_sec1 .pbox2 .iconbox img { max-height: 54px;}
    .reward_sec1 .pbox2 .disbox { font-size: 16px;}
    .reward_topwin .topwinrow .cointbox .in_cointbox { width: 65px;}
    .reward_topwin .topwinrow .topwinbox img { max-height: 50px;}
    .reward_refferal .changerefcode .ref_btn { padding: 0 15px;}
    
    .reward_sec2 .titlebgbox_wrap { flex-wrap: wrap;}
    .reward_sec2 .rightpart { width: 100%; margin: 0; background: var(--cardBG); padding: 10px; margin: 0; border-radius: 0 30px 0 0; position: relative; z-index: 1;}
    .reward_sec2 .titlebgbox h2 { font-size: 20px;}
    .reward_sec2 .rewarddayrow .rewarddaycol { max-width: 25%;}
    .reward_sec2 .wallslwrap { border-radius: 0 0 30px 30px;}

    .reward_socialgroup .row { margin: 0 -5px;}
    .reward_socialgroup .row [class*="col"] { padding: 0 5px; max-width: 50%; width: 100%;}
    .reward_socialgroup .socailbox { padding: 13px; margin: 10px 0 0 0;}
    .reward_socialgroup .socailbox h4 { font-size: 14px;}
    .reward_socialgroup .socailbox .iconbox { margin: 0 10px 0 0;}
    .reward_socialgroup .socailbox .btnbox a{ height: 26px; line-height: 26px; font-size: 12px;}

    /* =============================================== */

    .featureoffer_section .featuretitle .iconbox { margin: 0 10px 0 0;}
    .giftcardsec_wrap .giftrow .giftcol { padding: 5px; max-width: 33.33%;}
    .giftcardsec_wrap .titlebgbox .iconbox img { max-height: 30px; }
    .giftcardsec_wrap .titlebgbox h2 { font-size: 20px;}

    /* =============================================== */

    .cashoutamazon .giftrow .giftcol { padding: 10px; max-width: 33.33%;}
    .cashoutamazon .cashbrow .cashbcol { padding: 10px; max-width: 50%;}
    .cashoutamazon .rightpart { margin: 0 0 0 0; background: var(--cardBG); border-radius: 0 30px 0 0; padding: 10px; position: relative; z-index: 1;}
    .cashoutamazon .rightpart .selectcountry select { width: 150px; font-size: 14px; height: 44px;}
    .cashoutamazon .rightpart .selectcountry .countryflag { width: 30px; height: 30px;}
    .cashoutamazon .rightpart .selectcountry .countryflag img { width: 100%; float: left;}
    .cashoutamazon .wallslwrap { border-radius: 0 0 30px 30px;}
    .cashoutamazon .rightpart .labelbox { height: auto; line-height: 1.4; padding: 5px 15px;}
    .cashoutamazon .rightpart .labelbox img { margin: 0 10px 0 0;}
    .cashoutamazon .titlebgbox_wrap { flex-wrap: wrap;}

    /* ============================================== */

    .faq_sec_wrap .faq_tabnav .nav-tabs li { margin: 5px;}
    .faq_sec_wrap .faq_tabnav .nav-tabs li + li { margin: 5px;}
    .faq_sec_wrap .faq_tabnav .nav-tabs li .nav-link { padding: 0 15px; height: 32px; font-size: 14px; white-space: nowrap; box-shadow: none !important;}
    .faq_sec_wrap .faqaccsec .accordion-item h2 button { padding: 15px 20px; font-size: 16px;}
    .faq_sec_wrap .faqaccsec .accordion-body { padding: 5px 20px 20px; font-size: 14px; line-height: 1.4;}

    /* ============================================== */

    .offerwallsec .titlebgbox_wrap { flex-wrap: wrap;}
    .offerwallsec .titlebgbox h2 { font-size: 24px;}
    .offerwallsec .titlebgbox p { font-size: 13px; line-height: 1.3; padding: 2px 0 0 0; max-width: 250px;}
    .giftcardsec_wrap .titlebgbox p {font-size: 13px; line-height: 1.3; padding: 2px 0 0 0; max-width: 250px;}
    .offerwallsec .titlebgbox .iconbox img { max-height: 30px;}

    .header_wrapper .loggedbox .avatarbox { width: 42px; height: 42px;}
    .header_wrapper .loggedbox .namebox { font-size: 15px;}
    .header_wrapper .loggedbox .avatartabs .headinbox { font-size: 15px;}
    .header_wrapper .loggedbox .avatartabs .headinbox .imgwrap { margin: 2px 1px 0 0;}
    .header_wrapper .loggedbox .avatartabs .nav-tabs { margin: 0 0 0 10px;}
    .header_wrapper .loggedbox .dropdown { margin: 0 0 0 5px;}


}
@media (min-width: 768px) {
    /* .mobile_show { display: none !important;} */
}
@media (max-width: 767px) {
	/* .mobile_hide { display: none !important;} */

    body { padding: 50px 0 0 0;}

    .leftbars { width: 60%;}

    /* .hamclose_icon { margin: 0; position: absolute; right: 0; top: 0;}
    .hamclose_icon a { width: 28px; height: 28px; align-items: center; justify-content: center;}
    .hamclose_icon a img { width: auto; height: auto; opacity: 0.5;} */

    /* .leftbars { width: 100%;
        transition: all ease-in-out 0.3s;
        transform: translateX(-100%);
    }
    .leftbarshow .leftbars {
        transform: translateX(0%);
    }
    .leftbars .lnavmn ul li a { border-radius: 0; width: 100%; padding: 0 20px; height: 44px; font-size: 14px;}
    .leftbars .lnavmn ul li a .iconbox { margin: 0 7px 0 0;}
    .leftbars .lnavmn ul li a img { max-width: 28px;}
    .leftbars .lnavmn ul li a strong { line-height: 1.2;}

    .leftbars .lnavmn + .lnavmn { margin: 15px 0 0 0; padding: 10px 0 0 0;}
    .leftbars .left_language { margin: 10px 0 0 0; padding: 10px 14px;}
    .leftbars .left_language .labeltext { padding: 0 0 10px 6px;}
    .leftbars .left_language .lanselect { padding: 0 10px 0 15px; height: 44px; font-size: 16px;}
    .leftbars .liveleftsupp { padding: 20px; margin: 10px 0 0 0;}
    .leftbars .liveleftsupp a { height: 44px; font-size: 16px;}
    .leftbars .liveleftsupp a .iconbox { width: 44px; height: 44px; margin: 0 10px 0 0;}
    .leftbars .liveleftsupp a .iconbox img { width: 21px;} */

    .leftbars .lnavmn ul li a {padding: 0 20px; height: 48px; font-size: 14px;}
    .leftbars .lnavmn ul li a .iconbox { margin: 0 7px 0 0;}
    .leftbars .lnavmn ul li a img { max-width: 28px;}
    .leftbars .lnavmn ul li a strong { line-height: 1.2;}

    .leftbars .lnavmn + .lnavmn { margin: 15px 0 0 0; padding: 10px 0 0 0;}
    .leftbars .left_language { margin: 10px 0 0 0; padding: 10px 14px;}
    .leftbars .left_language .labeltext { padding: 0 0 10px 6px;}
    .leftbars .left_language .lanselect { padding: 0 10px 0 15px; height: 44px; font-size: 16px;}
    .leftbars .liveleftsupp { padding: 20px; margin: 10px 0 0 0;}
    .leftbars .liveleftsupp a { height: 44px; font-size: 16px;}
    .leftbars .liveleftsupp a .iconbox { width: 44px; height: 44px; margin: 0 10px 0 0;}
    .leftbars .liveleftsupp a .iconbox img { width: 21px;}

    /* .main_wapper { margin: 0; height: calc(100vh - 50px);}
    .header_wrapper { left: 0;} */
    .header_wrapper .headermain { padding: 0 10px; height: 50px;}

    /* .hamburger_icon {}
    .hamburger_icon a { margin: 0; padding: 0;}
    .hamburger_icon a img { float: left; opacity: 0.4;} */

    .header_wrapper .logo { margin: 0; display: none;}
	.header_wrapper .logo_icon { margin: 0; display: block; padding-left: 10px;}
    .header_wrapper .logo a { margin: 0;}
    .header_wrapper .logo a img, .header_wrapper .logo_icon a img { height: 28px; float: left;}

    .header_wrapper .howtouse { display: none;}
    .header_wrapper .headbtnwrap { margin: 0;}
    .header_wrapper .headbtnwrap a { height: 30px; font-size: 12px; white-space: nowrap; padding: 0 15px;}
    .header_wrapper .headbtnwrap a + a { margin: 0 0 0 7px;}

    .header_wrapper .smalliconwrp { margin: 0 0 0 5px;}
	.header_wrapper .smalliconwrp a + a {margin: 0 0 0 4px;}
	.header_wrapper .smalliconwrp a {width: 40px; height: 40px; }

    .inrightmn { padding: 15px 10px 15px 10px;}
    .inrightmn .dhmntop1 .row { margin: 0 -10px;}
    .inrightmn .dhmntop1 .row [class*="col-"] { padding: 0 10px;}
    .inrightmn .dhmntop1 .record_wrap .reco_col { padding: 0;}
    .inrightmn .dhmntop1 .record_wrap { padding: 10px 0; margin: 10px 0 0 0; border-radius: 14px; height: auto;}
    .inrightmn .dhmntop1 .record_wrap .recolin { padding: 0 15px;}
    .inrightmn .dhmntop1 .record_wrap .recolin .iconbox img { max-width: 34px; height: auto;}
    .inrightmn .dhmntop1 .record_wrap .recolin h4 { font-size: 14px;}
    .inrightmn .dhmntop1 .record_wrap .recolin p { font-size: 12px;}

    .inrightmn .dhmnmid1 { margin: 10px 0 0 0; border-radius: 14px; padding: 0;}
    .inrightmn .dhmnmid1 .indh2col { padding: 10px 15px;}
    .inrightmn .dhmnmid1 .dharrowbox { width: 30px;}
    .inrightmn .dhmnmid1 .dharrowbox a { height: 20px;}
    .inrightmn .dhmnmid1 .dharrowbox a svg { width: 10px;}
    .inrightmn .dhmnmid1 .dh2titlebox .iconbox { margin: 0 10px 0 0;}
    .inrightmn .dhmnmid1 .dh2titlebox .iconbox img { max-width: 30px; max-height: 30px;}
    .inrightmn .dhmnmid1 .dh2titlebox .dh2heading { font-size: 18px;}

    .inrightmn .dhmnmid1 .dmlistwrp { margin: 10px 0 0 0;}
    .inrightmn .dhmnmid1 .dmlistrow .dmusdetail h6 { font-size: 12px;}
    .inrightmn .dhmnmid1 .dmlistrow .dmusdetail p { font-size: 12px;}
    .inrightmn .dhmnmid1 .dmlistrow { margin: 5px 1px;}
    .inrightmn .dhmnmid1 .dmlistrow .dmamt { font-size: 12px; height: 30px; border-radius: 8px;}
    .inrightmn .dhmnmid1 .dhcol + .dhcol { border: none; border-top: solid 1px var(--bodyBG);}
    .inrightmn .dhmnmid1 .middsec h2 { font-size: 24px;}
    .inrightmn .dhmnmid1 .middsec h4 { font-size: 16px; padding: 5px 0 0 0;}
    .inrightmn .dhmnmid1 .middsec .cashoutamt { font-size: 28px;}
    .inrightmn .dhmnmid1 .middsec .btnbox { padding: 10px 0 0 0;}
    .inrightmn .dhmnmid1 .middsec .btnbox a { height: 40px; padding: 0 15px 2px;}

    .howtoget_start { padding: 30px 0 0 0;}
    .comtitle h2 { font-size: 28px;}
    .comtitle p { line-height: 1.3;}

    .howtoget_start .howtoblock { padding: 15px; border-radius: 14px;}
    .howtoget_start .howtoblock .intitle .iconbox { margin: 0 10px 0 0;}
    .howtoget_start .howtoblock .intitle .iconbox img { max-height: 30px;}
    .howtoget_start .howtoblock h3 { font-size: 18px;}
    .howtoget_start .howtoblock .choosetask { margin: 15px 0 0 0;}
    .howtoget_start .howtoblock .choosetask .imgbox { width: 38px; height: 38px; margin: 0 10px 0 0;}
    .howtoget_start .howtoblock .choosetask span { font-size: 13px;}
    .howtoget_start .howtoblock .linkbtn a { padding: 0 14px; height: 38px; font-size: 14px;}
    .howtoget_start .howtorow { margin: 0 -10px;}
    .howtoget_start .howtorow [class*="col-"] { margin: 10px 0 0 0; padding: 0 10px;}
    .howtoget_start .howtoblock p { font-size: 13px; line-height: 1.3;}
    .howtoget_start .howtoblock .startbtn { padding: 10px 0 0 0;}
    .howtoget_start .howtoblock .startbtn a { height: 38px; font-size: 14px; min-width: 90px; padding: 0 18px;}

    .howtoget_start .mnstartbtn { padding: 20px 0 0 0;}
    .howtoget_start .mnstartbtn a { height: 46px; font-size: 18px;}

    .review_wrap { padding: 40px 0 0 0;}
    .review_wrap .review_mnrow { margin: 20px 0 0 0;
        -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
    }
	
	
	.chatboard_wrp {top: 50px;}
    .review_wrap .review_mnrow .rvsliwrap { width: 100%; margin: 30px 0 0 0; padding: 0 40px;}
    .review_wrap .review_mnrow .mnreview { width: 100%; margin: 0; text-align: center;}
    .review_wrap .review_mnrow .mnreview h4 { font-size: 18px;}
    .review_wrap .review_mnrow .mnreview .starbigrow { max-width: 120px; margin: 0 auto;}
    .review_wrap .review_mnrow .mnreview .starbigrow span svg { width: 20px; height: 18px;}
    .review_wrap .review_mnrow .mnreview .basedon { font-size: 12px; padding: 10px 0 0 0;}
    .review_wrap .review_mnrow .mnreview .trustpilot { justify-content: center; padding: 10px 0 0 0;}
    .review_wrap .review_mnrow .mnreview .trustpilot span { margin: 0 5px 0 0;}
    .review_wrap .review_mnrow .mnreview .trustpilot span svg { width: 20px; height: 18px;}
    .review_wrap .review_mnrow .mnreview .trustpilot strong { font-size: 14px;}

    .review_wrap .review_mnrow .reviewbox .starsmall span svg { width: 14px; height: 14px;}
    .review_wrap .review_mnrow .reviewbox .starsmall span + span { margin: 0 0 0 2px;}
    .review_wrap .review_mnrow .reviewbox .mainrvtitle { padding: 5px 0 0 0; font-size: 14px;}
    .review_wrap .review_mnrow .reviewbox p { padding: 6px 0 0 0; font-size: 11px;}
    .review_wrap .review_mnrow .reviewbox .authorname { padding: 5px 0 0 0; font-size: 11px;}
    
    .footer { padding: 10px 20px 0;}
    .footer [class*="col-"] { margin: 10px 0 10px 0;}
    .footer h3 { font-size: 16px; padding: 0 0 10px 0;}
    .footer .fnav ul li a { font-size: 13px;}
    .footer .fnav ul li + li { margin: 5px 0 0 0;}
    .footer .copyright { margin: 10px 0 0 0; padding: 10px 0 20px;}
    .footer .copyright p { font-size: 12px;}



    /* ======================================== */

    .page_title { padding: 0 0 20px 0; flex-wrap: wrap;}
    .page_title .title_right { width: 100%; padding: 10px 0 0 0;}
    .page_title img { max-height: 30px; margin: 0 10px 0 0;}
    .page_title h2 { font-size: 24px;}
    .leader_tab_nav .nav-tabs .nav-item .nav-link { height: 40px; font-size: 14px; padding: 0 15px;}

    .leader_top_wrap { margin: 10px 0 0 0;}
    .leader_top_wrap .intop1 h6 { font-size: 16px;}
    .leader_top_wrap .intop1 .in_ribbonbox .middpart { font-size: 30px; padding: 0 20px; height: 46px; margin: 0 -16px;}
    .leader_top_wrap .intop1 .in_ribbonbox .left_shade, 
    .leader_top_wrap .intop1 .in_ribbonbox .right_shade { height: 46px; margin: 9px 0 0 0;}
    .leader_steps_wrap { margin: 120px 0 0 0;}
    .leader_steps_wrap .leader_step_box .price_trophy { margin: -58px auto 0;}
    .leader_steps_wrap .leader_step_box .price_trophy img { max-width: 46px;}
    .leader_steps_wrap .leader_step_box .earnedcoind { min-height: 100px;}
    .leader_steps_wrap .leader_step_box .earnedcoind img { max-height: 100px;}
    .leader_steps_wrap .leader_step_box { margin: 0 5px; padding: 15px 5px;}
    .leader_steps_wrap .leader_step_box .userpoints { font-size: 11px;}
    .leader_steps_wrap .leader_step_box.place_1 { margin-top: -50px;}
    .leader_end_in .endinwrap .timebox .timecol { font-size: 14px;}
    .leader_end_in .notewrap .notebox { font-size: 14px; padding: 10px 15px; text-align: center;}
    .leader_end_in .endinwrap { margin: -20px 0 0 0;}

    .leader_rank_listing .lead_tablebox .tablehead .tablecol { font-size: 14px;}
    .leader_rank_listing .lead_tablebox .tablecol { font-size: 12px; padding: 0 15px; max-width: 40%;}
    .leader_rank_listing .lead_tablebox .tablecol:first-child { max-width: 20%;}
    .leader_rank_listing .lead_tablebox .tablecol:nth-child(3) { max-width: 20%;}
    .leader_rank_listing .lead_tablebox .tablecol:nth-child(4) { max-width: 20%;}
    .leader_rank_listing .lead_tablebox .tablehead { padding: 10px 0;}
    .leader_rank_listing .lead_tablebox .tablebody { padding: 10px 0;}


    /* ======================================= */

    .profile_sec1 .row { margin: 0 -5px;}
    .profile_sec1 .row [class*="col-"] { padding: 0 5px;}
    .profile_sec1 .pbox1 { padding: 15px; height: auto; margin: 0 0 0 0; border-radius: 14px;}
    .profile_sec1 .pbox2 { padding: 15px; height: auto; margin: 10px 0 0 0; border-radius: 14px;}
    .profile_sec1 .pbox1 .avatarbox { margin: 0 10px 0 0; width: 50px; height: 50px; border-radius: 14px;}
    .profile_sec1 .pbox1 .proinfo .namebox { font-size: 14px;}
    .profile_sec1 .pbox1 .proinfo .metainfo { font-size: 11px;}
    .profile_sec1 .pbox1 .bottompart .publicvis { font-size: 14px;}
    .profile_sec1 .pbox1 .bottompart { margin: 15px -15px 0; padding: 15px 15px 0;}
    .profile_sec1 .pbox1 .bottompart .checkwrap label { height: 30px; font-size: 14px; padding: 0 15px;}
    .profile_sec1 .pbox1 .bottompart .checkwrap .check_in { width: auto;}
    .profile_sec1 .pbox2 .iconbox img { max-height: 40px;}
    .profile_sec1 .pbox2 .disbox { font-size: 14px;}

    .profile_sec2 { margin: 20px 0 0 0;}
    .profile_sec2 .titlebgbox { padding: 5px 0;}
    .profile_sec2 .titlebgbox .shapebox { width: 50px; left: 98%;}
    .profile_sec2 .titlebgbox .shapebox img { max-width: 100%;}

    .profile_sec2 .ps2_tabnav .nav-tabs li .nav-link { padding: 0 10px; font-size: 12px; height: 30px;}
    .profile_sec2 .ps2_tabnav .nav-tabs li .nav-link svg { height: 20px; margin: 0 5px 0 0; width: 24px; display: none;}
    .profile_sec2 .earning_tabdetail .earn_tabnav_wrap { flex-wrap: wrap;}
    .profile_sec2 .earning_tabdetail .earn_tabnav .nav-tabs li .nav-link { padding: 0 10px; height: 30px; font-size: 12px;}
    .profile_sec2 .rightselect label { font-size: 12px;}
    .profile_sec2 .rightselect .offerwallselect { width: 130px; height: 30px; font-size: 13px;}

    .profile_sec2 .ps2_sec_in { padding: 10px 10px; border-radius: 0 10px 10px 10px;}
    
    .profile_sec2 .earning_tab_nav .nav-tabs li .nav-link { height: 34px; padding: 0 10px; font-size: 12px;}

    .profile_sec2 .rightselect { margin: 10px auto 0 0;}

    .profile_sec2 .tableboxwrap .tcolbox { padding: 0 10px; font-size: 12px;}
    .profile_sec2 .tableboxwrap .theadrow .tcolbox { height: 30px; line-height: 30px; font-size: 12px;}
    .profile_sec2 .tableboxwrap .tbodyrow { padding: 10px 0;}

    .profile_sec2 .general_tabinfo .gene_row{ padding: 10px 0;}
    .profile_sec2 .general_tabinfo .labelbox { font-size: 12px;}
    .profile_sec2 .general_tabinfo .valuebox { font-size: 12px;}

    /* ========================================== */

    .reward_sec1 .row { margin: 0 -5px;}
    .reward_sec1 .row [class*="col-"]{ margin-top: 10px; padding: 0 5px;}
    .reward_sec1 .pbox2 .iconbox img { max-height: 40px;}
    .reward_sec1 .pbox2 .disbox { font-size: 14px;}
    .reward_topwin .topwinrow .cointbox .in_cointbox { width: 65px;}
    .reward_topwin .topwinrow .topwinbox img { max-height: 50px;}
    .reward_refferal .changerefcode .ref_btn { padding: 0 15px;}
    .reward_refferal h3 { font-size: 16px;}
    .reward_refferal .your_refferel { padding: 10px 0 0 0;}

    .reward_topwin h3 { font-size: 16px;}
    
    .reward_sec2 .titlebgbox_wrap { flex-wrap: wrap;}
    .reward_sec2 .rightpart { width: 100%; margin: 0; background: var(--cardBG); padding: 10px 15px; margin: 0; border-radius: 0 30px 0 0; position: relative; z-index: 1;}
    .reward_sec2 .titlebgbox { padding: 10px 0 10px 15px;}
    .reward_sec2 .titlebgbox h2 { font-size: 20px;}
    .reward_sec2 .rewarddayrow .rewarddaycol { max-width: 33.33%; padding: 4px;}
    .reward_sec2 .rewarddaybox .daynumber { font-size: 14px; line-height: 1.2;}
    .reward_sec2 .rewarddaybox .coincounter { font-size: 12px; padding: 5px 0 0 0;}
    .reward_sec2 .rewarddaybox .claimbtn { padding: 5px 0 0 0;}
    .reward_sec2 .wallslwrap { border-radius: 0 0 30px 30px; padding: 10px 15px;}
    .reward_sec2 .rightpart .labelbox { flex-wrap: wrap; height: auto; padding: 0;}

    .reward_socialgroup .row { margin: 0 -5px;}
    .reward_socialgroup .row [class*="col"] { padding: 0 5px; max-width: 100%; width: 100%;}
    .reward_socialgroup .socailbox { padding: 13px; margin: 10px 0 0 0;}
    .reward_socialgroup .socailbox h4 { font-size: 14px;}
    .reward_socialgroup .socailbox .iconbox { margin: 0 10px 0 0;}
    .reward_socialgroup .socailbox .btnbox a{ height: 26px; line-height: 26px; font-size: 12px;}
    
    /* =============================================== */

    .cashout_infoline { font-size: 12px; line-height: 1.4;}
    .featureoffer_section .featuretitle .iconbox { margin: 0 10px 0 0;}
    .giftcardsec_wrap { margin: 20px 0 0 0;}
    .giftcardsec_wrap .giftrow .giftcol { padding: 5px; max-width: 50%;}
    .giftcardsec_wrap .titlebgbox .iconbox img { max-height: 30px; }
    .giftcardsec_wrap .titlebgbox h2 { font-size: 20px;}

    /* =============================================== */

    .cashoutamazon .giftrow .giftcol { padding: 10px; max-width: 50%;}
    .cashoutamazon .cashbrow .cashbcol { padding: 10px; max-width: 100%;}
    .cashoutamazon .rightpart { margin: 0 0 0 0; background: var(--cardBG); border-radius: 0 30px 0 0; padding: 10px; position: relative; z-index: 1; flex-wrap: wrap;}
    .cashoutamazon .rightpart .selectcountry { margin: 10px 0 0 10px;}
    .cashoutamazon .rightpart .selectcountry select { width: 150px; font-size: 14px; height: 44px;}
    .cashoutamazon .rightpart .selectcountry .countryflag { width: 30px; height: 30px;}
    .cashoutamazon .rightpart .selectcountry .countryflag img { width: 100%; float: left;}
    .cashoutamazon .wallslwrap { border-radius: 0 0 30px 30px;}
    .cashoutamazon .rightpart .labelbox { height: auto; line-height: 1.4; padding: 5px 15px;}
    .cashoutamazon .rightpart .labelbox img { margin: 0 10px 0 0;}
    .cashoutamazon .titlebgbox_wrap { flex-wrap: wrap;}

    /* ============================================== */

    .faq_sec_wrap { margin: 20px 0 0 0;}
    .faq_sec_wrap .faq_tabnav .nav-tabs li { margin: 5px;}
    .faq_sec_wrap .faq_tabnav .nav-tabs li + li { margin: 5px;}
    .faq_sec_wrap .faq_tabnav .nav-tabs li .nav-link { padding: 0 15px; height: 32px; font-size: 14px; white-space: nowrap; box-shadow: none !important;}
    .faq_sec_wrap .faqaccsec .accordion-item h2 button { padding: 15px 20px; font-size: 16px;}
    .faq_sec_wrap .faqaccsec .accordion-body { padding: 5px 20px 20px; font-size: 14px; line-height: 1.4;}

    /* ============================================== */    

    .featureoffer_section .featuretitle .iconbox img { max-width: 50px;}
    .featureoffer_section .offer_row { margin: 20px 0 0 0;}
    .offerwallsec { margin: 20px 0 0 0;}
    .featureoffer_section .offer_row .offer_col { margin: 0 auto;}
    .featureoffer_section .offer_row .offer_col + .offer_col { margin: 15px auto 0;}
    .offerwallsec .titlebgbox_wrap,
    .giftcardsec_wrap.titlewithpara .titlebgbox_wrap { flex-wrap: wrap; background: var(--cardBG); border-radius: 15px 15px 0 0;}
    .offerwallsec .rightpart { margin: 10px 0 0 0; position: relative; z-index: 1;}
    .offerwallsec .titlebgbox h2 { font-size: 24px;}
    .offerwallsec.titlewithpara .titlebgbox p ,
    .giftcardsec_wrap.titlewithpara.titlewithpara p {font-size: 13px; line-height: 1.3; padding: 2px 0 0 0; max-width: 100%;}
    .offerwallsec .titlebgbox .iconbox img { max-height: 30px;}
    .offerwallsec .wallslwrap,
    .giftcardsec_wrap.titlewithpara .wallgiftwrap { border-radius: 0 0 15px 15px;}

    .commonpopup_wrap .modal-content { border-radius: 15px;}
    .commonpopup_wrap .modal-header { border-radius: 15px 15px 0 0; padding: 10px 15px; flex-wrap: wrap;}
    .commonpopup_wrap .modal-header .popheadright { width: 100%;}
    .commonpopup_wrap .modal-header h5 { font-size: 20px; padding: 0 0 10px 0;}
    .commonpopup_wrap .startbtn a { height: 30px; padding: 0 15px;}
    .commonpopup_wrap .modal-body { padding: 15px;}
    .commonpopup_wrap .modal-body ol li { padding: 2px 0 0 0;}

    .signinup_popup { flex-wrap: wrap; padding: 15px;}
    .signinup_popup .leftpop h3 { padding: 0 0 5px 0;}
    .signinup_popup .leftpop { width: 100%;}
    .signinup_popup .rightpop { padding: 15px 0 0 0; width: 100%;}
    .signinup_popup .leftpop .imageboxwith { display: none;}
    .signinup_popup .leftpop .liststep { margin: 10px 0 0 0;}
    .signinup_popup .leftpop .liststep ul li + li { margin: 5px 0 0 0;}
    .signinup_popup .leftpop .possible_four h5 { font-size: 14px; padding: 0 0 5px 0;}
    .signinup_popup .leftpop .possible_four { padding: 10px 0 0 0;}
    .signinup_popup .leftpop .possibrow { margin: 0 -2px 0;}
    .signinup_popup .leftpop .possibrow .possicols { padding: 2px; max-width: 25%;}
    .signinup_popup .leftpop .amountbox img { max-width: 20px;}
    .signinup_popup .leftpop .amountbox { height: 74px;}
    .signinup_popup .rightpop .popuptabnav ul { justify-content: center; padding: 0 0 5px 0;}
    .signinup_popup .rightpop .popuptabnav ul li .nav-link { padding: 0 0 5px 0; font-size: 15px;}
    .signinup_popup .rightpop .form_row .input_text { height: 40px;}
    .signinup_popup .rightpop .form_row .label_text { left: 0; top: -20px;}
    .signinup_popup .rightpop .form_row.btnbox { margin: 15px 0 0 0;}
    .signinup_popup .rightpop .form_row .submit_btn { padding: 0 20px 3px; height: 40px;}
    .signinup_popup .rightpop .moreoption [class*="col-"] { max-width: 50%;}
    .signinup_popup .rightpop .orseprator { margin: 5px 0;}
    .signinup_popup .rightpop .moreoption a { height: 40px;}


    .cashbox .topline { font-size: 14px;}
    .cashoutamazon .cashbottom .mnstartbtn a { height: 36px; font-size: 15px; padding: 0 20px;}
    .cashbox .mainline { font-size: 14px; padding: 10px 22px 10px 11px;}


    .header_wrapper .loggedbox .avatarbox { width: 32px; height: 32px; border-width: 2px; font-size: 16px; font-weight: 700;}
    .header_wrapper .loggedbox .namebox { font-size: 12px; padding: 0 0 1px 0;}
    .header_wrapper .loggedbox .avatartabs .headinbox { font-size: 12px;}
    .header_wrapper .loggedbox .avatartabs .headinbox .imgwrap { margin: 2px 1px 0 0;}
    .header_wrapper .loggedbox .avatartabs .nav-tabs { margin: 0 0 0 5px; height: 20px; flex-wrap: nowrap;}
    .header_wrapper .loggedbox .dropdown { margin: 0 0 0 5px;}
    .header_wrapper .loggedbox .avatartabs .nav-tabs .nav-item .nav-link { width: 20px; height: 20px;}
    .header_wrapper .loggedbox .dropdown .btn { padding: 5px 0 5px 5px;}
    .header_wrapper .loggedbox .dropdown .btn img { max-width: 10px;}
    .header_wrapper .loggedbox .dropdown-menu li a { padding: 8px 16px; font-size: 14px;}
    .header_wrapper .loggedbox .dropdown-menu { border-radius: 10px 0 10px 10px;}

}

@media (min-width: 568px) and (max-width: 767px) {

}

@media (min-width: 240px) and (max-width: 567px) {
	
	
	

}