@media only screen and (min-width: 992px) {
	/* -------------------------- HEADER FOOTER AND INNER BANNER CSS  START ------------------------------ */
	/* header css start */
	.navbar-expand-lg .navbar-collapse { display: flex; margin-left: auto; flex-grow: inherit; }
	/* header css end */
	/* -------------------------- HEADER FOOTER AND INNER BANNER CSS  END ------------------------------ */
}

@media only screen and (max-width: 1366px) {
	.products-box .products-block .item .image { width: 100%; height: auto; }
	.products-box .products-block .item .image img { object-fit: fill; }
	.products-catogries-page .products-box .products-block .item .image { width: 100%; height: 100%; }
}
@media only screen and (max-width: 1200px) {
	/* -------------------------- HOMEPAGE CSS  START -------------------------- */
	#horizon-slider { width: 300px; }
	#horizon-slider ul li { width: 300px; height: 500px; }
	/* -------------------------- HOMEPAGE CSS END -------------------------- */

	/* ------------------------------ CASE STUDIES PAGE CSS START ------------------------------ */
	.case-call-block .call-text p { font-size: 16px; }
	/* ------------------------------ CASE STUDIES PAGE CSS END ------------------------------ */

	/* ------------------------------ CLIENT LAYOUT PAGE CSS START ------------------------------ */
	.clients-page { padding: 30px 0; }
	.client-call-to-action .call-text p { line-height: 25px; padding-bottom: 15px; font-size: 16px; }
	.clients-sector { padding-bottom: 20px; }
	/* ------------------------------ CLIENT LAYOUT PAGE CSS START ------------------------------ */

	/* ------------------------------ CONTACT PAGE CSS START ------------------------------ */
	.contact-text-block .contact-form .form-group{ display: inline-block; margin-bottom: 10px; }
	.contact-text-block .contact-form  .form-group label { width: 200px; }
	.contact-text-block .contact-form .form-group textarea { height: 40px; }
	.contact-text-block .contact-form .form-group .captcha-input { width: 100px; }
	/* ------------------------------ CONTACT PAGE CSS END ------------------------------ */
}

@media only screen and (max-width: 1024px) {
	/* -------------------------- PRODUCT BY DETAIL PAGE CSS  START ------------------------------ */
	.product-list-right .product-list .select-box { flex: 0 0 50%; margin-bottom: 15px; }
	.product-list-right .product-list .search-box { flex: 0 0 50%; }
	.product-list-right .product-list .sorting-icons { flex: 0 0 25%; }
	.product-list-right .product-list .select2-container { min-width: 150px !important; }
	.product-list-right .product-list { flex-wrap: wrap; }
	.product-list-right .product-list .sorting-icons { display: none; }
	/* ------------------------------ PRODUCT BY DETAIL PAGE CSS  END ------------------------------ */
}

@media only screen and (max-width: 992px) {
	/* -------------------------- HEADER FOOTER AND INNER BANNER CSS  START ------------------------------ */
	/* header css start */
	.header  { min-height: auto; }
	.header.fixed  { position: fixed; top: 0; left: 0; min-height: 100%; }
	.header .logo { display: inline-block; padding: 0; }
	.header .logo p { display: none; }
	.header .menu-box { margin-top: 20px; background: #fafafa; text-align: center; height: calc(100vh - 110px); overflow: auto; }
	.navbar .menu-box .navbar-nav .nav-item .nav-link { font-size: 24px; padding: 15px; }
	.menu-box li { border-bottom: 1px solid #eee; display: inline-block; width: 100%; }
	.menu-box li a { }
	.menu-box li:last-child { border-bottom: 0px; }
	.navbar-toggler:focus { box-shadow: none; }
	.navbar-light .navbar-toggler { border: 0; }
	/* header css end */
	/* start footer css */
	.footer-map iframe { width: 100%; height: 180px; }
	/* end footer css */
	/* -------------------------- HEADER FOOTER AND INNER BANNER CSS  END ------------------------------ */

	/* ------------------------------ HOMEPAGE CSS  START ------------------------------ */
	/* home solution box start */
	.custom-solution-box .custom-left { min-height: auto; }
	.custom-solution-box .custom-right { padding-left: 30px; }
	/* home solution box start */
	/* ------------------------------ HOMEPAGE CSS END ------------------------------ */

	/* ------------------------------ PRODUCT BY DETAIL PAGE CSS  START ------------------------------ */
	/* product categories page css start */
	.product-list-right { flex-wrap: wrap; }
	.product-list-right .product-list { flex-wrap: wrap; }
	.product-list-right .product-list .select-box { flex: 0 0 50%; margin-bottom: 15px; }
	.product-list-right .product-list .search-box { flex: 0 0 50%; margin-bottom: 15px; }
	.product-list-right .product-list .sorting-icons { flex: 0 0 50%; margin-bottom: 15px; }
	.product-list-right .product-list .select2-container { min-width: 150px !important; width: calc(100% - 10px) !important; }
	.product-list-right .product-list .search-box  { min-width: 200px; }
	.product-list-right .product-list .search-box input { min-width: 200px; }
	/* product categories page css start */
	/* product detail page css start */
	#vertical-slider { display: none; }
	.horVerSlider .dots { display: block; }
	.products-category-list ul li { flex: 0 0 30%; }
	.products-category-list ul { justify-content: flex-start; }
	/* product detail page css end */
	/* ------------------------------ PRODUCT BY DETAIL PAGE CSS  END ------------------------------ */

	/* ------------------------------ CLIENT LAYOUT PAGE CSS START ------------------------------ */
	.clients-sector .client-items .item { flex: 0 0 50%; }
	/* ------------------------------ CLIENT LAYOUT PAGE CSS START ------------------------------ */

	/* ------------------------------ CONTACT PAGE CSS START ------------------------------ */
	.contact-text-block .contact-form .form-group { display: flex; }
	.contact-text-block .contact-form .form-group .captcha-input { width: 300px; }
	.contact-text-block .office-address ul li p { margin: 0; display: flex; align-items: center; }
	.contact-map-block .title { font-size: 20px; }
	.contact-map-block iframe { height: auto; }
	/* ------------------------------ CONTACT PAGE CSS END ------------------------------ */

	/* cookies css start */
	.cookies-inner-block { flex-direction: column; }
	.cookies-text { margin-bottom: 20px; }
	.header.fixed .menu-box { display:block;}
}

@media only screen and (max-width: 767px){
	/* -------------------------- HEADER FOOTER AND INNER BANNER CSS  START ------------------------------ */
	/* start footer css */
	.footer-bottom-inner .footer-bottom-left p { padding: 0; text-align: center; }
	.footer-bottom-inner .footer-bottom-right { justify-content: center; }
	.footer-bottom-inner .footer-bottom-right p { padding: 0; text-align: center; }
	/* end footer css */
	/* -------------------------- HEADER FOOTER AND INNER BANNER CSS  END ------------------------------ */

	/* ------------------------------ HOMEPAGE CSS  START ------------------------------ */
	/* home testimonial box start */
	.testimonial-box .owl-dots  { position: absolute; left: 0; right: 0; bottom: 0px; z-index: 1000; height: 10px; margin: auto; display: flex; justify-content: center; }
	.testimonial-box .owl-dots .owl-dot { margin: 0; padding: 0; height: 10px; }
	.testimonial-box .owl-dots .owl-dot span { width: 8px; height: 8px; display: inline-block; border-radius: 4px; background: #ced4da; content: ""; margin: 0 7px; cursor: pointer; }
	.testimonial-box .owl-dots .owl-dot.active  span{ background: #ff9a75; }
	.testimonial-box .owl-nav { display: none; }
	/* home testimonial box end */
	/* home solution box start */
	.custom-solution-box { padding: 20px 0; }
	/* home solution box start */
	/* product detail page css start */
	.product-list-right .product-list .search-box input { min-width: calc(100% - 10px) !important; }
	/* product detail page css start */
	/* ------------------------------ HOMEPAGE CSS END ------------------------------ */

	/* ------------------------------ PRODUCT BY DETAIL PAGE CSS  START ------------------------------ */
	.horVerSlider { display: flex; float: inherit; justify-content: center; padding-bottom: 50px; }
	.horizon-wrapper { margin-left: 0px; }
	#horizon-slider   { height: 450px; }
	#horizon-slider ul { height: 100% !important; }
	#horizon-slider ul li { height: 450px; }
	.products-category-list ul li { flex: 0 0 50%; }
	/* ------------------------------ PRODUCT BY DETAIL PAGE CSS  END ------------------------------ */

	/* ------------------------------ CASE STUDIES PAGE CSS START ------------------------------ */
	.case-call-block { padding: 20px 10px; text-align: center; }
	.case-call-block { margin: 0; }
	.case-call-block .call-text { text-align: center; }
	.case-call-block .call-btn { text-align: center; }
	.case-navigation-block { padding-top: 20px; }
	/* ------------------------------ CASE STUDIES PAGE CSS END ------------------------------ */

	/* ------------------------------ PORTFOLIO PAGE CSS START ------------------------------ */
	.portfolio-navigation-block { padding-top: 20px; }
	.portfolio-page .portfolio-block .nav-tabs .nav-item { flex-basis: 100%; margin: 0 0 10px 0; }
	/* ------------------------------ PORTFOLIO PAGE CSS END ------------------------------ */

	/* ------------------------------ CLIENT LAYOUT PAGE CSS START ------------------------------ */
	.client-call-to-action { padding: 20px 10px; text-align: center; min-height: auto; }
	.client-call-to-action .call-text { text-align: center; }
	.client-call-to-action .call-btn { text-align: center; }
	/* ------------------------------ CLIENT LAYOUT PAGE CSS START ------------------------------ */

	/* ------------------------------ NEWS SUMMARY PAGE CSS START ------------------------------ */
	.news-detail-page .news-summary-download .button-box { margin-bottom: 15px; }
	/* ------------------------------ NEWS SUMMARY PAGE CSS END ------------------------------ */

	/* ------------------------------ STANDARD DETAIL PAGE CSS START ------------------------------ */
	.standard-two-block .two-block-single { display: inline-block; }
	/* ------------------------------ STANDARD DETAIL PAGE CSS START ------------------------------ */

	/* ------------------------------ CONTACT PAGE CSS START ------------------------------ */
	.contact-text-block .office-address ul li p { line-height: inherit; }
	/* ------------------------------ CONTACT PAGE CSS END ------------------------------ */

	/* ------------------------------ PORTFOLIO DETAIL PAGE CSS START ------------------------------ */
	.portfolio-navigation-block { text-align: center; }
	.portfolio-navigation-block .previous-nav, .portfolio-navigation-block .next-nav { font-size: 10px; text-align: center; margin-bottom: 10px; }
	/* ------------------------------ PORTFOLIO DETAIL PAGE CSS  END ------------------------------ */
	.product-details-right.pdf-products2022 { display: block; }

}

@media only screen and (max-width: 580px){
	/* -------------------------- HEADER FOOTER AND INNER BANNER CSS  START ------------------------------ */
	/* header css start */
	.header .logo { padding: 0; }
	.header .logo img { max-width: 90px; }
	/* header css end */
	/* start footer css */
	.footer-top .footer-menu { padding: 10px 0; display: block; }
	.footer-address { padding: 15px 0; }
	.footer-bottom-inner { padding: 5px 0; }
	.footer-top .footer-menu ul { width: 100%; }
	.footer-top .footer-menu ul li a { font-size: 14px; }
	.footer-top .footer-address p { font-size: 14px; }
	.footer-bottom-inner .footer-bottom-left p, .footer-bottom-inner .footer-bottom-right p { font-size: 12px; }
	/* end footer css */
	/* inner page breadcrumb css start */
	.inner-banner { min-height: 200px; }
	.breadcumb h1 { font-size: 30px; }
	/* inner page breadcrumb css start */
	/* -------------------------- HEADER FOOTER AND INNER BANNER CSS  END ------------------------------ */

	/* ------------------------------ HOMEPAGE CSS  START ------------------------------ */
	/* home solution box start */
	.products-box .heading p { font-size: 16px; }
	.products-box .products-block .item .image h2  { font-size: 16px; }
	.custom-solution-box { flex-direction: column; }
	.custom-solution-box .custom-right { padding-left: 15px; padding-top: 15px; padding-right: 15px; }
	.custom-solution-box .custom-right h2 { font-size: 20px; }
	.custom-solution-box .custom-left { min-height: 300px; width: auto; }
	/* home solution box start */

	/* home testimonial box start */
	.testimonial-box { padding: 30px 0; }
	.testimonial-box .heading { padding-bottom: 20px; }
	.testimonial-box .heading h2 { font-size: 20px; }
	.testimonial-box .testimonial-block .item { margin-bottom: 20px; }
	/* home testimonial box end */
	/* ------------------------------ HOMEPAGE CSS END ------------------------------ */

	/* ------------------------------ PRODUCT BY DETAIL PAGE CSS  START ------------------------------ */
	/* product catogries page css start */
	.products-catogries-page .category-detail h2 { font-size: 20px; }
	.products-catogries-page .category-detail p { font-size: 14px; }
	.category-left-sidebar .accordion-item .accordion-body ul li a { font-size: 14px; }
	.featured-products-box .product-item .text p { font-size: 14px; }
	.product-container .product-item p { font-size: 14px; }
	.product-list-right .product-list .select2-container { width: calc(100% - 0px) !important; }
	.product-list-right .product-list .select-box { flex: 0 0 100%; }
	.product-list-right .product-list .search-box { flex: 0 0 100% !important; }
	.product-list-right .product-list .search-box input { min-width: 100% !important; }
	.products-category-list ul li { flex: 0 0 100%; }
	.product-listing-down .product-pagination { width: 100%; text-align: center; }
	.product-listing-down .show-results { width: 100%; text-align: center; }
	.related-products-section .detail-product-block .col-lg-3.col-md-4.col-sm-6.col-12:nth-last-child(-n + 4) .product-item { margin-bottom: 15px; }
	/* product catogries page css start */
	/* product detail page css start */
	.products-detail-page .product-detail-top h2 { font-size: 20px; }
	.product-details-right .product-category p { font-size: 14px; }
	.product-details-right .product-characteristics ul li { font-size: 14px; }
	.products-details-tab .inner-content p { font-size: 14px; }
	.products-details-tab .inner-content ul li { font-size: 14px; }
	.related-products-section .heading h2 { font-size: 20px; }
	.related-products-section .heading p { font-size: 14px; }
	.other-products-category .heading h2 { font-size: 20px; }
	.other-products-category .heading p { font-size: 14px; }
	.related-products-section .detail-product-block .product-item .view-details-btn { font-size: 14px; }
	.view-all-category a.view-all-category-btn { font-size: 14px; }
	/* product detail page css start */
	/* ------------------------------ PRODUCT BY DETAIL PAGE CSS  END ------------------------------ */

	/* ------------------------------ CASE STUDIES PAGE CSS START ------------------------------ */
	.case-detail-page { padding: 30px 0; }
	.case-studies-inner .case-testimonial-inner { position: relative; }
	.case-studies-inner .case-testimonial-block .case-image { text-align: center; }
	.case-studies-inner .case-testimonial-block .case-image img { width: auto; }
	.case-studies-inner .case-testimonial-block .case-text { text-align: center; padding: 0 15px; }
	.case-studies-inner .case-testimonial-block .case-semicolon img { position: absolute; bottom: 40px; right: 30px; width: 40px; }
	.case-studies-inner .case-testimonial-block h2 { font-size: 20px; }
	.case-detail-page .case-detail-top h2 { font-size: 20px; }
	.case-summary-block h2.title { font-size: 20px; }
	.case-summary-block .case-summary-inner .image { margin-bottom: 15px; }
	.case-gallery-block, .case-text-block, .case-video-block { padding: 15px 0; }
	.case-gallery-block .news-text h2{ 	font-size: 20px; }
	.case-video-block .title  { font-size: 20px; }
	.case-more-block h3 { font-size: 20px; }
	.case-navigation-block .previous-nav p, .case-navigation-block .next-nav p { font-size: 10px; }
	.case-navigation-block .previous-nav p span, .case-navigation-block .next-nav p span  { font-size: 10px; padding-right: 20px; padding-left: 20px; }
	/* ------------------------------ CASE STUDIES PAGE CSS  END ------------------------------ */

	/* ------------------------------ CLIENT LAYOUT PAGE CSS START ------------------------------ */
	.clients-page .clients-top h2, .clients-sector .title { font-size: 20px; }
	.clients-sector { padding-bottom: 0px; }
	/* ------------------------------ CLIENT LAYOUT PAGE CSS END ------------------------------ */

	/* ------------------------------ CLIENT TESTIMONIAL PAGE CSS START ------------------------------ */
	.clients-testimonial-page { padding: 30px 15px; }
	.clients-testimonial-page .clients-testimonial-top h2 { font-size: 20px; }
	.clients-testimonial-sector .client-items { position: relative; }
	.clients-testimonial-sector .client-items .client-image { text-align: center; }
	.clients-testimonial-sector .client-items .client-image img { width: auto; }
	.clients-testimonial-sector .client-items .client-text { text-align: center; padding: 0 15px; }
	.clients-testimonial-sector .client-items .client-text h3 { font-size: 20px; }
	.clients-testimonial-sector .client-items .client-text p { padding-top: 10px; }
	.clients-testimonial-sector .client-items .client-semicolon img { position: absolute; bottom: 40px; right: 15px; width: 30px; }
	.clients-testimonial-sector .client-items .client-semicolon { padding-top: 0px; }
	/* ------------------------------ CLIENT TESTIMONIAL PAGE CSS START ------------------------------ */

	/* ------------------------------ NEWS SUMMARY PAGE CSS START ------------------------------ */
	.news-summary-page .news-summary-top h2 { font-size: 20px; }
	/* ------------------------------ NEWS SUMMARY PAGE CSS START ------------------------------ */

	/* ------------------------------ NEWS SUMMARY DETAIL PAGE CSS START ------------------------------ */
	.news-detail-page { padding: 30px 0; }
	.news-detail-page .news-summary-top h2,.news-detail-page .news-summary-photo h2.title, .news-detail-page .news-summary-video h2.title { 	font-size: 20px; margin-top: 20px; }
	/* ------------------------------ NEWS SUMMARY DETAIL PAGE CSS START ------------------------------ */

	/* ------------------------------ STANDARD DETAIL PAGE CSS START ------------------------------ */
	.standard-detail-page { padding: 30px 0; }
	.standard-two-block { width: auto; }
	.standard-detail-page .standard-summary-top .standard-top { padding: 10px 0 10px 0; }
	.standard-text-block { padding: 20px 0; }
	.standard-two-block .image { margin-right: 0px; }
	.standard-two-block .two-block-single { display: inline-block; text-align: center; }
	.standard-detail-page .standard-summary-top h2,.standard-two-block .text h2, .standard-detail-page .standard-summary-photo h2.title, .standard-detail-page .standard-summary-video h2.title { font-size: 20px; margin-top: 20px; }
	/* ------------------------------ STANDARD DETAIL PAGE CSS START ------------------------------ */

	/* ------------------------------ CONTACT PAGE CSS START ------------------------------ */
	.contact-detail-page .contact-summary-top h2 { font-size: 20px; }
	.contact-text-block .office-address .title { padding-bottom: 15px; }
	.contact-text-block .contact-form .form-group { display: inline-block; width: 100%; }
	.contact-text-block .contact-form .form-group label { width: 100%; }
	.contact-text-block .office-address ul li p { line-height: inherit; }
	.contact-text-block .contact-form .form-group .captcha-input { width: 100px; }
	.contact-text-block .contact-form .form-group.submit-btn { text-align: center; }
	.contact-text-block .contact-form .form-group .form-control { max-height: none; }
	/* ------------------------------ CONTACT PAGE CSS END ------------------------------ */

	/* ------------------------------ PORTFOLIO DETAIL PAGE CSS START ------------------------------ */
	.portfolio-detail-page { padding: 30px 0; }
	.portfolio-detail-page .portfolio-detail-top h2 { font-size: 20px; }
	.portfolio-summary-block h2.title { font-size: 20px; }
	.portfolio-summary-block .portfolio-summary-inner .image { margin-bottom: 15px; }
	.portfolio-gallery-block, .portfolio-text-block { padding: 15px 0; }
	.portfolio-video-block .title  { font-size: 20px; }
	.portfolio-navigation-block .previous-nav p, .portfolio-navigation-block .next-nav p { font-size: 10px; }
	.portfolio-navigation-block .previous-nav p span, .portfolio-navigation-block .next-nav p span  { font-size: 10px; padding-right: 20px; padding-left: 20px; }
	.portfolio-navigation-block .go-back-portfolio .go-back-btn { font-size: 16px; padding: 10px 12px; }
	/* ------------------------------ PORTFOLIO DETAIL PAGE CSS  END ------------------------------ */
}

@media only screen and (max-width: 300px) {
	/* ------------------------------ HOMEPAGE CSS  START ------------------------------ */
	/* home solution box start */
	.custom-solution-box .custom-left { min-height: 250px; }
	/* home solution box start */
	/* ------------------------------ HOMEPAGE CSS END ------------------------------ */
}