@media screen and (max-width: 376px) {
	.navbar-brand {margin-right: 5px;width: 200px;}
	.navbar-brand img{width: 100%;}
	.banner-wrapper{height: calc(100vh - 86px);}
}

@media screen and (max-width: 576px) {
	.shape-left{background-size: 100%;background-position: left center;top: 15%;width: 100%;height: 100%;}
	.resources-link-text-big{font-size: 18px;}
	.resources-link-text-small{font-size: 14px;}
}

@media screen and (max-width: 767px) {
	section, .about-wrapper, .features-wrapper{height: auto;}
	.shape-left{background-size: 100%;background-position: left center;top: 15%;width: 60%;height: 50%;}
	
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {padding-right: 15px;padding-left: 15px;}
	#banner-slider .carousel-item .carousel-caption h3{color:#7a7e8a;font-size:140%;}
	#banner-slider .carousel-item .carousel-caption p{color:#262525;font-size:120%;}
	#banner-slider .carousel-item .carousel-caption{padding: 100px 0 40px;bottom: unset;}
	.shape-right{width: 30%;height: 40%;background-position: 0 100%;}
	#banner-slider .carousel-item img{width: 80%;}
	#banner-slider .carousel-item .carousel-caption{position: relative;}
	#banner-slider .carousel-item{padding-top: 31px!important;height: auto;}
	.about-intro-text, .about-product-desc{padding-bottom: 20px;}
	.about-intro-text{font-size: 150%!important;font-weight: 500;text-align: left;}
	.about-wrapper{height: auto;}
	.screenshot-box{padding-top: 20px;}
	.about-logo-box{justify-content: space-around;}
	.about-logo-box img{max-width: 100%;padding: 0 10px;}
	.benefits-img{display: none;}
	.benefits-list li{width: 100%;align-items: center;}
	.list-icon{width: 80px;}
	.list-icon img{width: 50px;}
	.resources-box {flex-direction: column;}
	.resources-col-first, .resources-col-second{width: 100%;border-radius: 0;}
	.resources-col-first img, .resources-col-second img{width: 100%;}
	.resources-col-second-col-second{border-radius: 0;}
	.lets-start-box .nav-tabs .nav-link{padding: 10px;}
    .letstart-form {flex-direction: column;}
    .letstart-form-left, .letstart-form-right {width: 100%;margin-right: 0px;}
	.letstart-form textarea.form-control {height: auto;}
	.common-title, .common-title-blue{font-size: 24px;font-weight: 500;}
	.benefits-list{height: auto;overflow: visible;}
	.brand-img img{filter: grayscale(0%)!important;opacity: 1!important;}
	.brand-img img{margin:0 auto;width: 120px;}
	.testimonials-item-container, .client-img img {border-radius: 0;}
	.tab-left{display: none;}
	.services-tab-view .tab-content{width: 100%;padding-left: 0;padding-right: 0;}
	.office-azure-content .container{margin: 0;}
	.tab-margin{background-color: #f6f8fc;border-radius: 0 0 20px 20px}
	.parent-tabs{position: relative;width: auto;left: 0;top:0;border-radius: 20px 20px 0 0;}
	.office365-content-title{font-size: 18px;}
}

@media screen and (min-width: 768px) and (max-width: 991px)  {
	.container{max-width: 100%;}
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {padding-right: 15px;padding-left: 15px;}
	.shape-left{background-size: 100%;background-position: left center;width: 60%;height: 100%;top: 15%;}
	.shape-right{width: 30%;height: 40%;background-position: 0 100%;}
	.resources-box {flex-direction: column;}
	.resources-col-first, .resources-col-second{width: 100%;border-radius: 0;}
	.resources-col-first img, .resources-col-second img{width: 100%;}
	.resources-col-second-col-second{border-radius: 0;}
	.brand-img img{margin:0 auto;width: 150px;}
}

@media screen and (min-width: 992px) and (max-width: 1023px)  {
	.shape-left{background-size: 100%;background-position: left center;width: 50%;height: 100%;top: 15%;}
	.shape-right{width: 30%;height: 40%;background-position: 0 100%;}

}

@media screen and (min-width: 992px) and (max-width: 1080px)  {
	.navbar-expand-lg .navbar-nav .nav-link{padding: 10px 15px;}
}

@media screen and (max-width: 1199px) {
	.container{max-width: 100%;}

}

@media screen and (min-width: 1024px) and (max-width: 1279px)  {
 	.shape-left{background-size: 100%;background-position: left center;width: 50%;height: 100%;top: 15%;}
	.shape-right{width: 50%;height: 50%;background-position: 0 100%;}
}

@media screen and (max-width: 1279px){
	.cube-bottom{left: 30%;}
	#banner-slider .carousel-item{padding-top: 150px;}
	.about-intro-text{font-size: 200%;}
	.about-heading{font-size: 150%;}
	.about-product-desc{font-size: 120%;}
}

@media screen and (min-width: 1280px) and (max-width: 1439px)  {
	.shape-left{background-position: 10% 80%;}
	.shape-right{width: 50%;height: 50%;background-position: 0 100%;}
}
@media screen and (max-width: 1340px){
	.contact-wrapper::after{
		display: none;
	}
}
@media screen and (max-width: 1440px){
	.benefits-img img{max-width: 100%;}
}

@media screen and (min-width: 1440px) and (max-width: 1648px)  {
	.shape-left{background-position: 40% 80%;}
	.shape-right{background-position: 40% 80%;}
}
