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

/* rehan 7000 */

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

/* rehan 1700 */


@media (min-width: 1200px) and (max-width: 1600px) {

	.navbar>.container-fluid,
	.header-topbar>.container-fluid {
		padding-left: 10px;
		padding-right: 10px;
	}

	.navbar .container-fluid .ml-30 {
		margin-left: 10px !important;
	}

	.ml-16 {
		margin-left: 8px !important;
	}


	/* 1200px and 1300px pa manz ky  */
	.navbar .nav__item .nav__item-link {
		letter-spacing: 0px;}

		.navbar .nav__item {
			margin-right: 30px;
	}
	.navbar .nav__item .nav__item-link {
		font-size: 12px;
	}
}



@media only screen and (min-width: 1600px) {}

/* rehan 1600 */


@media only screen and (min-width: 1400px) {}

/* rehan 1400 */

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

/* rehan 1400 */


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

	body {
		font-size: 16px;
	}

	p {
		font-size: 16px;
	}

	h1,
	.h1 {
		font-size: 40px;
	}

	h2,
	.h2 {
		font-size: 32px;
	}

	h3,
	.h3 {
		font-size: 20px;
	}

	h4,
	.h4 {
		font-size: 18px;
	}

	.content-block-row.video-row .video-holder .vid-icon .video-image-holder {
		height: 470px;
	}

	.content-block-row.video-row .video-holder .vid-icon .video-gallery-button .video-gallery-polygon {
		left: 45%;
	}

	.title-404 {
		font-size: 4rem;
	}

	.btn-1 {
		min-width: 135px;
		padding: 10px 20px 10px;
	}

	.btn-holder .btn {
		font-size: 14px;
	}

	.section .liststyle2-ul-holder ul li {
		font-size: 15px;
	}



	.button-primary {
		padding: 10px 24px;
	}

	.button-secondary {
		padding: 10px 24px;
	}

	.logo-img {
		width: 260px;
	}

	.section.pager-banner.header {
		min-height: 80vh;
	}


	.footer {
		padding-top: 50px;
	}



	.section {
		padding: 80px 0px;
	}

	.section .content-block-row .content-block-body h2 {
		margin-bottom: 1rem;
	}

	.section ul li {
		/* font-size: 14px; */
	}

	.section ul li:before {
		/* top: 7px; */
	}


	.about-info .about-info-img .img {
		height: 400px;
	}

	.section.custom-block .items-row .items-holder .service-4-block {
		min-height: 270px;
	}

	.section.projects-section.news .projects-item-row .item .project-image-holder {
		/* height: 370px; */
	}

	.split-content.news-info-left {
		margin-bottom: 15px;
	}

	.testimonials-box {
		padding: 25px 6%;
	}



	.section.price-section .items-row .items-holder .service-4-block {
		padding: 40px 10px 40px;
	}

	.section.price-section .items-row .items-holder .service-4-block h3 {
		padding-bottom: 10px;
	}

	.team-card .title-box {
		padding: 18px 0;
	}

	.section.team-section .content-block-row .team-card .team-img {
		height: 360px;
	}


	.position {
		padding: 30px 35px 30px 35px;
	}

	.position-title {
		font-size: 16px;
	}

	.contact .contact-link-icon {
		width: 50px;
		max-height: 50px;
		min-height: 50px;
		min-width: 50px;
		font-size: 20px;
	}

	/* Jobs List here */
	.job-description-section {
		padding: 60px 0px 45px;
	}


	.job-description-section ul li {
		width: 40%;
		margin-bottom: 20px;
		text-align: left;
		font-size: 18px;
	}

	.job-description-section ul li::before {}

	.job-description-section ul li::after {
		top: 8px;
	}



	.top-button-holder {
		display: none;
	}

	.navbar-nav li.lang-item.lang-item-37.lang-item-ar.lang-item-first,
	.navbar-nav li.lang-item.lang-item-34.lang-item-en.lang-item-first {

		height: 50px;
		display: flex;
		align-content: center;
		align-items: center;
		padding-left: 6px;
		font-size: 18px;
		display: block !important;
	}

	.navbar-nav li.lang-item.lang-item-37.lang-item-ar.lang-item-first img,
	.navbar-nav li.lang-item.lang-item-34.lang-item-en.lang-item-first img {
		width: 25px !important;
		height: auto !important;
		margin-right: 10px;
	}


	.section.pager-banner .header-content .slide__subtitle {
		font-size: 20px;
		letter-spacing: 3px;
	}

	.section.pager-banner .header-content h1 {
		color: #fff;
		line-height: 1.1;
		font-size: 70px;
	}

	.homepage-slick-slider.slick-carousel .slick-dots {

		padding-top: 26%;
	}

	.page-title {
		min-height: 80vh;
	}

	.section.content-section.content-block-style-3 .content-block-row .content-block-image-holder {
		height: 370px;
		width: 80%;
		margin-top: -100px;
	}

	.section.custom-block.services-list-block .content-block-row .content-block-image-holder {

		height: 290px;
	}

	.section.blog-grid.blog-section .post-item .post__img .content-image-holder {
		height: 240px;
	}

	.section.custom-block.features-layout2.numbers-features-block .content-block-video-row .section-image-video-holder {

		height: 610px;
	}

	.section.team-section.team .content-block-row .content-block-body .team-card .team-img {

		height: 350px;
	}

	.section.gallery-section .gallery-slick-carousel .popup-gallery-item .popup-gallery-item-image-holder {

		height: 160px;
	}

}

/* rehan 1200 */
@media only screen and (max-width: 991px) {

	body {
		font-size: 14px;
	}

	p {
		font-size: 14px;
	}

	h1,
	.h1 {
		font-size: 33px;
	}

	h2,
	.h2 {
		font-size: 28px;
	}

	h3,
	.h3 {
		font-size: 17px;
	}

	h4,
	.h4 {
		font-size: 18px;
	}



	.left-padding {
		padding-right: 0;
		padding-left: 0;
	}

	.right-padding {
		padding-right: 0;
		padding-left: 0;
	}


	.title-404 {
		font-size: 4rem;
	}

	.btn-1 {
		min-width: 135px;
		padding: 10px 20px 10px;
	}

	.btn-holder .btn {
		font-size: 14px;
	}

	.section .liststyle2-ul-holder ul li {
		font-size: 15px;
	}



	.button-primary,
	.button-tersiyer {
		padding: 10px 24px;
	}

	.button-secondary {
		padding: 10px 24px;
	}

	.logo-img {
		width: 260px;
	}

	.section.pager-banner.header {
		min-height: 80vh;
	}


	.footer {
		padding-top: 10px;
		background-color: #10366E;
	}



	.section {
		padding: 80px 0px;
	}

	.section .content-block-row .content-block-body h2 {
		margin-bottom: 1rem;
	}

	.section ul li {
		/* font-size: 14px; */
	}

	.section ul li:before {
		/* top: 7px; */
	}


	.about-info .about-info-img .img {
		height: 310px;
	}

	.section.custom-block .items-row .items-holder .service-4-block {
		min-height: 270px;
	}

	.section.projects-section.news .projects-item-row .item .project-image-holder {
		height: 410px;
	}

	.split-content.news-info-left {
		margin-bottom: 15px;
	}

	.testimonials-box {
		padding: 15px 6%;
		margin-bottom: 50px;
	}



	.section.price-section .items-row .items-holder .service-4-block {
		padding: 40px 10px 40px;
	}

	.section.price-section .items-row .items-holder .service-4-block h3 {
		padding-bottom: 10px;
	}

	.team-card .title-box {
		padding: 18px 0;
	}

	.section.team-section .content-block-row .team-card .team-img {
		height: 360px;
	}


	.position {
		padding: 30px 35px 30px 35px;
	}

	.position-title {
		font-size: 16px;
	}

	.contact .contact-link-icon {
		width: 50px;
		max-height: 50px;
		min-height: 50px;
		min-width: 50px;
		font-size: 20px;
	}

	.section.custom-block .items-row .items-holder .service-4-icon {
		width: 64px;
		height: 54px;
	}

	.section.custom-block .items-row .items-holder .service-4-block {
		min-height: 220px;
	}


	.about-img {
		width: 70%;
		height: 580px;
		margin-bottom: 4rem;
	}

	.section.testimonials-section {
		padding-bottom: 40px;
	}

	.second-footer .widget-area .widget {
		padding: 10px 0 25px;
	}


	.job-description-section {
		padding: 30px 0px 25px;
	}

	.job-description-section ul {}

	.job-description-section ul li {
		width: 40%;
		margin-bottom: 0px;
		text-align: left;
		font-size: 16px;
	}



	.job-description-section ul li::before {}

	.job-description-section ul li::after {
		top: 8px;
	}

	.job-description-section ul li a {}

	.job-description-section ul li a:hover,
	.job-description-section ul li a:focus {}

	/* List Blocks End */





	.navbar .dropdown-menu li {
		padding: 15px 20px;
	}


	/************************* New CSS for GEX HEre ***************************************************/



	.section .content-block-row .content-block-body .btn-holder {
		margin-top: 19px;
	}

	.section .content-block-row .content-block-image-holder {
		height: 380px;
		margin-top: 40px;
	}

	.section.custom-block.features-layout2 .feature-row .feature-item {
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.section.custom-block.features-layout2 .feature-row .feature-item .feature__content {
		min-height: 210px;
	}


	/* Header Nav Start */

	.top-button-holder {
		margin-right: 70px;
	}

	.top-button-holder i {
		display: none;
	}

	/* Header Nav End */
	/* content-section-50 Start */
	.section.content-section.content-section-50 {
		padding: 80px 0px;
	}

	.section.content-section.content-section-50 .content-section-50-image-holder.right {
		display: none;
	}

	.section.content-section.content-section-50 .content-block-image-holder {
		display: block;
	}

	/* content-section-50 End */


	/* testimonials-section Start */
	.section.testimonials-section.testimonials-layout2 {
		margin: 45px auto;
		width: 86%;
		padding-bottom: 10px;
		border-radius: 15px;
	}

	.section.testimonials-section.testimonials-layout2 .testimonial-item h3 {
		font-size: 20px;
		line-height: 1.5;
	}

	.section.testimonials-section.testimonials-layout2 .testimonials-wrapper:before {
		top: -106px;
		left: -10px;
	}

	.testimonials-layout2 .slider-nav,
	.testimonials-layout3 .slider-nav {

		margin-top: 20px;
	}

	/* testimonials-section Start */


	/* numbers-features-block Start */
	.section.custom-block.features-layout2.numbers-features-block .feature-row .feature-item .feature__content {
		min-height: 280px;
	}


	/* numbers-features-block Start */


	/* accordings-block Start */
	.accordion-item {
		padding: 17px 0;
	}

	.section.custom-block.custom-4-layout1 .content-block-row .widget-plan .widget__body.content-block-body .content-block-image-holder {
		height: 260px;
		margin-bottom: 30px;
		margin-top: 0px;
	}

	.widget-services ul li {
		margin-bottom: 12px;
	}

	.widget-services ul li a {
		padding: 10px 17px;
	}

	/* accordings-block End */

	/* custom-block  Start */
	.section.custom-block.features-layout2.services-layout1 .feature-row .feature-item .feature__content {
		min-height: 309px;
	}

	.section.custom-block.features-layout2.services-layout1 .feature-row .feature-item {
		margin-bottom: 0px;
	}

	/* custom-block  End */

	/* content-block-4  Start */
	.section.content-section.about-layout3 .content-block-row .content-block-image-holder {
		height: 380px;
		max-width: 310px;
		margin-left: 0;
		margin-top: 20px;
	}

	.section.content-section.about-layout3 .content-block-row .content-block-body .experience {
		padding-top: 0px;
	}

	.section.content-section.about-layout3 .content-block-row .content-block-body .experience h1,
	.section.content-section.about-layout3 .content-block-row .content-block-body .experience h2 {
		font-size: 65px;
		font-weight: 400;
	}

	.section.content-section.about-layout3 .content-block-row .content-block-body .experience h3 {
		margin-bottom: 11px;
		margin-top: 0px;
	}

	/* content-block-4  End */


	/*  Blog  Start */
	.post-item .post__body {
		padding: 0 10px 10px 7px;
		margin-bottom: 30px;
	}

	.widget-post-item .widget-post__title {
		font-size: 14px;
		line-height: 1.2;
		font-family: 'ClashGrotesk-Regular';
		margin-bottom: 5px;
	}

	.widget-post-item {
		margin-bottom: 12px;
		align-items: start !important;
	}

	/*  Blog  End */



	/*========== Custom block style 5 Start  (Products block )  ==========*/


	.section.custom-block.features-layout2.numbers-features-block.product-block .content-section-image-holder-container {
		height: 220px;

	}

	.section.custom-block.features-layout2.numbers-features-block.product-block .content-section-image-holder {}

	/*========== Custom block style 5 End  (Products block )  ==========*/


	/*  Contact-fomr block  Start */
	.section.contact-form-section .content-block-row .content-block-body .content-section-image-holder {
		display: none;
	}

	/*   Contact-fomr block  End */
	.btn {
		font-size: 15px;
		min-width: 160px;
		height: 40px;
	}

	a.logo {
		width: 110px;
	}

	.footer.footer-section .footer-primary .footer-widget.footer-widget-nav {
		margin-top: 12px;
	}

	.section.blog-grid.blog-section .post-item .post__body .btn-holder {
		/* border: 1px solid #43668d !important; */
		padding: 1px 0px !important;
		max-width: 134px;
		text-align: left;
		border-radius: 6px;
		/* min-width: 160px; */
	}

	.section.blog-grid.blog-section .post-item .post__body .btn-holder .btn__link {
		min-width: auto;
		height: auto;
	}

	.blog-single .post-item .post__img {
		border-radius: 16px;
		height: 310px;
		background-position: center !important;
	}




	.section.page-header-2-section {
		height: 450px;
		padding-bottom: 80px;
	}

	.section.page-header-2-section .content-block-row .content-block-body h1 {

		font-size: 30px;
	}

	li.breadcrumb-item.active {
		display: none;
	}

	.breadcrumb-item a,
	.breadcrumb-item+.breadcrumb-item {
		font-size: 15px;
	}



	.team-model .team-modal-image-holder {
    width: 100%;
    max-width: 160px;
    margin: inherit;
}

.team-model .team-mail { 
    margin: 0px 0px 20px;
    text-align: inherit;
    font-size: 14px;
    font-weight: 500;
}

.modal-dialog {
	max-width: 80%;
	margin: 1.75rem auto; 
}
.modal-body {
    padding: 20px 40px;
}


.section.content-section.content-block-style-3 .content-block-row .content-block-image-holder {
	height: 260px;
	width: 200px;
	max-width: 80%;
	margin-top: 0;
}


}

/* rehan 991 */
@media only screen and (max-width: 768px) {

	body {
		font-size: 16px;
	}

	p {
		font-size: 16px;
	}

	h1,
	.h1 {
		font-size: 28px;
	}

	h2,
	.h2 {
		font-size: 26px;
	}

	h3,
	.h3 {
		font-size: 22px;
	}

	h4,
	.h4 {
		font-size: 18px;
	}

	.about-info-img2 {
		margin-bottom: 40px;
	}


	.title-404 {
		font-size: 4rem;
	}

	.btn-1 {
		min-width: 135px;
		padding: 10px 20px 10px;
	}

	.btn-holder .btn {
		font-size: 14px;
	}


	.section .liststyle2-ul-holder ul {
		margin-bottom: 2rem;
	}

	.section .liststyle2-ul-holder ul li {
		font-size: 15px;
		display: inline-block;
		width: 44%;
		margin-bottom: 26px;
	}



	.button-primary {
		padding: 10px 24px;
	}

	.button-secondary {
		padding: 10px 24px;
	}

	.button-tersiyer {
		padding: 10px 24px;
	}

	.logo-img {
		width: 260px;
	}

	.section.pager-banner.header {
		min-height: 86vh;
		padding: 110px 0px 50px;
	}


	.footer {
		padding-top: 50px;
	}



	.section {
		padding: 30px 0px;
	}

	.section .content-block-row .content-block-body h2 {
		margin-bottom: 1rem;
		font-size: 28px;
	}

	.section ul li {
		/* font-size: 14px; */
	}

	.section ul li:before {
		/* top: 7px; */
	}


	.about-info .about-info-img .img {
		height: 310px;
	}

	.section.custom-block .items-row .items-holder .service-4-block {
		min-height: 270px;
	}

	.section.projects-section.news .projects-item-row .item .project-image-holder {
		height: 410px;
	}

	.split-content.news-info-left {
		margin-bottom: 15px;
	}

	.testimonials-box {
		padding: 37px 6%;
		margin-bottom: 30px;
		width: 97%;
	}



	.section.price-section .items-row .items-holder {
		margin-bottom: 20px;
		min-height: auto;
		padding: 0px 4%;
	}

	.section.price-section .items-row .items-holder .service-4-block {
		padding: 40px 10px 40px;
	}

	.section.price-section .items-row .items-holder .service-4-block .btn-holder {
		margin-top: 30px;
	}

	.section.price-section .items-row .items-holder .service-4-block h3 {
		padding-bottom: 3px;
	}

	.team-card .title-box {
		padding: 18px 0;
	}

	.section.team-section .content-block-row .team-card .team-img {
		height: 360px;
	}


	.position {
		padding: 24px 24px 24px 24px;
		margin-bottom: 20px;
	}

	.position-title {
		font-size: 16px;
	}

	.contact .contact-link-icon {
		width: 50px;
		max-height: 50px;
		min-height: 50px;
		min-width: 50px;
		font-size: 20px;
	}

	.section.custom-block .items-row .items-holder .service-4-icon {
		width: 64px;
		height: 54px;
	}

	.section.custom-block .items-row .items-holder .service-4-block {
		min-height: 170px;
	}


	.about-img {
		width: 100%;
		height: 320px;
		margin-bottom: 4rem;
	}

	.section.testimonials-section {
		padding-bottom: 10px;
	}

	.second-footer .widget-area .widget {
		padding: 10px 0 20px;
	}


	.job-description-section {
		padding: 30px 0px 25px;
	}

	.job-description-section ul {
		margin-left: 10px;
	}

	.job-description-section ul li {
		width: 100%;
		margin-bottom: 0px;
		text-align: left;
		font-size: 16px;
	}



	.job-description-section ul li::before {}

	.job-description-section ul li::after {
		top: 8px;
	}

	.job-description-section ul li a {}

	.job-description-section ul li a:hover,
	.job-description-section ul li a:focus {}

	/* List Blocks End */



	.section.projects-section.news .content-block-row .content-block-body .btn-holder {
		text-align: left;
		margin-top: 1rem;
	}

	.news .item .divider {
		margin-top: 10px;
		margin-bottom: 10px;
	}


	.navbar .dropdown-menu li {
		padding: 10px 20px;
	}

	.progress-wrap {
		bottom: 16px;
		right: 20px;
		height: 40px;
		width: 40px;
	}

	.progress-wrap::after {
		line-height: 40px;
		height: 40px;
		width: 40px;
	}

	.about-img-hotifer {
		right: 10px;
		padding: 20px;
	}




	.section.projects-section .content-block-row .projects .projects-image-holder {
		height: 330px;
	}

	.link-btn {
		border-bottom: 0px solid #fbddd2;
	}



	.content-block-row.video-row {
		margin-top: 20px;
	}

	.content-block-row.video-row .video-holder .vid-icon .video-image-holder {
		height: 250px;
	}

	.content-block-row.video-row .video-holder .vid-icon .video-gallery-button .video-gallery-polygon {
		left: 42%;
		bottom: 39%;
		height: 55px;
		line-height: 56px;
		text-align: center;
		font-size: 22px;
		padding-left: 4px;
		width: 56px;
	}

	.section.contact-form-section .custom-form-holder {
		margin-right: 0;
		padding: 40px 20px;
	}

	.section.contact-form-section span.wpcf7-form-control-wrap.mathcaptcha-224 {
		display: block;
		margin-top: 6px;
		border: none;
		background: none !important;
	}

	.section.contact-form-section input#cap-id {
		width: 90px;
		height: 49px;
		margin-top: 0px;
	}

	.section .form-check {
		padding-top: 20px;
		/* display: flex; */
		/* justify-content: space-between; */
	}

	.footer .contact-ul {
		padding-top: 9px;

	}

	.footer .contact-ul li {
		margin-bottom: 16px;
	}

	.footer .contact-ul li i {
		font-size: 17px;
		line-height: 24px;
	}

	.copyright {
		padding-top: 0;
	}

	.copyright p {
		font-size: 14px;
		padding: 0px 4%;
	}



	/************************* New CSS for GEX HEre ***************************************************/





	.section .content-block-row .content-block-body .btn-holder {
		margin-top: 19px;
	}

	.section .content-block-row .content-block-image-holder {
		height: 450px;
		margin-top: 20px;
	}

	.section.custom-block.features-layout2 .feature-row .feature-item {
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.section.custom-block.features-layout2 .feature-row .feature-item .feature__content {
		min-height: 195px;
		height: auto;
	}

	.btn:not(.btn__link) {
		font-size: 18px;
		min-width: 120px;
		height: 50px;
	}

	.btn-holder .btn {
		font-size: 18px;
		min-width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
		display: flex;
		justify-content: center;
		margin-bottom: 50px;
	}

	.section.content-section .content-block-row .content-block-body ul {}

	.section.content-section .content-block-row .content-block-body ul li {
		font-size: 18px;
	}

	.section.content-section.about-layout3 ul.about-us-number-item-ul li span {
		font-size: 42px;
	}

	.section.content-section.content-section-50 .content-block-row .content-block-body ul {
		margin-top: 10px;
	}

	.section.content-section.content-section-50 .content-block-row .content-block-body ul li {
		width: 100%;
	}


	/* Header Nav Start */

	.header {
		margin-top: 0;
	}

	.top-button-holder {
		margin-right: 0;
		display: flex;
		position: fixed;
		background: #ffffff;
		position: fixed !important;
		top: 10;
		left: 0;
		bottom: 0;
		display: none;
		height: 60px;
		width: 100%;
		margin-left: 0px !important;
		border-bottom: 1px solid #ededed;
		padding: 0px 5%;
		justify-content: space-between;
		z-index: 10030;
	}

	#scrollTopBtn.actived {
		bottom: 60px !important;
		display: none;
	}


	.top-button-holder .btn:not(.btn__link) {
		font-size: 12px;
		min-width: 47%;
		height: 43px;
		padding: 4px 4px;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.top-button-holder i {
		display: none;
	}

	.section.pager-banner {
		min-height: 66vh;
		position: relative;
		display: flex;
		align-content: center;
		align-items: flex-end;
		padding-bottom: 50px;
	}

	.section.pager-banner::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background: rgb(0 0 0 / 20%);
	}

	/* Header Nav End */
	/* content-section-50 Start */
	.section.content-section.content-section-50 {
		padding: 80px 0px;
	}

	.section.content-section.content-section-50 .content-section-50-image-holder.right {
		display: none;
	}

	.section.content-section.content-section-50 .content-block-image-holder {
		display: block;
	}

	/* content-section-50 End */


	/* testimonials-section Start */
	.section.testimonials-section.testimonials-layout2 {
		margin: 40px auto 45px auto;
		width: 90%;
		padding-bottom: 10px;
		border-radius: 15px;
	}

	.section.testimonials-section.testimonials-layout2 .testimonial-item h3 {
		font-size: 16px;
		line-height: 1.5;
	}

	.section.testimonials-section.testimonials-layout2 .testimonials-wrapper:before {
		top: -48px;
		left: 10px;
		font-size: 28px;
	}

	.testimonials-layout2 .slider-nav,
	.testimonials-layout3 .slider-nav {

		margin-top: 20px;
	}

	/* testimonials-section Start */


	/* numbers-features-block Start */
	.section.custom-block.features-layout2.numbers-features-block .feature-row .feature-item .feature__content {
		min-height: 240px;
		height: auto;
	}


	/* numbers-features-block Start */


	/* accordings-block Start */
	.accordion-item {
		padding: 17px 0;
	}

	.section.custom-block.custom-4-layout1 .content-block-row .widget-plan .widget__body.content-block-body .content-block-image-holder {
		height: 260px;
		margin-bottom: 30px;
		margin-top: 0px;
	}

	.widget-services ul li {
		margin-bottom: 12px;
	}

	.widget-services ul li a {
		padding: 10px 17px;
	}

	/* accordings-block End */

	/* custom-block  Start */
	.section.custom-block.features-layout2.services-layout1 .feature-row .feature-item .feature__content {
		min-height: auto;
	}

	.section.custom-block.features-layout2.services-layout1 .feature-row .feature-item {
		margin-bottom: 0px;
	}

	/* custom-block  End */

	/* content-block-4  Start */
	.section.content-section.about-layout3 .content-block-row .content-block-image-holder {
		height: 380px;
		max-width: 100%;
		width: 280px;
		margin-left: 0;
		margin-top: 20px;
		margin-bottom: 70px;
	}

	.section.content-section.about-layout3 .content-block-row .content-block-body .experience {
		padding-top: 0px;
	}

	.section.content-section.about-layout3 .content-block-row .content-block-body .experience h1,
	.section.content-section.about-layout3 .content-block-row .content-block-body .experience h2 {
		font-size: 65px;
		font-weight: 400;
	}

	.section.content-section.about-layout3 .content-block-row .content-block-body .experience h3 {
		margin-bottom: 11px;
		margin-top: 0px;
	}

	/* content-block-4  End */


	/*  Blog  Start */
	.post-item .post__body {
		padding: 0 4px 15px 0px;
		margin-bottom: 0px;
	}

	.widget-post-item .widget-post__title {
		font-size: 14px;
		line-height: 1.2;
		font-family: 'ClashGrotesk-Regular';
		margin-bottom: 5px;
	}

	.widget-post-item {
		margin-bottom: 12px;
		align-items: start !important;
	}

	/*  Blog  End */



	/*========== Custom block style 5 Start  (Products block )  ==========*/


	.section.custom-block.features-layout2.numbers-features-block.product-block .content-section-image-holder-container {
		height: 220px;

	}

	.section.custom-block.features-layout2.numbers-features-block.product-block .content-section-image-holder {
		background-repeat: no-repeat !important;
	}

	/*========== Custom block style 5 End  (Products block )  ==========*/


	/*  Contact-fomr block  Start */
	.section.contact-form-section .content-block-row .content-block-body .content-section-image-holder {
		display: none;
	}

	/*   Contact-fomr block  End */

	.section ul li {
		padding-left: 25px;
	}

	.section ul li:before {
		font-size: 7px;
		width: 16px;
		height: 16px;
		line-height: 17px;
		top: 5px;
	}



	.accordion-item .accordion__title:after {
		top: 0;
		font-size: 11px;
		width: 20px;
		height: 20px;
		line-height: 20px;
		top: 1px;
	}

	.accordion-item .accordion__body p {
		margin-bottom: 1rem;
	}

	.widget-plan .widget__footer {
		padding: 20px 32px;
	}

	.accordion-item .accordion__title {
		font-size: 16px;
		padding-left: 30px;
	}


	.widget-services ul li::before {
		display: none;
	}

	.widget-services ul li {
		padding-left: 0px;
	}

	.btn {
		font-size: 15px;
		min-width: 160px;
		height: 40px;
	}

	a.logo {
		width: 200px;
	}

	.footer.footer-section .footer-primary .footer-widget.footer-widget-nav {
		margin-top: 12px;
	}

	.footer.footer-section .footer-primary .footer-widget.footer-widget-contact {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.section.page-header-2-section {
		position: relative;
		height: 410px;
		display: flex;
		align-content: center;
		align-items: flex-end;
		padding-bottom: 50px;
	}

	.widget {
		margin-bottom: 30px !important;
	}

	.section .content-block-row.heading-row {
		margin-bottom: 1rem;
	}


	.section.blog-grid.blog-section .post-item .post__body .btn-holder {
		border: 0px solid #43668d !important;
		padding: 5px 0px !important;
		max-width: 100%;
		text-align: center;
		border-radius: 6px;
	}

	.section.blog-grid.blog-section .post-item .post__body .btn-holder .btn__link {
		/* text-align: center; */
		display: block;
	}


	.section.custom-block.custom-4-layout1.products-form-block .content-block-row .widget-plan .widget__body.content-block-body .widget-custom-form-holder {}

	.section.custom-block.custom-4-layout1.products-form-block .content-block-row .widget-plan:last-child {

		margin-bottom: 30px !important
	}


	.section.content-section.content-block-style-3 .content-block-row .content-block-image-holder {
		height: 210px;
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 30px;
        position: inherit;
        top: 0;
        background-size: contain !important;
        width: 200px;
	}

	.section.blog-grid.blog-section .post-item .post__img .content-image-holder {
		height: 330px;
	}

	.section.custom-block.features-layout2.numbers-features-block .content-block-video-row .section-image-video-holder {

		height: 360px;
	}

	.video__btn .video__player {
		position: absolute;
		top: 0;
		left: 0;
		width: 100px;
		height: 100px;
		line-height: 110px;
		border-radius: 50%;
	}

	.section.parallax-blocks-section {

		height: 400px;
	}

	.section.parallax-blocks-section .content-block-row .content-block-body h2 {

		font-size: 36px;
	}

	.section.contact-form-section {
		background-position: right top;
		background-size: 90px;
	}


	.section.pager-banner .header-content h1 {
		font-size: 45px;
		margin-bottom: 150px;
	}

	.section.pager-banner .header-content .slide__subtitle {
		font-size: 18px;
		letter-spacing: 2px;
		position: relative;
	}

	.section.custom-block.services-list-block .content-block-row .content-block-image-holder {

		height: 300px;

		margin-left: 0px;
	}

	.section .content-block-row .content-block-body .pre-title {
		letter-spacing: 0px;
	}

	.navbar .nav__item .nav__item-link {
		padding: 22px 3px;
		display: flex;
		justify-content: space-between;
	}

	.navbar .logo-dark {
		width: 340px;
		max-width: 100%;
		/* border: 1px solid; */
	}

	.section.custom-block.services-list-block .content-block-row .content-block-body .services-item-row ul.services-item-ul li a {

		padding: 17px 1px;
		font-size: 20px;
	}


	.homepage-slick-slider.slick-carousel .slick-dots {
		bottom: 0px;
		right: 4px;
		width: 100%;
		height: 50px;
		padding-top: 0;
	}

	.section.custom-block.features-layout2.numbers-features-block .text-item-row .text-item-holder h3 {
		margin-bottom: 2px;
		font-weight: bold;
	}


	.gallery .slick-list {
		border-radius: 0px;
	}

	.section.gallery-section .gallery-slick-carousel .popup-gallery-item .popup-gallery-item-image-holder {

		height: 350px;
	}

	/* About us PAge */
	.section.content-section.about-layout3 .abotus-text-item-row {
		padding-left: 10px;
	}

	.section.content-section.about-layout3 .image-holder .image-content {
		width: 210px;
		bottom: -20px;
		left: 0;
		right: inherit;
	}

	.section.content-section.about-layout3 .abotus-text-item-row .text-item-holder {
		/* border: 1px solid; */
		padding: 0px 0px 50px 65px;

	}


	.section.content-section.content-section-50 .content-section-50-image-holder {

		opacity: 0;
	}

	.section .content-block-row .content-block-body h1 {
		font-size: 32px;
	}

	.circle_percent_holder {
		display: flex;
		align-items: center;
		margin-bottom: 40px;
	}

	.circle_percent {
		font-size: 110px;
		margin: initial;
		margin-right: 20px;
	}

	.percent_text {
		font-size: 30px;
	}

	.circle_text {
		font-size: 22px;
	}

	/* Footer */
	.footer.footer-section .footer-primary .main-row .footer-logo-holder {
		text-align: left;
	}


	.footer.footer-section .footer-primary .contact-info-row .contact-item-holder i {
		font-size: 32px;
		width: 44px;
		/* border: 1px solid; */
		height: 54px;
		text-align: center;
	}

	.footer.footer-section .footer-primary .contact-info-row .contact-item-holder {

		padding: 10px 0px 30px 46px;
	}

	.footer.footer-section .footer-primary .contact-info-row .contact-item-holder h4 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.footer.footer-section .footer-primary .contact-info-row .contact-item-holder a {
		font-size: 18px;

	}

	.footer.footer-section .footer-primary .social-icons {
		text-align: center;

		margin-top: 30px;
		padding-bottom: 40px;
	}

	.footer.footer-section .footer-primary .copywrite {
		text-align: center;
		font-size: 17px;
		padding-top: 40px;
		margin-top: 20px;
	}

	.section.pager-banner .header-content .heading-banner img {

		right: 58%;
		width: 100px;
		opacity: 0.3;
	}



	.modal-dialog {
        max-width: 90%; 
    }


}

/* rehan 768 */
@media only screen and (max-width: 575px) {


	.section.pager-banner .header-content .btn-holder .btn.btn__secondary {
		width: 60%;
		max-width: 250px;
		margin-bottom: 10px;
		margin-right: 0px !important;
	}


	.navbar .nav__item .nav__item-link {
		padding: 22px 3px;
	}

	.navbar .navbar-collapse .navbar-nav {
		padding: 50px 0 20px 30px;
		width: 85%;
		display: flex;
		justify-content: flex-start;
	}

	.navbar .close-mobile-menu {
		width: 15%;
	}

	.navbar .close-mobile-menu i {
		top: 4%;
		right: 13%;
	}


	.widget-plan .widget__footer {
		padding: 9px 16px;
		display: block !important;
	}

	.widget-plan .widget__footer .d-flex.align-items-center {
		display: block !important;
	}

	.widget-plan .widget__footer .btn-holder {}

	.widget-plan .widget__footer .btn-holder .btn {
		margin-left: 0px !important;
	}

	.widget-plan .widget__footer .btn-holder .btn.btn__link {
		border: 1px solid #e6e8eb !important;
		border-radius: 10px;
		height: 44px;
	}

	.section.contact-form-section .content-block-row .custom-form-holder {
		padding: 30px 0px;
	}

	.section.contact-form-section .content-block-row {
		padding: 30px 10px 10px;
		margin-top: 10px;
		margin-bottom: 0px;
		margin: 10px 0px 10px 0px;
	}

	.section.contact-form-section .content-block-row .mb-60 {
		margin-bottom: 3px !important;
	}

	.section .custom-form-check-holder {
		padding-left: 28px;
		font-size: 14px;
		font-family: 'ClashGrotesk-Regular';
	}

	.form-group,
	.nice-select {
		font-size: 20px;
		font-family: 'ClashGrotesk-Regular';
	}


	.btn-holder .btn {
		min-width: 100%;
		max-width: 100%;
	}

	.nice-select .option {
		font-size: 16px;
	}

}

/* rehan 575 */