html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, nav ul, blockquote, q, blockquote:before, blockquote:after, q:before, q:after, a, ins, mark, del, abbr[title], dfn[title], table, hr, input, select, ul, ol {
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-focus-ring-color: transparent;
    -moz-focus-ring-color: transparent;
    -ms-focus-ring-color: transparent;
    -o-focus-ring-color: transparent;
    focus-ring-color: transparent;
}

textarea, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}

/* Tab Screen */
@media only screen and (max-width : 850px){
    /* Header */
    .menu-open,
    .menu-open body{
        overflow: hidden;
    }
    #header .wrapper{padding: 0;}
    #header .main-nav{
        position: fixed;
        top: 0;
        right: 0;
        width: 90%;
        height: 100%;
        background: #ffffff;
        box-shadow: 0 20px 20px rgb(0 0 0 / 16%);
        transform: translateX(100%);
        transition: all 0.3s;
    }
    .menu-open #header .main-nav{
        transform: translateX(0);
        transition: all 0.3s;
    }
    #header .main-nav > ul{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -ms-align-items: stretch;
        align-items: stretch;
        padding-top: 30px;
    }
    #header .main-nav ul > li > a{
        padding: 10px 25px;
        color: #292825;
    }
    #header .mob-menu-head{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        justify-content: space-between;
    }
    #header .mob-menu-btn{display: block;}
    #header h1 a{
        padding: 10px 20px;
        min-height: 60px;
    }
    #header h1 a img{width: 65px !important;}
    #header h1 a .logo-small{left: 10px;}
    #header.sticky .mob-menu-btn{
        padding: 25px 20px;
        transition: all 0.3s;
    }
    #header .main-nav ul > li > a .down-icon svg path{fill: #292825;}
    #header .main-nav ul > li:hover .head-drop{display: none;}
    #header .head-drop{
        display: none;
        position: static;
        top: auto;
        padding: 0 10px;
    }
    #header .main-nav ul > li > a.open .down-icon{transform: rotate(180deg);}
    /* END Header */

    /* Home */
    .home-banner .home-banner-cnt{
        justify-content: flex-start;
        padding-top: 30vw;
    }
    .home-banner .goto-bottom{bottom: 280px;}
    .home-slider .owl-dots{bottom: 320px;}
    .home-banner-info{
        background: #2C3845;
    }
    .home-banner-info .head-list{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .home-banner-info .head-list li{margin-bottom: 25px;}
    .home-banner-info .head-list li:last-child{margin-bottom: 0;}
    .abt-np-group .np-txt{
        max-width: 100%;
        margin-bottom: 20px
    }
    /* END Home */

    /* Home Page */
    .about-section{padding: 50px 0;}
    .abt-np-group{padding-bottom: 50px;}
    ul.np-group-list{justify-content: space-between;}
    ul.np-group-list li{
        border: none;
        width: 48%;
        margin-bottom: 20px
    }
    ul.np-group-list li a{
        height: 420px;
        padding: 100px 0 0 0;
        justify-content: flex-start;
        background: #FFFFFF;
        box-shadow: 0 20px 40px rgb(181 185 191 / 30%);
        transition: all 0.3s;
    }
    ul.np-group-list li a p{
        position: static;
        height: auto;
        opacity: 1;
    }
    ul.np-group-list li:nth-child(3n){
        border: none;
    }
    ul.np-group-list li:nth-child(n+4){
        border: none;
    }
    ul.np-group-list li:nth-child(n+5){border-bottom: none;}
    .about-section .about-info{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .about-section .about-right{display: none;}
    /* END Home Page */

    /* Footer */
    #footer ul.foot-list{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    #footer ul.foot-list li{
        width: 100%;
        padding-bottom: 25px
    }
    /* END Footer */

    /* About Us */
    .about-bnr-cnt{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .about-bnr-cnt .about-bnr-card{
        width: 100%;
        max-width: 468px;
        margin: 0 auto;
    }
    .about-banner{padding: 100px 0;}
    .about-bnr-cnt h3,
    .about-bnr-cnt h2,
    .about-bnr-cnt .about-bnr-info{
        text-align: center;
    }
    .about-bnr-cnt .about-bnr-info p{width: 100%;}
    .about-banner .about-banner-overlay{transform: none;}
    .about-bnr-cnt .about-bnr-info{margin-bottom: 50px;}
    /* END About Us */

    .button-list{justify-content: flex-start;}
    .banner-image-holder img{width: 100%;}
    .banner-image-holder .dots-image{width: auto;}

    .industries-list .each-product{width: 100%}

}
/* END Tab Screen */

/* Mobile Screen */
@media only screen and (max-width : 640px){
    /* Home Page */
    .abt-np-group .abt-dots{width: 250px;}
    .contact-section{padding: 30px 0 90px 0;}
    .home-banner-info{position: static;}
    .home-slider .owl-dots{bottom: 80px;}
    .contact-form{margin: 50px auto 0 auto;}
    .count-section .count-info{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .count-section{padding: 40px 0;}
    .count-ech{margin-bottom: 30px;}
    .count-ech:last-child{margin-bottom: 0;}
    ul.np-group-list li,
    ul.np-group-list li:nth-child(3n){
        width: 100%;
        border-right: none;
    }
    ul.np-group-list li:nth-child(n+5){border-bottom: 1px solid #DFE4EA;}
    ul.np-group-list li:last-child{border-bottom: none;}
    h2{
        font-size: 60px;
        line-height: 100px;
    }
    /* END Home Page */

    /* About Us */
    .units-holder{
        padding-bottom: 70px;
        padding-top: 50px;
    }
    /* END About Us */

    .industries-list .each-product .img-holder{
        width: 100%;
        height: auto;
        margin-bottom: 35px;
    }
    .industries-list .each-product{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .industries-list .each-product .content-holder{text-align: center;}
    .color-list{justify-content: center;}
    .industries-list .each-product .button-holder{
        margin-top: 30px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        justify-content: center;
    }
    .industries-tab-list li a{
        padding: 10px 10px;
        font-size: 12px;
    }
    /*.units-holder .units-cnt .owl-prev{left: -30px;}
    .units-holder .units-cnt .owl-next{right: -30px;}*/
    .units-holder .units-cnt{width: 80%;}
}
/* END Mobile Screen */