@charset "utf-8";

/* CSS Document */





@media (min-width: 1200px) and (max-width: 1400px) {
	.banner_wapper .item h1 {
		font-size: 60px;
	}
	.team-block{
		gap: 20px;
	}	
}





@media (min-width: 992px) and (max-width: 1199px) {

	.appoi-box{text-align:center;}

	.appoi-box h3{width:100%; text-align:center;}

	.appoi-box a{float:none; display:inline-block; margin:15px 0 0 0;}
	.banner_wapper .item h1 {
		font-size: 50px;
	}
	.banner_wapper .item h2 {
		font-size: 20px;
	}
	.team-block{
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
	.team-block-right {
		margin-top: 0;
	}
	.team-wrapper .team-block:nth-of-type(even) {
		margin-top: 400px;
	}
	.features-block .feature-box{
		padding: 30px 5px;
	}
	.features-inner-left{
		padding-top: 50px;
	}
	.flip-card-front img{
		height: 300px !important;
	}
}





@media (min-width: 768px) and (max-width: 991px) {
	.header_wapper .logo img.header-logo{height: 36px;}
	.nav {position: absolute; left: 0; top: 100%; width: 100%; background-color:#fff; display:none; }

	nav ul li{margin-right:35px;}

	.infant .right-add ul{display:none;}

	.infant .first{width:100%;}

	.infant .first .right-add{padding:0;}





	.appoi-box{text-align:center;}

	.appoi-box h3{width:100%; text-align:center;}

	.appoi-box a{float:none; display:inline-block; margin:15px 0 0 0;}
	section{padding-top: 80px;}
	.features-block .feature-box{
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.banner_wapper .item h1 {
		font-size: 50px;
	}
	.about-us .row {
		gap: 50px;
	}
}

@media (max-width: 991px) {
	.team-block{
		width: 100%;
		margin-bottom: 30px;
	}
	.team-wrapper .team-block:nth-of-type(even){
		margin-top: 0;
	}
	.team-wrapper .team-block:nth-of-type(even):before{
		content: unset;
	}
	.menu-item{
		padding: 10px 0;
	}
	.nav-bars {
		color: #be1622;
	}
	.menu-item a::before{
		content: unset;
	}
	.team-card-list .card{
		width: 50%;
	}
	.team-card-list{
		flex-wrap: wrap;
	}
	.caps-part{
		text-align: center;
	}
	.product-card{
		width: calc(50% - 20px);
	}
	.pro-details{
		flex-direction: column;
	}
	.pro-details .image {
		width: 100%;
	}
	.pro-details .desc {
		width: 100%;
	}
	.product-features{
		flex-direction: column-reverse;
		gap: 20px;
	}
	.features-list , .fetures-image{
		width: 100%;
		max-width: 100%;
	}

}



@media (max-width: 767px) {



	/*=========================================*/

	/* Main Header */
	.header_wapper .logo img.header-logo{height: 36px;}
	.nav {position: absolute; left: 0; top: 100%; width: 100%; background-color:#fff; display:none; }
	/*=========================================*/







	/*=========================================*/

	/* Main Banner */

	/*=========================================*/







	/*=========================================*/

	/* Main Content */

	/*=========================================*/
	section{padding-top: 75px;}


	.infant .right-add ul{display:none;}

	.infant .first{width:100%;}

	.infant .first .right-add{padding:0;}

	.top-right{border:none;}

	.inner-left,

	.inner-right{width:100%; border:none; background-position:left 0; padding:0px 20px 0 60px; margin:30px 0;}



	.appoi-box{text-align:center;}

		.appoi-box h3{width:100%; text-align:center;}

		.appoi-box a{float:none; display:inline-block; margin:15px 0 0 0;}



	/*=========================================*/

	/* Main Footer */

	/*=========================================*/

	.footer-box, .blog-wapper .inner-part, .about-us .inner-part ul li {margin:0 0 30px 0;}

	.footer-box .cntr{max-width:100%;}

	.about-us .inner-part ul li{width:100%;}

	.home-about{
		padding-left: 0;
		padding-right: 0;
	}
	.bottom-content p{
		font-size: 28px;
	}
	.why-choose-us-image img{
		clip-path: unset;
	}
	.why-choose-us-desc{
		clip-path: unset;
		padding: 15px;
	}
	.features-block .feature-box{
		align-items: center;
        flex-direction: column;
        padding: 20px 5px;
        text-align: center;
	}
	.top-header-text span{
		flex-wrap: wrap;
    	gap: 0px;
	}
	.top-header-text a:first-of-type{
		margin-right: 10px;
	}
	.top-title h2{
		font-size: 22px;
	}
	.features-inner-left{
		padding-top: 50px;
	}
	button.accordion-button{
		font-size: 16px;
		line-height: 1.2;
	}
	button.accordion-button::after{
		font-size: 28px;
	}
	.about-us .inner-part h2, .team-wapper .inner-part h2, .content-wapper .inner-part h2, .blog-wapper h2, .why-choose-us h2 , .applicatin-list h2  , .about-wapper .inner-part h2, .team-part h2 , .testy-wapper .inner-part h2 , .certified-quality-section h2{ 
		font-size: 22px;
		margin: 0 0 15px 0;
	}
	.right-content h2 , .skill-part .inner-part h2{
		font-size: 22px;
		margin-bottom: 15px;
	}
	.features-desc h3 {
		font-size: 18px;
	}
	.about-us .row {
		gap: 50px;
	}
	.team-card-list .card {
        width: 100%;
        margin: 0 auto;
    }
	.capt-info p{
		font-size: 20px;
		line-height: 28px;
	}
	.about_bg h1{
		font-size: 36px;
	}
	.certified-quality-section {
		margin-top: 40px;
	}
	.testy-wapper{
		padding: 40px 0;
	}
	.team-part{
		padding: 40px 0;
	}
	.team-card-list{
		margin-top: 10px;
	}
	.about-wapper{
		padding: 40px 0;
	}
	.product-list{
		gap: 0;
	}
	.contact .inner-part h2{
		font-size: 24px;
	}
	.contact{
		padding: 0;
	}
}





@media (min-width: 568px) and (max-width: 767px) {
	.banner_wapper .item h1 {
		font-size: 40px;
	}
	.banner_wapper .item h2 {
		font-size: 18px;
	}
	.banner_wapper .item{
		height: 500px;
	}

}





@media (min-width: 240px) and (max-width: 567px) {



	.top-header{text-align:center;}

	.top-header .logo{display:inline-block; float:none;}

	.top-header .logo a{padding:15px 0 0 0;}

	.top-header .cl{width:305px; float:none; display:inline-block; }

	.top-header .cl i.fa{left:15%;}

	.top-header .cl p{display:inline-block; float:none;}



	.timeWrapper {

    width: 167px;

    margin: auto;

    padding-bottom: 15px;

  }

  h1.clock {

    font-size: 20px;

    line-height: 36px;

    padding: 18px 0 5px;

  }

  .day {

    padding-right: 0;

  }

  .colon {

    display: none !important;

  }

  #clockdiv {

    text-align: left !important;

  }

  #clockdiv>div {

    padding-bottom: 4px;

    display: inline-block;

  }

  .smalltext {

    padding-top: 19px;

    padding-left: 15px;

    font-size: 18px;

    line-height: 24px;

    float: right;

  }



	.appoi-box h3{font-size:18px;}
	section {
        padding-top: 92px;
    }
	.banner_wapper .item{
		padding: 0 10px;
	}
	.banner_wapper .item h1 {
		font-size: 28px;
	}
	.banner_wapper .item h2 {
		font-size: 18px;
	}
	.features-block .feature-box{
		flex-direction: column;
		text-align: center;
		justify-content: center;
	}
	.banner_wapper .item{
		height: 500px;
	}
	.team-block{
		flex-direction: column;
		gap: 20px;
        align-items: center;
	}
	.team-block-right {
		margin-top: 0;
	}
	.right-popup{
		width: 260px;
	}
	.top-header-text a{
		font-size: 14px;
	}
	.features-inner-left{
		width: 100%;
		border: 0;
	}
	.features-inner-right{
		width: 100%;
	}
	.features-block{
		flex-wrap: wrap;
	}
	.features-block .feature-box{
		border-bottom: 1px solid #ccc;
	}
	.features-inner-right .feature-box:last-of-type{
		border: 0;
	}
	.top-header-text span{
		flex-direction: column;
	}
	.flip-card-front img{
		height: 300px !important;
	}
	.product-card {
		width:100%;
		margin: 0 auto;
	}
	.blog-social-block{
		flex-direction: column;
		gap: 10px;
	}
	.blog-bottom-btns a{
		position: static;
		justify-content: center;
	}
	.blog-bottom-btns {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 320px;
        margin: 0 auto;
	}
	
	.blog-bottom-btns a.back-to-blog {
		order: 3;
		transform: unset;
	}
	.download-catalogue .mrn-btm a{
		border-radius: 10px;
	}
}