@media (max-width: 1440px) {
    .conatiner {
        width: 90%;
    }
}

@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
    .input {
        width: 470px;
    }

    .input input {
        width: 200px;
    }

    .hero p {
        font-size: 9px;
        padding-top: 17px;
        display: flex;
    }

    .hero h2 {
        font-size: 14px;
    }

    /*.hero-title h2 {*/
    /*    padding-top: 6px;*/
    /*}*/
    /*.hero-end {*/
    /*    padding-right: 130px;*/
    /*}*/
    .navbar-nav {
        height: 48px;
        width: 89%;
        margin: 17px 0;
    }

    .header a {
        font-size: 13px;
        padding: 0 8px;
    }

    .swi-div {
        width: 90%;
    }

    .holl {
        position: absolute;
        left: 310px;
        bottom: 10px;
    }

    .circle {
        height: 363px;
        width: 370px;
        left: 700px;
    }


    .swiper-slide h1 {
        height: 171px;
        width: 470px;
        padding: 51px 0;
    }

    .circle {
        left: 547px;
        top: 1px;
    }

    .swiper-wrapper {
        width: 85%;
    }

    .swiper-slide {
        width: 89%;
    }

    .group-div p {
        height: 40px;
        width: 119px;
        font-size: 14px;
    }

    .one {
        background: #FFF7D9;
        border-radius: 6px;
        height: 125px;
        width: 280px;
        position: relative;
        margin-bottom: 10px;
    }

    .three-group {
        height: 200px;
        width: 285px;
    }

    .tabs-block {
        width: 260px;
        margin-bottom: 20px;
        margin-right: 45px;
    }

    .tabs-block h2 {
        font-size: 13px;
        width: 205px;
        height: 40px;
    }

    .tabs-block1 {
        width: 260px;
        margin-bottom: 20px;
        margin-right: 45px;

    }

    .tabs-block1 h2 {
        font-size: 13px;
        width: 205px;
        height: 40px;
    }

    .tabs-block2 {
        width: 260px;
        margin-bottom: 20px;
        margin-right: 45px;

    }

    .tabs-block2 h2 {
        font-size: 13px;
        width: 205px;
        height: 40px;
    }

    .tabs-block3 {
        width: 260px;
        margin-bottom: 20px;
        margin-right: 45px;

    }

    .tabs-block3 h2 {
        font-size: 13px;
        width: 205px;
        height: 40px;
    }

    .block-btn button {
        font-size: 13px;
        padding: 11px 29px;
    }

    .block-btn {
        width: 249px;
    }

    .door-one p {
        width: 312px;
        height: 185px;
        font-size: 14px;
    }

    .door-one span {
        font-size: 11px;
    }

    .assa img {
        width: 73%;
    }

    .assa p {
        width: 300px;
        height: 100px;
        font-size: 11px;
    }

    .assa h2 {
        font-size: 16px;
    }

    .foot-line {
        width: 90%;
    }

}

@media (max-width: 992px) {
    .java-one {
        position: relative;
        background: #FFF7D9;
        border-radius: 6px;
        height: 380px;
        width: 286px;
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    .hamburger-menu {
        display: block;
    }

    .input {
        width: 310px;
        height: 30px;
    }

    .input input {
        width: 90px;
        font-size: 8px;
        height: 20px;
    }

    .input button {
        font-size: 11px;
        padding: 10px 34px;
        margin-left: 94px;
    }

    .head-loc {
        /*display: none;*/
        display: flex;
        flex-direction: column;
    }

    .swiper-slide h1 {
        font-size: 40px;
        height: 174px;
        width: 223px;
        padding: 51px 0;
    }

    .swi-div p {
        font-size: 18px;
        padding: 0 20px;
    }

    nav {
        display: none;
    }

    .hero-end button {
        display: none;
    }

    .hero-group p {
        /*display: none;*/
        padding: 10px;
    }

    .hero-title {
        display: none;
    }

    .hero-end {
        display: none;
    }

    .nav-gr {
        height: 48px;
        width: 190px;
    }

    .navbar-nav {
        height: 48px;
        width: 98%;
        margin: 17px 0;
    }

    .three-group {
        width: 240px;
    }

    .one {
        width: 240px;
    }

    .navbar-nav a {
        font-size: 12px;
    }

    .holl {
        position: absolute;
        left: 110px;
        bottom: 10px;
    }

    .circle {
        height: 363px;
        width: 363px;
        left: 400px;
    }

    .swi-div p {
        font-size: 10px;
    }

    .navbar-group {
        flex-wrap: wrap;
    }

    .java p {
        display: none;
    }

    .java-one {
        display: flex;
        height: 194px;
        width: 236px;
        margin-right: 40px;
        /*flex-wrap: wrap;*/
    }

    .java-two {
        flex-wrap: wrap;
        display: flex;
    }

    .java {
        /*flex-wrap: wrap;*/
    }

    .java-three {
        /*display: flex;*/
        /*flex-wrap: wrap;*/
    }

    .img-door {
        width: 325px;
        height: 313px;
        top: 50px;
        left: 9px;
    }

    .door-two {
        width: 320px;
        height: 372px;
    }

    .assa p {
        width: 210px;
        height: 101px;
        font-size: 11px;
    }

    .assa div {
        margin-right: 10px;
    }
}

@media (max-width: 576px) {
    .group-div p {
        height: 40px;
        width: 80px;
        font-size: 12px;
    }

    .nav-gr {
        height: 48px;
        width: 132px;
    }

    .one {
        width: 156px;
        height: 67px;
    }

    .three-group {
        width: 180px;
        height: 105px;
    }

    .label label {
        padding: 0 29px;
        font-size: 14px;
        font-weight: 700;
    }

    .tabs-block {
        width: 213px;
        margin-bottom: 20px;
        margin-right: 45px;
        height: 400px;
    }

    .tabs-block1 {
        width: 213px;
        margin-bottom: 20px;
        margin-right: 45px;
        height: 400px;
    }

    .tabs-block2 {
        width: 213px;
        margin-bottom: 20px;
        margin-right: 45px;
        height: 400px;
    }

    .tabs-block3 {
        width: 213px;
        margin-bottom: 20px;
        margin-right: 45px;
        height: 400px;
    }

    .tabs-block p {
        font-weight: 300;
        font-size: 10px;
        line-height: 16px;
        display: flex;
        align-items: center;
        color: #000000;
        padding-bottom: 10px;
    }

    .tabs-block1 p {
        font-weight: 300;
        font-size: 10px;
        line-height: 16px;
        display: flex;
        align-items: center;
        color: #000000;
        padding-bottom: 10px;
    }

    .tabs-block2 p {
        font-weight: 300;
        font-size: 10px;
        line-height: 16px;
        display: flex;
        align-items: center;
        color: #000000;
        padding-bottom: 10px;
    }

    .tabs-block3 p {
        font-size: 10px;
        padding-bottom: 10px;
    }

    .block-btn {
        width: 203px;
    }

    .block-btn-text h3 {
        font-size: 15px;
    }

    .door-one h1 {
        font-size: 27px;
    }

    .door-one p {
        width: 213px;
        height: 170px;
        font-size: 12px;
    }

    .img-door {
        width: 265px;
        height: 245px;
        top: 60px;
        left: 4px;
    }

    .door-two {
        width: 320px;
        height: 315px;
    }

    .door-one p {
        width: 203px;
        height: 170px;
        font-size: 11px;
    }

    .assa p {
        width: 145px;
        height: 101px;
        font-size: 11px;
        padding-bottom: 110px;
    }

    .assa span {
        font-size: 15px;
    }

    .small input {
        height: 26px;
        width: 108px;
    }

    .small button {
        font-size: 12px;
        padding: 8px 6px;
    }

}

@media (max-width: 425px) {
    .hero-group {
        display: none;
    }

    .square-group {
        display: none;
    }

    .nav-gr {
        height: 38px;
        width: 100px;
    }

    .navbar-nav {
        height: 36px;
        width: 98%;
        margin: 17px 0;
    }

    .navbar-nav a {
        font-size: 9px;
    }

    .linear {
        height: 1.666666px;
        width: 11px;
        margin-bottom: 2px;
    }

    .swiper-slide img {
        display: none;
    }

    .group-div p {
        height: 37px;
        width: 26px;
        font-size: 9px;
    }

    .java-one {
        margin-right: 9px;
        display: none;
    }

    .label {
        padding: 1px 0;
    }

    .label label {
        font-size: 9px;
    }

    .tabs-block {
        width: 146px;
        margin-bottom: 18px;
        margin-right: 27px;
        height: 330px;
    }

    .tabs-block1 {
        width: 146px;
        margin-bottom: 18px;
        margin-right: 27px;
        height: 330px;
    }

    .tabs-block2 {
        width: 146px;
        margin-bottom: 18px;
        margin-right: 27px;
        height: 330px;
    }

    .tabs-block3 {
        width: 146px;
        margin-bottom: 18px;
        margin-right: 27px;
        height: 330px;
    }

    .tabs-block p {
        font-weight: 400;
        font-size: 6px;
        line-height: 14px;
    }

    .tabs-block1 p {
        font-weight: 400;
        font-size: 6px;
        line-height: 14px;
    }

    .tabs-block2 p {
        font-weight: 400;
        font-size: 6px;
        line-height: 14px;
    }

    .tabs-block3 p {
        font-weight: 400;
        font-size: 6px;
        line-height: 14px;
    }

    .tabs-block h2 {
        font-size: 9px;
        width: 150px;
        height: 40px;
    }

    .tabs-block1 h2 {
        font-size: 9px;
        width: 150px;
        height: 40px;
    }

    .tabs-block2 h2 {
        font-size: 9px;
        width: 150px;
        height: 40px;
    }

    .tabs-block3 h2 {
        font-size: 9px;
        width: 150px;
        height: 40px;
    }

    .block-btn-text h3 {
        font-size: 11px;
    }

    .block-btn {
        width: 140px;
    }

    .block-btn button {
        font-size: 13px;
        padding: 5px 10px;
    }

    .block-btn span {
        font-size: 10px;
    }

    .swiper-slide2 h4 {
        width: 345px;
        height: 117px;
        font-weight: 300;
        font-size: 13px;
        line-height: 144%;
        color: #000000;
        padding: 13px 40px;
    }

    .door {
        flex-wrap: wrap;
        justify-content: center;
    }

    .divs-assa {
        display: none;
    }

    .assa p {
        width: 255px;
        height: 90px;
        font-size: 11px;
        /*padding-bottom: 110px;*/
    }

    .small {
        flex-wrap: wrap;
        justify-content: center;

    }

    .small input {
        height: 35px;
    }

    .footer button {
        font-size: 15px;
        padding: 8px 7px;
    }

    .footer-one p {
        font-size: 9px;
        width: 106px;
        padding: 8px 0;
    }

    .footer-one h3 {
        font-size: 13px;
    }

    .footer-two p {
        font-size: 10px;
        line-height: 17px;
        height: 99px;
        width: 148px;
    }

    .group-div p {
        height: 28px;
        width: 7px;
        font-size: 7px;
    }

    .three-group {
        width: 169px;
        height: 105px;
    }

    .java h2 {
        font-size: 15px;
        padding: 20px;
    }

    .label label {
        font-size: 6px;
    }

    .tabs-block {
        width: 145px;
        margin-bottom: 16px;
        margin-right: 13px;
        height: 340px;
    }

    .tabs-block1 {
        width: 145px;
        margin-bottom: 16px;
        margin-right: 13px;
        height: 340px;
    }

    .tabs-block2 {
        width: 145px;
        margin-bottom: 16px;
        margin-right: 13px;
        height: 340px;
    }

    .tabs-block3 {
        width: 145px;
        margin-bottom: 16px;
        margin-right: 13px;
        height: 340px;
    }

    .swiper-slide2 h4 {
        width: 290px;
        height: 117px;
        font-weight: 300;
        font-size: 11px;
        line-height: 144%;
        color: #000000;
        padding: 13px 40px;
    }

    .swiper-slide2 {
        font-size: 18px;
        height: 315px;
        width: 370px;
    }

    .footer p {
        font-weight: 500;
        font-size: 9px;
        line-height: 22px;
        color: #FFFFFF;
    }

    .navbar-nav a {
        font-size: 8px;
    }

    .input {
        width: 308px;
        height: 30px;
    }

    .swi-div {
        height: 37px;
    }
}

@media (max-width: 320px) {
    .input {
        width: 296px;
        height: 30px;
    }
    .input input {
        width: 78px;
        font-size: 8px;
        height: 20px;
    }
    .head-loc select {
        font-size: 8px;
    }

    .head-loc p {
        font-size: 10px;
    }

    .navbar-nav a {
        font-size: 6px;
    }

    .swiper-slide h1 {
        font-size: 28px;
        height: 145px;
        width: 225px;
    }

    .one {
        width: 139px;
        height: 67px;
    }

    .three-group {
        width: 143px;
        height: 87px;
    }

    .java h2 {
        font-size: 12px;
        padding: 17px;
    }

    .label label {
        font-size: 3px;
    }

    .tabs-block {
        /*margin-right: 0px;*/
        font-weight: 400;
        font-size: 5px;
        line-height: 13px;
        width: 131px;
    }

    .tabs-block1 {
        /*margin-right: 0px;*/
        font-weight: 400;
        font-size: 5px;
        line-height: 13px;
        width: 131px;
    }

    .tabs-block2 {
        /*margin-right: 0px;*/
        font-weight: 400;
        font-size: 5px;
        line-height: 13px;
        width: 131px;
    }

    .tabs-block3 {
        /*margin-right: 0px;*/
        font-weight: 400;
        font-size: 5px;
        line-height: 13px;
        width: 131px;
    }
    .tabs-block p {
        font-weight: 400;
        font-size: 5px;
        line-height: 14px;
    }
    .tabs-block1 p {
        font-weight: 400;
        font-size: 5px;
        line-height: 14px;
    }
    .tabs-block2 p {
        font-weight: 400;
        font-size: 5px;
        line-height: 14px;
    }
    .tabs-block3 p {
        font-weight: 400;
        font-size: 5px;
        line-height: 14px;
    }
    .block-btn {
        width: 126px;
    }
    .block-btn-text h3 {
        font-size: 8px;
    }
    .block-btn-text p {
        font-weight: 400;
        font-size: 4px;
        line-height: 14px;
    }
    .tabs-block h2 {
        font-size: 9px;
        width: 117px;
        height: 40px;
    }
    .tabs-block1 h2 {
        font-size: 9px;
        width: 117px;
        height: 40px;
    }
    .tabs-block2 h2 {
        font-size: 9px;
        width: 117px;
        height: 40px;
    }
    .tabs-block3 h2 {
        font-size: 9px;
        width: 117px;
        height: 40px;
    }
    .slide-title h3 {
        font-size: 15px;
    }
    .block-btn button {
        font-size: 10px;
    }
    .circle{
        display: none;
    }
.swiper-slide {
    /*background: url("./img/swip.png");*/
}
}

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