@media only screen and (min-width:1441px) and (max-width:1920px){

}
@media only screen and (min-width:1366px) and (max-width:1700px){
    #why-us .row [class^="col-"]:first-child::before{left: -15%;}
    #director-block .director-message{padding: 50px 15px;}
    .header-top .header-block{max-width: 95vw;}
    #banner-text{padding-top: 40px;}
    #banner-text .anniversary{margin: 40px 0; max-width: 210px;}
    #banner-text .first-line{font-size: 4rem;}
    #banner-text .second-line{font-size: 2.625rem;}
    h2.title{font-size: 2.8rem; margin-bottom: 25px;}
    .title-wrap{margin-bottom: 25px !important;}
    h2.title span{margin-bottom: 20px;}
    .about-photos img{max-width: 100%;}
    .about-content .btn-cust{margin-top: 30px;}
    .product-list .item{padding: 20px 0;}
    .product-list .item:hover{padding: 20px;}
    #partner-list .item .icon{width: 70px; height: 70px; margin-right: 15px;}
    .clientele-wrapper .logo-list .item .pic{height: 70px;}
    #why-us .why-content{padding-top: 30px;}
}

@media only screen and (min-width:1025px) and (max-width:1440px){
    .container {max-width: 1140px;}
    .padding {padding: 75px 0;}
    .header-top .header-block{padding: 18px 0;}
    .header-top #logo{width: 300px; margin-left: 15px;}    
    .header-top #menu ul{margin-right: 90px;}
    .header-top #menu ul li a{margin-left: 30px;}
    .about-photos img{max-width: 100%;}
    #banner-text .first-line{font-size: 3.8rem;}
    #banner-text .second-line{font-size: 2.6rem;}
    h2.title{font-size: 2.92rem; margin-bottom: 20px;}
    h2.title span{margin-bottom: 20px;}

    #why-us .why-content{max-width: 95%;}

    #why-us .row [class^="col-"]:first-child::before{background-color: #bcddee; background-image: none; width: auto; height: auto;}
    #statics-list li .data-info .data-detail .number{font-size: 2.63rem;}
    #statics-list li .data-info .data-detail .text{font-size: 0.95rem;}
    .product-list .item .product-name{font-size: 0.95rem;}
    .product-list .item .qty{font-size: 0.74rem;}
    .product-list .item{padding: 20px 0;}
    .product-list .item:hover{padding: 20px; margin: 0 -20px;}
    
    #partner-list .item{margin-bottom: 12px;}
    #partner-list .item .icon{width: 70px; height: 70px;}
    #partner-list .item .info .name{font-size: 0.84rem;}
    #partner-list .item .info .text{font-size: 0.74rem;}

    .testimonial-slider .item{padding: 40px 30px;}
    .testimonial-slider .item .arrow-top{top: 10px; left: 30px;}
    .testimonial-slider .person-info .details .name{font-size: 0.95rem;}
    .testimonial-slider .person-info .details .post{font-size: 0.84rem;}    

    #footer #top-strip{padding: 50px 0 0 0;}
    #footer #top-strip #quick-links{padding: 20px 0 0; margin: 20px 0;}
    #footer #top-strip h3{font-size: 1.26rem;}
    #footer #top-strip .address-block h4{font-size: 0.84rem;}
    #footer #top-strip #quick-links .text{font-size: 1.05rem;}
    #footer #top-strip .social-media li a{font-size: 1.05rem;}
    #footer #top-strip .address-block .address{font-size: 0.84rem;}  
    #footer #top-strip .address-block .list li a{font-size:0.92rem;}
    #footer .copyright{padding: 15px 0;}

    #inner-banner{height: 350px; margin-top: 82.5px;}
    #statics-list li .data-info .icon{width: 75px; margin-right: 15px;}
    #director-block .container-fluid .row [class^="col-"]:first-child{background-position: right top;}
    #director-block .container-fluid .row [class^="col-"]{min-height: 727px;}
    #director-block .director-message .sort-info .name{font-size: 1.26rem;}
    #director-block .director-message .sort-info{margin-top: 20px;}
    #director-block .director-message{padding: 30px 15px;}
    #infrastructure h3{font-size: 1.26rem; margin: 15px 0;}
    
    #our-partners h3{font-size: 1.90rem;}
    .network-tabs .nav-item .nav-link .location-name{font-size: 1.26rem; padding: 15px 20px;}
    .network-tabs .nav-item .nav-link .card-body p{font-size: 0.94rem;}
    .network-maps .tab-pane iframe{height: 800px !important;}

    .onepage-pagination{ right: 30px;}
    .products-list .prod-title{font-size: 1.58rem; padding-bottom: 20px; margin-bottom: 20px;}
    .product-details .content-blcok{padding: 35px 40px 40px;}
    .product-details .content-blcok .pro-name{font-size: 1.47rem;}
    .product-details .content-blcok .table tr td{padding: 7px 0;}
    .product-details .content-blcok .data-sheet{text-align: center;}
    .product-details .content-blcok .data-sheet .arrow{margin-left: 15px;}

    #pro-accordion .card-link{font-size: 1.26rem; padding: 25px 20px 25px 0;}
    #pg-partners .item .title{font-size: 0.94rem;}
    #pg-partners .item .grade{font-size: 0.84rem;}
    #accordion .card-link{font-size: 1.58rem; padding: 20px 40px;}
    #accordion .card{margin-bottom: 50px;}
    #accordion .card-header a .icon{right: 40px;}
    .industry-tabs .nav-link{padding: 20px 40px;}
    .industry-tabs .nav-link .pro-name{font-size: 0.94rem;}
    .industry-tabs .nav-link .pro-qty{font-size: 0.84rem;}
    .industry-content ul.pro-list li .pro-name{font-size: 0.94rem;}
    .industry-content ul.pro-list li .pro-qty{font-size: 0.84rem;}
    #career-accordion .card-header .job-title{font-size: 1.26rem;}
    #career-accordion .card-header .job-desc{font-size: 0.94rem;}
    #career-accordion .card-link{padding: 25px 50px 25px 0;}
    #career-accordion .card-header a .icon{right: 30px;}
    #career-accordion .card-header .job-desc{margin-right: 30px;}

    .about-photos img{max-width: 100%; height: auto;}
    .clientele-wrapper .logo-list .item{width: 128px;}
    .clientele-wrapper .logo-list .item .pic{height: 75px;}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}
    #mobile-menu.active {opacity: 1; visibility: visible;}
    header {padding: 0; position: fixed; left: 0; right: 0; top: 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 9; background-color: #fff;}

    #banner{padding: 0; height: 65%;}
    .banner-wrapper{height: 65%;}
    #banner-text .first-line{font-size: 3.5rem;}
    #banner-text .second-line{font-size: 2.8rem;}
    .header-top .header-block{max-width: calc(100vw - 15px); padding: 15px 0;}
    .header-top #logo{width: 300px; margin-left: 15px;}
    .header-top #menu ul{margin-right:90px;}
    .header-top #menu ul li a{margin-left: 20px;}    
    .about-photos img{max-width: 100%;}
    .about-content{max-width: calc(100% - 30px);}
    #why-us:before{width: 100%;}
    #why-us .row [class^="col-"]:first-child::before{background-color: #bcddee; background-image: none; width: auto; height: auto;}
    #why-us .why-content{max-width: 100%; padding: 50px;}
    #home #statics-list{margin: 0; max-width: 100%; background-color: rgb(var(--primary1));}
    #statics-list li .data-info .icon{width: 75px; margin-right: 15px;}
    .table-outer{display: block; width: auto; height: auto;}
    .table-outer .table-data{display: block; width: auto; height: auto;}
    .section{padding: 75px 0;}
    .onepage-wrapper .section{height: auto; width: auto;}
    #footer.section{padding: 0;}
    #footer .copyright{padding: 25px 15px; margin: 0 -15px;}
    #footer .copyright::before,#footer .copyright::after{display: none;}
    #footer #top-strip #quick-links{padding: 30px 0 0; margin: 30px 0;}
    #footer #top-strip #quick-links .links a {margin-left: 25px;}   

    #pg-partners .list{margin: 0 -15px;}
    #products .row{margin: 0 -15px;}
    #products [class^="col-"]{margin: 0;}
    .product-list .item{padding: 20px 0;}
    .product-list .item .product-name{font-size: 1.06rem;}
    .clientele-wrapper .title-block{width: 280px;}
    .header-top #menu{display: none;}
    
    .about-photos{margin-top: 50px;}
    #partner-list .item{width: calc(50% - 15px);}
    .slider-outer .slider-inner,.slider-outer.second .slider-inner{width: calc(25% - 30px);}
    #footer #top-strip .address-block h4{margin: 20px 0 5px;}
    #meet-branch .address-block h6{margin: 20px 0 5px;}
    #inner-banner .inner-banner-text{max-width: calc(100% - 15px);}
    #inner-banner{height: 300px; margin-top: 76.5px;}
    #vision-mission{padding-bottom: 150px;}
    #vision-mission .title{margin: 20px 0;}
    #director-block .container-fluid .row [class^="col-"]{min-height: 600px;}
    #director-block .container-fluid .row [class^="col-"]:first-child{background-size: cover; background-position: right top;}
    #director-block .director-message{padding: 20px; max-width: 100%;}
    #infrastructure{padding: 75px 0;}
    #inner-banner .inner-banner-text .sort-info{max-width: 100%;}
    .one-fourth li{width: 50%;}
    .product-details .content-blcok .data-sheet{text-align: center;}

    #meet-photos{margin: 50px 0;}
    #accordion .card{margin-bottom: 50px;}

    
    .padding {padding: 75px 0;}
    #why-us{padding: 0;}    

    h2.title {font-size: 1.75rem;}
    h2.title span {margin-bottom: 10px;}
    ul.pro-list { max-height: 100%;}
    ul.pro-list li{padding: 15px; background-color: rgb(var(--color_white));}
    
    #accordion .card-link{padding: 30px 60px 30px 20px;}
    #accordion .card-header a .icon{right: 30px;}
    .industry-tab-outer{ max-height: 100%;}
    .industry-tabs .nav-link{padding: 30px 60px 20px 20px;}
    .industry-tabs .nav-link .icon{right: 20px; opacity: 1; visibility: visible; }
    .industry-tabs .nav-link .icon .arrow{background-position: -73px -3px; width: 24px; height: 20px;}
    .industry-tabs .nav-link.active .icon{right: 20px;}
    .industry-tabs .nav-link.active .icon .arrow{transform: rotate(90deg);}
    .tab-content.industry-content{display: none;}
    #meet-values .list-style01{margin-top: 30px;}
    #meet-values .list-style01 li{width: 100%;}

}

@media only screen and (min-width:320px) and (max-width:767px)
{
    #wrapper {width: 100%; position: relative; z-index: 1; overflow: hidden;}
    #mobile-menu.active {opacity: 1; visibility: visible;}

    header {padding: 0; position: fixed; left: 0; right: 0; top: 0; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 9; background-color: #fff;}
    .navbar .btn-custom1{margin-top: 0; margin-left: 50px; padding: 7px 8px; min-width: auto; font-size: 0.75rem; position: absolute; right: 55px;}
    .navbar-brand {max-width: 120px; margin-left: 15px;}
    header .navbar .bg{display: none;}
    .navbar{padding: 15px 0;}

    #logo a img{max-width: 80%;}
    .header-top .header-block{max-width: calc(100% - 30px); padding: 15px 0;}
    .header-top #menu{display: none;}
    
    #mobile-menu-icon, #mobile-menu {display: block;}
    #main-menu, .get-quote-btn {display: none;}
    .menu-item-has-children > a:after {display: none;}
    #mobile-menu ul.sub-menu {display: none;}

    .btn-cust{font-size: 0.92rem; padding: 10px 25px; margin-top: 15px;}

    #sidebar-menu #menu-icon-close{top: 0; height: 85px;}
    .waveWrapper{display: none;}
    #sidebar-menu{padding-top: 85px;}
    #sidebar-menu ul li a{padding: 15px;}


    #banner {height: auto; padding: 0;}
    .banner-wrapper{max-width: calc(100% - 30px);}
    #banner-text{padding: 50px 0;}
    #banner-text .first-line{font-size: 2.5rem;}
    #banner-text .second-line{font-size: 1.8rem;}
    
    .padding{padding:50px 0;}
    h2.title {font-size: 1.5rem; margin-bottom: 20px;}
    h2.title span { font-size: 0.85rem; margin-bottom: 20px;}
    h2.title span:before {width: 30px;}

    .onepage-wrapper .section{padding: 50px 0;}
    .onepage-wrapper .section{height: auto;}
    .table-outer,.table-outer .table-data{display: block; height: auto;}
    .about-content{max-width: 100%;}
    .about-content .btn-cust{margin-top: 20px;}
    .about-photos{margin-top: 30px;}
    .about-photos .pic img{width: 100%;}
    .about-photos .row:last-child .pic{margin-bottom: 30px;}
    #why-us .container-fluid{padding: 0 15px;}
    .row.no-gutters{}
    #why-us{background-color: #bcdbed; padding-bottom: 0;}
    #why-us:before{display: none;}
    #why-us .row [class^="col-"]:first-child::before{display: none;}
    #why-us .why-content{max-width: 100%; padding: 0;}
    #why-us #statics-list{max-width: calc(100% + 30px); margin: 30px -15px 0; background-color: rgb(var(--primary1));}
    #why-us #statics-list li{padding: 30px 15px;}
    #statics-list li{padding: 30px 0;}
    #statics-list li .data-info .icon{width: 60px; margin-right: 15px;}
    #statics-list li .data-info .data-detail .number{font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 2rem; line-height: 1; color: rgb(var(--primary2));}
    #statics-list li .data-info .data-detail .text{font-size: 1rem;}

    #products .row{margin: 0 -15px;}
    #products [class^="col-"]{margin: 0;}
    .product-list .item:hover{margin: 0 -15px;}

    #products .product-title-wrap{flex-direction: column;  justify-content: start; align-items: flex-start;}

    .slider-outer .slider-inner,.slider-outer.second .slider-inner{width: calc(50% - 30px);}
    .clientele-wrapper .title-block{width: 100%;}

    .testimonial-slider .owl-dots{bottom: -30px;}
    .testimonial-slider .item{padding: 50px 30px 40px;}
    .testimonial-slider .item .arrow-top{top: 10px; left: 30px;}
    .testimonial-slider .person-info .image-wrap{width: 70px; height: 75px; margin-right: 10px;}
    .testimonial-slider .person-info{left: 20px; bottom: -55px;}
    .testimonial-slider .person-info .details .name{font-size: 1.06rem; line-height: 1.2;}
    .testimonial-slider .person-info .details .post{font-size: 0.92rem;}

    #partner-list .item .icon{width: 70px; height: 70px; margin-right: 10px;}
    #partner-list .item{width: 100%;}
    #partner-list .item .info .name{font-size: 0.92rem;}
    #partner-list .item .info .text{font-size: 0.75rem;}
    #footer #top-strip{padding: 50px 0 0 0;}

    #inner-banner{height: auto; padding: 15px;}
    #inner-banner.bg{height: auto;}
    #inner-banner .inner-banner-text{height: auto;}
    #inner-banner .inner-banner-text .sort-info{max-width: 100%;}
    #page-breadcrumb .breadcrumb{padding: 15px 0 0;}
    #inner-banner.bg .container{padding: 0;}

    #vision-mission{padding-bottom: 50px;}
    #vision-mission .title{margin: 20px 0 10px;}

    #director-block .container-fluid .row [class^="col-"]{min-height: 350px; background-size: cover;}
    #director-block .director-message{max-width: 100%; padding: 30px 15px 0;}
    #director-block .director-message .sort-info{margin-top: 20px;}
    #infrastructure{padding: 50px 0;}

    #meet-house{padding: 0;}
    #infrastructure h3{font-size: 1.106rem; margin: 20px 0;}

    #our-partners h3{font-size: 1.25rem; margin-bottom: 20px;}
    .list-style01 li{font-size: 1.06rem;}

    #our-network .container-fluid{padding: 0 15px;}
    #our-network .network-content{float: none; width: 100%; padding-right: 0; padding-bottom: 20px;}
    .network-tabs{display: flex; flex-wrap: nowrap; flex-direction: row !important; overflow: hidden; overflow-x: scroll;}
    .network-tabs .nav-item{margin: 0 10px 0 0;}
    .network-tabs .nav-item .nav-link{white-space: nowrap;}
    .network-tabs .nav-item .nav-link.active .card-body{display: none;}
    .network-tabs .nav-item .nav-link .location-name{padding: 20px; font-size: 1.20rem;}
    .network-maps .tab-pane iframe{ height: 300px !important;}

    .one-half li{width: 100%;}
    .list-style02 li a{font-size: 1.06rem;}
    .products-list .prod-title{font-size: 1.40rem; padding-bottom: 20px; margin-bottom: 20px; line-height: 1.3rem;}
    .one-fourth li{width: 100%;}

    #pg-partners .item{padding: 20px;}
    .partners-list .item{margin-bottom: 30px; height: calc(100% - 30px);}
    .partners-list .item .details .partner-logo{margin-bottom: 20px; min-height: 70px;}
    .partners-list .item .details .partner-logo img{max-height: 100%; max-width: 100%;}
    .partner-details{margin-top: 30px;}
    .partner-details .logo-wrap{width: 100%; height: 260px; margin: 0 auto 30px;}
    .partner-details .logo-wrap img{max-width: 80%; max-height: 80%;}
    .partner-details .title{font-size: 1.45rem; margin-bottom: 15px;}
    .partner-details .table td{font-size: 0.85rem; padding: 5px 0; width: 30%;}
    
    #pg-partners .list{margin: 0 -30px;}
    #pg-partners .item .title{font-size: 1.06rem;}

    .product-details .content-blcok{padding: 15px;}
    .product-details .content-blcok .img-wrap{margin-bottom: 20px;}
    .product-details .content-blcok .pro-name{font-size: 1.30rem; margin-bottom: 20px;}
    .product-details .content-blcok .table tr td{padding: 7px 0; font-size: 0.75rem;}
    .product-details .content-blcok .data-sheet{margin-top: 20px; padding: 10px 20px; font-size: 0.85rem; text-align: center;}
    .product-details .content-blcok .data-sheet .arrow{margin-left: 10px;}
    #pro-accordion .card-link{padding: 20px 30px 20px 0; font-size: 1.2rem;}     
    #pro-accordion .card-header a .icon{right: 15px;}

    #meet-photos{margin: 50px 0;}
    #career-accordion .card-header .job-title{font-size: 1.2rem;}
    #career-accordion .card-header .job-desc{font-size: 0.92rem; margin: 0;}
    #career-accordion .card-link{flex-direction: column; align-items: self-start; margin-top: 5px; padding: 20px 40px 20px 0;}
    #career-accordion .card-header a .icon{right: 15px;}
    #career-accordion .card-body{padding: 20px 0 35px;}
    #career-accordion .card-body h3{font-size: 1rem;}
    #meet-branch .address-block{margin-bottom: 40px;}
    #map iframe{height: 350px !important;}
    
    #accordion .card-link{padding: 20px 50px 20px 20px; font-size: 1.35rem;}
    #accordion .card-header a .icon{right: 20px;}
    
    .tab-content.industry-content{display: none;}
    .industry-tab-outer{max-height: 100%;}
    .industry-tabs .nav-link .icon{opacity: 1; visibility: visible;}

    .industry-tabs .nav-link{padding: 15px 60px 15px 20px;}
    .industry-tabs .nav-link .pro-name{font-size: 1rem;}
    .industry-tabs .nav-link .pro-qty{font-size: 0.92rem;}
    .industry-tabs .nav-link .icon{right: 20px;}
    .industry-tabs .nav-link.active .icon{right: 20px;}
    .industry-tabs .nav-link .icon .arrow{background-position: -62px -40px; width: 14px; height: 12px;}
    .industry-tabs .nav-link.active .icon .arrow{transform: rotate(90deg); background-position: -62px -40px; width: 14px; height: 12px;}

    
    ul.pro-list{max-height: 100%;}
    ul.pro-list li{padding: 15px; background-color: rgb(var(--color_white));}
    ul.pro-list li .pro-name{font-size: 1rem;}
    ul.pro-list li .pro-qty{font-size: 0.92rem;}

    .about-photos img{max-width: 100%; height: auto;}

    #accordion .card{margin-bottom: 30px;}

    #footer{padding: 0;}
    #footer .copyright::before, #footer .copyright::after{display: none;}
    #footer .copyright{display: block; padding: 15px 0; text-align: center; margin: 0 -15px;}
    #footer .copyright .text img{display: block; margin: 0 auto 15px;}
    #footer .designed-by{margin-top: 15px;}
    #footer #top-strip h3{margin-bottom: 0; font-size: 1.25rem;}
    #footer #top-strip .address-block{margin-top: 30px;}
    #footer #top-strip .social-media{margin: 50px 0;}
    #footer #top-strip #quick-links{margin: 30px 0; display: block; padding-bottom: 0; display: none;}
    #footer #top-strip #quick-links .text{margin: 0 0 30px; font-size: 1.06rem;}
    #footer #top-strip #quick-links .links a{margin: 0 20px 10px 0;}
    
    #totop{width: 46px; height: 46px;}
    #totop i.arrow{top: 30px; transform: scale(0.7);}

    .clientele-wrapper .logo-list .item{width: calc(33.33% - 10px);}
    .clientele-wrapper .logo-list .item img{max-width: 85%; max-height: 85%;}
    .clientele-wrapper .logo-list .item .pic{padding: 10px; height: 65px;}

    #meet-values .list-style01{margin-top: 30px;}
    #meet-values .list-style01 li{width: 100%;}

}

@media only screen and (max-width:480px) and (orientation: landscape) {
    #sidebar-menu ul{ top: 85px; position: relative;}
}