a, button, li {
    transition: 0.3s ease-out
}
.contact-form input {
    height: 60px;
}
.primary-border2 {
    border: 1px solid #e5e5e5;
}
.pl-20 {
    padding-left: 20px;
}
.list-group-item .my-btn .btn {
	color: #000;
}
.w-100 {
    width: 100%!important;
}
.mb-30 {
    margin-bottom: 30px;
} 
.other-page-area .container h1{
    font-size: clamp(1.25rem, 8vw, 3rem);
}
.other-page-bg{
	background-size: cover; 
	background-repeat: no-repeat
}
.contact-form textarea {
    height: 160px;
}
.my-btn button{
    padding: 8px 25px;
    font-size: 16px;
    background-color: var(--theme-bg);
    border: 1px solid var(--theme-color);
    color: #fff;
    outline: 0;
}
.my-btn button:hover {
    cursor: pointer;
    background-color: #fff;
    color: var(--theme-bg);
  }
 /*responsive*/
@media screen and (min-width:1200px) and (max-width:1440px) {
	.home2-category-active {
		padding-bottom: 82px
	}
}
@media screen and (min-width:992px) and (max-width:1199px) {
	.main-menu ul li {
		margin-right: 22px
	}
	.title h2, .title h2 span {
		font-size: 30px
	}
	.home2-category-active {
		padding-bottom: 80px
	}
}
@media screen and (min-width:768px) and (max-width:991px) {
	.video-play {
		font-size: 9px;
		height: 37px;
		line-height: 37px;
		width: 37px
	}
	.my-btn .btn, .slider-content .my-btn .btn {
		font-size: 13px;
		padding: 6px 18px
	}
	.copyright-text {
		margin-bottom: 15px
	}
	.useful-link {
		margin-top: 0
	}
	.ser-icon {
		min-width: 40px
	}
	.home2-category-active {
		padding-bottom: 80px
	}
	.home2-testimonial-active {
		margin-top: 85px
	}
	.copyright-area {
		margin-top: 0
	}
	.title h2, .title2 h2 {
		margin-bottom: 12px
	}
	.title h2, .title h2 span {
		font-size: 32px
	}
	.home4 .video-play {
		height: 45px;
		line-height: 45px;
		width: 45px
	}
	.home4 .my-btn .btn, .home4 .slider-content .my-btn .btn {
		min-width: 160px;
		padding: 10px 25px
	}
	.error-area .btn {
		font-size: 18px;
		padding: 10px 27px
	}
	.error-area {
		margin-bottom: 130px;
		margin-top: 125px
	}
}
@media screen and (max-width:767px) {
	.video-play {
		font-size: 8px;
		height: 30px;
		line-height: 30px;
		width: 30px
	}
	.my-btn .btn {
		font-size: 12px;
		padding: 6px 16px
	}
	.btn-2 a {
		font-size: 16px
	}
	.copyright-text {
		margin-bottom: 15px
	}
	.useful-link {
		margin-top: 0
	}
	::placeholder {
		font-size: 16px
	}
	.popular-course-active {
		bottom: -50px
	}
	.useful-link li {
		padding: 0 5px 0 0
	}
	.useful-link li a {
		font-size: 18px
	}
	.title p {
		font-size: 18px;
		padding-bottom: 20px
	}
	.ser-icon {
		margin-right: 12px;
		min-width: 24px
	}
	.timer p {
		font-size: 16px
	}
	.home2-category-active {
		padding-bottom: 70px
	}
	.title h2, .title2 h2 {
		margin-bottom: 37px
	}
	.title h2, .title h2 span {
		margin-bottom: 37px;
		font-size: 22px
	}
	.row.testimonial-active3-variable-width {
		padding-bottom: 60px
	}
	.home4 .video-play {
		height: 36px;
		line-height: 36px;
		width: 36px
	}
	.home4 .my-btn .btn, .home4 .slider-content .my-btn .btn {
		min-width: 150px;
		padding: 10px 15px
	}
	.p-course-img {
		margin-right: 0
	}
	.portfolio-menu button {
		font-size: 18px;
		padding: 8px 10px
	}
	.news-contact-form, .news-review-area {
		padding: 40px 15px
	}
	.error-area .btn {
		font-size: 16px;
		padding: 8px 25px
	}
	.error-area {
		margin-bottom: 90px;
		margin-top: 85px
	}
	.login-form, .register-form {
		margin-top: 35px
	}
}
@media screen and (min-width:0) and (max-width:576px) {
	.single-news a, p {
		font-size: 16px
	}
}
@media screen and (min-width:400px) and (max-width:576px) {
	.single-news a, p {
		font-size: 18px
	}
}
@media screen and (min-width:500px) and (max-width:600px) {
	.single-news a, p {
		font-size: 18px
	}
	.title p {
		font-size: 17px
	}
}
@media screen and (min-width:576px) and (max-width:767px) {
	.single-news a, p {
		font-size: 16px
	}
	p {
		font-size: 18px
	}
}