@media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi)
{
    
    header.expanded .logo {
        background-image: url('../images/new_images/logo-grey01.svg');
    }
    
    header.white .logo {
        background-image: url('../images/new_images/logo-grey02.svg');
    }
    
    header.gradient .logo {
        background-image: url('../images/new_images/logo-white.svg');
    }
    
}

@media (min-width: 360px) {
    .rwd-break {
        display: block !important;
    }
    .welcome__carousel-item #bottom_layer #video_container video {
        width: auto;
        height: 100%;
    }
}

@media (max-width: 374px) {
    
    .col-xxs-12 {
        width: 100%;
    }
    
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 420px), (max-width: 420px) {
    
    .popup {
        width: 100%;
        margin: 0;
    }
    
}

@media (max-width: 480px) {

    
    .header__menu-mobile a {
        margin-left: 5px;
    }

    .col-xxs-6 {
        width: 50%;
    }
    
    .visible-xxs {
        display: block !important;
    }
    
    .hidden-xxs {
        display: none !important;
    }
    
    .welcome__slide-title {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .video__box-item {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    
    .videos__carousel-item {
        padding-bottom: 0;
    }
    
    .header__menu > ul {
        margin: 0 -25px;
        padding: 0 15px;
    }
    
    .header__menu ul.sub {
        min-width: initial;
    }
    
    .footer__secondary-menu a {
        margin-left: 5px !important;
    }
    
    .footer__secondary-menu a:first-child {
        margin-left: 0 !important;
    }
    
    .community__buttons-wrap {
        margin-top: -40px;
    }
    
    .video__box-info {
        padding: 20px;
        padding-bottom: 0;
    }
    
    .video__details-licens-mobile .btn {
        width: 100%;
    }
    
    .popup__title {
        padding-left: 50px;
        padding-right: 50px;
    }
    
    .video__box-item:first-child {
        padding-top: 0;
    }
    
    .video__box-item {
        float: none;
        margin: 0 auto !important;
        
    }
    
    .partner__column {
        display: none;
    }
    
    .tab__header-item:before {
        left: 0;
        right: 0;
    }
    
    .tab__header-item.active:before {
        background-color: #FAD705;
    }
    
    body {
        padding-top: 0px !important;
    }
    
    body.inner {
        padding-top: 73px !important;
    }
    
    .welcome__video .upload-now {
        margin-top: 30px !important;
    }
    
    .header__mobile-search {
        left: 50px !important;
    }
    
}

@media (max-width: 640px) {
    
    .tag__list .tag {
        margin-bottom: 15px;
    }
    
    .welcome__video .upload-now {
        margin-top: 5px;
    }
    
    .video__view-all-mobile {
        padding-top: 0;
    }
    
}

@media  (max-width: 736px) {


     
    .section__partners {
        padding-top: 0;
    }
    
    .header__menu-mobile {
        padding-right: 5px;
    }

    body {
        padding-top: 50px;
    }
    
    h1 {
        font-size: 24px;
        line-height: 32px;
    }
    
    header nav li a:active,
    header nav li a:focus,
    header nav li a:hover {
        text-decoration: none;
        color: #696B74;
    }
    
    .btn {
        width: 160px;
    }

    .header__menu-wrap {
        display: none;
        padding-top: 15px;
        margin-bottom: -20px;
    }
    
    .expanded .header__menu {
        /* margin: 0 -25px; */
        border-bottom: 1px solid #F3F3F3;
    }
    
    .header__menu li {
        width: 50%;
        float: left;
        text-align: center;
        border-top: 1px solid #F3F3F3;
    }
    
    .header__menu li:nth-child(odd) {
        border-right: 1px solid #F3F3F3;
    }
    
    .header__menu ul.sub {
        position: relative;
        left: auto;
        margin: 0;
        border: 0;
    }
    
    .header__menu li.menu__item-notification {
        width: 100%;
    }
    
    .header__menu .menu__item-notification ul.sub {
        min-width: initial;
        min-height: initial;
        overflow: hidden;
    }
    
    .header__menu .sub li:nth-child(even) {
        border-right: 0;
    }
    
    .header__menu li a {
        display: block;
        height: 40px;
        line-height: 40px;
        margin-left: 0;
    }
    
    .header__menu li.menu-notification__item a {
        height: initial;
    }
    
    .header__menu li.full-width {
        width: 100%;
    }
    
    .header__menu li .btn {
        background: transparent;
        border: 0;
        border-radius: 0;
    }
    
    .header__menu li .btn:focus,
    .header__menu li .btn:active,
    .header__menu li .btn:hover {
        color: #696B74;
        box-shadow: none;
    }
    
    .header__menu .login-register {
        width: 100%;
    }
    
    .xs-display-table {
        display: table;
        width: 100%;
    }
    
    .xs-display-table-row {
        display: table-row;
    }
    
    .xs-display-table-cell {
        display: table-cell;
    }
    
    .section__title {
        padding: 0 10px;
    }
    
    .visible-xs.vcenter {
        display: inline-block !important;
    }
    
    .welcome__video h1 {
        text-shadow: 0 0 5px #000;
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    }
    
    .welcome__video .upload-now {
        width: 160px;
    }
    
    .welcome__slide-title {
        padding: 0 25px;
        padding-bottom: 30px;
    }
    
    .partners__columns-wrap {
        padding-top: 0;
    }
    
    .tab__columns {
        padding: 0 10px;
        padding-top: 20px;
    }
    
    .tab__header {
        padding: 0 20px;
    }
    
    .tab__header-item {
        padding: 0;
    }
    
    .tab__header-item span {
        padding: 20px 10px;
    }
    
    .tab__column-container {
        display: none;
    }
    
    .tab__column-container.active {
        display: block;
    }
    
    .tab__header-item.active:before {
        background-color: #FAD705;
    }
    
    .videos__carousel-wrap {
        margin: 0 -10px;
    }
    
    .video__preview-tag {
        top: 20px;
    }
    
    .videos__tags {
        margin: 0 -10px;
        padding-top: 30px;
        border-top: 1px solid #F3F3F3;
    }
    
    .videos__tags span {
        display: block;
        width: 100%;
        padding-bottom: 20px;
    }
    
    .video__tag-list {
        padding: 0 20px
    }
    
    .community__items-wrap {
        margin: 0 -10px;
    }
    
    .community__buttons-wrap .btn {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .footer__top-row.menu__row {
        padding: 30px 10px;
    }
    
    .footer__bottom {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .footer__secondary-menu a {
        margin-left: 10px;
    }
    
    .footer__secondary-menu a:first-child {
        margin-left: 0;
    }
    
    .footer__social-container {
        padding-left: 10px;
        padding-top: 10px;
    }
    
    .footer__social-container h2 {
        float: left;
    }
    
    .footer__social-icons-warp {
        float: right;
        padding-right: 10px;
    }
    
    .footer__social-container:after {
        content: "";
        clear: both;
        display: block;
    }
    
    .footer__disclaimer {
        border-top: 1px solid #FFF;
        margin: 0 -10px;
        padding: 25px 20px;
    }
    
    .footer__app-text {
        border-top: 1px solid #FFF;
        margin: 0 -10px;
        padding: 0 20px;
        padding-top: 25px;
    }
    
    .footer__app-links {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
    
    .app__link {
        width: 45%;
        max-width: 145px;
    }
    
    .section__video-player {
        padding: 0;
    }
    
    .video__player-container {
        margin: 0 -10px;
    }
    
    .video__comment-nf-response {
        padding-right: 10px;
        margin-left: 10px;
    }
    
    .video__details-info {
        padding: 0;
    }
    
    .video__details-location {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .video__details-user-info {
        margin-top: -10px;
    }
    
    .menu__container {
        width: 100%;
    }
    
    .welcome__video-container {
        max-height: initial;
    }
    
    .header__menu-wrap {
        width: 100%;
    }
    
    .header__menu .submenu__open-wrap {
        display: inline-block;
    }
    
    .header__mobile-search form {
        top: 15px !important;
    }
    
    .header__mobile-search {
        left: 200px;
    }
    
    .bx-wrapper, .bx-viewport, .welcome__carousel-item {
        max-height: 512px;
}

    .welcome__carousel-item #bottom_layer #video_container video {
        height: auto;
        width: 100%;
        margin-top: 50%;
    }
    .welcome__carousel-item #bottom_layer #video_container #controls {
        margin-top: 50%;
        top: 0 !important;
        padding-right: 4% !important;
    }
}



@media (max-width: 767px) {
    
    .visible-sm.vcenter {
        display: inline-block !important;
    }
    .visible-xs.vcenter {
        display: inline-block !important;
    }
    
}

@media (max-width: 992px) {
    /* 
    .header__mobile-search {
        left: 50px;
    }
     */
      
    .header__mobile-search form {
        top: 11px;
    }
    
    .welcome__slide-title {
        padding-bottom: 35px;
    }
    
    .welcome__video-container .bx-wrapper .bx-controls-direction a {
        bottom: 34px;
    }
    
    .welcome__video-container .bx-wrapper .bx-prev {
        left: 20px;
        margin-left: 0;
    }
    
    .welcome__video-container .bx-wrapper .bx-next {
        right: 20px;
        margin-right: 0;
    }
    
    .video__box-item:first-child {
        margin-left: 10px;
    }
    
    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        bottom: 10px;
    }
    
}

@media (max-width: 1024px) {
    
    .videos__carousel {
        vertical-align: top;
        text-align: center;
    }
    
    .videos__carousel-item {
        display: inline-block;
        float: none;
        margin-left: 10px;
        margin-right: 10px;
        padding-bottom: 20px;
        text-align: left;
        vertical-align: top;
    }
    
}

@media (min-width: 992px) {
    
    .visible-md.vcenter {
        display: inline-block !important;
    }
    
}

@media (min-width: 1200px) {
    
    .visible-lg.vcenter {
        display: inline-block !important;
    }
    
}