/* Normal desktop :1700px. */
@media only screen and (max-width: 1700px){
.galary-sp2 {
    bottom: 20px;
}
.galary-sp2.dark {
    bottom: 0;
}
.hero-section-three .hero-shape {
    display: none;
}

}

@media only screen and (max-width: 1600px){
 .galary-sp1 {
    top: 38%;
}
 .galary-sp1.dark {
    top: 45%;
}

}

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

.serinic-header-area.style-two .nav_scroll {
    background: transparent;
    border: 0;
}    
.galary-sp1 {
    top: 42%;
}
.galary-sp2 {
    bottom: 40px;
}

.header-btn a {
    font-size: 16px;
    padding: 10px 12px 10px 29px;
}

.hero-section-one .autor-box {
    margin-left: 0;
}

.testimonial-section-one .testi-title {
    font-size: 40px;
    line-height: 50px;
}
.galary-sp1.dark {
    top: 47%;
}
.galary-sp2.dark {
    bottom: 30px;
}
.newsletter-form input {
    width: 250px;
}
.service-section-one .single-service-box {
    padding: 30px 20px 30px;
}
.award-shape {
    display: none;
}
.blog-title a {
    font-size: 22px;
}

.hero-section-three .hero-shape {
    display: none;
}
.hero-section-three .hero_content .hero-title {
    font-size: 60px;
    line-height: 60px;
}
.hero-section-three .counter-text h2 {
    font-size: 40px;
    line-height: 40px;
}
.hero-section-three .counter-text span {
    font-size: 40px;
    line-height: 40px;
}
.wind-power-section .wind-title {
    font-size: 20px;
}
.future-thumb {
    position: inherit;
}
.future-thumb2 {
    position: inherit;
}
.future-solution-section {
    padding: 120px 40px 100px;
}
.testimonial-section-three .testimonial-wrapper {
    grid-template-columns: repeat(4, 1fr);
}
.testimonial-section-three {
    padding: 95px 30px 100px;
}
.faq-thumb::before {
    display: none;
}
.faq-thumb::after {
    display: none;
}
.blog-shape2 {
    display: none;
}
.blog-title a {
    font-size: 20px;
}
.serinic-category-box {
    padding: 40px 10px 30px;
}
.testimonial-section-four .swiper-nav {
    bottom: 20px;
    right: 20px;
}

.windmill-location-section .section-desc p {
    font-size: 20px;
    line-height: 31px;
}

.windmill-location-section .section-title h1, .section-title h2 {
    font-size: 31px;
    line-height: 45px;
}
.blog-section-two {
    padding: 120px 70px 100px 80px;
}

.blog-section-two .blog-content {
    padding: 28px 2px 15px;
}

.blog-section-two .blog-comment span {
    font-size: 15px;
    padding-left: 0;
}
.blog-section-two .blog-user a {
    font-size: 15px;
    padding-left: 0
}

}

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

.hero-section-one .autor-box {
    margin-left: 0;
}
.hero-section-one .hero-desc {
    width: 67%;
}
.panel-btn {
    right: -8px;
}
.newsletter-form input {
    width: 240px;
}
.header-btn a {
    padding: 12px 24px;
    font-size: 15px;
}
.header-btn a span {
    width: 26px;
    height: 26px;
    line-height: 24px;
}

.accordion li a {
    font-size: 14px;
}

.accordion li p {
    width: 100%;;
}

.about-section-one .about-tag-list ul {
    grid-template-columns: repeat(3, 130px);
}
.service-section-one .single-service-box {
    padding: 30px 15px 30px;
}
.section-title h1, .section-title h2 {
    font-size: 40px;
    line-height: 52px;
}
.blog-title a {
    font-size: 18px;
}
.category-content h4 a {
    font-size: 16px;
}

}

@media only screen and (max-width: 1200px){
.galary-sp1 {
    top: 50%;
}
.galary-sp2 {
    bottom: 50px;
}
.section-title h1, .section-title h2 {
    font-size: 35px;
    line-height: 43px;
}
.single-counter-box.four {
    margin-top: 0;
}
.testimonial-section-two .testi-content {
    margin-left: 0;
}
.newsletter-form input {
    width: 180px;
}
.sustainability-info-card {
    padding: 16px 20px 30px 20px;
}
.sustainability-info-card.newsletter {
    padding: 142px 20px 40px 20px;
}
.sustainability-info-card.environmental {
    padding: 30px 20px 30px 20px;
}
.galary-sp1.dark {
    top: 52%;
}
.galary-sp2.dark {
    bottom: 40px;
}
.blog-title a {
    font-size: 18px;
}
.hero-section-two .hero_content h2 {
    font-size: 60px;
    line-height: 72px;
}
.footer-section-title h1 {
    font-size: 40px;
    line-height: 62px;
}
.serinic-header-area.style-three {
    padding: 0 10px 0 10px;
}
.hero-section-three .hero_content .hero-title {
    font-size: 40px;
    line-height: 40px;
}
.hero-section-three .hero-wrapper {
    padding: 50px 15px 40px;
}
.wind-power-section {
    padding: 100px 20px 0px;
}
.wind-power-section .wind-card-item {
    padding: 30px 15px 15px;
}
.windmill-location-section {
    padding: 95px 20px 100px;
}
.windmill-location-section .section-desc p {
    font-size: 20px;
    line-height: 28px;
    width: 100%;
}
.solution-content {
    padding: 0px 20px 0px 20px;
}
.testimonial-section-three .testimonial-wrapper {
    grid-template-columns: repeat(3, 1fr);
}
.faq-area-two {
    padding: 90px 20px 150px;
}
.blog-section-two {
    padding: 120px 20px 100px;
}
.testimonial-section-four .testi-content {
    padding: 0px 20px 40px 20px;
}
.testimonial-section-four .testi-wrap {
    margin: 0 20px 0;
}
.counter-box-content h2, .counter-box-content span {
    font-size: 40px;
    line-height: 40px;
}
.counter-wrapper {
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}
.impact-content h2 {
    font-size: 30px;
    line-height: 38px;
}


}

@media only screen and (max-width: 1170px){
.project-section-one .single-project-box.mr {
    margin-right: 0;
}
.project-section-one .single-project-box.ml {
    margin-left: 0;
}
.process-card-section .process-content p {
    width: 80%;
}
.main-footer-one .main-footer-section .footer-widget-content .footer-desc span {
    font-size: 18px;
}
.subscribe-box input {
    padding: 15px 0 0 15px;
}
.serinic-header-area.style-two .nav_scroll {
    padding: 0 30px 0 30px;
    margin-left: 0;
}
.about-wrapper {
    margin-left: 0;
}
.about-section-one .counter-text h2 {
    font-size: 50px;
    line-height: 50px;
}
.about-section-one .counter-text span {
    font-size: 50px;
    line-height: 50px;
}
.about-section-one .counter-text p {
    font-size: 18px;
    line-height: 24px;
}

.hero-section-three .hero_content .hero-desc {
    font-size: 18px;
}

.blog-box-wrap {
    gap: 20px;
}

.blog-section-two .blog-comment span {
    font-size: 14px;
    padding-left: 0;
}

.blog-section-two .blog-user a {
    font-size: 14px;
    padding-left: 0;
}

.testimonial-section-four .testi-desc p {
    font-size: 18px;
}

.testimonial-section-four .autor-title {
    font-size: 26px;
}

.project-section-two .project-content h3 {
    font-size: 30px;
    line-height: 35px;
}
.process-section-two .process-content {
    padding: 38px 10px 32px;
}
.process-section-two .process-desc {
    font-size: 15px;
}
.work-history-section .work-panel {
    padding: 30px 12px 30px 12px;
}

.blog-content {
    padding: 28px 16px 15px;
}
.blog-user a {
    font-size: 14px;
}

.blog-comment span {
    font-size: 14px;
}
.main-footer-one .main-footer-section .footer-widget-content .contact-info .email-address a {
    font-size: 17px;
    padding: 0;
}

}
@media only screen and (max-width: 1024px){
.header-menu ul li a {
    padding: 36px 8px 36px 8px;
}
.header-btn a {
    padding: 10px 12px;
    font-size: 15px;
}
.hero-section-one .hero_content h2 {
    font-size: 56px;
    line-height: 70px;
}

.about-section-one .counter-text p {
    font-size: 16px;
}

.hero-section-one .autor-box {
    height: 267px;
    width: 313px;
    margin-left: 0;
}

.call-to-action-section {
    padding: 0 20px 120px;
}

.accordion li a {
    font-size: 16px;
}
.blog-content {
    padding: 28px 0 15px;
}
.blog-bottom {
    margin-top: 10px;
    padding: 20px 0 0;
    display: block;
}

.blog-title a {
    font-size: 19px;
}
.main-footer-one .main-footer-section .footer-widget-content .contact-info .email-address a {
    font-size: 15px;
    padding: 0;
}
.testimonial-section-two .testi-desc p {
    font-size: 18px;
    padding: 50px 0px 100px;
}
.project-section-one .project-title {
    font-size: 25px;
}
.sustainability-info-card .shape {
    display: none;
}
.sustainability-info-card.newsletter .shape-2 {
    display: none;
}
.sustainability-info-card p {
    font-size: 18px;
}
.sustainability-info-card.newsletter {
    padding: 142px 15px 40px 15px;
}
.newsletter-form input {
    width: 150px;
}
.sustainability-info-card.environmental h3 {
    font-size: 20px;
}
.main-footer-one .main-footer-section .footer-widget-content .location {
    font-size: 16px;
}
.hero-section-one .hero-desc {
    width: 86%;
}
.galary-sp1.dark {
    top: 54%;
}
.serinic-header-area.style-two .header-menu ul li a {
    padding: 25px 10px 25px 10px;
}
.hero-section-two .hero_content h2 {
    font-size: 50px;
    line-height: 62px;
}
.project-section-two .project-box {
    top: 80px;
}
.award-item {
    padding: 40px 20px 40px;
}
.award-item h2 {
    font-size: 20px;
}
.work-history-section .work-info-title {
    font-size: 30px;
}
.blog-title a {
    font-size: 16px;
}
.footer-section-title h1 {
    font-size: 30px;
    line-height: 42px;
}
.serinic-header-area.style-three {
    margin: 10px;
    padding: 0 10px 0 10px;
}
.hero-section-three .hero-wrapper {
    margin-left: 10px;
}
.brand-area-two {
    padding: 55px 20px 0;
}
.future-wrapper {
    padding-top: 0;
}
.testimonial-section-three .section-desc p {
    width: 50%;
}
.testimonial-section-three .testimonial-box {
    padding: 40px 15px 30px 15px;
}
.breadcumb-content h1 {
    font-size: 42px;
    line-height: 52px;
}
.category-content h3 a {
    font-size: 16px;
}
.serinic-single-box ul li {
    font-size: 16px;
}
.row.contact-info_item {
    background-size: cover;
}
.category-content {
    padding-left: 10px;
}

}


@media only screen and (max-width: 992px){
.mobile-menu-area .sticky {
    padding: 0 30px 0;
}
.header-btn a span {
    width: 22px;
    height: 22px;
    line-height: 19px;
}

.header-btn a {
    padding: 10px 12px;
    font-size: 14px;
}
.mean-container .mean-nav ul li a i {
    display: none;
}
.hero-section-two .counter-text h2 {
    font-size: 22px;
}
.call-disc {
    width: 64%;
}
.sticky {
    position: absolute !important;
}
.sticky {
    padding: 0;
}
.header-menu ul li a {
    padding: 36px 6px 36px 6px;
}
.galary-sp1 {
    display: none;
}
.galary-sp2 {
    display: none;
}
.galary-section {
    padding-top: 80px;
}
.section-title h1, .section-title h2 {
    font-size: 30px;
    line-height: 35px;
}
.service-section-one .service-desc {
    font-size: 15px;
}

.blog-title a {
    font-size: 20px;
    line-height: 28px;
}

.newsletter-form input {
    width: 140px;
}
.sustainability-info-card p br {
    display: none;
}
.serinic-header-area.style-two .nav_scroll {
    padding: 0;
    margin-left: 0;
}
.serinic-header-area.style-two .nav_scroll {
    background:transparent;
    border-radius:0;
    position: relative;
    margin-left: 0px;
    backdrop-filter:inherit;
}

.counter-section-one .counter-box-content p {
    font-size: 23px;
}

.testimonial-section-one .testi-title {
    font-size: 36px;
    line-height: 46px;
}

.serinic-header-area.style-two .nav_scroll::before {
    display: none;
}
.work-history-section .project-work-info.gap {
    padding-right: 0;
    padding-left: 0;
}
.hero-section-three .hero-counter-wrap {
    grid-template-columns: repeat(2, 1fr);
}
.hero-section-three .hero-counter {
    margin-bottom: 20px;
}
.wind-power-section .wind-card-item {
    padding: 30px 15px 15px;
    margin-bottom: 20px;
    border-radius: 0;
}
.wind-power-section .wind-card-item:before {
    border-radius: 0px;
}

.blog-box-wrap {
    gap: 20px;
    margin-left: 0;
}

.main-footer-one .main-footer-section .footer-widget-content .contact-info .email-address a {
    font-size: 15px;
    padding: 0;
}

.serinic-footer-title h1 {
    font-size: 142px;
    top: -86px;
}
ul.social-icon li a {
    height: 30px;
    width: 30px;
    line-height: 30px;
}

}

@media only screen and (max-width: 768px){
.mobile-menu-area .sticky {
    position: absolute !important;
    padding: 0 30px 0;
}
.mean-container .mean-nav ul li a i {
    display: none;
}
.sticky {
    padding: 0;
}
.serinic-header-area {
    display: none;
}
.hero-section-one .hero_content h2 {
    font-size: 30px;
    line-height: 35px;
}
.section-title h1, .section-title h2 {
    font-size: 28px;
    line-height: 33px;
}
.hztab__wrp {
    display: block;
    margin: 0;
}
.hztab__item {
    margin-bottom: 20px;
}
.hztab__item.active {
    margin-bottom: 20px;
}
.panel-btn {
    display: none;
}
.hz-title h1 {
    bottom: 180px;
}

.counter-section-one .section-desc p {
    width: 80%;
}

.counter-section-one .counter-btn a::before {
    display: none;
}
.counter-section-one .single-counter-box.two {
    margin-top: 0;
}
.counter-section-one .single-counter-box.three {
    margin-top: 0;
}
.counter-section-one .single-counter-box.four {
    margin-top: 0;
}
.counter-section-one .counter-btn {
    margin-bottom: 30px;
}
.autor-box{
    display: none;
}
.project-section-two .project-box {
    top: 0;
}
.work-history-section .project-work-info {
    margin-bottom: 20px;
}
.hero-section-three {
    padding-top: 100px;
}
.hero-section-three .hero-right-thumb {
    display: none;
}
.testimonial-section-three .testimonial-wrapper {
    grid-template-columns: repeat(2, 1fr);
}
.faq-thumb {
    transform: rotate(0deg);
    margin: 0 0 20px;
}
.call-disc {
    width: 100%;
}

.blog-bottom {
    margin-top: 10px;
    padding: 20px 0 0;
    display: flex;
}
.call-title {
    font-size: 30px;
    line-height: 40px;
}
.team-thumb figure {
    width: 100%;
}
.blog-details-comment.reply {
    margin-left: 0;
}
.testimonial-section-one .testi-title {
    font-size: 28px;
    line-height: 38px;
}

.our-future-section .section-title h1, .section-title h2 {
    font-size: 21px;
    line-height: 31px;
}

.project-section-two .project-box {
    top: 0;
    left: 0;
}
.project-section-two .project-box.two {
    left: auto;
    right: 0;
}
.footer-btn {
    text-align: left;
}
.main-footer-one .main-footer-section .footer-widget-content {
    padding-left: 25px;
    padding-top: 15px;
}
.testimonial-section-three .section-desc p {
    width: 100%;
}
.testimonial-section-three .testimonial-wrapper {
    grid-template-columns: repeat(1, 1fr);
}
.testimonial-section-three .testimonial-wrapper {
    gap: 10px;
}
.blog-box-wrap {
    display: block;
}
.breadcumb-section {
    margin-top: 0;
}
.breadcumb-content h1 {
    font-size: 32px;
    line-height: 42px;
}
.breadcumb-content p {
    width: 100%;
}
.counter-wrapper {
    grid-template-columns: repeat(3, 1fr);
}
.single-counter-box {
    margin-bottom: 20px;
}

.blog-content-text.text-left h2 {
    font-size: 20px;
}

.footer-shape {
    top: -4px;
    left: 192px;
}


}


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

 .sticky {
    position: absolute !important;
}

.blog-dtls-img{
    margin-bottom: 20px;
}
.comment-bx {
    margin-top: 60px;
    margin-bottom: 30px;
}

.hero-section-two .hero-desc {
    font-size: 18px;
}

}


@media only screen and (max-width: 480px){
.sticky {
    position: absolute !important;
}    
.testimonial-section-two .testi-quote {
    display: none;
}
.process-card-section .process-content-box {
    padding: 22px 15px 25px;
    width: 100%;
}
.process-card-section .process-content-box {
    gap: 10px;
}
.section-title h1, .section-title h2 {
    font-size: 20px;
    line-height: 25px;
}

.our-future-section .section-title h1, .section-title h2 {
    font-size: 18px;
    line-height: 28px;
}

.counter-section-one .section-desc p {
    width: 100%;
}
.hero-section-two .hero-btn a {
    font-size: 15px;
    padding: 9px 12px 9px 31px;

}
.process-card-section .process-content p {
    width: 100%;
}

.work-history-section .work-info-title {
    font-size: 26px;
}

.hero-section-one .hero-desc {
    width: 100%;
}
.testimonial-section-one .testi-title {
    font-size: 25px;
    line-height: 35px;
}
.hero-section-two .hero_content h2 {
    font-size: 40px;
    line-height: 50px;
}
.hero-section-two .hero-desc {
    width: 100%;
}
.hero-section-two .hero-card-wrapper {
    display: none;
}
.project-section-two .project-box {
    width: 443px;
    height: 330px;
    padding: 40px 20px 40px;
}
.work-history-section .work-info-desc {
    width: 100%;
}
.work-history-section .project-work-info {
    padding-right: 0;
}
.blog-details-social {
    display: block;
}
.blog-social-tags {
    margin-bottom: 20px;
}
.blog-details-comment {
    padding: 25px 20px 6px 20px;
}

.footer-shape {
    display: none;
}
.location-content p {
    font-size: 15px;
    width: 77%;
}
.call-disc {
    width: 100%;
    font-size: 15px;
}


}

@media only screen and (max-width: 424px){
    
.project-section-two .project-box {
    width: 388px;
    height: 330px;
    padding: 40px 20px 40px;
}
.project-section-two .project-content h3 {
    font-size: 25px;
    line-height: 35px;
}
.award-item .icon {
    display: none;
}
.hero-section-three .hero_content .hero-button {
    display: block;
}
.hero-section-three .hero-btn{
    margin-bottom: 20px;
}
.location-content {
    position: inherit;
}
.location-content {
    width: 410px;
    height: 213px;
}

.testimonial-section-four .swiper-nav {
    display: none;
}




}

@media only screen and (max-width: 320px){
.testimonial-section-two .swiper-nav {
    display: none;
}
.process-card-section .process-content-box {
    display: block;
}
.process-card-section .process-content p {
    width: 100%;
}
.newsletter-form input {
    width: 125px;
}
.about-section-one .about-counter-wrap {
    display: flex;
    gap: 8px;
}
.project-section-two .project-box {
    position: inherit;
    background: gray;
    width: 400px;
    height: 330px;
}
.work-history-section .work-info-meta ul li span {
    float: left;
}
.accordion li a span:before {
    display: none;
}
.accordion a.active:after {
     display: none;
}
.accordion a:before {
     display: none;
}
.accordion a::after{
     display: none;
}
.accordion li p {
    width: 100%;
}
.hero-section-three .hero_content .hero-title {
    font-size: 30px;
    line-height: 30px;
}

.work-history-section .work-info-meta ul li p {
    font-size: 14px;
}

.work-history-section .work-info-title {
    font-size: 25px;
    line-height: 32px;
}
.blog-bottom {
    margin-top: 10px;
    padding: 20px 0 0;
    display: block;
}
.about-section-one .about-tag-list ul {
    grid-template-columns: repeat(2, 130px);
}

.hero-section-three .hero_content .hero-desc {
    font-size: 20px;
}
.hero-section-three .hero-counter-wrap {
    grid-template-columns: repeat(1, 1fr);
}
.windmill_btn {
    text-align: left;
    padding-top: 32px;
}
.location-content {
    width: 283px;
    height: 335px;
}
.future-solution-section {
    padding: 120px 20px 100px;
}
.solution-content {
    padding: 0;
}
.testimonial-section-four .testi-desc p {
    font-size: 18px;
}
.testimonial-section-four .testimonial-user {
    display: block;
}
.testimonial-section-four .autor-title {
    font-size: 22px;
}
.breadcumb-content h1 {
    font-size: 20px;
    line-height: 32px;
}
.counter-wrapper {
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
}
.serinic-title h2 {
    font-size: 23px;
}
.blog-content-text.text-left h2 {
    font-size: 20px;
    line-height: 1.2;
}
.blog-social-tags ul li a {
    padding: 2px 15px;
}
.blog-details-comment-thumb {
    float: inherit;
}
.blog-details-comment.reply {
    padding: 25px 10px 6px 10px;
}

.section-title h1, .section-title h2 {
    font-size: 16px;
    line-height: 25px;
}

.counter-section-one .section-desc p {
    width: 100%;
    font-size: 16px;
    margin: 15px 0 0;
}

.project-section-one .project-content {
    padding: 30px 0px 20px;
}

.project-section-one .project-title {
    font-size: 20px;
}

.process-card-section .process-content h2 {
    font-size: 20px;
}

.footer-section-title h1 {
    font-size: 27px;
    line-height: 38px;
}

.location-content p {
    width: 100%;
}
.location-content h2 {
    font-size: 25px;
    line-height: 34px;
}

.testimonial-section-three .autor-title {
    font-size: 16px;;
}

}

@media only screen and (max-width: 991px){
.serinic-header-area.classic {
    display: none;
}
.serinic-header-area{
    display: none;
}

}