@media screen and (max-width: 1170px) {
	.bg {
   padding: 35px 15px;
  
}.text {
    font-size: 1.5rem;
}
	
	}
	
	
	@media screen and (max-width: 980px) {
	.right {
    padding: 20px 5px 23px;
    position: relative;
    width: 324px;
	}
	
	}
	
	
	@media screen and (max-width: 790px) {
	.right {
    padding: 20px 5px 23px;
    position: relative;
    width: 100%;
    margin-top: 70px;
 }
		.btnbig {
   top: 35px;
   position: relative;
}
		
	.left {
    float: left;
    margin: 100px 0 0;
    position: relative;
    width: 100%;
}    .text {
        font-size: 1.7rem;
        text-align: center;
        margin: 0 0 30px;
    }.row {
    margin: 19px 0 0;
    position: relative;
    display: flex;
    justify-content: center;
}.section {
    height: 705px;
    position: relative;
    max-width: 1250px;
    width: 100%;
}
		.pre1 {
    float: left;
    margin: 0 17px 0 0;
    position: relative;
}.pre2 {
    float: left;
    margin: 0 17px 0 0;
    position: relative;
}
.bg {
        padding: 35px 15px;
        flex-direction: column;
    }

.item {
   width: 32%;
   
}
		
	}


.bg .header{display:none}

    @media screen and (max-width: 650px) {
        .btnbig {}

        .item {
            width: 49%;

        }

        .btn {
            background: none
        }

        .header {
            display: none;
        }

        .bg .header {
            display: flex;
            justify-content: center;
            gap: 30px;
            margin: 20px 0;
        }

        .bg .header p {
            color: #fff
        }

        .text {
            font-size: 1.7rem;
            text-align: center;
            margin: 0 0 30px;
        }

        .left {
            float: left;
            margin: 0;
            position: relative;
            width: 100%;
        }

        .section {
            height: 755px;
            position: relative;
            max-width: 1250px;
            width: 100%;
        }
    }
		
		
		
		
    @media screen and (max-width: 480px) {
        .bg .header {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin: 20px 0;
        }

        .link {
            display: flex;
            min-height: 40px;
            padding: 12px 20px 11px;
            position: relative;
            width: 123px;
        }

        .bg .header p {
            font-size: 0.8rem
        }

        .text-2 {
            margin: 5px 0 0;
            color: #ffffff;
            font-size: 0.85rem;
            font-weight: 300;
        }

        .text-3 {
            margin: 5px 0 0;
            color: #ffffff;
            font-size: 0.85rem;
            font-weight: 300;
        }

        .section {
            height: 775px;
            position: relative;
            max-width: 1250px;
            width: 100%;
        }

        .text-8 {
            margin: 18px 0 0;
            color: #141414;
            font-size: 1.1rem;
            font-weight: 700;
            text-align: center;
        }

        .nav.group {
            margin: 12px;
        }

        .header-btns {
            flex-direction: column;
        }

        .header-btns .btnbig {
            margin: 10px auto;
            left: auto;
        }
}