
@media (min-width: 768px) and (max-width: 991px) {
    .main_header {background: rgba(0,0,0,0.9);}
    .banner_caption p{font-size: 18px;}
    .about_left h2 span{display: inline-block;}
    header .navbar-nav .nav-link {display: inline-block;margin-bottom: 10px;}
    header nav .nav-link:before{bottom: 0px;height: 2px;}
    .navbar-brand img{width: 140px;}
    .navbar .container{justify-content: space-between;}
    .banner_caption h1{font-size: 36px;}
    .banner_caption{width: 50%;transform: unset;top: 50%;transform: translateY(-50%);}
    .banner video{height: 450px;object-fit: cover;}
    .about_right{padding: 25px 0px 0px 0px;}
    .about_home_sec,.services,.years_sec{padding: 50px 0px;}
    .testimonial{padding: 50px 0px 100px 0px;}
    .years_sec_left h2{font-size: 26px;}

    .about_sec_3_left {height:280px}
    .about_sec_3_right{margin: 25px 0px 0px 0px;padding:20px;}
    .about_sec_3_right h4{font-size: 24px;}
    .about_sec_3{padding: 50px 0px;}
    .facilities .line_bx{display: none;}
    .facility_sn .col-lg-2{display: none;}
    .facilities{margin-top: 0px;}
    .service_sec{padding: 50px 0px;}
    .service_heading{margin-bottom: 50px;}
    .product_portfolio_sec{padding: 50px 0px;}
    .product_portfolio_sec figure.box_hover p{transform: unset;}
    .product_portfolio_sec figcaption{background: rgba(0,0,0,0.6);}
    .portfolio_bx figure img{min-height: unset;}
    .contact_sec{padding: 50px 0px;}
    .contact_right{margin-top: 25px;}
    }
    
    @media (max-width: 767px) {
        .main_header {background: rgba(0,0,0,0.9);}
        .banner_caption p{font-size: 18px;}
        .about_left h2 span{display: inline-block;}
        header .navbar-nav .nav-link {margin-bottom: 10px;}
        header nav .nav-link:before{bottom: 0px;height: 2px;}
        nav .nav-link.active:before{width: 32px;}
        /* .navbar-brand img{width: 120px;} */
        header .navbar-brand {width: 65px;padding: 0px;}
        header.active .navbar-brand {width: 60px;}

        header .navbar-brand img.logo_blk {display: none !important;}
        header .navbar-brand img.logo_white {display: block !important;}

        .navbar .container{justify-content: space-between;}
        .banner_caption h1{font-size: 28px;}
        .banner_caption{width: 80%;transform: unset;top: 60%;left: 4%;transform: translateY(-50%);}
        .about_left h2{margin-top: 0px;}

        .banner {width: 100%;position: relative;height: 80vh;overflow: hidden;}
        .banner video {width: 100%;height: 100%;object-fit: cover;}

        .about_home_sec{padding: 50px 0px;}
        .about_left h2{font-size: 24px;text-align: left !important;}
        .about_middle{margin: 20px 0px 25px 0px;}
        .about_right{padding-left: 0px;}
        .about_sec_3_left{display: none;}

        .services{padding: 50px 0px;}
        .service_Heading {margin-bottom: 40px;}
        .service_Heading h3{font-size: 24px;}
        .ser_single figcaption{background: rgba(0,0,0,0.6);height: 100%;}
        .ser_single figcaption h3,.ser_single figcaption p,.ser_single figcaption img{transform: unset !important;opacity: 1;}
        .ser_single .overlay{display: none;}
        .ser_single{margin: 10px 0px;}
        .service_single{margin: 12px 0px;}

        
        footer p{font-size: 12px;}
        .testimonial{padding: 50px 0px 100px 0px;}
        .testimonial_heading h4{font-size: 28px;}
        .testimonial_heading {margin-bottom: 25px;}
        .single_logo{width: 150px;height: 90px;}
        .single_logo img{width: 60px !important;}
        .years_sec{padding: 50px 0px;}
        .years_sec_left h2 {font-size: 24px;}

        footer{overflow: hidden;}
        .inner_banner{height: 280px;}
        .inner_banner h4{font-size: 28px;text-align: center;width: 100%;}
        .about_sec_3_left {height:280px}
        .about_sec_3_right{margin:0px;padding:20px;}
        .about_sec_3_right h4{font-size: 24px;}
        .about_sec_3{padding: 50px 0px;}
        .facilities{padding: 50px 0px;margin-top: 0px;}
        .facilities_heading h4{font-size: 20px;}
        .facilities_heading {margin-bottom:20px}
        .facility_single_content{padding: 20px 0px 0px 0px;}
        .facilities .line_bx{display: none;}
        .facility_sn.mob_reverse .row{display: flex;flex-direction: column-reverse;}
        .facility_sn{padding: 15px 0px;}
        .mob_reverse{margin-top: 20px;}


        .service_sec{padding: 50px 0px;}
        .service_heading h3{font-size: 24px;}
        .service_heading{margin-bottom: 20px;}
        .service_single_content{display: block;}
        .service_single_content h4{width: 100%;margin-bottom: 20px;}
        .service_single_content p{width: 100%;}
        .service_single{height: auto;}
        .product_portfolio_sec{padding: 50px 0px;}
        .heading_left h4{font-size: 24px;}

        .product_portfolio_sec_heading {margin-bottom: 0px;}
        .portfolio_bx figure{margin: 0px;}

        .testimonial_heading h4{font-size: 24px;}

        .contact_bx_single{display: block;}
        .contact_bx_single_left{margin-bottom: 15px;}
        .contact_right{margin-top: 25px;}
        .contact_sec{padding: 50px 0px;}
        .portfolio_bx_mob_active figure.box_hover p{transform: unset;}
        .portfolio_bx_mob_active figcaption{background: rgba(0,0,0,0.6);} 
        .portfolio_bx figure img{min-height: unset;}
        .contact_bx_single_right{width: 100%;}
        .contact_bx_single{padding: 20px;}

        .facility_single_content h6{font-size: 22px;}

        /* .portfolio_bx.portfolio_bx_effect_mob figure.box_hover{background: var(--black);}
        .portfolio_bx.portfolio_bx_effect_mob p {transform: translate3d(0px, 0px, 0px);} */


        .sidebar-contact,.hiring{width:100%;height:100%;left:100%;padding: 80px 15px;top: 0%;transform: unset;}
        .sidebar-contact .toggle,.hiring .toggle{top:70%;transform:translateY(-50%);transition:0.5s;}
        .sidebar-contact.active .toggle,.hiring.active .toggle{top:10px;left:10px;transform:translateY(0);border-radius: 0px;width: 35px;height: 35px;}
        .sidebar-contact.active .toggle:before,.hiring.active .toggle:before{width: 12px;height: 12px;}
        .scroll{width:100%;height:100%;overflow-y:auto;}
        .content{padding:50px 50px;}
        .sidebar-contact.active, .hiring.active{left: 0px;}
        .hiring .toogle{top: 50% !important;transform: translateY(-50%) !important;}
        .form_column.col_mob_block{display: block !important;}
        .form_column.col_mob_block input{width: 100%;}

        .homeaboutheading h3 {font-size: 24px;}
        .about_home_sec:before {width: 100%;}
        .ag-timeline_item:nth-child(2n) .ag-timeline-card_box {justify-content: flex-start;}
        .ag-timeline-card_info {padding: 15px 20px 20px;}
        .service_heading_content p {width: 90%;margin: 0 auto;}
        .service_heading_content .underline {margin: 20px auto 0;}

        .provideservice {padding: 50px 0px;}
        .providesrvctext {padding: 20px;margin-right: 0px;}
        .providesrvctext h2 {font-size: 24px;}
        .provideserviceinr .row {flex-direction: column-reverse;}
        .whychooseus {padding: 50px 0px 50px;}
        .servicecontactinr {flex-direction: column;padding: 20px;margin-top: 50px;margin-bottom: 25px;top: 0;}
        .linediv {display: none;}
        .servicecontactbtn {margin-top: 30px;}
        .servicecontactinr h2 {text-align: center;}

    }
    
    @media (min-width: 320px) and (max-width: 480px) {
      
    }
    