.dropdown-item:focus,
.dropdown-item:hover {
	background-color: #c4e0fe;
	color: #000
}

@media (min-width:992px) {
	.overlay .light {
		font-weight: 300;
	}

	.overlay .content {
		/*margin-bottom: 9em !important;*/

		
	}
	.content.text-center{
		padding-bottom: 0rem !important;
	}

	.dropdown .dropdown-menu {
		position: absolute;
		left: 0;
		max-height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		transition: all .5s linear;
		border-radius: 0 0 8px 8px;
		display: block;
		border: 0
	}

	.dropdown:hover>.dropdown-menu {
		max-height: 37em
	}

	.menu-left {
		padding-left: 3rem;
		padding-right: 3rem;
	}

	.menu-right {
		padding-left: 3rem;
		padding-right: 3rem
	}

}

@media (min-width:1400px) {
	.navbar-expand-xl .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem
	}
	.content.text-center{
		padding-bottom: 0 !important;
	}

}

@media (min-width:1400px) {
	.menu-left {
		padding-left: 5rem;
		padding-right: 5rem;
	}

	.menu-right {
		padding-left: 5rem;
		padding-right: 5rem
	}

}

@media (min-width:1600px) {
	.navbar-expand-xl .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem
	}

}

@media (max-width:1600px) {
	.blog-dots {
		width: 100%;
		left: 0;
		right: 0
	}

	.owl-carousel .owl-nav button.owl-prev {
		left: -65px !important
	}

	.owl-carousel .owl-nav button.owl-next {
		right: -65px !important
	}

	.bg_text {
		font-size: 10rem;
		top: -48px
	}

}

@media (max-width:1400px) {
	.navbar-brand {
		width: 200px
	}

	.navbar-dark .navbar-text a {
		font-size: 20px
	}

	.owl-carousel .owl-nav button.owl-prev {
		left: -45px !important
	}

	.owl-carousel .owl-nav button.owl-next {
		right: -45px !important
	}

	.bg_text {
		font-size: 8rem;
		top: -60px
	}

	.bold,
	.light {
		font-size: 42px
	}

	.bold {
		font-size: 44px
	}

	#services .bold {
		font-size: 50px
	}

	.content.text-center.mb-5 {
		/* margin-top: 30px; */
		margin-bottom: 0 !important
	}

	section {
		padding: 100px 0
	}

	

}

@media (max-width:1366px) {	
	/* .embed-responsive video {
    height: 600px;
	} */
}
@media (max-width:1200px) {
	header.content {
		margin-bottom: 60px !important;
	}
	

}

@media (max-width:1199.98px) {
	#services .card,
	#solutions-cards .card {
		min-height: 240px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.navbar-text span {
		display: none;
	}

	#sidebarCollapse {
		order: 2;
		margin: 0px 15px 0 0;
	}

	.navbar-text {
		width: 60px;
		padding: 6px 16px;
		border: 1px solid #ffffff2b;
		border-radius: 6px;
		margin-right: 10px;
		margin-left: auto;
	}

	.navbar-text a.number:before {
		opacity: 0.8;
	}

	header.contact .inner-header.inner-bg .content {
		padding: 100px
	}

	.contact .bold {
		font-size: 34px
	}

	.contact h3.hero {
		font-size: 24px
	}

	.contact .navbar {
		padding: 0
	}

	#mySVG {
		margin-top: -26px
	}

	#process-grid .row .bold,
	#process-grid .row .light {
		margin-bottom: 0
	}

	#process-grid .row {
		margin-bottom: 45px
	}

	#process-grid .left img {
		margin-left: -80px;
		width: 80%
	}

	#process-grid img {
		width: 80%
	}

	.navbar {
		padding: 15px 0
	}

	.navbar-expand-xl>.container,
	.navbar-expand-xl>.container-fluid {
		padding-left: 15px;
		padding-right: 15px
	}

	.owl-carousel .owl-nav button.owl-prev {
		left: -35px !important
	}

	.owl-carousel .owl-nav button.owl-next {
		right: -35px !important
	}

	.bg_text {
		font-size: 6rem;
		top: -48px;
	}

	.scroll-wrap {
		display: none
	}

	.navbar-nav .nav-link,
	p.hero {
		font-size: 16px
	}

	.navbar-dark .navbar-brand {
		width: 160px
	}

	a.number {
		font-size: 18px
	}



	#app-screen .app-detail h5 {
		font-size: 16px
	}

	#app-screen .app-detail p {
		line-height: 20px;
		font-size: 14px
	}

	#app-screen .app-detail h5:after,
	.app-detail h5:before {
		width: 16px;
		height: 16px
	}

	#app-screen .mobile-img img {
		width: 75%
	}

}

@media (max-width:991.98px) {
	.industries .dot-left .app-detail h5:before {
		display: none;
	}

	#services .card,
	#solutions-cards .card {
		min-height: 200px;
	}

	.boudle {
		height: 620px;
		position: relative;
		text-align: center
	}

	.boudle>div {
		position: absolute;
		bottom: 10px;
		left: 15%
	}

	.inner-case-img img {
		transform: none !important
	}

	.inner-case-img div[class*=col-]:first-child img {
		max-width: 400px
	}

	.inner-case-img div[class*=col-]:last-child img {
		max-width: 232px
	}

	.contact a.email:before {
		background: url(../images/contact/email-w.png) no-repeat center
	}

	.contact a.number:before {
		background: url(../images/contact/number-w.png) no-repeat center
	}

	.contact a.email,
	.contact a.number {
		color: #fff
	}

	.before-ntrc {
		display: none
	}

	.app-detail h5:after {
		display: none
	}

	.dot-left .app-detail h5:before {
		position: relative;
		left: 0;
	}

	.app-detail h5:before {
		content: "";
		margin: 30px auto 20px auto !important;
		display: block
	}

	.right img {
		margin-left: 50px
	}

	#process-grid .left img {
		margin-left: -50px
	}

	#process-grid .row {
		margin-bottom: 80px
	}

	#mySVG {
		margin-top: -36px
	}

	#process-grid.inner-content p.hero {
		line-height: 25px;
		margin-bottom: 0
	}

	.owl-slider-4 .slider-2-content {
		background-color: #fff;
		margin-bottom: -1px;
		padding-top: 50px;
		padding-bottom: 50px
	}

	.navbar-expand-lg>.container,
	.navbar-expand-lg>.container-fluid {
		padding-left: 15px;
		padding-right: 15px
	}

	.services-dots {
		left: 0;
		width: 100%
	}

	.bold,
	.light {
		font-size: 27px
	}

	.bold {
		font-size: 29px !important
	}

	#services .bold {
		font-size: 35px
	}

	#services .card-title {
		font-size: 16px
	}

	.contact-form .border-left {
		border-top: 1px solid #dee2e6 !important;
		border-left: 0
	}

	/* header .overlay {
		background: url(../images/header-bg-small.png) no-repeat top center;
		background-size: cover
	} */

	#solutions .owl-slider-3 {
		width: 300px;
		background-size: cover;
		min-height: auto;
		margin: 0 auto;
		height: 461px
	}

	.owl-carousel .owl-item img {
		padding: 0
	}

	.owl-slider-4 .img-wrap {
		height: 414px
	}

	.slider-2-content {
		margin-bottom: 25px
	}

	.app-detail.b-heading {
		margin: 20px 0
	}

	.contact nav.fixed-top {
		position: absolute
	}

}

@media(max-width:768px) {
	.main-packges-sec{
		padding: 30px 0px 60px 0px !important;
	}
	.single-pricing-body ul {
		list-style: none;
		padding: 0 0 0 100px !important;
	}
	img.gurantee {
		width: 70%;
		height: auto;
	}
	.offset-1{
		margin: 0 !important;
	}
	#process-grid .row .bold, #process-grid .row .light {
		margin: 15px 0 0 0;
	}
	.round-shape-bg:before {
		height: 770px;
	}
	#fp-nav ul, .fp-slidesNav ul {
		display: none;
	}
	.cas-box {
		position: relative;
		height: 406px;
		min-height: 88px;
	}
	.review-logo-row{
		justify-content: center;

	}
	h4.mobile_purpose {
		position: relative;
		top: 80px;
	}
	.col-md-4.offset-md-2.Margin_mobile.aos-init.aos-animate {
		margin: 30px 0 0 0;
	}
	.container-fluid {
		padding: 0 !important;
	}
	
	.inner_icons img {
		flex: 0 0 2px !important;
		margin: 3px !important;
	}
	#sidebar>ul>li:last-child a {
		font-size: 15px !important;
		padding-left: 60px;
		width: 100%;
		background: linear-gradient(to right, #2896fc 0, #365ced 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.inner_icons {
		margin: 40px 0 30px 0 !important;
	}
	.col-md-3.here-img a img {
		text-align: center;
		margin: 0 auto !important;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		image-rendering: revert;
		position: relative;
	}
	.w3-bar.w3-black.mb-3 {
		display: flex;
		flex-wrap: wrap !important;
	}
	
	.w3-bar.w3-black.mb-3 button.w3-bar-item.w3-button {
		flex: 0 0 290px !important;
	}
	.embed-responsive video {
        height: 121vh !important;
    }
    
    .content.text-center.mb-5 {
        margin: 0 0 160px 0 !important;
    }
 button.owl-next,button.owl-prev {
		display: none !important;
	}
	/* header .overlay {
		background: url(../images/header-bg.jpg) no-repeat top center;
		background-size: cover;
		position: relative;
		padding: 120px 20px
	} */

	header .overlay{
		height: 100%;
	}

	/* .embed-responsive video {
		display: none
	} */

	#services .bold {

    text-align: center;
}


.navbar-nav .nav-link, p.hero {
    font-size: 16px;
    text-align: center;
}



.case-studies-home .owl-carousel .owl-nav button.owl-prev {
    left: 20px !important;
    top: 27%;
}

.case-studies-home .owl-carousel .owl-nav button.owl-next {
    right: 20px !important;
    top: 27%;
}


.case-studies-home .section {
    height: auto;
}


.before-ntrc {
    
    display: none !important;
}

.case-studies-home .intro{

	text-align: center;
}


}

@media (max-width:767.98px) {
	.inner-content p.hero {
		line-height: 26px;
	}

	section.inner-content {
		padding: 70px 0;
	}

	#services .card,
	#solutions-cards .card {
		min-height: 230px;
	}

	.card-columns .card {
		min-height: 240px;
	}

	#blog .card {
		flex: 0 1 47%;
		margin: 0 auto 20px;
	}

	#solutions-cards .card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2
	}

	.half .inner-header {
		min-height: 600px
	}

	.icon-w-text .inner-heading {
		margin-top: 0
	}

	.icon-w-text {
		text-align: center
	}

	.icon-w-text img {
		margin: 0 auto
	}

	header .inner-header {
		text-align: center;
		max-height: 50vh;
		min-height: 600px
	}

	.boudle>div {
		left: 3%
	}

	.inner-case-img img {
		display: none
	}

	.inner-case .bounce {
		margin-top: 60px
	}

	#section4 {
		background-position: right center !important
	}

	.inner-content .bold {
		font-size: 27px
	}

	header .inner-header h1:first-child {
    padding: 50px 0 0 0;
}

header .inner-header {
    text-align: center;
    max-height: initial;
    min-height: inherit;
    height: auto;
    margin: 0 0 0;
}

.btn-gr {
    display: table;
    margin: auto;
}



	.inner-content p {
		line-height: 23px;
		font-size: 15px
	}

	.inner-heading {
		font-size: 23px;
		margin-top: 50px
	}

	.mb-res {
		margin-bottom: -100px
	}

	#mySVG {
		display: none
	}

	.before-ntrc {
		display: none
	}

	.inner-header .bounce {
		display: none
	}
/* 
	header .overlay {
		background: url(../images/header-bg.jpg) no-repeat top center;
		background-size: cover;
		position: relative;
		padding: 120px 20px
	} */

	/* .embed-responsive video {
		display: none
	} */

	#work .owl-carousel .owl-item img {
		width: 60%;
		margin: 50px auto 0
	}

	section {
		padding: 60px 0
	}

	.solutions-dots {
		width: 100%;
		right: 0
	}

	#about {
		height: auto;
		padding-top: 30px;
	}

	#solutions .owl-slider-3 {
		width: 400px;
		background-size: cover;
		min-height: auto;
		margin: 0 auto;
		height: 615px
	}

	.owl-carousel .owl-item img {
		width: 257px;
		padding: 17px 0
	}

	#platform .card .card-img {
		width: auto;
		height: auto
	}

	#platform .card .card-img img {
		width: 50%;
		margin: 10px 0 0 0
	}

	#platform .card .card-title {
		font-size: 13px
	}

	#app-screen .dot-right .app-detail h5:after {
		display: none
	}

	#app-screen .mobile-img {
		display: none
	}

	.e-books .col-md-4 img {
		margin-top: 68px
	}

	header.contact .inner-header.inner-bg .content {
		padding: 150px
	}

	header.contact .inner-header.inner-bg .lst-child .content {
		padding: 80px !important
	}
	.cntct-bnr-side-img img {
    width: 100%;
    position: relative;
    top: 20px;
	}

	.contact-bnr-sec {
	    height: auto;
	}

	.cntct-bnr-txt h1 {
	    text-align: center;
	    line-height: 30px;
	}

	.cntct-bnr-txt p {
	    text-align: center;
	}

	.cntct-bnr-logo {
	    text-align: center;
	}

	.form-lft-col {
	    padding: 20px 0px;
	}

	.form-lft-col h2 {
	    font-size: 20px;
	    line-height: normal;
	    text-align: center;
	}

	.form-lft-col h4 {
	    text-align: center;
	}

	.contactfrom {
	    padding-bottom: 0;
	}

	.contactfrom .offset-1.col-sm-6 {
	    margin: 0;
	}

	.speak-with a {
	    font-size: 15px;
	}

	.speak-with {
	    flex-wrap: wrap;
	    justify-content: center;
	}


}

@media (max-width:695px) {
	.contact .navbar>.container,
	.contact .navbar>.container-fluid {
		flex-wrap: wrap
	}

	.contact .navbar-brand,
	.contact .navbar-text {
		flex: 1 0 auto;
		text-align: center
	}

	.contact .navbar-text {
		margin-bottom: 10px
	}

}

@media (max-width:575.98px) {
	#services .card,
	#solutions-cards .card {
		max-width: 300px;
		margin: 0 auto;
		display: block;
	}

	ul.arrow {
		padding-left: 10px;
	}

	.contact-form > .row > div[class*="col"] {
		padding: 20px !important;
	}

	#solutions .owl-carousel .owl-item img {
		width: 192px;
		padding: 24px 0 0;
	}

	#solutions .solutions-slider {
		background-size: 291px;
	}

	.navbar-text {
		width: 50px;
		padding: 6px 10px;
	}

	.boudle>div {
		left: 0;
		width: 100%
	}

	.boudle>div img {
		max-width: 320px
	}

	footer {
		text-align: center
	}

	.boudle {
		height: 470px
	}

	.boudle>div {
		left: 0
	}

	header.contact .inner-header.inner-bg .content {
		padding: 150px 20px
	}

	header.contact .inner-header.inner-bg .lst-child .content {
		padding: 50px 20px !important
	}

	#process-grid img {
		margin-left: 50px !important;
		margin-bottom: 10px
	}

	.mb-res {
		margin-bottom: 0
	}

	/* header .overlay {
		background: url(../images/header-mobile.jpg) no-repeat top center;
		background-size: cover;
		position: relative;
		padding: 80px 0px;
		opacity: 1;
	} */

	/* .embed-responsive video {
		display: none
	} */

	.owl-carousel .owl-nav button.owl-prev {
		left: -10px !important
	}

	.owl-carousel .owl-nav button.owl-next {
		right: -10px !important
	}

	.navbar-dark .navbar-brand {
		width: 150px;
		margin: 0;
	}

	#services .card-columns,
	#solutions-cards .card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1
	}

	#work .owl-carousel .owl-item img {
		width: 80%;
		margin: 50px auto 0
	}

	#solutions .owl-slider-3 {
		width: 300px;
		background-size: cover;
		min-height: auto;
		margin: 0 auto;
		height: 461px
	}

	.owl-carousel .owl-item img {
		width: 60%;
		padding: 11px 0
	}

	#testimonials-grid .col-md-4 {
		margin-top: 40px
	}

	#testimonials-grid .left-q:before,
	.center-q:before,
	.right-q:before {
		width: 75px;
		top: -27px
	}

	#platform .card {
		flex: 0 1 calc(50% - 30px);
	}

	#advertising-start .ad-img img {
		width: 100%
	}

	#advertising .card h5.card-title {
		margin-top: 5%
	}

	#footer-bottom p,
	#footer-bottom p a {
		text-align: center
	}

}

@media only screen and (max-width:365px){
	.inner_icons {
		margin: 40px 0 30px -17px !important;
	}
}