.checkbtn {
    color: black;
    cursor: pointer;
    display: none;
}

#check {
    display: none;
}

.toogle {
    display: none;
}

.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hamRotate.active {
    transform: rotate(45deg);
}

.hamRotate180.active {
    transform: rotate(180deg);
}

.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: rgb(18, 1, 58);
    stroke-width: 5.5;
    stroke-linecap: round;
}

.ham3 .top {
    stroke-dasharray: 40 130;
    stroke: #FF002B;
}

.ham3 .middle {
    stroke-dasharray: 40 140;
    stroke: #FF002B;
}

.ham3 .bottom {
    stroke-dasharray: 40 205;
    stroke:#FF002B;
}

.ham3.active .top {
    stroke-dasharray: 75 130;
    stroke-dashoffset: -63px;
}

.ham3.active .middle {
    stroke-dashoffset: -102px;
}

.ham3.active .bottom {
    stroke-dasharray: 110 205;
    stroke-dashoffset: -86px;
}
@media only screen and (max-width: 1326px){
    .slider .item {
        height: 600px;
    }
}
@media only screen and (max-width: 1200px){
    .header__top,
    .header__bottom {
        padding: 0 50px;
        box-sizing: border-box;
    }
    .contact {
        padding: 50px;
        box-sizing: border-box;
    } 
    .service-description {
        padding: 0 50px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 1024px){
    .about-us {
        padding: 50px;
        box-sizing: border-box;
    }
    .clients__container img {
        width: 100%;
    }
    .testimonials__container {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
    .clients__items {
        padding: 50px;
        box-sizing: border-box;
    }
    .clients__items .item {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .testimonials__slider {
        width: 100%;
        padding: 50px;
        box-sizing: border-box;
    }
    .testimonials .owl-carousel,
    .testimonials .owl-stage-outer,
    .testimonials .owl-stage,
    .testimonials .owl-item {
        width: 100%;
    }
    .address {
        line-height: 36px;
    }
    .contacts {
        display: flex;
        flex-direction: column;
    }
    .contacts a {
        padding: 8px 0;
    }
    .contact__right form {
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    .checkbtn {
        display: block;
    }
    footer {
        overflow: hidden;
    }
    .nav-bar {
        position: absolute;
        left: 0px;
        top: 130px;
        background: rgb(46, 46, 45, 0.5);
        width: 100%;
        flex-direction: column;
        z-index: 2;
        display: none;
    }
    .nav-bar ul {
        display: block;
    }
    .nav-bar ul li {
        display: block;
        padding: 20px;
        box-sizing: border-box;
    }
    .nav-bar ul li a {
        color: white;
        font-size: 24px;
    }
    .header_fixed {
        position: fixed;
    }
    .header_fixed .nav-bar {
        top: 80px;
    }
    .nav-bar ul li ul {
        display: none;
        position: inherit;
        background-color: inherit;
        width: 100%;
    }
    .nav-bar ul li ul li {
        padding: 10px 0px 20px 10px;
        display: block;
        box-sizing: border-box;
    }
    .services__item {
        width: 50%;
    }
    .services-photo {
        background-position: center;   
    }
    .slider .item {
        width: 100%;
        height: 300px;
    }
    .slider__image {
        background-position: center;
        background-size: 100%; 
    }
}
@media only screen and (max-width: 650px) {
    .header__top {
        height: auto;
    }
    .header__top .header__container {
        flex-wrap: wrap;
        justify-content: center;
    }
    .header__social,
    .header__info {
        padding: 10px 0;
    }
    .nav-bar {
        top: 150px;
    }
    .logo strong {
        padding: 0 40px;
        box-sizing: border-box;
        font-size: 18px;
    }
    .address,
    .contacts
     {
        font-size: 18px;
    }
}
@media only screen and (max-width: 590px) {
    .info-area__text {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .contact__area {
        flex-wrap: wrap;
    }
    .contact__left,
    .contact__right {
        width: 100%;
    }
    .testimonials {
        height: auto;
    }
    
    .header__week,
    .header__mail,
    .header__phone {
        font-size: 12px;
    }
    .nav-bar {
        top: 150px;
    }
    .clients__items .item {
        width: auto;
    }
}
@media only screen and (max-width: 481px) {
    .services__item {
        width: 100%;
    }
    .header__top,
    .header__bottom {
        padding: 0 5px;
        box-sizing: border-box;
    }
    .contact {
        padding: 100px 20px;
    }
    .nav-bar {
        top: 150px;
    }
    .service-description {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .services-photo h2 {
        font-size: 3em;
    }
    .header__info .mr {
        margin-right: 5px
    }
    

}
@media only screen and (max-width: 320px) {
    .header__info {
        flex-wrap: wrap;
    }
    .header__week,
    .header__mail,
    .header__phone {
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }
    .nav-bar {
        top: 235px;
    }
    .services-photo h2 {
        font-size: 2em;
    }
    .contact__container h2 {
        font-size: 24px;
    }
    .logo strong {
        font-size: 18px;
        padding: 0 10px;
    }
    
}