@media (min-width: 1200px) {

    .container {

        max-width: 1170px;

    }

}





@media (min-width: 992px) {

    .img-hover-effect {

        position: relative;

        overflow: hidden;

    }



    .img-hover-effect::before {

        position: absolute;

        top: 0;

        left: -75%;

        z-index: 2;

        display: block;

        content: '';

        width: 50%;

        height: 100%;

        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

        -webkit-transform: skewX(-25deg);

        transform: skewX(-25deg);

    }

    .img-hover-effect:hover::before, .about-front-layer:hover .img-hover-effect::before, .single-blog:hover .img-hover-effect::before {

        -webkit-animation: shine 1.5s;

        animation: shine 1.5s;

    }

    @-webkit-keyframes shine {

        100% {

            left: 125%;

        }

    }

    @keyframes shine {

        100% {

            left: 125%;

        }

    }



    .img-hover-effect img {

        -webkit-transform: rotate(0deg) scale(1);

        transform: rotate(0deg) scale(1);

        -webkit-transition: 1s ease-in-out;

        transition: 1s ease-in-out;

        width: 100%;



    }

    .img-hover-effect:hover img, .single-prsnl-insurance:hover .img-hover-effect img, .single-news:hover .img-hover-effect img {

        -webkit-transform: rotate(0deg) scale(1.4);

        transform: rotate(0deg) scale(1.4);

    }



    .about-back-img .img-hover-effect:hover img {

        -webkit-transform: rotate(0deg) scale(1);

        transform: rotate(0deg) scale(1);

    }

    .img-hover-effect-2:before {

        content: none;

    }





}

@media (max-width: 1480px) {

    .banner-wrapper {

        height: 760px;

    }

    .purple-bg {

        height: 653px;

    }

    .single-proffesion {

        font-size: 14px;

        margin-bottom: 30px;

        height: calc(100% - 30px);

    }





}



@media (max-width: 1356px) {

    .jcarousel {

        margin: 0 !important;

    }

    .personal-insurance-wrapper .jcarousel {

        padding: 0;

    }

    .jcarousel-control-prev {

        left: -20px;

    }

    .jcarousel-control-next {

        right: -20px;

    }

    .personal-insurance-wrapper .jcarousel-control-prev {

        left: 0px;

    }

    .personal-insurance-wrapper .jcarousel-control-next {

        right: 0;

    }

    .single-proffesion {

        font-size: 13px;

        line-height: 17px;

    }

    .banner-left-content {

        margin-left: 50px;

    }

    .news-article-wrapper .section-title.text-center:after {

        top: -10px;

    }

    .single-insurance-thumb .insurance-txt h4 {
        font-size: 16px;
    }

}

@media (max-width: 1199px) {

    .small-title {

        font-size: 21px;

        margin-bottom: 30px;

    }

    .single-proffesion {

        margin-bottom: 20px;

    }

    .navbar-light .navbar-brand {
        max-width: 220px;

    }

    .navbar-light .navbar-nav .nav-link {

        font-size: 12px;

        margin-top: 9px;
        padding: 7px 10px;
    }

    header {

        height: 81px;

    }

    .login-btn {

        top: 7px;

    }

    .purple-bg {

        height: 683px;

        top: 38px;

    }

    .about-back-img {

        max-width: 334px;

        min-width: auto;

    }

    .about-img-small {

        bottom: 79px;

        max-width: 260px;

    }

    .about-big-text {

        display: none;

    }

    .about-wrapper .btn-default {



        bottom: 10px;

        left: auto;

        right: 10px;

    }

    .insurance-wrapper {

        margin-top: 0px;

    }

    .insurance-txt h4 {

        font-size: 20px;

    }

    .insurance-txt {

        transform: translate(0px, 125px);

    }

    .navbar-light .navbar-brand img {
        max-width: 100%;
    }
}

@media (max-width: 1199px) and (min-width:991px) {
    .navbar-light .navbar-nav .nav-item:nth-child(1) .nav-link, .navbar-light .navbar-nav .nav-item:nth-child(2) .nav-link, .navbar-light .navbar-nav .nav-item:nth-child(3) .nav-link {
        padding: 7px 15px 7px 5px;
    }

    .mobile-plus {
        padding: 0 !important;
        bottom: 0;
        margin: auto;
        display: inline-flex !important;
        align-items: center;
        color: #ffffff;
        right: -1px !important;
        top: 3px !important;
        width: 20px;
        justify-content: center;
    }
}

@media (max-width: 991px) {

    .banner-wrapper {

        height: auto;

        background: url(../images/banner-img.jpg) left/ cover;

    }

    .purple-bg {

        height: auto;

        top: 0;

        padding: 30px;

    }

    .banner-left-content {

        padding-top: 150px;

        padding-bottom: 30px;

    }

    .triangle-shape {

        display: none;

    }

    .about-img-small {

        bottom: 280px;

    }

    .section-title {

        font-size: 36px;

    }

    .about-icon {

        width: 65px;

        height: 65px;

    }

    .about-wrapper p {

        font-size: 14px;

    }

    .about-img-small {

        bottom: 80px;

    }

    .insurance-txt p {

        font-size: 14px;

    }

    .prsnl-ins-content p {

        font-size: 14px;

    }

    .prsnl-ins-content h3 {

        font-size: 15px;

        font-weight: 600;

    }

    .quote-box {

        left: 10%;

        width: 90%;

    }

    .btn-default {

        min-width: 194px;

    }

    .news-title {

        font-size: 15px;

        line-height: 20px;

    }

    .get-quote-wrapper h4 {

        font-size: 22px;

    }

    .login-btn {

        position: relative;

    }

    .navbar-collapse {

        background: #000;

        padding: 20px;

        border-radius: 10px;

    }

    .login-btn {

        top: 0;

    }

    .navbar-light .navbar-nav .nav-link {

        border-right: 0;

    }

    .navbar-light .navbar-nav .nav-link {

        padding: 7px 0px;

    }

    .navbar-light .navbar-toggler-icon {

        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

    }

    .navbar-light .navbar-toggler {

        border-color: transparent;

    }

    .col-md-5th {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }

    .single-insurance-thumb {
        margin-bottom: 30px;
    }

    .navbar-nav {
        width: 100%;
    }

    .navbar-light .navbar-brand {
        top: 0;
    }
}



@media (max-width: 767px) {

    .news-img {

        width: 100%;

    }

    .single-news {

        margin-bottom: 30px;

    }

    .about-wrapper .btn-default {

        bottom: auto;

        top: 15px;

    }

    .about-img-small {

        bottom: 0;

    }

    .about-wrapper .section-title {

        margin-top: 50px;

    }

    .get-quote-wrapper h4 {

        margin-bottom: 20px;

    }

    .banner-left-content {

        max-width: 480px;

    }

    .common-padding {

        padding: 70px 0;

    }

    .insurance-txt {

        transform: translate(0px, 0px);

    }



}



@media (max-width: 575px) {

    .about-wrapper:before {

        display: none;

    }

    .banner-wrapper h1:after {

        left: 0px;

    }

    .banner-left-content {

        padding-top: 130px;

    }

    .banner-wrapper h1 {

        font-size: 30px;

        margin-bottom: 30px;

    }

    .banner-left-content {

        margin-left: 0;

    }

    .single-proffesion {

        width: 95%;

    }

    .about-img-small {

        max-width: 200px;

        bottom: 70px;

    }

    .about-wrapper .btn-default {

        position: relative;

        margin-bottom: 60px;

        top: 60px;

    }

    .section-title:after {

        left: 0;

    }

    .about-wrapper .pl-5, .about-wrapper .px-5 {

        padding-left: 15px !important;

    }

    .prsnl-ins-icon {

        margin: auto;

    }

    .prsnl-ins-content {

        text-align: center;

    }

    .jcarousel-control-prev {

        left: -10px;

    }

    .jcarousel-control-next {

        right: -10px;

    }

    .quote-box {

        top: 130px;

    }

    .navbar-light .navbar-brand {

        max-width: 190px;

    }

    .header-info li {

        display: block;

        margin-right: 0;

        margin-bottom: 15px;

    }

    .footer-links {

        padding: 40px 0 40px;

    }

    .social-icons {

        padding-bottom: 40px;

    }

    .news-article-wrapper {

        padding-bottom: 30px;

    }

    .footer-links li a {

        padding: 0 8px;

    }



    .jcarousel-control-prev, .jcarousel-control-next {

        width: 34px;

        height: 34px;

        top: 48%;

    }

    .col-md-5th {
        max-width: 100%;
        flex: 0 0 100%;
    }



}