/*==================Start-1800px===========*/

@media(max-width:1800px) {
.light-event::after {
      top: 7%;
      right: 1%;
    }
.light-event::before {
      top: 7%;
      left: 1%;
    }
    .light-about h2{
        font-size: 68px;
        line-height: 68px;
    }
    .about-contact-info h2{
        font-size: 62px;
        line-height: 62px;
    }
    
    
    .light-event .movement-one{
        left: 5%;
    }
    .light-event .movement-two{
        right: 2%;
    }
    .light-event .movement-three{
        left: 2%;
    }
    .light-event .movement-four{
        right: 13%;
    }
    
}


/*==================End-1800px===========*/



@media(max-width:1650px) {
    .header-contact ul li{
        padding: 0 10px;
    }
    .header-contact ul li a{
        font-size: 16px;
    }
    .header-contact .light_btn{
        padding: 0 30px;
        height: 56px;
        line-height: 50px;
    }
    .light-event::after {
      top: 7%;
      right: 20px;
        z-index: -1;
    }
    .light-event::before {
      top: 7%;
      left: 20px;
         z-index: -1;
    }
    .founder-info img{width: 50%;}
    .about-founder .founder-info img {
        width: auto !important;
    }
    .founder-info h3{
        font-size: 24px;
        line-height: 24px;
    }
    .founder-info p{
        font-size: 20px;
        line-height: 28px;
    }
   
    
}

@media(max-width:1600px){
    .light-event::after {
      display: none
    }
    .light-event::before {
      display: none;
    }
    .light-event{
        padding: 100px 0 80px 0;
    }
    .client_say {
        padding: 120px 0 100px 0;
    }
    .light-about h2 {
        font-size: 58px;
        line-height: 60px;
    }
    .light-about p{
        font-size: 22px;
        line-height: 30px;
    }
    .about-contact-info h2 {
        font-size: 52px;
        line-height: 52px;
    }
    .about-contact{
        padding: 60px 80px 60px 100px;
    }
    .light-in-services{
        padding: 106px 0 120px 0;
    }
    
    .light-event .movement-one{
        width: 10%;
        left: 5%;
    }
    .light-event .movement-two{
        width: 10%;
        bottom: 8%;
    }
    .light-event .movement-three{
        left: 2%;
        bottom: 10%;
    }
    .light-event .movement-four{
        right: 6%;
    }
}


/*==================End-1600px===========*/

@media(max-width:1400px) {
    .header-nav .mega-menu-wrap .max-mega-menu .mega-menu-item .mega-menu-link{
        padding: 4px 16px !important;
    }
    .header-contact .light_btn {
        padding: 0 15px;
        height: 44px;
        line-height: 40px;
        font-size: 14px;
    }
    .header-contact ul li a {
        font-size: 15px;
    }
    .hero-banner{
        padding: 180px 0 200px 0;
    }
    h2{
        font-size: 60px;
        line-height: 68px;
    }
    .light-event {
        padding: 80px 0 80px 0;
    }
    .light-event p{
        width: 90%;
        padding-top: 15px;
    }
    .light-why-choose{
        padding: 110px 0 80px 0;
    }
    .light-services{
        padding: 110px 0 120px 0;
    }
    .light_packages h2 {
        margin-bottom: 50px;
    }
    .light_packages{
        padding-bottom: 120px;
    }
    .dj_action h3{
        font-size: 30px;
        line-height: 30px;
    }
    .client_say {
        padding: 100px 0 100px 0!important;
    }
    .light-newsletter .mc4wp-form-fields label:nth-child(2){
        margin-left: 18px !important;
    }
    .light-newsletter h3{
        font-size: 30px;
        line-height: 30px;
    }
    .light-blog{
        padding: 45px 0 130px 0;
    }
    .f-links{
        margin-top: 45px;
    }
    .f-media{
        margin-top: 45px;
        margin-bottom: 55px;
    }
    .light_up_event{
        padding: 90px 0 120px 0;
    }
    .light_up_event p{
        width: 75%;
    }
    .light-about h2 {
        font-size: 55px;
        line-height: 55px;
    }
    .light-about p {
        font-size: 20px;
        line-height: 28px;
    }
    .about-founder{
        padding: 100px 0;
    }
    .about-founder p{
        font-size: 22px;
        line-height: 30px;
    }
    .about-founder .founder-info img{
        width: auto!important;
    }
    .about-founder .founder-info{
        margin-top: 60px;
    }
      .about-founder .founder-info p{
        width: 60%;
    }

      .about-contact-info h2 {
        font-size: 43px;
        line-height: 43px;
    }
    .about-contact{
        padding: 60px 80px 60px 80px;
    }
    .light-in-services{
        padding: 96px 0 100px 0;
    }
    .light-in-services p.title_para{
        width: 95%;
    }
    .light-in-services p.title_para{
        font-size: 22px;
        line-height: 28px;
    }
    .light-faq{
        padding: 100px 0;
    }
    .free-consultation{
        padding: 70px 70px 60px 70px;
    }
    .free-consultation h2{
        font-size: 36px;
        line-height: 40px;
    }
    .light-in-blog {
        padding: 136px 0 110px 0;
    }
    .blog-banner-text h2{
        font-size: 50px;
        line-height: 56px;
    }
    .blog-banner-text{
        bottom: 10%;
        width: 75%;
    }
    .blog-banner-text p{
        width: 75%;
    }
    .blog-right {
        margin-left: 20px;
    }
}



/*==================Start-1200px===========*/

@media(max-width:1200px) {
    .header-contact ul li:first-child::after{display: none;}
    .header-contact ul li{
        padding: 0;
    }
    .header-contact ul{
        margin-bottom: 5px;
    }
    .hero-banner {
        padding: 120px 0 150px 0;
    }
    .hero-banner .sub-title{
        font-size: 40px;
        line-height: 50px;
    }
    .light_buttons{
        margin-top: 35px;
    }
    header .header-top p{
        font-size: 18px;
        line-height: 26px;
    }
    h2{
        font-size: 50px;
        line-height: 55px;
    }
    .light-event {
        padding: 80px 0 80px 0;
    }
    .light-event p{
        width: 100%;
        font-size: 20px;
        line-height: 30px;
    }
    .light-why-choose{
        padding: 90px 0 80px 0;
    }
    .light-why-choose .why-choose-box{
        margin-bottom: 30px;
    }
    .why-event{
        margin: 50px 0 40px 0;
    }
     .light-services{
        padding: 90px 0 100px 0;
    }
    .service-text h3{
        font-size: 26px;
        line-height: 26px;
    }
    .service-text p{
        font-size: 16px;
        line-height: 24px;
    }
    .our-services {
        margin: 50px 0 55px 0;
    }
    .light_packages .package{
        padding: 30px 30px;
    }
    .light_packages{
        padding-left: 40px; 
        padding-right: 40px;
        padding-bottom: 100px;
    }
    .light_packages .package h3{
        font-size: 20px;
        line-height: 20px;
    }
    .founder-info{
        left: 10%;
        right: 10%;
    }
    .founder-info img {
        width: 42%;
    }
    .founder-info p {
        font-size: 18px;
        line-height: 26px;
    }
    .dj_action h3 {
        font-size: 27px;
        line-height: 27px;
    }
    .light_packages .package h3 {
        font-size: 16px;
        line-height: 16px;
    }
    .client_say .package h3::before{
        top: -9px;
      height: 30px;
      width: 30px;
        left: -40px;
    }
    .client_say {
        padding: 80px 0 80px 0 !important;
    }
    .light-newsletter .mc4wp-form-fields label:nth-child(1),
    .light-newsletter .mc4wp-form-fields label:nth-child(2){
         width: 100%!important;
         margin-left: 0!important;
        display: block!important;
    }
    .light-newsletter .mc4wp-form-fields label{
        margin: 10px 0;
    }

    .light-newsletter h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .light-newsletter{
        padding: 40px 30px;
    }
    .light-blog {
        padding: 45px 0 110px 0;
    }
     .f-links{
        margin-top: 40px;
    }
    .f-media{
        margin-top: 40px;
        margin-bottom: 45px;
    }
    .light_up_event{
        padding: 80px 0 110px 0;
    }
    
    .light-about h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .light-about p {
        font-size: 20px;
        line-height: 28px;
    }
    
    .about-founder p{
        font-size: 20px;
        line-height: 28px;
        width: 100%;
    }
    
    .about-founder .founder-info{
        margin-top: 40px;
    }
    .about-founder {
        padding: 80px 0;
    }
    .about-founder .founder-info p{
        width: 80%;
    }
    
    .about-contact-info h2 {
        font-size: 33px;
          line-height: 33px;
    }
    .about-contact-info ul li{
        margin: 0 ;
    }
    .about-contact{
        padding: 60px 60px 60px 60px;
    }
    .light-in-services{
        padding: 80px 0 90px 0;
    }
    .light-in-services p.title_para{
        width: 100%;
    }
    .light-in-services p.title_para{
        font-size: 20px;
        line-height: 28px;
    }
    .light-in-services .our-services .service-text{
        bottom: 20px;
        padding: 0 20px;
    }
    .light-faq{
        padding: 80px 0;
    }
    .free-consultation{
        padding: 70px 70px 60px 70px;
    }
    .free-consultation h2{
        font-size: 32px;
        line-height: 36px;
    }
    .free-consultation {
        padding: 60px;
    }
    .light-in-blog {
        padding: 106px 0 100px 0;
    }
    .light-in-blog .right-dj-text {
        width: 60%;
    }
    .blog-banner-text h2 {
        font-size: 40px;
        line-height: 49px;
    }
    .blog-banner-text p {
        width: 90%;
    }
    .blog-detail-info {
        padding: 80px 0 90px 0;
    }
    .blog-right .blog-info {
        margin-bottom: 30px;
    }
    .blog-right {
        margin-left: 0;
    }
    .blog-right .blog-info h4 {
        margin-top: 15px;
    }
    .request-quote{
        width: 80%;
    }
    .light-event .movement-one{
        width: 10%;
        left: 5%;
    }
    .light-event .movement-two{
        width: 10%;
        bottom: 8%;
    }
    .light-event .movement-three{
        left: 2%;
        bottom: 10%;
        width: 8%;
    }
    .light-event .movement-four{
        right: 6%;
        width: 8%;
    }
}


/*=========End-1200px==========*/





/*=========Start-991px==========*/

@media(max-width:991px) {
    .header-contact ul{
        display: none;
    }
    .header-nav .mega-menu-wrap .max-mega-menu .mega-menu-item .mega-menu-link{
        font-size: 16px!important;
        padding: 4px 13px !important;
    }
     .hero-banner {
        padding: 120px 0 120px 0;
    }
    .hero-banner .sub-title{
        font-size: 32px;
        line-height: 42px;
    }
    .light_buttons{
        margin-top: 20px;
    }
     header .header-top p {
        font-size: 16px;
        line-height: 24px;
         padding: 10px 0;
    }
    h2 {
        font-size: 38px;
        line-height: 44px;
    }
    .light-event {
        padding: 60px 0 60px 0;
    }
    .light-event p{
        font-size: 20px;
        line-height: 30px;
    }
    .light-why-choose{
        padding: 70px 0;
    }
  
    .why-event{
        margin: 50px 0 20px 0;
    }
    .light-services{
        padding: 60px 0 80px 0;
    }
    .our-services {
        margin: 40px 0 45px 0;
    }
    .service-text h3 {
        font-size: 20px;
        line-height: 20px;
    }
    .service-text{
        padding: 0 10px;
    }
    .service-text p {
        font-size: 14px;
        line-height: 20px;
    }
    .light-services .benefits_btn .light_btn{
        font-size: 16px;
    }
    .light_packages .package-info{
        margin-bottom: 40px;
    }
    .light_packages {
        padding-left: 80px;
        padding-right: 80px;
        padding-bottom: 80px;
    }
    .light_packages .col-xl-4.col-lg-4:last-child .package-info{
        margin-bottom: 0;
    }
    .light_packages h2 {
        margin-bottom: 40px;
    }
    .light_packages .package {
        padding: 40px 40px;
    }
    .founder-info img {
        width: 32%;
    }
    .founder-info h3 {
        font-size: 20px;
        line-height: 22px;
    }
    .founder-info p {
        font-size: 16px;
        line-height: 22px;
    }
    .dj_action h3 {
        font-size: 24px;
        line-height: 25px;
    }
    .light-newsletter{
        margin-bottom: 30px;
    }
    .light-newsletter h3 {
        font-size: 30px;
        line-height: 33px;
    }
    .blog-info {
        margin-bottom: 30px;
    }
  
    .light-blog {
        padding: 45px 0 80px 0;
    }
     .f-links{
        margin-top: 35px;
    }
    .f-media{
        margin-top: 35px;
        margin-bottom: 40px;
    }
    .light_up_event{
        padding: 70px 0 100px 0;
    }
    .light-about h2 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 0;
    }
    .light-about p {
        font-size: 18px;
        line-height: 26px;
    }
    .about-founder .founder-info p {
        width: 90%;
    }
    .about-founder {
         padding: 70px 0;
    }
    .about-founder p {
        font-size: 18px;
        line-height: 28px;
    }
    .about-founder .founder-info img {
        width: 40% !important;
    }
    .about-founder .founder-info img {
        width: 40% !important;
    }
    .about-founder .founder-info {
        margin-top: 30px;
    }
    .about-contact-info h2{
        margin-bottom: 10px;
        font-size: 38px;
        line-height: 44px;
    }
    .about-contact-info{
        margin-bottom: 30px;
    }
    .about-contact-form{
        padding: 30px;
    }
     .about-contact{
        padding: 60px 40px 60px 40px;
    }
    .light-in-services {
        padding: 70px 0 40px 0;
    }
    .light-faq{
        padding: 70px 0;
    }
    .free-consultation{
        padding: 50px; 
        margin-top: 50px;
    }
    .free-consultation h2{
        font-size: 28px;
        line-height: 34px;
    }
    .free-consultation h2 br{display: none;}
    .free-consultation .light_btn {
        margin-top: 20px;
    }
    .faq-info ul li{
        margin-top: 20px;
    }
    .faq-info hr{
        margin: 30px 0;
    }
    .faq-info {
        width: 80%;
    }
    .faq-info h3{
        font-size: 28px;
        line-height: 34px;
    }
    .light-in-blog {
        padding: 85px 0 80px 0;
    }
    .light-in-blog .right-dj-text {
        width: 90%;
        left: 30px;
        bottom: 30px;
    }
    .blog-banner-text h2 {
        font-size: 30px;
        line-height: 39px; 
    }
    .blog-banner-text p {
        width: 100%;
    }
    .blog-detail-info {
        padding: 60px 0 70px 0;
    }
    .request-quote{
        width: 100%;
    }
    .terms-condition{
        padding: 60px 0;
    }
    .search-blog{
        padding: 60px 0;
    }
}


/*==================End-991px===========*/


/*==================Start-768px===========*/

@media(max-width:768px) {
    .header-bottom{
        position: relative;
    }
    .logo {
        display: inline-block;
        position: relative;
        z-index: 1;
    }
    .mega-menu-primary-mobile-open .header-nav{
        z-index: 9!important; 
    }
    .header-nav{
        position: absolute;
        right: 20px;
        left: 20px;
        top: 40%;
        z-index: 0;
    }
    .header-contact {
        position: absolute;
        top: 38%;
        right: 14%;
    }
    #mega-menu-wrap-primary .mega-menu-toggle{
        background-color: transparent!important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
        background: #00aeb4!important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{
        background: #0d3b45!important;
    }
    .header-nav .mega-menu-wrap .max-mega-menu .mega-menu-item .mega-menu-link{
        border: none!important;
        border-bottom: 1px solid rgba(255,255,255,0.5)!important;
        color: #fff!important;
        border-radius: 0!important;
        margin: 0 10px!important;
        padding: 14px 10px !important;
        height: auto !important;
    }
    
    .header-nav .mega-menu-wrap .max-mega-menu .mega-menu-item .mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
        color: #00aeb4 !important;
      font-weight: 700 !important;
      background-color: transparent !important;
      border: none !important;
        border-bottom: 1px solid #00aeb4!important;
      border-radius:0 !important;
      transition: transform .5s ease;
    }
    .header-nav .mega-menu-wrap .max-mega-menu .mega-menu-item .mega-menu-link:hover{
        font-weight: 400 !important;
    }
    .header-nav .mega-menu-wrap .max-mega-menu .mega-menu-item:last-child .mega-menu-link,
    .header-nav .mega-menu-wrap .max-mega-menu .mega-menu-item:hover:last-child .mega-menu-link{
        border-bottom: none!important;
    }
    
     .hero-banner {
        padding: 100px 0 100px 0;
    }
    .hero-banner .sub-title{
        font-size: 28px;
        line-height: 42px;
    }
    .light_buttons{
        margin-top: 10px;
    }
    .light_buttons .light_btn{
        padding: 0 30px;
        font-size: 16px; 
        height: 58px;
        line-height: 50px;
    }
    header .header-top p {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 0;
    }
    h2 {
        font-size: 32px;
        line-height: 40px;
    }
  
    .light-event p{
        font-size: 18px;
        line-height: 26px;
    }
    .light-why-choose {
        padding: 60px 0;
    }
     .why-event {
        margin: 40px 0 10px 0;
    }
    .service-box img{
        width: 100%;
    }
    .service-box{
        margin-bottom: 30px;
    }
    .service-text{
        padding: 0 20px;
    }
      .service-text h3 {
        font-size: 26px;
        line-height: 26px;
    }
      .service-text p {
        font-size: 16px;
        line-height: 26px;
    }
    .light-services{
        padding: 60px 0;
    }
     .our-services {
        margin: 30px 0 10px 0;
    }
    .light-services a.ready_light{
        font-size: 20px;
    }
    .light-services .benefits_btn .light_btn{
        height: 54px;
        padding: 0 20px;
        font-size: 13px;
        line-height: 48px;
    }
    .light_packages{
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 60px;
    }
    .founder-info{
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
        transform: none!important;
        padding: 60px 30px;
    }
    .founder-info img {
        width: 50%;
    }
    .dj_action{
        border-left: none;
        border-top: 1px solid #fff;
    }
     .client_say {
        padding: 60px 0 60px 0 !important;
    }
    .light-newsletter .mc4wp-form-fields input{
        height: 55px!important;
    }
    .light-newsletter h3 {
        font-size: 26px;
        line-height: 30px;
    }
    .right-dj-text {
      position: absolute;
      left: 30px;
      bottom: 40px;
      width: 90%;
    }
    .light-blog {
        padding: 45px 0 60px 0;
    }
    
 
    .light_up_event{
        padding: 60px 0 90px 0;
    }
    .light_up_event p {
        width: 100%;
    }
    .light-about{
        padding:0 15px;
        margin: 60px 0 60px 0;
    }
    .about_right_img{
        margin-top: 20px;
    }
    .about-founder {
        padding: 60px 0;
    }
    .about-founder .founder-info{
        padding: 0; 
    }
    .about-founder .founder-info p {
        width: 100%;
    }
     .about-contact{
        padding: 60px 30px 60px 30px;
    }
    .light-in-services p.title_para {
        font-size: 18px;
        line-height: 28px;
    }
    .light-in-services {
        padding: 60px 0 30px 0;
    }
    .about-contact-info h2{
        font-size: 32px;
        line-height: 40px;
    }
     .faq-info {
        width: 100%;
    }
    .light-faq {
        padding: 60px 0;
    }
    .free-consultation {
        padding: 40px;
        margin-top: 40px;
    }
    .faq-info h4{
        font-size: 18px;
        line-height: 28px;
    }
    .faq-info p{
        font-size: 16px;
        line-height: 25px;
    }
    .faq-info h3 {
        font-size: 24px;
        line-height: 26px;
    }
     .faq-info hr {
        margin: 20px 0;
         width: 40%;
    }
    .faq-info ul li {
        margin-top: 15px;
    }
    .free-consultation h2 {
        font-size: 24px;
        line-height: 31px;
    }
    .light-in-blog {
        padding: 60px 0 60px 0;
    }
    .light-in-blog .right-dj-text {
        width: 95%;
        left: 15px;
        bottom: 15px;
    }
    .pagination{
        margin-top: 30px;
    }
     .blog-banner-text h2 {
        font-size: 24px;
        line-height: 29px;
    }
    .blog-right{
        margin-top: 30px;
    }
    .blog-detail-info {
        padding: 60px 0 60px 0;
    }
    .four_zero p{
        font-size: 18px;
        line-height: 28px;
    }
    .four_zero h3{
        font-size: 20px;
        line-height: 20px;
    }
    .search-blog{
        padding: 60px 0;
    }
}


/*=============================End-768px===========================*/





/*=========Start-576px==========*/

@media(max-width:576px) {
    .hero-banner {
        padding: 80px 0 80px 0;
    }
    .hero-banner .sub-title{
        font-size: 22px;
        letter-spacing: 5px;
    }
    .light_buttons .light_btn {
        padding: 0 25px;
        font-size: 14px;
        height: 50px;
        line-height: 43px;
    }
    .hero-banner img {
        margin-top: 20px;
        margin-bottom: 10px;
        width: 80%;
    }
     header .header-top p {
        padding:0;
    }
      h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .light-event {
        padding: 45px 0 45px 0;
    }
    .light-event p{
        font-size: 16px;
        line-height: 25px;
    }
    .light_btn{
        height: 52px;
        font-size: 16px;
        line-height: 44px;
    }
    .light-why-choose {
        padding: 50px 0;
    }
    .why-event {
        margin: 30px 0 0 0;
    }
    .why-choose-box p{
        font-size: 16px;
        line-height: 26px;
    }
    .why-choose-box{
        padding: 30px 30px 30px 30px;
    }
    .why-choose-box h3{
        margin-top: 20px;
    }
    .light-services {
        padding: 45px 0;
    }
    .our-services {
        margin: 30px 0 0px 0;
    }
    .light-services .benefits_btn{
        margin-top: 20px;
    }
    .light-services .benefits_btn .light_btn{
        margin-top: 0;
        font-size: 14px;
        padding: 10px 20px;
        height: auto;
        line-height: 23px;
        border-radius: 80px;
    }
    .light-services a.ready_light {
        font-size: 16px;
    }
    .light_packages {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 45px;
    }
    .light_packages .package-info {
          margin-bottom: 30px;
    }
    .founder-info{
        padding: 45px 30px;
    }
    .dj_action h3 {
        font-size: 20px;
        line-height: 22px;
        bottom: 6%;
    }
    .light-play img{height: 50px;}
     .client_say {
        padding: 45px 0 45px 0 !important;
    }
    .light_packages .package h3 {
        font-size: 14px;
        line-height: 15px;
    }
    .client_say .package{
        padding: 30px;
    }
    .light_packages h2{
        margin-bottom: 30px;
    }
    .light-newsletter h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .light-newsletter {
        padding: 30px;
    }
    .right-dj-text h3{
        font-size: 20px;
        line-height: 30px;
    }
    .right-dj-text {
        position: absolute;
        left: 15px;
        bottom: 20px;
        width: 95%;
    }
    .light-blog {
        padding: 40px 0 20px 0;
    }
    .blog-info h4 {
        margin-top: 15px;
    }
    .light_up_event p{
        font-size: 16px;
        line-height: 26px;
    }
     .f-links{
        margin-top: 35px;
    }
    .f-media{
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .light_up_event{
        padding: 45px 0 80px 0;
    }
    .f-media li{
        margin: 0 5px;
    }
    .f-links li a{
        padding: 0 10px;
    }
    .light-about{
        margin: 45px 0 45px 0;
    }
    .light-about h2 {
        font-size: 28px;
        line-height: 28px;
    }
    .about-founder .founder-info p,
    .light-about p {
        font-size: 16px;
        line-height: 24px;
    }
    .about-founder {
        padding: 45px 0;
    }
    .about-founder .founder-info img {
        width: 60% !important;
    }
    .about-founder .founder-info{
        margin-top: 20px;
    }
     .about-contact{
        padding: 45px 15px;
    }
    .about-contact-form .wpcf7 .wpcf7-form span[data-name="firstname"],
    .about-contact-form .wpcf7 .wpcf7-form span[data-name="lastname"],
    .about-contact-form .wpcf7 .wpcf7-form span[data-name="email"],
    .about-contact-form .wpcf7 .wpcf7-form span[data-name="tel"]{
        width: 100%!important;
        float: none!important;
        margin-left: 0!important;
    }
    .about-contact-form .wpcf7 .wpcf7-form-control.wpcf7-text{
        height: 55px!important;
        margin-bottom: 15px!important;
    }
    .about-contact-info ul li p, .about-contact-info ul li p a{
        font-size: 16px;
        line-height: 26px;
    }
    .about-contact-form {
        padding: 20px;
    }
    .light-in-services {
        padding: 45px 0 20px 0;
    }
    .about-contact-info h2{
        font-size: 28px;
        line-height: 36px;
    }
    .light-faq {
        padding: 45px 0;
    }
    .free-consultation {
        padding: 30px;
        margin-top: 30px;
    }
    .faq-info h3 {
        font-size: 22px;
        line-height: 24px;
    }
    .light-in-blog {
        padding:45px 0;
    }
    .dj-blog .blog-text {
        padding: 20px;
    }
    .blog-banner-text{
        position: relative;
        width: 100%;
        bottom: inherit;
        left: inherit;
        background: #000;
    }
    .blog-detail-banner .container{
        padding: 0;
    }
    .blog-banner-text{
        padding: 10px 15px;
    }
    .blog-banner-text h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .blog-detail-info {
        padding: 45px 0 45px 0;
    }
    .blog-left img{
        margin: 20px 0;
    }
    .terms-condition,
    .blog-left p, 
    .blog-left ul li, 
    .terms-condition p, 
    .terms-condition ul li, 
    .terms-condition strong{
        font-size: 15px;
        line-height: 26px;
    }
    .dj-blog .blog-text ul li p{
        font-size: 15px;
    }
    .request-quote h3{
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .request-quote{
        margin-top: 45px;
        margin-bottom: 85px;
        padding: 25px;
    }
    .request-quote .wpcf7-form .wpcf7-submit{
        height: 60px;
    }
    .terms-condition{
        padding: 40px 0;
    }
    .light-event .movement-one{
        width: 12%;
        left: 2%;
        top: 2%;
    }
    .light-event .movement-two{
        width: 12%;
        bottom: 2%;
        right: 2%;
    }
    .light-event .movement-three{
       display: none;
    }
    .light-event .movement-four{
       display: none;
    }
    .search-blog{
        padding: 40px 0;
    }
    .hero-banner p{
        font-size: 22px;
        line-height: 30px;
    }
}


/*==================End-576px===========*/


/*==================Start-450px===========*/

@media(max-width:480px) {
    .header-nav{
        top: 30%;
    }
    .logo{
        width: 70%;
    }
    .header-contact{
         position: relative;
         top: inherit;
        right: inherit;
    }
    .header-contact .light_btn{
       
        display: block;
       
        border-radius: 0;
        margin: 4px;
    }
      header .header-top p {
        font-size: 13px;
        line-height: 16px;
    }
    .light-why-choose .benefits_btn .light_btn{
        font-size: 14px;
        padding: 0 30px;
    }
}

/*==================Start-380px===========*/

@media(max-width:380px) {
    .hero-banner img{width: 90%;}
    .light_buttons .light_btn{
        margin: 5px 0;
    }
    .hero-banner img {
        margin-top: 10px;
    }
    .hero-banner .sub-title {
        font-size: 20px;
        letter-spacing: 4px;
    }
    .hero-banner {
        padding: 60px 0 60px 0;
    }
}