@media only screen and (max-width: 1200px) {
    .container, .opopMWrap {width: 96%;}
    .opopMWrap .opopContent h3 {font-size: 18px;}
    .opopMWrap .opopContent .details {font-size: 14px;}
    .head1 {font-size: 18px;}
    .head2 {font-size: 18px;}
    .hBox ul li .head h2, .trainings .box:nth-child(1) h3, .partnersupport h3, .aboutus h3, .clientele h3, .cityChapter h1 {font-size: 24px;}
    .hBox ul li .head h2 span, .trainings .box:nth-child(1) h3 span {font-size: 14px;}
    .hBox ul li .head h3, .trainings .box:nth-child(3) .plyLnk, span.plyLnk {font-size: 18px; line-height: 30px;}
    .hBox ul li .head h3 .plyLnk {vertical-align: top;}
    .aboutus {font-size: 14px;}
    .aboutus .aboutLinks a {padding: 10px 0;}
    footer {font-size: 14px;}
    footer .lnk, footer p.copy {font-size: 12px;}
}
@media only screen and (max-width: 979px) {
    nav ul {display: none;}
    nav .container .menuBtn {display: inline-block; line-height: 32px; padding: 0 10px 0 40px; float: right; font-size: 16px; background: url(../images/menuBtn.png) 8px 0px no-repeat; cursor: pointer; transition: all ease-in-out .2s;}
    nav .container .menuBtn.open {background: url(../images/menuBtn.png) 8px -32px no-repeat;}
    nav ul li {display: block; padding: 0 0; border: 0; border-top: 1px solid #4797cd; text-align: left;}
    .aboutus .aboutLinks a {width: calc(48% - 3px); margin: 0 0 10px 2%;}
    .resourceList ul li {width: calc(25% - 4px);}
    .ncontent, .ncontent p {font-size: 14px;}
    .edupanel ul li {width: calc(50% - 3px);}
    .training .picright {width: 48%;}
    .training .picright img {width: 100%;}
    .topMargin {margin: 140px 0 0;}
    nav ul li:hover ul {display: none;}
    nav ul li .submenu {display: block; width: 40px; height: 40px; position: absolute; top: 0; right: 0; font-size: 40px; line-height: 40px; text-align: center; cursor: pointer;}
    nav ul li .submenu::before {content: '+'; display: inline-block;}
    nav ul li.open .submenu::before {content: '-';}
    nav ul li ul {position: static;}
    header {overflow: auto;}

    .imgGallery .imgSlider ul li {height: 364px;}
    .tabbingwrap.imgGallery .tabs ul li {font-size: 12px;}
    .imgGallery .imgSliderThumb {width: 40%;}
    .imgGallery .imgSlider {width: calc(60% - 20px);}
    .cityChapter span.plyLnk a {width: 28px; height: 28px; background-size: 12px auto;}
}
@media only screen and (max-width: 767px) {
    .pageHead h1 {font-size: 20px;}
    .pageHead h1 span {font-size: 14px;}
    .hBox ul li {width: 100%; margin: 0 0 10px;}
    .hBox ul li:nth-child(2n+1) {margin: 0 0 10px;}
    .trainings .box, .trainings .box:nth-child(1), .trainings .box:nth-child(2), .trainings .box:nth-child(3) {width: 100%; margin: 0 0 10px;}
    .iSmartMindP .ismart {width: 100%; margin: 0 0 30px;}
    .iSmartMindP .mindplus {width: 100%;}
    .partnersupport h3 {width: 100%;}
    .partnersupport span.plyLnk {display: block; margin: 20px 0;}
    .partnersupport .testpro ul li img {height: 24px;}
    .clientele ul {display: block;}
    .clientele ul li {display: inline-block; margin: 0 8px;}
    .clientele ul li img {height: 72px;}
    .aboutus .aboutImg {width: 100%; margin: 0 0 12px;}
    footer .lnk ul {display: inline-block;}
    footer .lnk ul li {display: block; border: 0; border-top: 1px solid #969696;}
    footer .lnk ul li a {display: inline-block; padding: 8px 0;}
    footer .lnk ul li:nth-child(1) {border: 0;}
    .opopMWrap .opopContent .slider {width: 100%;}
    .opopMWrap .opopContent .details {width: 100%;}

    .teamList ul li .pic {width: 20%;}
    .teamList ul li .desc {width: calc(100% - 24%);}
    .midSec h2 {font-size: 26px;}
    .resourceList ul li {width: calc(33% - 4px);}

    .empUrStaff .desc h1 {font-size: 24px;}
    .cbp .left, .cbp .right {width: 100%;}
    .emppro .picright {margin: 0;}
    .picleft {margin: 0;}
    .emppro .picright .pic, .emppro .picright .left {width: 100%;}
    .emppro .picright .pic img {width: 48%;}
    .emppro .picright .pic img::nth-child(2) {float: right;}
    .emppro .picright .pic::after {content: ''; display: block; clear: both;}
    .emppro .picleft .pic, .emppro .picleft .right {width: 100%;}

    .testiTraining .left, .testiTraining .right {width: 100%;}
    .contact .left, .contact .right {width: 100%;}
    .contact .left {margin: 0 0 20px;}
    .contact .left iframe {height: 320px;}

    .tabbingwrap.imgGallery .tabs ul {display: block;}
    .tabbingwrap.imgGallery .tabs ul li {display: block; text-align: left;}
    .cityChapter span.plyLnk a {width: 20px; height: 20px; background-size: 10px auto;}
}
@media only screen and (max-width: 579px) {
    header .logo {width: 200px;}
    header .socialmedia ul li {margin: 0 0 0 4px;}
    header .socialmedia ul li:nth-child(1) {margin: 0 0 0;}
    header .socialmedia {width: 120px;}
    .pageHead h1 {font-size: 16px;}
    .pageHead h1 span {display: block; font-size: 12px;}
    .hBox ul li .head h2, .hBox ul li .head h3 {width: 100%;}
    header .socialmedia ul li img {width: 20px;}
    .hBox ul li .head h3, .trainings .box:nth-child(3) .plyLnk, span.plyLnk {font-size: 14px;}
    .hBox ul li .head h3 .plyLnk, .trainings .box:nth-child(3) .plyLnk a, span.plyLnk a, .cityChapter span.plyLnk a {width: 20px; height: 20px; background-size: 8px auto; vertical-align: middle;}
    .hBox ul li .head h3 .plyLnk:hover, .trainings .box:nth-child(3) .plyLnk a:hover, span.plyLnk a:hover {background-size: 8px auto;}
    .hBox ul li .head h2, .trainings .box:nth-child(1) h3, .partnersupport h3, .aboutus h3, .clientele h3, .cityChapter h1 {font-size: 20px;}
    .hBox ul li .head h2 span, .trainings .box:nth-child(1) h3 span {font-size: 12px;}
    body {font-size: 12px;}
    .hBox ul li .head {min-height: auto; padding: 0 0 10px;}
    .hBox ul li {min-height: auto;}
    .hBox ul li .desc {position: static;}
    .iSmartMindP h3 {font-size: 20px;}
    .iSmartMindP h3 span {font-size: 12px; display: block;}
    .iSmartMindP img, .iSmartMindP .mindplus img {height: 54px;}
    .partnersupport span.plyLnk {display: block; text-align: center; width: 100%;}
    .aboutus .aboutLinks a {width: 100%;}
    .aboutus {font-size: 12px;}
    .aboutus h3 {width: calc(100% - 100px);}
    .opopMWrap .opopContent h3, .head2, .opopMWrap .opopContent .details .plyLnk {font-size: 14px;}
    .opopMWrap .opopContent .details .plyLnk {margin: 0 0 4px;}
    .opopMWrap .opopContent {padding: 8px;}
    .partnersupport span.plyLnk {margin: 6px 0;}

    .teamList, .ncontent {padding: 10px;}
    .teamList ul li .pic {width: 68px;}
    .teamList ul li .desc {width: calc(100% - 80px);}
    .midSec h2 {font-size: 20px;}
    .resourceList ul li {width: calc(50% - 4px);}

    .edupanel ul li {width: 100%; margin: 0 0 10px;}
    .topMargin {margin: 120px 0 0;}

    .imgGallery .imgSlider {width: 100%; margin: 0 0 10px;}
    .imgGallery .imgSlider ul li {height: auto;}
    .imgGallery .imgSlider ul li > img {position: static; transform: none; width: 100%;}
    .imgGallery .imgSliderThumb {width: 100%;}
    .videoList ul li {width: 100%;}
    .videoList ul li:nth-child(2n+1) {margin-right: 0;}
}
@media only screen and (max-width: 479px) {
    .empUrStaff .desc {width: calc(100% - 32%); padding: 10px 1% 10px 0;}
    .empUrStaff .desc h1 {font-size: 20px;}
    .empUrStaff .desc h4 {font-size: 12px;}
    .empUrStaff .desc p {margin: 0 0 10px;}
    .training .picright {width: 100%; margin: 0 0 10px;}
    .empUrStaff img {width: 30%;}
}