@media (max-width: 1200px) and (min-width: 991px){
	#navbarNav .nav-link{
		padding: 10px;
		font-size: 14px;
	}

	/* Blog */
	#blogs .card img{
		max-height: 210px;
		min-height: 210px;
	}
	#blogs .card{
		max-height: 545px;
		min-height: 545px;
	}
	.work-process h1{
		font-size: 18px;
		margin-top: 10px;
	}
	.work-process p{
		font-size: 15px;
		line-height: 1.3;
	}
	.last-item{
		left: 75px;
	}

	/* Login Page */
	.login-form{
		padding: 80px;
	}

	/* Create Account */
	#create-account .login-form{
		min-height: 650px;
	}

	#create-account .welcome-msg{
		min-height: 650px;
	}

}

@media (max-width: 991px) and (min-width: 768px){
	#navbarNav .nav-link{
		padding: 15px;
	}

	.navbar-nav .btn-blue{
		margin: 5px 15px !important;
	}

	.free-account form .btn.mt-50 {
    	margin-top: 0;
	}
	/* Home How it works */
	.arrow-img-1, .arrow-img-2, .arrow-img-3{
		position: relative;
		left: 0;
		display: block;
		margin: auto;
	} 
	.work-process{
		left: 175px;
	}
	.work-process.last-item {
    	left: 175px;
	}
	.work-process p{
		width: 75%;
	}

	#blue-bg-right .mt-200{
		margin-top: 0;
	}

	/* Login Page */
	.login-form{
		padding: 80px 50px;
	}

	/* Create Account */
	#create-account .login-form{
		min-height: 650px;
		padding: 30px 45px;
	}

	#create-account .welcome-msg{
		min-height: 650px;
	}

	#create-account .login-form .mt-20{
		margin-top: 0;
	}
}

@media (max-width: 767px){
	#navbarNav .nav-link{
		padding: 15px;
	}

	.navbar-nav .btn-blue{
		margin: 5px 15px !important;
	}
	/* Slider */
	#slider{
		padding-top: 70px;
	}

	#slider .carousel .carousel-indicators{
		bottom: -65px;
	}

	#slider .carousel-control-prev, #slider .carousel-control-next{
		display: none;
	}

	.stylish-blue-bg{
		background-size: cover;
	}

	#blue-bg-right{
		background-size: cover;
	}

	.free-account form .btn.mt-50{
		margin-top: 0;
	}

	/* Home How it works */
	.arrow-img-1, .arrow-img-2, .arrow-img-3{
		position: relative;
		left: 0;
		display: block;
		margin: auto;
	}

	.work-process{
		left: 80px;
	}

	.work-process.last-item{
		left: 80px;
	}

	.work-process .font-20{
		font-size: 18px;
	}

	.work-process p{
		font-size: 15px;
		width: 75%;
	}

	#blue-bg-right .mt-200{
		margin-top: 0px;
	}

	.q-width{
		width: 75%;
		position: absolute;
		top: 9px;
	}
	/* footer */
	.footer-logo{
		float: none;
	}

	/* Login Page */
	.login-form{
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
		padding: 80px 75px;
	}

	.welcome-msg{
		padding: 35px 75px;
		border-top-right-radius: 0;
    	border-bottom-right-radius: 0;
    	border-bottom-left-radius: 0;
    	border-top-right-radius: 12px;
    	border-top-left-radius: 12px;
    	min-height: auto;
	}

	.login-bg .col-lg-7, .login-bg .col-md-7{
		padding-right: 15px;
	}

	.login-bg .col-lg-5, .login-bg .col-md-5{
		padding-left: 15px;
	}

	/* Create Account */
	#create-account .welcome-msg{
		border-bottom-left-radius: 0;
		border-top-right-radius: 12px;
		border-top-left-radius: 12px;
	}

	#create-account .col-lg-5, #create-account .col-md-5{
		padding-right: 15px;
	}

	#create-account .col-lg-7, #create-account .col-md-7{
		padding-left: 15px;
	}

	#create-account .login-form{
		border-top-right-radius: 0;
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
		padding: 30px 35px;
		min-height: 650px;
	}

	#create-account .login-form .mt-20{
		margin-top: 0px;
	}

	#create-account form#signup_form {
    	padding: 15px;
	}

	.input-container label.active-label{
		font-size: 16px;
	}

	/* Contact Form */
	#contact_form .mr{
		margin-right: 0;
	}

	form#contact_form{
		padding-left: 20px;
	}

	/* Blog */
	.blog-filters{
		padding-right: 15px;
	}

	#blogs .card-img-top{
		min-height: 145px;
	}

}

@media (max-width: 767px) and (min-width: 576px){
	/* Footer */
	.social-icons-white ul li a{
		margin-right: 0px;
	}
}

@media (max-width: 480px) and (min-width: 320px){
	/* Home Slider */
	#slider img {
	    margin-top: 35px;
	    width: 100%;
	    height: auto;
	}

	#main-home-slider p{
		font-size: 21px;
	}

	#main-home-slider h1{
		font-size: 32px;
	}

	.carousel .carousel-indicators .active{
		transform: inherit;
	}

	/* Home Newsletter */
	#newsletter h1.font-35{
		font-size: 32px;
	}
	/* Home Blogs */
	#blogs .card{
		max-height: inherit;
		min-height: inherit;
	}
	/* Home Footer */
	.social-icons-white ul li a{
		margin-right: 0;
	}

	/* How it works */
	.work-process {
    	left: 45px;
	}

	.work-process.last-item {
    	left: 45px;
	}

	.q-width{
		width: 75%;
		position: absolute;
		top: 9px;
	}

	/* Sticky button */
	.sticky-btn{
		padding: 0;
		right: 15px;
		margin-left: 0;
		bottom: 90px;
	}

	.sticky-btn .btn-text{
		display: none;
	}

	.sticky-btn img{
		right: 0;
		width: 45px;
    	height: auto;
	}

	.sticky-btn:hover .btn-text{
		display: inline-block;
		font-size: 11px;
    	padding-right: 8px;
    	padding-left: 5px;
    	margin-left: 0;
	}

	.sticky-btn:hover{
		padding: 0 30px 0 0;
	}

	/* Login Page */
	.login-form{
		padding: 80px 45px;
	}

	.welcome-msg{
		padding: 35px 45px;
	}

	/* Rist assessment */
	.plr-45#risk-assessment{
		padding-left: 15px;
		padding-right: 15px;
	}
	.sv_nav {
	    position: absolute;
	    bottom: 130px;
	    left: 45px;
	}
	.sv_body {
	    min-height: 450px;
	    /*background: #fff;*/
	}
	.sv_p_root{
		min-height: 350px;
		padding: 15px;
	}
	#surveyElement h5{
		font-size: 16px;
	}
	/* Form */
	.input-container label.active-label{
		font-size: 14px;
	}

}

@media (max-width: 375px) and (min-width: 320px){
	.navbar-brand{
		width: 44%;
	}

	.navbar-brand img{
		width: 100%;
	}

	/* How it works */
	.work-process {
    	left: 25px;
	}

	.work-process.last-item {
    	left: 25px;
	}

	/* Login Page */
	.login-form{
		padding: 80px 20px;
	}
}