@media (max-width:1366px) {

	/*=== Case Study Slider Page ===*/
	.case-study-slider .slick-prev {
		left: -15px;
	}

	.case-study-slider .slick-next {
		right: -15px;
	}

	/*========== Product view section ==========*/
	.product-view-inner .product-view-col:nth-child(1),
	.product-view-inner .product-view-col:nth-child(4) {
		width: calc(63% - 16px);
	}

	.product-view-inner .product-view-col:nth-child(2),
	.product-view-inner .product-view-col:nth-child(3) {
		width: calc(37% - 16px);
	}

	.product-view-box .product-view-box-inner {
		padding: 35px 35px;
		height: 620px;
	}
}

@media (max-width:1180px) {

	/*=== Case Study Slider Page ===*/
	.case-study-slider .slick-prev {
		left: -15px;
	}

	.case-study-slider .slick-next {
		right: -15px;
	}

	/*========== Product view section ==========*/

	.product-view-inner .product-view-col:nth-child(1),
	.product-view-inner .product-view-col:nth-child(4) {
		width: calc(58% - 16px);
	}

	.product-view-inner .product-view-col:nth-child(2),
	.product-view-inner .product-view-col:nth-child(3) {
		width: calc(42% - 16px);
	}

	.product-view-box .product-view-box-inner {
		padding: 30px 30px;
	}
}

@media (max-width:1024px) {
	#main-wrap {
		position: relative;
		padding-top: 130px;
	}

	/*=== Enablement and Implementation CSS ===*/
	.common-imgbox-col {
		width: calc(100% / 2 - 15px);
	}

	/*=== FTD Hero Section CSS ===*/
	.ftd-hero-section-wrapper {
		padding: 60px 40px 60px 60px;
	}

	/*===  Box grid component CSS ===*/
	.box-grid-wrapper,
	.box-grid-col,
	.sm-box-wrap {
		gap: 15px;
	}

	.box-grid-col .box {
		padding: 20px;
	}

	/*====================
	All pages CSS 
	=====================*/

	/*=== Application page css ===*/
	.application-item__left-block {
		width: 40%;
	}

	.application-item__right-block {
		width: 54%;
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	/*=== Application page css ===*/
	.useCase__content-box {
		padding-left: 40px;
		padding-right: 0px;
	}

	/*=== Case Study Slider Page ===*/
	.case-study__content-block__styleOne {
		padding: 60px 60px;
	}

	.case-study-slider .slick-prev {
		left: -15px;
	}

	.case-study-slider .slick-next {
		right: -15px;
	}	

	.feature-post-thumb-image-block img{
		width:100%;
		height:230px;
		object-fit:cover;
		object-position:center center;
	}

}

@media (max-width:991px) {

	br {
		display: none;
	}

	/*=== FTD Hero Section CSS ===*/
	.ftd-hero-section-wrapper {
		padding: 0 0;
	}

	.ftd-hero-left-block {
		flex: 0 0 55%;
		width: 55%;
	}

	.ftd-hero-button-block {
		gap: 30px;
	}

	/*========== Product view section ==========*/
	.product-view-box:hover .product-title-block br {
		display: none;
	}

	.product-view-inner .product-view-col:nth-child(1),
	.product-view-inner .product-view-col:nth-child(4),
	.product-view-inner .product-view-col:nth-child(2),
	.product-view-inner .product-view-col:nth-child(3) {
		width: calc(100% - 0px);
	}

	.product-view-box {
		position: relative;
		height: auto;
	}

	.product-view-box .product-view-box-inner {
		height: 100%;
	}

	/*=== Footer Section CSS ===*/
	.footer-inner-wrapper {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.footer-left-col,
	.footer-right-col {
		width: 100%;
	}

}

@media (max-width:767px) {

	#main-wrap {
		position: relative;
		padding-top: 130px;
	}

	/*=== two col imagebox css ===*/
	.two-col-imgbox-item {
		flex-direction: column;
	}

	.two-col-imgbox-item>div {
		flex: 1 1 auto;
		width: 100%;
	}

	/*=== FTD Accordion Tab css ===*/
	.accortab-wrapper {
		flex-direction: column;
		gap: 40px;
	}

	.accortab,
	.content-area {
		flex: 0 0 100%;
		width: 100%;
	}

	/*=== FTD Hero Section CSS ===*/
	.ftd-hero-section-wrapper {
		flex-direction: column;
		gap: 50px;
	}

	.ftd-hero-left-block {
		flex: 0 0 100%;
		width: 100%;
		gap: 20px;
	}

	.ftd-hero-right-block {
		flex: 0 0 100%;
		width: 100%;
	}

	/*===  Box grid component CSS ===*/
	.box-grid-wrapper {
		flex-direction: column;
	}

	/*====================
	All pages CSS 
	=====================*/

	/*=== Application page css ===*/
	.application-item-wrapper .application-items {
		flex-direction: column;
		gap: 30px;
	}

	.application-item__left-block {
		width: 100%;
	}

	.application-item__right-block {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	.application-item__content-block {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.application__form-section .form-wrapper {
		flex-direction: column;
		gap: 40px;
	}

	.application__form-section .form-wrapper .form-left-col {
		width: 100%;
	}

	.application__form-section .form-wrapper .form-right-col {
		width: 100%;
	}

	/*=== Use case page css ===*/
	.useCase__items {
		flex-direction: column;
		gap: 30px;
	}

	.useCase__content-box {
		padding: 0 0;
	}

	/*=== News archive page css ===*/
	.news__cat__search-block .left-block {
		width: 70%;
	}

	.news__cat__search-block .right-block {
		width: 20%;
	}

	.news__feature-block {
		flex-direction: column;
		gap: 30px;
	}

	.news-feature__left-block {
		width: 100%;
	}

	.news-feature__right-block {
		width: 100%;
	}

	.news-grid-col {
		width: calc(50% - 20px);
	}

	.signup__block {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}

	.signup__right-block {
		margin-left: 0px;
	}

	/*=== Industry Page ===*/
	.industry__item-inner {
		flex-direction: column;
	}

	.industry__item-inner .industry__item-content-block {
		order: 2;
	}

	.industry__item-inner .industry__item-image-block {
		order: 1;
	}

	/*=== Case Study Slider Page ===*/
	.case-study__inner {
		flex-direction: column;
		gap: 0px;
	}

	.case-study__left-column {
		width: 100%;
	}

	.case-study__right-column {
		width: 100%;
		padding: 20px;
	}

	.case-study__content-block__styleOne {
		padding: 20px 20px;
	}

	.case-study-slider .slick-prev {
		left: 40%;
		top: -25px;
	}

	.case-study-slider .slick-next {
		right: 40%;
		top: -25px;
	}

	.case-study__image-block {
		padding: 0px 0px;
	}

	.case-study-slider .slick-prev img,
	.case-study-slider .slick-next img {
		filter: invert(1);
		-webkit-filter: invert(1);
	}

	.feature-post-thumb-image-block img{
		width:100%;
		height:200px;
		object-fit:cover;
		object-position:center center;
	}

}

@media (max-width:575px) {
	#main-wrap {
		position: relative;
		padding-top: 100px;
	}

	/*=== big text css ===*/
	.lg-text-left{
		width:100%;
	}

	/*=== challenge-cardbox css ===*/
	.challenge-cardbox-item-col {
		display: block;
		flex: 1 1 calc(100% / 1 - 15px);
	}

	/*=== Enablement and Implementation CSS ===*/
	.common-imgbox-col {
		display: block;
		width: calc(100% / 1 - 15px);
	}

	/*=== post single page ===*/
	.post-single-hero-section {
		flex-direction: column;
	}

	.post-single-hero-left-block {
		flex: 0 0 100%;
	}

	.post-single-hero-right-block {
		flex: 0 0 100%;
	}


	.post-single-content-section {
		flex-direction: column;
	}

	.post-single-content-section .sidebar,
	.post-single-content-section article {
		flex: 0 0 100%;
	}

	.post-single-content-section .sidebar {
		order: 2;
	}

	.post-single-content-section .article {
		order: 1;
	}

	.post-single-content-section .sidebar-inner {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}

	.post-single-category {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 15px;
	}

	.post-single-social {
		max-width: 100%;
		flex-direction: row;
		justify-content: space-around;
		padding: 15px 15px;
	}

	/*=== CTA block css ===*/
	.cta-inner {
		flex-direction: column;
	}

	.cta-left-block,
	.cta-right-block {
		flex: 0 0 100%;
	}

	/*=== FTD Hero Section CSS ===*/
	.ftd-hero-button-block {
		gap: 15px;
	}

	.ftd-hero-button-block .ftd-primary-btn {
		font-size: 15px;
		padding: 8px 15px;
	}

	.ftd-hero-button-block .ftd-secondary-btn {
		gap: 10px;
		font-size: 15px;
	}

	.ftd-hero-button-block .ftd-secondary-btn>span.ftd-hero-btn-arrow-block {
		min-width: 23px;
		width: 23px;
	}

	.ftd-hero-button-block .ftd-secondary-btn:hover span.ftd-hero-btn-arrow-block {
		transform: translateX(5px);
		-webkit-transform: translateX(5px);
		-moz-transform: translateX(5px);
		-ms-transform: translateX(5px);
		-o-transform: translateX(5px);
	}

	/*========== Product view section ==========*/
	.product-image-box>img {
		max-width: 100%;
		height: auto;
		width: auto;
		object-fit: contain;
		object-position: center;
	}

	.product-view-box .product-view-box-inner {
		gap: 20px;
		height: 380px;
	}

	.product-view-box .product-description,
	.product-view-box .product-description p {
		font-size: 15px;
		line-height: 130%;
	}

	/*=== Footer Section CSS ===*/
	.footer-top-block {
		display: block;
		position: relative;
	}

	.footer-item-block {
		width: 100%;
		/* width handled by JS below 575px */
		margin-bottom: 0;
		/* spacing handled by JS */
	}

	.footer-menu-block {
		padding-top: 0;
	}

	/*=== News archive page css ===*/
	.news-grid-col {
		width: calc(100% - 20px);
	}

	.news__cat__search-block {
		flex-direction: column;
		row-gap: 25px;
	}

	.news__cat__search-block .left-block {
		width: 100%;
	}

	.news__cat__search-block .right-block {
		width: 100%;
	}

	.news__search-block {
		text-align: left;
	}

	/*=== Industry Page ===*/
	.industry__wrapper .industry__left-col {
		display: none;
	}

	.industry__wrapper .industry__right-col {
		width: 100%;
	}

	/*========== Counter Section css ==========*/
	.counter-section {
		position: relative;
		padding: 60px 0 60px 0;
	}

	.counter-items {
		display: flex;
		flex-direction: column;
	}

	.counter-items .counter-box {
		width: calc(100% / 1);
		border-right-style: solid;
		margin-top: -1px;
	}

	.counter-title-block {
		font-size: clamp(3.125rem, 2.4432rem + 3.6364vw, 3.75rem);
	}

	.counter-description {
		max-width: 100%;
	}

	/*=== Case Study Slider Page ===*/	

	.case-study-slider .slick-prev {
		left: 40%;
		top: -25px;		
		width: 35px;
	}

	.case-study-slider .slick-next {
		right: 40%;
		top: -25px;	
		width: 35px;
	}

	.case-study__inner {
		flex-direction: column;
		gap: 0px;
	}

	.case-study__image-block {
		padding: 0px 0px;
	}

	.feature-slider-item{
		gap:15px;
	}

	.feature-post-slider .slick-list{
		padding: 0 0 !important;
	}

}

@media (max-width:479px) {

	br{
		display:none;
	}

	/*===  Box grid component CSS ===*/
	.sm-box-wrap {
		flex-direction: column;
	}

	.box-grid-col .box {
		gap: 10px;
	}

	/*=== Case Study Slider Page ===*/	

	.case-study-slider .slick-prev {
		left: 36%;
		top: -25px;
	}

	.case-study-slider .slick-next {
		right: 36%;
		top: -25px;
	}

	/*=== Footer Section CSS ===*/
	.footer-top-block {
		flex-wrap: wrap;
		row-gap: 30px;
	}

	.footer-menu-block {
		padding-top: 0;
	}

	.footer-item-block > h6{
		font-weight:600;
	}
}