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

    .head, #subheading{
        background-color: #090;
    }
.cour{
    height: 220px;
}
    .quote-v1 {
        text-align: center;
    }
    .service-box-heading{
        text-align: center;
    }
    #head{
        text-align: center;
    }

 .coursedetail{
    text-align: center;
}
 .training{
    text-align: center;
}

    .footer .flowus a i
    {
        float: left;
    }
    header{
        text-align: center;
    }
    .kalam{

        font-size: 17px;

    }
    #institute{

        font-size: 13px;

    }
    .move
    {
        font-size: 18px;
    }
    .sub1
    {
        font-size: 37px;

    }
    .sub2
    {
        font-size: 18px;

    }
    .sub3
    {
        font-size: 18px;

    }
    .data
    {
        height: 230px;
    }
    .navbar-collapse {
        max-height: 600px;
        overflow-y: auto;
    }
    .tech-slideshow {

        width:87%;

    }
    .contact-opener
    {
       margin-right: -13px;

    }
    .testimonials-v1 blockquote
    {
        width: 97%;
    }
    .testimonials-v1 .left-btn {
        margin-right: 20px;
    }
    .testimonials-v1 .right-btn {
       margin-right: 20px;
    }

.notice
{
    width: 100%;
    height: 200px;
}
    .headinggs
    {
        font-size: 20px;
    }
    .counter-item
    {
        width: 95%;
    }
.video
{
    width: 97%;
}
    #meet-team
    {
        width: 97%;
    }

    .testdetail
    {
       width: 96%;
    }
    .head
    {
        text-align: center;

    }
.s{
    height: 200px;

}


    #contacttitle
    {
        font-size: 25px;
        font-weight: bold;
        text-align: center;
    }
    .form-container
    {
        min-width: 100%;
margin-right: -10px;
    }
    .carousel-indicators li
    {
      visibility: hidden;
    }

}

@media (min-width: 481px) and (max-width: 767px){
    .isotope-item img{
        width: 100%;
    }
    .quote-v1 {
        text-align: center;
    }
    .service-box-heading{
        text-align: center;
    }

    .coursedetail{
        text-align: center;
    }
    .training{
        text-align: center;
    }
    .footer .flowus a i
    {
     float: left;
    }
    header{
        text-align: center;
    }
    .kalam{

        margin-left: -38px;

    }
    #institute{

    margin-left: -38px;

    }
    .sub1
    {
        font-size: 45px;

    }
    .sub2
    {
        font-size: 25px;

    }
    .sub3
    {
        font-size: 25px;

    }
    .navbar-collapse {
        max-height: 600px;
        overflow-y: auto;
    }
    .contact-opener
    {
        margin-right: -10px;

    }
    .tech-slideshow {

        width:90%;

    }
    .testimonials-v1 blockquote
    {
        width: 97%;
    }
    .testimonials-v1 .left-btn {
        margin-right: 20px;
    }
    .testimonials-v1 .right-btn {
        margin-right: 20px;
    }
    .notice
    {
        width: 100%;
        height: 200px;
    }
    .headinggs
    {
        font-size: 25px;
    }
    .counter-item
    {
        width: 97%;
    }
    .video
    {
        width: 97%;
    }
    #meet-team
    {
        width: 98%;
    }
    .testdetail
    {
        width: 98%;
    }
    .head
    {
        text-align: center;
    }
    .form-container
    {
        min-width: 100%;


    }
    .carousel-indicators li
    {
        visibility: hidden;
    }

}
@media (min-width: 768px) and (max-width: 997px){

    .training{
        text-align: center;
    }

    .footer .flowus a i
    {
     float: left;
    }
    header{
        text-align: center;
    }
    .move
    {
        font-size: 21px;
    }

    .price.panel-green>.panel-heading
    {
        height: 100px;
    }
    .tech-slideshow
    {
        width: 90%;
    }
    .testimonials-v1 blockquote
    {
        width: 99%;
    }
    .testimonials-v1 .left-btn {
        margin-right: 20px;
    }
    .testimonials-v1 .right-btn {
        margin-right: 20px;
    }
    .notice
    {
        width: 100%;
        height: 200px;
    }
    .headinggs
    {
        font-size: 27px;
    }
    .head
    {
        text-align: center;
    }
    .form-container
    {
     min-width: 100%;

    }

}