/*--------------------------------------------------------------
15. Media queries
--------------------------------------------------------------*/
@media only screen and (min-device-width: 1400px) and (max-device-width: 1600px){ 
   

}
@media only screen and (max-width : 1600px) {
	.hero-bg{
    	min-height: 700px;
	}
	.signup-page{
		padding: 40px 0px!important;
	}
	.step-list-div {
    	margin-bottom: 30px;
	}
}
@media only screen and (min-width: 1200px) {


}
@media only screen and (max-width: 1400px) {
	.hero-bg{
    	min-height: 650px;
	}
	.hero-title{
	    font-size: 48px;
	    line-height: 65px;
	}
	.title{
	    font-size: 40px;
	    line-height: 55px;
	}
	.medium-title {
    	font-size: 22px;
    }
	.title-line {
    	font-size: 15px;
	}
	.signup-title {
    	font-size: 27px;
    }
	.theme-btn {
    	padding: 15px 25px;
	}
	.rounded-box-div {
	    padding: 35px 20px;
    }
	.square-box {
    	padding: 25px;
	}
    .form-group{
    	margin-bottom: 16px;
    }
    .form-control, .input-dropdown .dropdown-toggle {
	    padding: 8px 12px;
	    border-radius: 8px;
	}
    .footer-line p {
	    font-size: 13px;
	}
	.sec-pad-res{
		padding: 30px 0px!important;
	}
}

@media only screen and (max-width: 1200px) {
	p {
	    font-size: 15px;
	    line-height: 28px;
	}
	.ft-20 {
    	font-size: 18px !important;
	}
	.ft-14 {
	    font-size: 12px !important;
	}
	.form-group label, .form-control, .input-dropdown .dropdown-toggle{
		font-size: 15px;
    }
	.sec-pad{
    	padding: 60px 0px; 
	}
	.hero-bg{
    	min-height: 400px;
	}
	.hero-title{
	    font-size: 42px;
	    line-height: 60px;
	}
	.title{
	    font-size: 35px;
	    line-height: 50px;
	}
	.medium-title {
    	font-size: 20px;
    }
    .signup-title {
    	font-size: 25px;
    }
    .flex-list-div {
    	margin-top: 20px;
	}
	.rounded-box-margin {
    	margin-top: 20px;
	}
	.rounded-box-div {
        padding: 20px 15px;
    }
    .header {
	    padding: 8px 0;
	}
	.logo-img {
	    max-width: 125px;
	}
    .navbar-nav {
        padding: 5px 15px 10px;
    }
    .navbar-collapse {
        background-color: var(--white);
        position: absolute;
        width: 100%;
        top: 51px;
        right: 0px;
        box-shadow: 0px 5px 10px #0000001f;
        z-index: 100;
    }
    .navbar-expand-xl .navbar-nav .nav-item {
        display: inline-block;
        width: 100%;
        padding: 0px;
    }
    .header .navbar-light .navbar-nav .nav-link {
        margin: 0px;
        display: inline-block;
        padding: 8px 0px;
        text-align: left;
    }
    .navbar-light .navbar-nav .nav-link.theme-btn {
	    padding: 8px 25px;
	    margin-top: 8px;
	}
 	.flex-listng{
	    margin-top: 20px;
	}
	.signup-page{
		min-height: calc(100vh - 92px);
	}
	.step-list {
    	min-width: 140px;
	}
	.square-box {
        padding: 20px 15px;
    }
    .signup-box {
	    max-width: 450px;
	}
	.panel-sidebar{
	    min-width: 50px;
	    width: 50px;
	    padding: 5px 0px;
	}
	.sidebar-list{
	    padding: 12px 5px;
	}
	.panel-container-padding{
	    padding: 15px 0px;
	    padding-left: 50px;
	}
	.panel-footer-line{
    	padding-left: 50px;
	}
	.status-line-collapse-tag{
    	padding: 8px 0px;
	}
	.form-step-list-box {
    	gap: 20px;
    }
    .form-step-number {
	    height: 35px;
	    min-width: 35px;
	    width: 35px;
	}
	.form-step-list-box::before {
    	left: 18px;
	}
	.main-card {
    	padding: 15px 12px;
	}
	.sticky-sidebar {
    	top: 15px;
	}
	.panel-container {
	    position: relative;
	    min-height: calc(100vh - 32px);
	}
}

@media only screen and (max-width: 991px) {
	.rounded-content-flex-div{
	    gap: 20px;
	    padding: 12px;
	    border-radius: 10px;
	    margin-bottom: 15px;
	}
	.icon-text-flex{
	    gap: 20px;
	}
	.page-end-btn-position {
	    width: calc(100% - 30px);
	    bottom: 10px;
	    left: 15px;
	}
 	.form-step-name{
 		display: none;
 	}
 	.form-flex-box-list {
    	gap: 12px;
	}
 	.form-flex-left-box {
	    min-width: 60px;
	    width: 60px;
	}
	.form-step-list-box {
    	gap: 25px;
    }
}
@media only screen and (max-width: 768px) {
 

}
@media (min-width: 992px){
	.w-large-40{
		width: 30%;
	}
	.w-large-60{
		width: 70%;
	}
}

@media only screen and (max-width: 767px) {
	.step-name {
    	display: none;
    }
    .step-number {
	    width: 36px;
	    height: 36px;
	}
    .step-list::after {
	    width: 20px;
	    top: 18px;
	    right: -10px;
	}
	.step-list {
        min-width: 80px;
    }
    .complete-icon svg{
    	width: 100px;
    	height: auto;
    }
    .form-flex-left-box {
        min-width: 45px;
        width: 45px;
    }
	.form-step-list-box {
    	gap: 15px;
    }
    .form-step-number {
	    height: 30px;
	    min-width: 30px;
	    width: 30px;
	}
	.form-step-list-box::before {
    	left: 15px;
	}
	.main-card {
    	padding: 15px 10px;
	}
	.main-card-header {
	    margin-bottom: 10px;
	}
	.form-flex-left-box .main-card {
    	padding: 10px 5px;
	}
	.form-steps-card-box {
	    padding-bottom: 50px !important;
	}
	.page-end-btn-position {
	    width: calc(100% - 20px);
	    bottom: 10px;
	    left: 10px;
	}
	.panel-container {
    	min-height: calc(100vh - 64px);
	}
	.form-steps-card-box {
    	min-height: calc(100vh - 95px);
	}
	.signup-page{
        min-height: calc(100vh - 124px);
    }

}
@media only screen and (max-width: 640px) {
  

}
    

@media only screen and (max-width: 575px) {
	.form-group label, .form-control, .input-dropdown .dropdown-toggle{
		font-size: 14px;
    }
	.sec-pad{
    	padding: 50px 0px; 
	}
	.hero-bg{
    	min-height: 400px;
	}
	.hero-title{
	    font-size: 35px;
	    line-height: 50px;
	}
	.title{
	    font-size: 30px;
	    line-height: 45px;
	}
	.mini-title {
    	font-size: 16px;
    }
	.signup-title {
    	font-size: 22px;
    }
	.theme-btn {
		font-size: 15px;
    	padding: 12px 20px;
	}
	.theme-btn.small-btn {
    	padding: 8px 16px;
	}
	.sec-res-bottom{
		padding-bottom: 40px!important;
	}
	.sec-pad-res{
		padding: 20px 0px!important;
	}
	.accordion-item {
	    padding: 8px;
	    margin-bottom: 15px;
	}
	.accordion-button{
	    font-size: 15px;
	}
	.accordion-body {
	    padding: 5px 0px;
	    margin-top: 5px;
	}
	.rounded-content-flex-div{
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    padding: 10px;
	    gap: 10px;
	}
	.icon-text-flex{
	    gap: 10px;
	}
	.rounded-content-flex-div .theme-btn{
		margin-left: auto;
	}
	.form-steps-card-box .theme-btn.small-btn {
        padding: 7px 10px;
        font-size: 12px;
    }
}
@media (min-width: 576px){

}

@media only screen and (max-width: 480px) {
  
}
@media only screen and (max-width: 425px) {
	.panel-container {
	    min-height: calc(100vh - 92px);
	}
	.form-steps-card-box {
    	min-height: calc(100vh - 122px);
	}
}
@media screen and (max-width: 375px){

}
@media screen and (max-width: 321px){

}