/* Extra Small: Up to 575px */
@media (max-width: 575.98px) {
    .hidemobile
    {
        display: none !important;
        
    }
    body{
        padding: 0;
    }
    .dropdown-item{
        text-align: center;
    }
    header.section.header-main .center-nav .navbar-nav {
        margin-top: 35px;
    }
    header.section.header-main .navbar-nav .nav-item .nav-link {
        margin: 0 0 5px;
        text-align: center;
    }
    header.section.header-main .center-nav .navbar-nav .nav-item .nav-link::before {
        bottom: 0;
        height: 2px;
    }
    header .social-nav{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }
    header.section.header-main .navbar-brand img {
        margin-left: 10px;
    }

    .service_details_area ul {
        column-count: 1;
    }

    .section h2 {
        font-size: 34px;
        margin-bottom: 20px;
    }

    header.section.header-main .container.container-custom {
        justify-content: space-between;
        padding: 30px 0 20px;
        align-items: center;
    }

    .section-shape::before,
    .section-shape::after{
        display: none;
    }
    .slider-main video {
        min-height: 80vh;
    }
    .slider-main .heading {
        font-size: 40px;
    }



    .section-about {
        padding: 50px 0 30px;
    }
    .section-about .box {
        padding: 20px;
        margin-top: 20px;
    }
    .section-about .box h3 {
        font-size: 40px;
    }
    .scrollable-paragraph {
        padding-right: 0px;
        padding-left: 20px;
        left: 0;
    }
    .full-width-section {
        padding: 0 30px;
        justify-content: space-between;
    }
    .section-about .full-width-section {
        margin: 30px 0 0;
    }


    .section-values {
        padding: 50px 0 30px;
    }
    .section-values:after {
        display: none;
    }
    .section-values .full-width-section {
        margin: 30px 0 0;
    }
    .section-services h2 {
        padding: 0 0 50px;
    }

    .scroll-down img {
        width: 30px;
        margin-right: 0;
    }

    .section-projects {
        padding: 40px 0 30px;
    }
    .section-projects h2{
        padding-bottom: 30px;
    }
    .section-projects th {
        padding: 10px 6px;
    }
    .section-projects td {
        padding: 2px 6px;
    }


    .section-acheivements .acheive-slider .slide img {
        max-width: 80%;
        margin: 0 auto;
    }
    .section-acheivements .slick-prev {
        left: 15px;
        width: 40px;
        height: 40px;
    }
    .section-acheivements .slick-next {
        right: 15px;
        width: 40px;
        height: 40px;
    }
    .section-acheivements {
        padding: 50px 0 30px;
    }


    .section-services .slide img {
        width: 85%;
        margin: 0 auto;
    }
    .section-team {
        padding: 50px 0 30px;
    }

    .section-success h1 {
        font-size: 36px;
        margin: 0 auto 50px;
        padding-bottom: 5px;
    }



    .section-form .form-container {
        max-width: 100%;
    }
    .section-form input, .section-form textarea {
        width: 80%;
    }
    .section-form-2 input {
        width: 80%;
    }
    .section-form .btn-holder img {
        width: 30px;
        margin-right: 10px;
    }
    .section-form-2 form{
        margin-bottom: 30px;
    }


    .footer-main {
        padding: 60px 0 0;
    }
    .footer-main .footer-left ul li a {
        font-size: 18px;
    }
    .footer-main .footer-right a {
        margin-left: 0;
        text-align: center;
        display: block;
    }
    .footer-main .footer-right a img {
        width: 250px;
        display: table;
        right: auto;
        margin: 0 auto;
    }


}

/* Small: 576px to 767px */
@media (min-width: 576px) and (max-width: 767.98px) {
    .hidemobile
    {
        display: none !important;
       
    }
    body{
        padding: 0;
    }
    .dropdown-item{
        text-align: center;
    }
    header.section.header-main .center-nav .navbar-nav {
        margin-top: 35px;
    }
    header.section.header-main .navbar-nav .nav-item .nav-link {
        margin: 0 0 5px;
        text-align: center;
    }
    header.section.header-main .center-nav .navbar-nav .nav-item .nav-link::before {
        bottom: 0;
        height: 2px;
    }
    header .social-nav{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }
    header.section.header-main .navbar-brand img {
        margin-left: 10px;
    }



    .section h2 {
        font-size: 34px;
        margin-bottom: 20px;
    }

    header.section.header-main .container.container-custom {
        justify-content: space-between;
        padding: 30px 0 20px;
        align-items: center;
    }

    .section-shape::before,
    .section-shape::after{
        display: none;
    }
    .slider-main video {
        min-height: 80vh;
    }
    .slider-main .heading {
        font-size: 40px;
    }



    .section-about {
        padding: 50px 0 30px;
    }
    .section-about .box {
        padding: 20px;
        margin-top: 20px;
    }
    .section-about .box h3 {
        font-size: 40px;
    }
    .scrollable-paragraph {
        padding-right: 0px;
        padding-left: 20px;
        left: 0;
    }
    .full-width-section {
        padding: 0 30px;
        justify-content: space-between;
    }
    .section-about .full-width-section {
        margin: 30px 0 0;
    }


    .section-values {
        padding: 50px 0 30px;
    }
    .section-values:after {
        display: none;
    }
    .section-values .full-width-section {
        margin: 30px 0 0;
    }
    .section-services h2 {
        padding: 0 0 50px;
    }

    .scroll-down img {
        width: 30px;
        margin-right: 0;
    }

    .section-projects {
        padding: 40px 0 30px;
    }
    .section-projects h2{
        padding-bottom: 30px;
    }
    .section-projects th {
        padding: 10px 6px;
    }
    .section-projects td {
        padding: 2px 6px;
    }


    .section-acheivements .acheive-slider .slide img {
        max-width: 80%;
        margin: 0 auto;
    }
    .section-acheivements .slick-prev {
        left: 15px;
        width: 40px;
        height: 40px;
    }
    .section-acheivements .slick-next {
        right: 15px;
        width: 40px;
        height: 40px;
    }
    .section-acheivements {
        padding: 50px 0 30px;
    }


    .section-services .slide img {
        width: 85%;
        margin: 0 auto;
    }
    .section-team {
        padding: 50px 0 30px;
    }

    .section-success h1 {
        font-size: 36px;
        margin: 0 auto 50px;
        padding-bottom: 5px;
    }



    .section-form .form-container {
        max-width: 100%;
    }
    .section-form input, .section-form textarea {
        width: 80%;
    }
    .section-form-2 input {
        width: 80%;
    }
    .section-form .btn-holder img {
        width: 30px;
        margin-right: 10px;
    }
    .section-form-2 form{
        margin-bottom: 30px;
    }


    .footer-main {
        padding: 60px 0 0;
    }
    .footer-main .footer-left ul li a {
        font-size: 18px;
    }
    .footer-main .footer-right a {
        margin-left: 0;
        text-align: center;
        display: block;
    }
    .footer-main .footer-right a img {
        width: 250px;
        display: table;
        right: auto;
        margin: 0 auto;
    }


}

/* Medium: 768px to 991px */
@media (min-width: 768px) and (max-width: 991.98px) {

    .hidemobile
    {
        display: none !important;
       
    }
    .dropdown-item{
        text-align: center;
    }
    header.section.header-main .center-nav .navbar-nav {
        margin-top: 35px;
    }
    header.section.header-main .navbar-nav .nav-item .nav-link {
        margin: 0 0 5px;
        text-align: center;
    }
    header.section.header-main .center-nav .navbar-nav .nav-item .nav-link::before {
        bottom: 0;
        height: 2px;
    }
    header.section.header-main .container.container-custom {
        justify-content: space-between;
        padding: 30px 0 20px;
    }
    header .social-nav{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }
    header.section.header-main .navbar-brand img {
        margin-left: 10px;
    }

    .section-shape::before,
    .section-shape::after{
        display: none;
    }
    .slider-main .heading {
        font-size: 50px;
    }
    .slider-main video {
        max-height: 150vh;
        height: 60vh;
    }


    .section h2{
        font-size: 40px;
    }
    .scrollable-paragraph {
        padding-left: 20px;
        left: 0;
    }
    .section-about .box {
        padding: 20px;
    }
    .section-about .box h3 {
        font-size: 40px;
    }
    .section-about .box p {
        font-size: 20px;
    }
    .section-success h1 {
        font-size: 60px;
    }
    .section-form .form-container {
        max-width: 100%;
    }
    .footer-main .footer-right a img {
        width: 280px;
        right: -50px;
    }





}

@media (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block !important;
  }
  .hidemobile
  {
    display: none !important;
      
  }
}

/* Large: 992px to 1199px */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .hidemobile
    {
        display: none !important;
       
    }
    header.section.header-main .navbar-brand {
        padding: 0;
        margin-right: 10px;
    }
    header.section.header-main .navbar-brand img {
        max-width: 120px;
        margin-right: 10px;
    }
    header.section.header-main .container.container-custom {
        padding: 25px 10px 25px;
    }
    header.section.header-main .navbar-nav .nav-item {
        margin: 0 15px;
    }
    header.section.header-main .navbar-nav .nav-item .nav-link {
        font-size: 14px;
    }
    header.section.header-main .navbar-nav.ml-auto .nav-item {
        margin-right: 10px;
    }
    header.section.header-main .navbar-nav.ml-auto .nav-item .nav-link img {
        max-width: 20px;
    }



    .section-shape::before,
    .section-shape::after{
        display: none;
    }
    .slider-main .heading {
        font-size: 50px;
    }
    .slider-main video {
        max-height: 150vh;
        height: 90vh;
    }

    .section h2 {
        font-size: 50px;
    }
    .section-about .box {
        padding: 30px;
    }
    .section-about .box p {
        font-size: 20px;
    }
    .scrollable-paragraph {
        left: 0;
    }
    .section-services .overlay-text {
        font-size: 16px;
        padding: 30px;
    }

    .section-team .slide a h3 {
        font-size: 18px;
    }
    .section-success h1 {
        font-size: 60px;
    }

    .footer-main .footer-right a img {
        width: 280px;
        right: 0;
    }




}

/* Extra Large: 1200px to 1399px */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    
    header.section.header-main .container.container-custom {
        justify-content: center;
        padding: 40px 10px 30px;
        align-items: center;
    }
    .slider-main .heading {
        font-size: 50px;
    }
    .slider-main .btn{
        margin-top: 0;
    }
    .section h2 {
        font-size: 60px;
    }
    .slider-main video {
        height: 80vh;
    }
    .section-shape::before,
    .section-shape::after{
        display: none;
    }
    .section-services h2 {
        padding: 0 0 15px;
    }


}

/* XXL: 1400px and above */
@media (min-width: 1400px) {
    
    .slider-main .heading {
        font-size: 76px;
    }
    .section h2 {
        font-size: 60px;
    }
    .slider-main video {
        height: 100vh;
    }

}

@media (min-width: 1400px) and (max-width: 1599.98px) {


    .section-shape::before {
        left: -114px;
    }

}

/* XXL: 1400px and above */
@media (min-width: 2000px) {
    
    .section-who {
        background-size: 55%;
    }

}

/* XXL: 1400px and above */
@media (min-width: 2200px) {
    
    .section-who {
        background-size: 50%;
    }

}

/* XXL: 1400px and above */
@media (min-width: 2400px) {
    
    .section-who {
        background-size: 45%;
    }

}

/* XXL: 1400px and above */
@media (min-width: 2600px) {
    
    .section-who {
        background-size: 40%;
    }

}

/* XXL: 1400px and above */
@media (min-width: 2800px) {
    
    .section-who {
        background-size: 35%;
    }

}

.hidemobile
{
    display: none !important ;
}