/********** Common CSS Starts **********/  
* {
     margin:0px;
     padding:0px;
}
 html, body {
     font-family Roboto, sans-serif, arial;
     font-size: 14px;
     color: #242424;
	 padding-left:2px;
}
 .container {
     width: 100%;
     margin-left:10px auto;
}
 .main-section {
     width: 100%;
     float: left;
     padding:50px 0px 40px 0px;
}
 .heading {
     font-size: 30px;
     font-weight: 500;
     border-bottom: 1px solid #ff5722;
     margin-bottom:25px;
     color: #ff5722;
}
/********** Common CSS Ends **********/
/********** Logo CSS Starts **********/  
.logo {
     width:100%;
	 height:150px;
}
/********** Logo CSS Ends **********/
/********** Main Menu CSS Starts **********  
nav {
     width: 100%;
     float: left;
	 overflow:hidden;
     background: #ff5722;
     padding:15px 4px;
}
 nav a {
     color: #fff;
     text-decoration: none;
     font-size: 17px;
     border-right: 1px solid #ffc3c3;
     padding:2px 20px;
}
nav a:hover {
	background-color:black;
	color:white;
}
@media screen and (max-width: 600px) {
  .nav a:not(:first-child) {display: none;}
  .nav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .nav.responsive {position: relative;}
  .nav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .nav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
********** Main Menu CSS Ends **********/
/********** Slider CSS Starts **********/  
.slider img {
     width:100%;
	 height:350px;
}
/********** Slider CSS Ends **********/
/********** News, Event, Notice Board CSS Starts **********/  
.event {
     width: 32%;
     margin-right: 1%;
     float: left;
}
 .event div {
     padding:10px;
     background-color: #f0f3fa;
}
 .event ul li {
     margin-bottom: 20px;
     width: 100%;
     float: left;
}
@media only screen and (max-width: 600px) {
  .event {width: 100%;margin-right: 1%;float: center;}
  .event div {padding:10px;background-color: #f0f3fa; }
  .event ul li {margin-bottom:15px;width:100%;float:left; }
  
}
/********** News, Event, Notice Board CSS Ends **********/
/********** About Us CSS Starts **********/  
.wwwsec {
	width:100%;
	float:left;
}

.w1section {
     width: 29%;
     float: left;
	 
     padding:10px 0px 10px 0px;
}
.w2section {
     width: 68%;
     float: left;
	 
     padding:0px 25px;
}
@media only screen and (max-width: 600px) {
  .w1section {width:100%;align-content:center;margin-right:25px;}
  .w2section {width:100%;margin-right:15px;padding-right:25px;}
  
}
  
.about-us img {
     width:30%;
     float:left;
	 margin-left:15px;
}
 .about-us div {
     width:60%;
     margin-left:20px;
     float:left;
     line-height:35px;
}
/********** About Us CSS Ends **********/
/********** Testimonial CSS Starts **********/  

.test1 {
	width:100%;
	float:center;
	margin-bottom:-50px;
}
.pandu {
	width:100%;
	float:center;
}
/*
.testimonial {
     width: 24%;
     float: left;
     margin-right:10px;
}
 .testimonial-text {
     background: #f0f3fa;
     padding: 20px;
     line-height: 35px;
     border-radius: 10px;
}
 .testimonial-detail {
     float:left;
     margin-top:10px;
}
 .testimonial-img {
     float:left;
	 width:100%;
}
 .testimonial-img img {
     border-radius:50%;
}
 .testimonial-name {
     margin-left:10px;
     float:left;
}
 .testimonial-name h5 {
     font-size:18px;
     margin-top:8px;
}
********* Testimonial CSS Ends **********/
/********** Gallery CSS Starts **********/  
.gallery img {
     width: 24%;
}
/********** Gallery CSS Ends **********/
/********** Placement CSS Starts **********/  
.placement img {
     border:1px solid #dfdfdf;
}
/********** Placement CSS Ends **********/
/********** Footer CSS Starts **********/  
.footer {
     background-color:#1f2836;
     padding:40px 10px;
     width:100%;
     float:left;
}

 .footer-sect {
     width:33%;
     float:left;
}
 .footer-sect h2 {
     color:#fff;
     margin-bottom: 20px;
}
 .footer-sect p {
     color: #fff;
     line-height: 22px;
     padding:0px 30px 20px 0px;
}
 .footer-menu li {
     width: 50%;
     float: left;
     margin-bottom: 10px;
}
 .footer-menu li a {
     color:#fff;
     text-decoration: none;
}
 .footer-contact li {
     margin-bottom:15px;
     list-style: none;
     color: #fff;
}
@media only screen and (max-width: 600px) {
  .footer-sect {width:100%;}
  .footer-sect h2 {color:#fff; margin-bottom:5px;}
  
}
/********** Footer CSS Ends **********/