* { margin: 0; padding: 0; outline: none; }
body { font-family: 'Roboto', sans-serif; font-size: 15px; color: #2a2a2a; }
header { background: #ffffff; width: 100%; padding: 10px 0; position: relative; top: 0; z-index: 9; border-bottom: 1px solid #F1F0F0; border-top: 20px solid #ff9000; }
a, a:focus, a:active, a:hover { text-decoration: none; }
img { max-width: 100%; height: auto; }
.wrapit{ overflow:hidden; width:100%; }
header .topright { text-align: right; margin: 12px 0; }
header .topright li { display: inline-block; list-style: none; padding-left: 25px; }
header .topright li a { font-size: 15px; color: #040404; display: block; }
header .topright li a img { margin: 0 8px 2px 0; display: inline-block; }
.bannerSec { background: url(../images/bgtop2.jpg) no-repeat top center; background-size: cover; min-height: 450px; height: 450px; display: table; width: 100%; padding-top: 30px; color: #d0cccc; padding-bottom: 30px;  }
.bannerSec .tblCell { display: table-cell; vertical-align: middle; }
.bannerSec h1 {
  color: #fff;
  display: block;
  font-size: 32px;
  font-weight: 300;
  line-height: 44px;
  margin: 20px 0 24px;
  text-transform: uppercase;
	text-align: center;
}
.bannerSec h1 strong {
  /*display: block;*/
  font-size: 37px;
  font-weight: 500;
}
.bannerSec ul.arrowbullets { margin: 0; }
.bannerSec ul.arrowbullets li {
  background: rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll left center;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 700;
  list-style: outside none none;
  margin-bottom: 6px;
  padding: 0 0 0 35px;
}
.greenArrow {
  background: #ff9000 none repeat scroll 0 0;
  color: #fffafa;
  display: inline-block;
  font-size: 23px;
  font-weight: 400;
  margin: 15px 0 8px;
  padding: 10px 20px ;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}
.greenArrow a{
    text-decoration: none;
    color: #FFF;
    font-size: 23px;
    font-weight: 600;
}
.greenArrow a:hover{
    text-decoration: none;
    color: #181818;
}
/*.greenArrow:after { left: 100%; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(2, 140, 68, 0); border-left-color: #0064ba; border-width: 26px; bottom: 0; margin: auto; }*/
.contacts { margin: 10px 0 30px 0px; }
.contacts li { display: inline-block; list-style: none; padding-right: 25px; vertical-align:middle; }
.contacts li a { font-size: 22px; color: #fff; display: block; font-weight: 400; vertical-align: top; line-height: 48px; }
.contacts li a strong { font-size: 18px; display: block; font-weight: 400; text-transform: uppercase; }
.contacts li a p { font-weight: 700; display: inline-block; margin: 0; line-height:30px; }
.contacts li a img { margin: 4px 10px 2px 0; display: inline-block; vertical-align: top; }
.whiteblock { padding: 30px 0; font-size: 15px; color: #2a2a2a; font-weight: 400; }
h2 { font-size: 24px; color: #181818; font-weight: 500; text-transform: uppercase; margin: 0 0 25px; border-bottom: 2px solid #d0cccc; padding-bottom: 20px; position: relative; display: block; }
h2:after { content: ''; background: #ff9000; width: 75px; height: 4px; position: absolute; left: 0; bottom: -3px; }
.imgHolder { border: 3px solid #d0cccc; padding: 7px; border-radius: 2px; }
.imgHolder img { width: 100%; height: auto; }
.whiteblock p {
	text-align: justify;
	margin: 0;
	line-height: 22px;
	vertical-align: middle;
	padding: 3px 0;
	font-size: 13px;
}
.greenSec {
  background: rgba(0, 0, 0, 0) url("../images/greenbgsep.jpg") no-repeat fixed 50% 0 / cover ;
  color: #f9fbfd;
  font-size: 18px;
  padding: 32px 0 21px;
}
.greenSec ul { display: table; width: 100%; }
.greenSec ul li { vertical-align: top; list-style: none; display: table-cell; }
.greenSec a { font-size: 16px; color: #f9fbfd; display: block; font-weight: 400 !important; vertical-align: middle; line-height: 22px; border: 1px solid #181818; padding: 5px; }
.greenSec a strong { font-size: 18px; display: block; font-weight: 400; text-transform: uppercase; }
.greenSec a p { font-weight: 400; display: inline-block; margin: 0; vertical-align: middle; }
.greenSec a img { margin: 4px 10px 2px 0; display: inline-block; vertical-align: top;}
.greenSec a.callbox, .greenSec a.mailbox { width: 90%; }
.greenSec a.mailbox { float: right; }
.greenSec a.addrbox { width: 90%; margin: 0 auto; }
.ourServiceSec { padding: 30px 0; font-size: 15px; color: #2a2a2a; font-weight: 300; /*background: url(../images/mep-ourservicebg.jpg) no-repeat 0 0;*/ background-size: cover; background-color: #fff; 

/*border-top:solid 35px;
border-top-color:#dedede;*/
-moz-box-shadow:    inset  0  8px 8px -8px #b6b6b6, /*#696868,*/ 
					inset  0 -8px 8px -8px #b6b6b6;
-webkit-box-shadow: inset  0  8px 8px -8px #b6b6b6, 
					inset  0 -8px 8px -8px #b6b6b6;
box-shadow:        inset  0  8px 8px -8px #b6b6b6, 
					inset  0 -8px 8px -8px #b6b6b6;
/*border-bottom:solid 35px;
border-bottom-color:#dedede;*/	
	
}
.ourServiceSec h2 { color: #181818; }
.ourServiceSec ul li { width: 46%; display: inline-block; font-size: 13px; color: #005cac; font-weight: 400; padding: 0 0 0 10%; margin:10px 2% 10px 11px; vertical-align: top; text-align:justify; }
.ourServiceSec ul li h5 { font-size: 16px; color: #181818; margin: 0 40px 8px; display: block; position: relative; font-weight: 500; }
.ourServiceSec ul li h5 img {height: 130px; width: 150px; position: absolute; left: -166px; top: 0px; }
.ourServiceSec ul li p {
	font-size: 13px;
	margin: 0 0 5px 40px;
	color: #2a2a2a;
	line-height: 20px;
}

/*.ourServiceSec ul li ul {
	margin: 0 0 10px 40px;
	padding: 0px;
}
.ourServiceSec ul li ul li {
	margin: 0px;
	padding: 3px 0px;
	line-height: 22px;
	list-style: none;
	display: block;
	text-align: left;
	width: auto;
    color: #2a2a2a;
    font-size: 14px;
    font-weight: 400;
}*/



.inlineImgs { margin: 25px 0 0 0; text-align: center; }
.inlineImgs li {
  border: 1px solid #ccc;
  box-sizing: border-box;
  display: inline-block;
  list-style: outside none none;
  margin: 0 5px 0px 5px;
  padding: 0px;
  text-align: center;
  width: 23.6%;
}
footer { padding: 20px 0; text-align: center; font-size: 12px; color: #565656; background: #000000; }
footer p { margin: 0; }
.bg1 { background: url(../images/formbg.jpg) no-repeat 0 0; background-size: cover; min-height: 618px; padding: 80px 0 0; }
.bg2 { background: url(../images/formbg2.jpg) no-repeat 0 0; background-size: cover; /*min-height: 618px;*/ padding: 50px 0 0; }
.form1 { width: auto; margin: 0 auto; text-align: left; }
/*.formsed h2:after { display: none; }*/
.formsed h2 { font-size: 30px; color: #d8d8d8; font-weight: 500; border-bottom: 1px solid #d0cccc; display: inline-block; }
.formsed ul { list-style: none; text-align: left;}
form ul li { margin-bottom: 20px; }
form ul li label { font-size: 12px; font-weight: 400; color: #eaeaea; display: block; margin-bottom: 0; }
form ul li input[type="text"], form ul li input[type="tel"], form ul li input[type="email"] { border: 1px solid #b6bbc1; background: none; padding: 7px; border-radius: 2px; width: 100%; }
form ul li textarea { height: 70px; border: 1px solid #b6bbc1; background: none; padding: 7px; border-radius: 2px; resize: none; width: 100%; }
form ul li input[type="submit"] { color: #343434; font-size: 15px; font-weight: 500; display: inline-block; border: 0; border-radius: 4px; padding: 6px 20px; min-width: 120px; }
.ctnSec { margin-bottom: 20px; }
.ctnSec li {
	position: relative;
	color: #d8d8d8;
	padding: 0 0 20px 40px;
	font-size: 16px;
	line-height: 32px;
}
.ctnSec li a { color: #d8d8d8; }
.ctnSec li > img { position: absolute; left: 0; top: 6px; }
.sociallinks {
  float: right;
  margin: 30px 0 0;
}
.sociallinks li { display: inline-block; }
.formtop ul {
	background: #dfdfdf;
	padding: 10px 20px;
	position: relative;
	margin-right: 14px;
}
/*.formtop ul:after { position: absolute; top: 20px; bottom: 20px; left: 20px; right: 20px; border: 1px solid #bebebe; content: ''; z-index: 0; }*/
.formtop ul li {
	list-style: none;
	position: relative;
	z-index: 1;
	margin: 8px 0;
}
.formtop ul li ::-webkit-input-placeholder {
 color: #595a5a;
}
 .formtop ul li :-moz-placeholder {
 color: #595a5a;
}
 .formtop ul li ::-moz-placeholder {
 color: #595a5a;
}
 .formtop ul li :-ms-input-placeholder {
 color: #595a5a;
}
.formtop ul li input[type="text"], .formtop ul li input[type="tel"], .formtop ul li input[type="email"], .formtop ul li select, .formtop ul li textarea { box-shadow: inset 2px 2px 15px -4px #bfbfbf; border: 1px solid #bfbfbf; color: #595a5a; font-size: 13px; background: #ffffff; padding: 10px; border-radius: 2px; width: 100%; }

.formtop ul li input[type="submit"] { color: #ffffff; font-size: 16px; font-weight: 500; display: block; border: 0; border-radius: 0; padding: 6px 20px; text-transform: uppercase; border-bottom: 3px solid #8e5102; width: 100%; background: #ff9000; text-align: center; text-shadow: 0px 1px 1px #8e5102; }

.formtop h3 {
	background: #202020;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #cccccc;
	font-weight: 400;
	margin: 0;
	padding: 12px;
	margin-right: 13px;
}
.formtop h3 strong { color: #ffffff; font-weight: bold; }
.formtop h2 { border-bottom: 0; position: relative; font-size: 30px; color: #ffffff; font-weight: 500; background: #ff9000; padding: 10px 90px 10px 40px; margin: 0 -10px; width: 102% }


.formtop h2::after {
	background: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #8e5102 transparent transparent; ;
	bottom: -10px;
	right: 0;
    content: ''; 
    position: absolute;
    left: 0;
}
.formtop h2:before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #8e5102 transparent transparent transparent; bottom: -10px; right: 0; }



.formtop h2 img {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 40px;
}
.formtop h2 span { display: block; color: #ffffff; font-size: 24px; font-weight: 500; }
label.error { display: none !important; }
.error { border: 1px solid red !important; }

.greenSec a strong {
  color: #181818;
  display: block;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
}

.greenSec a p.phone{
	padding-top: 20px;
}





.mep-portfolio-btn{
	height: auto;
	margin: 15px 61px 0px 50px;
	text-align: center;
	display: inline-block;
	float:left;
}
	
.mep-portfolio-btn a{
	text-decoration: none;
	text-align: none;
	color: #fff;
	font-size: 16px;
	margin: 0px;
	padding: 10px 20px;
	border-radius: 5px;
	background-color: #005cac;
	display: inline-block;
}

.greenSec a .free-quote-text {
  display: inline-block;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 80px;
  text-transform: uppercase;
}
.greenSec a .email-id {
  display: inline-block;
  font-weight: 400;
  line-height: 78px;
  margin: 0;
  vertical-align: middle;
}

.switcher-box {
    top: 15%;
    position: fixed;
    right: 0px;
    text-align: center;
    transition: all 0.4s ease-in-out 0s;
    z-index: 300;
	border: 5px solid #fff;
}
.switcher-box .open-switcher {
    background: rgba(0, 0, 0, 0) url("feedback-buttons.png") no-repeat scroll left center;
    cursor: pointer;
    display: block;
    float: left;
    height: 323px;
    position: absolute;
    right: 310px;
    text-indent: -9999em;
    top: 108px;
    width: 60px;
}
.formbot h5, .formbot ul {
    margin: 0;
    position: relative;
}
.formbot h5 {
    background: #ff9000 none repeat scroll 0 0;
    border-bottom: 0 none;
    line-height: normal;
    padding: 10px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
}
.formbot ul {
    background: #e4e6e6 none repeat scroll 0 0;
    padding: 12px 9px 1px;
}
.formbot ul::after {
    bottom: 20px;
    content: "";
    left: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 0;
}
.formbot ul li {
    box-sizing: border-box;
    list-style: outside none none;
    margin-bottom: 7px;
    position: relative;
    z-index: 1;
}
.formbot ul li input[type="submit"] {
    background: #ff9000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    padding: 6px 20px;
    /*text-shadow: 0 1px 1px #946615;*/
	color: #fff;
    text-transform: uppercase;
    width: 100%;
	font-weight: 500;
	font-size: 16px;
}
.formbot ul li input[type="text"], .formbot ul li input[type="tel"], .formbot ul li input[type="email"], .formbot ul li select, .formbot ul li textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    padding: 6px 8px;
    width: 100%;
}
.formbot {
    width: 240px;
}

.portfolio-btn{
	
    border: medium none;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
	margin-top: 0;
}
.portfolio-btn a{
	background: #ff9000 none repeat scroll 0 0;
	color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 20px;
    text-transform: uppercase;
    width: 100%;
	text-decoration: none;
}
.portfolio-btn a:hover{
	text-decoration: none;
	color: #fff;
	background: #0f0f0d;
}

.new-read-more-btn {
	height: auto;
	margin: 10px 0px 0px 40px;
	padding: 0px;
	text-align: left;
	display: block;
	width: 100%;
}
.new-read-more-btn a {
	width: auto;
	height: auto;
	background-color: #ff9000;
	padding: 6px 15px;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	border-radius: 0;
	display: inline-block;
	font-weight: 500;
}
.new-read-more-btn a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #181818;
}


.bottom-title::after { content: ''; background: #ff9000; width: 30%; height: 4px; position: absolute; left: 35%; bottom: -3px; }









.course-tabs{
    display: flex;
}
.course-tabs .tab-content {
	border: 1px solid #ff9000;
	/* border-top: 0; */
	padding: 5px 10px;
	/* float: left; */
	/* width: 80%; */
	/* display: inline-flex; */
	flex: 0 0 80%;
	max-width: 80%;
	border-top: 1px solid #ff9000;
    display: flex;
}

.course-tabs .nav-tabs {
	margin: 0;
	border: 0;
	border-bottom: 1px solid #ff9000;
    border-left: 1px solid #ff9000;
    /*float: left;*/
    max-width: 20%;
    flex: 0 0 20%;
    background: #ededed;
}
.course-tabs .nav-tabs li.thim-col-4 {
	width: 100%;
}


.course-tabs .nav-tabs li.active, .course-tabs .nav-tabs li.active a {
	background: #fff;
    color: #ff9000;
}


.course-tabs .nav-tabs li.active a:focus, .course-tabs .nav-tabs li.active a:hover {
    border-color:#ff9000 #ff9000 transparent;
}

.course-tabs .nav-tabs li {
	padding: 0;
}

.course-tabs .nav-tabs li {
	background: 0 0;
	border-radius: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	border: 0;
	position: relative;
}


.course-tabs .nav-tabs li.active, .course-tabs .nav-tabs li.active a {
	background: #fff;
	border-right: none;
}

course-tabs .nav-tabs li:last-child a {
	margin-right: 0;
}
.course-tabs .nav-tabs li.active::before {
	/*content: '';*/
	position: absolute;
	left: 0;
	right: 3px;
	top: 0;
	height: 4px;
	z-index: 10;
    background-color: #373737;
}

.course-tabs .nav-tabs li.active::after {
	content: '';
	position: absolute;
	/* left: 1px; */
	right: 4px;
	right: -1px;
	height: 100%;
	z-index: 10;
	background: #fff;
	bottom: 0;
	width: 1px;
}

.course-tabs .nav-tabs li a {
	border-radius: 0;
	margin-right: 0;
	border: 1px solid #ff9000;
	border-bottom: 0;
	font-size: 12px;
	color: #181818;
	font-weight: 600;
	background: #ededed;
	line-height: 20px;
	font-family: 'Lato', sans-serif;
	padding: 2px 15px;
	border-right: 0;
	border-left: none;
	text-align: left;
    position: relative;
}
.course-tabs .tab-content .title {
	font-size: 18px;
	line-height: 30px;
	text-transform: capitalize;
    margin: 0px;
    padding: 0px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}


.course-tabs .tab-content p {
	color: #181818;
	/* font-family: LatoWeb; */
	font-size: 13px;
	line-height: 24px;
	margin: 0;
	padding: 5px 0;
	text-align: justify;
	font-weight: 400;
}

.course-tabs .tab-content .read-more {
	line-height: 24px;
	font-weight: 600;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #ff9000;
	text-decoration: none;
	display: block;
}
.course-tabs .tab-content  .read-more:hover{
    text-decoration: none;
    color: #181818;
}
.course-tabs .nav-tabs li a .icon-span {
	width: 30px;
	height: 30px;
	margin: 0px 10px 0px 0;
	padding: 0px;
	display: inline-block;
}

.course-tabs .nav-tabs li a span.name {
	top: 1px !important;
	position: relative;
}
/*.slider1{
        height: 360px;
}*/


.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
    border-bottom: 0px;
}


.course-tabs .tab-content ul {
	margin: 0 0 5px 0px;
	padding: 0px;
    list-style: square;
}
.course-tabs .tab-content li {
	margin: 0px;
	padding: 2px 0px 2px 14px;
	line-height: 20px;
	list-style: none;
	background: url(../images/bullet-img.png) no-repeat 0px 9px;
	display: block;
	text-align: left;
	width: auto;
	color: #2a2a2a;
	font-size: 13px;
	font-weight: 400;
	/* float: ; */
	display: inline-block;
	width: 33%;
	box-sizing: border-box;
}
.ourServiceSec p {
	font-size: 14px;
	color: #2a2a2a;
	font-weight: 400;
	line-height: 22px;
}


.tab-content > .tab-pane {
	/*display: none;*/
	align-self: center;
}

.ourServiceSec ul li ul {
	margin: 0 0 10px 40px;
	padding: 0px;
    list-style: square;
}
.ourServiceSec ul li ul li {
	margin: 0px;
	padding: 2px 0px 2px 14px;
	line-height: 20px;
	list-style: none;
	background: url(../images/bullet-img.png) no-repeat 0px 9px;
	display: block;
	text-align: left;
	width: auto;
	color: #2a2a2a;
	font-size: 13px;
	font-weight: 400;
	/* float: ; */
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}


@media (min-width:980px) and (max-width:1030px) {
.col-xs-offset-1 { margin-left: 3%; }
.formtop h2 { font-size: 27px; padding: 15px 90px 15px 40px; }
.formtop h2 span { font-size: 18px; }
.contacts li a { font-size: 19px; }
.greenSec a.callbox, .greenSec a.mailbox { width: 100%; }
.greenSec a { padding: 15px; }
.greenSec a.addrbox { width: 95%; }
.inlineImgs li { width: 24%; }
.bannerSec ul.arrowbullets {
    width: 46%   !important;
}    
    
.inlineImgs li{
        width: 31%;
    margin: 6px 0px  !important;
    }
.portfolio-btn a {
    background: #ff9000 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 14px  !important;
    font-weight: 500;
    padding: 8px 0  !important;
    text-transform: uppercase;
    width: 100%;
    text-decoration: none;    
}    
.ourServiceSec ul li h5 img {
    height: 70px;
    width: 80px;
    position: absolute;
    left: -92px;
    top: 0px;
}
.ourServiceSec ul li h5 {
    font-size: 15px;
    color: #181818;
    margin: 0 0px 15px 20px;
    display: block;
    position: relative;
    font-weight: 500;
    text-align: left;
    line-height: 22px;
}    
.ourServiceSec ul li p {
    font-size: 14px;
    margin: 0 0 10px 24px;
    color: black;
    text-align: justify;
}
.greenSec a {
    padding: 10px;
}
.greenSec a img {
    margin: 4px 10px 2px 0;
    display: inline-block;
    vertical-align: top;
    width: 50px;
}
    .greenSec a p.phone {
    padding-top: 12px;
}
    .greenSec a .free-quote-text {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 56px;
    text-transform: uppercase;
}
    .greenSec a p {
    font-weight: 400;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-size: 13px;
}
    
    
}

@media (min-width:768px) and (max-width:979px) {
.greenArrow { display: none; }
.contacts { text-align: center; }
.contacts li a { text-align: left; }
.col-xs-offset-1 { margin-left: 0; }
.formtop { margin-top: 30px; margin-bottom: 25px; }
.imgHolder { margin-bottom: 40px; }
.greenSec ul li { text-align: center; clear: both; display: block; margin: 15px 0; }
.greenSec a { display: inline-block; text-align: left; }
.greenSec a.callbox, .greenSec a.mailbox, .greenSec a.addrbox { width: 70%; }
.greenSec a.mailbox { float: none; }
.greenSec { background-size: cover; }
.ourServiceSec ul li {
    width: 49%;
    margin-right: 0;
    margin-left: 0;
    padding: 0 10px;
}
.imgHolder2 { text-align: center; }
.imgHolder2 img { margin-top: 15px; }
.inlineImgs li img { width: 100%; height: auto; }
.inlineImgs li { margin-bottom: 6px; }
.formsed h2 { display: block; text-align: center; }
.formsed ul { width: 81%; margin: 0 auto; }
form ul li label { text-align: left; }
form ul li { text-align: center; }
.sociallinks { text-align: center; }
.whiteblock h4 { font-size: 14px; line-height: 20px; }
    
 .ourServiceSec ul li h5 {
    font-size: 16px;
    color: #181818;
    margin: 0 0px 15px;
    display: block;
    position: relative;
    font-weight: 500;
}
    .ourServiceSec ul li h5 img {
    height: auto;
    width: 100%;
    position: relative;
    left: 0;
    top: 0px;
        margin-bottom: 12px;
}    
.ourServiceSec ul li p {
    font-size: 15px;
    margin: 0 0 10px 0px;
    color: black;
}
    .inlineImgs li{
        width: 31%;
    }
.portfolio-btn a {
    background: #ff9000 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 14px  !important;
    font-weight: 500;
    padding: 8px 0  !important;
    text-transform: uppercase;
    width: 100%;
    text-decoration: none;
}
.bannerSec ul.arrowbullets {
    width: 46%   !important;
}
    
  
    
     
    .course-tabs .nav-tabs {
	max-width: 30%;
	flex: 0 0 30%;
}
    .course-tabs .tab-content {
	max-width: 70%;
	flex: 0 0 70%;
}
        .new-read-more-btn{margin: 10px 0px 10px 0px}
/* .course-tabs .nav-tabs li a , .course-tabs .nav-tabs li.active, .course-tabs .nav-tabs li.active a{border-right : 1px solid #ff9000;} */
    
    .bounce{font-size: 22px;}
    
    
    
    
}

@media (max-width:767px) {
header .topright { text-align: center; margin: 23px 0 0; }
.logo { display: block; text-align: center; }
header { padding: 10px 0; }
.bannerSec { padding-top: 115px; }
.bannerSec h1 { line-height: 35px; font-size: 20px; }
    .bannerSec h1 strong{
        font-size: 20px;
    }    
.bannerSec ul.arrowbullets li { margin-bottom: 6px; }
.greenArrow { display: none; }
.contacts { text-align: center; }
.contacts li a { text-align: left; }
.col-xs-offset-1 { margin-left: 0; }
.formtop { margin-top: 30px; margin-bottom: 25px; }
.imgHolder { margin-bottom: 25px; }
.greenSec ul li { text-align: center; clear: both; display: block; margin: 15px 0; }
.greenSec a { display: inline-block; text-align: left; }
.greenSec a.callbox, .greenSec a.mailbox, .greenSec a.addrbox { width: 70%; }
.greenSec a.mailbox { float: none; }
.greenSec { background-size: cover; }
.ourServiceSec ul li {
    width: 49%;
    margin-right: 0;
    margin-left: 0;
    margin: 0;
    padding: 0 10px;
}
    .ourServiceSec ul li p {
    font-size: 15px;
    margin: 0 0 10px 0px;
    color: black;
}
.imgHolder2 { text-align: center; }
.imgHolder2 img { margin-top: 15px; }
.inlineImgs li img { width: 100%; height: auto; }
.inlineImgs li { margin-bottom: 6px; width: 48%; }
    .ourServiceSec ul li h5 {
    font-size: 16px;
    color: #181818;
    margin: 0 0px 15px;
    display: block;
    position: relative;
    font-weight: 500;
}
    .ourServiceSec ul li h5 img {
    height: auto;
    width: 100%;
    position: relative;
    left: 0;
    top: 0px;
        margin-bottom: 12px;
}
.formsed h2 { display: block; text-align: center; }
.formsed ul { width: 100%; margin: 0 auto; }
form ul li label { text-align: left; }
form ul li { text-align: center; }
.sociallinks { text-align: center; }
.whiteblock h4 { font-size: 14px; line-height: 20px; }
.switcher-box{
        display: none;
}    

 .course-tabs {
	display: inline-block;
}   
    .course-tabs .nav-tabs {
	max-width: 100%;
	flex: 0 0 100%;
}
    .course-tabs .tab-content {
	max-width: 100%;
	flex: 0 0 100%;
}
        .new-read-more-btn{margin: 10px 0px 10px 0px}
 .course-tabs .nav-tabs li a , .course-tabs .nav-tabs li.active, .course-tabs .nav-tabs li.active a{border-right : 1px solid #ff9000;} 
    
    .bounce{font-size: 22px;}
    
}

@media (max-width:480px) {
.contacts li { width: 100%; margin-bottom: 18px; }
.greenSec a.callbox, .greenSec a.mailbox, .greenSec a.addrbox { width: 90%; }
.ourServiceSec ul li { width: 100%; margin-right: 0; margin-left: 0; padding: 0 0 0 0%; }
    .inlineImgs li {
    margin: 6px 0px;
    width: 100%;
}

.bannerSec ul.arrowbullets {
    margin: 0;
    width: 100%;
}    
    
    h2 {
    font-size: 20px;
    color: #181818;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 25px;
    border-bottom: 2px solid #d0cccc;
    padding-bottom: 20px;
    position: relative;
    display: block;
    line-height: 30px;
}
    
        .new-read-more-btn{margin: 10px 0px 10px 0px}
/*    .course-tabs .nav-tabs li a , .course-tabs .nav-tabs li.active, .course-tabs .nav-tabs li.active a{border-right : 1px solid #ff9000;}*/
    
}

@media (max-width:479px) {    
header .topright li { padding: 3px 0; }
.bannerSec { padding-top: 142px; }
.bannerSec h1 strong { font-size: 20px; }
.bannerSec ul.arrowbullets li { font-size: 16px; }
.contacts li { width: 100%; padding-right: 0; }
.contacts li a { font-size: 18px; }
.formtop h2 { font-size: 25px; }
.formtop h2 span { font-size: 16px; }
h2 {
	font-size: 18px;
	margin: 0 0 15px;
	padding-bottom: 8px;
	line-height: 30px;
}
    
.greenSec a.callbox, .greenSec a.mailbox, .greenSec a.addrbox { width: 90%; text-align: center; }
    
.greenSec a img { margin: 4px 10px 10px 0; }
    
.ourServiceSec ul li {
	padding: 0 0px 0 0%;
}
    
 .ourServiceSec ul li h5 {
    font-size: 16px;
    color: #181818;
    margin: 0 0px 15px;
    display: block;
    position: relative;
    font-weight: 500;
}
.ourServiceSec ul li h5 img {
    height: auto;
    width: 100%;
    position: relative;
    left: 0;
    top: 0px;
    margin-bottom: 10px;
}
    .ourServiceSec ul li p {
	font-size: 15px;
	margin: 0 0 10px 0px;
	color: black;
}
.form1 { width: 100%; }
    
    
    .inlineImgs li {
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: inline-block;
    list-style: outside none none;
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
}
    
    .greenSec a .free-quote-text{
        font-size: 20px;
    }    
    .bannerSec ul.arrowbullets {
    margin: 0;
    width: 100%;
}
    .course-tabs .nav-tabs{
        max-width:100%;
        flex: 0 0 100%
    }
    .course-tabs .tab-content{
        max-width:100%;
        flex: 0 0 100%;
    }
    .course-tabs {
	display: inline-block;
}
    .course-tabs .nav-tabs li a{
        border-right: 1px solid #000;
    }
    
    .new-read-more-btn{margin: 10px 0px 10px 0px}
    .course-tabs .nav-tabs li a , .course-tabs .nav-tabs li.active, .course-tabs .nav-tabs li.active a{border-right : 1px solid #ff9000;}
    
    
    
    
    
    
    
}