@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .timelineBlock.right{padding:30px 0px 30px 30px ;}
    .timelineBlock{padding: 30px 0 30px}
    .timeline img{max-width: 90px; margin-bottom: 20px;}
    .apply-program{margin-bottom: 0px;}
    .research h6 {  font-size: 22px; margin-bottom: 11px; line-height: 33px;}
    .card-link-reasearch a{border: none;}
    .section-title{font-size: 30px;}
    section{padding: 40px 0px;}
    .news{padding: 30px 0px;}
    .timelineBlock.right{padding: 30px 0 30px 30px;}

    .timelineBlock{padding: 30px 0 30px 30px;}
    .mdi h2{font-size: 32px;}.carousel-caption h3{font-size: 25px;}
    .carousel-caption p{font-size: 16px;}
    .scrolled-offset { margin-top: 110px;}
    .research .bg-white {padding: 30px;}.container, .container-md, .container-sm{max-width: 98%;}
    .programmes-list ul{display: inline !important;}
    .programmes-list ul li{width: 49%; display: inline-block;}
    .cources-div ul{margin: 0px;}
    .sidebar{margin: 10px 0px 40px 0px;}
    .section-title br{display: none;}
    .learn-more{float: none;}
    .flip-card-back{padding: 20px;}
    .testimonials-block {padding: 30px;}
    .testimonials-block p {font-size: 14px;}
    .center .testimonials-block {padding: 60px 30px;}
    .center .testimonials-block p {font-size: 16px;}
    .testimonials-block span {font-size: 16px;}
    .intro p.category {font-size: 18px;}
    h1, h2, h3, h4, h5, h6 {margin-bottom: 20px;}    #research .learn-more {float: right; margin-top: -46px;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
(-webkit-min-device-pixel-ratio: 2.0){
    .flip-card-back{padding: 20px;}
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    #header .logo img {max-width: 75%;height: auto;}
    header .container{max-width: 100%;}
    .navbar > ul > li {padding: 10px 0 10px 16px;}
    .navbar > ul.second-navbar > li {padding: 10px 0 0 15px;}
}


@media only screen and (max-width : 767px){
    h1, h2, h3, h4, h5, h6 {margin-bottom: 20px;}
    p {margin-bottom: 20px;}
    .footer-contact img {
        max-width: 160px;
    }
    #footer .footer-top .footer-links {
        margin-bottom: 20px;
    }
    .facility-title h5 {
        font-size: 18px;
    }
    .h1, h1 {
        font-size: 1.9rem;
    }
    h2 {
        font-size: 30px;    
    }

    h3 {
        font-size: 28px;    
    }
    .research  .bg-white a.learn-more {
        padding: 0 0 15px 0;
    }
    .research h6 {
        font-size: 18px;
        line-height: 24px;
    }
    .author li .author-img {
        min-width: 90px; 
        height: 90px;
    }
    .author li img {
        width: 75px;
    }
    .modal-body {
        padding: 40px 30px 10px;
    }
    .carousel-item  img {min-height: 270px; object-fit: cover;}
    .btn.btn-primary, .btn1.btn-primary {padding: 5px 15px; font-size: 14px; margin: 0 30%;}
    .carousel-caption{bottom: 0; text-align: center;}
    .carousel-caption h3{font-size: 18px;}
    .bg-white{padding: 20px;}
    .learn-more{float: none; text-align: center; margin: 0 auto; display: inline-block;}
    .testimonials-block p { font-size: 12px;}
    #footer{padding: 0px;}
    .events h6 {  margin-bottom: 10px;}
    .program-icon {background: #6B9BCC; display: inline-block; padding: 25px 32.5px; border-radius: 7px;box-shadow: 0 16px 43px #888888; margin-bottom: 25px; transition: all 0.35s ease-in-out; width: 140px;}
    .mdi .section-title{text-align: center;}
    body{font-size: 16px;}
    .mdi h5{font-size: 30px;}
    .research .mb-30{margin-bottom: 15px;}
    .mdi hr{    margin: 20px 0;}
    .bread-crumb-section{min-height: 200px;}
    .h-150 {min-height: 150px !important;}
    .hero-banner-content{margin-left: 0px; margin-top: 1em;}
    .facility-content p{max-width: 100%;	}
    .banner-title{font-size: 30px;}
    .logo img{max-width: 230px;}
    #header.fixed-top { height: 90px;}
    .research-card{margin-bottom: 15px;}
    .flip-card{margin-bottom: 15px;}
    .section-title{font-size: 25px !important;}
    .timeline img {width: 90px; margin-bottom: 15px;}
    .trending-search .more-link{margin: 0px ;	}
    .programmes-list-ul{display: block !important;}
    .programmes-list-ul li a:before{display: none;}
    .apply-program{display: block;}
    .apply-program-inner{width: 100%;}
    .program-diploma-content p{max-width: 100%;}
    .programmes-list ul{display: block !important;}
    .programmes-list ul li a:before{content: inherit;}
    .programmes-list ul li {width: 100%;}
    .apply-program li {width: 100%;}
    .programme-learning-goals{margin-bottom: 20px;}
    .cources-div{display: block;}
    .special-program-ul{display: block;}
    .timelineBlock { text-align: center;}
    .timelineBlock.right{border: none;  padding: 0px;}
    .timelineBlock{padding: 0px 0px 30px 0px;}
    .intro p.category{font-size: 14px;}
    .center .testimonials-block{padding: 25px;}
    section{padding: 50px 0px 70px;}
    ul.custom-list li .gray-bg{margin-bottom: 10px;}
    .intro h5{font-size: 16px; margin:10px 0px 15px 0px;}
    ul.custom-list li .gray-bg{font-size: 18px;}
    .Signup{margin-top: 20px;}
    .sidebar{margin: 0px 0px 30px 0px;}
    .teach h6{font-size: 16px;}
/*    .card-link-reasearch a{margin: 0px !important;padding: 0px 0px}*/
    .flip-card{height: 400px;}
    .flip-card-front{padding: 40px 30px 30px;}
    .flip-card-back{padding: 30px 20px;}
    .programme-structure li{font-size: 14px;}
    .vision-content{padding-left: 0px !important;}
    .programme-structure li h6{font-size: 16px;}
    .more-link{margin-top: 7px;}
    .card-link-reasearch {
        font-size: 14px;
    }
    .card-link-reasearch a:before {
        right: -4px;
    }
    h4 {
        font-size: 22px;
        line-height: 26px;
    }
    .page-sidebar {
        margin-bottom: 40px;
    }
    #footer .copyright, #footer .credits {
        float: none; 
    }
}