@media(min-width:350px) and (max-width:480.98px) {

    .product-area .card .rand-img {
        height: 10.5rem;
    }

    .product-area .card h2 {
        font-size: 1.2rem;
    }

    .product-area .card h3 {
        font-size: 1rem;
    }

    .absolute-brand-sun {
        bottom: 13rem;
        right: -11rem;
    }

    .absolute-brand-sun h1 {
        font-size: 4rem;
        letter-spacing: .2rem;
    }

    .flexed-zoom-img>div {
        margin: 0 .4rem;
    }

    .border-full-div {
        padding: 1rem 1rem;
        margin-top: 2rem;
    }

    .flexed-div-prod {
        margin: 0;
    }

    .fast-order-btn {
        margin-top: 0;
    }

    .modal-header {
        margin: 0 auto;
    }

    .about-area .title h1 {
        font-size: 1.45rem;
    }

    .about-area .descrip p {
        font-size: 1rem;
        letter-spacing: 0;
    }

    .about-area .img-area {
        margin-top: 2rem;
    }

    .line-about-counter .container {
        display: block;
    }

    .line-about-counter .container .card-count:nth-child(2) {
        border: none;
        border-top: 1px solid #1b1b1d2a;
        border-bottom: 1px solid #1b1b1d2a;
    }

    .line-about-counter .container .card-count {
        padding: 2rem 1.5rem;
    }

    .sub-about img {
        height: auto;
        margin-bottom: 1.5rem;
    }

    .sub-about h1 {
        font-size: 1.7rem;
        text-align: center;
        margin-bottom: 1.2rem;
    }

    .sub-about p {
        letter-spacing: 0;
        text-align: center;
        font-size: .9rem;
    }

    .dinone {
        display: none;
    }

    .fixed-menu .mobile-menu {
        left: -250px;
        margin: 0;
        display: block !important;
    }

    .container.menus.fixed-menu {
        background-color: #fff;
        top: 0;
        border-radius: 0;
        padding: 0;
    }

    .menu-area .whatsapp-btn,
    .menu-area .logo-area,
    .menu-area .drop-menu,
    .menu-area .hakkimizda-btn,
    .menu-area .iletisim-btn,
    .product-showcase .col-md-1,
    .right-dottet,
    .dottet-content-right,
    .left-dottet,
    .dottet-content-left,
    .order-s-area.pc {
        display: none;
    }

    .content-item .title h1 {
        font-size: 1.5rem;
    }

    .content-item .title h1 .span-title {
        font-size: 1.3rem;
    }

    .content-item .title {
        width: 100%;
    }

    .product-showcase,
    .contact-area {
        margin-top: 3rem;
    }

    .discover-btn a {
        font-size: 1rem;
    }

    .product-showcase {
        margin-bottom: 0;
    }

    .product-showcase .col-1 {
        display: block;
        margin-left: 2rem;
    }

    .product-thumbnails {
        flex-direction: row;
        width: 14rem;
        justify-content: center;
        margin: 2.5rem auto;
        margin-bottom: 1.4rem;
    }

    .product-thumbnails img {
        width: 55px;
        height: 55px;
    }

    .order-s-area {
        margin-top: 2rem;
    }

    .title-public p {
        font-size: 1.1rem;
    }

    .order-div h2 {
        font-size: 1.2rem;
        margin: 1.5rem 0;
    }

    .flexed-order-start p {
        font-size: .95rem;
    }

    .absolute-arrow1 {
        bottom: -13rem;
        left: 4rem;
        right: inherit;
        top: inherit;
    }

    .absolute-arrow1 img {
        width: 10rem;
    }

    .absolute-cup1 {
        top: 30rem;
    }

    .absolute-cup1 img,
    .absolute-cup2 img {
        width: 12rem;
    }

    .flexed-order-start {
        margin: 14rem auto;
    }

    .order-s-area.mobile {
        display: block;
    }

    .absolute-arrow2 {
        top: 23rem;
        left: 0rem;
    }

    .absolute-cup2 {
        top: 106rem;
    }

    .absolute-arrow3 {
        right: inherit;
        top: 22rem;
        left: 6rem;
    }

    .absolute-arrow3 img {
        width: 13rem;
        transform: scaleX(-1);
    }

    .absolute-arrow4 img {
        width: 12rem;
    }

    .absolute-arrow4 {
        top: 22rem;
    }

    .absolute-arrow5 {
        top: 21.5rem;
    }

    .absolute-cup3 {
        bottom: 24rem;
    }

    .absolute-cup3 {
        width: 12rem;
        left: -5rem;
    }

    .flexed-order-start:last-child {
        margin-bottom: 0;
    }

    .product-area {
        margin-top: 2rem;
    }

    .absolute-brand {
        display: none;
    }

    .product-area .slider {
        left: 0;
    }

    .product-area .card {
        width: 12.4rem;
    }

    .product-area .card .detail-btn {
        margin: 0;
    }

    .absolute-img-prod img {
        width: 9rem;
    }

    .flexed-prod {
        display: block;
    }

    .content-prod {
        margin-top: 8rem;
        margin-bottom: 7rem;
        text-align: center;
    }

    .product-area .content-prod h2 {
        font-size: 2rem;
    }

    .order-steps-area .title-public p br {
        display: none;
    }

    .order-steps-area .title-public p {
        font-size: .9rem;
    }

    .order-steps-area,
    .area-four-grid,
    .brands-area {
        margin-top: 3rem;
    }

    .order-steps-area .col-md-3 {
        margin-bottom: 1rem;
    }

    .cards-order p {
        font-size: .9rem;
    }

    .title-brand h1 {
        font-size: 1.5rem;
    }

    .title-brand {
        width: 100%;
    }

    .blur-filter1 {
        display: none;
    }

    .blur-filter2 {
        display: none;
    }

    .brands-splide {
        margin-top: 1rem;
    }

    .brands-splide .splide__slide img {
        height: auto;
        border-radius: .3rem;
    }

    .contact-area .col-lg-5 img {
        width: 75%;
    }

    .absolute-card-content img {
        width: 7rem !important;
        border-radius: .4rem;
    }

    .absolute-card-content {
        right: .5rem;
        width: auto;
        bottom: -3rem;
        padding: .7rem;
    }

    .contant-form-area {
        margin-top: 7rem;
    }

    .contant-form-area h3 {
        font-size: 1.5rem;
    }

    .contant-form-area p {
        font-size: 1rem;
        margin: 0;
    }

    .contant-form-area input {
        margin-top: 1.2rem !important;
    }

    footer {
        margin-top: 3rem;
        padding: 2rem 0;
        background-size: auto;
    }

    footer .col-md-2 {
        margin-top: 2.5rem;
    }

    .social-meidas {
        justify-content: flex-start;
    }

    .social-meidas a {
        margin-right: 1rem;
    }

    .line-footer {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .sub-footer {
        display: block;
    }

    .sub-footer .links a {
        display: block;
        margin: 0;
        padding: .2rem 0;
    }

    .one-prod-colon {
        padding: 1.4rem;
        text-align: center;
    }

    .one-prod-colon .prod-img {
        width: 50%;
    }

    .prod-s-area,
    .products-section {
        margin-top: 2rem;
    }
}

@media(min-width:481px) and (max-width:575.98px) {
    .product-area .card .rand-img {
        height: 11rem;
    }

    .product-area .card h2 {
        font-size: 1.2rem;
    }

    .product-area .card h3 {
        font-size: 1rem;
    }

    .flexed-zoom-img>div {
        margin: 0 .4rem;
    }

    .border-full-div {
        padding: 1rem 1rem;
        margin-top: 2rem;
    }

    .flexed-div-prod {
        margin: 0;
    }

    .fast-order-btn {
        margin-top: 0;
    }

    .modal-header {
        margin: 0 auto;
    }

    .about-area .title h1 {
        font-size: 2rem;
    }

    .about-area .descrip p {
        font-size: 1.1rem;
        letter-spacing: 0;
    }

    .about-area .img-area {
        margin-top: 2rem;
    }

    .line-about-counter .container {
        display: block;
    }

    .line-about-counter .container .card-count:nth-child(2) {
        border: none;
        border-top: 1px solid #1b1b1d2a;
        border-bottom: 1px solid #1b1b1d2a;
    }

    .line-about-counter .container .card-count {
        padding: 2rem 1.5rem;
    }

    .sub-about img {
        height: auto;
        margin-bottom: 1.5rem;
    }

    .sub-about h1 {
        font-size: 2rem;
        text-align: center;
        margin-bottom: 1.2rem;
    }

    .sub-about p {
        letter-spacing: 0;
        text-align: center;
        font-size: 1rem;
    }

    .dinone {
        display: none;
    }

    .menu-area .whatsapp-btn,
    .menu-area .logo-area,
    .menu-area .drop-menu,
    .menu-area .hakkimizda-btn,
    .menu-area .iletisim-btn,
    .product-showcase .col-md-1,
    .right-dottet,
    .dottet-content-right,
    .left-dottet,
    .dottet-content-left,
    .order-s-area.pc {
        display: none;
    }

    .content-item .title h1 {
        font-size: 2rem;
    }

    .content-item .title h1 .span-title {
        font-size: 1.7rem;
    }

    .content-item .title {
        width: 100%;
    }

    .product-showcase,
    .contact-area {
        margin-top: 3rem;
    }

    .discover-btn a {
        font-size: 1rem;
    }

    .product-showcase {
        margin-bottom: 0;
    }

    .product-showcase .col-1 {
        display: block;
        margin-left: 6rem;
    }

    .product-thumbnails {
        flex-direction: row;
        width: 14rem;
        justify-content: center;
        margin: 2.5rem auto;
        margin-bottom: 1.4rem;
    }

    .product-thumbnails img {
        width: 55px;
        height: 55px;
    }

    .order-s-area {
        margin-top: 2rem;
    }

    .title-public p {
        font-size: 1.1rem;
    }

    .order-div h2 {
        font-size: 1.2rem;
        margin: 1.5rem 0;
    }

    .flexed-order-start p {
        font-size: 1rem;
    }

    .absolute-arrow1 {
        bottom: -13rem;
        left: 8rem;
        right: inherit;
        top: inherit;
    }

    .absolute-cup1 {
        top: 33rem;
    }

    .absolute-cup1 img,
    .absolute-cup2 img {
        width: 12rem;
    }

    .flexed-order-start {
        margin: 14rem auto;
    }

    .order-s-area.mobile {
        display: block;
    }

    .absolute-arrow2 {
        top: 28rem;
        left: 4rem;
        width: auto;
    }

    .absolute-cup2 {
        top: 115rem;
    }

    .absolute-arrow3 {
        right: inherit;
        top: 26rem;
        left: 6rem;
    }

    .absolute-arrow3 img {
        width: 13rem;
        transform: scaleX(-1);
    }

    .absolute-arrow4 img {
        width: 12rem;
    }

    .absolute-arrow4 {
        top: 26rem;
        left: 5rem;
    }

    .absolute-arrow5 {
        top: 25rem;
    }

    .absolute-cup3 {
        bottom: 28rem;
    }

    .absolute-cup3 {
        width: 12rem;
        left: -5rem;
    }

    .flexed-order-start:last-child {
        margin-bottom: 0;
    }

    .product-area {
        margin-top: 2rem;
    }

    .absolute-brand {
        display: none;
    }

    .product-area .slider {
        left: 0;
    }

    .product-area .card {
        width: 14rem;
        left: 3rem;
    }

    .product-area .card .detail-btn {
        margin: 0;
    }

    .absolute-img-prod img {
        width: 9rem;
    }

    .flexed-prod {
        display: block;
    }

    .content-prod {
        margin-top: 8rem;
        margin-bottom: 7rem;
        text-align: center;
    }

    .product-area .content-prod h2 {
        font-size: 2rem;
    }

    .order-steps-area .title-public p br {
        display: none;
    }

    .order-steps-area .title-public p {
        font-size: .9rem;
    }

    .order-steps-area,
    .area-four-grid,
    .brands-area {
        margin-top: 3rem;
    }

    .order-steps-area .col-md-3 {
        margin-bottom: 1rem;
    }

    .cards-order p {
        font-size: .9rem;
    }

    .title-brand h1 {
        font-size: 1.5rem;
    }

    .title-brand {
        width: 100%;
    }

    .blur-filter1 {
        display: none;
    }

    .blur-filter2 {
        display: none;
    }

    .brands-splide {
        margin-top: 1rem;
    }

    .brands-splide .splide__slide img {
        height: auto;
        border-radius: .3rem;
    }

    .contact-area .col-lg-5 img {
        width: 75%;
    }

    .absolute-card-content img {
        width: 7rem !important;
        border-radius: .4rem;
    }

    .absolute-card-content {
        right: .5rem;
        width: auto;
        bottom: -3rem;
        padding: .7rem;
    }

    .contant-form-area {
        margin-top: 7rem;
    }

    .contant-form-area h3 {
        font-size: 1.5rem;
    }

    .contant-form-area p {
        font-size: 1rem;
        margin: 0;
    }

    .contant-form-area input {
        margin-top: 1.2rem !important;
    }

    footer {
        margin-top: 3rem;
        padding: 2rem 0;
        background-size: auto;
    }

    footer .col-md-2 {
        margin-top: 2.5rem;
    }

    .social-meidas {
        justify-content: flex-start;
    }

    .social-meidas a {
        margin-right: 1rem;
    }

    .line-footer {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .sub-footer {
        display: block;
    }

    .sub-footer .links a {
        display: block;
        margin: 0;
        padding: .2rem 0;
    }

    .absolute-arrow1 img {
        width: 10rem;
    }

    .absolute-arrow2 img {
        width: 11rem;
    }

    .one-prod-colon {
        padding: 1.4rem;
        text-align: center;
    }

    .one-prod-colon .prod-img {
        width: 50%;
    }

    .prod-s-area,
    .products-section {
        margin-top: 2rem;
    }
}

@media(min-width:576px) and (max-width:767.98px) {
    .flexed-zoom-img>div {
        margin: 0 .4rem;
    }

    .border-full-div {
        padding: 1rem 1rem;
        margin-top: 2rem;
    }

    .flexed-div-prod {
        margin: 0;
    }

    .fast-order-btn {
        margin-top: 0;
    }

    .modal-header {
        margin: 0 auto;
    }

    .about-area .title h1 {
        font-size: 2rem;
    }

    .about-area .descrip p {
        font-size: 1.1rem;
        letter-spacing: 0;
    }

    .about-area .img-area {
        margin-top: 2rem;
    }

    .line-about-counter .container {
        display: block;
    }

    .line-about-counter .container .card-count:nth-child(2) {
        border: none;
        border-top: 1px solid #1b1b1d2a;
        border-bottom: 1px solid #1b1b1d2a;
    }

    .line-about-counter .container .card-count {
        padding: 2rem 1.5rem;
    }

    .sub-about img {
        height: 18rem;
        margin-bottom: 5rem;
    }

    .sub-about h1 {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }

    .sub-about p {
        letter-spacing: 0;
        font-size: .8rem;
    }

    .sub-about .col-md-1 {
        display: none;
    }

    .menu-area .whatsapp-btn,
    .menu-area .logo-area,
    .menu-area .drop-menu,
    .menu-area .hakkimizda-btn,
    .menu-area .iletisim-btn,
    .right-dottet,
    .dottet-content-right,
    .left-dottet,
    .dottet-content-left {
        display: none;
    }

    .content-item .title h1 {
        font-size: 2rem;
    }

    .content-item .title h1 .span-title {
        font-size: 1.6rem;
    }

    .content-item .title {
        width: 100%;
        text-align: start;
    }

    .product-thumbnails {
        margin-top: 7rem;
        width: 4.4rem;
        z-index: 99999;
    }

    .product-thumbnails img {
        width: 55px;
        height: 55px;
    }

    .flexed-order-start .col-md-1,
    .flexed-order-start .col-md-3 {
        display: none;
    }

    .order-div h2 {
        font-size: 1.1rem;
    }

    .flexed-order-start p {
        font-size: .8rem;
    }

    .flexed-order-start .col-md-4 {
        padding-right: .7rem !important;
    }

    .absolute-cup1 img {
        width: 10rem;
    }

    .absolute-arrow1 img {
        width: 5.5rem;
    }

    .absolute-arrow2 img,
    .absolute-arrow3 img {
        width: 7.5rem;
    }

    .absolute-arrow1 {
        top: 7.5rem;
    }

    .absolute-arrow2 {
        top: 7rem;
        left: 1rem;
    }

    .absolute-arrow3 {
        right: 8rem;
        top: 6.5rem;
    }

    .absolute-arrow4 img {
        width: 5rem;
    }

    .absolute-arrow4 {
        top: 9rem;
    }

    .absolute-cup2 img {
        width: 10rem;
    }

    .absolute-cup2 {
        top: 58rem;
    }

    .absolute-arrow5 img {
        width: 5rem;
        transform: rotateZ(40deg);
    }

    .absolute-arrow5 {
        top: 9.5rem;
    }

    .absolute-cup3 img {
        width: 10rem;
    }

    .absolute-cup3 {
        left: -3rem;
        bottom: -11rem;
    }

    .flexed-prod {
        display: block;
    }

    .product-area {
        margin-top: 13rem;
    }

    .absolute-brand {
        right: 2rem !important;
        top: -2.9rem;
    }

    .absolute-brand img {
        width: 20rem;
    }

    .product-area .slider {
        left: 4rem;
        margin-top: 3rem;
    }

    .content-prod {
        margin-top: 8rem;
        margin-bottom: 7rem;
        text-align: center;
    }

    .order-steps-area .col-sm-6 {
        margin-bottom: 1rem;
    }

    .cards-order p {
        font-size: .9rem;
    }

    .area-four-grid,
    .brands-splide,
    .contact-area,
    .product-showcase {
        margin-top: 2rem;
    }

    .title-brand h1 {
        font-size: 2rem;
    }

    .title-brand {
        width: 100%;
    }

    .blur-filter2,
    .blur-filter1 {
        width: 5rem;
    }

    .brands-splide .splide__slide img {
        height: auto;
    }

    .contant-form-area {
        margin-top: 2rem;
    }

    .footer-logo {
        margin-bottom: 2rem;
    }

    footer {
        padding: 2rem 0;
        padding-bottom: 1rem;
    }

    .social-meidas {
        justify-content: flex-end;
    }

    .social-meidas a {
        font-size: 1.3rem;
        margin-left: 1rem;
    }

    .sub-footer {
        display: block;
    }

    .sub-footer .links a:first-child {
        margin-left: 0;
    }

    .line-footer {
        margin: 2rem 0;
    }

    .one-prod-colon .col-md-1,
    .one-prod-colon .col-md-3 {
        display: none;
    }

    .prod-s-area,
    .products-section {
        margin-top: 2rem;
    }

}

@media(min-width:768px) and (max-width:991.98px) {
    .product-area .card .rand-img {
        height: 11rem;
    }

    .product-area .card h2 {
        font-size: 1.4rem;
    }

    .product-area .card h3 {
        font-size: 1.1rem;
    }

    .flexed-zoom-img>div {
        margin: 0 .4rem;
    }

    .border-full-div {
        padding: 1rem 1rem;
        margin-top: 2rem;
    }

    .flexed-div-prod {
        margin: 0;
    }

    .fast-order-btn {
        margin-top: 0;
    }

    .modal-header {
        margin: 0 auto;
    }

    .about-area .title h1 {
        font-size: 2.5rem;
    }

    .about-area .descrip p {
        font-size: 1rem;
    }

    .line-about-counter .container .card-count {
        padding: 2rem .5rem;
    }

    .sub-about h1 {
        font-size: 1.7rem;
        margin-bottom: 1rem;
    }

    .sub-about p {
        font-size: .95rem;
    }

    .menu-area .whatsapp-btn,
    .menu-area .logo-area,
    .menu-area .drop-menu,
    .menu-area .hakkimizda-btn,
    .menu-area .iletisim-btn,
    .right-dottet,
    .dottet-content-right,
    .left-dottet,
    .dottet-content-left {
        display: none;
    }

    .content-item .title h1 {
        font-size: 2.5rem;
    }

    .content-item .title h1 .span-title {
        font-size: 2rem;
    }

    .content-item .title {
        width: 100%;
    }

    .product-thumbnails {
        margin-top: 7rem;
        width: 4.4rem;
        z-index: 99999;
    }

    .product-thumbnails img {
        width: 55px;
        height: 55px;
    }

    .flexed-order-start .col-md-1,
    .flexed-order-start .col-md-3 {
        display: none;
    }

    .order-div h2 {
        font-size: 1.1rem;
    }

    .flexed-order-start p {
        font-size: .8rem;
    }

    .flexed-order-start .col-md-4 {
        padding-right: .7rem !important;
    }

    .absolute-cup1 img {
        width: 10rem;
    }

    .absolute-arrow1 img {
        width: 8rem;
    }

    .absolute-arrow2 img,
    .absolute-arrow3 img {
        width: 9rem;
    }

    .absolute-arrow1 {
        top: 9rem;
        right: 7rem;
    }

    .absolute-arrow2 {
        top: 9.5rem;
        left: 1rem;
    }

    .absolute-arrow3 {
        right: 8rem;
        top: 9rem;
    }

    .absolute-arrow4 img {
        width: 7rem;
    }

    .absolute-arrow4 {
        top: 14rem;
        right: 5rem;
    }

    .absolute-cup2 img {
        width: 10rem;
    }

    .absolute-cup2 {
        top: 61rem;
    }

    .absolute-arrow5 img {
        width: 6.5rem;
        transform: rotateZ(40deg);
    }

    .absolute-arrow5 {
        top: 15rem;
    }

    .absolute-cup3 img {
        width: 10rem;
    }

    .absolute-cup3 {
        left: -3rem;
        bottom: -11rem;
    }

    .product-area {
        margin-top: 13rem;
    }

    .absolute-brand {
        right: 2rem !important;
        top: -2.9rem;
    }

    .absolute-brand img {
        width: 20rem;
    }

    .product-area .slider {
        left: 0rem;
        margin-top: 3rem;
    }

    .content-prod {
        margin-top: 8rem;
        margin-bottom: 7rem;
        text-align: center;
    }

    .order-steps-area .col-sm-6 {
        margin-bottom: 1rem;
    }

    .cards-order p {
        font-size: .9rem;
    }

    .area-four-grid,
    .brands-splide,
    .contact-area,
    .product-showcase {
        margin-top: 2rem;
    }

    .title-brand h1 {
        font-size: 2.5rem;
    }

    .title-brand {
        width: 100%;
    }

    .blur-filter2,
    .blur-filter1 {
        width: 5rem;
    }

    .brands-splide .splide__slide img {
        height: auto;
    }

    .contant-form-area h3 {
        font-size: 2rem;
    }

    .contant-form-area p {
        margin: 0;
        font-size: .9rem;
    }

    .footer-logo {
        margin-bottom: 2rem;
    }

    footer {
        padding: 2rem 0;
        padding-bottom: 1rem;
    }

    .social-meidas {
        justify-content: flex-start;
        margin-top: 2rem;
    }

    .social-meidas a {
        font-size: 1.3rem;
        margin-left: 1rem;
    }

    .sub-footer {
        display: block;
    }

    .sub-footer .links a:first-child {
        margin-left: 0;
    }

    .line-footer {
        margin: 1rem 0;
    }

    .flexed-order-start .col-md-4 {
        width: 50%;
        justify-content: space-between;
    }

    .product-area .card {
        width: 13rem;
    }

    .absolute-img-prod img {
        width: 10rem;
    }

    .content-prod {
        width: 45%;
    }

    .contact-area .col-md-1 {
        display: none;
    }

    .absolute-card-content {
        right: -.1rem;
    }

    .contant-form-area input {
        margin-top: 1rem !important;
    }

    footer .col-md-2 {
        width: 25%;
    }

    footer .col-md-1 {
        display: none;
    }

}

@media(min-width:992px) and (max-width:1199.98px) {
    .product-area .card .rand-img {
        height: 11rem;
    }

    .product-area .card h2 {
        font-size: 1.4rem;
    }

    .product-area .card h3 {
        font-size: 1.1rem;
    }

    .product-thumbnails {
        width: 5rem;
    }

    .content-item .title {
        width: 100%;
    }

    .right-dottet {
        left: 9rem;
        top: 15rem;
    }

    .dottet-content-right {
        top: 14rem;
        left: 1.5rem;
    }

    .left-dottet {
        right: 14rem;
        top: 16rem;
    }

    .dottet-content-left {
        top: 16rem;
        right: 1rem;
    }

    .dottet-content-right h2 {
        font-size: 1.6rem;
    }

    .absolute-cup1 img {
        width: 17rem;
    }

    .absolute-arrow1 {
        right: 6.5rem;
    }

    .absolute-arrow2 {
        left: 0;
        top: 4rem;
    }

    .absolute-arrow3 {
        top: 8rem;
        right: 18rem;
    }

    .absolute-cup2 img {
        width: 17rem;
    }

    .absolute-cup2 {
        top: 63rem;
    }

    .content-item .slide-img {
        width: 450px;
    }

    .right-dottet img,
    .left-dottet img {
        width: 9rem;
    }

    .absolute-arrow4 img {
        width: 8rem;
    }

    .absolute-arrow4 {
        top: 14rem;
        right: 7rem;
    }

    .absolute-cup3 img {
        width: 16rem;
    }

    .absolute-cup3 {
        left: -6.5rem;
    }

    .absolute-arrow5 {
        width: 9.5rem;
        left: 3rem;
        top: 14rem;
    }

    .absolute-brand img {
        width: 30rem;
    }

    .absolute-brand {
        top: -4.2rem;
    }

    .product-area .card {
        width: 13rem;
    }

    .title-brand h1 {
        font-size: 2.5rem;
    }

    .brands-area {
        margin-top: 3rem;
    }

    .absolute-card-content {
        right: 0;
    }

    footer ul li a {
        font-size: .8rem;
    }
}

@media(min-width:1200px) and (max-width:1399.98px) {
    .product-area .card .rand-img {
        height: 11rem;
    }

    .product-area .card h2 {
        font-size: 1.4rem;
    }

    .product-area .card h3 {
        font-size: 1.1rem;
    }

    .product-thumbnails {
        width: 5rem;
    }

    .content-item .title {
        width: 100%;
    }

    .absolute-cup1 img {
        width: 17rem;
    }

    .absolute-arrow1 {
        right: 6.5rem;
    }

    .absolute-arrow2 {
        left: 0;
        top: 4rem;
    }

    .absolute-arrow3 {
        top: 8rem;
        right: 18rem;
    }

    .absolute-cup2 img {
        width: 17rem;
    }

    .absolute-cup2 {
        top: 63rem;
    }

    .right-dottet img,
    .left-dottet img {
        width: 9rem;
    }

    .absolute-arrow4 img {
        width: 8rem;
    }

    .absolute-arrow4 {
        top: 14rem;
        right: 7rem;
    }

    .absolute-cup3 img {
        width: 16rem;
    }

    .absolute-cup3 {
        left: -6.5rem;
    }

    .absolute-arrow5 {
        width: 9.5rem;
        left: 3rem;
        top: 14rem;
    }

    .absolute-brand img {
        width: 30rem;
    }

    .absolute-brand {
        top: -4.2rem;
    }

    .product-area .card {
        width: 13rem;
    }

    .title-brand h1 {
        font-size: 2.5rem;
    }

    .brands-area {
        margin-top: 3rem;
    }

    .absolute-card-content {
        right: 0;
    }
}