@media screen and (max-width:330px){
	.theme-btn i {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 30px;
		height: 30px;
		line-height: 30px;

	}
	.theme-btn {
		padding: 2px 34px 3px 18px;
		margin-right: 7px;
	
	}
}

@media(min-width: 320px) and (max-width: 767px){
	.nav_bar_section .site_logo{
		width: 40%;
	}
	.web_logo{
		width: 90%;
	}
	.nav_bar_section .cta_top_bar{
		width: 60%;
		padding: 0;	
	}
	.banner_form{
		background-color: #217248;
	    position:relative;
	    /*top:25%;*/
	    width:100%;
	    z-index:100;
	    right: 0;
	    padding: 40px;
	}
	.col-md-5 img{
		margin-top: 20px;
	}
	.four.col-md-3 {
	    width: 50%;
	    margin-bottom: 10px;
	}
	.banner_ul_treatment .banner_li{
		list-style: none;
		font-size: 17px;
		line-height: 30px;
		background: url(../images/green-tick.png) no-repeat left 7px;
		padding: 0 0 0px 30px;
		margin-left:9px;
	}
	.banner_ul .banner_li{
		list-style: none;
		font-size: 17px;
		line-height: 30px;
		background: url(../images/white-tick.png) no-repeat left 7px;
	  	padding: 0 0 0px 30px;
	  	color: #fff;
	}
	.banner_one{
		padding: 6%;
	}
	.modal-dialog{
		top: 15%;
	}
	.lock {
		position: static;
	}

	.start {
		/* margin-top: 500px; */
		box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
		position: static;
	}
	

	.bottomrelease {
		position: static;
	}
	ul{
		padding:0px;
		margin:0px;
	}
}

@media (max-width:560px) {
    .review {
        font-size: 14px;
        /*font-weight: 600*/
        margin-top: 20px;
    }

    .name {
        font-size: 13px
    }

    .job {
        font-size: 10px
    }

    .right {
        font-size: 12px
    }

    .left {
        font-size: 12px
    }

    .carousel-indicators [data-bs-target] {
        height: 8px;
        border: 1px solid black;
        width: 8px;
        background-color: inherit;
        border-radius: 50%
    }

    .carousel-indicators .active {
        border: 1px solid transparent;
        background-color: #217248
    }

	
}


@media screen and (min-width:768px) and (max-width:992px){
	.banner_form {
		background-color: #217248;
		position: fixed;
		top: 25%;
		width: 34%;
		z-index: 100;
		right: 0%;
		padding: 20px;
	}
}


@media screen and (min-width:992px) and (max-width:1100px){
	.banner_form {
		width: 33%;
		padding:27px;
		right: 10px;
	}
}


@media screen and (min-width:1435px) and (max-width:1440px){
	.banner_form{
		right: 5%;
		padding: 50px 30px;
	}
}