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

.header h1 {
    font-size: 50px;
}

}




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

.header h1 {
    font-size: 44px;
}
.header .red {
    width: 550px;
    height: 550px;
    top: 50%;
    margin-top: -275px;
}
.header .red img{
    width: 85%;
}

}



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

.header h1 {
    font-size: 40px;
}
.header .red {
    width: 450px;
    height: 450px;
    top: 50%;
    margin-top: -225px;
}
.header .red img{
    width: 85%;
}

}





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

.header h1 {
    font-size: 36px;
}
.header .red {
    width: 450px;
    height: 450px;
    top: 50%;
    margin-top: -225px;
}
.header .red img{
    width: 85%;
}
.header ul li {
    font-size: 18px;
}

.bottom .block .name {
    font-size: 11px;
}


}




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

.header h1 {
    font-size: 30px;
}
.header .red {
    width: 350px;
    height: 350px;
    top: 50%;
    margin-top: -200px;
}
.header .red img{
    width: 85%;
}


}





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

.top p{
	font-size: 14px;
}
.bottom .block .name {
    font-size: 11px;
    text-transform: none;
    font-weight: 700;
}
.top .fa.fa-vk{
    margin-right:10px;
}


}





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

.bottom {
    margin-top: -120px;
}
.top .fa.fa-instagram {
    margin-right: 10px;
}
.top .fa.fa-whatsapp{
    margin-right:10px;
}

}




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

.bottom .block .name span{
    display: none;
}
.comment .sl {
    margin-top: -20px;
}

}





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

.top {
    
}
.header {
    background: none;
    padding-bottom: 100px;
}
.header .content {
    padding-top: 120px;
}
.header .red {
    width: 280px;
    height: 280px;
    top: 0px;
    left: 30px;
    margin-top: 50px;
    position: relative;
}
.bottom {
    margin-top: 10px;
}
.bottom .block{
    margin-bottom: 5px;
}
.bottom .block .name span{
    display: none;
}
.bottom .block .name {
    font-size: 18px;
}
.bottom .hand p {
    font-size: 16px;
}
.bottom .hand p strong {
    font-size: 20px;
}
.comment .bg .zag {
    font-size: 16px;
}
.comment .sl {
    margin-top: -20px;
}

.new .block{
	width: 95px;
    height: 65px;
    padding: 0px;
    margin-top: 0px;
    float: left;
    margin-bottom: 40px;
}
.new .bg .zag{
	margin-left:0px;
}

.newbottom input[type="text"]{
    margin-bottom: 10px;
}
.newbottom input[type="submit"]{
    width: 100%;
}


.kviz .text .block {
    width: 100%;
}
.kviz .text {
    position: relative;
    overflow-y: scroll;
    height: 150px;
    min-height: 230px;
}
.kviz .text .imgs .img {
    min-height: 55px;
    float: left;
    width: 65px;
    margin-right: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px 0px 0px 10px;
}
.kviz .text .imgs{
    min-height: 50px;
}
.portfolio .bg_fon {
    padding: 30px 20px;
}
.portfolio p.name {
    font-size: 14px;
}
.portfolio .bg_fon p {
    font-size: 14px;
}
.new .bg .zag {
    font-size: 24px;
    line-height: 30px;
}
.kviz .name {
    font-size: 18px;
}
.new .bg .pod_zag {
    font-size: 16px;
}
.new .bg .pod_zag {
    font-size: 16px;
}
.portfolio .bg .pod_zag {
    font-size: 16px;
}
.new .bg {
    padding-bottom: 50px;
}
.kviz {
    padding: 20px
}
.buttom.bl2 {
    background-color: #23d160;
    box-shadow: 0px 4px 10px rgba(35, 209, 96, 0.33);
    border: 0px solid #fff;
}
.buttom {
    width: 230px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    float: none;
    margin:auto;
}
.header .but{
    
}
}


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

.new .block .blockin {
    width: 60px;
    height: 60px;
    padding: 10px;
}
.new .block {
    width: 65px;
}
.new .text {
    font-size: 14px;
}
.new .name {
    font-size: 14px;
    margin-bottom: 0px;
}
.new .bg .zag {
    font-size: 20px;
    line-height: 26px;
}
.buttom {
    width: 230px;
    margin: auto;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    float: none;
}
.header .but{
    margin: auto;
    margin-top: 15px;
}
.header .red {
    left: 0px;
}

}





@media screen and (max-height: 950px){

.bottom {
    margin-top: -50px;
}

}


@media screen and (max-height: 790px){

.bottom {
    margin-top: -10px;
}

}


@media screen and (max-height: 610px){

.header .content {
    padding-top: 20vh;
}

}



@media screen and (max-height: 720px){

.bottom {
    margin-top: 20px;
}

}