/* different  for desktop view */
@media (min-width: 1600px) {
    #nav-container{width:1100px;}
	.container {width:1420px;}
	.st-thumb-wrapper li a {
		width: 226px;
		height: 226px;
	}
	.st-thumb-wrapper li {
		margin: 28px 25px 0;
	}
}
@media screen and (max-width: 1366px) {
  /* For desktop layouts only */   
   .container{max-width:1200px;}
   .st-thumb-wrapper li{margin: 20px 8px 0;;}
   .st-thumb-wrapper img{max-width:90%;}
   .st-thumb-wrapper{padding: 50px 20px 20px;display:inline-block;}
   .row.st-thumb-holder{
   width:auto;
   margin: 0 auto;
   text-align: center;
   }  
   
.st-thumb-heading h2 {
    font-size: 54px;
    margin-left: 10px;
    line-height: 76px;
}
.st-thumb-wrapper ul li img{width:223px;}
.row.st-st-center-pera p{font-size:28px;}
.st-inner-banner .st-page-heading{font-size:96px;}
   
}

/*================ ipad land scape=================*/
@media screen and (max-width: 1024px){
	/*STS Lession page classes*/
	.st-green-thumb-matter{margin:20px 0 0 0; padding:0;}
	
	/*Next*/
	
	
} 


@media screen and  (max-width: 991px){
	.row.st-thumb-holder {
    text-align: center;
    margin: 0 0 0 0;
}

.st-lessons-body span:first-child{
    line-height:33px;
    
}

.st-lessons-body span:last-child{
    line-height:22px;
}
.st-thumb-wrapper li:last-child {margin-right: 10px;}
.st-thumb-wrapper li:first-child{margin-left:	10px;}

   .st-pos-banner-heading{ position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 140px;}

.st-red-banner {
    background: url(../images/header_banner_main_page.jpg) no-repeat center top;
    background-size: cover;
    height: 300px;
	min-height:auto;
    position: relative;
    margin-top: 85px;
}
h2.st-page-heading{
    top: 40%;
    transform: translateY(-50%);    
    }


.st-inner-banner .st-page-heading {font-size: 64px;}
.st-thumb-heading h2{font-size:64px;}

.st-s_l_r_col{padding:10px 0;}


/*================ STS lession page classes=======================*/
.st-green-thumb-matter{margin-top:20px; padding-left:0;}
.st-txt_c{text-align:center;}
.st-green-thumb{float:none; margin:0 auto; display:inline-block;}
a.st-see_more_btn{    left: auto;
    right: auto;
    position: relative;
    margin: 0 auto;
    bottom: auto;}
.st-green-thumb-matter{height:auto;padding-bottom:20px;}
a.st-ld_mr_btn{width:90px;}
.st-sts_l_r_col ul{display:inline-block; min-width:200px; width:33%}

.st-sts_l_r_col .st-search_holder{max-width:300px; margin:50px auto;}
.st-lession-wra > div h2{margin-bottom:10px;}

 


/*Next*/


/*sts_lession_page */
.st-lession-wra > div p{line-height: 28px; font-size: 24px;}
/*Next*/
.st-mrtb-20{margin:20px 0;}
	
}

@media screen and  (max-width: 767px){
	.st-red-banner{
		margin-top: 2px;
		background: url(../images/header_banner_main_page.jpg) no-repeat center top;
		background-size: cover;
		height:250px; }
	.top-nav{height:auto;}
	.row.st-st-center-pera p{margin-top:0px; font-size:24px; line-height:32px;}
	.st-thumb-wrapper{margin-bottom:0px;}
	.row.st-st-center-pera p:last-child{margin-bottom:20px;}
	.st-thumb-heading h2 {    font-size: 48px;    line-height: 72px;}
	.st-inner-banner .st-page-heading {    font-size: 48px;}
	.st-green-banner{height:150px;}
	section.st-inner-banner.st-green-banner h2{margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
	
    
    
    .st-lession-wra span:nth-child(even) {
    font-size: 26px;
    padding:10px 10px;
}
.st-lession-wra span:nth-child(odd){font-size:20px; line-height:25px;
padding:10px 10px;}
	
	
	.st-s_l_r_col .st-search_holder{margin:0 auto; max-width:300px;}
	
	h2.st-page-heading{font-size:80px;}
	.row.st-center-pera p{font-size:24px;}
	.row.st-center-pera p:last-child {
    margin-bottom: 20px;
    margin-top: 20px;
}

.st-lession-wra > div h2{font-size:26px; margin-bottom:5px;}
.st-lession-wra > div p{line-height: 24px;    font-size: 18px;}
	
	
}

@media screen and  (max-width: 480px){
	.st-inner-banner .st-page-heading{font-size:48px;}
	.st-red-banner{}
	.row.st-st-center-pera p{margin-top:0px; font-size:16px; line-height:22px;}
	.row.st-st-center-pera p:last-child{margin-top:30px;}
	.st-thumb-heading h2{font-size:36px;display:block;}
	.st-inner-banner .st-page-heading{font-size:42px;}
	.st-thumb-wrapper li:first-child{margin-left:0; margin-right:0}
	.st-thumb-wrapper li:last-child{margin-right:0; margin-left:0}
	.st-thumb-wrapper li{margin:28px 0px 20px 0px;}
	.st-thumb-wrapper { padding: 50px 0px 35px 0px;}
	.st-thumb-heading img{float:none;}
	h2.st-page-heading{font-size:68px;}
	.row.st-center-pera p {
    font-size: 18px;
}
	
	/*================ STS lession page classes=======================*/
	
	.st-remove-auto-padding{padding:10px 0;}
	.st-green-thumb-matter p{line-height:20px; font-size:18px;}
	
	/*Next*/
	
}

@media screen and (max-width: 320px){
	
	.st-inner-banner .st-page-heading{font-size:38px;}
		.st-red-banner{height:150px;}
	
	}