@media(max-width:560px) {
    .ui-pnotify-mobile-able.ui-pnotify {
        right: 0!important
    }
    .media-body {
        width: 100%
    }
    .media-body,
    .media-left,
    .media-right {
        display: block;
        vertical-align: top
    }
    .right-panel h4 {
        font-size: 16px
    }
}
@media(max-width:767px) {
    ul.nav.navbar-nav.navbar-right {
        position: absolute;
        top: 0;
        right: 5%
    }
}
@media(max-width:601px) {
    ul.nav.navbar-nav.navbar-right {
        position: absolute;
        top: 0;
        right: 5%
    }
    .dynamatrix-panel .panel-title {
        color: #fff;
        font-size: 16px
    }
    .mb-center {
        text-align: center
    }
    .left-panel img {
        display: inline-block;
        padding-top: 10%
    }
    .gender-section .left-panel img {
        padding-top: 0
    }
    .common-main-container.marginbot-50.gender-section {
        margin-bottom: 10%
    }
    .form-inner h3 {
        font-size: 16px
    }
}

@media(max-width:400px) {
    .dynamatrix-panel .panel-body {
        padding: 4%;
        overflow-y: auto
    }
    .btn-action {
        margin-bottom: 34%!important
    }
}

@media(max-width:360px) {
    .form-inner h3 {
        font-size: 14px
    }
    .right-panel h4 {
        font-size: 12px
    }
}

@media (height:600px) {
    .common-main-container .form-inner {
        padding: 20px 0!important
    }
}

@media(min-height:400px) and (max-height:500px) {
    .common-main-container {
        margin-top: 0;
        height: 66vh!important;
        padding-bottom: 0;
        padding-top: 0
    }
    .custom-form-group .form-control,
    .custom-form-group label,
    h4 {
        font-size: 14px
    }
    .marginbot-50 {
        margin-bottom: 0!important
    }
    .common-main-container .media {
        margin-top: 0
    }
    .common-main-container .form-inner {
        padding: 0
    }
    .common-main-container .form-inner .custom-form-group {
        margin-bottom: 10px
    }
    .common-main-container .marginbot-30,
    .per-form .marginbot-30 {
        margin-bottom: 10px!important
    }
    .common-main-container h3 {
        margin-top: 10px;
        font-size: 16px
    }
    .left-panel img {
        padding-top: 10px
    }
    .db-panel-body {
        padding-bottom: 0;
        padding-top: 0;
        height: 55vh!important
    }
    .db-panel {
        margin-top: 0
    }
    .per-form {
        padding: 0
    }
    .per-form .custom-form-group {
        margin-bottom: 5px
    }
    .per-form .cust-hr {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .p-panel-body h4,
    .summary-title {
        margin-top: 5px
    }
    .mb-marginbot-10 {
        margin-bottom: 5px
    }
    .db-panel-pd {
        padding: 0!important
    }
    .p-panel-body {
        padding-bottom: 0
    }
    .p-panel-body .form-inner {
        padding: 0
    }
    .p-panel-body .form-group,
    .p-panel-body .preview-icons {
        margin-bottom: 0
    }
    .cust-small-container {
        padding-top: 30px!important
    }
    .share-panel-body {
        /*height: 70vh!important;*/
        -webkit-overflow-scrolling: touch!important
    }
    .center-modal {
        top: 100px
    }
}

@media(min-height:501px) and (max-height:600px) {
    .common-main-container {
        margin-top: 0;
        height: 66vh!important;
        padding-bottom: 0;
        padding-top: 0
    }
    .custom-form-group .form-control,
    .custom-form-group label,
    h4 {
        font-size: 16px
    }
    .marginbot-50 {
        margin-bottom: 0!important
    }
    .common-main-container .media {
        margin-top: 0
    }
    .common-main-container .form-inner {
        padding: 0
    }
    .common-main-container .form-inner .custom-form-group {
        margin-bottom: 10px
    }
    .common-main-container .marginbot-30,
    .per-form .marginbot-30 {
        margin-bottom: 10px!important
    }
    .common-main-container h3 {
        margin-top: 10px;
        font-size: 18px
    }
    .left-panel img {
        padding-top: 10px
    }
    .db-panel-body {
        padding-bottom: 0;
        padding-top: 0;
        height: 55vh!important;
    }
    .submit-btn {
        padding: 8px 15px;
    }
    .db-panel {
        margin-top: 0
    }
    .per-form {
        padding: 0
    }
    .per-form .custom-form-group {
        margin-bottom: 5px
    }
    .per-form .cust-hr {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .p-panel-body h4,
    .summary-title {
        margin-top: 5px
    }
    .mb-marginbot-10 {
        margin-bottom: 5px
    }
    .db-panel-pd {
        padding: 0!important
    }
    .p-panel-body {
        padding-bottom: 0
    }
    .p-panel-body .form-inner {
        padding: 0
    }
    .p-panel-body .form-group,
    .p-panel-body .preview-icons {
        margin-bottom: 0
    }
    .cust-small-container {
        padding-top: 30px!important
    }
    .share-panel-body {
        /*height: 450px!important;*/
        -webkit-overflow-scrolling: touch!important
    }
    .center-modal {
        top: 150px
    }
}

@media(min-height:601px) and (max-height:699px) {
    .common-main-container {
        margin-top: 0;
        padding-bottom: 0
    }
    .common-main-container .form-inner {
        padding: 0
    }
    .common-main-container .form-inner .custom-form-group {
        margin-bottom: 10px
    }
    .common-main-container .marginbot-30 {
        margin-bottom: 10px!important
    }
    .common-main-container h3 {
        margin-top: 10px;
        font-size: 20px
    }
    .left-panel img {
        padding-top: 10px
    }
    .db-panel-body {
        padding-bottom: 0;
        height: 60vh
    }
    .db-panel {
        margin-top: 0
    }
    .p-panel-body h4,
    .summary-title {
        margin-top: 5px
    }
    .per-form {
        padding: 0
    }
    .per-form .custom-form-group {
        margin-bottom: 5px
    }
    .db-panel-pd {
        padding: 0 15px!important
    }
    .per-form .marginbot-30 {
        margin-bottom: 15px!important
    }
    .panel-body {
        padding-bottom: 0
    }
    .p-panel-body .preview-icons {
        margin-bottom: 0
    }
    .p-panel-body .marginbot-50 {
        margin-bottom: 0!important
    }
    .p-panel-body .form-inner {
        padding: 10px 0
    }
    .p-panel-body .form-group {
        margin-bottom: 0
    }
    .p-panel-body {
        padding-bottom: 0
    }
    .cust-common-container {
        padding-bottom: 80px
    }
    .cust-small-container {
        padding-top: 30px!important
    }
    .share-panel-body {
        /*height: 500px!important;*/
        -webkit-overflow-scrolling: touch!important
    }
    .center-modal {
        top: 200px
    }
}

@media(min-height:700px) and (max-height:799px) {
    .common-main-container {
        margin-top: 0
    }
    .common-main-container .form-inner .custom-form-group {
        margin-bottom: 10px
    }
    .common-main-container h3 {
        margin-top: 10px
    }
    .db-panel-body {
        padding-bottom: 0;
        height: 60vh
    }
    .db-panel {
        margin-top: 0
    }
    .per-form {
        padding: 0
    }
    .per-form .marginbot-30 {
        margin-bottom: 15px!important
    }
    .per-form .custom-form-group {
        margin-bottom: 5px
    }
    .per-form .cust-hr {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .db-panel-pd {
        padding: 0 15px!important
    }
    .panel-body {
        padding-bottom: 0
    }
    .p-panel-body .preview-icons {
        margin-bottom: 0
    }
    .p-panel-body .marginbot-50 {
        margin-bottom: 0!important
    }
    .p-panel-body .form-inner {
        padding: 10px 0
    }
    .p-panel-body .form-group {
        margin-bottom: 0
    }
    .summary-title {
        margin-top: 5px
    }
    .cust-common-container {
        padding-bottom: 150px
    }
    .cust-small-container {
        padding-top: 40px!important
    }
}

@media(min-height:800px) and (max-height:899px) {
    .common-main-container,
    .db-panel {
        margin-top: 0
    }
    .db-panel-body {
        padding-bottom: 0
    }
    .per-form {
        padding: 0
    }
    .db-panel-pd {
        padding: 0 15px!important
    }
    .p-panel-body .marginbot-50 {
        margin-bottom: 0!important
    }
    .p-panel-body .form-inner {
        padding: 10px 0
    }
    .p-panel-body .form-group {
        margin-bottom: 10px
    }
    .summary-title {
        margin-top: 5px
    }
    .p-panel-body .preview-icons {
        margin-bottom: 0
    }
    .p-panel-body {
        padding-bottom: 0
    }
    .cust-common-container {
        padding-bottom: 200px
    }
    .cust-small-container {
        padding-top: 50px!important
    }
}

@media(min-height:900px) and (max-height:1000px) {
    .common-main-container {
        margin-top: 0
    }
    .db-panel-body {
        padding-bottom: 0
    }
    .p-panel-body .marginbot-50 {
        margin-bottom: 0!important
    }
    .p-panel-body .form-inner {
        padding: 10px 0
    }
    .p-panel-body .form-group {
        margin-bottom: 10px
    }
    .cust-common-container {
        padding-bottom: 300px
    }
    .cust-small-container {
        padding-top: 60px!important
    }
}

@media(min-width:1281px) {
    .main-progress-bar {
        width: 66%!important;
        margin: auto
    }
    .per-prog {
        z-index: 9999;
        position: static;
        margin-top: 10px!important
    }
    #email-info .modal-dialog {
        width: 650px
    }
    .form-login {
        z-index: 1;
        background: #FFF;
        position: relative;
        border-radius: 15px;
    }
    .per-form .custom-form-group .control-label {
        margin-top: 0!important
    }
}

@media(min-width:1440px) {
}

@media(min-width:768px) {
    .db-panel,
    .form-login {
        border-radius: 15px;
    }
    body {
        background-position: 100% 85%
    }
    .per-form .custom-form-group .control-label {
        margin-top: 10px
    }
    .mb-display-iblk {
        display: none
    }
    .login-page {
        padding: 0;
        margin: 0 auto;
        max-width: 380px;
    }
    .form-login {
        position: relative;
        z-index: 1;
        background: #FFF;
    }
    .db-panel-body,
    .p-panel-body {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px
    }
    .db-panel-body {
        overflow: auto
    }
    .dtabs.nav-justified>li:nth-child(5).active>a {
        border-top-right-radius: 15px!important
    }
    .dtabs.nav-justified>li:nth-child(1).active>a {
        border-top-left-radius: 15px!important
    }
    .dtabs.nav-justified>li>a {
        border-radius: 0!important
    }
    .db-panel-pd {
        padding: 15px 30px 15px 15px
    }
    .panel-trans {
        width: 80%;
        margin-left: 10%
    }
    .right-panel {
        padding: 0 10%
    }
    .custom-btn {
        font-size: 14px
    }
    .ptabs.nav-justified>li:nth-child(2).active>a {
        border-top-right-radius: 15px!important
    }
    .ptabs.nav-justified>li:nth-child(1).active>a {
        border-top-left-radius: 15px!important
    }
    .ptabs.nav-justified>li>a {
        border-radius: 0!important;
        padding: 12px;
        font-size: 14px
    }
    .share-panel-pd {
        padding: 0 2%
    }
    .panel-body-grey h4 {
        height: 22px
    }
    .d-marginbot-30 {
        margin-bottom: 30px!important
    }
}

@media(min-width:320px) and (max-width:360px) {
    .login_social {
        margin-left: 20%
    }
    .login_social li {
        width: 25%
    }
    .db-panel-body {
        border: 1px solid #3eb8d6!important
    }
    .per-prog {
        position: relative;
        top: 15px!important
    }
    .mb-marginbot-0 {
        margin-bottom: 0!important
    }
    .wizard-card-footer .btn-fill {
        padding: 5px 15px
    }
    .common-main-container h3 {
        font-size: 16px!important
    }
    .db-nav>li {
        display: inline-block!important
    }
    .db-nav>li:first-child img.mb-mtn-10 {
        position: relative;
        top: -5px
    }
    .mb-mtn-20 {
        position: relative;
        top: -5px;
    }
    
}

@media (width:320px) {
    .common-main-container h3 {
        margin-bottom: 0!important;
        margin-top: 5px
    }
}

@media(min-width:361px) and (max-width:767px) {
    .submit-btn {
        padding: 10px!important;
    }
    .wizard-card-footer .btn-fill {
        padding: 10px 25px;
    }
    .common-main-container h3 {
        font-size: 18px!important;
    }
}

@media(min-width:320px) and (max-width:599px) {
    .prog-pos {
        position: relative;
        bottom: -15px;
    }
    .preview-icons {
        text-align: left;
        padding-left: 0;
    }
    .db-nav>li {
        display: inline-block!important;
    }
    .db-nav>li:first-child img.mb-mtn-10 {
        position: relative;
        top: -5px
    }
    .mb-mtn-20 {
        position: relative;
        top: -5px
    }
    
}

@media (width:1024px) {
    .db-panel-pd {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
}

@media (max-width:767px) {
    .media-body {
        width: 100%
    }
    .media-body,
    .media-left,
    .media-right {
        display: block;
        vertical-align: top
    }
    .center-modal {
        top: 40%;
        transform: translateY(-40%)!important
    }
}
@media(min-width:768px) and (max-width:992px){
    .cust-title{
        width: 90px !important;
        height: 90px !important;
        padding-top: 30px !important;
    }
}
@media(min-width:380px) and (max-width:767px){
    .cust-title{
        width: 70px !important;
        height: 70px !important;
        padding-top: 18px !important;
    }
}
@media(min-width:160px) and (max-width:379px){
    .cust-title{
        width: 60px !important;
        height: 60px !important;
        padding-top: 12px !important;
    }
}
@media(min-width:320px) and (max-width:767px) {
    body {
        
    }
    .bg-login {
        /*display: block !important;*/
    }
    .submit-margin {
        margin-top: 60px
    }
    .per-form .custom-form-group .control-label {
        margin-top: 10px
    }
    .login-page {
        padding: 0;
        margin: auto;
        max-width: 380px;
        background-color: #ffffff;
    }
    .row-mob{
        margin: 0px !important;
    }
    .col-mob{
        padding: 0px !important;
    }
    .form-login {
        position: relative;
        border: none;
    }
    .form-control{
        display: block;
        width: 100% !important;
        position: relative;
        margin-left: 0px !important;
    }
    .form-control-pwd{
        display: inline-block;
        width: 100% !important;
        margin-left: 0px !important;
    }

    .login-social{
        display: block;
        width: 100% !important;
        margin-left: 0px !important;
    }
    .icon-input {
        left: 0px !important;
    }
    .login_with{
        border: none;
    }
    .login_with p{
        top: -10px;
    }
    .curr-icon {
        margin-top: 7px;
        font-size: 16px
    }
    
    .img-more-text {
        width: 70px
    }
    .table-responsive {
        display: block
    }
    .wizard-card-footer.clearfix {
        padding: 10px
    }
    .wizard-card-footer .btn-fill {
        font-size: 14px
    }
    .mb-nodisplay {
        display: none
    }
    .mb-display-blk {
        display: block
    }
    .mb-display-iblk {
        display: inline-block
    }
    .fs-30,
    .mb-nodisplay-blk {
        display: none
    }
    .mb-pd0 {
        padding: 0!important
    }
    .mb-pdl-5 {
        padding-left: 5px!important
    }
    .mb-preview-img {
        height: 23px
    }
    .mb-mtn-10 {
        margin-top: -10px
    }
    .mb-mtn-20 {
        margin-left: 6px;
        top: -5px
    }
    .slash {
        font-size: 20px;
        margin-top: 5px
    }
    .wid-10 {
        width: 10px;
        padding-right: 5px
    }
    .mb-display-name {
        width: 80px;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100px;
        overflow: hidden;
        display: inline-block;
        font-size: 12px;
        margin-bottom: 0px;
    }
    .db-panel {
        position: relative;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
    }
    .mb-display-tabs {
        position: absolute;
        bottom: -70px;
        width: 100%;
        background-color: #fff
    }
    .mb-ptabs {
        bottom: -40px
    }
    .submit-btn {
        bottom: -80px
    }
    .db-nav>li {
        display: inline-grid
    }
    .dtabs.nav-justified {
        border: 1px solid;
        border-color: rgba(66, 188, 220, .38)!important;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px
    }
    .dtabs.nav-justified>li:nth-child(1).active,
    .dtabs.nav-justified>li:nth-child(1).active>a {
        border-bottom-left-radius: 15px
    }
    .dtabs.nav-justified>li:nth-child(5).active,
    .dtabs.nav-justified>li:nth-child(5).active>a {
        border-bottom-right-radius: 15px
    }
    .dtabs.nav-justified>li {
        display: inline-block;
        float: left;
        width: 20%;
        height: 70px
    }
    .dtabs.nav-justified>li>a {
        font-size: 11px;
        height: 50px;
        margin: 0;
        padding: 10px!important
    }
    .db-panel-pd,
    .p-panel-body .form-inner,
    .right-panel {
        padding: 0
    }
    .dtabs.nav-justified>li.active {
        background: linear-gradient(to right, #3ab4d1 0, #53cbf1 50%, #40cbbe 100%)!important
    }
    .db-panel-body,
    .p-panel-body {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px
    }
    .db-panel-body {
        height: 60vh;
        overflow: auto
    }
    .p-panel-body {
        height: 65vh;
        overflow: auto
    }
    .fa-envelope,
    .fa-print,
    .fa-share-alt,
    .icon-pencil {
        font-size: 20px
    }
    .p-panel-body .marginbot-50 {
        margin-bottom: 0!important
    }
    .db-panel-pd h4 {
        font-size: 13px!important;
        margin-top: 10px!important
    }
    .panel-trans {
        width: 90%;
        margin-left: 5%
    }
    .common-main-container {
        height: 70vh;
        overflow: auto
    }
    .custom-btn {
        font-size: 12px;
        /*padding: 5px*/
    }
    .name-toggle {
        display: inline-block;
        float: right;
        padding-bottom: 0!important
    }
    .share-panel-body {
        /*height: 75vh;*/
        -webkit-overflow-scrolling: touch!important
    }
    .name-dropdown-menu li a {
        text-align: right;
        font-size: 12px
    }
    .navbar-nav .open .name-dropdown-menu {
        position: absolute!important;
        right: 0!important;
        left: auto!important
    }
    .custom-form-group .form-control {
        font-size: 12px;
        padding-right: 0;
        height: 25px;
    }
    .custom-form-group label {
        font-size: 12px
    }
    .v-select .selected-tag {
        font-size: 12px
    }
    input[type=radio]+label:not(.male):not(.female):not(.yes-share-partner):not(.no-share-partner):not(.no-share-partner-female) {
        font-size: 20px!important
    }
    input[type=radio]+label,
    input[type=radio]:checked+label {
        padding-top: 30px;
        background-position: 50% 80%!important;
        font-size: 10px!important
    }
    input[type=radio]+label {
        width: 90px;
        height: 90px
    }
    
    .ptabs.nav-justified {
        border: 1px solid;
        border-color: rgba(66, 188, 220, .38)!important;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px
    }
    .ptabs.nav-justified>li:nth-child(1).active,
    .ptabs.nav-justified>li:nth-child(1).active>a {
        border-bottom-left-radius: 15px
    }
    .ptabs.nav-justified>li:nth-child(2).active,
    .ptabs.nav-justified>li:nth-child(2).active>a {
        border-bottom-right-radius: 15px
    }
    .ptabs.nav-justified>li {
        display: inline-block;
        float: left;
        width: 50%;
        height: 40px
    }
    .ptabs.nav-justified>li>a {
        font-size: 11px;
        height: 40px;
        margin: 0;
        padding: 10px!important
    }
    .ptabs.nav-justified>li.active {
        background: linear-gradient(to right, #3ab4d1 0, #53cbf1 50%, #40cbbe 100%)!important
    }
    .det-prog-pos {
        bottom: -70px
    }
    .warning-text {
        font-size: 10px
    }
    .warning-text.m-rec-text {
        font-size: 11px;
    }
    .progress-bar-primary span,
    .progress-bar-success span {
        display: none
    }
    .cust-progress {
        height: 5px
    }
    .bg-op {
        background-color: rgba(255, 255, 255, .9)
    }
    .per-prog {
        position: relative;
        top: 20px
    }
    .dbw-10 {
        width: 99%!important
    }
    .mb-btn {
        margin-top: 10px;
        padding: 10px
    }
    .mb-icons {
        margin-top: 15px
    }
    .mb-share-title {
        display: block
    }
    #income-info p {
        font-size: 11px
    }
    .fa-info-circle {
        font-size: 15px;
        cursor: pointer;
    }
    .preview-btn {
        position: relative;
        top: 3px;
        padding: 5px 10px
    }
    .center-modal .modal-content {
        max-height: 460px;
        overflow: auto
    }
    .preview-icons {
        padding: 0
    }
    .preview-icons .icon {
        margin-top: 10px
    }
    .p-panel-body .db-panel-pd {
        padding: 0!important
    }
    #email-info .modal-dialog {
        width: auto
    }
    .login_social li img {
        height: 40px;
    }
}
@media (max-width: 320px){
    .copy {
        display: none !important;
    }
}
@media (max-height: 560px){
    .copy {
        display: none !important;
    }
}
@media (max-width: 767px) and (min-width: 375px){
    .login-page {
        /*margin-top: 8%;*/
    }
}
@media (max-height: 600px) and (min-height: 501px){
    .share-panel-body {
        height: 81%;
    }
}
@media (max-width: 1601px) and (min-width: 1441px) {
    .upload-wizard {
        right: 20%;
        bottom: 15%;
    }
}
@media (max-width: 2000px) and (min-width: 1600px){
    .upload-wizard {
        right: 25%;
        bottom: 15%;
    }
}
@media (max-width: 1000px) and (min-width: 320px) {
    ::-webkit-scrollbar-thumb {
        background: #ffffff;
        border-radius: 10px;
    }
    ::-webkit-scrollbar {
        width: 0px;
    }
    .background-color.auto-height-card {
        height: auto !important;
    }
    .post-img img{
        margin-top: -8px;
        width: 16px;
    }
    .vrs-img {
        float: none;
    }
    .nav-text{
        font-size: 12px;
    }
    .active-circle .nav-text{
        display: block !important;
    }
    .text-align-center .nav-text{
        text-align: center;
    }
    .open-confirm-btn .yes-btn, .open-confirm-btn .nos-btn{
        font-size: 14px !important;
    }
    .share-table-body{
        position: relative;
        display: inline;
        margin-top: 10px;
    }
    .font-size-12{
        font-size: 13px;
        line-height: 20px !important;
    }
    .mob-share-table-body{
        font-size: 13px;
    }
    .mob-share-table-body input[type=checkbox], .mob-share-table-body input[type=radio] {
        margin: 4px 0 0;
        margin-top: 1px\9;
        line-height: normal;
        width: 20px;
        height: 20px;
    }
    .mob-share-table-body span, .mob-share-table-body div{
        line-height: 24px;
    }
    .checkbox-share{
        float: right;
        margin-right: 10px;
    }
    .mob-share-table-body .revoke-btn {
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 5px 18px!important;
    }
    .for-expand-collapse .mb-icons {
        margin-top: -15px;
    }
    .for-expand-collapse h3 {
        font-size: 18px;
    }
    .s-num{
        padding-right: 10px;
    }
    .padding-left-10{
        padding-left: 20px;
    }
    .mob-share-table-body label{
        width: 110px;
        font-weight: normal;
    }
    .provide-access.panel-body{
        padding: 0px 30px 15px 30px;
        border: none !important;
    }
    .blue-color{
        color: #3ab4d1;
    }
    .share-panel h4 {
        font-size: 16px;
        line-height: 28px !important;
        color: #3ab4d1 !important;
    }
}

@media (max-width: 2000px) and (min-width: 1001px) {
    .mob-share-table-body{
        display: none;
    }
}
@media (max-width: 2000px){
        .card-view{
        width: 59%;
    }
}
@media (max-width: 1990px){
        .card-view{
        width: 59%;
    }
}
@media (max-width: 1980px){
        .card-view{
        width: 59%;
    }
}
@media (max-width: 1970px){
        .card-view{
        width: 59%;
    }
}
@media (max-width: 1960px){
        .card-view{
        width: 59%;
    }
}
@media (max-width: 1950px){
        .card-view{
        width: 59%;
    }
}
@media (max-width: 1940px){
        .card-view{
        width: 59%;
    }
}
@media (max-width: 1930px){
        .card-view{
        width: 59%;
    }
}
@media (max-width: 1920px){
        .card-view{
        width: 59%;
    }
}
@media (max-width: 1910px){
        .card-view{
        width: 59.5%;
    }
}
@media (max-width: 1900px){
        .card-view{
        width: 60%;
    }
}
@media (max-width: 1890px){
        .card-view{
        width: 60.5%;
    }
}
@media (max-width: 1880px){
        .card-view{
        width: 60.5%;
    }
}
@media (max-width: 1870px){
        .card-view{
        width: 60.5%;
    }
}
@media (max-width: 1860px){
        .card-view{
        width: 61%;
    }
}
@media (max-width: 1850px){
        .card-view{
        width: 61.5%;
    }
}
@media (max-width: 1840px){
        .card-view{
        width: 61.5%;
    }
}
@media (max-width: 1830px){
        .card-view{
        width: 62%;
    }
}
@media (max-width: 1820px){
        .card-view{
        width: 62%;
    }
}
@media (max-width: 1810px){
        .card-view{
        width: 62.5%;
    }
}
@media (max-width: 1800px){
        .card-view{
        width: 63%;
    }
}
@media (max-width: 1790px){
        .card-view{
        width: 63%;
    }
}
@media (max-width: 1780px){
        .card-view{
        width: 63.5%;
    }
}
@media (max-width: 1770px){
        .card-view{
        width: 63.5%;
    }
}
@media (max-width: 1760px){
        .card-view{
        width: 64%;
    }
}
@media (max-width: 1750px){
        .card-view{
        width: 64%;
    }
}
@media (max-width: 1740px){
        .card-view{
        width: 64.5%;
    }
}
@media (max-width: 1730px){
        .card-view{
        width: 65%;
    }
}
@media (max-width: 1720px){
        .card-view{
        width: 65%;
    }
}
@media (max-width: 1710px){
        .card-view{
        width: 66.5%;
    }
}
@media (max-width: 1700px){
        .card-view{
        width: 67%;
    }
}
@media (max-width: 1690px){
        .card-view{
        width: 67%;
    }
}
@media (max-width: 1680px){
        .card-view{
        width: 68%;
    }
}
@media (max-width: 1670px){
        .card-view{
        width: 68%;
    }
}
@media (max-width: 1660px){
        .card-view{
        width: 69%;
    }
}
@media (max-width: 1650px){
        .card-view{
        width: 69%;
    }
}
@media (max-width: 1640px){
        .card-view{
        width: 69%;
    }
}
@media (max-width: 1630px){
        .card-view{
        width: 69%;
    }
}
@media (max-width: 1620px){
        .card-view{
        width: 70%;
    }
}
@media (max-width: 1610px){
        .card-view{
        width: 71%;
    }
}

@media (max-width: 1600px){
        .card-view{
        width: 71%;
    }
}
@media (max-width: 1590px){
        .card-view{
        width: 71%;
    }
}
@media (max-width: 1580px){
        .card-view{
        width: 72%;
    }
}
@media (max-width: 1570px){
        .card-view{
        width: 72%;
    }
}
@media (max-width: 1560px){
        .card-view{
        width: 72.5%;
    }
}
@media (max-width: 1550px){
        .card-view{
        width: 73%;
    }
}
@media (max-width: 1540px){
        .card-view{
        width: 74%;
    }
}
@media (max-width: 1530px){
        .card-view{
        width: 74.5%;
    }
}
@media (max-width: 1520px){
        .card-view{
        width: 75%;
    }
}
@media (max-width: 1510px){
        .card-view{
        width: 75.5%
    }
}
@media (max-width: 1500px){
        .card-view{
        width: 76%
    }
}
@media (max-width: 1490px){
        .card-view{
        width: 76.5%
    }
}
@media (max-width: 1480px){
        .card-view{
        width: 77%
    }
}
@media (max-width: 1470px){
        .card-view{
        width: 77.5%
    }
}
@media (max-width: 1460px){
        .card-view{
        width: 78%
    }
}
@media (max-width: 1450px){
        .card-view{
        width: 78.5%
    }
}
@media (max-width: 1440px){
        .card-view{
        width: 79%
    }
}
@media (max-width: 1430px){
        .card-view{
        width: 79.5%
    }
}
@media (max-width: 1420px){
        .card-view{
        width: 80%
    }
}
@media (max-width: 1410px){
        .card-view{
        width: 80.5%
    }
}
@media (max-width: 1400px){
        .card-view{
        width: 81%
    }
}
@media (max-width: 1390px){
        .card-view{
        width: 82%
    }
}
@media (max-width: 1380px){
        .card-view{
        width: 82.5%
    }
}
@media (max-width: 1370px){
        .card-view{
        width: 83%
    }
}
@media (max-width: 1360px){
        .card-view{
        width: 83.5%
    }
}
@media (max-width: 1350px){
        .card-view{
        width: 84%
    }
}
@media (max-width: 1340px){
        .card-view{
        width: 84.5%
    }
}
@media (max-width: 1330px){
        .card-view{
        width: 85.5%
    }
}
@media (max-width: 1320px){
        .card-view{
        width: 86%
    }
}
@media (max-width: 1310px){
        .card-view{
        width: 86.5%
    }
}
@media (max-width: 1300px){
        .card-view{
        width: 87%
    }
}
@media (max-width: 1290px){
        .card-view{
        width: 88%
    }
}
@media (max-width: 1280px){
        .card-view{
        width: 89%
    }
}
@media (max-width: 1270px){
        .card-view{
        width: 89.5%
    }
}
@media (max-width: 1260px){
        .card-view{
        width: 90%
    }
}
@media (max-width: 1250px){
        .card-view{
        width: 91%
    }
}
@media (max-width: 1240px){
        .card-view{
        width: 91.5%
    }
}
@media (max-width: 1230px){
        .card-view{
        width: 92%
    }
}
@media (max-width: 1220px){
        .card-view{
        width: 93%
    }
}
@media (max-width: 1210px){
        .card-view{
        width: 93.5%
    }
}
@media (max-width: 1200px){
        .card-view{
        width: 78.5%;
    }
}
@media (max-width: 1190px){
        .card-view{
        width: 79%
    }
}
@media (max-width: 1180px){
        .card-view{
        width: 79.5%
    }
}
@media (max-width: 1170px){
        .card-view{
        width: 80.5%
    }
}
@media (max-width: 1160px){
        .card-view{
        width: 81%
    }
}
@media (max-width: 1150px){
        .card-view{
        width: 82%
    }
}
@media (max-width: 1140px){
        .card-view{
        width: 82.5%
    }
}
@media (max-width: 1130px){
        .card-view{
        width: 83%
    }
}
@media (max-width: 1120px){
        .card-view{
        width: 84%
    }
}
@media (max-width: 1110px){
        .card-view{
        width: 85%
    }
}
@media (max-width: 1100px){
        .card-view{
        width: 85.5%
    }
}
@media (max-width: 1090px){
        .card-view{
        width: 86%
    }
}
@media (max-width: 1080px){
        .card-view{
        width: 87%
    }
}
@media (max-width: 1070px){
        .card-view{
        width: 88%
    }
}
@media (max-width: 1060px){
        .card-view{
        width: 89%
    }
}
@media (max-width: 1050px){
        .card-view{
        width: 89.5%
    }
}
@media (max-width: 1040px){
        .card-view{
        width: 90%
    }
}
@media (max-width: 1030px){
        .card-view{
        width: 91.5%
    }
}
@media (max-width: 1020px){
        .card-view{
        width: 92%
    }
}
@media (max-width: 1010px){
        .card-view{
        width: 93%
    }
}
@media (max-width: 1000px){
        .card-view{
        width: 94%
    }
}
@media (max-width: 990px){
        .card-view{
        width: 72%
    }
}
@media (max-width: 980px){
        .card-view{
        width: 73%
    }
}
@media (max-width: 970px){
        .card-view{
        width: 74%
    }
}
@media (max-width: 960px){
        .card-view{
        width: 75%
    }
}
@media (max-width: 950px){
        .card-view{
        width: 75.5%
    }
}
@media (max-width: 940px){
        .card-view{
        width: 75.5%
    }
}
@media (max-width: 930px){
        .card-view{
        width: 76.5%
    }
}
@media (max-width: 920px){
        .card-view{
        width: 77%
    }
}
@media (max-width: 910px){
        .card-view{
        width: 77.5%
    }
}
@media (max-width: 900px){
        .card-view{
        width: 80%
    }
}
@media (max-width: 890px){
        .card-view{
        width: 80.5%
    }
}
@media (max-width: 880px){
        .card-view{
        width: 81%
    }
}
@media (max-width: 870px){
        .card-view{
        width: 82%
    }
}
@media (max-width: 860px){
        .card-view{
        width: 83%
    }
}
@media (max-width: 850px){
        .card-view{
        width: 84%
    }
}
@media (max-width: 840px){
        .card-view{
        width: 85%
    }
}
@media (max-width: 830px){
        .card-view{
        width: 85.5%
    }
}
@media (max-width: 820px){
        .card-view{
        width: 86%
    }
}
@media (max-width: 810px){
        .card-view{
        width: 87%
    }
}
@media (max-width: 800px){
        .card-view{
        width: 88%
    }
}
@media (max-width: 790px){
        .card-view{
        width: 90.5%
    }
}
@media (max-width: 780px){
        .card-view{
        width: 91%
    }
}
@media (max-width: 770px){
        .card-view{
        width: 92%
    }
}
@media (max-width: 760px){
        .card-view{
        width: 93%
    }
}
@media (max-width: 750px){
        .card-view{
        width: 94%
    }
}
@media (max-width: 740px){
        .card-view{
        width: 94%
    }
}
@media (max-width: 730px){
        .card-view{
        width: 93%
    }
}
@media (max-width: 720px){
        .card-view{
        width: 93%
    }
}
@media (max-width: 710px){
        .card-view{
        width: 93%
    }
}
@media (max-width: 700px){
        .card-view{
        width: 93%
    }
}
@media (max-width: 690px){
        .card-view{
        width: 93%
    }
}
@media (max-width: 680px){
        .card-view{
        width: 93%
    }
}
@media (max-width: 670px){
        .card-view{
        width: 93%
    }
}
@media (max-width: 660px){
        .card-view{
        width: 93%
    }
}
@media (max-width: 650px){
        .card-view{
        width: 92%
    }
}
@media (max-width: 640px){
        .card-view{
        width: 92%
    }
}
@media (max-width: 630px){
        .card-view{
        width: 92%
    }
}
@media (max-width: 620px){
        .card-view{
        width: 92%
    }
}
@media (max-width: 610px){
        .card-view{
        width: 92%
    }
}
@media (max-width: 600px){
        .card-view{
        width: 92%
    }
}
@media (max-width: 590px){
        .card-view{
        width: 92%
    }
}
@media (max-width: 580px){
        .card-view{
        width: 92%
    }
}
@media (max-width: 570px){
        .card-view{
        width: 92%
    }
}
@media (max-width: 560px){
        .card-view{
        width: 91%
    }
}
@media (max-width: 550px){
        .card-view{
        width: 91%
    }
}
@media (max-width: 540px){
        .card-view{
        width: 91%
    }
}
@media (max-width: 530px){
        .card-view{
        width: 91%
    }
}
@media (max-width: 520px){
        .card-view{
        width: 91%
    }
}
@media (max-width: 510px){
        .card-view{
        width: 90%
    }
}
@media (max-width: 500px){
        .card-view{
        width: 90%
    }
}
@media (max-width: 490px){
        .card-view{
        width: 90%
    }
}
@media (max-width: 480px){
        .card-view{
        width: 88%
    }
}
@media (max-width: 470px){
        .card-view{
        width: 88%
    }
}
@media (max-width: 460px){
        .card-view{
        width: 88%
    }
}
@media (max-width: 450px){
        .card-view{
        width: 87%
    }
}
@media (max-width: 440px){
        .card-view{
        width: 87%
    }
}
@media (max-width: 430px){
        .card-view{
        width: 87%
    }
}
@media (max-width: 420px){
        .card-view{
        width: 87%
    }
}
@media (max-width: 410px){
        .card-view{
        width: 87%
    }
}
@media (max-width: 400px){
        .card-view{
        width: 86%
    }
}
@media (max-width: 390px){
        .card-view{
        width: 86%
    }
}
@media (max-width: 380px){
        .card-view{
        width: 86%
    }
}
@media (max-width: 370px){
        .card-view{
        width: 85%
    }
}
@media (max-width: 360px){
        .card-view{
        width: 85%
    }
}
@media (max-width: 350px){
        .card-view{
        width: 84%
    }
}
@media (max-width: 340px){
        .card-view{
        width: 84%
    }
}
@media (max-width: 330px){
        .card-view{
        width: 84%
    }
}
@media (max-width: 320px){
        .card-view{
        width: 84%
    }
}
@media (max-width: 310px){
        .card-view{
        width: 84%
    }
}
@media (max-width: 300px){
        .card-view{
        width: 84%
    }
}

@media (min-height: 601px) and (max-height: 700px){
    .share-panel-body {
        height: 82%;
    }
    .card-view {
        height: 58%;
    }
}
@media (min-height: 580px) and (max-height: 600px){
    .card-view {
        height: 55%;
    }
    .share-panel-body {
        height: 80% !important;
    }
}
@media (min-height: 530px) and (max-height: 579px){
    .card-view {
        height: 50%;
    }
    .share-panel-body {
        height: 79% !important;
    }
}
@media (min-height: 500px) and (max-height: 531px){
    .card-view {
        height: 45%;
    }
    .share-panel-body {
        height: 75% !important;
    }
}
@media (min-height: 400px) and (max-height: 499px){
    .card-view {
        height: 30%;
    }
    .share-panel-body {
        height: 72% !important;
    }
    .upload-wizard {
        bottom: 18%;
    }
}
@media (min-height: 300px) and (max-height: 399px){
    .card-view {
        height: 28%;
    }
    .share-panel-body {
        height: 68% !important;
    }
    .upload-wizard {
        bottom: 18%;
    }
}

@media (max-width: 767px){
    .btn-footer-container {
        float:none !important;
        width: auto;
     }
     .btn-footer{
     width:90% !important;
     margin-bottom: 5px;
    }

    .wizard-footer-left {
    padding-left: 0px;
    }
}


@media (max-width: 767px){
    .header-align-left {
        text-align: left !important;
        margin-left: -20px;
     }
     .h-company-align-left {
        text-align: left !important;
         margin-left: -15px;
     }
     .btn-width-auto {
        width: auto !important;
     }
     .hide-image {
        visibility: hidden;
     }
}