/* Responsive styles
================================================== */

/* Large Devices, Wide Screens */
@media (min-width : 1200px) {

	/* Dropdown animation */
	.navbar-nav .dropdown-menu,
	.navbar-nav .dropdown.megamenu div.dropdown-menu{
		background: none;
		border: 0;
		box-shadow: none;
		display: block;
		opacity: 0;
		z-index:1;
		visibility:hidden;
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8);
		-webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
		transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);
	}

	.navbar-nav .dropdown:hover div.dropdown-menu,
	.navbar-nav .dropdown.megamenu:hover div.dropdown-menu{
		opacity: 1;
		visibility:visible;
		color: #777;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	 }
	 .navbar-nav .dropdown-backdrop {
		visibility: hidden;
	}
	
}


/* Medium Devices, Desktops */
@media (min-width : 992px) {

	.flexslider .slides img,
	.ts-flex-slider .flexSlideshow{
		height: 750px;
	}

	.dropdown i{
		display: none;
	}

}

/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {

	/* ?by sufiya */
  #teamTab {
    flex-wrap: wrap;
    justify-content: center;
  }
  /* ?by sufiya */
  #teamTab .nav-link {
    /* min-width: 130px; */
    font-size: 15px;
  }

	/* Dropdown animation */
	.navbar-nav .dropdown-menu,
	.navbar-nav .dropdown.megamenu div.dropdown-menu{
		background: none;
		border: 0;
		box-shadow: none;
		display: block;
		opacity: 0;
		z-index:1;
		visibility:hidden;
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-ms-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8);
		-webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
		-ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
		transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);
	}

	.navbar-nav .dropdown:hover div.dropdown-menu,
	.navbar-nav .dropdown.megamenu:hover div.dropdown-menu{
		opacity: 1;
		visibility:visible;
		color: #777;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	 }
	 .navbar-nav .dropdown-backdrop {
		visibility: hidden;
	}


	/* Common */
	.parallax{
		padding: 60px 0;
	}
	/* ?by sufiya */
		#teamTab {
		gap: 0px !important;
	}
	/* ?by sufiya */
	#teamTab,
	#subTeamTab {
		display: flex;
		/* flex-direction: column; */
		align-items: center;
		justify-content: center;
	}

	/* ?by sufiya */
	#teamTab .nav-item,
	#subTeamTab .nav-item {
		/* width: 100%; */
		text-align: center;

		margin: 5px;
	}
	/* ?by sufiya */
	#teamTab .nav-link,
	#subTeamTab .nav-link {
		/* width: 100%; */
		/* border-radius: 0 !important; */
		/* padding: 12px; */
		font-size: 16px;
		white-space: normal; /* Allow text wrap */
	}

	/* Logo */
	.navbar-brand{
		width: auto;
	}

	.navbar-brand.navbar-bg{
		width: 25%;
	}

	.header2 .navbar-brand, .header3 .navbar-brand,
	.header4 .navbar-brand{
		padding-right: 0;
		padding-left: 0;
	}

	/* Navigation */
	ul.navbar-nav > li > a {
		padding: 21px 8px;
		font-size: 12px;
	}

	ul.navbar-nav > li:last-child a{
		padding-right: 8px;
	}

	/* Slideshow */

	#main-slide .slider-content h2{
		font-size: 36px;
	}
	#main-slide .slider-content h3{
		font-size: 22px;
		margin: 20px 0;
	}

	.slider.btn{
		padding: 5px 25px;
		margin-top: 5px;
		font-size: 16px;
	}

	#main-slide .carousel-indicators {
		bottom: 20px;
	}

	/* Cd Hero Slider */

	.cd-hero-slider .cd-btn{
		margin-top: 15px !important;
		font-size: 12px !important;
	}
	.cd-slider-nav ul li.video{
		display: none;
	}

	.cd-slider-nav{
		bottom: 40px !important;
	}

	/* Portfolio */

	.isotope-nav{
		margin: 0 auto 40px;
	}

	figure.effect-oscar figcaption{
		padding: 1.5em;
	}
	figure.effect-oscar figcaption::before{
		top: 15px;
		right: 15px;
		bottom: 15px;
		left: 15px;
	}
	figure.effect-oscar h3{
		margin-top: 0;
		font-size: 16px;
	}


	/* Feature */

	.feature-content h3,
	.feature-center-content h3{
		font-size: 14px;
		line-height: normal;
	}

	/* Featured tab */
	.featured-tab .tab-pane img{
		width: 45%;
	}

	.featured-tab .tab-pane i.big {
		font-size: 150px;
	}

	.featured-tab .tab-pane,
	.landing-tab .tab-pane{
		text-align: left;
	}

	/* Team */

	.team{
		padding-bottom: 50px;
	}

	/* Pricing */

	.plan{
		margin-bottom: 60px;
	}

	/* Testimonial */

	.testimonial-content{
		padding: 0 30px;
	}

	/* Recent post */
	.recent-post{
		padding-bottom: 40px;
	}

	/* Back to top */

	#back-to-top.affix {
		bottom: 35px;
	}

	/* Video block */

	.video-block-head{
		margin-top: 30px;
	}

	/* Call to action */

	.call-to-action .btn.btn-primary{
		font-size: 12px;
	}

	/*-- Landing ---*/

	.hero-text{
		width: 95%;
	}
	.hero-title{
		font-size: 36px;
	}
	.hero-buttons a.btn {
		padding: 10px 20px;
	}

	.app-gallery figure.effect-oscar a{
		margin-top: 105px;
	}

	/* Blog single */
	.blog-post{
		padding-bottom: 40px;
	}
	/* ?by sufiya */
	.banner-title-content h2 {
    font-size: 28px;
	}
	.banner-title-content {
		padding: 15px;
	}

	.banner-title-content .breadcrumb li {
		font-size: 14px;
		margin: 0 6px;
	}
	/* ?by sufiya */
	.banner-title-content {
		top: 25%;
	}

}

/* Small Devices Potrait */
@media (max-width : 767px){

	
	/* Common */
	.parallax{
		padding: 60px 0;
	}
	.style-switch-button{
		display: none;
	}

	.heading{
		text-align: center;
	}

	.heading .title-icon{
		float: none !important;
		margin: 0 0 20px;
		display: inline-block;
	}

	h2.title{
		font-size: 28px;
		border-left: 0;
	}

	.title-desc{
		line-height: normal;
		padding: 6px 55px 0;
	}

	.btn.btn-primary{
		padding: 8px 22px;
	}

	h2{
		font-size: 28px;
	}

	/* Logo */
	.navbar-brand.navbar-bg{
		height: 50px;
  		line-height: 50px;
  		width: auto;
	}
	.navbar-brand.navbar-bg img{
		background-size: contain;
		/* width: 160px;          editted by Sufiya */
		height: 45px;
	}

	/* Navigation */
	ul.navbar-nav > li > a {
		padding: 21px 10px;
	}

	.navbar-collapse{
		background: #333333;
	}

	.navbar-collapse ul.navbar-nav > li > a{
		color: #fff;
	}

	.navbar-collapse ul.navbar-nav > li.active > a,
	.navbar-collapse ul.navbar-nav > li:hover > a{
		/* color: #ee3b24;         editted by Keshav*/
		color: var(--primary-color);
	}

	/* Slideshow */

	#main-slide .slider-content{
		margin-top: -35px;
	}

	#main-slide .slider-content h2{
		font-size: 18px;
		line-height: normal;
	}
	#main-slide .slider-content h3{
		font-size: 12px;
		line-height: normal;
		margin: 0;
	}

	.slider.btn{
		display: none;
	}

	#main-slide .carousel-control{
		display: none;
	}

	#main-slide .carousel-indicators {
		bottom: 0;
	}


	/* About */

	.about{
		padding-top: 40px;
	}

	.about.angle:before{
		position: relative;
	}


	/* Service */

	.service-content{
		display: inline-block;
		margin-bottom: 30px;
	}

	/* Portfolio */

	.isotope-nav{
		margin: 0 auto 40px;
	}

	.isotope-nav ul li a{
		padding: 5px 10px;
		margin-bottom: 10px;
		display: inline-block;
	}

	figure.effect-oscar h3{
		margin-top: 25%;
	}

	#isotope .isotope-item .grid{
		padding-left: 10px;
		padding-right: 10px;
	}


	/* Image block */

	.img-block-right {
  		padding-right: 50px;
	}

	.img-block-head h2{
		font-size: 16px;
	}

	.img-block-head h3{
		font-size: 28px;
	}

	.image-block-content{
		padding: 0;
	}

	/* Featured tab */
	.featured-tab{
		padding: 0 30px;
	}

	.featured-tab .tab-pane i.big {
		font-size: 150px;
	}

	.featured-tab .tab-pane,
	.landing-tab .tab-pane{
		text-align: left;
		padding-left: 0;
		padding-top: 30px;
	}

	/* Facts */

	.facts{
		padding-bottom: 20px;
	}

	.facts-num span{
		font-size: 48px;
		margin-top: 20px;
	}

	.facts i {
		font-size: 32px;
	}

	/* Team */

	.team{
		padding-bottom: 50px;
	}

	/* Pricing */

	.plan{
		margin-bottom: 60px;
	}

	/* Testimonial */

	.testimonial-content{
		padding: 0 30px;
	}

	/* Recent post */
	.recent-post{
		padding-bottom: 40px;
	}

	/* Footer */

	.footer-widget{
		display: inline-block;
	}

	/* Copyright */
	.copyright-info{
		font-size: 13px;
	}

	#back-to-top{
		right: 20px;
	}
	#back-to-top.affix {
		bottom: 20px;
	}

	/* Call action */

	.call-to-action .btn.btn-primary{
		float: none !important;
		margin-top: 20px;
	}

	/*-- Landing ---*/

	.hero-section{
		padding-top: 90px;
	}

	.hero-text{
		width: 100%;
		padding-right: 0;
	}
	.hero-title{
		font-size: 36px;
	}
	.hero-buttons a.btn {
		padding: 10px 20px;
	}

	.app-gallery figure.effect-oscar a{
		margin-top: 105px;
	}

	.hero-images img{
		display: none;
	}

	.landing_facts .facts-num span {
		font-size: 48px;
		margin-top: 20px;
	}

	.landing_facts .facts i{
		font-size: 30px;
	}

	/* Blog single */
	.blog-post{
		padding-bottom: 40px;
	}

		 /* ?by sufiya */
	.banner-title-content h2 {
		font-size: 24px;
	}

	.banner-title-content .breadcrumb {
		display: block;
		margin-top: 10px;
	}

	.banner-title-content .breadcrumb li {
		display: block;
		margin: 4px 0;
	}
	/* ?by sufiya */
	.vision-img-wrapper {
		text-align: center; /* optional: centers image on mobile */
	}
	/* ?by sufiya */
	.vision-img img {
		max-width: 100%;
		height: auto;
	}
	/* ?by sufiya */
	.gap-60 {
		height: 20px !important;
	}
	/* ?by sufiya */
	#banner-area .banner-img.img-about {
		height: 200px !important;
	}
	/* ?by sufiya */
	.banner-title-content {
		top: 25%;
	}
	.banner-title-content .breadcrumb li {
		display: inline;
	}
	/* ?by sufiya */
	.team-tile {
		padding-top: 30px;
		display: flex;
		text-align: justify;
	}
	/* ?by sufiya */
	#teamTab {
		/* text-align: center; */
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	/* ?by sufiya */
	#teamTab .nav-item {
		width: 100%;
		text-align: center;
		margin: 5px;
	}
	/* ?by sufiya */
	#teamTab .nav-link {
		text-align: center;
		width: 100%;
		/* border-radius: 0 !important; */
		padding: 12px;
		font-size: 16px;
		white-space: normal; /* Allow text wrap */
	}
	/* ?by sufiya */
	#teamTab li {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		gap: 5px;
	}
		/* ?by sufiya */
	.whatsapp-btn{
		bottom: 80px!important;
		right: 15px!important;
	}

	/* ?by sufiya */
		.team-member {
		float: none;
		margin: 0 auto;
		padding: 10px;
	}
	/* ?by sufiya */
	.hexagon-wrapper {
		display: inline-block;
		vertical-align: top;
		text-align: center;
	}

}

/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {

	/* Slideshow */

	#main-slide .slides img{
		height: 230px;
	}

	#main-slide .item img{
		height: 250px;
	}
	/*.............. added by Keshav .......... */
	h3 {
    font-size: 1.3rem;
	}
	.landing-tab .tab-pane i.big {
		font-size: 90px;
	}
	.banner-img{
		height: 250px !important;
	}
	.ts-testimonial-content {
		margin: 0px !important;
		margin-bottom: 60px !important;
	}
	/*.............. added by Keshav .......... */
	#banner-area .banner-img.img-about {
		height: 200px !important;
	}

	/* ?by sufiya */
	.banner-title-content h2 {
		font-size: 16px;
	}
	.banner-title-content .breadcrumb {
		margin-top: 0;
		font-size: 12px;
		margin-bottom: 0;
		/* padding: 0; */
	}
	.banner-title-content .breadcrumb li {
		display: inline;
	}
	/* ?by sufiya */
	.banner-title-content {
		padding: 0px;
		top: 25%;
	}
	/* .text-center{
		position: relative;
		bottom: 40%;
	} */
	/* ?by sufiya */
	.gap-60 {
		height: 20px;
	}
	.heading {
		padding-bottom: 20px; /* ?by sufiya */
	}
	/* ?by sufiya */
	.landing-tab .tab-pane {
		padding-left: 0;
	}
	.landing-tab .tab-pane i.big {
		/* ?by sufiya */
		font-size: 100px;
		/* text-align: center; */
	}
	.landing-tab .tab-pane h3 {
		/* ?by sufiya */
		font-size: 18px;
	}
	.landing-tab .tab-pane p {
		text-align: justify; /* ?by sufiya */
	}
	h2.title.classic {
		font-size: 20px; /* ?by sufiya */
	}
	.landing-tab .tab-info h3 {
		font-size: 16px; /* ?by sufiya */
	}
	section {
		padding-block: 30px !important; /* ?by sufiya */
	}
	.team-title {
		/* ?by sufiya */
		padding-block: 30px;
		display: flex;
		text-align: justify;
	}

	#teamTab {
		/* ?by sufiya */
		padding-top: 40px;
	}

	.sub-nav.sub-nav-pills {
		margin-bottom: 0px; /* ?by sufiya */
	}
	#subTabsContainer {
		margin-bottom: 0px; /* ?by sufiya */
	}
	.vision-para {
		margin-bottom: 30px; /* ?by sufiya */
	}
		/* ?by sufiya */
	.vision-para.mission-text {

		margin-top: 30px;
	}
		/* ?by sufiya */
	.whatsapp-btn{
		bottom: 80px!important;
		right: 15px!important;
	}
	
	/* ?by sufiya */

	.team-member {
		float: none !important; /* override Bootstrap 3's float: left */
		margin: 0 auto !important; /* center the column if possible */
		padding: 10px;
		text-align: center; /* ensure inner content is centered */
	}

	.hexagon-wrapper {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		width: 100%; /* optional: helps center hex inside column */
	}

	.img-trainee-hexagon {
		margin: 0 auto; /* if needed, center the hex image */
	}
	.team-member-inner {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
}

/* Custom, iPhone Retina */ 
@media (max-width : 320px) and (max-width: 478px)  {

}