/*
Template Name: Teaching
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************courses****************/
.course_h1i {
background:#fff; 
 }
.course_2r1 ul li a {
background: #f8f9fa;
margin: 0px 2px 6px 0px;
padding: 8px 16px 8px 16px;
display: inline-block;
font-size: 14px;
}
.course_2r1 ul li a:hover {
background:#4783f3; 
color:#fff;
}

.course_2dt1 ul li a{
margin-left:24px; 
 }
.course_2dt1 ul li{
border-right:1px solid #d9def3;
padding-left:15px;
padding-right:15px;
 }
.course_2dt2il ul {
list-style:disc; 
 }
.course_2dt2i1l h6 .span_1{
margin-left:24px; 
 }
.course_2dt2i3 h6 .span_1{
margin-left:24px; 
 }
.course_2dt3il h1{
line-height:0.8em;
 }
 
.contact_1i1l span {
width: 70px;
height: 70px;
line-height: 70px;
}
.event_dt3 ul li a{
background:#4783f3;
 }
.quote_text{
border-left:3px solid  #4783f3;
 }
.blog_dt1i1ir ul li a{
background:#4783f3; 
 }
/*********************courses_end****************/



@media screen and (max-width : 767px){
.course_2l1l {
text-align:center;
margin-bottom:15px; 
 }
.course_2r{
margin-top:15px; 
 }
.course_2r1  h5{
text-align:center; 
 }
.course_2dt1 ul li {
border-right:none;
padding-left:5px;
padding-right:5px;
display:block;
margin-top:5px;
margin-bottom:5px;
}
.course_2dt2  h5{
text-align:center;
 }
.course_2dt2i1r {
text-align:center!important;
margin-top:15px; 
 }
.course_2dt3  h5{
text-align:center; 
 }
.course_2dt3il h6{
text-align:center;  
 }
.course_2dt3ir h6{
text-align:center; 
margin-top:15px; 
 }
.course_2dt3iri  h6{
text-align:left; 
 }
.blog_1dt2ir h5{
font-size:16px; 
 }
.blog_1dt2ir h6{
font-size:13px;
margin-top:20px!important; 
 }
.blog_1dt2ir p{
font-size:14px; 
 }
.quote_2l{
margin-top:10px; 
 }
.quote_2l h6{
text-align:center;
 }
.blog_pg .course_h1i1{
text-align:center; 
}
.blog_dt1i  ul li{
margin-left:5px!important;
margin-right:5px!important; 
margin-top:3px;
margin-bottom:3px;
 }
.blog_dt1i1ir {
margin-top:15px;
text-align:left!important; 
 }
.blog_dt1i1il ul li{
margin-top:3px;
margin-bottom:3px; 
 }
.blog_dt1i1ir ul li a{
margin:0; 
 }
.course_2dt3mt  h5{
text-align:center; 
 }
.event_h1lir{
margin-top:15px; 
 }
.event_dt3  h5{
text-align:center; 
 }
.contact_3   p{
text-align:left!important; 
 }
.contact_1i1 {
text-align:center;
margin-top:8px;
margin-bottom:8px; 
 }
.contact_1i1l{
margin-bottom:10px; 
 }
.blog_1dt2ir h5{
text-align:left; 
 }
.event_h1lir img{
height:auto; 
 }
 }

@media (min-width:576px) and (max-width:767px) {

 }
@media (min-width:768px) and (max-width:991px) {
.course_2r1  h5{
font-size:16px; 
 }
.course_2r1  h6{
font-size:12px; 
 }
.course_2r1  p{
font-size:13px; 
 }
.course_2r1  li{
font-size:13px; 
 }
.course_2r1 {
padding:10px!important; 
 }
.course_2dt3il .font_60{
font-size:40px; 
 }
.blog_dt1i1il ul li{
margin-top:3px;
margin-bottom:3px; 
 }
.blog_dt1i1ir ul li a{
margin:0; 
 }
.event_dt2i1  h6{
font-size:12px; 
 }
.contact_1i1l span {
width: 40px;
height: 40px;
line-height: 40px;
font-size:20px!important;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.blog_dt1i1il ul li{
margin-top:3px;
margin-bottom:3px; 
 }
.contact_1i1l span {
width: 60px;
height: 60px;
line-height: 60px;
font-size:20px!important;
}
 }