/* @media screen and (max-width:1920px) {
    .drop-align {
        width: 14.40% !important;
    }
}

@media screen and (min-width: 992px) and (max-width:1399px) {
    .drop-align {
        width: 14.40% !important;
    }
} */

@media screen and (max-width:1199px) {
    .main_table_profile {
        min-width: 1200px;
    }

    .res-table-profile .dataTables_wrapper {
        overflow: auto;
    }

    .customization_main .main-custom-color-card .colorpicker-saturation {
        width: 92%;
    }

    .main-custom-color-card .colorpicker-saturation {
        width: 68%;
    }

    .status_main {
        display: block !important;
    }
}

/* Start - Issue-Id-0404 1 */
@media screen and (min-width: 720px){
    .go-back-btn {
        margin-bottom: 2rem;
        margin-left: 33%;
    }
    /*Start - Issue-Id-0414 1*/
    .launchpad-main-section {
        height: 70vh; 
        overflow: auto;
    }
    /*End - Issue-Id-0414 1*/
}
/* End - Issue-Id-0404 1 */

@media screen and (min-width: 992px) and (max-width:1199px) {
    .frame-video {
        margin-top: 0;
    }
    /* .drop-align {
        width: 18% !important;
    } */

    .pipline-wrapper .contact-wrapper {
        width: 160px;
    }

    .master-list-title h4 {
        font-size: 15px;
    }

    .pipline-wrapper .contact-wrapper .contact-title, .pipline-wrapper .contact-detail ul li a {
        font-size: 10px;
    }

    .pipline-wrapper .contact-detail ul li {
        height: 50px;
    }

    .pipline-wrapper .contact-detail ul li a .detai-status-color {
        width: 27px;
    }

    .pipline-wrapper .pipline-making {
        max-width: 700px;
    }

    .date-picker img.date-pick {
        right: 28px;
    }

    /* .time-line-modal .modal-content {
        max-width: 550px;
    } */

    .contact_profiles_main svg {
        height: 35px;
        width: 39px;
    }

    .contact_profiles_main h6 {
        font-size: 14px;
    }

    .custom_disc span {
        width: 195px !important;
        left: -45px !important;
        top: 42px !important;
        font-size: 12px;
    }

    .profile_title h5 {
        flex: 0 0 20% !important;
    }

    .contact_span h5 {
        margin-left: 90px;
    }

    .main_master_list_responsiv {
        padding: 170px 26px 0 26px !important;
    }

    .stages-masterlist {
        padding: 10px 0 0 0px;
    }

    .training-contact-attribute {
        padding: 10px 0 0 0px;
    }


    .mans_talk_bg {
        right: 0px;
    }

    .hero_main_img .landing_img {
        width: 100%;
        margin-left: 0px;
    }

    .logo_hero_main {
        height: 402px;
    }

    .mans_homes {
        height: 182px;
        top: 17px;
        left: 0px;
        padding-left: 9px;
    }

    .primary_logo {
        height: 48px;
    }

    .light_logo {
        left: -82px;
        height: 61px;
    }

    .button-header-group {
        margin-top: 5px;
    }

    .packages_main {
        padding: 0px;
    }

    .main_bottom_card {
        min-height: 217px;
    }

    .usd_bottom_team .usd_one_time {
        width: 37%;
    }

    .usd_bottom_team .monthly_radio_main {
        width: 63%;
    }

    .usd_one_time h1 {
        font-size: 15px;
    }

    .inner_check_month_title p {
        font-size: 9px;
    }

    .mr-41px+.select2-container, .mr-41px {
        margin-right: 24px;
    }

    .dropdown_customization {
        min-width: 270px;
        max-width: 270px;
    }

    .custom_col_customize {
        width: 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }

    .main-custom-color-card .colorpicker-swatch {
        height: 20px;
        width: 65px;
    }

    .customization_main ul li {
        margin-bottom: 10px;
    }

    .select_company_current {
        width: 30% !important;
        max-width: 30%;
        flex: 0 0 30%;
    }

    .main-custom-color-card .colorpicker-swatch {
        height: 20px;
        width: 65px;
    }

    .training-contact-attribute .form-group input.form-control {
        width: 170px;
    }

}

/* ---------------------------------------------------------------------------- */
@media screen and (max-width:991px) {
    .frame-video {
        margin-top: 0;
    }
    .note-video-clip{
        width: 100% !important;
        /* height: 100%; */
    }
    /*Start - Issue-Id-0828 2*/
    .rounded-company-profile {
        margin-left: 38% !important;
    }
    /*End - Issue-Id-0828 2*/
    .comman-training-modal .Training-modal-size {
        min-width: auto!important;
    }
    .notification-sec .user_profile {
        width: 60px !important;
        height: 60px !important;
        margin-left: 10px !important;
    }
    .pipline-subwrapper .contact-detail::-webkit-scrollbar {
        display: block;
    }

    .menu img {
        width: 20px;
        height: 20px;
        margin-right: 0;
    }

    .notification-right img {
        max-width: 75px;
        margin-right: 10px;
        height: auto;
    }

    .mans_talk_bg {
       display: none;
    }

    .main-custom-color-card .color-custom-main .colorpicker-bizkit {
        width: 236px;
    }

    .sticky_main_content {
        left: 0px;
        max-height: 146px;
    }

    .right-content {
        margin-left: 0px;
    }

    .notification-left, .none-col-res {
        display: none;
    }

    .res-notification {
        justify-content: space-between;
        width: 100%;
    }

    .main-nav-left {
        left: -300px !important;
        transition: all .3s linear;
    }

    .main-nav-left.active {
        left: 0px !important;
        /* z-index: 999; */ /*Issue-Id-0414 1*/
    }

    .menu {
        display: block;
    }

    .biz-win {
        display: block;
    }

    .biz-win img {
        max-width: 75px;
        margin-right: 10px;
    }

    .nav-left {
        width: 300px;
    }

    .nav-left ul li {
        display: block;
        padding-left: 10px;
        /* padding: 10px 25px 10px 10px; Issue-Id-0828 2*/
        padding: 10px 10px 10px 10px; /* Issue-Id-0828 2*/
        word-break: break-word;
        transition: all .5s ease;
    }

    .nav-left ul li:hover {
        background: #313131;
    }

    .nav-left ul li a {
        text-decoration: none;
        display: flex;
        align-items: center;
    }

    .nav-left ul li a span {
        display: block;
        z-index: 0;
        background: transparent;
        text-align: left;
        position: relative;
        transform: none;
        left: 0;
        padding: 0;
        margin-left: 10px;
    }

    .nav-left ul li a.nav-logo {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0;
    }

    .nav-top li:first-child {
        /* display: none; */
        margin: 0;
    }
    .nav-left ul li:first-child:hover{
        background: transparent;
    }

    .res-notification button.menu, .menu {
        border: none;
        background: green;
        font-size: 10px;
        width: 30px;
        padding: 0px;
        height: 30px;
        border-radius: 10px;
    }

    .res-notification button.menu img, .menu img {
        width: 20px;
        filter: invert();
    }

    .nav-left ul li:hover span {
        display: flex;
        min-height: auto;
        align-items: unset;
        justify-content: start;
    }

    span.coming-soon br {
        display: none;
    }

    .nav-left ul li.mt-custom {
        margin-top: 40px !important;
    }

    .profile-img {
        width: 50px;
        height: 50px;
        margin-left: 10px;
    }

    .notification-sec {
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .select-company+.select2-container, .select-teammate+.select2-container, .select-contact+.select2-container, .select-status+.select2-container {
        width: 100% !important;
    }

    .drop-align {
        width: 33% !important;
    }

    .contact-detail img.activity-action, .contact-detail img.delete-action {
        opacity: 1;
    }

    .pipline-wrapper .contact-detail ul li {
        height: 47px;
    }

    .mt-50 {
        margin-top: 0 !important;
    }

    .res-logo {
        display: block;
    }

    .res-logo img {
        max-width: 35px;
    }

    .resp-img-btn {
        display: flex;
        align-items: center;
    }

    .notification-sec {
        padding: 0px 10px;
    }

    .card-box-general .card-general-content {
        padding: 15px;
        margin-top: 15px;
    }

    .card-box .card-box-title .card-box-header h3, .card-box-general .card-box-general-title .card-box-general-header h3 {
        font-size: 20px;
    }

    .card-box-icon ul li img, .card-box-general-icon ul li img {
        max-width: 18px;
    }

    .general-right .main_master_list {
        padding: 170px 26px 0 26px;
    }

    .comingsoon button.menu {
        border: none;
        background: #60A7A8;
        font-size: 10px;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        float: right;
        margin: 20px 20px 0 0;
    }

    .comingsoon button.menu img {
        width: 20px;
        filter: invert();
    }

    .main_profile_details .padding_profile {
        padding-top: 0;
    }

    .profile_affiliate {
        padding-top: 0;
    }

    .profile_affiliate p {
        margin-bottom: 20px;
    }

    .affiliate_details {
        padding-right: 20.5px;
    }

    .main_profile_details {
        padding-top: 170px;
    }

    .contact-form .modal-body {
        padding: 15px !important;
    }

    .contact-detail-form .modal-body {
        padding: 15px;
    }

    .time-line-modal .modal-content {
        width: 650px;
    }

    .time-line-modal .modal-content {
        max-width: 550px;
    }

    .profile_main_user {
        padding-top: 0;
    }

    .profile_main_user {
        flex-direction: column;
    }

    .user_profile {
        margin: 0 auto !important;
    }

    .profile_details_title {
        width: 100%;
        margin-top: 10px;
    }

    .main_profile_title {
        width: 33.33%;
    }

    .custom_profile_col {
        width: 48.7%;
        margin-bottom: 20px;
    }

    .datatable_details_main {
        padding: 30px 20px 0px 0px;
    }

    .res-profile-hierarchy .main_profile_details {
        padding-top: 128px;
    }

    .res-profile-hierarchy .main_profile_details .padding_profile {
        padding-top: 10px;
    }

    .flex_drop_radio_main {
        flex-direction: column;
        align-items: flex-start;
        margin: 10px 0;
    }

    .sales_check_main_details {
        margin-top: 15px;
    }

    .profile_trand_radio {
        margin-bottom: 20px;
    }

    .delete_warning {
        margin-bottom: 60px;
    }

    .modal-header h5 {
        font-size: 12px;
    }

    .modal-header {
        height: 50px;
    }

    .res-logo-prof-img {
        display: flex;
        align-items: center;
    }

    /* .comp-tag img{
        width: auto;
    } */
    .resp-bizkit-win .notification-sec {
        display: flex;
    }

    .sticky-win-header {
        top: 70px;
        left: 0;
    }

    .sticky-win-header .win-header-content h5 {
        font-size: 30px;
    }

    .sticky-win-header .win-header-content img {
        max-width: 90px;
    }

    .sticky-win-header p {
        font-size: 23px;
    }

    .sticky-win-header span {
        font-size: 16px;
    }
}
@media screen and (max-width:768px) {
    #activityTrackerTimeline {
        width: unset;
    }
    
    .date-picker img {
        position: absolute;
        top: 14px;
        width: 11px;
        height: 12px;
        right: -94px;
    }
}

@media screen and (max-width:480px) {
    #activityTrackerTimeline {
        width: unset;
    }
    /*Start - Issue-Id-0414 1*/
    .launches-dropdown {
        margin-bottom: 10px;
    }
    /*End - Issue-Id-0414 1*/
    
    .date-picker img {
        position: absolute;
        top: 14px;
        width: 11px;
        height: 12px;
        right: -139px;
    }

    .listing_user_tools_main .main_white_color:nth-child(7) .img_user_tools_family img{
        height: 38px;
        width: 110px;
    }

    .listing_user_tools_main .main_white_color:nth-child(7) .img_user_tools_family span{
        bottom: 1px;
    }
}

/* ---------------------------------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:991px) {
    /* Issue-Id-144 */
    .scroll-top-btn-main{
        display: block;
    }
    /* Issue-Id-144 */
    .main_master_list {
        padding: 154px 26px 0 26px;
    }

    .sticky_main_content {
        height: 154px;
    }

    .main_master_list_responsiv {
        padding: 170px 26px 0 26px !important;
    }

    .subscript_titles_main {
        margin-top: 35px;
    }

    .subscript_titles_main {
        margin-top: 35px;
    }

    .datatable_details_main {
        padding: 40px 37px 0px 0px;
    }

    .stages-masterlist {
        padding: 10px 0 0 0px;
    }

    .training-contact-attribute {
        padding: 10px 0 0 0px;
    }

    .custom_disc span {
        width: 195px !important;
        left: -45px !important;
        top: 42px !important;
        font-size: 12px;
    }

    .profile_title h5 {
        flex: 0 0 20% !important;
    }

    .contact_span h5 {
        margin-left: 90px;
    }

    .status_main {
        display: block !important;
    }

    .customization_main .main-custom-color-card .colorpicker-saturation {
        width: 88%;
    }

    .main-custom-color-card .colorpicker-saturation {
        width: 80%;
    }

    .sticky-win-header {
        height: 140px;
    }

    .complete-times .comp-tag p span {
        font-size: 22px;
    }

    .complete-times .comp-tag p {
        font-size: 13px;
    }

    button.cross-small-ic {
        top: -4px;
    }

    .tab-edit-btn {
        bottom: 4px;
    }

    .d_none_res_mans {
        display: none;
    }

    .sit_girls_top {
        height: 155px;
    }

    @keyframes girlslaptop {
        from {
            top: -1200px
        }

        to {
            top: -156px;
        }
    }

    .line_img_graph {
        height: 85px;
    }

    .light_logo {
        height: 43px;
        left: -16px;
        bottom: -26px;
    }

    @keyframes lightlogo {
        0% {
            bottom: 0px;
            left: -100px;
            transform: rotate(360deg);
        }

        100% {
            bottom: -26px;
            left: -16px;
            transform: rotate(-360deg);
        }
    }

    .mans_homes {
        height: 142px;
        bottom: 0px;
        left: 9px;
        padding-left: 0px;
    }

    .user_laptop {
        height: 136px;
    }

    .logo_small_set {
        height: 35px;
    }

    .primary_logo {
        height: 34px;
    }

    .logo_hero_main {
        height: 293px;
    }

    .packages_main {
        padding: 0px 15px;
    }

    .button-header-group {
        text-align: end;
    }

    .hero_main_img .landing_img {
        width: 100%;
        margin-left: 0px;
    }

    .hero_title_cutting h2 {
        font-size: 22px;
    }

    .confirm_details_main {
        min-height: calc(100vh - 202.03px);
    }

    .custom_col_customize {
        width: 100%;
        flex: 0 0 48%;
        max-width: 100%;
        margin: 0px 10px 10px 0px;
    }

    .customization_main ul li {
        margin-bottom: 10px;
    }

    .mr-41px+.select2-container, .mr-41px {
        margin-right: 24px;
    }

    .dropdown_customization {
        min-width: 230px;
        max-width: 230px;
    }

    .select_company_current {
        width: 30% !important;
        max-width: 30%;
        flex: 0 0 30%;
    }

    .main-custom-color-card .colorpicker-swatch {
        height: 20px;
        width: 65px;
    }

    .training-contact-attribute .form-group input.form-control {
        width: 145px;
    }
}

/* ---------------------------------------------------------------------------- */
@media screen and (max-width:767px) {
    /* Issue-Id-144 */
    .scroll-top-btn-main{
        display: block;
    }
    /* Issue-Id-144 */
    .card-general-content p, .card-general-content span{
            word-break: break-word;
    }
    /*Issue-Id-46 */
    .teammate-col-2 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
    .teammate-col-10{
        flex: 0 0 auto !important;
        width: 100% !important;
    }
    /*Issue-Id-46 */
    .card-box .card-box-title .card-box-header h3, .card-box-general .card-box-general-title .card-box-general-header h3 {
        font-size: 16px;
        max-width: 235px;
    }
    .card-box .card-box-title .card-box-icon, .card-box-general .card-box-general-title .card-box-general-icon {
        position: absolute;
        right: -2px;
    }
    .usd_one_time h1{
        font-size: 14px;
    }
    .res-w100{
        width: 100%;
    }
    #add_attribute .form-group input.form-control.name-w-100{
        width: 100% !important;
    }
   
    .inner_tools_color{
        width: 70px;
        height: 70px;
    }
    .main_profile_details {
        padding-top: 190px;
    }
    .mr_last_remove {
        flex-wrap: wrap;
    }

    .button_tools .header_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .res-d-wrap {
        flex-wrap: wrap;
    }

    .res-sales-tag .custom_disc span {
        transform: rotate(-47deg);
    }

    .res-customization-general .custom_disc span {
        transform: rotate(0deg);
    }

    .contact_span span {
        transform: rotate(0deg);
        /* left: -10px; */
        /* top: 0px; */
        /* border-radius: 5px; */
        width: auto;
        background: #eee;
        border-radius: 3px 0 0 3px;
        color: #FFF;
        display: inline-block;
        height: 26px;
        line-height: 26px;
        padding: 0 20px 0 23px;
        position: relative;
        margin: 0 0px 10px 0;
        text-decoration: none;
        -webkit-transition: color 0.2s;
        white-space: inherit;
        left: 15px;
        top: 15px;
    }

    .contact_span span::before {
        background: #f1f1f1;
        border-radius: 10px;
        box-shadow: inset 0 1px rgb(0 0 0 / 25%);
        content: '';
        height: 6px;
        left: 10px;
        position: absolute;
        width: 6px;
        top: 10px;
    }

    .contact_span span::after {
        background: #606ca8;
        border-bottom: 13px solid #f1f1f1;
        border-left: 10px solid #606ca8;
        border-top: 13px solid #f1f1f1;
        content: '';
        position: absolute;
        right: 0;
        top: 0;
    }

    .res-profile-wrapper.contact_span span, .res-general-training.contact_span span, .res-how-to-use.contact_span span {
        left: -15px;
        top: 0px;
    }

    .contact_span h5 {
        margin-left: 0;
    }

    .pipline-wrapper {
        margin-top: 90px;
    }

    .dropdown-list {
        margin-left: 0px;
    }

    .contact-detail-company+.select2-container--default .select2-selection--single, .contact-detail-form .form-group input.form-control {
        width: 100%;
    }

    .drop-section {
        background: #F1F1F1;
        /* margin-top: 15px; */
        padding: 15px 10px 15px 10px;
    }

    .drop-align {
        width: 49% !important;
        display: flex !important;
        flex-direction: column !important;
        margin-right: 6px;
        flex: inherit;
        max-width: initial;
        margin-bottom: 10px;
    }

    .dropdown-list {
        flex-wrap: wrap;
    }

    .company-drop .select2-container--default .select2-selection--single, .teammate-drop .select2-container--default .select2-selection--single {
        width: 100%;
    }

    .select-contact+.select2-container--default .select2-selection--multiple, .select-status+.select2-container--default .select2-selection--multiple, .select-teammate+.select2-container--default .select2-selection--multiple {
        width: 100%;
    }

    .drop-section .dropdown-list .drop-align:nth-child(even) {
        margin-right: 0px;
    }

    /* .nav-left {
        width: 250px;
    } */
    /* .select-contact+.select2-container--default .select2-selection--multiple, .select-status+.select2-container--default .select2-selection--multiple, .select-teammate+.select2-container--default .select2-selection--multiple, .company-drop .select2-container--default .select2-selection--single, .teammate-drop .select2-container--default .select2-selection--single{
        width: 165px;
    } */
    .caractor-img img {
        height: auto;
        width: 100%;
    }

    .card-box-general {
        padding: 25px 15px 25px 15px;
    }

    .title_profile {
        word-break: break-word;
    }

    .select-company-open .select2-dropdown.select2-dropdown--below,
    .select-teammate-open .select2-dropdown.select2-dropdown--below,
    .select-contact-open .select2-dropdown.select2-dropdown--below,
    .select-status-open .select2-dropdown.select2-dropdown--below {
        max-width: initial !important;
    }

    .social-icon ul li {
        margin-right: 4.7px;
    }

    .social-icon ul li img {
        max-width: 35px;
    }

    .cont_detail .name-text p {
        font-size: 14px;
        margin-right: 5px;
    }

    .edit-btn.img {
        width: 10px;
    }

    .cont_detail .name-text input {
        width: 100%;
    }

    .cont_detail .name-text .name-input {
        font-size: 14px;
        height: 32px;
    }

    .main_profile_title {
        width: 100%;
    }

    .four_main_box_profile {
        margin: 25px -11.1px 0px -11.1px;
    }

    .custom_profile_col {
        width: 95%;
        margin-bottom: 15px;
    }

    .subscript_main_ul ul {
        flex-direction: column;
    }

    .subscript_main_ul ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .subscript_titles_main {
        margin-top: 30px;
    }

    .user_profile {
        width: 135px;
        height: 135px;
    }

    .add_exit_member li {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .add_exit_member {
        flex-direction: column;
    }

    .add_exit_member {
        padding-right: 20px;
    }

    .add_exit_member .header_btn {
        font-size: 11px;
    }

    .fb_filter_modal .modal-content .modal-body {
        padding: 20px 10px 10px 20px;
    }

    .warning-modal .modal-content .modal-body {
        padding: 30px 20px 30px 20px;
    }

    .warning-modal .modal-body .modal-text h3 {
        font-size: 25px;
    }

    .warning-modal .modal-body .modal-text p {
        font-size: 20px;
    }

    .modal-warn-btn {
        margin-top: 25px;
    }

    .warn-btn {
        min-width: 110px;
        height: 30px;
        font-size: 12px;
        line-height: 12px;
    }

    .main-switch {
        width: 90px;
        padding: 0px 8px;
    }

    .move-add-btn {
        top: -12px !important;
    }

    .timeline .events ul {
        overflow: auto;
        /* flex-direction: column; */
        align-items: flex-start;
    }

    .timeline .events ul li::after {
        width: 5px;
        height: 60%;
        left: 9px;
        top: 23px;
        display: none;
    }

    .timeline .events ul li:first-child {
        margin-left: 68px;
        margin-top: 9px;  
    }

    

    .timeline .events ul li {
        padding-bottom: 30px;
    }

    .timeline-content {}

    .timeline .events ul .timeline-content {
        display: flex;
    }

    .timeline-content p {
        margin-left: 18px;
        text-align: left;
        margin-top: 4px;
    }

    .timeline-content p br {
        display: none;
    }

    .sticky-win-header {
        height: 110px;
    }

    .sticky-win-header .win-header-content h5 {
        font-size: 20px;
    }

    .sticky-win-header .win-header-content img {
        max-width: 60px;
    }

    .sticky-win-header p {
        font-size: 13px;
    }

    .sticky-win-header span {
        font-size: 12px;
    }

    .complete-times {
        padding-top: 110px;
    }

    .complete-times .comp-tag {
        margin-bottom: 20px;
    }

    .tab-edit-btn {
        right: 7px;
        bottom: 11px;
    }

    button.cross-small-ic {
        right: 5px;
        top: -5px;
    }

    .customization_main ul li button.nav-link {
        padding: 8px 7px !important;
    }

    .tab-edit-btn button.edit-small-btn img {
        width: 10px;
    }


    .profile_details_title {
        margin-left: 0px;
    }

    .customization_main .nav-pills .nav-item:nth-child(2) .nav-link, .customization_main .nav-pills .nav-item:nth-child(4) .nav-link {
        margin-right: 0px;
    }

    .customization_main .nav-pills .nav-link {
        margin: 0px 5.5px 8px 5.5px;
        min-width: 168px;
        padding: 10px 7px;
        font-size: 11px;
    }

    .tab_img_custom {
        height: 16px;
        margin-right: 6px;
    }

    .main_colors_details {
        margin-left: 0px;
        margin-right: 0px;
    }

    .custom_col_customize {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .select_company, .select_company_current {
        width: 100% !important;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .label_copy label {
        font-size: 12px;
    }

    /* .main-custom-color-card .color-custom-main .colorpicker-bizkit {
        width: 236px;
    } */
    .select_company, .select_company_current {
        margin-bottom: 10px;
    }

    .color-custom-main .d-none-colorinput {
        width: 102px !important;
    }

    .training-contact-attribute .form-group input.form-control {
        width: 100%;
    }

    .attributes-states ul {
        flex-wrap: wrap;
    }

    .attributes-states ul li {
        margin-bottom: 18px;
    }

    .attributes-states ul {
        margin-bottom: 0;
    }

    .stages-masterlist, .training-contact-attribute {
        padding: 10px 0 0 0px;
    }

    .main-custom-color-card .colorpicker-swatch {
        height: 23px;
        width: 61px;
    }

    .main-custom-color-card .colorpicker-swatches--inner {
        margin-top: 0px;
        margin-left: -102px;
    }

    .main-custom-color-card .custom-card-header {
        width: 101px !important;
    }

    .main-custom-color-card .colorpicker-bizkit {
        margin-left: 101px;
    }

    .custom_disc span {
        left: -47px !important;
        top: 17px !important;
    }

    .res-customization-general .custom_disc span {
        left: -15px !important;
        top: 0 !important;
    }

    .listing_user_tools_main .main_white_color {
        position: initial;
    }

    .res-customization-general .customization_title.profile_title h5, .res-customization-general .contact_span p {
        margin-left: 0 !important;
    }

    .inner_tools_color span {
        display: block;
        top: inherit;
        transform: translateY(-100%);
        left: 70px;
    padding: 5px 10px;
        font-size: 14px;
    }

    .listing_user_tools_main .main_white_color:first-child, .listing_user_tools_main .main_white_color:nth-child(2), .listing_user_tools_main .main_white_color:nth-child(3), .listing_user_tools_main .main_white_color:nth-child(4), .listing_user_tools_main .main_white_color:nth-child(5), .listing_user_tools_main .main_white_color:nth-child(6) {
        width: 98.1px;
        height: 98.1px;
    }

    .listing_user_tools_main .main_white_color:first-child .img_user_tools_family img, .listing_user_tools_main .main_white_color:nth-child(2) .img_user_tools_family img, .listing_user_tools_main .main_white_color:nth-child(3) .img_user_tools_family img, .listing_user_tools_main .main_white_color:nth-child(4) .img_user_tools_family img, .listing_user_tools_main .main_white_color:nth-child(5) .img_user_tools_family img, .listing_user_tools_main .main_white_color:nth-child(6) .img_user_tools_family img {
        height: 30.85px;
        width: 36.85px;
    }

    .listing_user_tools_main .main_white_color:nth-child(3) .inner_tools_color span {
        background-color: #A2D3D4;
    }

    .listing_user_tools_main .main_white_color:nth-child(2) .inner_tools_color span {
        background-color: #72C4C6;
    }

    .listing_user_tools_main .main_white_color:nth-child(4) .inner_tools_color span {
        background-color: #757B84;
        margin-top: -20px; /*Issue-Id-0128 1*/
    }

    .listing_user_tools_main .main_white_color:nth-child(5) .inner_tools_color span, .listing_user_tools_main .main_white_color:nth-child(6) .inner_tools_color span {
        background-color: #686868;
    }

    .user-top-images {
        top: 90px;
        left: 14px;
        height: 214px;
        width: 216px;
    }

    .d_none_res_mans {
        display: none;
    }

    .line-section {
        width: 100%;
    }

    .img_user_tools_family img {
        height: 40.85px;
        width: 28.85px;
    }

    .tools_outside_pro {
        height: 340px;
        max-width: 360px;
    }

    .tools_main_user {
        margin-top: 0px;
        padding-left: 0px;
    }

    .confirm_details_main {
        min-height: calc(100vh - 183.03px);
    }

    .we_have_man_title h5 {
        font-size: 14px;
    }

    .usd_bottom_team, .custom_disc, .res-company, .res-attr-type {
        flex-direction: column;
    }

    .res-attr-type {
        align-items: start;
    }

    .add-attribute+.select2-container--default .select2-selection--single {
        width: 100%;
        margin-right: 0px;
    }

    .add-attribute+.select2-container {
        width: 100% !important;
    }

    .add-attribute-open .select2-dropdown.select2-dropdown--below {
        width: 100%;
    }

    .max-190px {
        max-width: initial;
    }

    .name-w-100 {
        width: 100% !important;
    }

    #add_attribute .modal-content .modal-body {
        padding: 20px 15px;
    }

    .plus-ic-value {
        text-align: end;
        max-width: 285px;
    }

    .att-type .btn-delete-mid:last-child {
        margin-right: 0px;
    }

    .mb-res-type {
        margin-bottom: 10px;
    }

    .mr-41px+.select2-container, .mr-41px {
        margin-right: 0px;
    }

    .copy-modify-res {
        margin-top: 11px;
    }

    .dropdown_customization {
        max-width: initial;
    }

    .padding_profile {
        padding: 15px;
    }

    .profile_title_bg .padding_customization {
        padding: 15px;
    }

    .contact_span p {
        margin-left: 80px;
        font-size: 12px;
    }

    .welcome_bizkit_title {
        font-size: 15px;
    }

    .signup_enter_cname {
        padding: 0px;
    }

    .custom-select-com+.select2-container, .custom-select-state+.select2-container {
        width: 100% !important;
    }

    .signup_main label {
        width: 100%;
    }

    .signup_cofirm_title_main h5 {
        font-size: 23px;
    }

    .custom_col_6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .confirm_title_main br {
        display: none;
    }

    /* animation start */
    .primary_logo {
        top: 125px;
        left: 22px;
        height: 34px;
    }

    .custom-px-5 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    @keyframes smallsetting {
        0% {
            left: -70px;
            transform: rotate(360deg);
        }

        100% {
            left: 22px;
            transform: rotate(-360deg);
        }
    }

    .line_img_graph {
        right: 9px;
        top: 64px;
        height: 82px;
    }

    @keyframes graph {
        from {
            top: -1200px;
        }

        to {
            top: 65px;
        }
    }

    .light_logo {
        left: -6px;
        height: 46px;
        top: 56px;
    }

    @keyframes lightlogo {
        0% {
            transform: rotate(360deg);
            left: -100px;
        }

        100% {
            top: 56px;
            transform: rotate(-360deg);
            left: -6px;
        }
    }

    .sit_girls_top {
        height: 161px;
        left: -2px;
        right: 0;
        top: 69px;
        bottom: initial;
    }

    @keyframes girlslaptop {
        from {
            top: -1200px
        }

        to {
            top: 70px;
        }
    }

    .logo_hero_main {
        height: 288px;
    }

    .mans_homes {
        height: 143px;
        bottom: 82px;
        left: -7px;
        top: initial;
    }

    .user_laptop {
        height: 127px;
        right: -6px;
        bottom: 75px;
        top: inherit;
    }

    @keyframes bottomtotopwomen {
        0% {
            bottom: -75px
        }

        100% {
            bottom: 75px
        }
    }

    .logo_small_set {
        right: 10px;
        height: 39px;
        top: -22px;
        bottom: 0;
    }

    .res-main-animation {
        height: 452px !important;
    }

    /* animation end */
    .button-header-group .header_btn {
        margin-top: 5px;
    }

    .res-right-header {
        margin: 10px 0 0 0;
    }

    .primary-faq {
        margin-right: 5px;
    }

    .header_color .header_start {
        align-items: center;
    }

    .side_confirm_pd {
        padding: 0px 0px;
    }

    .header_btn {
        min-width: 96px !important;
        font-size: 13px;
        line-height: 23px;
    }

    .main_logo {
        height: 65px;
    }

    .button-header-group {
        text-align: end;
    }

    .hero_main_img .landing_img {
        width: 100%;
        margin-left: 0px;
    }

    .hero_title_cutting h2 {
        font-size: 22px;
    }

    .main_padding_res {
        padding: 0px 0px 0px;
    }

    .overflow_signup {
        margin-right: 0px;
    }

    .signup_main .custom_col_6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .welcome_bizkit_title {
        font-size: 15px;
    }

    .continue_btn {
        min-width: 100%;
    }

    .signup_main {
        margin: initial;
    }

    .packages_main {
        padding: 0px 4px !important;
    }

    .we_have_man_title h5 {
        font-size: 25px;
    }
    /*Start - Issue-Id-0529 2*/
    .launchpad-main-section {
        /* height: 70vh !important; */
        /* height: 70vh !important; */ /* Issue-Id-0529 2*/
        overflow: auto !important;
    }
    /*Start - Issue-Id-0529 2*/

    .status_main {
        display: block !important;
    }

    .input-customiz .main-custom-color-card .colorpicker-saturation {
        width: 80%;
    }

    .select_disclaimer {
        padding: 0px 0px 25px 0px;
    }
    .launchpad-page {
        display: block !important;
    }
    .company-teammate-drop{
        margin: 73px 0px 0px 0px; /*Issue-Id-0529 2*/
    }
    /* Issue-Id-99 */
    .top-sticky {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }
    .mt-10{
        margin-top: 100px !important
    }
    /* Issue-Id-99 */

    .timeline-content p{
        word-break: unset;
    }
}

/* Issue-Id-97 */
@media screen and (min-width: 320px) and (max-width:440px) {
    .train-content label {
        width: 100% !important;
    }
    .list-group-flush .list-group-item .training-container {
        width: 60vw !important;
    }
    /*Start - Issue-Id-0414 1*/
    .launchpad-main-section {
        /* height: 70vh;  */
        overflow: unset;
    }
    /*End - Issue-Id-0414 1*/
}
/* Issue-Id-97 */
/* ---------------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width:374px) {
    .card-box-general .card-general-content {
        padding: 7px;
        margin-top: 15px;
    }
    /* Issue-Id-46 */
    .teammate-col-10 {
        flex: 0 0 auto;
        width: 25%;
    }
    .teammate-col-2 {
        flex: 0 0 auto;
        width: 16%;
    }
    /* Issue-Id-46 */
    .nav-left ul li a span {
        font-size: 12px;
    }

    .nav-left {
        max-width: 260px;
    }

    .tools_main_title h3 {
        font-size: 22px;
    }

    .tools_outside_pro {
        height: 326px;
        max-width: 384px;
    }

    .user-top-images {
        left: 18px;
        height: 198px;
        width: 199px;
    }

    .confirm_title_main h5 {
        font-size: 22px;
    }

    .signup_cofirm_title_main h5 {
        font-size: 19px;
    }

    .custom_check_radio .check_yes_no {
        width: 27%;
    }

    .new_account_title h6 {
        font-size: 22px;
        margin: 28px 0px 28px 0px;
    }

    .primary-email {
        height: 13px;
        width: 16px;
    }

    .header_btn {
        min-width: 81px;
        font-size: 11px;
        line-height: 8px;
        height: 30px;
    }

    .main_logo {
        height: 60px;
    }

    .welcome_bizkit_title {
        font-size: 12px;
    }
}

/* ---------------------------------------------------------------------------- */
@media screen and (max-width:321px) {
    .card-box .card-box-title .card-box-header h3, .card-box-general .card-box-general-title .card-box-general-header h3 {
        font-size: 18px;
        max-width: 195px;
    }
    .card-box .card-box-title .card-box-icon, .card-box-general .card-box-general-title .card-box-general-icon {
        position: absolute;
        right: -7px;
    }
    .tools_main_title h3 {
        font-size: 19px;
    }

    .tools_outside_pro {
        height: 284px;
    }

    .user-top-images {
        left: 15px;
        top: 77px;
        height: 176px;
        width: 176px;
    }

    .inner_tools_color span {
        font-size: 14px;
    }
}