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

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

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

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

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

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

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {}

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


@media screen and (max-width: 1400px) {
    .main-slider .slider .main-slides .text .titles h2 {
        font-size: 80px;
        line-height: 85px;
    }

    .site-main{
        padding: 0px 15px;
    }

    .home .site-main{
        padding: 0px 0px;
    }

}

@media screen and (max-width: 1300px) {
    .main-header .main-header-inner .main-menu-list .menu-item a {
        font-size: 14px;
    }
}

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

    .main-slider .slider .main-slides .text .titles h2 {
        font-size: 50px;
        line-height: inherit;
    }

    .main-slider .slider .main-slides .text .titles h5 {
        font-size: 26px;
    }

    .main-slider .slider .main-slides .text{
        max-width: 56%;
    }

    .main-slider .slider .main-slides .text p {
        font-size: 14px;
    }

    .main-slider .slider .main-slides .image{
        max-width: 40%;
    }

    .main-slider .slider .main-slides .image .image-1{
        position: relative;
    }

    .inner-page-header h2.inner-page-header-title {
        font-size: 70px;
        line-height: 70px;
    }

    .main-header .main-header-inner .main-menu-list{
        display: none;
    }

    .blog-post-widget .post-read-more a.read-more {       
        width: 55%;
    }


    .cpt-services-list .service-item .description {
        padding: 40px 5%;
    }

    .cpt-services-list .service-item .description h3 {        
        font-size: 48px;
    }

    .sidebar-one__content{
        padding: 80px;
    }

    .cpt-services-list .service-item .description .service-content p{
        font-size: 14px;
    }

    .sidebar-one__content .sidebar-overlay-menu ul li a {
        font-size: 26px;
    }
    .sidebar-one__about__text {
        font-size: 14px;
        font-weight: 400;
    }

    .sidebar-one__close{
        font-size: 42px;
    }
}



@media screen and (max-width: 1100px){
    
    :root{
        --nav-width: 100%;
    }

    body {
        padding-left: 0px;
    }

    header.custom-global-header {
        position: relative;
        background: #fff;
        height: auto;
        display: block;
        width: 100%;
        padding: 0px 15px;
    }

    header.custom-global-header .elementor-widget-site_logo_widget {
        width: auto;
        order: 2;        
    }

    header.custom-global-header .elementor-widget-site_logo_widget  a{
        display: block;
    }

    header.custom-global-header .elementor-widget-site_social_widget {
        width: auto;
        display: flex;
        order: 1;
    }

    header.custom-global-header .elementor-widget-site_social_widget .social-buttons-widget {
        width: auto;
        margin-bottom: 0px;
        display: flex;
        align-items: center;
    }

    header.custom-global-header .elementor-widget-site_social_widget .social-buttons-widget .icon{
        margin: 0px 3px;
    }

    
    header.custom-global-header .elementor-widget-site_social_widget .social-buttons-widget svg{
        width: 32px;
        max-width: 32px;
    }
    
    header.custom-global-header .elementor-widget-site_social_widget .social-buttons-widget .icon.youtube svg{
        width: 42px;
        max-width: 42px;
    }
    
    header.custom-global-header .elementor-widget-site_social_widget .social-buttons-widget .icon.linkedin svg{
        width: 38px;
        max-width: 38px;
    }

    header.custom-global-header .elementor-widget-Site_button_widget{
        width: auto;
        order: 3;
    }

    .nav-side {
        top: -100%;
        left: 0%;
        width: 100%;
        transition: top 0.3s ease-in-out;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.8);
    }

    .nav-side.open {
        left: 0;
        top: 0px;
    }

    .home-about p {
        font-size: 16px;
        line-height: 26px;
    }

    .custom-global-footer .footer-menu li a {
        font-size: 14px;
    }

    .custom-global-footer .footer-menu{
        flex-wrap: wrap;
    }
    

}

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

    .main-slider .main-slides .image-1 {
        display: none;
    }

    .main-slider .slider .main-slides .text {
        max-width: 100%;
        padding: 0px 0px 0px 50px;
    }
    .main-slider .slider .main-slides {
        max-height: 500px;
    }

    .homepage-gallery .gallery_card {
        position: relative;
        margin-bottom: 20px;
        width: 49%;
    }

    .gallery-carousel-center .swiper-button-prev, .gallery-carousel-center .swiper-button-next{
        right: 14%;
    }

    .gallery-carousel-center .swiper-button-prev {
        left: 14%;
    }

    
  .blog-post-widget,
  .blog-post-widget.columns-3,
  .blog-post-widget.columns-4,
  .blog-post-widget.columns-5 {
    grid-template-columns: repeat(3, 1fr);
  }
   

    .footer-sections{
        flex-wrap: wrap;
        padding: 0px 10px;
    }
    .footer-sections .ftr-about,
    .footer-sections .ftr-menu,
    .footer-sections .ftr-contact  {
        max-width: 50%;
        width: 50%;
    }

    .inner-about-section {
        flex-wrap: wrap;
        padding: 0px 15px;
    }

    .inner-about-section .image-wrapper{
        width: 100%;
        text-align: center;
        display: flex;justify-content: center;
    }
    
    .inner-about-section .image-wrapper{
        width: 100%;
        text-align: center;
    }

    .inner-about-section .description {
        width: 100%;;
    }

    .cpt-services-list .service-item{
        flex-wrap: wrap;
    }

    
    .cpt-services-list{
        padding: 0px;
        gap: 10px;
    }

    .cpt-services-list {
        margin: 45px 0;
        display: flex    ;
        flex-wrap: wrap;
        gap: 10px;
        align-items: flex-start;
        justify-content: center;
    }
    .cpt-services-list .service-item{
        width: 49%;
        display: block;
    }
    
    .cpt-services-list .service-item .thumbnail{
        width: 100%;
        max-height: 250px;
    }
    .cpt-services-list .service-item .description{
        width: 100%;
    }

    .cpt-services-list .service-item .description h3 {
        font-size: 32px;
        line-height: 38px;
    }

    
    .galley-full .homepage-gallery{ 
        grid-template-columns: repeat(2, 1fr);
    }

    
    .inner-page-header .container{
        flex-wrap: wrap;
    }
    .inner-page-header .inner-title{
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        
    }

    .inner-page-header h2.inner-page-header-title {
        font-size: 50px;
        line-height: 50px;
    }
    
    .inner-page-header .inner-title-description{
        width: 100%;
        max-width: 100%;
        padding: 0px;
    }

    .timeline-style3 .containr {
        padding: 10px 30px;
    }

   
}
    


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

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

    header.custom-global-header .elementor-widget-site_logo_widget .site-logo img{
        max-height: 80px;
        width: auto;
    }

    header.custom-global-header .elementor-widget-site_social_widget .social-buttons-widget svg {
        width: 25px;
        max-width: 25px;
    }

    header.custom-global-header .elementor-widget-site_social_widget .social-buttons-widget .icon.youtube svg {
        width: 32px;
        max-width: 32px;
    }

    header.custom-global-header .elementor-widget-site_social_widget .social-buttons-widget .icon.linkedin svg {
        width: 30px;
        max-width: 30px;
    }

    .main-slider .slider .main-slides {
        max-height: 400px;
        min-height: 400px;
    }



    .main-slider .slider .main-slides .text {
        max-width: 100%;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }

    .main-slider .slider .main-slides .text h2 {
        font-size: 35px;
        line-height: 35px;
    }

    .home-about .e-con-inner::before,
    .home-about .e-con-inner::after{
        width: 150px;
        height: 150px;
    }

    .cpt-services-list .service-item {
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
    }

    .homepage-performance .performance-list .performance-item {
        width: 48%;
    }

    .gallery-carousel-center .swiper {
        padding: 55px 0px 50px;
    }

    .gallery-carousel-center .swiper-button-prev, .gallery-carousel-center .swiper-button-next{
        display: none;
    }

    .gallery-carousel-center .swiper-slide.swiper-slide-active{
        transform: scale(1)!important;
    }

    .gallery-carousel-center .swiper-slide-active:hover img {
        transform: scale(1);
    }

    .gallery-carousel-center .swiper-slide-content{
        padding: 15px   ;
    }
    .gallery-carousel-center .swiper-slide-content h3.gallery-card-title {
        color: #000;
        font-weight: 500;
        font-size: 14px;
        text-align: center;
    }


    .homepage-gallery .gallery-card-content {
        position: relative;
        left: 3px;
        bottom: 3px;
        width: 98%;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 8px;
    }


    
    .blog-post-widget,
    .blog-post-widget.columns-3,
    .blog-post-widget.columns-4,
    .blog-post-widget.columns-5 {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-post-widget h3.blog-card-title {
        font-size: 14px;
        margin-bottom: 15px;
    }
  
    .blog-post-widget .post-meta {
      flex-wrap: wrap;
    }
    .blog-post-widget .post-meta .post-date{
      width: 100%;
    }
  
    .blog-post-widget .post-read-more a.read-more {
        width: 75%;
        padding: 5px 8px;
    }
   

    .footer-sections .ftr-about, .footer-sections .ftr-menu, .footer-sections .ftr-contact {
        max-width: 100%;
        width: 100%;
        margin-bottom: 15px;
    }


    .blog-post-widget .post-meta {
        flex-wrap: wrap;
        line-height: 25px;
    }

    .blog-post-widget .post-meta span {
        font-size: 11px;
    }

    .blog-post-widget .post-read-more a.read-more {
        width: 100%;
    }

    .blog-post-widget h3.blog-card-title {
        font-size: 14px;
        margin-bottom: 15px;
    }

    
    .sidebar-one__content{
        padding: 15px;
    }

    .cpt-services-list .service-item .description .service-content p{
        font-size: 14px;
    }

    .sidebar-one__content .sidebar-overlay-menu ul li a {
        font-size: 18px;
    }
    .sidebar-one__about__text {
        font-size: 13px;
        font-weight: 400;
    }

    .sidebar-one__content .sidebar-overlay-menu ul li a::after {
        font-size: 36px;
        line-height: 36px;
    }

    .sidebar-one__close{
        font-size: 38px;
    }


    .inner-about-section .image-wrapper {
        margin-bottom: 0px;
        max-width: 80%;
    }

    .cpt-services-list .service-item .description h3 {
        font-size: 34px;
    }

    
    
    .galley-full .homepage-gallery{ 
        grid-template-columns: repeat(1, 1fr);
    }

   

    .performance-list .performance-item{
        width: 100%;
    }

    .inner-about-section .heading h2 {
        font-size: 32px;
    }
    .inner-about-section .heading h3 {
        font-size: 22px;
    }

    .inner-about-section .heading {
        margin-top: 15px;
    }


    .timeline-style3 {
    margin: 0px auto;
    }
    .timeline-style3::after {
    left: 31px;
    }
    .timeline-style3 .containr {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    }
    .timeline-style3  .text-box {
    font-size: 13px;
    }
    .timeline-style3 .text-box small {
    font-size: 10px;
    }
    .timeline-style3 .right-container {
    left: 0;
    }
    .timeline-style3 .left-container img {
    left: 0px;
    }
    .timeline-style3 .right-container img {
    left: 3px;
    }

    .timeline-style3 .containr::before,
    .timeline-style3 .text-box::after,
    .timeline-style3::after {
        display: none;
    }


}

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


@media only screen and (width:425px) {}

@media only screen and (width:375px) {}