@media screen and (max-width: 1440px) {

	.coll-text {
		width: 100%;
		text-align: center;
		min-height: 40vh;
		margin-top: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column wrap;
		outline: 2px solid rgba(230, 193, 29, 0.431);
		outline-offset: -15px;
	}

	.autoplay2 img {
		width: 400px;
		border-radius: 8px;
		-webkit-box-shadow: 0px 0px 44px -13px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 44px -13px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 44px -13px rgba(0,0,0,0.75);
	}
}

@media all and (max-width: 1024px) {

	header  {
		position: fixed;
		z-index: 9999999;
		top: 0;
		left: 0;
	}

	.sticky {
		position: absolute;
		top: 80px;
		width: 100%;
	}

	.remise {
		font-size: .65em;
		top: 85px;
	}

	nav {
		padding: 5px;
	}

	.burger {
		display: block;
		cursor: pointer;
		position: absolute;
		z-index: 9999;
		top: 30px;
		right: 20px;
		transition: all .3s ease;
	}

	.links {
		display: none;
	}

	.cta-btn {
		display: none;
	}

        .for-mobile {
                position: fixed;
                z-index: 100;
                top: 0;
                right: 0;
                transform: translateX(100%);
                height: 100vh;
                width: 60vw;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-flow: column wrap;
                background-color: white;
                transition: all .4s ease;
        }

        .present{
                transform: translateX(0%);
                -webkit-box-shadow: -7px 0px 19px -9px rgba(0,0,0,0.75);
                -moz-box-shadow: -7px 0px 19px -9px rgba(0,0,0,0.75);
                box-shadow: -7px 0px 19px -9px rgba(0,0,0,0.75);       
        }
        
        .toggle .line1 {
                transform: rotate(-45deg) translate(-5px,6px);
        }
        
        .toggle .line2 {
                opacity: 0;
        }
        
        .toggle .line3 {
                transform: rotate(45deg) translate(-5px,-6px);
        }

	.links2 {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column wrap;
		width: 100%;
		font-size: 1em;
	}

	.links2 a {
		margin: 30px auto;
		font-size: 1em;
	}

	#home {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column wrap;
		width: 100%;
		min-height: 80vh;
		position: relative;
		padding-top: 150px;
	}

	.home-main {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-flow: column wrap;
	}

	.img_1 {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column wrap;
	}

	.img_1 img {
		width: 100%;
	}
	
	.img_2 {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-flow: row wrap;
		margin: 20px auto;
	}

	.img_2 img {
		width: 48%;
		border-radius: 8px;
	}

	.top, .bottom {
		margin-top: 10px;
		padding: 0;
	}

	.left  {
		margin-left: 5px;
	}

	#collection {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 60vh;
		margin: 100px auto;
	}
	
	.main {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column wrap;
		background-color: rgba(163, 163, 163, 0.137);
		padding: 20px;
	}
	
	.main-text {
		width: 100%;
		text-align: left;
	}
	
	.main-text h2 {
		margin-bottom: 20px;
	}
	
	.main-text h3 {
		margin-bottom: 15px;
	}
	
	.main-text ul {
		margin: 20px;
	}
	
	.main-text li::marker {
		font-family: 'Font Awesome 5 Free';
		font-size: .9em;
		font-weight: 700;
		color: rgb(0, 14, 214);
		content: '\f054';
	}
	
	.main-text li {
		padding-left: 10px;
	}
	
	.dl-btns {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column wrap;
	}
	
	.dl-btns img {
		width: 200px;
		margin: 10px auto;
	}

	.cta-dl {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column wrap;
		margin: 20px auto;
	}
	
	.cta-dl img {
		width: 200px;
		margin-top: 10px;
	}
	
	.cta-dl a {
		margin: auto 10px;
	}

	.ct-form {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column wrap;
		margin-top: 60px;
		padding: 30px 20px;
		background-color: rgba(189, 189, 189, 0.404);
	}
	
	.form {
		width: 100%;
		border-right: 0;
	}
	
	.form h2 {
		color: rgb(230, 193, 29);
		margin-bottom: 10px;
	}
	
	.ct-form form {
		width: 100%;
		margin-bottom: 50px;
	}

	.autoplay2 img {
		width: 300px;
	}

	.big-img {
		padding: 0;
		width: 100%;
		height: auto;
		border-radius: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: row wrap;
		margin: 0;
	}

	.arrow1, .arrow2 {
		display: none;
	}

	.close {
		position: absolute;
		z-index: 9999999999999999;
		top: -50px;
		right: 0;
		color: rgb(206, 168, 0);
		text-align: center;
		font-size: 1.3em;
		padding: 3px 8px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background-color: rgb(230, 230, 230);
		cursor: pointer;
	}

	.page-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column wrap;
	}

	.page-btn button {
		order: 2;
		position: static;
		padding: 8px 20px;
		border: 2px solid transparent;
		background-color: black;
		cursor: pointer;
		color: white;
		font-weight: 600;
		font-size: 1em;
		text-transform: uppercase;
		transition: all .3s ease;
		margin: 10px auto;
	}
	
	.page-btn button:hover {
		background: transparent;
		border: 2px solid black;
		color: black;
	}
	
	.lefto {
		position: static;
	}

	.app-img {
		width: 100vw;
		height: 700px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		background-image: url('../img/iphone-app-1.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	#contact label {
		margin: 14px 0;
		width: 100%;
	}

	#contact input:focus + span, input:not(:placeholder-shown) + span {
		opacity:0;
		transform: scale(0.85) translateY(-45px) translateX(0px);
	}
	    
	#contact .obej input:focus + span, .obej input:not(:placeholder-shown) + span {
		opacity:0;
		transform: scale(0.85) translateY(-45px) translateX(0px);
	
	}
	    
	#contact textarea:focus + span, textarea:not(:placeholder-shown) + span {
		opacity:0;
		transform: scale(0.85) translateY(-45px) translateX(0px)
	}

	.coll-text h3 {
		width: 90%;
		margin-top: 30px;
		padding: 30px;
		background-color: rgba(163, 163, 163, 0.137);
		font-weight: 500;
	}

	.coll-text {
		min-height: 70vh;
		margin-top: 120px;
	}
}