@media (max-width: 1340px) {
	#fp-nav.fp-right {
		right: 3%;
	}
}

@media (max-width: 1199px) {
	#fp-nav.fp-right {
		right: 1%;
	}
	.nav-links{
		width: 55%;
	}
	.nav-links {
		padding: 0px 0 0 50px;
	}
	.nav-btns a:first-child {
		margin-right: 30px;
	}
	.banner-text {
		margin: 2vh auto;
	}
	.banner-text h2 {
		font-size: 3.5vh;
	}
	.banner-text p{
		font-size: 2vh;
	}
	.btn-1, .btn-2{
		width: 220px;
	}
	.second_left h2 {
	}
	.left__icons img {
		max-width: 80%;
	}
	.problems {
		gap: 1vh 10vh;
		margin-top: 7vh;
	}
	.problems__name p {
		width: 50%;
		margin-right: 3vh;
	}
	.checkout__block {
		width: 100%;
	}
	.btn-3 {
		padding: 7px 40px;
	}
	.checkout__block h4{
		width:100%;
	}
	.pockets__block {
		padding: 3vh 2vh;
	}
	.pockets__block {
		padding: 3vh 3vh;
		height: 45vh;
	}
}

@media (max-width: 991px){
	#fp-nav.fp-right {
		display: none;
	}
	.navbar_new {
		padding: 35px 0;
	}
	.fixed__theme {
		background: linear-gradient(224.28deg, #0563bb, #ff5a2a);
	}
	.hamburger{
		display:block;
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 20px;
		transform: translate(-5%, -50%);
		z-index: 2;
		transition: all 0.7s ease;
	}
	.nav-links{
		position: fixed;
		background: linear-gradient(224.28deg, #0563bb, #ff5a2a);
		height: 105%;
		width: 100%;
		text-align: center;
		left: 0;
		right: 0;
		top: -10px;
		flex-direction: column;
		clip-path: circle(50px at 90% -20%);
		-webkit-clip-path: circle(50px at 90% -10%);
		transition: all 1s ease-out;
		pointer-events: none;
		padding: 0;
	}
	.nav-links.open{
		clip-path: circle(1300px at 100% -10%);
		-webkit-clip-path: circle(1500px at 100% 0%);
		pointer-events: all;
	}
	.n__mobile{
		display: block;
	}
	.nav-links li{
		opacity: 0;
	}
	.nav-links li:nth-child(1){
		transition: all 0.5s ease 0.2s;
	}
	.nav-links li:nth-child(2){
		transition: all 0.5s ease 0.4s;
	}
	.nav-links li:nth-child(3){
		transition: all 0.5s ease 0.6s;
	}
	.nav-links li:nth-child(4){
		transition: all 0.5s ease 0.7s;
	}
	.nav-links li:nth-child(5){
		transition: all 0.5s ease 0.8s;
	}
	.nav-links li:nth-child(6){
		transition: all 0.5s ease 0.9s;
	}
	.logo {
		text-align: left;
		position: absolute;
		right: 0;
		left: 0;
		top: 5%;
		height: 74px;
	}
	.nav-btns{
		display: none;
	}
	.hover-1:before{
		display: none;
	}
	.logo{
		display: none;
	}
	.logo__mobile{
		display: block;
		position: relative;
	}
	.hamburger{
		margin-left: auto;
		position: relative;
	}
	.nav-links li a {
		font-size: 20px;
		font-weight: bold;
	}
	.container {
		width: 87%;
	}
	.first {
		padding: 12vh 0 5vh 0;
	}
	.banner-text {
		text-align: justify;
	}
	.banner-text h2 {
		text-align: center;
	}
	.banner__buttons {
		display: flex;
		justify-content: space-between;
	}
	.cards img {
		width: 80%;
	}
	.ball__3{
		display: none;
	}
	.ball__2, .ball{
		position: absolute;
	}
	.ball__4, .ball__5, .ball__6{
		display: none;
	}
	.sky-container, .sky-container2{
		display: none;
	}
	.first , .second, .third, .fourth, .fifth, .six{
		height: auto;
		padding: 12vh 0 5vh 0;
	}
	.cards img {
		padding: 20px;
	}
	.problems {
		margin-left: 0; 
	}
	.left__icons {
		display: flex;
		justify-content: space-between;
	}
	.pockets {
		grid-template-columns: 1fr;
		gap: 20px 60px;
	}
	.pockets__block div {
		display: flex;
		/*justify-content: center;*/
	}
	.fourth h2 {
		text-align: center;
	}
	.pockets__item {
		width: 80%;
		margin: 0 auto;
	}
	.six__top {
		padding: 0vh 0 7vh 0;
	}
	.fifth__grid {
		gap: 5vh 8vh;
	}
	.modal-dialog {
		max-width: 500px;
	}
	.modal-content {
		padding: 95px 80px;
	}
	.down__button {
		padding: 45px 0 0 0;
	}
}
@media (max-width: 850px) {

	.first .icons .mb-3{
		margin-bottom: 3px !important;
	}

	.banner-text{
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {

	.cards2 img {
		display: none;
	}
	.ball__2, .ball{
		display: none;
	}
	.cards img {
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: -80px;
		opacity: 0.2;
	}
	.second__right {
		margin-left: 0; 
	}
	.second__right p {
		margin: 0;
		text-align: justify;
	}
	.second_left h2 {
		font-size: 30px;
		width: 100%; 
		text-align: center;
		margin-bottom: 20px;
	}
	.banner-text p {
		text-align: justify;
	}
	.first, .second, .third, .fourth, .fifth, .six {
		padding: 17vh 0 10vh 0;
	}
	.problems__name img{
		width: 40%;
	}
	.problems {
		gap: 4vh 9vh;
	}
	.fifth__grid {
		grid-template-columns: 1fr;
	}
	.pockets__item {
		width: 95%;
		margin: 0 auto;
	}
	.pockets__block {
		height: 55vh;
	}
	.mphone .modal-body {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0 20px;
	}
}

@media (max-width: 576px) {
	.fifth__item span{
		display: none;
	}
	.modal-content{
		backdrop-filter: blur(100px);
	}
	.hamburger{
		top: 15px;
	}
	.container {
		width: 85%;
	}
	.cards {
		display: none;
	}
	.banner-text{
		width: 80%;
		text-align: center;
		margin: 0 auto;
	}
	.banner__buttons{
		text-align: center;
	}

	.btn-1 {
		width: 280px;
		margin-bottom: 15px;
	}
	.banner__buttons {
		justify-content: center;
		flex-wrap: wrap;
	}
	.problems {
		grid-template-columns: 1fr;
		gap: 1vh 10vh;
	}
	.problems__name img {
		width: 25%;
	}
	.checkout h2 {
		font-size: 25px;
	}
	.checkout__block h4 {
		font-size: 16px;
	}
	.fifth h2 {
		font-size: 25px;
	}
	.fifth__item p {
		padding: 3vh;
		font-size: 12px;
	}
	.first, .second, .third, .fourth, .fifth, .six {
		padding: 5vh 0;
	}
	.first {
		padding: 18vh 0 5vh 0;
	}
	.footer__grid li {
		font-size: 12px;
	}
	.footer__bottom {
		flex-wrap: wrap;
	}
	.footer__grid ul, .footer__bottom ul {
		padding: 0;
	}
	.footer__bottom ul li {
		padding-left: 0px; 
		padding-right: 30px;
	}
	.pockets__block label {
		font-size: 13px;
		margin: 0;
		padding: 1vh 1vh;
	}
	.modal-content {
		padding: 40px 30px;
	}
	.pockets__block [type="checkbox"]:not(:checked) + label:after, .pockets__block [type="checkbox"]:checked + label:after{
		top: .5em;
	}
	.pockets__block [type="checkbox"]:not(:checked) + label, .pockets__block [type="checkbox"]:checked + label{
		height: 33px;
	}
	.modal-content{
		background: linear-gradient(109.39deg, rgb(82 82 82 / 1) 103.35%, rgb(4 4 4 / 1) 100%) !important;
	}
	.modal-dialog {
		max-width: 90% !important;
		margin: 5rem auto;
	}
	.btn-mobile-1{
		display: none;
	}
	.btn-mobile-2{
		display: block;
	}
}

@media (max-width: 476px) {
	.pockets__block [type="checkbox"]:not(:checked) + label:after, .pockets__block [type="checkbox"]:checked + label:after{
		top: .5em;
	}
	.banner__buttons{
		flex-wrap: wrap;
	}
	.btn-1, .btn-2{
		width: 80%;
	}
	.second_left h2 {
		font-size: 25px;
		text-align: center;
		margin-bottom: 15px;
	}
	.second__right p {
		font-size: 12px;
	}
	.left__icons p {
		margin-top: 1vh;
		width: 80%;
		font-size: 11px;
	}
	.problems__name {
		align-items: center;
	}
	.problems__about p {
		font-size: 12px;
		text-align: justify;
	}
	.problems__name img {
		width: 20%;
	}
	.checkout__block h4 {
		font-size: 15px;
	}
	.checkout h2 {
		font-size: 20px;
	}
	.btn-3 {
		padding: 7px 15px;
	}
	.checkout__pay__accept {
		display: flex;
		align-items: center;
	}
	.checkout__pay__accept label {
		margin-left: 1vh;
		font-size: 12px;
	}
	.fifth__item span {
		font-size: 160px;
		top: -40px;
		left: -40px;
	}
	.pockets__item {
		width: 100%;
	}
	.pockets__block {
		height: auto;
	}
	.footer__grid {
		grid-template-columns: 1fr;
	}
	.fourth h2 {
		font-size: 25px;
	}
	.pockets__block h4 {
		font-size: 18px;
	}
	.modal-body a {
		font-size: 12px;
	}
	.modal-title {
		font-size: 20px;
	}
	.mphone .modal-content {
		padding: 45px 30px;
	}
}
@media (max-width: 380px) {
	.left__icons img {
		max-width: 65%;
	}
}