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

    .main-menu ul li a {
        font-size: 95% !important;
    }

    .logo img {

        width: 155% !important;
    }

    .theme_btn {

        padding: 16px 16px !important;
    }

    .chevron-icon {
        display: none !important;
    }

    .cover-img-design {

        width: 80% !important;
        position: relative !important;
        top: -200px !important;
        left: 320px !important;
    }

    .h1-cover {
        font-size: 300% !important;
    }

    .hero-area {
        padding-top: 200px !important;
    }
  
    .popup-video-cover{
         position: relative !important;
         top: -200px !important;
         left: 250px !important;
    }
    
    .blue-bg1 {
        /* background: #e6eff8; */
         background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/slider/main.jpg);
          background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/slider/main.jpg);
          background-size: cover;
          background-position: center;
          height: 141vh;
          background-attachment: fixed;
      }
      
      .btn-theme-adjust {
          position: relative !important;
          left:375px !important;
      }
    
    
}


/* Big tablet to 1200px (widths smaller taht the 1140px row) */
@media only screen and (max-width: 1200px) {
   
}


/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
   
}



/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
    
    .main-header-area .logo-img img {
        padding-left: 40px !important;
        padding-top: 40px !important;
    }
    
    .hero-area .hero_right_img img {
        position: relative;
        left: -25px !important;
    }
    
    .popup-video {
        position: relative;
        left: -25px !important;
    }
    
    .hc-mobile-1 {
        position: relative;
        top: 360px !important;
        left:40px;
    }
    
    .hc-mobile-2 {
        position: relative;
        top: 380px !important;
        left:40px;

    }
    
}



/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {

}