@media (min-width: 1200px) {

    .container {

        max-width: 1170px;

    }
	
	.header-info li {
       margin-right: 10px;
	}
	
	.header-info li a {
    font-size: 11px;
}
	
	.navbar-light .navbar-nav .nav-link
	{
		font-size: 14px;
	}
	.team-list .how-it-works-single h5
	{
		width: 80%;
	}

}

@media (min-width: 1500px) {

    .container {

        max-width: 1470px;

    }
	
	.team-list .how-it-works-single h5
	{
		width: 80%;
	}


}





@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%;
	
    }
	
		
	.news-img
	{
		height:250px;
	}

    .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;

    }

}

@media (max-width: 1199px) {

    .small-title {

        font-size: 21px;

        margin-bottom: 30px;

    }

    .single-proffesion {

        margin-bottom: 0px;

    }

    .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: auto;
        position: relative;
    }

    .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);

    }

    .banner-content {

        margin-top: -120px;

    }

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



@media screen and (min-device-width: 320px) and (max-device-width: 1199px) {

    .why-choose-wrapper.common-padding {

        padding: 50px 0 60px;

    }

}



@media screen and (min-device-width: 768px) and (max-device-width: 1199px) {

    /*.why-choose-wrapper.common-padding {

        padding: 50px 0 60px;

    }*/

}

@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 screen and (min-device-width: 768px) and (max-device-width: 991px) {

    .box-2 .btn-default {

        padding: 10px 15px;

        min-width: 150px;

        font-size: 13px;

    }

    .news-article-wrapper {

        margin-top: 80px;

    }

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

        display: none;

    }

    .why-choose-wrapper.common-padding {

        padding: 50px 0 60px !important;

    }

}



@media screen and (min-device-width: 575px) and (max-device-width: 767px) {
	
	 .news-article-wrapper.common-padding {

        margin-top: 170px;

    }

    footer.mt-140 {

        margin-top: 100px;

    }

}



@media screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .about-wrapper.common-padding.abt-spl {

        padding: 150px 0 0;

    }

}



@media screen and (min-device-width: 320px) and (max-device-width: 575px) {

    .news-article-wrapper.common-padding {

        margin-top: 0px;

    }

    footer.mt-140 {

        margin-top: 0px;

    }

}



@media (max-width: 991px) {

    .innerpage-wrapper {

        height: 300px;

    }

    .quote-cir {
        margin: 0 !important;
        text-align: center;
        padding: 10px !important;
        font-size: 14px !important;
        width: auto;
        height: auto;
        border-radius: 10px;
        margin-top: -80px !important;
    }
.truckquote-box {

    margin-top: -100px;

}

.board-detail {

    margin-bottom: 20px;

}

.board-box img {

    text-align: center;

    margin: 0 auto;

    display: block;

}



.banner-wrapper {

    height: 740px;

    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: 20px;

}

.navbar-light .navbar-brand {

    max-width: 190px;

}

/*     .login-btn {

        position: absolute;

        bottom: 0;

        top: auto !important;

        margin-bottom: 10px;

        margin-right: 10px;

        left: 10px;

        text-align: center;

    } */

.navbar-collapse {

    background: #000;

    padding: 0 20px;

    border-radius: 0px;

    margin-top: -15px;

    /*z-index: -1;*/

    /*padding-top: 15px;*/



}

.navbar-nav {

    padding-top: 15px;

}


.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;

    top: -7px;

    position: relative;

}

.proffesion-title {

    margin-top: -200px;

}

.single-proffesion h6 {

    font-size: 14px;

}

.proffesion-icon {
	background-size: 40px !important;
	margin-right: 20px;
	width: 40px;
	height: 40px;
	left: -23px;
	top: 0;

}

.single-proffesion {

    font-size: 13px;

    line-height: 17px;

}

.single-proffesion h6 {

    margin-left: 0;

}

.banner-wrapper h1 {

    font-size: 40px;

}

.proffesion-list {

    margin-top: 40px;

}

.why-choose-box h1 {

    font-size: 90px;

}

.year-txt {

    font-size: 26px;

    font-weight: 300;

    line-height: 30px;

}

.pl-5,
.px-5 {

    padding-left: 2rem !important;

}

.single-count p {

    font-size: 20px;

}

.single-count h3 {

    font-size: 40px;

}

.news-detail-title:after {

    left: -30px;

}

.news-img-big {

    max-width: 100%;

}

.section-title {

    font-size: 28px;

}

/*.about-wrapper:before{



    }*/

.common-padding {

    padding: 50px 0;

}

.news-sec-padding {

    padding-bottom: 30px;

}

/*     .header-info li{

        display: none !important;

    } */

.header-info li:last-child {

    display: block !important;

}

/*     .navbar-nav{

        border-top: 0;

        margin-bottom: 0;

        padding-bottom: 40px;
        display: block;
        width: 100%;
    } */

.navbar-collapse div {

    margin-bottom: 10px;

}

.get-quote-wrapper {

    height: 210px;

    position: relative;

    background-size: cover;

    background-attachment: inherit;

    background-position: top;

}

.quote-box {

    top: 140px;

}

header {

    height: 69px;

    background: #000 !important;

}
}



@media (max-width: 767px) {

    .board-box {

        margin-bottom: 30px !important;

    }

    .section-title.text-center:after {

        display: none;

    }

    footer.mt-140 {

        margin-top: 100px;

    }

    .common-padding.form-data.form-bg {

        padding: 50px 0px 50px;

    }

    .common-padding.pad-board {

        padding: 50px 0px 0;

    }

    .form-data:before {

        width: 100%;

        top: 57%;

    }

    .form-bg:before {

        top: 58%;

    }

    .spl-pad2 {

        margin-bottom: 100px;

    }

    .form-bg:before {

        width: 100%;

        height: 40%;

    }

    .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: 20px 0 30px; 

    }*/

    .insurance-txt {

        transform: translate(0px, 0px);

    }

    .proffesion-list {

        margin-top: 80px;

    }

    .why-choose-box {

        margin-top: 30px;

    }

    .pl-5,
    .px-5 {

        padding-left: 15px !important;

    }

    .year-txt {

        margin-bottom: 30px !important;

    }

    .page-title {

        font-size: 46px;

    }

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

        content: none;

    }

    .detail-news {

        margin-right: 0;

    }

    .about-wrapper {

        padding-top: 0;

    }

    .article-wrapper.common-padding {

        padding: 50px 0 30px !important;

    }

    .get-quote-wrapper {

        height: 280px;

    }

    .why-choose-wrapper.common-padding {

        padding: 50px 0 50px !important;

    }

    .page-title {

        font-size: 36px;

    }

    .spl-pad2 {

        margin-bottom: 0;

    }

    .contact-submit-btn {

        margin-bottom: 100px;

    }

    .article-wrapper .section-title {

        margin-top: 0;

    }

}



@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: 20px;

        margin-bottom: 150px;

    }

    .banner-left-content {

        margin-left: 0;

    }

    .single-proffesion {

        width: 100%;

    }
	
	.proffesion-title h3 {
    margin-left: 5px;
		font-size: 20px;
	}


    .proffesion-list {

        margin-top: 30px;

    }

    .abt-spl .about-img-small {



        max-width: 200px;

        bottom: -30px !important;

    }

    .about-wrapper .btn-default {

        position: relative;

        margin-bottom: 60px;

        top: 60px;

        margin-left: 10px;

    }

    .about-wrapper .about-img-small {

        bottom: 70px;

        max-width: 200px;

    }

    .section-title:after {

        left: 0;

    }

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

        padding-left: 15px !important;

    }

    .prsnl-ins-icon {

        margin: auto;

    }

    .contact-info li span {

        font-size: 13px;

    }

    .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: 0px;

    }

    .footer-links li a {

        padding: 0 8px;

    }



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

        width: 34px;

        height: 34px;

        top: 48%;

    }

    .banner-wrapper {

        height: 650px;

    }

    .proffesion-title {

        margin: 0 !important;

        text-align: center;

        padding: 10px !important;

        font-size: 14px !important;

        width: auto;

        height: auto;

        border-radius: 10px;

        margin-top: -80px !important;

    }

    .get-quote-wrapper {

        height: 350px;

    }

    header .container {

        padding: 0;

    }



}