@charset "utf-8";
/* CSS Document */


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {



}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1536px) {

    .message_box {
        right: 40px;
    }


}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {


}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

    
    .nav>li>a {
        padding: 10px 12px;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 11px;
    }
    .main_logo {
        margin-top: 18px;
    }
    .g_name{
        font-size: 13px;
    }
    .img_div{
        padding: 0;
    }
    .group_img {
        width: 95%;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {

    .nav>li>a {
        padding: 10px 8px;
    }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	.main_logo {
        margin-top: 30px;
    }
    .nav>li>a {
        padding: 10px 8px;
    }
    .honary_patron {
        padding: 30px 0;
    }
    .g_name {
        font-size: 12px;
        margin-top: 6px;
        margin-bottom: 4px;
    }
    .group_name {
        font-size: 13px;
    }
    .eshop_txt, .job_opportunities_txt {
        padding:30px 80px;
        padding-bottom: 0;
    }
    .wrapper1 {
        height: 265px;
    }
    .news_item {
        height: 280px;
    }
    .wrapper2, .news_item2 {
        height: 110px;
    }
    .wrapper3, .news_item3 {
        height: 200px;
    }
    .main {
        width: auto;
    }

}

/* @media screen and (max-width: 800px) {
    .next {
      display: none !important;
    }
  } */
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    .navbar-default .navbar-nav>li>a {
        font-size: 9px;
    }
    .nav>li>a {
        padding: 10px 4px;
    }
    .navbar_header {
        padding: 0 20px;
        z-index: 999;
        position: relative;
    }
    .inner_header_bar {
        padding: 0 20px;
    }
    .events, .event_detail, .news_detail {
        padding: 30px 15px;
    }
    .news_detail_img {
        float: none;
        width: auto;
    }
    .message_box {
        width: 92%;
    }
    .special_box {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {

	.main_logo {
        margin-bottom: 10px;
        width: 48%;
    }
    .navbar {
        min-height: 0;
        margin-bottom: 0;
    }
    .navbar-toggle {
        margin-top: -50px;
    }
    .navbar-nav {
        float: none !important;
        text-align: center;
    }
    .navbar-collapse.in {
        overflow-x: hidden;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #000000;
        text-align: center;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #6D4589;
        background-color: #ffffff;
    }
    .left_txt, .right_txt, .footer_bar{
        text-align: center;
        float: none;
    }
    .footer_bar {
        font-size: 10px;
    }
    .college_detail, .oba_detail, .AGM_2020, .executive_committee_detail, .contact_detail {
        padding: 10px 0 30px 0;
    }
    .header_p {
        font-size: 11px;
    }
    .constitution_row hr{
        display: none;
    }
    .constitution_row {
        padding-top: 0px;
    }
    .constitution_col {
        padding-bottom: 10px;
    }
    .honary_patron {
        text-align: center;
    }
    .honary_patron img{
        display: block;
        margin: auto;
    }
    .main_logo {
        margin-top: 10px;
    }
    .navbar-toggle {
        margin-right: 0;
    }
    .group{
        text-align: center;
    }
    .group img{
        display: block;
        margin: auto;
    }
    .group_sec2 {
        border-right: 0px solid #C4C4C4;
    }
    .img_div {
        padding: 15px;
    }
    .group_img {
        width: 25%;
    }
    .future_star img{
        display: block;
        margin: auto;
    }
    .future_star{
        text-align: center;
    }
    .brown_btn, .eshop_col img{
        display: block;
        margin: auto;
    }
    .eshop_col {
        text-align: center;
    }
    .eshop_txt, .job_opportunities_txt {
        padding: 30px 20px;
        padding-bottom: 0;
    }
    .eshop_col img {
        width: 60%;
    }
    .job_opportunities .brown_btn, .events .brown_btn{
        display: inherit;
    }
    .news_img{
        float: none;
        width: auto;
    }
    .wrapper2, .news_item2 {
        height: 430px;
        margin-bottom: 15px;
    }
    .wrapper1, .news_item {
        height: 430px;
        margin-bottom: 15px;
    }
    .wrapper3, .news_item3 {
        height: 350px;
    }
    .project_intro {
        padding: 30px 5px;
        text-align: left !important;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        font-size: 9px;
    }
    .footer_img {
        width: 50%;
    }
    .section_2 span{
        font-size: 13px;
    }
    .section_2{
        margin-top: 10px;
    }
    /*  home */
    .mess_01 {
        border-right: 0px solid #ffffff;
        padding: 25px 0;
    }
    
    .mess_02 {
        border-left: 0px solid #ffffff;
        padding: 25px 0;
    }
    .bulk_txt{
        text-align: center;
    }
    .index_newsroom h1{
        text-align: center;
        margin-bottom: 20px;
    }
    .index_newsroom .news_row {
        margin-bottom: 15px;
    }
    .index_newsroom .mess_01, .index_newsroom .mess_02 {
        padding: 0px 0;
    }
    .project_intro {
        padding: 15px 5px;
    }
    .featured_h1{
        padding: 0;
    }
    .event_div{
        padding-top: 30px;
        padding-left: 0;
        padding-right: 0;
    }
    .job_text_div{
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .news_date {
        margin-left: 0px;
    }
    .event_div div{
        padding: 0;
    }
    .footer{
        text-align: center;
    }
    .footer img {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;        
    }
    .footer .section_2 img {
        float: none;
    }
    /*  */
    .founder_img, .college_img, .oba_img , .principal_div {
        float: none;
        width: auto;
    }
    .college_detail, .oba_detail, .membership_detail{
        text-align: center;
    }
    .college_detail img, .oba_img {
        margin: auto;
        display: block;
    }
    .membership_detail img {
        width: 35%;
    }
    .membership_detail{
        background-image: none;
    }
    .heading {
        font-size: 17px;
    }
    .honary_secretary {
        margin: 5px 0;
        padding: 10px 20px;
    }
     .events, .event_detail, .news_col, .news_row1 div, .job_opportunities{
        padding-left: 0;
        padding-right: 0;
    }
    .eshop_h1 {
        font-size: 13px;
    }
    .project_detail{
        padding-left: 15px;
        padding-right: 15px;
    }
    .project_detail .mess_01{
        padding-top: 0;
    }
    .project_h1, .heroSlider-fixed, .advertisment{
        padding: 0;
    }
    .project_detail_page .heroSlider-fixed{
        padding-left: 15px;
        padding-right: 15px;
    }
    .enroll_div img{
        width: 50%;
    }
    .nav>li>a {
        padding: 7px 4px;
        font-size: 12px;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 12px;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        font-size: 12px;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 15px;
    }
    .carousel-control {
        color: #ffffff;
    }
    .main .slick-next, .slick-prev{
        display: none !important;
    }
    .AGM_2020 {
        padding-bottom: 30px;
        /* padding-bottom: 60px; */
    }
    .modal-dialog {
        width: 540px;
    }
    .message_box {
        right: 30px;
        top: 85px;
        width: 92%;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .main_logo {
        width: 78%;
    }
	.oba_img {
        width: 30%;
    }
    .group_img {
        width: 30%;
    }
    .group_name {
        margin-bottom: 30px;
    }
    .eshop_col img {
        width: 50%;
    }
    .wrapper3, .news_item3 {
        height: 240px;
    }
    .wrapper2, .news_item2 {
        height: 200px;
        margin-bottom: 15px;
    }
    .wrapper1, .news_item {
        height: 280px;
    }
    .slick-slide {
        padding: 0px;
    }
    .footer_img {
        width: 70%;
    }
    .modal-dialog {
        width: 430px;
    }
    .message_box {
        width: 86%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 376px) {

	.main_logo {
        width: 100%;
    }
    .oba_img , .college_img, .founder_img, .principal_div{
        float: none;
        width: 60%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 35px;
    }
    .wrapper3, .news_item3, .wrapper1, .news_item {
        height: 200px;
    }
    .footer_img {
        width: 90%;
    }
    .modal-dialog {
        width: 350px;
         top: -10px;

    }
}


/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {

    .brown_btn {
        padding: 12px 25px;
    }

}


@media only screen and (max-width : 320px) {

    .brown_btn {
        padding: 12px 15px;
    }
    .job_opportunities .custom_btn{
        padding: 12px 15px;
    }
    .modal-dialog {
        width: 300px;
        top: 10px;
    }

}