@media only screen and (min-width:1400px){

}

@media only screen and (min-width:1600px){

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

}
@media (min-width: 1200px){

}

@media (min-width: 1300px){
header .container{max-width:2100px; width:100%; padding:0 30px;}
.banner .container{max-width:2100px; width:100%; padding:0 30px;}
}
@media only screen and (max-width: 1550px){

}
@media only screen and (min-width: 1280px) and (max-width: 1299px){
	header.header .container { max-width: 100%;}

}
@media only screen and (max-width: 1279px){
.container{max-width:100%; width:100%;}
.environmt-sec h3 br, .edu-sec h3 br{ display:none;}
}
@media only screen and (min-width: 1281px) and (max-width: 1330px){


}
@media only screen and (min-width: 1150px) and (max-width: 1279px){
	.main-menu ul li a{    font-size: 16px;}
	.company-overview-sec1 ul li{padding: 0px 10px;}
}

@media only screen and (min-width: 992px) and (max-width: 1149px){
	.company-overview-sec1 ul li .comp-pro-img { width: 150px; height: 150px;}
	.company-overview-sec1 ul li{padding: 0px 10px;}
.main-menu ul li a{font-size: 16px;    padding: 10px 10px;letter-spacing: inherit;}
.home-sec1 h2 {  font-size: 95px; line-height: 80px;}
.home-sec2 p{font-size: 21px;}
.management-img h4{    padding: 65px 60px 70px 15px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.comp-modelama-sec2 .col-12.col-md-4.establish-rgt { -ms-flex: 0 0 100%;flex: 0 0 100%;  max-width: 100%;}
	.establish-sec{    margin-top: 0;}
		.company-overview-sec1 ul li .comp-pro-img { width: 110px; height: 110px;}
	.company-overview-sec1 ul li{padding: 0px 10px;}
	.company-overview-sec1 img { margin-bottom: 0px;    height: 57px;}
	.main-menu ul li a{    font-size: 13px; padding: 13px 5px;letter-spacing: inherit;}
.home-sec1 h2 {  font-size: 75px; line-height: 60px;margin-right: -90px;}
.home-sec2 p{font-size: 21px;}
.banner-content h1 { font-size: 28px;    margin-bottom: 0;}
.home-sec1 p {  margin-left: -90px;  margin-top: 80px;}
.home-sec3 h2{font-size: 38px;}
.home-sec3 .card-body h3{    font-size: 22px;}
.home-sec6 h3 { font-size: 18px;padding-bottom: 15px;}
.management-cont p { font-size: 16px;}
.management-sec1 .col-md-7, .management-sec1 .col-md-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.management-sec1:after{ display:none;}
	.management-img { background: initial;}
	.management-img h4{    color: #333; padding: 35px 60px 30px 15px;    text-align: left;font-size: 26px;}
	.management-cont { padding: 0px 15px 30px;}
		.group-cont-rel, .group-overlay {    height: initial;    position: relative;}
	.group-cont {    top: 0; transform: translate(0);    position: relative;  max-width: 100%;    padding: 50px 0 0; text-align:center;}
	.energy-sec {    margin-top: 0; padding: 50px 0px 0px;}
}
@media only screen  and (max-width : 767px){
.inv_sec {
    column-count: 1;
}
	.inner-page {
    display: block;
}
.milestone-colm {padding:20px; padding-top:30px;}
.milestone-sec {
    padding-top: 40px;
    width: 100%;
}

	.hidden-xs{ display:block;}
	.header .col-12.col-md-9.pl-0 { position: static;}
	.main-menu ul.desktop-menu{ display:none;}
		.mobile_nav .mobile_nav_icon {content: '';background: url(../images/mobile-menu.png) no-repeat;width: 22px;height: 19px; display: block;position: absolute;
 top: 14px;right: 8px; -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;z-index: 10001; width: 35px;height: 30px;
background-color: #fff;background-position: 9px;}
.mobile_nav .mobile_nav_icon.open { background: url(../images/mobile-close.png) no-repeat;background-color: #fff; background-position: 9px;height: 30px;}
.mobile_nav .navbar-collapse ul { padding: 0 30px; width: 100%;}

.mobile_nav .navbar-collapse ul li ul {padding-right: 0; padding-left: 20px;}

.main-menu ul li:last-child a { padding-right: 20px;}

.mobile_nav .navbar-collapse {display: block;      background: #fff; max-width: 300px;  width: 100%;  height: 100vh;position: fixed; top: 0px; right: 0%;
-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin-right: -300px; height: 100vh;overflow: auto; padding-top: 85px;}
.mobile_nav .navbar-collapse.menuopened {margin: 0; z-index: 10000;}
.mobile_nav { display: block;}
.logo {  width: 60px; padding-top: 10px;}
.banner-content h1 { font-size: 22px;}
.banner{margin-top: 64px;}
.become-supplier-sec {
    position: relative;
    bottom: 0;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
}
.contact-sec .col-md-5, .contact-sec .col-md-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px!important;padding-left: 15px!important;
}
.contact-colm ul li a, .contact-colm ul li p {
    font-size: 15px;}
	.form-contact{    padding: 40px 15px;    height: auto;}
	.add-contact, .contact-colm ul li{ padding: 40px 15px;}
/*.become-supplier-sec a{color: #fff;}*/
.main-menu{    padding-top: 0; padding-right: 0;}
header.header.header-sticky.sticky .main-menu {  padding-top: 0;}
header.header.header-sticky.sticky .logo { padding-top: 7px; width: 50px; padding-bottom: 7px;}
header.header.header-sticky.sticky{min-height: initial;}
header.header.header-sticky.sticky .mobile_nav .mobile_nav_icon { top: 10px;}
.home-sec1 h2{    text-align: center;  margin-right: 0;    margin-top: 0; line-height: 1.4;    font-size: 32px;}
.home-sec1{ padding:50px 0;}
.home-sec1 .col-12.col-md-3 { padding-right: 15px!important;padding-left: 15px!important;}
.home-sec1 p { margin-left: 0; margin-top: 30px; margin-bottom: 0; text-align: center;}
.home-sec2 {padding: 50px 0 30px;}
.home-sec2 li.col-12.col-md-3 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-bottom:20px;}
.home-sec2 h2 { font-size: 44px;}
.home-sec2 p{font-size: 18px;}
.home-sec3 h2{    font-size: 26px;padding-bottom: 30px;}
.home-sec3{padding: 50px 0;}
.home-sec3 .nav-tabs{ display:none;}
.home-sec3 .collapse:not(.show) { display: none;}
.home-sec3 .card-header { border-radius: 0 !important; background-color: initial;border-bottom: 0; padding: 0;}
.home-sec3 .card-header a {    display: block; width: 100%; font-size: 16px; padding: 15px; background: #ae1f23; position: relative;color: #fff;
margin-bottom: 1px;}
.home-sec3 .card { background-color: initial; border: 0;  border-radius: 0;}
.home-sec3 .tab-content:before{ display:none;}
.home-sec3 .card-header a:before {content: ""; border: solid #fff;border-width: 0 2px 2px 0; display: inline-block; padding: 4px; position: absolute;
 transform: rotate(-135deg);-webkit-transform: rotate(-135deg); right: 15px; top: 22px;-webkit-transition: all 0.22s ease-out;
-moz-transition: all 0.22s ease-out;-o-transition: all 0.22s ease-out;transition: all 0.22s ease-out;}
.home-sec3 .card-header a.collapsed:before { content: ""; border: solid #fff;  border-width: 0 2px 2px 0; display: inline-block;
 padding: 4px;position: absolute;transform: rotate(45deg); -webkit-transform: rotate(45deg); right: 15px; top: 17px;-webkit-transition: all 0.22s ease-out;
 -moz-transition: all 0.22s ease-out; -o-transition: all 0.22s ease-out;transition: all 0.22s ease-out;}
section.home-sec3.home-sec4 { padding-top: 20px;}
.home-sec3 .col-12.col-md-5.pl-5 {  padding-left: 15px!important;}
.home-sec3 .card-body h3{font-size: 22px;}
section.home-sec3.home-sec5 { padding-top: 20px;}
section.home-sec3.home-sec5 p { padding-bottom: 0!important;}
.home-sec6{padding: 50px 0 20px;}
.home-sec6 h2{ font-size:32px;}
.home-sec6 h3 {font-size: 22px;    padding-bottom: 15px;}
.home-sec6 ul li{ padding-bottom:20px;}
.home-sec6 h3 span { display: inline-block;}
section.home-sec3.home-sec4 .container-fluid.p-0.pt-4 { padding: 0 15px!important;}
footer p span a { display: inline-block;}
footer .col-12.col-md-3, footer .col-12.col-md-2 {display: none;}
footer .col-12.col-md-3:last-child {display: block;}
footer{padding: 50px 0 20px;}
.banner .owl-theme .owl-dots{ bottom:0;}
.inner-menu{ display:none;}
.company-overview-sec1 ul { display: -webkit-box;display: -moz-box; display: -ms-blockbox; display: -webkit-block; display: block;}
.inner-heading h1{    font-size: 26px;}
.inner-heading {margin-top: 65px;}
.inner-header .main-menu {padding-top: 0;}
		.company-overview-sec1 ul li .comp-pro-img { width: 110px; height: 110px;margin: 0 auto 20px;}
	.company-overview-sec1 ul li{padding: 0px 10px 30px;}
	.company-overview-sec1 img { margin-bottom: 0px;    height: 57px;}
	.inner-header .logo { padding-top: 10px; padding-bottom: 10px;}
	.establish-sec {padding: 45px 15px 25px;margin-top: 0; max-width: 100%;}
	.establish-rgt, .establish-lft {-ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;}
	.overview-sec3-right ul { display: -webkit-box;display: -moz-box;display: -ms-blockbox;display: -webkit-block;display: block;}
	.company-overview-sec3 .col-md-4.pr-2 {padding-right: 15px!important;}
	.overview-sec3-right h4 {  margin-top:10px; padding-bottom: 30px;}
	.overview-sec3-right ul li { width: 100%;}
	.home-sec5 .card-body ul li abbr{    margin: 0 auto;}
	.home-sec1 img.d-block.img-fluid {margin: 20px auto 0;}
	.establish-rgt-cont{padding: 40px 15px 20px;}
		.management-sec1:after{ display:none;}
	.management-img { background: initial;}
	.management-img h4{    color: #333; padding: 35px 60px 30px 15px;    text-align: left;font-size: 26px;}
	.management-cont { padding: 0px 15px 30px;}
	.management-list ul li {  margin-right: 0; width: 100%;}
.group-cont-rel, .group-overlay {    height: initial;    position: relative;}
	.group-cont {    top: 0; transform: translate(0);    position: relative;  max-width: 100%;    padding: 50px 0 0; text-align:center;}
	.energy-sec {    margin-top: 0; padding: 50px 0px 0px;}
	.group-comp ul li .group-cont p, .group-cont ul li h5, .energy-sec h5{ text-align:center;margin-bottom: 10px;}
	.group-cont ul li { width: 100%; text-align:center;}
	.energy-sec ul li { width: 100%;margin-right: 0;text-align: center; margin-bottom: 30px;}
	.group-cont ul li h5, .energy-sec h5{ text-align:center;}
	.col-md-6.research-rgt.pl-5 { padding-left: 15px!important; padding-top: 40px;}
	.inovation-cont p{    padding: 0px;}
	.manu-faci-sec1 h3 { padding-top: 30px; padding-bottom: 20px;}
	.quality-sec1 {border-top: none;}
	.col-md-7.research-rgt.pl-5 { padding-left: 15px!important;padding: 35px 0;}
	.product-list ul li { width: 100%; margin-right: 0;}
	.product-list ul li .pro-img { margin-bottom: auto;margin: 0 auto;display: table;}
	.center-learn{    padding: 60px 0px 90px;margin-top: 0;}
	.col-md-8.solar-lft, .col-md-4.solar-rgt { -ms-flex: 0 0 100%; flex: 0 0 100%;max-width: 100%;}
	.solar-lft ul li { width: 100%; margin-right: 0; }
	.energy-sav h3{    padding-top: 20px;}
	.col-md-4.solar-rgt{    padding-left: 0;}
}
@media only screen  and (max-width : 400px){
.banner-content h1 {
    font-size: 18px;
}




}


@media (min-width :768px) and (max-width : 1023px){

.mobile_nav .navbar-collapse ul li a { padding-right: 20px;}
.certificate-sec ul li img { width: 120px; margin: auto;}
.csr-sec8 .row { align-items:unset;}
.machine_text { padding: 20px;}
.contact-sec .col-md-5 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: }
.contact-sec .col-md-2 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 15px !important;}
.contact-sec .col-md-5:last-child {-ms-flex: 0 0 50%; flex: 0 0 100%;  max-width: 100%; padding-left: 15px !important; }
.contact-sec .col-md-5:last-child iframe { width: 100%;  height: 350px !important;}
.our-philosophy p br {display: none;}
.overview-sec3-right{padding: 40px 20px;}
.facility-sec .fac-icon{width: 65px; height: 70px; margin:auto;}
.overview-sec3-right h4{font-size: 16px;}
.input-ftr input{padding-right: 30px; font-size: 12px;}



}
@media (min-width :1024px) and (max-width : 1279px){

.mobile_nav .navbar-collapse ul li a { padding-right: 20px;}
.certificate-sec ul li img { width: 150px; margin: auto;}
.machine_text { padding: 50px;}
}

@media (max-width : 991px){
.banner-content h2 {font-size: 35px;line-height: 45px;margin-bottom: 0;}
.home-sec1 h1 {font-size: 78px;margin-top:50px;line-height: 74px;}
.home-sec6 {padding: 60px 0;}
.banner .owl-carousel .item {height: 100vh;width: 100%;}
.banner .owl-carousel .item img {height: 100vh;width: 100%;object-fit: cover;object-position: 20%;}
.banner .row.align-items-center.h-100{align-items: flex-end !important;}
.banner .banner-content{text-align: center;width: 100%;float: none;margin: auto;margin-bottom: 50px;}


}/*----991-css-end---*/

@media (max-width : 767px){
	.banner-content h2 {font-size: 28px;line-height: 38px;}
	.banner .banner-content{margin-top: 50px;}
	.home-sec1 h1 {font-size: 48px;margin-top: 16px;line-height: 58px;margin-right: 0;text-align: center;}
	.home-sec1, .home-sec2{padding: 50px  0 10px;}
	.home-sec3 h2 {padding-bottom: 10px;}
	.home-sec3{padding: 50px  0;}
	.mobile_nav .navbar-collapse{padding-top: 0;}
	.banner .owl-carousel .item {height:calc(100vh - 100px) ;width: 100%;}
	.menu-sidebar{    align-items: flex-start;-webkit-align-items: flex-start;overflow-y: auto;}
	.mobile_nav .navbar-collapse ul {margin: 90px 0 0px;}
	.mobile_nav .navbar-collapse ul li ul{margin: 0;}

}/*----767-css-end---*/

@media (max-width : 575px){
	.banner-content h2 {font-size: 24px;line-height: 34px;}
	.banner .banner-content {margin-top: 70px;}
	.home-sec1 h1 {font-size: 38px;margin-top: 0px;line-height: 48px;}
	.home-sec2 p {font-size: 16px;}
	.home-sec3 h2,.home-sec6 h2 {font-size: 24px;line-height: 34px;}
	.home-sec3, .home-sec6 {padding: 30px 0;}
	.home-sec6 h2{padding-bottom: 15px;}
	.home-sec6 ul li img {margin: 0px auto 18px;width: 100px;}
	.banner .banner-content {margin-bottom: 85px;}
	.banner .owl-theme .owl-dots {bottom: 30px;}

}/*----575-css-end---*/

@media (max-width : 375px){
	.banner-content h2 {font-size: 21px;line-height: 30px;}
	.banner .banner-content {margin-top: 20px;}
	.home-sec1 h1 {font-size: 32px;line-height: 42px;}
	.home-sec1, .home-sec2 {padding: 40px 0 10px;}
	.home-sec2 li.col-12.col-md-3 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-bottom: 20px;padding: 10px;}
	.home-sec2 li.col-12.col-md-3:not(:last-child){border-bottom: .1rem solid rgb(0 0 0 / 11%);}
}/*----375-css-end---*/