html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: Sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

@font-face {
    font-display: swap;
    font-family: 'helv3thin';
    src: url("https://it.ingyensexvideo.com/files/helv3thin.ttf");
}

@font-face {
    font-display: swap;
    font-family: 'helv7bold';
    src: url("https://it.ingyensexvideo.com/files/helv7bold.ttf");
}

@font-face {
    font-display: swap;
    font-family: 'helv5normal';
    src: url("https://it.ingyensexvideo.com/files/helv5normal.ttf");
}

@font-face {
    font-display: swap;
    font-family: 'helv8heavy';
    src: url("https://it.ingyensexvideo.com/files/helv8heavy.ttf");
}

@font-face {
    font-display: swap;
    font-family: 'helv9black';
    src: url("https://it.ingyensexvideo.com/files/helv9black.ttf");
}

@font-face {
    font-display: swap;
    font-family: 'helv4light';
    src: url("https://it.ingyensexvideo.com/files/helv4light.ttf");
}

a,
header div.head_topline nav a:after,
.content div.article ul li div.item picture img,
.content div.article ul li div.item picture time,
.content div.article ul li div.item picture span,
.content div.article ul li,
.content div.article ul li div,
.content div.article ul li date,
.content div.article ul li span,
.content aside .categories_list .box_title i:before,
.content aside .categories_list .box_title i:after,
.content aside .categories_list .box_title i,
header div.logotype b,
.load_more,
.load_more span {
    transition: all 300ms ease-in-out 0s;
}
a{
    color:#ff4545;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

body {}

.prevent-scroll {
    overflow: hidden;
    position: fixed;
}


header div.head_topline:after,
.content:after,
.content div.article ul:after,
.content div.article ul li div.item div.detal_item:after,
.video_content div.details:after,
.comment_area .comment_item .detal_comment:after {
    content: '';
    display: block;
    clear: both;
}

header div.head_topline {
    height: 55px;
    max-width: 1300px;
    margin: 0 auto;
}

header div.head_topline nav {
    float: left;
}

header div.head_topline nav a {
    display: inline-block;
    line-height: 55px;
    text-decoration: none;
    padding: 0 25px;
    font-family: 'helv5normal';
    font-size: 11px;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}
header div.head_topline nav a.favourite{
    color: #FE4545;
    position: relative;
}

header div.head_topline nav a:after,
header div.head_topline form:after {
    content: '';
    display: block;
    width: 0px;
    left: 0;
    height: 2px;
    background: red;
    opacity: 0;
}

header div.head_topline nav a.select:after,
header div.head_topline nav a:hover:after,
header div.head_topline form:after {
    display: block;
    opacity: 1;
    width: 100%;
}

header div.head_topline nav a:first-child {
    padding-left: 0;
}

header div.head_topline form {
    float: right;
    position: relative;
    height: 55px;
    display: inline-block;
    line-height: 55px;
    width: 470px;
}

header div.head_topline form input:focus {
    outline: none;
}

header div.head_topline form input[type="text"] {
    border: 0;
    background: none;
    width: 100%;
    font-family: 'helv5normal';
    font-size: 11px;

    position: relative;
}


header div.head_topline form input[type="submit"] {
    position: absolute;
    width: 55px;
    height: 55px;
    border: 0;
    cursor: pointer;
    background: url('https://it.ingyensexvideo.com/files/search.png') center center no-repeat;
    background-size: 20px;
    right: 0;
    top: 0;
    font-size: 0;
}

header div.logotype {
    padding: 15px 0 0 0;
    max-width: 1300px;
    margin: 10px auto 0 auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
}

header div.logotype b {
    height: 35px;
    width: 45px;
    background: url('https://it.ingyensexvideo.com/files/mobile_menu.png') center center no-repeat;
    background-size: 70%;
    position: absolute;
    right: 0;
    display: none;
    top: -3px;
    right: 0;
    cursor: pointer;
}

header div.logotype b.opened {
    background: url('https://it.ingyensexvideo.com/files/close.png') center center no-repeat;
}

header div.logotype a {
    font-size: 44px;
    font-family: 'helv5normal';
    text-decoration: none;
}

header div.logotype a strong {
    font-family: 'helv9black';
    display: inline-block;
    position: relative;
}

header div.logotype a strong:after {
    display: block;
    width: 0px;
    position: absolute;
    left: 0;
    height: 5px;
    transition: all 500ms ease-in-out 0s;
    content: '';
}

header div.logotype a:hover strong:after {
    width: 100%;
}

header div.logotype p {
    font-family: 'helv5normal';
    font-size: 10px;
    text-transform: uppercase;
    padding: 8px 0 0 0;
    letter-spacing: 0.7px;
}

header div.logotype span {
    display: block;
    position: relative;
}

.content {
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 45px;
}

.content aside {
    width: 300px;
    display: inline-block;
    float: right;
    position: relative;
}

.content aside .categories_list {
    margin-right: 10px;
}

.content aside .categories_list .box_title {
    line-height: 40px;
    height: 40px;
    font-family: 'helv7bold';
    font-size: 14px;
    padding-left: 45px;
    position: relative;
}

.content aside .categories_list .box_title i {
    position: absolute;
    left: 5px;
    height: 2px;
    width: 20px;
    top: 19px;
    left: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.content aside .categories_list .box_title i:before,
.content aside .categories_list .box_title i:after {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 20px;
}

.content aside .categories_list .box_title i:before {
    top: -4px;
}

.content aside .categories_list .box_title i:after {
    bottom: -4px;
    width: 15px;
}

.content aside .categories_list .box_title:hover i:after {
    width: 20px;
}

.content aside .categories_list ul {}

.content aside .categories_list ul li {
    position: relative;
}

.content aside .categories_list ul li.select:after {
    content: '';
    display: block;
    height: 1px;
    width: 20px;
    position: absolute;
    left: 0px;
    bottom: 20px;
}

.content aside .categories_list ul li a {
    font-family: 'helv5normal';
    font-size: 13px;
    line-height: 45px;
    text-decoration: none;
    padding-left: 25px;
    display: block;
}

.content div.article {
    width: calc(100% - 310px);
}

 div.article > ul {
    overflow: hidden;
}

div.article > ul > li {
    width: 33.3%;
    display: inline-block;
    float: left;
}

.content div.article ul li div.item {
    margin: 4px;
}

.content div.article ul li div.item picture {
    position: relative;
    overflow: hidden;
    display: block;
}

.content div.article ul li div.item picture img {
    vertical-align: top;
    width: 100%;
    height: auto;
}

.content div.article ul li:hover div.item picture img {
    -moz-transform: scale(1.1) rotate(0deg);
    -webkit-transform: scale(1.1) rotate(0deg);
    -o-transform: scale(1.1) rotate(0deg);
    -ms-transform: scale(1.1) rotate(0deg);
    transform: scale(1.1) rotate(0deg);
}

.content div.article ul li div.item picture time {
    position: absolute;
    left: 0;
    top: 5px;
    z-index: 10;
    font-family: 'helv5normal';
    font-size: 10px;
    line-height: 30px;
    padding: 0 8px;
}

.content div.article ul li div.item picture span.hd {
    position: absolute;
    display: inline-block;
    top: 5px;
    right: 0;
    z-index: 10;
    font-family: 'helv5normal';
    font-size: 11px;
    height: 20px;
    padding: 5px 5px;
	color: #FFFFFF;
}

.content div.article ul li div.item picture span.hd i {
    display: inline-block;
    background: url('https://it.ingyensexvideo.com/files/look.png') left no-repeat;
    background-size: contain;
    width: 15px;
    height: 20px;
	margin-right: 5px;
}

.content div.article ul li div.item picture span.liked {
    position: absolute;
    display: inline-block;
    bottom: 5px;
    right: 0;
    z-index: 10;
    font-family: 'helv5normal';
    font-size: 10px;
    line-height: 30px;
    padding: 0 10px;
}

.content div.article ul li div.item picture span.liked i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url('https://it.ingyensexvideo.com/files/liked.png') center center no-repeat;
    background-size: contain;
    margin-right: 6px;
}

.content div.article ul li div.item div.title_item {}

.content div.article ul li:hover div.item {
    -webkit-box-shadow: 0px 0px 38px 0px rgba(25, 14, 7, 0.29);
    -moz-box-shadow: 0px 0px 38px 0px rgba(25, 14, 7, 0.29);
    box-shadow: 0px 0px 38px 0px rgba(25, 14, 7, 0.29);
}

.content div.article ul li div.item div.title_item p {
    padding: 2px 4px 2px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 15px;
}

.content div.article ul li div.item div.title_item p a {
    font-size: 11px;
    text-decoration: none;
    font-family: 'helv7bold';
}

.content div.article ul li div.item div.detal_item {}

.content div.article ul li div.item div.detal_item span,
.content div.article ul li div.item div.detal_item date {
    display: inline-block;
    float: left;
    font-family: 'helv5normal';
    font-size: 10px;
    line-height: 15px;
    width: 50%;
}

.content div.article ul li div.item div.detal_item span i,
.content div.article ul li div.item div.detal_item date i {
    display: inline-block;
    height: 15px;
    width: 16px;
    background: url('https://it.ingyensexvideo.com/files/look.png') center center no-repeat;
    background-size: contain;
    float: left;
    margin: 0 2px 0 2px;
}

.content div.article ul li div.item div.detal_item date {
    float: right;
}

.content div.article ul li div.item div.detal_item date i {
    background: url('https://it.ingyensexvideo.com/files/date.png') center center no-repeat;
    background-size: contain;
}




#totop {
    position: fixed;
    z-index: 90;
    display: block;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    right: 10px;
    bottom: 10px;
    opacity: 1;
}

#totop:hover {
    -webkit-box-shadow: 0px 0px 33px 0px rgba(30, 20, 20, 0.47);
    -moz-box-shadow: 0px 0px 33px 0px rgba(30, 20, 20, 0.47);
    box-shadow: 0px 0px 33px 0px rgba(30, 20, 20, 0.47);
}

.about_site {}
.pagerb {
    text-align: center;
}

.about_site h1,
.article h1,
.article h2,
.comment_area span.title {
    font-family: 'helv5normal';
    padding: 0 0 20px 0;
    font-size: 18px;
    position: relative;
    margin-bottom: 10px;
}

.about_site h1:after,
.article h1:after,
.article h2:after,
.comment_area span.title:after {
    content: '';
    display: block;
    width: 70px;
    left: 0;
    bottom: 10px;
    position: absolute;
    height: 2px;
}

.about_site p,
.about_site ol li,  .about_site ul li{
    font-size: 11px;
    line-height: 1.6;
    padding-bottom: 10px;
    color: #9f9d9c;
}

.about_site ol,  .about_site ul{
    margin: 7px 0 7px 15px;
    list-style-type: square;
}

footer {
    padding: 20px 0;
}

footer div {
    max-width: 1300px;
    margin: 0 auto;
}

footer div a.logotype_footer {
    font-size: 28px;
    font-family: 'helv5normal';
    margin-bottom: 15px;
    display: inline-block;
    text-decoration: none;
}

footer div a.logotype_footer strong {
    font-family: 'helv8heavy';
    text-decoration: none;
}

footer div p a,
footer div p {
    font-size: 11px;
    font-family: 'helv5normal';
    text-decoration: none;
    margin-right: 10px;
    text-transform: uppercase;
}

.video_content {
    margin-bottom: 25px;
}

.video_content div {
    padding-bottom: 56.34%;
    overflow: hidden;
    position: relative;
}

.video_content div iframe {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.video_content div.details div,
.video_content div.details {
    padding-bottom: 0;
}

.video_content div.details .video_digits {
    float: left;
    padding: 10px 0 10px 10px;
}

.video_content div.details .video_digits span {
    font-size: 11px;
    padding-left: 27px;
    background: url('https://it.ingyensexvideo.com/files/black_date.png') 0px 14px no-repeat;
    -webkit-background-size:20px;
    background-size:20px;
    margin: 0 25px 0 10px;
    line-height: 50px;
    display: inline-block;
    position: relative;
}


.video_content div.details .video_digits span:first-child {
    background: url('https://it.ingyensexvideo.com/files/black_look.png') 0px 14px no-repeat;
    -webkit-background-size:20px;
    background-size:20px;
}

.video_content div.details .video_digits span:last-child {
    background: url('https://it.ingyensexvideo.com/files/black_time.png') 0px 14px no-repeat;
    -webkit-background-size:20px;
    background-size:20px;
}

.video_content div.details .video_capabilities {
    float: right;
    padding: 10px 10px 10px 0;
    overflow: visible;
}

.video_content div.details .video_capabilities .download {
    float: left;
}

.video_content div.details .video_capabilities .download a {
    display: inline-block;
    line-height: 40px;
    font-size: 11px;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-left: 35px;
    padding-right: 15px;
    margin-right: 6px;
}

.video_content div.details .video_capabilities .rate {
    float: right;
    height: 40px;
    width: 280px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    overflow: visible;
}

.video_content div.details .video_capabilities .rate a {
    display: inline-block;
    float: left;
    width: 50%;
    height: 40px;
    cursor: pointer;
}

.video_content div.details .video_capabilities .rate a.good {
    background: url('https://it.ingyensexvideo.com/files/good.png') center center no-repeat;
    background-size: 15%;
    -webkit-transition: background-size ease-out 200ms;
    -moz-transition: background-size ease-out 200ms;
    -ms-transition: background-size ease-out 200ms;
    -o-transition: background-size ease-out 200ms;
    transition: background-size ease-out 200ms;
}

.video_content div.details .video_capabilities .rate a.bad {
    background: url('https://it.ingyensexvideo.com/files/bad.png') center center no-repeat;
    background-size: 15%;
    -webkit-transition: background-size ease-out 200ms;
    -moz-transition: background-size ease-out 200ms;
    -ms-transition: background-size ease-out 200ms;
    -o-transition: background-size ease-out 200ms;
    transition: background-size ease-out 200ms;
}
.video_content div.details .video_capabilities .rate a:hover{
    background-size: 17%;
}

.video_content div.details .video_capabilities .rate .rate_line {
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    overflow: visible;
}

.video_content div.details .video_capabilities .rate .rate_line hr {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 2px;
    vertical-align: top;
    border: 0;
}

.video_content div.details .video_capabilities .rate .rate_line small {
    position: absolute;
    bottom: 0;
    margin-bottom: -15px;
    font-size: 11px;
}

.video-quality {
    color: #fff;

    padding-top: 15px;
    padding-bottom: 10px;
}

.video_content .video-quality {
    padding-bottom: 10px;
}

.video-quality .quality {
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    background-color: #38291F;

    display: inline-block;
    padding: 6px 12px;
    margin: 0 6px 10px 0;

    cursor: pointer;
}

.video-quality .quality:hover,
.video-quality .quality:focus {
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #E72D2E;
}

.video-quality .active_quality {
    background-color: #E72D2E;
}

.video-quality-title {
    font-weight: bold;
    
    display: inline-block;
    margin-right: 10px;
}

.video_content div.categories_this_video {
    padding: 10px 10px 10px 0;
}

.video_content div.categories_this_video span {
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
}

.video_content div.categories_this_video p {
    line-height: 2;
}

.video_content div.categories_this_video p a {
    display: inline-block;
    padding: 4px 12px;
    text-decoration: none;
    font-size: 12px;
    margin: 0 6px 10px 0;
    cursor: pointer;
}

.video_content div.text_video {
    padding-bottom: 0;
}

.video_content div.text_video p {
    font-size: 11px;
    line-height: 1.6;
}

.load_more {
    margin: 10px 4px;
    text-align: center;
    line-height: 45px;
}

.load_more span {
    display: block;
    font-size: 12px;
    font-family: 'helv5normal';
    cursor: pointer;
}

.load_select span {
    opacity: 0;
}

.comment_area {
    margin: 20px 0 0 0;
}

.comment_area span.title {
    margin-bottom: 15px;
    display: block;
}

.comment_area .comment_item {
    overflow: hidden;
    margin-bottom: 10px;
}

.comment_area .comment_item .detal_comment {
    padding: 5px 0;
    font-size: 12px;
}

.comment_area .comment_item .detal_comment .date {
    font-size: 10px;
    float: right;
}

.comment_area .comment_item .comment {
    padding: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.comment_area .comment_item .comment p {
    font-size: 24px;
    line-height: 1.5;
}

.add_comment {
    margin-bottom: 170px;
}

.add_comment .KEmoji_Block {
    margin-bottom: 40px;
}

.add_comment .KEmoji_Block .KEmoji_Input > div[contenteditable=true] {
    font-size: 24px;
}

.form {
    margin-bottom: 50px;
}

.add_comment .textarea,
.form .textarea {
    padding: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.add_comment input[type="text"], .add_comment select,
.form input[type="text"] {
    padding: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.add_comment input[type="text"]:focus,
.add_comment .textarea textarea:focus,
.add_comment input[type="submit"]:focus,
.form input:focus {
    outline: none;
}

.add_comment .textarea textarea,
.form .textarea textarea {
    border: 0;
    width: calc(100% - 20px);
    padding: 10px;
    font-family: 'helv5normal';
}

.add_comment input[type="button"],
.form input[type="button"] {
    font-size: 11px;
    height: 40px;
    line-height: 40px;
    font-family: 'helv5normal';
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 15px 0 35px;
    margin-top: 10px;
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
}

.add_comment .textarea p,
.form .textarea p {
    padding: 5px 0 10px 0;
}

.add_comment .textarea p a,
.form .textarea p a {
    text-decoration: none;
}

.add_comment .textarea p a img {
    height: 25px;
}

.page_area p,
.page_area p a {
    font-size: 12px;
    text-decoration: none;
    line-height: 1.6;
    font-family: 'helv5normal';
}

.page_area .form {
    margin-top: 35px;
}

.bounceIn,
.bounceOut {
    animation-duration: .75s;
}

/*
Bootstrap pagination
 */
.pagination {
    display: inline-block;
    margin-top: 1em;
    margin-bottom: 1rem;
}
.pagination li{
    display: inline-block;
    width: auto !important;
}

.pagination > li > a, .pagination > li > span {
    color: #eeddcc;
    float: left;
    display: block;
    font-size: 12px;
    min-width: 50px;
    line-height: 50px;
    text-decoration: none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background-color: #39281d;
    margin-right: 0.250em;
}

.pagination > li.active > a, .pagination > li.active > span {
    background-color: #ED1F24;
    color: #fff;

}

.pagination a:hover:not(.active) {background-color: #ed1f24; color: #fafafa}



.pagination li:last-child a{
    margin-right: 0;
}
/*Bootstrap pagination end*/

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

.animated,
header div.logotype p,
header div.logotype h1 {
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

.page_header.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background: #39281d;
}

@media screen and (max-width:1300px) {
    header div.head_topline,
    header div.logotype,
    .about_site,
    footer div,
    .article h1,
    .article h2,
    .video_content div.text_video,
    .comment_area span.title,
    .comment_area .comment_item,
    .add_comment,
    .page_area {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (min-width:1300px) {
    div.article > ul > li {
        width: 25%;
    }
}

@media screen and (max-width:1180px) {
    .video_content div.details .video_digits {
        float: none;
        display: block;
        padding-bottom: 0;
    }
    .video_content div.details .video_capabilities {
        float: none;
        text-align: left;
        padding: 0 0 20px 10px;
    }
    .video_content div.details .video_capabilities:after {
        content: '';
        display: block;
        clear: both;
    }
    .video_content div.details .video_capabilities .rate,
    .video_content div.details .video_capabilities .download {
        float: left;
    }
    .video_content div.details .video_digits span {
        float: left;
        width: calc(33.3% - 70px);
    }
}

@media screen and (max-width:960px) {
    header div.head_topline form {
        width: 300px;
    }
     div.article > ul > li {
        width: 50%;
    }
    header div.head_topline nav a {
        padding: 0 20px;
    }
    .content {
        padding-top: 0;
    }
}

@media screen and (min-width:781px) {
   .page_header.sticky .logotype {
       display: none; 
    }
}
@media screen and (max-width:780px) {
    .article h1,
    .article h2 {
        margin-top: 25px;
    }
    .content aside .categories_list {
        margin-right: 0;
    }
    .content aside {
        float: none;
        display: block;
        width: 100%;
    }
    .category_holder.sticky {
        position: fixed;
        top: 55px;
        right: 0;
        left: 0;
        z-index: 100;
    }
    .content div.article {
        width: 100%;
    }
    .content aside .categories_list ul {
        display: none;
    }
    .content aside .opencategories ul {
        display: block;
        height: calc(100vh - 106px);
        max-height: 95vh;
        overflow: auto;
    }
    .content aside .categories_list ul li a {
        font-size: 16px;
    }
    .content aside .categories_list .box_title i {
        top: 24px;
    }
    .content aside .categories_list .box_title {
        cursor: pointer;
        margin-bottom: 0px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }
    div.article > ul > li {
        width: 50%;
    }
    header:after {
        content: '';
        display: block;
        clear: both;
    }
    header div.head_topline nav {
        display: none;
    }
    header {
        position: relative;
    }
    header div.head_topline nav.visiblenav {
        display: block;
        position: absolute;
        top: 50px;
        z-index: 90;
        left: 0;
        width: calc(100% - 20px);
        padding-left: 10px;
        padding-right: 10px;
    }
    header div.logotype {
        float: left;
        width: 170px;
    }
    header div.head_topline {
        width: calc(100% - 200px);
        float: right;
        padding-left: 0;
        padding-right: 0;
    }
    header div.logotype {
        padding-top: 5px;
    }
    header div.logotype a {
        font-size: 23px;
    }
    header div.logotype p {
        display: none;
    }
    header div.logotype b {
        display: block;
    }
    header div.head_topline form{
        background-color: #ddcb99;
    }
}

@media screen and (max-width:520px) {
    header div.head_topline form {
        width: 250px;
    }
}

@media screen and (max-width:480px) {
    div.article > ul > li {
        float: none;
        display: block;
        width: 100%;
    }
    .content div.article ul li div.item div.title_item p {
        height: auto;
    }
    .content div.article ul li div.item div.title_item p a,
    .content div.article ul li div.item picture span.liked,
    .content div.article ul li div.item div.detal_item date,
    .content div.article ul li div.item div.detal_item span,
    footer div p a,
    footer div p {
        font-size: 15px;
    }
    footer div p a,
    footer div p {
        line-height: 2;
    }
    .content div.article ul li div.item picture time {
        font-size: 14px;
    }

    header div.logotype,
    header div.head_topline form,
    header div.head_topline {
        float: none;
        width: 100%;
        display: block
    }
    header div.head_topline form {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: calc(100% - 0px);
        padding-left: 10px;
        padding-right: 10px;
        border-bottom:none;
        background-color: #ddcb99;
    }
    header div.head_topline {
        padding-top: 50px;
        padding-right: 0;
    }
    header div.logotype {
        width: 180px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -90px;
    }

    .content aside .opencategories ul {
        height: calc(100vh - 155px);
    }

    .category_holder.sticky .opencategories ul {
        height: calc(100vh - 85px);
    }

    .video_content div.details .video_digits span {
        width: calc(33.3% - 35px);
        margin: 0 5px 0 0;
    }
    .video_content div.details .video_digits {
        padding: 0 0 0 10px;
    }
    .pagination{
        margin-bottom: 0;
    }
    .pagination li{
        margin-bottom: 5px;
    }
    header div.head_topline form input[type="text"]::-webkit-input-placeholder {
        color: #503526;
    }

    header div.head_topline form input[type="text"]::-moz-placeholder {
        color: #503526;
    }

    header div.head_topline form input[type="text"]:-moz-placeholder {
        color: #503526;
    }

    header div.head_topline form input[type="text"]:-ms-input-placeholder {
        color: #503526;
    }

    .category_holder.sticky {
        top: 85px;
    }

    .page_header.sticky .head_topline {
        height: 35px;
    }
    
    .page_header.sticky .head_topline form input[type="submit"] {
        height: 35px;
    }
    
    .page_header.sticky .head_topline form {
        height: 35px;
        line-height: 35px;
    }
    
    .page_header.sticky .head_topline form:after {
        display: none;
    }
    
    .content .category_holder.sticky .categories_list .box_title {
        font-size: 0;
        position: absolute;
        left: 0;
        top: -85px;
        background: none;
    }
}

@media screen and (max-width:450px) {
    header div.head_topline nav a {
        padding: 0 5px;
    }
}

@media screen and (max-width:430px) {
    header div.head_topline nav a {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .video_content div.details .video_capabilities .rate {
        width: calc(100% - 20px);
    }
    .video_content div.details .video_capabilities .download,
    .video_content div.details .video_capabilities .rate {
        float: none;
        display: block;
    }
    .video_content div.details .video_capabilities .download a {
        width: calc(100% - 70px);
        margin-right: 0;
        margin-bottom: 10px;
        text-align: center;
        font-size: 15px;
    }
}