h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 25px 0 0 0;}
p {margin: 0;}

html, body{
    font-family: 'Lato-Regular';
    font-size: 100%;
    overflow-x: hidden;
}
@font-face {
    font-family: 'MavenPro-Regular';
    src: url(../fonts/MavenPro-Regular.ttf)format('truetype');
}
@font-face {
    font-family: 'Lato-Regular';
    src: url(../fonts/Lato-Regular.ttf)format('truetype');
}
body a{
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
}
a:focus, a:active, a:hover {
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #23527c;
}
a {
    background-color:none;
}
body p{
    font-family: 'Lato-Regular';
}
h1, h2, h3, h4, h5 {
    font-family: 'MavenPro-Regular';
}
/*Header Stats Start*/
.header_stats{
    text-align: center;
}
/*-- w3layouts --*/
/*-- agileits --*/
.header_stats h3{
    font-size: 12px;
    font-weight: 600;
}
.header_stats p{
    font-size: 12px;
}
.header_stats .stat-num{
    font-size: 26px;
    color: #111;
    font-weight: bold;
    padding: 8px 0;
}
.header_stats .stat-highlight{
    color: #ef4836;
    font-weight: bold;
}
.header_stats .stat-highlight-red{
    color: #ef4836;
    font-weight: bold;
}
.header_stats .stat-highlight-green{
    color: #26a65b;
    font-weight: bold;
}
.nofitications-dropdown li .dropdown-menu:before,.drp-mnu:before {
    position: absolute;
    top:-8.5px;
    left: 5px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #DFDFDF;
    border-left: 8px solid transparent;
    content: '';
}
/*---------------------------------
            LEFT SIDE
----------------------------------*/

.left-side {
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
}
/*-- w3l --*/
/*-- agileits --*/
.sticky-left-side {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 100;
    background: #111;
}

.sticky-left-side .custom-nav {
    /*    margin-top:59px;*/
    margin-top:0;
    background:#000;
}

.left-side-collapsed .sticky-left-side {
    overflow-y: visible;
}
.logo a {
    font-size: 1.2em;
    color: #fff;
    margin: 0;
    text-decoration: none;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 700;
}
.logo a span{
    color:#111;
}
.logo-icon {
    display: none;
}
div#page-wrapper {
    padding:0.5em 1em;
}
.left-side-collapsed .logo-icon {
    height: 32px;
    margin-top: 0;
    display: block !important;
}
.logo-icon a{
    display:block;
    text-align:center;
    text-decoration: none;
}
.logo-icon a {
    font-size: 1.2em;
    color:#9E9E9E;
    margin-top: 9px;
    font-family: 'MavenPro-Regular';
    font-weight:700;
}
/*-- w3layouts --*/
/*-- agileits --*/
.logo-icon a:hover{
    color:#fff;
}
.left-side-inner {
    padding: 0px;
    margin-bottom: 50px;
}

.left-side .searchform {
    display: none;
}

.left-side .searchform::after {
    content: '';
    display: block;
    clear: both;
}

.left-side .searchform input {
    padding: 10px;
    width:83%;
    margin: 0 0 15px 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
}

.left-side .logged-user {
    padding: 0 0 15px 12px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: none;
}

.left-side .logged-user .media-object {
    width: 40px;
    height:40px;
    display:block;
    -moz-border-radius: 3em;
    -webkit-border-radius: 3em;
    border-radius: 3em;
    float: left;
}

.left-side .logged-user .media-body {
    margin-left: 60px;
    color: #d7d7d7;
}

.left-side .logged-user .media-body h4 {
    font-size: 15px;
    margin: 5px 0 0 0;
}
/*-- w3l --*/
/*-- agileits --*/
.left-side .logged-user .media-body h4 a {
    color: #fff;
}

.left-side .logged-user .media-body span {
    font-style: italic;
    font-size: 11px;
    opacity: 0.5;
}

.custom-nav {
    margin-bottom: 10px;
}

.custom-nav > li > a {
    color:#C8C8C8;
    padding: 12px 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.custom-nav > li > a:hover,
.custom-nav > li > a:active {
    color:#EA57A3;
    background-color:#292929;
    border-radius: 0;
    -webkit-border-radius: 0;
}
.custom-nav > li.menu-list > a:hover {
    background-color:#191919;
}

.custom-nav > li.nav-active > a {
    background-color:#111;
    color:#EA57A3;
}

.custom-nav > li.nav-active > ul{
    display: block;
}

.custom-nav > li.nav-active > a:hover {

}

.custom-nav > li.active > a,
.custom-nav > li.active > a:hover,
.custom-nav > li.active > a:focus {
    background-color: #111;
    color:#EA57A3;
}

ul.dropdown-menu.drp-mnu li {
    width: 100%;
}

.custom-nav > li.menu-list.active > a {
    background-image: url(../images/plus.png);
}

.custom-nav > li.nav-active.active > a {
    background-image: url(../images/minus.png);
}

.custom-nav > li.nav-active.active > a:hover {
    background-image: url(../images/minus.png);
}

.custom-nav li .fa {
    font-size: 16px;
    vertical-align: middle;
    width: 16px;
    text-align: center;
}

.custom-nav .sub-menu-list {
    list-style: none;
    display: none;
    margin: 0;
    padding: 0;
    background: #111;
}

.custom-nav .sub-menu-list > li > a {
    color: #fff;
    font-size: 13px;
    display: block;
    padding: 10px 5px 10px 10px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.custom-nav .sub-menu-list > li > a:hover,
.custom-nav .sub-menu-list > li > a:active,
.custom-nav .sub-menu-list > li > a:focus {
    text-decoration: none;
    color:#fff;
    background:#45B39D;
}
.profile_img i {
    float: right;
    margin: .5em 0 0;
    color:#00BCD4;
}
.custom-nav .sub-menu-list > li .fa {
    font-size: 12px;
    opacity: 0.5;
    margin-right: 5px;
    text-align: left;
    width: auto;
    vertical-align: baseline;
}

.custom-nav .sub-menu-list > li.active > a {
    color: #65CEA7;
    background-color: #2A323F;
}

.custom-nav .sub-menu-list ul {
    margin-left: 12px;
    border: 0;
}

.custom-nav .menu-list.active ul {
    display: block;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 17px 15px;
}
.nav>li {
    position: relative;
    display: block;
}
.nav-stacked>li+li {
    margin-top: 1px;
    margin-left: 0;
}
ul.nav.nav-pills.nav-stacked.custom-nav li a img {
    vertical-align: baseline;
}
i.camera {
    width:16px;
    height:16px;
    background:url(../images/radio.png) no-repeat 0px 0px;
    display: inline-block;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
ul.nav.nav-pills.nav-stacked.custom-nav li:hover i.camera {
    background:url(../images/radio1.png) no-repeat 0px 0px;
}
@media (max-width:767px){
    .hidden-xs{display:none!important}
    .visible-xs {
        display: none !important;
    }
}
@media (min-width:768px) and (max-width:991px){
    .hidden-sm{display:none!important}
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-md{display:none!important}
}
@media (min-width:1200px){
    .hidden-lg{display:none!important}
}
/*------------------------------------------
            LEFT SIDE COLLAPSE
-------------------------------------------*/

.left-side-collapsed .logo {
    display: none;
}

.left-side-collapsed .header-section {
    margin-left: 0px;
}

.left-side-collapsed .left-side {
    /*    width: 52px;*/
    width: 0;
    top: 0px;
}

.left-side-collapsed .left-side-inner {
    padding: 0;
}

h5.left-nav-title {
    margin-left: 10px;
    color: #fff;
    margin-bottom:8px;
}

.left-side-collapsed .custom-nav {
    margin: 15px 0 20px 0;
}

.left-side-collapsed .custom-nav li a {
    text-align: center;
    padding: 10px;
    position: relative;

}

.left-side-collapsed .custom-nav > li.menu-list > a {
    background-image: none;
}

.left-side-collapsed .custom-nav li a span {
    position: absolute;
    background:#EA57A3;
    padding: 11.7px;
    left: 52px;
    top: 1px;
    min-width: 160px;
    text-align: left;
    z-index: 100;
    display: none;
    font-size:14px;
}

.left-side-collapsed .custom-nav li a span:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-right-color:#EA57A3;
    border-width: 6px;
    margin-top: -6px;
}
/*-- w3layouts --*/
/*-- agileits --*/
.left-side-collapsed .custom-nav li.active a span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.left-side-collapsed .custom-nav ul,
.left-side-collapsed .custom-nav .menu-list.nav-active ul {
    display: none;
}

.left-side-collapsed .custom-nav .menu-list.nav-hover ul {
    display: block;
}

.left-side-collapsed .custom-nav > li.nav-hover > a,
.left-side-collapsed .custom-nav > li.nav-hover.active > a {
    background:#111;
    color:#EA57A3;
}

.left-side-collapsed .custom-nav li.nav-hover a span {
    display: block;
    color: #fff;
}

.left-side-collapsed .custom-nav li.nav-hover.active a span {
    background:#EA57A3;
    color: #fff;
}

.left-side-collapsed .custom-nav li.nav-hover ul {
    display: block;
    position: absolute;
    top: 44px;
    left: 52px;
    margin: 0;
    min-width: 160px;
    background:#45B39D;
    z-index: 100;
    -moz-border-radius: 0 0 2px 0;
    -webkit-border-radius: 0 0 2px 0;
    border-radius: 0 0 2px 0;
}

.left-side-collapsed .custom-nav ul a {
    text-align: left;
    padding: 6px 10px;
    padding-left: 10px;
}

.left-side-collapsed .custom-nav ul a:hover {
    background: #28947E;
}

.left-side-collapsed .custom-nav li a i {
    margin-right: 0;
    font-size: 1.2em;
}
ul.nav li a span {
    padding-left: .5em;
}

.left-side-collapsed .main-content {
    /*margin-left: 52px;*/
    margin-left: 0;
}


.left-side-collapsed .left-side{
    overflow: hidden !important;
    /*overflow: visible !important;*/
}

/*----------------------------
        HEADER SECTION
-----------------------------*/

.header-section {
    //#111;
    background:#ef0b0b;
    box-shadow: 1px 0 3px rgba(0,0,0,.15);
    -webkit-box-shadow: 1px 0 3px rgba(0,0,0,.15);
    -moz-box-shadow: 1px 0 3px rgba(0,0,0,.15);
    -o-box-shadow: 1px 0 3px rgba(0,0,0,.15);
    /*padding-bottom:2px;*/
}

.header-section::after {
    clear: both;
    display: block;
    content: '';
}

.toggle-btn {
    font-size: 22px;
    padding: 12px 0 0;
    width: 40px;
    height: 42px;
    margin: 0 0 0 0.3em;
    text-align: center;
    cursor: pointer;
    float: left;
    color: #fff;
    background: #ef0b0b;;
    border: none;
    border-radius: 5px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.toggle-btn:hover {
    background: #ef0b0b;;
    color: #fff;
}

.searchform input {
    box-shadow: none;
    float: left;
    font-size: 14px;
    margin:8px 0 0 10px;
    padding:7px 10px;
    width: 220px;
    outline:none;
    border:1px solid #eee;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.searchform input:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ddd;
}
.logo-co{
    float:left;
    padding:7px 15px 6px;
}
.logo-co a {
    display:block;
}
/* ------------------------------
        STICKY HEADER
---------------------------------*/
.sticky-header .logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 200px;
    z-index: -100;
    background: #111;
    /*border-bottom: 1px solid #ef0b0b;*/
    text-align: left;
    padding: 0.8em 0 1em 1em;

}
.logo h1 {
    margin-bottom: 0;
    line-height: 25px;
}
.sticky-header .header-section {
    position: fixed;
    top: 0;
    left: 200px;
    width: 100%;
    height: 57px;
    z-index: 100;
}

.sticky-header .main-content {
    padding-top: 35px;
}
.sticky-header .menu-right {
    margin-right: 0;
}
.sticky-header.left-side-collapsed .header-section {
    /*    left: 52px;*/
    left: 0;
}
.sticky-header.left-side-collapsed .menu-right {
    margin-right: 0;
}
.menu-right {
}
/*-----------------------------
        MAIN CONTENT
------------------------------*/
.col-md-6.col_1_of_2.span_1_of_2 {
    margin-bottom: 0.6em;
}
.main-content {
    margin-left: 200px;
    background:#ef0b0b;
    /*height: auto;*/
    min-height: 600px;
}
.main-content2{
    min-height: 1250px !important;
}
.main-content5{
    min-height: 1030px !important;
}
.main-content6{
    min-height: 1700px !important;
}
.main-content3{
    min-height:2580px !important;
}
.main-content4{
    min-height: 2275px !important;
}
/*----*/
.search-box{
    float:right;
}
/*----*/
.sb-search {
    position: absolute;
    right:90px;
    width: 0%;
    min-width:70px;
    height:57px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    z-index: 999;
   /* border-left: 1px solid #000;*/
    top:0%;
}
.sb-search-input {
    position: absolute;
    top: 0;
    right: 3px;
    border: none;
    outline: none;
    background: #ef0b0b;
    width: 100%;
    height:65px;
    margin: 0;
    z-index:10;
    padding: 0em 4em 0em 1em;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}
.sb-search-input::-webkit-input-placeholder {
    color: #fff;
}
.sb-search-input:-moz-placeholder {
    color: #fff;
}
.sb-search-input::-moz-placeholder {
    color: #fff;
}
.sb-search-input:-ms-input-placeholder {
    color:#fff;
}
.sb-icon-search,.sb-search-submit  {
    width:30px;
    height:40px;
    display: block;
    position: absolute;
    right: 1%;
    top: 0%;
    padding: 0;
    margin: 0;
    line-height:71px;
    text-align: center;
    cursor: pointer;
}
.sb-search-submit {
    background: url('../images/search.png') no-repeat -23px 20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
    -webkit-appearance: none;
}
.sb-icon-search {
    background: #ef0b0b url('../images/search.png') no-repeat 23px 20px;
    z-index: 90;
    width:70px;
    height:65px;
}
/* Open state */
.sb-search.sb-search-open,.no-js .sb-search {
    width:20%;
}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {
    background: url('../images/search.png') no-repeat 23px 20px;
    color: #fff;
    z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {
    z-index: 90;
}
footer {
    background:#222;
    padding: 12px;
    width: 100%;
    border-top: 1px solid #423D3E;
    text-align:center;
    position: fixed;
    bottom: 0;
}
footer  p {
    color: #fff;
    font-size: 1em;
}
footer  p a{
    color:#23527c;
}
footer  p a:hover{
    text-decoration:underline;
}
.show-grid [class^=col-] {
    background: #fff;
    text-align: center;
    margin-bottom: 10px;
    line-height: 2em;
    border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
    background: #e0e0e0;
}
.grid_3{
    margin-bottom:2em;
}
.xs h3, .widget_head{
    color:#000;
    font-size:1.7em;
    font-weight:300;
    margin-bottom: 1em;
}
.grid_3 p{
    color: #999;
    font-size: 0.85em;
    margin-bottom: 1em;
    font-weight: 300;
}
/*--main-content--*/
.music-left{
    float:left;
    width:100%;
}
.music-right{
    float:left;
    width:64%;
    padding-bottom: 20px;
    /*margin-left:2%;*/
}
/*--banner--*/
#slider2,
#slider3 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto;
}
.rslides_tabs li:first-child {
    margin-left: 0;
}
.rslides_tabs .rslides_here a {
    background: rgba(255,255,255,.1);
    color: #fff;
    font-weight: bold;
}
.events {
    list-style: none;
}
.callbacks_container {
    position: relative;
    float: left;
    width: 100%;
}
.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.callbacks li {
    position: absolute;
    width: 100%;
}
.callbacks img {
    position: relative;
    z-index: 1;
    height: auto;
    border: 0;
}
.callbacks .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    left: 0;
    right: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
    top: 10%;
    text-align: center;
}
.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 56%;
    left: 0;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 79px;
    width: 30px;
    background: transparent url("../images/arrows.png") no-repeat left top;
    margin-top:3%;
    display:none;
}
.callbacks_nav:hover{
    opacity: 0.5;
}
.callbacks_nav.next {
    left: auto;
    background-position: right top;
    right:-140px;
}
.callbacks_nav.prev {
    right: auto;
    background-position: left top;
    left: -140px;
}
#slider3-pager a {
    display: inline-block;
}
#slider3-pager span{
    float: left;
}
#slider3-pager span{
    width:100px;
    height:15px;
    background:#fff;
    display:inline-block;
    border-radius:30em;
    opacity:0.6;
}
#slider3-pager .rslides_here a {
    background: #FFF;
    border-radius:30em;
    opacity:1;
}
#slider3-pager a {
    padding: 0;
}
#slider3-pager li{
    display:inline-block;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
}
.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display:none;
    width: 100%;
    left: 0;
    top: 0;
}
.rslides li{
    position: relative;
    display: block;
    float: left;
}
.rslides img {
    /*height: auto;*/
    min-height: 150px;
    width: 100%;
    border: 0;
}
.callbacks_tabs{
    list-style: none;
    position: absolute;
    bottom: -13%;
    right: 45%;
    padding: 0;
    margin: 0;
    display: inline-block;
    /*background: rgb(230, 228, 228);*/
    padding: 0 7px 7px 7px;
    line-height: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    /*border: 1px solid #ccc;*/
}
.slider-top span{
    font-weight:600;
}
.callbacks_tabs li{
    display: inline-block;
    margin: 0 .3em;
}
@media screen and (max-width: 600px) {
    .callbacks_nav {
        top: 47%;
    }
}
/*----*/
.callbacks_tabs a{
    visibility: hidden;
}
.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    font-family: FontAwesome;
    visibility: visible;
    display: block;
    width:14px;
    height:14px;
    display: block;
    background:#EA57A3;
    display: inline-block;
    border:none;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;

}
.callbacks_here a:after{
    background:#45B39D;
}
.banner-info {
    top: 62%;
    z-index: 999;
    left: 5%;
    position: absolute;
}
.banner-info h3 {
    font-size: 2.5em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}
ul#slider4 h4 {
    position: absolute;
    top: 39%;
    left: 16px;
    z-index: 999;
    font-size: 2.2em;
    color: #fff;
    width: 38%;
    line-height: 1.7em;
    border-left: 8px solid #B73C3D;
    padding-left: 15px;
}
.banner-info p {
    color: #fff;
    font-size: 1.2em;
    margin-top: 0.5em;
}
.banner-info p span {
    color:#45B39D;
}
a.trend {
    position: absolute;
    top: -233%;
    padding: 8px 13px;
    background: #EA57A3;
    font-size: 1em;
    color: #fff;
    -webkit-appearance: none;
    border: none;
    outline: none;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
}
a.trend:hover {
    background:#45B39D;
    text-decoration:none;
}
.banner-img img,.content-grid img {
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
/*-- main --*/
.audio-grid p{
    color:#fff;
    font-size:0.9em;
}
.next-top{
    position: relative;
    z-index:0;
}
.next-top li{
    display:inline-block;	
}
.next-top li a.ar {
    left: -7%;
    position: absolute;
    top: -22px;
}
.next-top li a.ar2{	
    left: 10%;
    position: absolute;
    top: -22px;
}
/*-- wthree --*/
/*-- agileits --*/
/*--login-pop--*/
#loginpop {
    position: relative;
    float:left;
}
i.arrow {
    font-size: 0.9em;
    color: #fff;
    vertical-align: baseline;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
}
#loginpop a span:hover i.arrow{
    color:#fff;
}
#loginpop a{
    text-decoration:none;
}
#loginpop a span{
    display: block;
    color: #ffffff;
    background: #e32a2a;
    padding: 8px 15px;
    font-size: 0.9em;
    border: 1px solid #ffffff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    outline: none;
}
#loginpop a span:hover{
    background:#ffffff;
    border: 1px solid #ffffff;
    color:#000;
}
/* Login Button */
#loginButton { 
    display:inline-block;  
    position:relative;
    z-index:30;
    cursor:pointer;
}
/* Login Box */
#loginBox {
    position:absolute;
    top: 56px;
    right: 4px;
    display:none;
    z-index:29;
}
#loginForm:after {
    content: '';
    position: absolute;
    right: 129px;
    top: -13px;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 15px solid #FFFFFF;
}
/* Login Form */
#loginForm {
    width: 300px;
    background: #fff;
    border: 1px solid #d6d6d6;
    height: 251px;
}
#loginForm fieldset {
    margin:0 0 15px 0;
    display:block;
    border:0;
    padding:0;
}
fieldset#body {
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    padding:15px 15px;
    margin:0;
}
#loginForm #checkbox {
    width:auto;
    margin:3px 6px 0 0;
    float:left;
    padding:0;
    border:0;
}
#body label {
    color:#34353a;
    margin:10px 0 0 0;
    display:block;
    float:left;
    font-size:0.8725em;
    font-weight: 400;
}
#loginForm #body fieldset label{
    display:block;
    float:none;
    margin:0 0 6px 0;
    font-family: 'Open Sans', sans-serif;
}
#loginForm #login {
    width: auto;
    float: left;
    background:#45B39D;
    color: #fff;
    font-size: 0.8725em;
    padding: 7px 20px;
    border: none;
    margin: 0 12px 0 0;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    outline:none;
    text-transform: uppercase;
    border-radius:0.3em;
    -o-border-radius:0.3em;
    -webkit-border-radius:0.3em;
    -moz-border-radius:0.3em;
    font-family: 'Open Sans', sans-serif;

}
#loginForm #login:hover{
    background:#EA57A3;
}
#loginForm input {
    width: 100%;
    border: 1px solid #DADADA;
    color: #222;
    background: #FFF;
    padding: 6px;
    font-size: 0.8125em;
    -webkit-apperance: none;
    outline: none
        font-family: 'Open Sans', sans-serif;
}
#body label i {
    color: #000;
    font-size: 1em;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
}
#loginForm span a {
    color:#34353a;
    font-size: 0.85em;
    font-weight: 400;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0 16px;
    font-family: 'Open Sans', sans-serif;
}
.serch-part {
    float: left;
    width: 32%;
}
.player {
    float: left;
    width: 45%;
}
.login-pop {
    width: 20%;
    margin-top: 0.9em;
    margin-left: 3%;
}
.profile_details {
    height: 65px;
    padding: 0 5em;
}
a.top-sign {
    display: inline-block;
    float: right;
    margin-left: 4em;
    margin-top: 0.2em;
    color: #111;
    font-size: 1.25em;
}
/*--albums--*/
.album {
    padding: 1em 0 0 0;
}
.albums {
    padding: 0;
}
.content-grid img {
    width: 98%;
}
.content-grid {
    width:25%;
    float: left;
    text-align: center;
    /*--box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.35);--*/
    margin-right: 0%;
    margin-bottom: 2%;
    position: relative;
    padding: 2px;

}
.content-grid h3 {
    color: #fff;
    padding: 0.2em 1em 0.6em 1em;
    display: block;
    line-height: 1.8em;
    font-size: 0.9em;
    font-family: 'OpenSans-Regular';
}
.content-grid ul li a {
    padding: 0 5px;
    display: block;
    color: #e3b23f;
    font-size: 1.1em;
}
.button {
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    color: #444;
    text-transform: uppercase;
    display: block;
    margin: 10px 0 0 0;
    font-size: 1em;
    font-weight:600;
}
.button:hover {
    color:#EA57A3;
}
.inner-info {
    display: none;
}
.content-grid:hover .inner-info{
    display:block;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 0px;
    background: #EA57A3;
    padding: 2px;
    width:227px;
    border-radius:0px 0px 4px 4px;
    -webkit-border-radius:0px 0px 4px 4px;
    -moz-border-radius:0px 0px 4px 4px;
    -o-border-radius:0px 0px 4px 4px;
}
.inner-info h5 {
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
}
.content-grid ul li {
    display: inline-block;
}
.content-grid.last-grid img {
    width: 100%;
}
.inner-info ul li a i {
    font-size: 0.9em;

}
h3.tittle {
    float: left;
    font-size: 1.8em;
    font-weight:700;
    color: #ffffff;
}
h4.tittle {
    float: right;
    font-size: 1.2em;
    font-weight: 400;
    color: #ffffff;
    margin-left:70%;
}
h4.tittle.two {
    margin-right: 0;
}
span.new{
    display: inline-block;
    padding: 8px 13px;
    background: #EA57A3;
    font-size: 0.5em;
    color: #fff;
    -webkit-appearance: none;
    border: none;
    outline: none;
    vertical-align: top;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
}
/*--music_right--*/
/*--/video--*/
div.jp-type-playlist div.jp-playlist a {
    color: #fff;
    text-decoration: none;
    padding: 22px 20px 22px 20px!important;
    background:#222!important;
    display: block;
}
div.jp-type-playlist div.jp-playlist a {
    color: #fff;
    text-decoration: none;
    padding: 25px 20px 25px 20px;
    background:#222;
    display: block;
    font-size: 1.4em;
}
div.jp-type-playlist div.jp-playlist a {
    color: #999!important;
}
div.jp-type-playlist div.jp-playlist a:hover {
    color:#fff!important;
    background: #45B39D!important;
}
/*--//video--*/
/*--//pricing_table--*/
/*-- wthree --*/
/*-- agileits --*/
.pricing {
    float: left;
    width: 49%;
    text-align: center;
    margin-left:0;
}
.pricing-table {
    margin: 5% auto 0 auto;
    width: 65%;
}
.price-top h3 {
    font-size: 3em;
    font-weight: 700;
    color: #fff;
}
.price-top h4 {
    font-size: 1.2em;
    color: #fff;
    font-weight: 700;
}
.price-top {
    background: none;
    padding: 1em;
    border-radius: 0.4em 0.4em 0em 0em;
    -webkit-border-radius: 0.4em 0.4em 0em 0em;
    -o-border-radius: 0.4em 0.4em 0em 0em;
    -moz-border-radius: 0.4em 0.4em 0em 0em;
    border: 1px solid #EA57A3;
}
.price-bottom h3 {
    font-size: 2.5em;
    color: #333;
}
.price-bottom p {
    font-size: .9em;
    text-transform: uppercase;
    color: #999;
    margin-bottom: .8em;
}
.price-bottom ul {
    padding: 0;
}
.price-bottom ul li {
    font-size: 1em;
    line-height: 1.9em;
    padding: .3em 0.5em;
    font-weight: 400;
}
a.price {
    font-size: .9em;
    text-transform: uppercase;
    padding: .6em 1em;
    background: #EA57A3;
    color: #fff;
    display: block;
    width: 57%;
    margin: 0.5em auto 0.6em;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    font-weight:400;
    text-decoration: none;
}
.pricing:hover a.price {
    transition:transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition:-webkit-transform 0.3s;
    -moz-transition:-moz-transform 0.3s;
    background:#45B39D;
}
.price-bottom {
    padding:1em 0;
    border: 1px solid #EA57A3;
    border-top: none;
    border-radius: 0em 0em 0.3em 0.3em;
    -webkit-border-radius: 0em 0em 0.3em 0.3em;
    -o-border-radius: 0em 0em 0.3em 0.3em;
    -moz-border-radius: 0em 0em 0.3em 0.3em;
}

.pricing.two{
    margin-left:2%;
}
.price-section{
    background: #222;
    padding: 3em 2em;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
}
.price-bottom ul li {
    list-style: none;
}
a.icon {
    float: left;
    width: 17%;
}
a.text {
    float: right;
    width: 77%;
    text-align: left;
    color:#858B94;
}
a.text:hover{
    text-decoration:none;
}
i.glyphicon.glyphicon-ok {
    color: #EA57A3;
    font-size: 1em;
    padding-left: 10px;
}
i.glyphicon.glyphicon-remove {
    color: #DE2C2C;
    font-size: 1.3em;
}
h3.hd-tittle {
    color: #fff;
    font-weight: 600;
    font-size: 1.6em;
    margin-bottom: 1em;
}
/*--//pricing_table--*/
.apps {
    background: #222;
    padding: 2.3em 2em;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    margin: 1.4em 0;
}
.banner-button {
    float: left;
    width: 45.8%;
}
.green-button {
    margin: 0 1em;
}
/*--//music_right--*/
/*--//albums--*/
ul.footer_social {
    padding: 0;
    list-style: none;
}
ul.footer_social li a {
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.footer_social li:first-child {
    margin-left: 0;
}
ul.footer_social li {
    width:33.333%;
    float:left;
}
ul.footer_social li a:hover i.fb, ul.footer_social li a:hover i.tw, ul.footer_social li a:hover i.pin{
    opacity:0.9;
}
i.fb{
    width:379px;
    height: 150px;
    display: block;
    background: url(../images/fb.png)#3b5997 no-repeat 145px 25px;
}
i.tw{
    width: 380px;
    height: 150px;
    display: block;
    background: url(../images/tw.png)#3fccfd no-repeat 145px 25px;
}
i.pin{
    width: 380px;
    height: 150px;
    display: block;
    background: url(../images/pin.png)#cb2027 no-repeat 145px 25px;
}
.jp-volume-controls button {
    display: block;
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
    box-shadow: none!important;
}
.jp-controls button {
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
    box-shadow:none!important;
}
.jp-state-playing .jp-play {
    background: url(../images/jplayer.blue.monday.png) 0 -42px no-repeat;
    box-shadow:none!important;
}
.jp-toggles button {
    display: block;
    float: left;
    width: 25px;
    height: 18px;
    text-indent: -9999px;
    line-height: 100%;
    border: none;
    cursor: pointer;
    box-shadow:none!important;
}
/*--/single--*/
.single_left{
    float:left;
    width: 33%;
    margin-right:3%;
}
.responces{
    float: left;
    width: 65%;
}
.response-text-right p {
    font-size: 0.95em;
    margin: 0 0 1em;
    line-height: 2em;
    color: #444;
    padding: 0em 1em;
}
.response-text-right ul {
    padding: 0;
    text-align: right;
}
.media-left.response-text-left a {
    color: #444;
    font-size: 1.1em;
    display: block;
    margin-top: 6px;
    font-family: 'MavenPro-Regular';
    font-weight: 700;
}
.media-body.response-text-right ul li {
    color:#EA57A3;
    font-size: 0.95em;
    display:inline-block;
}
.media-body.response-text-right ul li a{
    color: #444;
    font-size: 1em;
    display: block;
    margin-top: 6px;
    margin-left:2em;
}
.media-body.response-text-right ul li a:hover {
    color:#EA57A3;
}
img.media-object {
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 3px 3px 8px #888888;
    -o-box-shadow: 3px 3px 8px #888888;
    -webkit-box-shadow: 3px 3px 8px #888888;
    -moz-box-shadow: 3px 3px 8px #888888;
}
.response {
    float: right;
    width: 64%;
}
.response h4 {
    color: #444;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 1em;
}

.inner-content {
    padding-bottom: 0.5em;
}
.inner-content.single {
    padding-top: 1.2em;
    /*padding-bottom: 2em;*/
}
.coment-form  {
    margin: 3em 0;
}
.coment-form h4 {
    color: #444;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 1.5em;
}
.coment-form input[type="text"],.coment-form input[type="email"] {
    display: block;
    background: none;
    color: #999;
    border:1px solid #ddd;
    margin-bottom: 5px;
    outline: none;
    font-size: 15px;
    padding: 13px 15px;
    font-family: 'Lato-Regular';
    width:50%;
    border-radius:4px;
    -o-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.coment-form textarea {
    background: none;
    color: #999;
    border:1px solid #ddd;
    width:70%;
    display: block;
    height: 150px;
    outline: none;
    font-size:15px;
    resize: none;
    padding: 13px 15px;
    font-family: 'Lato-Regular';
    border-radius:4px;
    -o-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.coment-form input[type="submit"] {
    background:#45B39D;
    border: 1px solid #f4f4f4;
    padding:1em 0;
    width: 16%;
    margin-top: .5em;
    font-size: 15px;
    color: #fff;
    letter-spacing: 0.5px;
    outline: none;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all;
    -ms-transition:.5s all;
    text-transform:uppercase;
    font-family: 'Lato-Regular';
    border-radius:4px;
    -o-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.coment-form input[type="submit"]:hover{
    color: #fff;
    background:#EA57A3;
    outline: none;
    transition:.5s all;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all;
    -ms-transition:.5s all;
}
/*--//play-grids--*/
/*--footer--*/
.footer {
    background:#222;
    padding: 1em 2em 1em 5em;
}
.footer-grid {
    float: left;
    width: 17.6%;
    margin-right: 3%;
}
.footer-grid_last {
    margin-right: 0;
}
.footer-grid h3 {
    color: #F9F9F9;
    font-size: 1.4em;
    margin-bottom: 0.2em;
}
ul.list1 {
    padding: 0;
    list-style: none;
}
ul.list1 a {
    color: #747477;
    font-size: 0.95em;
    line-height: 1.8em
}
ul.list1 a:hover{
    color: #fff;
    text-decoration:none;
}
.search_footer {
    position: relative;
    font-family: 'Roboto', sans-serif;
    margin-bottom:2em;
}
.search_footer input[type="text"] {
    padding:7px 10px;
    outline: none;
    border: none;
    width: 70.33%;
    line-height: 1.5em;
    font-size: 0.8125em;
    background:#F5F5F5;
    border-radius: 4px 0px 0px 4px;
    -o-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 0px 4px 4px 0px;
}
.search_footer input[type="submit"] {
    background:#000;
    padding:7px 8px;
    cursor: pointer;
    position: absolute;
    color:#fff;
    border:none;
    outline: none;
    line-height: 1.5em;
    text-transform: uppercase;
    font-size: 0.8em;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-radius: 0px 4px 4px 0px;
    -o-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
}
.search_footer input[type="submit"]:hover{
    background:#EA57A3;
}
p.footer_desc{
    color: #747477;
    font-size: 0.95em;
    line-height: 1.8em;
    margin: 0px 0 16px;
}
p.f_text{
    color:#fff;
    font-size:0.85em;
    margin-bottom:0.5em;
}
p.email{
    color: #EA57A3;
    font-size:0.85em;
}
p.email span a{
    color:#EA57A3;
}
p.email span:hover{
    text-decoration:underline; 
}
/*-- wthree --*/
/*-- agileits --*/
/******** SAP-ENDS ************/
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
    display: none;
}
.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}
.nbs-flexisel-item a img {
    width: 100%;
}
.nbs-flexisel-item a {
    display:block;
}
.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}
.nbs-flexisel-inner {
    overflow: hidden;
    /*padding: 2em 0;*/
}
.nbs-flexisel-item {
    float: left;
    /*margin: 0;*/
    padding: 0;
    cursor: pointer;
    position: relative;
    width:200px! important;
    margin: 0 10px 10px 5px;
    box-shadow: 0px 0px 12px -1px rgba(215,215,215,0.44);
    -webkit-box-shadow: 0px 0px 12px -1px rgba(215,215,215,0.44);
    -moz-box-shadow: 0px 0px 12px -1px rgba(215,215,215,0.44);
    -o-box-shadow: 0px 0px 12px -1px rgba(215,215,215,0.44);
    -ms-box-shadow: 0px 0px 12px -1px rgba(215,215,215,0.44);
    border:1px solid #ddd;
}
.nbs-flexisel-item > img {
    cursor: pointer;
    position: relative;
    width: 100%;
    margin: 0 0%;
}
/*** Navigation ***/
.nbs-flexisel-nav-left {
    display:none;
}
.nbs-flexisel-nav-right {
    display:none;
}	
.review-slider {
    margin-top: 0;
    /*margin-top: 2em;*/
}
.slide-title h4 {
    padding: 10px 8px;
    color: #444;
    display: block;
    background-color: #fff;
    font-size: 1.1em;
    font-weight:600;
    text-align:center;
    margin:0;
}
.buy-tickets {
    display:none;
}
.date-city {
    background-color: #FCFCFC;
    padding: 12px 16px;
    text-align:center;
    position:relative;
}
.date-city h5 {
    color:#EA57A3;
    font-size:1em;
    font-weight: 400;
    margin-bottom:1.5em;
}
.buy-tickets {
    background-color:#fff;
    padding:8px;
    position:absolute;
    top:0;
    left:0;
}
.buy-tickets a {
    text-align: center;
    color: #fff;
    padding: 9px;
    background: #45B39D;
    display: block;
    font-size: 0.95em;
    font-weight:400;
    text-decoration: none;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
}
.buy-tickets a:hover {
    color: #fff;
    background-color:#EA57A3;
}
.nbs-flexisel-item:hover div.buy-tickets {
    display:block;
    width: 100%;
}
.nbs-flexisel-item  img{
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.content-grid {
    width: 21.2%;
}
/*---browse-grid-----*/
.browse-grid {
    width: 16.66%;
    float: left;
    text-align: center;
    /*box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);*/
    margin-right: 0%;
    margin-bottom: 2%;
    position: relative;
    padding-left: 0;
}
.browse-grid img {
    width: 100%;
    border-radius:0.3em;
    -o-border-radius:0.3em;
    -webkit-border-radius:0.3em;
    -moz-border-radius:0.3em;
}
.browse-grid:nth-child(6),.browse-grid:nth-child(12) {
    margin-left: 0%;
}
.browse {
    padding: 1em 0 0 0;
}
i.glyphicon.glyphicon-play-circle {
    position: absolute;
    top: 45%;
    left: 40%;
    color: #fff;
    font-size: 3em;
}
a.sing {
    color: #444;
    font-size: 1.4em;
    font-weight:400;
    display: block;
    padding-top: 20px;
    font-family: 'MavenPro-Regular';
}
a.sing:hover{
    color:#EA57A3;
    text-decoration:none;
}
.tittle-head.two {
    margin-bottom: 1em;
}
h4.tittle.third {
    float: right;
    margin-right:1%;
}
.browse-grid img:hover {
    opacity: 0.8;
}

/*---browse-grid-----*/
.artist-grid {
    width: 16.66%;
    float: left;
    text-align: center;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    margin-right: 0%;
    margin-bottom: 2%;
    position: relative;
    padding-left: 0;
}
.artist-grid img {
    width: 100%;
    border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}
.artist-grid:nth-child(6),.artist-grid:nth-child(12) {
    margin-left: 0%;
}
.browse {
    padding: 0;
}
i.glyphicon.glyphicon-play-circle {
    position: absolute;
    top:45%;
    left: 40%;
    color: #fff;
    font-size: 3em;
}
a.art {
    color: #fff;
    font-size: 1.1em;
    font-weight: 400;
    display: block;
    padding: 14px 0;
    font-family: 'MavenPro-Regular';
    background: #444;
    border: 1px solid #CECDCD;
    border-radius:0px 0px 4px 4px;
    -o-border-radius:0px 0px 4px 4px;
    -moz-border-radius:0px 0px 4px 4px;
    -webkit-border-radius:0px 0px 4px 4px;
}
a.art:hover{
    color:#EA57A3;
    text-decoration:none;
}
.tittle-head.two {
    margin-bottom: 1em;
}
h4.tittle.third {
    float: right;
    margin-right: 1%;
    margin-left: 0;
}
.artist-grid img:hover {
    opacity: 0.8;
}
/*---typography-----*/
.input-group {
    margin-bottom: 20px;
}
h3.typo{
    padding-bottom: .5em;
    font-size: 2em;
    color: #000!important;
}
h2.second-tittle {
    margin-top: 2em;
    font-size: 3em;
    color: #fff;
    text-align: center;
}
.bs-example h2 {
    margin-bottom: 0;
    text-align: left;
}
.bs-example h2 {
    margin-bottom: 0;
    text-align: left;
}
.table h2 {
    font-size: 2.2em;
}
.grid_5 h2 {
    font-size: 2em;
    text-align: left;
    margin-bottom: 0;
}
.grid_5 h1, h2, h3, h4, h5, h6 {
    padding: 0;
}
.grid_5 {
    margin: 31px 0;
}
.grid_3 h3 {
    padding-bottom: .5em;
    font-size:2em;
    color: #000;
}
.grid_4 h3 {
    color: #000;
}
.page-header h1 {
    color: #000;
}
.first{
    margin-top:2em;
}
a#profile-tab {
    color: #777;
}
ul#myTab li a {
    color: #000;
}
div#profile p {
    line-height: 1.7em;
    margin: 1em 0;
    color:#777;
}
li.list-group-item1 {
    color: #777;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #777;
}
/*-- sign --*/
.modal-info {
    width: 100%;
}
.modal-dialog {
    width: 600px;
    margin:120px auto;
}
.modal-header {
    min-height: 16.43px;
    padding: 12px 32px;
    border-bottom:none!important;
}
.modal-content {
    background-color: rgb(255, 255, 255);
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.sign-right{
    float: left;
    width: 50%;
    margin-left:5%;
}
.sign-right h3{
    color: #EA57A3;
    font-weight: normal;
    font-size: 20px;
    padding: 0;

}
.modal-body.modal-spa {
    padding: 1em 2em;
}
.sign-left {
    float: left;
    width: 45%;
    margin-top:6.8%;
}
.sign-right input[type="text"] ,.sign-right input[type="password"] {
    width: 100%;
    padding: 15px 13px;
    font-weight: normal;
    background: none;
    border: 1px solid #E6E4E4;
    color: #D2D1D1;
    outline: none;
    font-size: 14px;
    margin-top: 11px;
    font-family: 'Lato-Regular';
    box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.07);
    -o-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.07);
    -moz-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.07);
    -webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.07);
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.sign-right h4{
    color:#48cfc1;
    font-size:12px;
    margin:20px 0;
}
.sign-right h4 a{
    color:#48cfc1;
    text-decoration:none;
}
.sign-right h4 a:hover{
    color:#A9A8A8;
}
.sign-right input[type="submit"] {
    background: #111;
    color: #fff;
    font-size: 16px;
    border: none;
    width: 100%;
    outline: none;
    -webkit-appearance: none;
    padding: 15px 15px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    font-family: 'Lato-Regular';
    margin-top: 20px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.sign-right input[type="submit"]:hover {
    background:#EA57A3;
}
.sign-grids p {
    font-size: 13px;
    margin: 25px 0;
    color: #444;
    text-align: center;
}
.sign-grids p span{
    color:#EA57A3;
}
.sign-left ul li{
    list-style-type:none;
    display:block;
    margin: 10px 0;
    font-size: 16px;
}
.sign-left ul li a{
    padding: 9px 0;
    display: block;
    text-align: center;
    color: #fff;
    text-decoration:none;
    font-family: 'Lato-Regular';
    line-height: 32px;
}
.sign-left ul li a:hover{
    opacity:.7;
}
.sign-left ul li a.fb{
    background:#3b5998;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.sign-left ul li a.goog{
    background:#dc4e41;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.sign-left ul li a.linkin{
    background:#00a0dc;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.sign-left ul li a.fb i{
    background: url(../images/social.png) no-repeat -45px -1px;
    width: 24px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
}
.sign-left ul li a.goog i{
    background: url(../images/social.png) no-repeat -84px 0px;
    width: 40px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
}
.sign-left ul li a.linkin i{
    background: url(../images/social.png) no-repeat -3px 0px;
    width: 32px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
}
.sign-left ul {
    padding: 0;
}
/*--//sign--*/
/*--app--*/
.modal-dialog.facebook {
    width: 750px;
    margin:120px auto;
}
.app-grids {
    padding:1em 1em;
}
.app-image img {
    width:100%;
}
.app-left h3 {
    font-size: 27px;
    line-height: 1.9em;
    margin: 20px 0 0px 0;
    color: #EA57A3;
    font-weight: 600;
}
.app-left p {
    margin: 10px 0 0px 0;
    color: #000;
    font-size:1.1em;
    font-weight: 300;
    line-height: 1.7em;
}
.app-devices {
    width:100%;
    margin: 30px 0 0 0;
}
.app-devices a {
    float: left;
    width: 46%;
    margin-right:4%;
}
.app-devices a img {
    width: 100%;
}
.app-devices h5 {
    margin-bottom: 12px;
    font-size: 18px;
    color: #EA57A3
}
.app-bottom-grids {
    padding: 60px 0;
}
.app-bottom-grid h3 {
    font-size: 24px;
    color: #f3c500;
    margin: 30px 0 0px 0;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 32px;
}
.app-bottom-grid p {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.app-bottom-grid {
    border: 1px solid #eee;
    padding: 30px 15px;
    width:23%;
    margin:0 1%;
    background-color: #FFF;
}
.app-bottom-grid i {
    font-size: 50px;
    color: #8F44AD;
}
/*-- wthree --*/
/*-- agileits --*/
/*-- /grids--*/
.form-control1 {
    border: 1px solid #e0e0e0;
    padding: 5px 8px;
    color: #616161;
    background: #fff;
    box-shadow: none!important;
    width: 100%;
    font-size: 0.85em;
    font-weight: 300;
    height: 40px;
    border-radius: 0;
    -webkit-appearance: none;
    outline: none;
}
.grid-section {
    padding: 3em 3em;
}
.tab-content {
    /*padding: 15px;*/
    padding: 0;
    padding-top: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px;
    border-top: none;
}
span.caret {
    padding: 0!important;
}
/*--/tab--*/
.nav-tabs {
    border: none;
}
ul#myTab {
    border: none;
    margin-bottom: 0;
    /*margin-bottom: 2em;*/
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #EA57A3;
    outline: 0;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    background: #f8f8f8;
    margin-right: 3px;
    border: none;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #555;
    padding:10px 15px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;

}
.nav-tabs > li > a .fa {
    margin-right: 10px;
}
.nav-tabs > li.active > a{
    border: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #EA57A3;
    border: none;
    border-radius: 0;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #EA57A3;
    border: none;
    border-radius: 0;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
}
.nav-tabs > li > a i {
    font-size: 32px;
    margin-right: 20px;
    vertical-align: middle;
}
.tab-content p {
    line-height: 2.2em;
    font-size: 14px;
    color: #777;
}
/*--//tab--*/
/*--blog--*/
.widget ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget-side ul li:first-child {
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -o-border-top-left-radius:4px;
    -o-border-top-right-radius:4px;
    -moz-border-top-left-radius:4px;
    -moz-border-top-left-radius:4px;
}
.widget-side ul li:last-child {
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -o-border-bottom-left-radius:4px;
    -o-border-bottom-right-radius:4px;
    -moz-border-bottom-left-radius:4px;
    -moz-border-bottom-right-radius:4px;
}
.widget-side ul li {
    display: block;
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #DBDCDC;
    margin-bottom: -1px;
}
.widget-side ul li a {
    display: block;
    color: #444;
    font-size:1.1em;
    line-height:1.5em;
}
.widget-side ul li .post-date {
    color: #888;
    font-size: 13px;
    line-height: 32px;
}
h6.blg {
    color: #444;
    float: left;
    padding: 0;
    font-size: 1em;
}
.icons {
    float: right;
}
.icons a {
    color: #444;
    text-align: right;
    float: left;
    font-size: 0.9em;
    margin: 0.2em 0.1em;
}
.post-media img {
    border-radius:4px 4px 0 0;
    -o-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
}
.blog-text {
    background: #f4f4f4;
    padding: 2em 1.5em;
    border: 1px solid #ddd;
    border-top: none;
    border-radius:0px 0px 4px 4px;
    -o-border-radius:0px 0px 4px 4px;
    -webkit-border-radius:0px 0px 4px 4px;
    -moz-border-radius:0px 0px 4px 4px;
}
.widget-side ul {
    padding: 0;
}
h6.blg i,.icons i {
    font-size: 1.3em;
    margin: 0 0.3em;
    color: #999;
}
.entry-meta p {
    font-size: 0.95em;
    line-height: 1.9em;
    color: #444;
    margin: 10px 0;
}
h6.blg i.fa.fa-clock-o {
    margin: 0 0.3em 0 0em;
}
.blog-text a:hover,h3.h-t:hover,.widget-side ul li a:hover{
    color:#EA57A3;
    text-decoration:none;
}
h3.h-t {
    color: #111;
    font-size:1.8em;
}
.post-media.second {
    margin: 2em 0;
}
h4.widget-title {
    font-size: 1.8em;
    font-weight: 700;
    color: #444;
    padding: 0 0 10px 0;
}
.song-img{
    float:left;
    width:20%;
}
.song-text{
    float:right;
    width:75%;
}
.song-img img {
    width: 100%;
    border-radius:4px;
    -webkit-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -moz-border-radius:4px;

}
.widget-side.second {
    margin-top: 2em;
}
.blog-pagenat {
    text-align:left;
    margin-top:2em;
}
.blog-pagenat ul {
    padding: 0;
}
.blog-text img{
    width:100%;
}
.blog-pagenat ul li a {
    display: block;
    background: #fff;
    padding: 8px 1.1em;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #222;
    font-weight: 400;
    display: inline-block;
    margin-top: 1em; 
    text-decoration: none;
    border: 1px solid #D6D4D4;
    border-radius: 4px;
    -o-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.blog-pagenat ul li {
    display: inline-block;
    list-style: none;
}
.blog-pagenat ul li a:hover {
    background:#EA57A3;
    color:#fff;
    border: 1px solid #EA57A3;
}
/*--contact--*/
.contact-left{
    float:left;
    width:50%;
}
.contact-left iframe{
    width:100%;
    height:344px;
    border:none;
}
.contact-right{
    float:right;
    width:50%;
    padding:3em 2em;
}
.contact-right p.phn{
    color: #EA57A3;
    font-size: 2em;
    font-weight: 400;
    margin: 0 0 .5em;
}
p.phn-bottom{
    color:#444;
    font-size: 1.2em;
    margin: 0 0 1em;
}
p.phn-bottom span{
    display:block;
    font-weight:600;
    padding-top: 8px;
}
p.lom{
    color: #444;
    font-size: 0.95em;
    line-height: 1.9em;
    width: 65%;
    margin: 0;
    font-style: normal;
}
.contact-left1{
    float: left;
    width: 50%;
    padding: 3em 2em 3em 0;
}
.contact-left1 h3{
    color: #444444;
    font-weight: 600;
    font-size: 1.8em;
    margin: 0 0 1em 0em;
}
.contact-left1 h3 span{
    display: block;
    color: #999;
    font-size: 0.6em;
    padding-top: 17px;
    font-weight: 400;

}
.in-left{
    float:left;
    width:45%;
}
.in-left input[type="text"],.in-right textarea{
    outline:none;
    background:none;
    color:#777;
    font-size:14px;
    padding:13px 10px;
    width:100%;
    margin: 7px 0;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #E6E4E4;
    box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.07);
    -o-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.07);
    -moz-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.07);
    -webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.07);
}
p.your-para {
    color: #444;
    font-size: 1em;
    margin: 0 0 5px 0;
    font-weight: 400;
}
.in-right{
    float:right;
    width:50%;
}
.in-right textarea{
    resize: none;
    min-height: 257px;
    margin: 0;
    margin-bottom: 2em;
}
.in-right input[type="submit"]{
    outline: none;
    border: none;
    background: #111;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    padding: 11px 0px;
    width: 36%;
    display: block;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-transform: uppercase;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.in-right input[type="submit"]:hover{
    background:#EA57A3;
    color:#fff;
}
::-webkit-input-placeholder{
    color:#000 !important;
}
.contact-right1{
    float: right;
    width: 50%;
    background: #444;
    padding: 4em 2em;
}
.contact-right1 h3{
    color: #C34C21;
    font-weight: 700;
    font-size: 2em;
    padding: 5px 0;
}
.contact-right1 h3 span{
    display: block;
    color: #FFF;
    font-weight: 600;
}
.contact-right1 h4{
    text-transform: capitalize;
    font-size: 1.4em;
    margin: 0em 0;
    color: #EA57A3;
    line-height: 1.6em;
    font-weight: 400;
}
.contact-right1 h4 span{
    display:block;
}
.contact-right1 p{
    color: #fff;
    width: 85%;
    font-size: 0.95em;
    line-height: 1.9em;
    margin: 0;
    font-style: normal;
}
.contact-right1 ul{
    padding:2.19em 0 0;
    margin:0;
}
ul.side-icons li {
    list-style-type: none;
    display: inline-block;
    margin-right:5px;
}
ul.side-icons li a{
    width:24px;
    height:24px;
    display:block;
    border:none;
    padding:0
}
ul.side-icons li a:hover{
    opacity:0.4;
}
ul.side-icons li a.fb{
    background:url('../images/icons.png') no-repeat 0px 0px;
}
ul.side-icons li a.twitt{
    background:url('../images/icons.png') no-repeat -26px 0px;
}
ul.side-icons li a.goog{
    background:url('../images/icons.png') no-repeat -52px 0px;
}
ul.side-icons li a.drib{
    background:url('../images/icons.png') no-repeat -78px 0px;
}
/*-- w3l-agile --*/
/*-- agileits --*/
/*-- //error--*/
.error-top{
    margin:0 auto;
    text-align:center;
    padding:2em 0;
}

.error-top h3 {
    font-size: 4em;
    font-weight: 400;
    color: #444444;
}
a.not {
    font-size: 0.3em;
    text-transform: uppercase;
    padding: 0.8em 1em;
    background: #EA57A3;
    color: #fff;
    display: inline-block;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    font-weight: 600;
    width: 14%;
    text-decoration: none;
}
.inner-info a {
    color: #fff;
}
.inner-info a:hover {
    text-decoration:none;
}
/*-- w3l-agile --*/
/*-- agileits --*/
/*---responsive-----*/
@media (max-width:1600px){
    .content-grid {
        width: 25%;
    }
    .price-section {
        padding: 2em 2em;
    }
    .apps {
        padding: 2.3em 2em;
    }
    div.jp-type-playlist div.jp-playlist a {
        padding:22px 20px 22px 20px!important;
    }
    .content-grid:hover .inner-info {
        padding: 2px;
        width:227px; 
    }
    h4.tittle {
        margin-left: 68%;
    }
    h4.tittle.two {
        margin-right: 0;
    }
}
@media (max-width:1440px){
    .content-grid {
        width: 24.1%;
        margin-right: 1%;
    }
    .content-grid.last-grid {
        margin-right:0%;
    }
    .banner-button img {
        width: 100%;
    }
    .banner-button {
        float: left;
        width: 44.8%;
    }
    .content-grid:hover .inner-info {
        padding:2px 2px;
        width: 190px;
    }
    .inner-info h5 {
        font-size: 0.9em;
        margin: 0;
    }
    a.trend {
        top: -184%;
        padding: 8px 13px;
    }
    div.jp-type-playlist div.jp-playlist a {
        padding: 13px 20px 16px 20px!important;
    }
    .apps {
        padding: 2em 2em;
        margin: 1em 0;
    }
    h3.hd-tittle {
        font-size: 1.6em;
        margin-bottom: 0.5em;
    }
    .price-section {
        padding: 2em 1em;
    }
    .price-top h4 {
        font-size: 1.2em;
        padding: 0;
    }
    .price-top h3 {
        font-size: 2.5em;
    }
    .price-section {
        padding: 1em 1em;
    }
    .apps {
        padding: 1.2em 1em;
    }
    a.sing {
        font-size: 1.2em;
    }
    img#jp_poster_0 {
        width:100% !important;
        height:272px;
    }
    .nbs-flexisel-inner {
        overflow: hidden;
        /*padding: 1em 0 1em 0em;*/
    }
    h4.tittle {
        margin-left: 64%;
    }
    h4.tittle.two {
        margin-right: 0;
    }
}
/*-- w3l-agile --*/
/*-- agileits --*/
@media (max-width:1366px){
    .content-grid {
        width: 23.5%;
        margin-right: 1.5%;
    }
    .content-grid.last-grid {
        margin-right:0%;
    }

    .scroll-grid {
        width: 24.8%;

    }
    .scroll-grid img{
        width: 98%;
        background-color: #ef0b0b;
        border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border: 2px solid #c3acac;
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }

    .contact-right1 {
        float: right;
        width: 50%;
        padding: 2.1em 2em;
    }
    img#jp_poster_0 {
        width:100% !important;
        height:272px;
    }
    .price-top {
        background: none;
        padding: 0.5em 0
    }
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 176px;
    }
    a.price {
        font-size: .8em;
        padding: .6em 1em;
        width: 56%;
        margin: 0.5em auto 0.4em;
    }
    a.text {
        float: right;
        width: 77%;
        font-size: 0.9em;
        line-height: 1.8em;
    }
    h4.tittle {
        margin-left: 63%;
    }
    h4.tittle.two {
        margin-right: 0;
    }
    a.not {
        font-size: 0.3em;
        padding: 0.8em 1em;
        width: 17%;
        text-decoration: none;
    }
    a.top-sign {
        display: inline-block;
        float: right;
        margin-left:2em;
    }
}
@media (max-width:1280px){
    i.glyphicon.glyphicon-play-circle {
        position: absolute;
        top: 45%;
        left: 40%;
        color: #fff;
        font-size: 2.5em;
    }
    .content-grid {
        width: 24%;
        margin-right: 1%;
    }
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 162px;
    }

    .scroll-grid {
        width: 24.8%;
    }
    .scroll-grid img{
        width: 98%;
        background-color: #ef0b0b;
        border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border: 2px solid #c3acac;
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }

    img#jp_poster_0 {
        width: 100% !important;
    }
    .banner-info h3 {
        font-size: 2em;
    }
    .button {
        margin: 10px 0 0 0;
        font-size: 0.9em;
    }
    h3.hd-tittle {
        font-size: 1.4em;
        margin-bottom: 0.5em;
    }
    p.footer_desc,ul.list1 a{
        font-size: 0.9em;
    }
    .footer-grid h3 {
        font-size: 1.4em;
        margin-bottom: 0.3em;
    }
    .coment-form input[type="submit"] {
        padding: 1em 0;
        width: 25%;
        margin-top: .5em;
        font-size: 15px;
    }
    a.top-sign {
        display: inline-block;
        float: right;
        margin-left: 1em;
    }
}
@media (max-width:1024px){
    img#jp_poster_0 {
        width: 100% !important;
    }
    .login-pop {
        width:19%;
        margin-top: 0.9em;
        float: right;
    }
    .sb-search {
        position: absolute;
        right: 15px;
    }
    .callbacks_tabs {
        list-style: none;
        position: absolute;
        bottom: -20%;
        right: 40%;
        margin: 0;
        padding: 10px 0 10px 0;
        line-height: 20px;
    }
    .content-grid {
        width:25%;
        margin-right: 0%;
    }
    .content-grid.last-grid {
        margin-right:0%;
    }
    h4.tittle {
        margin-left: 48%;
    }
    h4.tittle.two {
        margin-right: 0;
    }
    .banner-button {
        float: left;
        width: 42.8%;
    }
    .button {
        margin: 10px 0 0 0;
        font-size: 0.85em;
    }
    h3.hd-tittle {
        font-size: 1.5em;
        margin-bottom: 0.5em;
    }
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 133px;
    }
    i.glyphicon.glyphicon-ok {
        color: #EA57A3;
        font-size: 0.9em;
        padding-left: 0px;
    }
    a.price {
        font-size: .8em;
        padding: .6em 1em;
        width: 67%;
        margin: 0.3em auto 0.3em;
    }
    div.jp-type-playlist div.jp-playlist a {
        padding: 6px 20px 11px 20px!important;
        font-size: 1.3em!important;
    }
    .price-top h3 {
        font-size: 2.3em;
        padding: 0;
    }
    .price-top h4 {
        font-size: 1em;
        padding: 0;
    }
    .artist-grid {
        width: 24.66%;
        float: left;
        text-align: center;
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
        margin-right: 0%;
        margin-bottom: 2%;
    }
    h4.tittle.third {
        float: right;
        margin-right: 3%;
        margin-left: 0;
    }
    .browse-grid {
        width: 24.66%;
        float: left;
        margin-right: 0%;
        margin-bottom: 2%;
    }
    .footer {
        padding: 1em 2em 1em 5em;
    }
    h4.tittle.third {
        float: right;
        margin-right: 3%;
        margin-left: 0;
    }
    .in-right input[type="submit"] {
        font-size: 15px;
        padding: 9px 0px;
        width: 48%;
    }
    p.lom {
        font-size: 0.95em;
        width: 100%;
    }
    .error-top h3 {
        font-size: 3.5em;
    }

    a.not {
        font-size: 0.3em;
        padding: 0.8em 1em;
        width: 23%;
        text-decoration: none;
    }
}
/*-- w3l-agile --*/
/*-- agileits --*/
@media (max-width:991px){
    .music-left {
        float: left;
        width: 100%;
    }
    .content-grid {
        width:22%;
        margin-right: 1%;
    }
    .content-grid.last-grid {
        margin-right: 1%;
    }

    .scroll-grid {
        width: 24.8%;
    }
    .scroll-grid img{
        width: 98%;
        background-color: #ef0b0b;
        border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border: 2px solid #c3acac;
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
    .music-right {
        float: left;
        width: 65%;
        /*margin-left: 2%;*/
    }
    img#jp_poster_0 {
        width: 100% !important;
    }
    h4.tittle {
        margin-left: 48%;
    }
    .profile_details {
        padding: 0 1em;
    }
    .serch-part {
        float:right;
        width: 50%;
    }
    .player {
        float: left;
        width: 50%;
    }
    #loginBox {
        top: 32px;
        right: 5px;
        position: absolute;
    }
    .next-top li a.ar2 {
        left: 22%;
        position: absolute;
        top: -22px;
    }
    .next-top li a.ar {
        left: 6%;
        position: absolute;
        top: -22px;
    }
    .toggle-btn {
        font-size: 22px;
        padding: 9px 0 0;
        width: 40px;
        height: 42px;
        margin: 0.8em 0 0.8em 1.5em;
    }
    .response {
        float: right;
        width: 100%;
    }
    .single_left {
        float: left;
        width: 81%;
        margin-right: 0;
        margin-bottom: 4%;
    }
    .footer {
        padding: 1em 2em 1em 5em;
    }
    .sb-search {
        position: absolute;
        right: 15px;
    }
    .artist_nav {
        float: left;
        margin-left: 0;
    }
    a.art {
        font-size: 0.9em;
        padding: 12px 0;
    }
    a.sing {
        font-size: 1em;
        padding-top: 9px;
    }
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 140px;
    }
    h4.tittle.two {
        margin-right: 0;
    }
    .contact-right {
        float: right;
        width: 100%;
        padding: 1em 0em;
    }
    .contact-left {
        float: left;
        width: 100%;
    }
    .contact-left1 {
        float: left;
        width: 100%;
        padding: 0em 0em 2em 0;
    }
    .contact-right1 {
        float: right;
        width: 100%;
        padding: 2em 2em;
    }
    .login-pop {
        width: 35%;
        margin-top: 0.9em;
        float: right;
    }
    img#jp_poster_0 {
        width: 100% !important;
    }
    a.trend {
        top: -75%;
        padding: 8px 13px;
    }
}
/*-- w3l-agile --*/
/*-- agileits --*/
@media (max-width:991px){
    .music-right {
        float: left;
        width: 80%;
        /*margin-left: 2%;*/
        margin-top: 3%;
    }
    .modal-dialog.facebook {
        width: 650px;
        margin: 70px auto;
    }
    .footer-grid {
        float: left;
        width: 100%;
        margin-right: 3%;
    }
    .next-top li a.ar2 {
        left: 24%;
        position: absolute;
        top: -22px;
    }
    .next-top li a.ar {
        left: 6%;
        position: absolute;
        top: -22px;
    }
    .toggle-btn {
        font-size: 22px;
        padding: 12px 0 0;
        margin: 0 0 0 0.5em;
    }
    a.not {
        font-size:0.3em;
        padding: 0.8em 1em;
        width: 31%;
        text-decoration: none;
    }
    .coment-form input[type="submit"] {
        padding: 1em 0;
        width: 38%;
        margin-top: .5em;
        font-size: 15px;
    }
    .coment-form input[type="text"], .coment-form input[type="email"] {
        margin-bottom: 5px;
        font-size: 15px;
        padding: 13px 15px;
        width: 100%;
    }
    .coment-form textarea {
        width: 100%;
        display: block;
        height: 150px;
    }
    .sb-search {
        position: absolute;
        right: 15px;
    }
    a.sing {
        font-size: 1em;
        padding-top: 9px;
    }
    .footer {
        padding: 1em 2em 1em 5em;
    }
    .content-grid {
        width: 25%;
        margin-right: 0%;
    }
    .content-grid.last-grid {
        margin-right:0%;
    }
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 144px;
    }
}
@media (max-width:800px){
    .music-right {
        float: left;
        width: 80%;
        /*margin-left: 2%;*/
        margin-top: 3%;
    }
    .modal-dialog.facebook {
        width: 650px;
        margin: 70px auto;
    }
    .footer-grid {
        float: left;
        width: 100%;
        margin-right: 3%;
    }
    .next-top li a.ar2 {
        left: 24%;
        position: absolute;
        top: -22px;
    }
    .next-top li a.ar {
        left: 6%;
        position: absolute;
        top: -22px;
    }
    .toggle-btn {
        font-size: 22px;
        padding: 12px 0 0;
        margin: 0 0 0 0.3em;
    }
    a.not {
        font-size:0.3em;
        padding: 0.8em 1em;
        width: 31%;
        text-decoration: none;
    }
    .coment-form input[type="submit"] {
        padding: 1em 0;
        width: 38%;
        margin-top: .5em;
        font-size: 15px;
    }
    .coment-form input[type="text"], .coment-form input[type="email"] {
        margin-bottom: 5px;
        font-size: 15px;
        padding: 13px 15px;
        width: 100%;
    }
    .coment-form textarea {
        width: 100%;
        display: block;
        height: 150px;
    }
    .sb-search {
        position: absolute;
        right: 15px;
    }
    a.sing {
        font-size: 1em;
        padding-top: 9px;
    }
    .footer {
        padding: 1em 2em 1em 5em;
    }
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 144px;
    }
    a.top-sign {
        display: inline-block;
        float: right;
        margin-left: 0.3em;
    }
    #loginForm:after {
        content: '';
        position: absolute;
        right: 41px;
        top: -13px;
    }
}
@media (max-width:768px){
    .music-left {
        float: left;
        width: 100%;
    }
    .content-grid {
        width: 25%;
        margin-right: 0%;
    }
    .content-grid.last-grid {
        margin-right:0%;
    }

    .scroll-grid {
        width: 24.8%;
    }
    .scroll-grid img{
        width: 98%;
        background-color: #ef0b0b;
        border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border: 2px solid #c3acac;
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }

    .music-right {
        float: left;
        width: 80%;
        /*margin-left: 2%;*/
        margin-top: 3%;
    }
    img#jp_poster_0 {
        width: 100% !important;
    }
    .footer {
        padding:1em 2em 1em 5em;
    }
    .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
        left: 57px;
    }
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 148px;
    }
    h4.tittle.two {
        margin-right: 0;
    }
    .in-right input[type="submit"] {
        font-size: 15px;
        padding: 12px 0px;
        width:40%;
    }
    .login-pop {
        width: 36%;
        margin-top: 0.9em;
        float: right;
    }
    .button {
        margin: 10px 0 0 0;
        font-size: 0.9em
    }
}
@media (max-width:736px){
    .mejs-controls .mejs-time-rail .mejs-time-total, div#mep_0 {
        width: 136px !important;
        left: 109px!important;
    }
    .login-pop {
        width: 36%;
        margin-top: 0.9em;
        float: right;
    }
}
@media (max-width:667px){
    .in-left {
        float: left;
        width: 100%;
    }
    .in-right {
        float: right;
        width: 100%;
    }
    .in-right textarea {
        resize: none;
        min-height: 165px;
        margin: 0;
        margin-bottom: 2em;
    }
    .conntact-right1 h4 {
        font-size: 1.2em;
        padding: 0;
    }
    .contact-right1 {
        float: right;
        width: 100%;
        padding: 1em 1em;
    }
    .sign-left {
        float: left;
        width: 100%;
        margin-top: 0;
        margin-bottom: 3%;
    }
    .sign-right {
        float: left;
        width: 100%;
        margin-left: 0%;
    }
    .sign-grids p {
        font-size: 13px;
        margin: 25px 0;
        line-height: 1.8em;
    }
    .modal-dialog.facebook {
        width: 430px;
        margin: 130px auto;
    }
    .next-top li a.ar {
        left: 0%;
        position: absolute;
        top: -22px;
    }
    .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
        left: 37px;
    }
    a.trend {
        top: -116%;
        padding: 8px 13px;
    }
    #loginpop a span {
        padding: 6px 8px;
        font-size:0.8em;
    }
    .login-pop {
        width: 37%;
        margin-top: 0.9em;
        float: right;
    }
    .content-grid {
        width: 32.33%;
        margin-right: 1%;
    }

    .scroll-grid {
        width: 33%;
    }
    .scroll-grid img{
        width: 98%;
        background-color: #ef0b0b;
        border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border: 2px solid #c3acac;
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
    h3.tittle {
        float: left;
        font-size: 1.6em;
    }
    h4.tittle.two {
        margin-right: 0;
    }
    .music-right {
        float: left;
        width: 100%;
        /*margin-left: 2%;*/
        margin-top: 3%;
    }
    .footer {
        padding: 1em 2em 1em 5em;
    }
    .contact-right p.phn {
        font-size: 1.5em;
    }
    .contact-left1 h3 {
        font-size: 1.6em;
        margin: 0 0 1em 0em;
    }
    h3.h-t {
        font-size: 1.5em;
    }
    .artist-grid {
        width: 32.66%;
        float: left;
    }
    #primary_nav_wrap ul a {
        font-size: 15px;
        line-height: 32px;
        padding: 0 4px;
    }
    h4.tittle.third {
        float: right;
        margin-right: 3%;
        margin-left: 0;
        padding: 0;
        margin-bottom: 0;
        margin-top: 0.5em;
    }
    .single_left {
        float: left;
        width: 100%;
        margin-right: 0;
        margin-bottom: 4%;
    }
    .browse-grid {
        width: 32.66%;
        float: left;
        margin-right: 0%;
        margin-bottom: 2%;
    }
    .modal-dialog.facebook {
        width: 566px;
        margin: 130px auto;
    }
    .callbacks_tabs {
        list-style: none;
        position: absolute;
        /*bottom: -22%;*/
        right: 40%;
        margin: 0;
        padding: 10px 0 10px 0;
        line-height: 20px;
    }
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 163px;
    }

}

@media (max-width:640px){
    .next-top li a.ar {
        left: 0%;
        position: absolute;
        top: -22px;
    }
    .footer {
        padding: 1em 2em 1em 5em;
    }
    .modal-info {
        width: 95%;
    }
    .contact-right1 h4 {
        font-size: 1.2em;
        padding: 0;
    }
    .container {
        margin: 0!important;
        padding: 0!important;
    }
    h4.tittle {
        margin-left: 45%;
    }
    h4.tittle.two {
        margin-right: 0;
    }
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 154px;
    }
    .banner-info h3 {
        font-size: 1.5em;
        padding: 0;
    }
    .banner-info p {
        font-size: 1em;
        margin-top: 0;
        padding: 0;
        margin: 0;
    }
    a.not {
        font-size: 0.3em;
        padding: 0.8em 1em;
        width: 35%;
        text-decoration: none;
    }
}
@media (max-width:600px){
    .artist-grid {
        width: 50%;
        float: left;
    }
    h3.h-t {
        font-size: 1.4em;
        line-height: 1.7em;
    }
    .blog-text {
        padding: 1em 1em;
    }
    h6.blg {
        color: #444;
        float: none;
        font-size: 1em;
    }
    .content-grid {
        width: 49.5%;
        margin-right: 0%;
    }

    .scroll-grid {
        width: 49.5%;
    }
    .scroll-grid img{
        width: 98%;
        background-color: #ef0b0b;
        border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border: 2px solid #c3acac;
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
    h4.tittle {
        margin-left: 41%;
    }
    img#jp_poster_0 {
        width: 100% !important;
    }
    i.glyphicon.glyphicon-play-circle {
        position: absolute;
        top: 45%;
        left: 40%;
        color: #fff;
        font-size: 2.5em;
    }
    .footer {
        padding: 1em 2em 1em 5em;
    }
    .modal-info {
        width:87%;
    }
    .app-image {
        padding: 0;
        margin-top: 1em;
    }
}
@media (max-width: 568px){
    .artist-grid {
        width: 50%;
        float: left;
        padding: 0;
        margin-bottom: 4%;
    }
    .footer {
        padding: 1em 2em 1em 5em;
    }
    .icons {
        float: none;
    }
    .blog-pagenat ul li a {
        display: block;
        padding: 8px 15px;
        font-size: 0.9em;
    }
    .browse-grid {
        width: 50%;
        float: left;
        margin-right: 0%;
        margin-bottom: 2%;
        padding: 0 5px;
    }
    .modal-dialog.facebook {
        width: 379px;
        margin: 130px auto;
    }
    .player {
        width: 50%;
        margin-top: 46px;
    }
    .sb-search {
        position: absolute;
        right: 15px;
        top: 8px;
        min-width: 50px;
        height: 38px;
    }
    .serch-part {
        float: left;
        width: 83%;
    }
    .sb-search-input {
        height: 50px;
    }
    .sb-icon-search {
        background: #ef0b0b url('../images/search.png') no-repeat 14px 14px;
        z-index: 90;
        width: 60px;
        height: 50px;
    }
    .sb-icon-search {
        background: #ef0b0b url('../images/search.png') no-repeat 14px 14px;
        z-index: 90;
        width: 50px;
        height: 38px;
    }
    .sb-search-submit {
        background: url('../images/search.png') no-repeat -6px 14px;
    }
    .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
        background: url('../images/search.png') no-repeat 14px 14px;
        color: #fff;
        z-index: 11;
    }
    .sb-search.sb-search-open, .no-js .sb-search {
        width: 50%;
    }
    .in-right input[type="submit"] {
        font-size: 15px;
        padding: 12px 0px;
        width: 36%;
    }
    .callbacks_tabs {
        list-style: none;
        position: absolute;
        /*bottom: -29%;*/
        right: 40%;
        /*        margin: 0;
                padding: 10px 0 10px 0;
                line-height: 20px;*/
    }
    a.trend {
        top: -93%;
        padding: 8px 13px;
        font-size: 0.85em;
    }
    .login-pop {
        width: 34%;
        margin-top: 0.9em;
        float: right;
        padding:0;
        margin-left:0;
    }
    .pricing {
        float: left;
        width: 100%;
        text-align: center;
        margin-left: 0;
        margin-bottom: 2em;
    }
    .albums.second {
        padding: 1em 0 0 0;
    }
    h4.tittle {
        margin-left: 39%;
    }
    h4.tittle.two {
        margin-right: 0;
    }
    .nav-tabs > li {
        float: left;
        margin-bottom: 1px;
        /*        float: none;
                margin-bottom: -1px;*/
    }
    .modal-dialog {
        width: 573px;
        margin: 30px auto;
    }
    .modal-info {
        width: 77%;
    }
    .left-side-collapsed .custom-nav {
        margin: 15px 0 20px 0;
    }
    .app-left h3 {
        font-size: 20px;
        line-height: 1.9em;
        margin: 1px 0 0px 0;
    }
    .app-left p {
        font-size: 1em;
        line-height: 1.6em;
    }
    .app-devices {
        width: 100%;
        margin: 4px 0 0 0;
    }
    .modal-dialog.facebook {
        width: 423px;
        margin: 30px auto;
    }
    .modal-body {
        position: relative;
        padding: 0;
    }
    #loginpop a span {
        padding: 8px 7px;
        font-size: 0.7em;
    }
    a.top-sign {
        margin-left: 0.5em;
        margin-top: 0.2em;
        font-size: 1.2em;
    }
    #loginpop a span {
        padding: 7px 7px;
        font-size: 0.7em;
    }
}
@media (max-width:480px){
    #loginpop a span {
        padding: 7px 7px;
        font-size: 0.7em;
    }

    a.top-sign {
        margin-left: 0.2em;
        margin-top: 0.2em;
        font-size: 1.2em;
    }
    .modal-dialog.facebook {
        width: 423px;
    }
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 181px;
    }
    img#jp_poster_0 {
        width: 100% !important;
    }
    .in-left input[type="text"], .in-right textarea {
        font-size: 12px;
        padding: 10px 10px;
    }
    .player {
        float: left;
        width: 50%;
        margin-top: 46px;
        padding: 0;
    }
    .login-pop {
        width: 34%;
        margin-top: 0.9em;
        float: right;
    }
    div#page-wrapper {
        padding: 0.5em 1em 2em 1em;
    }
    footer p {
        font-size: 0.9em;
    }
    h4.tittle {
        margin-left: 28%;
    }
    h4.tittle.two {
        margin-right: 0;
    }
    .error-top h3 {
        font-size: 2em;
    }
    a.not {
        font-size: 0.5em;
        padding: 0.8em 1em;
        width: 59%;
        text-decoration: none;
    }
    .footer {
        padding: 1em 2em 1em 5em;
    }
    .left-side-collapsed .custom-nav {
        margin: 15px 0 20px 0;
    }
}
@media (max-width:414px){
    h4.tittle {
        margin-left: 14%;
    }
    footer p {
        font-size: 0.9em;
    }
    .banner-info h3 {
        font-size: 1.2em;
        padding: 0;
    }
    a.trend {
        top: -122%;
        padding: 6px 13px;
        font-size: 0.85em;
    }
    .banner-info {
        top: 54%;
        z-index: 999;
        left: 5%;
    }
    .content-grid {
        width: 50%;
        margin-right: 0%;
    }
    h4.tittle.two {
        margin-right: 0;
    }
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 150px;
    }
    img#jp_poster_0 {
        width: 100% !important;
    }
    .content-grid {
        width: 50%;
        margin-right: 0%;
        padding: 0 2px;
    }

    .scroll-grid {
        width: 49.5%;
    }
    .scroll-grid img{
        width: 98%;
        background-color: #ef0b0b;
        border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border: 2px solid #c3acac;
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
    .contact-left iframe {
        width: 100%;
        height: 244px;	
        border: none;
    }
    .error-top img {
        width: 74%;
    }
    .error-top h3 {
        font-size: 1.7em;
    }
    .error-top {
        margin: 0 auto;
        text-align: center;
        padding: 1em 0;
    }
    .modal-dialog.facebook {
        width: 357px;
    }
    .app-grids {
        padding: 0em 0.5em;
    }
    .artist-grid {
        width: 100%;
        float: left;
        padding: 0 0px;
        margin-bottom: 4%;
    }
    .coment-form h4 {
        font-size: 1.4em;
        margin-bottom: 0.5em;
    }
    .modal-body.modal-spa {
        padding: 1em 1em;
    }
}
@media (max-width:192px){

    .callbacks_tabs {
        visibility: hidden;
    }
}
@media (max-width:384px){
    footer p {
        font-size: 0.9em;
        padding-left: 2em;
    }
    .login-pop {
        width: 32%;
        margin-top: 0.9em;
        float: left;
        padding: 0;
        margin-left: 0;
    }
    mg#jp_poster_0 {
        width: 100% !important;
    }
    span.new {
        display: inline-block;
        padding: 6px 10px;
        font-size: 0.5em;
    }
    h4.tittle {
        margin-left: 20%;
        font-size: 1em;
    }
    .button {
        margin: 10px 0 0 0;
        font-size: 0.85em;
    }
    .callbacks_tabs {
        /*bottom: -50%;*/
        right: 35%;
        /*padding: 0;*/
        margin: 0;
        padding: 10px 0 10px 0;
        line-height: 20px;
    }
    .callbacks_tabs a:after {
        width: 11px;
        height: 11px;
    }
    .banner-info h3 {
        font-size: 1em;
    }
    .banner-info p {
        font-size: 0.9em;
        margin-top: 0;
    }
    .player {
        float: left;
        width: 45%;
        margin-top: 46px;
        padding: 0;
    }
    .next-top li a.ar2 {
        left: 33%;
        position: absolute;
        top: -22px;
    }
    h4.tittle {
        margin-left: 14%;
        font-size: 1em;
        margin-top: 2%;
    }
    h4.tittle.two {
        margin-right: 0;
    }
    h4.tittle.third {
        float: right;
        margin-right: 2%;
        margin-left: 0;
        padding: 0;
        margin-bottom: 0;
        margin-top: 4%;
    }
    h3.hd-tittle {
        font-size: 1.3em;
        margin-bottom: 0.5em;
    }
    a.price {
        font-size: .8em;
        padding: .6em 1em;
        width: 53%;
        margin: 0.3em auto 0.3em;
    }
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 140px;
    }
    img#jp_poster_0 {
        width: 100% !important;
    }
    a.price {
        font-size: .8em;
        padding: .6em 1em;
        width: 44%;
        margin: 0.3em auto 0.3em;
    }
    i.glyphicon.glyphicon-play-circle {
        position: absolute;
        top: 45%;
        left: 40%;
        font-size: 2em;
    }
    #primary_nav_wrap ul ul {
        top: 100%;
        left: -13px;
        z-index: 9999;
        width: 131px;
    }
    a.art {
        font-size: 0.82em;
        padding: 9px 0;
    }
    .contact-right p.phn {
        font-size: 1.3em;
    }
    p.phn-bottom {
        font-size: 1.1em;
        margin: 0 0 1em;
    }
    p.lom {
        font-size: 0.9em;
    }
    .contact-left1 h3 {
        font-size: 1.4em;
        margin: 0 0 1em 0em;
    }
    .in-right input[type="submit"] {
        font-size: 14px;
        padding: 9px 0px;
        width: 39%;
    }
    .in-left input[type="text"], .in-right textarea {
        font-size: 12px;
        padding: 10px 10px;

    }
    .in-right textarea {
        min-height: 127px;
    }
    .contact-right1 h3 {
        font-size: 1.4em;
        padding: 3px 0;
    }
    .contact-right1 h4 {
        font-size: 0.95em;
        padding: 0;
    }
    .contact-right1 p {
        width: 100%;
        font-size: 0.9em;
    }
    .nbs-flexisel-item {
        width: 156px!important;
        margin: 0px 6px! important;
    }
    .slide-title h4{
        font-size:1em;
    }
    h3.h-t {
        font-size: 1.2em;
        line-height: 1.7em;
        padding: 0;
    }
    .entry-meta p {
        font-size: 0.9em;
        margin: 6px 0;
    }
    h6.blg i, .icons i {
        font-size: 1.3em;
        margin: 0 0.1em;
    }
    .blog-pagenat ul li a {
        display: block;
        padding: 8px 12px;
        font-size: 0.8em;
    }
    .blog-pagenat {
        margin: 1em 0 1em 0;
    }
    .widget-side ul li a {
        font-size: 1em;
    }
    h4.widget-title {
        font-size: 1.4em;
    }
    .widget-side ul li .post-date {
        font-size: 12px;
        line-height: 22px;
    }
    a.sing {
        font-size: 0.88em;
        padding-top: 9px;
    }
    .modal-dialog.facebook {
        width: 332px;
    }
    div#page-wrapper {
        padding: 0.5em 0.5em 2em 0.5em;
    }
    .music-right {
        float: left;
        width: 100%;
        margin-left: 0;
        margin-top: 3%;
        margin-right: 5%;
    }
    .modal-info {
        width:55%;
    }
}
@media (max-width:375px){
    .content-grid:hover .inner-info {
        padding: 2px 2px;
        width: 143px;
    }
    .next-top li a.ar2 {
        left: 28%;
        position: absolute;
        top: -22px;
    }
    .blog-text {
        padding: 0.5em 0.5em;
    }
    h4.tittle {
        margin-left: 11%;
        font-size: 1em;
    }
    .footer {
        padding: 1em 2em 1em 5em;
    }
    .footer.two {
        padding: 1em 3em 5em 1em;
    }
    #loginForm {
        width: 240px;
        background: #fff;
        border: 1px solid #d6d6d6;
        height: 250px;
    }
    #loginForm #login {
        font-size: 0.8725em;
        padding: 7px 14px;
    }
    .jp-video .jp-type-playlist .jp-controls {
        width: 134px;
        margin-left: 110px!important;
    }
    .response-text-right p {
        font-size: 0.85em;
        margin: 0 0 1em;
        line-height: 2em;
        color: #444;
        padding: 0em 1em;
        padding: 0;
    }
    .media-left, .media>.pull-left {
        padding-right: 5px;
    }
    .left-side-collapsed .custom-nav {
        margin: 15px 0 20px 0;
    }
    i.glyphicon.glyphicon-play-circle {
        position: absolute;
        top: 35%;
        left: 40%;
        font-size: 2em;
    }
    .left-side-collapsed .custom-nav li a {
        text-align: center;
        padding:7px;
        position: relative;
    }
    .left-side-collapsed .custom-nav li a i {
        margin-right: 0;
        font-size: 1em;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 9px 6px;
        font-size: 0.9em;
    }
    .modal-info {
        width: 49%;
    }
    .toggle-btn {
        font-size: 22px;
        width: 37px;
        height: 38px;
        padding: 12px 0 0;
        margin: 0 0 0 0;
    }
    .header-section {
        padding-bottom: 0px;
    }
}
@media (max-width:320px){
    .toggle-btn {
        font-size: 22px;
        padding: 12px 0 0;
        margin: 0 0 0 0;
    }
    .modal-dialog.facebook {
        width: 332px;
    }
    a.trend {
        top: -89%;
        padding: 6px 7px;
        font-size: 0.75em;
    }
    .banner-info h3 {
        font-size: 1em;
        margin: 2px 0 2px 0;
    }
    h3.tittle {
        float: left;
        font-size: 1.3em;
    }
    h4.tittle {
        margin-left: 6%;
        font-size: 1em;
    }
    .button {
        margin: 10px 0 8px 0;
        font-size: 0.8em;
    }
    h4.tittle.two {
        margin-right: 0;
    }
    .content-grid:hover .inner-info {
        padding: 0px 2px;
        width: 116px;
        font-size: 0.8em;
    }
    img#jp_poster_0 {
        width: 100% !important;
    }
    .login-pop {
        width: 34%;
        margin-top: 0.6em;
        float: left;
        padding: 0;
        margin-left: -13px;
        background-color:none;
    }
    h3.hd-tittle {
        font-size: 1.15em;
        margin-bottom: 0.5em;
    }
    .banner-button {
        float: left;
        width: 41.8%;
    }
    .sb-search-input {
        height:38px;
    }
    .sb-icon-search {
        background: #111 url('../images/search.png') no-repeat 14px 10px;
        z-index: 90;
        width: 50px;
        height:38px;
    }
    .sb-icon-search {
        background: #ef0b0b url('../images/search.png') no-repeat 14px 10px;
        z-index: 90;
        width: 50px;
        height:38px;
    }
    .sb-search-submit {
        background: url('../images/search.png') no-repeat -6px 12px;
    }
    .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
        background: url('../images/search.png') no-repeat 14px 12px;
        color: #fff;
        z-index: 11;
    }
    .sb-search {
        position: absolute;
        right: 8px;
        top: 10px;
        min-width: 50px;
        height: 38px;
    }
    .blog-pagenat ul li a {
        display: block;
        padding: 8px 7px;
        font-size: 0.8em;
    }

    .next-top li a.ar2 {
        left: 36%;
        position: absolute;
        top: -22px;
    }
    h3.h-t {
        font-size: 1.1em;
        line-height: 1.7em;
        padding: 0;
    }
    a.sing {
        font-size: 0.8em;
        padding-top: 9px;
    }
    .coment-form input[type="submit"] {
        padding: 0.8em 0;
        width: 69%;
        margin-top: .5em;
        font-size: 14px;
    }
    .sb-search-input {
        padding: 0em 3em 0em 1em;
    }
    .left-side-collapsed .custom-nav li a {
        text-align: center;
        padding:6px;
        position: relative;
    }
    .footer {
        padding: 1em 2em 1em 5em;
    }
    .footer.two {
        padding: 1em 3em 5em 1em;
    }
    .modal-dialog.facebook {
        width:275px;
    }
    #loginForm:after {
        content: '';
        position: absolute;
        right: 32px;
        top: -13px;
    }
}

@media screen and (max-width: 320px) {
    .items {
        float: left;
        width: 155px;
        /*height: 155px;*/
        line-height: 150px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:5px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 321px) and (max-width: 375px) {
    .items {
        float: left;
        width: 160px;
        /*height: 160px;*/
        line-height: 150px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:5px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 376px) and (max-width: 384px) {
    .items {
        float: left;
        width: 180px;
        /*height: 180px;*/
        line-height: 172px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:8px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 385px) and (max-width: 480px) {
    .items {
        float: left;
        width: 180px;
        /*height: 180px;*/
        line-height: 172px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:8px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 481px) and (max-width: 414px) {
    .items {
        float: left;
        width: 180px;
        /*height: 180px;*/
        line-height: 172px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:8px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 415px) and (max-width: 568px) {
    .items {
        float: left;
        width: 200px;
        /*height: 200px;*/
        line-height: 192px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:8px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 569px) and (max-width: 600px) {
    .items {
        float: left;
        width: 190px;
        /*height: 190px;*/
        line-height: 182px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:8px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 601px) and (max-width: 640px) {
    .items {
        float: left;
        width: 210px;
        /*height: 210px;*/
        line-height: 202px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:8px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 641px) and (max-width: 667px) {
    .items {
        float: left;
        width: 210px;
        /*height: 210px;*/
        line-height: 202px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:8px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 668px) and (max-width: 736px) {
    .items {
        float: left;
        width: 210px;
        /*height: 210px;*/
        line-height: 202px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:8px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 737px) and (max-width: 768px) {
    .items {
        float: left;
        width: 240px;
        /*height: 240px;*/
        line-height: 234px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:12px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 769px) and (max-width: 800px) {
    .items {
        float: left;
        width: 240px;
        /*height: 240px;*/
        line-height: 234px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:12px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 801px) and (max-width: 991px) {
    .items {
        float: left;
        width: 240px;
        /*height: 240px;*/
        line-height: 234px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:12px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .items {
        float: left;
        width: 240px;
        /*height: 240px;*/
        line-height: 234px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:12px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .items {
        float: left;
        width: 320px;
        /*height: 320px;*/
        line-height: 302px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:18px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
    .items {
        float: left;
        width: 320px;
        /*height: 320px;*/
        line-height: 302px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:18px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
    .items {
        float: left;
        width: 320px;
        /*height: 320px;*/
        line-height: 302px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:18px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}

@media screen and (min-width: 1441px) {
    .items {
        float: left;
        width: 320px;
        /*height: 320px;*/
        line-height: 302px;
        text-align: center;
        border: 1px solid #1d1a1a;
        margin-right:18px;
        padding-right: 0;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
    }
    .items img{
        width: 100%;
        background-color: #ef0b0b;
        border-radius: 12px 12px 0 0;
        -o-border-radius: 12px 12px 0 0;
        -webkit-border-radius: 12px 12px 0 0;
        -moz-border-radius: 12px 12px 0 0;
        /*border: 1px solid #c3acac;*/
        box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.35);
    }
}
/***responsive***/