@media all and (max-width: 1200px){
	.banner-jokar-image {
		max-width: 44.5rem;
		height: 43.5rem;
	}
	
	.section-padding {
	  width:100%;
	}

	.jokar-cv-area .cv-content p {
		font-size: 2.3rem;
		line-height: 3.6rem;
	}
	.banner-area .container {
		max-width: 99rem;
	}
	.tp_banner-area h1 {
		font-size: 45px;
		line-height: 66px;
	}
	.footer-area {
		padding: 75px 0 100px 0;
	}


}


@media all and (min-width: 992px){
	.fat-toggle{
		display: none !important;
		left: auto;
	}
}


@media all and (max-width: 991px){
	.sticky-header-area {
		position: sticky;
		top: 0;
		z-index: 9999999999999999;
		background: var(--white-color);
	}
	.banner-jokar-image {
		margin: 0 auto;
	}
	.fat-toggle {
		display: flex;
		justify-content: end;
	}
	.tp_header-area {
		padding: 1.2rem 0rem;
	}
	.menu-area {
		position: absolute;
		top: 4rem;
		left: 0;
		background: var(--white-color);
		height: 0;
		width: 100%;
		transition: 1s;
	}
	.active-nav-menu{
		height: 100vh;
	}
	.menu-area ul {
		justify-content: center;
		flex-direction: column;
		padding-top: 6rem;
		visibility: hidden;
		transition: .5s;
	}
	.active-nav-menu ul{
		visibility: visible;
	}
	.menu-area ul li a {
		font-size: 1.7rem;
		font-weight: 500;
		margin-left: 0rem;
		line-height: 3.5rem;
	}
	.tp_banner-area h1 {
		font-size: 33px;
		line-height: 55px;
		margin-bottom: 50px;
	}
	.omni-area .row:nth-child(2n+1) .col-lg-6:first-child .omni-image {
		padding-bottom: 2.6rem;
	}
	.omin-content {
		padding-left: 0rem;
	}
	.omni-area .row:nth-child(2n) .col-lg-6:last-child {
		order: 1;
	}
	.omni-area .row:nth-child(2n) .col-lg-6:first-child .omni-image {
		padding-left: 0rem;
		padding-bottom: 2.6rem;
	}

	.reference-heading h2 {
		font-size: 3.2rem;
		line-height: 40px;
	}

	.jokar-cv-area .cv-content p {
		font-size: 2.2rem;
		line-height: 3.4rem;
		text-align: center;
		max-width: 60rem;
		margin: 0 auto;
	}
	.cv-button {
		margin: 0 auto;
		margin-top: 3rem;
	}
	.jokar-cv-area {
		background: var(--white-gray);
		padding: 6.4rem 0rem;
	}
	.footer-contact {
		margin: 0 auto;
		margin-top: 4rem;
	}
	.footer-logo {
		text-align: center;
	}

	.tp_logo-area a img {
		bottom: -0.3rem;
		height: 4rem;
		position: relative;
		z-index: 99;
	}
	.sols-loding h2 {
		font-size: 2.9rem;
	}
	.sols-loding p {
		font-size: 1.9rem;
		line-height: 3rem;
	}
	.banner-jokar-image.banner-jokar-image-right {
		margin-top: 9rem;
	}
	.tp_banner-area {
		padding: 350px 0 150px 0;
	}
	.tp_service-area {
		padding: 50px 0;
	}
	.tp_service-area h2 {
		font-size: 40px;
		line-height: 55px;
		margin-bottom: 50px;
	}
	.main-joker-amni-area .jokar-omni-area.jokar-omni-area-section:nth-child(1) .omni-image {
		margin-bottom: 20px;
	}
	.main-joker-amni-area .jokar-omni-area.jokar-omni-area-section:nth-child(2) .omni-image {
		margin-bottom: 20px;
	}

	/*.main-joker-amni-area .jokar-omni-area.jokar-omni-area-section:nth-child(2) .row.align-items-center.sols_omni_image .col-lg-6:nth-child(2) {
		order: -1;
	}*/
	.nos-references-area {
		padding: 80px 0;
	}
	.reference-heading p {
		font-size: 2.6rem;
		font-weight: 400;
		line-height: 3.3rem;
	}
	.cv-button {
		display: flex;
		justify-content: center;
	}
	.footer-area {
		padding: 50px 0 50px 0;
	}

	.row.align-items-center.sols_omni_image.first-area .col-lg-6:nth-child(2) {
		order: -1;
		margin-bottom: 20px;
	}

	.sols-loding h2 {
		font-size: 36px;
	}

	.omni-area.jokar_sols_area {
		padding: 80px 0 110px 0;
	}

}


@media all and (max-width:  767px){
	.tp_service-area h2 {
		font-size: 3.3rem;
	}

	.jokar-slider .screenshot_slider .owl-item.center .item img {
		transform: scale(1.2);
	}
	.jokar-slider .omni-area .row {
		padding: 6.5rem 5rem 6.5rem 5rem;
		margin: 3.5rem 0rem;
	}
	.reference-heading p {
		font-size: 2rem;
		line-height: 3rem;
	}
	.logo-slide a img {
		width: 10.2rem;
		height: 3.4rem;
	}
	.sols-loding img {
		max-width: 35.9rem;
		height: 3.8rem;
		margin: 0.6rem auto;
	}
	.sols-loding p {
		margin-top: 0;
	}
	.omni-area.jokar_sols_area .row:first-child {
		padding-top: 0;
	}
	.tp_banner-area h1 {
		font-size: 24px;
		line-height: 40px;
		margin-bottom: 40px;
	}
	.tp_banner-area {
		padding: 250px 0 150px 0;
	}
	.tp_service-area h2 {
		font-size: 30px;
		margin-bottom: 40px;
	}
	
	.service-heading h3 {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 30px;
	}
	.service-heading p {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 15px;
	}
	.omin-content h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.omin-content p {
		font-size: 16px;
		line-height: 27px;
	}
	.jokar-omni-area {
		padding: 50px 0;
	}
	.nos-references-area {
		padding: 50px 0;
	}

	.left-copy p {
		font-size: 14px;
		line-height: 22px;
	}
	.right-copy p {
		font-size: 14px;
		line-height: 22px;
	}
	.footer-bottom a img {
		width: 75px;
		height: auto;
		object-fit: contain;
	}
	.footer-area .footer-top {
		padding-bottom: 40px;
	}
	.sols-loding h2 {
		font-size: 28px;
	}
	.omni-area.jokar_sols_area {
		padding: 60px 0 90px 0;
	}


}


@media all and (max-width:  575px){
	.container{
		width: 95%;
	}
	.service-heading h3 {
		font-size: 1.8rem;
	}
	.nos-references-area {
		padding: 2rem 0rem 9rem 0rem;
	}
	.jokar-cv-area .cv-content p {
		font-size: 2rem;
		line-height: 3rem;
	}
	.tel {
		text-align: center;
	}
	.sols-loding h2 {
		font-size: 24px;
		line-height: 3.6rem;
	}
	.sols-loding img {
		max-width: 22.9rem;
		height: 2.8rem;
		margin: 2rem auto;
	}
	.sols-loding p {
		font-size: 1.6rem;
		line-height: 2.7rem;
		margin-top: 1rem;
	}
	.left-copy {
		display: flex;
		justify-content: center;
	}
	.right-copy {
		justify-content: center;
	}
	.jokar-slider .screenshot_slider .owl-item.center .item img {
	    transform: scale(0.8);
	}
	.jokar-slider .screenshot_slider .owl-item .item img {
		margin: 0rem 0;
	}
	.jokar-slider .owl-item .item {
		transform: translate3d(0rem, 0, 0);
		margin: 0rem 0rem;
	}
	.footer-bottom .col-sm-6.p-0:last-child {
		order: -1;
		margin-bottom: 2rem;
	}
	.tp_banner-area {
		padding: 220px 0 135px 0;
	}
	.toggle {
		width: 3.4rem;
	}
	.service-button-1 .learn-more {
		padding: 7px 18px;
		font-size: 14px;
	}
	.service-heading {
		padding-bottom: 30px;
	}
	.tp_service-area {
		padding: 30px 0;
	}
	.omin-content h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.jokar-omni-area {
		padding: 30px 0;
	}
	.omin-content p {
		font-size: 14px;
		line-height: 24px;
	}
	.nos-references-area {
		padding: 30px 0;
	}
	.reference-heading h2 {
		font-size: 28px;
		margin-bottom: 0px;
	}
	.reference-heading p {
		font-size: 1.8rem;
		line-height: 2.7rem;
	}
	.service-heading p {
		font-size: 14px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.omni-area.jokar_sols_area {
		padding: 40px 0 50px 0;
	}
	.banner-jokar-image.banner-jokar-image-right {
		margin-top: 5rem;
	}

}


@media all and (max-width: 450px){
	.banner-jokar-image.banner-jokar-image-right {
		margin-top: 7rem;
	}
		.banner-jokar-image {
		max-width: 44.5rem;
		height: 34.5rem;
	}
	.banner-main-img {
		max-width: 44.5rem;
		height: 34.5rem;
	}
	.header-logo {
		padding: 3rem 0rem 3rem 0rem;
	}
	.banner-btan {
		bottom: -21px;
	}
	.header-logo a img {
		width: 14.4rem;
		height: 4rem;
	}
	.tp_service-area h2 {
		font-size: 24px;
		margin-bottom: 0;
	}
	.service-heading p {
		font-size: 1.4rem;
	}
	.toggle {
		width: 3.4rem;
	}
	.tp_logo-area a img {
		width: 14.2rem;
	}
	.tp_header-area {
		padding: 0rem 1rem;
	}
	.tp_banner-area h1 {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 40px;
	}
	
	.main-btn {
		font-size: 1.4rem;
	}
	.omni-area .row {
		padding: 4rem 1.5rem 4rem 1.5rem;
	}
	.omni-image img {
		height: 22.3rem;
	}
	.omin-content h3 a {
		font-size: 1.9rem;
		line-height: 3rem;
		margin-bottom: 0.7rem;
	}
	.omni-area .row:nth-child(2n+1) .col-lg-6:first-child .omni-image {
		padding-bottom: 1.9rem;
	}
	.omni-area .row:nth-child(2n) .col-lg-6:first-child .omni-image {
		padding-bottom: 1.9rem;
	}
	.cv-button .learn-more {
		padding: 0.7rem 1.8rem;
		font-size: 14px;
	}
	.tel {
		margin-top: 3rem;
	}
	.footer-contact {
		margin-top: 0;
	}

	.reference-heading p {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.reference-heading h2 {
		font-size: 2.8rem;
		line-height: 5rem;
	}
	.tp_banner-area {
		padding: 175px 0 120px 0;
	}
	.main-btn-1 {
		font-size: 1.6rem;
		padding: 1rem 1.2rem;
	}
	.service-heading h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.cv-button {
		flex-direction: column;
		text-align: center;
	}
	.cv-button a:first-child {
		margin-right: 0rem;
		margin-bottom: 15px;
	}

	.cv-button.losar.second.cv-button a:first-child{
		margin-right: 0;
		margin-bottom: 15px;
	}
	.sols-loding h2 {
		font-size: 20px;
		line-height: 2.6rem;
	}

	.sols-loding p {
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin-top: 1rem;
	}
	.omni-area.jokar_sols_area {
		padding: 30px 0 30px 0;
	}

}