/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1329px) {
	.footer.sect {
		text-align: center;
		padding-bottom: 30px;
	}
	.footer.sect .nav {
		padding-bottom: 0;
		margin-top: 30px;
	}
	.main.sect > .container .intro {
		margin-bottom: 60px;
	}
	.main.sect > .container .border {
		margin-bottom: 60px;
	}
	.main.sect > .container .marketplace {
		margin-top: 60px;
	}
	.header.sect .nav {
		position: fixed;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		text-align: center;
		background-color: #000;
		opacity: 0;
		visibility: hidden;
		padding: 30px 15px 30px;
	}
	.header.sect.active .nav {
		opacity: 1;
		visibility: visible;
	}
	.header.sect .nav ul {
		flex-direction: column;
		margin-top: -10px;
	}
	.header.sect .nav ul li {
		margin-left: 0;
		margin-top: 10px;
	}
	.header.sect .nav ul li::before {
		display: none;
	}
	.header.sect .nav .contacts {
		margin-top: 30px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.information.sect .icon {
		margin-left: 0;
		margin-top: 40px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.button {
		max-width: 320px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	p {
		font-size: 20px;
	}
	.intro {
		margin-bottom: 25px;
	}
	.intro .caption {
		font-size: 40px;
	}
	ul.ul li {
		font-size: 20px;
		margin-top: 10px;
		line-height: 0.7;
	}
	ul.ul li::before {
		top: 1px;
	}
	.information.sect {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.about.sect {
		padding-top: 100px;
		padding-bottom: 120px;
	}
	.about.sect .items {
		margin-top: 5px;
	}
	.about.sect .item {
		margin-top: 15px;
	}
	.about.sect .img {
		margin-top: 20px;
	}
	.features.sect {
		padding-top: 75px;
		padding-bottom: 50px;
	}
	.features.sect .item .caption,
	.subcaption {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.features.sect .item .img {
		margin-bottom: 20px;
	}
	.videos.sect {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.videos.sect .item {
		margin-top: 20px;
	}
	.catalog.sect {
		padding-top: 100px;
		padding-bottom: 75px;
	}
	.catalog.sect .bottom {
		margin-top: 60px;
	}
	.catalog.sect .bottom .items {
		margin-top: -10px;
	}
	.footer.sect {
		padding-top: 60px;
	}
	.footer.sect .logo {
		font-size: 52px;
	}
	.footer.sect .nav ul li {
		font-size: 12px;
		margin-left: 15px;
	}
	.footer.sect .nav ul li::before {
		left: -8px;
	}
	.main.main2.sect {
		padding-bottom: 80px;
	}
	.main.sect > .container .intro {
		margin-bottom: 45px;
	}
	.main.sect > .container .intro .caption {
		font-size: 42px;
	}
	.main.sect > .container .border {
		margin-bottom: 45px;
	}
	.main.sect > .container .marketplace {
		margin-top: 30px;
	}
	.main.sect > .container .marketplace .items {
		margin-top: -20px;
	}
	.main.sect > .container .marketplace .item {
		margin-top: 20px;
	}
	.header.sect {
		padding-top: 50px;
	}
	.header.sect .logo {
		font-size: 40px;
		margin-top: 0;
	}
}

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

}

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

}

/*==========  Mobile First Method  ==========*/

@media only screen and (min-width : 576px) {  

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {	 

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1330px) {
	.container {
		max-width: 1310px;
	}
	.about.sect {
		min-height: 825px;
	}
	.videos.sect {
		min-height: 1244px;
	}
}