@media only screen and (min-width: 1400px){
.categories-content .content-box .item {padding: 0 40px;}
.sec-mission-vision .vertical-pen-img{right: 18%;}
.sec-about .left-img img{transform: rotate(6.5deg) !important; left: -9px;}
.experienced .content-box .img-bg{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 17.5% 0%);}
.experienced .content-text{ padding:0px 0px 0 20px;}
.specialists .content-box .img-bg{clip-path: polygon(0% 0%, 100% 0%, 82% 100%, 0% 100%, 0% 0%);}
.specialists .content-text{padding: 0px 20px 0 0px;}
}

@media only screen and (min-width: 1600px){
.sec-about .left-img img {transform: rotate(10deg) !important; left: -14px;}
.experienced .content-box .img-bg{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 15.5% 0%);}
.specialists .content-box .img-bg {clip-path: polygon(0% 0%, 100% 0%, 84.2% 100%, 0% 100%, 0% 0%);}
}

@media only screen and (min-width: 1800px){
.sec-about .left-img{margin-bottom: -230px;}
.sec-about .left-img img {transform: rotate(13deg) !important; left: -20px;}
.experienced .content-box .img-bg{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 14% 0%);}
.specialists .content-box .img-bg {clip-path: polygon(0% 0%, 100% 0%, 86% 100%, 0% 100%, 0% 0%);}
}
@media only screen and (min-width: 1900px){
.sec-about .left-img{margin-bottom: -230px;}
.sec-about .left-img img {transform: rotate(15deg) !important; left: -20px;}
.experienced .content-box .img-bg{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 13% 0%);}
.specialists .content-box .img-bg {clip-path: polygon(0% 0%, 100% 0%, 87% 100%, 0% 100%, 0% 0%);}
}





@media (min-width: 768px){

}

@media only screen and (max-width: 2500px){


}
@media only screen and (max-width: 1399px){

}
@media only screen and (max-width: 1300px){

}

@media (max-width: 1199px){

}



@media (max-width: 990px){
.page-banner{height: 450px;}
button:focus:not(:focus-visible){box-shadow: none;}
section.header{padding: 30px 0 0;}
.header a.logo img, section.header.sticky-header a.logo img{ width:40%;}
.header-menu .navbar-toggler {background: #57b823; width: 50px; height: 50px; border-radius: 0px;}
.header-menu .navbar-collapse {position: fixed;  width: 100%; background: #070707ab; left: 0; top: 0; height: 100%; z-index: 2; transform: translate(-1000px, 0px); transition:all 0.2s ease;}
.header-menu .navbar-collapse.show{transform: translate(0px, 0px);}
.header-menu .navbar-collapse .close img {width: 20px;}
.header-menu .navbar-collapse ul {float: left !important; background: #57b823; height: 100%; padding: 50px 20px 0 20px !important; margin: 0 !important; width: 50%;}
.header-menu .navbar-collapse ul li {margin: 0; padding: 10px 0 10px 0; border-bottom: 1px solid #85cb5f;}
.header .header-menu .navbar-nav li a{ font-size:16px;}

.sec-about{ min-height: inherit; padding:30px 0;}
.sec-about .left-img{max-width: 160px; margin-bottom: -190px;}
.sec-about .right-img{max-width: 230px; margin-bottom: -180px;}
/*.experienced .content-box {margin: 30px 0 0 0;}
.experienced .sec-img img {width: 100%; transform: translate(40px, -25px);}
.experienced .left-img{width: 100px; margin-top: 80px; min-height: 270px;}
.experienced .content-text{padding: 30px 50px 0 60px;}
.specialists .content-box .img-bg img { max-width: 70%;}
.specialists .content-text{padding: 40px 70px 0 0px;}
.specialists .content-img-box {margin: 100px 0 0 0;}
.specialists .sec-img img {width: 100%; transform: translate(-10px, -30px);}
.specialists .right-img {width: 80px; min-height: 160px;}*/
.experienced .sec-img img{filter: drop-shadow(-30px 15px 0px #71b61e); transform: translate(30px, 0px);}
.experienced .content-box .img-bg{ width:65%; min-height: 200px;}
.experienced .content-text p{ font-size:13px;}
.experienced .content-text{padding: 0px 0px 0 50px;}
.experienced .left-img{width: 50px; margin-top: 30px; min-height: 150px;}
.experienced {padding: 0 0 30px 0;}
.specialists .sec-img img{transform: translate(-30px, 0px); filter: drop-shadow(10px 20px 0px #71b61ea6);}
.specialists .content-box .img-bg{ width: 65%; min-height: 200px;}
.specialists .content-text{padding: 0px 30px 0 0px;}
.specialists .right-img{margin-top: 40px; width: 50px; min-height: 120px;}
.mono-poly .left-content-box h5, .mono-poly .right-content-box h5{ font-size:20px;}

.mid-body .pioneering {padding: 80px 0 0;}
.mid-body .pioneering .inner-content .content-box h3.title{ font-weight:500; font-size: 24px;}
.mono-poly .btm-img img { max-width: 100%;}
.mono-poly .left-content-box img, .mono-poly .right-content-box img{max-width: 250px;}
section.users ul.users-logo li img {max-width: 90px;}
.footer .ftr-content ul.ftr-social li a img {width: 30px;}

.brand-story, .Vision{background-size: 100% 100%;}
.Vision .content-align .right-content{ padding:0;}
.Vision .content-align .right-content h4.title{ padding:10px 0;}
.solar-solution .sec-title p{ font-size:14px;}
.solution-details {padding: 0 0px;}
.solution-details .content-box{padding: 0px 20px 40px;}
.solar-solution .icons ul li{padding: 0 10px;}
.solar-solution .icons ul li img {width: 60px;}

.cms-banner{height: 465px;}
.diversity .sec-title h4 {color: #fff; font-size: 34px;}
.diversity .left-content::after{right: -10px;}
.manufacturing-body-content .sec-box-1 .left-img, .manufacturing-body-content .sec-box-2 .right-img, .manufacturing-body-content .sec-box-3 .left-img{height: 330px;}
.manufacturing-body-content .sec-box h4{ font-size:28px;}
.manufacturing-body-content .sec-box h4 br {display: none;}
.manufacturing-body-content .sec-box p{ font-size:18px;}
.manufacturing-body-content .sec-box p br{ display:none;}

.mono-perc .container, .our-product .container {max-width: 720px;}
.mono-perc .perc-img img{ height:auto;}
.our-produc{padding: 0 0 0 20px;}
.apart .right-content h1{padding: 0 0 20px 0;}
.apart .right-content ul {margin: 10px 0 10px 15px;}
.apart .right-content ul li{padding: 0px 0 15px 20px;}
.sec-aplications .mid-title{top: 45%; width: 54%;}
.sec-aplications .aplications-left .box-two{padding: 20px 0 0 0;}
.sec-aplications .mid-title h1{ font-size: 44px;}
.sec-aplications h4{ font-size:16px;}
.sec-aplications .aplications-left .box-two{right: 0px;}
.sec-aplications .mid-title h1{clip-path: polygon(0% 0%, 100% 0%, 93% 100%, 0% 100%, 0% 0%);}

.learning { padding: 50px 0;}
.learning .row {padding: 30px 30px;}
.learning .row.row-bg-1 {background: linear-gradient(110deg, #e6e7e8 25%, #8cc146 0%);}
.learning .row.row-bg-2 {margin-top: 30px; background: linear-gradient(75deg, #8cc146 75%, #e6e7e8 0%);}

.connect-box .map-box iframe { width: 100%; max-height: 250px; min-height: 250px;}

.polycrystalline-products .descripstion{padding: 0 0 0 0px;}
.polycrystalline-apart .left-img img{width: 90%; margin-top: 0px;}
.polycrystalline-apart .left-img img.image-2{ right: 120px;}

.header .header-menu .navbar-nav li a::after { position: absolute; right: 10px; top: 20px;}
.header .header-menu .navbar-nav li ul.dropdown-menu { background: none; padding: 0  0 0 20px!important; width: 100%;}
.header .header-menu .navbar-nav li ul.dropdown-menu li a{padding: 0px 0px;}
.header.sticky-header .header-menu .navbar-nav li ul.dropdown-menu {background:none;}
.header-menu .navbar-collapse ul li.show a.dropdown-toggle::after {content: "\f0d8"; font-family: 'FontAwesome'; border: none; font-size: 12px; top: 12px;}

.download-body .download-content .card .card-body .content-box{height: 93px;}
.download-body .download-content .card .card-body .content-box:hover .pdf-box{transform: translate(0px, -95px);}

.home-banner .banner-content .banner-image{height: 450px;}
.sec-title h4{ font-size:32px;}

}
@media (max-width: 800px){

}

@media (max-width: 767px){
section.header{padding: 15px 0;}
.header .col-xl-3.col-sm-6 {width: 60%;}
.header .col-xl-9.col-sm-6 {width: 40%;}
.header-menu .navbar-toggler{ width:40px; height:40px; padding: 0;  line-height: 0;}





}
@media (max-width: 599px){
.header a.logo img{ width:50%;}

.page-banner {height: 300px; padding: 50px 0 20px;}
.banner-content h1{font-size: 32px;}
.banner-content .content-img img {max-width: 300px;}
.banner-content h3{font-size: 18px;}
.header-menu .navbar-collapse ul{ width:70%; padding: 5px 20px 0 20px !important;}
.header-menu .navbar-collapse ul li{padding: 5px 0 5px 0;}
.sec-about{background-size: cover;}
.sec-about .left-img, .sec-about .right-img{ display:none;}
.mid-body{ padding:50px 0 30px;}
.experienced .sec-img img {width: 100%; transform: translate(0px, 0px);}
.experienced .content-img-box {margin: 30px 0 0 0;}
.experienced .content-img-box .sec-img{background-size: 85% 100%;}
.experienced .left-img { width: 70px; margin-top: 50px; min-height: 190px;}
.experienced .content-text {padding: 0px 0px 0 0px;}
.experienced .content-box .img-bg, .specialists .content-box .img-bg{ display:none;}
.experienced .content-box, .specialists .content-box{ background:#2d3092; padding: 20px; margin: 30px 0 0 0; height: auto; display: block;}
.experienced { padding: 0 0 0px 0;}
.specialists .sec-img img { transform: translate(0px, 0px);}
.specialists .content-text {padding: 0; text-align: left;} 
.specialists .content-box {margin: 0px 0 0 0;}
.specialists .content-img-box {margin: 20px 0 0 0;}
.specialists .right-img{margin-top: 280px;}
.mid-body .pioneering {padding: 50px 0 0;}
.pioneering .sec-title p br {display: none;}
.pioneering .col-sm-3 {width: 50%;}
.mid-body .pioneering .sec-title {margin: 0 0 30px 0;}
.mid-body .pioneering .inner-content {text-align: center; margin: 0 0 20px 0;}
.mid-body .pioneering .inner-content .icon-box img {width: 60px;}
.mid-body .pioneering .inner-content .content-box h3.title{ font-size: 30px; font-weight: 600;}
.mid-body .pioneering .inner-content .content-box p{ font-size:12px;}
.modules{ padding:30px 0;}
.modules .sec-title { margin: 0 0 30px 0;}
.sec-title h4{ font-size:28px;}
.mono-poly .col-sm-6 {width: 50%;}
.mono-poly .left-content-box h5, .mono-poly .right-content-box h5{ font-size:14px; padding:10px;}
.mono-poly .left-content-box img, .mono-poly .right-content-box img {max-width: 150px;}
section.users{ padding:30px 0;}
section.users ul.users-logo li{ padding: 0 5px;}
section.users ul.users-logo li img {max-width: 50px;}
section.footer {padding: 30px 0 0px;}
.footer .ftr-content .ftr-logo img {width: 40%;}
.footer .ftr-content p.ftr-text{ padding:10px 0;}
.footer .ftr-content {margin-bottom: 10px; border-bottom: 1px solid #89c045; padding-bottom: 10px;}

.Vision{ padding:30px 0; }
.Vision .left-img {margin: 0 0 50px 0;}
.solution-details .content-box{ width:50%;}
.solution-details .content-box .align{ width:100%;}
.solution-details .content-box .align h4{ font-size:26px;}
.solar-solution .resources .left-content{ width:100%;}
.solar-solution .resources .left-content ul{ padding:10px; width:100%;}
.solar-solution .resources .left-content ul li{ padding: 0 0 10px 10px;}
.solar-solution .resources .left-content .resources-content h4{ padding-left:15px; font-size: 28px;}
.solar-solution .resources .right-img{ width:100%; margin:20px 0 0 0;}
.solar-solution .resources .right-img img{ width:100%;}
.steps .step-lft-img, .steps .step-right-img{ width:100%; padding:20px;}
.steps .step-right-img img{ width:100%;}
.solar-solution{ padding:30px 0; background-size: cover;}

.cms-banner {height: 235px; min-height: inherit;}
.diversity{padding: 50px 0;}
.diversity .sec-title h4{font-size: 26px;}
.diversity .left-content::after { content:none;}
.manufacturing-body-content .sec-box-1 .left-img, .manufacturing-body-content .sec-box-2 .right-img, .manufacturing-body-content .sec-box-3 .left-img {height: 160px; width: 40%;}
.manufacturing-body-content .sec-box-1 .left-img img, .manufacturing-body-content .sec-box-2 .right-img img, .manufacturing-body-content .sec-box-3 .left-img img{ width:40%;}
.manufacturing-body-content .sec-box-1 .right-text, .manufacturing-body-content .sec-box-2 .left-text, .manufacturing-body-content .sec-box-3 .right-text {width: 60%;}
.manufacturing-body-content .sec-box h4 {font-size: 18px;}
.manufacturing-body-content .sec-box p {font-size: 14px;}
.diversity .left-content p, .diversity .right-content p {font-size: 18px; line-height: inherit;}

.mono-perc .container, .our-product .container { max-width: 100%;}
.mono-perc .sec-title h2 {font-size: 32px;}
.mono-perc .sec-title p{font-size: 18px;}
.mono-perc .sec-title{margin: 0 0 20px 0;}
.mono-perc .perc-content p.content-text {font-size: 18px;}
.mono-perc .perc-img img {position: relative;}
.mono-perc .perc-img img {height: auto; width: 100%; margin: 30px 0 0 0;}
.our-product{padding: 50px 0;}
.our-product .sec-title {margin: 0 0 30px;}

.our-product .product-img .button-box {    margin: 40px 0;}
.our-product .descripstion{ display:block; padding:0;}
.apart{padding: 50px 0;}
.apart .left-img img{margin: 0 0 20px 0;}

.sec-aplications{ padding:30px 0;}
.sec-aplications .aplications-left .box-one{ left:0;}
.sec-aplications .mid-title {top: 0; position:relative; width: 100%; margin-bottom: 20px;}
.sec-aplications .aplications-left .box-one{margin: 0 0 0px 0; }
.sec-aplications .aplications-right{ display:block; margin: 20px 0 0 0;}
.mono-perc{padding: 30px 0 0;}

.users .user-logo .item-clients img{ width:100%;}

.satisfied-user {padding: 30px 0;}
.satisfied-user .user-content ul{margin: 30px auto 0;}
.satisfied-user .user-content ul li{padding: 0 10px 10px; width: 33%;}

.gallery {padding: 30px 0 0;}
.gallery .gallery-img img{margin-bottom: 30px;}

.learning {padding: 30px 0;}
.learning .row{ padding:0; background:none !important;}
.learning .row .img-box{padding: 20px 20px;}
.learning .text-content {padding: 20px;}

section.visit {padding: 30px 0;}
.visit .add-content{ margin-bottom:30px;}
.visit .add-content::after {content: ""; position: absolute; width: 100%; height: 1px; background: #000; top: auto;  right: 0;  bottom: -15px;}
.visit .add-content.last { margin: 0;}
.connect-box .map-box{ margin-bottom:20px;}
.connect-box {padding: 30px 0 20px;}

.polycrystalline-products .pro-btn-box .btn-box{margin: 0 auto 10px;}
.polycrystalline-products .pro-btn-box .btn-box a.btn.btn-4, .polycrystalline-products .pro-btn-box .btn-box a.btn.btn-2, .polycrystalline-products .pro-btn-box .btn-box.last a.btn, .polycrystalline-products .pro-btn-box .btn-box.last-2 a.btn{ width:100%;}
.energy-eficient .eficient-content .sec-title h2, .polycrystalline-products .descripstion{ margin-top:20px;}
.polycrystalline-aplications .sec-title{ width:90%; margin-bottom:30px;}
.polycrystalline-aplications .aplications-box { margin-bottom:30px;}
.polycrystalline-aplications .aplications-box h4{ font-size:18px;}

.polycrystalline-apart .left-img img.image-2 { right: 40px;}
.polycrystalline-apart .right-content { margin-top: 40px;}
.energy-eficient .eficient-content p.content-text{padding-bottom: 20px;}

.download-body .download-content .card .card-body .col-md-3 {width: 50%;}
.download-body .download-content .card .card-body .content-box{ margin-bottom:20px;}
.download-body .download-content .card .card-body .content-box:hover .pdf-box {transform: translate(0px, -100px);}
.download-body{min-height: inherit;}
.enquire-form-popup .modal-content .modal-body .form-group{ width:100%;}

.download-content .card .card-body .flip-card-front h5 {font-size: 16px;}

.home-banner .banner-content .banner-image {height: 300px; overflow: hidden; padding-bottom: 20px;}
.home-banner .banner-content .owl-nav button{ display:none;}
.mid-body .experienced.pioneering {padding: 0px 0 0 0 !important;}
.mono-poly .left-content-box img{ height:300px;}
.mono-poly .right-content-box img{ height:270px;}
.users .user-logo{padding: 0 20px 40px;}
section.header{min-height: inherit;}
.home-banner{ padding:0;}

.mono-poly .right-content-box .poly-img{height: 300px;}

.career .career-content .core-value ul li{ font-size:18px;}

.learning .text-content h3{font-size: 28px;}
.learning .row.row-bg-2 .col-xl-6.col-md-8 { padding: 0;}
.learning .text-content p {font-size: 14px;}
.learning .text-content ul {margin: 0 0 15px 20px;}



.sec-about{ background:#fff;}
section.mid-body .sec-title {margin: 0 0 10px 0;}
.sec-about .sec-contant p, .experienced .content-box, .specialists .content-box, .specialists .content-text h3, .specialists .content-text p, .experienced .content-text p{ text-align:center;}

.brand-story .story p, .Vision .content-align .right-content{ text-align:center;}
.Vision .content-align .right-content p a{ display:block;}
.solar-solution .icons ul li{ width:50%; float:left; margin: 0 0 20px 0;}
.solar-solution .icons ul li img {width: 80px;}
.steps .step-right-img img{ margin:0;}

.manufacturing-body-content{ padding:10px 0;}
.manufacturing-body-content .sec-box{ display:block; padding: 0px 0 10px 0;}
.manufacturing-body-content .sec-box-1 .left-img, .manufacturing-body-content .sec-box-2 .right-img, .manufacturing-body-content .sec-box-3 .left-img{ width:100%; height:160px;}
.manufacturing-body-content .sec-box-1 .right-text, .manufacturing-body-content .sec-box-2 .left-text, .manufacturing-body-content .sec-box-3 .right-text{ width:100%; padding: 20px 10px 0px 10px;}
.manufacturing-body-content .sec-box-1 .left-img img, .manufacturing-body-content .sec-box-2 .right-img img, .manufacturing-body-content .sec-box-3 .left-img img {
width: 100%; position: relative;}
.manufacturing-body-content .sec-box .left-text {text-align: left; padding: 20px 10px 10px !important;}

.learning .row.row-bg-1, .learning .row.row-bg-2{background:#8cc146 !important;}
.learning .row.row-bg-2{ margin:20px 0 !important;}

.energy-eficient{ padding:30px 0;}

/*17/04/23*/
.solution-details .content-box .align p{ font-size:12px;}
.solution-details .content-box.last .align h4, .solution-details .content-box .align h4{ font-size:20px; font-weight: 500;}
.solution-details .content-box .align{ height: 150px;}
}



@media (max-width: 479px){
section.users ul.users-logo{ padding:0 10px;}
}




@media (max-width: 375px){
.sec-title h4{ font-size:26px;}
.mono-poly .left-content-box h5, .mono-poly .right-content-box h5{font-size: 12px; padding: 5px;}
.mono-poly .left-content-box img, .mono-poly .right-content-box img { max-width: 100%;}
section.users ul.users-logo li img {max-width: 40px;}

}
@media (max-width: 320px){
.pioneering .col-sm-3 {width: 50%;}
.mid-body .pioneering .inner-content{margin-bottom: 20px;}
}