/* JITP RESPONSIVE DESGNG START */
@media screen and (min-width : 1200px){

     /* show it on small screens */
     .navbar-expand-md .navbar-toggler {
        display: none !important;
  }

    .navbar-expand-md .navbar-collapse{
        display: flex;
    }
    .cross-btn-set-res{
        display: none;
    }
    .d-xlg-flex{
        display: flex !important;
    }

  }

  @media screen and (max-width : 1000px){
    .messenger {
        height: 85vh !important;
        top: 90px !important;
        position: relative;
      }
  }


  @media screen and (max-width : 1500px){
    .messenger-headTitle{
        font-size: 20px !important;
    }
    /* show it on small screens */
    .search-by-skill-resp{
        width: 188px;
    }
    .login-btn-resp{
        width: 150px;
    }
    .brand-logo-res{
        max-width: 200px;
    }
    .nav-link{
        font-size: 14px !important;
    }
    .our-mess-plr-res{
        padding-left: 0;
        padding-right: 0;
      }
      .our-mission-section-edit{
        height: 100%;
      }

    .login-pm-res{
    padding-left: .5rem;
    padding-right: .5rem;
    margin-left: 0;
     }
     form.login-form, .login-text-set, form.register-form{
        width: 100%;
     }

    .login-head-sec-res{
        height: 100%;
    }
 }
  @media screen and (max-width : 1300px){

    /* show it on small screens */
    .contact-main-sec{
        width: 100%;
        padding: 0 1rem;
        height: 100% !important;
        display: block !important;
    }
    .contact-mess, .contact-form-set-b , .contact-us-set-text, .btn-contact-res{
        width: 100% !important;
    }

 }
  @media screen and (max-width : 1200px){
    .main-arbaeen-conference{
        grid-template-columns: auto auto !important;
    }
    .search-by-skill-resp{
        width: 200px;
    }
    .search-by-skill-resp{
        border: 1px solid #FFF;
        border-color: #FFF !important;

    }
    .navbar-nav{
        text-align: center !important;
    }
    .navbar-expand-md .navbar-nav{
        flex-direction: column !important;
    }
    .navbar-expand-md .navbar-collapse{
        display: unset !important;
    }


    .navbar-expand-md .navbar-toggler {
        display: block !important;
  } /* hide it elsewhere */
  .brand-logo-set{
    margin-left: unset;
  }
  .set-navbar-colla{
    margin-top: unset;
    margin-right: unset;
  }
  .navbar .navbar-collapse.show {
    right: 0;
}
  .navbar .navbar-collapse {
      position: fixed;
      right: -100%;
      width: 100%;
      top: 0;
      height: 100%;
      background:#0C7477;
      border: 5px;
      z-index: 999999;
      overflow-y: scroll;
      -webkit-transition: all 0.25s ease-out;
      -o-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      padding: 5px;
      text-align: center;
  }
  .navbar .navbar-collapse-white {
      position: fixed;
      right: -100%;
      width: 100%;
      top: 0;
      height: 100%;
      background: rgb(255 255 255 / 90%);
      z-index: 999999;
      overflow-y: scroll;
      -webkit-transition: all 0.25s ease-out;
      -o-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      padding: 5px;
      text-align: center;
  }
  #web_only{
    display: none;
}
  }



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

    .mess-btn-mb-res{
        margin-bottom: .5rem;
    }
    .profile-img-res{
        margin-left: .5rem;
    }
    .about-sec-text-res{
        padding-right: unset !important;
      }
      .btn-contr-res{
        margin-top: .5rem;
        margin-left: unset;
      }
      .res-padding-set-profile{
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }
    .profile-btn-res-set{
        text-align: unset;
    }
    .skill-sec-res{
        margin-top: 1rem;
    }
    .main-arbaeen-conference{
        grid-template-columns: auto !important;
    }
    .event-video-h-res{
        height: 100%;
      }
    .join-event-section-set{
        position: unset;
        width: 100%;
    }

    .float-right-res{
        float: left;
        margin-top: 1rem;
    }
    .event-main-g-class-h{
        font-size: 1.5rem;
        width: 100%;
    }

    .footer-link-res{
        padding: 0;
        margin: 0;
    }
    .contribute-btn-res{
        width: 55%;
    }
    .upcomming-car-body{
      height: 100% !important;
      padding-top: 1rem !important;
    }
    .upcomming-card-img{
      border-radius: 10px;
    }
    .about-sec-res, .contact-sec-res{
        height: 100% !important;
        padding: 3rem 0;
      }
    .about-main-sec, .upcomming-card-img{
        height: 100% !important;
    }
    br{
    	display:none;
    }
    .carousel-caption{
        right: 15px;
        left: 15px;
    }
    .home-page-banner{
        min-height: 650px;
    }
    .next-event-main-sec{
        justify-content: left;
        padding: 3rem;
        height: 100% !important;
    }
    .event-des-res, .step-head-text-res, .step-p-des-res, .contact-main-sec, .footer-text-set-res{
        width:100%;
      }
      .steps-des-res{
        padding: 0 0;
      }
      .MultiCarousel .leftLst, .MultiCarousel .rightLst{
        top: -32px;
      }
      .profile-slider-res{
        margin: 0 0;
      }
      .main-sub-text{
        width: 100%;
    }
    .about-main-sec-res{
        margin-top: 50px;
        padding: 0 1rem;
    }
    .roll-mentor-sec-res{
        display: block !important;
        padding: 0 3rem 3rem;
    }
    .roll-mentor-sec-res p{
        width: 100% !important;
    }
    .gallery-head-sec-res{
        padding: 0 2rem;
    }

  }

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

  .mob_v {
    max-width: 400px !important;
}
.req_s{
    font-size: small !important;
}

.set-nav-link-color{
  color: black !important;
}
.add-login-box-shado{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    .h1, h1{
        font-size: 1.75rem !important;
    }
    .pb-5, .py-5{
        padding-bottom: 2rem!important;
        padding-top: 2rem!important;
    }
    .display-4 {
        font-size: 1.5rem !important;
    }
    .h3, h3 {
        font-size: 1.25rem !important;
    }
    .h5, h5 {
        font-size: 1rem !important;
    }

    /* footer .col-md-3{
        max-width: 50%;
    } */
    footer .mob_100{
        max-width: 100%;
    }

    .mobile_stats{
        display: inline-flex;
    }
    .mobile_stats .col-md-4{
        max-width: 50%;
    }

  .dropdown .dropdown-menu {
      display: none;
  }

  .dropdown.show
  .dropdown-menu,
  .dropdown-menu.open {
      display: block;
  }


    .dd-menu:before,
    .dd-menu-user:before {
      left: 50%;
    }
    .carousel-caption .display-4 {
      font-size: 2.1rem !important;
    }
    .item h5 {
      line-height: 1.2 !important;
    }
    .social-links {
      text-align: center !important;
      margin-top: 10px;
    }
    .list-social {
      float: none !important;
    }
    .copyright {
      text-align: center;
    }
    .btn-create {
      margin-top: 10px;
    }

    .navbar .navbar-collapse .close-menu {
      color: #FFF;
      padding: 2px 4px;
      background: transparent;
      display: inline-block;
      cursor: pointer;
      font-size: 25px;
      text-align: center;
      font-weight: 100;
      text-decoration: none;
    }
    .navbar .navbar-collapse .close-menu-white {
      color: rgb(0, 0, 0);
      padding: 2px 4px;
      background: transparent;
      display: inline-block;
      cursor: pointer;
      font-size: 25px;
      text-align: center;
      font-weight: 100;
      text-decoration: none;
    }

    .navbar .navbar-nav .nav-item {
        display: block;
        width: 100%;

        margin-bottom: .25rem;

    }

    .navbar .navbar-nav .nav-item .nav-link {
        display: block;
        padding: .625rem;
        color : black !important;
    }

  }
  @media screen and (max-width : 600px){
    .carousel-caption-res{
        top:8rem;
      }
  }

/* JITP RESPONSIVE DESGNG END */

@media only screen and (min-device-width: 1600px){
    .container-set-width{
      max-width: 1300px !important;
    }
    .slider-m-r-h{
      margin-right: 10px !important;
      height: 600px !important;
    }
    .slider-img-t{
      top: -115px !important;
    }
    .MultiCarousel .leftLst { right:75px !important;  }
      .MultiCarousel .rightLst { right:35px !important; }
      .box-shadow-upcomming-page{
        margin-left: 3rem;
        margin-right: 3rem;
      }
      .home-page-banner{
        min-height: 915px !important;
      }
  }


@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        /*max-width: 1170px;*/
        max-width:85vw;
      }
    }


@media (min-width: 768px){
    .modalContactOrganizer {
        width: 450px;
        margin: 30px auto;
    }
    .side_bar {
        overflow-y: scroll;
        max-height: 500px;
    }
}




@media (max-width:768px){

    .side_bar {
        display: flex;
        flex-direction: row;
        float: none;
        overflow-x: scroll;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 15px;
    }
    footer.container {
        padding-left: 30px;
        padding-right: 30px;
    }
}


@media screen and (min-width: 30em) {
    .profile__image {
      display: inline-block;
      margin: 0 1em 0 1em;
    }
    .profile__details {
        display: inline-block;
        vertical-align: top;
        text-align: left;
      }
  }

@media only screen and (max-width: 480px) {
    .me-float-left{
        float : left !important
    }
    }

    @media screen and (max-width : 1920px){
        .div-only-mobile{
        visibility:hidden;
        }
        .display-mobile-only{
            visibility:visible;
            }
      }
      @media screen and (max-width : 906px){
      .desk{
        visibility:hidden;
        }
      .div-only-mobile{
        visibility:visible;
        }
        .width-on-mobile{
            width: 380px !important;
            }
        .display-mobile-only{
            visibility:hidden;
            }
      }

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

        .m-top{
            margin-top: 100px !important;
        }
        .p-top{
            padding-top: 250px !important;
        }
        .mg-form{
            margin-top: 150px;
        }
        .mar-top{
            margin-top : 80px;
        }
        #mobile_only{
            display: none;
        }
        .mobile_only1{
            display: none;
        }
        .footer-border{
            border-left: 0.05px solid white;
        }
        .mobile_header{
            left: 3rem !important;
        }
        .frient-profile-web-center{
            text-align: right !important;
        }
        .about-img{
            width: 450px !important;
        }
      }
      @media screen and (max-width : 992px){

        .m-top{
            margin-top: 100px !important;
        }
        .p-top{
            padding-top: 180px !important;
        }
        /* .mg-form{
            margin-top: 20px;
        } */
        .reverse{
            flex-direction: column-reverse;
        }
        .mar-top{
            margin-top : 20px;
        }

        .web_only1{
            display: none;
        }
        #mobile_only{
            display: block;
        }
        .mobile_only1{
            display: block;
        }
        .footer-border{
            border-left: 0.00px ;
        }
        .mobile_header{
            left: 6% !important;
        }
        .register-sign-in-button{
            margin-left: 61px !important;
        }
        .round-feature-mobile{
            border-radius: 50%!important;
        }
        .frient-profile-web-center{
            text-align: left !important;
        }
        .about-img{
            width: 350px !important;
        }
      }

    /*  .owl-item {*/
    /*    max-width: 353px !important;*/
    /*}*/
      @media  (max-width: 769px){
        .owl-item {
            max-width: 100% !important;
        }
      }
      .overflow-hidden {
        overflow: auto !important;
    }
    .owl-carousel .prev-slide {

        display: none !important;
    }
    .owl-carousel .next-slide {
        display: none !important;
    }
    @media screen and (max-width : 300px){
        .gal_fold{
            float: left !important;
        }

    }
    @media only screen and (min-width : 0px) and (max-width : 310px){
        .gal_fold{
            float: left !important;
        }
        .mob_fold{
            margin-left: -30% !important;
        }
        .btn{
            padding: 0.375rem 0.5rem;
        }
        .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

            padding-right: 0px !important;
            padding-left: 0px !important;
    }
    }
    @media only screen and (min-width : 0px) and (max-width : 770px){
        .msg_mobile_view{
            padding-left: 15px !important;
        }

    }
    .btn_size{
        padding: 0.37rem 0.6rem !important;
    }

@media only screen and (min-width : 576px) and (max-width : 590px){
        .see_more_layout{
            margin-left: 25px !important;
        }
}

@media  (min-width : 1000px) and (max-width : 1490px){
        .btn{
            font-size: 0.75rem !important;
        }
}