@media screen and (max-width: 1920px) {
    .side-panel {
        padding: 20px 20px 50px;
        width: 200px;
        flex: 0 0 200px;
    }
    .categories a {
        font-size: 0.9em;
    }
    .main-panel {
        width: calc(100% );
        flex: 0 0 calc(100% );
    }
    .btn {
        margin-left:10px;

    }

    #intro {
        height: 400px;
    }
    .slides {
        background-size: 100% 100%;
    }
    h1 {
        font-size:3em;
    }
    #intro h1 {
        margin:15% 0 0 5%;
    }
    .home_text {
        font-size: 2em;

    }
    .buttons1  {
        right : 15%;
        bottom : 13%;
    }
    .video-lista li {
        width: 48%;
    }

    .model_studio {
        height: 200px;
    }

    .col .btn {
        margin-left: 0;
        font-size: 0.9em;
    }

    #logo {
        width: 160px;
        height: 60px;
        background-size: 100%;
        margin-left: 10px;
    }


}

@media screen and (max-width: 1800px) {
    .buttons1  {
        right : 11%;
        bottom : 12%;
    }
    .home_text {
        font-size: 2em;
    }
}

@media screen and (max-width: 1600px) {
    .buttons1  {
        right : 10%;
        bottom : 10%;
    }
    .home_text {
        font-size: 1.5em;
    }
}


@media screen and (max-width: 1400px) {
    .buttons1  {
        right : 10%;
        bottom : 15%;
    }

}

/*                                   1200px
------------------------------------------------------------------------------- */

@media screen and (max-width: 1200px) {
    .side-panel {
        padding: 20px 20px 50px;
        width: 200px;
        flex: 0 0 200px;
    }
    .categories a {
        font-size: 0.9em;
    }
    .main-panel {
        width: calc(100% );
        flex: 0 0 calc(100% );
    }


    #intro {
        height: 400px;
    }
    #intro-image , #intro-image2, #intro-image3 {
        background-size: 100%;
    }
    h1 {
        font-size:3em;
    }
    #intro h1 {
        margin:15% 0 0 5%;
    }

    .home_text {
        font-size: 19px;

    }
    .buttons1  {
        right : 10%;
        bottom : 13%;
    }
}

/*                                   1030px
------------------------------------------------------------------------------- */
@media screen and (max-width: 1030px) {
    #logo {
        width: 130px;
        height: 50px;
        background-size: 100%;
        margin-left: 10px;
    }
    #nav-btn {
        margin-top: 10px;
    }
    #main-nav ul {
        margin-left: 45px;
    }
    .search, .buttons-wrapper {
        margin-top:8px;
    }
    .buttons-wrapper .btn {
        font-size: 1em;
        line-height: 2em;
    }
    .btn {
        padding: 0 1em;
        margin-left:10px;
    }
    #main-nav, #user-nav {
        top:66px;
    }
    #intro {
        height: 350px;
    }
    #intro-image ,   #intro-image2, #intro-image3 {
        background-size: 100%;
    }
    h1 {
        font-size:3em;
    }
    #intro h1 {
        margin:15% 0 0 5%;
    }
    .services-wrapper {
        padding: 50px 0;
    }
    .services-wrapper .xy_plus, .services-wrapper .xy_max, .services-wrapper .xy_mix {
        background-size:100%;
        width:197px;
        height:80px;
    }
    h2 {
        font-size: 1.3em;
    }
    .video-list li {
        width:48%;
    }
    .three-cols {
        margin: 0;
    }
    .three-cols .col {
        width: 100%;
        margin: 0px 0 20px;
    }
    .three-cols .simple-list li {
        width: 48%;
        float: left;
    }

    .four-cols {
        margin: 0;
    }
    .four-cols .col {
        width: 100%;
        margin: 0px 0 20px;
    }
    .four-cols .simple-list li {
        width: 48%;
        float: left;
    }





    .videos-wrapper, .info-wrap {
        padding: 0px 0px 30px 0px;
    }
    #player5 {
        max-width: 100%;
        width:100%;
    }
    .video-wrapper .video-right {
        width: 100%;
        margin-top:0;
    }
    .video-wrapper .buttons {
        text-align: center;
    }
    .video-wrapper .buttons .xy_plus, 
    .video-wrapper .buttons .xy_max, 
    .video-wrapper .buttons .xy_mix {
        display: inline-block;
    }
    .video-wrapper .buttons a {
        margin: 0 20px;
    }
    #user-nav .btn {
        border: none;
        padding: 0;
    }
    #user-nav .btn:hover {
        background: transparent !important;
    }
    .home_text {
        font-size: 18px;

    }

    .buttons1  {
        right : 10%;
        bottom : 14%;
    }

    .register-form .four-cols .col {
        position: relative;
        margin: 0px 0 5px;
    }
    .register-form .four-cols .col h3 {
        font-size: 1em;
        padding: 5px 10px 0;
        border-bottom: none;
        text-align: left;
    }
    .register-form .plan-price {
        font-size: 2em;
        margin-bottom: 25px;
        float: right;
        margin-right: 10px;
        margin-top: -10px;
    }
    .register-form .plan-price span {
        margin-top: -20px;
        margin-left: 40px;
    }
    .register-form .four-cols .col .btn {
        padding: 5px 10px;
        margin-left: 10px;
        float: left;
        font-size: 0.7em;
    }
    .register-form .four-cols .col .small {
        font-weight: normal;
        position: absolute;
        left: 10px;
        bottom: -5px;
        font-size: 0.7em;
    }

}



/*                                   820px
------------------------------------------------------------------------------- */
@media screen and (max-width: 820px) {
    #logo {
        width: 107px;
        height: 40px;
        margin-left: 5px;
    }
    #header .left {
        width:23%;
    }
    #header .middle {
        width:45%;
    }
    #nav-btn {
        margin-top: 4px;
    }
    .search, .buttons-wrapper {
        margin-top:3px;
    }
    #main-nav, #user-nav {
        top:56px;
    }
    #main-nav ul {
        margin-left: 25px;
    }
    #footer .left, #footer .right {
        float:none;
        text-align:center;
    }
    #footer .right {
        padding-top:30px;
    }
    .home_text {
        font-size: 18px;

    }


}

/*                                   780px
------------------------------------------------------------------------------- */
@media screen and (max-width: 780px) {
    #side-filter.active {
        display:none;
    }
    #side-filter.inactive {
        display:inline-block;
    }
    .main-panel {
        width:100%;
        flex:0 0 100%;
        padding:0px 10px;
    }
    .main-panel .video-list li {
        width: 31%;
    }
    #filter-toggle, #filter-toggle.open {
        background: transparent;
        position: static;
        padding: 6px 20px;
        color: #b7b7b7;
        border: 2px solid #b7b7b7;
        font-size: 1em;
        text-transform: uppercase;
        display: inline-block;
        margin: 30px 0 0 10px;
    }
    #filter-toggle:hover {
        color: #000;
        background: #b7b7b7;
    }
    #filter-toggle.close {
        color:#b62a79;
        border:2px solid #b62a79;;
    }
    #filter-toggle.close:hover {
        color:#000;
        background:#b62a79;
    }
    #filter-toggle span {
        display:inline-block;
    }
    #hide-toggle, #show-toggle {
        display:none;
    }
    .home_text {
        font-size: 17px;

    }
}

/*                                   700px
------------------------------------------------------------------------------- */
@media screen and (max-width: 700px) {
    #header .left, #header .right {
        width:49%;
    }
    #header .right {
        text-align:right;
    }

    #search-toggle {
        display:inline-block;
        vertical-align: top;
    }
    #search-wrap {
        position:absolute;
        width:100% !important;
        top:56px;
        left:0;
        background:rgba(0, 0, 0, 0.8);
        padding:5px 0;
    }
    #search-wrap.inactive {
        display:none;
    }
    #search-wrap.active {
        display:block;
    }
    .search {
        max-width:96%;
    }
    #user-toggle {
        margin-top:2px;
    }
    h1 {
        font-size: 2.5em;
    }
    #intro h1 {
        margin: 20% 0 0 5%;
    }
    #intro {
        min-height: 300px;
        height: auto;
    }
    .services-wrapper {
        padding: 30px 0;
    }
    .services-wrapper li {
        width: 30%;
        display:inline-block;
    }
    .services-wrapper .xy_plus, .services-wrapper .xy_max, .services-wrapper .xy_mix {
        width: 120px;
        height: 48px;
    }
    .three-cols .simple-list li {
        width: 100%;
        float: none;
    }
    .home_text {
        font-size: 18px;

    }


    #player6 {
        border-radius :initial;
        border: 1px solid purple;
        padding :initial ;
        margin :initial ;
        width : 100%;
        min-width:400px;
        overflow :hidden;


    }

    #player6:after {
        height: 0%; 
    }

    .mobile_play {
        margin-top :calc(100% - 20em);
    }
    .video-wrapper .video-right {
        margin-top: 50px;
    }
}

/*                                   560px
------------------------------------------------------------------------------- */
@media screen and (max-width: 560px) {
    .block {
        width: 92%;
    }
    h2 {
        font-size: 1.0em;
    }
    #header .login-mobile {
        display:block;
    }
    #main-nav, #user-nav {
        background:rgba(0, 0, 0, 0);
        padding:0;
    }
    #main-nav .block, #user-nav .block {
        max-width:40%;
        margin:0;
        background:#0d0d0d;
        padding:20px 0;
    }
    #main-nav li, #user-nav li {
        display:block;
        margin-right:0px;
        margin-bottom:15px;
    }
    #user-nav {
        right:0;
    }
    #user-nav .block {
        float:right;
    }
    #user-nav ul {
        margin-right:20px;
    }
    #search-wrap {
        background:#0d0d0d;
        padding:10px 0;
    }
    #intro-wrapper {
        max-height:300px;
    }
    #intro-image ,   #intro-image2, #intro-image3 {
        background-size: 110%;
    }
    .video-list li {
        width: 98%;
    }

    .video-lista li {
        width: 98%;
    }
    .btn {
        padding: 0 0.6em;

    }

    .account-info-fields input {
        width:100%;
        margin-bottom:10px;
    }
    .main-panel .video-list li {
        width: 48%;
    }
    .results-amount {
        float: none;
    }
    .sort-wrap {
        float: none;
        text-align: center;
        margin-top: 20px;
    }
    .sort-wrap a {
        display: inline-block;
        margin-left: 20px;
        border: 1px solid #b7b7b7;
        padding:0px 10px;
    }
    .sort-wrap a.selected, .sort-wrap a:hover {
        border-color: #b62a79;
    }
    .home_text {
        font-size: 17px;

    }

    #player6 {
        border-radius :initial;
        border: 1px solid purple;
        padding :initial ;
        margin :initial ;
        width : 100%;
        min-width:400px;
        overflow :hidden;

    }

    #player6:after {
        height: 0%; 
    }
    .border1 {
        box-shadow: inset 0.0em 0.0em 0.0em 0 rgba(55,55,55,0.5), inset -0.0em -0.0em 0.0em 0 rgba(40,40,40,0.5);
        border-color: purple;border-style: solid; border-width: 1px;
    }

    .block-live {
        width: 100%;
    }
    .main-panel {
        padding : 0px;
    }
}

/*                                   480px
------------------------------------------------------------------------------- */
@media screen and (max-width: 480px) {
    #logo {
        width: 93px;
        height: 35px;
    }
    #nav-btn {
        margin-top: 2px;
    }
    #intro {
        min-height: 240px;
        height: auto;
    }
    #intro-wrapper {
        max-height:200px;
    }
    #main-nav, #search-wrap, #user-nav {
        top: 51px;
    }
    .buttons-wrapper {
        margin-top: 0px;
    }
    .services-wrapper li {
        width: 30%;
        display:inline-block;
        margin-top: 10px;
    }

    .services-wrapper .xy_plus, .services-wrapper .xy_max, .services-wrapper .xy_mix {
        width: 100px;
        height: 40px;
    }

    .btn {
        font-size:0.9em;
    }

    .login {
        display : none;
    }
    h2 {
        font-size: 1.0em;
    }
    h1 {
        font-size: 1.4em;
    }
    .main-panel .video-list li {
        width: 98%;
    }
    .sort-wrap a {
        margin-left: 2px;
        padding: 3px 8px;
        font-size: 0.85em;
    }
    .home_text {
        font-size: 16px;
    }
    .register-form .plan-price {
        font-size: 1.6em;
    }
    .register-form .plan-price span {
        font-size: 0.3em;
    }

}