@media (min-width:1580px) {
    .business-opportunity-modal {
        max-width: 1220px;  
    }
}
@media (min-width:1900px) {
    .business-opportunity-modal {
        max-width: 1400px;  
    }
}
@media (min-width:1200px) {
    .five-col-scrollbox .row .col-xl-3 {
        flex: 0 0 auto;
        width: 20%;
        max-width: 20%;
    }
}
@media (max-width:1580px)  {
    .quotation-info-itembox .quotation-info-body li .success-outline-btn{
        font-size: 15px;
        font-weight: 500;
        padding: 8px 8px;
    }
    .quotation-info-itembox .quotation-info-body li .offer-pre-itembox img{
        max-width: 120px;
    }
}

@media (max-width:1366px)  {
    /*Loging page css ST*/
    .login_wrapper {padding: 40px 0;}
    .loginbox .image img {height: 80px;}
    .login_wrapper .loginbox { max-width: 750px;padding: 40px 65px 34px; }
    .login_wrapper:after { height: 66vh; width: 37vw; }
    .login_wrapper:before { height: 56vh; width: 38vw; }
    /*Loging page css ED*/    
    /*============ Bootstrap Overwriter CSS Start ============*/
    .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
    /*============ Bootstrap Overwriter CSS End ============*/
    .breadcrumbs-box li a, .breadcrumbs-box li h5 { font-size: 23px; }
    .breadcrumbs-box li:before { font-size: 27px; }
    .quotation-info-itembox .quotation-info-body li .offer-pre-itembox { padding: 5px; }
    .quotation-info-itembox .quotation-info-body li .success-outline-btn { font-size: 13px; font-weight: 500; padding: 6px 8px; }
    .quotation-info-itembox .quotation-info-body li .offer-pre-itembox img{ max-width: 50%; }
    .quotation-info-itembox .quotation-info-heading-box h5 { font-size: 17px; }
    .quotation-info-itembox .quotation-info-heading-box img { width: 21px; }
    .header_wrapper .main_navigation ul li { margin: 0px 10px; }
    .admin-profile-pg .welcome-user-line { font-size: 23px; }
}
@media (max-width:1280px)  {
    /*Loging page css ST*/
    .login_wrapper .loginbox {max-width: 710px;padding: 40px 55px 34px;}
    .login_wrapper:before {height: 51vh; width: 38vw;}
    .login_wrapper:after {height: 62vh;width: 36vw;}
    /*Loging page css ED*/
    /*===== Header css ST=====*/    
    .header_wrapper .main_navigation ul li a.nav-link { font-size: 16px; }
    .header_wrapper .navbar-brand img { height: 60px; }    
    /*===== Header css ET=====*/
    .page-title {
        margin: 35px 0px 35px;
        font-size: 26px;
    }
    .primary-outline-btn {
        font-size: 15px; 
        padding: 7px 10px;
    }
    .primary-solid-btn {
        font-size: 15px;     
        padding: 7px 10px;
    }

    .dash-info-area .rightbar .employee-reportbox .emp-profile-section .emp-infobox .emp-earn-amt {
        font-size: 18px;
    }
    .dash-info-area .leftbar .dash-tabs-listing .nav-link { font-size: 16px; }
    .dash-info-area .rightbar .call-table-section .call-table-box table td { font-size: 17px; }
    .breadcrumbs-box li a, .breadcrumbs-box li h5 { font-size: 21px; }
    .breadcrumbs-box li:before { font-size: 22px; }
    .quotation-info-itembox .quotation-info-heading-box { min-height: 50px; }
    .leader-detail-subheader .leader-detail-heading h3 { font-size: 1.6rem; }
    .lender-listing-pg .quotation-info-itembox .quotation-info-body li .offer-pre-itembox .fund-imgbox {
        max-width: 45%;
    }
}
@media (max-width: 1199px) {
	.leaddetailpage {
		width: 100% !important;
	}
	.leaddetailpage .leaddetailpage-inner {
		width: 100% !important;
	}
	
}
@media (max-width:1180px)  {
    /*Loging page css ST*/
    .login_wrapper {padding: 40px 100px;}
    .loginbox .image {padding: 0 0 24px;}    
    .login_form .input_row label {line-height: 1.25;padding: 0 0 8px;}
    .login_form .input_row .input_text {height: 48px;}
    input.custombtn {height: 56px;font-size: 18px;}
    /*Loging page css ED*/
    .header_wrapper .navbar-brand img { height: 55px; }    
    .primary-outline-btn, .primary-solid-btn { padding: 7px 10px; }
    .primary-outline-btn img, .primary-solid-btn img { width: 20px; height: auto; }
    .dash-info-area .rightbar .employee-reportbox { 
        padding: 18px 10px;
    }
    .dash-info-area .rightbar .employee-reportbox .emp-profile-section .emp-picbox {
        width: 65px;
        height: 65px;
    }
    .dash-info-area .rightbar .employee-reportbox .emp-profile-section .emp-infobox {
        margin-left: 10px;
    }
    .dashboard_wrapper .heading-area p { width: 100%; }
    .call-table-section .call-table-box table td { font-size: 16px; }
}
@media (max-width:1120px)  {
    .header_wrapper .main_navigation ul li a.nav-link { font-size: 15px; }
    .dashboard_wrapper .dashboard-filter-area button{ margin-left: 10px; }
    
    .new-lead-list-pg .call-table-section .call-table-box table.md-mid-content-col th {
        min-width: 100px;   
    }   
    .new-lead-list-pg .call-table-section .call-table-box table th.big-content-col {
        min-width: 160px;        
    }
    .admin-profile-pg .welcome-user-line { font-size: 20px; }
    .admin-profile-pg .profile-pic-area .user-profile-pic-box {
        width: 80px;
        height: 80px;
    }
}
@media (max-width: 1024px) {
	.newbusinesslisting .dataTables_filter {
		margin-right: 40px;
	}
}

@media (max-width: 991px) {
	.newbusinesslisting {
		overflow-x: scroll;
	}
	.newbusinesslisting .quotation-info-heading-box {
		width: 900px;
	}
	.newbusinesslisting .dataTables_filter {
		margin-right: -160px;
	}
}
@media (max-width:992px)  {
    /*Loging page css ST*/
    .login_wrapper {padding: 40px 40px;}
    .login_wrapper:after {height: 74vh;width: 55vw; }
    .login_wrapper .loginbox {max-width: 600px; padding: 40px 45px 34px; }
    .loginbox .image {padding: 0 0 24px;}
    .loginbox .image img {height: 60px;}
    .login_form .input_row label {line-height: 1.25;padding: 0 0 8px;}
    .login_form .input_row .input_text {height: 48px;}
    input.custombtn {height: 56px;font-size: 18px;}

    /*Loging page css ED*/
    .page-title { margin: 35px 0px 35px;font-size: 23px; }
    .custom-form-box input { font-size: 14px; }
    .custom-card .custom-card-body { padding: 20px 20px; }
    #header .navbar { padding: 10px 0px; }
    .header_wrapper .main_navigation ul { margin: 0px;max-width: 100%; }
    .header_wrapper .main_navigation ul li { margin: 0px 12px;border-bottom: 1px solid #cecece; }
    .header_wrapper .main_navigation ul li:last-child { border-bottom: none; }
    #header .navbar .navbar-toggler { border-color: #11329F; }
    #header .navbar .navbar-toggler:focus,#header .navbar .navbar-toggler:hover { box-shadow: 0 0 4px 0px #93a5e18c; }
    .header_wrapper .main_navigation {
        position: absolute;
        width: 100%;
        background-color: #f7f7f7;
        padding: 15px;
        left: 0px;
        top: 90px;
        border-top: 3px solid #11329F;
        border-bottom: 1px solid #11329F;
        z-index: 1;
    }
    .header_wrapper .main_navigation { top: 85px; }
    .header_wrapper .main_navigation ul li a.nav-link { padding: 8px 0px; }
    .dash-info-area .rightbar .dash-info-type-titlebox a { font-size: 16px; }
    .container-fluid { padding-left: 30px;padding-right: 30px; }
    .dashboard_wrapper .heading-area p { margin-bottom: 10px; }
    .breadcrumbs-box li { margin-right: 13px; }
    .breadcrumbs-box li:before { right: -10px; }
    .breadcrumbs-box li a, .breadcrumbs-box li h5 { font-size: 18px; }
    .quotation-info-itembox .quotation-info-body li span, .comp-investor-itembox .comp-investor-body li span,
    .quotation-info-body li span, .comp-investor-body li span { font-size: 15px; }
    .loan-story-pg .que-item-box .que-row h4 { font-size: 16px; line-height: 1.3; }
    .loan-story-pg .que-item-box .que-row .que-ans-validation span {  font-size: 1.3rem; }
    .modal .modal-content .modal-body .yellow-btn,
    .modal .modal-content .modal-body .green-btn { width: 80%; }
    .lender-listing-pg .quotation-info-itembox .quotation-info-body { padding: 10px; }
    .lender-listing-pg .quotation-info-itembox .quotation-info-body li .offer-pre-itembox .primary-outline-btn {
        padding: 4px 4px;
        font-size: 13px;
    }
    .modal-body .quotation-info-body li .input-area.priceinput-box input {
        width: 95%;
    }
    .modal .modal-content {
        padding: 20px;
    }
}
@media (max-width:767px)  {    
    
    /*Loging page css ST*/
    .login_wrapper {padding: 20px;}
    .login_wrapper .loginbox {padding: 20px 20px 14px;}
    .loginbox .image {padding: 0 0 20px;}
    .loginbox .image img {height: 40px;}
    .login_form .input_row label {line-height: 1.25;padding: 0 0 8px;}
    .login_form .input_row .input_text {height: 32px;font-size: 14px;}
    input.custombtn {height: 48px;font-size: 16px;}
    /*Loging page css ED*/
    .dashboard_wrapper .dash-info-area .leftbar .dash-tabs-listing { margin-bottom: 25px; }
    .dash-info-area .rightbar .employee-reportbox .emp-profile-section .emp-infobox { margin-left: 15px; } 

    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-title { margin: 30px 0px 30px;font-size: 21px; }
    .breadcrumbs-box li a, .breadcrumbs-box li h5 { font-size: 18px; } 
    .breadcrumbs-box li { margin-right: 15px;padding: 5px 6px; }
    .breadcrumbs-box li:before { right: -12px; }
    .primary-outline-btn, .primary-solid-btn,.success-outline-btn { line-height: 1.2; }
    .quotation-info-itembox .quotation-info-body li .radio-btn-area input[type="radio"] {
        width: 14px;
        height: 14px; 
    }
    .quotation-info-itembox .quotation-info-heading-box img { width: 18px; }
    .call-table-section h4 { font-size: 18px; }
    .call-table-section .call-table-box table td { font-size: 14px; }

    .newbusinesslisting .dataTables_length {
		float: left;
	}
	.newbusinesslisting .dataTables_filter {
		margin-right: -130%;
	}
    .admin-profile-pg .profile-pic-area {
        margin-top: 20px;
    }
}
@media (max-width:650px)  {
    .login_wrapper .loginbox {
        width: 500px;
        max-width: 95%;
        padding: 30px 34px 30px;
    }    
    .loginbox .image img {
        height: 50px;
    }
    .login_form .input_row .input_text {
        height: 40px;
    }
    .quotation-info-itembox .quotation-info-body li .offer-pre-itembox {
         flex-direction: column;
         justify-content: center;
         width: 100%;
    }
    .quotation-info-itembox .quotation-info-body li .offer-pre-itembox img {
        max-width: fit-content;
        margin-bottom: 8px;
    }
    .quotation-info-itembox .quotation-info-body li .success-outline-btn {
        margin-left: 0px;
    }    
    .quotation-info-itembox .quotation-info-body li .radio-btn-area {
        margin-top: 5px;
        margin-left: 0px;
    }    
    .top-heading-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .modal .modal-content .modal-body .yellow-btn,
    .modal .modal-content .modal-body .green-btn
     { width: 90%; }
     .lender-listing-pg .quotation-info-itembox .quotation-info-body li .offer-pre-itembox {
        flex-direction: row;
        justify-content: space-between;
     }
     .lender-listing-pg .quotation-info-itembox .quotation-info-body li .offer-pre-itembox .fund-imgbox {
        max-width: 48%;
    }
    .lender-listing-pg .quotation-info-itembox .quotation-info-body li .offer-pre-itembox .primary-outline-btn {
        padding: 6px 10px;
        font-size: 14px;
    }
    .modal-body .quotation-info-body li .input-area.priceinput-box input {
        width: 93%;
    }
}
@media (max-width:580px)  {
    .login_wrapper .loginbox {        
        padding: 30px 25px 30px;
    }
    .login_form .input_row {
        padding: 12px 0;
    }
    .page-title { margin: 20px 0px 20px;font-size: 20px; }
    .breadcrumbs-box { flex-wrap: wrap; }
    .breadcrumbs-box li a, .breadcrumbs-box li h5 { font-size: 16px; }
    .loan-story-pg .que-item-box .que-row h4 { font-size: 15px; }
    .custom-card .custom-card-body {
        padding: 15px 15px;
    }
    .top-heading-section {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .admin-profile-pg .welcome-user-line {
        font-size: 17px;
    }
    .admin-profile-pg .profile-main-area {
        padding: 9vw !important;
    }
}
@media (max-width:480px)  {
    .header_wrapper .navbar-brand img { height: 45px;  }
    .header_wrapper .main_navigation { top: 75px; }
    .login_form .input_row label{ font-size: 15px; }
    .login_form .input_row .forgotpass a { font-size: 15px; }
    input.custombtn { height: 40px; font-size: 16px; }

    .primary-outline-btn, .primary-solid-btn {padding: 7px 8px;font-size: 14px;}

}
@media (max-width:380px)  {
    .loginbox .image img { height: 45px; }
    .primary-outline-btn img, .primary-solid-btn img { width: 17px; }    
    .breadcrumbs-box li a, .breadcrumbs-box li h5 { font-size: 14px; }
    .breadcrumbs-box li:before { font-size: 18px; }
    .loan-story-pg .que-item-box .que-row .que-ans-validation span { font-size: 1.05rem; }
}
@media (max-width:320px)  {
    .login_wrapper { padding: 20px 10px; }
    .login_wrapper .loginbox { padding: 20px 15px 15px; }
    .lender-listing-pg .quotation-info-itembox .quotation-info-body li .offer-pre-itembox .primary-outline-btn {
        padding: 6px 7px;
        font-size: 12px;
    }
}

@media (max-height:1280px)  {
    .login_wrapper:before {
        height: 51vh;
        width: 60vw;
    }    
    .login_wrapper:after {
        height: 62vh;
        width: 60vw;
    }

}
@media (max-height:650px)  {
    .login_wrapper {
        padding: 20px 10px;
    }
    .login_wrapper:before {
        height: 51vh;
        width: 38vw;
    }
    .login_wrapper:after {
        height: 68vh;
        width: 37vw;
    }    
    .loginbox .image img {
        height: 65px;
    }
    .loginbox .image {     
        padding: 0 0 20px;
    }
    .login_form .input_row {
        width: 100%;
        display: block;
        padding: 15px 0;
    }
}