/* Smartphones (portrait and landscape) ----------- */

/* 320px - 425px */

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

    .topMenuBar .navbar-brand{
        width: 80%;
    }
    
    .topMenuBar .menuItems{
        width: 100%;
    }

    .nav>li{
        text-align: left;
    }
    .dropdown-menu li{
        text-align: left;
    }

    .video-content-above{
        font-size: 15px;
    }
    
    .home_box{
        height: auto;
    }

    .div#mep_0{
        width: 100%!important;
    }

    /* .no_pad .px-4{
        height: 200px;
        -webkit-box-align: start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	    display: flex;
	    padding: 0 25px 25px;
    } */

    /* .no_pad .px-4 span{
        align-self: center!important;
    } */

    h1.cih-h1{
        font-size: 26px;
    }

    .box_bg{
        width: 100%;
        height: auto;
        padding-bottom: 5px;
    }

    .box_txt{
        /* top: 30%;
	    bottom: auto; */
    }

    .animate4 .box_txt {
        bottom: 7px;
	    left: 23px;
	    top: auto;
    }

    .animate5 .box_txt {
        bottom: 7px;
	    left: 23px;
	    top: auto;
    }

    .animate3 .box_txt {
        bottom: 7px;
	    left: 23px;
	    top: auto;
    }

    .wrapper.mt-0 p span {
        font-size: 12px;
    }

    /* newsletter */
    .description .header .title {
        font-size: 16px!important;
        font-weight: 600!important;
    }

    .view-page-study01 h1{
        font-size: 15px;
	    font-weight: 600;
    }

    /* gallery album */
    .album-box .img-responsive {
        padding: 5px;
    }

    .album-box .album-caption{
        width: 97%;
	    left: 5px;
    }

    /* how to apply - infographic */
    .page_description{
        margin-top: 1em!important;
    }

    .navigationBox{
        display: none!important;
    }

    /* .page_description .col-md-10 .wrapper{
        padding: 1em 2em 1em 5em!important;
    } */

    .col-md-10 .wrapper.mt-0{
        padding: 1em 0em 1em 5em!important;
    }
    
    p.info-description01 {
        font-size: 11px!important;
    }

    .timeline--entry__detail .left-img{
        left: -44px;
    }

    .timeline--entry__detail .right-img{
        left: -44px;
    }

    .timeline{
        padding-bottom: 25%!important;
    }

    .title_info{
        font-size: 10px!important;
	    padding-top: 0px!important;
    }

    .stepwizard-step p {
        margin-top: 7px!important;
    }

    dl#inspiration dd.timeline--entry__detail img.left-img{
        margin-bottom: -42%!important;
    }

    dl#research dd.timeline--entry__detail img.right-img{
        margin-bottom: -42%!important;
    }

    dl#read dd.timeline--entry__detail img.left-img{
        margin-bottom: -38%!important;
    }

    dl#plan dd.timeline--entry__detail img.right-img{
        margin-bottom: -41%!important;
    }

    dl#apply dd.timeline--entry__detail img.left-img{
        margin-bottom: -55%!important;
    }

    .timeline--entry{
        margin-bottom: 50%!important;
    }

    .timeline--entry:before{
        left: -4.8em;
    }

    .info-nav-div01{
        display: block!important;
    }

    /* blog view  */
    .all_events h1{
        font-size: 15px;
    }

    .project-name{
        font-size: 20px;
        font-weight: 600;
    }

    .col-md-12.blog_full_dtls.pl-0{
        padding-left: 15px!important;
    }

    .topMenuBar .menuItems{
        margin-top: 5px!important;
    }

    .navbar-default .navbar-toggle{
        margin-top: 35px!important;
        margin-right: 10px!important;
      }

      .album-box{
    padding-top: 5px!important;
    }

    a.back-btn01 {
	padding-left: 10px!important;
    }

    .navbar-collapse.in {
        overflow-x: hidden!important;
        height: 228px!important;
    }

    
    }


    /* 426px - 767px */

@media only screen and (min-device-width : 425px) and (max-device-width : 767px) {

    .nav>li{
        text-align: left!important;
    }

    .dropdown-menu li{
        text-align: left!important;
    }

    .topMenuBar .menuItems{
        width: 100%;
    }

    .topMenuBar .menuItems{
        margin-top: 5px!important;
    }

    .navbar-default .navbar-toggle{
        margin-top: 35px!important;
        margin-right: 10px!important;
      }

      .box_bg{
        padding-bottom: 5px!important;
      }

      .info-nav-div01{
        display: block!important;
    }

    .timeline--entry__detail .left-img{
        left: -44px;
    }

    .timeline--entry__detail .right-img{
        left: -44px;
    }

    .timeline--entry{
        margin-bottom: 50%!important;
    }

    .timeline{
        padding-bottom: 25%!important;
    }

    dl#inspiration dd.timeline--entry__detail img.left-img{
        margin-bottom: -42%!important;
    }

    dl#research dd.timeline--entry__detail img.right-img{
        margin-bottom: -42%!important;
    }

    dl#read dd.timeline--entry__detail img.left-img{
        margin-bottom: -38%!important;
    }

    dl#plan dd.timeline--entry__detail img.right-img{
        margin-bottom: -41%!important;
    }

    dl#apply dd.timeline--entry__detail img.left-img{
        margin-bottom: -55%!important;
    }

    .title_info{
        font-size: 10px!important;
	    padding-top: 0px!important;
    }

    .stepwizard-step p {
        margin-top: 7px!important;
    }

    .navigationBox{
        display: none;
      }

      .col-md-12.blog_full_dtls.pl-0 {
	padding-left: 15px!important;
}

.all_events h1 {
	font-size: 16px;
}

.album-box{
    padding-top: 10px!important;
}

.project-name {
	font-size: 20px;
	font-weight: 600;
}

a.back-btn01 {
	padding-left: 10px!important;
}

.navbar-collapse.in {
	overflow-x: hidden!important;
	height: 228px!important;
}

.box_txt{
    /* top: 30%;
    bottom: auto; */
}

.animate4 .box_txt {
    bottom: 7px;
	left: 23px;
	top: auto;
}

.animate5 .box_txt {
    bottom: 7px;
	left: 23px;
	top: auto;
}

.animate3 .box_txt {
    bottom: 7px;
	left: 23px;
	top: auto;
}

.wrapper.mt-0 p span {
    font-size: 12px;
}


}