@import url(all.css);

@media all and (max-width:1800px) {
    .points-note { width:40.5vw; }
}

@media all and (max-width:1600px) {
    .points-note { width:41.5vw; }
}
@media all and (max-width:1390px) {
    .points-note { width:42.5vw; }
}

@media all and (max-width:1160px) {
    .points-note { width:29vw; left:3vw; padding:1rem 1.75em; }
    .points-detail { font-size:2vw; }
}
@media all and (max-width:1070px) {
    .points-note { width:31.5vw; left:0; padding:1rem 1.75em; }
    .points-note .quick-summary .info p { margin-bottom:0; }
    .acc-dash-mid-detail { margin-top:0;}
    
}


@media all and (max-width:1199px) {
    .tree-squirrel { width:27.177vw; position:relative; transform:translate(10vw, -10vw); }
    .form-container .form-control, .label-button { font-size:16px; }
    .brand-logos img { max-width:120px; }
}

@media all and (max-width:992px) {
    .navbar { position:relative; }
    .navbar-toggler { margin-left:auto; }
    .login-link { position:absolute; right:50px; top:27px;  }
        .points-bar { position:absolute; right:-43px; top:48px; }
        /* .points-bar { position:absolute; right:0; bottom:0; transform:translate(-96px, -36px); } */
        .user-avatar { position:absolute; right:50px; top:35px; } 
        .info-table .payment-status { font-size:14px; }
        .info-table .payment-status img { width:20px; }
}

@media all and (max-width:767px) {
    html { overflow-x:hidden; }
	.desktop{ display:none !important;}
	.mobile{ display:block !important;}
	.mobile-flex{display:flex !important;}
    .hero-content-left { padding-top:50px; }
    .form-container { border-radius:25px; margin-top:10vw; }
    .form-inner-container { padding:15px 25px; }
    .form-character { width:20.083vw; transform:translate(15%, -80%); }
    .signup-label { transform:translate(-16vw, -8.5vw);  font-size:3.177vw; padding:0.5rem 1rem; }
    .coin-group.silver-coin-group { width:28.031vw; width:215px; }
    .form-container .btn-primary, .form-container .form-control { font-size:2.938vw; font-size:14px; }

    .tree-squirrel { transform:translate(22%, -16%); }
    .tree-content { position:relative; }
    .container-fluid { padding-left:1rem !important; padding-right:1rem !important;} 
    .col-tree { margin-bottom:-15vw; }
    .tree-content p { margin-bottom:1rem; }
    .nut1 { transform:translate(-10%, -80%) !important; top:0 !important }
    .nut2 { width:10.427vw; left:3%; bottom:-5%; }
    .nut3 { transform:translate(-13%, -100%); width:10.969vw; }
    .nut4 { width:10.969vw; top:-45%; right:15%; }
    .nut6 { width:10.427vw; top:-10%; left:-7%; }
    .nut7 { width:9.552vw; left:-10%; top:35%; }
    .nut8 { width:5vw; right:37%; top:0; }
    .nut9 { width:9.427vw; top:5%; right:-10%; }
    .nut10 { width:20.177vw; left:6%; top:0; }
    .nut11 { width:12.427vw; right:25%; top:0; }
    .nut12 { width:12.427vw; }
    .brand-squirrel { transform:none; margin-top:15vw; }
    .intro-section p { font-size:4.917vw; }
    .brand-logos img { max-width:90px; }
    .intro-section .inner-section { padding-bottom:150.281vw; background-size:200%; }
    .reward-section li { font-size:3.563vw; line-height:2; }
    .reward-section li:before { width:22px; height:22px; }
    .reward-section h4 { font-size:4.083vw; }
    .reward-section .img-container { top:-1rem; }
    .reward-section [class*="col"] { margin-bottom:2rem; }
    .faq { padding-top:2rem; }
	.character-map { width: 30vw;}
    .faq-title {margin-top: 1rem; margin-bottom:1rem; }
    .faq .faq-title h2 { font-size:5.917vw; }
    .faq .accordion-item .accordion-header .accordion-button, .faq .accordion-body { font-size:4.917vw; }
    .faq .accordion-item { padding-left:1rem; padding-right:1rem; }
    .faq .accordion-button::after { width:6.188vw; height:6.188vw; }
    .home-footer { background-size:100%; height: 350px; /*padding-bottom:75.5vw;*/  }
	.home-footer .footer-nav { padding-left:10px; padding-right:10px; width: 85%;color: #000; top: 30px; border-top: 1px solid #ccc; text-align:left;background-image: linear-gradient(#e2ffa314, #39ac2b26); background-size: 100% 80%; background-repeat: no-repeat; background-position: bottom;}
    .home-footer .footer-nav ul { flex-wrap:wrap; padding-bottom: 5px !important; height:auto !important;}
    .home-footer .footer-nav ul li { flex:50%; white-space:nowrap; line-height:2; }
    .home-footer .footer-nav a { font-size:14px; }
    .home-footer .footer-nav div { height:auto !important;}

	.member-footer .footer-nav { padding-left:10px; padding-right:10px; width: 85%;  height:200px; color: #000; top: -25px; border-top: 1px solid #ccc; text-align:left;}
    .member-footer .footer-nav ul { flex-wrap:wrap;}
    .member-footer .footer-nav ul li { flex:50%; white-space:nowrap; line-height:1; }
    .member-footer .footer-nav a { font-size:14px; }
	
    .reward-section ul { padding-left:1rem; } 
    .trustpilot > img { width:50%; }

    .brand-squirrel { width:50.365vw; }
    .mid-sec-bottom-character { width:70vw; bottom:0; transform:translate(-50%,-35%); position:absolute; }
    .character-weight { width:70.365vw; margin:auto; }
    .character-friends { width:70vw; margin:auto; }
    .text-para p { margin-bottom:2rem; }
    .how-you-squirl { margin-top:4rem; }
    .character-phone { margin-right:auto; width:55.01vw; }
    .character-shovel { width:90.469vw; }
    .character-sign { width:70.625vw; margin-left:auto; margin-right:auto; }
    .collect-point-content p br { display:none; }
    .collect-point-content p span { display:block; }
    .br { display:none; }
    .home-reward { margin-top:-8rem !important; }
    .reward-section { margin-top:-12rem; }
    .form-container label { font-size:14px; }
    .hero-title { text-align: center; padding-bottom:2rem; }
    .hero-title span { display:inline; }
    .coin-group.gold-coin-group { width:175px; bottom:-53px; left:-10px; }
    .top-brands { padding-left:1rem; padding-right:1rem; }
    .top-brands p { font-size:16px; }

    .page-banner .intro-section { border-radius:15px; }
    .page-banner .intro-section .intro-text p { font-size:2.95vw;}
    .page-banner .user-name { margin-bottom:10px; }
    .page-banner .intro-section:after{ right:-2.2vw;bottom:4.75vw;border-top-width:4.25vw;border-bottom-width:4.25vw;border-left-width:4.25vw;}

    .btn-withdraw { width: 40vw; right: 15px; top: 9vw;}
	.btn-withdraw .withdraw-cash{width: 22vw;}
	.btn-withdraw .white-txt { font-size: 12px;}
	    
    .btn-icon-arrow .btn-icon { min-width:24px; margin-right: 5px;}
    .account-progress .account-progress__title { font-size:4.667vw;}
    .btn-primary-arrow { font-size:20px; max-width:190px; }
    .account-progress .progress { height:30px; margin-bottom:5px; }
    .progress-amount { font-size:13px; margin-top: 6px;}
    .account-progress__progress-bar { margin-bottom:0; }
    .current-offers .current-offers__dropdown select { width:100%; font-size:14px; padding: 12px 8px !important; height: 46px; border-radius: 0;}
	.current-offers {margin-top: 15px;}
	.search-task { margin-top: 15px; margin-bottom: 15px;}    
	.current-offers .tasks { margin-bottom:15px; }
    .badge-points, .badge-earn { font-size:16px; }

    .reward-body h5 { font-size:16px }
    .reward-body li, .reward-footer { font-size:14px; }
    .reward-body .btn-link img { width:24px; }

	.btn-start-squirling {width: 45vw; padding:0.75rem 0.75rem;}

    .store-modal__header .store-logo-wrap { padding:0.5rem 0.75rem; }
    .modal-close-button {  width: 36px; height: 36px; background-size: 65%; right:0; }

    .btn-secondary { height:40px; width:auto; font-size:5vw; width:60vw; max-width:220px; }
    .register-steps .action-row { flex-direction:column;}
    .store-modal__body { padding-left:1rem; padding-right:1rem; }
    .earn-and-points { font-size:5.667vw; margin-bottom:15px; }
    .btn-icon-arrow img { width:3.75vw !important; }
 
    .success-modal .modal-dialog { width:75%; }
    .success-modal .modal-body, .success-modal .modal-header { padding-left:20px; padding-right:20px; }
    .success-modal .modal-body { padding-top:20px; }

    .success-modal .modal-header { padding-top:20px; }
    .media-sub-title { font-size:15px; }
    .success-modal .modal-body, .success-modal .modal-header { padding-left:15px; padding-right:15px; }
    .success-modal .btn-close { width:0.5em; height:0.5em; right:7%; top:7%; }
    .success-modal .media-image { width:12.677vw; }
    .success-modal .media-title { font-size:5.5vw; }
    .media-sub-title { font-size:3.8vw; }
    .success-modal ul li { margin-left:0; font-size:14px; }
    .quote-character { width:18.844vw; top:auto; bottom:0; right:calc(77% - 42.844vw); position:absolute; }
    .squirel-quote { width:42.844vw; width:calc(100% - 21vw); }
    .success-modal .card-title { font-size:15px; margin-bottom:10px; }
    .success-modal .card p { font-size:14px; }
    .quote-character { right:calc(63% - 47vw); width:30vw; top: 12px; }
	.quote-character img { margin-left: 0px; }
    .page-banner .page-title { padding-top:1vw; }
    
    .account-footer { height:95vw; background-position: bottom;}
    .account-footer .character-friends { width:40vw; }

    .profile-info-container { padding:1.5em 2em; border-radius:1rem; }
    .profile-info-container .label { font-size:16px; }
    .profile-info-container .value { font-size:15px; }
    .content-title { font-size:18px; margin-top: 10vw;}

    .info-container { padding:1em 1em; border-radius:1rem; }
    .info-table .action-button-old { width:110px; } 
	.info-table .action-button { width:auto; min-width:75px; padding: 5px 6px;} 

    .mytasks-footer { height:auto; }
    .mytasks-footer .footer-character { top:-7vw; left:-2vw; }
    .mytasks-footer .character-friends { width:40vw; }
    .refer-friend { bottom:3.8vw; max-width:73.313vw; }
    .refer-friend h5, .refer-friend p { font-size:14px; }
    .btn-tertiary-fill.btn-md { width:35vw; font-size:14px; }
    .btn-tertiary-fill.btn-md img { width:20px; }
	.action-buttons a{ margin-right:0.3vw; padding: 7px 6px 7px 10px; }
	.page-banner .action-buttons { margin-top: 6vw;}
	.hr-myacc-top{ margin: 1rem 0 1rem 0 !important;}
	.hr-myacc-botm{ margin: 1rem 0 12.4rem 0 !important;}
	.hr-myacc-botm2{ margin: 1rem 0 2rem 0 !important;}
	.account-footer .footer-character { position: initial;transform: none;}
	.profile-info-container {  padding: 1.5em 1em;}
	#edit_user_form strong{ font-weight:500;}
	#edit_user_form .col-3{ padding-right:0px;}
	.action-buttons li { width: 175px !important; min-width: auto !important; margin-bottom: 20px; float: left !important;}
	.action-buttons li.change-pwd { width: 175px !important; }
	.overlap-banner { margin-top: 50px !important;}
	.tab-pane h3.content-title{margin-bottom: 0.8rem !important;}
	.nut5 { width: 13vw; right: 0; top: 50%;}
	.card-body-faq{ padding: 10px !important;}
	.offerwl{ padding: 17px !important;}
	.mobile-no-pd{ padding:0 !important;}
	.question-div { margin-bottom: 12rem; width: 100%;}
	.question-ballon {width: 100%;}
	
	.need-help{ padding-bottom:6.5rem;}
	/*.need-help-withdraw-cash{ padding-bottom:0;}
	.need-help-my-tasks{ padding-bottom:0; margin: auto auto 2rem auto;}
	.need-help-my-account{ padding-bottom:0}*/
	.need-help-img { margin: auto auto 1rem auto;}	
	.hr-ticket-botm{ margin: 1rem 0 1rem 0 !important; bottom: 0;}
	
	.character-gifts{ top:17%;}
	.character-gifts img {bottom: -14vw;}
	.character-gifts .quote-container {width: 38vw; font-size: 3.8vw;height: 23vw;}
	.character-gifts .qc-extra {width: 40vw !important; font-size: 3vw !important; height: 15vw !important; padding-left:15px !important}
	.widthdraw-cash { margin-top: 0px !important; }
	.info-container.account-progress .withdrawable { float: right; }
	.btn-withdraw-mytask { margin-bottom: 5vw;}
	.btn-withdraw-mytask .withdraw-cash { width: 21vw; margin-left: 1.2vw;}
	.oops-black-heading { margin: 1.5rem 0 2rem 0; font-weight: 600 !important; font-size: 6vw;}
	.earn-more-squirling .earn-sqrl-txt { font-size: 16px; width: 66%; padding: 1rem; float: left;}
	.quote_character img { max-width: 31%; top: 10px; position: absolute;}
	.earn-more-squirling { margin: auto auto 1rem auto; }
	.info-container.account-progress .account-progress__title { font-size: 5vw;}
	.tasks-container{ margin-top:2rem;}
	.can-withdraw{ font-size:14px; font-weight:600; margin-top:0;}
    .new-ticket { padding: 1rem 1rem; margin-top:2%; }
	.page-title { font-size: 7vw; margin: 5vw auto 7vw auto;}
	.no-record-found div{ width: 100%; font-size: 17px;}
	.for-close{ margin:0 !important;}
	.close-button { width: 42px; height: 42px; background-size: 70%; right:4px; top:15px;}
	.action-buttons li.change-pwd,  li.logout{ margin-top: 0 !important;}
	.contact-btn-right{ margin-left:10px; margin-top:10px;}
	.account-progress { margin-top:0; }
	.ticket-page { margin-top:-6vw; }
	.video{width:100%; height:100%; margin:auto;}
    .floating-nuts { width:100%; height:100%; }
	.side-tree { height: calc(50% - 20px);}
	.success-modal .modal-header-1 {  padding: 1.5rem 2rem 0 2rem;}
	.success-modal .modal-body-1 { padding: 0.2rem 0 1.5rem 1.8rem; font-size: 1.5vw;}
	.success-modal .media-image-1 img { top: -4px;}
	.media-title-1 { font-size: 3.6vw;}
	.squirel-quote-1 { width:92%;}
	.quote-character-1 img { width: 28vw; right: -55px; top: 25px; position: relative;}
	.squirel-quote-1 .grn-box-txt { font-weight:300 !important; font-size:3.8vw !important;}
	.forgotpwd .fa-lock, .forgotpwd a{ float:left !important;}
	.forgotpwd .fa-lock { margin-top:4px; margin-right: 5px;}
	#btnLogin, #btnForgotPassword{ margin-left:0px !important; width:90% !important}	
	.existingusr .fa-user, .existingusr a{ float:left !important;}
	.existingusr .fa-user { margin-top:4px; margin-right: 5px;}
    .store-modal__header .store-banner img { max-height: 90px; border-radius: 25px 25px 0 0;}
    .store-modal__header .store-logo-wrap .store-logo-popup{ max-width: 95px; max-height: 25px; width: 95px; height: 25px;}
	.stlogo{ margin-top:25px !important;}
	.loading-gif-big{ text-align:center; width: 100%; padding: 20px; font-weight:500; font-size:15px;}
	.loading-gif-big img{ width: 80px; margin-right:10px;}
	.store-modal__header .store-banner {-webkit-border-radius: 40px 40px 0px 0px !important; border-radius: 40px 40px 0px 0px !important;}
	.make-money {margin: 20px 0 0px 0;}
	.all-task{  max-width:240px; margin: 0 auto 20px auto !important; padding: 0.35em 0.8rem 0.40em 0.8em; font-size: 19px;}
	.popup-top{ top:10px !important;}
	.bgbody { padding:1rem 1.3rem; border-radius:20px; }
	.no_task{ margin-bottom:2rem;}
	.no_task h5{ font-size:1.35rem; }
	.no_task div{ margin:1.2rem auto; font-size:16px;}
}

@media all and (max-width:575px) {
    .form-character { width:24.083vw; transform:translate(0%, -80%); }
    .signup-label { width:40.677vw; transform:translate(-22vw, -11vw); font-size:4.177vw; }
    .acc-dash-mid-detail { /*height:91.896vw;*/ }
    .points-note { width:33.5vw; left:14vw; top:-5vw; padding:1rem 0.5em; }
    /*.success-modal .modal-dialog { width:80%; top:68px; transform:translate(-50%, 0) !important; }*/
    .success-modal .modal-dialog { width:95vw !important; top:25px; transform:translate(-50%, 0) !important; }
}

@media all and (max-width:530px) {
    .reach-content p br { display:none; }
    .signup-label { transform:translate(-27vw, -14.5vw); font-size:5.177vw; padding:0.5rem 1rem; width:50.677vw; }
    .signup-label:after { right:-6px; }
    .form-character { width:30.083vw; transform:translate(5%, -80%); }
    .hero-content-left { padding-top:30px; }
    .form-container { max-width:360px; margin-left:auto; margin-right:auto; }
    .coin-group.silver-coin-group { width:185px; bottom:-73px; }
    .coin-group.gold-coin-group { width:168px; bottom:-70px; left:-32px; }

    .account-progress__progress-bar { margin-bottom:0; }
    .footer .footer-nav li { line-height:1; }
}

@media all and (max-width:420px) {
    /* .coin-group { bottom:-60px; width:40.031vw; } */
    .gold-coin-group { left:-15px; }
    /* .silver-coin-group { right:-30px; } */
    .intro-section p { font-size:6.917vw; letter-spacing:-0.02em; }
    .intro-section .inner-section {  }
    .mid-sec-bottom-character { width:100vw; }
    .coin-group.silver-coin-group { width:170px; bottom:-83px; right:-30px; }
    .coin-group.gold-coin-group { width:135px; bottom:-60px; left:-10px; }
    /*.btn-withdraw { width:29.042vw; right:2.417vw; font-size:10px; }*/
    .btn-icon-arrow .btn-icon { min-width:15px; font-size:3vw; }
    .account-progress__progress-bar { height:98.896vw; }
    .points-note { top:-14vw; }
    .acc-dash-mid-detail { /*height:390px;*/ }

    .points-note { top:-15vw; }
    .points-detail { padding-top:0; font-size:3.5vw; }

    .progress-tree-container { transform:translate(-4vw, -17vw); }
    .progress-tree-10 { width:41.26vw; height:44.271vw }
    
    .footer .footer-nav a { font-size:14px; }

    .info-container .account-progress__progress-bar { height:auto; }
    .info-container.account-progress .account-progress__progress-bar { max-width: none;}
    .btn-arrow { width:34.167vw; min-width:none; font-size:16px; border-radius:7px; }

    .info-container.account-progress .withdrawable { margin-top:15px; }
    .info-container.account-progress .withdrawable p { font-size:14px; }
    .info-container.account-progress .withdrawable h4 { font-size:28px; }
    .page-banner.small .page-title { padding-top:24px; }

    .overlap-banner { margin-top:auto; }
    
}
@media all and (min-width:992px) {
    .section-cols { /*margin-top:-12.4rem;*/ }
    .tree-content { padding-top:7.3vw; padding-right:4.5rem; padding-left:4rem; position:relative; left:-9px; top:-5vw; letter-spacing:-0.03em; }
    .btn-start-squirling { width:24.792vw; font-size:1.615vw; padding:0.95rem 0.5rem; position:absolute; left:50%; transform:translate(-50%); bottom:-50px; }
}

@media all and (min-width:768px) and (max-width:991px) {
    .container {max-width:90%; }
    .coin-group.silver-coin-group { width:24.031vw; width:185px; }
    .coin-group.gold-coin-group { width:185px; bottom:-70px; left:-55px; }
    .tree-content { position:relative; top:-7vw; }
    .brand-logos img { max-width:100px; }
    .footer .footer-nav a { font-size:1.7vw; }
    .reward-section li:before { top:0; width:20px; height:20px; }
    .btn-primary-arrow { font-size:2vw; }
    .btn-withdraw { width:21vw; right:4.417vw; }
    .btn-start-squirling { width:20.792vw; font-size:1.615vw; padding:0.95rem 0.5rem; bottom:-50px; }
    .mid-sec-bottom-character { transform:translate(-50%,-35%); }
}

@media all and (min-width:768px) and (max-width:960px) {
    .success-modal .card { padding-right:6vw; font-size:1.8vw; }
    .success-modal .card-title { font-size:1.78vw; }
    .success-modal .modal-body, .success-modal .modal-header { padding-right:2rem; padding-left:2rem;}
    .success-modal .modal-body { padding-top:1rem; }
    .quote-character { width:32.844vw; top:3vw; right:2.5vw; }
    .squirel-quote { width:74.844vw; }
    .success-modal .btn-close { right:6%; top:6%; }
}

@media all and (min-width:768px) {
    .hero-title br { display:none; }
    .home-footer .footer-nav { height: 10vw; }
    /*.member-footer .footer-nav { height: 10vw; }*/
}

@media all and (min-width:1547px) {
    /*.container { max-width:81.3%; }*/
    .form-container { top:10vw; max-width:619px; }
    .coin-group { bottom:-137px; }
}

@media all and (min-width:1800px) {
    .form-container { top:5vw; }
}

@media all and (min-width:2000px) {
    .form-container { top:3vw; }
    .coin-group { bottom:-145px; }
}