/* =Media Queries -------------------------------------------------------------- */

@media (min-width: 992px) {
	.headerSection .navbar-nav li a::after {	position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 2px;
		background: #00b6eb;
		content: '';
		opacity: 0;
		-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
		transition: height 0.3s, opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	/*.headerSection .navbar-nav li a::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #6fb320;
		content: '';
		opacity: 0;
		-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
		transition: height 0.3s, opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		transform: translateY(-20px);
	}*/
	.headerSection .navbar-nav li a:hover::after,  .headerSection .navbar-nav li a:focus::after, .headerSection .navbar-nav li.active a::after, .headerSection .navbar-nav li.current-menu-item a::after {
		height: 2px;
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	
	.headerSection .navbar-nav li a:hover::before,  .headerSection .navbar-nav li a:focus::before, .headerSection .navbar-nav li.active a::before, .headerSection .navbar-nav li.current-menu-item a::before {
		height: 1px;
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	
	
	}
	
	@media (min-width: 1439.98px) {	
	
	.flexbox {height: 70vw;}
	.footerContactSec p span {float: left;width: 100%;}
	.footerContactSec p {font-size: 12px;line-height: 30px;}
        
   
    
        
        
        
        
        
        
	
	}


    @media (max-width: 1366.98px) {	
        .homebannerSection .bannerText { padding-top: 10px;  }
         .homebannerSection .bannerText .bannerTitle h2 { font-size: 30px;}
        .bannerText p { font-size: 16px;   font-weight: 300;}

        .homebannerSection .bannerText .bannerTitle h2 { margin-bottom: 15px;}
        .navbar-toggler { color: #fff;}
        .home-ind-content2 .title h2{
            width: 100%;
        }
        
        .testimonial-section .col-lg-2{
            flex: 0 0 9.667%;
            max-width: 9.667%;
        }
        .testimonial-section .innerTitle2{
            padding-left: 0;
        }
        .testimonial-section .col-lg-3{
            flex: 0 0 31%;
            max-width: 31%;
        }
        
        
        
        
        
        
    }

	
	@media (max-width: 1199.98px) {
		.aboutCont .aboutRow1 .aboutCol2 { padding: 30px 0 0 30px;}
		.benftRow1 p { font-size: 40px;}
		.clients .owl-nav{text-align: center;}
		.clients .owl-nav button{position: static; margin:15px 5px;}
		.aboutSection{background-size: 250px;}
		.inContBox .ceoSect{width: 65%; top: 3%;}
		.servicesRow .servicesCol2 ul{column-count: 1;}
		.servicesRow .servicesCol2 ul li{width: 49%; display: inline-block; vertical-align: top; margin-bottom: 20px;}
		.innerBanner2 .header-text p{font-size: 15px;}
		.footer ul li a{display: inline-block;}
		.colBox h2{margin: 0;}
		.innerPageCont .colBox p{font-size: 14px;}
		.footerContactSec input[type="email"] {width: 83%;}


        .solutionSection .solutionIcon {  height: 80px;}

        .testimonial-section .col-lg-2{
            flex: 0 0 2.667%;
            max-width: 2.667%;
        }
        .testimonial-section .innerTitle2{
            padding-left: 0;
        }
        .testimonial-section .col-lg-3{
            flex: 0 0 38%;
            max-width: 38%;
        }
        
        .homebannerSection .carousel-caption{
            
        }
        
        .header .navbar-nav li a{
            font-size: 13px;
        }
        
        .exploreSec ul li a{
            font-size: 20px;
        }
        figure.effect-ruby h2{
            font-size: 20px;
        }
        
        .footer-carbon-section{
            background-size: cover;
        }
        #wrapper-footer{
            background-size: cover;
        }

/* --tambirul-- */

	}
	
	@media (max-width: 991.98px) {
		.headerSection .navbar-nav li {font-size: 13px;}
		.home-slider .item .fill img{height: 500px; object-fit: cover;}
		.aboutCont .aboutRow1 .aboutCol2 h3 { font-size: 15px;}
		.benftRow1 p { font-size: 30px;}
		
		.headerSection .navbarLogo{max-width: 160px;}
		.headerSection .navbar-nav li { font-size: 12px;}
		
		.headerSection .navbar-nav { margin-top:20px;}
		.headerSection { height: 80px;}
		
		.topHeader{display: none;}
		
		
		
		.itemLeft { flex: 0 1 auto; flex-basis: 100%; }
		.imgSec, .imgSec img {height: auto;}
		.contSec { height: auto;}
		.itemRight{flex-basis: 100%;padding: 0px;order: 3;}
		
		.itemMid { flex-basis: 100%;}
		
		/*.itemMid .imgSec { order: 1;}*/
		.home-slider .carousel-caption h2{font-size: 40px;}
		.home-slider .carousel-caption{top: auto; bottom: 0px;}
		.home-slider .carousel-caption p{font-size: 20px;}
		.home-slider .carousel-caption p br{display: none;}
		.aboutCont .aboutRow1 .aboutCol2{padding-top: 0;}
		.heading2{font-size: 30px;}
		.aboutSection{background-size: 250px;}
		.inContBox .ceoSect{position: relative; width: 100%;}
		.inContBox .aboutImg{width: 100%;}
		.servicesRow .servicesCol2 ul{column-count: 1;}
		.servicesRow .servicesCol2 ul li{margin-bottom: 20px;}
		.footer ul li{font-size: 12px;}
		.footerCont ul li {
			font-size: 24px;
		}
		.footer ul li a{clear: both; vertical-align: top;}
		.inner-banner-section{height: auto;}
		/*.innerBanner2 .header-text{width: 60%; padding:80px 20px 40px 20px;}*/
		.innerBanner2 .header-text p{font-size: 14px;}
		.innerPageDetails .innerRow::after{border: 0;}
		.innerPageDetails .innerRow .innerTextBox{padding-top: 0; padding-bottom: 0;}
		.innerPageDetails .innerRow .innerTextBox p{font-size: 13px; line-height: 22px;}
		.innerPageDetails .innerRow{ margin-bottom: 30px; padding-bottom: 20px;}
		/*.innerPageCont .contSec{order: 2;}*/
		.itemLeft, .itemMid, .itemRight{display: flex;}
		.colBox h2{margin-bottom: 10px;}
		.innerBanner2 .header-text{padding:100px 15px 40px 15px;}
		.flexbox {
			height: auto;
		}
		.flexbox .item {
			width: 100%;
		}
		.header .navbar-nav li a {
			font-size: 15px;
		}
		.header .topContact ul li {
			font-size: 13px;
		}
		.titleSec h2 {
			font-size: 24px;
		}
		.home-content1 h4 {
			margin-bottom: 20px;
			font-size: 12px;
			line-height: 17px;
		}
		.home-content1 p {
			margin-bottom: 20px;
			font-size: 12px;
			line-height: 20px;
		}
		.servBox h3 img {
			width: 24px;
		}
		.serviceSec .servBox h3 {
			font-size: 13px;
		}
		.visionBox h3 {
			font-size: 14px;
		}
		.footerContactSec p {
			font-size: 14px;
			line-height: 30px;
		}
		.banner .item {
			height: 390px;
		}
		.banner-caption h2 {
			font-size: 30px;
			margin-bottom: 10px;
			margin-top: 0px;
		}
		.banner-caption h3 {
			font-size: 16px;
			margin-bottom: 0;
		}
		.banner-caption p {
			font-size: 12px;
			line-height: 18px;
			margin-bottom: 15px;
			width: 100%;
		}
		.banner-slider .owl-nav {
			left: 20.3%;
		}
		.sliderSect2 .owl-nav {
			top: -20%;
		}
		.catagory-tab li .nav-link {
			font-size: 11px;
		}
		.con-form-text h1 {
			font-size: 30px;
			margin-top: 40%;
		}
		.learnMore {
			font-size: 14px;
		}
		.ourServicesSection .visionBox h3 {
			font-size: 18px;
		}
		.ourServicesSection .visionBox h2 {
			font-size: 40px;
		}
		.ourServicesSection .visionBox p {
			font-size: 10px;
		}
		.row.services-box-inn {
			justify-content: left;
		}
		.flexbox {
			height: auto;
			margin-top: 0;
		}
		.f-logo {
			font-size: 40px;
		}
		.footer-logo p {
			font-size: 12px;
			line-height: 18px;
		}
		.footerContactSec p {
			font-size: 10px;
			line-height: 24px;
		}
		.footerContactSec p span {
			width: 100%;
			float: left;
		}
		.footerContactSec input[type="email"] {
			width: 77%;
		}
		ul.termSec li {
			font-size: 11px !important;
			margin-right: 0;
			line-height: 22px;
		}



        
        
        
        
        
        .bannerText .bannerIcon ul li { margin: 0 5px 10px 0;  max-width: 40px;}
        .homebannerSection .bannerText .bannerTitle h2 {font-size: 25px;}
        
        
        .header.homeMenu{
            /*height: 120px;*/
        }
        .homebannerSection { background-size: 100% 100%; padding: 120px 0 0px;margin-bottom: 0px;}
        
        



	}
	
	@media (max-width: 767.98px) {
        
		.headerSection .navbarLogo {margin-left: 15px;}
		.navbar-toggle { margin-top: 30px;}
		.headerSection .navbar-nav { margin-top:0 !important; background-color: #3c3c3c; padding: 15px;}
		.headerSection .navbar-collapse{}
		
		.topHeader .social {display: none;}
		.topHeader .headerContact li:last-child{display: none;}
		.topHeader .headerContact li{border-right: 0;}
		.topHeader .headerRight .headerSearch {float: none; margin-left: 0;}
		
		.topContact{display: none;}
		
		
		.aboutCont .aboutRow1 .aboutCol2 h2, .heading2, .servicesSection h2, .servicesSection h3, .servicesSection h3 span { font-size: 35px;}
		
		.aboutCont2 .nav-tabs li {  width: auto; margin-bottom: 20px;font-size: 16px;margin-right: 40px;}
	 
		
		.aboutCont2 .nav-tabs li a{padding: 0 20px 0 0;}
		.aboutCont2 .nav-tabs{border: 0;margin-bottom: 30px;}
		.aboutCont2 .tab-content img{width: 100%; margin-bottom: 30px;}
	
		
		
		.servicesRow .servicesCol1 {flex-basis: 100%; padding: 50px 15px;}
		.servicesRow .servicesCol2 { flex-basis: 100%;}
		.tranzippDetails ul li {width: 50%; flex-basis: 50%;}
		
		.zippSection{margin-top: 0;}
		.home-slider .carousel-caption {
			top: auto;
			bottom: 0;
			left: 0%;
			right: 5%;
		}
		.home-slider .carousel-caption h2{font-size: 18px; margin:0; }
		.home-slider .carousel-caption p {
			font-size: 13px;
			margin: 0 0 10px 0;
			line-height: 20px;
		}
		.footerContactSec {
			margin-top: 30px;
		}
		.footerContactSec p {
			font-size: 13px;
			line-height: 33px;
		}
		.home-slider .carousel-caption p bd{display: none;}
		.home-slider .carousel-caption .learnBtn{display: none;}
		.zippSection form .form-group{width: 100%;}
		.zippSection form .learnBtn{width: 100%; height: 40px;}
		.zippSection form .form-control{height: 40px;}
		.contHeaderSec{padding: 0; margin-bottom: 15px;}
		.inContBox .ceoSect{position: relative; width: 100%; top: 0; margin-bottom: 15px;}
		.inContBox .aboutImg{width: 100%;}
		.whyUs article{margin-bottom: 20px;}
		
		.home-slider .carousel-caption .bannerimg {
			margin-top: 30px;
		}
		.carousel-inner {
		}
		.carousel .control-box {
			bottom: 38px;
			left: 45.5%;
		}
		.serImg {
			width: 100%;
			margin-bottom: 60px;
		}
		.testimonialSection .testSliderArrow {
			bottom: 28px;
		}
		.footerContactSec {
			margin-left: 0;
		}
		.headerSection .navbar-toggle{background-color: transparent !important;}
		.navbar-toggle span { background: none repeat scroll 0 0 #fff;border-color:#fff;}
		
		.innerBanner2 .carousel-inner, .innerBanner2 .carousel-inner > .item{height: 200px;}
		
		
		
		.innerBanner2 .carousel-inner img { height: auto;}
		.inner-banner-section {  height: auto;}
		.innerPageDetails .innerRow .innerImage {  width: 100%;}
		.innerPageDetails .innerRow .innerTextBox { width: 100%;}
		.footer{background-size: cover;}
		.servicesRow .servicesCol2 ul li p{font-size: 13px;}
		.innerPageDetails .innerRow .innerTextBox{padding: 30px 0 0;}
		.innerPageDetails .innerRow{display: flex; flex-flow: row wrap;}
		.innerPageDetails .innerRow .innerImage{order: 1;}
		.innerPageDetails .innerRow .innerTextBox{order: 2;}
		.itemLeft, .itemMid, .itemRight{flex-flow: row wrap;}
		.itemResultMin .imgSec{order: 1;}
		.itemResultMin .contSec{order: 2;}
		.blog .card{margin-top: 0;}
		.blogDetailsLeft{padding-right: 15px;}
		.blogDetails .row{display: flex; flex-flow: row wrap;}
		.blogDetails .row .blogDetailsRight{order: 1; margin-top: 0; margin-bottom: 20px;}
		.blogDetails .row .blogDetailsLeft{order: 2;}
		.ourWork{padding-top: 40px;}
		.contactDetails{margin-bottom: 30px;}
		.aboutCont .aboutRow1 .aboutCol2{padding-left: 0; padding-top: 15px;}
		.innerPageDetails{padding-top: 30px;}
		.headerSection .navbar-nav li ul.sub-menu{position: relative; width: 100%; }
		ol li{margin-bottom: 15px;}
		.footer ul li a {
			display: inline-block;
			font-size: 11px;
		}
		.cd-top {
			height: 40px;
			width: 40px;
			bottom: 80px;
			right: 10px;
		}
		.titleSec h2 {
			font-size: 20px;
		}
		.home-content1 p {
			margin-bottom: 20px;
			font-size: 14px;
			line-height: 24px;
		}
		ul.termSec {
			float: none;
			margin: 0 0 15px 0;
			padding: 0;
			text-align: center;
		}
		ul.headerSocial {
			float: none;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		.slideBox {
			display: block;
			margin-bottom: 50px;
		}
	    .testimonialSection .testimonialbox {
			width: 100%;
			display: block;
		}
		.testimonialSection .testimonialbox .testContBox {
			width: 100%;
		}
		.testimonialSection .testimonialbox .testmThumb {
			width: 100%;
			margin-left: 0%;
		}
		.ourServicesSection .sliderThumb {
			width: 100%;
		}
		.ourServicesSection .sliderCont {
			width: 100%;
			margin-left: 0%;
		}
		.inn-serv-content.even, .inn-serv-content.odd {
			padding: 50px;
		}
		.home-content1 p {
			margin-bottom: 20px;
			font-size: 10px;
			line-height: 14px;
		}
		.common-space {
			padding: 40px 0;
		}
		.inn-serv-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}
		.catagory-tab li .nav-link {
			padding: 1rem .2rem;
			font-size: 12px;
		}
		.f-logo {
			font-size: 40px;
			margin-bottom: 25px;
		}
		.flexbox {
			margin-top: 0px;
		}
		
		.ourServicesSection .visionBox p {
			font-size: 10px;
		}
        
        .banner .innerBanner .item{height: 250px;}
        .banner .innerBanner .banner-caption h2{font-size: 40px;}
		.footerButtomSec {
			padding: 20px 0;
			background: #fe583f;
		}


        .innerTitle2 h2 {font-size: 35px;}
        navbar-toggler .fa{ color: #fff;}
        
        
        
        .blogBox .blogCont h3 {font-size: 15px;}
        .blogBox .blogCont { padding: 10px;}
        
        .blogBox .blogPic img{width: 100%;}
        
        
        
        
        
        
        
        
        
        
        
        
		
	}
	
	
	
	
	@media all and (max-width: 660px) {
		.headerSection.smaller .navbarLogo {/*height: 50px;*/}
		.headerSection.smaller .navbar-toggle { margin-top: 20px;}
		
		
		.headerSection .logo { display: block;float: none;margin: 0 auto; height: 60px; width: 100px; line-height: 30px; text-align: center; }
		.headerSection.smaller {height: 75px;  }
		.headerSection.smaller .logo { height: 40px; line-height: 40px; font-size: 30px; transition: all 0.5s ease-in-out;}
		.headerSection.smaller nav { height: 35px; }
		.headerSection.smaller nav a {  line-height: 35px;  }
		
		
		
		
		
		.aboutCont .aboutCol1, .aboutCont .aboutCol2 { float: none; width: auto;}
		.aboutCont .aboutRow1 .aboutCol2 {padding-bottom: 30px;}
		
		
		
		
		.tranzippDetails ul li {width:100%; flex-basis:100%;}
		.benftRow1 p { font-size: 20px;}
		.benftRow1 {padding: 50px 30px 260px;}
		
		ul.termSec {
			float: none;
			text-align: center;
			margin-bottom: 0;
		}
		ul.headerSocial {
			float: none;
			margin: 20px 0 0 0;
			padding: 0;
			text-align: center;
		}
		.footerButtomSec {
			padding: 20px 0;
			background: #fe583f;
		}
		.about-content1 ul li {
			font-size: 13px;
		}
		.about-content1 p {
			font-size: 14px;
			line-height: 22px;
		}











		
		
	}
	
	@media all and (max-width: 600px) {
		.container { width: 100%; }
		#info-bar a { display: block; }
		#info-bar span.all-tutorials,  #info-bar span.back-to-tutorial {  width: 100%; }
		#info-bar span.all-tutorials,  #info-bar span.back-to-tutorial {float: none; text-align: center; }
		#info-bar span.all-tutorials {  border-bottom: solid 1px #0793e2;  }
	}
	
	
	
	@media (max-width: 575.98px) { 
		.home-slider .item .fill img { height: 350px; object-fit: cover;}
		
		
		.topHeader .headerContact{display: none;}
		.topHeader .headerRight{float: none;}
		.headerSearch .inputText { width:85%;}
		.topHeader .headerRight .headerSearch{ border-left: 0; border-right: 0;}
		
		
		.home-slider .carousel-caption h3 {
			font-size: 22px;
		}
		.home-slider .carousel-caption {
			padding: 13% 0% 13% 0;
		}
		.carousel-inner {
		}
		.home-slider .carousel-caption p {
			font-size: 10px;
			margin: 0 0 10px 0;
			line-height: 20px;
		}
		.home-slider .carousel-caption .learnMore {
			font-size: 12px;
		}
		.home-slider .carousel-caption .bannerimg {
			margin-top: 62px;
		}
		.whoSection {
			width: 100%;
			padding: 70px 0 0;
		}	
		.titleSec {
			background-size: auto 70%;
		}
		.sliderSect2 {
			margin-top: 70px;
		}
		.testimonialSlider .carousel-inner {
			height: auto;
		}
		.testimonialSection .testimonialbox .testContBox {
			background-position: left 20px top 16px;
			background-size: 25px;
		}
		.testimonialbox .testContBox p {
			font-size: 10px;
			line-height: 18px;
		}
		.testimonialSection .testSliderArrow {
			bottom: 0px;
		}
		.footerContactSec p {
			font-size: 15px;
			line-height: 24px;
			text-align: center;
		}
		.header .logo {
			margin-top: -3px;
		}
		.banner-caption h2 {
			font-size: 18px;
			margin-bottom: 10px;
			margin-top: 0px;
		}
		.banner-caption h3 {
			font-size: 12px;
			margin-bottom: 10px;
			margin-top: -8px;
		}
		.banner-caption p {
			font-size: 8px;
			line-height: 13px;
			margin-bottom: 5px;
			margin-top: -10px;
		}
		.banner-caption .learnMore {
			padding: 7px 30px;
			font-size: 8px;
		}
		.banner-caption p {
			font-size: 8px;
			line-height: 13px;
			margin-bottom: 5px;
			margin-top: -10px;
			padding: 2px 0;
		}
		.banner .item {
			padding: 0;
			width: 100%;
			height: 270px;
			overflow: hidden;
		}

		.banner-caption h3 {
			font-size: 12px;
			margin-bottom: 10px;
			margin-top: -8px;
		}
		/* .banner-caption p {
			font-size: 12px;
			line-height: 13px;
			margin-bottom: 20px;
			margin-top: 0;
			padding: 2px 0;
		} */
		button.navbar-toggler {
			color: #fff;
			font-size: 25px;
		}
		.header .logo {
			margin-top: 0px;
		}
		.home-content1 {
			width: 100%;
			padding-left: 0%;
		}
		.titleSec {
			background-size: auto 70%;
		}
		.titleSec h2 {
			font-size: 30px;
		}
		.visionBox {
			height: auto;
		}
		.ourServicesSection .sliderThumb {
			width: 100%;
			display: block;
			vertical-align: top;
		}
		.ourServicesSection .sliderCont {
			width: 100%;
			margin-left: 0%;
		}
		.slideBox {
			display: block;
			margin-bottom: 50px;
		}
		.serv-slider {
			margin-top: 0px;
		}
		.sliderSect2 {
			margin-top: 0px;
		}
		.testimonialSection .testimonialbox {
			width: 100%;
			display: block;
		}
		.testimonialSection .testimonialbox .testContBox {
			width: 100%;
		}
		.testimonialSection .testimonialbox .testmThumb {
			width: 100%;
			margin-left: 0%;
		}
		.footer-logo img {
			margin: 0px auto;
			width: 80%;
		}
		.footermidsec {
			padding: 0px 0;
		}
		.serviceSec .servBox {
			height: auto;
		}
		.serviceSec .servBox h3 {
			font-size: 16px;
		}
		.servBox h3 span img {
			width: 30px;
		}
		.footer ul li {
			font-size: 9px;
		}
		.footerCont ul li {
			font-size: 20px;
		}
		.catagory-tab li .nav-link {
			padding: 1rem .2rem;
			font-size: 10px;
		}
		.con-form-text h1 {
			font-size: 30px;
			margin-top: 0;
		}
		.con-form-text p {
			margin-bottom: 30px;
		}
		.form-part-con {
			margin-bottom: 40px;
		}
		.banner-caption p {
			display: none;
		}
		.f-logo {
			font-size: 50px;
			color: #fe583f;
			margin-bottom: 25px;
			display: block;
			margin: 20px auto;
			text-align: center;
		}
		.footer ul li {
			float: none;
			font-size: 14px;
			text-align: center;
		}
		.footerContactSec input[type="email"] {
			width: 85%;
			padding: 10px;
			border: 1px solid #fe583f;
			background: #fe583f;
			color: #fff;
			border-bottom-left-radius: 5px;
			border-top-left-radius: 5px;
		}
		ul.termSec li {
			margin-bottom: 15px;
		}
		.serImg img {
			width: 100%;
			height: 100%;
			margin: 0 auto;
			display: block;
		}
		.footerContactSec h3 {
			font-size: 24px;
			text-align: center;
		}
		.footer-logo p {
			font-size: 12px;
			line-height: 18px;
			text-align: center;
			width: 95%;
		}
        
        
        
        
        
        
        
        .blogBox .blogCont h3 { font-size: 18px;}
        
        .innerTitle .typewriter h2{border-right:0 !important; }
        .innerTitle2 h2, .homeSection3 .innerTitle h2{font-size: 35px; line-height: 40px;}
        .solutionSection{height: auto;}
        .solutionSection .solutionIcon { margin-bottom: 40px;}
        .footer-logo img{width: 100px;}
        
	
	}
	@media only screen and (max-width:480px) {
		.banner .item {
			padding: 0;
			width: 100%;
			height: 200px;
			overflow: hidden;
		}
        .banner .item img{height: 100%; width: 100%;}
		.banner .slider-caption {
			top: 50px;
		}
		

	}
	
	/* @media only screen and (min-width:320px) and (max-width:767px){
		.innerPageDetails .innerRow{
			margin-bottom: 30px;
			position: relative;
			-js-display:flex;
			-webkit-flex: 1;
			-ms-flex: 1;
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			align-items: stretch;
			padding-bottom: 0;
		}
		.innerPageDetails .innerRow:after{
			content: "";
			position: absolute;
			height: 100%;
			width: 96%;
			left: 2%;
			top: 0%;
			border: 1px solid #dbdbdb;
			z-index: -1;
		}
		.innerPageDetails .innerRow .innerTextBox h2{
			margin-top: 0;
		}
		.innerPageDetails .innerRow .innerImage{
			width: 100%;
			order: 1;
		}
		.innerPageDetails .innerRow .innerImage img{
			width: 100%;
			height: auto;
		}
		.innerPageDetails .innerRow .innerTextBox{
			width: 100%;
			order: 2;
			padding:20px 20px ;
		}
		.innerBanner2 .header-text h2{font-size: 30px;}
		
		.banner .item {
			padding: 0;
			width: 100%;
			height: 300px;
			overflow: hidden;
		}
		.owl-theme .owl-nav {
			display: none;
		}
		.banner-caption h2 {
			font-size: 36px;
			margin-bottom: 15px;
			margin-top: 0px;
		}
		
		
	} */

	@media only screen and (max-width:320px) {

		.banner-caption h2 {
			font-size: 18px;
			margin-bottom: 8px;
			margin-top: 0px;
		}
		.banner-caption h3 {
			font-size: 12px;
			margin-bottom: 10px;
			margin-top: -8px;
		}
		.banner-caption p {
			font-size: 8px;
			line-height: 13px;
			margin-bottom: 5px;
			margin-top: -10px;
		}
		.banner .item {
			padding: 0;
			width: 100%;
			height: 250px;
			overflow: hidden;
		}
		.banner .item img {
			width: 100%;
			object-fit: cover;
			object-position: center;
		}
	}
	

@media only screen and (min-width:768px) and (max-width:1023.9px){
    
    .header-contact{
        display: none;
    }
    .header-top .address-info li{
        font-size: 13px;
    }

    /*.homebannerSection .carousel-caption h2{
        font-size: 50px;
    }*/
    .homebannerSection .carousel-caption h3{
        font-size: 25px;
    }

    .checkout-project-row .checkout-icon a{
        padding: 40px 30px;
    }
    .checkout-project-row .checkout-text {
        padding: 25px 25px;
    }
    .home-ind-content2 .title h2{
        font-size: 40px;
        margin-bottom: 20px;
    }
    .innerTitle2{
        margin-bottom: 20px;
    }
    .best-service p{
        font-size: 20px;
    }
    .best-service p strong{
        white-space: nowrap;
    }
    .home-ind-content2 p{
        font-size: 15px;
    }
    .world-class-row .world-class h3{
        font-size: 24px;
    }
    .facility-text p{
        font-size: 16px;
    }
    figure.effect-ruby h2 {
        font-size: 17px;
    }
    figure.effect-ruby:hover h2{
        bottom: 50px;
    }
    .grid figure figcaption > a{
        font-size: 13px;
    }
    figure.effect-ruby p img{
        max-height: 40px;
    }
    .testimonial-section .col-lg-2 {
        flex: 0 0 0%;
        max-width: 0%;
    }
    .testimonial-section .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .testimonial-section .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .news-blog .postdate{
        right: 15px;
        width: 60px;
    }
    .news-col .blogpostdetails {
        position: relative;
        padding: 40px 15px 20px 15px;
    }
  
	
    
    
}

@media only screen and (max-width:991px){
.header.homeMenu .navbar-toggler { background-color: #f38c1c;}
.navbar-toggler { padding: 3px 8px;}

.header.homeMenu.smaller .navbar-nav li a {}
.homebannerSection { padding: 0px 0 0px;}

.footer-menu-container .footer-menu { flex-basis: 33%;}
.contact-row .form-title { padding: 0 0 15px;}
}


@media only screen and (min-width:320px) and (max-width:767.9px){
.footer-menu-container{flex-wrap: wrap;}
    .header .header-top{  display: none; }
    .header-contact{display: none;}
    .homeMenu .mobile-left{ width: 100%;}
    .homeMenu .mobile-left .logo{ width: 100%; max-width: 35%;}
    .homeMenu .mobile-right{ width: 50%; }
    .homeMenu .mobile-right .followsec ul{ display: none;}
    .mobile-menu-row{display: flex; }
    .mobile-menu-row .social-media{  margin-top: 0;}
    .mobile-menu-row .navbar{ margin-top: 0;}
    .homeMenu .navbar-collapse{ position: absolute; right: 0; top: 37px; width: 320px; }
    
    .header.homeMenu .navbar-toggler{  background-color: #f38c1c; }
    .homebannerSection{ padding-top: 75px;}
    .header.smaller .logo {
      padding: 14px 0 0;
    }
    .homebannerSection .banner-project{ position: relative;}
    .checkout-project-row .checkout-icon a { display: block; padding: 35px 15px;}
    .checkout-project-row .checkout-text { padding: 8px 25px; }
    .homebannerSection .carousel-item img{  width: 100%; object-fit: cover;}
    
    .homebannerSection .carousel-caption .discover-btn{ font-size: 15px; padding: 12px 20px;}
    .best-service p strong{ white-space: nowrap;}
    .home-ind-content2{ padding: 0;}
    .world-class-row{  flex-direction: column; margin-bottom: 15px;}
    .world-class-row .thumbPic{ width: 100%;}
    .world-class-row .thumbPic img{ width: 100%; }
    .world-class-row .world-class { padding-left: 0px;flex-basis: 100%;}
    .world-class-row .world-class h3{ font-size: 28px;}
    .industriesSection1 .innerTitle2 { margin-bottom: 30px; }
    .industries-serve .serve-thumb{ height: auto;}
    .exploreSec ul li{ margin-left: 0; width: 100%; text-align: center; }
    .homeSection3{ padding: 20px 0 50px;}
    .testimonial-section .col-lg-2 { flex: 0 0 2.667%; max-width: 2.667%; display: none; }
    .testimonial-section .col-lg-3 { flex: 0 0 100%;  max-width: 100%; }
    .contact-row{ padding-bottom: 15px;}
    .contact-row .contactcol { padding: 10px 0 10px;}
    .infinity-container .col-md-3{ margin-bottom: 20px;}
    .homeSection2{ background-size: cover;}
    .title2 h2{ font-size: 45px;}
    .title2 p{
        font-size: 15px;
    }
    .info-detl-box h4{
        font-size: 15px;
    }
    .servedetails .featinner p{
        font-size: 15px;
    }
    .title3 h2{ font-size: 50px; line-height: 50px;}
    .industriesSection1 .innerTitle2 .title2{ width: 100%;}
    .contact-box{ flex-direction: column;}
    
    .contact-box .number{ font-size: 40px; line-height: 40px;}
    .contact-box p{
        font-size: 15px;
    }
    .sitk_left p{
        font-size: 15px;
    }
    .copyright{
        margin-bottom: 10px;
    }
    
    .footer-social-media-container{
        float: left;
        padding-left: 6px;
    }
    .powered-section{ padding-bottom: 70px; }
    .contact-row .form-input .form-control{ min-width: 200px; }
    .contact-row .form-title{ padding-right: 0; margin-bottom: 10px;}
    .footer-logo img { width: 250px;}
    #wrapper-footer .contact-row{  margin-bottom: 30px;}
    .footer-menu-container{  flex-direction: column; }
    .social-media .login-sec{  margin-left: 15px;}
    
    .infinitybannerSection{  padding: 130px 0 40px;}
    .infinitybannerSection .banner-title h2{ font-size: 42px; }
    .infinitybannerSection .banner-title h5{ font-size: 20px;}
    .infinity-section p{ font-size: 20px; margin-bottom: 20px;}
    
    figure.effect-ruby p{ font-size: 14px;  line-height: 20px;}
    .cycle-section{  padding: 40px 10px;}
    .infinity-Section2 .cycle-col{ margin-bottom: 20px;}
    .cycle-col .cycle-thumb{  margin-bottom: 20px;}
    .technology-container .title4{ margin-bottom: 50px;}
    .power-col { padding-left: 15px;}
    
    .banner-arrow{  padding-top: 0; }
    
    
    /*--tambirul--  */

	.header.homeMenu { }
	/* .mobile-menu-row {display: block;} */
	.mobile-menu-row .social-media{float: left;}
	.homeMenu .mobile-left .logo {	width: 100%;}
	.mobile-menu-row .navbar {margin-top: 3px;display: inline-block;	position: absolute;	right: 15px;top: 20px;	left: auto;width: auto;}
	.followsec {float: none;}
	.header .logo {padding: 15px 0 0 0;}
	.social-media {width: auto;}
    .mobile-menu-row {justify-content: center;display: flex; margin: 0;}
    /*.homeMenu .mobile-left {width: 100%;}*/
    .header.smaller .logo img{width: 175px;}
	.header.homeMenu.smaller .navbar-nav li a { text-align: left;}
.header.homeMenu.smaller .navbar-nav li:last-child a{text-align: left;}
.header.homeMenu .navbar-nav li a{text-align: left;}
.header.homeMenu .navbar-nav li:last-child a{text-align: left;}
.homeMenu .navbar-collapse { width: 300px;}
.homebannerSection { padding-top: 0;}
/*.homebannerSection .carousel-caption { top: 30%;}*/

.footer-menu-container { flex-direction: row;}
.contact-row .form-title{text-align: center;}
    
    .inner-menu .mobile-menu-row .navbar{
        top: 0;
    }
    .application_sec1 .title p {
        font-size: 15px;
        line-height: 26px;
    }
    .application_sec1 .industries-serve .servedetails .featinner h3 {
      font-size: 16px;
    }
    .custom-btn1{
        font-size: 18px;
        padding: 12px 40px;
    }
    
    
}


@media only screen and (max-width:575px){
.header .logo { padding: 14px 0 0 0;}
.social-media ul li:first-child{display: none;}
.footer-menu-container .footer-menu { flex-basis: 50%;}
    .followsec {
  display: none;
}
}

@media only screen and (max-width:319px){
    p, li{
        font-size: 0.5rem;
    }
    section {
      padding: 1rem 0;
    }
    /*.wrapper{
        min-width: 300px;
    }*/
    .header.homeMenu .navbar-nav li a{
        font-size: 0.5rem;
        white-space: nowrap;
        line-height: 0.6rem;
    }
    .header .logo{
        width: 68%;
        max-width: 68%;
        padding: 0;
    }
    .header .logo .navbar-brand{
        width: 100%;
        margin-right: 0rem;
    }
    .header .logo img{
        max-width: 100%;
    }
    .nav_right {
      width: 30%;
    }
    .nav_right .social-media{display: none;}
    button.navbar-toggler {
      color: #fff;
      font-size: 16px;
    }
    .homebannerSection .carousel-caption h1{
        font-size: 0.9rem;
        margin-bottom: 0;
    }
    
    .homebannerSection .carousel-caption p{font-size: 0.5rem;}
    .title{
        padding-bottom: 0.1rem;
        margin-bottom: 0.5rem;
    }
    .title h3, .title3 h3{
        font-size: 0.6rem;
        margin-bottom: 0;
    }
    .title h2, .title2 h2{
        font-size: 0.8rem;
        line-height: inherit;
    }
    .title2 h5{
        font-size: 0.5rem;
    }
    .title3{
        margin-bottom: 1rem;
    }
    .home-ind-content2 p, .expertise-sec p{
        font-size: 0.5rem;
        margin-bottom: 10px;
        line-height: inherit;
    }
    .homeSection2 .nav-tabs li{
        width: 100%;
        text-align: center;
        font-size: 0.5rem;
    }
    .homeSection2 .nav-tabs li a{
        padding: 7px 5px;
        width: 100%;
    }
    
    .homeSection2, .homeSectiontool{
        padding: 1rem 0;
    }
    
    .homeSection2 .indInnerRow {
      margin-bottom: 10px;
    }
    .homeSection2 .nav-tabs{
        margin-bottom: 15px;
    }
    .info-detl-box{
        padding: 0.3rem 0.5rem;
    }
    .info-detl-box h4{font-size: 0.6rem;}
    .info-detl-box .icon-col{
        -webkit-transform: translate3d(0,1rem,0);
        transform: translate3d(0,1rem,0);
    }
    
    
    .btn-section{
        padding: 1rem 0;
    }
    .custom-btn{
        font-size: 0.5rem;
    }
    .infinity-container{
        margin-bottom: 0;
    }
    .powered-container .powered-cont{
        padding: 0.5rem;
        height: 25px;
    }
    .powered-container .powered-cont h3{
        font-size: 0.6rem;
        margin-bottom: 3px;
    }
    .powered-container .powered-cont p{
        font-size: 0.5rem;
        margin-bottom: 0;
    }
    .powered-container:hover .powered-cont{
        padding: 0.5rem;
    }
    .powered-container .powered-cont .learn-btn{
        font-size: 0.4rem;
    }
    .powered-section{
        padding-bottom: 1rem;
    }
    .powered-section .indInnerRow{
        margin-bottom: 0;
    }
    .title3 h2{
        font-size: 1rem;
        line-height: inherit;
        margin-bottom: 0;
    }
    
    .innerTitle2 {
      margin-bottom: 7px;
    }
    .industriesSection1 .innerTitle2 .title2{
        margin-bottom: 0;
    }
    .featured-left .industries-serve .serve-thumb {
      height: auto;
    }
    .servedetails{
        padding: 0.5rem;
    }
    .featured-left .servedetails .featinner {
      height: auto;
    }
    .servedetails .featinner h6{
        font-size: 0.6rem;
    }
    .servedetails .featinner p, .infinity-Section2 .title p{
        font-size: 0.5rem;
        margin-bottom: 2px;
    }
    .servedetails .more-btn{
        font-size: 0.5rem;
    }
    .featured-right .industries-serve a.dl-flex{
        height: auto;
        flex-direction: column;
    }
    .featured-right .industries-serve .servedetails{
        padding: 0.5rem;
    }
    .featured-right .servedetails .featinner{
        height: auto;
    }
    .contact-box{
        flex-direction: column;
    }
    .contact-box .box-order1, .contact-box .box-order2{
        padding: 1rem;
    }
    .contact-box h4{
        font-size: 0.5rem;
        margin: 0;
    }
    .contact-box .number{
        font-size: 1rem;
        line-height: inherit;
        margin: 0;
    }
    .contact-box p{
        font-size: 0.5rem;
    }
    .sitk_sec{
        padding: 1rem 0;
    }
    .sitk_left h3{
        font-size: 0.6rem;
    }
    .sitk_left p{
        font-size: 0.5rem;
    }
    .sitk_right{
        padding: 0;
    }
    .sitk_right .form-inline{
        flex-direction: column;
        align-items: normal;
    }
    .sitk_sec .form-control, .sitk_sec .btn-primary{
        height: 30px;
        font-size: 0.5rem;
        padding: 0 0.6rem;
        margin: 0;
    }
    .sitk_sec .btn-primary{
        padding: 0 1rem;
        font-size: 0.6rem;
    }
    .sitk_sec .form-group{
        margin: 0;
    }
    #wrapper-footer{
        padding-top: 1rem;
    }
    .footer-logo{
        margin: 0;
    }
    .footer-menu-container .footer-menu {
      flex-basis: 100%;
      padding: 0;
        margin-bottom: 12px;
    }
    #wrapper-footer h4{
        font-size: 0.6rem;
        margin-bottom: 6px;
    }
    .footer-menu ul li {
      list-style-type: none;
      margin-bottom: 0.3rem;
      font-size: 0.5rem;
    }
    .copyright ul li{
        line-height: inherit;
        font-size: 0.5rem;
        border: none;
        width: 100%;
    }
    .copyright ul li a{
        padding: 0;
    }
    .footer-social-media-container {
      float: left;
    }
    .footer-social-media-container i{
        margin: 0.2rem;
        font-size: 0.5rem;
    }
    
    
    .infinitybannerSection{
        padding: 4rem 0 1rem;
    }
    .infinitybannerSection .banner-title h2, .infinitybannerSection .banner-title h1{
        font-size: 0.9rem;
        margin-bottom: 0;
    }
    .infinitybannerSection .banner-title p, .infinitybannerSection .banner-title p{
        font-size: 0.6rem;
        margin-bottom: 5px;
    }
    figure.effect-ruby figcaption{
        padding: 0.8rem;
    }
    figure.effect-ruby h2{
        font-size: 0.6rem;
        min-height: 40px;
    }
    figure.effect-ruby p{
        font-size: 0.5rem;
        line-height: inherit;
    }
    .infinity-section3 figure.effect-ruby{
        min-height: 185px;
    }
    .infinity-section3 figure.effect-ruby:hover p{
        height: auto;
    }
    .technology-container .indInnerRow {
      margin-bottom: 20px;
    }
    .safety-life-step{
        padding-top: 10px;
    }
    .infinity-Section2 .title {
      margin-bottom: 15px;
    }
    .infinity-Section2 .cycle-col h4{
        font-size: 0.5rem;
    }
    .infinity-Section3{
        padding: 1rem 0;
    }
    .infinity-Section3 .title h3{
        margin-bottom: 10px;
    }
    .infinity-Section3 .title p{
        font-size: 0.5rem;
    }
    .infinity-Section3 .title {
      margin-bottom: 20px;
    }
    
    .infinity-Section3 .safest-battery-video{
        height: auto;
    }
    .infinity-Section3 .safest-battery-video iframe{
        height: auto;
    }
    .technology-container .title4 h2{
        font-size: 0.6rem;
    }
    .technology-container .title4{
        margin-bottom: 6px;
    }
    .powered-container .powered-cont ul li{
        line-height: inherit;
    }
    
    .infinity-section4 .power-col{
        padding-left: 15px;
    }
    .power-data .title {
      margin-bottom: 16px;
    }
    .power-data .title p{
        font-size: 0.5rem;
    }
    .power-data .safty-list li{
        margin-bottom: 10px;
        font-size: 0.5rem;
    }
    .solidstate-banner .banner-title{
        margin-bottom: 10px;
    }
    .infinitybannerSection .banner-arrow {
      padding-top: 20px;
    }
    .banner-arrow span a{
        width: 50px;
        height: 50px;
        line-height: 42px;
    }
    .solid-state-battery-Section2 .title {
      margin-bottom: 10px;
    }
    .solid-state-battery-Section2 .title p{
        font-size: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .solid-state-details .bg-icon {
      flex-basis: 100px;
      padding: 0px !important;
    }
    .solid-state-details .bg-text {
      padding: 0 0.3rem !important;
    }
    .solid-state-details .bg-text p{
        font-size: 0.5rem;
        margin-bottom: 5px;
    }
    .solid-state-details .d-flex {
      margin-bottom: 10px;
    }
    .solid-state-battery-Section3 .home-ind-content2 {
      padding: 0;
    }
    .solid-state-battery-Section3 .home-ind-content2 p, .operating-cycle p{
        font-size: 0.5rem;
        margin-bottom: 10px;
    }
    .solid-state-battery-Section3 .indInnerRow {
      margin-bottom: 10px;
    }
    .solid-state-battery-Section3 .thumbinal{
        margin-bottom: 20px;
    }
    .solid-state-battery-Section4 .title p{
        font-size: 0.5rem;
    }
    .solid-state-expertise .safty-list{
        padding-top: 10px;
    }
    .solid-state-expertise .safty-list li, .solidcolmn-sec .safty-list li{
        font-size: 0.5rem;
        margin-bottom: 15px;
    }
    .solid-state-battery-Section5 .thumbinal {
        margin-top: 0;
    }
    .solid-state-battery-Section2 .title h3 {
      margin-bottom: 5px;
    }
    .solidcolmn-sec .title h5{
        font-size: 0.5rem;
    }
    .solidcolmn-sec .title p{
        font-size: 0.5rem;
    }
    .solidcolmn-sec .safty-list{
        padding-top: 0px;
    }
    .solid-state-battery-Section6 .thumbinal{
        padding: 0;
    }
    .infinitybannerSection .banner-title{
        margin-bottom: 10px;
    }
    .cmn_banner .application-banner-info figure.effect-ruby h2 {
      min-height: auto;
      font-size: 0.6rem;
    }
    .appl_banner_desc{
        margin-bottom: 3px;
        padding-bottom: 3px;
    }
    .application_banner figure.effect-ruby h6{
        font-size: 0.5rem;
        line-height: inherit;
        margin: 2px 0;
    }
    .infinity-section2.application-banner-info .p-0 {
        padding: 0 15px !important;
    }
    .application_sec1 .title p, .company_sec1 .power-data p, .history_sec .servedetails .featinner p{
        font-size: 0.5rem;
    }
    .company_sec3 .title h5{
        font-size: 0.5rem;
    }
    .application_sec1 .industries-serve .servedetails .featinner h3{
        font-size: 0.5rem;
    }
    .application-sec5 .title {
        margin-bottom: 10px;
    }
    .application-sec5 .custom-btn {
        margin-top: 8px;
        margin-bottom: 10px;
    }
    .application_sec1 .servedetails {
        padding: 5px 0;
    }
    .application_sec1 .innerTitle2 {
      margin-bottom: 0;
    }
    .company_sec1 .power-data {
      padding-left: 0;
    }
    .history_sec .item .industries-serve{
        padding: 0.5rem;
    }
    .history_sec .item .industries-serve .history_year h2{
        font-size: 0.8rem;
    }
    .history_sec .owl-carousel .owl-nav .owl-prev .prev-slide, .history_sec .owl-carousel .owl-nav .owl-next .next-slide {
      width: 36px;
      height: 36px;
      background-size: 100%;
    }
    .company_sec3 .title {
      padding-bottom: 5px;
      margin-bottom: 20px;
    }
    .company_sec3 .title h2 {
      margin-bottom: 2px;
    }
    .lab_desc{
        margin-bottom: 15px;
        padding-top: 15px;
    }
    .lab_desc h4{
        font-size: 0.5rem;
        padding: 0 0 10px;
    }
    .lab_desc li{
        font-size: 0.5rem;
        margin-bottom: 15px;
        background-position: left top 4px;
    }
    .company_sec1_row {
      padding-bottom: 0px;
    }
    .rd_col{
        padding: 0.5rem;
    }
    .company_sec4 .lab_desc li{
        background-position: left top 4px;
        font-size: 0.5rem;
        line-height: inherit;
        padding-left: 20px;
        margin-bottom: 15px;
        background-size: 10px 10px;
        min-height: 15px;
    }
    .bod_sec .title {
      margin-bottom: 10px;
    }
    .bod_sec .nav-tabs .nav-item a.nav-link{
        padding: 0.2rem 0.5rem;
        font-size: 0.5rem;
    }
    .bod_sec .nav-tabs{
        margin-bottom: 20px;
    }
    .bod_desc {
      padding: 0.5rem;
    }
    .bod_desc h3{
        font-size: 0.6rem;
        line-height: inherit;
    }
    .bod_desc h6{
        font-size: 0.5rem;
        line-height: inherit;
        padding: 0;
    }
    .bod_desc p{
        font-size: 0.5rem;
        line-height: inherit;
    }
    .rm a{
        font-size: 0.5rem;
        padding: 5px 15px;
    }
    .join_team_sec{
        height: auto;
    }
    .join_team_col {
      width: 100%;
    }
    .join_team_sec .join_team_col p{
        font-size: 0.5rem;
        line-height: inherit;
        padding: 0 0 10px;
    }
    .join_team_sec .join_team_col h6{
        font-size: 0.5rem;
    }
    .contact_col{
        padding: 0.5rem;
        margin-left: 0;
    }
    .contact_us_sec .title {
      margin-bottom: 15px;
    }
    .contact_us_sec .form-control{
        padding: 6px 10px;
        font-size: 0.5rem;
    }
    .contact_us_sec .form-group .row {
      flex-direction: column;
    }
    .contact_us_sec .form-group .row .col {
      flex-basis: 100%;
      margin-bottom: 1rem;
    }
    .contact_us_sec .form-group .row .col:last-child {
      margin-bottom: 0;
    }
    .adrs_box_container h4{
        font-size: 0.5rem;
    }
    .adrs_box_container p{
        font-size: 0.5rem;
        margin-bottom: 2px;
    }
    
    .investor-relations-section .title{
        margin-bottom: 10px;
    }
    .investor-relations-section figure.effect-ruby h2{
        font-size: 0.6rem;
        margin-bottom: 10px;
        min-height: 20px;
    }
    .media-section .nav-tabs{
        margin-bottom: 25px;
    }
    .media-section .nav-tabs li{
        font-size: 0.5rem;
    }
    .media-section .nav-tabs li a{
        padding: 0.3rem 0.5rem;
    }
    .blog-container .blog-thumb{
        height: auto;
    }
    .blog-container .blog-description{
        padding: 0.6rem;
    }
    .blog-container .blog-description .blog-date{
        font-size: 0.5rem;
    }
    .blog-container .blog-description .blog-title{
        font-size: 0.5rem;
        height: auto;
    }
    .blog-container .blog-description .readmore-btn{
        padding: 0.4rem 0.6rem;
        font-size: 0.5rem;
    }
    .pagination-section{
        padding-top: 30px;
    }
    .pagination-section .pagination .page-item, .pagination-section .paginatio li{
        font-size: 0.5rem;
    }
    .pagination-section .pagination .page-item .page-link, .pagination-section .paginatio li a {
      color: #131313;
      padding: 0.4rem 0.6rem;
    }
    
    
    
    
    
}