@media (max-width: 1300px) {}

@media (max-width: 1120px) {
     
    .slider_section {
    padding: 50px 0px 0px 0px;
  }
}


/******************************* MEIDA 992px *********************************************************/


@media (max-width: 992px) {
    
  .hero_area {
      
    min-height: auto;
      
  }

.header_section .header_top .contact_nav a {
        
    display: flex;
    justify-content: flex-end;
    font-size: 14px;

}

.header_section .header_top .social_box {
    
    display: flex;
    justify-content: flex-end;
    min-width: 125px; 
    
}
    
    
.info_section .info_contact {
    
    margin: 0px 0px 0px 80px;
    font-size: 14px;
  
}
    
    
.custom_nav-container .navbar-nav {
    
    position: relative;
    margin-top: 200px;
    text-align: center !important;
    justify-content: center !important;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,1.0);
    padding: 15px 0px 0px 0px;
    
  }


.custom_nav-container .navbar-nav .nav-item .nav-link {
   
    position: relative;
    text-align: center !important;
    justify-content: center !important;
    padding: 0px 0px 0px 0px;
    margin: 25px 0px 25px 0px;
    
      
}

  .slider_section .detail-box h1 {
    font-size: 2.5rem;
  }

    .slider_section {
      
        padding: 75px 0px 0px 0px;
        min-height: 310px;
        max-height: 310px;
        height: 310px;
      
    }

  .slider_section .carousel_btn-box a {
    position: unset;
    transform: none;
  }
    
.slider_section .row {
    
    align-items: center;
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 0px;

}      

  .about_section .img-box img {
    
    height: auto;
    width: 100%;
    min-width: 100%;
  
    }

}


@media (max-width: 900px) {

    .custom_nav-container .navbar-nav {
    
        margin-top: 130px;

    }

    .slider_section {
      
        padding: 75px 0px 0px 0px;
        min-height: 310px;
        max-height: 310px;
        height: 310px;

    }      
    
}




/********************* MEDIA 767px ****************************/


@media (max-width: 767px) {

    .custom_nav-container .navbar-nav {
    
        padding: 30px 0px 30px 0px;    /* margin-top: 150px; */
        margin: 0px 0px 30px 0px !important;
        
}

.custom_nav-container .navbar-nav .nav-item .nav-link {

    position: relative;
    text-align: center !important;
    justify-content: center !important;
    padding: 0px 0px 10px 0px;
    margin: 20px 0px 20px 0px;
  
}
  
    .hr-sm {
        
        display: none;        
        
    }

.header_section .header_top .social_box {
    
    display: none;
        
    }

    
.header_section .header_top .contact_nav a span {
    
    font-size: 14px;
  
    }

    
  .slider_section .detail-box {
    text-align: center;
  }

    
  .slider_section .detail-box .btn-box {
    justify-content: center;
  }
    
    .slider_section {
    
        padding: 0px 0px 0px 0px;
        min-height: 325px;
        max-height: 325px;
        height: 325px;
        
        
    }
    
    .slider_section .detail-box h1 {
        
        font-weight: 600;
        margin-bottom: 15px;
        color: #000000;
        font-size: 32px;
        
    }

.slider_section .row {
    
    align-items: center;
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 0px;

}  
    
  .about_section .img-box {
    margin-top: 45px;
  }

    
  .contact_section .form_container {
    padding-left: 10px;
    padding-right: 10px;
  }

    
  .info_section .info_contact {
      
    margin: 15px 30px 15px -50px;
    justify-content: space-around;
  }

    
  .info_section .row > div {
      
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    
  }

    
    .info_section .info_main .row > div {
    
        margin-bottom: 25px;
        
    }

    .info_section .social_box {
      
        display: flex;
        justify-content: flex-end;
        min-width: 125px;
        margin-bottom: 20px;
        height: 30px;
      
    }

}


/*********************************** MEDIA ABOVE 651px ****************************************/


@media (min-width: 651px) {

    .full-text {
    
        display: inline;
    }

    .short-text {
     
        display: none;
        
    }

}




/*********************************** MEDIA BELOW 650px ****************************************/


@media (max-width: 650px) {
    
    .full-text { 
        
        display: none; 
    
    } 
    
    .short-text { 
        
        display: inline-block; 
    
    }

    .custom_nav-container .navbar-nav {
    
    margin-top: 100px;
  
    }
    
   .slider_section {
    
        padding: 75px 0px 0px 0px;
        min-height: 300px;
        max-height: 300px;
        height: 300px;
        
        
    }
    
    .slider_section .detail-box h1 {
        
        font-weight: 600;
        margin-bottom: 15px;
        color: #000000;
        font-size: 30px;
        
    } 
    
    
}

/****************************************************************************************/

/**************************** MEDIA 576px ***********************************************/

/****************************************************************************************/

@media (max-width: 576px) {
    
    .header_section .header_top .contact_nav a span {
    
        /*display: none;*/

    }

    .client_section .carousel-control-prev, .client_section .carousel-control-next {
        
        position: unset;
        transform: none;
        
    }

    .carousel_btn-box {
    
        margin-top: 30px;
  
    }

    .slider_section {
    
        padding: 75px 0px 0px 0px;
        min-height: 300px;
        max-height: 300px;
        height: 300px;
        
        
    }
    
    .slider_section .detail-box h1 {
        
        font-weight: 600;
        margin-bottom: 15px;
        color: #000000;
        font-size: 30px;
        
    }
    
}



@media (max-width: 480px) {
    
    .slider_section {
    
        padding: 100px 0px 0px 0px;
        min-height: 325px;
        max-height: 325px;
        height: 325px;
        
        
    }
    
    .slider_section .detail-box h1 {
        
        font-weight: 600;
        margin-bottom: 15px;
        color: #000000;
        font-size: 30px;
        
    }
    
}

@media (max-width: 420px) {
    
    .slider_section {
    
        padding: 100px 0px 0px 0px;
        min-height: 375px;
        max-height: 375px;
        height: 375px;
        
        
    }
    
    .slider_section .detail-box h1 {
        
        font-weight: 600;
        margin-bottom: 15px;
        color: #000000;
        font-size: 28px;
        
    }
    
}

@media (max-width: 376px) {
    
    .slider_section {
    
        padding: 100px 0px 0px 0px;
        min-height: 400px;
        max-height: 400px;
        height: 400px;
        
        
    }
    
    .slider_section .detail-box h1 {
        
        font-weight: 600;
        margin-bottom: 15px;
        color: #000000;
        font-size: 28px;
        
    }
    
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px; /* OG value: 1170px*/
  }
}