@media (max-width:1920px) and (min-width:1900px) {
    .section-logo {
        margin-top: -180px;
    }
.para {
    position: absolute;
    left: 348px;
}


}

@media (max-width:1792px) and (min-width:1791px) {
    .section-logo {
        margin-top: -180px !important;
    }
    .flip-card {
    background-color: transparent;
    width: 100%;
    height: 354px !important;
    perspective: 1000px;
    margin-bottom: 8px;
}

.timeline ul li {
    list-style-type: none;
    position: relative;
    width: 5px;
    margin: 0 auto;
    padding-top: 0px;
    background: #f688b4;
    border-radius: 10px;
    height: 175px !important;
}
.timeline ul li div {
    position: relative;
    bottom: 0;
    width: 189px !important;}

.timeline ul li div {
    top: 38px !important;
}
.timeline ul li:nth-child(even) div {
    left: -231px !important;
}
.timeline ul li::after {
    content: "";
    top:150px !important;
    background: inherit;
    z-index: 1;
}

time {
    display: block;
    font-size: 12px !important;
  
}
.para {
    position: absolute;
    top: 13%!important;
    left: 348px!important;}

.media_home .para{
     top: 16%!important;
}
.blog-list-widget .list-group-item{
    height: 55px;
}
.section.wb{margin-top:18px;}


}

@media (max-width:1600px) and (min-width:1580px) {
    .section-logo {
        margin-top: -190px;
    }

}
@media (max-width:1366px) and (min-width:1360px) {
.section-logo{margin-top:-148px;}
}
@media (max-width:1280px) and (min-width:1279px) {
    .section-logo{margin-top:-148px;}
 .para {
    position: absolute;
    left: 165px!important;
    width:375px!important;
}
.para p{
    font-size: 16px !important;
}
}
@media (max-width:1120px) and (min-width:1110px) {
       .para {
    position: absolute;
    top: 10%!important;
    left: 148px!important;
    width:335px!important;
}
.para p{
    font-size: 14px !important;
}
.timeline ul li div {
    width: 110px !important;
}
.timeline ul li:nth-child(even) div {
    left: -137px !important;
}

}

@media (max-width:934px) and (min-width:932px) {
       .para {
    position: absolute;
    top: 7%!important;
    left: 118px!important;
    width:255px!important;
}
.para p{
    font-size: 11px !important;
}
.timeline ul li div {
    width: 110px !important;
}
.timeline ul li:nth-child(even) div {
    left: -137px !important;
}

}
@media (max-width:1024px) and (min-width:1023px) {
    .para {
    position: absolute;
    top: 8%!important;
    left: 118px!important;
    width: 318px!important;
}
.para p{
    font-size: 14px !important;
}

.timeline ul li:nth-child(even) div {
    left: -147px !important;
}
.timeline ul li div {
    width: 120px !important;
}

}

@media (max-width:1024px) {
 .child h2 {font-size: 24px;font-weight: 300;line-height: 28px;}
 .parent.center-width .child h2 {  line-height: 34px;}
 .tabb-center .tabb-row li { width: 50%;}
}


@media (max-width: 980px) {
 .title h3::before {height: 2px; bottom: -8px;}
 .impact.program-fellowship { padding: 0em 0;}
 .heading { margin-top: 10px;}
 .banner-title h1, .banner-title-6 h1 {  font-size: 45px;}
 .content-inner { padding: 2rem 0;}
 .img-content { margin-bottom: 30px;}
 .team-member.header-top {width: 100%;}
 .child h2 {font-size: 24px;font-weight: 300;line-height: 40px;}
 .parent.center-width .child h2 {  line-height: 34px;}
 .parent { width: 100%;}
 #myText { font-size: 13px; padding: 20px 0;}
.wdth-team {display: inline-block;width: 49%;}
.team-member img { margin: 0 auto;}
}  


@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
img.image-show_mobile {
    display: none;
}
}  

@media (min-width: 767px) {
  .mobile_view{display: none;}
  .desk_view{display:block;}
}

@media (max-width: 768px) {

.mobile_view{display: block;}
.desk_view{display:none;}

  .title h3::before { height: 2px;  bottom: -8px;}
  .impact.program-fellowship {padding: 0em 0;}
  .impact.program-fellowship ul.list-unstyled li { text-align: inherit;}
  .title-text.title.text-center.padd-title {padding: 2rem 0 0rem 0;}

.heading.line-heading {
    margin-bottom: 0px;
    margin-top:85px;
    font-size: 16px;
}
.flip-card {
    background-color: transparent;
    width: 100%;
    height: 146px;
    perspective: 1000px;
    margin-bottom: 8px;
}
.grid figure {
    display: inline-block;
    float: none;
    margin: 0px auto;
    width: 100%;
}
.timeline ul li div {
    width: calc(52vw - 91px)!important;
}
.grid_about figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.heading.line-heading.mob_heading {
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 16px;
}
time {
    display: block;
    font-size: 9px;
    font-weight: 500;
    margin-bottom: 8px;
    color: white;
    text-align: left;
}
.timeline ul li:nth-child(even) div {
    left: 35px !important;
}
.timeline ul li {
    margin: 9px auto !important;
}
.timeline ul li {
    margin-left: 10px !important;
}
.mar_pd_0 {
    font-size: 12px;
}
.section-logo {
    margin-top: -53px;
}
.icon {
    position: absolute;
    right:85%!important;
    bottom: auto;
    top: -142% !important;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 16px 37px 20px 20px;
}
  .banner img{height: 220px;}
  .para {
    position: absolute;
    top: 235px;
    left:0px !important; 
    z-index: 9;
    width: 407px;
    color: #a41d52;
    font-weight: 600;
    font-family: 'Alkatra', cursive;
    width: 100%;
    height:100px;
}
.custcol-padd {
    padding: 0;
    margin-top: 35px;
}
.para p{font-size:12px!important;}
.bg-social {
    background-image: url(../images/footer_bg.jpeg);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 56px;
}
.mmt-2 {
    margin: 0% 0px !important;
    text-align: center;
    margin-bottom: 10px;
}
.pulse-effect {
    /* background-color: #0d0d0dc7; */
    height: 55px;
    width: 55px;
    line-height: 55px;
    border-radius: 100%;
    position: absolute;
    z-index: 99;
    position: absolute;
    top: 40%;
    /* text-align: center; */
    left: 0;
}
.pulse-effect {
    /* background-color: #0d0d0dc7; */
    height: 40px;
    width: 40px;
    line-height: 55px;
    /* border-radius: 100%; */
    /* position: absolute; */
    /* z-index: 99; */
    /* position: absolute; */
    /* top: 6%; */
    /* text-align: center; */
    left: 5%;
    right: 27%;
    position: relative;
}
.pulse-effect i {
    position: absolute;
    right: 0;
    right: 231%;
    left: -122%;
    margin-left: auto;
    margin-right: auto;
    top: 0%;
    background-color: #a41d52;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    -webkit-animation: video-pulse-presentation 2s linear infinite;
    animation: video-pulse-presentation 2s linear infinite;
    z-index: 9999;
}
.readmore_button{margin-bottom: 6px;}
.line-heading { font-size: 16px;}
.whatsapp {
    bottom: 9%;
    right: 15px;
}





}  


@media screen and (max-width: 767px) {
.parent { width: 100%;}
.element-left { margin-bottom: 20px;}
.mt-5 { margin-top: 2rem;}
.challenges .title h1 {font-size: 25px;}
.model .title h1 {font-size: 25px;}
.font-mb{font-size: 24px;}
.smart-city .title h1 { font-size: 25px;}
.smart-city { padding: 0em 0;}
nav.navbar.navbar-inverse.navbar-fixed-top.sub-menu-header_navbar .open .dropdown-menu>li>a { color: #ffffff;}
.banner-title, .banner-title.our-team, .banner-title.our-team, .banner-title-6 { padding: 10rem 0!important;}
.sub-menu-header_navbar ul.social-network {    position: absolute;left: 5%;top: 9px;}
.sub-menu-header_navbar .social-circle li a {width: 35px;height: 35px; border-radius: 50%; border: 2px solid #be8c76;}
.sub-menu-header_navbar .social-circle li i { line-height: 35px;}
.apply button.btn.btn-info { width: 50%;}
.row-map { float: none;width: 100%;}
.row-wdth {float: none;width: 100%;}
h1.title-urban.fellow-city { text-align: left; font-size: 14px; line-height: 22px;    margin-bottom: 3rem;}
/*.image-show_desktop {display: none;}*/
#open-video img.image-show_mobile {
    width: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.footer_logo ul li img {
    max-width: 115px;
}
}

@media screen and (max-width:480px) {
  .banner-title h1 {font-size: 35px;}
  .team-member.header-top {width:100%}
  .team-member {  width: 75%; margin: 0 auto; margin-bottom: 20px;}
  .banner-title-6 h1 { font-size: 40px;}
  .title-text.title.padd-title h1 { font-size: 25px;line-height: 35px;}
  .content-1 { padding: 0 20px;}
  .title h3::before {height: 2px; width: 60%;bottom: -8px;}
  .heading p { line-height: 1.6em;font-size: 14px;text-align: inherit;margin-top: 1rem;}
  .impact.program-fellowship {padding: 0em 0;}
  .impact.program-fellowship ul.list-unstyled li { padding-left: 10px;  line-height: 1.3em;font-size: 14px;padding-bottom: 10px;}
  .parent.center-width .child h2 { line-height: 28px;}
  .tabb-center .tabb-row li { width: 100%!important;}
  .optionBox input { width: 100%;}
  span.remove {  width: 50%;margin-left: 0px; margin: 0 auto;display: block;margin-bottom: 2rem;}
  #myText { width: 100%;font-size: 12px; padding: 20px 0;}
  .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-left: 0px;}
  .wdth-team {width: 100%;}
  .parent { padding: 105px 0;}
}


@media screen and (max-width:320px) {
  .element-left { padding: 10px 15px;}
  .tile-heading {font-size: 10px;}
  .close_btn { top: 2px;}

}