@media (min-width: 1200px) {}

@media (max-width: 1199px) {
    .navbar-default .navbar-nav>li>a {
        padding: 15px 7px;
    }
    .navbar-nav{
        margin:40px 0 20px;
    }
    .navbar-default .navbar-nav>.navicon>a{
        padding: 5px 0 0px 7px;
    }
    #logo {
        margin-top: 10px;
    }
    .header-bg span{
        font-size: 50px;
        line-height: 110%; 
    }
    .header-bg p {
        font-size: 45px;
    }
    .tp-caption.decision-text{
        margin:-7% 0 !important;
    }
    .effect-zoom-fade img {
        width: 100%;
    }
    .effect-zoom-fade p {
        font-size: 20px;
    }
    .services-detail img {
        max-width: 500px;
    }
    .services-detail img {
        margin-bottom: 0px;
    }
    .mg-bottom-60 {
        margin-bottom: 30px;
    }
    h3 {
        font-size: 30px;
    }
    .how-works .title,
    .we-help .title {
        margin-bottom: 40px;
    }
    .table-alphabet>table>tbody>tr>td>a {
        padding: 8px 12px;
    }
    .useful-resources .nav-tabs > li {
        padding-right: 9%;
    }
    .col-lg-4:nth-child(4) .services-item {
        margin-bottom: 30px;
    }
    .col-lg-4:nth-child(5) .services-item {
        margin-bottom: 0;
    }
    .services-item figure:hover .btn-primary{
        margin-top:10px;
    }
}

@media (max-width: 991px) {
    .autor-details {
        text-align: center;
    }
    body {
        font-size: 15px;
    }
    .header-bg .container {
        width: 100%;
    }
    .dropdown:hover .dropdown-content {
        display: none !important;
    }
   .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
        color: #fff;
        background-color: #1f3568;
    }
    li.dropdown.open .dropdown-content.dropdown-menu {
        display: block !important;
    }
    .dropdown-content.about {
        min-width: 100%;
        z-index: 1111;
    }
    .navbar-default .navbar-nav>li>a {
        padding: 12px 7px;
            cursor: pointer;
    }
    .navbar-toggle {
        display: block;
        margin: 24px 0 23px 0;
        margin-top: 24px;
        margin-bottom: 23px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .dropdown:hover .dropdown-menu {
        display: none !important;
    }
    .navbar-collapse.in {
        display: block !important;
        padding: 0;
    }
    .navbar-collapse{
        padding:0;
    }
    /*.header-bg .col-sm-12 {
    padding: 0;
}*/
    .navbar-default .navbar-toggle {
        border-color: #2C3967;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #2C3967;
    }
    .navbar-default .navbar-toggle:hover {
        background-color: #2C3967;
    }
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    .navbar-default .navbar-toggle:hover .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #2C3967;
    }
    .navbar-nav>li {
        display: block;
        text-align: left;
        border-bottom: 1px solid #203668;
    }
    .navbar-default .navbar-nav>li>a::before,
    .navbar-default .navbar-nav>li>a::after {
        display: none;
    }
    .navbar-default .navbar-nav>li>a:hover {
        background-color: #2c3967;
        color: #fff;
    }
    .navicon {
        margin-left: 0;
    }
    .navbar-default .navbar-nav>li.navicon>a:hover {
        background-color: transparent;
        color: #0B194C;
        -webkit-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        -o-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }
    .navbar-header{
        margin:20px 0 0;
    }
    .navbar-default .navbar-nav>.navicon>a {
        padding: 12px 0 11px 6px;
    }
    #logo {
        margin-top: 0;
        max-width:220px;
    }
    
    .effect-zoom-fade p {
        font-size: 18px;
    }
    .title-left {
        margin-bottom: 20px;
    }
    section {
        padding: 40px 0;
    }
    .services-detail img {
        max-width: 300px;
    }
    h3 {
        font-size: 27px;
        margin-top: 0;
    }
    .how-works-icon {
        width: 65px;
        height: 65px;
        margin-right: 10px;
    }
    .how-works-icon span {
        font-size: 42px;
        padding: 2px 0 0;
    }
    .blog .container {
        width: 100%;
    }
    .blog-page .blog-item {
        text-align: left;
    }
    .blog-page img {
        margin-bottom: 15px;
    }
    .internal-banner.blog-detail-banner .title h1 {
        font-size: 2.5em;
    }
    .table-alphabet>table>tbody>tr>td>a {
        padding: 8px 7px;
    }
    .our-clients .swiper-slide {
        width: 33.33333333%;
    }
    .we-help-item {
        min-height: auto;
    }
    .we-help .container,
    .how-works .container {
        width: 95%;
    }
    .how-works-title h3 {
        font-size: 1.6em;
    }
    .useful-resources .nav-tabs > li {
        padding-right: 6.5%;
    }
    .services-item figure:hover .btn-primary{
        margin-top:0;
    }
    .effect-zoom-fade:hover p{
        line-height: 130%;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }
    h2 {
        font-size: 40px;
    }
    .ci-intro-top-mg h1 {
        font-size: 36px;
    }
    .ci-intro-top-mg {
        margin-bottom: 20px;
    }
    .compass-income-intro-item img {
        margin-bottom: 10px;
    }
    .compass-income-intro-top p {
        font-size: 16px;
    }
    .compass-income-intro .col-xs-6,
    .we-help .col-xs-12,
    .blog .col-xs-6 {
        margin-bottom: 20px;
    }
    .we-help {
        padding-bottom: 50px;
    }
    .btn-primary,
    .tp-caption a {
        font-size: 20px;
        padding: 10px 30px;
    }
    .faq-items .panel-title {
        font-size: 20px;
    }
    .gray-bg .mg-btm {
        margin-bottom: 20px;
    }
    .contact-address-detail {
        margin: 2px 0;
    }
    .testimonials .swiper-slide {
        padding: 0 10px;
    }
    .effect-zoom-fade figcaption::before {
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
    .effect-zoom-fade:hover p {
        font-size: 16px;
        line-height: 130%;
    }
    .effect-zoom-fade h4 {
        font-size: 22px;
    }
    .services-detail h2 {
        margin-bottom: 15px;
    }
    h3 {
        margin-top: 20px;
    }
    .blog-item .btn.btn-link {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .footer-bottom p,
    .footer-bottom ul {
        text-align: center;
    }
    .slider.tp-banner-container {
        text-align: center;
    }
    .header-bg p {
        text-align: center;
    }
   
    .what-we-do-item {
        margin-bottom: 20px;
    }
    .slider-positon-left {
        width: 100%;
        left: 0px !important;
    }
    .header-bg p br {
        display: none;
    }
  
    .how-works-item {
        margin-bottom: 40px;
    }
    .col-md-4:last-child .how-works-item {
        margin-bottom: 0;
    }
    .blog-page h5 {
        margin-bottom: 5px;
    }
    .categories-widget ul li a,
    .post-widget ul li a {
        font-size: 1.19em;
    }
    .blog-item .btn.btn-link {
        margin-top: 0px;
    }
    .blog-page {
        margin-bottom: 25px;
        padding-bottom: 35px;
    }
    .fixed {
        height: 160px;
    }
    .liner {
        width: 70%;
    }
    .resources .liner {
        width: 51%;
    }
    .nav-tabs > li {
        width: 30%;
    }
    .useful-resources .nav-tabs > li {
        width: 20%;
    }
    .useful-resources .board .nav-tabs {
        padding: 0;
    }
    .useful-resources .nav-tabs>li {
        float: none;
        display: inline-block;
        width: auto;
        padding: 0 4%;
    }
    .useful-resources .board-inner p {
        text-align: center;
    }
    .useful-resources .liner {
        display: none;
    }
    .nav-tabs li:after,
    .nav-tabs li.active:after {
        display: none;
    }
     .effect-zoom-fade p{
        min-height:100px;
    }
    .tp-bgimg.defaultimg:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,.3);
        left: 0;
        top: 0;
    }
    .tp-caption {
        top: 22% !important;
    }
    .form-inline .form-group {
        width: 100%;
    }
    .home-map iframe {
        height: 400px;
    }
}

@media (max-width: 695px) {
    #fix.affix {
        height: 84px;
    }
    .fixed p {
        font-size: 1.1em;
    }
    
    .btn-primary, .tp-caption a {
        font-size: 16px;
        padding: 8px 20px;
    }
    
    .effect-zoom-fade figcaption::before {
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
    }
    .effect-zoom-fade p{
        min-height: 85px;
    }
    .effect-zoom-fade figcaption::before{
        border:0 none;
    }
    .services-item figure:hover .btn-primary{
        opacity:0;
    }
}

@media (max-width: 595px) {
    .services-item figure figcaption {
        padding: 0 20px;
    }
    .effect-zoom-fade:hover p {
        font-size: 14px;
        line-height: 120%;
    }
    .effect-zoom-fade h4 {
        font-size: 18px;
        padding: 2% 0 0 0;
        margin-bottom: 5px;
    }
    .services-detail img {
        max-width: 200px;
    }
    .what-we-do {
        padding-bottom: 40px;
    }
    .board {
        width: 90%;
        height: auto !important;
    }
    .tab-content .head {
        font-size: 20px;
    }
    .nav-tabs>li {
        float: none;
        margin-bottom: 0;
        display: inline-block;
        width: 32%;
    }
    .nav-tabs li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
    .liner {
        right: 0;
        left: 0;
    }
    .nav-tabs > li:last-child {
        width: auto;
    }
    .board {
        width: 100%;
    }
    .nav-tabs > li:last-child p {
        text-align: center;
    }
    .resources .board .nav-tabs {
        text-align: center;
    }
    .tp-caption.decision-text{
        margin:-4% 0 !important;
    }
    .btn-primary,
    .tp-caption a {
        font-size: 18px;
    }
    
    .home-map iframe {
        height: 200px;
    }
    .footer-form {
        position: relative;
    }
    .width-full-595{
        width: 100%;
    }
}

@media (max-width: 480px) {
    .width-full {
        width: 100%;
    }
    h2 {
        font-size: 30px;
    }
    .navbar-header {
        padding: 0;
        margin: 10px 0 0;
    }
    .internal-page .navbar-header{
        padding:0 15px 0 0;
    }
    .header-bg .container{
        padding: 0;
    }
    .internal-page .header-bg .container{
        padding:0 15px;
    }
    #logo{
        max-width:180px;
    }
    .services-detail h2 {
        margin-bottom: 10px;
    }
    .title {
        margin-bottom: 20px;
    }
    .form-group .cnt-btn {
        text-align: center;
    }
    .ci-intro-top-mg h1 {
        font-size: 33px;
    }
    .compass-income-intro-item img {
        margin-bottom: 5px;
        width: 100%;
    }
    .compass-income-intro-top p {
        font-size: 14px;
        word-spacing: 0.07em;
    }
    .contact-right-item img,
    .services-item figure img,
    figure.effect-duke img {
        width: 100%;
    }
    .services-item figure figcaption {
        padding: 0 35px;
    }
    .effect-zoom-fade figcaption::before {
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
    }
    .effect-zoom-fade:hover p {
        line-height: 140%;
        text-align: center;
        font-size: 1.3em;
    }
    .effect-zoom-fade h4 {
        font-size: 28px;
        padding: 8% 0 0 0;
        margin-bottom: 10px;
    }
    .arrow_box {
        padding: 20px 0;
    }
    .arrow_box p {
        font-size: 18px;
    }
    .carousel ul li {
        margin-bottom: 20px;
    }
    .services-botttom-item .icon {
        margin: 0 auto 20px;
    }
    .life-insurance {
        margin: 0;
        margin-bottom: 40px;
    }
    .services-detail img {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    h3 {
        margin-top: 10px;
    }
   
    .btn-primary, .tp-caption a {
        font-size: 16px;
    }
    .internal-banner .title {
        padding: 60px 0;
        margin-bottom: 0;
    }
    .blog .container {
        width: 95%;
    }
    .blog-page {
        margin-bottom: 20px;
        padding-bottom: 30px;
    }
    .blog-post-img {
        float: none;
        margin-right: 0;
    }
    .blog-post-img img {
        width: 100%;
        margin-bottom: 5px;
    }
    .blog-post-text {
        display: block;
    }
    .post-widget ul li {
        display: block;
    }
    .categories-widget ul li a,
    .post-widget ul li a {
        font-size: 1.3em;
    }
    .blog-widget h5 {
        margin-bottom: 13px;
        font-size: 2em;
    }
    .internal-banner.blog-detail-banner .title h1 {
        font-size: 2em;
    }
    .internal-banner h1:after {
        bottom: 22%;
    }
    .internal-banner .title h1 {
        line-height: 120%;
        font-size: 2.7em;
    }
    .table-alphabet>table>tbody>tr>td>a {
        padding: 8px 5px;
        font-size: 15px;
    }
    .fixed {
        height: 200px;
    }
    .our-clients .swiper-slide {
        width: 50%;
    }
    .resources .liner {
        width: 70%;
        left: -5%;
    }
    .services-item figure:hover .btn-primary{
        opacity:1;
    }
    .effect-zoom-fade figcaption::before{
        border:1px solid #fff;
    }
    .services-item figure:hover .btn-primary{
        opacity:1;
    }
    .tp-caption {
        top: 22% !important;
    }
    .header-bg span {
        font-size:42px;
    }
    .header-bg p {
        font-size: 35px;
    }
    .form-part .form-control{
        margin-bottom:5px;
    }
}

@media (max-width: 395px) {
    .effect-zoom-fade figcaption::before {
        top: 12px;
        left: 12px;
        right: 12px;
        bottom: 12px;
    }
    .effect-zoom-fade:hover p {
        font-size: 17px;
        line-height: 130%;
    }
    .effect-zoom-fade h4 {
        font-size: 24px;
        padding: 6% 0 0 0;
        margin-bottom: 5px;
    }
    .nav-tabs>li {
        display: block;
        width: auto;
    }
    span.round-tabs {
        margin: 0 auto;
        right: 0;
    }
    .nav-tabs > li a {
        margin: 10px auto;
    }
    .board-inner p {
        text-align: center;
        margin-bottom: 0;
        background-color: #FFFFFF;
        padding: 5px 0;
    }
    .nav-tabs li.active:after {
        display: none;
    }
    .resources .liner {
        display: none;
    }
    .services-item figure figcaption {
        padding: 0 25px;
    }
    .effect-zoom-fade:hover p {
        font-size: 16px;
        line-height: 115%;
    }
}

@media (max-width: 320px) {}