@media only screen and (max-width:1024px){
	.facts{
		margin-right: 0;
	}
}

@media only screen and (max-width:991px) {
    .nav {
        display: none;
    }

    .container {
        padding: 0;
    }

    .inr-header {
        margin: 0 0 15px;
    }

    .heading .col-md-7, .heading .col-md-5 {
        width: 100%;
        max-width: 100%;
    }

    .heading .application-status {
        width: 100%;
        text-align: left;
    }

    .heading .col-md-7.display-flex {
        justify-content: space-around;
    }

    .facts {
        flex: 1 0 auto;
        margin: 10px 0;
    }

    .modal-dialog {
        margin-top: 20px;
    }

    .modal-body {
        display: block;
    }

        .modal-body.vertical-scroll {
            max-height: 350px;
        }

    .mCSB_container {
        width: 1200px !important;
    }

    .query-col {
        margin: 10px 0;
    }

    .step-sticky .mCSB_container {
        width: auto !important;
    }

    .step-sticky .display-flex {
        flex-wrap: nowrap;
        justify-content:center !important;
    }

    .steps-col {
        overflow:hidden;
    }

    .heading h2 {
        font-size: 17px;
    }

    .deprt-logo {
        width: 35px;
    }

    .all-forms .form-group {
        margin-bottom: 0;
    }
    /*
	[class^="col-md-"], [class*=" col-md-"] {
		margin-bottom: 15px;
	}*/

    .grid-header {
        display: none;
    }


    .row-head::before, .row-text::before {
        content: attr(data-label);
        position: relative;
        float: left;
        width: 100%;
        display: block;
        margin-bottom: 5px;
        font-family: "montserrat-light";
        font-size:13px;
    }

    .row-text {
        text-align:left;
        font-family: "montserrat-med" !important;
    }

    .row-head h4{
        margin:0;
    }

    .row-head {
        margin-bottom:15px !important;
    }

    .well.data-row {
      padding: 15px 15px;
    }

    .row-text div {
        padding:0;
    }

    .row-text:last-child {
        margin-top:15px;
    }

    .row-header {
        background:#fff;
        padding:10px;
        border-left:var(--primary-color) solid 4px;
        width:100%;
    }

    .mobile-number .inpt .select2 {
        width:80px !important;
    }
    .mobile-number .inpt input {
  padding-left: 90px;
}

	
}

@media only screen and (max-width:767px){
	.hide-text-mobile{
		display: none;
	}
	
	.user-details .ion-icon{
		display: inline-block;
	}
	
	.user-details .drop-toggle{
		padding: 12px 15px;
	}
	
	.brand a{
		line-height: 0;
	}
	.brand{
		margin-right: 0;
		padding:0;
		margin-left: 10px;
		width: 150px;
		margin-top: 5px;
	}
	
	.brand img{
		width: 100%;
	}
	
	.btn-query{
		margin: 5px 0;
		margin-right: 10px;
	}
	
	.form-group .col-xs-12:first-child{
		margin-bottom: 15px;
	}
	
	.query-col{
		text-align: center;
	}
	
	.center-element{
		width: 100%;
	}
	
	.step-sticky .mCSB_container{
		width:600px !important;
        max-width:100% !important;
	}
	
	.step-sticky .display-flex{
		justify-content: space-around;
	}
	
	.steps-col{
		margin-right: 0;
	}
	
	.steps-col::before {
		width: 160%;
	}
	
	.fix-this .steps-col::before, .steps-col::before { 
		width: 200%;
	}
	
	.step-head{
		margin: 5px 0;
	}
	
	.steps-col .steps-num {
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 16px;
	}
	.fix-this .step-head{
		font-size: 13px;
	}

    .btn-query {
        display:none;
    }

    .row-head {
        margin:0 !important;
        margin-bottom:10px !important;
    }

    .row-text:not(:last-child) {
        margin:0 !important;
        margin-bottom:10px !important;
    }


}
@media only screen and (max-width:700px){ 
	.facts{
		flex: 1 0 100%;
	}
}

@media only screen and (max-width:650px){ 
	.modal-small{
		width: 90%;
	}
}

@media only screen and (max-width:600px){
	.convo-send-name-time span{
		display: block;
	}
	
	.inner-heading-grey h2, .all-forms h3{
		font-size: 16px;
	}
	.inner-heading-grey h2{
		width: 100%;
		float: left;
	}
	
	.inner-heading-grey .btn{
		float: left !important;
		margin: 5px 0;
	}
}

@media only screen and (max-width:480px){
	.user-details .ion-icon{
		font-size: 25px;
	}
	
	.brand{
		width: 135px;
	}
	
	.btn-query {
		margin: 7px 0;
		margin-right: 10px;
		padding: 0 10px;
	}

    .step-sticky .mCSB_container{
		width:500px !important;
        max-width:none !important;
	}

    .step-sticky .display-flex {
        justify-content:space-around !important;
    }

    .steps-col {
      overflow: visible;
    }

    .fix-this .steps-col::before, .steps-col::before {
      width: 130%;
    }
}