@import "header.css";
@import "menu.css";
@import "footer.css";
*{
    padding: 0;
    margin: 0;
}

main{
    width: 100%;
    height: auto;
    direction: rtl;
    background-color: #ffffff;

}
@font-face {
    font-family: iransans;
    src: url("../fonts/ttf/IRANSansWeb.ttf");
    src: url("../fonts/eot/IRANSansWeb.eot");
    src: url("../fonts/woff/IRANSansWeb.woff");
    src: url("../fonts/woff2/IRANSansWeb.woff2");
}
@font-face {
    font-family: chunk;
    src: url("../fonts/Chunk Five Print.otf");
    src: url("../fonts/ChunkFive-Regular.otf");
}
@media only screen and (min-width: 751px) and (max-width: 1980px) {

    section.mazak-cl {
        width: 98%;
        margin: 0 auto;
        padding-right: 10px;
        padding-left: 10px;

        display: flex;
        flex-wrap: wrap;
    }
    section.mazak-cl > div {
        width: 25%;
        height: 100%;
    }
    section.mazak-cl > div > img {
        width: 50%;
        height: 350px;
        margin-right: 25%;
    }

    section.mazak-cl > div > h1 {
        width: 50%;
        margin-right: 25%;
        color: #000000;
        font-size: 20px;
        font-family: iransans;
        font-weight: bold;
        text-align: center;
    }

    section.mazak-cl > div > p {
        width: 50%;
        margin-right: 25%;
        color: #000000;
        font-size: 18px;
        font-family: iransans;
        font-weight: bold;
        text-align: center;
    }
    section.mazak-cl-mobile{
        display: none;
    }
    section.main-mazak-slider{
        width: 100%;
        height: 700px;
        margin-top: 15px;
    }
    section.text-main-1>p{
        color: black;
        font-family: iransans;
        text-align: justify;
        font-weight: bold;
        font-size: 26px;
    }
    section.text-main-2>h1{
        font-family: iransans;
        font-size: 38px;
        font-weight: bolder;
        padding-bottom: 7px;

    }
    section.text-main-2>p{
        color: black;
        font-family: iransans;
        font-weight: bold;
        text-align: justify;
        font-size: 26px;
    }
}
@media screen and (max-width: 750px) {
    section.main-mazak-slider{
        width: 100%;
        height: auto;
        margin-top: 15px;
    }
    section.mazak-cl-mobile >section> div {
        width: 30%;
        height: auto;
        display: flex;
        justify-content: space-between;
        flex-direction: column;

    }

    section.mazak-cl{
        display: none;
    }
    section.mazak-cl-mobile {
        width: 100%;
        margin: 0 auto;


        display: flex;
        flex-wrap: wrap;

    }
    section.mazak-cl-mobile>section{
        width: 100%;

        display: flex;
        padding: 3px;
        justify-content: space-around;
        flex-direction: row;
    }
    section.mazak-cl-mobile >section> div > img {
        width: 80%;
        height: 170px;
        display: inline-block;
        margin-right: 10%;

    }

    section.mazak-cl-mobile >section>div> div > h1 {
        width: 50%;
        margin-right: 25%;
        color: #000000;
        font-size: 14px;
        font-family: iransans;
        font-weight: bold;
        text-align: center;
    }

    section.mazak-cl-mobile >section>div> div > p {
        width: 50%;
        margin-right: 25%;
        color: #000000;
        font-size: 12px;
        font-family: iransans;
        font-weight: bold;
        text-align: center;
    }
    section.text-main-1>p{
        color: black;
        font-family: iransans;
        text-align: justify;
        font-weight: bold;
        font-size: 16px;
    }
    section.text-main-2>h1{
        font-family: iransans;
        font-size: 24px;
        font-weight: bolder;
        padding-bottom: 7px;

    }
    section.text-main-2>p{
        color: black;
        font-family: iransans;
        font-weight: bold;
        text-align: justify;
        font-size: 16px;
    }
}




    .swiper {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .swiper-slide img {
        display: block;
        width: 70%;
        height: 96%;
        object-fit: contain;
        margin: 0 auto;

    }
    section.text-main-1{
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        margin-top: 25px;
        padding-bottom: 35px;
    }

    section.mazak-cl-main{
        width: 100%;
        height: auto;
         margin-top: 20px;
        display: flex;
        flex-wrap: wrap;

        flex-direction: row-reverse;
    }
    section.mazak-cl-main>div.mazak-cl-main-item{
        width: 25%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 10px;
    }
    section.mazak-cl-main>div.mazak-cl-main-item2{
        width: 25%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }
    section.mazak-cl-main>div.mazak-cl-main-item>img{
        height: 475px;

        margin-bottom: 5px;
    }
    section.mazak-cl-main>div.mazak-cl-main-item>h1{
        font-family: iransans;
        font-weight: bold;
        font-size: 28px;
        color: #000000;
    }
    section.mazak-cl-main>div.mazak-cl-main-item>p{
        font-family: iransans;
        font-weight: bold;
        font-size: 18px;
        color: black;

    }
    section.mazak-cl-main>div.mazak-cl-main-item2>img{
        height: 440px;

    }
    section.mazak-cl-main>div.mazak-cl-main-item3{
        margin-top: 10px;
        width: 25%;
        height: 440px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    section.mazak-cl-main>div.mazak-cl-main-item3>img{
        height: 475px;
    }
    section.mazak-cl-main>div.mazak-cl-main-item3>h1{
        font-family: iransans;
        font-weight: bold;
        font-size: 28px;
        color: black;
    }
    section.mazak-cl-main>div.mazak-cl-main-item3>P{
        font-family: iransans;
        font-weight: bold;
        font-size: 18px;
        color: black;
    }

    section.mazak-cl-main>div.mazak-cl-main-item2>h1{
        font-family: iransans;
        font-weight: bold;
        font-size: 28px;
        color: black;
    }
    section.mazak-cl-main>div.mazak-cl-main-item2>p{
        font-family: iransans;
        font-weight: bold;
        font-size: 18px;
        color: black;

    }
    section.text-main-2{
        width: 90%;
        margin-top: 15px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 15px;
    }