@media (max-width:1024px){
  .slider-content     
 {
      margin-top: 0px; 
 }
 }
 @media (max-width:992px)
 {
     .main-heading h1{ font-size: 25px }
     .test-box { padding: 23px 53px 53px 53px; }
     .video img {
         margin: auto;
         margin-bottom: 15px;
         height: 170px;
 }
     .gallery-img img{ margin:0 auto;}
     .slider-content {
           margin-top: 0!important; 
        padding: 20px;
         background:none;
         
     }
     .slider-content h2 {
     padding-bottom: 5px;
         font-size: 30px;
         color: #ff009f;
     }
     .testi-inner {
     padding: 20px 0;
 }
 }
 
 @media (max-width:768px)
 {
    .partner-heading h1 { 
    font-size: 21px;  
 }
     .test-box {
     padding: 23px 20px 53px 20px;
 }
     .slider-content{
         padding-bottom:10px;
     }
     .slider-content h2 {
     padding-bottom: 5px;
         font-size: 20px;
     }
     #first-slider .carousel .item {
     min-height: 363px;
     }
     .banner img {
    
     border: 4px solid #fff;
 }
     .banner {
    
     padding: 0 11px;
     padding-top: 13px;
     padding-bottom: 13px;
 }
     .heading-inner h1 {
     
     font-size: 20px;
     }
     #toggle-menu, #menu a {
     padding: 5px 25px;
 }
        .test-box button {
     font-size: 12px; 
        white-space: pre-wrap;
 }
     .testi h2 {
     font-size: 20px;
     }
   .slider-content p {
    
     line-height: 21px;
     font-size: 12px;  
     
 }
     .makeup h1 {
   
     font-size: 20px;
 }
     .main-heading h1 {
     color: #fff;
 }
     .header {
    
     border-radius: 20px 29px 20px 20px;
    
 }
 }
 @media only screen and (max-width: 64em) and (min-width: 52.01em) {
   
   #menu li {
     width: 33.333%;
   }
 
   #menu .sub-menu li {
     width: auto;
   }
 }
 
 @media only screen and (min-width: 52em) {
   #menu .main-menu {
     display: block;
   }
 
   #toggle-menu, 
   #menu label.drop-icon {
     display: none;
   }
 
   #menu ul span.drop-icon {
     display: inline-block;
   }
 
   #menu li {
     float: left;
    
   }
 
   #menu .sub-menu li {
     float: none;
   }
 
   #menu .sub-menu {
     border-width: 0;
     margin: 0;
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 3000;
   
   
   }
 
   #menu .sub-menu, 
   #menu input[type="checkbox"]:checked + .sub-menu {
     display: none;
   }
 
   #menu .sub-menu li {
     border-width: 0 0 1px;
   }
 
   #menu .sub-menu .sub-menu {
     top: 0;
     left: 100%;
   }
 
   #menu li:hover > input[type="checkbox"] + .sub-menu {
     display: block;
   }
 }
 
 /* contact */
 @media (max-width: 767px) {
     .container-fluid {
         margin-left:25px !important; /* Adjust margin for smaller screens */
         margin-right: 10px; /* Adjust margin for smaller screens */
         margin-top: 0; /* Remove negative margin for smaller screens */
         height: auto !important; /* Allow the container to grow in height as needed */
         padding: 15px; /* Add some padding for better spacing */
           width:fit-content;
     }
 
     .col-md-6 {
         width: 100%; /* Make columns take up the full width */
     }
 
     /* Adjust input and select styles for smaller screens */
     /* .form-control {
         height: 40px !important;
         margin-bottom: 15px;
         font-size: 14px;
     } */
 
     .form-group{
         padding-top: 0px !important;
     }
 
     /* Adjust button styles for smaller screens */
     .button {
         height: 40px;
         font-size: 14px;
     }
 
     /* Center the button on smaller screens */
     .testbut {
         display: block;
         margin: 0 auto;
     }
 }