@media only screen and (min-width: 992px) and (max-width: 1200px) {
    header .menu > ul > li > a{
        display: inline-block;
        line-height: 100px;
        padding: 0 4px;
        margin: 0px 5px;
    }
    header .logo{
        width:300px;
    }
    header .form-control{

    }
    .intro{
        font-size:35px;
    }
    .intro p{
        margin:0 0 30px 0 !important;
    }
    .abtdet{
        width:70%;
    }
    .welist li{
        width:50%;
        margin:30px 0 0 0;
    }
    .details h3{
        margin:0 0 15px 0 !important;
    }
    footer .footul{
        display:inline-block;
        margin:0 0 50px 0;
    }
    footer .footcontact{
        display:inline-block;
        float: left;
    }
    footer .footcerti{
        display:inline-block;
        float: left;
    }
    footer .footrecom{
        display:inline-block;
        float: left;
    }
    .footerstrip{
        text-align:center;
    }
    .footerstrip .footlinks{
        text-align:center;
        margin:0 0 30px 0;
    }
    .footerstrip .footlinks a{
        padding:0
    }
    .foot{
        text-align:center;
    }
    .foot .footlinks{
        text-align:center;
    }

}
@media only screen and (min-width: 801px) and (max-width: 991px) {
    header .logo{
        margin: 20px 20px 20px 0px;
    }
    header .form-control{
        width:190px;
    }
    .devicemenu {
        float: right;
        margin: 30px 0 0 0;
    }
    .intro{
        font-size:35px;
    }
    .intro p{
        margin:0 0 30px 0 !important;
    }
    .Instructor .previous{
        left:-14px;
    }
    .Instructor .next{
        right:-14px;
    }
    .aboutlist li .sprite{
        margin:50px 0 0 0;
    }
    .abtdet{
        width: 67%;
        margin: 0 0 0 10px;
    }
    .abtdet p{
        padding:0;
    }
    .welist li{
        width:50%;
        margin:30px 0 0 0;
    }
    .details h3{
        margin:0 0 15px 0 !important;
    }
    footer .footul{
        display:inline-block;
        margin:0 0 40px 0;
    }
    footer .footcontact{
        display:inline-block;;
        float: left;
    }
    footer .footcerti{
        display:inline-block;
        float: left;
    }
    footer .footrecom{
        display:block;
    }
    .footerstrip{
        text-align:center;
    }
    .footerstrip .footlinks{
        text-align:center;
        margin:0 0 30px 0;
    }
    .footerstrip .footlinks a{
        padding:0
    }
    .foot{
        text-align:center;
    }
    .foot .footlinks{
        text-align:center;
    }
    .bx-next {
        right: 12%;
    }
}

@media only screen and (min-width: 680px) and (max-width: 800px) {
    header .logo{
        margin: 20px 10px 20px 0px;
    }
    header .form-control{
        width:170px;
    }
    .devicemenu {
        float: right;
        margin: 30px 0 0 0;
    }
    .intro{
        font-size:30px;
    }
    .intro p{
        margin:0 0 30px 0 !important;
    }
    .intro a{
        margin:10px 18px;
        font-size: 20px;
    }
    .Instructor .previous{
        left:-14px;
    }
    .Instructor .next{
        right:-14px;
    }
    .abtdet{
        width:60%;
        margin:0 0 0 10px;
    }
    .abtdet p{
        padding:0
    }
    .welist li{
        width:50%;
        margin:30px 0 0 0;
    }
    .details h3{
        margin:0 0 15px 0 !important;
    }
    .bxslider li p{
        width:70%;
    }
    footer .footul{
        display:inline-block;
        margin:0 0 30px 0;
    }
    footer .footcontact{
        display:inline-block;
        float: left;
        width:100%;
        margin:0 0 30px 0;
    }
    footer .footcerti{
        display:inline-block;
        float: left;
    }
    footer .footrecom{
        display:block;
    }
    .footerstrip{
        text-align:center;
    }
    .footerstrip .footlinks{
        text-align:center;
        margin:0 0 30px 0;
    }
    .footerstrip .footlinks a{
        padding:0
    }
    .foot{
        text-align:center;
    }
    .foot .footlinks{
        text-align:center;
    }
    .secrow{
        margin:0 !important;
    }

}

@media only screen and (min-width: 0px) and (max-width: 679px) {
    header .logo{
        margin: 20px 20px 20px 0px;
        width: 40%;
        display: block;
        float:none;
    }
    header .form-control{
        width: 170px;
        margin: 0 10px 0 0;
        float: left;
        display: block;
    }
    header .formbutton {
        margin:0 10px 0 0;
        display: block;
        float: left;
    }
    .devicemenu{
        float:right;
    }
    .intro{
        font-size:24px;
    }
    .Instructor .previous{
        left:-5px;
    }
    .Instructor .next{
        right:5px;
    }
    .intro p{
        margin:0 0 10px 0 !important;
    }
    .intro a{
        font-size:20px;
        margin:25px 30px 0;
    }
    .abtdet{
        width:74%;
        margin:0 0 0 15px;
    }
    .abtdet p{
        padding:0
    }
    .welist li{
        width:50%;
        margin:30px 0 0 0;
    }
    .details h3{
        margin:0 0 15px 0 !important;
    }
    .bxslider li p{
        width:70%;
    }
    .bx-viewport{
        min-height:250px !important;
    }
    footer .footul{
        display:inline-block;
        margin:0 0 30px 0;
    }
    footer .footcontact{
        display:inline-block;;
        float: left;
        width:100%;
        margin:0 0 30px 0;
    }
    footer .footcerti{
        display:inline-block;
        float: left;
    }
    footer .footrecom{
        display:block;
    }
    .footerstrip{
        text-align:center;
    }
    .footerstrip .footlinks{
        text-align:center;
        margin:0 0 30px 0;
    }
    .footerstrip .footlinks a{
        padding:0
    }
    .foot{
        text-align:center;
    }
    .foot .footlinks{
        text-align:center;
    }
    .secrow{
        margin:0 !important;
    }
    .hide-small-devices{
        display:none;
    }
}

/* iphone 5 works*/
@media only screen and (max-width : 568px) {
    header .logo {
        margin: 20px 20px 20px 0px;
        width:240px;
    }
    header .form-control{
        width:40%;
        margin:0 10px 0 0;
    }
    header .formbutton {
        margin: 0 10px 0 0;
        float: left;
    }
    .welist li{
        width:50%;
        margin:30px 0 0 0;
        min-height: 300px;
    }
    .details h3{
        margin:0 0 15px 0 !important;
    }
    .resitabs .nav-tabs>li{
        width:100%;
    }
    .nav-tabs>li>a{
        margin-right:0 !important;
    }

    .intro a {
        font-size: 20px;
        margin: 5px 30px 0;
    }
    .mainContentfirst {
        width: 100%;
        border-bottom: 1px dotted #305dc3;
        min-height: 162px;    						
        float: left; 
        margin: 10px 5px 10px 10px;				
    }
    .glossaryresetbtn{
        float: left;
    }
    header .form-control{
        width:40%;
        margin:0 5px 0 0;
    }
    header .formbutton {
        margin: 0 5px 0 0;
        float: left;
    }
}

/* iphone 4 landscap view works*/
@media only screen and (max-width : 480px){
    .heading h2{
        font-size:24px;
        top:-14px;
    }
    .heading .bg{
        font-size:24px;
        top:-14px;
    }
    .abtdet{
        width:64%;
        margin:0 0 0 2px;
    }
    .abtdet p{
        padding:0
    }
    .weare p{
        font-size:16px;
    }
    .welist li{
        width:100%;
        margin:30px 0 0 0;
    }
    .details h3{
        margin:0 0 15px 0 !important;
    }
    footer .footcerti{
        display: inline-block;
        float: none;
        margin:0 0 30px 0;
    }
    footer .footrecom{
        display: inline-block;
        float: none;
    }
    .intro_pyramid{
        color: #fff;
        display: table-cell;
        font-size: 25px;
        font-weight: 400;
        margin: 0;
        position: absolute;
        text-align: center;
        top: 65%;
        width: 65%;
        z-index: 999;
    }
    .intro_pyramid div{
        margin:0 0 10px 0;
    }
    .intro{
        font-size: 18px;
    }
    .intro a{
        font-size: 18px !important;
    }
    .div_center {
        color: white;
        left: 50%;
        padding: 30px;
        position: absolute;
        text-align: center;
        top: 65%;
        transform: translate(-50%, -50%);
    }
    .div_center img {
        width: 100%;
    }
    .instructor_content img {
        width: 40%;
    }
    .instructor_content img {
        width: 35% !important;
    }
    .mainContentfirst {
        width: 100%;
        border-bottom: 1px dotted #305dc3;
        min-height: 162px;    						
        float: left; 
        margin: 10px 5px 10px 10px;				
    }
    .learn_topics_in{
        float: left;
        height:100% !important;
        width: 100%;
    }
    .upcoming_course_india_default{
        width: 100%;
    }
    .suggestacourse input {
        width: 275px !important;
    }
    .concourse_logo_img img{
        width:30%;
        display:inline;
    }
    .renderedtable  tr, td {
        white-space: nowrap;
    }
    .renderedtable {
        width: 283px;
        margin: 0 auto;
        overflow: scroll;
        display: block;
    }
    .bx-next {
        right: 0%;
    }
    .course-list-notify-form .col-md-12{
        float:left;
    }
    .blogs-showentrytext p{
        word-wrap: break-word;
    }
    .jobs_content img {
        width: 100%;
    }
}
@media only screen and (max-width : 420px) {
    .topbar .logo img{
        width:100%;
    }
    header .form-control{
        width:30%;
    }
    /*.intro a{
        font-size: 20px;
        margin: 30px 30px 0;
    }*/
    .abtdet h3{
        margin:0 0 15px 0 !important;
    }
    .abtdet p{
        font-size:13px;
        line-height:24px !important;
    }
    .management_administraition_team_image img {
        width: 30% !important;
    }
    header .form-control{
        width:34%;
    }
}
@media only screen and (max-width : 360px) {
    .abtdet h3{
        font-size:16px;
    }
    .intro_pyramid{
        position:absolute;
        top:65%;
        color:#FFF;
        font-size:25px;
        z-index:999;
        text-align:center;
        font-weight:400;
        display: table-cell;
        margin:0 20px;
    }
    .intro_pyramid div{
        margin:0 0 20px 0;
    }
    .div_center {
        color: white;
        padding: 30px;
        position: absolute;
        text-align: center;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .div_center img{
        width: 100%;
    }
    #sendmail table tbody tr td input{
        width:120px;left:0px;
    }
    #sendmail table tbody tr td textarea{
        width:120px;left:0px;
    }
    .datascience-maindiv .col-md-6 h1{
        font-size:20px;
        padding-top : 5px;
        margin-bottom : 15px !important;
    }
    .datascience-maindiv .col-md-6 p{
        margin-bottom : 15px !important;
    }
    .datascience-maindiv .datascienceBtmColomn .content ul {
        padding : 0 0 0 7px;
    }
    .datascience-maindiv  .ds-left-block-padding {
        padding-left : 0;
    }	
    .datascience-maindiv .datascienceBtmColomn .content .content {
        padding-left : 10px;
    }
    .cms_form .blogs-addcommentinput textarea {
        width: 190px;
    }
    .course_start_image{
        width: 16% !important;
        float: left;
        margin-top: 0px;
    }
    .course_start_image_resolution{
        width: 200px !important;
        height: 300px;
    }
    .management_administraition_team_image img {
        width: 35% !important;
    }
}
@media only screen and (max-width : 320px) {
}
@media only screen and (max-width : 240px) {
}


@media only screen and (max-device-width: 679px) and (orientation : landscape) {
    .management_administraition_team_image img {
        width: 20% ;
    }
}
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
    .management_administraition_team_image img {
        width: 24% !important;
    }

}

@media only screen and (max-width: 767px) {
    .topbar .logo{
        padding:30px 15px 0 15px;;
    }
    .topbar .search{
        padding:40px 15px 30px;
    }
    .topmenuli{
        display:none;
    }
    .devicemenu.second{
        margin:0;
        display:inline-block !important;
    }
    .devicemenu.second a .fa{
        font-size:24px;
    }
    .devicemenu.second a{
        display: inline-block;
        margin:7px 0 4px 0;
        padding: 5px 10px;
        color: #fff;
        background-color: #44A5E8;
    }
    .register{
        padding:20px 35px 50px;
    }
    .register .regileft{
        width:100%;
    }
    .register .regileft span{
        display: inline-block;
        float: left;
        margin: 0 20px 20px 0;
    }
    .register .regicenter{
        width:100%;
    }
    .register .regicenter span{
        font-size:24px;
        display: inline-block;
        margin: 0 7px 0 0;
    }
    .register .regicenter a{
        margin: 20px 0 0 0;
    }
    .register .regiright{
        width:100%;
    }
    .register .regiright .face{
        display:inline-block;
        margin:30px 10px 0 0 !important;
    }
    .register .regiright ul{
        margin:-18px 0 0 55px;
    }
    .register .regicenter a{
    }
}

/*Mobile device media query end*/

@media only screen and (max-width: 991px){
    header .menu-wrap{
        display:none;
    }
    .devicemenu {
        text-align: center;
        display:inline-block;
        z-index: 999;
    }
    .devicemenu.second{
        display:none;
    }
    .resitabs .tab-content{
        margin: 0 0 30px 0;
    }
    .course-list-notify-form .col-md-12{
        float:left;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    header {
        width: 100%;
        height:100%;
        background: rgba(0,0,0,0.3);
        margin: 0 auto;
        display: block;
        z-index: 999;
        position: absolute;
        top: 0;
        left: 0;
    }
    .bannerarea {
        width: 100%;
        height: 100%;
        background: url(../images/header_bg_img.png) no-repeat center left;
        background-size: cover;
    }
    .col-md-4 .blogRightDiv{
        margin-top: 20px;
    }
    .topright{
        margin-top:20px;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    header {
        width: 100%;
        height:100%;
        background: rgba(0,0,0,0.3);
        margin: 0 auto;
        display: block;
        z-index: 999;
        position: absolute;
        top: 0;
        left: 0;
    }
    .bannerarea {
        width: 100%;
        height: 100%;
        background: url(../images/header_bg_img.png) no-repeat center left;
        background-size: cover;
    }
    header .form-control {
        border: medium none;
        float: left;
        font-family: Arial Narrow;
        font-size: 15px;
        margin: 30px 10px 0 0;
        width: 10%;
    }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
    .register{
        background-color:#FFF;
        padding:20px 35px;
        display:inline-block;
        width:100%;
        margin: 0 0 10px 0;
    }
    .register.certificate{
        padding:0;
        display:table;
        height: 157px;
    }
    .register h1{
        text-align:center;
        color:#185787;
        display:table-cell;
        vertical-align:middle;
    }
    .register .regileft{
        float:left;
        width:20%;
    }
    .register .regileft span{
        display:block;
        text-align:center;
        margin: 0 0 20px 0;
    }
    .register .regileft .face{
        border:2px solid #509dd7;
        border-radius: 10px;
        float: left;
        box-shadow: 0 3px 2px #c3c3c3;
    }
    .register .regileft .face img{
        border-radius: 8px;
    }
    .register img{
        width:auto;
        display:block;
    }
    .register .regicenter{
        width:100%;
        float: left;
        padding: 20px 0 0 0;
    }
    .register .regicenter span{
        font-size:30px;
        color:#185787;
        text-align:left;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        display:block;
        padding: 0 0 0 15px;
    }
    .register .regicenter a{

    }
    .register .regiright{
        float:right;
        width:20%;
        position: relative;
    }
    .register .regiright .face{
        border:2px solid #509dd7;
        border-radius: 10px;
        float:left;
        margin: 147px 0 10px 0;
        box-shadow: 0 3px 2px #c3c3c3;
        position: relative;
    }
    .register .regiright .face img{
        border-radius: 8px;
    }
    .register .regiright ul{
        list-style:none;
        display: inline-block;
        position:absolute;
        top: 102%;
        left:-50px;
    }
    .register .regiright ul li{
        display:inline-block;
        width:25px;
        height:49px;
        margin:0 0 0 5px;
    }
    .intro a {
        margin: 50px 20px;
    }
    .welist li{
        min-height: 250px;
    }
    .div_center {
        color: white;
        left: 20%;
        padding: 30px;
        position: absolute;
        text-align: center;
        top: 30% !important;
        transform: translate(-50%, -50%);
    }
    .course-catelog-first-col{
        float: left;
    }
    .course-list-notify-form .notification_form_coursedetail .infusion-field-input-container {
        /*width: 250px;*/
        width:100%;
    }
    .student-comment-label h1{
        color:#ffffff;
        padding:10px;
        font-size:16px;
    }
    .course-page-register-btn{
        font-size: 24px;
        background-color: #d83c3c;
        padding: 5px 30px;
        display: block;
        margin: 30px auto 0;
        width: 208px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        box-shadow: 0 3px 2px #c3c3c3;
    }
    .hide-small-devices{
        display:none;
    }
    .cms_form .blogs-addcommentinput textarea{
        width:350px;
    }
    .logo img {
        width: 95%;
    }
    header .menu {
        margin-right:0px !important;
        margin-left:0px !important;
        width: auto;
    }
    header .menu > ul > li > a {
        display: inline-block;
        line-height: 90px;
        margin: 0 2px !important;
        padding: 0 2px;
    }
    .bx-next {
        right:3%;
    }
    .course_desc.width250px {
        width: 74% !important;
    }
    .course_desc{
        width:74% !important;
    }
    .marquee-job-links label{
        margin: 0px 50px;
        cursor: pointer;
    }
    .intro-cert-text{
        font-size: 0.8em;
    }
    .intro-certificate img {
        width: 100%;
        position: relative;
    }
    .intro-certificate p{
        margin-bottom: 10px !important;
    }
    .marquee-job-links{
        margin-top: -10px;
    }
    .infusion-formns label{
        width: 30%;
    }
    .infusion-formns input{
        width: 40%;
    }
    .offer-div #offerModal .modal-dialog{
        width: 70%;
    }
    .infusion-submitns input[type="button"]{
        background-color: #0f7dd9;
        background-image: linear-gradient(to top, #3f9cde, #4baef4);
        border-radius: 5px;
        font-size: 20px;
        font-weight: 300;
        padding: 8px 15px;
        border:none;
        color:#ffffff;
        margin-top: 15px;
        width: 38%;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
    .welist li{
        min-height: 300px;
    }
    .div_center {
        color: white;
        left: 10%;
        padding: 30px;
        position: absolute;
        text-align: center;
        top: 30% !important;
        transform: translate(-50%, -50%);
    }
    .topright_courselist a {
        background-color: #0f7dd9;
        background-image: linear-gradient(to top, #3f9cde, #4baef4);
        border-radius: 5px;
        color: #ffffff !important;
        font-size: 20px;
        font-weight: 300;
        padding: 5px 30px;
        float: left;
        margin-top: 10px;
    }
    .course-catelog-first-col{
        float: left;
    }
    .topright_courselist{
        z-index: 99999;
    }
    .hide-small-devices{
        display:none;
    }
    .applypass_form .infusion-field-input-container {
        border: 1px solid #dddddd;
        margin: 0 1px 3px 0;
        outline: medium none;
        /*padding: 3px 0 3px 3px;*/
        transition: all 0.3s ease-in-out 0s;
        width: 100%;/*300px;*/
    }
    .mainContentfirst {
        width: 45%;
        border-bottom: 1px dotted #305dc3;
        min-height: 162px;    						
        float: left; 
        margin: 10px 5px 10px 10px;				
    }
    .morelink{
        width: 100%;
    }
    .bx-next {
        right:1%;
    }
    .testimonialmaindiv{
        width: 50%;
        float: left;
    }
    .mainContentfirst {
        width: 95%;
        border-bottom: 1px dotted #305dc3;
        min-height: 162px;
        float: left; 
        margin: 10px 5px 10px 10px;				
    }
    #offerformelement {
        height: 25px;
        margin-left: 10% !important;
        width: 70% !important;
    }
    #infusion-offerpopupsubmit input{
        margin-left: 11%!important;
    }
    .footerstrip{
        font-size: 12px;
    }
    .footerstrip .footlinks{
        padding-top: 30px;
    }
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    .hide-small-devices{
        display:none;
    }
    .notification_form_coursedetail .infusion-field-input-container {
        /*width: 350px;*/
        width:100%;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        float: none; 
        padding: 0;
        text-align: center;		
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .register-topDiv-courseName{
        width: 100%;
    }
    .intro-cert-text{
        font-size: 0.5em;
    }
    .intro-certificate img {
        width: 50%;
        position: relative;
        left: 25%;
    }
    .intro-certificate p{
        margin-bottom: 0px !important;
    }
    .marquee-job-links{
        margin-top: -20px;
    }
    .footerstrip{
        font-size: 12px;
    }
    .intro a{
        font-size: 14px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    footer{
        display:block;
        background:url(../images/footer_bg_img.png) no-repeat bottom center;
        background-size:cover;
    }
    .bx-viewport {
        min-height: 250px !important;
    }
    .div_center {
        color: white;
        left: 50%;
        padding: 30px;
        position: absolute;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .div_center img {
        width: 100% !important;
    }
    .management_administraition_team_image img{
        width:30% !important;
    }
    .intro_pyramid {
        color: #fff;
        display: table-cell;
        font-size: 25px;
        font-weight: 400;
        margin: 0 20px;
        position: absolute;
        text-align: center;
        top: 30% !important;
        z-index: 999;
        left:0% !important;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        padding: 0;
        float: none;        
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .tour-swf{
        width: 45%;
    }
    .intro-cert-text{
        font-size: 0.5em;
    }
    .intro-certificate img {
        width: 50%;
        position: relative;
        left: 0%;
    }
    .intro-certificate p{
        margin-bottom: 0px !important;
    }
    .marquee-job-links{
        margin-top: 0px;
    }
    .footerstrip{
        font-size: 12px;
    }
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { 
    /* STYLES GO HERE */
}

/*iPhone 6 works portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
    /* STYLES GO HERE */ 
    .intro_pyramid {
        color: #fff;
        display: table-cell;
        font-size: 25px;
        font-weight: 400;
        margin: 0 20px;
        position: absolute;
        text-align: center;
        top: 30% !important;
        z-index: 999;
        left:0% !important;
        width: 90%;
    }
    .hide-small-devices{
        display:none;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        padding: 0;
        float: none;        
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .tour-swf{
        width: 45%;
    }
    .register-topDiv-courseName{
        width: 100%;
    }
    .intro-cert-text{
        font-size: 2em !important;
    }
    .intro-certificate img {
        width: 100%;
        position: relative;
    }
    .footerstrip{
        font-size: 12px;
    }
}

/*iPhone 6 works*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { /* STYLES GO HERE */
    .welist li{
        min-height: 300px;
    }
    .hide-small-devices{
        display:none;
    }
    .intro_pyramid {
        color: #fff;
        display: table-cell;
        font-size: 25px;
        font-weight: 400;
        margin: 0 20px;
        position: absolute;
        text-align: center;
        top: 30% !important;
        z-index: 999;
        left:20% !important;
        width: 50%;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        float: none; 
        padding: 0;
        text-align: center;		
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .intro-cert-text{
        font-size: 1em !important;
    }
    .intro-certificate img {
        width: 50%;
        position: relative;
        left: 25%;
    }
    .intro-certificate p{
        margin-bottom: 0px !important;
    }
    .marquee-job-links{
        margin-top: -20px;
    }
    .footerstrip{
        font-size: 12px;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    .register_img_div_left{
        height: auto !important;
    }
    .register_img_div_left_span{
        height: auto !important;
    }
    .register_img_div_right{
        min-height: auto !important;
    }
    .col-md-4 .blogRightDiv {
        margin-top: 20px;
    }
    .cms_form .blogs-commentinput {
        resize: none;
        width: 230px ;
    }
    /*table td {
        width:45%;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
    }*/
    #sendmail table tbody tr td input{
        width:120px;
        left:0px;
    }
    #sendmail table tbody tr td textarea{
        width:120px;
        left:0px;
    }
    table {
        overflow-x: auto;
        display: block;
    }
    .cap_exam_question_image img {
        width: 100%;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        float: none; 
        padding: 0;
        text-align: center;		
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .tour-swf{
        width: 45%;
    }
    .apptitleDetail span{
        margin-left: -1.5em;
    }
    .footerstrip{
        font-size: 12px;
    }
    .infusion-formns label{
        width: 55%;
    }
    .infusion-formns input{
        width: 40%;
    }
    .offer-div #offerModal .modal-dialog{
        width: 90%;
    }
    .infusion-submitns input[type="button"]{
        background-color: #0f7dd9;
        background-image: linear-gradient(to top, #3f9cde, #4baef4);
        border-radius: 5px;
        font-size: 20px;
        font-weight: 300;
        padding: 8px 15px;
        border:none;
        color:#ffffff;
        margin-top: 15px;
        width: 38%;
    }
}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) {
    /* Styles */
    .register_img_div_left{
        height: auto !important;
    }
    .register_img_div_left_span{
        height: auto !important;
    }
    .register_img_div_right{
        min-height: auto !important;
    }
    .topright{
        margin-top:20px;
    }
    .col-md-4 .blogRightDiv{
        margin-top: 20px;
    }
    .learn_topics_in{
        float: left;
        height:100% !important;
        width: 100%;
    }
    .upcoming_course_india_default{
        width: 100%;
    }
    .bx-next {
        right: 0%;
    }
    .course-list-notify-form .col-md-12{
        float:left;
    }
    .jobs_content img {
        width: 100%;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        float: none; 
        padding: 0;
        text-align: center;		
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .footerstrip{
        font-size: 12px;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
    .intro_pyramid{
        position:absolute;
        top:65%;
        color:#FFF;
        font-size:25px;
        z-index:999;
        text-align:center;
        font-weight:400;
        display: table-cell;
        margin:0 0;
        width:100%;
    }
    .course_fees_tab_content{
        /*float: left;*/
        margin-top:10px;
    }
    .course_fees_tab_content_left{
        float: left;
        width: 100%;
    }
    .course_fees_tab_content_right{
        float: left;
        width: 100%;
    }
    .register_img_div_left{
        height: auto !important;
    }
    .register_img_div_left_span{
        height: auto !important;
    }
    .register_img_div_right{
        min-height: auto !important;
    }
    #core_list_id{
        margin-top: 20px;
    }
    #core_list_id li{
        margin-left: 0px !important;
        font-size: 13px;
        cursor: pointer;
    }
    .render_required_course{
        font-size: 12px !important;
    }
    .mainContentfirst {
        width: 100%;
        border-bottom: 1px dotted #305dc3;
        min-height: 162px;
        float: left; 
        margin: 10px 5px 10px 10px;				
    }
    .topright{
        margin-top:20px;
    }
    .course_start_image{
        width: 16% !important;
        float: left;
        margin-top: 0px;
    }
    .course_start_image_resolution{
        width: 200px !important;
        height: 300px;
    }
    .management_administraition_team_image img {
        width: 35%;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        float: none; 
        padding: 0;
        text-align: center;		
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .tour-swf{
        width: 45%;
    }
    .welist li{
        margin:30px 0 0 0;
        min-height: 400px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
    .hide-small-devices{
        display:none;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
    .management_administraition_team_image img {
        width: 18%;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
    .resitabs .tab-content{
        margin: 0 0 30px 0;
    }
    .notification_form_coursedetail .infusion-field-input-container {
        /*width: 350px;*/
        width:100%;
    }
    .course-list-notify-form .col-md-12{
        float:left;
    }
    .infusion-formns label{
        width: 30%;
    }
    .infusion-formns input{
        width: 40%;
    }
    .offer-div #offerModal .modal-dialog{
        width: 70%;
    }
    .infusion-submitns input[type="button"]{
        background-color: #0f7dd9;
        background-image: linear-gradient(to top, #3f9cde, #4baef4);
        border-radius: 5px;
        font-size: 20px;
        font-weight: 300;
        padding: 8px 15px;
        border:none;
        color:#ffffff;
        margin-top: 15px;
        width: 38%;
    }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    /* Styles */

}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    header .logo{
        width:30%;
        margin:10px 10px 20px 0px;
        float:left;
    }
    header .form-control {
        width:30%;
        height:25px !important;
        margin:10px 5px 0 0;
        font-size:12px;
    }
    header .formbutton {
        margin:0  0 0;
        float: left;
        height:25px !important;
        padding: 0 8px;

    }
    .devicemenu{
        margin:10px 0 0 0;
    }
    .devicemenu a{
        padding:0 5px;
    }
    .intro{
        font-size:18px;
    }
    .bannerarea {
        background-size: cover;
    }
    body.pmr-open div.push-menu-right {
        right:0px;
        position: fixed;
        z-index: 9999;
    }
    div.push-menu-right{
        width:150px;
    }
    .intro_pyramid{
        position:absolute;
        top:20% !important;
        color:#FFF;
        font-size:25px;
        z-index:999;
        text-align:center;
        font-weight:400;
        display: table-cell;
        margin:0 0;
        width:100%;
    }
    #core_list_id{
        margin-top: 20px;
    }
    #core_list_id li{
        margin-left: 0px !important;
        font-size: 13px;
        cursor: pointer;
    }
    .render_required_course{
        font-size: 12px !important;
    }
    .mainContentfirst {
        width: 100%;
        border-bottom: 1px dotted #305dc3;
        min-height: 162px;    						
        float: left; 
        margin: 10px 5px 10px 10px;				
    }
    header .formbutton{
        margin:30px 0 0 0;
        /*width: 90px;/*70px;*/
        height: 35px;
        color:#FFF;
        padding:4px 4px 4px 8px !important;/*5px 0 0 10px;*/
        display: inline-block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #686b8e;
        /*-webkit-box-shadow: 0 5px 5px rgba(158,158,158,.75);
        -moz-box-shadow: 0 5px 5px rgba(158,158,158,.75);
        box-shadow: 0 5px 5px rgba(158,158,158,.75);*/
        font-size: 12px;
        font-family: Arial,Helvetica,sans-serif;
    }
    .intro{
        top:40%;
    }
    .intro a {
        font-size: 16px;
    }
    footer .footrecom{
        top: -54px;
    }
    .course-list-notify-form .notification_form_coursedetail .infusion-field-input-container {
        /*width: 200px !important;*/
        width:100%;
    }
    .topright_courselist {
        background-color: #1c6195;
        border-radius: 5px 5px 0 0;
        float: left;
        margin-bottom: 20px;
        padding-bottom: 20px;
        padding-top: 30px;
        text-align: -moz-right;
        width: 100%;
        margin-top: 20px;
    }
    .course-page-register-btn{
        font-size: 24px;
        background-color: #d83c3c;
        padding: 5px 30px;
        display: block;
        margin: 30px auto 0;
        width: 208px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        box-shadow: 0 3px 2px #c3c3c3;
    }
    .register_img_div_right{
        min-height: 1px;
    }
    .video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
        width: 100%;
    }
    div.push-menu-right{
        width:50%;
    }
    .hide-small-devices{
        display:none;
    }
    .applypass_form .infusion-field-input-container {
        border: 1px solid #dddddd;
        margin: 0 1px 3px 0;
        outline: medium none;
        /*padding: 3px 0 3px 3px;*/
        transition: all 0.3s ease-in-out 0s;
        width: 100%;/*160px;*/
    }
    .cms_form .blogs-addcommentinput textarea {
        width: 170px;
    }
    .notification_form_coursedetail .infusion-field-input-container {
        /*width: 230px !important;*/
        width:100%;
    }
    .management_administraition_team_image img {
        width: 28% !important;
    }
    .morelink{
        width: 30%;
    }
    .testimonialmaindiv{
        width: 100%;
        float: left;
    }
    .glossaryresetbtn{
        float: left;
    }
    .intro-certificate{
        position:absolute;
        top:20%;
        color:#FFF;
        font-size:22px;
        z-index:999;
        width:100%;
        text-align:center;
        font-weight:400;
        display: table-cell;
    }
    .intro-certificate p{
        margin:0 0 5px 0 !important;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        float: none; 
        padding: 0;
        text-align: center;		
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .intro a{
        margin: 5px 10px 0;
    }
    .intro-cert-text{
        font-size: 1em;
    }
    .intro-certificate img {
        width: 50%;
        position: relative;
        left: 25%;
    }
    .intro-certificate p{
        margin-bottom: 10px !important;
    }
    .marquee-job-links{
        margin-top: 0px;
    }
}

/* iphone 4 works*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    .intro a {
        font-size:16px;
        margin:5px 20px;
    }
    .intro{
        top:40%;
        font-size: 16px;
    }
    .course-catelog-first-col{
        width: 100% !important;
    }
    .topright_courselist p{
        font-size: 18px;
    }
    .topright_courselist .col-md-1{
        margin-top: 20px;
    }
    .topright_courselist a {
        background-color: #0f7dd9;
        background-image: linear-gradient(to top, #3f9cde, #4baef4);
        border-radius: 5px;
        color: #ffffff !important;
        font-size: 20px;
        font-weight: 300;
        padding: 5px 30px;
    }
    .topright_courselist {
        background-color: #1c6195;
        border-radius: 5px 5px 0 0;
        float: left;
        margin-bottom: 20px;
        padding-bottom: 20px;
        padding-top: 30px;
        text-align: -moz-right;
        width: 100%;
        margin-top: 20px;
    }
    .notification_form_coursedetail .applable{
        font-size: 12px;
    }
    .course-list-notify-form .notification_form_coursedetail .infusion-field-input-container {
        /*width: 100px !important;*/
        width:100%;
    }
    .student-comment-label h1{
        color:#ffffff;
        padding:10px;
        font-size:16px;
    }
    .course-page-register-btn{
        font-size: 24px;
        background-color: #d83c3c;
        padding: 5px 30px;
        display: block;
        margin: 30px auto 0;
        width: 208px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        box-shadow: 0 3px 2px #c3c3c3;
    }
    .cms_form .blogs-commentinput {
        resize: none;
        width: 230px;
    }
    .default-template-contentBg{
        background-color: #ffffff;
        margin-bottom: 20px;
    }
    .certificate h1{
        font-size: 20px;
    }
    /*.register.certificate {
        height: 100px;
    }*/
    .video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
        width: 100%;
    }
    .topright {
        margin-top: 20px;
    }
    .hide-small-devices{
        display:none;
    }
    .applypass_form .infusion-field-input-container {
        border: 1px solid #dddddd;
        margin: 0 1px 3px 0;
        outline: medium none;
        /*padding: 3px 0 3px 3px;*/
        transition: all 0.3s ease-in-out 0s;
        width: 100%;/**/
    }
    .cms_form .blogs-commentinput {
        resize: none;
        width: 230px ;
    }
    /*table td {
        width:70%;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
    }*/
    #sendmail table tbody tr td input{
        width:190px;left:0px;
    }
    #sendmail table tbody tr td textarea{
        width:180px;left:0px;
    }
    .course_start_image{
        width: 16% !important;
        float: left;
        margin-top: 0px;
    }
    .course_start_image_resolution{
        width: 200px !important;
        height: 300px;
    }
    .management_administraition_team_image img {
        width: 35%;
    }
    .intro_pyramid {
        color: #fff;
        display: table-cell;
        font-size: 25px;
        font-weight: 400;
        margin: 0;
        position: absolute;
        text-align: center;
        top: 30% !important;
        width: 100%;
        left:0% !important;
        z-index: 999;
    }
    .morelink{
        width: 30% !important;
    }
    .testimonialmaindiv{
        width: 100%;
        float: left;
    }
    #boxes #dialog1 {
        /*width:375px; */
        width:90%;
        height:auto;
        border: 10px solid #ffffff;
        background-color:#ffffff;
    }
    #boxes #dialog {
        background-color: #ffffff;
        height: auto;
        border: 10px solid #ffffff;
        width: 90%;
    }
    #offerformelement {
        height: 25px;
        margin-left: 5% !important;
        width: 80% !important;
    }
    #infusion-offerpopupsubmit input{
        margin-left: 13% !important;
    }
    .intro-certificate{
        position:absolute;
        top:40%;
        color:#FFF;
        font-size:16px;
        z-index:999;
        width:100%;
        text-align:center;
        font-weight:400;
        display: table-cell;
    }
    .intro-certificate p{
        margin:0 0 5px 0 !important;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        padding: 0;
        float: none;        
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .intro a{
        margin: 5px 10px 0;
    }
    .tour-swf{
        width: 45%;
    }
    .gl_label{
        width: 40%;
        padding-bottom: 10px;
    }
    .register-topDiv-courseName{
        width: 100%;
    }
    .intro-cert-text{
        font-size: 0.7em;
    }
    .intro-certificate img {
        width: 50%;
        position: relative;
        left: 25%;
    }
    .intro-certificate p{
        margin-bottom: 0px !important;
    }
    .marquee-job-links{
        margin-top: 0px;
    }
    .apptitleDetail span{
        margin-left: -1.5em;
    }
    .default-template-contentBg a{
        /* These are technically the same, but use both */
        overflow-wrap: break-word;
        word-wrap: break-word;

        -ms-word-break: break-all;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-all;
        /* Instead use this non-standard one: */
        word-break: break-word;

        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .welist li{
        margin:30px 0 0 0;
        min-height: 400px;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    header .logo{
        width:30%;
        margin:10px 10px 20px 0px;
        float:left;
    }
    header .form-control {
        width:30%;
        height:25px !important;
        margin:10px 5px 0 0;
        font-size:12px;
    }
    header .formbutton {
        margin:10px 5px 0 0;
        float: left;
        height:25px !important;
        padding: 0 8px;
    }
    .devicemenu{
        margin:10px 0 0 0;
    }
    .devicemenu a{
        padding:0 5px;
    }
    .intro{
        font-size:18px;
    }
    .bannerarea {
        width:100%;
        height:100%;
        background: url(../images/header_bg_img.png) no-repeat top left;
        background-size: cover;
    }
    .mainContentfirst {
        width: 100%;
        border-bottom: 1px dotted #305dc3;
        min-height: 162px;    						
        float: left; 
        margin: 10px 5px 10px 10px;				
    }
    .hide-small-devices{
        display:none;
    }
    .applypass_form .infusion-field-input-container {
        border: 1px solid #dddddd;
        margin: 0 1px 3px 0;
        outline: medium none;
        /*padding: 3px 0 3px 3px;*/
        transition: all 0.3s ease-in-out 0s;
        width: 100%;/*140px;*/
    }
    .morelink{
        width: 30%;
    }
    .intro_pyramid {
        color: #fff;
        display: table-cell;
        font-size: 20px;
        font-weight: 400;
        margin: 0;
        position: absolute;
        text-align: center;
        top: 30% !important;
        width: 100%;
        z-index: 999;
    }
    .intro_pyramid  img{
        width:100% !important;
    }
    .div_center {
        color: white;
        left: 5% !important;
        padding: 30px;
        position: absolute;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .certificate-prog-heading{
        position: relative;
        left:20%;
    }
    .intro_pyramid div{
        margin:0 0 10px 0;
    }
    .bx-next {
        right:0%;
    }
    .jobs_content img {
        width: 90%;
    }
    #boxes #dialog1 {
        /*width:375px; */
        width:90%;
        height:auto;
        border: 10px solid #ffffff;
        background-color:#ffffff;
    }
    #boxes #dialog {
        background-color: #ffffff;
        height: auto;
        border: 10px solid #ffffff;
        width: 90%;
    }
    #offerformelement {
        height: 25px;
        margin-left: 20% !important;
        width: 50% !important;
    }
    #infusion-offerpopupsubmit input{
        margin-left: 10%!important;
    }
    .intro-certificate{
        position:absolute;
        top:20%;
        color:#FFF;
        font-size:28px;
        z-index:999;
        width:100%;
        text-align:center;
        font-weight:400;
        display: table-cell;
    }
    .intro-certificate p{
        margin:0 0 5px 0 !important;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        float: none; 
        padding: 0;
        text-align: center;		
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    .hide-small-devices{
        display:none;
    }
    .morelink{
        width: 30%;
    }
    .course_start_image  img{
        float: left;
        margin-top: 0;
        width: 100%;
    }

    .course_start_image_resolution {
        height: 225px;
        width: 225px;
    }
    .register.certificate h3 {
        color: #185787;
        font-size:16px;
    }
    #boxes #dialog1 {
        /*width:375px; */
        width:90%;
        height:auto;
        border: 10px solid #ffffff;
        background-color:#ffffff;
    }
    #boxes #dialog {
        background-color: #ffffff;
        height: auto;
        border: 10px solid #ffffff;
        width: 90%;

    }
    #offerformelement {
        height: 25px;
        margin-left: 5% !important;
        width: 80% !important;
    }
    #infusion-offerpopupsubmit input{
        margin-left: 13% !important;
    }
    .intro-certificate{
        position:absolute;
        top:40%;
        color:#FFF;
        font-size:16px;
        z-index:999;
        width:100%;
        text-align:center;
        font-weight:400;
        display: table-cell;
    }
    .intro-certificate p{
        margin:0 0 5px 0 !important;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        padding: 0;
        float: none;        
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .tour-swf{
        width: 45%;
    }
    .apptitleDetail span{
        margin-left: -1.5em;
    }
    .default-template-contentBg a{
        /* These are technically the same, but use both */
        overflow-wrap: break-word;
        word-wrap: break-word;

        -ms-word-break: break-all;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-all;
        /* Instead use this non-standard one: */
        word-break: break-word;

        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .welist li{
        margin:30px 0 0 0;
        min-height: 400px;
    }
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /*.intro{
        border: 1px solid red;
    }*/
    .hide-small-devices{
        display:none;
    }
    .notification_form_coursedetail .infusion-field-input-container {
        /*width: 350px;*/
        width:100%;
    }
    .management_administraition_team_image img {
        width: 20% !important;
    }
    .morelink{
        width: 30%;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        float: none; 
        padding: 0;
        text-align: center;		
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    .hide-small-devices{
        display:none;
    }
    .course_start_image {
        float: left;
        margin-top: 0;
        width: 20%;
    }
    .course_start_image_resolution {
        height: 275px;
        width: 275px;
    }
    .div_center {
        color: white;
        left: 50%;
        padding: 30px;
        position: absolute;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .div_center img {
        width: 100% !important;
    }
    .management_administraition_team_image img{
        width:30%;
    }
    .morelink{
        width: 30%;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        padding: 0;
        float: none;        
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .tour-swf{
        width: 45%;
    }
}



/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    header .formbutton{
        margin:10px 5px 0 0;
        /*width: 90px;/*70px;*/
        height: 35px;
        color:#FFF;
        padding:4px 7px 4px 8px !important;/*5px 0 0 10px;*/
        display: inline-block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #686b8e;
        /*-webkit-box-shadow: 0 5px 5px rgba(158,158,158,.75);
        -moz-box-shadow: 0 5px 5px rgba(158,158,158,.75);*/
        /*box-shadow: 0 5px 5px rgba(158,158,158,.75);*/
        font-size: 12px;
        font-family: Arial,Helvetica,sans-serif;
    }
    .welist li{
        min-height: 300px;
    }
    .div_center {
        color: white;
        left: 0%;
        padding: 30px;
        position: absolute;
        text-align: center;
        top: 0%;
        transform: translate(-50%, -50%);
        font-size: 26px;
    }
    .div_center img{
        width: 60%;
        margin-left: 20%;
    }
    .course-catelog-first-col{
        width: 100% !important;
    }
    .topright_courselist a {
        background-color: #0f7dd9;
        background-image: linear-gradient(to top, #3f9cde, #4baef4);
        border-radius: 5px;
        color: #ffffff !important;
        font-size: 20px;
        font-weight: 300;
        padding: 10px 30px;
    }
    .topright_courselist p{
        font-size: 18px;
    }
    .topright_courselist .col-md-1{
        margin-top: 20px;
    }
    .col-md-4 .blogRightDiv{
        margin-top: 20px;
    }
    .register_img_div_right{
        min-height: 1px;
    }
    .hide-small-devices{
        display:none;
    }
    .topright{
        margin-top:20px;
    }
    .notification_form_coursedetail .infusion-field-input-container {
        /*width: 350px;*/
        width:100%;
    }
    .intro_pyramid{
        position:absolute;
        top:20% !important;
        color:#FFF;
        font-size:25px;
        z-index:999;
        text-align:center;
        font-weight:400;
        display: table-cell;
        margin:0 0;
        width:70%;
    }
    .management_administraition_team_image img {
        width: 16% !important;
    }
    .morelink{
        width: 30%;
    }
    .mainContentfirst {
        width: 100%;
        border-bottom: 1px dotted #305dc3;
        min-height: 162px;    						
        float: left; 
        margin: 10px 5px 10px 10px;				
    }
    .renderedtable  tr, td {
        white-space: nowrap;
    }
    .renderedtable {
        width: 200px;
        margin: 0 auto;
        overflow-x: auto;
        display: block;
    }
    #boxes #dialog1 {
        /*width:375px; */
        width:90%;
        height:auto;
        border: 10px solid #ffffff;
        background-color:#ffffff;
    }
    #boxes #dialog {
        background-color: #ffffff;
        height: auto;
        border: 10px solid #ffffff;
        width: 90%;
    }
    #offerformelement {
        height: 25px;
        margin-left: 20% !important;
        width: 50% !important;
    }
    #infusion-offerpopupsubmit input{
        margin-left: 10%!important;
    }
    .intro-certificate{
        position:absolute;
        top:20%;
        color:#FFF;
        font-size:22px;
        z-index:999;
        width:100%;
        text-align:center;
        font-weight:400;
        display: table-cell;
    }
    .intro-certificate p{
        margin:0 0 5px 0 !important;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        float: none; 
        padding: 0;
        text-align: center;		
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    .div_center {
        color: white;
        left: -6%;
        padding: 30px;
        position: absolute;
        text-align: center;
        top: 5%;
        transform: translate(-50%, -50%);
        font-size: 26px;
    }
    .notification_form_coursedetail label {
        font-weight: normal;
        font-size: 14px;
    }
    .course-list-notify-form .notification_form_coursedetail .infusion-field-input-container {
        /*width: 120px;*/
        width:100%;
    }
    .register_img_div_right{
        min-height: 1px;
    }
    .register_img_div_right ul{
        margin-top: 10px !important;
    }
    .col-md-4 .blogRightDiv{
        margin-top: 20px;
    }
    .course_fees_tab_content_left {
        float: left;
        width: 100%;
    }
    .course_fees_tab_content_right {
        float: right;
        width: 100%;
    }
    .student-comment-label h1{
        color:#ffffff;
        padding:10px;
        font-size:16px;
    }
    .cms_form .blogs-commentinput {
        resize: none;
        width: 230px;
    }
    .hide-small-devices{
        display:none;
    }
    .cms_form .blogs-commentinput {
        resize: none;
        width: 230px ;
    }
    .course_start_image{
        width: 16% !important;
        float: left;
        margin-top: 0px;
    }
    .course_start_image_resolution{
        width: 240px !important;
        height: 300px;
    }
    .morelink{
        width: 30%;
    }
    .mainContentfirst {
        width: 100%;
        border-bottom: 1px dotted #305dc3;
        min-height: 162px;    						
        float: left; 
        margin: 10px 5px 10px 10px;
    }
    #boxes #dialog1 {
        /*width:375px; */
        width:90%;
        height:auto;
        border: 10px solid #ffffff;
        background-color:#ffffff;
    }
    #boxes #dialog {
        background-color: #ffffff;
        height: auto;
        border: 10px solid #ffffff;
        width: 90%;
    }
    #offerformelement {
        height: 25px;
        margin-left: 11% !important;
        width: 70% !important;
    }
    #infusion-offerpopupsubmit input{
        margin-left: 10%!important;
    }
    .intro-certificate{
        position:absolute;
        top:40%;
        color:#FFF;
        font-size:16px;
        z-index:999;
        width:100%;
        text-align:center;
        font-weight:400;
        display: table-cell;
    }
    .intro-certificate p{
        margin:0 0 5px 0 !important;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        padding: 0;
        float: none;        
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .tour-swf{
        width: 45%;
    }
    .default-template-contentBg a{
        /* These are technically the same, but use both */
        overflow-wrap: break-word;
        word-wrap: break-word;

        -ms-word-break: break-all;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-all;
        /* Instead use this non-standard one: */
        word-break: break-word;

        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
    .hide-small-devices{
        display:none;
    }
    .morelink{
        width: 30%;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        float: none; 
        padding: 0;
        text-align: center;		
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
    .hide-small-devices{
        display:none;
    }
    .morelink{
        width: 30%;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        padding: 0;
        float: none;        
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .tour-swf{
        width: 45%;
    }    
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
    .intro_pyramid{
        position:absolute;
        top:65%;
        color:#FFF;
        font-size:25px;
        z-index:999;
        text-align:center;
        font-weight:400;
        display: table-cell;
        margin:0 0;
        width:100%;
    }
    .register_img_div_left{
        height: auto !important;
    }
    .register_img_div_left_span{
        height: auto !important;
    }
    .register_img_div_right{
        min-height: auto !important;
    }
    .hide-small-devices{
        display:none;
    }
    .col-md-4 .blogRightDiv{
        margin-top: 20px;
    }
    .cms_form .blogs-addcommentinput textarea {
        width: 300px;
    }
    .morelink{
        width: 30%;
    }
    .mainContentfirst {
        width: 100%;
        border-bottom: 1px dotted #305dc3;
        min-height: 162px;    						
        float: left; 
        margin: 10px 5px 10px 10px;				
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        float: none; 
        padding: 0;
        text-align: center;		
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
    .hide-small-devices{
        display:none;
    }
    .morelink{
        width: 30%;
    }
    .mainContentfirst {
        width: 100%;
        border-bottom: 1px dotted #305dc3;
        min-height: 162px;    						
        float: left; 
        margin: 10px 5px 10px 10px;				
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        padding: 0;
        float: none;        
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .tour-swf{
        width: 45%;
    }
}

@media only screen and (min-device-width : 360px) and (max-device-width : 598px) and (orientation : portrait) {
    .intro_pyramid{
        position:absolute;
        top:30%;
        color:#FFF;
        font-size:25px;
        z-index:999;
        text-align:center;
        font-weight:400;
        display: table-cell;
        margin:0 0px;
        left:0;
    }
    .intro_pyramid div{
        margin:0 0 20px 0;
    }
    .div_center {
        color: white;
        padding: 30px;
        position: absolute;
        text-align: center;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        padding: 0;
        float: none;        
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
    .tour-swf{
        width: 45%;
    }
}
@media only screen and (min-device-width : 360px) and (max-device-width : 598px) and (orientation : landscape) {
    .intro_pyramid{
        position:absolute;
        top:35% !important;
        color:#FFF;
        font-size:25px;
        z-index:999;
        text-align:center;
        font-weight:400;
        display: table-cell;
        margin:0 0px;
        left:15%;

    }
    .div_center {
        color: white;
        padding: 30px;
        position: absolute;
        text-align: center;
        transform: translate(-50%, -50%);
        width: 70%;

    }
    .intro_pyramid div{
        margin:0 0 10px 0;
    }
    .div_center img{
        width:60%;
        margin-left:80px;
    }
    .certificate-prog-heading{
        margin-right:70px !important;
    }
    .calendar_list td{
        width: 100%;
        float: left;
    }
    .equal-date{
        display: none;
    }
    .equal-date-course{
        margin-top: 1em;
    }
    .new-date-start{
        margin-top: 1em;
    }
    .new-date-start-heading{
        margin-top: 1em;
    }
    .academic-credit-table td {
        word-wrap: break-word;
        border: 1px solid #ddd;
        table-layout: fixed;
        width: 100%;
    }
    .persent-graph {
        display: block;
        overflow-x: auto;
        position: relative;
        table-layout: fixed;
        white-space: nowrap;
        width: 100%;
    }
    .copy-right-small-device{
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 20px;		
    }
    .reserved-right-small-device{
        width: 100%;
        float: none; 
        padding: 0;
        text-align: center;		
    }
    .padding-bottom-div{
        padding-bottom: 0;
    }
    .copy-right-small-footer{
        float: none;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-device-width: 720px) and (orientation:portrait) {
    .intro-certificate{
        position:absolute;
        top:40%;
        color:#FFF;
        font-size:16px;
        z-index:999;
        width:100%;
        text-align:center;
        font-weight:400;
        display: table-cell;
    }
    .intro-certificate p{
        margin:0 0 5px 0 !important;
    }
}