/* min-width css here */
@media only screen and (min-width: 1960px){
.for-challenge .inner-one li, .for-challenge li.social-icons:nth-child(2) {
    margin-right: 24px;
}
}


@media only screen and (min-width: 1560px){
body.scheduling .main-calendar-container {
    width: 84%;
}
}

@media only screen and (min-width: 900px) {
body.base-challenge.thankyou img.thankyou-arrow {
    position: absolute;
    left: 5px;
    top: 118px;
    width: 95px !important;
}
}

@media only screen and (min-width: 1740px) {
.sliding-arrow {
    left: -20px;
}
}


@media only screen and (min-width: 1024px) {
.col-md-2.menu {
    padding-left: 4px;
    flex: 0 0 300px;
    padding-right: 10px;
    max-width: 300px;
}
.col-md-12.col-lg-10.col-12.challenge-right-block {
    flex: 100%;
    max-width: calc(100% - 300px);
    padding-left: 40px;
}
body.base-challenge.thankyou img.thankyou-arrow {
    left: 124px;
    top: 120px;
}
}
/* min-width css close here */


/* Start max-width css here */
@media only screen and (max-width: 1860px){
section .content_timer .timer_section .timer {
    padding: 10px 14px 4px;
}
body.coach-corner .app-frame .coach-corner-preview img {
    max-width: 60px;
}
.for-challenge .inner-one li, .for-challenge li.social-icons:nth-child(2) {
    margin-right: 2px;
    margin-bottom: 6px;
}
}



@media only screen and (max-width: 1560px){
.calender-strip {
    width: 100%;
}
.calender-strip ul li {
    font-size: 13px;
}
.comments_count {
    padding: 0 !important;
}
.app-frame-tabs .nav.nav-tabs li {
    width: 50%;
}
li.social-icons:nth-child(2) svg#Layer_1 {
    margin-right: 0;
    width: 16px;
    height: 15px;
    padding: 1px;
}
.content_timer .timer_section span.colon {
    font-size: 30px;
}
.content_timer .timer_section span {
    font-size: 22px;
    line-height: 25px;
}
.dailyintention .app-frame-tabs .nav.nav-tabs li a, .app-frame-tabs li.nav-item a {
    padding: 8px 6px !important;
    font-size: 14px !important;
}
.app-frame-image-setting img {
    max-width: 60px;
}
.menu-categoty-1 ul li img {
    max-width: 18px;
    margin: 0 4px 0 0;
}
.check-in h6 {
    font-size: 12px;
}
.app-frame .coach-corner-preview {
    margin-top: 0;
}
.create-ur-own {
    font-size: 14px;
    padding: 6px;
}
.app-frame-daily-oath .daily-oath .name-date-details p {
    margin: 0;
    margin-top: 4px;
    padding-left: 5px;
    font-size: 12px;
    padding: 0;
}
.menu-categoty-1 h1::after {
    top: 0;
}
 .app-frame .happness-heading p {
    font-size: 11px;
}
.choose-color h2 {
    font-size: 17px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    padding-top: 4px;
}
#challenge-color-details .selected-challenge-color {
    max-width: 100%;
}
.form-control {
    font-size: 14px;
}
.col-md-2.menu {
    padding-left: 0px;
}
.prizes-inner .co-input-group .form-control, .prizes-inner .co-input-group .custom-select {
    padding: 4px 12px;
    height: 36px;
}
.prizes-inner.branding-page .co-input-group textarea.form-control {
    height: auto;
}
#checkbox_ul .checkbox_li {
    font-size: 15px;
}
.sliding-arrow {
    left: -10px;
}
#challenge-color-details .app-frame {
    max-width: 90%;
}
.video-block ul li {
    padding: 8px 16px;
}
.video-block ul li h2 {
    font-size: 16px;
}
.dailyintention .list-inline {
  /*  width: 160px;*/
}
.cropimageshow, .cropimageshow2, .cropimageshow3 {
    width: 100px ;
}
.cal-desc h3 {
    font-size: 13px;
}
#challenge-color-details .app-frame .share-btn a {
    padding: 2px 12px;
}
.color-indication {
    width: 100%;
}
.box-cls button.create-ur-own {
    margin-top: 10px;
}
.fa-trash, #checkbox_ul a .fa {
    font-size: 15px !important;
    padding: 5px;
}
.app-frame .user_name h2 {
    font-size: 12px;
}
.weekly-challenge-preview .heading {
    font-size: 10px;
}
.form-control.price-snln {
    width: 80%;
}
#coupnsadd input.form-control.price-snln.d.content1 {
    width: 78%;
    margin-left: 0;
}
.branding-page li.list-inline-item .fa {
    font-size: 20px;
}
#brandingform .co-input-group .fa {
    font-size: 15px;
}
.coachs-list table tr td img {
    margin-bottom: 8px;
}
.coachs-list table tr td#crud_button {
    display: inline-block;
    padding: 10px 0;
}
.coachs-list table tr td button {
    padding: 9px 6px 0px 6px;
}
.app-frame-tabs {
    max-width: 84%;
}
.app-frame .share-btn a {
    padding: 4px 9px !important;
    font-size: 12px !important;
}
div.app-frame .inspiration-points p {
    font-size: 14px;
    margin-bottom: 0;
}
.app-frame-daily-oath .daily-oath h6 span {
    font-size: 15px;
}
body.coach-corner .app-frame .coach-corner-preview h6 {
    font-size: 12px;
}
#dashboard-preview .coach-corner-preview .col-md-3.text-center img {
    max-width: 28px;
}
.weekly-challenge-inner.padding-border textarea.form-control {
    font-size: 14px;
}
.app-frame i {
    font-size: 12px;
}
a.btn {
    font-size: 11px;
}
.app-frame .inspiration-points h4 {
    font-size: 12px;
    line-height: 13px;
}
.wall-gratitude-submit span.submit-container {
    padding: 6px 6px;
    font-size: 9px;
}
i.tick {
    font-size: 13px !important;
}
body.coach-corner .fa-edit {
    padding: 5px;
}
.pd-15 {
    padding: 9px;
}
.app-frame-image-setting {
    padding: 0;
}
.tab-content>.active .app-frame-daily-oath .col-md-5 {
    padding: 0 6px;
}
body.coach-corner .app-frame .coach-corner-preview img {
    max-width: 60px;
}
.upload-container label {
    font-size: 14px;
}
form#challenge-color-details .inspiration-points-section {
    padding: 14px 10px;
}
}



@media only screen and (max-width: 1440px) {
form#challenge-color-details .col-md-12.col-lg-12.col-xl-10 {
    flex: 100%;
    max-width: 100%;
}
section .content_timer .timer_section .timer {
    padding: 10px 6px 4px;
}
div#tab-3 {
    padding: 0;
}
span#add_image {
    width: 100%;
}
.upload-container .col-xl-7 {
    padding: 0;
    padding-left: 6px;
}
.main-right {
    font-size: 10px;
}
.prizes-inner .co-input-group ul {
    max-width: 50%;
}
}







@media only screen and (max-width: 1340px) {
.app-frame-tabs {
    max-width: 100%;
}
.app-frame-tabs .tool-tip-di {
    top: -3px;
    right: -5px !important;
}
}



@media only screen and (max-width: 1280px) {
.color-indication li {
    width: 100%;
}
.menu-categoty-1 h1 {
    font-size: 18px;
}
.co-input-group label {
    font-size: 14px;
}
.exit-dashboard a {
    font-size: 16px;
}
.challenge-right-block .app-frame .share-btn a {
    padding: 4px 13px;
    font-size: 12px;
    margin: 4px 0;
}
.exit-dashboard a {
    font-size: 18px;
}
.dashboard-heading {
    font-size: 16px;
}
.app-frame-daily-oath .daily-oath h6 span {
    font-size: 16px;
}
.video-block ul li {
    padding-right: 20px;
}
.owl-carousel .app-frame .viewer-feedback p {
    font-size: 10px;
}
.tab-content>.active {
    height: auto;
}
.app-frame-tabs {
    max-width: 100%;
}
.app-frame .daily-inspiration-image img, .daily-oath-inner.padding-border #scroll-bar img.preview-inner-image {
    max-height: auto;
}
.video-block ul li h2 {
    font-size: 14px;
    width: 100%;
}
.challenge-inner .progress-container {
    padding: 0 15px;
}
.choose-color h2 {
    font-size: 15px;
}
.select-from-library h6 {
    margin-top: 10px;
}
.select-from-library {
    width: 100%;
}
input#coupon10, input#coupon20 {
    width: 76%;
}
#checkbox_ul .checkbox_li {
    padding: 4px 8px;
}
.litepicker .container__months .month-item {
    width: fit-content;
}
}


@media only screen and (max-width: 1265px) {
.menu-categoty-1 .status_icon {
    margin: 7px 0;
    right: 0;
}
.menu-categoty-1 h1::after {
    top: 1px;
    font-size: 10px;
}
.menu-categoty-1 h1 {
    font-size: 14px;
}
.choose-color input.form-control[name="video[1]"], .checklength .form-control, .choose-color .form-control[type="file"], .box.js input {
    max-width: 100%;
}
.challenge-inner .app-frame .inspiration-points h4 {
    font-weight: 400;
    line-height: 20px;
}
.video-block ul li {
    padding: 8px 12px;
}
.share-btn {
    display: grid;
    text-align: center;
}
.app-frame-image-setting img {
    max-width: 30px;
}
.coach-title {
    font-size: 18px;
}
.weekly-challenge-preview .heading {
    font-size: 12px;
}
.form-control.price-snln {
    width: 80%;
}
.dailyintention .app-frame-tabs .nav.nav-tabs li a, .app-frame-tabs li.nav-item a {
    font-size: 14px !important;
}
.menu-categoty-1 ul li {
    padding: 0 2px;
}
.checkbox_li .fa-trash, #checkbox_ul a .fa {
    font-size: 16px !important;
    padding: 5px;
}
.content_timer .timer_section .timer {
    font-size: 16px;
}
.teambox.s {
    border-top: 0;
}

}




@media only screen and (max-width: 1200px) {
.video-block {
    margin-top: 22px;
}
.upload-container .col-xl-7 {
    padding-left:0;
}
.submit-create-challenge {
    position: absolute;
    bottom: 68px;
    right: 0;
    left: 0;
    margin-left: 68px;
}
.challenge-inner .btn-outline {
    font-size: 14px !important;
    width: 100%;
    text-align: center;
	padding: 10px 4px;
}
span#add_image {
    padding: 10px 10px;
}
.di-images.choose-color {
    margin: 40px 0;
    z-index: -1;
}
.coachs-list {
    padding-top: 40px;
}
.challenge-inner .col-xl-3.col-md-12 {
    position: relative;
}
.challenge-inner .col-md-12.col-lg-12.col-xl-4.col-md-12 {
    position: relative;
}
.challenge-inner .col-md-12.col-xl-4 {
    position: relative;
} 
.challenge-inner .col-md-3.video-right {
    position: relative;
}
.choose-color .upload-daily-image {
    width: 100%;
}
.prizes-inner .co-input-group ul {
    max-width: 30%;
}
}


@media only screen and (max-width: 1024px) {
.btn.pdf_download {
    margin-top: 0;
}
.create-ur-own {
    font-size: 13px;
	padding: 5px 6px;
}
.tooltip-box li.list-inline-item .img-thumbnail {
    height: auto;
}
body.coach-corner .fa-edit {
    padding: 7px;
    font-size: 15px;
}
.crop-image-show .fa {
    padding: 7px;
    font-size: 14px;
}
.add-coaches-form .custom-control {
    padding-left: 0;
}
.main-c .btn-area .share-btn a {
    margin-bottom: 10px;
}
.feed-img.col-4.p-0 {
    background-position: right;
}
/* side nav */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 40px;
    box-shadow: 6px 16px 14px rgb(0 0 0 / 10%);
    padding-right: 10px;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 30px;
    margin-left: 0;
    padding: 0;
}
.menu-btn, #mySidenav .closebtn {
	display: block;
}
.challenge-right-block {
	max-width: 100% !important;
	flex: 0 0 100% !important;
}
.menu {
	max-width: 0 !important;
	border: none;
}
.mobile-menu {
    width: 100%;
    padding: 15px 15px 0;
}
.menu-categoty-1 {
    padding: 0;
    border-top: 1px solid #eee;
    padding-top: 4px;
	width: 100%;
    float: left;
}
.menu-btn {
	background: #26c2ff;
	border: 1px solid #26c2ff;
	color: #fff;
	padding: 6px 20px;
	font-size: 18px;
	border-radius: 5px;
}
.main-menu {
	height: auto;
	max-width: 0 !important;
}
footer {
	position: static;
	margin-top: 20px;
}
#mySidenav.mt-3 {
	margin-top: 0 !important;
}
.select-from-library.float-right {
    width: 100%;
    margin: 10px;
	margin-right: 0;
}
/*--- Neha responsive --*/
div.app-frame .hedaer-bg {
    padding: 10px;
}
div.app-frame .menu img {
    width: 20px;
	margin-top: 0;
}
.app-frame .hedaer-bg .user_name {
    padding-left: 28px;
	width: calc(100% - 40px);
}
body .app-frame .bell-icon img {
    width: 22px;
}
.selected-challenge-color #scroll-bar, #challenge-color-details .app-frame {
    overflow-x: hidden;
    overflow-y: hidden;
	height:auto;
}
#challenge-color-details .selected-challenge-color {
    max-width: 100%;
}
.app-frame .happness-heading h3 , .app-frame .user_name h2 {
    font-size: 14px;
}
.app-frame .coach-corner-preview {
    margin-top: 0;
}
.app-frame .outline p {
    font-size: 10px;
}
.challenge-inner .app-frame-tabs .nav.nav-tabs li a {
    padding: 6px 10px;
    font-size: 14px;
}
.challenge-header .header-btns li:first-child a {
    padding: 7px 14px;
}
.exit-dashboard a {
    font-size: 14px;
}
.challenge-header .header-btns li:last-child a {
    border: 2px solid #26c2ff;
    padding: 4px 12px;
}
.prizes-inner.col-md-10 {
    padding: 0;
}
.prizes-inner .co-input-group {
    margin: 4px 0;
}
.box-cls {
    margin: 10px 0 20px;
}
.video-block .slide_box h2 {
    margin: 4px 0;
}
.challenge-right-block .challenge-inner {
    padding: 10px 10px !important;
}
.co-input-group label {
    font-size: 15px;
}
.prizes-inner .box-cls h6 {
    font-size: 16px;
    padding-bottom: 5px;
}
.challenge-inner .marvel-device.iphone-x {
    width: 90%;
    padding: 20px;
}
.challenge-right-block .marvel-device.iphone-x .notch {
    top: 18px;
    left: 0;
    right: 0;
    margin: auto;
    width: 167px;
}
#result_div {
    width: 100%;
    padding: 0 24px;
}
.choose-color input.form-control[name="video[1]"], .checklength .form-control, .choose-color .form-control[type="file"], .box.js input {
    max-width: 100%;
}
#show .form-group {
    margin: 6px 0;
}
.choose-color h2 {
    font-size: 16px;
}
.app-frame img {
    margin-top: 20px;
}
.whole-bottm img {
    margin-top: 0;
}
.comment_count img {
    margin-top: 0;
}
.count img.hitters_like {
    margin-top: 0;
}
.arrow img.daily-inspiration-preview {
    position: absolute;
    top: 17px;
    right: -3px;
}
.challenge-inner.dailyintention .prizes-inner {
    padding: 0;
}
#dashboard-preview .app-frame {
    padding: 0;
}
.coachs-list {
    margin: 15px 0 0;
    padding: 0;
}
.coachs-list .row {
    margin: 0;
}
.challenge-inner .btn-outline {
    font-size: 14px !important;
    width: 100%;
    text-align: center;
	padding: 10px 4px;
}
.modal-backdrop {
    width: 100%;
}
.modal.show .modal-dialog .col-md-8.text-center {
    padding: 0;
}
.croppie-container .cr-boundary {
    width: 100% !important;
}
#show_prize .col-md-6[style="position: relative;"] {
    margin: 0;
}
.select-from-library button#save {
    margin: 1px auto;
}
.di-images .select-from-library {
    width: 100%;
    text-align: left;
}
.select-from-library h6 {
    margin-bottom: 0;
    margin-top: 20px;
}
.select-bckg {
    margin: 20px 0;
    text-align: center;
}
.save-daily-own-image.float-left .col-2, .save-daily-own-image.float-left .col-8 {
    width: 100%;
    display: table;
    flex: 100%;
    max-width: 100%;
    margin: 10px 0;
}
.save-daily-own-image button {
    width: 100%;
    font-size: 14px;
    padding: 8px 0;
}
.tabcontent  .di-images .col-4.upload-container, .tabcontent .di-images .col-8 {
    flex: 100%;
    max-width: 100%;
	padding:0 8px;
}
#tab-3 {
    padding: 0;
}
.tabcontent .sample-toolbar {
    padding: 10px 4px;
}
#editor .sample-toolbar select, #editor button.add_text.px-1 {
    margin: 4px 0;
	font-size: 13px;
}
.di-images p {
    font-size: 15px;
}
.tabcontent p {
    width: 100%;
    text-align: center;
}
canvas#idCanvas {
    width: 100%;
}
.dailyintention .list-inline {
    padding: 0 15px;
}
.dailyintention .app-frame-tabs .nav.nav-tabs li {
    margin: 0;
}
.dailyintention .app-frame-tabs .nav.nav-tabs li a.nav-link {
    padding: 5px 10px;
    font-size: 14px;
}
.tabcontent #save-challenge-daily-inspiration .di-img-grid {
    padding: 0 4px;
}
.choose-color #images-holder .di-image img {
    min-height: 114px;
}
.modal-content .modal-title {
    font-size: 14px;
}
.modal-content .add-coaches-form .co-input-group {
    margin-bottom: 9px;
}
.add-coaches-form .custom-control {
    display: block;
}
.modal-content label {
    font-size: 14px;
}
.menu-btn {
    padding: 5px 20px;
    font-size: 16px;
}
.challenge-inner .box-cls h6 {
    margin-bottom: 10px;
    padding-bottom: 4px;
    font-size: 16px;
}
.create-ur-own, .cancel-btn {
    padding: 4px 10px;
    font-size: 14px;
}
.coachs-list .coach-title {
    font-size: 16px;
    padding: 10px 0;
    margin-bottom: 0;
}
.challenge-inner .coachs-list .table thead th {
    font-size: 14px;
    padding: 8px;
    vertical-align: baseline;
}
.menu-categoty-1.element-menu {
    border-top: 0;
}
.discount-copuon {
    width: 100%;
}
.prizes-inner.branding-page .month-item {
	margin-bottom:10px;
}
.prizes-inner.branding-page .container__months.columns-3.split-view , .litepicker {
    width: 100%;
}
.prizes-inner.branding-page {
    padding: 0;
}
.select-year p {
    font-size: 14px;
}
.prizes-inner.branding-page .box-cls h3 {
    font-size: 18px;
}
.color-indication {
    width: 100%;
}
.color-indication li.list-inline-item {
    padding: 0 10px;
    width: 100%;
}
.video-block ul li {
    padding: 8px 18px;
    padding-right: 20px;
}
.daily-inspiration .daily-inspiration-image img {
    margin-top:0;
}
.app-frame .inspiration-points p {
    font-size: 13px;
}
.name-date-details p {
    padding: 0;
    font-size: 12px;
}
.gallery_div {
    width: 50%;
}
.app-frame .daily-oath .padding-0 {
    padding-bottom: 0;
}
.dailyintention .app-frame-tabs .nav.nav-tabs li a, .app-frame-tabs li.nav-item a {
    font-size: 14px !important;
}
.coachs-list .table thead th {
    font-size: 16px;
}
.challenge-right-block .app-frame-tabs {
    padding: 0;
	position: relative;
}
.choose-color h2 {
    font-size: 16px;
}
.area-ab .tab-content {
    position: relative;
}
body.community_wall .wall-gratitude-submit {
    padding: 0;
}
.content_timer .timer_section span {
    font-size: 20px;
}
.content_timer .timer_section span.colon {
    font-size: 24px;
}
.choose-color h2 {
    font-size: 15px;
}
.whole-top, .whole-bottm {
    margin-right: 5px;
    margin-left: 5px;
}
.app-frame-tabs .tab-content>.active .col-md-4 {
    background-size: contain;
    background-position: right;
}

body.base-challenge.thankyou > .container {
	max-width:100%;
}
.thankyou .challenge-right-block {
    padding: 0;
}

body.app.base-challenge header.challenge-header .row {
    width: 100%;
}
body.app.base-challenge.thankyou ul.header-options {
    margin-top: 20px;
}
body .dashboard-heading h4 {
    position: relative;
    left: 0;
    bottom: -5px;
    font-size: 16px;
}
.challenge-header .header-btns {
    width: 100%;
}
#brandingform .row.mt-4, #brandingform .row.mt-3 {
    padding-top: 4px;
}

.app-frame-tabs .tool-tip-di {
    right: -22px !important;
}
}





@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
.login-banner {
	display: none;
}
.total-payment {
	width: 70%;
	margin: 45px auto;
}
.no-challenge-cls .modal-dialog {
	max-width: 600px;
}
.form-control.price-snln {
	width: 83%;
}
.brand-wdt50 {
	max-width: 80%;
}
.dashboard-banner {
	height: 200px;
}
.weekdays li {
	width: 12%;
	font-size: 13px;
}
}



@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.form-control.price-snln {
	width: 86%;
}
.discount-copuon {
	width: 100%;
}
.dashboard-banner {
	height: 200px;
}
.weekdays li {
	width: 12%;
}
.get-started-box {
	padding: 12px;
}
}

@media only screen and (max-width: 1020px) {


body.base-challenge.thankyou img.thankyou-arrow {
    position: absolute;
    left: 75px;
    top: 87px;
}
}



@media only screen and (max-width: 992px) {

.count_error_log {
    right: 0;
}
.fill-deatils.text-center h1 {
    font-size: 20px;
}
.fill-deatils.text-center h2 {
    font-size: 22px;
}
.main-dashboard-banner img.main-banner {
    max-width: 100%;
	height:auto;
}
.table-responsive td#crud_button {
    width: 90px;
}
.login-infor ul li a {
    font-size: 14px;
}
.register-now, .m-login, .main-dashboard-banner {
    max-width: 100%;
}
.m-login input {
    width: calc(80% - 150px);
}
.m-login {
    padding: 20px 20px;
}
.regis-a {
    max-width: 100%;
	padding: 2px 10px;
}
.register-now, .m-login {
    max-width: 100%;
}
.home_page_text {
    margin: auto;
    font-size: 14px;
    text-align: center;
    max-width: 100%;
}

body.base-challenge.thankyou .message h4 {
    font-size: 19px;
}

body.base-challenge.thankyou .message h2 {
    font-size: 26px;
}

.thankyou .message p {
    margin-top: 16px;
    line-height: 20px;
    position: relative;
    width: max-content;
    margin: auto;
}


body.base-challenge.thankyou .message span#sub_butt {
    padding: 5px 26px;
    text-transform: uppercase;
    margin-top: 0 !important;
}

img.thankyou-arrow {
    display: none;
}

.thankyou .download a:first-child {
    display: block;
}

.thankyou .download a img {
    width: 120px;
}

.thankyou .download a:first-child img {
    width: 50px;
    margin: 0 0 10px;
}

.thankyou .download {
    margin: 10px 0;
    margin-bottom: 20px;
}

.intl-tel-input {
    width: 100%;
}

.form-group.phn_no span p::before {
    display: none;
}
.thankyou .message p::before {
    content: '';
    width: 100px;
    height: 100px;
    background-image: url(/images/thankyou-arrow.png);
    left: -17px;
    position: absolute;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: top center;
    top: 18px;
}

body.base-challenge.thankyou > .container {
    min-height: 100vh;
}

.thankyou {
    padding: 30px 0;
}

body.app.base-challenge.thankyou.iti-mobile {
    padding: 0;
}

header.challenge-header .col-md-2.col-lg-2.col-md-4 {
    max-width: 200px;
}
header.challenge-header .col-md-10 {
    max-width: calc(100% - 200px);
}
}




@media (max-device-width : 768px) {
.calender-strip ul li {
    width: 100%;
    border-radius: 0;
	margin: 10px 0;
}
.challenge-inner .col-xl-4.col-md-6 {
    padding: 0;
}
.exit-dashboard a {
    font-size: 14px;
}
.slide_box video.video-js {
    height: auto;
}
.app-frame-tabs .nav.nav-tabs li {
    width: 50%;
}
.btn.pdf_download {
    margin-top: 0;
}
form#onboardingform .checklength {
    padding: 14px 0;
}
.di-images.choose-color .tab button:last-child {
    border-bottom: 1px solid;
    border-radius: 0;
}
.app-frame img {
    margin-top: 0;
}
body.coach-corner .wrap {
    padding-top: 6px;
}
body.coach-corner .coachs-list .table thead th {
    font-size: 14px;
    vertical-align: baseline;
}
.challenge-inner .btn-outline {
    font-size: 14px !important;
    max-width: 250px;
    margin: 10px auto !important;
    float: initial !important;
}
span#add_image {
    max-width: 250px;
    margin: auto;
    float: initial !important;
}
.challenge-inner .happness-score p {
    font-size: 10px;
}
body .tip-right img[alt="Tooltip info"] {
    max-width: 12px;
    margin-left: 0;
}

.prizes-inner .co-input-group ul {
    top: 0 !important;
}
.challenge-inner .app-frame-tabs .nav.nav-tabs li a {
    font-size: 14px !important;
}
.challenge-inner .progress-container {
    padding: 0 10px;
}
.home_page_text p {
    margin-bottom: 0;
}
.login-infor > ul {
    margin: 16px auto;
}
body.onboarding .choose-color-onboarding {
    padding: 10px 0;
}
.choose-color .form-control {
    font-size: 14px;
}
.prizes-inner .box-cls h6 {
    font-size: 16px;
}
.box-cls h3 {
    font-size: 18px;
}
.challenge-header .header-btns li:first-child a {
    padding: 6px 10px;
	font-size: 14px;
	margin:0;
}
#tab-1 .grid-item .box-item img.ui-droppable {
    max-width: 100% !important;
}
header.challenge-header {
    padding: 8px 0;
}
.challenge-header .header-btns ul {
    margin: 0;
}
form#challenge-color-details .col-md-12.col-lg-12.col-xl-10 {
    padding: 0;
}
body .app-frame .daily-inspiration.gretitude .quotes-views-section {
    padding: 0;
}
body .app-frame .daily-inspiration.gretitude .inspiration-points {
    padding-left: 0;
}
.no-challenge-cls .modal-dialog {
	max-width: 500px;
}
.login-banner {
	display: none;
}
.pricing ul li {
	font-size: 18px;
}
.pricing ul {
	padding: 30px 20px 10px;
}
.total-payment {
	width: 100%;
	margin: 20px auto;
}
.payment-method-img ul li img {
	width: 23%;
}
.payment-method-img ul li {
	padding: 0 0px 0 0;
}
.payment-method-img ul {
	margin: 20px 0 20px;
}
.drop-cls {
	margin-bottom: 15px;
	padding: 0 !important;
}
.app-frame {
	margin-bottom: 0;
}
.delete-block {
	float: none;
}
.form-control.price-snln {
    width: 100%;
    margin-right: 10px;
}
.brand-wdt50 {
	max-width: 85%;
}
.branding-page .co-input-group {
	margin-bottom: 10px;
}
.dashboard-banner {
	height: 200px;
}
.getlist1 {
	margin: 30px 0 5px;
}
.get-started-list a {
	font-size: 18px;
	line-height: normal;
}
.dashboard-banner h2 {
	font-size: 26px;
	text-align: center;
}
.main-payment .custom-select {
	margin-bottom: 20px;
}
.weekdays li {
	width: 12%;
	font-size: 14px;
}
.Challenge-created-suc p {
	font-size: 18px;
}
.Challenge-created-suc h1 {
	font-size: 26px;
}
.bottom-btn-arrow {
	height: 100px;
	background-image: none;
	margin-top: 0;
	background-color: #26c2ff;
}
.cl-btm-arrow {
	width: 60px;
	height: 60px;
	margin-top: 0;
	line-height: 60px;
	transform: translateX(-50%);
}
.contlibary-wdgt:hover .bottom-btn-arrow {
	background-image: none;
	background-color: #26c2ff;
}
/*-- n responsive ---*/
.challenge-header .header-btns {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #ddd;
    padding: 10px 0 0;
}
.dashboard-heading {
    font-size: 16px;
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 6px;
}
.menu-categoty-1 li a {
    font-size: 15px;
	padding: 8px 4px;
}
.app-frame-tabs {
    margin-top: 20px;
}
.app-frame .user_name h2 {
    font-size: 12px !important;
}
.form-control {
    font-size: 14px;
}
#coupnsadd .coupens-grid .delete-block {
    float: left;
    margin-top: 10px;
}
.challenge-inner p {
    margin-top: 0;
    font-size: 14px;
}
.discount-copuon {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
}
.challenge-right-block .app-frame-tabs {
    padding: 0;
}
.wall-gratitude-submit span.submit-container {
    padding: 4px 6px;
}
.wall-gratitude-submit {
    margin: 10px 0 0;
    text-align: left !important;
}
.app-heading-p {
    padding: 14px;
}
.block-elem img.border-circle {
    max-width: 42px;
    width: 42px;
}
.block-elem textarea.gratitude-textarea {
    padding: 12px 15px 12px 15px;
}
.menu-categoty-1 ul li img {
    max-width: 15px;
}
.content_timer h4 {
    font-size: 16px;
    margin-bottom: 18px;
}
.content_timer .timer_section span.colon {
    font-size: 40px;
}
.content_timer .timer_section .timer {
    padding: 15px 10px 4px!important;
    font-size: 22px;
}
.col-md-12.col-lg-10.col-12.challenge-right-block .challenge-inner .col-xl-5.col-md-6 {
    padding: 0;
}
.sub-drop-list {
    padding: 0;
}
.menu-categoty-1 ul li img {
    margin: 0 10px 0 0;
}
#result_div {
    padding: 0 0;
}
.app-frame .hedaer-bg .header-content {
    margin-top: 10px;
}
footer .footer-div img {
    max-width: 12px;
    margin-top: 0;
}
#challenge-color-details .app-frame {
    margin-top: 33px;
    padding-top: 20px;
    border-top: 4px solid #EEF;
}
#challenge-color-details .app-frame {
    max-width: 100%;
}
#onboardingform label.error {
    width: 100%;
    background-color: #fff;
    text-align: center;
}
.choose-color textarea.content3.form-control {
    padding: 10px 0;
}
.marvel-device.iphone-x .app-frame .hedaer-bg {
    padding: 12px 10px 9px;
}
.prizes-inner.col-md-12 {
    padding: 0;
}
.dashboard-heading {
    display: inline-block;
    width: auto;
}
.share-btn {
    display: contents;
}
.di-images.choose-color .tab {
    margin: auto;
    width: 100%;
    border: 0;
    background-color: transparent;
    border-radius: 0;
}
.di-images.choose-color .tab button {
    border: 1px solid #26c2ff;
}
.select-from-library button#save {
    margin: 10px auto;
}
.select-bckg {
    text-align: center;
}
.di-images.choose-color .select-box select {
    width: 100%;
}
.tab-content>.active .arrow {
    position: absolute;
    top: 0;
    right: -18px;
}
.app-frame-image-setting img {
    max-width: 100%;
}
.exit-dashboard a {
    font-size: 18px;
}
.inner-one li {
    margin-bottom: 6px;
    margin-right: 4px;
}
li.social-icons:nth-child(2) {
    padding: 2px 4px;
}
.box-1 p {
    font-size:12px;
    padding: 10px 4px;
}
.top-b.img-full.main-b .inner-one {
    margin: 10px 0 0;
}
.right-image .feed-img {
    width: 100%;
}
.challenge-right-block .app-frame .share-btn a {
    margin: 2px 2px;
    padding: 4px 14px !important;
}
#tab-1 .grid-item .box-item {
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    background-color: #eee;
    padding: 5px;
}
.tabcontent .di-images .col-4.upload-container, .tabcontent .di-images .col-8 {
    padding: 10px 0;
}
.dailyintention .list-inline {
    width: 100%;
}
.croppie-container {
    width: 100% !important;
}
form#onboardingform button.float-left.create-ur-own.btn-outline {
    width: 98%;
    display: initial;
}
svg#Layer_1 {
    max-width: 14px;
    margin-left: 6px;
}
.calender-strip {
    width: 100%;
}
#images-holder label.checkbox-container {
    text-align: left;
	width:100%;
}
.di-images .tab button {
    border: 1px solid;
    background-color: #fff;
}
.prizes-inner .co-input-group ul .list-inline-item:not(:last-child) {
    position: relative;
}
form#communityform textarea.form-control {
    padding-left: 10px;
}
.pricing-type p, .pricing-type input {
    display: revert;
    margin-bottom: 18px;
}
.submit-create-challenge {
    margin-left: 0;
    position: relative;
    bottom: 0;
    margin-bottom: 30px;
}
.prizes-inner .co-input-group ul {
    margin-bottom: 0;
}
.box-cls {
    margin: 10px 0 0;
}
.app-frame .quotes-views-section .lock i {
    font-size: 18px;
    width: 34px;
    height: 34px;
}
.quotes-views-b {
    padding: 10px 15px;
	margin-top:4px;
}
.calender-strip ul li, body.scheduling .month-item-name, .month-item-year {
    font-size: 14px;
}
.branding-page .color-indication li.list-inline-item .fa {
    font-size: 15px;
}
body .login-infor ul li {
    display: contents;
}
#checkbox_ul .col-md-6.col-xl-4.col-lg-6 {
    padding: 0;
}
div#coupnsadd .delete-block span.btn-icon {
    margin-right: 0 !important;
}
.avatar img {
    max-width: 32px;
    margin-left: 13px;
}
.register-now.mB-5, .regis-a.form-group {
    width: 100%;
    float: left;
}
.regis-a.form-group {
    padding: 0;
    margin-bottom: 0;
}
.peers.ai-c.jc-sb.fxw-nw {
    margin-top: 10px;
}
.app-bell-icon-two img {
    left: 0;
}
.right-image.user-view .feedback-b {
    width: 100%;
}
.box-1 p {
	font-size:12px;
}
.bckg_gray b {
    font-size: 14px;
}
.main-c .btn-area .share-btn a {
    padding: 1px 10px;
    font-size: 12px;
}
.app-frame-tabs .tab-content>.active .col-md-8 {
    padding: 10px 15px;
}
.challenge-header .header-btns li:last-child a {
    font-size: 14px;
}
button.create-ur-own.pt-2.pb-2.pl-3.pr-3 {
    margin-top: 0;
}
form#onboardingform .col-md-6.mb-4.mt-4 {
    margin-top: 0 !important;
}
.app-frame.onboarding_content {
    margin-top: 20px;
}
form#dailyintentionform button.create-ur-own {
    margin-top: 13px;
}
body.branding .welcome-message-preview {
    width: 50%;
}
}




@media only screen
and (min-device-width : 280px)
and (max-device-width : 480px){
.loin-form {
	padding: 5%;
}
.pricing ul li {
	font-size: 16px;
}
.gs-icon1 {
	width: 100px;
	height: 100px;
}
.gs-icon {
	width: 84px;
	height: 84px;
	line-height: 84px;
}
.color-indication li {
	width: calc(100% - 0px);
}
.inner-one .high-five {
    padding: 1px 8px;
}
}



@media only screen
and (min-device-width : 280px)
and (max-device-width : 568px){
.dashboard-heading {
    font-size: 16px;
}

.profile_div img {
    width: 40px;
    margin: 0 0 5px 10px;
}
.exit-dashboard a {
    font-size: 18px;
}
.header-btns {
	width: 100%;
	margin-bottom: 10px;
}
.tooltip-box ul, .tooltip-box ul li {
	margin: 0 !important;
}
.mt-3.tooltip-box {
	margin-top: 0 !important;
}
.tooltip-box label {
	display: none;
}
.dashboard-banner {
	height: 150px;
}
.full-calander {
	width: calc(100% - 8px);
}
.di-images .tab button {
    border-right: 0;
    width: 100%;
    border-bottom: 1px solid;
}
.slide_box {
    margin: 20px 0;
}
.di-images.float-left.created-images-section {
    padding: 0 5px;
}
.challenge-right-block .di-images .tab button {
    width: 100%;
    padding: 6px 0;
    font-size: 14px;
}
.cropimageshow, .cropimageshow2, .cropimageshow3 {
    width: 86% !important;
}
.box-cls .box.js label {
    margin-top: 0;
}
#mainContent .main-title {
    text-align: center;
}
form#challenge-color-details .choose-color {
    padding: 20px 24px;
    text-align: center;
}
.colorpicker {
    margin: auto;
}
header.challenge-header .col-md-2.col-lg-2.col-md-4 {
    max-width: 100%;
}
header.challenge-header .col-md-10 {
    max-width: 100%;
}
.regis-a input {
    width: 100%;
    margin-bottom: 13px;
}
body.app.base-challenge header.challenge-header {
    padding: 0;
}
.m-login input {
    width: 100%;
}
.full-screen .container-fluid {
    padding-right: 5px;
    padding-left: 5px;
}
.whole-bottm .lock i {
    font-size: 16px;
    width: 34px;
    height: 34px;
}
.inner-one li {
    margin-right: 0;
}
.inner-one .high-five {
    padding: 1px 4px;
}
.inner-one li span {
    font-size: 11px;
}
.tick-area.section-area.arrow-b b, .tick-area.section-area b {
    font-size: 11px;
}
.di-images.choose-color .tab button {
    border-bottom: 0;
}
.thankyou .message p {
    width: 100%;
}

}


@media only screen and (max-width: 767px) {
body.welcome.guest .welcome-banner {
    min-height: 100vh;
}
body.welcome.guest .welcome-data-detail p {
    font-size: 25px;
}
body.welcome.guest .welcome-banner {
    background-size: cover !important;
    background-position: left !important;
}
body.welcome.guest .welcome-data-detail {
    padding: 14px;
}
   body.base-challenge.welcome header.challenge-header{
        display: none;
    }
.prizes-inner .co-input-group ul {
    max-width: 40%;
}
.prizes-inner .co-input-group img {
    max-width: 100px;
}
}



@media only screen and (max-width: 415px) {

    body.welcome.guest .get_started > a{
        font-size: 14px;
        padding: 12px 20px;
    }

 
    body.base-challenge.welcome > .container{
        min-height: 736px;
    }

    body.base-challenge.thankyou img.thankyou-arrow{
        left: -18px;
        top: 197px;
        width: 118px;        
    }
.thankyou .download {
    margin: 10px 0;
}
}

@media only screen and (min-width: 375px) and (max-width: 376px) {

.thankyou .download a img {
    width: 96px;
}
}