.navbar { padding: 0px; }



@media only screen and (max-width:768px){



   



.about-section p {

 padding: 0px ;

 }



 .intro-section p { padding:20px; } 

 .intro-section h2 { padding:20px; } 



.courses-section span{ display:block; color:#58595B;  padding:10px 0;font-family: 'Swis721 Md BT'; font-size: 0.6em;  }



}



@media only screen and (max-width:1024px){

.logo1 { background:red;

  }

}

@media only screen and (max-width: 1377px){



 

 /* The hero image */

.about-banner {

   

  background-image: url("../images/about.png"); 

 width:100%;

  height:435px;



  

  

}



.category-banner {

   background-image: url("../images/category-banner.png"); 

  width:100%;

  height:217px;

  



}



.categories-banner {

 background-image: url("../images/categories-banner.png"); 

 width:100%;

  height:220px;



}



.about-content h1{text-transform: uppercase;color:#6F87B5; padding:100px 0 0 40px;} 

.about-content p{ font-size: 16px;text-align: left;color:#fff;    font-family: 'Swis721 WGL4 BT'; 

	line-height: 25px;font-weight: normal; padding:20 0 0 40px;width:650px;}



.contact-banner {

   

  background-image: url("../images/map.png"); 

  width:100%;

  height:400px;

  background-repeat: no-repeat;

 

}





.intro-section1 .bg-blue { background:#293895; }

.intro-section1 .bg-orange { background:#F9931D; }

.intro-section1 h2  { color:#fff;font-family: 'Swis721 Md BT';padding: 50px  20px; font-weight: 1.0em }



.intro-section .btn-blue {

    position: relative;

    border-radius: 20px;

    font-family: 'Swis721 Md BT';

    font-size: 1.2em;

    padding: 10px;

    margin: 50px 0 0 120px;

}





.course-banner {

   

  background:#293895; 

  width:100%;

  height:342px;

 

 

}



 .terms-banner {

   

  background-image: url("../images/terms-banner.png"); 

  width:100%;

  height:270px;

  background-repeat: no-repeat;

  background-size: cover;

 

}

  

.terms-banner  h1 {  color:#F6921E; }

.terms-banner  p {  color:#fff; }



.blog-banner {

   

  background-image: url("../images/blog-banner.png"); 

  width:100%;

  height:280px;

  background-repeat: no-repeat;

  background-size: cover;

 

}



}