@charset "utf-8";
/* CSS Document */


@media (min-width: 1920px) and (max-width: 2500px){
	
}

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

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

@media (min-width: 992px) and (max-width: 1100px){
	.carousel-caption{bottom:0;}
	.hero-heading {font-size: 35px;}
	.hero-content { padding-top: 10px;	padding-bottom: 0px;}
	.hero-divider{margin: 10px 0 10px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.logo-container{padding: 8px 0;}
	.navbar-toggler{margin-right: 0;    color: #fff;    margin-left: auto;}
	#back-to-up{bottom:49px !important;}
	.faq-section{overflow-x:hidden;}
}

@media only screen and (max-width: 991.98px) {    
.navbar-toggler { float: left;margin: 0; height: 45px; width: 45px; border-radius: 0;z-index: 1}
.navbar-toggler .icon-bar { width: 24px; background: #fff;transition: .5s ease;}
.navbar-toggler.collapsed .icon-bar:nth-child(2){transform: rotate(0) translateY(0) translateX(0);}
.navbar-toggler.collapsed .icon-bar:nth-child(3){opacity:1}
.navbar-toggler.collapsed .icon-bar:nth-child(4){transform:rotate(0) translateY(0) translateX(0);}
.navbar-toggler .icon-bar:nth-child(2){transform: rotate(-45deg) translateY(5px) translateX(-5px);}
.navbar-toggler .icon-bar:nth-child(3){opacity: 0}
.navbar-toggler .icon-bar:nth-child(4){transform:rotate(45deg) translateY(-4px) translateX(-3px);}
.navbar-header {display: block;}
.projects-head-section{overflow:inherit}
	.products-tab nav {  display:block;    position: -webkit-sticky;  position: sticky;  top:70px;  z-index:99; background:#f6f6f6;border-radius:6px;}
	.carousel-caption{bottom:0;}
	.hero-heading {font-size: 30px;}
	.hero-content { padding-top: 10px;	padding-bottom: 0px;}
	.hero-divider{margin: 10px 0 10px;}
}


@media (max-width: 767.98px){
	
   .logo-container{padding: 6px 0;} 
   .navbar-container .navbar-toggler{margin: auto; padding: 6px 0;}
   .navbar-toggler-icon{color: #fff;    font-size: 30px;}
   .navbar-collapse{position: absolute;  width: 100%;  background: #fff;  top: 100%;}
   .navbar-collapse ul li{margin:0;}
   .navbar-collapse ul li .contact-btn{margin-left:10px; border:1px solid #000; color:#000;}
   .nav-item .nav-link{color:#000;}
   .carousel-item img{height:300px; object-fit:cover;}
   #carouselExampleCaptions .carousel-caption{display:block !important; position:relative; background:#000;padding-bottom: 50px;}
   #carouselExampleCaptions .carousel-indicators{bottom: 10px;  margin-left: 23%;}
   .buttons-container {text-align: center;}
   .hero-content{padding-bottom: 0px;padding-top: 20px;text-align: center;}
   .hero-content .mt-3{margin-top:0 !important;}
   .hero-heading {font-size: 20px;}
   .hero-divider{margin: 16px 0 0px;}
   .mission-content { padding: 35px 20px;text-align: center;}
   .products-content{text-align: center;padding: 0px 15px 30px 15px;}
   .products-section{padding: 20px 0 !important;}
   .product-item .product-thum{height:auto;}
   .product-item{margin-bottom: 5px;}
   .slidable-cards-container {  position: relative;   bottom: 0px;}
   .slidable-cards-container > div{overflow:visible !important;height: auto !important;}
   .contact-section{padding: 50px 0 80px;}
   .contact-form .btn-send-message{width:100%;}
   form.contact-form{padding-bottom:25px;}
   .slidable-card img{left:11px;}
   .projects-head-section{padding: 30px 0 0 !important;text-align: center;}
   .projects-head-section .container{display:block !important;}
   .about-banner-section{padding: 200px 0 20px;}
   .bg-left-head-section{padding: 40px 0 !important;}
   .bg-left-head-section .left-head h2 span{font-size:30px;}
   .bg-left-head-section .left-head h2{font-size:30px;}
   .bg-left-head-section .left-head{margin-bottom:15px;text-align: center;}
   .philo-content{text-align:justify;}
   .experience-section {padding: 40px 0;}
   .site-head h2 {font-size: 30px;}
   .site-head h2 span {font-size: 30px;}
   .experience-item{padding: 20px 5px 20px;}
   .zigzag-content-box {padding: 0 0px 0 0; text-align:center;}
   .bg-golden .zigzag-content-box h2 {font-size: 30px;}
   .bg-golden .zigzag-content-box h2 span{font-size: 30px;}
   .odd-section {padding-left: 10px;}
   #approach-carousel .owl-dots { display: block;}
   .zigzag-section .row:nth-child(2){flex-direction:column-reverse;}
   .details-product-section{margin-top: 30px;}
   .product-thum-slider .carousel-item {height: 300px;}
   .zoom-container{height: 300px;}
   .product-details-button-group{display:block;}
   .product-details-button-group a{width:100%; margin-bottom:10px;}
   .details-summery {padding: 25px 0 0 5px;}
   .projects-head-section .pt-5{padding-top:15px !important;}
   .application-section{margin-top:0 !important;}
   .application-itembox .application-thumbnail{height: 300px;}
   .application-itembox .application-head{padding: 25px 10px;}
   .projects-head-section .projects-content h2 {  font-size: 30px;}
   .application-banner .application-banner-holder {height: 300px;}
   .application-banner .application-banner-heading h2{font-size: 34px;}
   .application-banner .application-banner-heading{height: 80px;bottom: 110px;}
   .zigzag-content-box h2 {font-size: 30px;}
    .zigzag-content-box h2 span{font-size: 30px;}
	.zigzag-content-box .highlight-head{text-align: left;}
	.zigzag-section .center-box{margin-bottom:20px;}
	.custom-pad {padding: 30px 0;}
	.zigzag-section {padding: 30px 0;}
	.site-head {margin-bottom: 10px;}
	.application-banner.mt-5{margin-top:0 !important;}
	.section-divider{margin: 0;}
	.zigzag-content-box .highlight-head{padding-left: 5px;}
	.zigzag-content-box .highlight-head p{font-size: 16px;}
	.projects-button-container a{margin-bottom:5px;}
	#contact-frm{padding-top:0 !important;}
	.info-box{min-height: auto;  margin-bottom: 20px;}
	.faq-thumb { padding-top:10px;
	padding-left: 0px;}
	.products-tab #nav-tab{justify-content: center;}
	.products-tab .product-item {    margin-bottom: 20px; }
	.social-icons{justify-content: left;margin-top: 15px;  margin-bottom:20px;}
	.approach-item{text-align:center;}
	.faq-tab-holder .accordion-button{font-size: 15px; font-weight:700;}
	.products-tab nav{width:100%; position: sticky; top: 100px;}
	.projects-head-section{overflow:inherit}
	.products-tab nav {  display:block;    position: -webkit-sticky;  position: sticky;  top:70px;  z-index:99; background:#f6f6f6;border-radius:6px;}
}