@media only screen and (min-width : 0px) and (max-width : 991px) {

	.mobile-menu{
		display: flex;
		align-items:  center;
	}

	.menu-toggle-button{
		position: absolute;
		right: 0px;
	}

	.logo a{
		font-size: 2vh;
	}

	.menu{
		position: absolute;
		top: 0px;
		left:  -50vw;
		margin-left: 0px;	
		margin-top: 0px;
		background-color: #343a40;				
		padding: 0px;
		display: none;
		z-index: 10000;
		width: 200vw;
	}

	.menu ul{
		display: block;
		padding: 15px;
		height: auto;
	}

	.menu li{
		width: 100%;
		text-align: center;
		margin: 15px 0px;
	}

	.icons{
		flex: 0 0 33%;
		max-width: 33%;
	}

	.item{
		flex:  0 0 100%;
		max-width: 500px;
	}	

	.circles{
		display: none;
	}	

	.content-block__subheader{
		position: relative;
		flex:  0 0 auto;
		max-width: 100%;
		padding: 0px 30px;
		left: 0px;
		top:  0px;
	}

	.content-block{
		flex-wrap: wrap;
	}

	.content-block__subheader h2{
		font-size: 8vw;
	}

	.content-wrap--items{
		padding-top: 30px;
	}

	.content-wrap--items .item:nth-child(1), .content-wrap--items .item:nth-child(3){
		margin-top: 0px;
	}

	.item{
		margin-bottom: 30px;
		background-position-x:  0px;
	}

	.content-wrap{
		padding-bottom: 70px;
	}

	.copy span{
		font-size: 12px;
	}

	

	.subheader h2{
		font-size: 10vw;
	}

	

	.nav-item{
		flex:  0 0 100%;
		max-width: 100%;
	}

	.nav-tabs{
		padding: 0px 15px;
		margin-left: 15px;
	}

	.nav-tabs .nav-link{
		line-height: 60px;
		font-size: 20px;
		padding: 0px 12px 0px 40px;
	}

	.nav-tabs .nav-item{
		height: 60px;
		margin-bottom: 10px;
	}

	.nav-item .logobox{
		width: 60px;
		height: 60px;
	}

	.nav-item .logobox{
		left:  -20px;
	}

	.nav-item .logobox img{
		width: 80%;
		height: auto;
	}

	.card{
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 30px;
	}

	.subheader{
		margin-bottom: 20px;
	}

	.inpt{
		font-size: 14px;
	}

}

@media only screen and (min-width : 0px) and (max-width : 767px) {

	.info-block__btn{
		width: 80%;
		margin: 20px auto 10px;
	}

	.info-block__btn a{
		width: 100%;
	}

	.info-block__desc span{
		font-size: 18px;
		margin-left: 10px;
	}

	.content-block__image{
		margin-left: 12vw;
		margin-top: 0px;
	}

	.content-block__image--main{
		width: 61vw;
		max-width: 400px;
	}

	.content-block__header {
	    margin-left: -23vw;
	    margin-top: -4.2vw;
	}

	.content-block__header h1{
		font-size: 10vw;
	}

	.content-block__image--decor {
	    left: -17.5vw;
	    width: 45vw;
	}

	.content-block__play{
		margin-left: 19vw;
	}

	.content-block__play a{
		width: 20.5vw;
		height: 20.5vw;
		max-width: 157px;
	}

	.content-block__play span{
		font-size: 7vw;
	}


}


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

	.subheader h2{
		font-size: 7vw;
	}
}

@media only screen and (min-width : 768px) and (max-width : 991px) {

	.info-block{
		flex-wrap: nowrap;
	}

	.info-block__desc{
		padding-right: 60px;
	}

	.content-block__image--main {
    	width: 74vw;
	}

	.content-block__image--decor {
	    left: -22.5vw;
	    width: 58vw;
	}

	.content-block__play {
    	margin-left: 15vw;
    	bottom: -2vw;
	}

	.content-block__play a {
    	width: 24.5vw;
    	height: 24.5vw;
	}

	.content-block__play span {
    	font-size: 9vw;
	}

	.content-block__header {
	    margin-left: 41vw;
	    margin-top: -104.2vw;
	}

	.content-block__header h1 {
    	font-size: 12vw;
	}

	.man{
		left: -16vw;
	}

	.copy span {
    	font-size: 15px;
	}

	.icons{
		flex: 0 0 20%;
		max-width: 20%;
	}

	.copy span {
    	font-size: 18px;
	}

	.card .cena{
		font-size: 40px;
	}

	.card .cost{
		font-size: 30px;
	}

	.card .kup{
		font-size: 36px;
	}

	.nav-tabs .nav-link{
		font-size: 32px;
	}

	.menu a{
		font-size: 30px;
	}

	.nav-tabs .nav-item{
		margin-bottom: 25px;
	}

}

@media only screen and (min-width : 992px) and (max-width : 1199px) {

	.circles img:nth-child(1){
		width: 28vh;
	}

	.circles img:nth-child(2){
		width: 21vh;
	}

	.circles img:nth-child(3){
		width: 20vh;
	}

	.circles img:nth-child(4){
		width: 17vh;
	}

	.nav-tabs{
		padding-right: 15px;
	}

	.nav-item{
		flex:  0 0 28%;
		max-width: 28%;
	}

	.nav-tabs .nav-link{
		font-size: 20px;
	}

	.content-block__image--main {
    	width: 31vw;
	}

	.content-block__image--decor {
	    left: -12.5vw;
	    width: 36vw;
	}

	.content-block__play {
    	margin-left: 15vw;
    	bottom: -2vw;
	}

	.content-block__play a {
    	width: 10.5vw;
    	height: 10.5vw;
	}

	.content-block__play span {
    	font-size: 4vw;
	}

	.content-block__header {
	    margin-left: 57vw;
	    margin-top: -48.2vw;
	}

	.content-block__header h1 {
    	font-size: 7vw;
	}

	.content-block__image{
		margin-left: 7vw;
	}

	.man{
		left: -16vw;
	}
}

@media only screen and (min-width : 1200px) and (max-width : 1919px) {

	.subheader{
		margin-bottom: 30px;
	}

	.nav-tabs .nav-link{
		line-height: 80px;
	}

	.nav-item{
		height: 80px;
	}

	.nav-item .logobox{
		width: 80px;
		height: 80px;
	}

	.nav-item .logobox{
		left:  -30px;
	}

	.nav-item .logobox img{
		width: 80%;
		height: auto;
	}

	.item{
		background-position-x: -10vw;
	}

}

@media only screen and (min-width : 992px){
	.menu{
		display: flex!important;
	}	
}

@media only screen and (min-width : 992px) and (max-width : 1300px) and (min-height : 1000px) {

	.circles img:nth-child(1) {
    	width: 25vh;
	}

	.circles img:nth-child(2) {
    	width: 16vh;
	}

	.circles img:nth-child(3) {
    	width: 16vh;
	}

	.circles img:nth-child(4) {
    	width: 15vh;
	}

	.content-block__image--main {
    	width: 48vw;
	}

	.content-block__image--decor {
	    left: -18.5vw;
	    width: 44vw;
	}

	.content-block__play {
    	margin-left: 15vw;
    	bottom: -2vw;
	}

	.content-block__play a {
    	width: 17.5vw;
    	height: 17.5vw;
	}

	.content-block__play span {
    	font-size: 6vw;
	}

	.content-block__header {
	    margin-left: 53vw;
	    margin-top: -76.2vw;
	}

	.content-block__header h1 {
    	font-size: 8vw;
	}



}