@media only screen and (min-width:768px) and (max-width:1024px) {
    .mobi_nofloat {
        clear: both!important;
        float: none!important;
    }
    .tab-block {
        display: block;
        float: none;
        clear: both;
    }
    body {
        padding-bottom: 14rem!important;
    }
    .bodycontent .logindiv .logincontent {
        width: 35%;
    }
    .generalheader .navbar-header.logodiv img {
        width: 300px;
    }
    .bodycontent .carousel_div .carousel-inner {
        height: auto;
    }
    .bodycontent .carousel_div .carousel-control {
        width: 10%;
    }
    .blog_div .nav .txt {
        display: none;
    }
    .blog_div .tab-content .grid .item .comments .widthit .imgdiv {
        width: 100%;
        padding: 0 15px 0 8px;
    }
    .blog_div .tab-content .grid .item .comments .widthit .valueit {
        line-height: 25px;
        width: 100%;
        float: none;
        clear: both;
        display: block;
        text-align: center;
        padding: 0;
    }
    .upcard_div .card_body .img_div,
    .updates_content .update_body .recent_div .upcard_div .card_body .txt_div {
        width: 100%;
    }
    .blog_div .tab-content .item .imgcontainer .imgclass {
        height: auto!important;
    }
    .blog_div .tab-content .item .imgcontainer .imgclass img {
        object-fit: cover;
    }
    .updates_content .update_body .recent_div .upcard_div .card_body .txt_div {
        padding-top: 10px;
    }
    .updates_content .update_body .recent_div .upcard_div .card_body .img_div img {
        width: 100%;
    }
    .updates_content .update_body .checkbox .styled-checkbox+label {
        padding: 0 10px 0 0;
    }
    /* datepicker */
    .dateclass {
        width: 100%;
        float: none;
        clear: both;
    }
    .dropdown-menu.datepicker {
        right: 20px!important;
        padding: 0;
    }
    .datepicker td span {
        width: 45px!important;
    }
    .datepicker .table-condensed>thead>tr>th,
    .datepicker .table-condensed>tbody>tr>th,
    .datepicker .table-condensed>tfoot>tr>th,
    .datepicker .table-condensed>thead>tr>td,
    .datepicker .table-condensed>tbody>tr>td,
    .datepicker .table-condensed>tfoot>tr>td {
        padding: 2px;
    }
    .yearslider .btndiv {
        margin: 5px 0px;
    }
    .rating {
        width: 100%;
        min-height: 23px;
        padding: 0;
    }
    .rating>label:before {
        font-size: 14px;
        padding: 0 5px;
    }
    .tab-content .recentwrapper.grid {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
    .tab-content .recentwrapper.grid .item {
        width: 49%;
        margin: 0 1% 10px 0;
    }
    .tab-content .recentwrapper.grid .item:nth-child(3n) {
        margin: 0 1% 10px 0;
    }
    .recent_div .recentwrapper.grid .recentitem {
        margin: 0 5px 10px 0px;
        width: 49%;
    }
    .recent_div .recentwrapper.grid .recentitem:nth-child(3n) {
        margin: 0 5px 10px 0px;
    }
    .widthit.displayAuthor {
        font-size: 14px;
    }
    .recent_details .dispflex .widthit .imgdiv {
        width: 100%;
        margin-bottom: 5px;
    }
    .recent_details .dispflex .widthit .imgdiv img {
        width: 12px;
    }
    .recent_div .recent_details .dispflex .widthit .valueit {
        padding: 0 5px;
    }
    .tab-content .list .details {
        height: auto!important;
    }
    .recent_div .list .recent_details {
        min-height: 197px;
    }
    .recentwrapper.grid .recentitem .comments .widthit:nth-child(1) .imgdiv {
        padding: 0!important;
    }
    .recentwrapper.list .recentitem .recent_details .contents {
        margin: 0;
    }
    .recent_div .recentwrapper.grid .recentitem .comments .widthit .imgdiv {
        padding: 0 0px 0 5px;
        line-height: 2;
    }
    .recentwrapper.grid .recentitem .recent_details .contents .dispflex .widthit.displayType,
    .recentwrapper.grid .recentitem .recent_details .contents .dispflex .widthit.displayDate,
    .recentwrapper.grid .recentitem .recent_details .contents .dispflex .widthit.displayPublisher {
        display: none!important;
    }
    /* collection page */
    .searchdata .form-group.dispflex.charset_div {
        display: block;
    }
    .col_datacontent .searchdata .sortcontainer {
        width: 18%;
    }
    .col_datacontent .searchdata .charcontent {
        width: 100%;
        display: block;
        margin: 10px 0px;
    }
    .blog_div .collectioncontent .collectionbox .collectionwrapper .item .details .txt {
        min-height: 130px;
        height: 130px;
    }
    .blog_div .collectioncontent .recentwrapper.grid .recentitem .imagediv .imgclass {
        width: 100%;
        margin: 5% auto;
    }
    .blog_div .collectioncontent .recent_div .recentwrapper.list .recentitem .imagediv {
        max-width: 25%;
    }
    .blog_div .collectioncontent .recent_div .recentwrapper.list .recentitem .imagediv img {
        width: 100%;
    }
    .blog_div .collectioncontent .recent_div .list .recent_details {
        width: 75%;
    }
    .col_datacontent .searchdata .tab-content form .form-group .charinput_div {
        width: 100%;
    }
    .col_datacontent .searchdata .tab-content form .form-group div.charcontent span {
        padding: 2px 2px;
    }
    /* pfa page */
    .pfasection .sideinfo .circlediv .circle img,
    .pfasection .sideinfo .circlediv .circle.right .borderblack {
        width: 75px;
        height: 75px;
    }
    .pfasection .sideinfo .circlediv {
        min-height: 80px;
    }
    .pfasection .sideinfo .logoinfo .sidefooter img {
        width: 100%;
    }
    .pfasection .collectionwrapper .topcontent .useraction {
        height: auto;
    }
    .pfasection .useraction .useraction_social {
        padding: 10px 0px;
        float: none!important;
        clear: both;
    }
    .pfasection .collectionwrapper .item .imgcontainer {
        width: 22.7%!important;
    }
    .pfasection .collectionwrapper .item .details {
        width: 76.5%!important;
        height: auto!important;
        padding-left: 2%!important;
    }
    .pfasection .collectionwrapper .item .details .useraction_personal,
    .pfasection .collectionwrapper .item .details .useraction_social {
        width: 100%;
        padding: 0;
    }
    .pfasection .collectionwrapper .topcontent .txt {
        min-height: auto!important;
        height: auto!important;
    }
    .useraction .useraction_social .btn {
        margin: 2px 10px 0 0;
    }
    .pfasection .middlecontent .dispflex {
        display: block;
    }
    .pfasection .middlecontent .infoblock {
        display: block;
        padding-right: 10px;
        border-right: none;
    }
    .pfasection .middlecontent .reportinfo i.facircle {
        padding: 0;
        margin: 0 4px;
    }
    .pfasection .middlecontent .reportinfo i.fa-language {
        margin: 0;
    }
    .pfasection .middlediv .attachmentinfo .attchmentbody .filediv {
        width: 25%;
    }
    .pfasection .middlecontent .attachmentinfo .attchmentbody .filediv {
        width: 33.33%;
    }
    .pfasection .middlediv .attachmentinfo .attchmentbody .filediv i .size {
        bottom: 0;
        left: 0px;
        right: 0;
        width: 100%;
        padding: 3px 0px;
    }
    .recentwrapper.grid .recentitem .comments .widthit {
        font-size: 13px;
    }
    .pfasection .recent_div .recentwrapper.grid .recentitem {
        width: 32.3333%;
    }
    .pfasection .recentwrapper.grid .recentitem .comments .widthit .imgdiv {
        padding: 0 0px 0 4px;
    }
    .recentwrapper.grid .recentitem .comments .widthit .valueit {
        padding: 5px 5px 0px 5px;
    }
    /* browse_date */
    .browse_date .recent_div .recentwrapper.grid .recentitem {
        width: 32.33%;
    }
    .browse_date .recent_div .recentwrapper.grid .recentitem .imagediv .imgclass {
        margin: 5% 15% 0;
        width: auto;
    }
    .browse_date .searchdata .well {
        text-align: justify;
    }
    .browse_date .searchdata .tab-content form label {
        padding: 0px 15px 0 0;
        font-weight: 500;
    }
    .browse_date .searchdata .panelsection .panel-group {
        width: 49.33%;
    }
    .browse_date .recentwrapper.grid .recentitem .comments .widthit:nth-child(1) .imgdiv {
        padding: 0px 5px 0 0px;
    }
    .browse_date .form-inline .form-control {
        margin-bottom: 10px;
    }
    .browse_date .searchdata form input.btn.update {
        position: absolute;
        margin-left: 41px;
    }
    /* search page */
    .discoverypad .col-sm-2 {
        width: 25%;
    }
    .discoverypad .col-sm-4 {
        width: 50%;
    }
    .discoverypad .centerblock {
        margin: auto;
        width: 25%;
        clear: both;
        float: none;
        padding-top: 10px!important;
        display: block;
    }
    .footer .footerbody {
        padding: 5px 15px;
    }
    /* hide in tablet */
    .tab_hide {
        display: none;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {
    .rating {
        width: 70%;
    }
    /* collections page */
    .blog_div .collectioncontent .recent_div .recentwrapper.list .recentitem .imagediv {
        max-width: 25%;
    }
    .blog_div .collectioncontent .recent_div .list .recent_details {
        width: 75%;
    }
    /* pfa page */
    .pfasection .collectionwrapper .item .imgcontainer {
        width: 16.7%!important;
    }
    .pfasection .collectionwrapper .item .details {
        width: 83.3%!important;
        height: auto!important;
    }
    .pfasection .sideinfo .circlediv .circle.left {
        left: 20%;
    }
    /* browse_date */
    .browse_date .recent_div .recentwrapper.grid .recentitem {
        width: 24.33%;
    }
}