@media(max-width:1400px){
    .login-wrapper .left{
        padding:160px 0px 0 6%;
    }
}
@media(max-width:1366px){
    section.giving .text {
        width: 32.5%;
    }
    .messaging .right .well{
        margin-bottom: 200px;
    }
    .messaging .right .well .chat-area{
        height:300px;
    }
    .login-wrapper .left{
        padding-left: 70px;
    }
}
@media(max-width:1300px){
    .wrapper .header-container {
        width: 100%;
    }
    .login-wrapper .left {
        padding: 160px 0px 0 20px;
    }
}
@media(max-width:1200px){
    section.giving .text ul li{
        width: 96px;
        height: 96px;
        line-height: 96px;
    }
    section.giving .left {
        margin-left: -100px;
    }
    .login-wrapper .right .myrow,
    .login-wrapper .right h2:not(.fc-toolbar-title) {
        /* margin-left: 40px;
        margin-right:40px; */
    }
    .login-wrapper .right .img-container {
        float: none;
        margin: 0 auto;
    }
    .login-wrapper .right .mycol{
        text-align: left;
    }
    .policy-addon .right .mycol{
        /*:not*/
    }

    .login-wrapper .right .myrow.events .mycol {
        text-align: left;
    }
    .login-wrapper .right .myrow.events .mycol .img-container {
        float:left;
    }
    .login-wrapper .right .myrow.events .mycol .text {
        margin-left: 15px;
        width: calc(100% - 130px);
    }
        .login-wrapper .right .myrow.events .mycol .text .flex-box {
            justify-content: flex-start;
        }
            .login-wrapper .right .myrow.events .mycol .text .flex-box .btn{
                margin-right: 20px;
            }
    .login-wrapper .right .text {
        float: left;
        width: 70%;
        margin-left: 15%;
    }
    .login-wrapper .right .share-invoice .text {
        margin-left: 0;
    }
    
    .referrals .icon-box .col {
        width: 100%;
    }
    .referrals .icon-box .col h3 {
        width: 100%;
    }
    .referrals .ref-col {
        width: 40%;
    }
    .referrals .ref-col.left-col {
        width: 100%;
        padding-right: 0px;
    }
    .referrals .ref-col.right-col {
        padding-left: 25px;
    }
    .referrals .ref-col {
        width: 100%;
    }
    .login-wrapper .flex-box.sales-flex-box{
        margin: 110px 0 110px 0px;
    }
    .login-wrapper .right.requote .mycol{
        text-align:left;
    }
}
@media(max-width:1100px){
    .login-wrapper .right .content{
        width: 90%;
    }
    .change-password .right .content{
        width:400px;
    }
    .login-wrapper .right .myrow.events .mycol .text {
        /* margin-left: 15px; */
    }
    .login-wrapper .bottom-icons .col{
        width:30%;
    }
    .requote .form-group.two-btn .btn {
        width: 138px;
    }
}
@media(max-width:1050px){
    .hero .hero-bottom {
        height: 600px;
        margin-top: -80px;
    }
    section.review .flex-row .col,
    section.blog .flex-row .col {
        width: 32%;
    }
    section.blog .btn-brand {
        right: 20px;
    }
    section.giving .left {
        margin-left: -150px;
    }
    section.portal{
        width:calc(100% - 80px);
        margin-left:auto;
        margin-right:auto;
    }
    section.portal img {
        float: right;
        width: 250px;
    }
    section.portal .text {
        margin-top: 25px;
    }
    section.review .flex-row.center .slick-track .col, .review-overlay .col{
        margin:0 20px;
    }
    .w-1030{
        width:100%;
        padding:0 20px;
    }
    .quote-pg header .container,
    .quote-pg .quote{
        width:calc(100% - 40px);
    }
    
    .quote-main .container{
        width:calc(100% - 40px);
    }
    .quote-main .container .right {
        width: 450px;
    }
    .select-additional .btn-group{
        width:100%;
    }
    .landing .hero .container {
        width: 100%;
    }
    .landing .hero img {
        float: right;
        max-width: 460px;
    }
    .partner.landing .hero img{
        float:none;
    }
    .partner.landing .hero .hero-bottom {
        height: 580px;
        margin-top: -290px;
    }    
    .partner .landing-section {
        width: 880px;
    }
    .partner.landing .hero .text {
        width: 100%;
    }
    .landing-section .left {
        width: 500px;
    }
    .login-wrapper.login .left{
        padding-left:0px;
    }
    .login-wrapper.login .left .inner {
        margin-left: 5%;
        max-width: initial;
        width: 90%;
        margin-right: 0px;
        float: none;
    }
    .login-wrapper .quote-main .container {
        width:100%;
    }
    
    .login-wrapper .right .quote-main h2{
        margin-left: 0px;
    }
    #calendar {
        padding:0px;
        box-shadow: none;
    }
    .blog .left .card .text {
        width: 60%;
    }
    .sales-table .col:nth-child(2) {
        width: 19%;
    }
    .sales-table .col:nth-child(4){
        width:15%;
    }
    .donate-flex .block .text {
        width: 64%;
    }
    .quote.donate .content .inner .block p {
        min-height: 140px;
    }
    .login-wrapper .right .share-invoice .text h2 {
        width: 100%;
    }
}/*_______________________ 1050 end________________________*/
@media(max-width:991px){
    section.review .flex-row.center .slick-track .col .stars, .review-overlay .col .stars {
        float: none;
        text-align: center;
        margin: 0 auto;
    }
    section.review .flex-row.center .slick-track .col h3, .review-overlay .col h3{
        width:100%;
        text-align: center;
        margin: 10px 0 10px 0;
    }
    .goto-top {
        right: 20px;
        bottom: 20px;
        width: 40px;
        height: 40px;
    }
    .message-overlay .inner{
		position: absolute;
		width:80%;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		background-color:#fff;
		border-radius: 10px;
		padding:40px 20px;
	}
    footer .left ul li {
        float: left;
        margin-right: 26px;
    }
    .events-dropdown{
        left:-230px;
    }
    .dropdown-menu{
        top:50px;
    }
    .quote-main .container .right .price-well {
        margin-bottom: 60px;
    }
    .quote-main .container .left{
        width: 100%;
    }
    .quote-main .container .right {
        margin-top: 60px;
        width: 100%;
    }
    .quote-main .container .right .bottom {
        height:auto;
    }
    .payment-info.quote-main .btn-maroon {
        margin-top: 40px;
    }
    .quote-main .container .right .bottom.terms-bottom {
        height:auto;
        border:none;
        padding:0px;
        border-radius: none;
        margin-bottom: 30px;
        margin-top:30px;
    }
    .quote-main .container .right .bottom.terms-bottom ol,
    .quote-main .container .right .bottom.terms-bottom ul{
        padding: 25px 35px;
        border-radius: 10px;
        border: 1px solid #e3e3e3;
        width: 100%;
    }   

    .quote-main .container .right .bottom ol,
    .quote-main .container .right .bottom ul {
        width: 100%;
    }
    .quote.limit .pricing .section{
        padding:30px 15px 0 15px
    }
    .quote.limit .pricing .section a {
        width: 100%;
        bottom:-30px;
    }
    
    .quote.limit .pricing .section .price {
        font-size: 16px;
    }
    .quote.limit .pricing .section.no-best-text .price {
        /* margin-top: 40px; */
    }
    
    .quote.limit .pricing .section ul li .left,
    .quote.limit .pricing .section ul li .right{
        width:100%;
        text-align: center;
    }
    .quote .donate-flex .block {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .quote.donate .content .inner img{
        margin-bottom: 0;
    }
    .quote.donate .content .inner .block p {
        min-height: initial;
    }
    .quote .donate-flex .myprice .inner {
        max-width: initial;
    }
    .quote .donate-flex .v-buttons{
        max-width:335px;
        margin: 40px auto !important;
        float: none;
        clear: both;
    }
    .quote.donate .content .inner .v-buttons .btn {
        width: 160px;
        float: left;
        margin-top: 0;
    }
        .quote.donate .content .inner .v-buttons .btn:first-child{
            margin-right: 15px;
        }
    .navbar-brand .logo-text {
        height: 30px;
        margin-top: 10px;
    }
    .menu-links ul li {
        margin-left: 10px;
    }
    .navbar-nav {
        left: 34%;
        transform: none;
    }
    section.why {
        margin-top: 0px;
        margin-bottom: 100px;
    }
    section.why h2 {
        margin-bottom: 60px;
    }
    section.why .col img {
        margin-bottom: 40px;
    }
    section.portal {
        padding: 40px;
        margin-bottom: 100px;
    }
    section.portal .text {
        width: 58%;
        margin-top: 20px;
    }
    section.faq{
        margin-bottom: 100px;
    }
    section.faq h2 {
        margin-bottom: 60px;
    }
    .accordion .panel-body .text {
        width: 55%;
    }
    section.partner h2 {
        margin: 0 auto 60px auto;
    }
    section.partner .flex-box .col {
        width: 23%;
    }
    section.partner .flex-box h3 {
        font-size: 20px;
        line-height: 27px;
    }
    .partner-signup-center{
        margin: 0px auto 100px auto;
        text-align: center;
    }
    section.giving {
        height: 1060px;
        margin-bottom: 100px;
    }
        section.giving .text {
            width: 50%;
            float: left;
            margin: 100px 0 0 25%;
        }
        section.giving .left {
            height: 1120px;
        }     
    section.blog {
        margin-bottom: 100px;
    }
    section.questions {
        margin: 0 auto 100px auto;
    }
    .landing .hero .text h1 {
        font-weight: 900;
        font-size: 45px;
        line-height:51px;
    }
    .landing .hero .text {
        width: 385px;
    }
    .landing .hero img {
        max-width: 350px;
    }
    .landing-section .left {
        width: 400px;
    }
    .landing-section img {
        max-width: 320px;
    }
    .partner .landing-section {
        width: 100%;
    }
    .partner .landing-section .video{
        margin-right: 40px;
    }
    .partner .landing-section .video img {
        max-width: initial;
    }
    .partner .landing-section .left {
        width: 50%;
    }
    .partner .landing-section .left h2{
        width: 100%;
    }
    /*__________________________________ landing end _______________________*/
    /*________________________ customer login and affiliates 991 end _______________________*/
    .wrapper .header-container {
        padding:0 25px;
    }
    .login-wrapper .left {
        width: 380px;
        padding: 160px 25px 0 25px;
        max-width:314px;
    }
    .login-wrapper.login .left{
        padding-right: 0;
    }
    .login-wrapper .left aside .menu {
        min-height: 500px;
    }
    aside .ref-link {
        width: 100%;
        position: relative;
        bottom: 0px;
    }
    .login-wrapper .right{
        width:calc(100% - 314px);
    }
    .change-password .right{
        width:100% !important;
    }
    .login-wrapper .right .mycol {
        float: left;
        width: 100%;
        text-align: left;
    }
    .profile.policy-addon .left-col{
		width:100% !important;
	}
    .login-wrapper .right .left-col{
        margin-bottom:40px;
    }
    .login-wrapper .right .img-container {
        float: left;
    }
    .login-wrapper .right .text {
        float: left;
        width: 60%;
        margin-left: 0%;
    }
    .login-wrapper .right .text .flex-box{
        width:220px;
        flex-flow: row !important;
        margin:15px 0 0 0 !important;
    }
    .login-wrapper .right .myrow .flex-box {
        margin: 40px 0;
        flex-flow: column;
    }
    .login-wrapper .flex-box .col {
        width: 100%;
        height: auto;
        padding:20px;
        margin-bottom: 20px;
    }
    .login-wrapper .flex-box .col a img{
        float:left;
        margin-right: 20px;
    }
    .login-wrapper .flex-box .col a h3 {
        float: left;
        line-height: 87px;
        margin:0px;
    }
    .profile .report{
        width:100%;
    }
        .profile .report .report-block {
            width: 30%;
        }
        .invoice-block{
            width:100%;
        }
        .invoices-left{
            width:100%;
            height:auto;
            float: left;
            margin-right: 0px;
            margin-bottom: 20px;
        }
        .invoices-left img{
            max-width:50%;
            position: static;
            transform:none;
        }
        .invoices-right{
            width:100%;
        }
        .invoices-right .dl-horizontal dt{
            width:42%;
        }
        .invoices-right .dl-horizontal dd{
            margin-left: 42%;
        }



    /*______________ affiliates start 991 ____________*/
    .login-wrapper .right .myrow .chart {
        width: 100%;
        height: 265px;
        margin-bottom: 30px;
    }
    .login-wrapper .right .myrow .commission {
        width:100%;
    }
    .referrals .right .flex-box{
        flex-flow: column;
    }
    .referrals .ref-col.right-col {
        padding-left: 0px;
    }
    .referrals .total-block{
        width:100%;
    }
    .referrals .total .total-col {
        width: 120px;
        height: 120px;
        padding-top: 16px;
    }
    .sales-details .right .well {
        width: 100%;
    }
    .referrals .icon-box {
        
    }
    .referrals .icon-box .col img {
        float: left;
        margin-bottom: 0;
    }
    .referrals .icon-box .col h3 {
        text-align:left;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        width: 70%;
        left: 30%;
        padding-right:25px;
    }
    .login-wrapper .flex-box.sales-flex-box{
        flex-flow:column;
    }
    .quote-main .container h2 .show_hide{
        float: right;
        color:#262D45;
    }
    .requote .left-col{
        width:100% !important;
        padding-right:0px;
        margin-bottom: 0 !important;
    }
    .requote .right-col{
        width:100% !important;
        padding-left:0px;
    }
    .requote-block-left{
        width:100%;
        padding-left: 0;
    }
    .requote-block-right{
        width:100%;
        padding-right: 0;
    }
    .requote-block-right .well{
        padding:20px;
    }
    .policy-terms{
        margin-bottom: 30px;
    }
    .requote .btn-block {
        width: 100% !important;
    }
    #plans .modal-lg{
        width:95% !important;
    }
    #plans .modal-body{
        padding-left:0px;
        padding-right:0px;
    }
    .login-wrapper .access-certificate .right .text {
        float: none;
        width: 100%;
        margin:40px auto;
    }
    .quote.thanks .content .inner p{
        width: 100%;
        margin:0 auto 50px auto;
        font-size:20px;
        line-height:27px;
    }
    .referrals .copy-link .btn{
        width:110px;
    }
    .login-wrapper .right .additional-well-container .well{
        width:96%;
    }
    .login-wrapper .quote-main.payment-info {
        margin-top: 0;
    }
    .login-wrapper .quote-main.payment-info .small-width-container.three{
        flex-wrap: nowrap;
    }
    .login-wrapper .quote-main.payment-info .small-width-container.three .form-group{
        width:calc(33.333% - 10px) !important;
    }
    .login-wrapper .quote-main.payment-info .container .left,
    .login-wrapper .quote-main.payment-info .container .right{
        width:100%;
        margin-right:0px;
        max-width: initial;
    }

    
    .quote.signup .content .inner .well::-webkit-scrollbar {
        -webkit-appearance: none;        
    }
    
    .quote.signup .content .inner .well::-webkit-scrollbar:vertical {
        width: 8px;
        box-shadow: none;
    }
    
    .quote.signup .content .inner .well::-webkit-scrollbar:horizontal {
        height: 11px;
    }
    
    .quote.signup .content .inner .well::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 1px solid white; /* should match background, can't be transparent */
        background-color: #2196F3;
    }
    /*________________________ customer login and affiliates 991 end_______________________*/

    /*______________________ faq and contact start ________________________*/
    .faq-search{
        width:calc(100% - 50px);
        margin:0 25px 90px 25px;
    }
    .faq-search h1,
    .privacy h1 {
        font-size: 32px;
        line-height: 39px;
    }
    .tabbable-line > .nav-tabs > li{
        width:160px;
    }
    .contact {
        padding: 0px 25px;
        box-shadow: none;
        border-radius: 0px;
        margin-bottom: 130px;
    }
    .contact .flex-box .col {
        width: 48%;
    }
    .blog .left{
        width:65%;
    }
    .article .left .wedding .main-block{
        padding:20px;
    }
    .flex-icons {
        flex-wrap: wrap;
        justify-content:space-around;
    }
    .flex-icons .col {
        width: 50%;
        margin:0px 0px 30px 0px;
        max-width:initial;
    }
        .flex-icons .col .img-container{
            height:100px;
            margin-bottom: 20px;
        }
    .blog .right{
        width:30%;
    }
    .blog .left .card .text {
        width: 49%;
    }
    .article h1 {
        font-weight: 900;
        font-size: 32px;
        line-height: 39px;
    }
    .login-wrapper .additional .right .left-col{
        width:100%;
        padding-right:0px;
    }
    .login-wrapper .additional .right .right-col{
        width:100%;
        padding-left:0px;
    }
    .login-wrapper .right .myrow .sales-amount{
        margin-bottom: 30px;
    }
    .quote.certificate .content .inner{
        width:100%;
    }
    .article .tips-10 .content h3 img {
        margin-left: 0px;
        height: 37px;
        position: relative;
        left: 10px;
    }
    .article .tips-10 .content h3.img-right span {
        width: 90%;
    }
    .article .tips-10 .content h3.img-right img {
        margin-top: -10px;
    }
    /*______________________ faq and contact end ________________________*/
    /*_______________________ 991 end ________________________*/
}
@media(max-width:830px){
    .hero .hero-bottom {
        height: 500px;
        margin-top: -80px;
    }
    .access-certificate .right .form-group{
        width:100%;
        margin-right:0%;
    }
    .access-certificate .right .btn-brand{
        width:calc(50% - 12px);
        margin-right:12px;
    }
    .access-certificate .right .btn-maroon{
        width:calc(50% - 12px);
        margin-left:12px;
    }
    .sales-sort .form-group{
        width:100%;
    }
    .sales-sort .btn-group {
        width: 100%;
        margin-bottom: 30px;
    }
    .sales-table .myrow .col {
        font-size: 12px;
    }
    .sales-table .col:nth-child(2) {
        width: 20%;
    }
}
@media(min-width:768px){
    .login-wrapper .navbar-default .navbar-collapse{
        display: none !important;
    }
}
@media(max-width:767px){
    a:hover, a:focus{
        color:#000 !important;
    }
    .btn-brand.active, .btn-brand.focus, .btn-brand:active, .btn-brand:focus, .btn-brand:hover{
        background: #1CA0DF;
    }
    .btn-primary:hover,.btn-primary:focus,.btn-primary:active{
        background: #fff !important;
        color: #105778 !important;
        border-color: #105778 !important;
    }
    .btn-maroon.active, .btn-maroon.focus, .btn-maroon:active, .btn-maroon:focus, .btn-maroon:hover, .open>.dropdown-toggle.btn-maroon,
    .btn-maroon2.active, .btn-maroon2.focus, .btn-maroon2:active, .btn-maroon2:focus, .btn-maroon2:hover, .open>.dropdown-toggle.btn-maroon2{
        background: #E0232C;
    }
    .quote.limit .pricing .section.maroon.select a:hover,
    .quote.limit .pricing .section.maroon.select a:focus,
    .quote.limit .pricing .section.maroon.select a:active{
        background-color:#E0232C;
        border-color:#E0232C;
        color:#fff !important;
    }
    .quote.limit .pricing .section.blue a:hover,
    .quote.limit .pricing .section.navy a:hover,
    .quote.limit .pricing .section.orange a:hover,
    .quote.limit .pricing .section.green a:hover
    {
        background-color:#fff !important;
    }
    /*_______________________ index ________________________*/
    header {
        height: 42px;
        margin: 20px 0 60px 0;
        position: relative;
        /* z-index: 3; */
        z-index: 100;
    }
    .navbar-default .navbar-toggle,.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
        border: none;
        padding: 0px;
        margin-top: 12px;
        margin-right: 0;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }
    .navbar-toggle.collapsed .icon-bar:nth-child(3){
        width:12px;
    }
    .navbar-brand .logo-img {
        height: 41px;
    }
    .navbar-brand .logo-text {
        height: 30px;
        margin-top: 5px;
    }
    .navbar-nav,
    .login-wrapper .navbar-nav {
        left:0px;
        top: 0px;
        transform: none;
        position: relative;
        z-index: 5;
        height:100vh;
        min-height:110vh;
        background-color: #fff;
        padding-top:20px;
    }
    .login-wrapper .name{
        margin-left: 15px;
        margin-bottom: 20px;
    }
    .main .visible-xs .navbar-collapse {
        position: absolute;
        top: 80px;
        border-top: 1px solid #ccc;
        margin:0 10px;
    }
    .events-dropdown li{
        width:50%;
    }
    .navbar-nav>li,
    .main .visible-xs .navbar-collapse li{
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }
    .navbar-nav>li>a,
    .main .visible-xs .navbar-collapse li a {
        font-weight: 600;
        font-size: 16px;
        line-height: 23px;
    }
    .main .visible-xs .navbar-collapse li a:hover{
        color:#4EA5D9;
        background-color: transparent;
    }
    .navbar-default .navbar-nav>li>a,
    .main .visible-xs .navbar-collapse li a{
        color:#000;
        width:100%;
    }
    .navbar-default .navbar-nav>li>a.active,
    .main .visible-xs .navbar-collapse li a.active{
        background: rgba(0,0,0,0.1);
        border-radius: 10px;
        height:55px;
        line-height:55px;
        display: inline-block;
    }
    .navbar-nav .open .dropdown-menu{
        margin-top: 0px;
    }
    .navbar-nav .open .dropdown-menu li{
        margin-bottom: 5px;
    }
    .navbar-nav .open .dropdown-menu li a{
        padding:5px 15px 5px 15px;
    }
    .navbar-nav .open .dropdown-menu li:last-child{
        margin-bottom: 0;
    }
    .hero{
        margin-bottom: 50px;
    }
    .hero .container{
        width:235px;
        margin:0 auto;
    }
    .hero h1 {
        font-weight: 900;
        font-size: 28px;
        line-height: 33px;
    }
    .hero p {
        font-weight: 600;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 25px;
    }
    .hero a {
        width:200px;
    }
    .hero .hero-bottom {
        width: 100%;
        background: url(../images/hero-bg2-xs.png) no-repeat center bottom;
        background-size: 110%;
        margin-top: 0px;
        height: 300px;
    }
    .btn-maroon,
    .profile .btn-primary {
        line-height: 50px;
        min-width: 139px;
    }
    section.why {
        margin-bottom: 70px;
    }
    section.why h2{
        font-weight: 900;
        font-size: 24px;
        line-height: 31px;
        width:200px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom: 40px;
    }
    section.why .col {
        width:100% !important;
        margin-bottom: 30px;
    }
        section.why .col:last-child{
            margin-bottom: 0;
        } 
        section.why .col .img-container{
            position: relative;
            float: left;
            width:120px;
            height:120px;
            line-height: 120px;
            margin-right: 25px;
            text-align: center;
        }
        section.why .col img{
            width:70px;
            height:70px;
            margin:0 auto;
            line-height: 120px;
        }
        section.why .col .img-container:before{
            content:"";
            position: absolute;
            left: 0px;
            width:120px;
            height:120px;
            background: #F8F8F8;
            box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
            border-radius: 10px;
            z-index: -1;
        }
        section.why .col .text {
            float: left;
            text-align: left;
            width: 55%;
        }
        .home section.why .col h3{
            margin:0px 0 10px 0;
            font-weight: 900;
            font-size: 15px;
            line-height: 20px;
        }
        section.why .flex-box {
            flex-flow: column;
        }
        section.portal {
            width: calc(100% - 50px);
            padding:30px;
            background: #fff;
            margin-bottom: 70px;
        }
        section.portal img{
            width:200px;
            margin: 0 auto;
            float: none;
            display: block;
        }
        section.portal .text {
            width: 100%;
            margin-top: 30px;
        }
        section.portal .text h2{
            font-weight: 900;
            font-size: 24px;
            line-height: 31px;
            width:100%;
            text-align: center;
            margin-bottom: 10px;
        }
        section.portal .text p{
            font-weight: 600;
            font-size: 14px;
            line-height: 22px;
            text-align: center;
            opacity: 0.5;
        }
        section.faq {
            margin-bottom: 70px;
        }
        section.faq h2{
            font-weight: 900;
            font-size: 24px;
            line-height: 31px;
            margin-bottom: 50px;
        }
        .accordion .panel-default>.panel-heading{
            background: none;
            padding-left:0px;
        }
        .accordion .panel-title .icon:not(.privacy .panel-title .icon){
            display: none;
        }
        .w-1030{
            padding:0 25px;
        }
        .accordion .panel-body .text {
            width: 100%;
        }
        .accordion .panel-body {
            text-align: left;
            padding: 0px 0px 35px 0px;
        }
        .accordion .accordion-toggle{
            font-size: 15px;
            line-height: 20px;
            padding-left: 20px;
        }
        .accordion .panel-body .text{
            font-weight: 600;
            font-size: 12px;
            line-height: 20px;
            margin-bottom: 30px;
        }
        .accordion .panel-body .video {
            float: none;
            width: 50%;
            margin: 0 auto;
        }
        .accordion .panel-body .video iframe{
            height:184px;
        }
        section.partner h2{
            font-weight: 900;
            font-size: 24px;
            line-height: 31px;
            width:100%;
            margin-bottom: 40px;
        }
        section.partner .flex-box {
            flex-wrap: wrap;
        }
        section.partner .flex-box .col {
            width: 47%;
            margin-bottom: 24px;
        }
        section.partner .flex-box .col a{
            padding:31px 0;
        }
        section.partner .flex-box .col:nth-child(3),
        section.partner .flex-box .col:nth-child(4){
            margin-bottom: 0;
        }
        section.partner .flex-box h3 {
            font-size: 16px;
            line-height: 23px;
        }
        section.giving {
            width: calc(100% - 50px);
            margin: 0 25px;
            height: auto;
            background: none;
        }
        section.giving .text {
            width: 100%;
            margin: 70px 0 0 0%;
        }
        section.giving .text h2{
            font-weight: 900;
            font-size: 24px;
            text-align: center;
        }
        section.giving .text ul {
            margin-top: 30px;
        }
        section.giving .text ul li {
            /* box-shadow: 0px 4px 19px rgba(0, 0, 0, 0.06); */
        }
        section.giving .left {
            height: 730px;
            width: calc(100% + 50px);
            margin-left: -25px;
            background-size: 100%;
            float: left;
        }
        section.review {
            float: left;
            margin: 70px 0;
            width:100%;
        }
        section.review h2 {
            font-weight: 900;
            font-size: 24px;
            line-height: 31px;
            margin-bottom: 5px;
        }
        section.review h3 {
            margin-bottom: 15px;
            font-size:15px;
            line-height: 20px;
        }
        section.review .text {
            margin: 0 auto 0px auto;
            display: inline-block;
        }
        section.review .slick-dots{
            bottom:25px;
        }
        section.review .flex-row,
        section.blog .flex-row {
            flex-flow: column;
            width:100%;
        }
        section.review .flex-row{
            display: block;
            justify-content: space-between;
        }
        section.review .flex-row .slick-track .col{
            height:auto;
            margin:0 40px;
        }
        section.review .flex-row .col{
            width:100%;
            height:auto;
        }
            .flex-row.center.slick-slider .slick-slide.slick-current, .flex-row.center.slick-slider .slick-slide.slick-center {
                transform: scale(1.0);
            }
            section.review .flex-row .col h4{
                margin-bottom: 15px;
            }
            section.review .flex-row .col{
                width:100%;
                height:auto;
            }
        section.review .flex-row .col p{
            margin-bottom: 20px;
        }
        section.blog .flex-row .col {
            width: 100%;
            /* margin-bottom: 30px; */
        }
            section.blog .flex-row .col:last-child{
                margin-bottom: 0;
            }
        section.blog {
            float: left;
            width: 100%;
            margin-bottom: 70px;
        }
        section.blog h2{
            font-weight: 900;
            font-size: 24px;
            line-height: 31px;
            text-align: center;
            margin-bottom: 30px;
        }
        section.blog .flex-row .col .img-container{
            float: left;
            width:110px;
            height:110px;
            margin-right: 20px;
        }
        section.blog .flex-row .col img {
            width: 110px;
            height: 110px;
            object-fit: cover;
            float:left;
            margin-right: 20px;
        }
        section.blog .flex-row .col .text {
            float: left;
            width: calc(100% - 130px);
        }
        section.blog .flex-row .col .text h3 a{
            font-weight: 900;
            font-size: 15px;
            line-height:23px;
            margin-bottom: 10px;
            height: auto;
        }
        section.blog .flex-row .col .text p{
            display: none;
        }
        section.blog .flex-row .col .text .bottom strong,
        section.blog .flex-row .col .text .bottom small{
            font-weight: 600;
            font-size: 12px;
            line-height: 17px;
        }
        section.blog .btn-brand {
            position: static;
            top: 0;
            right: 0px;
            margin: 7px auto 0 auto;
        }
        section.questions {
            margin: 0 25px 50px 25px;
            float: left;
            width: calc(100% - 50px);
        }
            
        section.questions h2{
            font-weight: 900;
            font-size: 24px;
        }
        section.questions p{
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            text-align: center;
            opacity: 0.7;
            margin-bottom: 40px;
        }
        section.questions .h-button {
            width: 100%;
            flex-flow: column;
        }
            section.questions .h-button .btn{
                width: 207px;
                margin: 0 auto 25px auto;
            }
        footer {
            padding: 30px 0;
        }
        footer .left {
            float: none;
            margin-left:auto;
            margin-right:auto;
            max-width: 325px;
            margin-bottom: 30px;
        }
        footer .left>ul {
            text-align: center;
        }
        footer .left ul li {
            margin-right: 20px;
            float: none;
            display: inline-block;
        }
        footer .left>ul li {

        }
        footer .right {
            clear: both;
            float: none;
            margin-left:auto;
            margin-right:auto;
            /* max-width: 265px; */
        }
            footer .right ul{
                width:100%;
                text-align: center;
            }
                footer .right ul li{
                    float:none;
                    display: inline-block;
                }
        footer strong{
            text-align: center;
        }
        footer .events-dropdown{
            width:325px;
        }
        footer .events-dropdown li{
            /* width:100%; */
            text-align: left;
            margin-right: 0 !important;
		}
    
    /*_______________________ index end 767 ________________________*/

    /*_______________________ quote-pg 767 start _________________*/
    .quote-pg header {
        margin: 30px 0 0px 0;
    }
    .quote-pg header .container,
    .quote-pg .quote{
        width:calc(100% - 50px);
    }
    .quote-pg header .back-icon {
        height: 32px;
        width: 32px;
        line-height: 30px;
        margin: 7px 20px 0 0;
    }
    .quote-pg header .back-icon img{
        width:7px;
    }
    .quote-pg header .logo{
        margin-top: 0;
    }
        .quote-pg header .logo img{
            width:40px;
            height:auto;
        }
    .quote-pg header .menu-right {
        margin-top: 0px;
    }
    .quote-pg header .menu-right .popover {
        left: -220px;
    }
    .popover .top-arrow{
        left:90%;
    }
    .quote-pg header .menu-right ul li {
        margin-left: 10px;
    }
        .quote-pg header .menu-right ul li a {
            width: 54px;
            line-height: 30px;
        }
        .quote-pg header .menu-right ul li:nth-child(1){
            margin-left: 0;
        }
        .quote-pg header .menu-right ul li:nth-child(2) a{
            width:40px;
        }
            .quote-pg header .menu-right ul li a img {
                margin-right: 0px;
            }
            .popover .phone a img{
                margin: 8px 10px 0 0 !important;
            }
    .quote .progress {
        /* padding: 7px 0px 0 12px; */
        margin-bottom: 30px;
    }
    .quote .progress ul{
        padding:7px 2px 0 2px;
    }
    .quote .progress ul li {
        /* width: calc((100%/10) - 3px);
        margin-right: 2px; */
        margin:0 2px;
    }
    .quote .progress.progress-8{
        padding:7px 5px 0 10px;
    }
    .quote .progress.progress-8 ul li{
        width:calc((100%/8) - 5px);
        margin-right:5px;
    }
    .quote .progress.progress-13{
        padding:7px 5px 0 10px;
    }
    .quote .progress.progress-13 ul li{
        width:calc((100%/13) - 5px);
        margin-right:5px;
    }
        .quote .progress ul li:last-child{
            margin-right:0px;
        }
    .quote .progress.progress-14{
        padding:7px 5px 0 10px;
    }
    .quote .progress.progress-14 ul li{
        width:calc((100%/14) - 5px);
        margin-right:5px;
    }
    .quote .progress.progress-3 ul li {
        width:calc((100%/3) - 10px);
        margin-right: 10px;
    }
    .quote .progress.progress-4 ul li {
        width:calc((100%/4) - 10px);
        margin-right: 10px;
    }
    .quote .progress.progress-9{
        padding:7px 3px 0 7px;
    }
    .quote .progress.progress-9 ul li {
        width:calc((100%/9) - 5px);
        margin-right: 5px;
    }
    .quote .content h2 {
        font-size: 24px;
        line-height: 31px;
    }
    .quote .content .inner,
    .quote.event .content .inner,
    .quote.include .content .inner,
    .donation-yes-no {
        width: 100%;
    }
    .quote .content .inner img{
        max-width:100%;
    }
    .quote .content .inner .main-img-container{
        max-width:320px;
    }
    .quote .content .inner ul.type{
        width:100%;
        flex-direction: column;
        margin-bottom: 0;
    }
        .quote .content .inner ul.type li{
            margin-bottom: 25px;
            width:100%;
        }
        .quote .content .inner  ul.type.buttons-four li,
        .quote .content .inner  ul.type.buttons-four li.vendor{
            width: 100%;
        }
        .quote .content.quote-date ul.type li{
            width:30%;
        }
        .quote .content.quote-date ul.type li a{
            padding-left:0px !important;
            padding-right:0px !important;
        }
        .quote .content .inner ul.type li:last-child{
            /* margin-bottom: 0px; */
        }
        .quote .content .inner ul.type li a{
            width:100%;
        }
        .quote .content .inner .btn-maroon {
            margin: 25px auto 0 auto;
            width: 100%;
            height: 50px;
            line-height: 50px;
        }
        .quote-footer {
            margin-top: 50px;
            background: url(../images/quote-footer-bg-xs.png) no-repeat bottom center;
            background-size: 100%;
            height:200px;
        }
        .popover.bottom {
            min-width: 140px;
        }
        .popover-content .form-group{
            margin-bottom: 0;
        }
        .popover-content .form-group input{
            padding-right:40px;
        }
        .quote.event .content .inner ul.type{
            flex-direction: row;
        }
            .quote.event .content .inner ul.type li a{
                min-width: initial;
                padding: 0 13px;
            }
        .quote.alcohol .content .inner ul.type{
            flex-direction:row;
            flex-wrap: wrap;
        }
        .quote.alcohol .content .inner ul.type li{
            width:46%;
        }
        .quote.alcohol .content .inner ul.type li a{
            text-align: left;
        }
        .hidden-qa h4 {
            width: calc(100% + 0px);
            margin: 0 0 20px -0px;
            text-align: center;
        }
        .hidden-qa .small-width-container.two-buttons{
            flex-direction:row;
        }
        .hidden-qa .form-group{
            width:calc(50% - 15px) !important;
        }
        .quote .content .inner p {
            width: 75%;
            margin: 0 auto 20px auto;
        }     


        .quote.signup .content .inner .well p{
            width:100%;
        }
        .quote-pg.quote .content .inner .radio-group p {
            width:100%;
        }
        .quote.limit .recommended h2{
            margin-bottom: 20px;
        }
        .small-width-container,
        .small-width-container.two-buttons{
            flex-direction: column;
        }
            .small-width-container .form-group,
            .small-width-container.two-buttons .form-group {
                width: 100%;
            }
            .quote.include .content .inner p{
                width:100%;
            }
        .quote.send .content .inner .h-button{
            width:100%;
            flex-direction: column;
        }
        .h-button.three .btn {
            width: 100%;
            margin-bottom: 20px;
        }
        .profile .new-yes-no.h-button.three .btn-group .btn{
            width:calc(33.333% - 7px);
        }
        .profile .new-yes-no.h-button.three .btn-group .btn:first-child{
			margin-right: 10px;
		}
		.profile .new-yes-no.h-button.three .btn-group .btn:last-child{
			margin-left: 10px;
		}
        .h-button.three .btn:last-child {
            margin-bottom: 0px;
        }
        .quote-main.payment-info{
            margin-top: 0px;
        }
        .quote-main .container .right .price-well{
            height:auto;
            border-radius: 0px;
        }
        .quote-main .container{
            width:calc(100% - 50px);
        }
        .quote-main .container h2,
        .quote-main .container .right .bottom h3 {
            font-size: 15px;
            line-height: 20px;
            font-weight: 900;
        }
            .quote-main .container h2 a{
                color:#262D45;
                float:right;
            }
        .payment-info.quote-main .container h2{
            font-size:24px;
        }
        .payment-info.quote-main .btn-maroon{
            margin-top: 40px;
        }
        .quote-main .container .left{
            width: 100%;
        }
        .quote-main .container .right {
            width: 100%;
            margin-top: 40px;
        }
        .small-width-container.three .form-group {
            width: 100%;
        }
        .quote-main .well {
            border: none;
            border-top: 1px solid #DFDFDF;
            padding: 20px 0 0 0;
            margin-top: 1px;
            /* height: 140px;
            overflow: hidden; */
        }
        .quote-main .container .right .price-well .total:before{
            display:none;
        }
        .quote-main .container .right .price-well .total:after {
            top: -12px;
            right: 12%;
            width: 57px;
            height: 34px;
        }
        .dl-horizontal {
            float: left;
            width: 100%;
        }
        .dl-horizontal dt {
            width: 46%;
            margin: 0px;
            float: left;
            font-size:14px;
        }
        .dl-horizontal dd {
            margin-left: 0;
            float: left;
            font-size:14px;
        }
        .quote-main .btn-maroon{
            width:100%;
            height: 50px;
            line-height: 50px;
        }
        .quote-main .container .right .bottom ol,
        .quote-main .container .right .bottom ul {
            overflow: visible;
            height: auto;
        }
        .quote.donate .content .inner img {
            float: none;
            margin: 0 auto;
            width: 40%;
        }
            .donate-flex .block .text {
                width: 100%;
            }
                .donate-flex .block .text p{
                    margin: 20px 0 20px 0;
                    width:100%;
                }
            .quote .donate-flex .v-buttons{
                height:auto;
            }
            .quote.donate .content .inner .block .btn {
                margin: 0 auto;
                display: block;
                width: 155px;
            }

        .landing .hero .text {
            width: 100%;
            margin-bottom: 70px;
        }
        .landing .hero .text h1{
            font-weight: 900;
            font-size: 28px;
            line-height: 33px;
            max-width:200px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 15px;
            text-align:center;
        }
        .landing .hero .text ul{
            width: 130px;
            margin: 0 auto;
        }
        .landing .hero .text ul li {
            font-size: 14px;
            line-height: 22px;
            font-weight: 600;
        }
        .landing .hero .text .btn {
            margin: 30px auto 0 auto;
            display: block;
            width: 160px;
            font-size: 20px;
        }
        .landing section.why .btn-maroon{
            display: block;
            width: 160px;
            font-size: 20px;
        }
        .landing .hero img {
            width: 80%;
            display: block;
            margin: 0 auto;
            float: none;
        }
        .landing .hero .hero-bottom {
            height: 150px;
            width: 100%;
            background-size: 110%;
            margin-top: -80px;
        }
        .landing-section {
            margin-bottom: 100px;
        }
        .landing-section .left {
            width: 100%;
            margin-top: 45px;
        }
        .landing-section img {
            margin: 0 auto !important;
            float: none !important;
            width:100%;
            max-width:initial;
            display: block;
            /*blocked fixed for planner page*/
        }
        .landing-section .left h2{
            width:100%;
            text-align:center;
        }
        .landing-section .left p{
            text-align:center;
            font-weight: 600;
            font-size: 14px;
            line-height: 22px;
        }
        .landing section.why {
            margin-bottom: 80px;
        }
        .landing section.why h2 {
            width: 100%;
            max-width:250px;
        }
        .landing section.why .col{
            height:70px;
            position: relative;
        }
        .landing section.why .col h3{
            margin:0px;
            position: absolute;
            top:50%;
            transform:translateY(-50%);
        }
        .landing section.why .col .img-container:before{
            display:none;
        }
        .landing section.why .col .img-container{
            width:70px;
            height:70px;
            line-height:70px;
        }
        .landing section.why .col h3{
            font-size:15px;
            line-height:20px;
        }
        .quote11{
            width:100%;
        }
        .quote11 .btn{
			display: inline-block;
			max-width: initial;
        }
        .quote11 .h-button .btn-group{
            width:100%;
        }
    /*_______________________ quote-pg 767 end _________________*/

    /*_______________________ customer login 767 start _________________*/        
    .navbar-default {
        min-height:55px;
    }
    .navbar-default .navbar-collapse{
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    .login-wrapper .main {
        flex-flow: column;
        height: auto;
        margin-top: 0px;
    }
    .login-wrapper.login .left {
        width: 100%;
        padding-top: 0px;
        padding-right:0px;
        margin-bottom: 40px;
        padding-bottom:40px;
        min-height: initial;
        border-radius: 0px;

    }
    .login-wrapper.login .signup .left {
        margin-bottom: 50px;
    }
    .login-wrapper .left h3 {
        font-size: 28px;
        line-height:35px;
        margin-bottom: 30px;
    }
    .login-wrapper.login .left .inner{
        width: 100%;
        padding:0 25px;
        margin-left:0px;
    }
    .login-wrapper.login .main{
        margin-top:0px;
    }
    .login-wrapper .form-group {
        margin-bottom: 24px;
    }
    .login-wrapper .forget {
        margin-bottom: 28px;
    }
    .login-wrapper .forget .forget-link{
        line-height: 50px;
    }
    .login-wrapper.login .left .inner p {
        margin-top: 28px;
        text-align: center;
    }
    .login-wrapper.login .left .inner.forget p {
        margin-top: 0;
        text-align: left;
    }
    .login-wrapper .left .forget img{
        margin-top: -40px;
    }
    .login-wrapper.login .left .btn-maroon{
        width:100%;
    }
    .login-wrapper.login .left .forget .btn-maroon{
        width:170px;
    }
    .login-wrapper.login .right {
        width: 100% !important;
        padding-top: 50px;
    }
    .login-wrapper .right .content {
        width: calc(100% - 50px);
        margin:0 25px;
        min-height:80vh;
    }
    .login-wrapper.login .right .why{
        width: 100%;
    }
    .login-wrapper.login .right .why>h3 {
        font-size: 24px;
        line-height: 31px;
        margin: 0 auto 45px auto;
        width: 70%;
    }
    .login-wrapper.login .right .why .flex-box {
        margin: 0 0 0px 0;
    }
    .login-wrapper.login .right .why .flex-box .col,
    .login-wrapper.login .right .why .flex-box .col:nth-child(1) {
        padding-top: 0px;
        height:auto;
        min-height:initial;
        margin-bottom: 25px;
        padding:0 25px;
        position: relative;
    }
    .login-wrapper.login .right .why .flex-box .col .img-container {
        width: 64px;
        height: 64px;
        line-height: 64px;
        float: left;
        margin-right: 20px;
        margin-bottom: 0;
    }
    .login-wrapper.login .right .why .col .img-container:before{
        display:none;
    }
        .login-wrapper.login .right .why .flex-box .col .img-container img{
            width:47px;
            height:47px;
        }
        .login-wrapper.login .right .why .flex-box .col .text{
            float:left;
            width: calc(100% - 100px);
            position: relative;
            height:64px;
        }
    .login-wrapper.login .right .why .flex-box .col:nth-child(1) h3,
    .login-wrapper.login .right .why .flex-box .col h3{
        font-weight: bold;
        font-size: 16px;
        line-height: 20px;
        width:100%;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
    }
    .login-wrapper .right {
        float: left;
        width: 100% !important;
        padding-top: 0px;
        border-radius: 0px;
    }
    .login-wrapper .right .left-col{
        padding-right:0px;
    }
    .login-wrapper .right .right-col{
        padding-left:0px;
    }

    .login-wrapper .right h2:not(.fc-toolbar-title) {
        margin:0 0px 20px 0px;
    }
    .login-wrapper .policy-addon.right h2{
        font-size: 24px;
        line-height: 31px;
    }
    .login-wrapper .flex-box .col a img {
        width: 64px;
        height: 64px;
    }
    .login-wrapper .flex-box .col a h3{
        line-height:64px;
    }
    .login-wrapper .right .img-container {
        margin: 0 10px 0 0;
    }
    .login-wrapper .right .text .flex-box {
        width: 210px;
    }
    .login-wrapper .right .myrow.events .mycol .text {
        margin-left: 0;
    }
    .login-wrapper .right .myrow.events .mycol .text .flex-box{
        width:100%;
    }
    .login-wrapper .quote-main .container .right {
        margin: 0;
    }
        .login-wrapper .quote-main .container .right h2{
            margin-left:0px;
            margin-right:0px;
            line-height:31px;
        }
        .login-wrapper .quote-main .well{
            height:auto;
            overflow:visible;
            border-radius: 0px;
        }
        .login-wrapper .quote-main .bottom{
            float:left;
            width:100%;
        }
    .messaging.main {
        min-height:initial;
    }
    .messaging .right .well {
        padding:20px;
        padding-top:0px;
        margin-bottom: 0px;
    }
    .messaging .right .well .top:before {
        width: calc(100% + 40px);
        left: -20px;
    }
    .messaging .right .well .chat-area .text .message {
        width: 90%;
    }
    .messaging .right .well .bottom input {
        height: 54px;
        line-height: 54px;
        padding: 0 45px 0 19px;
        background: url(../images/icon-send-message.png) no-repeat right 15px center;
        background-size: 21px 20px;
    }
    .portal-back{
        position: static;
        float: left;
        margin-right: 13px;
    }
    .claims .form-img-container {
        width: 170px;
    }
    .claim-block {
        height: 210px;
        margin-bottom: 20px;
    }
    .claims .v-buttons {
        left: 190px;
    }
    #calendar {
        padding: 0px;
    }
    .fc .fc-toolbar-title{
        font-size:20px;
    }
    .fc .fc-scrollgrid-section-body table{
		border-collapse:separate; 
		border-spacing:2px;
    }
    .referrals .icon-box .col h3 {
        left: 25%;
    }
    .referrals .copy-link input {
        width: 100%;
    }
    .referrals .copy-link .btn {
         margin-left: 0px;
         /* margin-top: 20px; */
    }
    .referrals-terms.cancel-height .inner {
        height: 90%;
    }
    .referrals .total .total-col {
        width: 100px;
        height: 100px;
    }
    .referrals .total .total-col h1 {
        font-size: 28px;
    }
    .sales-sort .form-group{
        width:100%;
    }
    .sales-table .myrow .col {
        font-size: 14px;
        width:100% !important;
        height:auto;
        min-height:initial;
        padding-bottom:0px;
    }
    .sales-table .col:nth-child(5) {
        text-align: left;
        padding-left:15px;
        padding-bottom:20px;
    }
    .sales-table .col:nth-child(5) a{
        font-size:16px;
    }
        .sales-table .myrow .col .visible-xs{
            float: left;
            width:40%;
            font-weight: bold;
        }
        .sales-details .right .well{
            padding:20px;
        }
        .sales-details .right .well .dl-horizontal dt {
            width: 41%;
        }
        .sales-details .policy-price{
            width:100%;
        }
        .sales-details .policy-price span{
            font-size:20px;
        }
        .sales-details .policy-price p {
            font-size: 25px;
        }
    .quote.limit .pricing{
        margin-bottom: 60px;
    }
    .quote.limit .pricing .section {
        width: 100%;
    }
    .quote.limit .pricing .section{
        float:left;
        padding: 30px 20px 0 20px;
    }
    .quote.limit .pricing .section ul li .left, .quote.limit .pricing .section ul li .right {
        width: 50%;
        text-align: left;
    }
    .quote.limit .pricing .section ul {
        margin-bottom: 20px;
    }
    .quote.limit .pricing .section .total{
        height:100px;
    }
        .quote.limit .pricing .section .total b {
            font-size: 50px;
            line-height: 57px;
        }
        .quote.limit .pricing .section .price {
            height: 55px;
            line-height: 55px;
            margin-bottom: 20px;
        }
    #plans .pricing .section {
        padding: 30px 20px 0 20px;
    }
        .quote.limit .pricing .section.navy:before,
		.quote.limit .pricing .section.orange:before{
            display:none;
        }
    .quote.limit .pricing .slick-list {
        overflow: visible;
    }
    .quote.limit .pricing .section.no-best-text a,
    .quote.limit .pricing .section .no-best-text a{
        bottom:-30px !important;
    }
    /* .quote.limit .pricing .section.blue a,
    .quote.limit .pricing .section.navy a{
        bottom:-70px;
    } */
    .quote.limit .pricing .section.blue a,
		.quote.limit .pricing .section.navy a,
		.quote.limit .pricing .section.orange a,
		.quote.limit .pricing .section.green a{
			bottom:-30px;
		}
    .quote.limit .pricing .section.maroon a{
        bottom:-80px;
    }
    .quote.limit .pricing .section.green a{
        bottom:-30px;
    }    
    .quote.limit .pricing.few {
        width:100%;
        float: left;
        display: block;
    }
    .quote.limit .pricing.few .section{
        max-width:initial;
    }
    .login-wrapper .quote-main.payment-info .small-width-container.three .form-group{
        width:100% !important;
    }
    .login-wrapper .quote-main.payment-info h2{
        font-size:24px;
    }
    .login-wrapper .quote-main.payment-info .right{
        margin-top: 40px;
    }
    /*_______________________ customer login 767 end _________________*/
    /*___________________ faq and contact start 767 __________________*/
    .faq-search {
        width: 100%;
        padding:0 25px;
        margin: 0 0px 90px 0px;
    }    
    .faq-search .input-group .btn{
        min-width:60px;
    }
    .tabbable-line > .tab-content {
        margin: 0px auto 0 auto;
    }
    .tabbable-line > .nav-tabs{
        flex-wrap: wrap;
    }
        .tabbable-line > .nav-tabs li{
            width: 43.7%;
            margin: 0 3% 20px 3%;
            height:140px;
        }
        .tabbable-line > .nav-tabs > li > a{
            font-size:16px;
            line-height:23px;
        }
        .tabbable-line .nav>li>a>img {
            margin: 20px auto 10px auto;
        }
        .faq .accordion .panel-title .icon {
            display: block;
            left:-20px;
        }
        .faq-bottom{
            margin:100px 0;
        }
        .faq-bottom h2 {
            font-size: 15px;
            line-height: 24px;
            margin-bottom: 20px;
        }
        .faq-bottom .btn-maroon {
            min-width: initial;
            width: calc(100% - 50px);
        }
        .contact.w-1030{
            margin-bottom: 0;
        }
        .contact .flex-box {
            flex-flow: column;
        }
        .contact .flex-box .col {
            width: 100%;
            margin-bottom: 80px;
        }
        .blog .flex-box{
            flex-flow: column;
        }
        .blog .left{
            width:100%;
            margin-bottom: 40px;
            margin-right: 0;
        }
        .blog .right{
            width:100%;
        }
        .blog .left .card {
            margin-bottom: 25px;
        }
        .blog .left .card .img-container {
            width: 110px;
            height: 110px;
            margin-right: 25px;
        }
        .blog .left .card .text {
            width: calc(100% - 135px);
        }
        .blog .left .card .text p,
        .blog .left .card .text .bottom .writer{
            display:none;
        }
        .blog .left .card .text h3 a{
            font-size:15px;
            line-height:24px;
            margin-bottom: 5px;
        }
        .blog .left .card .text .bottom h4,
        .blog .left .card .text .bottom span{
            font-size:12px;
            line-height:19px;
        }
        .blog .right .btn-brand,
        .blog .right .btn-maroon{
            width: 100%;
        }
        .article .left .tag {
            font-weight: 900;
            font-size: 18px;
            line-height: 25px;
        }
        .article .left h1{
            font-size: 28px;
            line-height: 35px;
        }
        .article .left .wedding .main-block,
        .article .left .tips-10 .main-block{
            padding:20px;
        }
        .article .share{
            
        }
        .article .content{
            /* margin:30px 0 60px 0; */
        }
        .article .content .main-image{
            height:240px;
            margin-bottom: 30px;
        }
            .article .content .main-image .logo-overlay img{
                height:26px;
            }
        .article .content .img-block.icon{
            height:64px;
            margin-bottom: 25px;
        }
        .article .content .img-block.icon img{
            width:64px;
            height:auto;
        }
        .article .content .img-block.icon h2{
            font-size: 20px;
            line-height: 30px;
            width: 80%;
            left: 80px;
        }
        .requote .buttons-bottom{
            margin:20px 0 100px 0;
        }
        .requote .btn-block {
            display: block;
            width: 100% !important;
            margin: 0 auto;
        }
        .article .wedding .content .block-flex{
            flex-flow: wrap;
        }
        .article .wedding .content .block-flex .img-container{
            width:100%;
            margin:30px 0;
        }
            .article .wedding .content .block-flex .img-container img{
                max-width:45%;
                margin:0 auto;
                display:block;
            }
        .article .wedding .content .block-flex .text-container{
            width:100%;
        }
        .article .wedding .content .block-flex.switch .text-container{
            order:1;
        }
        .article .wedding .content .block-flex.switch .img-container{
            order:2;
        }
        .article .tips-10 .content h3.img-right span {
            width: 80%;
        }
    /*___________________ faq, contact, blog and article end 767 __________________*/
    /*__________________ partner __________________*/
    .partner.landing .hero .text h1 {
        font-size: 28px;
        max-width: initial;
    }
    .partner.landing .hero .hero-bottom {
        height: 230px;
        margin-top: -125px;
        background-size: 120%;
    }
    .partner.landing section.why .col{
        height:auto;
    }
    section.why .col .text {
        float: left;
        text-align: left;
        width: calc(100% - 150px);
    }
    .partner.landing section.why .col h3 {
        height: auto;
        position: static;
        margin-bottom: 10px;
        transform: none;
        max-width: initial;
    }
    .partner.landing section.why .col p {
        margin-left: 0;
    }
    .partner .landing-section .video{
        margin:0 auto;
        float:none;
        max-width:100%;
    }
    .partner .landing-section .left {
        width: 100%;
    }
    .partner .landing-section .left {
        width: 100%;
    }
    .event.partner.landing .landing-section .top .problems-flex{
        flex-flow:column;
    }
    .event.partner.landing .landing-section .top .problems-flex .block {
        width: 100%;
        position: relative;
        margin-bottom: 20px;
    }
    .event.partner.landing .landing-section .top .problems-flex .block img {
        width: 100px;
        float: none;
        margin:0 auto 20px auto;
    }
    .event.partner.landing .landing-section .top .problems-flex .block p{
        width:100%;
        text-align:center;
        line-height:20px;
    }
    .event.partner.landing .landing-section .top .problems-flex .block:before{
        display:none;
    }
    .partner-signup-center{
        margin: 0px auto 60px auto;
        text-align: center;
    }
    .cache-msg {
        padding: 20px 30px 20px 30px;
    }
    .cache-msg .cross {
        top: 5px;
        right: 7px;
    }
    .cache-msg p{
        font-size:12px;
        line-height:17px;
        text-align: left;
        margin-bottom: 10px;
      }
      .cache-msg .btn{
          line-height:36px;
          min-width: 100px;
          width:100px;
      }
    /*__________________ partner end 767 __________________*/
    .quote.certificate .content .inner img{
        width:50%;
    }
    .quote.certificate.congrats-signup .content .inner img {
        width: 50%;
    }
    .quote.certificate .content .inner h2{
        font-size:32px;
        margin-top: 0px;
    }
    .quote.certificate .content .inner p{
        font-size:20px;
        line-height:27px;
        width:100%;
        margin-bottom: 50px;
    }
    .quote.certificate .content .inner .h-button.three dl{
        width:100% !important;
        margin-bottom: 20px;
    }
    .quote.certificate .content .inner .h-button.three dl:last-child{
        margin-bottom: 0;
    }
    .quote.certificate .content .inner .h-button.three {
        flex-direction: column;
    }
    .quote.certificate .content .inner .h-button{
        width:300px;
        margin: 60px auto 0px auto;
    }
    .quote.certificate .content .inner .h-button .btn{
        width:140px;/*fixed now*/
        height:64px;
    }
    .quote.certificate .content .inner .h-button.three dt,
    .quote.certificate .content .inner .h-button.three dd{
        font-size:18px;
        line-height:24px;
    }
    .privacy .accordion .accordion-toggle{
        padding-left: 0;
        height:auto;
    }
    .privacy .accordion .accordion-toggle .img-container{
        width:24px;
        height: 50px;
    }
    .privacy .accordion .accordion-toggle .img-container img{
        height:auto;
        width:24px;
    }
    .privacy .accordion .accordion-toggle .text{
        /* top:20%;
	    transform:translateY(0%); */
    }
    .invoices-right .dl-horizontal dt{
        width:46%;
    }
    .invoices-right .dl-horizontal dd{
        margin-left: 0%;
    }
    .invoices-left img{
		max-width:40%;
    }
    .login-wrapper .right .share-invoice img{
        max-width:240px;
    }
    .login-wrapper .right .share-invoice .text{
        width: calc(100% - 53px);
    }
        .login-wrapper .right .share-invoice .text h2{
            font-size:24px;
            text-align: left;
        }
}
/*_______________________ 767 end _________________*/

@media(max-width:480px){
     .quote-footer {
        height: 138px;
    }
    .hero .hero-bottom {
        width: 100%;
        background: url(../images/hero-bg2-xs.png) no-repeat center bottom;
        background-size: 110%;
        margin-top: 0px;
        height: 210px;
    }
    .accordion .panel-body .video {
        width: 100%;
    }
    .referrals .icon-box .col h3 {
        left: 40%;
        width: 60%;
    }
    .partner.landing .hero .hero-bottom {
        margin-top: -145px;
    }
    section.giving .left {
        height: 470px;
    }
    .profile .report .report-block {
        height: 130px;
    }
    .profile .report .report-block img {
        width: 70px;
    }
}
@media(max-width:420px){
    .quote-footer {
       height: 138px;
   }
   section.giving .left {
       height: 420px;
    }
}
/*_______________________ 767 end _________________*/