@media screen and (min-width: 1025px) and (max-width: 1200px) {
	.catwhoaresitting {
		right: 100;
	}
	
	.dogwhoaresitting {
		left: 120;
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.div11, .div13 {
		padding-top: 100px;
	}

	iframe {
	  width: 360px;
	  height: 210px;
	}
	
	.div2 {
		height: 750px;
	}
	
	/*.catwhoarerunning {
		
	}*/
	
	.catwhoaresitting {
		right: 50;
		margin-top: 300px;
	}
	
	.dogwhoaresitting {
		left: 70;
		margin-top: 300px;
	}
}

@media screen and (min-width: 769px) and (max-width: 900px) {
	.catwhoaresitting {
		right: 10;
		margin-top: 300px;
	}
	
	.dogwhoaresitting {
		left: 30;
		margin-top: 300px;
	}
}

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

	.div11 {
		display: none;
	}

	.div13 {
		padding-top: 0px;
	}

	.div14 {
	  	display: block;
	  	margin-top: 30px;
	  	margin-bottom: 70px;
	}

	.cat, .dog {
		font-size: 20px;
	}
	
	.div2 {
	    height: 700px;	
	}
	
	.catwhoarerunning {
		margin-top: 500px;
	}

	.count1, .count3 {
		font-size: 40px;
	}

	.div3 {
		flex-direction: column;
		align-items: center;
	}
	
	iframe {
	  width: 310px;
	  height: 200px;
	}

	.video1, .video2 {
		margin-top: 50px;
	}
	
	@keyframes size {
		from {
			left: 0;
		}
		to {
			left: 70%;
		}
	}

	@keyframes sizer {
		from {
			right: 0;
		}
		to {
			right: 70%;
		}
	}
	
	.catwhoaresitting {
		right: 0;
		margin-top: 175px;
		width: 140px;
		height: 100px;
	}
	
	.dogwhoaresitting {
		right: 20;
		margin-top: 20px;
		width: 90px;
		height: 105px;
		left: auto;
		}
}

@media screen and (min-width: 480px) and (max-width: 580px) {
	.div12 {
		padding-top: 60px;
	}

	.animal {
		font-size: 30px;
	}

	.count2 {
		font-size: 120px;
	}

	.b-popup .b-popup-content {
		width: 400px;
	}
	
	.catwhoaresitting {
		right: 0;
		margin-top: 190px;
		width: 105px;
		height: 75px;
	}
	
	.dogwhoaresitting {
		right: 20;
		margin-top: 40px;
		width: 70px;
		height: 80px;
	}
}

@media screen and (min-width: 421px) and (max-width: 479px) {
	.div11 {
		display: none;
	}

	.div12 {
		width: 80%;
	}

	.div13 {
		display: none;
	}

	.div3 {
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
		height: auto;
    		padding-bottom: 50px;
	}

	iframe {
	  width: 290px;
	  height: 200px;
	}

	.video1, .video2 {
		margin-top: 50px;
	}

	.b-popup .b-popup-content {
		width: 400px;
	}

	.animalsbr {
		display: none;
	}

	.animal {
		font-size: 30px;
	}

	.count2 {
		font-size: 130px;
	}

	.count1, .count3 {
		font-size: 30px;
	}

	.gg1 {
		flex-direction: column;
		align-items: center;
		justify-content: inherit;
	}

	.div13, .div14 {
		display: inline-block; 
	}

	.div13 {
		width: 80%;
		margin-top: 30px;
	}
	
	.div14 {
		margin-right: 40px;
	}
    

	.dog, .cat, .count1, .count3 {
		display: inline-block;
	}

	.dog, .cat {
		font-size: 15px;
	}

	#beautifullbutton {
		font-size: 20px;
		padding: 1em 2em;
	}

	.div2 {
		background-size: cover;
		height: 750px;
		padding-bottom: 100px;
	}
	


	.div4 {
		height: auto;
		background-size: cover;
		padding-bottom: 100px;
	}

	input {
		width: 80%;
	}

	.b-popup .b-popup-content {
		width: 90%;
	}
	
	@keyframes size {
		from {
			left: 0;
		}
		to {
			left: 70%;
		}
	}

	@keyframes sizer {
		from {
			right: 0;
		}
		to {
			right: 70%;
		}
	}
	
	.catwhoaresitting {
		right: 0;
		margin-top: 230px;
		width: 105px;
		height: 75px;
	}
	
	.dogwhoaresitting {
		left: 10;
		margin-top: 230px;
		width: 70px;
		height: 80px;
		}
	.dogwhoarerunning, .catwhoarerunning {
		
	}
	.tit {
		padding-top: 150px;
	}
}

@media screen and (min-width: 391px) and (max-width: 420px) {
	.tit {
		padding-top: 150px;
	}
		.div11 {
		display: none;
	}

	.div12 {
		width: 80%;
	}

	.div13 {
		display: none;
	}

	.div3 {
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
		height: auto;
    		padding-bottom: 50px;
	}

	iframe {
	  width: 290px;
	  height: 200px;
	}

	.video1, .video2 {
		margin-top: 50px;
	}

	.b-popup .b-popup-content {
		width: 400px;
	}

	.animalsbr {
		display: none;
	}

	.animal {
		font-size: 30px;
	}

	.count2 {
		font-size: 130px;
	}

	.count1, .count3 {
		font-size: 30px;
	}

	.gg1 {
		flex-direction: column;
		align-items: center;
		justify-content: inherit;
		margin-bottom: 100px;
	}

	.div13, .div14 {
		display: inline-block; 
	}

	.div13 {
		width: 80%;
		margin-top: 30px;
	}
	
	.div14 {
		margin-right: 40px;
	}
    

	.dog, .cat, .count1, .count3 {
		display: inline-block;
	}

	.dog, .cat {
		font-size: 15px;
	}

	#beautifullbutton {
		font-size: 20px;
		padding: 1em 2em;
	}

	.div2 {
		background-size: cover;
		height: 800px;
		padding-bottom: 100px;
	}
	
	.catwhoarerunning {
		margin-top: 570px;
	}

	.div4 {
		height: auto;
		background-size: cover;
		padding-bottom: 100px;
	}

	input {
		width: 80%;
	}

	.b-popup .b-popup-content {
		width: 90%;
	}
	
	@keyframes size {
		from {
			left: 0;
		}
		to {
			left: 70%;
		}
	}

	@keyframes sizer {
		from {
			right: 0;
		}
		to {
			right: 90%;
		}
	}
	
	.catwhoaresitting {
		right: 90;
		margin-top: 320px;
		width: 105px;
		height: 75px;
	}
	
	.dogwhoaresitting {
		left: 100;
		margin-top: 320px;
		width: 70px;
		height: 80px;
		}
	.dogwhoarerunning, .catwhoarerunning {
		
	}
}

@media screen and (max-width: 390px) {
	.tit {
		padding-top: 100px;
	}
			.div11 {
		display: none;
	}

	.div12 {
		width: 80%;
	}

	.div13 {
		display: none;
	}

	.div3 {
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
		height: auto;
    		padding-bottom: 50px;
	}

	iframe {
	  width: 290px;
	  height: 200px;
	}

	.video1, .video2 {
		margin-top: 50px;
	}

	.b-popup .b-popup-content {
		width: 400px;
	}

	.animalsbr {
		display: none;
	}

	.animal {
		font-size: 30px;
	}

	.count2 {
		font-size: 130px;
	}

	.count1, .count3 {
		font-size: 30px;
	}

	.gg1 {
		flex-direction: column;
		align-items: center;
		justify-content: inherit;
		margin-bottom: 100px;
	}

	.div13, .div14 {
		display: inline-block; 
	}

	.div13 {
		width: 80%;
		margin-top: 30px;
	}
	
	.div14 {
		margin-right: 40px;
	}
    

	.dog, .cat, .count1, .count3 {
		display: inline-block;
	}

	.dog, .cat {
		font-size: 15px;
	}

	#beautifullbutton {
		font-size: 20px;
		padding: 1em 2em;
	}

	.div2 {
		background-size: cover;
		height: 900px;
		padding-bottom: 100px;
	}
	
	.catwhoarerunning {
		margin-top: 560px;
	}

	.div4 {
		height: auto;
		background-size: cover;
		padding-bottom: 100px;
	}

	input {
		width: 80%;
	}

	.b-popup .b-popup-content {
		width: 90%;
		padding: 10px;
	}
	
	@keyframes size {
		from {
			left: 0;
		}
		to {
			left: 50%;
		}
	}

	@keyframes sizer {
		from {
			right: 0;
		}
		to {
			right: 50%;
		}
	}
	
	.catwhoaresitting {
		right: 10;
		margin-top: 320px;
		width: 105px;
		height: 75px;
	}
	
	.dogwhoaresitting {
		left: 10;
		margin-top: 320px;
		width: 70px;
		height: 80px;
		}
	
	.dogwhoarerunning {
		margin-top: 200px;
	}
}