@media screen and (max-width: 1600px){
    .container{width:96%; max-width: 96%}
}
@media screen and (max-width: 1366px){

}
@media screen and (max-width: 1200px){

}
@media screen and (max-width: 1199px){
    .dance_section .bg_text:before,.project_section .bg_text:before{display: none;}
    .dance_section .bg_text,.project_section .bg_text {padding: 10px 15px 15px;right: 0;width: 100%;}
    .dance_section .bg_text{    right: -20px;    left: -20px;    width: auto;}
    nav.bg-primary{background: rgba(192, 33, 39, 1) !important}
    .activity_section .inner{margin-bottom: 30px;}
    
}
@media screen and (max-width: 1024px){

    .tagline{ font-size: 18px; }
    
    #home_slider .short_text{ font-size: 24px; }
    .project_section .bg_text:before{border-width:0 0 197px 120px;}
    .dance_section .bg_text:before{border-width:0 0 194px 120px;}

}

@media screen and (min-width: 1360px){
    .blog_listing .media{width:46%; float: left; margin-left: 1.5%; margin-right: 1.5%}
}

@media screen and (max-width: 991px){
    header .text-right{text-align: center !important}
    .project_section .bg_text, .dance_section .bg_text{   }
    .project_section .bg_text:before, .dance_section .bg_text:before{ display: none; }
    .email_menu li em{ margin-right: 0; }
    .activity_section .col-sm-6{ margin-bottom: 20px; }
    .activity_section .inner img{ width: 100%; }
    .tagline{margin: 20px 0 0;     width: 100%;    text-align: center;max-width: 500px;}    
    .logo{display: block; text-align: center;margin: 0 auto 20px}    
    header{text-align: center}
    .navbar-dark .navbar-nav .nav-link{padding: 6px 14px}
    .static-banner{height: 200px;}

    .page-aboutus img{margin: 0 auto 30px; display: block; }
    .cd-image img,.book-image img{margin: 30px auto; display: block; max-width: 400px; }
    .sidebar{margin-top: 40px;}
    .sidebar img{max-width: 100px; margin-bottom: 10px;}
    .form_section{margin-top: 30px;}
    
}

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

    .media img{ width: 40% }
}

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


}
@media screen and (max-width: 767px){ 
    .project_section .bg_text{position: relative; padding: 15px; background: rgb(192, 33, 38)}
    .dance_section .bg_text{position: relative; padding: 15px;}
    .dance_section{min-height: 600px}
    #home_slider .short_text{left:10%; width: 80%; transform: translate(0); text-align: center; bottom: 10px;}

    .static-banner{text-align: center; background-size: cover}
    .static-banner h2{transform: translate(0,-50%); left: 0; text-align: center; right: 0}
    .static-banner{height: 150px; padding: 0}
    .static-banner h2:after{max-width: 150px}

}

@media screen and (max-width: 640px){ 
    .media{ display: block; }
    .media-body h5{ margin: 20px 0; }
    .media img{ width: 100%;     margin-right: 0!important; }
    header{ text-align: center; }
    .mid_part ul {margin: 0 0 20px;     text-align: center;}
    nav.bg-primary{background: rgba(192, 33, 39, 1) !important}

    #home_slider .short_text span{ font-size: 18px; }
    .dance_section{min-height: 650px}
    .cd-image img, .book-image img{max-width: 100%}
}

@media screen and (max-width: 575px){ 
    .gallery_thumb a{display: block; margin: 0 auto; text-align: center; max-width: 400px}

}
@media screen and (max-width: 532px){ 
/*    .home-contest-wrapper{top:287px; }*/
}
@media screen and (max-width: 480px){ 
    .dance_section .bg_text p{display: none;}
    .dance_section{min-height: 500px}
    .dance_section .bg_text{position: absolute;}
}

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


}