/*0 up to 479*/
@media only screen and (min-width:0px) and (max-width : 479px) {

.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table-responsive > .table { margin-bottom: 0; }
.public-form-list .capchabox .txtform {
  width: 54% !important;
}
.lang {
  justify-content: flex-end;
}
    .menu.show {
        opacity: 1;
        visibility: visible;
        top: 209%;
    }
    .inbody.show {
        padding: 60px 0;
        overflow: hidden;
    }
    .desc * {
        line-height: 20px;
    }
    header.show::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 7px;
        top: 100%;
    }
    .slider-video {
        height: 300px;
    }
    .box-breadcrumbh1 {
        margin-top: 15px;
        height: 54px;
    }
    /*about*/
    .about-inside-section2 {
        display: flex;
        justify-content: center;
        margin: 30px 0;
    }
    .about-inside-section2-right {
        width: 100%;
        margin-left: 0;
        font-size: 23px;
        color: #afafaf;
        line-height: 26px;
        margin-top: 5%;
    }
    .about-inside-section3 {
        background-color: #eaeaea;
        padding: 25px 0;
        margin-top: 0;
        text-align: center;
    }
    .about-inside-section3-title > span {
        font-size: 22px;
    }
    .about-slider-pan {
        margin-top: 30px;
    }
    .about-inside-section2-left {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .about-inside-section2-left-img1, .about-inside-section2-left-img2 {
        width: 136px;
        height: 346px;
    }
    .about-inside-section2-left-img1 {
        margin-top: 60px;
    }
    .about-slider-gallerybottom {
        width: 100%;
        position: relative;
        right: unset;
        bottom: 0;
        padding: 20px 0;
        margin: 10px auto;
        display: flex;
        justify-content: center;
        left: 50%;
        transform: translateX(-50%);
    }
    .about-slider-gallerytop {
        width: 100%;
    }
    .about-slider-gallerybottom .swiper-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .about-slider-gallerytop-desc {
        position: absolute;
        z-index: 99;
        top: 12px;
        right: unset;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
        .about-slider-gallerytop-desc > span {
            font-size: 60px;
            color: #e3e3e2;
            margin: 34px 0;
        }
        .about-slider-gallerytop-desc > label {
            font-size: 20px;
        }
    .about-slider-gallerytop-img {
        right: 0;
        top: 50%;
        width: 100%;
        height: auto;
    }
    .about-slider-gallerytop-imgbg {
        width: 100%;
        height: auto;
    }


    .nxtprev-about-slider {
        bottom: 25%;
        left: 50%;
        transform: translateX(-50%);
    }
    /*brands*/
    .brand-detail-img {
  float: unset !important;
  margin-right: 0 !important;
  width: 100% !important;
  height: auto !important;
}
    .brand-parent{
        display:flex;
        justify-content:center;
        align-items:center;
    }
        .brand-parent #demo {
            position: relative;
            top: unset;
            left: unset;
            right: unset;
            animation: unset;
            width: 238px !important;
            height: 240px !important;
            margin-bottom:20px;
        }

    .brand-parent > span{
        display:none;
    }

    /*brand detail*/
    .brand-detail-img {
        float: right;
        margin-left: 50px;
        width: 132px;
        height: auto;
    }
    .brand-detail-parent * {
        font-size: 15px;
    }
    .product-list-inside {
        margin-top: 18%;
        position: relative;
        z-index: 9999999;
    }
        .product-list-inside > ul > li {
            margin-bottom: 10px;
            display: flex;
            justify-content: center;
            padding-right: 0;
            width: 100%;
            flex-direction: column;
        }
            .product-list-inside > ul > li .product-title-desc h2 {
                font-size: 30px;
            }
            .product-list-inside > ul > li .product-description {
                width: 89%;
                height: 60px;
                margin: 35px auto;
            }
            .product-list-inside > ul > li .product-title-desc > span {
                width: 100%;
                margin: 0 25px;
            }
            .product-list-inside > ul > li .product-img {
                width: 92% !important;
                height: auto !important;
                right: 0px !important;
                top:0px !important;
                margin:60px auto !important;
                opacity:1 !important;
                visibility:visible !important;
            }
            .product-list-inside > ul > li:nth-child(2n) {
                margin-right: 0;
            }
            .product-list-inside .product-list-Molasses .product-title-desc h2::after {
  left: 10px;
  top: 10px;
}

.product-detail-right .product-detail-right-pro-list > li::before {
  right: 6px;
}
.product-detail-right .product-detail-right-brands-list > li {
  margin-left: 8px;
}
    .product-detail-left-menuleft {
        width: 86%;
        margin: 0 auto;
    }
    .product-detail-parent {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
    }
    .product-detail-right {
        width: 100%;
    }
        .product-detail-right figure {
            width: 86%;
            height: auto;
            float: unset;
            margin: 15px auto 0;
        }
        .product-detail-right .product-detail-right-brands-list {
            width: 100%;
        }
        .product-detail-right .product-detail-right-brands-list > li > a {
            width: 80px;
            height: 50px;
        }
        .product-detail-right .product-detail-right-pro-list {
            width: 80%;
            display: flex;
            justify-content: center;
            margin-top: 9px;
            flex-wrap: wrap;
        }
            .product-detail-right .product-detail-right-pro-list > li {
                border-left: unset;
    padding: 5px 0;
    padding-right: 0px;
    padding-left: 0px;
    padding-left: 0px;
    width: 48%;
    position: relative;
    padding-right: 21px;
            }
            .product-list-inside .product-list-Tombac .product-title-desc h2::after {
                left: 64px;
            }
                .product-detail-right .product-detail-right-pro-list > li > a {
                    font-size: 13px;
                }
                /*contact*/
    .tabsframe {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        margin: 40px auto;
    }
    .contact-desc * {
        font-size: 21px;
        color: #000;
    }
    .contact-desc {
        font-size: 26px;
        margin-top: 0;
    }
    .contact-map {
        width: 100%;
        height: 200px;
    }
    .contact-info {
        width: 100%;
        min-height: auto;
        padding: 30px 20px;
    }
    /*career*/
    .public-form-list {
        width: 97%;
        margin: 30px auto;
    }
    .public-box-form-title {
        width:90%;
    }
    /*news*/
    .news-search > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
        .news-search > ul > li {
            margin-left: 0;
            display: flex;
            align-items: center;
            margin-bottom: 5px;
            width: 90%;
        }
            .news-search > ul > li > span {
                color: #595959;
                font-size: 12px;
                margin-left: 0;
                width: 100%;
            }
    .news-search .searchtxt {
        width: 100%;
        height: 34px;
        background-color: #fff;
        border: 1px solid #eae9e9;
        padding: 5px;
    }
    .news-list > ul > li {
  margin-bottom: 25px;
}
    .news-list {
        margin-top: 10%;
        width: 100%;
    }
    .news-detail-date > ul > li {
  margin-left: 10px;
  font-size: 13px;
}
.news-detail {
  margin-top: 10px;
  padding-right: 0;
}
        .news-list > ul > li > a {
            width: 100%;
            height: auto;
        }
        .news-list .news-list-desc {
            width: 100%;
        }
            .news-list .news-list-desc > a > h2 {
                font-size: 28px;
                line-height: 30px;
                padding: 30px 0 21px;
                color: #000;
                font-weight: bold;
                position: relative;
                display: inline-flex;
                margin-bottom: 10px;
                transition: all .5s;
            }
            /*news detail*/
    .news-detail-slider {
        float: unset;
        width: 100%;
        position: relative;
        margin-left: 0;
        margin: 0 auto;
    }
    .gallerybottom {
        margin-top: 10px;
        width: 100%;
        height: auto;
        margin-bottom:10px;
    }
    .news-slider-next {
        right: -18px;
    }
    .news-slider-prev {
        left: -18px;
    }
    .news-detail * {
        font-size: 13px;
    }
    .news-detail-date {
        width: 100%;
    }
    .news-detail-date > ul > li > span, .news-detail-date > ul > li > a {
  font-size: 12px;
  margin-right: 4px;
}
    /*gallery*/
    .gallery-list > ul > li {
        margin: 0 17px 25px;
        position: relative;
    }
    .image-gallery-list > ul {
        --column: 1;
        --gap-column: 35px;
        --gap-row: 29px;
    }
    .video-gallery-list > ul {
        --column: 1;
    }
}
/*480 up to 719*/
@media only screen and (min-width : 480px) and (max-width : 719px) {

.table { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table > .table { margin-bottom: 0; }
    header.show::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 7px;
        top: 100%;
    }

    .slider-video {
        height: 300px;
    }

    .box-breadcrumbh1 {
        margin-top: -46px;
        height: 54px;
    }

    .about-inside-section2 {
        display: flex;
        justify-content: center;
        margin: 30px 0;
    }

    .about-inside-section2-right {
        width: 100%;
        margin-left: 0;
        font-size: 23px;
        color: #afafaf;
        line-height: 26px;
        margin-top: 5%;
    }

    .about-inside-section3 {
        background-color: #eaeaea;
        padding: 25px 0;
        margin-top: 0;
        text-align: center;
    }

    .about-inside-section3-title > span {
        font-size: 22px;
    }

    .about-slider-pan {
        margin-top: 30px;
    }

    .about-inside-section2-left {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .about-inside-section2-left-img1, .about-inside-section2-left-img2 {
        width: 136px;
        height: 346px;
    }

    .about-inside-section2-left-img1 {
        margin-top: 60px;
    }

    .about-slider-gallerybottom {
        width: 100%;
        position: relative;
        right: unset;
        bottom: 0;
        padding: 20px 0;
        margin: 10px auto;
        display: flex;
        justify-content: center;
        left: 50%;
        transform: translateX(-50%);
    }

    .about-slider-gallerytop {
        width: 100%;
    }

    .about-slider-gallerybottom .swiper-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-slider-gallerytop-desc {
        position: absolute;
        z-index: 99;
        top: 12px;
        left: unset;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .about-slider-gallerytop-desc > span {
            font-size: 60px;
            color: #e3e3e2;
            margin: 34px 0;
        }

        .about-slider-gallerytop-desc > label {
            font-size: 20px;
        }

    .about-slider-gallerytop-img {
        right: 0;
        top: 50%;
        width: 100%;
        height: auto;
    }

    .about-slider-gallerytop-imgbg {
        width: 100%;
        height: auto;
    }


    .nxtprev-about-slider {
        bottom: 25%;
        left: 50%;
        transform: translateX(-50%);
    }
    /*contact*/
    .tabsframe {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        margin: 40px auto;
    }

    .contact-desc * {
        font-size: 21px;
        color: #000;
    }

    .contact-desc {
        font-size: 26px;
        margin-top: 0;
    }

    .contact-map {
        width: 100%;
        height: 200px;
    }

    .contact-info {
        width: 100%;
        min-height: auto;
        padding: 30px 20px;
    }
    /*career*/
    .public-form-list {
        width: 97%;
        margin: 30px auto;
    }

    .public-box-form-title {
        width: 50%;
    }
    /*news*/
    .news-search > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

        .news-search > ul > li {
            margin-right: 0;
            display: flex;
            align-items: center;
            margin-bottom: 5px;
            width: 90%;
        }

            .news-search > ul > li > span {
                color: #595959;
                font-size: 12px;
                margin-right: 0;
                width: 100%;
            }

    .news-search .searchtxt {
        width: 100%;
        height: 34px;
        background-color: #fff;
        border: 1px solid #eae9e9;
        padding: 5px;
    }

    .news-list {
        margin-top: 10%;
        width: 100%;
    }

        .news-list > ul > li > a {
            width: 100%;
            height: auto;
        }

        .news-list .news-list-desc {
            width: 100%;
        }

            .news-list .news-list-desc > a > h2 {
                font-size: 28px;
                line-height: 30px;
                padding: 30px 0 21px;
                color: #000;
                font-weight: bold;
                position: relative;
                display: inline-flex;
                margin-bottom: 10px;
                transition: all .5s;
            }
    /*news detail*/
    .news-detail-slider {
        float: unset;
        width: 100%;
        position: relative;
        margin-left: 0;
        margin: 0 auto;
    }

    .gallerybottom {
        margin-top: 10px;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .news-slider-next {
        right: -18px;
    }

    .news-slider-prev {
        left: -18px;
    }

    .news-detail * {
        font-size: 13px;
    }

    .news-detail-date {
        width: 100%;
    }
    /*gallery*/
    .gallery-list > ul > li {
        margin: 0 17px 25px;
        position: relative;
    }

    .image-gallery-list > ul {
        --column: 1;
        --gap-column: 35px;
        --gap-row: 29px;
    }

    .video-gallery-list > ul {
        --column: 1;
    }
    .image-gallery-list > ul > li > a {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    /*brands*/
    .brand-detail-img {
  float: unset;
  margin-right: 0;
  width: 100%;
  height: auto;
}
    .brand-parent {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .brand-parent #demo {
            position: relative;
            top: unset;
            left: unset;
            right: unset;
            animation: unset;
            width: 238px !important;
            height: 240px !important;
            margin-bottom: 20px;
        }

        .brand-parent > span {
            display: none;
        }
    .product-list-inside {
        margin-top: 18%;
        position: relative;
        z-index: 9999999;
    }

        .product-list-inside > ul > li {
            margin-bottom: 10px;
            display: flex;
            justify-content: center;
            padding-left: 0;
            width: 100%;
            flex-direction: column;
        }

            .product-list-inside > ul > li .product-title-desc h2 {
                font-size: 30px;
            }

            .product-list-inside > ul > li .product-description {
                width: 89%;
                height: 60px;
                margin: 35px auto;
            }

            .product-list-inside > ul > li .product-title-desc > span {
                width: 100%;
                margin: 0 25px;
            }

            .product-list-inside > ul > li .product-img {
                width: 92% !important;
                height: auto !important;
                left: 0px !important;
                top: 0px !important;
                margin: 60px auto !important;
                opacity: 1 !important;
                visibility: visible !important;
            }

            .product-list-inside > ul > li:nth-child(2n) {
                margin-left: 0;
            }

    .product-detail-left-menuleft {
        width: 86%;
        margin: 0 auto;
    }

    .product-detail-parent {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
    }

    .product-detail-right {
        width: 100%;
    }

        .product-detail-right figure {
            width: 86%;
            height: auto;
            float: unset;
            margin: 15px auto 0;
        }

        .product-detail-right .product-detail-right-brands-list {
            width: 100%;
        }

            .product-detail-right .product-detail-right-brands-list > li > a {
                width: 80px;
                height: 50px;
            }

        .product-detail-right .product-detail-right-pro-list {
            width: 80%;
            display: flex;
            justify-content: center;
            margin-top: 9px;
            flex-wrap: wrap;
        }

            .product-detail-right .product-detail-right-pro-list > li {
                border-right: unset;
                padding: 5px 0;
                padding-left: 0px;
                width: 48%;
                position: relative;
                padding-left: 21px;
            }

                .product-detail-right .product-detail-right-pro-list > li > a {
                    font-size: 13px;
                }
}
/*720 up to 1000*/
@media only screen and (min-width : 720px) and (max-width : 1000px) {
    header.show::after {
        top: 100%;
    }
    .slider-video {
        width: 95%;
        margin: 0 auto;
        height: 415px;
    }
    /*gallery*/
    .image-gallery-list > ul > li > a > figure {
        width: 321px;
        height: auto;
        position: relative;
    }
    .image-gallery-list > ul {
        --column: 3;
        --gap-column: 8px;
        --gap-row: 33px;
    }
    .video-gallery-list > ul {
        --column: 2;
    }
    /*about*/
    .about-inside-section2 {
        display: flex;
        justify-content: center;
        margin: 30px 0;
    }

    .about-inside-section2-right {
        width: 100%;
        margin-left: 0;
        font-size: 23px;
        color: #afafaf;
        line-height: 26px;
        margin-top: 5%;
    }

    .about-inside-section3 {
        background-color: #eaeaea;
        padding: 25px 0;
        margin-top: 0;
        text-align: center;
    }

    .about-inside-section3-title > span {
        font-size: 37px;
    }

    .about-slider-pan {
        margin-top: 30px;
    }

    .about-inside-section2-left {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .about-inside-section2-left-img1, .about-inside-section2-left-img2 {
        width: 136px;
        height: 346px;
    }

    .about-inside-section2-left-img1 {
        margin-top: 60px;
    }

    .about-slider-gallerybottom {
        width: 100%;
        position: relative;
        right: unset;
        bottom: 0;
        padding: 20px 0;
        margin: 10px auto;
        display: flex;
        justify-content: center;
        left: 50%;
        transform: translateX(-50%);
    }

    .about-slider-gallerytop {
        width: 100%;
    }

    .about-slider-gallerybottom .swiper-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about-slider-gallerytop-desc {
        position: absolute;
        z-index: 99;
        top: 12px;
        left: unset;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .about-slider-gallerytop-desc > span {
            font-size: 75px;
            color: #e3e3e2;
            margin: 65px 0;
        }
    .nxtprev-about-slider {
        position: absolute;
        bottom: 16%;
        left: 50%;
        z-index: 99;
        display: flex;
        transform: translateX(-50%);
    }
    .about-slider-gallerytop-desc > label {
        font-size: 24px;
        padding-bottom: 97px;
        padding-top: 5%;
    }

    .about-slider-gallerytop-img {
        right: 0;
        top: 50%;
        width: 100%;
        height: auto;
    }

    .about-slider-gallerytop-imgbg {
        width: 100%;
        height: auto;
    }
    /*news*/
    .news-search .searchtxt {
        width: 140px;
        height: 34px;
        background-color: #fff;
        border: 1px solid #eae9e9;
        padding: 5px;
    }
    .news-search > ul > li {
        margin: 0 20px;
    }
    .news-search .searchbtn {
        margin-top: 29%;
    }
    .news-list > ul > li > a {
        width: 42%;
        height: auto;
    }
    .news-list .news-list-desc {
        width: 56%;
    }
    .inh1 {
        font-size: 22px;
        color: #000;
        text-align: center;
    }
    .news-list .news-list-desc > a > h2 {
        font-size: 30px;
        line-height: 30px;
        padding: 40px 0 0;
        color: #000;
        font-weight: bold;
        position: relative;
        display: inline-flex;
        margin-bottom: 27px;
        transition: all .5s;
    }
    .gallerytop-slide {
        width: 100%;
        height: auto;
        box-shadow: 1px 1px 27px -5px;
    }
    .gallerybottom {
        margin-top: 10px;
        width: 100%;
        height: auto;
    }
    /*product*/
    .product-list-inside > ul > li .product-title-desc h2 {
        font-size: 43px;
        color: #000;
        transition: all .5s;
        padding-left: 113px;
        position: relative;
        display: inline-flex;
    }
    .product-list-inside > ul > li:nth-child(2n) {
        margin-left: 0;
    }
    .product-list-inside > ul > li .product-img {
        top: 53px;
    }
    /*product detail*/
    .product-detail-left-menuleft {
        width: 86%;
        margin: 0 auto;
    }

    .product-detail-parent {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
    }

    .product-detail-right {
        width: 100%;
    }

        .product-detail-right figure {
            width: 86%;
            height: auto;
            float: unset;
            margin: 15px auto 0;
        }

        .product-detail-right .product-detail-right-brands-list {
            width: 100%;
        }

            .product-detail-right .product-detail-right-brands-list > li > a {
                width: 80px;
                height: 50px;
            }

        .product-detail-right .product-detail-right-pro-list {
            width: 80%;
            display: flex;
            justify-content: center;
            margin-top: 9px;
            flex-wrap: wrap;
        }

            .product-detail-right .product-detail-right-pro-list > li {
                border-right: unset;
                padding: 5px 0;
                padding-left: 0px;
                width: 48%;
                position: relative;
                padding-left: 21px;
            }

                .product-detail-right .product-detail-right-pro-list > li > a {
                    font-size: 13px;
                }
                /*brands*/
    .molasse-brand {
        width: 248px;
        height: 248px;
        left: 0;
      
    }
    .brand-parent #demo {
        animation: unset;
    }
    .fire-brand {
        right: 0;
        top: 229px;
    }
    .atash-brand {
        left: 275px;
        top: 420px;
    }
}
/*1001 up to 1249*/
@media only screen and (min-width : 1001px) and (max-width : 1249px) {
    .product-list-inside > ul > li.open .product-img {
        left:40% !important;
    }
    .product-list-inside > ul > li:nth-child(2n) {
        margin-left: 0;
    }
    .product-detail-right figure {
        width: 40%;
        height: 400px;
        float: unset;
        margin: 100px 0 0 0;
    }
}
/*laptop*/
@media only screen and (min-width : 1250px) and (max-width : 1366px) {
 .tabsframe{
    width: 100%;
}
}
/*1250 up to 1400*/
@media only screen and (min-width : 1367px) and (max-width : 1450px) {
.tabsframe{
    width: 100%;
}
}
@media only screen and (min-width : 1451px) and (max-width : 1600px) {

.tabsframe{
    width: 100%;
}
    
}
/*1750 to up*/
@media only screen and (min-width : 1601px) {
.tabsframe{
    width: 100%;
}
    
}