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


@media (min-width: 1900px) and (max-width: 2500px){
	.mission-section{padding-bottom: 950px;}
	.news-image { height: 440px;}
	#custom-carousel .item {  height: 800px;}
	.zigzag-thum {height: 530px;}
	.carousel-item {height: 800px;}
	.contact-section {  background-size: auto 100%;padding: 50px 0 50px;}
	.inner-banner {min-height: 455px;}
}

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


@media (min-width: 1400px) and (max-width: 1599px){
	.mission-section {padding-bottom:650px;}
		.product-card {min-height:400px;}
		.category-card-hold .product-card {min-height:375px; border-radius:40px;}
		.product-card{padding: 30px 20px;}
}
@media (min-width: 1200px) and (max-width: 1399px){
	.mission-section {
		  padding-bottom:500px;
		}
		.product-card {
			min-height:320px;
		}
		.product-card.full-wdh{min-height:360px;}
		.product-card{padding:22px 20px 30px;}
		.product-content h3 {font-size: 26px;margin-bottom: 3px;}
		p {    font-size: 14px;}
	.footer-contact li { font-size: 14px;}
	.footer-links a{font-size:14px;}
	.info-card p { font-size: 14px;}
	.hero-text {font-size: 14px;}
	.footer-section .mid{padding-left:0; padding-right:0;}
	.product-content h3 {font-size: 26px;}
	.pro-list-holder .product-thum {height: 210px;}
	.inner-banner .projects-content h2 {font-size:40px;}
	.size-btns .btn, .packing-btns .btn{padding: 9px 13px;}
	.catalogue-section .news-image {  height: 460px;}
	.news-image { height: 220px;}
	.carousel-item{height:570px;}
	.carousel-item img.hero-pic{width:100%; height:100%; object-fit:cover; object-position:bottom;}
	#custom-carousel .item {  height: 550px;}
	.mission-section{background-size: 100% 100%;}
	.custom-head-five h2{font-size:30px;}
	.size-btns, .packing-btns{padding-bottom: 10px;}
	.details-left{margin-top:15px;}
	.details-product{margin-top:15px;}
	.product-gallery .main-img{height: 400px;}
	.kallisto-banner{  padding-bottom:230px;}
	.inner-banner {min-height: 300px;}
}


@media (min-width: 992px) and (max-width: 1200px){
	p {    font-size: 14px;}
	.footer-contact li { font-size: 14px;}
	.footer-links a{font-size:14px;}
	 .navbar-expand-lg .navbar-nav .nav-link {    padding-right: .2rem;    padding-left: .2rem;    white-space: nowrap;  }
	 .contact-btn{padding: 10px 10px;white-space: nowrap;}
	 .mission-section {  padding-bottom: 450px;  background-size: 100%;}
	 .product-card{min-height: 300px;padding:20px 15px;}
	 .product-card h3{margin-bottom: 0px;font-size: 22px;}
	 .info-card h3 {font-size: 17px;}
	 p {    font-size: 14px;}
	.footer-contact li { font-size: 14px;}
	.footer-links a{font-size:14px;}
	.info-card p { font-size: 14px;}
	.custom-head h2{font-size:28px;}
	.custom-head-two h2{font-size:28px;}
	.custom-head-three h2{font-size:28px;}
	.custom-head-four h2{font-size:28px;}
	.custom-head-five h2{font-size:28px;}
	.custom-head-six h2{font-size:28px;}
	.hero-heading{font-size:28px;}
	.contact-heading {font-size: 28px;}
	.zigzag-content-box h2 {font-size: 28px;}
	#custom-carousel .item {  height: auto;}
	.zigzag-section{padding-top: 60px;}
	.text-card {padding: 30px 30px;}
	.excellence-section {    background-size: auto;  background-size: 100% 100%;}
	.pro-list-holder .product-thum {height: 180px;}
	.inner-banner .projects-content h2 {font-size:28px;}
	.inner-banner {  min-height: 300px;}
	.inner-banner .projects-content{top: 75px;}
	.size-btns, .packing-btns {		display: block;}
		.size-btns h6, .packing-btns h6{margin-bottom:10px;}
		.custom-head-green h2{font-size:28px;}
		.kallisto-banner {  background: url(../images/Kallisto-page-banner.webp) #e7f0f2 0 bottom no-repeat;    background-size: auto;
  background-size: 100% auto;  padding-bottom: 200px;}
  .catalogue-section .news-image {  height: 365px;}
  .info-head-main h2 { font-size: 35px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.logo-container{padding: 8px 0;}
	.navbar-toggler{margin-right: 0;    color: #fff;    margin-left: auto;}
	#navbarNav .navbar-nav{justify-content: left !important;align-items: start !important;}
   #navbarNav .navbar-collapse ul li{width:100%;}
   .navbar-expand-lg .navbar-nav .dropdown-menu{border:0; width:100%;position: relative;}
	#back-to-up{bottom:49px !important;}
	.faq-section{overflow-x:hidden;}
	.btn-explore{padding:14px 22px;}
	.btn-bdr-only{padding:14px 22px;}
	.custom-head h2{font-size:28px;}
	.custom-head-two h2{font-size:30px;}
	.custom-head-three h2{font-size:30px;}
	.custom-head-four h2{font-size:30px;}
	.custom-head-five h2{font-size:30px;}
	.custom-head-six h2{font-size:30px;}
	.hero-heading {font-size: 36px;}
	 .navbar-container .navbar-toggler{margin:0 0 0 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;width: 100%;}
   .navbar-collapse ul li .contact-btn{margin-left:10px; border:1px solid #000; color:#000;}
   .nav-item .nav-link{color:#000;}
   .hero-content { padding-top: 15px;}
   .mission-section{padding-bottom: 330px;  background-size: 100%;}
   .full-wdh .product-image{position:relative;}
   .full-wdh .product-content {width: 100%;}
   .exports-heading {padding: 15px 8px;}
   .exports-heading h3 { font-size: 14px;}
   .news-content h3 {padding-right: 5%;   font-size: 15px;}
   .news-link {  bottom: 2px;   right: 1px;}
   .news-content { padding: 16px 20px 45px;}
   .footer-heading {font-size: 16px;}
   .footer-contact li{font-size: 12px;}
   .text-card { padding: 20px 10px;}
   #custom-carousel .item {  height: auto;}
   .zigzag-section {  padding-top: 60px;}
   .center-box-left {  padding-right: 20px;}
   .zigzag-content-box h2 {font-size: 28px;}
   .center-box { padding-left: 30px;}
   .nav-item .nav-link.active::after{left:2%;}
   .footer-text p{font-size:12px;}
   .footer-links a{font-size:12px;}
}

@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;}
.navbar-toggler{background:#005DB2; bordder-radius:5px;}
}


@media (max-width: 767.98px){
	.hero-section{position:relative;margin-bottom: -93px;}
	.head-inner .hero-section { margin-bottom: 0;}
	.carousel { width: 100%;overflow-x: hidden;}
	html{	overflow-x:inherit !important;}
	.custom-pad { padding: 30px 0;}
	.btn-explore{padding:13px 22px;}
	.btn-bdr-only{padding:13px 22px;}
	.custom-head h2{font-size:28px;}
	.custom-head-two h2{font-size:28px;}
	.custom-head-three h2{font-size:28px;}
	.custom-head-four h2{font-size:28px;}
	.custom-head-five h2{font-size:28px;}
	.custom-head-six h2{font-size:28px;}
	html{    overflow-x: hidden;    }
   .logo-container{padding: 6px 0;width: 85%;} 
   .navbar-container .navbar-toggler{margin: auto 3px !important; padding: 6px 0;}
   .navbar-toggler-icon{color: #fff;    font-size: 30px;}
   .navbar-collapse{position: absolute;  width: 100%;  background: #fff;  top: 100%;z-index: 99999;}
   .navbar-collapse ul li{margin:0;width: 100%;}
   .navbar-collapse ul li .contact-btn{margin-left:0px; border:0px solid #000; color:#fff;}
   body.Gallery---Palm-Line .navbar-collapse ul li.dropdown:hover ul{display:block;}
   .nav-item .nav-link{color:#000;}
   .carousel-item a img{height:18px; object-fit:cover;}
   #carouselExampleCaptions .carousel-caption{display:block !important; position:relative; background: #F3F4FD;
background: linear-gradient(180deg, rgba(243, 244, 253, 1) 0%, rgba(252, 252, 252, 1) 100%);padding-bottom: 50px; top:0;}
   #carouselExampleCaptions .carousel-indicators{bottom: 10px; margin-left: auto;    margin-right: auto;}
   #carouselExampleCaptions .carousel-inner{overflow:inherit;}
   #carouselExampleCaptions .carousel-item img.hero-pic{height: 250px; object-position: bottom right;}
   .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;}
   .navbar-toggler{background:#005DB2; bordder-radius:5px;}
   #navbarNav .navbar-nav{justify-content: left !important;align-items: start !important;}
   #navbarNav .navbar-collapse ul li{width:100%;}
   .navbar-expand-lg .navbar-nav .dropdown-menu{border:0; width:100%;position: relative;}
   .nav-item .nav-link.active::after{left:1%;}
   .mission-section {padding-bottom:200px;  background-size: 100%;text-align: center;}
   .play-button{background-size: 40px;width:40px;  height:40px;}
   .mission-image p {  padding-right: 0; padding-top:10px;}
   .category-card-hold .product-card{min-height: 385px;border-radius: inherit;}
   .product-card .product-image img{border-radius: 19px;}
   .product-card .product-image{bottom:0;top: auto;}
   .product-content h3 {font-size: 22px;}
   .product-card{text-align:center;}
   .full-wdh{min-height: 320px;border-radius: 20px;}
   .full-wdh .product-card{min-height:295px;border-radius: inherit;}
	.full-wdh .product-link{ bottom:5px; right:5px;}
	.exports-heading{padding: 20px 20px;}
	.event-sec{text-align:center;}
	.event-sec .text-right{text-align:center;margin-top: 15px;}
	.event-card-hold { margin-left: 3%;}
	.news-content h3 {  font-size: 16px;  text-align: left;padding-right: 10%;}
	.contact-heading {font-size: 28px;}
	.social-icons {  justify-content: center;  padding: 12px 0 50px;}
	.mobile-hide{display:none;}
	.footer-heading {  padding-bottom: 3px;  margin-top: 10px;}
	.contact-section{padding: 10px 0 120px;}
	/*----------about----------------*/
	.about-section { background: #f3f4fd; text-align: center;}
	.about-section .projects-button-container{margin:auto;}
	#custom-carousel .item{height:auto;}
	#custom-carousel .owl-dots {  display: block;}
		#custom-carousel .owl-dots span{width: 10px;  height: 10px;  background:#005DB2;  display: block;  border-radius: 50%;margin: 0 3px;}
		.zigzag-section{padding-top: 60px;}
		.center-box {  padding-left: 15px;  padding-top: 20px;}
		.zigzag-content-box p {margin-bottom: 15px;}
		.zigzag-content-box h2 {font-size: 28px;}
		.mobile-reverse{flex-direction: column-reverse;}
		.zigzag-thum-overlap { margin-top: 30px;}
		.center-box-left {align-items: center;  padding-right: 14px;  padding-top: 20px;}
		/*----------listing------*/
		.inner-banner-section{width: 100%;  overflow-x: hidden;}
		.inner-banner img {  width: 200%;  height: 100%;  position:relative;}
		.inner-banner .projects-content {top: 15px;}
		.inner-banner .projects-content h2 {font-size: 28px;}
		.filter-box {margin-bottom: 20px;position: sticky;top: 20px;}
		/*--------------details------------*/
		.product-gallery .main-img {height: 300px;}
		.short-desc {  width: 100%;}
		.size-btns, .packing-btns {		display: block;}
		.size-btns h6, .packing-btns h6{margin-bottom:10px;}
		.full-btn{width:100%;margin: 0;}
		.details-product .accordion-body ul li br{display:none;}
		.product-related {text-align:center;}
		.product-related .projects-button-container{margin:auto;}
		#related-pro .owl-dots .owl-dot span {  width: 7px;  height: 7px;		margin: 5px 3px;}
		.combo-btns .btn-hold{width:100%;}
		.combo-btns .heading{width:100%;margin-bottom:10px;}
		/*-----------kastilo-------------*/
		.kallisto-banner { background: url(../images/Kallisto-page-banner.webp) center 0 no-repeat;  background-size: auto 180px;  padding-bottom: 30px;  padding-top: 200px !important; text-align:center;}
  .custom-head-green h2{font-size: 25px;}
  .kallisto-product-section .product-head .custom-head-two{display:block !important;}
  .kallisto-product-section .product-head .custom-head-two .btn-bdr-only{width:100%; margin-bottom:12px;}
  .kallisto-product-section .product-head .custom-head-two .btn-green{width:100%; margin-bottom:12px;}
  /*--------------event-------------*/
  #eventModal .modal-body { padding: 15px 10px;}
  .swiper-slide {height: 210px !important;}
  .small-thumb .swiper-slide {  height: 60px !important;}
  .video-play-btn { position: absolute;  bottom: 25%;  left: 31%;}
  /*-----------------cateloge----------------*/
  .catalogue-section .news-image { height:280px;  overflow: hidden;}
  /*-----------------gallery------------*/
    .container-gallery-tab .nav-item .nav-link.active::after { left: 10%;}
	.container-gallery-tab .nav-item .nav-link{margin-bottom:5px;}
	.mobile-sticky{position:relative !important; top:0px !important; background:none !important; z-index:9; padding:15px;}
	
}