/* ===== MEDIA QUERIES 2.0 ===== */


/* max width screen 320px */

@media (max-width:320px) {
    .insurance.tab-insurance .nav-tabs li.active a,
    .insurance.tab-insurance .nav-tabs li a {
        padding: 20px 65px 29px !important;
    }
    .socmed li {
        margin: 0px 13px;
        padding: 0;
    }
    .navbar-toggle {
        background-color: transparent !important;
        border-color: transparent !important;
    }
    .navbar .container-fluid .navbar-header .navbar-brand {
        padding-top: 20px;
        width: 200px;
        padding-right: 0px;
        float: right;
    }
    .header-content {
        margin: 40px 0px 0px;
        border-radius: 0px;
    }
    .header-page h1 {
        font-size: 28px;
    }
    .header-loan {
        margin: -5px 0px 0px;
        border-radius: 0px;
        background-image: url('../img/new-assets/Loans_Medium2.html');
        background-repeat: no-repeat;
        background-size: 335px 563px;
    }
    .three-box .panel-footer .btn-warning,
    .three-box .panel-footer .btn-success {
        padding: 22px 0px 22px 30px;
        font-size: 21px !important;
    }
    .wrapper-img img {
        margin: 17px 0px 17px !important;
    }
    .no_filter .three-box .wrapper-img img {
        width: 46px !important;
        margin: 23px 0px 17px !important;
    }
    .no_filter .three-box .panel-footer .btn-warning,
    .no_filter .three-box .panel-footer .btn-success {
        padding: 15px 0px 13px 20px !important;
        font-size: 20px !important;
    }
    .three-box .img-box-2 img,
    .three-box .img-box-3 img {
        margin: 4px 8px !important;
    }
    .no_filter .three-box .img-box-2 img,
    .no_filter .three-box .img-box-3 img {
        width: 30px !important;
        margin: 10px 8px !important;
    }
    .testimonials .panel-body {
        background-color: transparent;
        padding-left: 0px;
        padding-right: 0px;
    }
    .main-body {
        border-bottom: 5px solid #f3f2ee;
    }
    .footer .container {
        padding: 0px 20px;
    }
    .copyright {
        margin: 0px;
        font-size: 12px;
    }
    .copyright p {
        text-align: center;
    }
    .bottom-footer {
        padding: 10px 0px 20px;
    }
    .join {
        text-align: center;
        color: #06709e;
    }
    .insurance {
        margin: 5px 0px 0px !important;
    }
    .insurance li {
        margin-right: 0px;
    }
    .main-body .insurance .nav-tabs li.active a,
    .main-body .insurance .nav-tabs li a {
        /*padding: 20px 57.9px 29px !important;*/
        border-radius: 0px;
        margin-right: -1px;
        font-size: 16px;
        height: 65px;
        margin-top: 0px
    }
    .insurance .tab-content {
        border: 0px solid #fff;
        padding: 40px 20px;
        border-radius: 0px;
    }
    .navbar-nav {
        margin: 0px -15px;
    }
    .navbar-default .navbar-custom>li>a {
        padding: 15px;
    }
    .navbar-custom .dropdown a:before,
    .navbar-right .dropdown a:before {
        font-family: 'fontawesome';
        content: "\f107";
        float: right;
        color: #ddd;
        font-size: 30px;
        line-height: 22px;
        margin-right: 4px;
    }
    .navbar-right .dropdown a {
        font-size: 16px;
        padding: 12px 0px 20px 15px;
        color: #2c2c2c !important;
    }
    .navbar-right li:last-child {
        border-bottom: 0px solid #fff;
    }
    .navbar-right li a {
        font-size: 18px;
        font-weight: 700 !important;
        border-left: 0px solid #fff;
        text-transform: none !important;
    }
    .navbar-custom .dropdown-large.open a:before,
    .navbar-right .dropdown.open a:before {
        font-family: 'fontawesome';
        content: "\f106";
        float: right;
        color: white;
        font-size: 22px;
        line-height: 25px;
        margin-right: 4px;
        background: #337ab7;
        border-radius: 100%;
        padding: 0 6px;
    }
    .navbar-right .dropdown a:before {
        content: none;
    }
    .navbar-custom .dropdown-large.open a:first-child,
    .navbar-right .dropdown.open a {
        border-bottom: none;
    }
    .navbar-custom .dropdown-large.open .dropdown-menu ul>li>a,
    .navbar-right .dropdown.open .dropdown-menu li>a {
        border-bottom: 0px solid #fff !important;
        padding: 10px 20px;
    }
    .navbar-custom .dropdown-large.open ul {
        margin: 0px -10px;
        padding: 0px;
    }
    .navbar-default .navbar-custom>li>a:hover,
    .navbar-default .navbar-custom>li:hover a,
    .dropdown-large.open .dropdown-menu-large li a {
        background-color: transparent;
        color: #2c2c2c;
    }
    .dropdown-large.open .dropdown-menu li a:before,
    .dropdown .dropdown-menu li a:before,
    .navbar-right .dropdown.open .dropdown-menu a:after {
        content: none !important;
    }
    .best-deal .panel.margin-01 {
        margin: 0px -15px 20px;
        border-radius: 0px;
    }
    .archive-content .col-sm-2:first-child {
        padding: 0px;
    }
    .archive-content .col-xs-3 {
        width: 20%;
        border-bottom: 1px solid #e8e8e8;
    }
    .archive-box {
        padding: 5px 0px 3px 0px;
    }
    .archive-box .hover,
    .archive-content .active .hidden-hover,
    .archive-box img {
        margin-bottom: 0px;
        height: 35px;
    }
    .archive-box p {
        font-size: 11px;
    }
    .best-deal .panel.margin-01 .panel-body {
        padding-top: 0px;
    }
    .best-content h4 {
        font-size: 16px !important;
    }
    .best-content .list-inline li {
        border-radius: 0px;
        padding: 7px 9px;
        margin: 15px -2px 0px;
    }
    .insurance {
        padding: 20px 0px 40px;
        margin: 5px 0px 0px !important;
    }
    .insurance .nav-tabs li.active a {
        border-bottom: 5px solid #337ab7;
        font-weight: 600;
        color: #2c2c2c !important;
    }
    .insurance .nav-tabs li.active a,
    .insurance .nav-tabs li a {
        /*padding: 20px 56.2px 29px !important;*/
        border-radius: 0px;
        margin-right: -1px;
        font-size: 18px;
        height: 65px;
        margin-top: 0px;
        border-top: 5px solid #F3F2EE;
    }
    .wrap-box {
        text-align: center;
    }
    h2.main-title,
    .main-title {
        font-size: 30px;
    }
    .wrapper-loans h2 {
        font-size: 18px !important;
    }
    .personal-loan .best-content .list-inline li {
        padding: 7px 14px 0px 9px !important;
    }
    .personal-loan .best-content .list-inline li a {
        font-size: 9px !important;
    }
    .blog-detail .breadcrumb {
        font-size: 9px !important;
        margin-top: 40px;
    }
    .group-articles .left-side .media-left img {
        width: 100px;
        border-radius: 5px;
        height: 70px;
        object-fit: cover;
        object-position: center;
    }
    h3.media-heading a,
    .side a {
        font-size: 22px;
    }
    .pagination>li>a,
    .pagination>li>span {
        border: 0px solid #fff !important;
        font-size: 15px;
        font-weight: 600;
        margin: 0px 13px !important;
        background-color: #E9E9E9;
        color: #363636;
        padding: 2px 15px;
    }
    .archive .best-content .list-inline li {
        padding: 7px 8px !important;
    }
    .best-content .list-inline a.title.collapsed {
        color: #000;
        font-size: 11px;
    }
    .header-content hr {
        margin: 25px 15px 0px;
    }
    .socmed h4 {
        display: none !important;
    }
    .about_us_header {
        width: 300px !important;
    }
    .best-deal .right-content label {
        font-size: 11px;
        line-height: 21px;
        padding: 5px 10px;
    }
    .ssl img {
        width: 50%;
        margin: 40px 0px 0px;
    }
    .pagination li:first-child a,
    .pagination li:last-child a {
        background-color: #E9E9E9;
        color: #363636;
        border-radius: 5px;
        padding: 2px 15px;
        margin-left: 0px !important;
    }
    .pagination .current {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .total-pages-pagination {
        margin-left: -17px;
    }
    .header-page h1 {
        margin-top: 0px;
    }
    .no_filter .three-box {
        margin-top: 55px !important;
    }
}

@media (max-width:360px) and (min-width: 325px) {
    #guide .insurance.tab-insurance .nav-tabs li.active a,
    #guide .insurance.tab-insurance .nav-tabs li a {
        padding: 20px 65px 29px !important;
    }
    .best-content .list-inline li {
        padding: 7px 16px !important;
    }
    .best-content h4 {
        font-size: 18px !important;
    }
    .best-content .list-inline a.title.collapsed {
        color: #000;
        font-size: 11.5px;
    }
    h1>small {
        font-size: 15px !important;
    }
    .insurance .nav-tabs li.active a,
    .insurance .nav-tabs li a {
        /*padding: 20px 66.2px 29px !important;*/
    }
    .insurance {
        padding: 20px 0px 40px;
        margin: 5px -5px 0px;
    }
    .personal-loan .best-content .progress-desc .list-inline {
        margin-left: 0px;
        margin-top: 5px;
    }
    .personal-loan .best-content .progress-desc .list-inline li {
        margin: 0px;
        padding: 0px !important;
        border: 0px solid #fff;
        font-size: 11px;
    }
    .personal-loan .best-content .list-inline li a {
        font-size: 10px;
    }
    .best-deal .right-content label {
        font-size: 11px;
        line-height: 21px;
        padding: 5px 10px;
    }
    .header-page h1 {
        margin-top: 0px;
    }
}

@media (min-width: 360px) and (max-width: 376px) {
    .about_us_header {
        width: 345px !important;
    }
    .about-us {
        margin: 0;
    }
    .navbar-header .navbar-brand {
        margin-left: 0px;
        float: right;
    }
    .header-content hr {
        margin: 25px 15px 0px;
    }
    h2.main-title,
    .main-title {
        font-size: 30px;
    }
    h3.text-primary {
        font-size: 28px;
    }
    .header-content {
        margin: 40px 0px 0px;
        border-radius: 0px;
    }
    .header-loan {
        margin: 40px 0px 0px;
        border-radius: 0px;
        background-image: url('../img/new-assets/Loans_Medium2.html');
        background-size: 378px 475px;
        background-repeat: no-repeat;
    }
    .header-page h1 {
        font-size: 29px;
        margin-top: 0px;
    }
    .header-page {
        margin-bottom: 30px;
    }
    .header-page-loan h1 {
        font-size: 29px;
        margin-top: -40px;
    }
    .navbar-toggle {
        background-color: transparent !important;
        border-color: transparent !important;
    }
    /*.navbar-custom li:last-child {
    border-bottom: 1px solid #e4e4e4;
  }*/
    .navbar-nav li a {
        padding: 15px;
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        padding: 15px;
    }
    .navbar-right li:last-child {
        border-bottom: 0px solid #fff;
    }
    .navbar-right li a {
        font-size: 18px;
        font-weight: 700 !important;
        border-left: 0px solid #fff;
        text-transform: none !important;
    }
    .navbar-right .dropdown a {
        font-size: 18px;
    }
    .navbar-right .dropdown-menu li a {
        font-weight: 600 !important;
        font-size: 12px;
    }
    .ssl img {
        width: 50%;
        margin: 50px 0px 0px;
    }
    /*.logo-footer {
    text-align: center;
    width: 85%;
    margin: 0px auto;
  }*/
    .about-us__text h1 {
        font-size: 30px;
        line-height: 1.2;
    }
    .about-us__tabs-header li:not(:first-child) {
        border-left: none;
    }
    .map-wrapper {
        width: 100%;
        text-align: center;
        margin: 50px 0;
    }
    .title-footer h4:before,
    .title-footer.collapsed h4.class-arrow:before {
        font-family: 'fontawesome';
        content: "\f0d7";
        float: right;
        color: #65acce;
        font-size: 23px;
        line-height: 25px;
        margin-right: 4px;
    }
    .title-footer h4.class-arrow:before {
        font-family: 'fontawesome';
        content: "\f0d8";
        float: right;
        color: #65acce;
        font-size: 23px;
        line-height: 25px;
        margin-right: 4px;
    }
    /*.footer .collapse {
    margin-top: 10px;
  }*/
    .copyright p {
        text-align: center;
    }
    .join {
        text-align: center;
        color: #06709e;
    }
    .socmed {
        margin-top: 20px;
        text-align: center;
    }
    .socmed h4 {
        display: none !important;
    }
    .socmed li {
        margin: 0px 13px;
        padding: 0;
    }
    .bottom-footer {
        padding: 10px 0px 20px;
    }
    .badge-art {
        left: 25px;
    }
    .number.one {
        padding: 9px 18px;
    }
    .potrait img {
        width: 100%;
        border-radius: 5px;
        height: 250px;
        object-fit: cover;
        object-position: center;
    }
    .title-art,
    .potrait .title-art {
        top: 110px;
    }
    .group-articles .left-side .media-left img {
        width: 120px;
        border-radius: 5px;
        height: 100px;
        object-fit: cover;
        object-position: center;
    }
    .pagination>li>a,
    .pagination>li>span {
        border: 0px solid #fff !important;
        font-size: 15px;
        font-weight: 600;
        margin: 0px 13px !important;
        padding: 2px 15px;
        background-color: #E9E9E9;
        color: #363636;
    }
    .dropdown-large.open .dropdown-menu li a .text-success {
        font-weight: normal;
        color: #3c3c3c;
    }
    .navbar-custom .dropdown-large.open a:before,
    .navbar-right .dropdown.open a:before {
        font-family: 'fontawesome';
        content: "\f106";
        float: right;
        color: white;
        font-size: 22px;
        line-height: 25px;
        margin-right: 4px;
        background: #337ab7;
        border-radius: 100%;
        padding: 0 6px;
    }
    .navbar-custom .dropdown a:before,
    .navbar-right .dropdown a:before {
        font-family: 'fontawesome';
        content: "\f107";
        float: right;
        color: #ddd;
        font-size: 30px;
        line-height: 22px;
        margin-right: 4px;
    }
    .navbar-custom .dropdown-large.open a:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 10px solid #75a741;
        position: absolute;
        bottom: -14px;
        left: 50%;
        margin-left: -5px;
        z-index: 9999;
    }
    .navbar-custom .dropdown.active a:before,
    .navbar-right .dropdown.active a:before {}
    .navbar-custom .dropdown.active.open a:before,
    .navbar-right .dropdown.active.open a:before {}
    /*.navbar-default .navbar-nav>.open>a,
  .navbar-default .navbar-nav>.open>a:focus,
  .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent !important;
    color: #3c3c3c !important;
  }*/
    .navbar-custom .dropdown-large.open ul {
        margin: 0px -10px;
        padding: 0px;
    }
    .navbar-custom .dropdown-large.open a:first-child,
    .navbar-right .dropdown.open a {
        border-bottom: none;
    }
    .navbar-custom .dropdown-large.active.open a:first-child,
    .navbar-right .dropdown.active.open a {
        border-bottom: 0px solid #337ab7 !important;
    }
    .navbar-custom .dropdown-large.open .dropdown-menu ul>li>a,
    .navbar-right .dropdown.open .dropdown-menu li>a {
        border-bottom: 0px solid #fff !important;
        padding: 10px 15px;
    }
    .navbar-brand img {
        width: 100%;
        padding-left: 0px !important;
    }
    .wrap-box {
        text-align: center;
    }
    .footer-ads .btn-warning {
        background-color: #f18600 !important;
        text-transform: uppercase !important;
        position: absolute;
        z-index: 9999999999;
        bottom: 36px;
        left: 29px;
        padding: 1px 8px;
        font-size: 12px;
    }
    .dropdown-large.open .dropdown-menu li a:before,
    .dropdown .dropdown-menu li a:before,
    .navbar-right .dropdown.open .dropdown-menu a:after {
        content: none !important;
    }
    .left-detail .form-group button {
        margin-bottom: 20px;
    }
    .active-card .btn-job,
    .btn-no {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .right-content .tab-content {
        margin-top: 18px;
    }
    .right-content h1 span,
    .right-content h2 span,
    .right-content h3 span {
        font-size: 14px;
    }
    .right-content .nav-tabs {
        border: 0px solid #fff;
        border-top: 1px solid #ddd;
        margin: 0px -15px;
        border-radius: 0px;
    }
    .right-content .nav-tabs li {
        border-bottom: 1px solid #ddd;
    }
    .right-content .nav-tabs li a,
    .right-content .nav-tabs li.active a {
        padding: 10px 34px;
        border-radius: 0px;
        border-bottom: 0px solid #ddd;
        z-index: 99999;
    }
    .archive .right-content .nav-tabs li a,
    .archive .right-content .nav-tabs li.active a {
        padding: 10px 19px;
        border-radius: 0px;
        border-bottom: 0px solid #ddd;
        z-index: 999999;
    }
    .archive .right-content .tab-content {
        margin-top: 0px;
        padding-top: 0px;
    }
    .right-content .tab-content {
        border-top: 0px solid #fff;
        padding-top: 25px;
    }
    .best-deal .panel.margin-01 .panel-body {
        padding-top: 0px;
    }
    .best-deal .margin-01 .nav-tabs li a,
    .best-deal .margin-01 .nav-tabs li.active a {
        padding: 10px 5px 0px;
    }
    .best-deal .margin-01 .nav-tabs img {
        margin: 0px auto;
        width: 35px;
    }
    .best-deal .margin-01 .nav-tabs p {
        font-weight: normal;
        font-size: 10px;
    }
    .claim-body .tab-pane h2.panel-title {
        font-size: 17px;
    }
    .started {
        margin-left: 0px;
        margin-top: 0px;
    }
    .started .btn {
        width: 100%;
        padding: 14px 0px;
        margin-left: 0px;
        font-size: 18px;
        letter-spacing: 1px;
    }
    .right-position .embed-responsive-16by9 {
        margin: 0px -15px;
        border-radius: 0px;
    }
    .right-position {
        margin-bottom: 0px;
        margin-top: 25px;
    }
    .testimonials .panel-body {
        background-color: transparent;
        padding-left: 0px;
        padding-right: 0px;
    }
    .img-user img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }
    .main-body {
        border-bottom: 5px solid #f3f2ee;
    }
    section.news {
        padding-top: 35px;
    }
    .footer .container {
        padding: 0px 20px;
    }
    .copyright {
        margin: 0px;
        font-size: 12px;
    }
    .news .panel .more,
    .related-articles .more {
        margin-top: 8px;
    }
    .news .panel a,
    .related-articles .panel a {
        font-size: 20px;
    }
    .navbar-default .navbar-custom>li>a {
        padding: 15px;
    }
    .navbar-nav {
        margin: 0px -15px;
    }
    .navbar-default .navbar-custom>li>a:hover,
    .navbar-default .navbar-custom>li:hover a,
    .dropdown-large.open .dropdown-menu-large li a {
        background-color: transparent;
        color: #2c2c2c;
    }
    .navbar-default .navbar-custom>li.dropdown-large:hover a:after {
        content: none;
    }
    .navbar-right .dropdown a {
        font-size: 16px;
        padding: 12px 0px 20px 15px;
        color: #2c2c2c !important;
    }
    .navbar-right .dropdown a:before {
        content: none;
    }
    .modal-body li {
        padding: 0px 0px 10px;
        border-bottom: 1px solid #e5e2da;
        margin-bottom: 10px;
    }
    .modal-body li:first-child {
        padding: 0px 0px 10px;
        border-bottom: 1px solid #e5e2da;
        margin-bottom: 10px;
        text-align: center;
        color: #337ab7;
    }
    /* best media */
    .breadcrumb-header {
        background-color: #186c9b;
        color: #fff;
        padding: 5px 0px;
        background-image: unset;
        background-size: cover;
    }
    .breadcrumb-header h2,
    .breadcrumb-header h3 {
        padding: 15px 0px 0px;
        color: #fff;
    }
    .archive-content .col-xs-3 {
        width: 20%;
        border-bottom: 1px solid #e8e8e8;
    }
    .archive-content .col-sm-2:first-child {
        padding: 0px;
    }
    .archive-box .hover,
    .archive-content .active .hidden-hover,
    .archive-box img {
        margin-bottom: 0px;
        height: 35px;
    }
    .archive-box p {
        font-size: 11px;
    }
    .archive-box {
        padding: 5px 0px 3px 0px;
    }
    .breadcrumb-header .col-xs-2:last-child {
        border-right: 0px solid #fff;
    }
    .best-deal .panel.margin-01 {
        margin: 0px -15px 20px;
        border-radius: 0px;
    }
    sup {
        font-size: 50%;
        top: -15px;
    }
    .btn-warning {
        border: 0px solid #fff;
    }
    h1>small {
        font-size: 17px;
        color: #2c2c2c;
    }
    .best-content .col-sm-10 {
        margin: 0px -15px;
    }
    .best-content .list-inline li {
        border-radius: 0px;
        padding: 7px 18px;
        margin: 15px 0px 0px;
    }
    .best-content .list-inline li:first-child {
        border-right: 0px solid #fff;
    }
    .best-content .list-inline li:last-child {
        border-left: 0px solid #fff;
    }
    .best-footer h4 {
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 10px;
    }
    .best-footer span {
        padding-right: 10px;
        background-color: #f3f2ee;
        padding: 2px 6px;
        border-radius: 14px;
        display: inline-block;
        line-height: 18px;
        margin-left: 5px;
        position: absolute;
        right: -30px;
        top: 0;
    }
    .best-footer .visible-xs {
        margin-bottom: 10px;
    }
    .best-footer .visible-xs p {
        font-size: 11px;
        line-height: 18px;
    }
    .insurance .tab-content {
        border: 0px solid #fff;
        padding: 40px 20px;
        border-radius: 0px;
    }
    .main-body .owl-theme .owl-controls {
        display: none !important;
    }
    .insurance li {
        margin-right: 0px;
    }
    .best-deal-page .news .panel {
        background-color: transparent;
    }
    .insurance .nav-tabs li.active a {
        border-bottom: 5px solid #337ab7;
        font-weight: 600;
        color: #2c2c2c !important;
    }
    .insurance.tab-insurance .nav-tabs li.active a,
    .insurance.tab-insurance .nav-tabs li a {
        padding: 20px 69px 29px !important;
    }
    .tab-content h3 {
        font-size: 18px;
    }
    .archive .best-content .list-inline li {
        padding: 7px 12px !important;
    }
    /*.insurance .nav-tabs li.active a,
  .insurance .nav-tabs li a {
    padding: 20px 67.5px 29px !important;
  }*/
    .insurance {
        padding: 20px 0px 40px;
        margin: 5px 0px 0px !important;
    }
    .personal-loan .best-content .list-inline li {
        padding: 7px 13px !important;
    }
    .personal-loan .best-content .list-inline li a {
        font-size: 11px !important;
    }
    .best-deal .right-content label {
        font-size: 11px;
        line-height: 21px;
        padding: 5px 10px;
    }
    .share-button-wrapper {
        margin-top: 0px;
    }
}

@media (max-width: 426px) and (min-width: 380px) {
    /*.bottom-footer .container {
    padding: 0;
  }*/
    .navbar .container-fluid .navbar-header .navbar-brand {
        margin-right: 25px;
        float: right;
    }
    .about-us__text h1 {
        font-size: 30px;
        line-height: 1.2;
    }
    .contact-information {
        position: relative;
        top: 0;
        transform: translateY(0%);
    }
    .started .btn {
        width: 100%;
        padding: 14px 0px;
        font-size: 18px;
        letter-spacing: 1px;
        margin-left: 0px;
    }
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    h2.main-title,
    .main-title,
    h3.text-primary {
        font-size: 30px;
    }
    .main-body .left-side {
        padding-right: 15px;
    }
    .header-page h1 {
        font-size: 29px;
    }
    .header-page {
        margin-bottom: 30px;
    }
    .header-content hr {
        margin: 20px 15px;
    }
    .right-position .embed-responsive-16by9 {
        margin: 0px -20px;
        border-radius: 0px;
    }
    .owl-controls {
        display: none !important;
    }
    .right-position {
        margin-bottom: 0px;
        margin-top: 25px;
    }
    .img-user img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }
    section.news {
        padding-top: 35px;
    }
    .footer .container {
        padding: 0px 20px;
    }
    .copyright {
        margin: 0px;
    }
    .navbar-default .navbar-custom>li>a {
        padding: 15px;
    }
    .navbar-default .navbar-custom>li>a:hover,
    .navbar-default .navbar-custom>li:hover a,
    .dropdown-large.open .dropdown-menu-large li a {
        background-color: transparent;
        color: #2c2c2c;
    }
    .news .panel .more,
    .related-articles .more {
        margin-top: 5px;
    }
    .news .panel a,
    .related-articles .panel a {
        font-size: 20px;
    }
    .related-articles h3.main-title {
        font-size: 22px;
    }
    .number.one {
        padding: 7px 17px;
    }
    .navbar-brand img {
        width: 100%;
        padding-left: 15px;
    }
    .header-content {
        margin: 0px;
        border-radius: 0px;
    }
    .header-loan {
        margin: 0px;
        border-radius: 0px;
        background-image: url('../img/new-assets/Loans_Large2.html');
        background-repeat: no-repeat;
        background-size: 435px 535px;
    }
    .title-art,
    .potrait .title-art {
        top: 120px;
    }
    .potrait img {
        width: 100%;
        border-radius: 5px;
        height: 250px;
        object-fit: cover;
        object-position: center;
    }
    .group-articles .left-side .media-left img {
        width: 120px;
        border-radius: 5px;
        height: 100px;
        object-fit: cover;
        object-position: center;
    }
    .pagination>li>a,
    .pagination>li>span {
        border: 0px solid #fff !important;
        font-size: 15px;
        font-weight: 600;
        margin: 0px 0px !important;
    }
    .navbar-toggle {
        background-color: transparent !important;
        border-color: transparent !important;
    }
    .navbar-custom .list-unstyled li {
        border-bottom: 1px solid #e4e4e4;
        margin: 0px -30px;
    }
    .navbar-custom .blog-menu .list-unstyled li {
        border-bottom: 1px solid #e4e4e4;
        margin: 0px -15px;
    }
    .navbar-custom li a:first-child {
        border-bottom: 1px solid #e4e4e4;
    }
    .navbar-nav li a {
        padding: 15px;
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        font-weight: 600;
        padding: 15px;
    }
    .navbar-right li:last-child {
        border-bottom: 0px solid #fff;
    }
    .navbar-right li a {
        font-size: 18px;
        font-weight: 700 !important;
        border-left: 0px solid #fff;
        text-transform: none !important;
    }
    .navbar-right .dropdown a {
        font-size: 16px;
        padding: 12px 0px 20px 15px;
        color: #2c2c2c !important;
    }
    .navbar-right .dropdown-menu li a {
        font-weight: 600 !important;
        font-size: 12px;
    }
    .join {
        text-align: center;
        color: #06709e;
    }
    .socmed {
        margin-top: 20px;
        text-align: center;
    }
    .socmed h4 {
        display: none !important;
    }
    .socmed li {
        margin: 0px 13px;
        padding: 0;
    }
    .bottom-footer {
        padding: 10px 0px 20px;
    }
    .copyright p {
        text-align: center;
    }
    .logo-footer {
        text-align: center;
        width: 85%;
        margin: 0px auto;
    }
    .dropdown-large.open a {
        padding: 10px 20px;
    }
    .dropdown-large.open .dropdown-menu li a:before,
    .dropdown .dropdown-menu li a:before,
    .navbar-right .dropdown.open .dropdown-menu a:after {
        content: none !important;
    }
    .navbar-nav {
        margin: 0px -15px;
    }
    .dropdown-menu-large>li {
        margin-bottom: 0px;
    }
    .dropdown-large.open .dropdown-menu li a .text-success {
        font-weight: normal;
        color: #3c3c3c;
    }
    .navbar-default .navbar-custom>li.dropdown-large:hover a:after {
        content: none;
    }
    .navbar-right .dropdown-menu {
        margin: 10px;
    }
    .navbar-right .dropdown.open a:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 10px solid #75a741 !important;
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -5px;
        z-index: 9999;
    }
    .testimonials .panel-body {
        background-color: transparent;
        padding-left: 0px;
        padding-right: 0px;
    }
    .owl-buttons .owl-next,
    .owl-buttons .owl-prev {
        top: 50px;
    }
    .main-body {
        border-bottom: 5px solid #f3f2ee;
    }
    .title-footer {
        color: #fff;
        padding: 10px 0px;
        border-bottom: 2px dotted #096b9c;
        margin-bottom: 0px;
    }
    .title-footer h4 {
        color: #F2F5F7;
        margin-bottom: 0px;
    }
    .title-footer:before {
        font-family: 'fontawesome';
        content: "\f0d7";
        float: right;
        color: #65acce;
        font-size: 23px;
        line-height: 25px;
        margin-right: 4px;
    }
    .footer .collapse {
        margin-top: 10px;
    }
    .ssl img {
        width: 50%;
        margin: 50px 0px 0px;
    }
    .badge-art {
        left: 25px;
    }
    .footer-ads .btn-warning {
        background-color: #f18600 !important;
        text-transform: uppercase !important;
        position: absolute;
        z-index: 9999999999;
        bottom: 36px;
        left: 15px;
        padding: 1px 8px;
        font-size: 12px;
    }
    .header-page h1 {
        font-size: 33px;
    }
    .double-box .col-sm-6:first-child {
        border-right: 0px solid #ececec;
        border-bottom: 1px solid #ececec;
        margin-bottom: 15px;
    }
    .double-box .btn-lg {
        box-shadow: 0px 5px 0px 0px #56924b;
    }
    .started a {
        width: 97%;
        padding: 10px 50px;
        background-color: #337ab7;
    }
    .rate {
        margin-top: 15px;
    }
    .insurance-line {
        margin: -25px 0px 0px;
        border-top: 7px solid #eee;
    }
    .insurance .tab-content {
        border: 0px solid #fff;
        padding: 0px 0px;
    }
    .insurance .nav-tabs li:first-child {
        border-right: 1px solid #eee;
        border-radius: 0px;
    }
    .insurance .nav-tabs,
    .insurance .nav-tabs li a,
    .insurance .nav-tabs li a:hover,
    .insurance .nav-tabs li a:focus {
        border: 0px solid #fff;
    }
    .insurance .nav-tabs li.active a {
        border-bottom: 5px solid #337ab7;
        font-weight: 600;
        color: #2c2c2c !important;
    }
    .started {
        margin-top: 0px;
        margin-left: 0px;
    }
    .insurance-detail .fmv {
        width: inherit;
    }
    /* about us page */
    .about-left {
        padding: 15px 30px;
    }
    .about-us .nav-tabs li.active,
    .about-us .nav-tabs li {
        padding: 5px 14px 0px;
    }
    .about-us .nav-tabs li a {
        font-size: 7px !important;
    }
    .about-us .nav-tabs li.active a {
        padding-bottom: 0px;
        border-bottom: 3px solid #186c9b;
    }
    .about-us .mission {
        padding: 0px 20px;
    }
    .about-us .tab-content {
        margin: 0px 0px 30px;
    }
    .about-us .double-box .media {
        margin: 30px 0px 10px;
    }
    .about-us .double-box {
        border-bottom: 0px solid #ececec;
    }
    .about-us .contact {
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
        position: unset;
    }
    /* end about us */
    .btn-mortage {
        padding: 15px 30px;
        margin-bottom: 20px;
    }
    .btn-main {
        width: 100%;
        padding: 15px 0px;
        font-size: 16px;
    }
    .navbar-right li .dropdown-toggle:before {
        padding-right: 0px;
    }
    .claim {
        background-color: transparent;
    }
    .claim .panel-body {
        padding: 15px 15px 0px;
    }
    .claim-body .tab-pane h2.panel-title {
        font-size: 17px;
    }
    .left-detail .form-group button {
        margin-bottom: 20px;
    }
    .active-card .btn-job {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .right-content .tab-content {
        margin-top: 18px;
    }
    .right-content .nav-tabs {
        border: 0px solid #fff;
        border-top: 1px solid #ddd;
        margin: 0px -15px;
        border-radius: 0px;
    }
    .right-content .nav-tabs li {
        border-bottom: 1px solid #ddd;
    }
    .right-content .nav-tabs li a,
    .right-content .nav-tabs li.active a {
        padding: 10px 43.5px;
        border-radius: 0px;
        border-bottom: 0px solid #ddd;
        z-index: 999999;
    }
    .right-content .tab-content {
        border-top: 0px solid #fff;
        padding-top: 25px;
    }
    .archive .right-content .tab-content {
        margin-top: 0px;
        padding-top: 0px;
    }
    .archive .right-content .nav-tabs li a,
    .archive .right-content .nav-tabs li.active a {
        padding: 10px 25.5px;
        border-radius: 0px;
        border-bottom: 0px solid #ddd;
        z-index: 999999;
    }
    .best-deal .margin-01 .panel-body {
        padding-top: 0px;
    }
    .best-deal .margin-01 .nav-tabs li a,
    .best-deal .margin-01 .nav-tabs li.active a {
        padding: 10px 8px 0px;
    }
    .best-deal .margin-01 .nav-tabs img {
        margin: 0px auto;
        width: 35px;
    }
    .best-deal .margin-01 .nav-tabs p {
        font-weight: normal;
        font-size: 10px;
    }
    .wrap-box {
        text-align: center;
    }
    .about-left h1 {
        line-height: 33px;
        font-size: 30px;
    }
    .modal-body li {
        padding: 0px 0px 10px;
        border-bottom: 1px solid #e5e2da;
        margin-bottom: 10px;
    }
    .modal-body li:first-child {
        border-bottom: 1px solid #e5e2da;
        text-align: center;
        color: #337ab7;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .modal ul {
        margin-bottom: 0px;
    }
    /* best media */
    .breadcrumb-header {
        background-color: #186c9b;
        color: #fff;
        padding: 5px 0px;
        background-image: unset;
        background-size: cover;
    }
    .breadcrumb-header h2,
    .breadcrumb-header h3 {
        padding: 15px 0px 0px;
        color: #fff;
    }
    .archive-content .col-xs-3 {
        width: 20%;
        border-bottom: 1px solid #e8e8e8;
    }
    .archive-content .col-sm-2:first-child {
        padding: 0px;
    }
    .archive-box img {
        margin-bottom: 0px;
        height: 35px;
    }
    .archive-box p {
        font-size: 11px;
    }
    .archive-box {
        padding: 5px 0px 3px 0px;
    }
    .breadcrumb-header .col-xs-2:last-child {
        border-right: 0px solid #fff;
    }
    .best-deal .panel.margin-01 {
        margin: 0px -20px 20px;
        border-radius: 0px;
    }
    .right-content .col-xs-3 img {
        width: 100%;
    }
    sup {
        font-size: 50%;
        top: -15px;
    }
    .btn-warning {
        border: 0px solid #fff;
    }
    h1>small {
        font-size: 18px;
        color: #2c2c2c;
    }
    .best-content .col-sm-10 {
        margin: 0px -15px;
    }
    .best-content .list-inline li {
        border-radius: 0px;
        padding: 7px 10px;
        margin: 15px 0px 0px;
    }
    .best-content .list-inline li:first-child {
        border-right: 0px solid #fff;
    }
    .best-content .list-inline li:last-child {
        border-left: 0px solid #fff;
    }
    .best-footer .visible-xs {
        margin-bottom: 10px;
    }
    .best-footer .visible-xs p {
        font-size: 11px;
        line-height: 18px;
    }
    .insurance,
    .personal-archive-page .insurance {
        padding: 30px 0px 0px;
        margin: 5px -5px 50px !important;
    }
    .insurance .tab-content {
        border: 0px solid #fff;
        padding: 40px 20px;
        border-radius: 0px;
    }
    .insurance li {
        margin-right: 0px;
    }
    .insurance .nav-tabs li.active a,
    .insurance .nav-tabs li a {
        padding: 20px 77.6px 29px;
        border-radius: 0px;
        margin-right: 0px;
        font-size: 18px;
        height: 65px;
        margin-top: 23px;
    }
    .best-deal-page .news .panel {
        background-color: transparent;
    }
    .tab-content h3 {
        font-size: 18px;
    }
}

@media (max-width: 426px) {
    .jumbotron ul>li,
    .jumbotron ul>li .btn {
        width: 100%;
        margin-bottom: 5px;
    }
    .policy {
        padding-top: 100px;
    }
    .cat-content li>b {
        max-width: 235px;
        display: inline-block;
        font-size: 15px;
    }
    .dropdown-large.open .dropdown-menu-large li {
        background-color: #f4f7f8;
        border-bottom: 1px solid #fff;
    }
    .insurance li {
        width: 50%;
    }
    .modal li .fa {
        margin-left: 0px;
    }
    .insurance.border-tab .nav-tabs li:last-child.active a {
        border-right: 1px solid #e0e0e0;
    }
    .insurance.border-tab .nav-tabs li:first-child.active a {
        border-left: 1px solid #e0e0e0;
    }
    .modal-loan select+i.fa:after,
    #demo-htmlselect+i.fa:after {
        font-family: 'fontawesome';
        content: "\f106";
        float: right;
        margin-top: -11px;
        right: 35px;
        position: absolute;
    }
    .loan-row .form-group {
        /*margin-bottom: 0px;*/
    }
    select#trim_car {
        white-space: normal;
        height: auto;
        padding-right: 20px;
    }
    .partners .item img {
        height: 50px;
    }
    .partners .item img {
        height: 50px;
    }
    .pagination li:first-child a {
        margin-right: 10px !important;
    }
    .pagination li:last-child a {
        margin-left: 10px !important;
    }
    .tooltip-inner {
        min-width: initial;
        width: 320px;
    }
    .navbar-toggle {
        margin-right: 5px;
    }
    .navbar-header .navbar-brand {
        padding-left: 0px;
    }
    .best-content img {
        width: 100px;
        position: relative;
        right: 0px;
        float: right;
        margin-bottom: 15px;
    }
    .best-footer .cat-content span {
        padding-right: 10px;
        padding: 2px 6px;
        border-radius: 14px;
        display: inline-block;
        line-height: 18px;
        margin-left: 5px;
        position: relative;
        right: 0;
        background-color: transparent;
        top: 0;
    }
    .best-content .list-inline li:last-child {
        border-right: 0px solid #fff;
    }
    .best-content .list-inline li:first-child {
        border-left: 0px solid #fff;
    }
    .best-footer .cat-content ul {
        font-size: 13px;
    }
    .bottom-footer .container {
        padding: 0px 30px;
    }
    .best-content .col-sm-4 {
        text-align: left;
    }
    .no_filter .header-page {
        padding-top: 50px;
    }
    .no_filter .three-box .panel {
        margin-bottom: 0px;
    }
    .dropdown-menu-large li p {
        display: none;
    }
    .no_background.header-content {
        margin-top: 68px;
        margin-bottom: 0px;
    }
    .no_filter .three-box .col-sm-4,
    .three-box .col-sm-4,
    .double-content .col-sm-12 {
        width: 85%;
        margin: auto;
    }
    .header-page .three-box .img-box-1 img {
        width: 40px;
        margin: 12px 3px;
    }
    .no_filter .three-box .wrapper-img img,
    .three-box .wrapper-img img {
        width: 40px;
        margin: 21px 10px;
    }
    .no_filter .three-box .img-box-2 img,
    .no_filter .three-box .img-box-3 img,
    .three-box .img-box-2 img,
    .three-box .img-box-3 img {
        width: 30px;
        margin: 14px 15px;
    }
    .no_filter .three-box .panel-footer .btn-warning,
    .no_filter .three-box .panel-footer .btn-success,
    .header-page .three-box .panel-footer .btn-success {
        border-bottom-left-radius: 0px;
        border-top-right-radius: 10px;
        text-align: left;
        font-size: 21px;
        margin: auto;
        padding: 15px;
        text-align: left;
    }
    .no_filter .three-box .panel-body {
        padding: 0px 15px;
    }
    .main-body .media-left::after {
        min-height: 80%;
    }
    .about_us_header {
        width: 360px;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .about-us__tabs-header {
        width: 800px;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .best-content .list-inline {
        border-top: 1px solid #f0f0f0;
        margin-top: 15px;
    }
    .best-content .list-inline li {
        border-top: 0px solid #f0f0f0;
        margin-top: 0px !important;
    }
    .double-content {
        margin-bottom: 0px;
    }
    .credit-card {
        padding-top: 40px;
    }
    .collapse-box .col-md-6,
    .collapse-box .col-md-8 {}
    .archive .media-heading {
        margin-top: 10px;
    }
    .wrapper-loans h2 {
        font-size: 21px;
    }
    .best-deal .right-content .panel-body .best-content {
        padding-top: 0px;
    }
    .best-footer span.img-accredited {
        display: table;
        text-align: center;
        margin: auto;
        padding: 10px 9px;
        background: #E4EED9;
        border-radius: 50%;
        position: unset;
    }
    .accredited {
        text-align: center;
        margin-bottom: 10px;
        margin-left: 0px;
    }
    .best-content .cat-box li span,
    .cat-box li span {
        position: inherit;
        background-color: transparent;
    }
    .collapse-box .pop-up {
        position: inherit;
        width: unset;
        height: unset;
    }
    .navbar-default {
        -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
    }
    .navbar-custom li {
        border-bottom: 1px solid #f3f3f3;
    }
    .first-col-menu,
    .second-col-menu,
    .third-col-menu {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .dropdown-menu-large .first-col-menu li,
    .dropdown-menu-large .second-col-menu li,
    .dropdown-menu-large .third-col-menu li {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .map-wrapper {
        width: 108.6%;
        text-align: center;
        margin: 40px 0px;
        left: 0;
        margin-top: -40px;
        margin-right: 0px;
        margin-left: -15px;
    }
    .contact-information {
        position: relative;
        top: -155px;
        transform: translateY(0%);
        padding: 20px;
        margin-right: 20px;
        margin-left: 20px;
        left: 0;
        margin-bottom: -120px;
    }
    .best-deal .right-content .collapse-box .label-success {
        font-size: 15px;
        margin-bottom: 15px;
        padding: 5px 25px;
        margin-right: 20px;
        margin: 0px;
        width: 100%;
        text-align: center;
    }
    .collapse-box p.text-success {
        padding: 10px 20px;
        text-align: center;
        margin-bottom: 0px;
    }
    .bottom {
        border-top: 1px solid #f3f3f3;
        padding-top: 10px;
        margin-top: -20px;
    }
    .collapse-box p,
    .best-footer h4 {
        margin-bottom: 10px;
        margin-left: 0px;
    }
    .collapse-box .cat-box,
    .collapse-box .cat-box ul {
        margin: 0px;
    }
    .box-features {
        max-height: 200px;
        overflow-x: scroll;
    }
    .about-us__tabs-header li:not(:first-child) {
        border-left: none;
    }
    .about-us__text h1 {
        font-size: 30px;
        line-height: 1.2;
    }
    .about-us__tabs-header li:not(:first-child) {
        border-left: none;
    }
    .about-us__text {
        padding: 20px 0;
    }
    .hidden-mobile {
        display: none;
    }
    .double-box {
        margin: 0px 20px;
    }
    .double-box .col-sm-6:first-child {
        border-right: 0px solid #ececec;
        border-bottom: 1px solid #ddd;
    }
    .double-box .media-left {
        display: block;
        margin-bottom: 15px;
    }
    .box-inner {
        padding: 40px 0px;
    }
    .insurance .nav-tabs li.active a,
    .insurance .nav-tabs li a {
        /*padding: 20px 70px 29px;*/
        border-radius: 0px;
        margin-right: -1px;
        font-size: 18px;
        height: 65px;
        margin-top: 0px;
        border-top: 5px solid #F3F2EE;
    }
    .personal-page {
        margin-bottom: 40px;
    }
    .home.navbar-default {
        box-shadow: 0px 1px 1px 0px #dad9d5;
    }
    .not-found-box .img-responsive {
        width: 50%;
    }
    .provider-box {
        padding-right: 0px;
        padding-left: 0px;
    }
    .navbar-default {
        box-shadow: 0px 1px 0px 0px #e0e0e0;
    }
    .best-page .breadcrumb-header,
    .insurance-archive-page .breadcrumb-header {
        padding: 70px 0px 0px;
        background-image: unset;
    }
    .best-content h4 {
        font-size: 19px;
    }
    .best-deal .right-content .panel-body .best-content {
        border-right: 0px solid #fff;
    }
    .best-deal .right-content .panel-body .card-box {
        padding-top: 0px;
    }
    .best-deal .right-content .panel-body .best-content hr {
        display: none;
    }
    .about-us {
        margin: 0px;
        padding: 0px;
        border-radius: 0px;
    }
    .about-us__picture img {
        border-radius: 0px;
    }
    .about-us__tabs-header {
        display: inline-block;
    }
    .about-us__tabs-header li {
        padding: 20px;
    }
    .about-us__tabs-header li a,
    .about-us__tabs-header li.active a {
        padding: 0 5px;
    }
    .about-us__tabs .tab-content {
        margin: 40px 0;
    }
    .boxes-wrapper .double-box {
        margin: 0px 0px;
        background-color: #F3F2EE;
        border-radius: 0px;
    }
    .boxes-wrapper {
        border-top: 0px solid #fff;
        border-bottom: 0px solid #fff;
    }
    .boxes-wrapper .box-inner>.media-body {
        padding: 0 10px;
    }
    .three-box .panel {
        display: inline-flex;
    }
    .wrapper-img img {
        width: 58px;
        margin: 21px 0px 20px;
    }
    .three-box .panel-body {
        padding: 10px 15px;
    }
    .three-box .panel-body p {
        font-size: 22px;
        margin: auto 15px;
    }
    .three-box .panel {
        width: 100%;
        box-shadow: 0px 0px 10px 5px #D7D6D2;
    }
    .three-box .panel-footer {
        width: 100%;
        background-color: #f08127;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .three-box .panel-footer .btn-warning,
    .three-box .panel-footer .btn-success {
        padding: 22px 0px 22px 30px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 10px;
        text-align: left;
        font-size: 27px;
    }
    .three-box .img-box-2 img,
    .three-box .img-box-3 img {
        margin: 4px 8px;
    }
    .btn-group {
        border: 1px solid #E2E2E2;
        border-radius: 5px;
        box-shadow: 0px 4px 0px 0px #dad9d5;
        width: 100%;
    }
    .btn-group .btn:last-child {
        border-bottom: 0px solid #fff;
    }
    .get-started .btn-group .btn {
        width: 100%;
        text-align: left;
        padding: 15px 25px;
        font-size: 17px;
        margin-bottom: 0px;
    }
    .btn-group .btn+.btn {
        margin-left: 0px;
    }
    .btn-group .btn {
        box-shadow: none;
        border-radius: 0px;
    }
    .btn-group .btn:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px !important;
    }
    .btn-group .btn:last-child {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px !important;
    }
    .navbar-custom .dropdown-large.open .dropdown-menu ul>li>a,
    .navbar-right .dropdown.open .dropdown-menu li>a {
        border-bottom: 0px solid #fff !important;
        padding: 10px 25px;
        font-weight: normal;
        font-size: 17px;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: none;
    }
    .provider-content,
    .provider-content-wrapper {
        margin: 0px;
        padding: 0px;
    }
    .provider-content .form-group {
        margin-left: 15px;
    }
    .provider-content-wrapper .col-md-4:nth-child(2) {
        border-right: 0px solid #e5e2da;
        border-left: 0px solid #e5e2da;
        border-top: 1px solid #e5e2da;
        border-bottom: 1px solid #e5e2da;
        min-height: unset;
        padding: 25px 0px;
        margin: 25px 15px;
    }
    .breadcrumb-content p {
        padding: 0px;
    }
    .box-provider {
        margin: 20px;
    }
    .badge-card {
        display: none;
    }
    .credit-box-provider {
        margin: 0px -15px;
    }
    .articles-detail .main-blog {
        padding-top: 0px;
    }
    .blog-detail .breadcrumb {
        font-size: 11px;
        margin-top: 40px;
    }
    .btn-group a .fa {
        position: absolute;
        right: 15px;
        bottom: 20px;
        color: #F08127;
    }
    .card-panel .panel-body {
        display: grid;
    }
    .personal-archive-page .breadcrumb-header {
        padding: 70px 0px 0px;
        background-image: unset;
    }
    .header-page h1 {
        margin-top: 0px;
    }
}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        margin: 3px 0px -1px;
    }
    .navbar .navbar-collapse {
        text-align: center;
    }
    .navbar-right {
        right: 25px;
        position: relative;
    }
    .modal-sm {
        width: 450px;
    }
    .group-articles .col-sm-3,
    .insurance-detail .col-sm-3 {
        width: 28%;
    }
    .group-articles .col-sm-9,
    .insurance-detail .col-sm-9 {
        width: 72%;
    }
    .form-claim {
        padding: 0px 80px;
    }
    .visible-mobile {
        display: none;
    }
    .partners {
        margin: 40px 50px 0px;
    }
    .partners-loan {
        margin: 140px 50px 0px;
    }
    .three-box {
        margin-bottom: 47px;
    }
    .best-footer .cat-content ul {
        margin-left: 25px;
    }
}

@media (max-width: 768px) {
    .job .col-xs-6:last-child .btn,
    .map .col-xs-6:last-child .btn {
        margin-bottom: 0px;
    }
    .about-us__picture {
        margin-right: -14px;
        margin-left: -14px;
    }
    .dsb-btn {
        display: inline-table;
        margin: 15px 0;
    }
    section.articles {
        margin-top: 0px;
    }
    section.group-articles {
        padding-top: 0;
        margin-top: 0;
    }
    .about-us__text {
        padding: 20px 0;
    }
    .footer .title.collapsed:after {
        font-family: 'fontawesome';
        content: "\f0d7";
        float: right;
        color: #65acce;
        font-size: 23px;
        line-height: 25px;
        margin-right: 4px;
    }
    .footer .title:after {
        font-family: 'fontawesome';
        content: "\f0d8";
        float: right;
        color: #65acce;
        font-size: 23px;
        line-height: 25px;
        margin-right: 4px;
    }
    .footer .title:hover,
    .footer .panel-title a:hover {
        cursor: pointer;
    }
    .dropdown-menu-large {
        margin-left: 0;
        margin-right: 0;
        border-top: 0px solid #337ab7 !important;
    }
    .dropdown-menu-large>li:last-child {
        margin-bottom: 0;
    }
    .dropdown-menu-large .dropdown-header,
    .dropdown-menu-large li p {
        padding: 5px 25px !important;
        border-bottom: 0px solid #fff;
    }
    .credit-card .left-detail .col-xs-6:nth-child(2) {
        padding-right: 15px;
    }
    .credit-card .left-detail .col-xs-6:nth-child(3) {
        padding-left: 15px;
        padding-right: 8px;
    }
    .credit-card .left-detail #live .col-xs-4:nth-child(3) {
        padding-right: 15px;
    }
    .credit-card .left-detail #live .col-xs-4:nth-child(4) {
        padding-left: 15px;
    }
    .credit-card .left-detail .job .col-sm-3:nth-child(2),
    .credit-card .left-detail .map .col-md-2:nth-child(3),
    .credit-card .left-detail .active-card .col-sm-3:nth-child(2),
    .credit-card .left-detail .col-md-6 {
        padding-right: 15px;
    }
    .credit-card .left-detail .job .col-sm-3:nth-child(3),
    .credit-card .left-detail .map .col-md-2:nth-child(4) {
        padding-left: 15px;
    }
    .credit-card .left-detail .active-card .col-sm-3:last-child {
        padding-right: 8px;
        padding-left: 15px;
    }
    .credit-card .left-detail .map .col-sm-2:last-child img {
        margin-bottom: 0px;
    }
    .credit-card .left-detail .map .col-sm-2:nth-child(3) img {
        margin-bottom: 20px;
    }
    .credit-card .left-detail .map .col-sm-2:nth-child(4) img {
        margin-bottom: 15px;
    }
    .radio-button .btn:hover {
        border-color: transparent;
    }
    .job .btn,
    .map .btn {
        margin-bottom: 15px;
    }
    .btn-existing-cc {
        margin-bottom: 15px;
    }
    .btn-job span {
        display: block;
    }
    .btn-no {
        height: 105px;
    }
    label {
        margin-bottom: 10px;
    }
    .margin_b_0 {
        margin-bottom: 10px;
    }
    .credit-card {
        padding-bottom: 20px;
        min-height: 600px;
    }
    .credit-card .left-detail span.pop {
        text-align: right;
        float: right;
        right: 15px;
        position: absolute;
        top: 0;
    }
    .insurance-detail .left-detail span.pop {
        text-align: right;
        float: none;
        right: 0;
        position: relative;
        top: 0;
    }
    .radio-button label {
        border-radius: 0px;
        box-shadow: 0px 0px 0px 0px #fff;
        text-align: left;
        font-size: 16px;
        border: 1px solid #ddd;
    }
    .insurance-detail .radio-button label {
        font-weight: normal;
    }
    .insurance-detail .form-control {
        font-size: 16px;
        color: #000;
    }
    .loan-detail .form-control {
        font-size: 16px;
        color: #000;
    }
    .radio-button label:hover {
        border: 1px solid #337ab7;
    }
    .claim-page,
    .calculator-page {
        margin: 68px 0px 0px;
        border-radius: 0px;
    }
    .get-result-mobile {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #CCCCCC;
        color: white;
        text-align: center;
        font-size: 20px;
        padding: 15px 0px 5px;
        z-index: 1;
    }
    .navbar-default .navbar-custom>li.dropdown-large:hover a:after {
        bottom: -19px;
    }
    .footer .panel-title {
        color: #fff;
        padding: 10px 0px;
        border-bottom: 2px dotted #096b9c;
        margin-bottom: 0px;
    }
    .title-footer h4 {
        color: #F2F5F7;
        margin-bottom: 0px;
    }
    .wrapper-right button {
        padding: 10px 16px;
    }
    .wrapper-loans {
        margin-top: 0px;
    }
    .archive .best-content {
        padding-top: 0px;
    }
    .archive .best-content .col-sm-10 {
        margin: 0px;
    }
    .archive .best-content .list-inline li {
        padding: 7px 17px;
    }
    .archive .best-content .list-inline li:last-child {
        border-right: 0px solid #fff;
    }
    .archive .best-content .list-inline li:first-child {
        border-left: 0px solid #fff;
    }
    .best-deal .right-content .panel-body {
        padding-top: 10px;
    }
    .best-deal .right-content .text-right {
        padding: 0px;
    }
    .toggle-card {
        float: right;
        margin: 10px 20px 13px 15px;
    }
    .partners {
        margin-top: 40px;
    }
    .partners-loan {
        margin-top: 70px;
    }
    .get-started {
        padding: 20px 0px;
    }
    .car-box,
    .car-box .btn {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .bottom .col-sm-9 {
        padding: 0px;
    }
    .bottom .col-sm-9 .btn {
        border-radius: 0px;
        padding: 15px 0px;
    }
    /* blog */
    .dsb-btn span {
        display: none;
    }
    /* blog */
    /* calculator */
    .count_box .payment h2,
    .count_box .payoff h2 {
        font-size: 23px;
    }
    .count_box .table-responsive {
        margin-bottom: 0px;
    }
    .count_box .payment,
    .count_box .payoff {
        margin: 15px 0px;
    }
    /* end calculator */
    .best-content .progress-desc .list-inline {
        margin-left: 0px;
        margin-top: 5px;
    }
    .best-content .progress-desc .list-inline li {
        margin: 0px;
        padding: 0px !important;
        border: 0px solid #fff;
        font-size: 11px;
    }
    .personal-loan .best-content .list-inline li {
        padding: 7px 20px;
    }
    .col-sm-pull-4.best-content {
        border-right: 0px solid #fff;
    }
    .personal-page {
        margin: 68px 0px 0px;
        border-radius: 0px;
    }
    .personal-box .panel {
        width: 100%;
    }
    .personal-box h1 {
        font-size: 39px;
    }
    .personal-box h2 {
        font-size: 34px;
    }
    .best-deal .right-content label {
        font-size: 11px;
        line-height: 21px;
        padding: 5px 10px;
    }
    .filter-content {
        margin-top: -35px;
    }
    img#mb-cloud1 {
        height: 20px;
        position: relative;
        margin-top: -550px;
        left: 1%;
    }
    img#mb-cloud2 {
        height: 20px;
        position: relative;
        margin-top: -550px;
        left: 75%;
    }
    .header-page-home h1 {
        margin-top: -35px;
    }
    img#homepage-bg-mb {
        position: relative;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 500px;
        z-index: -100;
        background-size: cover;
        margin-top: -380px;
    }
    .text-wrap-ci {
        white-space: normal;
    }
}

@media (min-width: 411px) and (max-width: 760px) {
    .potrait img {
        width: 100%;
        border-radius: 5px;
        height: 250px;
        object-fit: cover;
        object-position: center;
    }
    .blog-upper img {
        width: 100%;
        border-radius: 5px;
        height: 250px;
        object-fit: cover;
        object-position: center;
    }
    .title-art,
    .potrait .title-art {
        top: 110px;
    }
    .group-articles .left-side .media-left img {
        width: 120px;
        border-radius: 5px;
        height: 100px;
        object-fit: cover;
        object-position: center;
    }
    .pagination>li>a,
    .pagination>li>span {
        border: 0px solid #fff !important;
        font-size: 15px;
        font-weight: 600;
        margin: 0px 13px !important;
        background-color: #E9E9E9;
        color: #363636;
        padding: 2px 15px;
    }
    .navbar-custom .dropdown a:before {
        font-family: 'fontawesome';
        content: "\f107";
        float: right;
        color: #ddd;
        font-size: 30px;
        line-height: 22px;
        margin-right: 4px;
    }
    .navbar-right .dropdown a:before {
        content: none;
    }
    .navbar-custom .dropdown-large.open a:before,
    .navbar-right .dropdown.open a:before {
        font-family: 'fontawesome';
        content: "\f106";
        float: right;
        color: white;
        font-size: 22px;
        line-height: 25px;
        margin-right: 4px;
        background: #337ab7;
        border-radius: 100%;
        padding: 0 6px;
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        background-color: transparent !important;
        color: #3c3c3c !important;
    }
    .navbar-custom .dropdown-large.open ul {
        margin: 0px;
        padding: 0px;
    }
    .navbar-custom .dropdown-large.open a:first-child,
    .navbar-right .dropdown.open a {
        border-bottom: none;
    }
    /* best media */
    .breadcrumb-header {
        background-color: #186c9b;
        color: #fff;
        padding: 5px 0px;
        background-image: unset;
        background-size: cover;
    }
    .breadcrumb-header h2,
    .breadcrumb-header h3 {
        padding: 15px 0px 0px;
        color: #fff;
    }
    .archive-content .col-xs-3 {
        width: 20%;
        border-bottom: 1px solid #e8e8e8;
    }
    .archive-content .col-sm-2:first-child {
        padding: 0px;
    }
    .archive-box .hover,
    .archive-content .active .hidden-hover,
    .archive-box img {
        margin-bottom: 0px;
        height: 35px;
    }
    .archive-box p {
        font-size: 11px;
    }
    .archive-box {
        padding: 5px 0px 3px 0px;
    }
    .breadcrumb-header .col-xs-2:last-child {
        border-right: 0px solid #fff;
    }
    .best-deal .panel.margin-01 {
        margin: 0px -20px 20px;
        border-radius: 0px;
    }
    .right-content .col-xs-3 img {
        width: 100%;
    }
    sup {
        font-size: 50%;
        top: -15px;
    }
    .btn-warning {
        border: 0px solid #fff;
    }
    h1>small {
        font-size: 18px;
        color: #2c2c2c;
    }
    .best-content .col-sm-10 {
        margin: 0px -16px;
    }
    .best-content .list-inline li {
        border-radius: 0px;
        padding: 7px 22px;
        margin: 15px 0px 0px;
    }
    .best-content .list-inline li:first-child {
        border-right: 0px solid #fff;
    }
    .best-content .list-inline li:last-child {
        border-left: 0px solid #fff;
    }
    .best-footer .bottom {
        margin-bottom: 10px;
    }
    .best-footer .bottom p {
        font-size: 11px;
        line-height: 18px;
    }
    .insurance .tab-content {
        border: 0px solid #fff;
        padding: 40px 20px;
        border-radius: 0px;
    }
    .insurance li {
        margin-right: 0px;
    }
    .insurance .nav-tabs li.active a,
    .insurance .nav-tabs li a {
        /*padding: 20px 78.9px 29px;*/
        border-radius: 0px;
        margin-right: 0px;
        font-size: 18px;
        height: 65px;
        margin-top: 0px;
    }
    .insurance.tab-insurance .nav-tabs li.active a,
    .insurance.tab-insurance .nav-tabs li a {
        padding: 20px 78px 29px !important;
    }
    .best-deal-page .news .panel {
        background-color: transparent;
    }
    .tab-content h3 {
        font-size: 18px;
    }
    .group-articles .left-side .media-body p {
        -webkit-line-clamp: 2;
    }
    .radio.personal {
        display: block;
    }
    .best-deal .right-content label {
        font-size: 11px;
        line-height: 21px;
        padding: 5px 10px;
    }
    .navbar-right .dropdown-menu {
        min-width: 400px;
    }
    .navbar-right .dropdown-menu li {
        margin: 5px 0px;
    }
}

@media(min-width: 768px) and (max-width: 900px) {
    .text-right button,
    .wrapper-right button,
    .card-box a.btn {
        padding: 10px 15px;
    }
    .archive-content .col-sm-2 {
        width: 20%;
    }
    .video-background {
        padding-top: 250px;
    }
    .get-started .btn-group .btn {
        padding: 10px 15px;
    }
    .hidden-tab {
        display: none;
    }
    .about-us__tabs-header li {
        position: relative;
        padding: 20px 5px;
    }
    .group-articles .left-side .media-left img {
        width: 180px;
        height: 130px;
    }
    .pagination>li>a,
    .pagination>li>span {
        border: 0px solid #fff !important;
        font-size: 15px;
        font-weight: 600;
        margin: 0px 0px !important;
    }
    .navbar-default .navbar-custom>li>a {
        padding: 25px 10px 23px;
    }
    .navbar .container-fluid .navbar-header .navbar-brand {
        width: 180px;
    }
    .navbar-right>li>a {
        padding: 25px 0px 23px;
    }
    .dropdown-menu-large .col-sm-3,
    .dropdown-menu-large .col-sm-2 {
        border-right: 1px solid #f4f4f4;
    }
    .dropdown-menu-large .col-sm-4 li {
        border-bottom: 1px solid #f4f4f4;
    }
    .dropdown-menu-large .col-sm-4 li:last-child {
        border-bottom: 0px solid #f4f4f4;
    }
    .blog-menu .list-unstyled li {
        display: inline-flex;
    }
    .blog-menu .dropdown-menu {
        background-color: #fff;
    }
    .blog-menu .dropdown-menu li a {
        color: #363636 !important;
        margin: 0px 28px;
        padding-bottom: 10px;
        margin-bottom: 0px;
        padding-top: 15px;
    }
    .blog-menu .dropdown-menu li a:hover {
        font-weight: normal;
        border-bottom: 5px solid #fff;
    }
    .blog-menu .dropdown-menu li.active a {
        border-bottom: 5px solid #fff;
    }
    .blog-menu .dropdown-menu-large {
        padding: 8px 0px 0px;
    }
    .blog-menu .dropdown-menu-large,
    .blog-menu.open .dropdown-menu-large {
        border-top: 0px solid #337ab7;
    }
    .navbar-default .navbar-nav>.blog-menu>a,
    .navbar-default .navbar-nav>.blog-menu>a:focus,
    .navbar-default .navbar-nav>.blog-menu>a:hover {
        background-color: transparent !important;
        color: #3c3c3c !important;
        font-weight: 600 !important;
    }
    .navbar-default .navbar-nav>.blog-menu.open>a:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid #75a741;
        position: absolute;
        bottom: -2px;
        left: 50%;
        margin-left: -5px;
        z-index: 9999;
    }
    .navbar-nav li:hover .dropdown-menu-large {
        display: block !important;
        box-shadow: 0px -2px 8px -5px #2c2c2c !important;
    }
    .navbar-nav li:hover .dropdown-menu-large li a {
        background-color: transparent !important;
        color: #3c3c3c;
    }
    .navbar-nav li.blog-menu:hover {
        background-color: #fff;
    }
    .navbar-nav li.blog-menu:hover .dropdown-menu-large li a {}
    .navbar-default .navbar-custom>li.blog-menu:hover a:before {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid #75a741;
        position: absolute;
        bottom: -1px;
        left: 50%;
        margin-left: -5px;
        z-index: 9999;
    }
    .navbar-default .navbar-custom>li.blog-menu:hover .dropdown-menu-large a:before {
        content: none;
    }
    .navbar-nav .dropdown-menu li:hover {
        background-color: unset !important;
        color: inherit !important;
    }
    .dropdown-menu-large li:hover .dropdown-header {
        color: #186c9b !important;
    }
    .navbar-right .dropdown:hover .dropdown-menu {
        display: block;
    }
    .navbar-nav.navbar-right li:hover,
    .navbar-nav.navbar-right li:hover a {
        background-color: transparent !important;
    }
    .navbar-nav.navbar-right li a {
        color: #3c3c3c !important;
    }
    .navbar-right .dropdown-menu {
        background: #fff;
        border: 1px solid #D8D8D8;
        padding: 10px 0px;
    }
    .navbar-right .dropdown-menu:after,
    .navbar-right .dropdown-menu:before {
        bottom: 100%;
        right: 13%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        top: -16px;
    }
    .navbar-right .dropdown-menu:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #fff;
        border-width: 9px;
        margin-left: -30px;
    }
    .navbar-right .dropdown-menu:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #000;
        border-width: 9px;
        margin-left: -31px;
    }
    .blog-menu .dropdown-menu ul.list-unstyled {
        text-align: center;
    }
    .dropdown-menu {
        min-width: 450px;
    }
    .navbar-right .list-unstyled li {
        margin-bottom: 5px;
    }
    .navbar-right .list-unstyled li:last-child {
        margin-bottom: 0px;
    }
    .navbar-right .col-sm-6 {
        border-right: 1px solid #f4f4f4;
        padding: 5px 7px;
    }
    .navbar-right .col-sm-6:last-child {
        border-right: 0px solid #f4f4f4;
    }
    .navbar-right .list-unstyled li .fa {
        margin-right: 5px;
    }
    .dropdown-menu-large .dropdown-header {
        padding: 0px !important;
        border-bottom: 0px solid #fff;
        font-size: 13px;
    }
    .dropdown-menu-large .list-unstyled>li>a {
        padding: 0px;
        font-size: 13px;
    }
    .best-content h4 {
        font-size: 18px;
    }
    .best-content small {
        font-size: 69%;
    }
    .best-content p {
        font-size: 12px;
        line-height: 15px;
    }
    .card-box .btn {
        padding: 6px 12px;
        font-size: 14px;
    }
    .best-content .list-inline li {
        padding: 5px 2px;
        margin: 15px 0px 0px;
    }
    /*.best-content .list-inline a.title.collapsed,
  .best-content .list-inline a.title {
    font-size: 9px;
  }*/
    .dropdown-menu-large li .dropdown-header {
        border-bottom: 1px solid #E5E5E5;
        margin-bottom: 10px;
    }
    .btn-group a .fa {
        display: none;
    }
    .archive .best-content {
        padding-top: 10px;
    }
    .best-footer .bottom {
        margin-bottom: 10px;
    }
    .best-footer .bottom p {
        font-size: 11px;
        line-height: 18px;
    }
    .collapse-box div {
        margin-bottom: 10px;
    }
    /*.credit-card .left-detail .col-sm-6:nth-last-child(2) {
    padding-left: 15px;
  }
  .credit-card .left-detail .col-sm-6:nth-last-child(3) {
    padding-right: 15px;
  }*/
    .credit-card .left-detail .col-sm-4:nth-last-child(4) {
        padding-right: 15px;
    }
    .credit-card .left-detail .col-sm-4:nth-last-child(3) {
        padding-left: 15px;
    }
    .credit-card .left-detail #card .col-xs-6:nth-child(2) {
        padding-right: 8px;
    }
    .credit-card .left-detail #card .col-xs-6:nth-child(3) {
        padding-left: 8px;
        padding-right: 15px;
    }
    .wrapper-loans h2 {
        font-size: 16px;
    }
    .wrapper-loans p {
        font-size: 13px;
    }
    .archive .best-content .list-inline li {
        padding: 7px 21px;
    }
    .breadcrumb-header {
        background-image: unset;
    }
    .insurance-page .container {
        width: 727px;
    }
    .insurance {
        padding: 30px 0px;
        margin: 5px 0px 0px;
    }
    .header-page h1,
    h2.main-title,
    .main-title {
        font-size: 25px;
    }
    h3.text-primary {
        font-size: 18px;
    }
    .header-page p,
    .news .panel a,
    .related-articles .panel a {
        font-size: 16px;
    }
    .socmed li {
        margin: 0px 15px;
        text-align: center;
    }
    .archive-box p {
        font-size: 10px;
    }
    .personal-page {
        padding-bottom: 35px;
    }
    .personal-right {
        padding-top: 3%;
        padding-left: 1%;
        padding-right: 4%;
    }
    .personal-right h1 {
        font-size: 30px;
    }
    .personal-right h2 {
        font-size: 25px;
    }
    .wrapper-right,
    .archive .best-content {
        padding-top: 0px;
    }
    .personal-loan .best-content .list-inline li {
        padding: 7px 5px;
    }
    .personal-loan .best-content .list-inline li a {
        font-size: 8px !important;
    }
    .contact-information {
        transform: translateY(-122%);
        background-color: #F3F2EE;
        padding: 40px;
        display: inline-table;
    }
    .map-wrapper {
        width: 100%;
        left: 0;
        position: relative;
    }
    .navbar-right .dropdown-menu {
        min-width: 400px;
    }
    .navbar-right .dropdown-menu li {
        margin: 5px 0px;
    }
}

@media (min-width:900px) {
    .footer .collapse {
        display: block;
    }
    .collapse-box .col-md-5 {
        margin-right: 0;
    }
    .archive-content .row {
        margin-left: 20%;
    }
    .best-deal .right-content label {
        font-size: 11px;
        line-height: 21px;
        padding: 5px 10px;
    }
    .dropdown-menu-large>li>ul>li {
        display: inline-flex;
    }
    .blog-menu .dropdown-menu ul.list-unstyled {
        text-align: center;
    }
    .blog-menu .dropdown-menu {
        background: #fff;
    }
    .blog-menu .dropdown-menu li a {
        color: #363636 !important;
        margin: 0px 28px;
        padding-bottom: 10px;
        margin-bottom: 0px;
        padding-top: 15px;
    }
    .navbar-right .dropdown-menu {
        min-width: 400px;
    }
    .navbar-right .dropdown-menu li {
        margin: 5px 0px;
    }
}

@media (min-width: 1200px) {
    .get-started .side .button-side .list-group {
        display: flex;
    }
    .get-started .side .button-side .list-group .list-group-item {
        margin-bottom: 25px;
        border-radius: 4px;
        margin-top: 30px;
        box-shadow: 0px 0px 5px 1px #f0f0f0;
        border: 0px solid #f0f0f0;
        width: 211px;
        margin-right: 10px;
    }
    .get-started .side .button-side .list-group .list-group-item p {
        font-size: 16px;
    }
    .hidden-desktop {
        display: none;
    }
    .container {
        width: 1280px;
    }
    /*.dropdown-menu-large .col-sm-3,
  .dropdown-menu-large .col-sm-2 {
    border-right: 1px solid #f4f4f4;
  }*/
    .dropdown-menu-large li .dropdown-header {
        border-bottom: 1px solid #E5E5E5;
        margin-bottom: 10px;
    }
    .dropdown-menu-large .col-sm-4 li:last-child,
    .dropdown-menu-large li a.dropdown-header {
        border-bottom: 0px solid #E5E5E5;
        margin-bottom: 0px;
    }
    .dropdown-menu-large li p {
        line-height: 18px;
        color: #A2A2A2;
    }
    .dropdown-menu-large .media-body {
        line-height: 18px;
        font-size: 14px;
        vertical-align: middle;
    }
    .dropdown-menu-large .col-md-4:first-child,
    .dropdown-menu-large .col-md-4:nth-child(2) {
        width: 30%;
        min-height: 283px;
    }
    .dropdown-menu-large .col-md-4:last-child {
        width: 40%;
    }
    .dropdown-menu-large .third-col-menu:last-child li:nth-child(2) {
        margin-bottom: 0px;
    }
    .blog-menu .list-unstyled li {
        display: inline-flex;
    }
    .blog-menu .dropdown-menu {
        background-color: #F3F2EE;
    }
    .blog-menu .dropdown-menu li a {
        color: #363636 !important;
        margin: 0px 28px;
        padding-bottom: 10px;
        margin-bottom: 0px;
        padding-top: 15px;
    }
    .blog-menu .dropdown-menu li a:hover {
        font-weight: 300;
        border-bottom: 5px solid #337ab7;
    }
    .blog-menu .dropdown-menu li.active a {
        border-bottom: none;
    }
    .blog-menu .dropdown-menu-large {
        padding: 0px;
        opacity: 1;
    }
    .dropdown-menu.dropdown-menu-large {
        width: 100%;
        left: 0;
        border-radius: 0px;
        border: 1px solid #e9e9e9;
        background-color: #fff;
    }
    .dropdown-menu.dropdown-menu-large .first-col-menu {
        background-color: #fff;
        margin-left: -15px;
        border-bottom-left-radius: 5px;
    }
    .dropdown.blog-menu.open .dropdown-menu-large,
    .dropdown.blog-menu .dropdown-menu-large {
        opacity: 1;
        max-height: 61px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    /*.navbar-default .navbar-nav>.blog-menu>a {
    color: #3c3c3c !important;
    font-weight: 600 !important;
  }*/
    .navbar-default .navbar-nav>.blog-menu>a:focus,
    .navbar-default .navbar-nav>.blog-menu>a:hover {
        /*color: #fff !important;*/
        font-weight: 600 !important;
    }
    .navbar-default .navbar-custom>li.dropdown-large.blog-menu:hover a:after {
        content: none;
    }
    .navbar-nav .dropdown-large:hover .dropdown-menu-large {
        display: block !important;
        border-top: 5px solid #337ab7;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .navbar-nav .dropdown-large.blog-menu:hover .dropdown-menu-large {
        border-top: 0px solid #337ab7;
    }
    .navbar-nav li:hover .dropdown-menu-large li a {
        background-color: transparent !important;
        color: #3c3c3c;
    }
    /*.navbar-nav li.blog-menu:hover {
    background-color: transparent !important;
  }*/
    .navbar-default .navbar-custom>li.blog-menu:hover .dropdown-menu-large a:before {
        content: none;
    }
    /*.navbar-nav .dropdown-menu li:hover {
    background-color: unset !important;
    color: inherit !important;
  }*/
    /*.dropdown-menu-large li:hover .dropdown-header {
    color: #186c9b !important;
  }*/
    .navbar-right .dropdown:hover .dropdown-menu {
        display: block;
    }
    .navbar-nav.navbar-right li:hover,
    .navbar-nav.navbar-right li:hover a {
        background-color: transparent !important;
    }
    .navbar-nav.navbar-right li a {
        color: #3c3c3c;
    }
    .navbar-nav.navbar-right .list-unstyled li:last-child .text-success {
        color: #337ab7;
    }
    .navbar-right .dropdown-menu {
        background: #fff;
        border: 1px solid #D8D8D8;
        padding: 10px 0px;
    }
    .navbar-right .dropdown-menu:after,
    .navbar-right .dropdown-menu:before {
        bottom: 100%;
        right: 13%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .navbar-right .dropdown-menu:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #fff;
        border-width: 9px;
        margin-left: -30px;
    }
    .navbar-right .dropdown-menu:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #000;
        border-width: 9px;
        margin-left: -31px;
    }
    .blog-menu .dropdown-menu ul.list-unstyled {
        text-align: center;
    }
    .dropdown-menu {
        min-width: 450px;
    }
    .navbar-right .list-unstyled li {
        margin-bottom: 5px;
    }
    .navbar-right .list-unstyled li:last-child {
        margin-bottom: 0px;
    }
    .navbar-right .col-sm-6 {
        border-right: 1px solid #f4f4f4;
        padding: 5px 7px;
    }
    .navbar-right .col-sm-6:last-child {
        border-right: 0px solid #f4f4f4;
    }
    .navbar-right .list-unstyled li .fa {
        margin-right: 5px;
    }
    .footer .col-lg-3 {
        width: 20%;
    }
    .footer .col-lg-2:nth-child(2) {
        width: 21%;
    }
    .no_filter .three-box {
        margin-bottom: 0px;
    }
    .three-box {
        margin-bottom: 47px;
        margin-top: 15px;
    }
    .main-body .left-side {
        padding-right: 50px;
    }
    .col-sm-pull-3.best-content .col-md-4 {
        width: 36%;
    }
    .archive .best-content .col-md-5 {
        width: 39%;
    }
    .archive .best-content .col-md-2,
    .personal-loan .best-content .col-md-2 {
        width: 22%;
        padding: 0px;
    }
    /*.archive,
  .personal-loan {
    margin-top: -20px;
  }*/
    /* start calculator */
    .calculator-page .col-md-offset-1 {
        margin-left: 7%;
    }
    .calculator-page .col-md-4 {
        width: 32%;
    }
    .calculator-page .col-md-6 {
        width: 54%;
    }
    .calculator-page .count_box .col-md-6 {
        width: 40%
    }
    .calculator-page .count_box .col-md-3 {
        width: 30%;
    }
    .count_box table tr:last-child td {
        border-bottom: 0px dashed #CBCBCB;
    }
    /* end calculator */
    /* policy */
    .policy .col-md-offset-1 {
        margin-left: 5%;
    }
    .policy .col-md-10 {
        width: 90%;
    }
    .policy .col-md-pull-9 {
        right: 71%;
    }
    .policy .col-md-3 {
        width: 29%;
    }
    .policy .col-md-push-3 {
        left: 29%;
    }
    .policy .col-md-9 {
        width: 71%;
    }
    .provider-content .col-md-push-9 {
        left: 70%;
    }
    .provider-content .col-md-3 {
        width: 30%;
    }
    .credit-card-provider .col-md-3 {
        width: 25%;
    }
    .provider-content .col-md-pull-3 {
        right: 30%;
    }
    .provider-content .col-md-9 {
        width: 70%;
    }
    .box-provider .col-md-2 {
        width: 20%;
    }
    /* end policy */
    .col-md-2.double-box {
        width: 23%;
    }
    .col-md-offset-5.double-box {
        margin-left: 38.5%;
    }
    .table-price thead>tr>th,
    .table-price tbody tr td,
    tr.total {
        border: 0px solid #fff;
    }
    .table-price thead>tr {
        background-color: transparent;
    }
    .table-price thead>tr>th {
        padding: 3px 0px;
    }
    .table-price thead>tr>th:first-child {
        text-align: left;
    }
    .table-price thead>tr>th:last-child {
        text-align: right;
    }
    /* additional */
    .second-col-menu {
        border-right: 2px solid #fff;
    }
    .second-col-menu,
    .third-col-menu {
        min-height: 230px;
        overflow: hidden;
        background-color: #f4f7f8;
    }
    .third-col-menu {
        padding-left: 25px;
    }
    .dropdown-menu.dropdown-menu-large .col-md-9.third-col-menu {
        width: 75%;
    }
    .dropdown-menu.dropdown-menu-large .col-md-9 {
        width: 78%;
    }
    .navbar-default .navbar-custom>li>a {
        padding: 25px 5px 10px;
        margin: 0px 30px 10px;
    }
    .navbar .container-fluid .navbar-header .navbar-brand {
        width: 200px;
    }
    .navbar-right .dropdown-menu {
        min-width: 400px;
    }
    .navbar-right .dropdown-menu li {
        margin: 5px 0px;
    }
    .dropdown-menu-large>li>ul>li {
        display: inline-flex;
    }
    .blog-menu .dropdown-menu ul.list-unstyled {
        text-align: center;
    }
    .blog-menu .dropdown-menu li a {
        color: #363636 !important;
        margin: 0px 28px;
        padding-bottom: 10px;
        margin-bottom: 0px;
        padding-top: 15px;
    }
}

@media (max-width:766px) and (min-width: 417px) {
    .three-box .col-sm-4 {
        width: 33%;
        float: left;
    }
    .no_background.header-content {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .navbar-default {
        box-shadow: 0px 1px 0px 0px #e0e0e0;
    }
    .navbar-toggle {
        background-color: transparent !important;
        border-color: transparent !important;
    }
    #hero.visible-xs,
    .contact-mobile {
        display: none !important;
    }
    .video-background.display-custom {
        padding-top: 0px;
        position: relative;
        margin-top: -110px;
    }
    .navbar-nav {
        margin: 0px -15px;
    }
    .navbar-custom li {
        border-bottom: 1px solid #f3f3f3;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: none;
    }
    .navbar-default .navbar-custom>li>a {
        padding: 15px;
    }
    .navbar-custom .dropdown a:before,
    .navbar-right .dropdown a:before {
        font-family: 'fontawesome';
        content: "\f107";
        float: right;
        color: #ddd;
        font-size: 30px;
        line-height: 22px;
        margin-right: 4px;
    }
    .navbar-custom .dropdown-large.open a:before,
    .navbar-right .dropdown.open a:before {
        font-family: 'fontawesome';
        content: "\f106";
        float: right;
        color: white;
        font-size: 22px;
        line-height: 25px;
        margin-right: 4px;
        background: #337ab7;
        border-radius: 100%;
        padding: 0 6px;
    }
    .navbar-custom .dropdown-large.open li a:before,
    .navbar-right .dropdown.open li a:before {
        content: "";
    }
    .navbar-custom .dropdown-large.open a:first-child,
    .navbar-right .dropdown.open a {
        border-bottom: none;
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        padding: 15px;
    }
    .navbar-custom .dropdown-large.open ul {
        margin: 0px -10px;
        padding: 0px;
    }
    .dropdown-large.open .dropdown-menu-large li {
        background-color: #f4f7f8;
        border-bottom: 1px solid #fff;
    }
    .dropdown-menu-large>li:last-child {
        margin-bottom: 0;
    }
    .dropdown-large.open .dropdown-menu-large li {
        background-color: #f4f7f8;
        border-bottom: 1px solid #fff;
    }
    .navbar-custom .dropdown-large.open .dropdown-menu ul>li>a,
    .navbar-right .dropdown.open .dropdown-menu li>a {
        border-bottom: 0px solid #fff !important;
        padding: 10px 25px;
        font-weight: normal;
        font-size: 17px;
    }
    .navbar-default .navbar-custom>li>a:hover,
    .navbar-default .navbar-custom>li:hover a,
    .dropdown-large.open .dropdown-menu-large li a {
        background-color: transparent;
        color: #2c2c2c;
    }
    .first-col-menu,
    .second-col-menu,
    .third-col-menu {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .dropdown-menu-large .first-col-menu li,
    .dropdown-menu-large .second-col-menu li,
    .dropdown-menu-large .third-col-menu li {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}


/* FOR IPAD PRO */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    .navbar-right li .dropdown-toggle:before {
        content: "";
    }
    .navbar .navbar-nav {
        margin-left: -30px !important;
    }
    .no_filter .three-box .panel {
        margin-top: 30px;
    }
    .header-page h1 {
        margin-top: -110px;
    }
    .filter-content {
        margin-top: -60px;
    }
}

@media only screen and ( max-device-width: 414px) {
    .no_filter .three-box .panel {
        margin-top: 10px;
    }
}