/*  1350px  */
@media all and (max-width: 1479px) {

.grid-1280 { width:1280px;}
	
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	

	
}




/*  980px  */
@media all and (max-width: 1239px) {

.grid-1280 { width:920px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	
	

	
	
.gray-box-big h2 {  width: 40%;	}

h2 {  font-size: 24px;}

.with-hline h2 {  font-size: 20px; }

.with-hline h3 {  font-size: 20px;}
	
.course-box .listing {  height: 320px;	}
	
.homebanner h1 {  font-size: 40px;}

.homebanner h2 {  font-size: 24px;	}

.homebanner p {  margin-left: 40px; font-size:12px; line-height:130%; }

.homebanner {  height: 240px;  padding-top: 30px;  background-size: cover;}

.course-box {  width: 31.3%;  margin: 2% 0.5%;}

.courses {  padding: 30px 0px;}

.course-box h2 {  font-size: 13px; padding:20px;}
	
	
	
	
	
.responsive-menu-icon {display:block; background-color:#334e96; position:absolute;}	

.logo a, .logo img { display: block;  width: 200px;}

.logo {  margin: 7px 0px  0px  0px ;}

.top-right-icons {  margin-top: 15px;  margin-right: 50px;}

.menu {display:none; position:absolute; top:66px;}

.top-right-icons {  margin-top: 20px;  margin-right: 50px;  margin-bottom: 8px;}
	
.menu div {width:100%; padding:0px;}	

.menu a {width:100%; text-align:left; padding:10px; border:0px; border-top:1px solid #5770b3;}	
	
	
	
	
}




/*  768px  */
@media all and (max-width: 979px) {

.grid-1280 { width:740px;}	

.col-1-of-4  {width: 50%;}	

.col-1-of-5  {width: 33.33%;}	

.col-1-of-6  {width: 33.33%;}	

.col-1-of-7  {width: 25%;}	

.col-1-of-8  {width: 25%;}	
		
.col-1-of-9  {width: 20%;}	
		
.col-1-of-10  {width: 20%;}	
	
.col-1-of-11  {width: 16.66%;}
	
.col-1-of-12 {width: 16.66%;}
	
.col-5-of-8 {    width: 75%;	}
	
.col-3-of-9 {    width: 40.00%;	}
	
.col-1-of-9 {    width: 25%;}	
	
.col-2-of-9 {    width: 25%	}
	
.col-3-of-9 {    width: 50%;}	
	
.col-3-of-8 {    width: 50%;	}

.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	

	
.logo a, .logo img {  width: 200px;}

.top-right-icons {  margin-top: 20px;}

.logo {  margin: 10px 0px 10px 0px;}

.homebanner p {display:none;}

.homebanner {  height: 180px;  padding-top: 30px;  background-size: cover;}
	
.homebanner h1 {  font-size: 30px; padding-left:80px; padding-top:30px;}

.homebanner h2 {  font-size: 14px;	padding-left:80px;}
	
.course-box {  width: 100%;  margin: 2% 0.5%;  max-width: 320px;  float: none;  display: block;  margin: 20px auto;}	

.course-box h2 {  font-size: 18px;  padding: 20px;}

.course-box .listing {  height: auto; margin-bottom:30px;}

.with-hline h2 {  font-size: 16px; padding-top:30px;}

.with-hline h3 {  font-size: 16px;}

h4 {  font-size: 16px;}

.gray-box-big h2 {  width: 100%;  text-align: center;}
	
.gray-box-big h2 br {display:none;}	

.gray-box-big h4.blue {  width: 47%;  float: left;  margin-left: 0px; height:150px; text-align:center;}

.gray-box-big h4.red  {  width: 47%;  float: right;  margin-left: 0px; height:150px; text-align:center;}

.gray-box-big {  padding: 30px !important;}	

.tag {  width: 720px;}

.tag span {  width: 110px;  float: left;  background-position: right center;}

.form-horizontal {    display: table;  width: 100%;  margin-top: 20px;  clear: both;  padding-top: 20px;}

.form-horizontal .col-1-of-3 {width:98%; border: 1px solid #ddd; padding:20px; margin:auto; display:block; margin:auto; float:none;}

.back-button {margin-top:50px;}

.menu {margin-top: 23px; margin-bottom: 0;}

.contactus-page .col-1-of-2, .contactus-page .col-1-of-3 {width:100%;}	


.top-right-icons {  margin-top: 15px;  margin-right: 60px;}

.logo {  margin: 7px 0px 6px 0px;}

.menu {  margin-top: 0px;}

	
}





/*  640px  */
@media all and (max-width: 767px) {

.grid-1280 { width:600px;}	
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 
	
	
.homebanner {  height: 160px;  padding-top: 30px;  background-size: cover;}
	
.homebanner h1 {  font-size: 30px; padding-left:40px; padding-top:20px;}

.homebanner h2 {  font-size: 14px;	padding-left:40px;}
	
body {  font-size: 14px;}

.gray-small-box {  padding: 15px;  height: 150px;}

.gray-small-box h5 {  font-size: 14px;  line-height: 140%;}

.tag { width: 92%; line-height: 150%;  text-align: left; border: 7px solid #ed3237;}

.tag span {  height: 42px;  padding: 10px 20px; margin-right:10px;}

.insidebanner h1 {font-size: 16px;}

.insidebanner span { font-size: 10px;  margin-top: -27px;}	

.red-box {  min-width: 80px;}

.cart-table th {  padding: 6px;  font-size: 12px;}	

.cart-table th:nth-child(4) {  min-width: 120px;}

.cart-table td {font-size:13px;}



	
}





/*  480px  */
@media all and (max-width: 639px) {

.grid-1280 { width:440px;}	
	
.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	

.col-1-of-3  {width: 100%; float: none;}	
	
.col-1-of-4  {width: 100%; float: none;}	

.col-1-of-5  {width: 100%; float: none;}	

.col-1-of-6  {width: 50%;}	

.col-1-of-7  {width: 33.33%;}	

.col-1-of-8  {width: 33.33%;}
		
.col-1-of-9  {width: 33.33%;}
		
.col-1-of-10  {width: 33.33%;}
	
.col-1-of-11  {width: 33.33%;}
	
.col-1-of-12 {width: 33.33%;}
	
	

.gray-box-big h4.red {width:100%; height:120px; margin:10px 0px;}

.gray-box-big h4.blue {width:100%; height:120px; margin:10px 0px;}

.gray-small-box h5 { font-size: 16px;  line-height: 140%;}

.copyright {  font-size: 10px;  letter-spacing: 0px;}
	
.homebanner {  height: 100px;  padding-top: 30px;  background-size: cover;}
	
.homebanner h1 {  font-size: 24px; padding-left:10px; padding-top:10px;   margin-bottom: 0px;}

.homebanner h2 {  font-size: 12px;	padding-left:10px;}
	
	
.insidebanner h1 {  line-height: 20px; margin-top:18px;}	

.insidebanner span {  font-size: 10px;  margin-top: 0px;  line-height: 14px; margin-bottom:15px;}

.insidebanner img {display:none;}

.cart-table tr:nth-child(1) {display:none;}

.cart-table th {display:none;}

.cart-table td {display:inline-block; width:60%; border:0px; padding:0px 10px; float:left;}	

.cart-table td:nth-child(5) {display:inline-block; width:40%; border:0px; padding:0px 10px; float:left; margin-top: -50px;}	
	
.cart-table tr {display:table; border:1px solid #ddd; margin-bottom:10px; width:100%; padding:10px;}	

.cart-table tr td:nth-child(1) { display:none;}

.handle-counter {margin-bottom:10px;}

.total-right  {width:60%; display:inline-block!important;; float:left; line-height:50px;}

.red-box  {width:40%!important; float:left; line-height:50px;}

.checkout-heading, .insidebanner h1.single-line-title {  line-height: 40px!important; margin-top:10px!important; margin-bottom:10px!important;}

.total-amount {  width: 30% !important;  line-height: 50px;}

.cart-table.checkout-table tr td:nth-child(1) {display:block;}

.cart-table.checkout-table tr:nth-child(1) {display:table; height:auto; width:100%; margin-bottom:0px; background-color:#334e96; border:1px solid #334e96; color:#fff;}
	
.checkout-subheading {  width: 100% !important; font-size: 14px !important; padding:10px!important;}
	
}




/*  360px  */
@media all and (max-width: 479px) {

.grid-1280 { width:320px;}	
	
.col-1-of-6  {width: 100%; float: none;}	

.col-1-of-7  {width: 50%;}	

.col-1-of-8  {width: 50%;}
		
.col-1-of-9  {width: 50%;}
		
.col-1-of-10  {width: 50%;}
	
.col-1-of-11  {width: 50%;}
	
.col-1-of-12 {width: 50%;}	
	
.copyright {  font-size: 10px;  letter-spacing: 1px;  line-height: 160%;}

.tag span {  height: 64px;  padding: 10px 20px;  margin-right: 10px;  line-height: 47px;}

.red-small-box h5 {  margin-top: 16px;}

.gray-small-box h5 {  margin-top: 16px;}

.gray-box-big h4.red {  width: 100%;  height: 90px;  margin: 10px 0px;  font-size: 15px; padding:20px;}

.gray-box-big h4.blue {  width: 100%;  height: 90px;  margin: 10px 0px;  font-size: 15px; padding:20px; }

.gray-box-big h2 {  font-size: 20px;  margin-bottom: 20px;}

.logo a, .logo img {  width: 180px;}

h2 {  font-size: 22px;}

.homebanner {  height: 550px;  padding-top: 30px;  background-size: cover; background-image:url(../images/banner-mobile.jpg);}

.homebanner h1 {  font-size: 30px; padding-left:0px; padding-top:40px;   margin-bottom: 0px;}

.homebanner h2 {  font-size: 16px;	padding-left:0px; margin-bottom:10px;}

.homebanner p {  display: block;  padding-left: 0;  margin: 0;  font-size: 11px; margin-bottom:10px; line-height:150%;}
	
.homebanner p .red {margin-top:10px; display:block;}	

.total-right.two-lines strong {line-height:20px; display:block; padding: 5px 0px;}


.top-right-icons {  margin-top: 0;  margin-right: 0;}

.logo {  margin: 8px 0px 8px 0px;}

header {padding-bottom:40px;}

.login-button {  position: absolute;  left: 0;  top: 69px;  border-radius: 0px;  width: 100%;  line-height: 29px;  text-align: center;  text-transform: uppercase; letter-spacing:1px;}

.login-button:hover {background-color:#d7292e;}

.top-phone { display: inline-block;  margin-right: 64px;  margin-top: 19px;  margin-bottom: 0;}

	
}