@media only screen and (min-width: 767px) and (max-width: 1024px) {
.container {width:100%;}
}
@media only screen and (max-width: 767px) {
* {-webkit-transition: all 0.3s 0s ease-in-out;
    -moz-transition: all 0.3s 0s ease-in-out;
    -o-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;}
.container {padding-left:20px;padding-right:20px;}
body, html {overflow:auto;overflow-x:hidden;}
.menuIcon {display:block;background:url(../images/menu-icon.png) no-repeat center center;width:30px;height:30px;position:absolute;right:20px;top:24px;cursor:pointer;background-size:100% auto;}
.closeIcon {background:url(../images/menu-icon-active.png) no-repeat center center;width:40px;height:40px;position:relative;right:-10px;top:1px;cursor:pointer;display:block;
z-index:1;background-size:20px 20px;display:none;}
.menuIcon.activeIcon {background:#383d7d url(../images/menu-icon-active.png) no-repeat center center;width:45px;height:45px;}

.logo {padding-top:10px;padding-bottom:10px;}

.mobileLink {display:block;}
nav#navbarNavDropdown {position:absolute;top:0;right:0;width:100%;z-index:3;padding:0;margin:0;display:block;z-index:7;border:0;}
nav#navbarNavDropdown ul {position:absolute;top:0;right:-84%;border:none;width:84%;background:#ffffff;border-radius:0;padding-top:0;border-bottom:none;margin:0;}
nav#navbarNavDropdown ul li {float:left;background:none;border-bottom:1px solid #cccccc;width:100%;font-size:16px;margin:0;border-left:0;position:relative;padding:0;}
nav#navbarNavDropdown ul li:last-child {border-bottom:none;}
nav#navbarNavDropdown ul li:first-child {border-top:none;}
nav#navbarNavDropdown ul li a {color:#000000;display:block;border:none;padding:15px;font-size:16px;}
nav#navbarNavDropdown ul li a:hover, nav#navbarNavDropdown ul li a.active {color:#1f61ad;}
nav#navbarNavDropdown ul li.active  {background:#1f61ad;}
nav#navbarNavDropdown ul li.active a {color:#ffffff;}
nav#navbarNavDropdown ul li.dropdown {}
nav#navbarNavDropdown ul li ul.dropdown-menu {position:relative;left:auto;margin:0;right:auto;width:100%;box-shadow:none;display:block;background:#eeeeee;}
nav#navbarNavDropdown ul li.active ul.dropdown-menu li a {color:#000000;}
nav#navbarNavDropdown ul li ul.dropdown-menu li {text-align:center;}
nav#navbarNavDropdown ul li ul.dropdown-menu li a:hover {background:none;}
.header nav ul li.active::before {display:none;}
.headerTop {}
.headerFade:before {content:"";background:rgba(0,0,0,.6);position:absolute;width:100%;height:100%;top:0;left:0;}
.scrollHeader {
    -webkit-animation-name:none; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration:0; /* Safari 4.0 - 8.0 */
    animation-name:none;
    animation-duration:0;
}
.header {
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;

-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.header.header-fixed {
/* when the user scrolls down, we hide the header right above the viewport */
position: fixed;
margin-top: -112px;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;

-webkit-transition: all 0.3s 0s ease-in-out;
-moz-transition: all 0.3s 0s ease-in-out;
-o-transition: all 0.3s 0s ease-in-out;
transition: all 0.3s 0s ease-in-out;

}
.header.header-visible {
/* if the user changes the scrolling direction, we show the header */
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: all 0.2s 0s ease-in-out;
    -moz-transition: all 0.2s 0s ease-in-out;
    -o-transition: all 0.2s 0s ease-in-out;
    transition: all 0.2s 0s ease-in-out;
}
.header-fixed.header-visible {
	-webkit-transform:none;
	-moz-transform:no#ne;
	-ms-transform:none;
	-o-transform:none;
	transform:none;
	margin-top:0;
}


.headerTop ul li span {display:none;}
.headerTop ul li {margin-right:10px;}
.headerTop ul li:last-child {margin:0;}
.searchBox {margin:0 10px 0 0;}
.headerTop ul li:first-child {display:none;}
.loginLink {width:30px;padding-left:30px;overflow:hidden;}

.aboutTxt p {padding-right:0;padding-top:0;}
.iconBox {border-left:0;border-top:1px solid rgba(0,0,0,.2);padding-top:20px;}
.noBrdr {border:0;}
.partnerList ul li {width:50%;float:left;border-left:0;padding-top:20px;height:110px;}
.partnerList ul {display:block;clear:both;width:100%;float:left;border-bottom:1px solid rgba(0,0,0,.4);}
.partnerList ul li:nth-child(even) {border-left:1px solid rgba(0,0,0,.4);}
.partnerList ul li:last-child {border-bottom:0;}
.partnerList ul.lastList li:last-child {display:none;}


.banner {height:auto;padding-bottom:0;margin-top:76px;}
.innerBannerContent {padding:80px 0;}
.innerBanner {margin-top:76px;}
.innerBanner h1 {font-size:44px;font-weight:600;text-shadow:none;}
.bannerContent {margin:0;padding:0 0 75px 0;}
.banner>.container {padding:0;}
.bannerLink {margin-top:0;}
.bannerContent h3 {font-size:22px;line-height:30px;margin-bottom:5px;}
.bannerContent p {font-size:12px;line-height:16px;margin-bottom:15px;color:#FFFFFF;}
.banner .owl-carousel .item {height:auto;padding:0;background:rgba(0,0,0,.8);color:#FFFFFF;}
.bannerContent a, .bannerContent a:hover {margin-right:0;padding:5px 10px;font-size:13px;}
.bannerTxt {font-size:22px;padding:20px;width:100%;margin:0;top:20%;left:0;}
.bannerContent a:last-child {float:right;}
.paddingBox.coursesBox, .paddingBox.videoBox {padding-top:0;}
.paddingBox.coursesBox .container, .paddingBox.videoBox .container, .paddingBox.videoBox .container .col-md-6.playVideoPic {padding:0;}
.paddingBox.coursesBox .container .col-md-6.fright, .paddingBox.videoBox .container .col-md-6 {padding:0 10px;}
.owl-prev {left:0;}
.owl-next {right:0;}
.owl-nav div {width:38px;height:38px;}
.searchBox {width:188px;}
.homeBanner {background:#fafbf6 url(../images/mobile-banner.jpg) no-repeat 0 bottom;background-size:100%;}
.uspColumnBox {width:50%;float:left;padding:0 5px!important;}
.getInTouch {margin-top:20px;}
.banner .owl-carousel {width:100%;padding:0;}
.banner .owl-dots {text-align:center;bottom:15px;width:172px;top:auto;left:50%;margin-left:-86px;}
.banner .owl-dots div {display:inline-block;margin:0 4px;background:#ffffff;}
.banner .owl-dots div.active {background:#f09324;}
.footer h2 img {width:45px;}

.grayBoxBg.howItWorks .col-md-4 {margin-bottom:20px;}
.serviceHomeBox ul li {width:100%;margin:0 0 20px 0;}
label.col-form-label {padding:0 20px;text-align:left;display:block;}

.detailPic {width:100%;margin:0 0 20px 0;}

.mainContainer .serviceBoxRow h3 {font-size:20px;line-height:24px;padding-right:30px;}
.serviceBoxRow {margin-bottom:15px;}
.slideHead:before {top:0;}
.communicationBox .row .col-md-6 {padding-left:15px;padding-right:15px;margin-bottom:35px;}
.mainContainer h3 {font-size:24px;}
.communicationBox .row {padding:0;}
.mainContainer .communicationBox h3 span {width:35px;height:35px;margin-right:5px;line-height:35px;}
.blogBox .whyColumn {margin-bottom:20px;}
.rowGap {padding-top:0;padding-bottom:0;}

.mainContainer h2, .footer h2 {margin-bottom:55px;font-size:26px;}
.mainContainer h2 strong:before {bottom:-1px;}
.paddingBox {padding:20px 0;}
.howWorkColumn {min-height:205px;margin-bottom:35px;}
.playVideoPic {position:relative;left:auto;margin-bottom:15px;}
.cousesPicBox {position:relative;margin-bottom:15px;left:auto;}
.videoList {margin-top:20px;}
.paddingBox .col-md-6 {padding:0;}
.uspColumnBox h3 {margin-bottom:10px;font-size:16px;}
.howItWorks .col-md-3 {width:50%;float:left;}
.howWorkColumn h3 {font-size:16px;margin-bottom:8px;}
.uspColumnBox {min-height:inherit;margin-bottom:30px;}
.uspIcon {height:auto;margin-bottom:8px;}
.courseList li {width:49%;}
.courseList li:nth-child(3n+2) {margin:0 0 13px 0;}
.courseList li:nth-child(even) {float:right;}
.quickStatsBox ul li {float:left;margin:0 0 15px 0;}
.quickStatsBox ul li:nth-child(even) {float:right;}
.socialIcons {width:100%;text-align:center;}
.socialIcons a {display:inline-block;margin:0 10px;float:none;}
.footer {padding-top:20px;}
.footer ul {text-align:center;margin-bottom:10px;}
.footer ul li {padding:0 10px;}
.footer ul li:first-child {}
.footerBottom {padding:15px 0;}
.backTop {width:40px;right:20px;bottom:30px;}
}
@media only screen and (min-width: 320px) and (max-width: 380px) {
.quickStatsBox ul li {float:none;margin:15px;display:inline-block;}
.quickStatsBox ul li:nth-child(even) {float:none;}
.uspColumnBox {width:100%;}
.howItWorks .col-md-3 {width:100%;padding-right:15px;}
.howWorkColumn {min-height:inherit;}
}