/*
@screen-xs-max: 767px;
@screen-sm-min: 768px;
@screen-sm-max: 991px;
@screen-md-min: 992px;
@screen-md-max: 1199px;
@screen-lg-min: 1200px;
*/

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) { 
	.mobile-hide { display: none; 
	}
	
	ul.timeline>li>.timeline-panel {
		width: calc(83%) !important;
	}

	.featherlight iframe {
		width: 300px;
		height: 300px;
	}
	
	.featherlight .featherlight-close-icon {
		top: 17px!important;
		right: 17px!important;
	}

	.btn-account-main {
		width: 100%;
	}

	.btn-secondary-color {
		background-color: #f2bbad!important;
		border-color: #f2bbad!important;
	}
	
	.margin-bottom-exd {
		margin-bottom: 10px;
	}
	
	.btn-modal-footer {
		width:50%;
	}
	
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) /*and (max-width: 991px) */
{
	.display-3 {
		font-size: 5.5rem!important;
	}

	.display-4 {
    font-size: 2.5rem!important;
    font-weight: 300!important;
    line-height: 1.1!important;
	}

	.featherlight iframe {
		width: 600px;
		height: 600px;
	}	

	.featherlight .featherlight-close-icon {
		top: 17px!important;
		right: 17px!important;
	}

	.btn-account-main {
		width: 250px;
	}
	
	.btn-generate {		
		margin-right:31px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) /*and (max-width: 1199px)*/ { 
    .col-lg-3 {
        display: block !important;
    }
	
    .nav-item-account {
        display: none;
    }
	
	.mobile-only {
        display: none;
	}
	
	.p-4 {
		padding: 3rem!important;
	}		

	.display-4 {
    font-size: 3.25rem!important;
	}
	
	.featherlight .featherlight-close-icon {
		top: 8px!important;
		right: 8px!important;
	}

	.title-class {
		margin-top: unset;
	}
	
	.chart-2 {
		padding-right:8px;
	}

	.chart-3 {
		padding-left:8px;
	}
	
} 

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}