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

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {    
	.product-banner .desc {
		position:absolute;
		top:10%;
		right:0;
		bottom:0;
		left:0;
	}
	.gravity .desc {
		position: absolute;
		top: auto;
		right: 0;
		bottom: 18%;
		left: 0;
	}
	.nostring:after {
		content: "";
		width: 2px;
		height: 400px;
		background-color: #CEFC4D;
		position: absolute;
		top: -55%;
		left: calc(43% - 1px);
		z-index: -1;
	}
		
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {    
	.floats .desc {
		position: absolute;
		right: 0;
		bottom: 16%;
		left: 0;
	}
	.swiper-3 .swiper-slide {
		padding-top:250px;
	}
	.swiper-3 .slider-text {
		position:absolute;
		top: 8%;
		left: 0;
		z-index: 1;
	}
	.swiper-3 .pear-wrapper .bg-pear {
		width: calc(100% + 100px);
		height: 400px;
		mix-blend-mode:multiply;
	}
	.swiper-3 .pear-wrapper .pear-desc {
		position:absolute;
		bottom: 4%;
		left: 12%;
	}
	.text-12 {
		font-size: 6rem;
		line-height:121px;
	}
	.geometry .desc {
		position: absolute;
		top: auto;
		right: 0;
		bottom: 5%;
		left: 0;
	}
	.free-text {
		font-size:8rem;
	}
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {     
	.swiper-1 .slider-title h1 {
		font-size: 85px;
	}
	.swiper-1 .slider-desc {
		font-size: 32px;
	}
	.py-xl-100 {
		padding-top:100px!important;
		padding-bottom:100px!important;
	}
	.py-xl-80 {
		padding-top:80px!important;
		padding-bottom:80px!important;
	}
	.mb-xl-100 {
		margin-bottom:100px!important;
	}
	.pb-xl-100 {
		padding-bottom:100px!important;
	}
	.text-12 {
		font-size: 8rem;
		line-height:121px;
	}
	.free-text {
		font-size: 8rem;
	}
	.free-float content {
		bottom:10%;
	}
	.floats .display-1 {
		font-size: 7rem;
	}
	.floats .desc .bg-pear .display-1 {
		line-height:7rem;
	}
	.floats .desc [class*=col-] > .display-1 {
		line-height: 7rem;
	}
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {     
	.mb-xxl-100 {
		margin-bottom:100px!important;
	}
	.free-float content {
		bottom: 30%;
	}
	.floats .display-1 {
		font-size: 12rem;
	}
	.floats .desc .bg-pear .display-1 {
		line-height:8rem;
	}
	.floats .desc [class*=col-] > .display-1 {
		line-height: 12rem;
	}
}

@media (min-width:1600px) {
	.nostring .display-1 {
		font-size:8rem;
		line-height:7rem;
	}
	.free-text {
		font-size:10rem;
		top: -55%;
	}
	
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width:1920px
	}
}







/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {     
	.gravity .play-icon {
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
	}
	.stream .bg-pear {
		height:150px;
		top:37%;
	}
	.stream {
		background-image:url(images/strem-bg-mobile-2.png);
	}
	.text-12 {
		font-size:3rem;
	}
	.countdown span {
		font-size:1rem;
	}
	.coming-soon .bg-pear {
		height: 78px;
	}
	.free-float content .free-text {
		top: -18px;
		left:10px;
	}
}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {     
	.showcase .swiper-wrapper:after {
		width:100%;
	}
	#video1 {
		height: 700px;
		width: unset;
		object-fit: cover;
	}
	.free-float content {
		bottom:20%;
	}
}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {     
	.floats .desc h1 {
		color:#00205C!important;
	}
	.stream {
		min-height:100vh;
	}
}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {     }

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {    
	.showcase .swiper-wrapper {
		background-color:#fff;
	}
}