@media only screen and ( min-width:1024px) and ( max-width:1200px ){

.dj-music .servc-icons{margin-top: 10px;}

.banner-text h4 span {
    font-size: 40px;}

.banner-text h4 span:first-child {
    font-size: 32px;
}

.banner-text{top: 50px;}

.dj-bx-text h3{font-size: 17px;}

.dj-bx-img {
    height: 135px;
}

.galitem{height: 235px;}

.live-radio-top p {
  color: #fff;
  font-size: 14px;}

.login-btns a { padding: 3px 19px;
  font-size: 11px; height: 38px;
  line-height: 34px;}  

.servc-icons{bottom: 80px;}

}

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

#menu ul li > a{font-size: 13px;}

.dj-music .servc-icons{margin-top: 7px;}

#newsletter h2{font-size: 24px;}

.newsletter p{font-size: 14px;}

.cpyright ul li a i{
  width: 40px; height: 40px; line-height: 40px;
}

.logo img{width: 150px;}

.cntct-info a{font-size: 14px;}

.menu-dv {
    margin: 10px 0px;
}

.banner-text{top: 50px;}

.banner-text h4, .banner-text h4 span{font-size: 25px;}

.banner-text h4 span:first-child {
    font-size:20px;
}

.welcome-img {
    height: 100%; display: flex;  align-items: center;
}

.welcome-img img{height: auto;}

.dj-bx-img {
    height: 127px;
}

.subs-bt { padding: 17px 9px;}

.dj-bx-text h3{font-size: 16px;}

.galitem{height: 185px;}

.cnt-right-info i {
    line-height: 36px; font-size: 18px;  margin-right: 7px; width: 36px; height: 36px;
}

.servc-icons{bottom: 50px;}

.mid {
  margin-left: 0px;
}

.middile-left p{font-size: 17px;}

.footer-icon {
  width: 31px;
  height: 31px; line-height:29px;}

.footer-icon i {
  font-size: 15px;
}

}


@media only screen and ( min-width:600px) and ( max-width:767px ){



.djlist-ons .col-lg-9{padding-left:15px;}

.djlist-ons .col-lg-3{padding-right: 15px;}

.header{padding-bottom:0px;}

.dj-music .servc-icons{margin-top: 0px;}

.dj-music .serimg { width: 15%;}

.dj-music{top: -3px;}

.djlist-ons h3{margin-top: 25px;}

.djlist-ons img{max-width: 100%; width: auto;}

header{position: relative; background: #000; padding-bottom:35px;}

.banner-text{top: 15px;}

.serimg{width: 23%; margin: 0px 5px 0px 0px;}

.welcome-text h2{font-size: 22px;}

.dj-bx-ons {
    width: 49%; margin-bottom: 15px;}

.dj-bx-ons:nth-child(2n){margin-right: 0px;}

.dj-bx-img{height: auto;}

.dj-bx-text h3{font-size: 24px;}

.cpyright p, .cpyright ul{text-align: left;}

.subs-bt { padding: 12px 13px;}

.news-input{padding: 14px 12px;}

.dj-bx-ons:last-child {
    margin: auto;
    float: none;
}

.galitem{width: 50%;}

.cnt-right-info {
    text-align: left;  margin-top: 25px;
}

html.open-menu .servc-icons {
    z-index: 0;
}

.rcrdhd{margin-top: 30px;}

.live-radio-top {
  margin-top: 20px; margin-bottom: 20px;
}

.hitem{font-size: 15px;}

#home-ticker {padding: 10px 0px 5px;}

#welcome-dv { padding: 40px 0px 80px; background: #fff; border-top: none;
}

.welcome-img::after{right: -7px;}

.logo {
  margin: 0px 0px 0px;
}

.cntct-info{display: none;}

.live-radio-top {
  margin-top: 20px; margin-bottom: 20px;
}

.hitem{font-size: 15px;}

#home-ticker {padding: 10px 0px 5px;}

#welcome-dv { padding: 80px 0px 80px; background: #fff; border-top: none;
}

.servc-icons{position: relative; bottom: 0px; margin-top: 15px;}  

.mid {
  margin-left: 0px;
}

.banner-text h4 span{font-size: 35px;}

}


@media only screen and ( min-width:320px) and ( max-width:599px ){
    .form-popup form {
        width: 100%;
        padding: 0px; border: 2px solid #f00; border-bottom: 0px;
        background-color: #fff;
        float: left;
        border-radius: 5px;
    }

header{position: relative; background: #000; padding-bottom:35px;}

.banner-text h4, .banner-text h4 span{font-size: 20px;}

.banner-text h4 span:first-child {
    font-size: 16px;
}

.banner-text{top: 15px;}

.serimg{width: 22%;margin: 0px 2px 0px 0px;}

.welcome-text h2{font-size: 22px;}

.dj-bx-ons {
    width: 100%; margin: 20px 0% 0px 0px;}

.dj-bx-img{height: auto;}

.dj-bx-text h3{font-size: 24px;}

.cpyright p, .cpyright ul{text-align: left;}

.subs-bt { padding: 12px 13px;}

.news-input{padding: 14px 12px;}

html.open-menu  .servc-icons {
    z-index: 0}

.mejs-controls .mejs-time-rail .mejs-time-total{width: 100px !important;}

.mejs-controls div.mejs-horizontal-volume-slider{top: inherit !important; bottom: -10px;}

.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button{bottom: -17px;top: inherit !important;}

.djlist-ons .col-lg-9{padding-left:15px;}

.djlist-ons .col-lg-3{padding-right: 15px;}

.header{padding-bottom:0px;}

.dj-music .servc-icons{margin-top: 0px;}

.dj-music .serimg { width: 17%;}

.dj-music{top: -3px;}

.djlist-ons h3{margin-top: 25px;}

.djmn-hd h1{font-size: 34px;}

.spnsr-text p{font-size: 24px;}

.galitem{width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px;}

.cnt-right-info {
    text-align: left; margin-top:20px;
}

.cnt-right-info i {
    width: 33px; height: 33px; font-size: 16px; 
}

.cnt-pera p{font-size: 16px;}

.rcrdhd{margin-top: 30px;}

.mid {
  margin-left: 0px;
}

.login-btns a {  height: 38px; line-height: 38px;padding: 0px 18px;
}

.live-radio-top p {  font-size: 17px;}

.logo {
  margin: 0px 0px 0px;}

.servc-icons{position: relative; bottom: 0px; margin-top: 15px;}  

.cntct-info{display: none;}

.live-radio-top {
  margin-top: 20px; margin-bottom: 20px;
}

.hitem{font-size: 15px;}

#home-ticker {padding: 10px 0px 5px;}

#welcome-dv { padding: 40px 0px 80px; background: #fff; border-top: none;
}

.welcome-img::after{right: -7px;}

}