@media only screen and (max-width: 600px) and (min-width: 320px){
      .banner_title {
       height:100px;
   }
   /*.brand_logo{*/
   /*         width: 5rem;*/
   /* height: 4rem;*/
   /* }*/
  
}
@media only screen and (max-width: 380px) and (min-width: 320px){
    .inner_title{
        margin: 20px 0px;
        font-size: 30px;
    }
    .about_details{
        font-size: 16px;
    }
   
    .slider_text{
        font-size: 25px;
    }
    .project-title{
        font-size: 60px !important;
    }
    .services_heading{
        margin: 10px;
    }
    .services_heading p{
        font-size: 30px;
       
    }
    .services_list li a{
        font-size: 16px;
    }
    
    .video_box video{
        height: 200px;
        width: 100%;
    }
    
    .middle_banner_title{
        font-size: 30px;
        line-height: 50px;
        text-align: center;
    }
    
        
    
    #goToTopBtns{
        right: 23%;
    }
    .navbar-nav{
        margin-top: 20px;
        background-color: var(--pink-color);
        border: 1px solid var(--brown-color);
        padding: 40px;
        border-radius: 20px;
        text-align: center;
    }
    .nav-link{
        color: var(--brown-color);
        text-align: center;
        font-size: 30px;
    }
    .web_banner{
        /*height: 100vh;*/
        height:57vh;
    }
    .slides{
        height: 300px;
    }
    .navlinks{
        color: var(--brown-color);
    }
   
    .project_left{
        display: flex;
        justify-content: center;
        margin-top: 20px;
        font-weight: 500;
    }
    .project_left p{    
        font-size: 30px !important;
        text-align: center;
    }
   .banner_title {
       height:150px;
   }
   
    .banner_title p{
        font-size: 25px;
            /*padding-bottom: 57px;*/
    }
     .brand_logo{
            width: 5rem;
    height: 4rem;
    }
  
}
    
    @media only screen and (max-width: 425px) and (min-width: 376px){

        .inner_title{
            margin: 10px 0px;
            font-size: 40px;
        }
        .about_details{
            font-size: 16px;
        }
        .slider_text{
            font-size: 25px;
        }
        .project-title{
            font-size: 70px !important;
        }
        .project_left{
            display: flex;
            justify-content: center;
            margin-top: 20px;
            font-weight: 500;
        }
        .project_left p{    
            font-size: 30px !important;
            text-align: center;
        }
        .services_heading{
            margin: 10px;
        }
        .services_heading p{
            font-size: 30px;
          
        }
        .services_list li a{
            font-size: 16px;
        }
       
       
        .video_box video{
            height: 300px;
            width: 100%;
        }
        .middle_banner_title{
            font-size: 40px;
            line-height: 50px;
            text-align: center;
        }
        #goToTopBtns{
            right: 23%;
        }
        .navbar-nav{
                  margin-top: 20px;
        background-color: var(--pink-color);
        border: 1px solid var(--brown-color);
        padding: 40px;
        border-radius: 20px;
        text-align: center;
    }
        }
        .nav-link{
            color: var(--brown-color);
            text-align: center;
            font-size: 30px;
        }
        .web_banner{
            height: 40vh;
        }
        .slides{
            height: 300px;
        }
     .banner_title {
       height:200px;
   }
    /*  .navlinks{*/
    /*    color: var(--brown-color);*/
    /*}*/
     .brand_logo{
            width: 5rem;
    height: 4rem;
    }
  
    @media only screen and (max-width: 600px) and (min-width: 426px){
        
        /*----------*/
        /*#testimonial4 .carousel-inner{
            height: 315px;
        }
        .testimonial4_slide p{
            font-size: 14px;
        }
        .testimonial4_slide img{
            width: unset;
            height: 80px;
        }*/
        /*----------*/
        
        .inner_title{
            margin: 18px 0px;
            font-size: 40px;
        }
        .about_details{
            font-size: 16px;
        }
       
        .project_left{
            display: flex;
            justify-content: center;
            margin-top: 20px;
            font-weight: 500;
        }
        .project_left p{    
            font-size: 30px !important;
            text-align: center;
        }
        .project-title{
            font-size: 80px !important;
        }
        
        .services_heading{
            margin: 10px;
        }
        .services_heading p{
            font-size: 30px;
      
        }
        .services_list li a{
            font-size: 16px;
        }
        .video_box video{
            height: 300px;
            width: 100%;
        }
        .middle_banner_title{
            font-size: 40px;
            line-height: 50px;
            text-align: center;
        }
        #goToTopBtns{
            right: 30%;
        }
        .navlinks{
            color: var(--brown-color);
        }
        .navbar-nav{
            margin-top: 20px;
            background-color: var(--pink-color);
            border: 1px solid var(--brown-color);
            color: var(--brown-color);
            padding: 40px;
            border-radius: 20px;
            text-align: center;
        }
        .nav-link{
            color: var(--brown-color);
            text-align: center;
            font-size: 30px;
        }
        .web_banner{
            height: 100vh;
        }
        .slides{
            height: 400px;
        }
        .slider_text{
         font-size: 25px;
        }
         .navlinks{
        color: var(--brown-color);
    }
    
     .brand_logo{
            width: 5rem;
    height: 4rem;
    }
  
    }
    @media only screen and (max-width: 768px) and (min-width: 601px){
       
       
        .inner_title{
            margin: 20px 0px;
            font-size: 40px;
        }
        .about_details{
            font-size: 18px;
        }
        .project_left{
            display: flex;
            justify-content: center;
            margin-top: 20px;
            font-weight: 500;
        }
        .project_left p{    
            font-size: 30px !important;
            text-align: center;
        }
        .services_heading{
            margin: 10px;
        }
        .services_heading p{
            font-size: 32px;
        
        }
        .services_list li a{
            font-size: 18px;
        }
        .project-title{
            font-size: 90px !important;
        }
        
        .navlinks{
            color: var(--brown-color);
        }
        #goToTopBtns{
            right: 35%;
        }
        .navbar-nav{
            margin-top: 20px;
            background-color: var(--pink-color);
            border: 1px solid var(--brown-color);
            padding: 40px;
            border-radius: 20px;
            text-align: center;
        }
        .nav-link{
            color: var(--brown-color);
            text-align: center;
            font-size: 30px;
        }
        .web_banner{
            height: 100vh;
        }
        .slides{
            height: 500px;
        }
        .slider_text{
            font-size: 30px;
        }
        .banner_title {
        height:115px;
    }
       .navlinks{
        color: var(--brown-color);
    }
      
    }
    @media only screen and (max-width: 991px) and (min-width: 769px){
        .inner_title{
            margin: 20px 0px;
            font-size: 40px;
        }
        .navbar-nav{
            margin-top: 20px;
            background-color: var(--pink-color);
            border: 1px solid var(--brown-color);
            padding: 40px;
            border-radius: 20px;
            text-align: center;
        }
        .about_details{
            font-size: 18px;
        }
        .project_left{
            display: flex;
            justify-content: center;
            margin-top: 20px;
            font-weight: 500;
        }
        .project_left p{    
            font-size: 40px !important;
            text-align: center;
        }
        .project-title{
            font-size: 100px !important;
        }
        #goToTopBtns{
            right: 40%;
        }
        .services_heading{
            margin: 20px;
        }
        .services_heading p{
            font-size: 32px;
          
        }
        .services_list li a{
            font-size: 20px;
        }
        .slides{
            height: 550px;
        }
        .slider_text{

            font-size: 50px;
        }
    }
    @media only screen and (max-width: 1024px) and (min-width: 992px){
        .inner_title{
            margin: 20px 0px;
            font-size: 45px;
        }
        .about_details{
            font-size: 18px;
        }
        .project-title{
            font-size: 100px !important;
        }
        .services_heading{
            margin: 20px;
        }
        .services_heading p{
            font-size: 40px;
         
        }
        .services_list li a{
            font-size: 20px;
        }
        .project_left p{    
            font-size: 40px !important;
            text-align: center;
        }
        .project_left{
            display: flex;
            justify-content: center;
            margin-top: 20px;
            font-weight: 500;
        }
        #goToTopBtns{
            right: 40%;
        }
        .slides{
            height: 520px;
        }
        .slider_text{

            font-size: 50px;
        }
        .project_detailss{
            padding: 0px 80px;
        }
           .navlinks{
        color: var(--brown-color);
    }
    }
    @media only screen and (max-width: 1200px) and (min-width: 1025px){
        .inner_title{
            margin: 20px 0px;
            font-size: 40px;
        }
        .about_details{
            font-size: 18px;
        }
        .services_heading{
            margin: 20px;
        }
        .services_heading p{
            font-size: 48px;
       
        }
        .services_list li a{
            font-size: 24px;
        }
        .project_left p{    
            font-size: 40px !important;
            text-align: center;
        }
        .project_left{
            display: flex;
            justify-content: center;
            margin-top: 20px;
            font-weight: 500;
        }
        .project-title{
            font-size: 100px !important;
        }
        #goToTopBtns{
            right: 40%;
        }
        .slides{
            height: 600px;
        }
        .slider_text{
            font-size: 50px;
        }
        .project_detailss{
            padding: 0px 80px;
        }
           .navlinks{
        color: var(--brown-color);
    }
    }
    @media only screen and (max-width: 1440px) and (min-width: 1201px){
        .inner_title{
            margin: 20px 0px;
            font-size: 40px;
        }
        .about_details{
            font-size: 20px;
        }
        .project_heading{
            font-size: 60px;
        }
        .project-title{
            font-size: 120px !important;
        }
        .project_left{
            display: flex;
            justify-content: center;
            margin-top: 20px;
            font-weight: 500;
        }
        .project_left p{    
            font-size: 40px !important;
            text-align: center;
        }
        #goToTopBtns{
            right: 40%;
        }
        .slides{
            height: 800px;
        }
        .services_heading{
            margin: 20px;
        }
        .services_heading p{
            font-size: 48px;
       
        }
        .services_list li a{
            font-size: 24px;
        }
        .slider_text{
            font-size: 50px;
        }
        .project_detailss{
            padding: 0px 80px;
        }
    }
    @media only screen and (max-width: 2560px) and (min-width: 1441px){
        .inner_title{
            margin: 20px 0px;
            font-size: 55px;
        }
        .services_heading{
            margin: 40px;
        }
        .services_heading p{
            font-size: 48px;
      
        }
        .project_heading{
            font-size: 60px;
        }
        .services_list li a{
            font-size: 24px;
        }
        .project-title{
            font-size: 120px !important;
        }
        .project_left{
            display: flex;
            justify-content: center;
            margin-top: 20px;
            font-weight: 500;
        }
        .about_details{
            font-size: 22px;
        }
        .project_left p{    
            font-size: 40px !important;
            text-align: center;
        }
        #goToTopBtns{
            right: 45%;
        }
        .slides{
            height: 1024px;
        }
        .slider_text{
            font-size: 80px;
        }
        .project_detailss{
            padding: 0px 80px;
        }
    }
    
     @media only screen and (max-width: 624px){
         /*----------*/
        #testimonial4 .carousel-inner{
            height: 315px;
        }
        .testimonial4_slide p{
            font-size: 14px;
            margin: 15px 0;
        }
        .testimonial4_slide img{
            width: unset;
            height: 80px;
        }
        /*------------------*/
     }