/* Стили для больших экранов - центрирование контента */
@media (min-width: 1251px) {
    .container {
        margin: 0 auto;
        max-width: 1170px;
        width: 100%;
        padding: 0 25px;
    }
    
    .headerNav {
        max-width: 1170px;
        margin: 0 auto;
        margin-right: 0;
        padding-right: 25px;
        text-align: right;
    }
    
    .hero-section {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    
    .hero-content {
        margin: 0 auto;
        padding-top: 300px;
        height: 850px;
    }
    
    .hero-section {
        background-position: 70% bottom, center bottom, center top, center center;
    }
}

 @media (max-width: 1800px){
    .hero-section {                       
        background-position: 110%, bottom 58%;
    }
}

@media (max-width: 1450px){
    .hero-section {                       
        background-position: 130%, bottom 58%;
    }
    p {
        font-size: 17px;
    }

}    
            
@media (max-width: 1250px){
    .container {
        max-width: 947px;
        width: 100%;
    }

        .margin {
        margin-top: 0px;
    }


    .price-item {
        width: 296px;
    }
    
    .price-item h3{
        font-size: 21px;
    }

    .forma_left {
        width: 35%;
    }

    .hero-section {
        background-image: linear-gradient(to top right, #bad4d314, #ebfffead),url('../img/bokeh1.jpg');
    }
}

@media (max-width: 1200px){
    .about-content > div:nth-child(1) {
        float: none;
        margin-right: 0;
        margin-bottom: 30px;
        max-width: 100%;
        text-align: left;
    }
    
    .about-content > div:nth-child(2) {
        margin-left: 0;
    }
    
    .about-row {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .about-row-image {
        order: -1;
    }
    
    .about-row-text-only {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .about-content {
        text-align: left;
    }
    
    .about-text-column-full {
        text-align: left;
    }
   
    .photo-container {
        width: 400px !important;
        max-width: 90% !important;
        margin: 0 auto !important;
        height: auto !important;
    }
    
    .photo-inner {
        height: auto !important;
        width: 100% !important;
    }
    
    .photo-inner > img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
}


@media (max-width: 1020px){
    
    .container {
        width: 875px;
    }

    .testimonials-carousel__quote {
        padding: 0px 100px;
    }
    .price-item {
        width: 394px;
    }

    .prices-content>div>div {
        height: auto;
    }
    .forma_right, .forma_left {
        float: none;
        width: 96%;
    }

    .forma_right{
        padding-top: 50px;
    }

    .photo-inner>img {
        width: 350px;
        top: -97px;
    }
    .photo-inner, .photo-container {
        width: fit-content;
    }
    .photo-inner {
        height: 303px;
    }

    .photo-container {
        height: 312px;
    }

}
        
@media (max-width: 950px){
    .container {
        width: 800px;
    }
    .about-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .about-row-image {
        order: -1;
    }
    
    .about-row-text-only {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .about-content, .services-content>div:nth-child(2) {
        display: block;
    }
    .about-content {
        text-align: left;
    }
    .about-text-column-full {
        text-align: left;
    }
    .about-content>div:nth-child(2) {
        margin: 50px 0 0 0;
    }
    .testimonials-carousel__quote {
        padding: 0;
    }
    .photo-container{
        margin: auto;
    }

    .price-item {
        width: 350px;
    }
}

@media (max-width: 930px){
    .container {
        width: 700px;
    }
    .headerNav {
        margin: 0px 30px;
    }
    .price-item {
        width: 320px;
    }
    .about-row {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .about-row-image {
        float: none;
        margin-left: 0;
        margin-right: 0;
        align-self: center;
    }
    .about-row-text {
        padding-right: 0;
    }
}

@media (max-width: 800px){
    .container {
        max-width: 100%;
        padding: 0 20px;
    }
    .headerNav {
        margin-right: 20px;
    }
    .about-content {
        text-align: left;
    }
    .about-text-column-full {
        text-align: left;
    }
    .price-item {
        width: 100%;
        max-width: 600px;
    }
    .price-grid {
        flex-direction: column;
    }
    .prices-content>div>div {
        height: auto;
    }

}

@media (max-width: 730px){
    .headerNav{
        display: none;
    }

    h1{
        font-size: 53px;
    }
}

@media (min-width: 731px){
    .hidden-menu, .btn-menu{
        display: none;
    }
}


@media (max-width: 670px){
    h1, .title-main {
        padding: 200px 0px 0px;
    }

    .container {
        max-width: 100%;
        padding: 0 20px;
    }
    .about-content {
        text-align: left;
    }
    .about-row-text {
        padding-right: 0;
    }
    .about-text-column-full {
        text-align: left;
    }
    .price-item {
        width: 100%;
        max-width: 420px;
    }
    .prices-content>div>div {
        height: auto;
        min-height: 1300px;
    }

}

@media (max-width: 515px){
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    .about-content {
        text-align: left;
    }
    .about-text-column-full {
        text-align: left;
    }
    .price-item {
        width: 100%;
        max-width: 350px;
    }
    .prices-content>div>div {
        height: auto;
        min-height: 1500px;
    }
    .hero-content{
        height: auto;
        min-height: 670px;
    }
    h1{
        padding: 220px 0px 26px;
    }

}

@media (max-width: 400px){
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    .about-content {
        text-align: left;
    }
    .about-text-column-full {
        text-align: left;
    }
    .photo-inner>img {
        width: 285px;
        max-width: 90%;
        top: -146px;
    }
    .photo-container{
        height: auto;
        min-height: 297px;
    }
    .price-item{
        width: 100%;
        max-width: 320px;
    }
    .prices-content>div>div {
        height: auto;
        min-height: 1700px;
    }

}
@media (max-width: 360px){
    .container {
        max-width: 100%;
        padding: 0 10px;
    }
    .about-content {
        text-align: left;
    }
    .about-text-column-full {
        text-align: left;
    }
    .price-item{
        width: 100%;
        max-width: 280px;
    }

    .prices-content>div>div {
        height: auto;
        min-height: 1650px;
    }

    .hero-content{
        height: auto;
        min-height: 580px;
    }
    h1{
        font-size: 48px;
        padding: 160px 0px 26px;
    }
    .about-section{
        padding: 83px 0px;
    }
}

@media (max-width: 320px){
    .container {
        max-width: 100%;
        padding: 0 10px;
    }
    .about-content {
        text-align: left;
    }
    .about-text-column-full {
        text-align: left;
    }
    h1{
        font-size: 44px;
        padding: 155px 0px 26px;
    }
    .photo-inner>img {
        width: 250px;
        max-width: 90%;
        top: -94px;
    }
}

@media (max-width: 281px){
    .container {
        max-width: 100%;
        padding: 0 8px;
    }
    .about-content {
        text-align: left;
    }
    .about-text-column-full {
        text-align: left;
    }
    .hero-content{
        height: auto;
        min-height: 500px;
    }
    h1{
        font-size: 30px;
        padding-top: 148px ;
    }
    h4{
        font-size: 19px;
        
    }

    .about-content > div:nth-child(1) {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
        text-align: left;
    }
    
    .photo-container{
        height: auto;
        min-height: 222px;
        width: 200px;
        max-width: 90%;
    }
    .photo-inner>img {
        width: 200px;
        max-width: 90%;
    }
    .photo-inner{
        height: auto;
        min-height: 205px;
    }
    .price-item{
        width: 100%;
        max-width: 230px;
    }
    .prices-content>div>div {
        height: 2000px;
    }
}

@media (min-width: 1200px) {
    /* Shrink about images by ~30% on large screens */
    .about-row-image-first .photo-container {
        width: 210px;
        height: 280px;
    }
    .about-row-image-small .photo-container {
        width: 210px;
        max-width: 210px;
    }
}