/*****************************************************************
    Template Name    : Techmax - IT Solutions and Technology Website Template
    Author           : Barakah Themes
    Version          : 1.0
    Created          : 2021
    File Description : Main Responsive file of the template
*****************************************************************/

/*
	1. Laptop L- 1440 ( 1199 and 992 )
	2. Laptop - 1024 ( 991 and 768 )
	3. Tablet - 768 ( 767 and 576 )
	4. Mobile L - 425 ( 576 ...
	5. Mobile M - 375 (
	6. Mobile S - 320 (

	** - 00 - All Page Footer Section CSS
	** - 00 - Pay-page CSS
	** - 00 - Registration Section CSS
	** - 00 - FAQ Section CSS
	** - 00 - Modal CSS
	** - 00 - Tabs Section CSS
	** - 00 - Comments Section CSS
*/


@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.navbar-light .navbar-brand {
		position: relative;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0;
		padding-bottom: 0;
		top: 0;
		left: 0;
	}

	.navbar-area.is-sticky .navbar-light .navbar-brand {
		position: relative;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0;
		padding-bottom: 0;
		top: 0;
		left: 0;
	}

	.about-content-text h2 {
		font-size: 30px;
	}

	.testimonial-slider.owl-theme .owl-nav [class*=owl-] {
		left: 0;
	}

	.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0;
	}

	.blog-item .single-blog-item {
		padding: 20px 16px;
	}

	.blog-item .single-blog-item .blog-content h3 {
		font-size: 18px;
	}

	.blog-item .single-blog-item .blog-list li {
		font-size: 12px;
		margin-right: 8px;
	}

	.blog-item .single-blog-item .blog-list i::before {
		font-size: 12px;
	}
	.overview-content .features-list li span.active {
		color: #fff;
		padding-left: 15px;
	}

	.single-footer-widget .footer-heading h3 {
		font-size: 18px;
	}
	.newsletter-form .input-newsletter {
		padding-right: 57%;
	}

	/*
	Изменения ниже
	*/

	.features-list li:nth-child(3) span {
		padding: 23px 15px;
		padding-left: 25px;
	}

/*******************************************
     ** - 00 - Registration Section CSS 992px and 1199px
********************************************/

	.registration-section .img-logo-container img {
		max-width: 90%;
	}

	.registration-section .headler-registration h3 {
		font-size: 1.65rem;
	}


/*******************************************
	 ** - 00 - Tabs Section CSS 992px and 1199px
********************************************/

	.headler-element h4 {
		font-size: 1.4rem;
	}


}

@media only screen and (min-width: 768px) and (max-width: 992px) {

	.section-title span {
		font-size: 15px;
	}

	.section-title h3 {
		font-size: 26px;
		margin: 5px 0 0 0;
	}

	.other-option {
		display: none;
	}

	.navbar-area {
		-webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
		box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
	}

	.navbar-area.is-sticky .techmax-responsive-nav .mean-container a.meanmenu-reveal {
		padding-top: 20px;
		color: #000000;
	}

	.navbar-area.is-sticky .techmax-responsive-nav .mean-container a.meanmenu-reveal span {
		background: #000000;
	}

	.mean-container .mean-nav {
		display: flex;
		margin-top: 1.5%;
		justify-content: center;
	}

	.techmax-responsive-nav .mean-container a.meanmenu-reveal {
		padding-top: 15px;
		color: #000;
	}

	.techmax-responsive-nav.index-navber-responsive .mean-container a.meanmenu-reveal span {
		background: #333;
	}
	.techmax-responsive-nav .mean-container a.meanmenu-reveal span {
		background: #000;
	}

	.home-area {
		padding-top: 75px;
		padding-bottom: 100px;
		background-position: 50%;
		min-height: 550px;
		height: 55vh;
	}
	.home-area .banner-image {
		text-align: center;
		padding-top: 40px;
	}
	.main-banner-content {
		margin: auto;
		text-align: center;
		padding-top: 30px;
	}

	.main-banner-content h1 {
		font-size: 35px;
		margin: 0 0 15px 0;
	}

	.main-banner-content .banner-btn {
		margin-top: 20px;
	}

	.about-content {
		margin-right: 0;
	}

	.about-content-text h2 {
		font-size: 33px;
	}
	.about-image {
		text-align: center;
		margin-top: 35px;
		margin-right: 0;
	}
	.about-image:before {
		display: none;
	}
	.about-image img {
		box-shadow: none;
	}
	.blog-image img {
		width: 100%;
	}

	.blog-item .single-blog-item {
		padding: 20px 16px;
	}

	.blog-item .single-blog-item .blog-content h3 {
		font-size: 18px;
	}

	.blog-item .single-blog-item .blog-list li {
		font-size: 12px;
		margin-right: 8px;
	}

	.blog-item .single-blog-item .blog-list i::before {
		font-size: 12px;
	}

	.hire-inside-wrapper {
		padding: 70px 75px;
	}

	.partner-title {
		margin-bottom: 30px;
	}

	.partner-list .partner-item {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.partner-list .partner-item:nth-child(6) {
		margin-left: 0;
	}
	.overview-content span {
		font-size: 15px;
	}

	.overview-content h2 {
		font-size: 26px;
		margin: 5px 0 8px 0;
	}

	.overview-image {
		margin-bottom: 35px;
		text-align: center;
	}
	.overview-image-2 {
		text-align: center;
		margin-top: 35px;
	}
	.single-counter {
		padding: 15px 0;
	}
	.hire-content h2 {
		font-size: 33px;
	}
	.hire-content p {
		font-size: 15px;
	}
	.partner-list .partner-item a {
		padding: 0px 50px;
	}
	.contact-information-box-3 {
		margin-bottom: 50px;
	}

	.page-title-content h2 {
		font-size: max(1.5rem, min(1.15rem + 1.17vw, 1.875rem));
	}

	.page-title-content ul {
		margin-top: 6px;
	}

	.services-details-overview {
		margin-bottom: 0;
	}

	.services-details-image {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.projects-details-desc .project-details-info {
		margin-top: 20px;
	}

	.projects-details-desc .project-details-info .single-info-box {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.widget-area .widget_techmax_posts_thumb .item .info .title {
		font-size: 16px;
	}

	.widget-area .widget_search {
		-webkit-box-shadow: unset;
		box-shadow: unset;
		padding: 0;
	}

	.widget-area .widget_search form.search-top {
		margin-top: 40px;
	}

	.widget-area .widget_search form.search-bottom {
		margin-top: 0;
	}

	.tagcloud.section-top {
		margin-bottom: 30px;
	}

	.tagcloud.section-bottom {
		margin-bottom: 0;
	}

	.banner-image {
		display: none;
	}

	.section-padding {
		padding: 70px 0;
	}

/*******************************************
	 ** - 00 - All Page Footer Section CSS 768px and 992px
********************************************/

	.single-footer-widget {
		padding: 15px 0;
	}

	.single-footer-widget .footer-heading {
		margin-bottom: 12px;
	}

	.single-footer-widget .footer-heading h2 {
		font-size: 22px;
	}

	.single-footer-widget .footer-social {
		margin-bottom: 20px;
	}

	.footer-quick-links li:last-child {
		padding-bottom: 25px;
	}

	.footer-logo {
		align-items: flex-start;
	}

	.copyright-area {
		text-align: left;
	}

	.copyright-area ul {
		text-align: right;
	}
	.newsletter-form .input-newsletter {
		padding-right: 50%;
	}

/*******************************************
	 ** - 00 - Pay-page CSS 768px and 992px
********************************************/

	.container-bloc-pay-info {
		flex-direction: row-reverse;
		align-items: flex-start;
	}
	.single-services-item__pay {
		min-height: 160px;
	}
	.overview-box .features-list-box :first-child{
		margin-top: 16px;
	}
	.pay-info-text-bloc {
		padding-top: 0;
	}
	.overview-box__responsive {
		width: 175%;
	}
	.pay-info-text-bloc > .overview-box:first-child .features-list-box {
		margin-top: 0;
	}
	.pay-info-text-bloc > .overview-box:first-child .features-list-box li{
		margin-top: 0;
	}
	.overview-box .features-list-box li span {
		border-radius: 0 10px 10px 0;
	}


/*******************************************
     ** - 00 - Registration Section CSS 768px and 992px
********************************************/

	.form-content-registration {
		width: 75%;
	}
	.present-company-container {
		display: none;
	}

	.registration-section .form-container {
		width: 100%;
	}

/*******************************************
	 ** - 00 - Modal CSS 768px and 992px
********************************************/

	/*.modal-content {*/
	/*	margin: 25% auto;*/
	/*}*/
	.modal-content-testimonias {
		/*margin: 25% auto;*/
		width: 70%;
	}

	/* Ниже не этот блок*/

	.other-option-responsive {
		display: block;
	}

/*******************************************
	 ** - 00 - Tabs Section CSS 768px and 992px
********************************************/

	.headler-element h4 {
		font-size: 1.3rem;
	}

	.debt-content-container {
		width: 90%;
	}
	.tabcontent .container{
		padding: 0;
	}
	.tab .tablinks {
		min-width: 22%;
	}

/*******************************************
	 ** - 00 - Comments Section CSS 768px and 992px
********************************************/

	/*.section-testimonias {*/
	/*	margin-top: 12%;*/
	/*}*/
	.testimonial-content {
		flex-direction: column;
		align-items: center;
	}
	.L-testimonias {
		flex-direction: row-reverse;
		width: 35%;
		padding-bottom: 3%;
	}
	.R-testimonias {
		width: 75vw;
	}
	.comment-calidate-container span {
		font-size: 15px;
	}
	.testimonias-btn {
		min-width: max-content;
	}
	.L-testimonias-img {
		display: none;
	}
}

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

	.section-title h2 {
		font-size: 30px;
	}

	.section-title h3 {
		font-size: 26px;
		margin: 5px 0 0 0;
	}

	.default-btn-one {
		margin-right: 0;
	}

	/*.other-option {*/
	/*	display: none;*/
	/*}*/

	.navbar-area {
		-webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
		box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
	}

	.navbar-area.is-sticky .techmax-responsive-nav .mean-container a.meanmenu-reveal {
		padding-top: 20px;
		color: #000000;
	}

	.navbar-area.is-sticky .techmax-responsive-nav .mean-container a.meanmenu-reveal span {
		background: #000000;
	}

	.mean-container .mean-nav {
		display: flex;
		margin-top: 2%;
		justify-content: center;
	}

	.techmax-responsive-nav .mean-container a.meanmenu-reveal {
		padding-top: 15px;
		color: #000;
	}

	.techmax-responsive-nav.index-navber-responsive .mean-container a.meanmenu-reveal span {
		background: #333;
	}
	.techmax-responsive-nav .mean-container a.meanmenu-reveal span {
		background: #000;
	}

	.main-banner-content {
		text-align: center;
		padding-top: 50px;
	}

	.main-banner-content h1 {
		font-size: 32px;
		margin: 0 0 18px 0;
	}

	.main-banner-content .banner-btn {
		margin-top: 20px;
	}

	.home-area {
		padding-top: 60px;
		padding-bottom: 100px;
		background-position: center;
		min-height: 600px;
		height: 65vh;
	}
	.about-content {
		margin-right: 0;
	}

	.about-content-text h2 {
		font-size: 25px;
	}
	.about-image {
		text-align: center;
		margin-top: 35px;
		margin-right: 0;
	}
	.about-image:before {
		display: none;
	}
	.about-image img {
		box-shadow: none;
	}
	.blog-image img {
		width: 100%;
	}

	.blog-item .single-blog-item {
		padding: 20px 16px;
	}

	.blog-item .single-blog-item .blog-content h3 {
		font-size: 20px;
	}

	.blog-item .single-blog-item .blog-list li {
		font-size: 12px;
		margin-right: 8px;
	}

	.blog-item .single-blog-item .blog-list i::before {
		font-size: 12px;
	}

	.partner-title {
		margin-bottom: 30px;
	}

	.partner-title span {
		font-size: 15px;
	}

	.partner-title h3 {
		font-size: 26px;
		margin: 5px 0 0 0;
	}

	.partner-list .partner-item {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.partner-list .partner-item:nth-child(6) {
		margin-left: 0;
	}
	.newsletter-form button {
		position: relative;
		margin-top: 25px;
		border-radius: 5px;
	}

	.overview-content span {
		font-size: 15px;
	}

	.overview-content h2 {
	    font-size: 25px;
		margin: 0px 0 15px 0;
	}

	.overview-content .features-list-1 li,
	.overview-content .features-list li {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.overview-image {
		margin-bottom: 30px;
		text-align: center;
	}
	.overview-image-2 {
		text-align: center;
		margin-top: 35px;
	}
	.single-counter {
		padding: 15px 0;
	}
	.single-testimonial {
		padding: 30px 10px;
	}

	.hire-content h2 {
		font-size: 35px;
	}
	.hire-content p {
		font-size: 15px;
	}
	.hire-content .hire-btn .hire-btn-one {
		margin-left: 0;
	}

	.partner-list .partner-item a {
		padding: 0px 15px;
	}

	.contact-information-box-3 {
		margin-bottom: 50px;
	}

	.page-title-content h2 {
		font-size: max(1.5rem, min(1.149rem + 1.171vw, 1.712rem));
	}
	.page-title-content ul {
		margin-top: 6px;
	}
	.page-title-content ul li {
		font-size: 15px;
	}
	.pricing-content {
		padding: 45px 15px;
	}
	.services-details-overview {
		margin-bottom: 0;
	}

	.services-details-image {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.services-step-title h2 {
		font-size: 24px;
	}

	.projects-details-desc .project-details-info {
		margin-top: 16px;
	}

	.projects-details-desc .project-details-info .single-info-box {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.single-pricing-box .pricing-header h3 {
		margin-bottom: 4px;
		font-size: 22px;
	}

	.single-pricing-box .price {
		font-size: 40px;
		margin-bottom: 5px;
		margin-top: 8px;
	}

	.woocommerce-result-count {
		margin-bottom: 20px;
	}

	.pagination-area {
		margin-top: 0;
	}

	.pagination-area .page-numbers {
		width: 40px;
		height: 40px;
		margin: 0px 1px;
		line-height: 40px;
		font-size: 15px;
	}

	.text-right {
		text-align: center !important;
		margin-top: 10px;
	}

	.coming-soon-area {
		height: 100%;
		padding-top: 160px;
		padding-bottom: 150px;
	}

	.coming-soon-content h1 {
		margin-bottom: 10px;
		font-size: 30px;
	}

	.coming-soon-content #timer div {
		margin-bottom: 30px;
	}

	.widget-area .widget_techmax_posts_thumb .item .info .title {
		font-size: 16px;
	}

	.widget-area .widget_search {
		-webkit-box-shadow: unset;
		box-shadow: unset;
		padding: 0;
	}

	.widget-area .widget_search form.search-top {
		margin-top: 40px;
	}

	.widget-area .widget_search form.search-bottom {
		margin-top: 0;
	}

	.tagcloud.section-top {
		margin-bottom: 30px;
	}

	.tagcloud.section-bottom {
		margin-bottom: 0;
	}

	.blog-details-desc .article-content h3 {
		font-size: 20px;
	}
	.comments-area .comment-respond .comment-form-author {
		float: left;
		width: 100%;
		padding-right: 0px;
	}
	.comments-area .comment-respond .comment-form-email {
		float: left;
		width: 100%;
		padding-left: 0px;
	}
	blockquote, .blockquote {
		padding: 18px !important;
	}

	blockquote p, .blockquote p {
		font-size: 16px !important;
	}


	.slider .parallax-slider .caption {
		text-align: left;
		padding-top: 0px;
	}
	.project-area .project-list .nav li {
		margin: 10px 5px;
	}
	.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		margin-bottom: 20px;
	}
	.blog-details-desc .article-content .wp-block-gallery.columns-3 li:last-child {
		margin-bottom: 0px;
	}
	.banner-image {
		display: none;
	}

	.form-group-login .form-group-login-container input {
		width: 90%;
	}
	.form-group-login-container .user-pass-control {
		right: 8%;
	}

/*******************************************
	 ** - 00 - All Page Footer Section CSS 768px
********************************************/

	.single-footer-widget {
		padding: 15px 0;
	}

	.single-footer-widget .footer-heading {
		margin-bottom: 20px;
	}

	.single-footer-widget .footer-heading h2 {
		font-size: 22px;
	}

	.single-footer-widget .footer-social {
		margin-bottom: 20px;
	}

	.footer-quick-links li:last-child {
		padding-bottom: 25px;
	}

	.copyright-area {
		text-align: center;
	}

	.copyright-area ul {
		text-align: center;
	}

	.footer-logo {
		align-items: flex-start;
	}
	.newsletter-form .input-newsletter {
		padding-right: 5%;
	}

/*******************************************
     ** - 00 - Registration Section CSS 768px
********************************************/


	.present-company-container {
		display: none;
	}

	.registration-section .form-container {
		width: 100%;
	}

	.registration-section .registration-container {
		/*display: block;*/
		width: 100%;
	}

	.registration-section {
		width: 100%;
		height: auto;
		margin-top: 100px;
		margin-bottom: 5vh;
	}

/*******************************************
	 ** - 00 - FAQ Section CSS 768px
********************************************/
	.youri-docs-box {
		gap: 2%;
	}

	/*.youri-docs-box .img-doc-youri {*/
	/*	width: 60px;*/
	/*}*/

	.doc-box {
		width: 28%;
	}
	.doc-box:hover {
		width: 28%;
	}
	.doc-box-2 {
		width: 32%;
	}

	.doc-box-2 p>a>img {
		width: 70px;
	}


/*******************************************
	 ** - 00 - Modal CSS 768px
********************************************/

	.modal-content {
		/*margin: 30% auto;*/
		max-width: 30em;
	}

	.modal-content-testimonias {
		/*margin: 25% auto;*/
		width: 90%;
	}

	.user-person-image-container {
		width: 90%;
	}
	.user-person-container {
		padding-left: 1.5%;
	}
	.user-person-name span {
		/*max(50%, min(350px, 100%))*/
		font-size: max(0.9rem, min(0.614rem + 1.429vw, 1.3rem));
	}
	.modal-restimonias-container {
		gap: max(0rem, min(-1.071rem + 5.357vw, 1.5rem));
	}
	.form-headler {
		font-size: max(1.55rem, min(1.407rem + 0.714vw, 1.75rem));
	}


	.techmax-responsive-nav .logo {
		width: 18%;
	}

/*******************************************
	 ** - 00 - Tabs Section CSS 768px
********************************************/

	.headler-element h4 {
		font-size: 1.2rem;
	}
	.debt-content-container {
		width: 90%;
	}
	.tab .tablinks {
		min-width: 28%;
	}
	.tab::-webkit-scrollbar {
		height: 6px;
	}

/*******************************************
	 ** - 00 - Comments Section CSS 768px
********************************************/

	/*.section-testimonias {*/
	/*	margin-top: 140px;*/
	/*}*/
	.testimonial-content {
		flex-direction: column;
		align-items: center;
	}
	.L-testimonias {
		width: 80%;
		padding-bottom: 5%;
	}
	.R-testimonias {
		width: 85vw;
	}
	.comment-calidate-container span {
		font-size: 15px;
	}
	.L-testimonias-img {
		display: none;
	}
	.R-testimonias-container {
		height: 70vh;
	}
}

@media only screen and (min-width: 575px) and (max-width: 767px) {

	.footer-quick-links li:last-child {
		padding-bottom: 0;
	}

	.project-image img {
		width: 100%;
	}

	.text-right {
		margin-top: 0;
	}

	.banner-image {
		display: none;
	}
	.section-padding {
		padding: 50px 0;
	}

	.page-title-area-jky-pay , .page-title-area  {
		min-height: 300px;
	}
/*******************************************
	 ** - 00 - All Page Footer Section CSS 575px and 767px
********************************************/

	.footer-logo {
		align-items: flex-start;
	}

/*******************************************
	 ** - 00 - Pay-page CSS 575px and 767px
********************************************/

	.page-title-content {
		width: 90%;
		margin-left: 10%;
	}

	.pay-info-text-bloc {
		width: 100%;
	}

	.container-bloc-pay-info {
		flex-direction: column;
		width: 100%;
		padding: 3% 10%;
		align-items: center;
		gap: 50px;
	}

	.single-services-item__pay {
		width: 100%;
		min-height: 10%;
		padding: 5%;
	}

	.pay-info-text-bloc > .overview-box:first-child .features-list-box {
		margin-top: 0;
	}

	.pay-info-text-bloc > .overview-box:first-child .features-list-box li{
		margin-top: 0;
	}

	.pay-link-group {
		width: 60%;
	}


/*******************************************
	 ** - 00 - Modal CSS 575px and 767px
********************************************/

	.user-person-image-container {
		width: 80%;
	}
}

/*--------------------------ADDDDD--------------------------*/
@media only screen and (min-width: 479px) and (max-width: 575px) {
	/*details {*/
	/*	display: none;*/
	/*}*/
	.home-area {
		padding-top: 60px;
		padding-bottom: 100px;
		background-position: center;
		min-height: 550px;
		height: 65vh;
	}

	.counter-contents h2 {
		font-size: 40px;
	}
	.counter-contents h3 {
		font-size: 16px;
	}

	.section-padding {
		padding: 40px 0;
	}

	.page-title-area-jky-pay , .page-title-area  {
		min-height: 290px;
	}

/*******************************************
	 ** - 00 - All Page Footer Section CSS 479px and 575px
********************************************/

	.footer-logo {
		align-items: center;
	}

	.footer-area .col-lg-2:nth-child(2).col-md-6:nth-child(2).col-sm-6:nth-child(2){
		display: none;
	}

	.footer-area .col-lg-2:nth-child(3).col-md-6:nth-child(3).col-sm-6:nth-child(3){
		display: none;
	}

	.footer-area .col-lg-4:nth-child(4).col-md-6:nth-child(4).col-sm-6:nth-child(4){
		display: none;
	}

	.added-drop-down-list {
		display: block;
	}
	.footer-heading h3 {
		border-bottom: none;
	}

	.single-footer-widget {
		padding: 0;
	}
	.single-footer-widget .footer-quick-links li:last-child {
		padding-bottom: 18px;
	}

	.added-drop-down-list .newsletter-form {
		margin-top: 0;
	}

	.footer-area .col-lg-2:nth-child(1),
	.footer-area .col-md-6:nth-child(1),
	.footer-area .col-sm-6:nth-child(1) {
		margin-bottom: 20px;
	}

/*******************************************
	 ** - 00 - Pay-page CSS 479px and 575px
********************************************/

	.page-title-content {
		width: 100%;
		margin-left: 0;
	}

	.pay-info-text-bloc {
		width: 100%;
	}
	.container-bloc-pay-info {
		flex-direction: column;
		width: 100%;
		padding: 3% 5%;
		align-items: center;
		gap: 50px;
	}
	.single-services-item__pay {
		width: 100%;
		min-height: 10%;
		padding: 3%;
	}
	.pay-info-text-bloc > .overview-box:first-child .features-list-box {
		margin-top: 0;
	}
	.pay-info-text-bloc > .overview-box:first-child .features-list-box li{
		margin-top: 0;
	}
	.pay-link-group {
		width: 90%;
	}

/*******************************************
     ** - 00 - Registration Section CSS 479px and 575px
********************************************/

	.form-content-registration {
		width: 80%;
	}

/*******************************************
	 ** - 00 - FAQ Section CSS 479px and 575px
********************************************/

	.doc-box-2 {
		width: 49%;
	}

/*******************************************
 	** - 00 - Modal CSS 479px and 575px
********************************************/
	.modal-content {
		/*margin: 35% auto;*/
		max-width: 25em;
	}
	/*.modal-content-testimonias {*/
	/*	margin: 35% auto;*/
	/*}*/
	.login-img-container {
		display: none;
	}
	.login-form-container {
		width: 90%;
		height: 100%;
		border-radius: 10px 10px 0px 0px;
	}

	.user-person-image-container {
		width: 60%;
	}

	.techmax-responsive-nav .logo {
		width: 15%;
	}


/*******************************************
	 ** - 00 - Tabs Section CSS 479px and 575px
********************************************/

	.tab .tablinks {
		min-width: 40%;
		font-size: 13px;
		min-height: 65px;
	}
	.tabcontent .container {
		padding: 0;
	}
	.tabcontent table {
		font-size: 14px;
	}
	.house-debt-summ {
		font-size: 1.1rem;
	}

/*******************************************
	 ** - 00 - Comments Section CSS 479px and 575px
********************************************/

	.user-name-testimonias {
		font-size: 0.9rem;
	}
	.comment-text {
		font-size: 0.9rem;
	}


	.other-option-items .default-btn {
		font-size: max(0.75rem, min(-0.186rem + 3.125vw, 0.938rem));
	}
	.user-button-container a {
		font-size: max(0.813rem, min(-0.123rem + 3.125vw, 1rem));
	}

}

/*----------------------------------------------------*/

@media only screen and (min-width: 0px) and (max-width: 479px) {
	/*.page-title-content h2 {*/
	/*	font-size: 24px;*/
	/*}*/
	.banner-btn .default-btn-one {
		margin-bottom: 10px;
	}
	.hire-content h2 {
		font-size: 32px;
	}
	.partner-list .partner-item a {
		padding: 0px 0px;
	}
	.blog-details-desc .article-footer .article-tags {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 25px;
	}
	.blog-details-desc .article-footer .article-share {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.blog-details-desc .article-footer .article-share .social {
		text-align: left;
	}
	.comments-area .comment-list .children {
		padding-left: 0;
	}
	.comments-area {
		padding: 0;
		box-shadow: none;
	}
	.newsletter-form button {
		position: relative;
		margin-top: 25px;
		border-radius: 5px;
		display: block;
		width: 100%;
	}
	.about-content {
		margin-right: 0;
	}
	.about-content-text h2 {
		font-size: 25px;
	}
	.partner-list .partner-item {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.faq-accordion .accordion .accordion-item .accordion-title {
		font-size: 15px;
		padding: 25px 0;
		padding-right: 35px;
	}

	.contact-information-box-3 {
		margin-bottom: 50px;
	}

	.section-padding {
		padding: 40px 0;
	}

	.page-title-area-jky-pay , .page-title-area {
		min-height: 280px;
	}



	.counter-contents h2 {
		font-size: 40px;
	}
	.counter-contents h3 {
		font-size: 16px;
	}

/*******************************************
	 ** - 00 - Pay-page CSS 0px and 479px
********************************************/

	.page-title-content {
		width: 100%;
		margin-left: 0;
	}

	.pay-info-text-bloc {
		width: 100%;
	}

	.container-bloc-pay-info {
		flex-direction: column;
		width: 100%;
		padding: 3% 5%;
		align-items: center;
		gap: 50px;
	}

	.single-services-item__pay {
		width: 100%;
		min-height: 10%;
		padding: 3%;
	}

	.pay-info-text-bloc > .overview-box:first-child .features-list-box {
		margin-top: 0;
	}

	.pay-info-text-bloc > .overview-box:first-child .features-list-box li{
		margin-top: 0;
	}

	.pay-link-group {
		width: 90%;
	}

/*******************************************
	 ** - 00 - All Page Footer Section CSS 0px and 479px
********************************************/

	.footer-logo {
		align-items: center;
	}
	.footer-logo img{
		width: 125px;
	}

	.footer-heading h3 {
		border-bottom: none;
	}

	.footer-area .col-lg-2:nth-child(2).col-md-6:nth-child(2).col-sm-6:nth-child(2){display: none;}
	.footer-area .col-lg-2:nth-child(3).col-md-6:nth-child(3).col-sm-6:nth-child(3){display: none;}
	.footer-area .col-lg-4:nth-child(4).col-md-6:nth-child(4).col-sm-6:nth-child(4){display: none;}

	.added-drop-down-list {
		display: block;
	}

	.single-footer-widget {
		padding: 0;
	}

	.single-footer-widget .footer-quick-links li:last-child {
		padding-bottom: 18px;
	}

	.added-drop-down-list .newsletter-form {
		margin-top: 0;
	}

	.footer-area .col-lg-2:nth-child(1),
	.footer-area .col-md-6:nth-child(1),
	.footer-area .col-sm-6:nth-child(1) {
		margin-bottom: 20px;
	}

/*******************************************
     ** - 00 - Registration Section CSS 0px and 479px
********************************************/

	.form-content-registration {
		width: 90%;
	}

/*******************************************
	 ** - 00 - FAQ Section CSS 0px and 479px
********************************************/
	.doc-box {
		width: 45%;
	}
	.doc-box:hover {
		width: 45%;
	}
	.doc-box-2 {
		width: 49%;
	}
	.youri-docs-box-1 {
		align-items: baseline;
	}

/*******************************************
 	** - 00 - Modal CSS 0px and 479px
********************************************/

	.modal-content {
		/*margin: 45% auto;*/
		max-width: 20em;
	}
	/*.modal-content-testimonias {*/
	/*	margin: 45% auto;*/
	/*}*/
	.login-img-container {
		display: none;
	}
	.login-form-container {
		width: 90%;
		height: 100%;
		border-radius: 10px 10px 0px 0px;
	}
	.form-group-login .form-group-login-container input {
		width: 100%;
	}
	.form-group-login-container .user-pass-control {
		right: 3%;
	}
	.user-person-image-container {
		width: 60%;
	}


/*******************************************
 	** - 00 - Tabs Section CSS 0px and 479px
********************************************/

	.debt-content-container {
		width: 97%;
	}
	.tab .tablinks {
		min-width: 45%;
		font-size: 13px;
		min-height: 65px;
	}
	.tabcontent .container {
		padding: 0;
	}
	.tabcontent table {
		font-size: 14px;
	}
	.house-debt-summ {
		font-size: 1rem;
	}
	.tabcontent .table td, .table th {
		padding: 0.55rem;
	}

/*******************************************
	 ** - 00 - Comments Section CSS 0px and 479px
********************************************/

	.section-testimonias {
		padding: 7% 0;
	}
	.L-testimonias {
		padding-bottom: 7%;
	}
	.R-testimonias {
		width: 90vw;
	}
	.R-testimonias-container {
		border-left: 4px solid #5e87eb;
	}
	.user-name-testimonias {
		font-size: 0.9rem;
	}
	.comment-text {
		font-size: 0.9rem;
	}
	.user-data-container {
		max-width: 40vw;
	}



	.other-option-items .default-btn {
		font-size: 12px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: 7px;
	}
	.other-option-items {
		gap: 0.5rem;
	}

	.user-button-container a {
		font-size: 12px;
	}
}

/*--------------------------AAADDDD--------------------*/
@media only screen and (min-width: 0px) and (max-width: 376px) {
	.section-padding {
		padding: 40px 0;
	}

	/*.page-title-content {*/
	/*	margin-top: 65px;*/
	/*}*/

/*******************************************
 	** - 00 - Tabs Section CSS 0px and 376px
********************************************/

	.debt-content-container {
		width: 100%;
	}
	.tab .tablinks {
		min-width: 48%;
		font-size: 13px;
		min-height: 65px;
	}
	.tabcontent .table td, .table th {
		padding: 0.35rem;
	}

/*******************************************
	 ** - 00 - Comments Section CSS 0px and 376px
********************************************/

	.user-name-testimonias {
		font-size: 0.85rem;
	}
	.comment-data-mark {
		font-size: 10px;
	}
	.user-data-container {
		max-width: 40vw;
	}


	.user-button-container {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.other-option-items .default-btn {
		font-size: 12px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 7px;
		padding-bottom: 7px;
		margin-top: 0;
	}
	.other-option-items {
		flex-direction: column;
		gap: 0.2rem;
		margin-top: -8px;
	}
	.techmax-responsive-nav .logo {
		width: 60px;
	}
}