body {
    font-family: 'Montserrat', sans-serif !important;
    background: #fff;
    font-size: 0px;
}

.top-wrapper {
    position: relative;
    width: 90%;
    margin: 30px auto 30px auto;
}

.top-wrapper > div {
    display: inline-block;
    vertical-align: top;
}

.top-menu a {
    font-family: 'Gilroy';
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    color: #969696;
    cursor: pointer
}

.top-menu button {
    font-family: 'Gilroy';
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    color: #969696;
    cursor: pointer;
    border: none;
}

.top-menu .lan-pnl {
    position: absolute;
    border: 1px solid #df231d;
    text-align: center;
    border-radius: 10px;
    top: 30px;
    background: #f8f7f5;
    transition: visibility 0s, opacity 0.8s linear,height 0.5s;
    opacity: 0;
    z-index: 999;
}


.top-menu .lan-pnl li {
    display: inline-block;
    vertical-align: top;
    margin: 5px auto 5px auto !important;
}

.top-menu a:hover {
    color: #c8c8c8;
}

.top-menu button:hover {
    color: #c8c8c8;
}

.top-menu {
    margin-top: 15px;
    float: right;
}

.top-menu li {
    display: inline-block;
    margin-left: 100px;
    vertical-align: top;
    position: relative;
}

.top-menu li i {
    color: #df231d;
}

.mobile-menu {
    display: none !important;
    position: absolute;
    right: 0;
    top: 4px;
}

.mobile-menu i {
    font-size: 24px;
    color: #df231d;
}

.bx-wrapper {
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0px !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.bx-wrapper {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: none !important;
}

.slider {
    position: relative;
}

.slider .slid-item {
    height: 800px;
    width: 100%;
    background-size: cover !important;
}

.bx-wrapper, .bx-viewport {
    height: 790px !important;
}

.slider .bx-prev {
    background: none !important;
    background-color: rgba(0,0,0, 0.2) !important;
    left: 0 !important;
    height: 100px !important;
    width: 15px !important;
    border-radius: 0 10px 10px 0;
    top: 40% !important;
}

.slider .bx-next {
    background: none !important;
    background-color: rgba(0,0,0, 0.2) !important;
    right: 0 !important;
    height: 100px !important;
    width: 15px !important;
    border-radius: 10px 0 0 10px;
    top: 40% !important;
}

.pager-wrapper {
    width: 70%;
    margin: auto;
    position: relative;
}

.pager-wrapper:before {
    position: absolute;
    top: -3px;
    left: 33px;
    content: '';
    height: 6px;
    width: 306px;
    background: red;
    display: inline-block;
    vertical-align: top;
    background: #83c579;
    border-radius: 50px;
}

.pager-list {
    position: absolute;
    right: 0;
    bottom: -165px;
    font-size: 0px;
    z-index: 9999;
}

.pager-list li {
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    border-radius: 0 0 10px 10px;
}

.pager-list a {
    font-family: 'DINbek';
    font-weight: 500;
    font-style: normal;
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    background: rgba(120,172,95,0.3);
    padding: 73px 28px 66px 28px;
    border-radius: 0 0 10px 10px;
}

.pager-list a:before {
    content: '';
    height: 5px;
    display: block;
    background: #7eae66;
    width: 105%;
    position: absolute;
    top: -1px;
    left: -2px;
    border-radius: 10px;
}

.pager-list a:hover {
    background: rgba(120,172,95,0.5);
}

.slid-content {
    width: 70%;
    margin: auto;
    text-align: center;
}

.slid-content h2 {
    font-family: 'Montserrat';
    font-weight: 500;
    font-style: normal;
    margin-top: 15%;
    font-size: 110px;
    color: #fff;
    text-align: left;
}

.slid-content h3 {
    font-family: 'Gilroy';
    font-weight: 300;
    font-style: normal;
    margin-top: 50px;
    font-size: 31px;
    color: #fff;
    font-weight: 200;
    letter-spacing: 15px;
    text-align: left;
}

.innovation {
    background: #df231d;
}

.innovation-wrapper {
    width: 70%;
    margin: auto;
    position: relative;
}

.innovation-img img {
    position: absolute;
    left: -95px;
}

.innovation-wrapper > div {
    padding: 52px 0 90px 0;
}

.innovation-wrapper > div > div {
    display: inline-block;
    vertical-align: top;
}

.innovation-content {
    display: block;
    margin-left: 33px;
}

.innovation-content h3 {
    font-family: 'Gilroy';
    font-weight: 600;
    font-style: normal;
    font-size: 29px;
    color: #fff;
    line-height: 50px;
}

.innovation-content p {
    font-family: 'Gilroy';
    margin-top: 20px;
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    line-height: 30px;
}

.innovation-content a {
    font-family: 'Gilroy';
    font-weight: 600;
    margin-top: 55px;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid #9aa8b1;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    padding: 27px 23px 27px 23px;
    text-align: center;
}

.innovation-content a:hover {
    color: #7eae66;
    background: #fff;
}

.production {
    width: 100%;
    height: 1050px;
    background-attachment:fixed !important;
    position: relative;
    background-size:100% !important;
}

.production-wrapper {
    width: 70%;
    margin: auto;
}

.production h2 {
    font-family: 'Montserrat';
    position: relative;
    padding-top: 135px;
    font-size: 76px;
    font-weight: 600;
    color: #808080;
    padding-bottom: 50px;
}


.production-1 {
    font-family: 'Montserrat';
    position: absolute;
    width: 215px;
    height: 210px;
    top: 280px;
    right: 390px;
    background: #587f98;
}

.production-1 > div {
    padding: 0px 0 0 22px;
}

.production-1 span {
    display: block;
    color: #fff;
}


.production-1 .top-title {
    margin-top: 20px;
    font-size: 88px;
}

.production-1 .title {
    margin-top: 10px;
    font-size: 11px;
}

.production-1 .sub-title {
    font-size: 32px;
    line-height: 30px;
}

.production-1 .sub-title-min {
    font-size: 11.5px;
    max-width: 220px;
}



.production-2 {
    font-family: 'Montserrat';
    position: absolute;
    top: 445px;
    right: 650px;
    background: #228811;
    width: 235px;
    height: 245px;
}

.production-2 > div {
    padding: 0px 0 0 26px;
}


.production-2 span {
    color: #fff;
    display: block;
}

.production-2 .top-title {
    margin-top: 10px;
    font-size: 118px;
}

.production-2 .title {
    margin-top: 25px;
    font-size: 30px;
}

.production-3 {
    font-family: 'Montserrat';
    position: absolute;
    top: 530px;
    right: 260px;
    background: #733c7e;
    width: 350px;
    height: 245px;
}


.production-3 > div {
    padding: 0px 0 0 32px;
}

.production-3 span {
    color: #fff;
    display: block;
}

.production-3 .top-title {
    margin-top: 20px;
    font-size: 102px;
    font-weight: 500;
}

.production-3 .title {
    font-size: 38px;
    line-height: 50px;
}

.home-products {
    background: #fff;
}

.home-products-wrapper {
    width: 70%;
    margin: auto;
}

.home-products > div {
    padding-bottom: 10px;
}

.home-products h2 {
    font-family: 'Montserrat';
    color: #808080;
    padding-top: 80px;
    font-size: 56px;
}

.home-products .owl-carousel {
    margin-top: 70px;
}

.home-products .owl-img {
    position: relative;
    width: 125px;
    height: 100px;
}

.home-products .owl-img svg {
    position: absolute;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
}

.home-products .owl-img img {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.home-products .owl-img path, .home-products .owl-img line {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 2s linear;
    animation-fill-mode: forwards;
}

.home-products .owl-img:hover path, .home-products .owl-img:hover line {
    stroke: #df231d;
    stroke-dashoffset: 1000;
    animation: dash2 1s linear;
    animation-fill-mode: forwards;
}

@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }

    to {
        stroke-dashoffset: 0;
        fill: transparent;
    }
}

@keyframes dash2 {
    from {
        stroke-dashoffset: 1000;
    }

    to {
        stroke-dashoffset: 0;
        fill: transparent;
    }
}

.home-products .item {
    height: 335px;
    cursor: pointer;

}

.home-products .item h3 {
    margin-top: 10px;
    font-size: 35px;
    color: #969696;
    font-family: 'Montserrat';
    font-weight: 300;
    margin-left: 60px;
}

.home-products .item:hover h3 {
    display: block;
    color: #df231d;
}

.home-usage {
    height: 670px;
    background: url(../Images/usage-bg.png) no-repeat;
}

.home-usage-wrapper {
    width: 70%;
    margin: auto;
}

.home-usage h2 {
    font-family: 'Gilroy';
    font-weight: 600;
    padding-top: 130px;
    color: #fefffb;
    font-size: 56px;
}

.home-usage h2:after {
    content: '';
    display: block;
    background: #fff;
    height: 6px;
    width: 306px;
    margin-top: 50px;
    border-radius: 50px;
}

.home-usage .owl-usage {
    margin-top: 80px;
    padding-bottom: 120px;
}

.home-usage .owl-img {
    margin: auto;
    width: 105px;
    height: 105px;
    position: relative;
}

.home-usage .owl-img svg {
    max-width: 100%;
    max-height: 100%;
}

.home-usage .st0 {
    fill: none;
    stroke: #969696;
    stroke-width: 2.5;
    stroke-miterlimit: 10;
}

.home-usage .st1 {
    fill: none;
    stroke: #969696;
    stroke-width: 2.5;
    stroke-miterlimit: 10;
}

.home-usage .st2 {
    fill: none;
    stroke: #969696;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.home-usage .owl-item {
    cursor: pointer;
}

.home-usage .owl-img img {
    width: auto !important;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-usage .owl-img path, .home-usage .owl-img line, .home-usage .owl-img rect, .home-usage .owl-img polyline, .home-usage .owl-img circle {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: das3 2s linear;
    animation-fill-mode: forwards;
}

.home-usage .owl-img:hover path, .home-usage .owl-img:hover line, .owl-img:hover rect, .owl-img:hover polyline, .owl-img:hover circle {
    stroke: #fff;
    stroke-dashoffset: 1000;
    animation: dash4 1s linear;
    animation-fill-mode: forwards;
}

@keyframes das3 {
    from {
        stroke-dashoffset: 1000;
    }

    to {
        stroke-dashoffset: 0;
        fill: transparent;
    }
}

@keyframes dash4 {
    from {
        stroke-dashoffset: 1000;
    }

    to {
        stroke-dashoffset: 0;
        fill: transparent;
    }
}

.home-usage .item p {
    font-family: 'Gilroy';
    font-weight: 300;
    margin-top: 20px;
    color: #fefffb;
    font-size: 14px;
    text-align: center;
}

.home-usage .owl-stage-outer {
    margin-left: 150px;
}
/*.home-usage .owl-item{
    display:none !important;
}
    .home-usage .owl-item.active, .home-usage .owl-item.cloned.active {
        display: inline-block !important;
    }*/
    .home-usage .owl-nav {
        display: inline-block !important;
        position: absolute;
        top: 35px;
    }

    .home-usage .owl-nav .owl-prev i {
        font-size: 24px;
        color: #fff;
    }

    .home-news {
        background: #969696;
        position: relative;
        padding-bottom: 170px;
    }

    .home-news-wrapper {
        margin: auto;
        width: 70%;
    }

    .home-news-wrapper h2 {
        position: relative;
        display: inline-block;
        /*left: 427px;*/
        padding-top: 100px;
        font-family: 'Gilroy';
        font-weight: 600;
        font-size: 56px;
        margin-bottom: 25px;
        color: #fefffb;
    }

    .home-news .news-content-bg {
        position: relative;
        background: #ababaa;
        /*margin-left: 295px;*/
        width: 85%;
        padding: 90px 0 130px 135px;
        margin: auto 0 auto auto;
    }

    .home-news .news-content {
        max-width: 65%;
    }

    .home-news .owl-home-news {
        width: 100%;
        position: static !important;
    }

    .home-news .owl-home-news h3 {
        font-family: 'Gilroy';
        font-weight: 600;
        font-size: 28px;
        color: #fff;
    }

    .home-news .owl-home-news p {
        margin-top: 30px;
        min-height: 100px;
        font-family: 'Gilroy';
        font-weight: 300;
        font-size: 18px;
        color: #fff;
    }

    .home-news .owl-prev, .home-news .owl-next {
        position: absolute;
        width: 104px;
        height: 104px;
        background: #c0c1c1 !important;
        border-radius: 10px;
        right: 180px;
    }

    .home-news .owl-prev:hover, .home-news .owl-next:hover {
        background: #fff !important;
    }

    .home-news .owl-prev {
        top: 220px;
    }

    .home-news .owl-next {
        top: 85px;
    }

    footer {
        position: relative;
        background: #df231d;
        padding: 60px 40px 20px 40px;
    }

    footer > div {
        width: 23% !important;
        margin-right: 1%;
        margin-left: 1%;
    }

    .footer-logo {
        display: inline-block;
        vertical-align: top;
    }

    footer-logo .owl-img {
        max-width: 100%;
    }

    .footer-logo img {
        max-width: 100%;
    }

    .footer-menu {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

    .footer-menu ul:before {
        display: block;
        /*content: '';*/
        height: 5px;
        width: 185px;
        background: #fff;
        position: absolute;
        top: -62px;
        left: -30px;
        border-radius: 50px;
    }

    .footer-menu ul:hover:before {
        display: block;
    }

    .footer-menu ul li a {
        display: inline-block;
        font-family: 'Gilroy';
        font-weight: normal;
        font-size: 15px;
        color: #fff;
        text-decoration: none;
        margin-bottom: 20px;
    }

    .footer-menu ul li a:hover {
        color: #d5d7d8;
    }

    .footer-address {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

    .footer-address li {
        margin-bottom: 22px;
    }

    .footer-address .icon {
        width: 35px;
        height: 35px;
        display: inline-block;
        vertical-align: top;
    }

    .footer-address .content {
        text-decoration: none;
        display: inline-block;
        vertical-align: top;
        font-size: 15px;
        font-family: 'Gilroy';
        font-weight: normal;
        color: #fff;
        width: calc(100% - 45px);
        margin-left: 10px;
        line-height: 28px;
    }

    .footer-address .content a {
        text-decoration: none;
        color: #fff;
    }

    footer .cooder {
        position: relative;
        display: inline-block;
        vertical-align: bottom;
        font-family: 'Gilroy';
        font-weight: 300;
        font-size: 13px;
        color: #fff;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: center;
    }

    footer .cooder a {
        text-decoration: none;
        color: #fff;
    }


    footer .social {
        position: relative;
        display: inline-block;
        vertical-align: top;
        font-family: 'Gilroy';
        font-weight: 300;
        font-size: 15px;
        color: #fff;
        text-align: right;
    }

    footer .social .st0 {
        fill: none;
        stroke: #fff;
        stroke-width: 2.5;
        stroke-miterlimit: 10;
    }

    footer .social .st1 {
        fill: none;
        stroke: #fff;
        stroke-width: 3.5;
        stroke-miterlimit: 10;
    }

    footer .social .st2 {
        fill: none;
        stroke: #fff;
        stroke-width: 1.5;
        stroke-linecap: round;
        stroke-miterlimit: 10;
    }

    footer .social a {
        display: inline-block;
        vertical-align: top;
        width: 40px;
        height: 40px;
        text-decoration: none;
    }

    footer .social span {
        display: block;
        font-family: 'Gilroy';
        font-weight: 300;
        font-size: 15px;
        color: #fff;
    }

    footer .social path, footer .social line {
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash5 1s linear;
        animation-fill-mode: forwards;
    }

    footer .social a:hover path, footer .social a:hover line {
        stroke: #fff;
        stroke-dashoffset: 1000;
        animation: dash6 1s linear;
        animation-fill-mode: forwards;
    }

    @keyframes dash5 {
        from {
            stroke-dashoffset: 1000;
        }

        to {
            stroke-dashoffset: 0;
            fill: transparent;
        }
    }

    @keyframes dash6 {
        from {
            stroke-dashoffset: 1000;
        }

        to {
            stroke-dashoffset: 0;
            fill: transparent;
        }
    }




    footer .mobile-social {
        position: relative;
        display: none;
        vertical-align: top;
        font-family: 'Gilroy';
        font-weight: 300;
        font-size: 15px;
        color: #fff;
    }

    footer .mobile-social a {
        display: inline-block;
        vertical-align: top;
        width: 62px;
        height: 62px;
        text-decoration: none;
    }

    footer .mobile-social a:nth-child(1) {
        background: url(../Images/social.png);
    }

    footer .mobile-social a:nth-child(2) {
        background: url(../Images/social.png);
        background-position: 142px;
    }

    footer .mobile-social a:nth-child(3) {
        background: url(../Images/social.png);
        background-position: 62px;
    }

    .abouth-bg {
        background: url(../Images/abouth-bg.png) no-repeat;
        height: 812px;
        width: 100%;
        background-position: center;
        background-size: cover;
    }

    .abouth-bg h2 {
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 102px;
        color: #fefffb;
        padding-top: 320px;
        width: 80%;
        margin: auto;
    }

    .abouth-bg h3 {
        font-family: 'Montserrat';
        font-weight: 300;
        font-size: 29px;
        color: #c8c8c8;
        margin-top: 120px;
        width: 80%;
        margin: auto;
    }


    .urunler-bg {
        background: url(../Images/urunler-bg.png) no-repeat;
        height: 812px;
        width: 100%;
        background-position: center;
        background-size: cover;
    }

    .urunler-bg h2 {
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 85px;
        color: #808080;
        padding-top: 320px;
        width: 70%;
        margin: auto;
    }

    .urunler-bg h3 {
        font-family: 'Montserrat';
        font-weight: 300;
        font-size: 35px;
        color: #808080;
        margin-top: 120px;
        width: 70%;
        margin: auto;
        line-height: normal;
    }


    .contact-h2 {
        font-family: 'Montserrat' !important;
        font-weight: 500 !important;
        font-size: 95px !important;
        color: #000 !important;
        padding-top: 320px !important;
        width: 80% !important;
        margin: auto !important;
    }

    .contact-h3 {
        font-family: 'Montserrat';
        font-weight: 300 !important;
        font-size: 55px !important;
        color: #000 !important;
        margin-top: 120px !important;
        width: 80% !important;
        margin: auto !important;
    }

    .abouth-content {
        background: #fff;
    }

    .abouth-content .abouth-wrapper {
        width: 80%;
        margin: auto;
    }

    .abouth-content .abouth-wrapper h1 {
        padding-top: 76px;
        font-family: 'Montserrat';
        font-weight: 200;
        font-size: 43px;
        color: #969696;
    }

    .abouth-content .content {
        padding: 60px 0 90px 0;
    }

    .abouth-content .content p {
        font-family: 'Gilroy';
        font-weight: 300;
        color: #969696;
        font-size: 20px;
        text-align: left;
        line-height: 24px;
        padding-bottom: 140px !important;
    }

    .abouth-usage {
        background: url(../Images/abouth-usage-bg.png);
        width: 100%;
        height: 1150px;
    }

    .abouth-usage .abouth-usage-wrapper {
        width: 80%;
        margin: auto;
    }

    .abouth-usage .abouth-usage-wrapper h2 {
        padding-top: 88px;
        font-family: 'Gilroy';
        font-weight: 600;
        font-size: 70px;
        color: #fefffb;
    }

    .abouth-usage .abouth-usage-wrapper h2::after {
        margin-top: 50px;
        content: '';
        display: block;
        border-radius: 50px;
        background: #fff;
        height: 6px;
        width: 306px;
    }

    .abouth-usage .usage-list {
        margin-top: 85px;
    }

    .abouth-usage .usage-list li {
        margin-bottom: 35px;
    }

    .abouth-usage .usage-list p {
        font-family: 'Gilroy';
        font-weight: 300;
        font-size: 22px;
        color: #fefffb;
        display: inline-block;
        vertical-align: top;
        padding: 5px 0 0 25px;
    }

    .abouth-usage .usage-list li:before {
        width: 41px;
        height: 44px;
        display: inline-block;
        content: '';
        background: url(../Images/abouth-usage-items.png) no-repeat;
    }

    .abouth-usage .usage-list li:nth-child(1):before {
        background-position: 0px 0px;
    }

    .abouth-usage .usage-list li:nth-child(2):before {
        background-position: 0px -77px;
    }

    .abouth-usage .usage-list li:nth-child(3):before {
        background-position: 0px -154px;
    }

    .abouth-usage .usage-list li:nth-child(4):before {
        background-position: 0px -231px;
    }

    .abouth-usage .usage-list li:nth-child(5):before {
        background-position: 0px -308px;
    }

    .abouth-usage .usage-list li:nth-child(6):before {
        background-position: 0px -385px;
    }

    .abouth-usage .usage-list li:nth-child(7):before {
        background-position: 0px -462px;
    }

    .abouth-usage .usage-list li:nth-child(8):before {
        background-position: 0px -534px;
    }

    .abouth-usage .usage-list li:nth-child(9):before {
        background-position: 0px -616px;
    }

    .abouth-usage .usage-list li:nth-child(10):before {
        background-position: 0px -689px;
    }


    .abouth-content {
        background: #fff;
    }

    .abouth-content .abouth-wrapper {
        width: 80%;
        margin: auto;
    }

    .abouth-content .abouth-wrapper h1 {
        padding-top: 76px;
        font-family: 'Montserrat';
        font-weight: 400;
        font-size: 43px;
        color: #969696;
    }


    .abouth-content .content {
        padding: 60px 0 90px 0;
    }

    .abouth-content .content p {
        font-family: 'Gilroy';
        font-weight: 300;
        color: #969696;
        font-size: 20px;
        text-align: left;
        line-height: 24px;
        padding-bottom: 140px !important;
    }

    .abouth-usage {
        background: url(../Images/abouth-usage-bg.png);
        width: 100%;
        height: 1150px;
    }

    .abouth-usage .abouth-usage-wrapper {
        width: 80%;
        margin: auto;
    }

    .abouth-usage .abouth-usage-wrapper h2 {
        padding-top: 88px;
        font-family: 'Gilroy';
        font-weight: 600;
        font-size: 70px;
        color: #fefffb;
    }

    .abouth-usage .abouth-usage-wrapper h2::after {
        margin-top: 50px;
        content: '';
        display: block;
        border-radius: 50px;
        background: #fff;
        height: 6px;
        width: 306px;
    }

    .abouth-usage .usage-list {
        margin-top: 85px;
    }

    .abouth-usage .usage-list li {
        margin-bottom: 35px;
    }

    .abouth-usage .usage-list p {
        font-family: 'Gilroy';
        font-weight: 300;
        font-size: 22px;
        color: #fefffb;
        display: inline-block;
        vertical-align: top;
        padding: 5px 0 0 25px;
    }

    .abouth-usage .usage-list li:before {
        width: 41px;
        height: 44px;
        display: inline-block;
        content: '';
        background: url(../Images/abouth-usage-items.png) no-repeat;
    }

    .abouth-usage .usage-list li:nth-child(1):before {
        background-position: 0px 0px;
    }

    .abouth-usage .usage-list li:nth-child(2):before {
        background-position: 0px -77px;
    }

    .abouth-usage .usage-list li:nth-child(3):before {
        background-position: 0px -154px;
    }

    .abouth-usage .usage-list li:nth-child(4):before {
        background-position: 0px -231px;
    }

    .abouth-usage .usage-list li:nth-child(5):before {
        background-position: 0px -308px;
    }

    .abouth-usage .usage-list li:nth-child(6):before {
        background-position: 0px -385px;
    }

    .abouth-usage .usage-list li:nth-child(7):before {
        background-position: 0px -462px;
    }

    .abouth-usage .usage-list li:nth-child(8):before {
        background-position: 0px -534px;
    }

    .abouth-usage .usage-list li:nth-child(9):before {
        background-position: 0px -616px;
    }

    .abouth-usage .usage-list li:nth-child(10):before {
        background-position: 0px -689px;
    }


    .urunler-content {
        background: #fff;
    }

    .urunler-content .urunler-wrapper {
        width: 80%;
        margin: auto;
    }

    .urunler-content .urunler-wrapper h1 {
        padding-top: 76px;
        font-family: 'Gilroy';
        font-weight: 600;
        font-size: 56px;
        color: #df231d;
    }

    .urunler-content .urunler-wrapper h1:after {
        margin-top: 50px;
        content: '';
        display: block;
        border-radius: 50px;
        background: #78ac5f;
        height: 6px;
        width: 306px;
    }

    .urunler-content .content {
        padding: 60px 0 90px 0;
    }

    .urunler-content .content p {
        font-family: 'Gilroy';
        font-weight: 300;
        color: #969696;
        font-size: 22px;
        text-align: left;
        line-height: 40px;
        padding-top: 140px !important;
        padding-bottom: 140px !important;
    }

    .urunler-usage {
        background: url(../Images/urunler-usage-bg.png);
        width: 100%;
        height: 1150px;
    }

    .urunler-usage .urunler-usage-wrapper {
        width: 80%;
        margin: auto;
    }

    .urunler-usage .urunler-usage-wrapper h2 {
        padding-top: 88px;
        font-family: 'Gilroy';
        font-weight: 600;
        font-size: 70px;
        color: #fefffb;
    }

    .urunler-usage .urunler-usage-wrapper h2::after {
        margin-top: 50px;
        content: '';
        display: block;
        border-radius: 50px;
        background: #fff;
        height: 6px;
        width: 306px;
    }

    .urunler-usage .usage-list {
        margin-top: 85px;
    }

    .urunler-usage .usage-list li {
        margin-bottom: 35px;
    }

    .urunler-usage .usage-list p {
        font-family: 'Gilroy';
        font-weight: 300;
        font-size: 22px;
        color: #fefffb;
        display: inline-block;
        vertical-align: top;
        padding: 5px 0 0 25px;
    }

    .urunler-usage .usage-list li:before {
        width: 41px;
        height: 44px;
        display: inline-block;
        content: '';
        background: url(../Images/urunler-usage-items.png) no-repeat;
    }

    .urunler-usage .usage-list li:nth-child(1):before {
        background-position: 0px 0px;
    }

    .urunler-usage .usage-list li:nth-child(2):before {
        background-position: 0px -77px;
    }

    .urunler-usage .usage-list li:nth-child(3):before {
        background-position: 0px -154px;
    }

    .urunler-usage .usage-list li:nth-child(4):before {
        background-position: 0px -231px;
    }

    .urunler-usage .usage-list li:nth-child(5):before {
        background-position: 0px -308px;
    }

    .urunler-usage .usage-list li:nth-child(6):before {
        background-position: 0px -385px;
    }

    .urunler-usage .usage-list li:nth-child(7):before {
        background-position: 0px -462px;
    }

    .urunler-usage .usage-list li:nth-child(8):before {
        background-position: 0px -534px;
    }

    .urunler-usage .usage-list li:nth-child(9):before {
        background-position: 0px -616px;
    }

    .urunler-usage .usage-list li:nth-child(10):before {
        background-position: 0px -689px;
    }

    .contact-bg {
        background: url(../Images/contact-bg.png) no-repeat;
        text-align: center;
        background-size: cover;
    }

    .contact-bg h1 {
        font-family: 'DINbek';
        font-weight: 500;
        font-size: 101px;
        color: #fefffb;
        padding-top: 215px;
        letter-spacing: 25px;
    }

    .contact-bg p {
        color: #fefffb;
        font-size: 29px;
        padding: 110px 0 250px 0;
        letter-spacing: 25px;
    }

    .contact-form-bg {
        background: #fff;
    }

    .contact-form-wrapper {
        width: 80%;
        margin: auto;
    }

    .contact-form {
        padding: 110px 0 120px 0;
        font-family: 'Gilroy';
        font-weight: normal;
        font-style: normal;
    }

    .contact-form h2 {
        font-family: 'Montserrat';
        font-weight: 600;
        font-style: normal;
        font-size: 56px;
        color: #808080;
        margin-bottom: 85px;
    }

    .contact-form input {
        width: calc(100% - 14px);
        display: block;
        height: 40px;
        border: none;
        background: #f2f2f2;
        margin-bottom: 40px;
        padding-left: 13px;
        font-size: 15px;
        color: #cbcbcb;
        outline: none;
    }

    .contact-form input::placeholder, .contact-form textarea::placeholder {
        font-size: 15px;
        color: #cbcbcb;
    }

    .contact-form textarea {
        width: calc(100% - 14px);
        outline: none;
        background: #f2f2f2;
        height: 170px;
        border: none;
        padding-left: 13px;
        font-size: 15px;
        color: #cbcbcb;
    }

    .contact-form input:focus {
        border: none !important;
    }

    .contact-form button {
        cursor: pointer;
        color: #969696;
        border: 1px solid #8db978;
        font-family: 'Gilroy';
        font-weight: 600;
        font-style: normal;
        font-size: 14px;
        outline: none;
        background: #fff;
        padding: 27px 38px 29px 38px;
        margin-top: 43px;
        border-radius: 50px;
    }

    .contact-form button:hover {
        background: #8db978;
        color: #fff;
    }

    .product-category-wrapper {
        width: 90%;
        margin: auto;
    }

    .product-category {
        background: #dfdfdf;
        position: relative;
        height: 334px;
    }

    .product-category .category-bg {
        padding-top: 15px;
        background: #efefef;
        height: 135px;
    }

    .product-category .owl-height {
        height: 300px !important;
    }

    .owl-category svg {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
    }

    .owl-category .item {
        padding: 15px 0 25px 0;
    }

    .owl-category .item:hover {
        background: #dfdfdf;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    .owl-category .item path, .owl-category .item line {
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: dash 2s linear;
        animation-fill-mode: forwards;
    }
    .owl-category .item:hover path, .owl-category .item:hover line {
        stroke: #df231d;
        stroke-dashoffset: 1000;
        animation: dash2 1s linear;
        animation-fill-mode: forwards;
    }

    .owl-category .item:hover h3 {
        display: block;
    }

    .owl-category .owl-img {
        position: relative;
        height: 100px !important;
    }

    .owl-category h3 {
        display: none;
        font-size: 29px;
        position: absolute;
        bottom: -144px;
        height:126px;
        /*white-space: nowrap;*/
    }
    .owl-category .owl-nav .owl-prev {
        position: absolute;
        background: #c9c9c9 !important;
        width: 15px;
        height: 100px;
        left: -6%;
        top: 10px;
        border-top-right-radius: 25px;
        border-bottom-right-radius:25px;
    }
    .owl-category .owl-nav .owl-next {
        position: absolute;
        background: #c9c9c9 !important;
        width: 15px;
        height: 100px;
        right: -6%;
        top: 10px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }
    .category-title {
        height: 100px;
        background: #dfdfdf;
        width: 100%;
    }

    .category-title h1 {
        font-size: 20px;
    }
    .products-list{
    }
    .products-list-wrapper{
        width:90%;
        margin:auto;
    }
    .products-list h2 {
        font-family: 'Gilroy';
        font-weight: 600;
        color: #df231d;
        padding-top: 95px;
        font-size: 56px;
        margin-bottom:95px;
        margin-left:10%;
    }
    .products-list h2:after {
        margin-top: 50px;
        content: '';
        display: block;
        width: 306px;
        height: 7px;
        background: #78ac5f;
        border-radius: 50px;
    }
    .prd-list-ul{
        margin-top:120px;
        margin-bottom:110px;
        font-size:0px;
        vertical-align:top;
    }
    .prd-list-ul li{
        display:inline-block;
        vertical-align:top;
        width:22.5%;
        border-radius:25px;
        margin:0 1.25% 2.5% 1.25%;
    }
    .prd-list-ul li a{
        text-decoration:none;
    }
    .prd-list-ul li .img-content {
        width: 100%;
        height: 407px;
        position: relative;
        background: #000;
        text-align: center;
        border-top-right-radius:25px;
        border-top-left-radius:25px;
    }
    .prd-list-ul li .link-content {
        background: #dfdfdf;
        text-align:center;
        border-bottom-left-radius:25px;
        border-bottom-right-radius:25px;
    }
    .prd-list-ul li .link-content h3 {
        font-size: 13px;
        font-family: 'Montserrat';
        color: #000;
        padding-top:20px;
    }
    .prd-list-ul li .link-content span {
        font-size: 11px;
        font-family: 'Montserrat';
        color: #000;
        padding:15px 0 15px 0;
        display:block;
    }
    .prd-list-ul li .img-content span {
        color: #fff;
        font-size: 17px;
        z-index: 999;
        position: absolute;
        bottom: 18px;
        left: 0;
        right: 0;
        margin: auto;
        font-family: 'Montserrat';
        font-weight: bold;
        display: block;
    }
    .prd-list-ul li .img-content img {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        padding-top: 8px;
        padding-bottom: 8px;
        margin: auto;
        max-width:100%;
        max-height:100%;
    }
    .products {
        height: 810px;
    }

    .products > div {
        display: inline-block;
        vertical-align: top;
        height: 100%;
    }

    .prd-images {
        background: #030404;
        width: 38%;
        height: 100%;
    }

    .prd-images .prd-code {
        background: #333333;
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
        height: 165px;
        z-index: 99;
    }

    .prd-images .prd-code span {
        margin-top: 70px;
        display: block;
        color: #fff;
        font-family: 'Montserrat';
        font-weight: 500;
        font-style: normal;
        font-size: 29px;
    }

    .prd-images .image-content {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .prd-images img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        max-width: 100%;
    }

    .prd-content {
        width: 62%;
        background: #e5e5e5;
    }

    .prd-content .prd-title {
        background: #eaeaea;
        padding: 47px 0 50px 115px;
    }

    .prd-content .prd-title * {
        display: inline-block;
        vertical-align: top;
    }

    .prd-content .prd-title h1 {
        font-size: 33px;
        margin-left: 35px;
        font-family: 'Montserrat';
        font-weight: 500;
        font-style: normal;
        color: #969696;
        margin-top: 20px;
    }

    .prd-content .prd-options {
        margin-top: 35px;
    }

    .prd-content .prd-options > div {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

    .prd-content .prd-options img {
        max-width: 100%;
    }

    .prd-options h2 {
        font-size: 21px;
        font-family: 'Montserrat';
        font-weight: 500;
        font-style: normal;
        margin-bottom: 42px;
    }

    .prd-options h3 {
        font-family: 'Montserrat';
        font-weight: 600;
        font-style: normal;
        font-size: 14px;
        color: #1d1d1b;
        line-height: 25px;
        margin-bottom: 13px;
    }

    .prd-options ul li {
        margin-bottom: 30px;
    }

    .prd-options h3:before {
        content: '';
        display: inline-block;
        width: 33px;
        height: 29px;
        vertical-align: top;
        background: url(../Images/prd-option-icon.png) no-repeat;
        margin-right: 7px;
    }

    .prd-options ul li:nth-child(2) h3:before {
        background-position: 0px -58px;
    }

    .prd-options ul li:nth-child(3) h3:before {
        background-position: 0px -29px;
    }

    .prd-options ul li p:last-child {
        margin-bottom: 0px !important;
    }

    .prd-options > div:first-child div {
        padding-left: 100px;
    }

    .prd-options p {
        font-family: 'Montserrat';
        font-weight: 300;
        font-style: normal;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .prd-options p span {
        font-weight: 500;
    }

    .mobile-active {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #df231d;
        z-index: 999999;
    }

    .mobile-active .logo {
        display: none !important;
    }

    .mobile-active .mobile-logo {
        display: block !important;
    }

    .mobile-active .fa-bars {
        display: none;
    }

    .mobile-active .top-menu {
        display: block !important;
        float: none;
    }

    .mobile-active .top-menu a {
        font-size: 27px;
    }

    .mobile-active .top-menu li {
        display: block;
        margin-left: 0px;
        margin-top: 55px;
    }

    .mobile-active .lang {
        position: fixed;
        right: 40px;
        bottom: 40px;
        margin-top: 0px !important;
    }

    .mobile-active .lang a {
        font-size: 27px;
    }

    .mobile-active .lang i {
        color: #000;
    }

    .mobile-active .mobile-menu .fa-xmark {
        color: #000;
        cursor: pointer;
        display: block !important;
    }

    @media screen and (max-width:1720px) {
    }

    @media screen and (max-width:1600px) {
        .production {
            background-size: auto !important;
        }

        .production-1 {
            right: 287px;
        }

        .production-2 {
            right: 618px;
        }

        .production-3 {
            right: 60px;
        }

        .prd-content .prd-title {
            padding: 47px 0 50px 35px;
        }

        .prd-content .prd-title h1 {
            font-size: 27px;
        }

        .prd-options > div:first-child div {
            padding-left: 35px;
        }
    }

    @media screen and (max-width:1500px) {
        .production {
            background-size: auto !important;
        }

        .top-menu li {
            margin-left: 50px;
        }

        .home-news .news-content-bg {
            padding: 90px 0 130px 75px;
        }

        .prd-options > div:first-child {
            width: 60%;
        }

        .prd-options > div:last-child {
            width: 40%;
        }
    }

    @media screen and (max-width:1420px) {
        .production {
            background-size: auto !important;
        }

        .slid-content h2 {
            font-size: 81px;
            text-align: left;
        }

        .slid-content h3 {
            margin-top: 65px;
            font-size: 22px;
            text-align: left;
        }
    }

    @media screen and (max-width:1366px) {
        .production {
            background-size: auto !important;
        }
    }

    @media screen and (max-width:1300px) {
        .production {
            height: 1415px;
            background-size: auto !important;
        }

        .production-1 {
            top: 520px;
        }

        .production-2 {
            top: 690px;
        }

        .production-3 {
            top: 860px;
        }
        .products-list h2{
            margin-left:0;
        }
        .prd-list-ul li {
            width: 30.5%;
        }
    }

    @media screen and (max-width:1250px) {
        .top-menu li {
            margin-left: 35px;
        }

        .slid-content h2 {
            margin-top: 30%;
            text-align: left;
        }

        .prd-content .prd-title h1, .prd-images .prd-code span {
            font-size: 20px;
        }

        .prd-options h2 {
            margin-bottom: 15px;
        }

        .kategoriler_item h2 {
            font-family: 'Montserrat';
            font-style: normal;
            margin-top: 15px;
            font-size: 22px;
        }
    }

    @media screen and (max-width:1080px) {
        .top-menu {
            display: none !important;
        }

        .kategoriler_item h2 {
            font-family: 'Montserrat';
            font-style: normal;
            margin-top: 15px;
            font-size: 22px;
        }

        .top-menu a {
            color: #fff;
        }

        .top-menu a:hover {
            color: #969696;
        }

        .top-menu .lan-pnl {
            border: 1px solid #fff;
            top: -80px;
            width: 75px;
            background: none !important;
        }

        .top-menu .lan-pnl li {
            margin: 10px auto 10px auto !important;
        }

        .top-menu .lan-pnl a {
            font-size: 14px !important;
        }

        .mobile-menu {
            display: inline-block !important;
            vertical-align: top;
        }

        .slid-content {
            width: 95%;
            text-align: left;
            padding-left: 20px;
        }

        .slid-content h2 {
            font-size: 60px;
            text-align: left;
        }

        .pager-wrapper {
            width: 90%;
        }

        .innovation-wrapper {
            width: 90%;
        }

        .innovation-wrapper > div > div {
            display: block;
        }

        .innovation-img img {
            position: static;
            left: auto;
        }

        .innovation-content {
            margin-left: 0px;
            margin-top: 25px;
        }

        .production-wrapper {
            width: 90%;
        }

        .production h2 {
            padding-top: 75px;
            margin-bottom: 50px;
        }

        .production-1 {
            top: 400px;
            right: 250px;
        }

        .production-2 {
            right: 570px;
            top: 585px;
        }

        .production-3 {
            top: 740px;
            right: 25px;
        }

        .home-products-wrapper {
            width: 90%;
        }

        .home-products h2 {
            text-align: center;
            padding-top: 75px;
        }

        .home-products h2:after {
            margin-top: 50px;
        }

        .home-products > div {
            padding-bottom: 20px;
        }

        .home-usage {
            height: auto;
        }

        .home-usage h2 {
            padding-top: 75px;
            font-size: 56px;
        }

        .home-usage h2:after {
            margin-top: 60px;
        }

        .home-usage .owl-usage {
            margin-top: 50px;
            padding-bottom: 75px;
        }

        .home-usage .owl-stage-outer {
            margin-left: 75px;
        }

        .news-content .item {
            width: 90%;
        }

        .home-usage-wrapper {
            width: 90%;
        }

        .home-news-wrapper {
            width: 90%;
        }

        .home-news .news-content-bg {
            padding: 90px 0 130px 46px;
        }

        .home-news .news-content {
            width: 75%;
        }

        .home-news .owl-next {
            top: 100px;
        }

        .home-news .owl-prev {
            top: 165px;
        }

        .home-news .owl-prev, .home-news .owl-next {
            width: 54px;
            height: 54px;
        }

        .home-news-wrapper h2 {
            padding-top: 75px;
        }

        .home-news-wrapper h2:after {
            margin-top: 50px;
        }

        .home-news .owl-prev, .home-news .owl-next {
            right: 5%;
        }

        .home-news .owl-home-news p {
            font-size: 20px;
        }

        .home-news {
            padding-bottom: 75px;
        }

        footer .mobile-social {
            display: inline-block;
        }

        footer .social {
            display: none !important;
        }

        footer > div {
            width: 48% !important;
        }

        .footer-menu, .footer-address {
            margin-top: 50px;
        }

        .abouth-bg h2 {
            padding-top: 25%;
            font-size: 70px;
        }

        .abouth-bg h3 {
            font-size: 20px;
        }

        .abouth-wrapper {
            width: 90% !important;
        }

        .abouth-content .abouth-wrapper h1 {
            padding-top: 75px;
            font-size: 57px;
        }

        .abouth-content .abouth-wrapper h1:after {
            margin-top: 50px;
        }

        .abouth-content .content p {
            font-size: 20px;
            line-height: 24px;
        }

        .abouth-content .content {
            padding: 60px 0 75px 0;
        }

        .abouth-usage {
            height: auto;
        }

        .abouth-usage .abouth-usage-wrapper {
            width: 90%;
        }

        .abouth-usage .abouth-usage-wrapper h2 {
            font-size: 57px;
            padding-top: 75px;
        }

        .abouth-usage .abouth-usage-wrapper h2::after {
            margin-top: 50px;
        }

        .abouth-usage .usage-list {
            margin-top: 45px;
            padding-bottom: 45px;
        }

        .abouth-usage .usage-list p {
            font-size: 17px;
            padding: 10px 0 0 25px;
        }


        .urunler-bg h2 {
            padding-top: 25%;
            font-size: 70px;
            letter-spacing: 5px;
        }

        .urunler-bg h3 {
            font-size: 20px;
        }

        .urunler-wrapper {
            width: 90% !important;
        }

        .urunler-content .urunler-wrapper h1 {
            padding-top: 75px;
            font-size: 57px;
        }

        .urunler-content .urunler-wrapper h1:after {
            margin-top: 50px;
        }

        .urunler-content .content p {
            font-size: 17px;
            line-height: 30px;
        }

        .urunler-content .content {
            padding: 60px 0 75px 0;
        }

        .urunler-usage {
            height: auto;
        }

        .urunler-usage .urunler-usage-wrapper {
            width: 90%;
        }

        .urunler-usage .urunler-usage-wrapper h2 {
            font-size: 57px;
            padding-top: 75px;
        }

        .urunler-usage .urunler-usage-wrapper h2::after {
            margin-top: 50px;
        }

        .urunler-usage .usage-list {
            margin-top: 45px;
            padding-bottom: 45px;
        }

        .urunler-usage .usage-list p {
            font-size: 17px;
            padding: 10px 0 0 25px;
        }

        .contact-bg h1 {
            padding-top: 25%;
            font-size: 70px;
            letter-spacing: 30px;
        }

        .contact-bg h3 {
            font-size: 20px;
            letter-spacing: 15px;
        }

        .contact-bg p {
            font-size: 27px;
        }

        .products {
            height: auto;
        }

        .prd-images {
            width: 100%;
            position: relative;
        }

        .prd-images .prd-code {
            text-align: left;
        }

        .prd-images .image-content {
            text-align: center;
        }

        .prd-images img {
            position: static;
        }

        .prd-images .prd-code span {
            width: 90%;
            margin: 70px auto auto auto;
        }

        .prd-content .prd-title h1, .prd-images .prd-code span {
            font-size: 28px;
        }

        .prd-content {
            width: 100%;
        }
    }

    @media screen and (max-width:960px) {
        .production {
            background-size: auto !important;
            height: 790px;

        }

        .production h2 {
            font-size: 41px;
        }

        .production-1 {
            width: 170px;
            height: 170px;
            top: 300px;
            right: 160px;
        }

        .production-1 > div {
            padding: 10px 0 0 10px;
        }

        .production-1 .top-title {
            font-size: 63px;
        }

        .production-1 .sub-title {
            font-size: 20px;
        }

        .production-2 {
            width: 210px;
            height: 234px;
            right: 374px;
            top: 450px;
        }

        .production-2 > div {
            padding: 25px 0 0 25px;
        }

        .production-2 .top-title {
            font-size: 70px;
        }

        .production-2 .title {
            margin-top: 6px;
            font-size: 24px;
        }

        .production-3 {
            width: 280px;
            height: 190px;
            top: 550px;
            right: 50px;
        }

        .production-3 > div {
            padding: 20px 0 0 20px;
        }

        .production-3 .top-title {
            font-size: 56px;
        }

        .production-3 .title {
            margin-top: 10px;
            font-size: 20px;
            line-height: normal;
        }

        .home-products .item h3 {
            font-size: 22px;
        }

        .home-news .news-content-bg {
            width: auto;
        }

        .home-products h2 {
            font-size: 41px;
        }

        .home-usage h2 {
            font-size: 41px;
        }

        .home-news-wrapper h2 {
            font-size: 41px;
        }

        .home-news .owl-home-news h3 {
            font-size: 22px;
        }

        .home-news .owl-home-news p {
            font-size: 15px;
        }
        .prd-list-ul li{
            width:47.5%;
        }
    }

    @media screen and (max-width:860px) {
        .prd-content .prd-options > div {
            width: 100% !important;
        }

        .prd-images .prd-code {
            height: 100px;
        }

        .prd-images img {
            position: absolute;
            max-height: 100%;
        }

        .prd-images .prd-code span {
            margin: 35px auto auto auto;
            font-size: 24px;
        }

        .prd-images .image-content {
            min-height: 650px;
        }

        .prd-content .prd-title h1 {
            font-size: 24px;
        }

        .prd-options > div:last-child {
            text-align: center;
            padding: 25px 0 25px 0;
        }

        .prd-content .prd-options img {
            max-width: 90%;
        }

        .prd-options h2 {
            font-size: 17px;
        }

        .prd-options h3 {
            font-size: 13px;
        }

        .prd-options p {
            font-size: 11px;
        }
    }

    @media screen and (max-width:770px) {
        .abouth-bg h2 {
            font-size: 43px;
            /*padding-top: 35%;*/
        }

        .abouth-bg h3 {
            font-size: 20px;
        }

        .urunler-bg h2 {
            font-size: 43px;
            padding-top: 35%;
        }

        .urunler-bg h3 {
            font-size: 20px;
        }
    }

    @media screen and (max-width:740px) {
        .top-wrapper {
            margin: 25px auto 25px auto;
        }

        .slid-content h2 {
            font-size: 20px;
            text-align: left;
        }

        footer > div {
            width: 100% !important;
            margin: auto;
            text-align: center;
        }

        footer .mobile-social {
            margin-top: 60px;
        }

        .footer-address li {
            width: 60%;
            margin: auto auto 22px auto;
        }

        .footer-address .content {
            width: auto;
        }

        .footer-menu ul li a, .footer-address .content {
            font-size: 13px;
        }

        .abouth-usage .usage-list p {
            font-size: 13px;
            width: 80%;
        }

        .urunler-usage .usage-list p {
            font-size: 13px;
            width: 80%;
        }

        .prd-content .prd-title {
            padding: 35px 0 35px 0;
            text-align: center;
        }

        .prd-content .prd-title * {
            display: block;
            margin: auto !important;
        }

        .prd-content .prd-title h1 {
            margin-top: 15px !important;
        }

        .pager-wrapper:before {
            display: none;
        }
    }

    @media screen and (max-width:640px) {
        .urun_item {
            padding-right: 0px !important;
            color: #808080;
            margin-top: 30px;
        }

        .kategoriler_item h2 {
            font-family: 'Montserrat';
            font-style: normal;
            margin-top: 15px;
            font-size: 22px;
        }

        .products-list h2{
            padding-top:50px;
            margin-bottom:25px;
        }
        .products-list h2:after{
            margin-top:25px;
        }
        .prd-list-ul {
            margin-top: 25px;
        }
        .prd-list-ul li {
            width: 97.5%;
            margin-bottom:20px !important;
        }
        .slid-content h2 {
            font-size: 50px;
            display: inline-block;
            table-layout: fixed;
            text-align: left;
        }

        .production-1 .sub-title-min {
            font-size: 11.5px;
            max-width: 640px !important;
        }

        .slid-content h3 {
            font-weight: 400;
            font-size: 17px;
            text-align: left;
        }

        .pager-list {
            bottom: -110px;
        }

        .pager-list a {
            font-size: 15px;
            padding: 45px 18px 46px 18px;
        }

        .production {
            height: auto;
            padding-bottom: 30px;
            background-size: auto !important;
        }

        .production h2 {
            padding-top: 25px;
            padding-bottom: 30px;
        }

        .production-1 {
            position: relative;
            right: auto;
            top: auto;
            width: 90%;
            margin: auto;
            text-align: center;
            margin-bottom: 15px;
        }

        .production-2 {
            position: relative;
            right: auto;
            top: auto;
            width: 90%;
            margin: auto;
            text-align: center;
            margin-bottom: 15px;
            height: 205px;
        }

        .production-2 > div {
            padding: 25px;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            margin: auto;
        }

        .production-2 .top-title {
            font-size: 63px;
        }

        .production-2 .title {
            font-size: 20px;
        }

        .production-3 {
            position: relative;
            right: auto;
            top: auto;
            bottom: auto;
            width: 90%;
            margin: auto;
            height: 205px;
            text-align: center;
        }

        .production-3 > div {
            padding: 25px;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            margin: auto;
        }

        .production-3 .top-title {
        }

        .home-news .news-content {
            max-width: 100%;
        }

        .footer-address li {
            width: auto;
        }

        .abouth-bg h2 {
            font-size: 65px;
            text-align: center;
            padding-top: 35%;
        }

        .abouth-bg h3 {
            font-size: 20px;
            text-align: center;
        }

        .abouth-content .content p {
            font-size: 17px;
        }

        .abouth-content .abouth-wrapper h1, .abouth-usage .abouth-usage-wrapper h2 {
            font-size: 41px;
        }

        .urunler-bg h2 {
            font-size: 35px;
            text-align: center;
            padding-top: 35%;
        }

        .urunler-bg h3 {
            text-align: center;
        }

        .urunler-content .content p {
            font-size: 13px;
        }

        .urunler-content .urunler-wrapper h1, .urunler-usage .urunler-usage-wrapper h2 {
            font-size: 41px;
        }

        .contact-form {
            padding: 75px 0 75px 0;
        }

        .contact-bg h1 {
            font-size: 45px;
        }

        .contact-bg p {
            font-size: 20px;
            padding: 110px 0 200px 0;
        }

        .contact-form h2 {
            font-size: 41px;
            /*margin-bottom: 50px;*/
        }

        .contact-form h2:after {
            margin-top: 50px;
        }

        .map-iframe iframe {
            height: 500px !important;
        }
    }

    @media screen and (max-width:420px) {
        .contact-bg h1 {
            font-size: 34px;
        }

        .contact-bg p {
            letter-spacing: 10px;
        }
    }

    @media screen and (max-width:370px) {
        .abouth-usage .usage-list p {
            width: 76%;
        }

        .urunler-usage .usage-list p {
            width: 76%;
        }
    }


    .prd-content .prd-title svg {
        max-width: 120px;
    }


    .homecolumn {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }


    .homecolumn h2 {
        font-family: 'Montserrat';
        font-style: normal;
        margin-top: 15px;
        font-size: 34px;
        color: #000;
        text-align: left;
    }

    .homecolumn p {
        font-family: 'Montserrat';
        font-style: normal;
        margin-top: 15px;
        font-size: 17px;
        color: #000;
        text-align: left;
        max-width: 300px;
    }


    .homecolumn img {
        max-width: 95px !important;
    }


/* latin 
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*/

/* grid styling */

.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.grid_urun_kategori {
    display: grid;
    grid-template-columns: repeat(15, 1fr);
}

.grid--gap10 {
    grid-gap: 10px;
}

.grid__col1 {
    grid-column: span 1;
}
.grid__col2 {
    grid-column: span 2;
}
.grid__col3 {
    grid-column: span 3;
}
.grid__col4 {
    grid-column: span 4;
}
.grid__col5 {
    grid-column: span 5;
}
.grid__col6 {
    grid-column: span 6;
}
.grid__col7 {
    grid-column: span 7;
}
.grid__col8 {
    grid-column: span 8;
}
.grid__col9 {
    grid-column: span 9;
}
.grid__col10 {
    grid-column: span 10;
}
.grid__col11 {
    grid-column: span 11;
}
.grid__col12 {
    grid-column: span 12;
}

@media (min-width: 768px) {
    .grid__colsm1 {
        grid-column: span 1;
    }
    .grid__colsm2 {
        grid-column: span 2;
    }
    .grid__colsm3 {
        grid-column: span 3;
    }
    .grid__colsm4 {
        grid-column: span 4;
    }
    .grid__colsm5 {
        grid-column: span 5;
    }
    .grid__colsm6 {
        grid-column: span 6;
    }
    .grid__colsm7 {
        grid-column: span 7;
    }
    .grid__colsm8 {
        grid-column: span 8;
    }
    .grid__colsm9 {
        grid-column: span 9;
    }
    .grid__colsm10 {
        grid-column: span 10;
    }
    .grid__colsm11 {
        grid-column: span 11;
    }
    .grid__colsm12 {
        grid-column: span 12;
    }
}


.urunler-section{
    max-width: 70%;
    margin: auto;
    padding-bottom: 150px;
}



.urun_item {
    padding-right: 20px;
    color: #808080;
    margin-top: 30px;
}

.urun_item img {
    max-width: 100%;
}

.urun_item a {
    display: inline-block;
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 34px;
    color: #808080;
    text-align: left;
    text-decoration: none;
}

.urun_item a:hover {
    color: #df231d;
}

.urun_item h2 {
    font-family: 'Montserrat';
    font-style: normal;
    margin-top: 15px;
    font-size: 34px;
    text-align: left;
}


.kategoriler-section{
    max-width: 70%;
    margin: auto;
    padding-bottom: 150px;
    text-align: center;
}

.kategoriler_item {
    padding-right: 20px;
    color: #808080;
    margin-top: 30px;
}

.kategoriler_item img {
    max-width: 100%;
}

.kategoriler_item a {
    display: inline-block;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 34px;
    color: #808080;
    text-decoration: none;
}

.kategoriler_item a:hover {
    color: #df231d;
}

.kategoriler_item h2 {
    font-family: 'Montserrat';
    font-style: normal;
    margin-top: 15px;
    font-size: 26px;
}