@media (min-width: 768px) {
    .container {
        width: 750px;
    }
    .footer .info_text p{
        font-size: 12px;
    }
    .diyBulkCaseInitiationOption-modal .modal-dialog{
         margin: 100px auto;
         width: 500px;
    }
    .drag-drop-popup-modal .modal-dialog{
         margin: 100px auto;
         width: 900px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
    .modal-md {
        width: 800px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (max-width: 767px) {
    /*.navbar-header{ 
        width: auto;
        float:left;
    }*/
    /*.mobile_header{ width:100%;}*/
    /*.my_menu{ width:100%;}*/
    .notification_menu{ display:none !important;}
    .navbar-nav .open .dropdown-menu{ width:100%;}
    .web_block{ display:none !important;}
    .mobile_block{ display:block !important;}
    .my_menu { margin:0;}
    .my_menu .top_side_links { margin:0;}
    .suga-container {max-width:68%;}
    /*.my_menu .top_side_links ul li span{ display:none;}*/

    /*.topband .navbar{ margin:20px 0;}*/
    /*.topband{ border-bottom:1px solid #ebebeb;}*/

    .footer h5{ border-bottom:1px solid #ebebeb;}

    .main_banner {
        height:400px;
        margin: 0px;
        background: #f7f8fc url(../img/mobile_main_image.jpg) no-repeat left center;
    }
    .SME_main_banner {
        min-height: 370px;
        margin: 0px;
        background: #f7f8fc url(../img/mobile_SME_main_image.jpg) no-repeat left center;
        background-size: cover;
    }
    .home_main_banner {
        height:400px;
        margin: 0px;
        background: #f7f8fc url(../img/mobile_home_main_image.jpg) no-repeat center top;
    }
    .main_caption {margin:50px 0 0 0;}
    .main_caption h1{ font-size:26px; letter-spacing:0;}
    .main_caption p {font-size: 14px; font-weight:400; margin: 0 0 10px;}
    /*.main_caption .know_how_it_works{margin: 100px 0 0 0;}*/
    /*.topband .container-fluid {padding-left:0px;  padding-right:0px;}*/

    .main_right_outer{ padding:0; min-height: 100vh;}
    .sidebar { display:none;}
    .form_section{width:100%; padding-left: 0;}
    .footer .info_text {line-height:normal; text-align:center; margin-bottom: 10px; width: 100%;}
    .social-icon{float: none !important; text-align: center; width: 100%;}
    .social-icon ul{ margin: 0 auto;}
    .footer .text-right{ text-align:center;}

    .pad_LR_none_web{ padding-left:15px; padding-right:15px;}
    .OTP_form{ width:100%;}
    .forgot_password_section {width:100%;}
    .forgot_password_section {margin: 40px auto 0 auto;}
    .main_section {min-height:500px;}

    .contant_part .left_col{ margin:0 0 30px 0px; padding:0; float:left; width:100%;}
    .contant_part .right_col{ margin:0 0 20px 0%; padding:0; float:right; width:100%;}
    .total_case_data{margin:0; padding:0px 0 0 0; list-style:none;}
    .main_title{color:#444; font-size:20px; border-bottom:1px solid #efefef; float:left; width:100%;}
    .headding_icon {float: left; font-size: 14px; font-weight: 400; width: 100%;  padding:10px 0;}
    .Create_Client_btn {padding: 0px 5px !important;}
    .SME_tab_section { width:100%;}
    .SME_tab_section .nav-tabs {padding: 0px;}
    .SME_tab_section .nav-tabs > li > a{ padding:10px 0;}
    .SME_tab_section .nav-tabs > li > a span {font-size: 12px;}
    .section_55 {margin: 0 auto; width:100%;}
    .choose_box_border{ border-right:0;}
    .candidate_detail_part .left_column{display:none;}
    .candidate_detail_part .right_column{width:100%;}
    .detail_form{width:100%;}
    .form_step_box .step_detail{ line-height:24px;}
    .graph_section ul li{ width:50%; margin: 0 0px 0px 0; border-bottom:1px solid #fff;}
    .graph_section ul li:nth-child(2), 
    .graph_section ul li:nth-child(4){ border-right:none;}
    .graph_section ul li:nth-child(5){ border-bottom:none;}
    .graph_section .active i{ display:none;}
    .package-payment-box{ border: 0;}
    .dashboard-grid-box .left-blue{ width:100%;}
    .dashboard-grid-box .right-blue{ width:100%; border:2px dashed #c8dff6;  border-top:none;}
    .dashboard-grid-box .left-green{ width:100%;}
    .dashboard-grid-box .right-green{ width:100%; border:2px dashed #d4e9c5;  border-top:none;}
    .dashboard-grid-box .left-yellow{ width:100%;}
    .dashboard-grid-box .right-yellow{ width:100%; border:2px dashed #f9e0bb;  border-top:none;}

}

@media(min-width:320px) and (max-width:480px) {
    .black_btn{ min-width:100%;}
    .white_btn{ min-width:100%; margin:5px 0 5px 0;}

}

@media only screen and (max-width:600px) {
    .my_menu .top_side_links ul li span{ display:none;}
    .thank_you_box h1{ font-size: 24px; margin-bottom: 0;}
    .thank_you_box p{ padding: 15px; font-size: 16px; }
}

@media (min-width:768px) and (max-width:992px) {
    .main_banner {
        height:400px;
        margin: 0px;
        background: #f7f8fc url(../img/tab_main_image.jpg) no-repeat left center;
    }

    .main_caption {margin:50px 0 0 0;}
    .main_caption h1{ font-size:26px; letter-spacing:0;}
    .main_caption p {font-size: 14px; font-weight: 400; margin: 0 0 10px;}
    /*.main_caption .know_how_it_works{margin: 100px 0 0 0;}*/
    .pad_LR_none_web{ padding-left:0px; padding-right:15px;}
    .OTP_form{ width:70%;}
    .main_right_outer{ padding:0; min-height: 100vh;}
    .sidebar .membership_section ul li{ width: 23%; padding: 1px;}
    .form_section{ width:90%;}
    .topband {border-bottom: 1px solid #ebebeb;}
    .forgot_password_section {width:70%;}
    .contant_part .left_col{ margin:0 0 30px 0px; padding:0; float:left; width:100%;}
    .contant_part .right_col{ margin:0 0 20px 0%; padding:0; float:right; width:100%;}
    .SME_tab_section {margin: 0 auto; width: 100%;}
    .section_55 {margin: 0 auto; width:100%;}

    .candidate_detail_part .left_column{width:25%;}
    .candidate_detail_part .right_column{width:70%;}
    .detail_form{width:98%;}
    .candidate_detail_part .left_column h1{ font-size:22px;}
    .form_headding{font-size:22px;}
    .graph_section ul li{ width:33%; margin: 0 1px 10px 0;}
    .package_includes .form-inline .form-control{ width:115px;}

}

@media (min-width: 991px) and (max-width:1169px) {
    /*.main_caption {margin:50px 0 0 0;}*/
    /*.main_caption .know_how_it_works{margin: 100px 0 0 0;}*/
    .contant_part .left_col{ margin:0 0 30px 0px; padding:0; float:left; width:70%;}
    .contant_part .right_col{ margin:0 0 0 3%; padding:0; float:right; width:27%;}
    .top_side_links .visible-md {display: none !important;}
    .detail_tab_section .nav-tabs > li > a span{ font-size: 16px;}
    .searchResultCntr .searchResultData table{
        table-layout: fixed;
    }


}

@media (min-width:991px) { 
    .footer h5 span{ display:none;}
    .package_check_details_cntr .collapse {display: none;}
    .package_check_details_cntr .collapse.in {display: block;}
    .candidate_block .collapse {display: none;}
    .candidate_block .collapse.in {display: block; visibility: visible;}
    .custom-accordion .collapse{display: none;}
    .custom-accordion .collapse.in{display: block;}
    .coustom_modal {width: 700px;}
}

@media (min-width: 768px){
    .custom-modal-sm {
        width: 500px;
    }
