/* Large desktops and laptops */





@media (min-width: 768px) and (max-width: 1200px){
    .container{width: 100%;}
    .navbar-default .navbar-nav > li > a{
        font-size: 13px; 
        padding: 15px 5px;
    }
    #welcome-section h1{font-size: 25px;}
    #welcome-section h1 span{font-size: 32px;}
    #frm-box .frm-container input[type="submit"], #frm-box .frm-container input[type="button"]{padding: 8px 17px;}
    .box ul li{font-size: 13px;}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 1024px) {
    .container{width: 99%;}

    .navbar-default .navbar-nav > li > a{ padding: 15px 4px; text-transform: none; font-size: 11px; }
    /*.navbar-default .navbar-nav{ padding: 15px 8px; }*/


    #frm-box .heading img{display: none;}
    #frm-box .frm-container input[type="submit"], #frm-box .frm-container input[type="button"]{font-size: 14px;}
    #frm-box .heading h1{padding: 5px 10px;}
    .view-all-bt{padding: 10px 18px;}
    #events .event{padding: 25px 0 0;}
    #events .yellow-box h1{padding-top: 46%;}

    #inner-page-content #left-menu ul li:hover img{ display: none;}


}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

    #events .yellow-box{min-height: 0; margin-top: 20px; text-align: left;}
    #events .yellow-box h1{padding: 8px 0; padding-left: 15px; line-height: 1;}
    #events .yellow-box h1 span{display: inline-block;}
    #events .event{padding-left: 15px; padding-bottom: 0;}
    .navbar-brand > img{width: 50%;}
    .border-right{border-bottom: 1px dotted #c4c4c4; border-right: 0;}

    #frm-box .heading img{display: none;}
    .block-display{display: inline-block;}
    #welcome-section h1 span{font-size: 29px;}
    #welcome-section #frm-box{margin-top: 30px;}
    .greybox{margin-top: 35px;}
    .copy-right{text-align: left; padding-top: 20px;}
    .social-icon{float: none; padding-top: 20px;}
    #welcome-section p{line-height: 1.5;}

    .top-margin{ margin-top: 100px;}
    .copy-right{font-size: 12px;}

    .sm-device-bt{
        display: block;
        position: absolute;
        right: 30px;
        top: 50px;
    }

    .carousel-caption h2 span{font-size: 30px;}
    .carousel-caption h2{font-size: 50px;}
    .carousel .item{height: 280px;}

    #resister{float: left; margin-left: 10px;}
    #login{float: left; margin-right: 10px !important;}

    .tp-banner ul li h2{font:50px/1.2 'avantgarde_cebold';}
    .tp-banner ul li h2 span{ font-size: 30px;}

    #inner-page-content #left-menu ul li:first-child{
        background-image: none;
        background-color: #1397ce;
    }

    span.border-img{ width: 100%;}
    #inner-page-content #left-menu ul li:hover img{ display: none;}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
    .navbar-brand > img{width: 72%;}
    #events .event p{font-size: 12px;}
    #events .event h3{margin-bottom: 5px;}
    #welcome-section h1 span, #welcome-section h1{font-size: 22px;}
    #frm-box .frm-container input[type="submit"], #frm-box .frm-container input[type="button"]{padding: 8px 13px;}

    .navbar-toggle{margin-top: 15px;}
    
    
    
    
    
    
    
    .social-circle li i {
    margin: 0;
    line-height: 40px;
    text-align: center;
}
  

.social-circle li a {

    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 20px;

}
.social-head {
    padding: 10px 0px 0px 0px;
}
.navbar-brand > img {
    width: 100%;
}

#welcome-section {
    padding: 0px 0;
    margin: 0px 0;
}
#welcome-section h1 span, #welcome-section h1 {
    font-size: 18px;
    margin: 20px 0;
}
#welcome-section p {
    font: 12px/20px 'avantgarde_ceregular';
        line-height: 20px;
}

#welcome-section .read-but {

    background-color: #c65d00;
    font: 15px/1.2 'avantgarde_ceregular';
    color: #ffffff;
    display: inline-block;
    text-decoration: none;
    padding: 15px 35px 15px 35px;
    margin: 20px 0px 30px 0px;

}

#news-youtube-section {
    position: relative;
    background: url(../images/courses_bg.png) no-repeat center top #ed750f;
    height: auto;
    margin-top: 25px;
    padding-bottom: 25px;

}

#news-youtube-section .news-you {
    height: auto;
    padding: 10px 20px;
    margin: 0px 0;
}

#news-youtube-section h3 {

    font: 20px/1.3 'avantgarde_cebold';
    margin: 25px 0 25px;

}

#news-youtube-section h3 span {
    font: 20px/1.7 'avantgarde_ceregular';
    margin: 10px 0;
}
#news-youtube-section p {
    font: 12px/1.3 'avantgarde_ceregular';

} 
#news-youtube-section a {
    font: 12px/1.3 'avantgarde_ceregular';
}
#news-youtube-section a:hover {
    font: 12px/1.3 'avantgarde_ceregular';
}    
#news-youtube-section h4 {
    font: 14px/1.3 'avantgarde_cebold';
}
 #testmonial-prabhu h1 span {
    font: 20px/1.2 'avantgarde_ceregular';
}
#testmonial-prabhu h1 {
    font: 20px/1.2 'avantgarde_cebold';

}

.carousel-inner h2 {
    font: 14px/1.2 'avantgarde_cebold';
}
.content {
    margin-top: 0px;
}
 
.carousel-inner p {
    font: 12px/1.5 'avantgarde_ceregular';
}
#about-our-sect h1 {
    font: 20px/1.5 'avantgarde_ceregular';

}
#about-our-sect p {
    font: 12px/1.7 'avantgarde_ceregular';
    width: 100%;

}
#about-our-sect span {
    font: 20px/1.5 'avantgarde_ceregular';
}
.years-img {
    margin: 20px 0px 20px 0px;
    width: 60%;
}
#about-our-sect ul li {
    font: 12px/1.5 'avantgarde_ceregular';
}
#about-our-sect {
    padding: 40px 0px 15px 0px;
    
}
footer {

    font: 12px/1.5 'avantgarde_ceregular';

}
.navbar-default .navbar-nav > li > a {
    font: bold 12px/1.2 arial;
    padding: 20px 20px;

}







    
}