@media screen and (min-width:1250px) {
    .dashboard-content .container {
        max-width: 1230px;
    }
}

@media screen and (max-width:768px){
    #topbar .container {
        justify-content: space-between !important;
    }
    #topbar .cta a{width:180px;}
    .social-box {
        min-width: initial;
    }
    .mobile-nav-toggle{color:#000}
    .top-logo {
        display: none;
    }
    .navbar {
        bottom: 0;
        padding: 0;
    }
    .mobile-logo{display:block;}
        .mobile-logo img{max-height:60px}
        .menu-container {
            justify-content: space-between;
        }
    #hero h1 {
        font-size: 40px;
    }
        .streemMusic .row {
        flex-direction: column-reverse;
    }
    .testimonial-text{font-size:16px;    line-height: 28px;}
    .section-title h2 {
        font-size: 32px;
    }
        .section-testimonials .swiper-button-next, .section-testimonials .swiper-button-prev {
        width:40px;
    }
    .streemMusic {
        padding: 50px 0 0;
    }
    .pricing {
        background-size: 90%;
        padding-top: 60px;
    }
    .pricing .col-lg-4:not(:first-child) .box {
        margin-top: 100px;
    }
    .video_box {
        height: 280px;
    }
        .section-testimonials {  padding: 40px 0;    }
    .nav-footer .list-inline-item {
        margin: 5px 10px;
    }
    .nav-footer .list-inline-item a {font-size: 12px;}
    .hex{width:100%;height:420px;}
    #slideshow { height: 460px; }
    .footer-logo{display:none}
    nav.nav-footer {
        margin: 20px 0;
    }
    #footer {
        padding: 0 0 55px 0;
    }
	
	#carouselExampleIndicators {  width: 100%;}
	.carousel-item h1 span { font-size: 18px !important;}
	#dashboard { padding-top: 0;}
	.music-menu h2{font-size:28px;}
	.equalizerBox { margin-top: 25px;}
	.plTitle {left: 3px;right: 65px; top: 7px;max-width: 38%; display: inline-block;position: relative;}
	.plLength {padding-left: 10px;right: 56px;}
	.plNum {padding-left: 4px;}
	span.plAniBox { right: -10px;}
	.dashboard-content .container>div.row { flex-direction: column-reverse;}
	#plList li{padding:10px 0}


    /*16-12-2024*/
    body{padding-top: 180px;}
    h2 {font-size: 34px;}
    .menu-container{
           display: grid ;
            grid-template-columns: repeat(2, 1fr);        text-align: center;
    }
    .menu-container .top-btn{text-align: right;}
    .menu-container .logo{ grid-column: span 3;transition: 0.2s;}
    .menu-container .logo img{    max-width: 110px;}
    .phone-box a{font-size: 20px;}
    .default-btn, input[type="submit"]{padding:.5rem 1.2rem;font-size: 1.1rem;    background: var(--secondary) !important;text-transform: uppercase !important;}
    .header-scrolled .logo {
        padding: 5px 0;
    }
    .carousel-caption h1 {font-size: 40px;    }
    .banner-section p { margin-bottom: 1rem;    }
    .about-us article{padding: 1rem;}
    .contact-section img {max-width: 120px; margin: auto; display: block;}
    .why-people p { text-align: justify; }
    .services ul {
        grid-template-columns: 1fr;
    }
    /**/
	
	
}
@media (max-width:767px){
  .banner-section {padding: 2rem 0;background-size: 100% !important;background-repeat: no-repeat !important;
        background-color: #000 !important;}
  .carousel-caption h1 {font-size: 28px;}
	.carousel-caption h2 {font-size: 24px;}
  .banner-section p {font-size: 16px;    }
  .default-btn, input[type="submit"] {padding: .4rem .8rem;font-size: 1rem;}
  .request-form {padding: 1rem 1rem;}
  .carousel-caption {padding-top: 40vw;}
}