/* Web only */
@media (min-width: 768px){
	.events-slider .slick-list{
	    padding: 0 15% 0 0!important;
	}
	.common-form .bridge-insurance .field-row{
	    padding: 20px 0;
	}
	.common-form .bridge-insurance .field-row >div{
	    padding: 0 5px;
	}
	.preneed-agreement .logo-row{
		align-items: center;
	}
	.trustage-form .field-inner,
	.trustage-form .checkbox-col{
		padding: 0 10px;
	}
	.trustage-form .form-field-row span.title{
		margin-left: -5px;
	}
	.trustage-form .form-field-row span.right-desc{
		margin-right: -5px;
	}
	.trustage-form .form-field-row .right-col span.title,
	.trustage-form .form-field-row .right-col span.right-desc{
		margin: 0;
	}
	.trustage-form .form-field-row.coverage ul{
	    text-align: right;
	}
}
@media (min-width: 1200px){
	button:hover,
	.button:hover{
		background-color: #fff;
		color: #012049;
	}
	.download-btn:hover{
		opacity: 0.4;
	}
	.type-three-btn:hover{
		border: 1px solid #012049;
		background-color: #012049;
		color: #fff;
	}
	.type-four-btn:hover{
    	border: 1px solid #FFC0A3;
		background-color: #FFC0A3;
	}
	.slick-arrow:hover{
		background-color: #012049;
		opacity: 0.5;
	}
	.login-section .form-inner{
		width: 40%;
	}
	.login-section h6 a:hover{
		color: #FFC0A3;
	}
	.right{
    	transition: 0.2s linear all;
	}
	.floating-menu .logo-img img{
		height: 100%;
	}
	body.menu-open .floating-menu{
		width: 20%;
	}
	body.menu-open .right{
		padding-left: 20%;
	}
	.contracts-full-wrapper .nav-tabs .nav-item a:hover{
		color: #FFC0A3;
	}
	.events-slider .events-box figure,
	.videos .events-box figure{
		height: 650px;
		overflow: hidden;
	}
	.events-slider .events-box:hover,
	.videos .events-box:hover{
		border: 2px solid #FFC0A3;
	}
	.events-slider .events-box:hover figure img,
	.videos .events-box:hover figure img{
		filter: grayscale(100%);
	}
	.videos .events-box figure{
	    height: 450px;
	}
	.resources .tab-content .content h4{
	    margin-bottom: 60px;
	}
	.common-form .bridge-insurance .field-row{
	    margin: 0 -20px 0 -5px;
	}
	.form-pages .inner-menu ul li a:hover{
		background-color: #000;
	}
	.bridge-insurance .add-row-btn:hover{
		transform: rotate(135deg);
	}
	.bridge-insurance .add-row-btn.remove:hover{
		transform: rotate(180deg);
	}
	.form-pages .inner-menu ul.scrollTabMenu{
		position: fixed;
		z-index: 100;
		top: 0;
		right: 70px;
		min-width: 193px;
		margin: 20px 0 0;
	}
	.form-pages .inner-menu ul.scrollTabMenu li{
		display: block;
		margin: 0 0 20px;
	}
	.form-pages .btn-col ul.scrollTabMenu{
        position: sticky;
        z-index: 150;
        top: 345px;
        padding-top: 0;
	}
	#upload_popup .modal-dialog{
	    max-width: 1200px;
	}
	.label-align-right{
	    text-align: right;
	}
	.internal-contract .top-col{
	    padding-left: 120px;
	}
	.internal-contract .row-one{
	    margin-top: -53px;
	}
	.internal-contract .input-col{
	    padding: 0;
	    margin: 0 -1px;
	}
	.internal-contract .padding-row{
	    padding-right: 8px;
	}
	.internal-contract .table-row{
	    margin: 0 -10px;
	}
	.internal-savings .logo-row h2{
	    font-size: 36px;
	    text-align: left;
	}
	.trustage-form .logo-row img{
		width: 175px;
	}
	.trustage-form.lme-form .logo-row img{
		width: 100%;
	}
	.trustage-pac .logo-row .content-col.content-left{
	    text-align: left;
	}
	.top-btn:hover{
		box-shadow: 0 0 15px rgb(0, 0, 0, 1);
	}
	.lme-form .funeral-services{
	    padding: 30px 15px 90px 6.3%;
	}
	.lme-form .funeral-services:before{
	    content: '';
	    position: absolute;
	    top: 30px;
	    left: 30px;
	    width: calc(100% - 60px);
	    height: calc(100% - 60px);
	    background-image: url("../images/funeral-services-ribbon-img.png");
	    background-position: top left;
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	}
	.lme-form .funeral-services .inner-content{
	    padding-left: 20px;
	}
}

/* custom web */
@media (min-width: 1200px) and (max-width: 1500px){
	.bridge-insurance .border-heading:before{
		width: 75%;
	}
	.bridge-insurance .policy-info:before{
		width: 40%;
	}
}
@media (min-width: 1200px) and (max-width: 1400px){
	.profile .img-full{
		width: 200px;
		height: 200px;
	}
	.profile .upload-btn-area{
		right: 20px;
	}
}
@media (min-width: 1401px) and (max-width: 1600px){
	.profile .img-full{
		width: 240px;
		height: 240px;
	}
	.profile .upload-btn-area{
		right: 30px;
	}
}
@media (min-width: 1601px) and (max-width: 1700px){
	.profile .img-full{
		width: 270px;
		height: 270px;
	}
	.profile .upload-btn-area{
		right: 40px;
	}
}

/* mobile, i-pad */
@media (max-width: 1199px) {
	.slick-next{
		right: 5px;
	}
	.floating-menu .logo-img img{
		max-width: 150px;
	}
	.floating-menu ul.common-list{
		padding: 0;
	}
	.floating-menu ul.common-list li a{
		padding: 15px 0;
		font-size: 14px;
	}
	.right .dashboard-inner{
		padding: 70px 15px 30px;
	}
	.profile .img-full{
		width: 220px;
		height: 220px;
		margin: 0 auto 30px;
	}
	.profile .upload-btn-area{
		right: 30px;
	}
	.profile .profile-info ul{
		margin: 30px 0 0;
	}
	.profile .profile-info .button-area{
		margin-top: 20px;
	}
	.contracts-full-wrapper .contracts-inner{
		padding: 15px;
	}
	.contracts-full-wrapper .nav-tabs{
		justify-content: center;
	}
	.contracts-full-wrapper .nav-tabs li{
		margin: 5px;
	}
	.contracts-full-wrapper .form-group{
		align-items: inherit;
		flex-direction: column;
	}
	.contracts-full-wrapper .search-field, 
	.contracts-full-wrapper select{
		margin: 0 0 20px;
	}
	.contracts-full-wrapper select{
		width: 100%;
	}
	.contracts-full-wrapper table.table{
		min-width: 1200px;
	}
	.contracts-full-wrapper .table-responsive{
		max-height: initial;
	}
	.right .document-row h4{
		margin-bottom: 30px;
	}
	.right .document-row h5{
		margin-bottom: 10px;
	}
	.events-slider .events-box,
	.videos .events-box{
		padding: 15px;
	}
	.events-slider .events-box ul,
	.videos .events-box ul{
		display: table;
		margin: 0 auto;
		text-align: center;
	}
	.events-slider .events-box ul li,
	.videos .events-box ul li{
		margin: 10px 0 0;
	}
	.events-slider .events-box ul li a,
	.videos .events-box ul li a{
		width: 100%;
	}
	.newsletters .newsletters-wrapper,
	.resources .resources-wrapper,
	.resources .tab-content,
	.materials .faq-wrapper,
	.contact .contact-wrapper{
		padding: 15px;
	}
	.resources .tab-content .image{
		text-align: center;
	}
	.materials .materials-slider .events-box ul,
	.videos .events-box ul{
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.bridge-insurance .border-heading:before{
		display: none;
	}
	.form-pages .inner-menu ul{
		margin: 30px 0;
		text-align: center;
	}
	.form-pages .inner-menu ul li{
		margin: 0 5px 10px;
	}
	.common-form .bridge-insurance .question{
		padding: 20px 0 30px;
	}
	.bridge-insurance .common-form.payment .field-row{
		width: 100%;
	    overflow-x: auto;
	    -webkit-overflow-scrolling: touch;
	    margin: 0;
	}
	.bridge-insurance .common-form.payment .field-row >div{
		min-width: 1000px;
		padding: 0 0 30px;
	}
	.bridge-insurance .common-form.payment .table-hd{
		width: 22%;
	}
	.bridge-insurance .common-form.payment .table-hd h5{
		font-size: 16px;
	}
	.bridge-insurance .common-form.payment .data-row .radio-btn{
		bottom: -78px;
	}
	.common-form .bridge-insurance .checkmark{
		margin: 0 auto;
	}
	.common-form .bridge-insurance .radio-btn span.radio-text{
		margin: 40px 0 0;
	}
	.bridge-insurance .common-form.payment .table-col .col-one .radio-btn{
		margin-top: 30px;
	}
	.bridge-insurance .common-form.payment .table-col .col-one .radio-btn span.radio-text{
	    margin: 40px auto 0;
	    width: 100%;
	    text-align: center;
	}
	#upload_popup{
		top: 0;
		padding: 15px !important;
	}
	#upload_popup .modal-content{
		padding: 30px;
	}
	#upload_popup textarea{
		height: 200px;
	}
	.internal-contract form .logo-row h4,
	.internal-contract form .logo-row p,
	.internal-contract form .logo-row figure{
		margin-bottom: 15px;
	}
	.internal-contract .table{
		min-width: 1100px;
	}
	.trustage-pac .logo-row .content-col.content-left{
		text-align: center;
	}
	.top-btn{
		right: 15px;
	}
}
/* i-pad */
@media (min-width: 768px) and (max-width: 1199px){
	.resources .resources-wrapper .nav-tabs{
		padding: 15px 15px 15px 0;
	}
	.bridge-insurance .common-form .field-row{
		padding: 10px 0;
		margin: 0;
	}
	.common-form .bridge-insurance .question p, 
	.common-form .bridge-insurance .question ul li{
		font-size: 16px;
	}
	.bridge-insurance .beneficiary .address .button{
		position: relative;
	    right: initial;
	    left: 0;
	    width: 100%;
	}
	.bridge-insurance .common-form.payment .table-col .col-one .radio-btn{
		margin-top: 30px;
	}
	.form-pages .btn-col ul li{
		display: inline-block;
		vertical-align: top;
		margin: 0 5px 10px;
	}
	.trustage-form .form-field-row .text-field{
		font-size: 14px;
	}
}
/* i-pad, mobile */
@media (max-width: 991px){
	.trustage-form .form-field-row .left-col:after{
		display: none;
	}
	.trustage-form .form-field-row .left-col .inner-col{
		margin: -1px -15px 0;
	}
	.trustage-form .form-field-row .right-col{
		padding-left: 15px;
		border-top: 1px solid #000;
	}
	.trustage-form .form-field-row .right-col .row{
		margin-left: -15px;
	}
	.trustage-form .form-field-row .right-col .inner-col,
	.trustage-form .form-field-row .right-col .inner-col:first-of-type{
		border-left: none;
	}
	.trustage-form .form-field-row .right-col .health .inner-col:first-of-type{
		border-right: 1px solid #000;
	}
	.lme-form .form-field-row .right-col .inner-col .chkbox-col{
		padding: 0 15px;
	}
	.lme-form .form-field-row .right-col .inner-col .single-payment{
		margin-left: 0;
	}
}
/* mobile */
@media (max-width: 767px){
	.profile .profile-info h2,
	.home .top-section h2{
		font-size: 40px;
		text-align: center;
	}
	.contracts-full-wrapper .form-group{
		margin-top: 20px;
	}
	.contracts-full-wrapper .nav-tabs .nav-item a,
	.resources .resources-wrapper .nav-tabs .nav-item a{
		font-size: 14px;
	}
	.events h4,
	.materials h4{
		padding-right: 100px;
	}
	.events-slider p{
		font-size: 14px;
	}
	.post-row .post-block p,
	.post-row .post-block ul li,
	.post-row .post-block ul li a{
		font-size: 14px;
	}
	.post-row .post-block ul li a{
		word-break: break-word;
	}
	.resources .resources-wrapper .nav-tabs{
		padding: 0 0 5px;
		margin: 0 0 15px;
		border: none;
		border-bottom: 1px solid #000;
		text-align: center;
	}
	.resources .resources-wrapper .nav-tabs .nav-item{
		display: inline-block;
		vertical-align: top;
	}
	.resources .resources-wrapper .nav-tabs .nav-item,
	.resources .resources-wrapper .nav-tabs .nav-item:last-of-type{
		margin: 0 5px 10px;
	}
	.resources .tab-content .content{
		text-align: center;
	}
	.resources .tab-content .content p,
	.resources .tab-content .content p a{
		font-size: 14px;
	}
	.resources .tab-content .content .document-row h6{
		margin-bottom: 10px;
	}
	.common-form .bridge-insurance h2{
		margin-bottom: 30px;
		font-size: 30px;
	}
	.common-form .bridge-insurance span.req{
		margin: 12px 0 0 5px;
	}
	.common-form .bridge-insurance .form-control,
	.common-form .bridge-insurance .service select{
		margin-bottom: 20px;
	}
	.common-form .bridge-insurance .question p, 
	.common-form .bridge-insurance .question ul li{
		font-size: 14px;
	}
	.bridge-insurance .policy-info .question{
		padding: 0;
	}
	.bridge-insurance .policy-info .question p{
		margin: 10px 0 30px;
	}
	.bridge-insurance .policy-info .question .switch{
		margin: 0;
	}
	.bridge-insurance .policy-info .charity h5{
		margin-bottom: 20px;
	}
	.bridge-insurance .policy-info .charity .add-row-btn{
		margin: 0 !important;
	}
	.bridge-insurance .policy-info .financial-support{
		margin-top: 40px;
	}
	.bridge-insurance .policy-info .financial-support h4, 
	.bridge-insurance .policy-info .financial-support h6{
		margin-bottom: 20px;
	}
	.bridge-insurance .policy-info .financial-support p{
		margin: 0 0 20px;
		font-size: 14px;
	}
	.bridge-insurance .policy-info .total-amount label{
		font-weight: 600;
	}
	.bridge-insurance .policy-info .total-amount .row-label label{
		width: 100%;
		text-align: center;
	}
	.bridge-insurance .beneficiary .address .button{
		right: 15px;
	}
	.bridge-insurance .common-form.payment .field-row >div{
		min-width: 800px;
	}
	.bridge-insurance .common-form.payment .table-hd p, 
	.bridge-insurance .common-form.payment .table-col .col-one p{
		margin-bottom: 20px;
		font-size: 12px;
	}
	.bridge-insurance .common-form.payment .data p{
		font-size: 10px;
	}
	.bridge-insurance .common-form.payer-info h2{
		margin: 30px 0 0;
	}
	.bridge-insurance .common-form.payer-info h6{
		margin: 30px 0 10px;
	}
	.bridge-insurance .common-form.payer-info p{
		margin-top: 30px;
	}
	.bridge-insurance .common-form.payer-info .radio-btn{
		margin-bottom: 20px;
	}
	.bridge-insurance .common-form.payer-info span.info{
		margin-top: 20px;
	}
	.internal-contract label{
		margin-bottom: 10px;
	}
	.internal-contract .input-col{
		margin-bottom: 5px;
	}
	.internal-contract .table-row{
		margin: 20px -10px 0;
	}
	.preneed-agreement .logo-row figure{
		margin-bottom: 20px;
		text-align: center;
	}
	.trustage-form .logo-row figure,
	.trustage-form .logo-row .content-col, 
	.trustage-form .field-col{
		text-align: center;
	}
	.trustage-form .logo-row figure{
		margin-bottom: 10px;
	}
	.trustage-form .condition-row .checkbox-col{
		order: 2;
		margin-top: 10px;
	}
	.trustage-form .form-field-row .field-inner{
		margin-bottom: 5px;
		border-right: none;
		border-bottom: 1px solid #000;
	}
	.trustage-form .form-field-row .field-inner:last-of-type{
		border-bottom: none;
	}
	.trustage-form .form-field-row .right-col .inner-col,
	.trustage-form .form-field-row .right-col .inner-col:first-of-type{
		border-right: none;
	}
	.trustage-form .form-field-row span.title {
		padding: 10px 0;
	}
	.trustage-form .form-field-row span.right-desc{
		padding: 0 0 10px;
	}
	.trustage-form .form-field-row .inner-col .text-field{
		text-align: left;
	}
	.trustage-form .form-field-row .health .chkbox{
		margin: 0 0 10px;
	}
	.trustage-form .form-field-row.coverage span.cov-title,
	.trustage-form .form-field-row.coverage .chkbox{
		margin: 0 10px 0 0;
	}
	.trustage-form .form-field-row.coverage ul li{
		margin: 0 10px 2px 0;
	}
	.trustage-pac .logo-row .content-col.content-left{
		margin: 10px 0;
	}
	.internal-savings .chart-wrapper .logo-row figure{
		margin-bottom: 30px;
		text-align: center;
	}
	.lme-form .logo-row .content:after{
		display: none;
	}
	.lme-form .logo-row .logo{
		padding-top: 15px;
	}
	.lme-form .logo-row .content{
		order: 2;
	}
	.lme-form .form-field-row .right-col .inner-col .card-details{
		margin: 0 -15px;
	}
	.lme-form .form-field-row .right-col .inner-col .card-details label{
		margin-top: 15px;
	}
	.lme-form .form-field-row .right-col .inner-col .single-payment{
		margin-top: 15px;
	}
	.lme-form .form-field-row .right-col .inner-col .single-payment .form-col{
		margin-top: 10px;
	}
}