@media (max-width: 1440px) {
}

@media (max-width: 1199px) {
  .banner-area {
    .left {
      h1 {
        font-size: 55px;
      }
      h3 {
        font-size: 28px;
      }
      p {
        font-size: 20px;
      }
    }
    &&.about {
      .main-pic {
        min-height: unset;
      }
      .right {
        .parson-pic {
          width: 75%;
          right: 8%;
        }
      }
    }
  }
  .page-template-template-Vra-Loggor {
    .banner-area.vara-loggor {
      .right {
        .main-pic {
          min-height: unset;
        }
        .parson-pic {
          position: relative;
          right: 0%;
          margin: 0px auto;
          img {
            width: 100%;

          }
        }
      }
    }
  }
  .about-area {
    .left {
      max-width: 100%;
    }
    .brush {
      max-width: 80px;
    }
  }
  .sec-section {
    .left {
      p {
        font-size: 16px;
      }
      .sub {
        font-size: 20px;
      }

    }
  }
  .section-title {
    font-size: 65px;
  }
  .third-section {
    .top {
      width: 100%;

    }
    .card-items {
      .inner-card {
        margin-bottom: 20px;
        min-height: 400px;
      }
    }
  }
  .page-template-template-Vanliga-frgor {
    .banner-area.about {
      position: relative;

      .right {
        .parson-pic {
          width: 75%;
          right: 0;
          position: relative;
          margin: 0px auto;
          bottom: 0px !important;
          img {
            height: auto;
            object-fit: cover;
            width: 100%;
          }
        }
      }
    }
  }
  .page-template-template-Kontakta-Oss {
    .banner-area {
      .right {
        .parson-pic {
          width: 71%;
          right: 24%;
        }
      }
    }
  }
  .page-template-template-blog {
    .banner-area {
        &&.about {
            & .right {
                .parson-pic {
                    width: 75%;
                    right: 18%;
                    bottom: 32px;
                    img {
                    width: 300px;
                    height: 300px;
                    }
                }
            }
        }
    }
  }





















}

@media (max-width: 991px) {
  .banner-area {
    padding: 140px 0px 20px 0px;
    .left {
      padding-right: 0px;
      h1 {
        font-size: 43px;
        margin-bottom: 16px;
      }
      h3 {
        font-size: 24px;
      }
      p {
        font-size: 16px;
      }
    }
    .right {
      .review {
        left: -40px;
        top: 40px;
        ul {
          li {
            a {
              img {
                width: 40px;
              }
            }
          }
        }
      }
      .parson-pic {
        
            right: 5%;
            bottom: -50px;
            width: 93%;
        }
    }
    
  }
  .page-template-template-blog {
      .banner-area {
            &&.about {
                & .right {
                    .parson-pic {
                        width: 80%;
                        right: 17%;
                        top: 13px;
                        img {
                          width: 247px;
                          height: 247px;
                        }
                    }
                }
            }
        }

    }
  .page-template-template-Bestll-logga {
    .banner-area.about {
      a.mybtnfntnew {
          font-size: 16px !important;
          padding: 12px 20px;
          width: max-content !important;
          text-align: center;
      }
      .main-pic {
        img {
          margin: 0px auto;
          display: block;
        }
      }
      .right {
        .parson-pic {
            width: 96%;
            right: 2%;
        }
      }
    }
  }
  .page-template-template-Kontakta-Oss {
    .banner-area {
        &&.about {
            & .right {
                .parson-pic {
                    width: 75%;
                    right: 23%;
                    top: 18px;
                }
            }
        }
    }
  }
  .sec-section {
    .numbers-item {
      .item {

        .number {
          font-size: 60px; 
        }
       
      }
    }
    .left {
      border-radius: 0px;
    }
    .right img {
        height: 480px;
        object-fit: cover;
        border-radius: 0px;
    }
    .logo-slider {
      margin-top: 40px;
      margin-bottom: 0px !important;
      .item {
        padding: 0px 16px;
        & .top-logo, & .btm-logo {
              img {
                width: 85%;
                height: 75px;
                object-fit: contain;
                position: absolute;
            }
          }
      }
    }

  }
  .section-title {
    font-size: 55px;
  }
  .fourth-section {
    .top {
      width: 100%;

    }
    .line {
      display: none;
    }
    .numbers-items {
      margin-top: 40px;
      .cont {
        padding-right: 0px;
        margin-bottom: 20px;
      }
    } 
  }
  .sixth-section {
    .top {
      .sub {
        font-size: 30px;
      }
    }
    .big {
      width: 30%;
    }
  }

.seven-section {
  .item {
    margin-top: 55px;
    >div {
      padding-right: 40px;
      padding-left: 10px;
      .coma {
        width: 60px;
      }
      .user {
        position: absolute;
        right: -51px;
        top: 28%;
        img {
          width: 100px;
          height: 100px;
        }
      }
    }
  }
}
footer {
  .info {
    flex-direction: column;
    align-items: start;
    li.divider {
      display: none;
    }
  }
  .menu-header-menu-container {
   display: block;
   margin: 30px 0px;
    .info {
        & li {
            span {
                font-size: 18px;
            }
            .link {
              font-size: 16px;
            }
        }
    }
    .footer-menu {
        justify-content: start;
        gap: 14px;
        align-items: start;
        flex-wrap: wrap;
        margin-bottom: 14px;
        margin-top: 16px;
    }
  }
}

.about-area {
  p {
    font-size: 16px;
    line-height: 140%;
  }
  h2 {
    font-size: 24px;
  }
}
.text-area {
  h1 {
    font-size: 34px;
    line-height: 130%;
    max-width: 100%;
  }
  p {
    font-size: 16px;
    line-height: 130%;
  }
}
.strthr .primary-btn {
      display: flex;
    justify-content: center;
    gap: 10px;
    width: 100% !important;
    padding: 10px 20px;
   
}
.about-area  {
  .abs {
    position: relative;
    z-index: 2;
  }
}

.page-template-template-blog .banner-area {
  padding-right: 0;
  padding-bottom: 30px;
}


.header-area .right {
    .top {
        margin: 61px 0 0 0 !important;
    }
}

.page-template-template-design-brief .banner-area {
    & .left {
        h1 {
            font-size: 31px;
        }
    }
}

.page-template-template-blog .parson-pic img {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 50%;
}

.banner-area {
        &&.about {
            & .right {
                .parson-pic {
                    width: 75%;
                    right: 17%;
                    top: 18px;
                }
            }
        }
    }

.single-post .banner-area {
    & .left {
        h1 {
            font-size: 37px;
            font-weight: 800;
            color: #2160a2;
            line-height: 110%;
            margin-bottom: 92px;
            margin-top: 72px;
        }
    }
}


}

@media (max-width: 767px) {

.single-post .banner-area {
    & .left {
        h1 {
            font-size: 37px;
            font-weight: 800;
            color: #2160a2;
            line-height: 110%;
            margin-bottom: 92px;
            margin-top: 72px;
        }
    }
}
  .banner-area {
        &&.about {
            & .right {
                .parson-pic {
                    width: 75%;
                    right: 17%;
                    top: 0px;
                }
            }
        }
    }


    h2.frgr {
      font-size: 45px;
      margin: 0 0 20px 0;
  }
  .banner-area {
    padding: 140px 0px 40px;
    .left {
      h1 {
        font-size: 36px;
        margin-top: 10px;
      }
    }
    &&.about {
      .right {
        .main-pic {
          img {
            margin: 0px auto;
            display: block;
          }
        }
        .parson-pic {
          width: 75%;
          right: 0%;
        }
      }
    }
  }
  .banner-area .right .parson-pic {
    right: 5%;
    bottom: 0px;
    width: 85%;
  }
  .sec-section {
    .numbers-item {
        flex-wrap: wrap;
        gap: 10px;
        .item {
            width: 46%;
             .text {
              font-size: 15px;
            }
        }
    }
}
.comn-padding {
  padding: 40px 0px;
}
.sixth-section {
  .big {
    padding: 10px 16px;
    width: 32%;
  }
}

.about-area {
      .dot-1 {
        inset: auto auto 0px 84%;
        width: 60px;
        height: 60px;
        border: 12px solid var(--secondery);
    }
    .left {
      position: relative;
      z-index: 2;
    }
    h2 {
      font-size: 28px;
    }
}

.text-area {
  h1 {
    font-size: 28px;
    line-height: 130%;
    max-width: 100%;
  }
}
.text-area {
  &&.bg-white {
      h3 {
    font-size: 28px;
    margin-bottom: 6px;
  }
  h4 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  }
}
  .page-template-template-Bestll-logga {
    .banner-area.about {
      .left {
        h1 {
          margin-bottom: 4px;
          margin-top: 10px;

        }
      }
      .main-pic {
        img {
          margin: 0px auto;
          display: block;
        }
      }
      .right {
        .parson-pic {
            width: 80%;
            right: 8%;
        }
      }
    }
  }
  .strthr .primary-btn {
      display: flex;
    justify-content: center;
    gap: 10px;
    width: 100% !important;
    padding: 10px 20px;
    font-size: 16px !important;
}
    .banner-area {
        &&.about {
            & .right {
                .parson-pic {
                    width: 73%;
                    right: 15%;
                    margin-bottom: 20px;
                }
            }
        }
    }
  .page-template-template-Kontakta-Oss {
    .banner-area.about {
      .right {
        .parson-pic {
          width: 50% !important;
          right: 23% ;
          margin-bottom: 0px;
         
        }
      }
    }
    .about-area {
        .dot-1 {
            inset: auto auto 0px 91%;
            width: 60px;
            height: 60px;
            border: 12px solid var(--secondery);
        }
    }
  }



.header-area .right {
    .top {
        margin: 61px 0 0 0 !important;
    }
}

.page-template-template-design-brief .banner-area {
    & .left {
        h1 {
            font-size: 31px;
        }
    }
}

.page-template-template-blog .parson-pic img {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 50%;
}

.custom-table {
    width: 100%;
    margin: 15px auto 42px;
}
.page-template-template-Bestll-logga {
      .banner-area {
        &&.about {
            & .right {
                .parson-pic {
                    img {
                      width: 100%;
                      height: auto;
                    }
                }
            }
        }
    }
}
.page-template-template_about_us {
      .banner-area {
        &&.about {
            & .left {
                h1 {
                
                    margin-top: 20px;
                }
            }
        }
    }
}
.page-template-template-Vra-Loggor {
      .banner-area {
        &&.about {
            & .right {
                .parson-pic {
                    width: 75%;
                    right: unset;
                 
                }
            }
        }
    }
}
    .fourth-section {
        .numbers-items {
            margin-top: 20px;
        }
    }
    .page-template-template-blog {
        & .banner-area {
            &&.about {
                & .right {
                    .parson-pic {
                        width: 80%;
                        right: 1%;
                        top: 47px;
                        img {
                            width: 320px;
                            height: 320px;
                        }
                    }
                }
            }
        }
    }
.page-template-template-blog .banner-area {
    .left {
        padding-right: 40px;
        padding-bottom: 0px;
    }
}
.page-template-template-Bestll-Nu {
  .about-area {
    p {
      margin-bottom: 0px;
    }
  }
}

.about-area {
    .backface {
        position: absolute;
        inset: auto auto 0 0;
        max-width: 30%;
        opacity: 0.6;
    }
}
.page-template-template-design-brief {
  .banner-area {
        &&.about {
            & .right {
                .parson-pic {
                    width: 78%;
                    right: 15%;
                    top: 30px;
                    bottom: 0px;
                }
            }
        }
    }

}
.page-template-template-order-design {
  .banner-area {
      &&.about {
          & .right {
              .parson-pic {
                  width: 75%;
                  right: 17%;
                  top: 36px;
              }
          }
      }
  }

}

}
@media (max-width: 576px) {
  .comn-padding {
    padding: 25px 0px;
  }
  .custom-table th {
    width: 50%;
  }
  .custom-table {
    margin-bottom: 25px;
  }
  .banner-area {
    overflow: hidden;
    .left {
      h1 {

        br {
          display: none;
        }
      }
      h3 {
        margin-bottom: 10px;
      }
    }
    &&.about {
      padding: 110px 0px 20px 0px;
      .left {
        h1 {
          margin-bottom: 8px;margin-top: 0px;
        }
      }
    }
  }
  .page-template-template-order-design {

    .banner-area {
      &&.about {
          & .right {
              .parson-pic {
                 width: 82%;
                    right: 10%;
                    margin-bottom: 20px;
                    top: 9px;
              }
          }
      }
  }
  }
  .page-template-template-Bestll-logga {
        & .banner-area {
            &&.about {
                & .right {
                    .parson-pic {
                                          width: 80%;
                    right: 15%;
                    margin-bottom: 20px;
                    top: 14px;
                    }
                }
            }
        }
    }
  .sec-section {
    .numbers-item {
      .item {
        .number {
          font-size: 50px;
        }
      }
    }
    .left {
      padding: 10px 20px 20px 20px;
    }
    .right img {
      height: 300px;
    }
  }
  .sec-section {
    .logo-slider {
      margin-top: 25px;
    }
  }
  .section-title {
    font-size: 35px;
  }
  .page-template-template-Vanliga-frgor  {
    .banner-area {
      .left {
        h1 {
          margin-top: 20px !important;
          margin-bottom: 0px !important;
        }
      }
    }
  }
      .page-template-template-blog {
        & .banner-area {
            &&.about {
                & .right {
                    & .parson-pic {
                      width: 73%;
                      right: 13%;
                      margin-bottom: 20px;
                      top: 15px;
                        img {
                            width: 100%;
                            height: auto;
                        }
                    }
                }
            }
        }
    }
  
.page-template-template-blog article.blog-post {
  padding: 20px 10px;
  min-height: 450px;
  display: flex;
  flex-wrap: wrap;
  h2 {
    width: 100%;
    font-size: 24px;
    margin-top: 13px;
    margin-bottom: 0px;
  }
  p {
    margin-bottom: 0px;
  }
}

  .third-section {
    .top {
      p {
        font-size: 16px;
      }
    }
     .card-items {
      .inner-card {
        min-height: 320px;
      }
     }
  }

  .fourth-section {
    .bottom-content {
        padding: 10px 0px 0px;
      p {
        text-align: center;
      }
    }
  }
  .fifth-section {
    .accordion-body {
      font-size: 14px;
      padding: 10px !important;
    }
    .accordion-button {
      font-size: 16px;
      padding: 10px !important;
    }
    .accordion-item {
      border-radius: 5px !important;
      margin-bottom: 10px;
    }
  }
  
    .sixth-section {
        & .top {
            .sub {
                font-size: 26px;
            }
        }
    }
.sixth-section {
  .action {
    flex-direction: column;
    gap: 10px;
    .big {
    padding: 10px 16px;
    width: 100%;
    }
  }
}
.seven-section {
    & .item {
      margin-top: 0px;
      padding-top: 40px;
        &>div {
            width: 100%;
            padding: 40px 20px 35px 20px;
            .coma {
              top: -10px;
            }
            .user {
              position: relative;
              right: unset;
              top: unset;
              margin-top: 12px;
              img {
                margin: 0px auto;
              }
            }
            h6 {
              text-align: center;
            }
        }
    }
}

.about-area {
  h2 {
    font-size: 25px;
  }
}
.strthr {
  padding: 0px 0px 25px;
  background-color: transparent;
}
    .strthr .primary-btn {
        padding: 10px 13px;
        font-size: 14px !important;
    }



.header-area .right {
    .top {
        margin: 0 0 0 0;
        float: right;
        position: relative;
        top: -159px;
        right: -185px;
    }
}
.primary-btn {
        padding: 5px 14px;
        font-size: 15px;
        gap: 6px;
    }



.banner-area {
        & .right {
            .review {
                left: -59px;
                top: 40px;
            }
        }
    }

.home .banner-area {
    .right {
        position: relative;
        right: -40px;
    }
}

.banner-area {
    .right {
        position: relative;
        top: 27px;
        margin: 0 0 31px 0;
    }
}

.banner-area {
        &&.about {
            & .right {
                .parson-pic {
                    width: 73%;
                    right: 15%;
                    margin-bottom: 20px;
                    top: 74px;
                }
            }
        }
    }

    .back-pic {
    display: none;
}

.page-template-template-Kontakta-Oss {
        & .banner-area.about {
            & .right {
                .parson-pic {
                    width: 55% !important;
                    right: 18% !important;
                    margin-bottom: 0px !important;
                    top: 0px !important;
                }
            }
        }
    }

    .page-template-template-Kontakta-Oss .inpt-fld-new {
    width: 100%;
}

.page-template-template-blog .banner-area {
    &&.about {
        & .right {
            .parson-pic {
                width: 73%;
                right: 10%;
                margin-bottom: 20px;
                top: 18px;
            }
        }
    }
}

.page-template-template-blog .parson-pic img {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 50%;
}

.single-post .banner-area {
    & .left {
        h1 {
            font-size: 33px;
        }
    }
}

.single-post article img {
    width: 100%;
}

.single-post .about-area {
        margin-top: 0px !important;padding-top:0px !important;
    }


.page-template-template-design-brief .banner-area {
    & .left {
        h1 {
            font-size: 31px;
        }
    }
}


.page-template-template_about_us .banner-area {
        &&.about {
            & .right {
                .parson-pic {
                    width: 73%;
                    right: 15%;
                    margin-bottom: 20px;
                    top: 7px;
                }
            }
        }
    }

    .page-template-template-Vra-Loggor .banner-area {
        &&.about {
            & .right {
                .parson-pic {
                    width: 73%;
                    right: unset;
                    margin-bottom: 20px;
                    top: 0px;
                }
            }
        }
    }
    .text-area {
        &.bg-white {
            .primary-btn {
                height: 50px;
                min-width: 300px;
            }
        }
    }


}


.header-area .left {
    margin: 44px 0 0 0;display: initial;
}
.mbl .navbar {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0 0 0 0;
    }

.header-area .navbar-brand img {
    width: 79%;
    margin: 0 auto;
    float: none;
    display: table;
}