/* ==========================================================================
   Media Queries
   ========================================================================== */





	

@media (min-width: 768px) and (max-width: 1024px) {


	.slider{width:100%;}

.sliderright{width:100%;}
.folotxt{display:none;}
.nav > li > a{padding:4px 15px;}
.bookbtn a{margin-left:35%;}

}
   
   
   
@media only screen and (min-width: 992px) {
	
	
}	



   
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.folous{display:none;}
	.topphon{display:none;}

	
}

@media only screen and (max-width: 767px) {
	
	
	.testi {

    padding: 0px !important;
}
	
	.testitxt {

    border-left: 0px;
    padding-left: 0px;
}
	
	
	.splrow p {
text-align:center !important;
}
	
	.splrow h3 {
text-align:center !important;
}
	
	
	.d-detailleft {
    width: 100%;
    float: left;
}
	
	.d-detailright{width:100%;
float:left;

}

.detailbg {

    padding-left: 5%;
    padding-right: 2%;
}


.courstilbar h1 {

    margin-left: 7%;
    color: #FFF;
    font-size: 24px;
}

.courstilbarL h1 {


    font-size: 24px;
}


.copyright{padding-bottom:68px !important;}


.copyright p {
    text-align: left;
}
	
	
	.call a {
    width: 100%;
    background-color: #00cc33;
    padding: 7px 12px;
    text-decoration: none;
    font-size: 17px;
    color: #FFF !important;
	border-bottom:1px solid #00cc33;
	border-top:1px solid #00cc33;
	border-right:1px solid #00cc33;
    position: fixed;
    line-height: 35px;
	padding-left:35%;
    /* border: 1px solid #FFF; */
  bottom:0%;
    z-index: 9999;
    left: 0;
	
	border-radius: 0px;
	display:block !important;

}
	
	
	
	
	
	

.logo a {
    width: 137px;
    height: 144x;
	float:left;
    position:absolute !important;
	z-index:999;
   
}

	
.formbg {
    width: 90% !important;
    height: auto;
	float:left;
	left:5% !important;
    position: relative !important;
    background-color: #fff;

}


}









@media only screen and (max-width: 480px) {
	
	
	.logo a {
    width: 85px;
    height: 144x;
	float:left;
    position:absolute !important;
	z-index:999;
   
}
	
.formbg {
    width: 90% !important;
    height: auto;
	float:left;
	left:5% !important;
    position: relative !important;
    background-color: #fff;

}	

}
















@media only screen and (max-width: 480px) {

	
}




@media only screen and (min-width:320px) and (max-width:479px) {

}


		
@media only screen and (min-width:240px) and (max-width:319px) {
	
	

	
}