/*================================================*/
/*--------------	Responsive style ------------*/
/*==============================================*/

/* Large desktop */
@media (min-width: 1200px) {  
    
}
@media (max-width: 1279px) {
    .wrapper {        
        width: 100%;
    }
    .AddvertBlock.col-lg-4{
        float: left;
        width: 49%;
        margin: 0 1% 1% 0;
    }
    .AddvertBlock.col-lg-4 img{
        width: 100%;
    }
    .mainWrapperCateg {
        padding: 10px;
        background: #fff;
    }
    .audioimg.col-lg-2 {    
        margin: 0 15px 0 0;    
    }
    .col-lg-9.mainCategoryLeft {        
        width: 72%;
        float: left;
    }
    .col-lg-3.sidebarCategory {
        margin: 0px auto;
        float: left;        
    }
    .col-lg-8.supportTagUrltv {
        margin-bottom: 10px;
        text-align: center;
    }
    .col-lg-4.supportTagvodka {
        padding: 0px;
        text-align: center;
    }
    
    .mainWrapper {
        padding: 30px 10px 0px;
        background: #fff;
    }
    .row.mainPostsContainer{
        padding: 10px;
    }
    .footerPaddMain{
         padding: 0px 10px 30px;
     }
     .navigation{
         max-width: 100%;
     }
     .videosMainConatainer {
        margin: 0 0px 15px 0;
     }
     .categoryNavMenu div.navbarCategoryInner ul>li {
        margin: 0 1px 1px 0;
        width: 33% !important;
     }
     .categoryNavMenu div.navbarCategoryInner ul>li>a {
        width: 100% !important;
     }
     .categoryNavMenu ul#menu-category_menu.nav.navbar-nav{
         float: none !important;
         margin: 0;
     }
     .mainCategoryContainer .home-post-wrap{
         max-width: 100%;
     }
     .mainCategoryContainer div.ListPostsContainer{
         width: 50%;
     }
     .mainCategoryContainer .facebookShare,
     .mainCategoryContainer .twitterShare,
     .mainCategoryContainer .gplusShare,
     .mainCategoryContainer .starRateShare,
     .mainCategoryContainer .commentBuble{
         width: 20%;
     }
     .commentRightSignup{         
         display: none;
     }
}
@media (max-width: 1024px) {
    .wrapper {        
        width: 100%;
    }
    .col-lg-9.mainCategoryLeft {
        width: 70%;     
    }
    .footerSocial{
        float: right;  
    }
    
}

@media (min-width: 981px) and (max-width: 1200px) {
    .col-lg-3.col-md-3.logo{
        width: 150px;
    }
}
@media (max-width: 1260px) {
    .playerControllerRight{
        display: none;
    }
}
@media (max-width: 980px){
    .categoryNavMenu div.navbarCategoryInner ul>li>a{
        width: 100% !important;
    }
    .categoryNavMenu div.navbarCategoryInner ul>li {
        margin:0 1px 1px 0;
        width: 49% !important;
    }
    .home-post-wrap.col-lg-4{
        width: 48%;
    }
    .col-lg-8.supportTagUrltv {
        margin-bottom: 10px;
        text-align: center;
    }
    .col-lg-4.supportTagvodka {
        padding: 0px;
        text-align: center;
    }
    .navigation{
        margin-right: 10px;
    }    
    .footerSocial{
        float: right;        
        padding: 0;
        margin: -2px 0 0 0;
    }
    ul.navbar-nav {
        float: none;
        margin: 0;
    }
    .HeadRight{
        float: right;
    }
    .videosMainConatainer{
        margin: 0 0px 15px 0;
    }
    .audioimg.col-lg-2{
        margin: 0 15px 0 0;
    }
    div.home-post-wrap.col-lg-4{
        max-width: none;
    }
    div.commentBuble{
        float: left;
    }
    .footerPaddMain{
        padding: 0px 10px 30px;
    }    
    .footerSocial a{
        margin: 0px 15px 0px 0;
    }
    .footerSocial a.footsocYoutube {
        margin: 0;
    }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    
    .col-lg-9.mainCategoryLeft{
        width: 100%;
        float: none;
        padding: 0px;
    }
    
    .mainCategoryContainer .facebookShare,
    .mainCategoryContainer .twitterShare,
    .mainCategoryContainer .gplusShare,
    .mainCategoryContainer .starRateShare,
    .mainCategoryContainer .commentBuble,
    .facebookShare,.twitterShare,.gplusShare,
    .starRateShare,.commentBuble {
        height: 30px !important;
        float: left;
        width: 20% !important;
    }
    
    div.facebookShare {
        background: url('../images/fb_archive.png') no-repeat 10px 5px !important;
        padding: 0 0 0 24px !important;
    }
    div.twitterShare {
        background: url('../images/twit_archive.png') no-repeat 8px 8px !important;
        padding: 0 0 0 28px !important;
    }
    div.gplusShare {
        padding: 0 0 0 30px !important;
        background: url('../images/gplus_archive.png') no-repeat 8px 6px !important;
    }
    div.starRateShare {
        padding: 5px 0 0 25px !important;        
        background: url('../images/star_archive.png') no-repeat 5px 4px !important;
    }
    div.commentBuble {
        padding: 5px 0 0 25px !important;
        float: left !important;
        background: url('../images/comment_archive.png') no-repeat 4px 6px !important;
    }
    
    .mainCategoryContainer .home-post-wrap.col-lg-4{
        max-width: none;
    } 
    .AddvertBlock.col-lg-4 {
        float: left;
        margin: 0 0 3.5% 0;
        padding: 0px 15px;
    }
    .col-lg-3.sidebarCategory{
        width: 100%;
        margin: 0px auto;
    }
    .col-lg-8.supportTagUrltv img{
        width: 100%;
    }
    div.post-info2{
        height: 87px;
    }
    div.socialSharePosts .box{
        background:none !important;
        padding: 5px 0 0 8px;
        text-align: left;
    }
    .playerControllerLast {
        margin-left: 24px;
    }
    .playerControllerRight{
        margin-left: 25px;
    }
    .footerAddSponcer ul li.tweet {
        width: 48%;
        margin: 0 1% 1% 0;
        float: left;
        min-height: 200px;
    }
}
@media (max-width: 979px) {
    div.pollvoting, div.sideStarRating,
    div.sideAddVote, div.twitterBoxMain, 
    div.facebookBoxMain,div.recentPostSidebar
    {
        max-width: 100%;
        padding: 0px 10px 0 0;
        min-width: 0;
        width: 33.33%;
        margin: 0px 0 10px 0;
        overflow: hidden;
    }
    
    .logo {
        margin: 0px;
        text-align: center;
        float: left;
        width: 100px;
        padding: 0px;
    }
    .logo a {
        display: inline-block;
        padding: 8px 0 0 0px;
    }
    .col-lg-9.HeadRight {
        padding: 0px;
        float: right;
        width: auto;
        margin: 0px auto;
    }
    .col-lg-8.navigation_header {
        float: left;
    } 
    .socialHeader.col-lg-4 {
        float: left;
        width: 270px;        
        margin: 0% auto 0;
    }
    div.navbar ul.navbar-nav>li>a{
        padding: 5px 15px;
    }
}
@media (min-width: 768px) and (max-width: 900px) {
/*    div.pollvoting, div.sideStarRating,
    div.sideAddVote, div.twitterBoxMain,
    div.facebookBoxMain, div.recentPostSidebar{
        width: 50%;
    }
    div.recentPostSidebar.audioPostsSidebar{
        width: 100%;
    }
    div.recentPostSidebar.audioPostsSidebar{
        width: 50%;
    }*/
}
@media (max-width: 875px) {
        
    div.breakingNews{
        font-size: 0px;
        height: 50px;
        width: 54px;
        padding: 0px;
    }
    .col-lg-9.mainCategoryLeft{
        width: 100%;
        padding: 0px;
        float: none;
    }
}
@media (max-width: 800px) {
    .mainCategoryContainer .facebookShare,
    .mainCategoryContainer .twitterShare,
    .mainCategoryContainer .gplusShare,
    .mainCategoryContainer .starRateShare,
    .mainCategoryContainer .commentBuble,
    .facebookShare,.twitterShare,.gplusShare,
    .starRateShare,.commentBuble {
        height: 30px !important;
        float: left;
        width: 20% !important;
    }
    div.facebookShare {
        background: url('../images/fb_archive.png') no-repeat 10px 5px !important;
        padding: 0 0 0 24px !important;
    }
    div.twitterShare {
        background: url('../images/twit_archive.png') no-repeat 8px 8px !important;
        padding: 0 0 0 28px !important;
    }
    div.gplusShare {
        padding: 0 0 0 30px !important;
        background: url('../images/gplus_archive.png') no-repeat 8px 6px !important;
    }
    div.starRateShare {
        padding: 5px 0 0 25px !important;        
        background: url('../images/star_archive.png') no-repeat 5px 4px !important;
    }
    div.commentBuble {
        padding: 5px 0 0 25px !important;
        float: left !important;
        background: url('../images/comment_archive.png') no-repeat 4px 6px !important;
    }
    
    .mainCategoryContainer .home-post-wrap.col-lg-4{
        max-width: none;
    } 
    .AddvertBlock.col-lg-4 {
        float: left;
        margin: 0 0 3.5% 0;
        padding: 0px 15px;
    } 
    .col-lg-8.supportTagUrltv img{
        width: 100%;
    }
    .AddvertBlock.col-lg-4 {
        text-align: center;
    }
    div.post-info2{
        height: 87px;
    }
    div.socialSharePosts .box{
        background:none !important;
        padding: 5px 0 0 8px;
    }    
    .footerAddSponcer ul li.tweet {
        width: 48%;
        margin: 0 1% 1% 0;
        float: left;
    }
    div.pollvoting, div.sideStarRating,
    div.sideAddVote, div.twitterBoxMain,
    div.facebookBoxMain, div.recentPostSidebar,
    div.recentPostSidebar.audioPostsSidebar{
        width: 50%;
    }    
}
@media (max-width: 768px) {
    .commentRightSignup{
        display: none;
    }
    p.comment-form-author, p.comment-form-email {
        margin: 0 0px 10px 0px;
        width: 100%;
        float: none;
    }
    p.comment-form-comment {
        margin: 0 0px 10px 0px;
        width: 100%;
    }
    .commentContentRight {
        width: 98%;
        float: none;
    }
    .userImg{
        margin: 0 0 10px 0;
        float: none;
    }
    div.listSongTitle{
        font: normal normal bold 1.2em/18px 'Cabin', sans-serif;
    }
    div.songTime{
        font: normal normal normal 1.2em/18px 'Cabin', sans-serif;
    }
    .col-lg-3.sidebarCategory {
        width: 100%;
        margin: 0px auto;
        float: none;
    }
}

@media (max-width: 767px) {
    .header {
        padding: 10px 0;
    }
    .desktop_menu_container{
        display: none;        
    }
    .responsivemenu{
        display: block;
        margin: 15px 0 0;
    }
    .responsivemenu div.navbar-inner,.navi div.navbar-inner{        
        min-height: 30px !important;
    }
    div.navbar .navbar-toggle ,.navi .navbar-toggle{
        float: left;
    }
    .responsivemenu div.navbar .navbar-toggle,.navi div.navbar .navbar-toggle{        
        cursor: pointer;
        margin: 0px;
    }
    .responsivemenu .navbar ul.nav ,.navi .navbar ul.nav{
        margin: 0 0 10px;
        float: none;
    }
    .responsivemenu div.navbar .nav > li > a,.navi div.navbar .nav > li > a{
        padding: 9px 15px;
        color: #FFFFFF;
        border-radius: 0 !important;
        text-align: left;        
        font: normal normal 1.2em 'Cabin', sans-serif;
        background-image: none;
    }
    .responsivemenu div.navbar .nav > li > a:hover,
    .responsivemenu div.navbar .nav > li.open > li > a:hover,
    .navi div.navbar .nav > li > a:hover,
    .navi div.navbar .nav > li.open > li > a:hover
    {
        color: #0e76bc;
        background-color: #EEEEEE;
        border-color: #428BCA;
        background-image: none;
    }
    .responsivemenu div.navbar .nav > li.open > a,
    .responsivemenu div.navbar .nav > li.current-menu-item > a,
    .navi div.navbar .nav > li.open > a,
    .navi div.navbar .nav > li.current-menu-item > a{
        color: #0e76bc;
        background-color: #EEEEEE;
        border-color: #428BCA;
    }
    .responsivemenu .dropdown-menu > li > a:hover,
    .responsivemenu .dropdown-menu > li > a:focus,
    .navi .dropdown-menu > li > a:hover,
    .navi .dropdown-menu > li > a:focus {
        background-color: #F5F5F5;
        color: #0e76bc;
        text-decoration: none;
    }
    .responsivemenu .dropdown-menu > li > a,.navi .dropdown-menu > li > a{
        color: #fff;
        font: normal normal 1.2em 'Cabin', sans-serif;
    }
    
    .responsivemenu div.navbar .navbar-brand,.navi div.navbar .navbar-brand{
        display: block;
        float: left;    
        font-size: 1.2em;    
        padding: 4px 0;
        color: #fff;
        font: 600 18px 'Cabin', sans-serif;
        text-transform: uppercase;
        outline: none;
    }
    .responsivemenu .navbar-toggle .icon-bar, .navi .navbar-toggle .icon-bar{
        background-color: #F5F5F5;
        border-radius: 1px 1px 1px 1px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        display: block;
        height: 2px;
        width: 18px;
    }
    .responsivemenu .navbar, .navi .navbar{
        margin: 0px;
        min-height: 0px;
    }
    .responsivemenu .caret,.navi .caret{
        float: right;
        margin: 10px 0 0;
    }
    .categoryNavMenu div.navbarCategoryInner ul>li {
        margin:0 0px 1px 0;
        width: 100% !important;
    }
    .categoryNavMenu div.navbarCategoryInner ul>li>a {    
        text-align: left;
        padding: 12px;
    }
    .mainWrapper {
        padding: 30px 10px 0px;        
    }
    .row.mainPostsContainer{
        padding: 10px;
    }
    .home-post-wrap.col-lg-4 {
        width: 48%;
    }
    .categTitleTop.col-lg-3 {
        padding: 8px 0 0 0;        
    }
    .mainWrapperCateg {
        padding: 20px 10px 0px;
        background: #fff;
    }
    .footerPaddMain{
        padding: 0px 10px 10px;
    }
    .playerControllerRight{
        display: none;
    }
    .AddvertBlock.col-lg-4 {
        float: none;
        width: 100%;
        margin: 0 0% 1% 0;
    }
    .footerAddSponcer ul li.tweet {
        width: 98%;
        margin: 0 1% 2% 0;
        float: left;
        min-height: 0px;
    }
    .tweet-message{
        min-height: 0px;
    }
    div.ListPostsContainer {
        padding: 0;
        float: none;
        margin: 0px auto 10px;
    }
    div.home-post-wrap{
        margin: 0px auto;     
    }
    .video-header {
        margin: 20px auto;
        width: 225px;
     }
     .col-lg-2.copyText {
        float: none;
        text-align: center;
        margin: 0 0 3% 0;
    }
    .footerNavigation {
        float: none;
    }
    .footerSocial {
        float: none;
        width: 230px;
        margin: 4% auto 0;
        padding: 0;
    }
    .footerSocial a.footsocYoutube{
        margin: 0px;
    }
    .footerNavigation ul {
        margin: 10px 0;
        text-align: center;
    }
    .footerNavigation ul li {
        float: none;
        display: inline-block;
    }
    .footerSocial a {
        margin: 0px 30px 0px 0;
    }
    div.authorInformation {
        padding: 0;
    }
    div.authorImage {
        padding: 0;
        text-align: center;
        margin: 0 0 1em 0;
    }
    div.authorContent {
        padding: 0px;
    }
}
/* Landscape phone to portrait tablet */
@media (min-width: 480px) and (max-width: 767px) {
    .mainCategoryContainer div.ListPostsContainer {
        width: 50%;
        float: left;
        padding: 0 10px 10px 0;
        margin: 0;
    }
}
@media (max-width: 630px) {
    .footerNavigation ul li {
        display: inline-block;
    }
    .footerNavigation ul li a{
        background: none !important;
    }
    .footerNavigation ul li {
        margin: 0 0 10px 0;
        display: inline-block;
        float: none;
        background: none !important;
    }
}
@media (max-width: 650px) {
    div.listSongTitle{
        width: 60%;
        padding: 8px 0px 8px 18px;
    }
    .col-lg-3.sidebarCategory {
        width: 290px;
        margin: 0px auto;
    }
    .sideAddVote, .twitterBoxMain, .facebookBoxMain, .recentPostSidebar,.sideStarRating,.pollvoting{
        float: none;
    }
    div.pollvoting, div.sideStarRating,
    div.sideAddVote, div.twitterBoxMain,
    div.facebookBoxMain, div.recentPostSidebar,
    div.recentPostSidebar.audioPostsSidebar{
        min-height: 0;
        padding: 0px;
        width: 100%;
    }
    
}
@media (max-width: 600px) {
    .navigation {
        margin:0 0 20px 0;
    }
    .mainCategoryContainer div.ListPostsContainer {
        width: 320px;
        float: none;
        padding: 0;
        margin: 0 auto 10px;
    }
}
@media (min-width: 480px) and (max-width: 599px){        
    .video-header{
        margin: 20px auto;
        width: 225px;
    }
    
    .mainCategoryContainer .home-post-wrap{
        max-width: 388px;
    }
    .mainCategoryContainer .facebookShare,
    .mainCategoryContainer .twitterShare,
    .mainCategoryContainer .gplusShare,
    .mainCategoryContainer .starRateShare,
    .mainCategoryContainer .commentBuble,
    .facebookShare, .twitterShare,
    .gplusShare, .starRateShare,
    .commentBuble {
        width: 20% !important;
    }
    div.socialSharePosts .box{
        text-align: left;
    }
    div.gplusShare {
        padding: 0 0 0 30px !important;
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {
    .video-header{
        margin: 20px auto;
        width: 225px;
    }
    .home-post-wrap.col-lg-4 {
        width: 100%;
        float: none;
        margin: 0px auto 15px;
        max-width: 388px;
    }
    .mainCategoryContainer .home-post-wrap.col-lg-4 {
        max-width: 388px;
    }
    .mainCategoryContainer .facebookShare,
    .mainCategoryContainer .twitterShare,
    .mainCategoryContainer .gplusShare,
    .mainCategoryContainer .starRateShare,
    .mainCategoryContainer .commentBuble,
    .facebookShare, .twitterShare,
    .gplusShare, .starRateShare,
    .commentBuble {
        width: 20% !important;
    }
    div.socialSharePosts .box{
        text-align: left;
    }
    div.gplusShare {
        padding: 0 0 0 30px !important;
    }
    .categTitleTop.col-lg-3 {
        width: 170px;
        float: none;
        margin: 0px 0 15px 15px;
    }
    .divSearch {
        width: 265px;
        float: none;
        margin: 0px 0 0 15px;
    }
    .col-lg-4.supportTagvodka img,.AddvertBlock.col-lg-4 img{
        width: 100%;
    }
    .footerSocial .designword {
        float: none;
        width: 100%;
        clear: both;
        padding: 15px 0;
        text-align: center;
    }
    .footerSocial a{
        margin: 0px 20px 0px 0;
    }
    .videoInside iframe {
        height: 250px !important;
        width: 100% !important;
    }
    .mainWrapperCateg {
        padding: 20px 0px 0px;
    }
    .videosMainConatainer {
        margin: 0 0px 15px 0;
    }
    .videoPostContent {
        margin-bottom: 12px;
        padding: 0px 10px;
    }
    .tagMainContainer,.shareblock,.relatedVideosMain{
        padding: 0px 10px;
    }
    .commentMainContainer {
        padding: 0px;
    }
    .commentTemplateMain{
        padding: 0px 10px;
    }
    
    .navigation {
        margin:0 0 20px 0;
    }
    div.playlist_inner ul li{
        margin-bottom: 2px;
    }
    div.componentPlaylist {
        height: 290px;
        overflow: hidden;
    }
    .footerNavigation ul li{
        display: block;
        float: none;
        text-align: center;
        width: 100%;
    }
    .followusBtn{
        display: none;
    }
    div.totalCounter{
        padding: 15px 15px 12px;
    }
    .div.authorImage,div.authorInformation{
        padding: 0 12px;
    }
    .authorsPostsTitle{
        padding: 0 12px 10px;
    }
}
@media (min-width: 320px) and (max-width: 479px){
    .row.mainPostsContainer {
        padding: 10px 0;
    }
    .audioimg.col-lg-2 {
        margin: 0 auto 15px;
        float: none;
    }
    div.listSongTitle {
        font: normal normal bold 1em/15px 'Cabin', sans-serif;
    }
    div.songTime {
        font: normal normal normal 1em/15px 'Cabin', sans-serif;
        padding: 8px 0;
    }
    .mainCategoryContainer div.ListPostsContainer{
        width: 100%;
        max-width: 288px;
    }
}
@media (max-width: 400px){    
    .logo {
        margin: 0px;
        text-align: center;
        float: left;
        padding: 0;
        width: 90px;
    }
    .logo a {
        display: inline-block;
        padding: 8px 0 0 0px;
    }
    .col-lg-9.HeadRight {
        float: right;
        width: 215px;
        padding: 0;
        margin: 0px auto;
    }
    .socialHeader.col-lg-4 {
        padding: 0px;
        float: none;
        width: 215px;
    }
    .socialHeader a {
        width: 39px;
        height: 39px;
        margin: 0px 3px 0px 0;
        display: block;
        float: left;
    }
    .responsivemenu {
        display: block;
        margin: 10px 0 0;
    }
    .header {
        padding: 10px 0 5px;
        margin: 0px !important;
        background: #000000;
    }
    .post-info2 h6 a{
        font: normal normal normal 12px 'Cabin', sans-serif;
    }
    div.ls-wp-container,div.ls-inner,div.ls-slide,img.ls-l.ls-preloaded.sliderImageMain{
        width: 100% !important; 
        height: 160px !important;
    }
    .relatedVideosMain{
        padding: 0;
    }
    .relatedVideos{
        padding: 12px 0;        
    }
    .relaVideo{
        float: left;
        margin: 0 0px 8px 0;
        width: 49%;
        height: 165px;
        overflow: hidden;
        padding: 0px 0 0 2%;
    }
    
    
}
@media (max-width: 320px){    
    .relatedVideos {
        background: #e4e4e4;        
    }
    .row.mainPostsContainer {
        padding: 10px 0;
    }
    .player_controls {
        float: none !important;
        margin: 0px auto;
    }
    .playerControllerLast{
        float: none !important;
        margin: 0px auto;
    }
    div.listSongTitle {
        font: normal normal bold 1em/15px 'Cabin', sans-serif;
        width: 185px;
        padding: 8px 0px 8px 8px;
    }
    div.songTime{
        width: 40px;
        margin: 0px;
    }
    div.songTime {
        font: normal normal normal 1em/15px 'Cabin', sans-serif;
        padding: 8px 0;
    }
    .mainCategoryContainer div.ListPostsContainer{
        width: 100%;
        max-width: 100%;
    }
    div.player_loop {
        margin: 16px 0px;
    }
}