@media (max-width:1440px) and (min-width:1200px){
    .container {
        max-width: 1250px!important;        
    }

    /* button */
    .form-inline .sign_up_btn ,.action_btn .btn_action ,
    .form-inline .btn_quick {font-size: 16px; padding: 0.8rem 2rem;}

    /* home */
    .main_bg_Sec { background-position: center;}
    .main_navigation_sec .navbar-nav .nav-item a { font-size: 16px; margin: 0 0.8rem; }
    .main_text_home h5 { font-size: 50px; }
    .main_text_home p { font-size: 15px; }
    .img_main img{max-width: 500px;height: auto;}

    /* login verification */
    .main_homesec {margin: 3rem 0;}
    
    /* dashboard sidebar */
    .main_menu_Sec a {   padding: 0.8rem 0; margin: 0.5rem 0rem;}
    .menu_icon { width: 80px;}
    .side_text_view p { font-size: 17px;}
    .top_logo_sec .side_open_logo{max-width: 150px;}
    .mian_side_bar_left:hover {width: 250px ; transition: 1s all;} 
    .center_logo_sec {
        background-image: url(../images/res_menu.png);
        background-repeat: no-repeat;
        background-size: contain;
        height: calc(100vh - 20vh);}
       
    
    
    /* notification modal */
    .modal-dialog.notification_modal { right: 360px;top: 60px; max-width: 500px; height: auto;}

    /* dashboard */
    .title_name h5 {font-size: 45px;}
    .title_name p {font-size: 12px; color: #71706F;}
    .white_Box_dashboard h5 {font-size: 16px; width: 90%;}
    .white_Box_dashboard p {font-size: 10px; width: 90%; }
    .side_imge img{max-width: 380px !important; height: auto;}
    .white_Box_dashboard .btn_login{font-size: 12px; height: 55px; width: 60%;}
    .btm_text_sec a {
        font-size: 9px;
        width: 72px;
    }
    .pink_box .btm_text_sec h5 {font-size: 18px;}
    .image_top h4 { font-size: 22px;}
    .image_top p {font-size: 12px; }
    .image_top img{max-width: 60px; height: 60px;}
    .pink_box {height: 205px;    padding: 1rem 1rem;}
    .auction_main .title_action h4 {font-size: 12px; }
    .discription_auction p { font-size: 12px;}
    .auction_main_box_right {padding: 1rem 1rem;}
    .title_auction h5 {
        font-size: 18px;
    }    .dropdown.right_dropdown .dropdown-item { font-size: 15px;}


    /* action  */
    .mian_side_bar_left {width: 120px;}
    .main_title_pages h4 {font-size: 45px; margin-left: 2rem;  margin-bottom: 1rem;}
    .auction_small_icon_main {width: 150px;}
    .auction_small_icon_main a {font-size: 14px;}
    .auction_templete a {
        font-size: 12px;
        padding: 0.9rem 2rem;}
    
    .auction_btn_line .btn_login {font-size: 15px;  width: 70%;   height: 65px;  }
    .order_sec p{font-size: 10px;}

    .auction_btn_line .form-group label {font-size: 12px;width: 30%;   }
    .auction_btn_line .form-group .form-control { font-size: 12px; width: 70%; }
    .auction_btn_line .form-group { width: 200px;}
    .order_sec {padding-left: 1rem;}
    .checkmark { height: 20px; width: 20px; }
    .container_check .checkmark:after {left: 7px; top: 3px;  width: 4px;  height: 10px;    border: solid white;
        border-width: 0px 1px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg);}
    .discription_auction{justify-content: flex-end!important;}
    .contact_main_sec_scrool .discription_auction{justify-content:center!important;}
    .drop_down_line .dropdown .dropdown-menu a{font-size: 12px;}
    .box_around .form-group .form-control {  font-size: 12px; }
    .btn_login {font-size: 15px; height: 58px;}
    .multiple_location_sec h5 { font-size: 20px; font-weight: 600; }
    .choose_option div {   min-width: 58px; min-height: 58px; } 
    .choose_option a { font-size: 15px; }
    button.btn_white { height: 52px; font-size: 15px; color: #0E559F;}    
    .discription_auction .btn.btn_complete { font-size: 12px; padding: 0.7rem 1.5rem;}

    /* auction templete */
    .templete_box h4{font-size: 16px;}
    .templete_box p{font-size: 10px;}
    .templete_btn .btn.btn_templete{ font-size: 15px;  }
    .templete_box {padding: 1.5rem 1rem; }
    .templete_title_main h4 {font-size: 25px;}
    .templete_title_main p {  font-size: 12px;}

    /* setting */
    .detail_setting h5{font-size: 15px;margin-bottom: 0.4rem;}
    .detail_setting p{font-size: 10px;}
    .profile_img img{max-width: 50px;height: auto;}
    .title_image_Sec h5 {font-size: 32px;}
    .title_image_Sec img { max-width: 130px;height: 130px; }
    .title_image_Sec p {font-size: 15px;}
    .box_setting {  padding: 0.3rem 0.5rem; border-radius: 7px;}

    .main_navigation_sec .navbar-brand img{margin-right: 2rem;max-width: 170px;height: auto;}
    a.help_Sec { padding: 0.5rem 1rem;}    
    .serch_sec{margin-left: 0rem;}
    .bg_auction{margin: auto!important}


    /* new by f 16-09-2022*/
    .drop_down_contact .dropdown-toggle { font-size: 14px; }
    .sort_by_Sec p { font-size: 13px;}
    .discription_auction span {font-size: 6px; border-radius: 7px; padding: 1px 4px; } 
    .center_text{justify-content: center!important;}
    .check_Box_Sec.side_right_border { width: 45px; }


    /* help and support */
    .search_chat input.form-control { font-size: 16px;}
    .user_chat_img {  padding: 1rem 1rem; }
    .user_chat_img .user_name_chat h4 { font-size: 16px;}
    .user_chat_img .profile_discription {margin-left: 0.5rem;}
    .chat_message_sec {  padding: 1rem 0.5rem; }
    .btn_create_sec .btn_create { font-size: 14px;}
    .img_profile img {  max-width: 45px; max-height: 45px; }
    .img_profile h4 { font-size: 16px; }
    .userReply p { font-size: 12px;}
    .user_message p { font-size: 12px;}
    
    /* profile setting */
    .btn_right { width: 130px;    padding: 0.8rem 1rem;}
    .profile_Setting_main .title_image_Sec {margin-bottom: 1rem;}
    .profile_Setting_main .bg_auction{margin: 1rem 0rem!important;}
    .setting_main_Sec h3 {font-size: 15px;}
    .setting_main_Sec small { font-size: 10px;}
    .setting_main_Sec a {font-size: 13px;}
    .setting_main_Sec h5 {font-size: 25px;}
    .setting_main_Sec p { font-size: 12px;}

    /* membership  */  
    .main_outer_box h6 {font-size: 32px;}
    .main_price h6 { font-size: 60px;}
    .main_discription p{font-size: 12px;}
    .btn_start .btn.btn-strat { font-size: 14px;  padding: 0.8rem;}
    .link_more a { font-size: 14px;}
    .main_outer_box p {font-size: 12px;}

     /* faq */
     .linkes_top a {font-size: 18px;  }
     .accordian_Sec #accordion .card .btn.btn-link {font-size: 15px;}
     .need_help h4 {font-size: 25px;}
     .serch_top_Sec .btn-serch{ padding: 0.8rem 2rem;}
    
    :checked + .ck-button .form-sub {
        background: #0E559F;
        border-radius: 50%;
        color: white;
    }


    /*Subscription Table Style*/
    .sec_3 {width: 100%;height: 927px;background-color: #0E559F;border-radius: 26px;background-image: url(../images/Pattern.png);background-repeat: no-repeat;background-position-y: 100px;}
    .title_sec_3 p {padding: 20px;color: #ffffff;font-weight: 300;font-size: 16px;}
    .fourth_sec_3 p {padding: 20px;color: #132843;font-weight: 300;font-size: 16px;}
    .title_sec_3 {padding: 25px;}
    .white_bg {height: 900px;width: 1161px;background-color: #ffffff;margin-top: 11px;border-radius: 26px;}
    .head {text-align: center;font-size: 58px;font-weight: 600;color: #0E559F;}
    .bronze p {font-size: 35px;}
    .bronze button {width: 150px;height: 48px;background-color: #FFFFFF;border: solid 1px #E1E1E1;border-radius: 15px;color: #0E559F;font-size: 14px;margin-left: auto;
        margin-right: auto;}
    /*Subscription Table Style*/

}

@media (max-width:1199px) and (min-width:992px){
    .container {
        max-width: 950px!important;        
    }
    
    /* button */
    .form-inline .sign_up_btn ,.action_btn .btn_action ,
    .form-inline .btn_quick {font-size: 15px; padding: 0.8rem 2rem;}
    .btn_login { width: 90%; height: 67px; }
    button.btn_white{ height: 67px;}

    /* home */
    .main_navigation_sec .navbar-brand img{max-width: 180px;height: auto;}
    .main_bg_Sec { background-position: center;}
    .main_navigation_sec .navbar-nav .nav-item a {font-size: 14px;margin: 0 0.5rem;}    
    .main_text_home h5 { font-size: 40px; }
    .main_text_home p { font-size: 15px; }

    
    /* login */
    .box_around .form-group { width: 90%;}

    /* login verification */
    .main_homesec {margin: 5rem 0;}

    /* create account 3 */
   .profile_list a {  font-size: 12px;  width: 200px;}
    .back_btn a { font-size: 15px;}

    /* create account 4 */
    .multiple_location_sec h5 {font-size: 18px;}
    .multiple_location_sec p { font-size: 12px;width: 100%;}

    
    /* dashboard sidebar */
    .main_menu_Sec a {   padding: 0.8rem 0; margin: 0.5rem 0rem;}
    .menu_icon { width: 110px;}
    .side_text_view p { font-size: 17px;}
    .top_logo_sec .side_open_logo{max-width: 150px;}
    .mian_side_bar_left:hover {width: 270px ; transition: 1s all;} 
    .mian_side_bar_left { width: 130px;  }

    /* dashboard */
    .mian_dashboard_nav {padding: 1rem 0rem 1rem 2rem;}    
    .modal-dialog.notification_modal {right: 300px;min-width: 450px; max-width: 450px;}

    /* creaate auction3 */
    .choose_option div {min-width: 65px;min-height: 65px;}
    .time_title h4 {font-size: 15px;}

     /* create auction 5 */
     .upgrade_link a {font-size: 15px;}
     .dropdown.right_dropdown button.dropdown-toggle {font-size: 15px;}
     a.help_Sec { font-size: 15px;padding: 0.5rem;}


     /* create an auction */
     .auction_main_box{margin:unset; margin-left: auto;}
     .choose_option {flex-wrap: wrap;}

       /* dashboard */
    .title_name h5 {font-size: 45px;}
    .title_name p {font-size: 12px; color: #71706F;}
    .white_Box_dashboard h5 {font-size: 16px; width: 90%;}
    .white_Box_dashboard p {font-size: 10px; width: 90%; }
    .side_imge img{max-width: 380px !important; height: auto;}
    .white_Box_dashboard .btn_login{font-size: 12px; height: 55px; width: 60%;}
    .btm_text_sec a {font-size: 10px;}
    .pink_box .btm_text_sec h5 {font-size: 18px;}
    .image_top h4 { font-size: 22px;}
    .image_top p {font-size: 12px; }
    .image_top img{max-width: 60px; height: 60px;}
    .pink_box {height: 180px;}
    .auction_main .title_action h4 {font-size: 12px; }
    .discription_auction p { font-size: 12px;}
    .auction_main_box_right {padding: 1rem 1rem;}
    .title_auction h5 {font-size: 22px;}
    .dropdown.right_dropdown .dropdown-item { font-size: 15px;}

    /* action  */
    .mian_side_bar_left {width: 130px;}
    .main_title_pages h4 {font-size: 45px;}
    .auction_small_icon_main {width: 140px;}
    .auction_small_icon_main a {font-size: 12px;}
    .auction_templete a {  font-size: 12px; padding: 1rem 1rem;}
    .auction_btn_line .btn_login {  font-size: 14px; width: 80%!important; height: 55px;}
    .order_sec p{font-size: 10px;}
    .auction_btn_line .form-group label {font-size: 12px;width: 30%; }
    .auction_btn_line .form-group .form-control { font-size: 12px; width: 70%; }
    .auction_btn_line .form-group { width: 200px;}
    .order_sec {padding-left: 1rem;}
    .checkmark { height: 18px; width: 18px; }
    .container_check .checkmark:after {
        left: 6px;   top: 2px; width: 4px; height: 10px;   border: solid white;
        border-width: 0px 1px 2px 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);  transform: rotate(45deg);}
    .discription_auction{justify-content: flex-end!important;}
    .drop_down_line .dropdown .a{font-size: 12px;}
    .main_scrool_div{overflow-x: scroll;}
    .main_scrool_div::-webkit-scrollbar {  display: none;}
    .main_scrool_div{ -ms-overflow-style: none;  /* IE and Edge */    scrollbar-width: none;  /* Firefox */ }
    .auction_main, .auction_main_box_right {  justify-content: flex-start;    width: -webkit-fill-available;
        background-color: transparent;   box-shadow: unset;}
        .discription_auction .btn.btn_complete { font-size: 12px; padding: 0.7rem 0.5rem;}



     /* auction templete */
     .templete_box h4{font-size: 16px;}
     .templete_box p{font-size: 10px;}
     .templete_btn .btn.btn_templete{ font-size: 15px;  }
     .templete_box {padding: 1rem 1rem; }
     .templete_title_main h4 {font-size: 25px;}
     .templete_title_main p {  font-size: 12px;}


     .contact_main_sec_scrool .discription_auction{justify-content:center!important;}

     /* new by f 16-09-2022*/      
    .drop_down_contact .dropdown-toggle { font-size: 14px; }
    .sort_by_Sec p {
        font-size: 14px;
        width: 68px;}
     .check_Box_Sec.side_right_border { width: 27px; height: 20px;}
     .discription_auction span {font-size: 6px; border-radius: 7px; padding: 1px 4px; } 


    /* help and support */
    .main_chat.hide-left-chat .left_Side_chat {display: none; transition: 1s all; }   
    .main_chat.hide-leftbar .chatmenu-background {  display: none; transition: 1s all;}
    .main_chat.chatmenu-background {   display: block;transition: 1s all;}   
    .main_chat .left_Side_chat { flex: 0 0 25%; max-width: 40%; position: absolute;    left: 0;
        z-index: 2;transition: .3s all;
        background: #ffffff;text-align: center;padding: 0rem;top: 0px;border-radius: 0px;box-shadow: 15px 15px 50px #00000029;}
   .hide-left-chat .left_Side_chat {  left: -1000px; transition: 1s all; }
    .message_box { position: relative; }
    .main_chat.hide-left-chat .message_box button {  display: block;}
    .main_chat.hide-left-chat .transperent_bg_sec .left_Side_chat .close-btn-chat button {  display: block;}
    .message_box { flex: 0 0 100%; max-width: 100%;}   
    .img_profile.supportPerson img{max-width: 40px;max-height: 40px;}
    /* end chat */
    .button_open { display: flex!important;  justify-content: flex-end!important; }
    button#left-menu {display: none; }

    
    .search_chat input.form-control { font-size: 16px;}
    .user_chat_img {  padding: 1rem 1rem; }
    .user_chat_img .user_name_chat h4 { font-size: 16px;}
    .user_chat_img .profile_discription {margin-left: 0.5rem;}
    .chat_message_sec {  padding: 1rem 0.5rem; }
    .btn_create_sec .btn_create { font-size: 14px;}
    .img_profile img {  max-width: 45px; max-height: 45px; }
    .img_profile h4 { font-size: 16px; }
    .userReply p { font-size: 12px;}
    .user_message p { font-size: 12px;}
    .search_chat {  height: 50px; }
    .close-btn-chat{position: absolute;  right: -6px; top: -4px;}
    .close-btn-chat .close{background: #0E559F; border-radius: 22px;color: #fff;  font-size: 13px; padding: 3px 5px;}
    .left_Side_chat ,.message_box{ height: calc(100vh - 273px);}
    .chat_message_sec {   min-height: calc(100vh - 410px); max-height: calc(100vh - 410px);   overflow-y: auto; }
    .profile_user { height: 50px;    padding: 0 1rem; }
    .help_main .bg_auction{padding: 1rem;margin: 1rem;}
    .text_comment .form-group .form-control {  font-size: 14px;}

    /* modal */ 
    .center_tickit_sec{margin: 0.8rem 0rem;}
    .center_tickit_sec h4{font-size: 15px;}
    .center_tickit_sec p{font-size: 12px;}
    .list_Box_btm {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 2px solid #E2E2E2;
        border-radius: 18px;
        padding: 2rem 1rem;
        /* min-height: 210px; */
        min-height: 215px !important;
    }

    /* profile setting */
    .cl-avatarupload{left: 0px;}
    .btn_right { width: 130px;padding: 0.8rem 1rem;}
    .profile_Setting_main .title_image_Sec {margin-bottom: 1rem;}
    .profile_Setting_main .bg_auction{margin: 1rem 0rem!important;}
    .setting_main_Sec h3 {font-size: 15px;}
    .setting_main_Sec small { font-size: 10px;}
    .setting_main_Sec a {font-size: 13px;}
    .setting_main_Sec h5 {font-size: 25px;}
    .setting_main_Sec p { font-size: 12px;}
    .box_around .form-group .form-control {font-size: 12px;}

    .modal-content {
        width: 86% !important;
    }
   
    .btn_login {
        margin-left: 10px;
        width: 73% !important;
    }
    .list_Box_btm {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 2px solid #E2E2E2;
        border-radius: 18px;
        padding: 2rem 1rem;
        min-height: 210px;
        width: 275px;
    }
    /* membership  */  
    .main_outer_box h6 {font-size: 32px;}
    .main_price h6 { font-size: 50px;}
    .main_discription p{font-size: 12px;}
    .btn_start .btn.btn-strat { font-size: 14px;  padding: 0.8rem;}
    .link_more a { font-size: 14px;}
    .main_outer_box p {font-size: 12px;}
    .pro_box h5 {  font-size: 25px;}

      /* faq */
      .linkes_top a {font-size: 15px;}
      .accordian_Sec #accordion .card .btn.btn-link {font-size: 15px;}
      .linkes_top a.active:before { width: 60%}
      .need_help h4 { font-size: 22px;}
      .serch_top_Sec .btn-serch{ padding: 0.5rem 1rem;}
      .serch_top_Sec { border-radius: 16px;}
      .btn_submit .btn.btn-support {
        font-size: 14px;}

    /*Subscription Table Style*/
    .head {font-size: 50px;}
    .sub_head {font-size: 16px;}
    .bronze p {font-size: 20px;}
    .bronze button {padding: 0.5rem 0.8rem;width: fit-content;height: auto;border-radius: 9px;font-size: 13px;}
    .cl-plantitle {font-size: 1rem !important;}
    .enterprise button {padding: 0.5rem 0.8rem;width: fit-content;height: auto;border-radius: 9px;font-size: 13px;}
    .monthly p {font-size: 16px;}
    .monthly p span {font-size: 12px;color: #71706F;}
    .title_sec_3 {padding: 10px;}
    .title_sec_3 p {padding: 15px;color: #ffffff;font-weight: 300;font-size: 15px;}
    .fourth_sec_3 p {padding: 15px;color: #132843;font-weight: 300;font-size: 15px;}
    .white_bg .third_sec_3, .fourth_sec_3, .fifth_sec_3 {padding-left: 0px;}
    .bronze p span {font-size: 12px;color: #71706F;}
    .white_bg {height: 750px;width: 1161px;background-color: #ffffff;margin-top: 11px;border-radius: 26px;}
    .sec_3 {width: 100%;height: 780px;}
    .trial_btn button {width: 380px;height: 67px;}
    /*Subscription Table Style*/

}

@media (max-width:991px) and (min-width:768px){

    .container { max-width: 700px!important;}
    .cl-avatarupload{left: 0px;}
    /* button */
    .form-inline .sign_up_btn ,.action_btn .btn_action ,
    .form-inline .btn_quick {font-size: 15px; padding: 0.8rem 2rem;}
    .btn_login { width: 90%; height: 67px; }
    button.btn_white{ height: 67px;}

    /* home */
    .main_navigation_sec #navbarSupportedContent{position: absolute;top: 100px; background: #E6ECF5; width: 90%; padding: 2rem 2rem;
        z-index: 99;  margin: auto; border-radius: 25px; text-align: center;}
    .main_navigation_sec .form-inline{justify-content: center;}
    .main_navigation_sec .navbar-brand img{max-width: 180px;height: auto;}
    .main_home_sec{justify-content: center!important;}
    .main_bg_Sec { background-position: center;}
    .main_navigation_sec .navbar-nav .nav-item a {font-size: 14px;margin: 0 0.5rem;}    
    .main_text_home h5 { font-size: 40px; }
    .main_text_home p { font-size: 15px; }

    /* login */
    .main_login  .main_navigation_sec #navbarSupportedContent{background: transparent linear-gradient(111deg, #0E559F 0%, #429FFF 100%) 0% 0% no-repeat padding-box;
        box-shadow: 15px 15px 50px #3992EF4D;}
    .box_around .form-group { width: 95%;}
    .img_main{margin-top: 3rem;}
    .copy_right_Sec p {font-size: 12px;}

    /* create account 3 */
    .profile_list a { font-size: 13px; width: 220px;}
    .back_btn a { font-size: 15px;}

    
    /* create account 4 */
    .multiple_location_sec h5 {font-size: 18px;}
    .multiple_location_sec p { font-size: 12px;width: 90%;}
    .choose_option a {font-size: 15px;}
    .choose_option div {min-width: 65px;min-height: 65px;margin: 1rem 0;}
    .choose_option{flex-wrap: wrap;}

        
    /* dashboard sidebar */
    .main_menu_Sec a {   padding: 0.8rem 0; margin: 0.5rem 0rem;}
    .menu_icon { width: 110px;}
    .side_text_view p { font-size: 17px;}
    .top_logo_sec .side_open_logo{max-width: 150px;}
    .mian_side_bar_left:hover {width: 270px ; transition: 1s all;} 

    /* dashboard */
    .mian_dashboard_nav {padding: 1rem 0rem 1rem 2rem;}  
    .modal-dialog.notification_modal {right: 260px;min-width: 400px; max-width: 400px;}

    /* create auction 5 */
    .upgrade_link a {font-size: 14px;}
    .dropdown.right_dropdown button.dropdown-toggle {font-size: 15px;}
    a.help_Sec { font-size: 15px;padding: 0.5rem 1rem;}

    /* create an auction */
    .auction_main_box{margin:unset; margin-left: auto;}

    /* templete modal */
    .modal-content.templete_main_sec .modal-header h5{font-size: 22px;}
    .modal-content.templete_main_sec .modal-header p{font-size: 12px;}
      

    /* dashboard */
    .title_name h5 {font-size: 45px;}
    .title_name p {font-size: 12px; color: #71706F;}
    .white_Box_dashboard h5 {font-size: 16px; width: 90%;}
    .white_Box_dashboard p {font-size: 10px; width: 90%; }
    .side_imge img{max-width: 340px !important; height: auto;}
    .white_Box_dashboard .btn_login{font-size: 12px; height: 55px; width: 60%;}
    .btm_text_sec a {font-size: 10px;}
    .pink_box .btm_text_sec h5 {font-size: 18px;}
    .image_top h4 { font-size: 22px;}
    .image_top p {font-size: 12px; }
    .image_top img{max-width: 60px; height: 60px;}
    .pink_box {height: 180px;}
    .auction_main .title_action h4 {font-size: 12px; }
    .discription_auction p { font-size: 12px;}
    .auction_main_box_right {padding: 1rem 1rem;}
    .title_auction h5 {font-size: 22px;}
    .dropdown.right_dropdown .dropdown-item { font-size: 15px;}

     /* action  */
     .mian_side_bar_left {width: 130px;}
     .main_title_pages h4 {font-size: 45px;}
     .auction_small_icon_main {width: 100px;padding: 0.5rem!important;}
     .auction_small_icon_main a {font-size: 8px;}
     .auction_templete a { font-size: 10px;  padding: 0.5rem 0.5rem;}
     .auction_btn_line .btn_login {
        font-size: 11px !important;
        width: 65% !important;
        height: 49px !important;
    }
     .order_sec p{font-size: 10px;}
     .auction_btn_line .form-group label {font-size: 12px;width: 30%;   }
     .auction_btn_line .form-group .form-control { font-size: 12px; width: 70%; }
     .auction_btn_line .form-group { width: 200px;}
     .order_sec {padding-left: 1rem;}
     .checkmark { height: 20px; width: 20px; }
     .container_check .checkmark:after {left: 7px; top: 3px;  width: 4px;  height: 10px;    border: solid white;
         border-width: 0px 1px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg);}
     .discription_auction{justify-content: flex-end!important;}
     .drop_down_line .dropdown .dropdown-menu a{font-size: 12px;}
     .main_scrool_div{overflow-x: scroll;}
     .main_scrool_div::-webkit-scrollbar {display: none;}
     .main_scrool_div{ -ms-overflow-style: none;  /* IE and Edge */scrollbar-width: none;  /* Firefox */ }
     .auction_main, .auction_main_box_right {  justify-content: flex-start; width: -webkit-fill-available;
        background-color: transparent;box-shadow: unset;}
    .auction_small_icon_main a  img{max-width: 20px;height: auto;}
    .auction_main { padding: 1rem 1rem; }
    .discription_auction span {font-size: 7px; }

    /* auction templete */
    .templete_box h4{font-size: 16px;}
    .templete_box p{font-size: 10px;}
    .templete_btn .btn.btn_templete{ font-size: 15px;  }
    .templete_box {padding: 1rem 1rem; }
    .templete_title_main h4 {font-size: 25px;}
    .templete_title_main p {  font-size: 12px;}


    .contact_add_new .modal-content { padding: 1rem 1rem; }
    .contact_check label {font-size: 15px; }
    .list_Box_btm { min-height: auto;}
        

    .delete_sec {margin-left: 0rem;}
    .delete_sec a {font-size: 10px; color: #EB001B; }
      .delete_sec a img{  max-width: 15px;  height: auto;  margin-right: 10px!important; }
    .pegicnation_Sec .page-link { font-size: 12px;   padding: 2px 7px;    margin: 0.2rem 0.2rem;  width: auto; }
    .contact_main_sec_scrool .discription_auction{justify-content:center!important;}

    
     /* new by f 16-09-2022*/      
     .drop_down_contact .dropdown-toggle { font-size: 14px; }
     .sort_by_Sec p {
        font-size: 13px !important;
        width: 52px !important;
    }
    .drop_down_contact .sort-select, .bottomtble .dataTables_length select {
        
        font-size: 12px !important;
       
        
        margin-right: 11px !important;
        
    }
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 1px !important;
        margin-left: -24px !important;
    }
      .check_Box_Sec.side_right_border { width: 27px; height: 20px;}

     /* help and support */
    .main_chat.hide-left-chat .left_Side_chat {display: none; transition: 1s all; }   
    .main_chat.hide-leftbar .chatmenu-background {  display: none; transition: 1s all;}
    .main_chat.chatmenu-background {   display: block;transition: 1s all;}   
    .main_chat .left_Side_chat { flex: 0 0 50%; max-width: 50%; position: absolute;    left: 0;
        z-index: 2;transition: .3s all;  background: #ffffff;padding: 0rem;top: 0px;border-radius: 0px;box-shadow: 15px 15px 50px #00000029;}
   .hide-left-chat .left_Side_chat {  left: -1000px; transition: 1s all; }
    .message_box { position: relative; }
    .main_chat.hide-left-chat .message_box button {  display: block;}
    .main_chat.hide-left-chat .transperent_bg_sec .left_Side_chat .close-btn-chat button {  display: block;}
    .message_box { flex: 0 0 100%; max-width: 100%;}
    .img_profile.supportPerson img{max-width: 40px;max-height: 40px;}
    /* end chat */
    .button_open { display: flex!important;  justify-content: flex-end!important; }
    button#left-menu {display: none; }
    
    .search_chat input.form-control { font-size: 16px;}
    .user_chat_img {  padding: 1rem 1rem; }
    .user_chat_img .user_name_chat h4 { font-size: 14px;}
    .user_chat_img .profile_discription {margin-left: 0.5rem;}
    .chat_message_sec {  padding: 1rem 0.5rem; }
    .btn_create_sec .btn_create { font-size: 14px;}
    .img_profile img {  max-width: 45px; max-height: 45px; }
    .img_profile h4 { font-size: 16px; }
    .userReply p { font-size: 12px;}
    .user_message p { font-size: 12px;}
    .search_chat {  height: 50px; }
    .close-btn-chat{position: absolute;  right: -6px; top: -4px;}
    .close-btn-chat .close{background: #0E559F; border-radius: 22px;color: #fff;  font-size: 13px; padding: 3px 5px;}
   .message_box{ height: calc(100vh - 300px);}
   .left_Side_chat { height: calc(100vh - 260px);}
    .chat_message_sec {   min-height: calc(100vh - 430px); max-height: calc(100vh - 430px);   overflow-y: auto; }
    .profile_user { height: 50px;    padding: 0 1rem; }
    .help_main .bg_auction{padding: 1rem;margin: 1rem;}
    .text_comment .form-group .form-control {  font-size: 12px;}
    .title_Support p {font-size: 10px;}
    .title_Support h5 { font-size: 20px;}

      /* modal */ 
      .center_tickit_sec{margin: 0.8rem 0rem;}
      .center_tickit_sec h4{font-size: 15px;}
      .center_tickit_sec p{font-size: 12px;}

        /* profile setting */
    .btn_right { width: 130px;padding: 0.8rem 1rem;}
    .profile_Setting_main .title_image_Sec {margin-bottom: 1rem;}
    .profile_Setting_main .bg_auction{margin: 1rem 0rem!important;}
    .setting_main_Sec h3 {font-size: 15px;}
    .setting_main_Sec small { font-size: 10px;}
    .setting_main_Sec a {font-size: 13px;}
    .setting_main_Sec h5 {font-size: 25px;}
    .setting_main_Sec p { font-size: 12px;}
    .box_around .form-group .form-control {font-size: 12px;}
    .profile_upload .avatar-upload_1 { margin: 1rem 0rem; max-width: 165px;}
    .title_image_Sec h5 { font-size: 25px; }
    .title_image_Sec img { max-width: 130px;  height: 130px;}
    .title_image_Sec p {font-size: 12px; }
    .serch_sec .form-control {  font-size: 15px; }
    .profile_upload .avatar-upload_1 .avatar-preview { width: 160px;height: 160px;margin-bottom: 0px;}    
    .profile_upload .avatar-upload_1 .avatar-edit input + label { width: 40px; height: 40px;}
    .profile_upload .avatar-upload_1 .avatar-edit {right: 0px; }
    .list_box h4 {
        font-size: 17px;
        color: #000000;
        margin: 1rem 0;
        text-align: center;
    }
    .list_Box_btm {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 2px solid #E2E2E2;
        border-radius: 18px;
        padding: 2rem 1rem;
        min-height: 210px;
        width: 223px;
    }
    .modal-content {
        width: 105% !important;
    }
    .btn_login{
        width:88% !important;
        font-size: 12px;
        margin-left: 10px !important;
        height: 54px !important
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 50.666667%;
    }
      /* membership  */  
   .main_outer_box h6 {font-size: 32px;}
   .main_price h6 { font-size: 50px;}
   .main_discription p{font-size: 12px;}
   .btn_start .btn.btn-strat { font-size: 14px;  padding: 0.8rem;}
   .link_more a { font-size: 14px;}
   .main_outer_box p {font-size: 12px;}
   .pro_box h5 {  font-size: 25px;}
   .subscribe_dates h3{font-size: 15px;}
  .subscribe_dates p{font-size: 11px;}

   /* faq */
   .linkes_top a { font-size: 11px; }
   .accordian_Sec #accordion .card .btn.btn-link {font-size: 15px;}
   .linkes_top a.active:before { width: 60%;bottom: -10px;height: 3px;}    
   .need_help h4 { font-size: 20px;}
   .serch_top_Sec .btn-serch{ padding: 0.5rem 1rem;}
   .serch_top_Sec { border-radius: 16px;}
    
   .pagination {margin-right: auto;}
}

@media (max-width:768px) and (min-width:574px){
    .img_profile.supportPerson img{max-width: 40px;max-height: 40px;}
    .profile_upload .avatar-upload_1 .avatar-preview {margin-bottom: 0px;}    
    .cl-avatarupload{left: 0;margin: 0 !important;}


      /*Subscription Table Style*/
      .head {font-size: 30px;}
      .sub_head {font-size: 16px;}
      .bronze p {font-size: 20px;}
      .bronze button {padding: 0.5rem 0.8rem;width: fit-content;height: auto;border-radius: 9px;font-size: 10px;}
      .cl-plantitle {font-size: 0.8rem !important;}
      .enterprise button {padding: 0.5rem 0.8rem;width: fit-content;height: auto;border-radius: 9px;font-size: 10px;}
      .monthly p {font-size: 16px;}
      .monthly p span {font-size: 12px;color: #71706F;}
      .title_sec_3 {padding: 10px;}
      .title_sec_3 p {padding: 8px;color: #ffffff;font-weight: 300;font-size: 12px;}
      .fourth_sec_3 p {padding: 8px;color: #132843;font-weight: 300;font-size: 12px;}
      .white_bg .third_sec_3, .fourth_sec_3, .fifth_sec_3 {padding-left: 0px;}
      .bronze p span {font-size: 12px;color: #71706F;}
      .white_bg {height: 527px;width: 1161px;background-color: #ffffff;margin-top: 11px;border-radius: 26px;}
      .sec_3 {width: 100%;height: 550px;}
      .trial_btn button {width: 350px;height: 55px;font-size: 15px;}

      /*Subscription Table Style*/
}

@media (max-width:575px) and (min-width:320px){
    
    /* button */
    .form-inline .sign_up_btn ,.action_btn .btn_action ,
    .form-inline .btn_quick {font-size: 12px; padding: 0.8rem 1rem;}
    .btn_login { width: 100%; height: 67px;font-size: 14px; }
    button.btn_white{ height: 67px;font-size: 14px;}
    
    /* home */
    .main_navigation_sec #navbarSupportedContent{position: absolute;top: 100px; background: #E6ECF5; width: 90%; padding: 2rem 2rem;
        z-index: 99;  margin: auto; border-radius: 25px; text-align: center;}
    .main_navigation_sec .form-inline{justify-content: center;}
    .main_navigation_sec .navbar-brand img{max-width: 180px;height: auto;}
    .main_home_sec{justify-content: center!important;}
    .main_bg_Sec { background-position: center;}
    .main_navigation_sec .navbar-nav .nav-item a {font-size: 14px;margin: 0 0.5rem;}    
    .main_text_home h5 { font-size: 40px; }
    .main_text_home p { font-size: 15px; }

    /* login */
    .main_login  .main_navigation_sec #navbarSupportedContent{
    background: transparent linear-gradient(111deg, #0E559F 0%, #429FFF 100%) 0% 0% no-repeat padding-box;
    box-shadow: 15px 15px 50px #3992EF4D;}
    .box_around .form-group { width: 100%;}
    .img_main{margin-top: 3rem;}
    .copy_right_Sec p {font-size: 12px;}
    .box_around .form-group .form-control {font-size: 12px;}
    .box_around .form-group label {font-size: 11px; }
    .register_sec p {font-size: 12px;}
    .copy_right_Sec a , .copy_right_Sec p {font-size: 10px;}

    /* create account 3 */
    .profile_list a { font-size: 13px; width: 220px;}
    .back_btn a { font-size: 12px;}

    /*  create account 4 */
    .multiple_location_sec h5 {font-size: 18px;}
    .multiple_location_sec p { font-size: 12px;width: 90%;}
    .choose_option a {font-size: 13px;}
    .choose_option div {min-width: 55px;min-height: 55px;margin: 0.5rem 0rem;}
    .choose_option{flex-wrap: wrap;}


    /* dashboard sidebar */
    .profile_setting_img_box{height: 70px;}
    .main_menu_Sec a {padding: 0.8rem 0; margin: 0.5rem 0rem; width: fit-content;}
    .main_menu_Sec{width: fit-content;}
    .top_logo_sec {padding: 0.5rem; }
    .menu_icon { width: 60px;}   
    .mian_side_bar_left:hover {width: 270px ; transition: 1s all;} 
    .center_logo_sec { background-size: 100% 100%; width: fit-content; padding: 1rem 0.5rem 1rem 0rem;}
    .mian_side_bar_left:hover { width: fit-content; } 
    .mian_side_bar_left:hover .top_logo_sec .side_open_logo{opacity: 0;display: none;}
    .mian_side_bar_left:hover .side_text_view p ,
    .mian_side_bar_left:hover .side_open_logo{ z-index: -1; margin-right:unset;margin-left: unset;opacity: 0;}
    .side_text_view{display: none;}
    .mian_side_bar_left{height: 100vh;width:auto;background: transparent;padding: 1rem 1rem 1rem 0;border-right: unset;}

    /* create auction 5 */
    .upgrade_link a {font-size: 13px;}

    /* notification modal */
    .modal-dialog.notification_modal {right: 0px;min-width: 350px; max-width: 350px; left: 0; margin: auto; }

    /* dashboard */
    .dropdown.right_dropdown button.dropdown-toggle {font-size: 12px;}
    a.help_Sec { font-size: 13px;padding: 0.5rem;}
    .serch_sec .form-control {font-size: 15px;}
    .notification_icon img{max-height: 20px; max-width: 20px;}
    a.help_Sec img{max-height: 20px; max-width: 20px;}
    .dropdown.right_dropdown button.dropdown-toggle img{max-width: 30px;max-height: 30px;}
    .dropdown.right_dropdown .dropdown-item {font-size: 12px;}
    a.help_Sec { font-size: 12px; padding: 0.2rem;}


     /* create an auction */
     .auction_main_box { margin: 0; margin-left: auto; margin-top: 4rem;  margin-bottom: 2rem; padding: 2rem 1rem 1rem 1rem;}

     /* templete modal */
    .modal-content.templete_main_sec .modal-header h5{font-size: 22px;}
    .modal-content.templete_main_sec .modal-header p{font-size: 10px;}

    /* dashboard */
    .title_name h5 {font-size: 35px;}
    .title_name p {font-size: 10px; color: #71706F;}
    .white_Box_dashboard h5 {font-size: 16px; width: 90%;}
    .white_Box_dashboard p {font-size: 10px; width: 90%; }
    .side_imge {  position: relative;bottom: 0;  right: 0;}
    .white_Box_dashboard .btn_login{font-size: 10px; height: 55px; width: 60%;}
    .btm_text_sec a {font-size: 10px;}
    .pink_box .btm_text_sec h5 {font-size: 18px;}
    .image_top h4 { font-size: 22px;}
    .image_top p {font-size: 10px; }
    .image_top img{max-width: 60px; height: 60px;}
    .pink_box {height: 180px;}
    .auction_main .title_action h4 {font-size: 10px; }
    .discription_auction p { font-size: 10px;}
    .auction_main_box_right {padding: 1rem 1rem;}
    .title_auction h5 {font-size: 10px;}
    .dropdown.right_dropdown .dropdown-item { font-size: 15px;}
    .auction_main {padding: 0.5rem 1rem;}
    .discription_auction span { font-size: 6px;  padding: 3px 3px; }


    /* action  */
    .mian_side_bar_left {width: 130px;}
    .main_title_pages h4 {font-size: 45px;}
    .auction_small_icon_main { width: fit-content; padding: 0.5rem!important;border-radius: 10px;    margin-right: 0.5rem; }
    .auction_small_icon_main a {font-size: 8px;}
    .auction_templete a { font-size: 10px;  padding: 1rem 0.5rem;}
    .auction_btn_line .btn_login { font-size: 12px;  width: 100%!important;   height: 55px; }
    .order_sec p{font-size: 10px;}
    .auction_btn_line .form-group label {font-size: 12px;width: 30%;   }
    .auction_btn_line .form-group .form-control { font-size: 12px; width: 70%; }
    .auction_btn_line .form-group { width: 200px;}
    .order_sec { padding-left: 0rem; margin-top: 1rem; border-left: unset; }
    .checkmark { height: 20px; width: 20px; }
    .container_check .checkmark:after {left: 7px; top: 3px;  width: 4px;  height: 10px;    border: solid white;
        border-width: 0px 1px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg);}
    .discription_auction{justify-content: flex-end!important;}
    .drop_down_line .dropdown .dropdown-menu a{font-size: 12px;}
    .main_scrool_div{overflow-x: scroll;}
    .main_scrool_div::-webkit-scrollbar {display: none;}
    .main_scrool_div{ -ms-overflow-style: none;  /* IE and Edge */scrollbar-width: none;  /* Firefox */ }
    .auction_main, .auction_main_box_right {  justify-content: flex-start; width: -webkit-fill-available;
       background-color: transparent;box-shadow: unset;}
   .auction_small_icon_main a  img{display: none;}
   .auction_main { padding: 1rem 1rem; }
   .discription_auction span {font-size: 7px; }
   .main_auction_title{flex-wrap: wrap;}
   .auction_templete{margin-bottom: 2rem;}
   .bg_auction { padding: 2rem 1rem;margin: 1rem 0rem;}
   .check_Box_Sec {left: 0;}
   .auction_main_box_right {padding: 0.5rem 1rem;}
   .flex_wrap_sec{flex-wrap: wrap;}
   .discription_auction .btn.btn_complete {
    font-size: 10px;  border-radius: 10px;  padding: 0.5rem 0.8rem;}

    
    /* auction templete */
    .templete_box h4{font-size: 16px;}
    .templete_box p{font-size: 10px;}
    .templete_btn .btn.btn_templete{ font-size: 15px;  }
    .templete_box {padding: 1rem 1rem; margin: 1rem 0rem; }
    .templete_title_main h4 {font-size: 25px;}
    .templete_title_main p {  font-size: 12px;}

    .contact_add_new .modal-content { padding: 1rem 1rem; }
    .contact_check label {font-size: 15px; }

    .list_Box_btm { min-height: auto;}



    .delete_sec {
        margin-left: 0rem;
    }
    .delete_sec a {
        font-size: 10px;
        color: #EB001B;
    }
    .delete_sec a img{
        max-width: 15px;
        height: auto;
        margin-right: 10px!important;
    }
    .pegicnation_Sec .page-link {
        font-size: 12px;
        padding: 2px 7px; 
        margin: 0.2rem 0.2rem;
        width: auto;
    }


    /* help and support */
    .main_chat.hide-left-chat .left_Side_chat {display: none; transition: 1s all; }   
    .main_chat.hide-leftbar .chatmenu-background {  display: none; transition: 1s all;}
    .main_chat.chatmenu-background {   display: block;transition: 1s all;}   
    .main_chat .left_Side_chat { flex: 0 0 80%; max-width: 80%; position: absolute;    left: 0;
        z-index: 2;transition: .3s all;  background: #ffffff;padding: 0rem;top: 0px;border-radius: 0px;box-shadow: 15px 15px 50px #00000029;}
    .hide-left-chat .left_Side_chat {  left: -1000px; transition: 1s all; }
    .message_box { position: relative; }
    .main_chat.hide-left-chat .message_box button {  display: block;}
    .main_chat.hide-left-chat .transperent_bg_sec .left_Side_chat .close-btn-chat button {  display: block;}
    .message_box { flex: 0 0 100%; max-width: 100%;}   
    /* end chat */
    .button_open { display: flex!important;  justify-content: flex-end!important; }
    button#left-menu {display: none; }
    
    .search_chat input.form-control { font-size: 16px;}
    .user_chat_img {  padding: 1rem 1rem; }
    .user_chat_img .user_name_chat h4 { font-size: 14px;}
    .user_chat_img .profile_discription {margin-left: 0.5rem;}
    .chat_message_sec {  padding: 1rem 0.5rem; }
    .btn_create_sec .btn_create { font-size: 14px;}
    .img_profile img {  max-width: 35px; max-height: 35px; }
    .img_profile h4 { font-size: 14px; }
    .userReply p { font-size: 12px;}
    .user_message p { font-size: 12px;}
    .search_chat {  height: 50px; }
    .close-btn-chat{position: absolute;  right: -6px; top: -4px;}
    .close-btn-chat .close{background: #0E559F; border-radius: 22px;color: #fff;  font-size: 13px; padding: 3px 5px;}
    .message_box{ height: calc(100vh - 300px);}
    .left_Side_chat { height: calc(100vh - 260px);}
    .chat_message_sec {   min-height: calc(100vh - 430px); max-height: calc(100vh - 430px);   overflow-y: auto; }
    .profile_user { height: 50px;    padding: 0 1rem; }
    .help_main .bg_auction{padding: 1rem;margin: 1rem 0rem;}
    .text_comment .form-group .form-control {  font-size: 12px;}
    .title_Support p {font-size: 10px;}
    .title_Support h5 { font-size: 20px;}
    .user_message ,  .own_reply { max-width: 90%;}
    .text_comment a img{max-width: 20px;height: auto;}
    .img_profile.supportPerson img{max-width: 40px;max-height: 40px;}

    /* modal */ 
    .center_tickit_sec{margin: 0.8rem 0rem;}
    .center_tickit_sec h4{font-size: 15px;}
    .center_tickit_sec p{font-size: 12px;}

    /* profile setting */
    .cl-avatarupload{left: 0px;}
    .btn_right { width: fit-content;padding: 0.8rem 1rem;}
    .profile_Setting_main .title_image_Sec {margin-bottom: 1rem;}
    .profile_Setting_main .bg_auction{margin: 1rem 0rem!important;}
    .setting_main_Sec h3 {font-size: 15px;}
    .setting_main_Sec small { font-size: 10px;}
    .setting_main_Sec a {font-size: 10px;}
    .setting_main_Sec h5 {font-size: 25px;}
    .setting_main_Sec p { font-size: 12px;}
    .box_around .form-group .form-control {font-size: 12px;}
    .profile_upload .avatar-upload_1 { margin: 1rem 0rem; max-width: 165px;}
    .title_image_Sec h5 { font-size: 20px; }
    .title_image_Sec img { max-width: 70px;  height: 70px;}
    .title_image_Sec p {font-size: 12px; }
    .serch_sec .form-control {  font-size: 15px; }
    .profile_upload .avatar-upload_1 .avatar-preview { width: 160px;height: 160px;margin-bottom: 0px;}    
    .profile_upload .avatar-upload_1 .avatar-edit input + label { width: 40px; height: 40px;}
    .profile_upload .avatar-upload_1 .avatar-edit {right: 0px; }

        /* membership  */  
    .main_outer_box h6 {font-size: 22px;}
    .main_price h6 { font-size: 40px;}
    .main_discription p{font-size: 12px;}
    .btn_start .btn.btn-strat { font-size: 14px;  padding: 0.8rem;}
    .link_more a { font-size: 14px;}
    .main_outer_box p {font-size: 12px;}
    .pro_box h5 {  font-size: 25px;}
    .side_off { left: 57%; top: -59px;}
    .subscribe_dates h3{font-size: 14px;}
    .subscribe_dates p{font-size: 10px;}
    

    /* faq */
    .linkes_top a {font-size: 12px; }
    .accordian_Sec #accordion .card .btn.btn-link {font-size: 13px;}
    .linkes_top a.active:before { width: 50%; bottom: -1px;height: 2px;}  
    .need_help h4 { font-size: 26px;}
    .accordian_Sec #accordion .card { padding-left: 0.5rem;}
    .serch_top_Sec .btn-serch{ padding: 0.5rem 1rem; border-radius: 7px;font-size: 10px;}     
    .serch_top_Sec { border-radius: 16px;}
     .main_dashboard_box .box_dashboard { margin: 1rem 0rem; }
     .title_image_Sec {margin: 1rem 0rem;}

     .pagination {
        margin-right: auto;
    }
    a.page-link {
        margin: 0;
        padding: 0;
        min-width: 28px;
        height: 28px;
        border-radius: 21px !important;
    }
    .bottomtble i,.page-link i {
        font-size: 15px;
    }


       /*Subscription Table Style*/
       .head {font-size: 30px;}
       .sub_head {font-size: 16px;}
       .bronze p {font-size: 20px;}
       .bronze button {padding: 0.5rem 0.8rem;width: fit-content;height: auto;border-radius: 9px;font-size: 10px;}
       .cl-plantitle {font-size: 0.8rem !important;}
       .enterprise button {padding: 0.5rem 0.8rem;width: fit-content;height: auto;border-radius: 9px;font-size: 10px;}
       .monthly p {font-size: 16px;}
       .monthly p span {font-size: 12px;color: #71706F;}
       .title_sec_3 {padding: 10px;}
       .title_sec_3 p {padding: 8px;color: #ffffff;font-weight: 300;font-size: 12px;}
       .fourth_sec_3 p {padding: 8px;color: #132843;font-weight: 300;font-size: 12px;}
       .white_bg .third_sec_3, .fourth_sec_3, .fifth_sec_3 {padding-left: 0px;}
       .bronze p span {font-size: 12px;color: #71706F;}
       .white_bg {height: 527px;width: 1161px;background-color: #ffffff;margin-top: 11px;border-radius: 26px;}
       .sec_3 {width: 100%;height: 550px;}
       .trial_btn button {width: 350px;height: 55px;font-size: 15px;}
 
       /*Subscription Table Style*/
}         

@media (max-width:320px){

    /* login footer */
    .copy_right_Sec a , .copy_right_Sec p {font-size: 8px;}

    /* otp verification */
    .otp_verification_sec input {   width: 45px;  height: 45px;   margin-right: 0.8rem;   border-radius: 15px;}
    
    /* notification modal */
    .modal-dialog.notification_modal {right: 0px;min-width: 300px; max-width: 300px; left: 0; margin: auto; }

    /* dashboard */
    .notification_icon img{max-height: 20px; max-width: 20px;}
    a.help_Sec img{max-height: 20px; max-width: 20px;}
    .dropdown.right_dropdown button.dropdown-toggle img{max-width: 25px;max-height: 25px;}
    .dropdown.right_dropdown .dropdown-item {font-size: 12px;}
    a.help_Sec { font-size: 12px; padding: 0.2rem;}

    .pagination {
        margin-right: auto;
    }
    a.page-link {
        margin: 0;
        min-width: 24px;
        height: 24px;
        border-radius: 21px !important;
    }
    .bottomtble i ,.page-link i{
        font-size: 15px;
    }
    .cl-avatarupload{left: 0px;}

    /*Help Support Style*/
    .img_profile.supportPerson img{max-width: 40px;max-height: 40px;}
    /*Help Support Style*/
}


@media screen and (min-width:1000px){
    .box_around{
        max-width: 100% !important;
    }
    .customAlert{
        max-width: 350px !important;
    }
}