@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Khula:400,700,600);
 
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?ukjbgx');
    src:    url('fonts/icomoon.eot?ukjbgx#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?ukjbgx') format('truetype'),
        url('fonts/icomoon.woff?ukjbgx') format('woff'),
        url('fonts/icomoon.svg?ukjbgx#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrows:before {
    content: "\e900"; color: #fff; font-size: 20px; line-height: 45px;
}
.icon-arrows-1:before {
    content: "\e901";
}
.icon-black:before {
    content: "\e902";
}
.icon-computer:before {
    content: "\e903"; color: #fff; font-size: 35px; line-height: 95px;
}
.icon-envelope:before {
    content: "\e904";
}
.icon-facebook-logo:before {
    content: "\e905"; color: #fff; font-size: 23px; line-height: 55px;
}
.icon-google-plus:before {
    content: "\e906"; color: #fff; font-size: 23px; line-height: 65px;
}
.icon-multimedia:before {
    content: "\e907";
}
.icon-phone-call:before {
    content: "\e908"; color: #94bd2b; font-size: 18px; margin: 8px 15px 0 0; line-height: 30px;
}
.icon-pin:before {
    content: "\e909"; 
}
.icon-social:before {
    content: "\e90a"; color: #fff; font-size: 23px; line-height: 55px;
}
.icon-social-1:before {
    content: "\e90b"; 
}
.icon-social-media:before {
    content: "\e90c"; color: #fff; font-size: 23px; line-height: 55px;
}
.icon-tablet:before {
    content: "\e90d";  color: #fff; font-size: 45px; line-height: 95px;
}
.icon-technology:before {
    content: "\e90e"; color: #fff; font-size: 45px; line-height: 70px; float: left; margin: 0 20px 0 0;
}
.icon-twitter-logo:before {
    content: "\e90f"; color: #fff; font-size: 23px; line-height: 55px;
}
.icon-wordpress:before {
    content: "\e910";  color: #fff; font-size: 45px; line-height: 95px;
}


/* Basic css */
body {font-family: 'Open Sans'; font-size:16px; color:#707070; line-height:30px; overflow-x: hidden;}
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; outline:0 }
a { transition:all 1s}
a:hover, a:focus, a:active { outline:none}
ul, p, h1, h2, h3, h4, h5, h6 { padding:0; margin:0}
.navbar-nav>li>a {font-family: 'Khula'; text-transform:uppercase;  padding:0 15px; font-weight: 600; line-height:15px;}
.navbar-nav>li:last-child >a { border:0}
#myCarousel .carousel-caption {font-family: 'Open Sans'; font-size:28px; line-height:46px; padding:0 50px 0 0; }
#myCarousel .carousel-caption span { background:#d9261c; padding:20px; float:left; margin:0 15px 0 0; font-size:50px; display:inline-block; line-height:50px }

/* Advanced css */
.subMenu {width: 100%; padding: 0 5%;}
#about { padding:100px 0 60px 0px; text-align:center}
#about h1 {font-family: 'Open Sans'; font-size: 40px; margin: 0 0 15px 0; color: #000000; font-weight: 400;}
#about h1 span {font-family: 'Open Sans'; font-size: 35px; color: #9cc927; text-transform: uppercase !important; }
#about p {padding: 0 5% 30px 5%;}
.expand {width: 100%; position: relative; float: left; border-bottom: 1px solid #CDCDCD; padding: 30px 0;}
.contract {width: 100%; float: left; border-bottom: 1px solid #D94F51;}
.nextBnt {width: 40px; position: absolute; height: 40px; background: #9cc927; border-radius: 100%; margin: 10px auto 0 auto; left: 0; right: 0;}
.coursesInfo {width: 100%; float: left; padding: 70px 0 100px 0; margin: 30px 0 0 0; background: #f3f3f3; border-bottom: 1px solid #e6e6e6; border: 1px solid #e6e6e6;}
.coursesInfo h4 {font-family: 'Open Sans'; font-size: 35px; margin: 0 30px 35px 30px; text-align: center; color: #333333; font-weight: 600;}
.coursesLine {width: 4%; margin: 0 48%; height: 1px; background: #4582e7; margin: 0 auto 60px auto} 
.coursesBox {width: 100%; float: left; background: #fff; border-bottom: 1px solid #95b2e1; padding: 0 0 30px 0; min-height: 430px;}
.coursesBox h3 {font-family: 'Montserrat'; font-size: 22px; margin: 30px 25px 15px 25px; color: #333333; font-weight: 600;}
.coursesBox h3 span {color: #275fbb; text-transform: uppercase;}
.coursesBox p {margin: 0 25px 0 25px; font-family: 'Open Sans'; font-size: 14px; line-height: 28px; color: #727272;}
.coursesBox img {width: 100%; height: auto;}
#whatwe {width: 100%; float: left; text-align: center; background: url(../images/whatBg.png) repeat-x left top #fff; padding: 80px 0 120px 0;}
#whatwe h3 {font-family: 'Open Sans'; font-size: 35px; margin: 0 30px 30px 30px; color: #91bb25; font-weight: 600;}
#whatwe p {margin: 0 0 50px 0;}
.textBox {padding: 0 12%;}
#whatwe .col-sm-4 {padding: 0; margin: 0;}
.whatBox {width: 100%; position: relative; float: left; background: #a9cf46; text-align: center; color: #fff; padding: 50px 0 30px 0; }
.whatBox h2 {font-family: 'Montserrat'; font-size: 17px; margin: 0 30px 15px 30px; color: #ffffff; text-transform: uppercase; font-weight: 600; padding: 0 40px; }
.whatBox p {padding: 0 40px; }
.whatBox1 {width: 100%; position: relative; float: left; background: #91bb25; text-align: center; color: #fff; padding: 50px 0 30px 0; }
.whatBox1 h2 {font-family: 'Montserrat'; font-size: 17px; margin: 0 0 15px 0; color: #ffffff; text-transform: uppercase; font-weight: 600; padding: 0 40px; }
.whatBox1 p {padding: 0 40px; }
.whatBox2 {width: 100%; position: relative; float: left; background: #7da417; text-align: center; color: #fff; padding: 50px 0 30px 0; }
.whatBox2 h2 {font-family: 'Montserrat'; font-size: 17px; margin: 0 30px 15px 30px; color: #ffffff; text-transform: uppercase; font-weight: 600; padding: 0 40px; }
.whatBox2 p {padding: 0 40px; }
.nextCon {width: 100%; position: absolute; bottom: -65px; text-align: center; }
.specialityCon {width: 100%; position:relative; float: left; padding: 55px 0; text-align: center; background: #2857a5; font-family: 'Open Sans'; font-size: 35px; color: #fff; }
.iconBox {position: absolute; bottom: -36px; color: #2857a5; margin: 0 auto; left: 0; right: 0;}
.glyphicon {font-size: 30px;}
.iconBox .glyphicon {font-size: 50px;}
.mailL{padding-left: 63px;}
.specInfo {width: 100%; float: left; padding: 85px 0 40px 0; }
.specInfo p {font-family: 'Open Sans'; font-size: 15px; line-height: 25px; color: #727272; margin-top:5px}
.specInfo .col-md-4 {margin: 0 0 35px 0;}
.specInfo h4 {font-family: 'Montserrat'; font-size: 22px; margin: 30px 0 25px 0; color: #333333; } 
.specLine {width: 20%; margin: 30px 40% 30px 40%; height: 1px; background: #e0e0e0;} 
.specIocn,.specIocn1,.specIocn2,.specIocn3,.specIocn4,.specIocn5, .specIocn6,.specIocn7,.specIocn8  {width: 80px; height: 80px; margin: 0 15px 20px 0; background: #06a19b; border-radius: 100%; text-align: center; float:left !important;} 
.specIocn {background: #06a19b; }
.specIocn1 {background: #b33968; }
.specIocn2 {background: #ee3c6d;}
.specIocn3 {background: #b1cd45;}
.specIocn4 {background: #ec7229; }
.specIocn5 {background: #f7b43f;}
.specIocn6 {background: #065ea1;}
.specIocn7 {background: #b33939;}
.specIocn8 {background: #3f96f7;} 
#features {width: 100%; float: left; background: #f3f3f3; border-bottom: 1px solid #e6e6e6;}
.mobileFeatures {width: 100%; float: left; }
.mobileFeatures .specialityCon {width: 100%; position: relative; float: left; padding: 55px 0 0 0; text-align: center; background: #fff; font-family: 'Open Sans'; font-size: 35px; color: #000;}
.mobileFeatures .specInfo {width: 100%; float: left; padding: 50px 0 40px 0; }
.mobileIocn,.mobileIocn1,.mobileIocn2,.mobileIocn3,.mobileIocn4,.mobileIocn5{width: 80px; height: 80px; margin: 0 15px 20px 0; background: #06a19b; border-radius: 100%; text-align: center; float:left !important;}
.mobileIocn6,.mobileIocn7,.mobileIocn8  {width: 80px; height: 80px; margin: 0 0 20px 15px; background: #06a19b; border-radius: 100%; text-align: center; float: right;}
.mobileIocn8 {width: 80px; height: 80px; margin: 0 0 20px 15px; background: #06a19b; border-radius: 100%; text-align: center; float: right !important;}
.mobileIocn9 {width: 80px; height: 80px; margin: 0 0 20px 15px; background: #06a19b; border-radius: 100%; text-align: center; float: right !important;}
.mobileIocn10 {width: 80px; height: 80px; margin: 0 0 20px 15px; background: #06a19b; border-radius: 100%; text-align: center; float: right !important;}

 

.mobileIocn {background: #06a19b; }
.mobileIocn1 {background: #b33968; }
.mobileIocn2 {background: #ee3c6d;}
.mobileIocn3 {background: #b1cd45;}
.mobileIocn4 {background: #ec7229; }
.mobileIocn5 {background: #f7b43f;}
.mobileIocn6 {background: #065ea1;}
.mobileIocn7 {background: #b33939;}
.mobileIocn8 {background: #3f96f7;} 
.mobileIocn9 {background: #ec7229; }
.mobileIocn10 {background: #f7b43f;}
.mobileFeatures .slideInRight {text-align: right;} 

.specInfo img { width:50%;}
.placementCon {width: 100%; float: left; background: url(../images/placement.jpg) no-repeat left top #f7f7f7; background-size: auto 100% }
.placementCon p {font-size: 14px; color: #6d6d6d; line-height: 30px; margin: 0 0 20px 0; }
.placementCon h3 {font-family: 'Open Sans'; font-size: 35px; margin: 0 0 30px 0; color: #000000; font-weight: 600;}
.placementCon h3 span {color: #245cb9;}
.placLine {width: 10%; margin: 0 90% 35px 0; height: 2px; background: #d6d6d6;}
.placementCon .col-md-6 {padding: 110px 120px 120px 120px;}
.placbtn {background:#245cb9 !important; margin: 30px 10px 0 0; border: 1px solid #245cb9; display:inline-block; padding: 10px 28px !important;  color:#fff; text-transform:uppercase; font-family: 'Open Sans'; font-size: 16px; text-decoration:none; border-radius: 0 !important;}
.placbtn:hover {background:#91bb25 !important; border: 1px dashed #91bb25; color:#fff; text-decoration: none; }
.placText {color: #204fb8 !important;}
.topCall {width: 100%; float: left; text-align: right; background: #fff; padding: 0 5%;  }
.topCall .col-md-6 {padding: 0; margin: 0;}
.topCall .col-md-3 {padding: 0; margin: 0;}
.navbar {padding: 0 0 30px 0 !important;}
.mailBox{width: 80%; position: relative; padding: 6px 20px; background: #91bb25; float: right;}
.mailBox .glyphicon-triangle-left {position: absolute; left: -14px; top: 10px; font-size: 20px; color: #91bb25;}
.callNo {width: 70%; float: right; font-family: 'Open Sans'; font-size: 16px; color: #282828;}
.back-to-top { cursor: pointer; position: fixed; bottom: 20px;  right: 20px; display:none;} 
.topCall { -webkit-transition:-webkit-transition: margin .5s ease-in-out; -moz-transition: margin .5s ease-in-out; transition: margin .5s ease-in-out}
.navbar-brand>img {width:100%;-webkit-transition: width .5s ease-in-out; -moz-transition: width .5s ease-in-out; transition: width .5s ease-in-out;  }
.location {float: right; font-size: 50px; line-height: 80px; margin: 0 0 0 20px;}
.contact-section ul {padding: 0; margin: 0;}
.contact-section li {list-style: none; float: left; width: 31.333%; border: 1px solid #dedede; margin: 5px 1%;}
.contact-section li img {width: 100%; height: auto;}
.mobileBox img {width: 80%; margin: 0 10%;}

/*-----------------------------------*/
/* Page 404
/*-----------------------------------*/
#page404{text-align:center;}
#page404 img{margin:50px 0; margin-bottom:20px;}
#page404 a{padding: 15px 30px; font-weight:bold; font-size:13px; text-decoration:none}
.btn11 { background: #c9383d; display: inline-block; color: #ffffff; text-transform: uppercase;  padding: 8px 12px 5px 12px; border: none;}
.btn11:hover {background:#9f161b;}

/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom: 63%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
.Flexible-container1 {position: relative; padding-bottom: 20%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%;  border: none; top: 0; left: 0; width: 100%; height: 100%;}
.Flexible-container11 {position: relative; padding-bottom: 30%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container11 iframe, .Flexible-container11 object, .Flexible-container11 embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}


/*-----------------------------------*/
/* Contact Styles
/*-----------------------------------*/
#contact { width: 100%; padding: 110px 0 100px 0; text-align:center;  }
#contact h2  {font-family: 'Open Sans'; font-size: 40px; font-weight: 600; color:#87b511; margin-bottom: 20px;}
#contact h3 {font-family: 'Open Sans'; font-size: 30px; font-weight: 400; font-weight:normal; color:#000000; margin-bottom:10px}
.subbtn {display: inline-block; background-color: #87b511; border: none; color: #FFFFFF; text-align: center; font-size: 17px; padding: 15px 25px; 
transition: all 0.5s; cursor: pointer; margin: 20px 0 0; text-transform:uppercase;}
.subbtn:hover{cursor: pointer; display: inline-block; position: relative; transition: 0.5s; background: #245cb9;}
.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 10px;
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: 400;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}
.input__label span {font-size: 19px; color: #afafaf;}
.input__label samp {font-size: 14px; color: #afafaf; font-family: 'Open Sans'; }

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #b6b6b6;
	font-weight: 400;
	font-size: 12px !important;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}


.icon {
	color: #ec4348;
	font-size: 20px	;
}


/* Fumi */
.input--fumi {
	background: #fff;
	overflow: hidden;
	padding: 0.25em 0;
	border:solid 1px #dedede;
	border-left:solid 1px #b0b0b0
}

.input--fumi::after {
	content: '';
	width: 1px;
	position: absolute;
	top: 0.5em;
	bottom: 0.5em;
	left: 55px;
	background: #f0f0f0;
	z-index: 100;
}

.input__field--fumi {
	background: transparent;
	padding: 1.5em 1em 0.25em 75px;
	width: 100%;
	color: #8abd07;
}

.input__label--fumi {
	position: absolute;
	width: 100%;
	text-align: left;
	padding-left: 75px;
	pointer-events: none;
}

.icon--fumi {
	width: 50px;
	text-align:center;
	position: absolute;
	top: 0;
	left: 0;
	padding: 1em 0 0 0.5em;
}

.input__label-content--fumi {
	padding: 15px 0;
	display: inline-block;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.input__label-content--fumi span {
	display: inline-block;
}

.input__field--fumi:focus + .input__label--fumi .input__label-content--fumi,
.input--filled .input__label-content--fumi {
	-webkit-animation: anim-fumi-1 0.3s forwards;
	animation: anim-fumi-1 0.3s forwards;
}

@-webkit-keyframes anim-fumi-1 {
	50% {
		-webkit-transform: translate3d(0, 3em, 0);
		transform: translate3d(0, 3em, 0);
	}
	51% {
		-webkit-transform: translate3d(0, -3em, 0) scale3d(0.85, 0.85, 1);
		transform: translate3d(0, -3em, 0) scale3d(0.85, 0.85, 1);
	}
	100% {
		color: #a3a3a3;
		-webkit-transform: translate3d(0, -1.1em, 0) scale3d(0.85, 0.85, 1);
		transform: translate3d(0, -1.1em, 0) scale3d(0.85, 0.85, 1);
	}
}

@keyframes anim-fumi-1 {
	50% {
		-webkit-transform: translate3d(0, 3em, 0);
		transform: translate3d(0, 3em, 0);
	}
	51% {
		-webkit-transform: translate3d(0, -3em, 0) scale3d(0.85, 0.85, 1);
		transform: translate3d(0, -3em, 0) scale3d(0.85, 0.85, 1);
	}
	100% {
		color: #a3a3a3;
		-webkit-transform: translate3d(0, -1.1em, 0) scale3d(0.85, 0.85, 1);
		transform: translate3d(0, -1.1em, 0) scale3d(0.85, 0.85, 1);
	}
}


.input__field--fumi:focus + .input__label--fumi .icon--fumi,
.input--filled .icon--fumi {
	-webkit-animation: anim-fumi-2 0.3s forwards;
	animation: anim-fumi-2 0.3s forwards;
}

@-webkit-keyframes anim-fumi-2 {
	50% {
		opacity: 1;
		-webkit-transform: translate3d(0, -3em, 0);
		transform: translate3d(0, -3em, 0);
	}
	50.25% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3em, 0);
		transform: translate3d(0, -3em, 0);
	}
	50.75% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3em, 0);
		transform: translate3d(0, 3em, 0);
	}
	51% {
		opacity: 1;
		-webkit-transform: translate3d(0, 3em, 0);
		transform: translate3d(0, 3em, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		color: #000;

	}
}

@keyframes anim-fumi-2 {
	50% {
		opacity: 1;
		-webkit-transform: translate3d(0, -3em, 0);
		transform: translate3d(0, -3em, 0);
	}
	50.25% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3em, 0);
		transform: translate3d(0, -3em, 0);
	}
	50.75% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3em, 0);
		transform: translate3d(0, 3em, 0);
	}
	51% {
		opacity: 1;
		-webkit-transform: translate3d(0, 3em, 0);
		transform: translate3d(0, 3em, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		color: #0e55cb;
	}
}



/*-----------------------------------*/
/* footer Styles
/*-----------------------------------*/
#footer-top {background:#003284; padding: 50px 0 30px 0; color:#fefefe; font-size:14px; font-family: 'Open Sans';}
#footer-top .text-right p{margin: 0 0 15px 0;}
.call-blk span { font-size:60px; float:left; margin:5px 15px 0 0}
.font20 { font-size:20px; margin-bottom:5px;}
.font25 { font-size:25px; font-weight:bold}
footer {background:#001f52; border-top:solid 1px #1f4b93; color: #ffffff; line-height: 40px; padding:25px 0;  font-size:14px}
footer a:before { position:absolute; width:0; height:0}
footer a:hover, footer a:focus, footer a:active { text-decoration:none; color:#fff; background:#2e52a6 }
footer span { background:#001f52; padding: 20px 15px; margin: 0 3px;}
footer span:hover { background:#003284; padding: 20px 15px;}
.lbm-ancr { color:#a1d51b}
.lbm-ancr:hover, .lbm-ancr:focus, .lbm-ancr:active { color:#a1d51b; background: none; text-decoration:underline}
#download {margin: 0; }

/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #5e5751; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }

.icon-arrows:hover, .nextCon img:hover { cursor:pointer}
.modal { text-align:left}
.modal-title { font-size:20px; text-transform:uppercase; font-family: 'Montserrat'; color:#a9cf46; font-weight:bold}
.modal p { margin-bottom:15px !important}
.modal p strong{color:#2857a5}
.modal ul li { position:relative;padding:0 0 0 30px; list-style:none}
.modal ul li:before {content: "\e013"; position:absolute;font-family: 'Glyphicons Halflings'; color:#2857a5; left:0; }


#contact .textBox {
	width: 100% !important;
	height: 55px !important;
	background: none;
	border: solid 1px #ccc;
	color: #848484;
	font-size: 15px;
	padding: 5px 25px;
	margin-bottom: 15px;
}
#contact .textBoxMulti {
	width: 100% !important;
	background: none;
	border: solid 1px #d5d5d5 !important;
	border: none;
	color: #848484;
	font-size: 15px;
	padding: 5px 25px;
	margin-bottom: 15px;
}
#contact .tWidth {
	width: 100%;
	float: left;
	color: #ccc; text-align:left;
}
#imgCaptcha {
	width: 27%;
	margin: 0;
}
#localcase {
	text-align: left;
	
}
.new_home {
	color: #fff;
	background: #c00;
	padding: 6px 10px;
	text-align: center;
	text-decoration: none !important;
	display: block;
	width: 10%;
}

.privacy{ padding:10px 0 !important;}
.privacy h3{ font-size:25px; color:#9cc927;}
.privacy a{color:#9cc927;text-decoration:none !important;}
.privacy_para{margin-right: 75px !important;}
.privacy_para a{ color:#87b511;font-weight:bold !important;}
/*==========  Non-Mobile First Method  ==========*/
@media screen and (min-width:1371px) {
.topCall .col-md-4 {width: 30%; }
.topCall .col-md-5 {width: 50%; }
.topCall .col-md-3 {width: 20%; }
.callNo {margin: 0 30px 0 0;}
.coursesBox h3 {font-size: 19px;}
.placementCon {background-size: 50% auto;}
.placementCon .col-md-6 {padding: 70px 120px 80px 120px;}
.coursesBox p {min-height: 70px;}
}
@media screen and (max-width:1370px) {
.topCall .col-md-4 {width: 15%; }
.topCall .col-md-5 {width: 60%; }
.topCall .col-md-3 {width: 25%; }
.callNo {margin: 0 30px 0 0;}
.coursesBox h3 {font-size: 19px;}
.placementCon {background-size: 50% auto;}
.placementCon .col-md-6 { padding: 50px 60px 50px 60px;}

}
@media screen and (max-width:1300px) {
.navbar-nav>li>a { padding: 0 10px; font-size: 14px;}
.callNo {font-size: 12px;}
.navbar-brand>img {width: 80%;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.container {width: 95%;}
.coursesBox h3 {font-size: 15px;}
.whatBox h2 {font-size: 16px;}
.whatBox1 h2 {font-size: 16px;}
.whatBox2 h2 {font-size: 16px;}
.placementCon {background-size: 100% auto;}
.placementCon .col-md-6 { width: 100%; padding: 110px 120px 120px 120px; background:rgba(0,0,0,0.7); color: #fff !important;}
.placementCon .col-md-6 p {color: #fff;}
.placText {color: #fff !important;}
.placementCon h3 {color: #fff;}
.placementCon h3 span {color: #fff;}
.placementCon .col-md-6:first-child {display: none;}
.topCall .col-md-4 {width: 10%; }
.topCall .col-md-5 {width: 60%; }
.topCall .col-md-3 {width: 30%; }
.links {margin-left: 63px;}

}
@media only screen and (max-width : 1100px) {
.topCall .col-md-4 {display: none;}
.topCall .col-md-5 {width: 65%; }
.topCall .col-md-3 {width: 35%; }
.navbar-nav > li > a {
	padding: 0 11px;
}
.whatBox2 {height: 283px;}
}

 @media only screen and (max-width : 1050px) {
.coursesInfo .col-md-3 {width: 50%; float: left; margin: 0 0 40px 0;}
.coursesBox h3 {font-size: 20px;}
.coursesBox p {min-height: 90px;}
}
@media screen and (max-width:1024px) {
.mobileIocn, .mobileIocn1, .mobileIocn2, .mobileIocn3, .mobileIocn4, .mobileIocn5, .mobileIocn6, .mobileIocn7, .mobileIocn8, .mobileIocn9, .mobileIocn10  {
	width: 65px;  height: 65px;}
.hovicon {font-size: 35px; line-height: 58px;}	
.whatBox1 {height: 300px;}
.whatBox2 {height: 300px;}
.font25 {font-size: 19px;}
#footer-top {font-size: 13px;}
footer {font-size: 13px;}
#contact .textBox {height: 45px !important;}
}
@media only screen and (max-width : 1010px) { 
.topCall .col-md-5 {display: none;}
.topCall .col-md-3 {width: 35%; float: right;}
}
@media only screen and (max-width : 1000px) {
#whatwe .col-sm-4 {width: 100% !important; margin: 0 0 90px 15px;}
.whatBox h2 {padding: 0;}
.whatBox1 h2 {padding: 0;}
.whatBox2 h2 {padding: 0;}
} 
@media only screen and (max-width : 991px) {
	
.specIocn, .specIocn1, .specIocn2, .specIocn3, .specIocn4, .specIocn5, .specIocn6, .specIocn7, .specIocn8 {
	font-size: 30px;
	line-height: 72px;
}
.specInfo .col-sm-6 {
	width: 33.33%;
}
.whatBox2, .whatBox1{
	height: 215px;
}
#whatwe {padding: 25px 0 20px 0;}
.specialityCon {
	padding: 30px 0;
}
#contact h2 {font-size: 35px;}
.specInfo p {font-size: 14px;}
.coursesInfo {padding: 40px 0 70px 0;}
#contact {padding: 110px 0 60px 0;}
.links {margin-left: 63px;}
}
@media screen and (max-width:970px) {
.navbar-nav > li > a {padding: 0 10px; font-size: 14px;}
}
@media screen and (max-width:900px) {
.topCall .col-md-6 {display: none;}
.topCall .col-md-3 {width: 50%; }
 #contact .row { margin:0}
 .input { width:100%; margin:10px 0}
   .navbar-toggle { position:absolute; right:15px; top:15px}
  .navbar-header {width:100%; float:left; display: block !important; padding: 0 0 20px 0;}
  .topCall { display:none}
  .navbar-brand { min-width:80px; width:10%; position:relative}
  .navbar-default { position:fixed; box-shadow:0 1px 6px #D7D7D7}
  .navbar { padding:0 !important; margin:0}
  .navbar-fixed-bottom, .navbar-fixed-top { }
  .navbar-toggle { position:absolute; right:15px; top:15px}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form { position:absolute; top:100%; width:100%; background:rgba(255, 255, 255, 0.8); left:0; padding:0}
  .navbar-nav { margin:0}
  .navbar-nav > li > a { padding:12px 15px; border-bottom:solid 1px #fff}
  .carousel { margin-top:80px}
  .navbar-nav > li > a:hover { background:#fff}
.navbar-nav > li > a {
	font-size: 16px;
	text-align: center;
}
.navbar-brand > img {
	width: 100%;
}
}
@media only screen and (max-width : 850px) {
.topCall .col-md-3 {width: 100%; }
.callNo {display: none;}
.mailBox{width: 50%;}
.placementCon .col-md-6 {width: 100%;  padding: 60px 80px 60px 80px;}
.specIocn, .specIocn1, .specIocn2, .specIocn3, .specIocn4, .specIocn5, .specIocn6, .specIocn7, .specIocn8 {
	width: 65px;
	height: 65px;
}
.specIocn, .specIocn1, .specIocn2, .specIocn3, .specIocn4, .specIocn5, .specIocn6, .specIocn7, .specIocn8 {
	line-height: 60px;
}
 .specInfo .col-sm-6 {
	width: 50%;
}
.mobileBox {
	display: none;
}
.coursesBox {height: 440px;}
.font25 {
	font-size: 16px;
}
.text-right {
	text-align: left !important;
}
blockquote {
	font-size: 16.5px;
}
}
@media screen and (max-width: 820px) {
.submit-btn {
	font-size: 16px;
	padding: 11px 20px;
}
}
@media(min-width:768px) {
.font25 {
	font-size: 14px;
}
}
@media(min-width:767px) {
	
    .navbar {
        padding: 20px 0 30px 0 ;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0;
		box-shadow:0px 2px 7px #CCC;
		background:#fff
    }
	.top-nav-collapse .navbar-brand>img { width:70%; min-width:80px; padding:10px 0}
	.top-nav-collapse .navbar-nav {margin-top: 30px;}
	.top-nav-collapse .topCall { margin:-50px 0 0}
	.top-nav-collapse .navbar-brand {top: -5px;}
	.top-nav-collapse .subMenu {padding: 0 5% 0 5%;}
	

 }
@media only screen and (max-width : 767px) {
  .navbar-header {width:100%; float:left; display: block !important; padding: 0 0 20px 0;}
  .topCall { display:none}
  .navbar-brand { min-width:80px; width:10%; position:relative}
  .navbar-default { position:fixed; box-shadow:0 1px 6px #D7D7D7}
  .navbar { padding:0 !important; margin:0}
  .navbar-fixed-bottom, .navbar-fixed-top { }
  .navbar-toggle { position:absolute; right:15px; top:15px}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form { position:absolute; top:100%; width:100%; background:rgba(255, 255, 255, 0.8); left:0; padding:0}
  .navbar-nav { margin:0}
  .navbar-nav > li > a { padding:12px 15px; border-bottom:solid 1px #fff}
  .carousel { margin-top:80px}
  .navbar-nav > li > a:hover { background:#fff}
  #contact .row { margin:0}
  .input { width:100%; margin:10px 0}
  #contact h2 { font-size:24px}
  #contact h3 { font-size:30px; margin-bottom:10px}
  #about, #courses, #whatwe, #contact { padding:50px 0}
  .coursesInfo { padding-bottom:20px}
  #footer-top { text-align:center}
  .icon-technology::before { float:none;}
   #footer-top .text-right { text-align:center}
   .location {float: left; margin: 40px 0 0 0; padding: 30px 0 0 0; border-top: 1px dashed #fff; width: 100%; text-align: center;}
   footer .col-sm-6:first-child {padding: 20px 0 0 0; margin: 0; border-top: none;}
   footer .col-sm-6 {text-align: center; margin: 40px 0 0 0; padding: 30px 0 0 0; border-top: 1px dashed #fff;}
   .links {
	margin: 0 !important;
}
.navbar-nav {
	background: #f6f6f6;
}
}
@media only screen and (max-width : 720px) {
#about h1 {font-size: 30px; line-height: 45px;}
.placementCon {background: none; background-color: #f7f7f7; }
.placbtn {padding: 10px 15px !important; font-size: 18px;}
.placementCon h3 {font-size: 30px;}
}
@media only screen and (max-width : 670px) {
.coursesBox p {min-height: 115px;}
.specInfo .col-xs-12 { width:100% !important; margin:0 0 25px}
}
@media only screen and (max-width : 615px) {
.coursesInfo .col-md-3 {width: 100%; float: left; margin: 0 0 40px 0;}
.coursesBox h3 {font-size: 20px;}
.placementCon .col-md-6 { padding: 60px 50px 60px 50px; }
.mobileFeatures .specialityCon {
	font-size: 30px;
}
.mobileIocn6, .mobileIocn7, .mobileIocn8, .mobileIocn10 {
	
	float: left; 	
}
.mobileIocn8, .mobileIocn9, .mobileIocn10 {
	
	float: left !important;
}
.mobileFeatures .slideInRight {
	text-align: left;
}
.links {
	margin: 0 !important;
}
.mobileFeatures .specInfo {
	padding: 45px 0 0px 0;
}
.mobileIocn6, .mobileIocn7, .mobileIocn8, .mobileIocn9, .mobileIocn10 {margin: 0 15px 20px 0; !important}
.specInfo .col-xs-12 {
	margin: 0;
}
}
@media only screen and (max-width : 560px) {
.topCall .col-md-3 {width: 100%; }
.mailBox{width: 70%;}
.placementCon h3 {font-size: 25px;}
}
@media only screen and (max-width : 500px) {
blockquote {font-size: 14.5px;}
#about p {padding: 0 2% 30px 2%;}
.mobileFeatures .specialityCon {font-size: 24px;}
}
@media only screen and (max-width : 400px) {
.topCall .col-md-3 {width: 100%; }
.mailBox{width: 90%;}
.coursesBox h3 {font-size: 16px;}
.placbtn {margin: 30px 0 0 0; text-align: center; font-size: 17px; display: block;}
#download img {width: 100%; height: auto;}
.mobileFeatures .specialityCon {
	font-size: 19px;
}
.whatBox1, .whatBox2 {height: 285px !important;
}
}
@media only screen and (max-width : 350px) {
 .placementCon h3 {font-size: 20px;}
 .coursesInfo h4 {
	font-size: 25px;
}
#whatwe h3 {
	font-size: 30px;
}
.mobileIocn, .mobileIocn1, .mobileIocn2, .mobileIocn3, .mobileIocn4, .mobileIocn5, .mobileIocn6, .mobileIocn7, .mobileIocn8, .mobileIocn9, .mobileIocn10 {
	width: 60px;
	height: 60px;
}
.hovicon {
	font-size: 30px;
	line-height: 55px;
}
}