.navbar-wrap [type="checkbox"] {
	display: none;
}

.navbar-wrap label.toggleMenu {
	display: none;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-size: 14px;
	cursor: pointer;
	border-radius: 20px;
}

.container li {
    list-style-type: none;
}


@media all and (max-width: 1336px) {
    

    .portal {
    	margin-left: 70px;
    }

    .titlefinish  {
        justify-content: space-between;
    }

    .titlefinish p {
        text-align: center;
    }
}

@media screen and (max-width: 1250px) {
    .navbar-menu {
        display: none;
        position: absolute;
        top: 100%; /* Положение меню под кнопкой */
        left: 1000px;
        background-color: #fff;
        z-index: 999;
        box-shadow: 0 4px 10px rgb(0, 0, 73, 1);
    }

    .navbar-menu li {
        display: block; /* Отображение элементов списка в виде одного столбца */
    }

    .navbar-wrap label.toggleMenu {
        display: block;
    }

    .navbar-wrap [type="checkbox"] {
        display: none;
    }

    input.toggleMenu:checked + label.toggleMenu {
        background: rgb(0, 170, 200);
        color: #fff;
    }

    input.toggleMenu:checked ~ ul {
        display: block;
    }

    .portal {
    	margin-left: 70px;
    }

    .languge {
        margin-top: 28px;
    }

    .titlefinish  {
        justify-content: space-between;
    }

    .titlefinish p {
        text-align: center;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1250px){

    .navbar-menu {
        display: none;
        position: absolute;
        top: 100%; /* Положение меню под кнопкой */
        left: 800px;
        background-color: #fff;
        z-index: 999;
        box-shadow: 0 4px 10px rgb(0, 0, 73, 1);
    }

    .navbar-menu li {
        display: block; /* Отображение элементов списка в виде одного столбца */
    }

    .navbar-wrap label.toggleMenu {
        display: block;
    }

    .navbar-wrap [type="checkbox"] {
        display: none;
    }

    input.toggleMenu:checked + label.toggleMenu {
        background: rgb(0, 170, 200);
        color: #fff;
    }

    input.toggleMenu:checked ~ ul {
        display: block;
    }

    .portal {
        margin-left: 70px;
    }

    .languge {
        margin-top: 29px;
    } 

    .imgpodval1 {
        margin-top: 4.5px;
    }

    .imgpodval2 {
        margin-top: 4.5px;
    }

    .srek {
        width: 600px;
        height: 1000px;
        margin-left: 160px;
        margin-top: -240px;
    }

    .next {
        margin-top: 25%;
        right: 162px;
    }

    .prev {
        margin-left: 161px;
        margin-top: 25%;
    }

    .container1 {
        width: 90%;
        margin-left: 20px;
    }

    .zagolovok {
        margin-left: 30px;
    }

    .titlefinish  {
        justify-content: space-between;
    }

    .titlefinish p {
        text-align: center;
    }

    .txt1 {
        margin-top: -200px;
    }

    .srek img {
        margin-left: -80px;
    }

}

@media screen and (min-width: 768px) and (max-width:1023px){

    .navbar-menu {
        display: none;
        position: absolute;
        top: 80%; /* Положение меню под кнопкой */
        left: 100px;
        background-color: #fff;
        z-index: 999;
        box-shadow: 0 4px 10px rgb(0, 0, 73, 1);
    }

    .navbar-menu li {
        display: block; /* Отображение элементов списка в виде одного столбца */
    }

    .navbar-wrap label.toggleMenu {
        display: block;
    }

    .navbar-wrap [type="checkbox"] {
        display: none;
    }

    input.toggleMenu:checked + label.toggleMenu {
        background: rgb(0, 170, 200);
        color: #fff;
    }

    input.toggleMenu:checked ~ ul {
        display: block;
    }

    .portal {
        margin-left: 70px;
    }

    .languge {
        margin-top: 29px;
    } 

    .imgpodval1 {
        margin-top: 4.5px;
    }

    .imgpodval2 {
        margin-top: 4.5px;
    }

    .srek {
        width: 600px;
        height: 1000px;
        margin-left: 40px;
        margin-top: -240px;
    }

    .next {
        margin-top: 35%;
        right: 35px;
    }

    .prev {
        margin-left: 56px;
        margin-top: 35%;
    }

    .container1 {
        width: 90%;
        margin-left: 20px;
    }

    .zagolovok {
        margin-left: 30px;
    }

    .titlefinish  {
        justify-content: space-between;
    }

    .titlefinish p {
        text-align: center;
    }

    .txt1 {
        margin-top: -200px;
    }

    .srek img {
        margin-left: -20px;
    }

}

@media screen and (min-width: 425px) and (max-width: 767px){


    .navbar-menu {
        display: none;
        position: absolute;
        top: 80%; /* Положение меню под кнопкой */
        left: 100px;
        background-color: #fff;
        z-index: 999;
        box-shadow: 0 4px 10px rgb(0, 0, 73, 1);
    }

    .navbar-menu li {
        display: block; /* Отображение элементов списка в виде одного столбца */
    }

    .navbar-wrap label.toggleMenu {
        display: block;
    }

    .navbar-wrap [type="checkbox"] {
        display: none;
    }

    input.toggleMenu:checked + label.toggleMenu {
        background: rgb(0, 170, 200);
        color: #fff;
    }

    input.toggleMenu:checked ~ ul {
        display: block;
    }

    .portal {
        margin-left: 70px;
    }

    .languge {
        margin-top: 29px;
    }

    .rsavia {
        width: 123px;
        height: 30px;
    }

    .imgpodval2 img {
        width: 75.5px;
        height: 45px;
    } 

    .imgpodval1 {
        margin-top: 4.5px;
    }

    .imgpodval2 {
        margin-top: 4.5px;
    }

    .logoimg {
        width: 123px;
        height: 30px;
    }

    .srek {
        margin-top: -140px;
        width: 300px;
        height: 500px;
        margin-left: 20px;
    }

    .next {
        margin-top: 25%;
        right: 20px;
    }

    .prev {
        margin-top: 25%;
        margin-left: 20px;
    }

    .container1 {
        margin-left: 20px;
    }

    .zagolovok {
        margin-left: 30px;
    }

    .titlefinish  {
        justify-content: space-between;
    }

    .titlefinish p {
        text-align: center;
    }

    .txt1 {
        margin-top: -100px;
        margin-bottom: 40px;
    }

    .srek img {
        margin-left: -10px;
    }

}

@media screen and (min-width: 320px) and (max-width: 424px){
	
    .navbar-menu {
        display: none;
        position: absolute;
        top: 80%; /* Положение меню под кнопкой */
        left: 100px;
        background-color: #fff;
        z-index: 999;
        box-shadow: 0 4px 10px rgb(0, 0, 73, 1);
    }

    .navbar-menu li {
        display: block; /* Отображение элементов списка в виде одного столбца */
    }

    .navbar-wrap label.toggleMenu {
        display: block;
    }

    .navbar-wrap [type="checkbox"] {
        display: none;
    }

    input.toggleMenu:checked + label.toggleMenu {
        background: rgb(0, 170, 200);
        color: #fff;
    }

    input.toggleMenu:checked ~ ul {
        display: block;
    }

    .portal {
    	margin-left: 70px;
    }

    .languge {
    	margin-top: 29px;
    }

    .rsavia {
    	width: 123px;
    	height: 30px;
    }

	.imgpodval2 img {
		width: 75.5px;
		height: 45px;
	} 

	.imgpodval1 {
		margin-top: 4.5px;
	}

	.imgpodval2 {
		margin-top: 4.5px;
	}

	.logoimg {
		width: 123px;
		height: 30px;
	}

	.srek {
		width: 300px;
		height: 500px;
        margin-top: -140px;
	}

	.next {
        margin-top: 25%;
	}

    .prev {
        margin-top: 25%;
    }

	.container1 {
		margin-left: 20px;
	}

    .zagolovok {
        margin-left: 40px;
    }

    .titlefinish  {
        justify-content: space-between;
    }

    .titlefinish p {
        text-align: center;
    }

    .txt1 {
        margin-top: -100px;
        margin-bottom: 40px;
    }

}

