/*************Responsive Styles*****************/
@media screen and ( max-width: 1650px ){
	.stream-pattern img {
	    position: absolute;
	    bottom: -70px;
	    right: -8px;
	}
	.blog-right-box, .choose-why-text-box, .blog-left-box{
		display: none;
	}
	.remove-bg{
		background-image: none !important;
	}
	.single-blog-icons{
		display: none;
	}
}

@media screen and ( max-width: 1550px ){
	.blue-box, .ai-box, .faq-box{
		display: none;
	}
}

@media screen and ( max-width: 1650px ) and ( min-width: 1366px ){
	.reduce-margin-1{
		margin-top: 270px !important;
		margin-bottom: 230px !important;
	}
	.reduce-margin-2{
		padding-top: 230px !important;
		padding-bottom: 200px !important;
	}
}

@media screen and ( max-width: 1400px ){
	.abt-right-dot{
		display: none !important;
	}
}

/*******************************************/
@media screen and ( max-width: 1250px ){
	.nav-link span{
		font-size: 14px !important;
	}
	.main-header .navbar-brand img {
	    max-width: 200px;
	    width: 100%;
	}
	#navbarSupportedContent li {
	    margin: 0px 10px;
	}
	li.resource-drop {
	    margin-right: 25px !important;
	}
	.features-row {
	    column-gap: 40px;
	    row-gap: 40px;
	}
	.features-row .features-wrap {
 	   flex: 0 0 30.5%;
	}
	.footer-top .application-content-col h3, .features-appstore-col .application-content-col h3{
		font-size: 17px;
		line-height: 27px;
	}
	.footer-top .application-content-col p, .features-appstore-col .application-content-col p{
		font-size: 10px;
		line-height: 16px;
	}
	.application-icon-col{
		flex: 0 0 25px;
	}
	.step-number::after{
		display: none !important;
	}
	.features-row.std-features-row{
		display: grid !important;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 20px;
	}
	.plan-name{
		font-size: 18px;
		line-height: 28px;
	}
	.plan-price{
		font-size: 45px;
		line-height: 55px;
	}
	.premium-plus-plan .plan-price{
		font-size: 35px;
		line-height: 45px;
	}
	.premium-plus-plan .plan-price span{
		font-size: 27px;
		line-height: 37px;
	}
	.plan-button button{
		font-size: 14px;
		line-height: 16px;
		padding: 12.5px;
	}
	.plan-button{
		padding: 0px;
	}
	.plan-includes ul li{
		gap: 10px;
	}
	.pricing-plan{
		padding: 10px !important;
	}
	.blog-full-page-view {
	    grid-template-columns: 60% 1fr;
	    column-gap: 10px;
	}
	.blog-container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.application-store-col-footer .application-widget{
		margin-bottom: 0px;
	}
	.footer-top{
		padding-bottom: 100px;
	}
	.slider-container{
		column-gap: 20px;
	}
	.pos-abs{
		opacity: 0.4;
	}
}


@media screen and ( max-width: 1200px ){
	.slider-container{
		flex-direction: column;
		row-gap: 30px;
	}
	.youtube-thumbnail-col, .youtube-video-col{
		max-width: 100%;
	}
	.thumbnail.slick-slide{
		margin:0 15px;
	}
	.thumbnail-panel .slick-list.draggable{
		margin: 0 -15px;
	}
}

@media screen and ( max-width: 1150px ){
	.features-inner .features-content{
		min-height:285px !important;
	}
}


@media screen and ( max-width: 1024px ){
	.nav-link span {
	    font-size: 13px !important;
	}
	.features-row .features-wrap {
	    flex: 0 0 47%;
	}
	.features-content{
		min-height: 225px;
	}
	.premium-content-sec p{
		padding-right: 0px !important;
	}
	.highlighted-pricing-plan, .pricing-plan{
		width: 48% !important;
	}
	.pricing-plans{
		flex-wrap: wrap;
	}
	.pricing-plan{
		margin: 0px;
	}
	.blog-full-page-view{
		grid-template-columns: 55% 1fr;
	}
	.blog-header-section h1{
		font-size: 55px;
		line-height: 60px;
	}
	
}


@media screen and ( min-width: 992px ){
	.navbar{
		justify-content: space-between !important;
	}
	/*#navbarSupportedContent{
		margin-top: -21px;
	}*/
}

/**************iPad Landscape***************/
@media screen and ( max-width: 991px ){
	#navbarSupportedContent .navbar-nav{
		position: absolute;
		top: 0%;
		left: 0%;
		background-color: var(--color8);
	    width: 85%;
	    transition: 0s;
	    padding: 40px 15px;
	    z-index: 50;
	    height: 100vh;
	}
	.noscroll{
		overflow: hidden;
	}
	.sec-navbar .navbar-nav{
		height: 100vh;
		padding-bottom: 40px !important;
		justify-content: end;
		background-color: var(--color8) !important;
	}
	.dropdown-menu{
		display: flex;
		flex-direction: column;
		background-color: var(--color5);
		border: 0px;
		margin-left: 20px;
		padding: 0px;
	}
	.navbar-brand{
		margin: 0%;
		padding: 0px;
	}
	#navbarSupportedContent li {
	    margin: 10px 0px;
	}
	footer .row div:nth-child(1),
	footer .row div:nth-child(1){
		margin-bottom: 30px;
	}
	#navbarSupportedContent li .nav-link {
	    margin: 10px 0px;
	}
	.dropdown-toggle::after{
		display: none;
	}
	.navbar{
		height: 160px !important;
		display: block;
	}
	.each-premium-features{
		column-gap: 25px;
	}
	.premium-content-sec p{
		padding-left: 20px;
	}
	.management-left-col img {
	    position: relative;
	    left: 20px;
	    top: -50px;
	}
	.top-menu-section{
		margin-bottom: 30px !important;
	}
	.footer-mailchimp {
	    flex: 0 0 60%;
	}
	.footer-top {
	    padding-top: 90px;
	    padding-bottom: 70px;
	}
	.bottom-footer-sec {
	    margin-top: 80px;
	}
	.bottom-footer-sec{
		flex-wrap: wrap;
	}
	.fixed-social-media-icons{
		display: none !important;
	}
	.each-premium-features{
		margin-bottom: 50px;
	}
	.premium-content-sec p{
		padding-left: 0px !important;
	}
	.elementor-accordion-title{
		font-size: 15px !important;
		line-height: 25px !important;
	}
	.each-blogs .blog-image, .blog-single-image{
		height: auto !important;
	}
	.blog-search-page h3.title a{
		font-size: 18px;
		line-height: 28px;
	}
	.next-blog, .prev-blog{
		flex-direction: column !important;
		row-gap: 20px;
		border: none;
	}
	.blog-thumbnail{
		flex: 0 0 40px;
		width: 100px;
	}
	.login a, .register a {
	    margin-right: 0px !important;
	}
	.login::after, .register::after{
		display: none !important;
	}
	.register{
		margin-left: 0px !important;
	}
	#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link {
	    padding-left: 10% !important;
	}
	li.menu-before::before{
		display: none !important;
	}
	.register, .login{
		display: block !important;
		height: auto !important;
		border:none;
	}
	.management-right-col-btn a{
		width: 195px !important;
		height: 55px !important;
		font-size: 15px !important;
	}
	.footer-logo-sec{
		width: 30%;
	}
	.footer-logo-sec img{
		width: 100%;
	}
	.navbar {
	    height: 110px !important;
	}
	button#responsive-menu-button{
		width: 35px !important;
		height: 35px !important;
	}
	.video-iframe {
	    height: 450px;
	}
	header .navbar-brand {
	    margin-top: -50px !important;
	}
	.main-header .scrolled.navbar .navbar-brand img {
	    max-width: 180px;
	}
	#responsive-menu-container #responsive-menu li.responsive-menu-item a {
	    padding: 0 15px !important;
	}
	.features-inner .features-content {
	    min-height: 220px !important;
	}

}
/*******************************************/

/*************************iPad Portrait***************/
@media screen and (max-width: 985px){
	.slider-container{
		column-gap: 25px;
	}
	.app-options{
		flex: 0 0 100%;
	}
	.bottom-footer-sec{
		justify-content: flex-start;
		column-gap: 130px;
		row-gap: 40px;
	}
	.information-menu {
	     margin-left: 0px; 
	}
}
/*******************************************/
@media screen and (max-width: 880px){
	.features-row.std-features-row{
		grid-template-columns: 1fr 1fr;
		column-gap: 25px;
	}
	.blog-header-section h1{
		font-size: 45px;
		line-height: 55px;
	}
	.video-iframe{
		height: 350px;
	}
	.premium-features-row .each-premium-features:last-child {
	    margin-bottom: 50px !important;
	}
	.blog-full-page-view {
	    grid-template-columns: 52% 1fr;
	}
}

@media screen and (max-width: 768px){
	.blog-full-page-view.single-page-view{
		grid-template-columns: 1fr;
    	row-gap: 50px;
	}
	.blog-navigation{
		margin-bottom: 4px;
	}
	.blog-single-page {
	    padding-top: 180px;
	}
	.features-content {
	    min-height: auto;
	}
}

/**********************iPhone Landscape*************/
@media screen and (max-width: 767px){
	footer .row >div{
		margin-bottom: 30px;
	}
	.application-store-col ul li{
		display: none;
	}
	.application-store-col ul li:last-child{
		display: block !important;
	}
	.features-row {
	    column-gap: 25px;
	    row-gap: 25px;
	}
	.premium-image {
	    flex: 0 0 50%;
	}
	
	.footer-logo-sec img{
		width: 100%;
	}
	.each-step {
	    flex: 0 0 400px;
	}
	.company-journey{
		margin-bottom: 60px;
	}
	.step-number h2{
		font-size: 150px;
		line-height: 160px ;
	}
	.each-step-and-count {
	    flex: 0 0 62%;
	}
	.stream-pattern img{
		display: none !important;
	}
	.blog-full-page-view{
		grid-template-columns: 1fr;
		row-gap: 50px;
	}
	.is-search-form{
		justify-content: flex-start;
		column-gap: 15px;
	}
	.blog-header-section h1{
		font-size: 40px;
		line-height: 50px;
	}
	.blog-search-page {
    	margin-top: 230px;
    	margin-bottom: 70px;
    }
    .blog-navigation{
    	margin-bottom: 20px;
    }
    .absolute-pattern{
    	display: none;
    }
    .privacy-policy.page-template-default  .single-page{
    	padding-top: 170px !important;
    	padding-bottom: 40px !important;
    }
    .single-page-view{
    	padding-bottom: 50px !important;
    }
    .pricing-banner-dots{
    	display: none;
    }
    .blog-full-page-view{
    	margin-bottom: 40px;
    }
    .close-btn{
    	top: 50px;
    	width: 25px !important;
    	height: 25px !important;
    }
}

@media screen and (max-width: 650px){
	.features-row .features-wrap {
	    flex: 0 0 100%;
	}
	.management-left-col img {
	    position: relative;
	    left: 0;
	    top: -60px;
	}
	.each-premium-features ,.each-premium-features.feature-right{
		flex-direction: column !important;
		row-gap: 30px;
	}
	.thumbnail-panel .thumbnail img{
		height: 90px;
	}
	.navbar {
	    height: 110px !important;
	}
	.footer-mailchimp{
		width: 100%;
	}
	.top-footer-sec{
		flex-direction: column;
		row-gap: 30px;
	}
	.footer-logo-sec{
		width: 50%;
	}
	.each-step-and-count {
	    flex: 0 0 73%;
	}
	.each-step-and-count{
		column-gap: 4px;
	}
	.company-journey {
	    margin-bottom: 120px;
	}
	.premium-content-sec h3{
		max-width: 100%;
	}
	.each-premium-features, .each-premium-features.feature-right{
		row-gap: 6px;
	}
	.premium-content-sec h3{
		font-size: 17px;
		padding-left: 15px !important;
	}
	.features-inner h3{
		font-size: 15px;
		line-height: 25px;
	}
	.bottom-footer-sec{
		margin-top: 40px;
	}
	.video-iframe {
	    height: 260px;
	}
	.features-inner .features-content {
	    min-height: auto !important;
	}
}

@media screen and (max-width: 575px){
	.blog h2{
		margin-top: 15px;
	}
	.each-step {
	    flex: 0 0 300px;
	}
	.stream-line-image img{
		width: 100% !important;
	}
	.stream-line-full{
		padding-bottom: 60px !important;
	}
	.features-row.std-features-row{
		column-gap: 15px;
	}
	.features-row.std-features-row {
		grid-template-columns: 1fr;
	}
	.highlighted-pricing-plan, .pricing-plan {
	    width: 100% !important;
	}
	.error{
		margin-top: 160px;
		margin-bottom: 30px;
	}
	.error{
		font-size: 28px;
		line-height: normal;
	}
	.blog-single-content ul {
	    padding-left: 20px;
	}
	.footer-bottom-inner{
		flex-direction: column;
	}
	.application-store-col-footer .application-widget{
		grid-template-columns: 180px;
		row-gap: 12px;
	}
	.about-buttons .e-con-inner {
	    flex-direction: column !important;
	    row-gap: 13px !important;
	}
	.about-buttons .e-con-inner .elementor-widget-container{
		margin-left: 0px !important;
	}
	.home-btn .e-con-inner{
		flex-direction: column !important;
	}
	.home-btn .e-con-inner .elementor-widget-container{
		margin-left: 0px !important;
	}
	.sales-btn{
		margin-top: 15px !important;
	}
	
}

@media screen and (max-height:550px){
	.black-screen .npf_wgts{
		height: 310px !important;
		overflow: scroll;
	}
}
/*******************************************/

/***************iPhone Portrait**************/
@media screen and (max-width: 479px){
	.about-buttons .e-con-inner{
		flex-direction: column !important;
		row-gap: 13px !important;
	}
	.contact-right-btn .elementor-widget-container{
		margin-left: 0px !important;
	}
	.journey-cont-sec{
		padding: 23px 7px 7px 15px;
	}
	.step-number{
		flex: 0 0 100px;
	}
	.step-number h2 {
	    font-size: 90px;
	    line-height: 100px;
	}
	.each-step-and-count {
	    flex: 0 0 75%;
	}
	.blog-info{
		display: none;
	}
	.blog-single-content ul {
	    padding-left: 10px;
	}
	.application-widget{
		flex-direction: column !important;
		align-items: baseline;
		row-gap: 20px;
	}
	.application-widget a{
		width: 235px !important;
	}
	.thumbnail-panel .thumbnail img{
		height: 180px;
	}
	.video-iframe {
	    height: 225px;
	}
	.main-header .scrolled.navbar .navbar-brand img {
	    max-width: 140px;
	}
	header .navbar-brand {
	    margin-top: -30px !important;
	}
}
/*******************************************/


@media screen and (max-width: 420px){
	.step-number{
		position: absolute !important;
		width: 50px;
		background-color: #000;
		border-radius: 20px 0px 20px 0px;
	}
	.step-number h2 {
	    font-size: 40px;
	    line-height: 50px;
	}
	.each-step {
	    flex: 0 0 100%;
	}
	.each-step-and-count {
	    flex: 0 0 100%;
	}
	.journey-right .step-number{
		border-radius: 0px 20px 0px 20px;
	}
	.company-journey {
	    margin-bottom: 100px;
	}
	.is-search-form label{
		flex: 0 0 55%;
	}
	.date-author{
		flex-direction: column;
		row-gap: 15px;
		align-items: baseline;
	}
	.footer-top .mailchimp-form p.mailform-email {
	    flex: 0 0 67%;
	}
	.video-iframe {
	    height: 190px;
	}
}