﻿@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1200px) {
    .leftAction p, .CenterAction p, .rightAction p {
        bottom: 15px;
        font-size: 22px;
    }

    .ProductDescribe .ImageSection {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 992px) {
    .Header {
        padding: 20px 30px;
    }

    .ProductSection .TopRow {
        flex-wrap: wrap;
    }

        .ProductSection .TopRow .leftSection, .ProductSection .TopRow .rightSection {
            width: 100%;
            justify-content: center;
            align-items: center;
        }

        .ProductSection .TopRow .rightSection {
            margin-top: 20px;
        }

    .ProductActions {
        flex-wrap: wrap;
        gap: 0px;
    }

    .PrAction {
        width: 100%;
        margin-bottom: 15px;
    }

    .leftAction p, .CenterAction p, .rightAction p {
        width: 100%;
        text-align: center;
        right: unset;
        left: unset;
    }

    .FooterSection {
        padding: 50px 20px;
        flex-wrap: wrap;
    }

        .FooterSection .leftSection, .FooterSection .rightSection {
            width: 100%;
        }

        .FooterSection .leftSection {
            margin-bottom: 30px;
        }

    .socials {
        margin-top: 20px;
    }

    .FooterSection .rightSection{
        padding-left:0px;
    }



    .ProductDescribe .TextSection, .ProductDescribe .ImageSection{
        width:100%;
    }

    .ProductDescribe .ImageSection{
        padding-left:0px;
        padding-right:0px;
    }

    .downloadList .ActionLink{
        width:98%;
    }
}

@media only screen and (max-width: 700px) {
    .mobile_menu {
        display: block;
    }
    .Header .Menu, .SliderArea .SearchArea {
        display: none;
    }

    .AboutSection p {
        font-size: 26px;
    }

    .FooterSection .rightSection .TopRow, .FooterSection .rightSection .BottomRow {
        flex-wrap: wrap;
    }

        .FooterSection .rightSection .TopRow .leftArea, .FooterSection .rightSection .TopRow .rightArea,
        .FooterSection .rightSection .BottomRow .leftArea, .FooterSection .rightSection .BottomRow .rightArea {
            width: 100%;
        }

        .FooterSection .rightSection .TopRow .leftArea{
            align-items:center;
            margin-bottom:30px;
        }

            .FooterSection .rightSection .BottomRow .leftArea p, .FooterSection .rightSection .TopRow .leftArea p {
                text-align: center;
            }

    .ProductLists a{
        width:50%;
    }
}

@media only screen and (max-width: 480px) {
    .HeaderAction span {
        display: none;
    }

    .ProductSection {
        padding: 50px 20px;
    }

        .ProductSection .TopRow .leftSection {
            flex-direction: column;
        }

            .ProductSection .TopRow .leftSection span {
                font-size: 28px;
                text-align: center;
            }

    .PrAction {
        height: unset;
        margin-bottom: 15px;
    }

    .BlogPosts {
        flex-wrap: wrap;
        gap: 0px;
    }

    .BlogPost {
        width: 100%;
        margin-bottom: 20px;
    }

    .BlogActions {
        width: 320px;
    }

    .BlogAction {
        width: 100px;
        font-size: 15px;
    }

    .ProductLists a {
        width: 100%;
    }

    .ProductDescribe {
        padding: 50px 20px;
    }

    .downloadList .ActionLink{
        height:unset;
    }

    .downloadList .ActionLink:after{
       content:none;
    }
}
