:root{
    /* colors */
    --color1:#219dbb;
    --color2:#ffb500;
    --color3:#b43d40;
}

/*----------------------------------------responsive style home page--------------------------------------------------------*/

 @media(min-width:992px){

    /* style header */

    header{
        height: 120px;

    }
    header .menu{
        margin-bottom: 10px!important;
        z-index:10;
    }

    header .menu li{
        font-family: 'Poppins-SemiBold';
        position: relative;
    }


        header .menu .dropdown {
            position: absolute;
            top: calc(100% + 30px);
            background-color: rgb(255, 255, 255);
            padding: 20px;
            border-radius: 5px;
            transition: 0.5s;
            display: flex;
            opacity: 0;
            transition: 0.3s;
            z-index: 0;
            visibility: hidden;
            border: 2px solid #2d3194;
            white-space: nowrap;
        }
    
    header .menu li:hover .dropdown{
        opacity: 1;
        top: 100%;
        visibility: visible;
        z-index: 15;
    }
    
    header .menu li:nth-child(3) .dropdown{
        left: -180px !important;
    }
    
    
    header .menu .dropdown ul li{
        margin-top: 10px ;
        height: auto;
        position: relative;
        width: auto;
        font-size: 14px;
        padding: 0px!important;
       
    }

        header .menu .dropdown ul span i {
            background-color: #2d3194;
            color: white;
            padding: 3px 5px;
            margin-left: 5px;
        }
    
    header .menu li:nth-child(2) .dropdown{
        left: 0px !important;

    }

        header .menu li:nth-child(3) .dropdown {
            /*left: -200px !important;*/
            left: 0px !important;
        }
    
    header .menu li:nth-child(4) .dropdown{
        left: 0px !important;
    }

        header .menu li:nth-child(5) .dropdown {
            left: -300px !important;
            left: 0px !important;
        }

    

   

    .slider {
        padding-top: 120px;
    }
    .About .left p{
        max-width: 588px;
    }

    .About .left{
        background-size: 500px;
        background-position: left;
    }

    .initiatives h5{
        height: 60px;
    }
        }




    @media(min-width:992px) and (max-width:1200px){
        header .menu{
            margin-left: 30px ;
            max-width:768px;

        }
          

       /* header .menu li:nth-child(5) .dropdown{
            left: -450px !important;
        }*/
    
       
    }

@media(min-width:992px) and (max-width:1045px) {
  

        header .menu li {
            list-style: none;
            padding: 10px 3px 12px 0px;
            font-family: 'poppins';
            color: black;
            font-size: 18px;
            font-family: 'Poppins-SemiBold';
            margin: 0px 10px 0px 10px;
            cursor: pointer;
        }

    /* header .menu li:nth-child(5) .dropdown{
            left: -450px !important;
        }*/


}


@media (min-width:1200px) {
    .initiatives .row {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(290px, 1fr))[auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        grid-auto-rows: 1fr;
        grid-gap: 10px;
        padding-top: 20px;
    }


    header .menu li {
        margin-left: 30px;
    }
}
    
    @media (max-width:1200px){
        .initiatives .row{
            display:grid !important;
            grid-template-columns: auto auto auto;
            grid-gap: 20px;
            }
    
            header .topside{
                width: 55%;
            }  
            
            footer .row1 div:nth-child(1){
                width: 100%;
            }

            footer input{
                width: 80%;
            }
            footer button{
                width: 20%;
            }
    }
    
    @media(max-width:1300px){
        .sliderinneritem1 .right-item{
            right: -45%;
        }
    }
    @media(max-width:991px){

        header .topside {
            width: auto !important;
            max-width: 532px;
        }
        header nav .logo img{
            max-width: 60px;
        }

        header .menu .dropdown ul span i {
            background-color: #2f3094!important
        }

        .About {
            height: auto;
            background-size: cover;
        }
        
        .About .left{
            height: auto;
        }
        
        .About .right{
            height: auto;
            padding-top: 50px;
        }
        
        .About .right span{
            padding-top:10px;
        }
        
        .menu-item{
            position: relative;
           
        }
    
        .dropicon{
            position: absolute;
            top: 22px;
            right: 30px;
        }
    
        .dropicon i{
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            transition: 0.5s;
        }
    
        header .menu li.showdrop .dropdown{
            display: block;
         }

         header .menu li.showdrop .dropicon .fa-plus{
             display: none;
         }

        header .topside{
            width: 70%;
        }

        .breadcrumb-cont {
            top: 100px;
        }

        .banner{
            margin-top:145px;
        }
        .isccm-connectinner{
            flex-direction: column;
        }
        .isccm-connect input{
            width: 100%;
            max-width:2000px;
            margin-top: 20px;
            margin-left: 0px;
        }

        .isccm-connect .loginbtn {
            margin-left: 0px;
            margin-top: 20px;
        }
         .bar{
            display: block;
        }
    
        header .topside .topsideinner{
            margin-left: auto;
            padding-right: 20px;
        }
        nav .menu {
            position: fixed;
            left: 0px;
            top: 100px;
            bottom: 0px;
            width: 50vw;
            flex-direction: column;
            background-color: #2c2f8c;
            overflow-y: scroll;
            transition: 0.5s;
            transform: translateX(-120%);
            overflow-x: hidden;
            max-width: 1000px;
            transition: 0.5s;
            padding: 0px 10px;
            z-index: 15;
            border-top: 1px solid var(--color1);
            box-shadow: 5px 5px 5px 0px rgba(0, 0, 0,0.5);
        }
    
        nav .menu.show{
            transform: translateX(0%);
        }
    
        nav .menu .dropdown li{
           margin: 5px 0px;
        }
    
        header .homelogin li{
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition:all 0.5s;
        }
    
    
        header .topside input{
        width: 200px;
        }
    
    
        nav .menu::-webkit-scrollbar{
            visibility: hidden;
            width: 5px;
    
        }
    
        nav .menu::-webkit-scrollbar-thumb{
            border-radius: 15px;
            background-color: rgb(187, 187, 187);
        }
    
        nav .menu .dropdown span{
         color: black;
        }
    
        nav .menu li{
            border-bottom: 1px solid white;
            padding: 10px 0px;
            cursor: pointer;
            color: white;
            transition: 0.5s;
        }
    
    
        nav .menu li a{
            color: white;
        }

        header .menu li:hover {
            color: white !important;
        }
    
        nav .menu li:hover a{
            color: #ffffff;
        }
    
        
        header .menu .dropdown{
            position:static;
            transform: translateX(0%);
            background-color: rgb(255, 255, 255);
            border:none;
            padding:0px;
            border-radius: 5px;
            width: 100%;
            display: none;
            flex-direction: column;
            margin: 10px 0px;
        }
    
        header .menu li.showdrop .dropdown{
            display: block;
            padding: 10px;
         }
    
         nav .menu .dropdown ul li {
             margin: 5px 0px;
         }
    
        nav .menu .dropdown ul li a{
            color: black;
        }
    
    
    
        .sliderinneritem1 .right-item{
            right: -768px;
        }
    
         .carousel .item2 .carousel-caption{
             left: 0px!important;
         }
    
         .carousel .item3 .carousel-caption{
            left: 0px;
        }
    
         .carousel .item5 .carousel-caption .caption{
             left: 0px;
             width: 100%;
             height: 100%;
             padding-left: 100px;
         }
    
         .carousel .item5 .carousel-caption{
             left: 0px;
             right: 0px;
             display: flex;
             justify-content: center;
             align-items: center;
             flex-direction: column;
             bottom: 0px;
             overflow: hidden;
             margin: 0px;
             max-width: 1000px;
         }
    
         .initiatives .row{
            -ms-grid-columns: (minmax(320px, 1fr))[auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        }

        footer .row div:nth-child(1){
            width: 95%;
            margin: auto;
        }

        .content-right {
            margin-top: 45px;
        }

        .content-left {
            display: none;
        }

        .content .m-menu .m-menu-fa {
            background-color: var(--color1);
        }

        .content .m-menu ul {
            display: block;
            transition: 0.5s;
        }
    }

    
    @media(max-width:768px){
    
    
        nav .menu{
            width: 60vw;
        }
        
        .carousel-item{
            max-height: 100vh;
        }
       
 
         .carousel .item5 .carousel-caption img{
            left: -100%;
        }
    
        .sliderinneritem1 .right-item{
            right: -800px;
        } 
      
    .events .eventdateinner{
        padding: 20px 20px;
    }

    .events .left{
        margin-right: 20px;
    }
        
        .events h4{
            padding-top: 10px;
        }
    
        .gallery .galleryitems{
            -ms-grid-columns: auto;
          grid-template-columns: auto;
        }
    
        .initiatives .row{
            -ms-grid-columns: (minmax(280px, 1fr))[auto-fit];
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        }
        .noticeinner{
            grid-template-columns:auto;
        }

        footer .follow{
            display: flex;
            justify-content: center !important;
        }
    
        footer .row ul:nth-child(2){
           width: 100%;
           margin: auto !important;
       }
    
       footer .row div:nth-child(3){
           width: 100%;
       }

        footer li {
            margin: 10px 0px 0px 0px !important;
        }
}
    
    @media(max-width:991px) and (min-width:578px){
        nav{
           max-width:1000px !important;
        }
    
        header .topside .topsideinner{
            justify-content: flex-end;
         }
    
    }
    
    @media(max-width:575px){
    
        header .topside{
            padding: 5px 5px 10px 15px;
        }
        header .topside ul{
           display: none;
        }

        header .topside{
            width: 75% !important;
        }

        
        .bar{
            bottom: 11px;
        }

        .follow i{
            margin-bottom: 5px;
        }
    
        header .homelogin{
            display: block;
        }
    
        nav .menu.show{
            width: 100vw;
        }
    
        header .topside{
            right: -20px;
            padding: 0px 15px;
        }
        header .topside input{
            width: 100%;
           max-width: 1000px;
            margin: 5px auto;
            height: 100%;
        }
    
    .About .right div div:nth-child(2){
        max-width:1000px;
        text-align: center;
        margin-left: 0px !important;
    }

      .eventdateinner{
            display: flex;
            justify-content:center ;
            align-items: center;
            flex-direction: column;
            text-align: center;
        }

        .events .left{
            margin-right: -20px;
        }

        footer input{
            width: 70%;
        }

        footer button{
            width: 30%;
        }

     

        .content-right {
            width: 83%;
            align-items: center;
            justify-content: center;
            margin: auto;
        }

 
    }



@media(max-width:372px) {
    .m-menu-1 .m-menuinner h4 {
        font-size: 20px;
    }

    .content .m-menu-1 .m-menuinner li {
        padding-top: 6.5px;
    }

    header .follow {
        position: absolute;
        left: 52%;
        transform: translateX(-50%);
        bottom: 12px;
    }
 
}



/*----------------------------------------responsive style home page end--------------------------------------------------------*/







/*----------------------------------------responsive style inspection page--------------------------------------------------------*/
@media(max-width:578px) {

    .iconcont img {
        position: relative;
        left: 20px;
    }

    .iconcont {
        background-color: rgb(255, 255, 255);
        border-radius: 50%;
        max-width: 80px;
        position: relative;
    }

    .inspection p {
        padding-left: 30px;
        left: -25px;
    }
}





/*----------------------------------------responsive style aims and objectives--------------------------------------------------------*/


@media(min-width:768px) {
    .aims-design:nth-child(3) .design-cont div:nth-child(1)::before, .aims-design:nth-child(5) .design-cont div:nth-child(1)::before, .aims-design:nth-child(7) .design-cont div:nth-child(1)::before {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0,0.3);
        filter: blur(2px);
        width: 50%;
        height: 30px;
        z-index: 1;
        transform: rotate(-8deg) skewX(20deg);
        top: -25px;
        left: -10px;
    }



    .aims-design:nth-child(2) .design-cont div:nth-child(1)::before, .aims-design:nth-child(4) .design-cont div:nth-child(1)::before, .aims-design:nth-child(6) .design-cont div:nth-child(1)::before, .aims-design:nth-child(8) .design-cont div:nth-child(1)::before {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0,0.3);
        filter: blur(2px);
        width: 50%;
        height: 30px;
        z-index: 1;
        transform: rotate(8deg) skewX(20deg);
        top: -25px;
        right: -10px;
    }




    .aims-design:nth-child(3) .design-cont div:nth-child(2)::after, .aims-design:nth-child(1) .design-cont div:nth-child(2)::after, .aims-design:nth-child(5) .design-cont div:nth-child(2)::after, .aims-design:nth-child(7) .design-cont div:nth-child(2)::after {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0,0.3);
        filter: blur(2px);
        width: 50%;
        height: 30px;
        z-index: 1;
        transform: rotate(8deg) skewX(-20deg);
        bottom: -25px;
        left: -10px;
    }


    .aims-design:nth-child(2) .design-cont div:nth-child(2)::after, .aims-design:nth-child(4) .design-cont div:nth-child(2)::after, .aims-design:nth-child(6) .design-cont div:nth-child(2)::after {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0,0.3);
        filter: blur(2px);
        width: 50%;
        height: 30px;
        z-index: 1;
        transform: rotate(-8deg) skewX(-20deg);
        bottom: -25px;
        right: -10px;
    }



    .aims-design:nth-of-type(even) {
        left: -12%;
    }
}

@media(max-width:768px) {


    .aims-design:nth-of-type(even) {
        left: 0%;
    }


    .aims-design:nth-child(2) .design-cont div:nth-child(1)::before, .aims-design:nth-child(4) .design-cont div:nth-child(1)::before, .aims-design:nth-child(6) .design-cont div:nth-child(1)::before, .aims-design:nth-child(8) .design-cont div:nth-child(1)::before {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0,0.5);
        filter: blur(2px);
        width: 50%;
        height: 30px;
        z-index: 1;
        transform: rotate(-8deg) skewX(20deg);
        top: -30px;
        left: -10px;
    }

    .aims-design:nth-child(1) .design-cont div:nth-child(2)::before, .aims-design:nth-child(3) .design-cont div:nth-child(2)::before, .aims-design:nth-child(5) .design-cont div:nth-child(2)::before, .aims-design:nth-child(7) .design-cont div:nth-child(2)::before {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0,0.5);
        filter: blur(2px);
        width: 50%;
        height: 30px;
        z-index: 1;
        transform: rotate(-8deg) skewX(20deg);
        bottom: -30px;
        right: -10px;
    }




    .aims-design:nth-child(2) .design-cont div:nth-child(2)::after, .aims-design:nth-child(4) .design-cont div:nth-child(2)::after, .aims-design:nth-child(6) .design-cont div:nth-child(2)::after {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0,0.5);
        filter: blur(2px);
        width: 50%;
        height: 30px;
        z-index: 1;
        transform: rotate(8deg) skewX(-20deg);
        bottom: -30px;
        left: -10px;
    }

    .aims-design:nth-child(3) .design-cont div:nth-child(1)::after, .aims-design:nth-child(5) .design-cont div:nth-child(1)::after, .aims-design:nth-child(7) .design-cont div:nth-child(1)::after {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0,0.5);
        filter: blur(2px);
        width: 50%;
        height: 30px;
        z-index: 1;
        transform: rotate(8deg) skewX(-20deg);
        top: -30px;
        right: -10px;
    }
}

@media(max-width:578px) {

    .aims-design {
        min-height: 140px;
    }

        .aims-design .caption {
            position: absolute;
            top: 15px;
            left: 15%;
            width: 60%;
            bottom: 0px;
            color: white;
            font-size: 14px;
        }

        .aims-design .icon {
            right: 5px;
        }

        .aims-design:nth-of-type(even) .icon {
            left: 5px;
        }

        .aims-design:nth-of-type(even) .design-cont div:nth-child(1) {
            margin: 0px 0px;
        }

        .aims-design:nth-child(even) .design-cont div:nth-child(2) {
            margin: 0px 0px;
        }

        .aims-design:nth-of-type(odd) .design-cont div:nth-child(1) {
            margin: 0px 0px;
        }

        .aims-design:nth-child(odd) .design-cont div:nth-child(2) {
            margin: 0px 0px;
        }

        .aims-design .caption {
            position: absolute;
            top: 15px;
            left: 12%;
            width: 65%;
            bottom: 0px;
            color: white;
            font-size: 14px;
        }
}

@media(max-width:372px) {
    .aims-design p {
        font-size: 12px !important;
    }
}



/*----------------------------------------responsive style idccm page--------------------------------------------------------*/

@media(max-width:578px){
    .ifccm .panel-heading.collapsed .panel-title .fa-caret-down {
        
        right: 10px;
    }

    .ifccm .panel-heading .panel-title .fa-caret-down {
        right: 10px;
    }

    .idccn .panel-title::before {
        width: 50px;
    }

    .idccn .panel-title::after {
        display:none
   
    }

    .idccn .panel-title {
        padding: 10px 0px 10px 10px !important;
    }

  
}

@media(max-width:400px) {
   .Idccm .panel-heading .icon {
        max-width: 16px;
        max-height: 30px;
        left: 5px;
    }

   .Idccm .panel-title {
        padding: 8px 0px 8px 50px !important;
    }

      .Idccm .panel-title::before {
            width: 53px;
        }
}

/*----------------------responsive educalendar---------------------------------*/
.educalender table {
    width: 992px;
}

.educalender .container {
    overflow-x: hidden;
}

    .educalender .container div:nth-child(1) {
        overflow-x: scroll;
    }

        .educalender .container div:nth-child(1)::-webkit-scrollbar {
            visibility: hidden;
        }

/*---------------------------------responsive apply online---------------------------------------------------*/
@media(min-width:768px){
    .apply-online .aadhar {
        max-width:320px;
    }
}

/*---------------------------------responsive newsletter---------------------------------------------------*/

@media(max-width:400px){
    .newsletter .panel-title {
        font-size: 14px;
        color: white;
        text-transform: none;
        overflow: hidden;
        margin-bottom: 0px !important;
        padding: 8px 0px 8px 15px !important;
    }
}

/*--------------------------------------------responsive executive-----------------------------------------------------------------*/
@media(max-width:768px){
    .Executive .panel-group .panel-heading {
        min-height: 35px;
    }

    .Executive .panel-heading.collapsed .panel-title .fa-angle-down {
        right: 5px;
    }

    .Executive .panel-heading .panel-title .fa-angle-down {
        right: 5px;
    }
}

@media(max-width:578px){
    .Executive .panel-title::before {
        width: 50px;
        left: -30px;
    }
}

/****************************responsive network*************************************/

@media(max-width:578px) {
    .network .panel-group .panel-heading {
        min-height: 35px;
    }

    .network .panel-heading.collapsed .panel-title .fa-angle-down {
        right: 5px;
    }

    .network .panel-heading .panel-title .fa-angle-down {
        right: 5px;
    }
}


/* ----------------------------------------------------Training Courses-----------------------------------------------------*/

           @media (min-width: 375px) and (max-width: 479px){
            .ICCM .Tcard{
             width: 80% !important;
                 height: 360px !important;
            }
            
           }
           @media (min-width: 320px) and (max-width: 740px){
          .ICCM .Tcard{
             width: 80% !important;
                 height: 360px !important;
          }
            
           }
           @media (min-width: 768px){
           .ICCM .Tcard{
             width: 80% !important;
               height: 360px !important;
            }
        
           }
           
        

/* ----------------------------------------------------teacher Accredation-----------------------------------------------------*/

@media (min-width: 375px) and (max-width: 479px){
  .Teacher .li{
       
        margin: 25px;
    }
   .Teacher ul.num{
  
   margin-left: 0px;
}

     .Teacher .nowrap{
         display: flex;
    -ms-flex-wrap: wrap;
  
    margin-right: -15px;
    margin-left: -15px;
            flex-wrap: nowrap !important;
    }
}
@media (min-width: 320px) and (max-width: 740px) {

    .Teacher .nowrap {
        display: flex;
        -ms-flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        flex-wrap: nowrap !important;
    }
}


/********************************* How To Join *********************************/


@media(max-width:768px) {
    .membership-fees .membership-boxes {
        margin-left: 22%;
    }
    .card .member-btn {
        position: relative;
        bottom: 0;
    }
}

@media(max-width:484px) {
    .membership-fees .membership-boxes {
        margin-left: 16% !important;
    }
}

@media(max-width:408px) {
    .membership-fees .membership-boxes {
        margin-left: 8% !important;
    }
}


/********************************* Research Objetive ********************************************/
@media(max-width:1200px) {
    .vision-image img {
        max-width: 400px;
    }

    .mission-image img {
        max-width: 400px !important;
    }
}

@media(max-width:768px) {
    .our-vision {
        flex-direction: column;
    }

    .vision-text {
        padding-right: 0px;
    }

    .our-mission {
        flex-direction: column-reverse;
    }
}


/*********************************************** FNCC start ***************************************/


@media(max-width:992px) {
    .fncc-box .fncc-box-1 {
        margin-bottom: 55px;
    }

    .box-content {
        height: auto;
    }
.box-content p:nth-child(1) {
padding-top: 20px;
}
.fncc-box {
margin-bottom: 0;
}
}
/********************************* institute-accreditation *********************************/
@media(max-width:768px){
    .institute_table {
        overflow-x: scroll;
    }

        .institute_table::-webkit-scrollbar{
            visibility:hidden;
        }


        .institute_table table {
            border: 2px solid #8d8ea2;
            width: 768px;
        }
}
/**************************************** Scholarship **********************************************/
\
@media(max-width:680px) {
    .fees-flex

{
    display: flex;
    flex-direction: column;
}
}

/* ----------------------------------------------------Print ID/certificate-----------------------------------------------------*/
@media  (max-width: 768px) {
     .printid .text-center{
         text-align:left !important;
     }
    .printid .margin-left {
        margin-left: 0px !important;
    }

    .printid .form-control2 {
        width: 100%;
    }

    .printid .margin70px {
        margin: 10px;
    }


    .printid .green-text {
        right: 15px;
    }
  .printid  .mview{
      margin-top:17px;
  }

    /*.printid input[type="radio"] {
          right: 26px;
           height:16px;
            background-color: #e6e7e9 !important;
            accent-color: #272262 !important;


    }*/
}

@media (min-width: 576px){

    .printid .blacktheme{
               
    font-size: 18px !important;
    color: black;
       }

     .printid  .mview{
      margin-top:0px;
  }
     .printid .padding30px {
    
     margin-inline: -50px;
}
}


/* ----------------------------------------------------track Application-----------------------------------------------------*/
@media (max-width: 768px) {
    .track .margin70px {
        margin: 0px !important;
    }

    .track .heading {
        font-size:25px !important;
    }
    .track .marginleft2 {
        margin-left:0px !important;
    }

    .track .form-control3 {
        width:100% !important;
    }
     .track .form-control2 {
        width:100% !important;
    }

     
}
@media(min-width: 778px) and (max-width: 992px){

       .track .margin70px {
        margin: 0px !important;
    }

   
    .track .marginleft2 {
      margin-left: 0px !important;
    }
    
   

   
}

@media(min-width: 993px) and (max-width: 2200px){

       .track .margin70px {
        margin: 0px !important;
    }

   
    .track .marginleft2 {
      margin-left: 0px !important;
    }
    
   

   
}
/* ----------------------------------------------------postal -----------------------------------------------------*/
@media (min-width: 320px) and (max-width: 740px) {

    .postal .flex {
        margin-left: -42px;
        display: grid;
    }
}
    

@media (min-width: 375px) and (max-width: 740px) {

    .postal .flex{
        margin-left: -15px;
        display:grid;
    }

}
/* ----------------------------------------------------socail responsibility-----------------------------------------------------*/

@media (min-width: 320px) and (max-width: 575px) {

    .socialR .flex{
            margin-left: -42px;
        display:grid;
    }

    .socialR .member-box {
    padding: 1px 7px;
    margin: 14px 0px;
}

    .socialR .panel-title::before {
   
  left: -29px;
    top: 0px;
  
}

    .socialR .gcolor{

    background-image: none;
}

@media (min-width: 375px) and (max-width: 574px) {

    .socialR .flex{
        margin-left: -15px;
        display:grid;
    }
     .socialR .member-box {
    padding: 1px 7px;
    margin: 14px 7px;
}

}
   
    }

  


    

/*-------------------------------------------------------------------------New Branches-----------------------------------------------*/
@media (min-width: 320px) and (max-width: 740px) {

  .new_branch .panel-group2 {
   
    font-family: 'Poppins-Regular';
}
    

    .new_branch .text2 {
        font-size: 16px;
    }

.new_branch .mt-5 {
     margin-top: 3rem!important; 
}
    }

@media (min-width: 375px) and (max-width: 740px) {

   .new_branch .panel-group2 {
   
    font-family: 'Poppins-Regular';
}
    .new_branch .text2 {
        font-size: 19px;
    }

    .new_branch .mt-5 {
    margin-top: 3rem!important; 
}
}
@media (min-width: 768px) and (max-width: 991px) {

    .new_branch .member-box {
        padding: 0px;
        margin: 0px;
    }

.new_branch .ml-4 {

    margin-left:0rem !important;
                }
}



/*-------------------------------------------------------------------------isccm Branches-----------------------------------------------*/
@media (min-width: 320px) and (max-width: 767px) {

    .isccm_branch .hbox {
    width: 0px;
}
 .isccm_branch .filtermenu {
     padding:20px 10px 10px 20px;
    width: 100%;
    margin: 0px auto;
    text-align: center;
}
.isccm_branch .All-box {
    width: 33% !important;
}

.isccm_branch .ibox{
    width:40px;
}

.isccm_branch .jbox {
    width:40px;
}

.isccm_branch .container.bgcolor {
    padding: 0px 0px 80px 0px;
    border-radius: 40px;
   
}
 .isccm_branch .row {
     margin:0px!important;
 }
}

@media (min-width: 320px) and (max-width: 767px) {
   
    .isccm_branch .All-box {
    width: 55%;
}
     .isccm_branch #keyboard{
         display:none;
     }
     .isccm_branch #keyboard1{
         display:contents;
     }

    .isccm_branch .row {
     margin:0px!important;
 }
   
}

@media (min-width: 768px) and (max-width: 991px) {
    .isccm_branch .filtermenu {
        padding: 2px;
        width: 100%;
        margin: 0px auto;
        text-align: center;
    }

    .isccm_branch .All-box {
        width: 50%;
    }
      .isccm_branch #keyboard1{
         display:none;
     }
     .isccm_branch .card {
        max-height:none;
    }
}
@media (min-width: 992px) and (max-width: 2200px) {
   
    .isccm_branch .All-box {
    
}
    .isccm_branch #keyboard1{
         display:none;
     }
 
}
/************************************ Past Presidents, Vice Chancellors, General Secretaries ****************************************************/

@media(max-width:502px) {
    .img-circle {
        margin-left: 30%;
    }
}
/*----------------------------------------------------calender ----------------------------*/
@media (min-width: 320px) and (max-width: 767px) {
    .calender .left {
        position: relative;
        margin-right:-17px;
    }
}

@media (min-width: 375px) and (max-width: 767px) {

    .calender .left {
        position: relative;
        margin-right:-15px;
    }

}


/*---------------------------------------------------------------ACRT /FARC----------------------------------------------------*/


@media (min-width: 320px) and (max-width: 740px) {

.ACRT .padding40px {
    padding: 20px;
}

}

@media (min-width: 320px) and (max-width: 740px) {

 .ACRT .padding40px {
    padding: 20px;
}

}











/*---------------------------------------------------------------Step series----------------------------------------------------*/

@media (min-width: 320px) and (max-width: 740px) {
    .step .theme-color {
        text-align:justify;
        color: #272262;
        font-family: 'Poppins';
    }

    .step .padding20px {
        padding:10px;
    }
}
/*------------------------------responsive contact us-----------------------------------------------------*/

@media(max-width:400px) {
    .contactus .contact {
        font-size: 14px;
    }
}

@media(max-width:991px) {
    .contactus {
        margin-top: 100px;
    }
}