@media (min-height: 800px){







}



@media (max-width: 1800px) {



.mobile-form-group .code-st {top: 12px;}

.login-main-sec {max-width: 430px; padding: 50px 0;}

.login-main-sec .login-box-main{padding: 15px;}

.login-tab-main .nav-tabs .nav-link{font-size: 26px; margin: 0 16px;}

.logintab-content-inner {padding: 30px 22px; }

.logintab-content-inner .below-btn-sec .btn {padding: 10px 15px; font-size: 14px; }

.logintab-content-inner .below-btn-sec .btn.btn-login {font-size: 16px; }

.logintab-content-inner .form-control {font-size: 14px; }

.logintab-content-inner .form-group {margin-bottom: 25px; }

.logintab-content-inner .sms-btn{font-size: 12px;}

.logintab-content-inner .below-btn-sec.signup-btn-sec {padding-top: 14px; }

.custom-checkbox label{font-size: 12px;}

.custom-checkbox label:before{padding: 8px;}

.custom-checkbox input:checked + label:after{width: 5px; height: 11px; border-width: 0 1px 1px 0;left: -23px;}

.logintab-content-inner .form-control.code-input{ width: 60px; height: 60px;  font-size: 26px;}

.dwn-app-main-sec .btn-back{font-size: 16px;}

.dwn-app-main-sec .dwn-app-text {font-size: 28px; padding: 30px 0px 30px; }

.dwn-app-main-sec .btn-back i {margin-right: 8px; font-size: 17px; }

.dwn-app-main-sec .dwn-app-btn-sec .btn-links img {max-width: 138px; }

.dwn-app-main-sec .dwn-app-btn-sec .btn-links {margin: 0 4px 20px; }





.datepicker td, .datepicker th { font-size: 14px; }

.login-main-sec.setup-profile-main {max-width: 960px; }



.login-box-main.profile-inner-wrap h4 {font-size: 28px; line-height: 42px; }

.edit-profile-preview-main .avatar-upload .avatar-preview {width: 94px; height: 94px;}

.edit-profile-preview-main .avatar-upload .avatar-edit input + label {width: 24px; height: 24px;}

.edit-profile-preview-main .avatar-upload .avatar-edit input + label:after {top: 3px; font-size: 14px; left: 2px; }

.edit-profile-preview-main .avatar-upload {max-width: 99px; }

.profile-form-main .profile-img-sec {width: 110px; }

.profile-form-main .personal-info-sec {width: calc(100% - 110px); padding-left: 22px; }

.custom-radio label {padding: 8px 22px; margin-left: 6px; }

.personal-info-sec .form-group {margin-bottom: 30px; }

.profile-form-main{margin-top: 40px;}

.login-main-sec.setup-profile-main .login-box-main {padding: 22px 15px; }





.login-box-main.profile-inner-wrap h4.gardian-title {font-size: 22px; margin-bottom: 28px; }









.my-profile-main {padding: 70px 0px; }

.my-profile-main .my-profile-inner { max-width: 1200px;}

.my-profile-main .my-profile-inner .white-box {padding: 26px 22px; }

.my-profile-main .my-profile-inner .img-sec {width: 100px; height: 100px; }

.my-profile-main .my-profile-inner .user-name {margin-top: 16px; }

.my-profile-main .personal-wrap .info-text {margin-bottom: 18px; }

.my-profile-main .personal-wrap .info-text p.title {width: 140px; font-size: 13px; }

.my-profile-main .personal-wrap .info-text p.content {width: calc(100% - 140px); font-size: 15px; }

.my-profile-main .my-profile-inner .profile-col.profile-img-col {width: 15%; }

.my-profile-main .my-profile-inner .profile-col.profile-personal-col{width: 50%;}

.my-profile-main .my-profile-inner .profile-col.profile-gardian-col{width: 35%;}

.my-profile-main .my-profile-inner .main-title {margin-bottom: 45px; }

.sub-active-info .trial-text {font-size: 18px; }

.sub-active-info .active-plan{margin-left: 6px;}

.sub-active-info h4{margin-bottom: 6px;}

.sub-active-info p{font-size: 14px;}

.notes-sub-wrap p{font-size: 12px;}

.subscription-pricing-main .sub-title-wrap .cancel-sub{font-size: 16px;}





.header-main .header-inner-main .header-inner .header-menu ul li a:after{bottom: -26px;}

.header-main.animate {top: -76px; }

.stick-footer-bottom{padding-top: 76px;}



.personal-info-sec .form-group.fun-parentid-main img.parent-qr-code {top: 14px;  }

.header-main .person-info .dropdown.person-dropdown .person-name{font-size: 16px;}

.header-main .person-info .dropdown.person-dropdown .person-name{width: calc(100% - 42px);}

.header-main .person-info .dropdown-toggle::after {top: 8px; right: 30px; }







}







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

Large devices (desktops, less than 1200px)

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



@media (max-width: 1700px) {



}



@media (max-width: 1600px) {



}





@media (max-width: 1550px) { 









}





@media (max-width: 1499px) { 

 



}





@media (max-width: 1450px) { 







}



@media (min-width: 1200px) {

  





}





@media (max-width: 1399px) { 







}





@media(max-width:1299px ){











}







@media (max-width: 1199.98px) {



.dwn-app-main-sec .dwn-app-text {font-size: 24px; padding: 28px 0px; }

.login-tab-main .nav-tabs .nav-link {font-size: 22px; margin: 0 14px;}

.login-main-sec {max-width: 420px; }





.login-main-sec.setup-profile-main {max-width: 900px; }

.login-box-main.profile-inner-wrap h4 {font-size: 24px; line-height: 32px; }

.custom-radio label {padding: 8px 16px;  }

.other-input-field {margin-top: 16px; }



.my-profile-main .my-profile-inner {max-width: 960px; }

.my-profile-main .my-profile-inner .img-sec {width: 80px; height: 80px; }

.my-profile-main .my-profile-inner .profile-col.profile-img-col {width: 17%; }

.my-profile-main .my-profile-inner .profile-col.profile-personal-col {width: 48%; }

.my-profile-main .my-profile-inner .white-box {padding: 22px 15px; }

.my-profile-main .personal-wrap .info-text p.title {width: 120px; font-size: 12px; }

.my-profile-main .personal-wrap .info-text p.content {width: calc(100% - 120px); font-size: 14px; }

.my-profile-main .personal-wrap .info-text {margin-bottom: 14px; }

.my-profile-main .personal-wrap h4 {font-size: 18px; }

.my-profile-main .personal-wrap {padding-top: 6px; }

.my-profile-main .my-profile-inner .main-title {margin-bottom: 38px; }



.sub-active-info {margin-bottom: 30px; }

.notes-sub-wrap {padding: 0 30px; margin-top: 12px; }

.sub-active-info .trial-text {font-size: 16px; }





}





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

// Medium devices (tablets, less than 992px)

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





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







}







@media (max-width: 991.98px) {



.login-main-sec.setup-profile-main {max-width: 778px; padding: 50px 15px; }

.profile-form-main .personal-info-sec {padding-left: 10px; }

.custom-radio label {padding: 8px 8px; margin-left: 4px;}

.personal-info-sec .form-group {margin-bottom: 22px; }

.custom-radio .radio-name {font-size: 15px;}

.login-box-main.profile-inner-wrap h4.gardian-title {font-size: 18px; margin-bottom: 22px; }

.my-profile-main {padding: 50px 0px; }

.my-profile-main .my-profile-inner .white-box {padding: 16px 15px; border-radius: 14px; }

.my-profile-main .my-profile-inner .user-name h4 , .my-profile-main .personal-wrap h4{font-size: 16px; }

.my-profile-main .personal-wrap .info-text p.title {width: 100px; }

.my-profile-main .personal-wrap .info-text p.content {width: calc(100% - 100px); font-size: 13px; line-height: 18px; }

.my-profile-main .my-profile-inner .profile-col.profile-personal-col {width: 45%; }

.my-profile-main .my-profile-inner .profile-col.profile-gardian-col {width: 38%; }



.header-main .header-inner-main nav.navbar .login-btn{margin-right: -35px;}

.header-main .person-info .dropdown-toggle::after {top: 8px; right: -7px; }

.header-main .person-info{margin-right: 70px;}

.header-main .header-inner-main .header-inner .header-right button.navbar-toggler {top: 19px; }

.header-main .header-inner-main .header-inner .header-menu ul li a.active {color: #ffffff; text-shadow: 1px 0px 0px #ffffff; }

.header-main .header-inner-main .header-inner .header-menu ul li a:after {bottom: 0; }

.header-main .header-inner-main .header-inner .header-menu ul li a{ padding: 15px 15px;}





.header-main .header-inner-main .header-inner .header-menu .header-menu-inner {top: 73px; height: calc(100vh - 73px);}


.subscription-pricing-main .sub-title-wrap .cancel-sub {white-space: normal; padding-left: 10px; text-align: center;}





}











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

// Small devices (landscape phones, less than 768px)

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







@media (max-width: 767.98px) {

.subscription-pricing-main .sub-title-wrap .cancel-sub {white-space: nowrap; }


.login-main-sec { max-width: 380px; padding: 50px 15px;}

.dwn-app-main-sec .dwn-app-text {font-size: 20px; padding: 28px 36px; }

.logintab-content-inner .form-control.code-input {width: 50px; height: 50px;  }

.login-main-sec .login-box-main{border-radius: 12px;}





.login-box-main.profile-inner-wrap h4 {font-size: 22px; line-height: 30px; }

.profile-form-main {display: block; margin-top: 30px;}

.profile-form-main .personal-info-sec {width: 100%; padding-left: 0px; }





.my-profile-main .my-profile-inner .profile-col.profile-img-col,

.my-profile-main .my-profile-inner .profile-col.profile-personal-col,

.my-profile-main .my-profile-inner .profile-col.profile-gardian-col {width: 100%;}

.my-profile-main .my-profile-inner .profile-row{display: block;}

.my-profile-main .my-profile-inner .profile-col{margin-bottom: 30px;}

.my-profile-main .my-profile-inner {max-width: 560px; }

.my-profile-main {padding: 50px 0px 0; }



.sub-active-info {margin-bottom: 16px; }

.notes-sub-wrap {width: 100%; margin-left: 0; margin-top: 26px; padding: 0 15px;}

.sub-active-info .trial-text {font-size: 12px; }

.sub-active-info h4 {margin-bottom: 0; }

.sub-active-info p {font-size: 12px; }

.subscription-pricing-main .sub-title-wrap .cancel-sub {font-size: 14px; }

.my-profile-main .my-profile-inner .main-title h4{font-size: 20px;}



.header-main.animate {top: -74px; }

.stick-footer-bottom{padding-top: 74px;}



.personal-info-sec .form-group.fun-parentid-main img.parent-qr-code {top: 10px; }



.header-main .header-inner-main .header-inner .header-menu .header-menu-inner {top: 70px; height: calc(100vh - 70px);}


.mobile-form-group .code-st {top: 9px; }

.header-main .person-info .dropdown.person-dropdown .person-name {width: calc(100% - 14px); }

.header-main .person-info .person-img {margin-left: 10px; }
}











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

Extra small devices (portrait phones, less than 576px)

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





@media (max-width: 575.98px) {

.subscription-pricing-main .sub-title-wrap .cancel-sub {padding-left: 0px; width: calc(100px + 0px); white-space: nowrap;}
.subscription-pricing-main .sub-title-wrap .cancel-sub.act-subscribe {width: calc(55px + 0px); white-space: nowrap; }

.logintab-content-inner {padding: 30px 10px;}

.dwn-app-main-sec .dwn-app-text {font-size: 17px; padding: 24px 12px; }

.dwn-app-main-sec .dwn-app-btn-sec .btn-links img {max-width: 118px; }



.dwn-app-main-sec .btn-back {font-size: 14px; }

.dwn-app-main-sec .btn-back i {margin-right: 6px; font-size: 14px; }

.login-tab-main .nav-tabs .nav-link {font-size: 18px; margin: 0 14px; }



.logintab-content-inner {padding: 16px 0px; }



.logintab-content-inner .form-group {margin-bottom: 20px; }

.logintab-content-inner .below-btn-sec .btn.btn-login {font-size: 14px; }

.logintab-content-inner .below-btn-sec .btn {padding: 7px 15px; font-size: 12px; }



.logintab-content-inner .below-btn-sec.signup-btn-sec {padding-top: 8px; }

.custom-checkbox label {font-size: 11px; }

.logintab-content-inner .sms-btn {font-size: 10px; }

.logintab-content-inner .form-control.code-input {width: 44px; height: 44px; font-size: 22px; margin: 0 6px; border-radius: 6px; }

.login-tab-main .nav-tabs .nav-item.show .nav-link, .login-tab-main .nav-tabs .nav-link.active {text-shadow: 1px 0px 0px #162941; }



.login-box-main.profile-inner-wrap h4 {font-size: 20px; line-height: 26px; }

.other-input-field {margin-top: 12px; }



.btn-mt {margin-top: 20px; }

.login-box-main.profile-inner-wrap h4.gardian-title {font-size: 17px; margin-bottom: 16px; }

.personal-info-sec .user-info-box {padding: 15px; }



.my-profile-main .my-profile-inner .main-title {margin-bottom: 22px; }

.my-profile-main .personal-wrap .info-text p.content {width: calc(100% - 100px); font-size: 12px; line-height: 16px; }

.my-profile-main .personal-wrap .info-text p.title {width: 90px; font-size: 11px; }

.my-profile-main .personal-wrap .info-text {margin-bottom: 8px;}



.subscription-pricing-main .sub-title-wrap{display: block;}

.subscription-pricing-main .sub-title-wrap .cancel-sub{margin-bottom: 10px; font-size: 12px;}





.header-main.animate {top: -72px; }

.stick-footer-bottom{padding-top: 72px;}





}





@media(max-width:567px ){











}



@media (max-width: 540px) { 



  

  }





@media (max-width: 480px) { 

















}





@media (max-width: 430px) { 



  





}





@media (max-width: 400px) { 





 



}





@media (max-width: 385px) { 















}







@media (max-width: 375px) {



}





@media (max-width: 360px) { 



.my-profile-main .personal-wrap .info-text {display: block;  }

.my-profile-main .personal-wrap .info-text p {width: 100% !important; }









}