@media (min-width: 992px) {
    .custome_menu_btn{right: calc(8.67rem - 60px);}
    .w-mx-25{ width: 25% !important;}
}

@media (min-width: 1200px) {
    .w-md-75{width: 75%;}
}
@media (min-width: 1400px) {  
    .btn{ padding: 6px 45px; font-size: 1.1rem; }
    .navbar-expand-lg .navbar-nav .nav-link{padding-right:1.25rem;  padding-left:1.25rem;}
    .container-fluid { padding-right:3rem;  padding-left:3rem; }
    .subscribe_section input{ padding: 24px 16px; border-radius: 28px !important;}
    .subscribe_section button{padding: 16px 50px; border-radius: 28px !important; min-width: 150px;}
    .subscribe-form{ margin-left: 50px;}
    .top_menu{ margin-top: 50px;}
    .pagination .btn{min-width: 300px;}
    .curstom-badge{ font-size: 1rem; }
    .gutter{padding: 100px 0}
    .gutter-t{padding-top: 100px}
    .gutter-b{padding-bottom: 100px}
    .main_heading{ font-size: 3rem !important;}
    .mb-5{ margin-bottom: 4rem !important;}
    .blog_container{ margin-bottom: 120px;}
}

@media (min-width: 1700px) {  
    .container { max-width: 1670px !important; }
    .container-fluid { padding-right:6rem;  padding-left:6rem; }
    .btn{ padding: 12px 50px;font-size: 1.25rem; }
    .navbar-expand-lg .navbar-nav .nav-link{padding-right:1.25rem;  padding-left:1.25rem; font-size: 1.25rem;}
    .subscribe_section input{ padding: 20px;}
    .subscribe_section button{padding: 20px 80px;}
    .pagination .btn{min-width: 350px;}
    .curstom-badge{ font-size: 1.25rem; }
    .gutter{padding: 130px 0}
    .gutter-t{padding-top: 130px}
    .gutter-b{padding-bottom: 130px}
    .main_heading{ font-size: 3.25rem !important;}
    .mb-5{ margin-bottom: 4.75rem !important;}
    .blog_container{ margin-bottom: 150px;}
}

@media (max-width: 1400px) {
    .top_menu{ margin-top: 30px;}
    .main_heading{ font-size: 2.75rem !important;}
    .pagination .btn{min-width: 250px;}
    .gutter{padding: 100px 0}
    .gutter-t{padding-top: 100px}
    .gutter-b{padding-bottom: 100px}
    .blog_container{ margin-bottom: 100px;}
    .main_heading{ font-size: 2.75rem !important;}
    .banner_section{min-height: 50vh; height: auto;}
    .banner-content { top: 0 !important; transform: none !important; padding: 250px 0 200px 0; }
}

@media (max-width: 1200px) {
    .gutter{padding: 80px 0}
    .gutter-t{padding-top: 80px}
    .gutter-b{padding-bottom: 80px}
    .top_menu{ margin-top: 0px;}
    .main_heading{ font-size: 2.5rem !important;}
    .blog_container{ margin-bottom: 80px;}
    .pagination .btn{min-width: 200px;}
    .project_container--cnt h3, .blog_container--cnt h3, .our_value h3, .tech_cnt h3 { font-size: 1.5rem !important;}
    .our_value, .our_members { margin-bottom:30px;}
    .our_value h3 { margin-bottom: 20px; min-height: 60px;}
    .banner-content { padding: 180px 0 100px 0;}
    .navbar-brand .img-svg{ width: 60px; height: auto; }
    .subscribe_section, .team_msg { padding: 50px;}
    .banner_section p {font-size: 1.5rem;}
    .video_trigger{ display: none !important; z-index: -1;}
    .footer {padding: 100px 0;}
}

@media (max-width: 992px) {
    .gutter{padding: 70px 0}
    .gutter-t{padding-top: 70px}
    .gutter-b{padding-bottom: 70px}
    .blog_container{ margin-bottom: 70px;}
    .main_heading{ font-size: 2.25rem !important;}
    .project_container--cnt h3, .blog_container--cnt h3, .our_value h3, .tech_cnt h3{ font-size: 1.5rem !important;}
    .pagination .btn{min-width: 150px;}
    .navbar-brand .img-svg{ width: 50px; }
    .tech_cnt { margin-bottom: 20px;}
    .video_section{ margin: 30px auto; display: block;}
    .p_heading_cnt h2, .p_heading_cnt p{margin-left: 0px;}
    .project_container{ padding: 0;}
    .subscribe_section, .team_msg { padding: 30px;}
    .banner_section p {font-size: 1.25rem;}
    .footer {padding: 80px 0;}
    .contact-links{ padding:50px 30px; margin-right: 30px;}
}

@media (max-width: 768px) {
    .gutter, .content-section.gutter{padding: 50px 0}
    .gutter-t{padding-top: 50px}
    .gutter-b{padding-bottom: 50px}
    .blog_container{ margin-bottom: 50px;}
    .main_heading{ font-size: 2rem !important;}
    .project_container--cnt h3, .blog_container--cnt h3, .our_value h3, .tech_cnt h3 { font-size: 1.5rem !important;}
    .pagination .btn{min-width: normal;}
    .subscribe_section, .team_msg { padding:30px;}
    .pagination .btn { min-width: auto; }
    .btn { padding: 10px 25px;}
    .banner_section p {font-size: 1.125rem;}
    .banner_section { min-height: auto; margin-bottom: 30px;}
}

@media (max-width: 767.98px) {
    .project_section .btn{ margin-bottom: 30px;}
    .team_member_photo {border-radius: 55px;}
    .our_highlight--cnt .img-svg{ width: 48px; height: auto;}
    .footer {padding: 50px 0;}
    .our_highlight--cnt .mt-4{ margin-top: 50px !important;}
    .mega_menu-cnt .logo_list{ margin-bottom: 30px;}
    .logo_list a{ width: auto;}
    .mega_menu-cnt .logo_list .img-svg{ width: 48px; height: auto;}
    .our_members { margin-bottom: 0; }
    .top_menu{background-color: rgba(0,0,0,.15);}
    .btn, .curstom-badge, .video_section, .project_container, .project_container--img, .blog_container--img, .blo--img, .blog--banner, .subscribe_section input, .subscribe_section button,  .contact-links,  .team_member_photo,  .mission_img, .team_msg-img,  .about-banner {border-radius: var(--radius_sm);}
    .img-svg.strock { width: 36px; height: auto;}
    .gutter-b.language_section{ padding-bottom: 0 !important;}
    .pagination .btn, .tags .btn{ padding: 6px 20px;}
    .contact-links{ padding:30px 15px; margin-right: 0;}
    .inner_page {padding-top: 70px;}
     .blog--banner { margin-bottom: 0px; }
     .team_msg .mt-5 { margin-top: 2rem !important; margin-bottom: 30px; }
     .subscribe_section, .team_msg { padding: 30px 15px;}
     .main_heading br{ display: none;}
     .main_heading span, .main_heading div{ display: inline-block !important;}

}

@media (max-width: 576.98px) {
    .project_section .btn{ margin-bottom: 30px;}
    .our_value h3{ min-height: auto !important;}
    .footer .d-inline-block { margin-top: 30px;}
    .mega_menu ul li a {font-size: 1.5rem;}
    .close_menu { right: 20px; top: 12px;}
    .mega_menu-cnt{ padding-top: 70px;}
}

@media (max-width: 476px) {
    .gutter, .content-section.gutter{padding: 30px 0}
    .gutter-t{padding-top: 30px}
    .gutter-b{padding-bottom: 30px}
    .blog_container{ margin-bottom: 30px;}
    .main_heading{ font-size: 1.5rem !important;}
    .project_container--cnt h3, .blog_container--cnt h3, .our_value h3 { font-size: 1.5rem !important;}
    .footer {padding: 30px 0;}
    .our_highlight--cnt .mt-4{ margin-top: 40px !important;}
}