/*Piyush responsive css starts*/
@media only screen and (max-width: 767px){
    .visi-xxs{
    	display: inline-block;
    }
	.ace-top-menu {
		box-shadow: 0px 0px 15px 0px rgb(5 20 65 / 10%);
	}
	.top-right-menu > ul {
		display: flex;
		flex-direction: row-reverse;
	}
	.top-right-menu > ul > li {
		padding: 0;
		margin-left: 1rem;
	}
	.top-right-menu > ul > li a > span {
		display: none;
	}
	.m-call, .m-chat {
		display: block;
	}
	.top-right-menu > ul > li a {
		background-color: var(--bg-color);
		border: none;
		padding: 0 !important;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		-ms-border-radius: 100%;
		-o-border-radius: 100%;
	}
	.ace-diy-step-count-elem {
		top: 79px;
		padding: 1rem 2rem;
		background-color: #f3f6fe;
		border-bottom: 1px solid #ebebeb;
	}

	.ace-diy-step .ace-diy-step-elem,
	.ace-diy-step.curr-step .ace-diy-step-elem{
		display: none;
	}
	.ace-diy-steps {
		padding: 0;
		margin-bottom: 0;
	}
	.ace-diy-steps:before,
	.ace-diy-steps:after{
		display: none;
	}
	.ace-diy-step{
		display: none;
	}
	
	.ace-diy-step.curr-step {
		display: block;
	}
	.ace-diy-step {
		width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.ace-diy-m-progress {
		display: flex;
		align-items: center;
	}
	.ace-diy-m-elem {
		text-align: left;
	}
	.ace-diy-m-text {
		font-size: 1.2rem;
	}
	.ace-diy-m-elem > span {
		font-size: 12px;
		font-style: italic;
		font-weight: 500;
		color: #8d8d8d;
	}

	.ace-footer{
		padding: 0;
	}
	.ace-diy-btn-actions .ace-diy-btn{
		border-radius: 0;
		min-width: 49vw;
		margin: 0;
	}

	.ace-diy-step1-cont-elem .ace-head-lg, .ace-diy-step1-cont-elem .ace-head, .ace-diy-step1-cont-elem .ace-diy-step1-num-selector, .ace-diy-step1-cont-pointer, .ace-diy-step3-cont-pointer, .ace-diy-step1-cont-elem .ace-diy-step1-head, .ace-diy-step2-cont-elem .ace-diy-step2-head, .ace-diy-step2-cont-elem .ace-summ, .ace-diy-step3-cont-elem .ace-head-lg, .ace-diy-step4-cont-elem .ace-head-lg, .ace-diy-step4-cont-elem > h6, .ace-diy-step4-cont-elem > p {
		text-align: center;
		display: block;
	}
	.ace-head-xl{
		font-size: 2rem;
	}
	.ace-head-lg {
		font-size: 1.5rem;
	}
	.ace-head{
		font-size: 1.3rem;
	}
	.ace-head-sm{
		font-size: 1.1rem;
	}
	.ace-head-minor{
		font-size: 1.15rem;
	}
	.ace-diy-form-field-elem{
		margin-top: 20px;
	}
	.ace-diy-form-field-elem label{
		font-size: 14px;
		margin-bottom: 0.3rem;
	}
	.ace-diy-form-field-elem .ace-diy-form-field{
		font-size: 14px;
	}
	.ace-diy-modal .close{
		right: 0;
	}
	.ace-diy-basic-user-form-part p{
		font-size: 15px;
	}
	.ace-diy-step1-cont-elem .ace-diy-step1-num-selector {
		font-size: 14px;
	}
	.ace-diy-basic-user-form-part {
		padding: 0rem 0rem;
		border: none;
		box-shadow: none;
	}
	.ace-diy-step2-elem .ace-diy-step1-cont-elem .ace-diy-step1-head span.ace-head-minor{
		font-size: 1rem;
	}

	.ace-diy-step2-elem .ace-diy-step1-cont-elem .ace-diy-step1-head{
		margin-bottom: 1rem;
	}
	.ace-diy-step1-cont-pointer p,
	.ace-diy-step3-cont-pointer p{
		font-size: 14px;
	}
	#ace-diy-step2 .ace-diy-step1-num-change-cont-elem{
		max-width: 100%;
	}

	.ace-diy-user-count-range-elem .range-wrap .ace-user-range-bubble{
		font-size: 2rem;
	}
	.ace-diy-user-count-range-first,
	.ace-diy-user-count-range-last{
		font-size: 1.1rem;
	}
	.ace-diy-user-count-range-elem{
		width: 80%;
		padding: 0 0.75rem;
	}
	.ace-diy-user-count-range-elem .range-wrap .ace-user-range{
		height: 1.5rem;
	}
	.ace-diy-user-count-range-elem .range-wrap .ace-user-range::-webkit-slider-thumb,
	.ace-diy-user-count-range-elem .range-wrap .ace-user-range::-moz-range-thumb,
	.ace-diy-user-count-range-elem .range-wrap .ace-user-range::-ms-thumb{
		width: 2.5rem;
		height: 2.5rem;
	}
	.ace-diy-user-count-range-elem .range-wrap .ace-user-range::-webkit-slider-thumb{
		margin-top: calc(max((1rem - 1px - 1px) * 0.5,0px) - 2.5rem * 0.5);
	}

	.ace-diy-user-count-part, .ace-diy-step3-cont {
		margin-bottom: 2rem;
	}
	.ace-diy-user-count-part{
		padding: 1rem 1rem;
	}

	/*.ace-diy-step4-elem > .row > .col-lg-6:last-of-type {
		background-color: #f8f9fe;
		margin-top: 2rem;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		margin-bottom: -2rem;
	}*/
	.ace-diy-step4-cont-right-col,
	.ace-diy-step5-cont-right-col{
		background-color: #f3f6fe;
		margin-top: 1.5rem;
		margin-bottom: -2rem;
		padding-top: 2rem;
		padding-bottom: 1.5rem;
	}

	.ace-diy-plan-type {
		flex-wrap: wrap;
	}
	.ace-diy-plan-type > div {
		width: 100%;
	}
	.ace-diy-plan-type > div + div {
		margin-top: 1rem;
	}
	.ace-card-detail-elem {
		padding: 1.5rem 0rem;
	}
	.ace-diy-email-box {
		padding: 1.5rem 1rem 0;
	}
	.ace-diy-email-voucher {
		padding: 1rem 0.75rem;
		margin-bottom: 2rem;
	}
	.ace-diy-email-voucher ul {
		flex-direction: column;
	}
	.ace-diy-email-voucher ul > li + li {
		margin-top: 0.5rem;
	}
	.ace-diy-email-box .ace-btn-second-outline-alt {
		display: block;
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.ace-diy-email-voucher > h5 {
		font-size: 1.5rem;
	}
	.ace-diy-email-voucher ul > li h6, .ace-diy-step4-cont-elem > h6 {
		font-size: 1.3rem;
	}
	.ace-diy-email-voucher p, .ace-diy-email-voucher ul > li span {
		font-size: 16px;
	}
	
}

@media only screen and (max-width: 991px){
    .visi-xs{
		display: inline-block;
	}
	.hide-xs{
		display: none;
	}
	.ace-diy-cont-left {
		padding-right: 0;
		margin-right: 0;
		border-right: 0;
	}
	/* .ace-diy-cont-right {
		padding-left: 15px;
	} */
}

@media only screen and (min-width: 992px){
	.ace-logo{
		max-height: 40px;
	}
}

@media only screen and (min-width: 1200px){
	/* .modal-xl {
		max-width: 80%;
	} */
	/*.ace-plan-edit-popup .modal-xl{
		max-width: 80%;
	}*/
	/*Step 4,5 css starts*/
	.ace-diy-step4-elem,
	.ace-diy-step5-elem{
	    margin-left: -2.5rem;
	    margin-right: -2.5rem;
	}
	.ace-diy-step4-cont.ace-diy-cont-left,
	.ace-diy-step5-cont.ace-diy-cont-left{
	    padding-right: 4rem;
	    border-right: 1px solid var(--grey-color);
	    margin-right: 2rem;
	}
	/*Step 4,5 css ends*/
}

@media only screen and (min-width: 1200px) and (max-width: 1300px){
	.visi-md{
		display: inline-block;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px){
	.visi-lmd{
		display: inline-block;
	}
	/* .ace-plan-edit-popup .modal-xl{
		max-width: 80%;
	} */

	.ace-plan-edit-popup .ace-card-detail-elem{
		padding: 1rem 1rem 1.5rem;
	}

}

@media only screen and (min-width: 1300px){
	
}
	
@media only screen and (min-width: 1600px){
	body{
		font-size: 16px;
	}
	.ace-logo{
		max-height: 100%;
	}
	.ace-head-minor{
		font-size: 1.25rem;
	}
	.ace-head{
		font-size: 1.8rem;
	}
	.ace-head-sm{
		font-size: 1.5rem;
	}
	.ace-head-lg{
		font-size: 2rem;
	}

	.ace-head-xl{
		font-size: 2.5rem;
	}

	.ace-summ{
		font-size: 1rem;
	}

    /*.ace-top-menu-elem .navbar-brand{
    	padding-right: 6rem;
    }*/

	.ace-diy-steps{
		padding: 1.5rem 0 0.15rem;
		margin-bottom: 3rem;
	}

	.ace-diy-step .ace-diy-step-num,
	.ace-diy-step.curr-step .ace-diy-step-num{
		max-width: 3rem;
	}
	.ace-diy-step .ace-diy-step-num:before{
		width: 9px;
		height: 14px;
	}
	.ace-diy-step .ace-diy-step-num span,
	.ace-diy-step.curr-step .ace-diy-step-num span{
		font-size: 16px;
	}
	

	.ace-footer{
		padding: 1.5rem 0;
	}

	.ace-diy-form-field-elem .ace-diy-form-field{
		padding: 1rem 0.75rem;
	}

	.ace-diy-basic-user-form-part{
		padding: 4rem 5rem;
	}
	.ace-diy-basic-form-head{
		margin-bottom: 1.5rem;
	}

	/*.ace-plan-edit-popup .modal-xl{
		max-width: 75%;
	}*/

	.planDivDetails ul li:not(.plan-detail-head):not(.ace-edit-plan-read-more){
		font-size: 15px;
		position: relative;
		padding-left: 1.5rem;
		line-height: 1.5;
		background-position: left top 0.3rem;
	}
	


}

@media only screen and (min-width: 1900px){
	
	.ace-btn-outline,
	.ace-btn-outline-alt,
	.ace-btn-white-outline,
	.ace-btn-second,
	.ace-btn-second-outline,
	.ace-btn-second-outline-alt,
	.ace-btn-blue-outline-alt{
		padding: 0.7rem 2rem;
		font-size: 18px;
	}
}
/*Piyush responsive css ends*/