@media only screen and (min-width:1900px) {
    .container{ max-width: 1600px; }
}

@media only screen and (min-width:1600px) {
    .container{ max-width: 1400px; }
	.navbar .navbar-collapse ul li a{
		font-size: 14px;
	}
}

/* 992 */
@media only screen and (max-width: 1199px) {
	/* Home page  */
	h2{
		font-size: 32px;
	}
	.banner-text h1 {
		font-size: 50px;
		line-height: 50px;
	}
	.banner-text {
		max-width: 400px;
	}
	.service-text {
		padding: 20px;
	}
	.service h5 {
		/* flex: 0 0 80%; */
	}
	.service h5 a {
		font-size: 20px;
	}
	.service .section-heading h2::before {
		left: 10%;
	}
	.service .section-heading h2::after {
		right: 10%;
	}
	.affiliation h4 {
		padding-right: 6px;
	}
	.sec-space, .sec-space-short{
		padding: 80px 0;
	}
	.winner .about-text {
		padding: 60px 0px 60px 40px;
	}

	button.btn.btn-link{
		height: auto;
    	line-height: 22px;
		padding-right: 60px;
	}
	.card-header .btn-link[aria-expanded="false"] {
		padding: 0 60px 0 20px;
	}
	.ft-note {
		max-width: 100%;
	}



	/* About Page  */
	.about-cms .about-text {
		padding: 0;
	}
	.about-cms .about-text h2 {
		margin-bottom: 20px;
	}

	/* Single Service  */
	.s-service .about-img{
		height: 100%;
	}
	.s-cap-text {
		padding: 0;
	}
	.contact-cms .contact-details .con-box {
		max-width: 90%;
	}


	/* Technology Page  */
	.tech-img {
		position: relative;
		padding-top: 100%;
		height: 100%;
	}
	.tech-img img{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
}


/* 768px  */
@media only screen and (max-width: 991px) {
	.navbar-toggler{
		background: transparent !important;
		border: 0 !important;
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-toggler i{
		font-size: 0;
		display: none;
	}
	.navbar-toggler .navbar-toggler-icon{
		width: 35px;
		height: 3px;
		background: var(--blue);
		border-radius: 5px;
		position: relative;
		transition: 0.5s;
	   }
	   .navbar-toggler .navbar-toggler-icon::after{
		content: '';
		position: absolute;
		top: -8px;
		width: 30px;
		height: 3px;
		background: var(--blue);
		border-radius: 5px;
		right: 0;
		transition: 0.5s;
	   }
	 
	   .navbar-toggler .navbar-toggler-icon::before{
		content: '';
		position: absolute;
		bottom: -8px;
		width: 30px;
		height: 3px;
		background: var(--blue);
		border-radius: 5px;
		right: 0;
		transition: 0.5s;
	   }
	 
	   .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
		background-color: transparent;
	   }
	   .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before{
		transform: rotate(-38deg);
		   bottom: 0px;
	   }
	   .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after{
		transform: rotate(38deg);
		   top: 0px;
	   }
	   .navbar-collapse {
		position: absolute;
		z-index: 999;
		background: #fff;
		padding: 0px 0;
		top: 50px;
		right: 15px;
		width: 300px;
		box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
		border-radius: 0px;
		margin-top: 0 !important;
	   }
	   .navbar-collapse ul li a {
		padding: 10px 15px !important;
		display: block !important;
		border-bottom: dashed 0px #cdcdcd;
		transform: unset !important;
		margin-right: 0 !important;
		position: relative;
	   }
	   .navbar-collapse ul li a.dropdown-toggle::after {
			position: absolute;
			right: 12px;
			top: 50%;
			transform: translateY(-50%);
		}
		.navbar-collapse ul li .dropdown-menu{
			background-color: #e9e9e9;
			margin: 0;
		}
		.navbar-collapse ul li:last-child a{
			border-bottom: 0;
		}

	/* Toggle nav start  */
	/* .navbar-collapse {
		width: 200px;
		position: static;
		background: var(--blue);
		z-index: 9;
		padding: 10px 12px;
		transition: all 0.4s;
	}
	.navbar-collapse ul > li {
		margin-right: 0px;
		padding: 4px 0;
	}
	.navbar-toggler {
		padding: 0 !important;
		color: var(--blue) !important;
		background-color: transparent !important;
	}
	.navbar-toggler-icon {
		height: auto !important;
	}
	.navbar-toggler:focus,
	.navbar-toggler:hover {
		text-decoration: none;
		outline: none;
		border: none;
	}
	.main-header .navbar-nav {
		padding-left: 0;
	}
	.navbar .navbar-collapse ul > li > a {
		padding: 0px 10px;
		margin: 0;
		color: var(--white);
	}
	.navbar .navbar-collapse ul > li.active > a {
		text-decoration: underline !important;
		color: var(--white);
	}

	.navbar .navbar-collapse ul > li > a::before,
	.current-menu-parent::before {
		height: 0;
		width: 3px;
	}
	.navbar .navbar-collapse ul > li.active a::before,
	.navbar .navbar-collapse ul > li:hover a::before,
	.main-header .current-menu-parent::before {
		width: 3px;
		height: 100%;
	}

	.con-btn {
		top: 20%;
	} */

  	/* Toggle nav end  */


	body p{
		line-height: 18px;
	}
	.innerBanner {
		height: 220px;
	}
	h2 {
		font-size: 28px;
	}
	.banner-text h1 {
		font-size: 45px;
		line-height: 45px;
	}
	.sec-space , .sec-space-short{
		padding: 60px 0;
	}
	.section-heading h2, .about-cms .about-text h2 {
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	.service .section-heading h2::before {
		left: 5%;
	}
	.service .section-heading h2::after {
		right: 5%;
	}
	.service h5 a {
		font-size: 18px;
	}
	.service-text {
		padding: 14px;
	}
	.whyus .row{
		row-gap: 20px;
	}
	.why-icon {
		margin-bottom: 16px;
	}
	.about .about-text{
		padding: 20px 0 0 0 ; 
	}
	.blog .section-heading {
		margin-bottom: 20px;
	}
	.blog-box h3 a {
		font-size: 16px;
	}
	.place-heading {
		max-width: 60%; 
	}
	.place-heading::before {
		height: 160px;
		width: 160px;
	}
	.winner .about-text {
		padding: 0 0 60px 0px;
	}
	.tech-content .btn{
		height: auto;
		line-height: 22px;
	}
	.card-body {
		padding: 10px 0 16px;
	}
	.card {
		padding: 0 0 14px;
		margin-bottom: 14px;
	}
	.card-header .btn-link {
		padding: 6px 0;
	}
	.card-header .btn-link[aria-expanded="false"] {
		padding: 0 40px 0 0;
	}
	.div-user p {
		font-size: 18px;
		line-height: 26px;
	}
	.footer-row{
		row-gap: 30px;
	}
	.go-top {
		bottom: 50px;
	}
	
	/* About Page  */
	/* .title_breadcrumb h1 {
		font-size: clamp(24px, 6vw, 60px);
	} */
	.abpg-img {
		padding-top: 50%;
		position: relative;
	}

	/* Product Page  */
	.cap-row [class*="col-"]{
		padding: 0 10px;
	}
	.cap-row{
		margin: 0 -10px;
		row-gap: 20px;
	}
	.product-desc h3{
		font-size: 20px;
	}
	.product-box:hover .product-desc .btn.btn-blue {
		margin-bottom: -10%;
	}
	.contact-form h3, .s-product h2 {
		margin-bottom: 20px;
	}
	.s-project .s-project-img{
		margin: 0 25px 20px 0;
	}
	.ss-para h3{
		font-size: 18px;
	}
	.s-project h2 {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	

	/* Contact Page  */
	.contact-cms .contact-details {
		padding: 40px 18px;
	}
	.contact-cms .contact-details .con-box {
		padding-left: 46px;
		margin-bottom: 30px;
	}
	.contact-cms .contact-details .con-box .fa {
		height: 32px;
		width: 32px;
		line-height: 32px;
		font-size: 16px;
	}
	.contact-cms .contact-details .con-box {
		max-width: 100%;
	}
	.contact-cms .contact-details .con-box {
		padding-left: 40px;
		margin-bottom: 25px;
	}
	.contact-cms .contact-details .con-box p {
		font-size: 13px;
		font-weight: 400;
	}
	.contact-left h2 {
		font-size: 22px;
	}
	.contact-cms .contact-form, .contact-cms .contact-details {
		padding: 20px;
	}

	/* Service Page  */
	.serv-row {
		margin: 0 -8px;
		row-gap: 20px;
	}
	.serv-row [class*="col-"]{
		padding: 0 8px;
	}

	/* Technology Page  */
	.intro-para {
		padding: 30px;
	}
	.tech-row .tech-box{
		height: 100%;
	}
	.dropdown-menu li.active a{
		color: var(--blue) !important;
	}
	.movedetails.newdetails.mt-0 {
		margin-bottom: 15px !important;
	}
	
}

/* 576 */
@media only screen and (max-width: 767px) {
	.single-breadcrumb h2{
		font-size: 18px;
	}

	.motitle {
		line-height: 1.1;
		font-size: 18px;
	}
	body p{
		font-size: 12px;
	}
	.s-service-text h3{
		font-size: 24px;
		margin-bottom: 10px !important;
	}
	.s-service-text.px-3 {
		padding: 20px 0 !important;
	}
	
/* Home Page  */
	.banner-img {
		padding-top: 54%;
	}
	.banner-text h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.banner-text {
		max-width: 320px;
	}
	h2 {
		font-size: 22px;
		line-height: 24px;
	}
	.con-btn {
		right: -28px;
		height: 36px;
		line-height: 36px;
		padding: 0 20px;
		font-size: 12px;
		transform: rotate(-90deg);
		border-radius: 4px 4px 0 0 !important;
	}
	.section-heading {
		margin: 0 auto 20px;
		max-width: 94%;
	}
	.owl-carousel .owl-nav button.owl-next {
		right: -32px;
	}
	.about-text h3 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 12px;
	}
	.blog .section-heading {
		margin-bottom: 20px;
	}
	.blog-img {
		margin: 12px 0;
	}
	.copy-right{
		display: block !important;
		text-align: center;
	}
	.ft-social{
		margin-bottom: 12px;
	}
	.footer-row [class*="col-"]:nth-child(1){
		margin-bottom: 20px;
	}
	.footer-link-wrapper h3 {
		margin-bottom: 0px;
	}
	.footer-link-wrapper.sec-space {
		padding-bottom: 0px;
	}

	/* Single Service Page  */

	.ss-desc p{
		display: block;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight: 700;
		color: #00000070;
	}
	.ss-desc {
		padding: 12px;
		margin-right: 12px;
	}
	.s-service-text {
		padding: 20px 0 0 0;
	}


	/* About Page  */
	.abnext-img{
		margin-top: 20px;
	}

	/* Single Product Page */
	.s-project .s-project-img {
		padding-top: 60%;
		width: 100%;
		margin: 0 0  20px 0;
	}

	/* Technology Page  */
	.tech-img {
		margin-top: 20px;
	}
	.tech-img {
		padding-top: 70%;
	}
	.tech-row{
		row-gap: 20px;
	}
	
}


/* 480 */
@media only screen and (max-width: 575px) {
	.s-service-text h3{
		font-size: 18px;
	}
/* Home Page  */
	.banner-text h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.banner-text {
		max-width: 350px;
	}
	.affiliation h4 {
		font-size: 14px;
		padding-right: 8px;
	}
	.place-heading h3 {
		font-size: 20px;
	}
	.con-btn {
		right: -20px;
		padding: 0 12px;
	}
	.affiliation .row [class*="col-"]:last-child{
		flex: 0 0 60%;
		max-width: 60%;
	}
	.affiliation .owl-nav {
		top: -20%;
	}
	.sec-space, .sec-space-short {
		padding: 40px 0;
	}
	button.btn.btn-link {
		font-size: 15px;
	}
	.card {
		padding: 0 0 10px;
		margin-bottom: 10px;
	}
	.card-header .btn-link[aria-expanded="false"] {
		padding: 0 40px 0 0;
	}
	.review-head h4 {
		margin-bottom: 0px;
	}
	.review-head .rating .fa {
		font-size: 14px;
	}
	.googlelg img {
		width: 90px;
	}
	.service h5 a {
		font-size: 16px;
	}
	.bl-row [class*="col-"]:not(:last-child) .blog-box{
		margin-bottom: 20px;
	}
	

	/* Feature Page  */
	.innerBanner {
		height: 180px;
	}


	/* Contact Page  */
    .contact-cms .contact-info .con-row{
		row-gap: 16px;
	}
	.contact-cms .contact-info {
		margin-top: -36px;
	}

	/* Project Page  */
	.projects-cms .project-img {
		padding-top: 60%;
	}
	.projects-cms .project-title a {
		font-size: 24px;
	}

	/* Single Project Page  */
	.s-project h3 {
		font-size: 18px;
		font-weight: 300;
	}
}


/* 360 */
@media only screen and (max-width: 479px) {
	/* Home Page  */
	.menumain{
		padding: 0;
	}
	.menumain nav.navbar {
		padding: 2px 15px;
	}
	/* body p{
		font-size: 12px;
	} */
	.sec-space {
		padding: 30px 0;
	}
	h2 {
		font-size: 22px;
		line-height: 24px;
	}
	.navbar-brand img {
		width: 90px;
	}
	.banner-text h1 {
		font-size: 30px;
		line-height: 32px;
		padding: 0 20px;
	}
	.banner-img {
		padding-top: 60%;
	}
	.affiliation .row [class*="col-"]{
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
	.section-heading {	
		margin-bottom: 14px;
	}
	.btn {
		height: 30px;
		line-height: 30px;
	}
	.sec-space, .sec-space-short {
		padding: 30px 0;
	}
	.con-btn {
		right: -22px;
		top: 15%;
	}
	.about-text h3 {
		font-size: 20px;
		line-height: 28px;
		font-weight: 500;
	}
	.partimg {
		padding-top: 25%;
	}
	.owl-carousel .owl-nav button.owl-next {
		right: -14px;
	}
	.section-heading h2, .about-cms .about-text h2 {
		font-size: 20px;
		margin-bottom: 14px !important;
	}
	.btn1 {
		height: 34px;
		width: 34px;
		flex-shrink: 0;
	}
	.service-text{
		padding: 10px;
	}
	.service h5 a {
		display: block;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 12px !important;  
	}
	.w-row [class*="col-"]{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.whyus h4 {
		font-size: 18px;
		margin-bottom: 0px;
	}
	.place-heading {
		max-width: 84%;
	}

	.footer-link-wrapper {
		padding: 26px  0;
	}

	.quick-link-box ul li a{
		font-size: 11px;
	}
	.quick-link-box ul li:not(:last-child) {
		margin-bottom: 0 0 4px 0;
	}
	.contact-details .con-box {
		margin-bottom: 10px;
	}
	.quick-link-box {
		padding: 0 0 10px 0;
	}
	button.btn.btn-link {
		font-size: 13px;
		line-height: 20px;
	}
	
	.footer-row {
		row-gap: 14px;
	}

	/* Contact Page  */
	.form-control {
		height: 40px;
	}
	.form-group {
		margin-bottom: 10px;
	}

	/* About Page   */
	.about-cms .ab-row h3 {
		font-size: 16px;
		line-height: 20px;
		font-weight: 400;
		margin: 10px 0 12px;
	}

	/* ProjectPage  */
	.projects-cms .project-title a {
		font-size: 20px;
	}

	/* Single Project PAge  */
	.s-project h3 {
		font-size: 16px;
		padding: 10px 0;
	}

}

/* 320 */
@media only screen and (max-width: 359px) {
	.footer-link-wrapper [class*="col-"]{
		max-width: 100%;
		flex: 0 0 100%;
	}
	.footer-link-wrapper [class*="col-"]:nth-child(3), .footer-link-wrapper [class*="col-"]:nth-child(4) {
		padding: 0 15px;
	}
	body p, .contact-cms .con-box a{
		font-size: 12px !important;
		line-height: 16px !important;
		font-weight: 400;
	}
	h2 {
		font-size: 18px !important;
	}
	.banner-text h1 {
		font-size: 18px;
		line-height: 21px;
	}

	.home-slider .owl-dots {
		bottom: 6%;
	}
	.navbar-brand img {
		width: 54px;
	}
	.contact-form {
		padding: 14px;
	}
	
	.intro-para {
		padding: 20px;
	}


	
}