/* === DESKTOP FIRST === */
@media (max-width: 1660px) {
  section.mainblock {
    background: url(../images/main-bg-resp.png) no-repeat center center;
    background-position: top center;
  }
  section.mainblock .title1,
  section.mainblock .title2 {
    display: block;
  }
  section.mainblock .subtitle {
    margin-top: 50px;
  }
  section.quality:before {
    width: 434px;
    background-position: right;
  }
  section.quality:after {
    width: 434px;
    background-position: left;
  }
}
/* xl <= Extra extra large (xxl) */
@media (max-width: 1400px) {
  section.mainblock {
    background-position: center -42px;
  }
  section.mainblock .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 85px;
  }
  section.mainblock .head .container {
    width: 100%;
    padding: 0px 15px;
  }
  section.mainblock .head .menu-btn svg {
    width: 25px;
  }
  section.quality {
    margin-top: -187px;
  }
  section.mainblock .head .logo {
    max-width: 170px;
  }
  section.mainblock .head .menu ul {
    gap: 20px;
  }
  section.mainblock .head .call a.call-btn {
    font-size: 20px;
  }
  section.mainblock .head .call,
  section.mainblock .head .menu,
  section.mainblock .head .contacts,
  section.mainblock .head .socials,
  section.mainblock .head .call {
    display: none;
  }
  section.mainblock .head .menu-btn {
    display: block;
  }
  section.mainblock .head .container {
    padding: 21px 15px;
  }
}
/* lg <= Extra large (xl) */
@media (max-width: 1200px) {
  section.mainblock .title2 {
    font-size: 115px;
  }
  section.quality:before {
    width: 234px;
    background-position: right;
  }
  section.quality:after {
    width: 234px;
    background-position: left;
  }
  section.sportcat .categories {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  section.sportcat .categories .item {
    width: 33.3333333333%;
    background-size: cover;
  }
  section.sportcat .categories .item .title {
    opacity: 1;
  }
  section.infoblock .logo img {
    max-width: 100%;
  }
  section.infoblock .title,
  section.sportcat .h2,
  section.about .title,
  section.catalog .h2,
  section.ekipblock .container .wrap .h2,
  section.howwework .h2 {
    font-size: 38px;
    line-height: 1.2;
  }
  section.infoblock,
  section.about {
    background-size: cover;
  }
}
/* md <= Large (lg) */
@media (max-width: 992px) {
  section.mainblock .title1 {
    font-size: 41px;
  }
  section.mainblock .title2 {
    font-size: 80px;
  }
  section.howwework .blockwrap .item {
    width: 100%;
    border-radius: 50px;
    padding: 50px 20px;
  }
  section.catalog .catalog_wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  section.catalog .catalog_wrap .item {
    width: 100%;
    margin-bottom: 20px;
    height: 250px;
    background-size: cover;
  }
  footer .footer_line {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer_bottom {
    margin-top: 20px;
  }
  section.ekipblock {
    background-size: cover;
  }
}
/* sm <= Medium (md) */
@media (max-width: 768px) {
  section.mainblock .title1 {
    font-size: 31px;
    margin-top: 250px;
  }
  section.mainblock .title2 {
    font-size: 50px;
  }
  section.mainblock {
    background: url(../images/main-bg-phone.jpg) no-repeat center center;
    background-position: right -42px;
    min-height: auto;
    padding-bottom: 230px;
  }
  section.quality {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    padding-top: 100px;
    -webkit-box-align: self-end;
        -ms-flex-align: self-end;
            align-items: self-end;
  }
  section.quality .container {
    width: 100%;
  }
  section.quality:before {
    position: relative;
    width: 200px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    height: 200px;
  }
  section.quality:after {
    position: relative;
    width: 200px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    height: 200px;
  }
  section.catalog .catalog_wrap .item .btn {
    padding: 12px 30px;
    font-size: 14px;
  }
  section.infoblock .title,
  section.about .title,
  section.catalog .h2,
  section.ekipblock .container .wrap .h2 {
    font-size: 32px;
    line-height: 1.2;
  }
  section.sportcat .categories .item .title span {
    font-size: 30px;
  }
  section.mainblock .subtitle {
    padding-right: 50px;
  }
  section.sportcat .categories .item {
    width: 100%;
    height: 200px;
  }
  section.sportcat .categories .item .title span {
    -webkit-transform: none;
            transform: none;
  }
}
/* xs <= Small (sm) */
@media (max-width: 576px) {
  footer {
    padding: 60px 0;
  }
  footer .footer_line p {
    margin-bottom: 25px;
  }
  footer .footer_line .title {
    font-size: 16px;
  }
  footer .footer_line p,
  footer .footer_bottom a {
    font-size: 12px;
  }
  footer .footer_line .logo {
    max-width: 200px;
  }
  footer .footer_line .logo img {
    max-width: 100%;
  }
  section.mainblock .title1 {
    font-size: 22px;
  }
  section.mainblock .title2 {
    font-size: 37px;
    margin: 0;
  }
  section.mainblock .subtitle {
    padding-right: 20px;
    margin-top: 28px;
    font-size: 12px;
  }
  section.mainblock {
    min-height: 832px;
  }
  section.mainblock .btn {
    padding: 15px 55px;
    margin-top: 30px;
    font-size: 14px;
  }
  section.quality .content {
    font-size: 12px;
  }
  section.quality:before {
    margin-left: -70px;
  }
  section.quality:after {
    margin-right: -70px;
  }
  section.quality .content img {
    max-width: 200px;
  }
  section.quality {
    min-height: 525px;
  }
  section.infoblock .subtitle,
  section.about .subtitle,
  section.ekipblock .container .wrap .subtitle {
    font-size: 18px;
  }
  section.infoblock .logo {
    max-width: 230px;
  }
  section.infoblock .title, section.sportcat .h2, section.about .title, section.catalog .h2, section.ekipblock .container .wrap .h2, section.howwework .h2 {
    font-size: 24px;
    line-height: 1.2;
  }
  section.infoblock .title, section.about .title, section.catalog .h2, section.ekipblock .container .wrap .h2 {
    font-size: 24px;
  }
  section.infoblock p,
  section.about p {
    font-size: 12px;
    padding-right: 65px;
  }
  section.ekipblock .container .wrap p {
    font-size: 12px;
    padding-left: 65px;
  }
  section.infoblock {
    background-size: 1400px;
    padding: 50px 0;
  }
  section.infoblock a.btn,
  section.about a.btn {
    font-size: 14px;
    padding: 15px 55px;
    margin-top: 0;
  }
  section.howwework {
    background: url(../images/infoBg.jpg);
    padding: 70px 0 72px;
    background-size: cover;
  }
  section.howwework .item p {
    font-size: 12px;
  }
  section.howwework .blockwrap .item .logo {
    width: 80px;
    height: 14px;
    vertical-align: text-top;
  }
  section.howwework .blockwrap {
    margin-top: 60px;
    gap: 10px;
  }
  section.about {
    padding: 70px 0;
  }
  section.catalog {
    text-align: center;
    padding: 70px 0;
  }
  section.ekipblock {
    padding: 120px 0;
    background-size: auto;
    background-position: -865px center;
  }
  section.ekipblock .container .wrap .subtitle,
  section.ekipblock .container .wrap .h2 {
    padding-left: 40px;
  }
  section.ekipblock .container .wrap a.btn {
    font-size: 14px;
    padding: 15px 55px;
    margin-top: 15px;
  }
  section.sportcat {
    padding: 132px 0 30px;
  }
}
/* === MOBILE FIRST === */
/* Custom (xs) */
/* Small (sm) */
/* Medium (md) */
/* Large (lg) */
/* Extra large (xl) */
@media (min-width: 1200px) {
  .text {
    font-size: 18px;
  }
}
/* Extra extra large (xxl) */
@media (min-width: 1400px) {
  .text {
    font-size: 22px;
  }
}