/*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; }
    .top-box {
        height: 210px;
        margin-top: 70px;
    }
    .top-box::before {
        width: 87px;
        height: 168px;
        background-size: 100% auto;
    }
    .inh1 {
        font-size: 25px;
        padding: 0 0;
        font-weight: bold;
        
    }
    .inh1 *{
        font-size: 25px;
        font-weight: bold;
    }
    /*.services_page*/
    .services_page {
        margin: 0 0;
    }
        .services_page .services_list > ul > li .services_list_Item .services_list_Item_Img {
            width: 100%;
            height: 268px;
        }
        .services_page .services_list > ul > li .services_list_Item .services_list_Item_Desc {
            width: 100%;
            padding-top: 28px;
        }
        .services_page .services_list > ul > li:nth-child(2n+1) .services_list_Item .services_list_Item_Desc {
            padding-left: 15px;
            padding-right: 0;
        }
        .services_page .services_list > ul > li .services_list_Item .service_Title {
            margin-bottom: 10px;
        }
            .services_page .services_list > ul > li .services_list_Item .service_Title * {
                font-size: 25px;
            }
        .services_page .services_list > ul > li:nth-child(2n) .services_list_Item .services_list_Item_Desc {
            padding-right: 0;
            padding-left: 10px;
           
        }
        .services_page .services_list > ul > li {
            margin-bottom: 0;
        }
            .services_page .services_list > ul > li .services_list_Item .services_list_Item_Desc {
                padding-bottom: 15px;
            }
    /*.services_page*/

    /*about us*/
    .about_Us {
        margin: 15px 0;
    }
        .about_Us .about_Us_Top .about_Us_Top_Img > figure {
            width: 98%;
            height: auto;
            margin: 0 auto;
        }
        .about_Us .about_Us_Top .about_Us_Top_Img .about_Us_Top_Logo {
            top:102%;
            right: 0;
        }
        .about_Us_Bottom{
            margin-top: 30%;
        }
        .about_Us .about_Us_Bottom .about_Us_Bottom_Title {
            width: 100%;
            padding-top: 50px;
        }
            .about_Us .about_Us_Bottom .about_Us_Bottom_Title * {
                font-size: 36px;
            }
        .about_Us .about_Us_Bottom .about_Us_Bottom_Desc {
            width: 100%;
            margin-top: 10px;
        }
    /*about us*/

        /*contact us*/
    .contact_Us .contact_Us_Top {
        margin: 30px 0px;
    }
    .contact_Us .contact_Us_Down .contact_Us_Down_L {
        width: 100%;
    }
    .contact_Us .contact_Us_Down .contact_Title {
        margin-bottom: 10px;
    }
    .contact_Us .contact_Title * {
        font-size: 25px;
    }
    .txtbox {
        border-bottom: 1px solid #dddee1;
        padding: 10px 0;
        color: #33363c;
        font-size: 12px;
    }
    .textarea {
        height: 110px;
    }
    .contact_Us .contact_Us_Down .contact_Us_Down_L .form-btn {
        margin-top: 10px;
    }
    .contact_Us .contact_Us_Down .contact_Us_Down_R {
        width: 100%;
        margin-top: 20px;
    }
    /*contact us*/
    /*products*/
    .Products_List > ul {
        --column: 2;
    }
        .Products_List > ul > li .Products_List_Img {
            height: 246px;
        }
    .Products_List > ul {
        --gap-column: 10px;
        --gap-row: 20px;
    }
    /*products*/
    /*product detail*/
    .ProductDetail_page .ProductDetail_Top {
        min-height: 290px;
        margin-top: 70px;
    }
        .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_L {
            width: 100%;
        }
            .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_L .ProductDetail_Gallery {
                height: 345px;
            }
        .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_R {
            width: 100%;
        }
            .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_R .ProductDetail_Top_Desc {
                padding-top: 20px;
            }
                .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_R .ProductDetail_Top_Desc .ProductDetail_Top_Desc_title {
                    margin-bottom: 20px;
                }
                .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_R .ProductDetail_Top_Desc .public_Title * {
                    font-size: 30px;
                }
                .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_R .ProductDetail_Top_Desc * {
                    font-size: 12px;
                }
    .ProductDetail_page .desc * {
        line-height: 25px;
    }
    .ProductDetail_page .ProductDetail_Down {
        margin-top: 20px;
    }
        .ProductDetail_page .ProductDetail_Down .ProductDetail_Down_L {
            width: 100%;
        }
        .ProductDetail_page .ProductDetail_Down .ProductDetail_Down_R {
            width: 100%;
            margin-top: 20px;
        }
    .public_List ul li {
        margin-bottom: 5px;
    }
    /*service detail*/
    .service_Detail {
        margin-top: 50px;
    }

        .service_Detail .service_Detail_Top {
            margin-bottom: 40px;
        }

            .service_Detail .service_Detail_Top > figure {
                width: 80%;
                height: auto;
                margin-left: 24px;
            }

                .service_Detail .service_Detail_Top > figure > figcaption {
                    left: 11%;
                    font-size: 40px;
                }

        .service_Detail .service_Detail_Title * {
            font-size: 26px;
            line-height: 15px;
        }

        .service_Detail .service_Detail_Content figure {
            width: 100%;
            height: auto;
            float: left;
            margin-right: auto;
            margin-bottom: 25px;
            margin-left: auto;
        }
}
/*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; }
    .top-box {
        height: 210px;
        margin-top: 70px;
    }

        .top-box::before {
            width: 87px;
            height: 168px;
            background-size: 100% auto;
        }

    .inh1 {
        font-size: 30px;
        padding: 0 0;
        font-weight: bold;
    }
    .inh1 *{
        font-weight: bold;
    }

    /*.services_page*/
    .services_page {
        margin: 0 0;
    }

        .services_page .services_list > ul > li .services_list_Item .services_list_Item_Img {
            width: 100%;
            height: 268px;
        }

        .services_page .services_list > ul > li .services_list_Item .services_list_Item_Desc {
            width: 100%;
            padding-top: 28px;
        }

        .services_page .services_list > ul > li:nth-child(2n+1) .services_list_Item .services_list_Item_Desc {
            padding-left: 15px;
            padding-right: 0;
        }

        .services_page .services_list > ul > li .services_list_Item .service_Title {
            margin-bottom: 10px;
        }

            .services_page .services_list > ul > li .services_list_Item .service_Title * {
                font-size: 25px;
            }

        .services_page .services_list > ul > li:nth-child(2n) .services_list_Item .services_list_Item_Desc {
            padding-right: 0;
            padding-left: 10px;
        }

        .services_page .services_list > ul > li {
            margin-bottom: 0;
        }

            .services_page .services_list > ul > li .services_list_Item .services_list_Item_Desc {
                padding-bottom: 15px;
            }
    /*.services_page*/

    /*about us*/
    .about_Us {
        margin: 15px 0;
    }
    .about_Us .about_Us_Top .about_Us_Top_Img .about_Us_Top_Logo {
        top:102%;
        right: 0;
    }
    .about_Us_Bottom{
        margin-top: 30%;
    }
        .about_Us .about_Us_Top .about_Us_Top_Img > figure {
            width: 98%;
            height: auto;
            margin: 0 auto;
        }

       

        .about_Us .about_Us_Bottom .about_Us_Bottom_Title {
            width: 100%;
            padding-top: 50px;
        }

            .about_Us .about_Us_Bottom .about_Us_Bottom_Title * {
                font-size: 36px;
            }

        .about_Us .about_Us_Bottom .about_Us_Bottom_Desc {
            width: 100%;
            margin-top: 10px;
        }
    /*about us*/

    /*contact us*/
    .contact_Us .contact_Us_Top {
        margin: 30px 0px;
    }

    .contact_Us .contact_Us_Down .contact_Us_Down_L {
        width: 100%;
    }

    .contact_Us .contact_Us_Down .contact_Title {
        margin-bottom: 10px;
    }

    .contact_Us .contact_Title * {
        font-size: 25px;
    }

    .txtbox {
        border-bottom: 1px solid #dddee1;
        padding: 10px 0;
        color: #33363c;
        font-size: 12px;
    }

    .textarea {
        height: 110px;
    }

    .contact_Us .contact_Us_Down .contact_Us_Down_L .form-btn {
        margin-top: 10px;
    }

    .contact_Us .contact_Us_Down .contact_Us_Down_R {
        width: 100%;
        margin-top: 20px;
    }
    /*contact us*/
    /*product detail*/
    .ProductDetail_page .ProductDetail_Top {
        min-height: 290px;
        margin-top: 70px;
    }

        .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_L {
            width: 100%;
        }

            .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_L .ProductDetail_Gallery {
                height: auto;
            }

        .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_R {
            width: 100%;
        }

            .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_R .ProductDetail_Top_Desc {
                padding-top: 20px;
            }

                .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_R .ProductDetail_Top_Desc .ProductDetail_Top_Desc_title {
                    margin-bottom: 20px;
                }

                .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_R .ProductDetail_Top_Desc .public_Title * {
                    font-size: 30px;
                }

                .ProductDetail_page .ProductDetail_Top .ProductDetail_Top_R .ProductDetail_Top_Desc * {
                    font-size: 12px;
                }

    .ProductDetail_page .desc * {
        line-height: 25px;
    }

    .ProductDetail_page .ProductDetail_Down {
        margin-top: 20px;
    }

        .ProductDetail_page .ProductDetail_Down .ProductDetail_Down_L {
            width: 100%;
        }

        .ProductDetail_page .ProductDetail_Down .ProductDetail_Down_R {
            width: 100%;
            margin-top: 20px;
        }

    .public_List ul li {
        margin-bottom: 5px;
    }
    /*service detail*/
    .service_Detail {
        margin-top: 50px;
    }

        .service_Detail .service_Detail_Top {
            margin-bottom: 40px;
        }

            .service_Detail .service_Detail_Top > figure {
                width: 80%;
                height: auto;
                margin-left: 24px;
            }

                .service_Detail .service_Detail_Top > figure > figcaption {
                    left: 8%;
                    font-size: 55px;
                }
        .service_Detail .service_Detail_Title * {
            font-size: 26px;
            line-height: 15px;
        }
        .service_Detail .service_Detail_Content figure {
            width: 100%;
            height: auto;
            float: left;
            margin-right: auto;
            margin-bottom: 25px;
            margin-left: auto;
        }
              
}
/*720 up to 1000*/
@media only screen and (min-width : 720px) and (max-width : 1000px) {
    .top-box {
        height: 250px;
        margin-top: 80px;
    }
    .inh1 {
        font-size: 60px;  
        font-weight: bold;
    }
    .top-box::before {
        width: 96px;
        height: 199px;
        top: 20px;
        background-size: 100% auto;
    }
    .about_Us .about_Us_Bottom .about_Us_Bottom_Title * {
        font-size: 45px;
    }
    /*services_page*/
    .services_page {
        margin: 0 0;
    }
        .services_page .services_list > ul > li {
            margin-bottom: 10px;
        }
            .services_page .services_list > ul > li .services_list_Item .services_list_Item_Img {
                width: 44%;
                height: 215px;
            }
            .services_page .services_list > ul > li:nth-child(2n+1) .services_list_Item .services_list_Item_Desc {
                padding-left: 24px;
                padding-right: 15px;
            }
            .services_page .services_list > ul > li .services_list_Item .services_list_Item_Img {
                height: 243px;
            }
        .services_page .desc * {
            color: #33363c;
            font-size: 12px;
            line-height: 17px;
        }
        .services_page .desc {
            max-height: 153px;
            overflow-y: hidden;
        }
        .services_page .services_list > ul > li .services_list_Item .services_list_Item_Desc {
            padding-top: 10px;
        }
        .services_page .services_list > ul > li .services_list_Item .service_Title {
            margin-bottom: 0;
        }
        .services_page .services_list > ul > li:nth-child(2n) .services_list_Item .services_list_Item_Desc {
            padding-right: 15px;
            padding-left: 15px;
        }
    /*services_page*/
    .about_Us .about_Us_Top .about_Us_Top_Img .about_Us_Top_Logo {
        top: 100%;
        right: unset;
        width: 50%;
        margin: 20px 0;
      }
      .about_Us_Bottom{
        margin-top: 150px;
      }
}
/*1001 up to 1249*/
@media only screen and (min-width : 1001px) and (max-width : 1249px) {
    .services_page {
        margin: 30px 0;
    }
        .services_page .services_list > ul > li .services_list_Item .services_list_Item_Img {
            height: 300px;
        }
        .services_page .services_list > ul > li:nth-child(2n+1) .services_list_Item .services_list_Item_Desc {
            padding-left: 16px;
            padding-right: 10px;
        }
        .services_page .services_list > ul > li .services_list_Item .service_Title * {
            font-size: 30px;
        }
        .services_page .services_list > ul > li .services_list_Item .service_Title {
            margin-bottom: 5px;
        }
        .services_page .services_list > ul > li {
            margin-bottom: 30px;
        }
            .services_page .services_list > ul > li:nth-child(2n) .services_list_Item .services_list_Item_Desc {
                padding-right: 15px;
                padding-left: 15px;
            }
        .services_page .desc * {
            color: #33363c;
            font-size: 14px;
            line-height: 25px;
        }
        .services_page .services_list > ul > li .services_list_Item .services_list_Item_Desc {
            padding-top: 20px;
        }
        .about_Us .about_Us_Top .about_Us_Top_Img .about_Us_Top_Logo {
            top: 83%;
            right: 0;
            width: 37%;
          }
}
/*laptop*/
@media only screen and (min-width : 1250px) and (max-width : 1366px) {
    .services_page .services_list > ul > li .services_list_Item .services_list_Item_Desc {
        padding-top: 25px;
    }
    .services_page .services_list > ul > li .services_list_Item .service_Title {
        margin-bottom: 13px;
    }
    .services_page .services_list > ul > li:nth-child(2n+1) .services_list_Item .services_list_Item_Desc {
        padding-left: 30px;
        padding-right: 250px;
    }
    .services_page .services_list > ul > li:nth-child(2n) .services_list_Item .services_list_Item_Desc {
        padding-right: 34px;
        padding-left: 177px;
    }
}
/*1250 up to 1400*/
@media only screen and (min-width : 1367px) and (max-width : 1450px) {

}

/*1400 up to 1920*/
@media only screen and (min-width : 1400px) and (max-width : 1920px) {
}