@media screen and (max-width:776px) {
    /* html, body {
        overflow-x: hidden;
    } */

html, body {
    margin: 0;
    padding: 0;
    /*overflow-x: hidden;*/
}


    #footer, #reviews{
        overflow: hidden !important;
    }


    .header-top {
        display: flex;
        flex-wrap: nowrap;
        /* Prevent wrapping */
        justify-content: space-between;
        align-items: center;

        padding-top: 3px;
    }

    .header-top ul {
        display: flex;
        flex-direction: row;
        /* Arrange items horizontally */
        gap: 10px;
        /* Add spacing between items if needed */
        padding: 0;
        margin: 0;
        list-style: none;
        /* Remove default list styles */
    }

    .header-top ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .header-top-left, .header-top-right {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        /* Add spacing between items */
    }

    .header-top-contact {
        margin: 0;
        /* Remove default margin */
    }

    .select-opt {
        margin-right: 10px;
        /* Adjust spacing */
    }

    .form-group {
         display: flex; 
        align-items: center;
        margin-bottom: 0px;
        position: absolute;
        right: 25px;
        /* margin-left: 68px; */
    }
    
    .header-top ul li.head-responsive-right {
        float: none !important;
        display: flex;
    }
    .toggle-switch {
        margin: 0;
        padding: 0;
    }

    .navbar-brand img {
        max-height: 55px !important;
        margin-top: -8px;
    }

    .navbar .container {
        margin-bottom: 4px;
    }

    .welcome-hero-txt p {
        font-size: 17px;
        line-height: 1.3;
    }

    .single-welcome-hero-form, .single-welcome-hero-form-institute {
        width: 100% !important;
        opacity: .8;
        /* height: 55px; */
    }

    /* .single-welcome-hero-form-institute {
        width: 100% !important;
    } */

    .single-welcome-hero-form {
        display: flex;
        flex-direction: row;
        /* Align items horizontally */
        align-items: center;
        /* Center items vertically */
        justify-content: space-between;
        /* Add space between the heading and select */
        gap: 10px;
        /* Add spacing between items if needed */
        padding: 5px;
        margin: 5px 0;
    }

    .single-welcome-hero-form h3 {
        margin: 0;
        /* Remove extra margin from the heading */
        font-size: 1.2rem;
        /* Adjust font size for small devices if necessary */
    }

    .single-welcome-hero-form select {
        flex: 1;
        /* Allow the select element to take up available space */
        max-width: 70%;
        /* Adjust max width to avoid it being too large */
    }

    .select2-selection__rendered {
        font-size: 14px;
    }

    .welcome-hero-form {
        height: 125px;
    }

    .welcome-hero-btn {

        width: 200px;
        height: 50px;
    }

    .modal-dialog {
        width: 447px;
        max-width: 80%;
        margin: 72px 30px;
        /* padding: -3px; */
    }

    .jumbotron h1 {
        font-size: 16px !important;
    }

    .jumbotron p {
        font-size: 14px;
    }

    #websiteStatus p {
        font-size: 16px;
    }

    #visitWebsiteBtn a {
        padding: 5px 10px;
    }

    .single-list-topics-content {
        width: 200px;
        height: 200px;
        margin-right: 24px;
        margin-bottom: 20px;
    }

    .list-topics .container {

        padding-left: 26px;
    }

    .list-topics-content {
        margin: -140px auto -70px;
        margin-left: 15px;
    }

    .welcome-hero {

        height: 670px;
    }

    /*.list-topics-content ul li:first-child {*/
    /*    display: block;*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*}*/

    .list-topics-content ul li {
        display: block;
        display: flex;
        justify-content: center;
    }

    .welcome-hero-btn {

        margin-left: 0px;
    }

    .section-header p {
        font-size: 14px;

        margin: 0 16px;
        line-height: 1.3;
    }

    .section-header h2 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 14px;
    }

    .works-content {
        margin-top: 30px;
    }

    .works {
        padding: 100px 0 40px;
    }

    .explore {
        padding: 56px 0 30px;
    }

    .explore-content {
        margin-top: 13px;
    }

    .reviews {
        padding: 60px 0 30px;
    }

    .reviews-content {
        margin-top: 14px;
    }

    .blog {
        padding: 50px 0 40px;
    }

    .blog-content {
        margin-top: 13px;
    }

    .subscription {
        background: #f8fafb;
        padding: 50px 0;
    }

    .webintern-footer-logo {
        display: flex;
        justify-content: center;
    }

    .webintern-footer-inner {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .simple-text {
        text-align: center;
    }



    .footer-2, .footer-3 {
        margin-top: 40px;
        width: 50%;
        float: left;
    }

    .webintern_footer_title small {
        font-size: 16px;
    }

    .webintern-footer-list a {
        font-size: 13px;
        line-height: 18px;
    }

    .webintern-footer-list li {
        margin-bottom: 10px;
        list-style: none;
    }

    .footer-4 {

        margin-top: 40px;
        margin-left: 20px;
    }

    .tt-subscribe {
        margin-right: 40px;
    }

    .tt-copy {
        font-size: 12px;
        text-align: center;
    }

    .tt-copy-right {
        text-align: center;
    }

    .whats-app {
        position: fixed;
        bottom: 30px !important;
        right: 25px !important;
    }

    .whats-app a img {
        width: 50px !important;
    }

    .welcome-hero-txt p b {
        font-size: 17px;
        font-weight: 700;
    }

    .welcome-hero-txt h2 {
        font-weight: 600;
        font-size: 22px;
        line-height: 1.25;
    }

    .header-top ul {
        display: flex;
        padding: 6px 11px 6px 16px;
    }

    .panel-title a {
        font-size: 13px;
        padding-right: 12px;
        line-height: 1.3;
    }

    .panel-body p {
        font-size: 12px !important;
        text-align: justify;
    }

    .faq-section {
        padding: 70px 0;
    }

    .footer-alumni {
        font-size: 14px;
    }

    .scroll_to_top {

        display: none;

    }

    .single-proud-alumni {
        width: 80% !important;
        margin: 0 auto !important;
    }
    .single-explore-item h6{
        font-size: 16px;
    }
    .single-explore-item p{
        font-size: 13px;
    }

    .how-work-action{
        width: 90%;
        margin:0 auto;
    }
    .blog-content-action {
        width: 85%;
        margin: 0 auto;
    }
    .single-blog-item-txt h2 a{
        font-size: 14px;
    }
    .single-blog-item-txt p{
        font-size: 13px !important;
        line-height: 1.5;
        margin-top: 5px;
    }
    .footer-action {
        position: relative;
        min-height: 1px;
        padding-right: 50px;
        padding-left: 50px;
    }

    .wow {
        visibility: visible !important; /* সেকশনগুলো মোবাইলে দেখানোর জন্য */
    }

    
@keyframes changeBgColor {
    0% {
        background-color: #936a02; 
    }
    100% {
        background-color: #f1f1f1; 
    }
}

.single-how-works {
    padding: 30px 18px;
   
    animation: changeBgColor 4s ease forwards; 
}

.statistics {
	position: relative;
	display: flex;
	align-items: center;
	background: url(../../assets/images/counter/counter-banner-mobile.jpg)no-repeat fixed;
	background-position: center;
	background-size: cover;
	padding: 127px 0 120px;
}

.welcome-hero-txt {
	padding-top: 50px;
}
.welcome-hero-serch-box {
	margin-top: 45px;
}

/*.welcome-hero {
/*	position: relative;*/
/*	background: url(../../assets/images/counter/header-banner-mobile.jpg) no-repeat;*/
/*	background-position: center;*/
/*	background-size: cover;*/
/*	text-align: center;*/
/*	height: 800px;*/
/*	z-index: 1;*/
/*}*/

}