@media (max-width: 1120px) {
  .master_custom-container {
    width: 70%;
  }
}

@media (max-width: 992px) {
  .pc{ display:none}	
  .mobi{ display:block}

  #navbarSupportedContent {
    margin-top: 25px;
  }

  .custom_nav-container .form-inline.my-2.my-lg-0 {
    padding-left: 25px;
  }



  .master_custom-container {
    width: 75%;
  }

  /* .about_section {
        margin-top: 150px;
    } */
}

@media (max-width: 768px) {
.form{ margin-bottom:2em}	
.form-style{width:80%; padding:.5em; margin:.8% .5%}
.form-style2{width:80%; padding:.5em; margin:.8% .5%}
.q_select{width:80%; padding:.5em; margin:.8% .5%}
	
	
	
	
	
	
	
	
	
  .header_section {
    background-size: 45% 80px;
  }

  .slider_section {
    height: auto;
  }

  .slider_item-box .slider-box-detail {
    padding-right: 15%;
  }

  .about_section {
    padding: 15px;
    margin-top: 150px;
  }

  .about_section::before {
    top: -50px;

    height: 114%;
  }

  .about_section::before {
    width: 100%;
  }

  .about-imge-box {
    margin-top: 50px;
  }

  .about_section .about-detail a {
    margin-top: 35px;
  }

  .master_section::before {
    height: 135%;
  }

  .info_nav {
    margin: 0 -15px;
  }

  .info_nav nav {
    width: 100%;
  }

  .info_section .col-md-4 {
    padding: 20px 30px;
  }
}

@media (max-width: 576px) {
	
	.rules{  padding:1em; margin:1em 0}
    .rules ul li{ padding-right:1em}
	
	
  .carousel-control {
    display: none;
  }

  .dance_page .master_section {
    margin-top: 0;
  }

  .master_section {
    margin-top: 75px;
    padding-top: 15%;
  }

  .info_nav ul {
    padding: 0 10px;
  }

  
  .info_section {
	padding-top: 70px;
	padding-bottom: 50px;
	color: #fff;
	background-image:none;
	background: #111;
}
.master_section h2 {
	padding-top:0em
}
.master_section::before {
	content: "";
	position: absolute;
	top: -50px;
	height: 105%;
	margin-top:20px;
	width: 130%;
	background-image: url(../images/master-bg2.png);
	background-repeat: repeat;
	background-size: contain;
	z-index: -1;
}
.master_section .master_content-box {
	margin-bottom:1em
}
.master_section .master_detail h3 {
	line-height:22pt
}
.master_section .master_detail h4 {
	line-height:20pt
}
.contact_section{padding-top:0em}
.class_section { margin-bottom:0em}
.contact_section h2 {
	padding-top:0em
}
}

@media (max-width: 480px) {
}

@media (max-width: 400px) {
  .info_nav ul {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 360px) {
  .master_section::before {
    top: -200px;
  }
}

@media (min-width: 1200px) {
}