@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, {
    }
}

@media only screen and (min-width:320px) and (max-width:767px){
.shaping-sec ul {
    margin: 20px 0 0px;
}
.stats-section {
    position: relative;
    background: linear-gradient(135deg, #830076 0%, #5e0054 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    height: auto;
    margin-top: 11px;
    padding: 30px 25px;
}
.stat {
    position: static;
    animation: fadeSlide 1.2s ease forwards;
    opacity: 0;
}
.stat h1 {
    font-size: 50px;
}

.ecosystem-dv
 {
    padding: 40px 0;
    position: relative;
}
.ecosystem-dv img{
    display: none;
}
.testprtdvt {
    padding: 30px 0;
}
    .case-study-sec .innrt{ width:100%;}
    .shaping-sec .bxlft, .academic-programs-sec .bxlft {
        padding: 0;
    }
    .shaping-sec ul li, .academic-programs-sec ul li {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .shaping-sec{ background-size:cover;}
    .ecosystem-dv .prtdv{position:relative; width:100%; padding:20px; left:0; top:0;}
    .ecosystem-dv img{ margin-top:20px;}
    .accreditation-sec .bxttdv{ margin-top:0; padding:20px;}
    .btn {
        padding: 16px 20px;
        font-size: 14px;
    }
    header {
        padding: 10px 0 10px;
    }
    .dasca-logo {
        width: 175px;
        height: 60px;
        padding-right: 20px;
        padding-top: 4px;
    }
    .uajy-logo {
               width: 120px;
    }
    .home-banner {
        background-position:center top;  height: auto;
            padding: 110px 0 30px;
    }
    h2 {
        font-size: 26px;
        line-height: 35px;
    }
    .bigpara {
        font-size: 15px;
        line-height: 29px;
    }
    p {
        font-size: 14px;
        line-height: 29px;
    }
    .case-study-sec, .about-sec, .shaping-sec, testprtdvt, .accreditation-sec {
        padding: 40px 0;
    }
    
    .about-sec .imgbox {
            width: 95%;
        }
    .about-sec .imgbox-border {
            width: 85%;
            right:15px;


        }
    .about-sec .pull-right {
            padding-right: 15px;
            margin-top:30px;
            float:left !important;
        }
    .shaping-sec .imgbox {
            width: 95%;
            margin-left:15px;
        }
    .shaping-sec .imgbox-border {
            width: 85%;
            left: 15px;
        }
    .academic-programs-sec {
      padding: 30px 0 20px;
    } 
    .academic-programs-sec img {
        width: 100%;
        display: none;
    }
    .academic-programs-sec .linepdt {
            border-left: none;
            padding-left: 0px;
            margin-left: 0px;
            margin-top: 20px;
        }
    .academic-programs-sec .listbx ul li {
            font-size: 13px;
        }
    .testprtdvt .inn {
        width: 100%;
    }
        .testprtdvt .inn p {
            font-size: 16px;
            line-height: 28px;
        }
    .testprtdvt h6{ font-size:10px;}
    .accreditation-sec {
        padding: 60px 0;
    }
    .accreditation-sec .right-part {
        padding-left: 15px;
        margin-top:15px;
    }
    .copyright {
        font-size: 11px;
    }
    .copyright-line .footer-ul {
        float: left;
        width: 100%;
        margin-top:10px;
    }
    .copyright-line .footer-ul li a {
            margin: 0 6px;
            font-size: 11px;
        }
    .copyright-line .footer-ul li:first-child a {
            margin-left:0;
        }
    .copyright-line .footer-ul li:last-child a {
            margin-right: 0;
        }
    .stay-inform {
        padding: 30px 0 30px;
    }
    .btn-orange {
        padding: 10px 32px;
        font-size: 16px;
    }
    .home-banner img{width: 101px;}
    .home-banner h1 {
        font-size: 23px;
      
        line-height: 32px;
    }
}


@media only screen and (min-width:768px) and (max-width:1024px){
    .btn {
        padding: 16px 53px;
        font-size: 15px;
    }
    .accreditation-sec .bxttdv {
        width: 100%;
        padding: 20px;
        margin-top: 0;
    }
    .shaping-sec .bxlft, .academic-programs-sec .bxlft {
        padding: 0;
    }
    .shaping-sec ul li, .academic-programs-sec ul li {
        width: 100%;
        float: none;
        margin-bottom: 10px;
        min-height: auto;
    }
    .ecosystem-dv .prtdv {
        top: -26px;
        width: 100%;
        left: 5px;
        padding: 14px;
    }
   
    .home-banner h1 {
        font-size: 22px;
        line-height: 36px;
    }
    header {
        padding: 10px 0 10px;
    }
    .dasca-logo {
        padding-right: 20px;
        width: 219px;
        height: 80px;
    }
    .uajy-logo {
        width: 89px;
    }

    h2 {
        font-size: 26px;
        line-height: 35px;
    }

    .bigpara {
        font-size: 15px;
        line-height: 29px;
    }

    p {
        font-size: 14px;
        line-height: 29px;
    }
    .copyright {
        width: 55%;
    }
    .copyright-line .footer-ul {
        width: 42%;
    }
    .copyright-line .footer-ul li{
        width: auto;
        float:right;
    }
    .copyright-line .footer-ul li a {
            margin: 0 8px;
        }
}
@media (width: 768px) and (orientation: portrait) {



    .testprtdvt .inn p {
        font-size: 15px;
        line-height: 35px;
    }
    .copyright {
        font-size: 11px;
    }
    .copyright-line .footer-ul {
        width: 45%;
    }
    .copyright-line .footer-ul li a {
        font-size: 11px;
    }
}

@media only screen and (min-width:768px) and (max-width:999px) {
}
@media only screen and (min-width:1000px) and (max-width:1024px){
}
@media only screen and (min-width:1025px) and (max-width:1199px){
    h2 {
        font-size: 38px;
    }
}

@media only screen and (min-width: 1600px) {
    body {
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        height: 100%;
    }
    header {
        width: 100%;
        max-width: 1200px;
    }
}
@media only screen and (min-width: 2501px) {
    body {
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        height: 100%;
    }
    header {
        width: 100%;
        max-width: 1200px;
    }
}
@media not all and (min-resolution:.001dpcm) {
    @media {
        body {
            width: 100%;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            height:100%;
        }
        header {
            width: 100%;
            max-width: 1200px;
        }
    }
}