/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1400px){
.textpart h2,.textsliderpart h2, .videotextpart h4 {
font-size: 35px;
line-height: 50px;
}
.list h3, .list-slide h3 {
font-size: 22px;
line-height: 26px;
}
.textsliderpart {
padding: 0px 50px 0px 50px;
}
.videotextpart{
padding: 50px;
}
.video-list h5 {
font-size: 20px;
}
#valueforcusomers, #nowpossible{
padding: 40px 0px;
height: 80vh;
}
.carousel-indicators{
margin-left: 1.8%;
}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px){
.carousel-item, .banner-content, #banner {
	height: 80vh;
}
.yellow-btn {
height: 45px;
width: 160px;
font-size: 20px;
line-height: 45px;
}
.banner-content h1{
font-size: 40px;
line-height: 50px;
}
.banner-content p {
font-size: 20px;
line-height: 30px;
max-width: 429px;
}
.carousel-indicators{
margin-left: 1.8%;
}
.textpart{
padding: 0px 25px;
}
.textpart h2,.textsliderpart h2, .videotextpart h4 {
font-size: 30px;
line-height: 40px;
}
.list h3, .list-slide h3 {
font-size: 20px;
line-height: 24px;
}
#valueforcusomers{
height: 70vh;
padding: 50px 0px;
}
.textsliderpart {
padding: 0px 25px;
}
.list-slide{
padding-right: 0px;
}
.imagesliderpart{
max-height: 456px;
}
#nowpossible{
height:	75vh;
}
.videopart{
height: 480px;
padding: 30px;
}
.videotextpart{
padding: 20px;
}
.video-list h5{
font-size: 20px;
line-height: 29px;
}
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px){
#banner .carousel-item, .banner-content, #banner {
height: 100vh;
}
.yellow-btn, .login a.yellow-btn, .signup-footer .yellow-btn {
height: 40px;
width: 120px;
font-size: 16px;
line-height: 40px;
}
.banner-content h1{
font-size: 30px;
line-height: 40px;
}
.banner-content p {
font-size: 17px;
line-height: 23px;
max-width: 359px;
}
.carousel-indicators{
margin-left: 1.8%;
bottom: 20%;
}
.imagepart,.textpart, .textsliderpart, .imagesliderpart{
width: 100%;
max-width: 100%;
}
.outer{
flex-direction: column;
}
.imagesliderpart .carousel-indicators {
bottom: 30px;
margin: 0px auto;
right: 0px;
}
.imagesliderpart .carousel-indicators li {
background-color: #fff;
}
.textpart{
padding: 30px 25px;
}
.textpart h2,.textsliderpart h2, .videotextpart h4 {
font-size: 30px;
line-height: 40px;
}
.list h3, .list-slide h3 {
font-size: 20px;
line-height: 24px;
}
#valueforcusomers{
height: 100%;
padding: 0px;
}
.textsliderpart {
padding: 30px 25px;
}
.list-slide{
padding-right: 0px;
}
.imagesliderpart{
max-height: 100%;
}
#nowpossible{
height:	100%;
padding: 0px;
}
#getstratednow .outer{
flex-direction: column-reverse;
}
.videopart {
height: auto;
padding: 30px;
width: 100%;
}
.videotextpart{
padding: 30px 20px;
width: 100%;
}
.video-list h5{
font-size: 20px;
line-height: 29px;
}
#valueforcusomers .outer{
flex-direction: column-reverse;
}
.signup-footer h6, .contact h6 {
font-size: 18px;
}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 320px) and (max-width: 767px){

#banner .carousel-item, .banner-content, #banner {
height: 100vh;
}
.yellow-btn, .login a.yellow-btn, .signup-footer .yellow-btn {
height: 40px;
width: 120px;
font-size: 16px;
line-height: 40px;
}
.banner-content h1{
font-size: 30px;
line-height: 40px;
}
.banner-content p {
font-size: 17px;
line-height: 23px;
max-width: 359px;
}
.carousel-indicators{
margin-left: 1.8%;
bottom: 20%;
}
.imagepart,.textpart, .textsliderpart, .imagesliderpart{
width: 100%;
max-width: 100%;
}
.outer{
flex-direction: column;
}
.imagesliderpart .carousel-indicators {
bottom: 30px;
margin: 0px auto;
right: 0px;
}
.imagesliderpart .carousel-indicators li {
background-color: #fff;
}
.textpart{
padding: 30px 25px;
}
.textpart h2,.textsliderpart h2, .videotextpart h4 {
font-size: 30px;
line-height: 40px;
}
.list h3, .list-slide h3 {
font-size: 20px;
line-height: 24px;
}
#valueforcusomers{
height: 100%;
padding: 0px;
}
.textsliderpart {
padding: 30px 25px;
}
.list-slide{
padding-right: 0px;
}
.imagesliderpart{
max-height: 100%;
}
#nowpossible{
height:	100%;
padding: 0px;
}
#getstratednow .outer{
flex-direction: column-reverse;
}
.videopart {
height: auto;
padding: 30px;
width: 100%;
}
.videotextpart{
padding: 30px 20px;
width: 100%;
}
.video-list h5{
font-size: 20px;
line-height: 29px;
}
#valueforcusomers .outer{
flex-direction: column-reverse;
}
.signup-footer h6, .contact h6 {
font-size: 18px;
}
#footer{
	height: 100%;
}
.signup-footer{
	margin-top: 30px;
}
.login a.profile span{
	display: none;
}
.nav-link{
	display: none;
}
.logo img{
	width: 160px;
}
 .login a.yellow-btn{
 	width: 100px;
 }
 .login a.profile{
 	margin-right: 10px;
 }
 #menu{
 	padding: 20px 0px;
 }
}
/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
@media (min-width: 0px) and (max-width: 575px){
	#banner-1 {
		background:url('../../index/images/mobile-banner-1.png') !important;
	}
	#banner-2 {
		background:url('../../index/images/mobile-banner-2.png') !important;
	}
	#banner-3 {
		background:url('../../index/images/mobile-banner-2.jpg') !important;
	}
	/* #banner-5 {
		background:url('../../index/images/mobile-banner-4.jpg') !important;
	} */
	
}

@media (max-height: 600px) {
	#banner .carousel-item, .banner-content, #banner {
		height: 100vh !important;
	}

	.navbar.navbar-expand-sm.navbar-dark {
		padding-top: 10px !important;
	}
}