/* large screens */
@media (min-width: 1600px)
{
	.sign-up-form .container
	{
		max-width: 1700px;
	}
}
/* Desktops/Laptops */
@media (max-width: 1500px)
{
	.wrapper
	{
 		padding: 40px 0px 50px 20px;
	}

	.col-md-7.custom-width
	{
		width: 50%;
	}
	.col-md-5.custom-width
	{
		width: 50%;
	}
		.reg-button .sign-up
	{
		width: 200px;
	}
	.search
	{
		width: 90%;
	}
}
/* Desktops/Laptops */
@media (max-width: 1200px)
{

	.col-md-7.custom-width
	{
		width: 50%;
	}
	.col-md-5.custom-width
	{
		width: 50%;
	}


	.wrapper
	{
		padding: 50px 0;
	}

	.about h1
	{
		font-size: 50px;
	}
	.about p
	{
		font-size: 16px;
	}
	.search
	{
		width: 100%;
	}
	.about span
	{
		font-size: 14px;
	}
	.reg-button
	{
		display: flex;
	}
	.reg-form .wrapper
	{
		padding: 50px 10px 50px 10px;
	}
	.reg-form .reg-button-social button
	{
		width: 16vw;
	}
	.reg-button .sign-up
	{
		width: 165px;
	}

}

/* Laptops */
@media (max-width: 1024px)
{

}

/* Tablets */
@media (max-width: 768px)
{
	.about
	{
		width: 45%;
		position: relative;
		display: none;
	}
	.tab-100
	{
		width: 100% !important;
	}
	.reg-form h2
	{
		font-size: 30px;
	}
	.reg-button
	{
		display: block;
	}
		.reg-button .sign-up
	{
		width: 100%;
	}
	.reg-button span
	{
		float: none !important;
		text-align: left;
	}
	.wrapper
	{
		padding: 50px 0px !important;
	}
		.reg-form .reg-button-social button
	{
		width: 200px;
		margin-bottom: 10px;
	}
}

/* mobile */
@media (max-width: 576px)
{

	.reg-form form span
	{
		font-size: 12px;
	}
	.about
	{
		display: none;
	}
	.wrapper
	{
		padding: 30px 10px 30px 10px;
	}
	.about
	{
		position: static;
		width: 100%;
		margin-top: 100px;
	}
	.about h1
	{
		font-size: 45px;
	}
	.about p
	{
		font-size: 16px;
	}
	.search
	{
		width: 100%;
	}
	.reg-form
	{
		margin-top: 50px;
	}
	.reg-form h2
	{
		font-size: 30px;
	}

	.reg-form .reg-button-social button
	{
		width: 200px;
		margin-bottom: 10px;
	}
	.reg-form .wrapper
	{
		padding: 50px 0px 50px 0px;
	}
		.reg-button
	{
		display: block;
	}
	.reg-button .sign-up
	{
		width: 100%;
	}
	.reg-button span
	{
		float: none !important;
		text-align: left;
	}

}

/* large screens */
@media (min-width: 1600px)
{

}
/* Desktops/Laptops */
@media (max-width: 1500px)
{
    .thankyou-page-inner .wrapper
	{
		padding: 100px;
	}
    .next-prev-btn .back
    {
        text-align: center;
    }
}
/* Desktops/Laptops */
@media (max-width: 1200px)
{

    .wrapper
    {
        padding: 50px 80px;
    }
    .form-heading
    {
        font-size: 24px;
    }
    .form-buttons button
    {
        font-size: 12px;
        height: 55px;
    }
    .form-buttons button i
    {
        font-size: 12px;
    }
    .thankyou-page
{
    border-radius: 0;
    padding: 20px;
}
.thankyou-page-inner
{
    top: 5%;
}
.thankyou-page-inner .wrapper
{
    padding: 50px;
    
}
.thankyou-page-inner h2
{
    font-size: 30px;
}

}

/* Laptops */
@media (max-width: 1024px)
{

}

/* Tablets */
@media (max-width: 768px)
{

    .steps-inner
    {
        margin-top: 30px;
    }
    .wrapper
    {
        padding: 50px 80px;
    }
	.wrapperr{    padding: 28px 15px;}
    .timer
    {
        top: 0;
        bottom: auto;
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-right: 0;
        border-radius: 0;
        position: relative;
        justify-content: center;
        width: 100%;
        justify-content: center;
    }
    .timer-heading
    {
        margin: 0 20px;
    }
    .sm-sticky
    {
		/* position: absolute;
		top: 8%;
		bottom: 0;
		z-index: 1; */
		/* width: 100%; */
    }

}

/* mobile */
@media (max-width: 576px)
{

    .steps-inner
    {
        margin-top: 0px;
    }
    .wrapper
    {
        padding: 30px 40px;
    }
    .form-heading
    {
        font-size: 15px;
    }
    .step-heading p
    {
        font-size: 12px;
    }
    .step-bar .step-counter
    {
        font-size: 18px;
    }
    .form-input
    {
        font-size: 15px;
    }
    .form-input input
    {
        width: 25px;
        height: 25px;
		margin-right: 10px;
    }
    .form-input input:checked::after
    {
        line-height: 22px;
        font-size: 12px;
    }
    .form-buttons
    {
        display: block;
    }
    .form-buttons button
    {
        font-size: 12px;
        height: 55px;
        width: 100%;
        margin-top: 10px;
    }
    .form-buttons button i
    {
        font-size: 12px;
    }
    .timer
    {
        top: 0;
        bottom: auto;
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-right: 0;
        border-radius: 0;
        position: sticky;
        justify-content: center;
        width: 100%;
        justify-content: center;
    }
    .timer-heading
    {
        margin: 0 20px;
    }
    .sm-sticky
    {
		/* position: absolute;
		top: 8%;
		bottom: 0;
		z-index: 1; */
		/* width: 100%; */
    }
    .thankyou-page
	{
		border-radius: 0;
		padding: 20px;
	}
	.thankyou-page-inner
	{
		top: 15%;
		border-radius: 10px;
	}
	.thankyou-page-inner .wrapper
	{
		padding: 50px;
		
	}
	.thankyou-page-inner h2
	{
		font-size: 30px;
	}
    .next-prev-btn .back
    {
        width: 100%;
    }
	.col-lg-3.d-lg-block{padding: 0;}
	.section-header span{font-size: 22px;}

	.breadcrums-text h2{font-size: 25px;}
	.breadcrums-inner-text{gap: 15px;}
	.breadcrums-inner-text a{font-size: 12px;}
	.plan-header h1{font-size: 25px;}
	.Subscription-plan{grid-template-columns: repeat(1, 1fr);}
	.table-div{overflow-x: scroll;white-space: nowrap;display: grid;}
	.steps p{text-align: justify;}
	.steps h3{padding-top: 20px;}
	.table-div .btn{margin-bottom: 20px;}
	.popup{width: 88%;}
	.contact-form input[type="submit"]{margin-bottom: 20px;}
	.contact-form h2{font-size: 25px;}
	.add-box h2{font-size: 25px;}
	.noti-text img{margin-bottom: 10px;}
	.noti-text{display: block;}
	.noti-box{display: block;}
	.notifi{margin-left: 0!important;    margin-bottom: 10px;}
	.accordion button{font-size: 13px;}
	.tab{    padding: 5px 0px;
		margin: 0px 6px;
		font-size: 11px;}
		.step-heading h2{font-size: 15px;}
		
}