﻿@media screen and (max-width:1330px) {
    .sn-head {right:-36%}}
@media screen and (max-width:1300px) {
    .sn-head {
    right: -33%;}
    .light-part .n2 {
    margin-left:55px}
}
@media screen and (max-width:1220px) {
    .sn-head {
    right: -30%;}
}
@media screen and (max-width:1200px) {
    .body-wrap {width:100%;}
    .page-container {width:98%}
    .nav {right:0}
    .first-container .n2 {margin-left:0}
    .first-container .logo {text-align:right}
    .logo > img,.first-container .n2 > img {width: 100%;}
    .logoheadwrap {
    overflow:hidden}
    .first-container .logo {
    width:30%; float:right; position:static}
    .first-container .n2 {
    float:left; width:70%;}
    .first-container .sub-title {
    text-align:center}
    .first-container .pth {
    float:none; margin-right:0}
    .wwilogo {float:none; text-align:center; margin-top:10px;}
    .sec-container .mdesign,.fourth-container .mdesign {margin-left:35.2%}
    .sec-container .n2,.fourth-container .n2 {margin-left: 25.5%;}
    .sec-container .desc-data,.fourth-container .desc-data {margin-left:49%; width:50%}
    .third-container .n2,.fifth-container .n2 {margin-left:0}
    .sn-head {right: -33%;}
    .third-container .pimg {margin-left:83px}
    .third-container .pdesc {left:47%}
    .nav.show {position:absolute; top:0; height:auto; padding-bottom:100px;}
    
}
@media screen and (max-width:1190px) {
    .fifth-container .course-pimg {right:7px; margin-left:0}
    .pth-deep {margin-left:0; font-size:58px}
    .sec-container .pth {
    font-size:51px;}
    .sec-container .pimg {
        margin-left: 90px;
    }
    .sec-container .pdesc {
    width:402px;}
        .sec-container .pdesc .ddata {
        margin-left:-77px}
}

@media screen and (max-width:1170px) {
    .why-pimg2 {right:0}
    .fifth-container .course-pimg {position:relative; text-align:center}
        .fifth-container .course-pimg img {margin-top:100px;}
         .fifth-container .course-pdesc {background:none;width:auto; text-align:center; position:static; margin:0; padding:0}
    .pth-deep br{display:none}
    .pcourse-new {margin:0}
    .fifth-container .oneno {right:10%;}
    .view-course { text-align:center; margin:0; padding:0 40px 0 0} 
}
@media screen and (max-width:1150px) {
    .sec-container .mdesign {
        margin-left: 36.2%;
    }
}
@media screen and (max-width:1130px) {
        .sec-container .mdesign {
        margin-left: 37.2%;
    }
    .glance-block-wrap {
    background-position:6% center}
        
.third-container .pdesc {
    left: inherit;
    right: -55px;
    width: 408px;
}
    .mimg {
    margin-left:52px; width:50%}

}
@media screen and (max-width:1100px) {
    .enquire-now {margin-right:20%}
    .vimg {padding:0 5% 0 2%}
    .vdesc {margin-left:52px; float:left}
}
@media screen and (max-width:1060px) {
    .glance-title {
    font-size:58px;}
        .glance-title span {
        font-size:88px;}
    .glaneseqig {
    left:0}
    .snet {
    margin-left:0}
}
@media screen and (max-width:1050px) {
    .sn-head {
    right:-39%}
    .why-pimg {
    margin-left:45px}
    .fourth-container .why-pth {
    font-size:110px;}
}

@media screen and (max-width:1030px) {
    .why-pimg2{width:500px;}
    
.why-pimg2 > img {
    width: 100%;
}
}
@media screen and (max-width:1020px) {
    .pdesc {padding-left:8%;}
    .sec-container .pth {
    font-size:38px; margin-left:0}
    .pdesc {
    padding-left:20%}
}
@media screen and (max-width:1000px) {
    .wrapper {
        background:none
    }.slides div {
height:auto;}
    .sec-container .pimg {
    margin-left:0; width:100%; text-align:center}
   
    .slider,.sec-container .pdesc{position:static; width:100%; margin-left:0; text-align:center; margin-top:0;  }
        .sec-container .pdesc .ddata {
        margin-left:0}
    .flexslider span {
        text-align: center; width:auto
    }
        .flexslider span.sec, .flexslider span.third, .flexslider span.fourth, .flexslider span.fifth, .flexslider span.seven,
        .flexslider span.eight, .flexslider span.nine, .flexslider span.ten, .flexslider span.eleven {
       padding-right:0}
    .first-container, .sec-container, .third-container, .fourth-container, .fifth-container{
    margin-bottom:50px;}
    .mdesign,.left-navigation,.head, .desc,.brdesign,.mdesign ,  .dwn-arw{display:none}
    .sec-container .n2,.sec-container .desc-data,.third-container .n2,.third-container .desc-data,
    .fourth-container .n2,.fourth-container .desc-data,.fifth-container .n2,.fifth-container .desc-data,
    .six-container .n2,.six-container .pimg,.third-container .pimg img{margin:0 auto; text-align:center; width:88%; position:static}
    .click-btn {display:inline-block; margin:0 0 20px 0}
    .fourth-container,.fourth-container .n2 {margin:0; padding:0}
    .eh {display:inline-block}
    .enquire-now {
        border-bottom: 1px dashed #dfdfdf;
    border-top: 1px dashed #dfdfdf;
    float: none;
    margin: 50px auto 60px;
    padding-bottom: 10px;
    padding-top: 30px;
    text-align: center;
    width: 100%;}
    .form-field {margin: 0 auto;width: 342px;}
    .pimg,.pdesc,.third-container .pimg,.third-container .pdesc {margin:0 auto; padding:0; background:none; width:100%; position:static; text-align:center; width:92%; height:auto}
    .sec-container .pth {font-size:50px;}
    .sec-container,.third-container,.fourth-container,.fifth-container,.six-container {height:auto}
    .third-container .pdesc {margin-top:-90px;}
    .fourth-container .why-pdesc,.fourth-container .why-pimg2,.fourth-container .why-pimg {position:static}
    .fourth-container .why-pimg {float:left; margin:0}
    .fourth-container .why-pimg2 {float: right; margin:0}
    .fourth-container .why-pdesc {width:100%; margin:0 auto; background:none; height:auto}
    .fourth-container .why-pth {margin:0}
    .two-clmn-wrap {
        right:0; left:0; margin:0 auto; position:static; text-align:center
    }
    .fifth-container .course-pimg img {margin-top:0}
    .fifth-container .course-pimg {top:0; right:0}
    .sn-head,.social-icon {position: static;right: 0;top: 0;transform: rotate(0deg);  text-align:center}
    .social-icon a {display:inline-block}
    .six-container .n2 {padding-top:0;}
    .six-container .pdesc {margin-top:-18%; background:none; padding:0; margin-bottom:10px;}
    .pth {margin:0; padding:0}
    .sn-head {display:none}
    .ffield {float:none
  }
    .submit {float:none; margin:0 auto
    }
    .light-part .logo {width:100%; text-align:center; float:none}
    
.light-part .logo img {
    position: static;
    right: 40px;
    top: -180px;
    width: auto;
}
    .innerpagetitle {
    margin-top:0}
    .light-part .go-dwn-arw {
    left:0; right:0; position:static}
    .light-part .n2 {
    margin-left:0}
        .light-part .n2 img {
        width:82%}
    .light-part .n2name {
    font-size:75px; padding-top:0}
    .body-wrap.innerbody-wrap {
    margin:0 auto !important}
    .abt-page .first-container .desc-data {
    margin:20px auto !important; width:auto}
    .abt-page .first-container .headtxt {
    margin-right:0}
        .abt-page .first-container .headtxt span {
        font-size:58px;}
    .abt-page .first-container .headtxt {
    font-size:171px; line-height:171px;}
    .mimg {margin:0 auto
    }
 
         .mimg img {
        width:100%}
    .abt-page .third-container .heading br {
    display:none}
    .abtsliderdesc {
    text-align:center}
    .abtsliderblock {
    width:24%; box-sizing:border-box; margin:0; text-align:center; padding-left:0}
    .glance-title {font-size:51px;
    }
        .glance-title span {
        font-size:79px}
    .glance-block-wrap {
    background:none}
    .glance-block {
    width:33%; margin:0; box-sizing:border-box; text-align:center}
    .socialnetwork-section {
    margin:0 auto; height:auto; padding:50px 0;}
        .snet, .socialnetwork-section .social-icon {
        margin-top:20%;}
    .address {
    position:static; margin-top:10px;}
}
 
@media screen and (max-width:940px) {
.footer-logo img { margin-left: -19%;width: 140%;}
.socialnetwork-section .social-icon a {
    margin-right:0; margin-left:10px}
}
@media screen and (max-width:880px) {
    .fifth-container .course-pimg img {width:98%}
    .vdesc {float:none; margin:0 auto; text-align:center}
    .vimg,.mimg {float:none; margin:0 auto; width:90%; text-align:center; padding:0}
    .missionhead-box {width:100%; text-align:center; margin:0 auto; float:none}
    .mbox {margin:10px auto 0; float:none}
    .abt-page .third-container .heading {
   font-size:48px }
    .glance-title {
    font-size:43px;}
        .glance-title span {
        font-size:62px;}
    .mission .ddata,.mission .desc-data {
    width:100%; margin:0 auto !important}
}
@media screen and (max-width:820px) {
    
  
 
    .slider {padding-top:0; margin:0 auto; text-align:center; position:static}
    .first-container .n2 {padding-top:0; line-height:0}
    .first-container .n2 > img {width:100%}
    .first-container .sub-title{margin-left:0; font-size:28px; text-align:center}
    .first-container .pth {float:none; margin-right:0}
    .first-container .dwn-arw {margin:0 auto; left:0; right:0; width:10px; bottom:-40px}
    .fnav ul li{margin-right:30px; }
    .six-container .pimg img {width:98%}
    .light-part .n2,.light-part .n2name {width:100%; float:none; text-align:center
    }
        .light-part .n2 img {
        width:30%}
    .innerpagetitle {
    background-repeat:repeat; padding:20px 0 10px !important; height:auto}
    .glance-block {width:32%;
    }
        .glance-block .nos {
        font-size:58px;}

}
@media screen and (max-width:750px) {
    .two-clmn > div,.two-clmn-wrap .ht {font-size:22px;}
    .abtsliderblock {
    width:49%; padding-top:15px;}
        .abtsliderblock:after {
            display: none;
        }
        .abtsliderblock:nth-child(4),.abtsliderblock:nth-child(3),.abtsliderblock:nth-child(2){padding-bottom:20px }

    .glaneseqig {
    display:none}
    .glance-title {
    text-align:center; margin-left:0    }
    .glance-title span {
    display:block}
    .glance-block-wrap {
    text-align:center}
    .glance-block {
    width:49%; margin-bottom:10px}

}
@media screen and (max-width:700px) {
    .third-container .n2 img,.fifth-container .n2 img{width:98%; margin:20px 0}
    .abt-page .first-container .headtxt {line-height:normal; width:100%; text-align:center}
        .abt-page .first-container .headtxt span {
        margin:0; line-height:0}
    .mbox {background:none;   float: none;
    height: auto;
    margin: 10px auto 0;
    padding: 0;
    width: auto;}
    .mboxarw {
    float:none; width:10px; margin:0 auto}
    .mission .ddata {
    width:auto}
 
.mbox-head {
    float: none;
    margin: 0 auto;
    text-align: center;
}
    .mbox-head br {
    display:none}
    .snet {
    width:100%; float:none; text-align:center}
    .snet, .socialnetwork-section .social-icon {
    float:none}
    .socialnetwork-section .social-icon {
    margin-top:10px;}

}
@media screen and (max-width:680px) {
    .two-clmn {background-image:url("../images/star.png"), none; 
               border-left:0
    }
        .two-clmn:first-child {
            border-bottom: 1px dashed #d2d2d2;
            border-left: medium none;
            margin-bottom: 20px;
        }
}
@media screen and (max-width:660px) {
        .fnav ul li{margin-right:20px; margin-bottom:10px; }
    .sec-container .n2 img{width:90%; margin:20px 0;}

}
@media screen and (max-width:600px) {
    .first-container .logo,.first-container .n2 {width:100%; text-align:center; float:none}
    .logo > img, .n2 > img {width:auto}
    .six-container .n2 > img {width:98%}
    .fourth-container .why-pth {font-size:80px;}
    .popup {width:70%; margin:0 auto}
    .thanku {font-size:45px
    }
        .thanku span {
        font-size:28px;}
    .light-part .n2 img {width:50%;
    }
    .writername {
      margin-left:0; text-align:right}
}
@media screen and (max-width:560px) {
    .fourth-container .why-pimg, .fourth-container .why-pimg2,.fourth-container .why-pimg img, .fourth-container .why-pimg2 img {
    width:90%; text-align:center}
    .vimg,.mimg {
    width:98%; text-align:center}
}
@media screen and (max-width:500px) {
    
.footer-logo img {
    margin-left: -47%;
    width: 200%;
}
.fourth-container .n2 img{
    width:98%; margin:20px;}
    .sec-container .pimg img {
    width:98%}
    
.sec-container .pth {
    font-size: 38px; line-height:normal
}
.sec-container  .pdesc .ddata {
    margin-left:0}

.third-container .pdesc {
    margin-top: -50px;
}
    .slider {
        font-size: 34px;
    }
    .course-name  br {
    display:none}
    
.vdesc {
    background-position: 60% top;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: auto;
}
    .vision .ddata, .mission .ddata {
    width:auto}
    .vdesc {
    width:98%; background-size:100%}
    .socialnetwork-section {
    background-size:100%;}
    .vimg > img {
    width:80%}
}

@media screen and (max-width:440px) {

    .two-clmn > div, .two-clmn-wrap .ht {
        font-size: 14px;
        line-height: 22px;
    }
    .light-part .n2name {
    font-size:50px;}
    .light-part .go-dwn-arw {
    margin-top:10px;}
    .writername {
    font-size:32px;}

}
@media screen and (max-width:430px) {
    .two-clmn {width:100%;}
    .two-clmn-wrap {width:100%;}
    .two-clmn-wrap {position:static}
    .two-clmn {
    display: inline-block;
    margin: 0 auto 10px;
    padding: 0 0 0 20px;
    width: auto; background-position:left 0 , right bottom; 
    background-image:url("../images/star.png"), none;  padding-bottom:20px
}
    .fourth-container .why-pth {
    font-size:60px}
    .abt-page .first-container .headtxt {font-size:120px;
    }
    .mbox-head {
    font-size:34px; line-height:34px;}
    .abtsliderblock {
    width:100%; border-bottom:1px solid #dfdfdf; border-left:0}
        .abtsliderblock .tag.first {
        margin-bottom:42px}
    .glance-block {
    width:100%;  border-bottom: 1px solid #dfdfdf;
    margin-bottom: 20px;
    padding-bottom: 20px;}
    .glance-block-wrap {
    margin-top:0;}
}
@media screen and (max-width:400px) {
    .first-container .logo {width:100%; text-align:center}
    .logo > img,.wwilogo img {width:80%}
    .fifth-container .oneno {font-size:59px; top:90px;}
    .pth-deep {font-size:40px;}
    .pth {
    font-size:50px;
    }
    .light-part .logo img {
    width:80%}
        .abt-page .third-container .heading {
   font-size:37px }
}
@media screen and (max-width:380px) {
    .weltxt {font-size:11px;
    }
    .first-container .sub-title {font-size:25px;}
    .first-container .pth {font-size:60px;}
    .form-field {width:90%}
    .ffield {width:100%; box-sizing:border-box}
    .third-container .pth {font-size:50px;}
    .vtitle {
    font-size:50px;}
    .vdesc {padding:20px; height:250px}
    .vision .ddata, .mission .ddata {
    font-size:15px;}
}
