@media only screen and (max-width: 1200px) .viki-container #main #articles article .article-content {width: 54%; margin-left: 10px; } } @media only screen and (max-width: 992px) {.viki-container #main #articles article > a .art {position: absolute; top: 10px; left: auto; right: -3px; background: #e21b20; padding: 4px 10px; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 14px; z-index: 1; display: block; } .viki-container #main #articles article > a .art:after {content: ''; position: absolute; display: block; bottom: -3px; width: 0; height: 0; border-top: 3px solid #000; border-left: 0; border-right: 3px solid #fff; left: auto; right: 0; } .main-profile .main-container .search-tabs li a {padding: 20px 13px; } .main-profile .profile-header .profile-img {width: 180px!important; height: 180px!important; position: relative!important; top: 20px!important; } .padd {padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 768px) {.flash .row a img {width: 100%; height: 184px; } .input-group .input-group-addon: first-child img {width: 100% !important; } .col-sidebar {padding-right: 15px; } .viki-container #main #videos {padding-right: 15px; } .no-mobil {display: none; } .img-mobil {display: block; } .viki-container #main #articles article a {margin-top: 5px; display: inline-block; } .viki-container #main #articles article .news-img {width: 100%; } .viki-container .col:nth-child(3) a:first-child, .viki-container .col:nth-child(3) a:last-child {width: 48%; float: left; } .viki-container .col:nth-child(3) a:first-child {margin-right: 15px; margin-left: 0; } .viki-container .col:nth-child(3) a:last-child {margin-left: 13px; } .viki-container .col:nth-child(2) a img {height: 184px !important; } .ads1 {padding-right: 15px; padding-left: 15px; } .navbar-toggle {display: block !important; } .main-profile .main-container {padding-right: 15px !important; } .main-profile .profile-header .profile-img img {margin-top: -60px; margin-left: -50px; border: 4px solid #fff; -webkit-border-radius: 100px; -khtml-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); } .main-profile .profile-header .profile-img {width: 100px!important; height: 100px!important; position: absolute!important; left: 50%!important; top: 50%!important; background: none!important; } .bottom15 {margin-bottom: 10px; } .main-profile .profile-left aside {padding: 50px 0; } .main-profile .main-container {padding-right: 15px; } .main-profile .main-container .profile-setting-content #collapse6 button {margin-top: 20px; } .responsive-login {margin-top: 20px; float: right; font-size: 20px; color: #333; display: block; } .viki-container .col {padding: 0 15px !important; margin-bottom: 10px; } .viki-container .col:first-child {padding: 0 15px; } .navbar-toggle {background: #f7f7f7; border: 1px solid #e4e4e4; } .navbar-collapse {border-top: 1px solid #e4e4e4; } .header-menu {display: none; } header .header-top .page-header-content {text-align: center; } header .header-top .page-header-content .header-viki {display: none; float: none; margin-top: 20px; } .mobile-search .input-group .input-group-btn {display: table-cell!important; } .mobil-6 {width: 50%; display: inline-block; float: left; } .main-profile .main-container .search-tabs {margin-bottom: 0!important; padding: 0 !important; background: none !important; border: 0 !important; display: inline-block; } .main-profile .main-container .search-tabs li.active {background: none!important; border: 0!important; margin-top: 0!important; cursor: default!important; padding-bottom: 11px!important; border-bottom: 2px solid #1769ff !important; } .main-profile .main-container .search-tabs li a {display: inline-block; font-size: 14px!important; color: #1a1a1a; font-weight: 500 !important; text-decoration: none; margin: 0 5px!important; padding: 0!important; } .main-profile .main-container .tab-div {text-align: center; border-bottom: 1px solid #ddd; height: 30px; margin-bottom: 10px; } .emoji > .emoji__self {margin: 0; padding: 0; } .emoji > .emoji__self > a > img {width: 40px; height: 40px; } } @media only screen and (max-width: 424px) {.emoji > .emoji__self > a > img {width: 30px; height: 30px; } } @media only screen and (max-width: 320px) {.emoji > .emoji__self > a > img {width: 25px; height: 25px; } } @media only screen and (max-width: 480px) {.viki-container .col: nth-child(3) a:last-child {margin-left: 0; } .viki-container #main #articles article a, .viki-container #main #articles article .article-content {margin-left: 0; float: none; width: 100%; } .viki-container #main #articles article a, .viki-container #main #galleries article a {font-weight: 500; font-size: 15px; } .ads1 {padding-left: 15px; } #videos {display: none; } .viki-container #main #articles article a {margin-top: 0; } .viki-container .col:nth-child(3) a:first-child, .viki-container .col:nth-child(3) a:last-child {width: 100%; float: none; margin: 0; } .viki-container .col:nth-child(3) a:first-child {margin-bottom: 10px; } .viki-container .col:nth-child(2) a img {height: auto; } .main-profile .profile-header .profile-img .profile-img-upload, .main-profile .profile-header .profile-img:after, .main-profile .profile-header .profile-cover {display: none; } #galleries, #video {display: none; } .viki-detail-container #articles article .article-content {margin-top: 10px; } .viki-detail-container #articles article .news-img {width: 100%; float: none; } .viki-detail-container #articles article aside {margin-top: 0; position: relative; left: 0; bottom: 0; } .viki-container #main #articles article p {display: none; } .viki-container #main #articles article > a {font-weight: normal; font-size: 16px; position: relative; } .viki-container #main #articles article a h5 {margin: 5px 0; display: inline-block; } .viki-container #main #articles article aside {margin-top: 0; } .viki-container #main #articles .child-item:nth-of-type(3n+0) > a img, .viki-container #main #articles .child-item:nth-child(3n+0) > a img {width: 100%; } .viki-container #main #articles .child-item:nth-of-type(3n+0), .viki-container #main #articles .child-item:nth-child(3n+0) {width: 100%; padding-right: 15px; padding-left: 15px; } .mobil-6 {width: 100%; } #menu #category {float: left; padding-left: 15px; line-height: 55px; color: #000; font-size: 18px ; font-weight: 700 ; cursor: pointer ; } .nav-right {float: none !important; } .nav-right .page-search {float: none; } footer .footer-bottom {text-align: center; } footer .footer-bottom .footer-bottom-right-text p {text-align: inherit; } .mobile-search {display: block; } .page-search {display: none; } .dropdown-inner .list-unstyled {display: inline-block; width: 49%; } .navbar-nav>li>.arrow:before {display: none; } .header-menu {display: none; } .detail-main .social-controls .fbshare, .detail-main .social-controls .twitter {width: inherit; padding-right: 12px; } .detail-main .social-controls .fbshare span, .detail-main .social-controls .twitter span {display: none; } .padd .col-md-8 {border-right: 0px; box-shadow: none; } } @media only screen and (max-width: 320px) {.main-profile .main-container .search-tabs li a {font-size: 12px!important; } .loginmodal-container .loginmodal-header, .loginmodal-container div.socialLogin h2 {font-size: 15px!important; } .padd .social-controls .visitcount {margin-right: 0px!important; } .detail-main .social-controls .sharecount, .detail-main .social-controls .fbshare, .detail-main .social-controls .twitter, .detail-main .social-controls .visitcount {margin-right: 5px; } } @media only screen and (max-width: 1199px) {.viki-container .col: nth-child(2) a img {height: 258px; } } @media only screen and (max-width: 425px) {.padd {padding-left: 15px; padding-right: 15px; } .viki-container #main #articles article .news-img {margin-right: 0px!important; } } @media only screen and (max-width: 650px) {.viki-container .col: nth-child(3) a:last-child {margin-left: 9px; } .viki-container #main #articles .child-item:nth-child(3n+0) > a img, .viki-container #main #articles .child-item:nth-of-type(3n+0) > a img {width: 100%; } } @media only screen and (min-width: 1025px) {.viki-container #main #articles article > a .art {display: none!important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) {.viki-container #main #articles article {margin-right: 0px; } .viki-container #main #articles article > a:first-child {width: 40%; margin-right: 3%; height: 115px; } .viki-container #main #articles article > a:last-child {width: 57%; } } @media only screen and (min-width: 768px) and (max-width: 1200px) {.up-2 {} .up-2 img {height: 258px !important; } }