@media (min-width: 1200px) and (max-width: 1399px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 1399px) {}

@media (max-width: 1199px) {
    .navbar-content .search {
        width: 250px;
    }
    .whoweare-section .wwc-left {
        padding: 100px 30px;
    }
    .whoweare-section .wwc-left .wwcl-block h3 {
        font-size: 54px;
        line-height: 57px;
    }
    .whoweare-section .wwc-right {
        padding: 100px 100px;
    }

    .whatwedo-head {
        margin-bottom: 30px;
    }
    .whatwedo-section .whatwedo-head h3 {
        font-size: 54px;
        line-height: 57px;
    }
    .benefits-section .benefitsec-head {
        margin-bottom: 25px;
    }
    .benefits-section .benefitsec-head h3 {
        font-size: 54px;
        line-height: 57px;
    }
    .parts-section .partsec-head {
        margin-bottom: 20px;
    }
    .parts-section .partsec-head h3 {
        font-size: 54px;
        line-height: 57px;
    }
    
    .adspace {
        display: none;
        width: 100%;
        margin: 25px 0px 0px 0px;
    }
    .adspace .ad-1 {
        text-align: center;
    }
    .screenshots-sec .cell-row .cell {
        height: 110px;
    }
    .recenttrans-block {
        padding: 0 0px;
        margin-top: 10px;
    }

    .youtube-details .confirmed-block  .confirmed-list li {
        width: 100%;
    }
    .chat-screen-wrap .right .top .cell-right,
    .chat-screen-wrap .right .top .cell-left {
        padding-left: 0;
        padding-right: 0;
    }

    .third-column {
        width: 100%;
        margin: 0;
    }
    .downloadapp-widget {
        margin-top: 20px;
    }
    .downloadapp-widget .title {
        text-align: center;
    }
    .downloadapp-widget .app-links {
        flex-direction: row;
        justify-content: center;
    }
    .downloadapp-widget .app-links a {
        margin-bottom: 0px;
        margin-right: 10px;
    }
    .downloadapp-widget .app-links a:last-child {
        margin-right: 0px;
    }
    .downloadapp-widget .app-links a img {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .logreg-wrap .lrw-block.left {
        display: none;
    }

    .logreg-wrap .lrw-block {
        width: 100%;
    }
    .logreg-wrap .lrw-block.right > div {
        margin: 0px 0px;
    }
    .logreg-wrap .lrw-block.right .lrwbr-head .logo {
        display: block;
    }
    .logreg-wrap .lrw-block.right .copyright p {
        text-align: center;
    }

    .logreg-wrap .lrw-block.right .socialmedia {
        display: block;
    }
    /* .logreg-wrap .lrw-block.right {
        padding: 30px 30px 150px 30px;
    } */

    .list-page-wrap .right-list {
        margin-left: 0;
    }

    /* navbar :start */
    .navbar-content ul.navcont-list > li {
        margin-left: 10px;
    }
    .navbar-logo .logo {
        max-height: 70px;
    }
    .current-user {
        padding: 0px;
    }
    .current-user p {
        display: none;
    }
    .current-user i {
        display: none;
    }
    .nav-community a {
        padding: 7px 15px;
    }
    .hamburger-wrap {
        display: block;
    }
    /* navbar :end */

    /* side menubar :start */
    .list-page-wrap .left-list {
        position: fixed;
        top: 0;
        left: -300px;
        z-index: 99;
        height: 100vh;
        background-color: #fff;
        box-shadow: 2px 0px 10px 0 rgb(32 33 36 / 30%);
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-transition: left 0.5s;
        -moz-transition: left 0.5s;
        -ms-transition: left 0.5s;
        -o-transition: left 0.5s;
        transition: left 0.5s;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: -webkit-fill-available;
    }
    .list-page-wrap .left-list .simplebar-scrollbar::before {
        background: #dfdfdf;
    }
    .list-page-wrap .left-list.open {
        left: 0;
    }
    /* side menubar :end */

    .whoweare-section .wwc-left {
        padding: 50px 30px;
    }
    .whoweare-section .wwc-right {
        padding: 50px 50px;
    }
    .whoweare-section .wwc-right .wwcr-block p {
        font-size: 16px;
        line-height: 29px;
    }    

    .whoweare-section .wwc-left .wwcl-block h3 {
        font-size: 50px;
        line-height: 53px;
    }

    .features-section {
        padding: 50px 0px;
    }

    .whatwedo-head {
        margin-bottom: 30px;
    }
    .whatwedo-section {
        padding: 50px 0px;
    }
    .whatwedo-section .whatwedo-head h3 {
        font-size: 50px;
        line-height: 53px;
    }
    .whatwedo-section .whatwedo-head h5 {
        margin-bottom: 10px;
    }

    .benefits-section {
        padding: 50px 0px;
    }
    .benefits-section .benefitsec-head h3 {
        font-size: 50px;
        line-height: 53px;
    }
    .benefits-block {
        padding: 12px 0px;
    }
    .benefits-block .benefits-inner {
        padding: 30px 30px;
    }
    .benefits-block .benefits-inner .image {
        margin-right: 10px;
    }
    .parts-section {
        padding: 50px 0px;
    }
    .parts-section .partsec-head h3 {
        font-size: 50px;
        line-height: 53px;
    }

    .log-footer {
        padding: 50px 0px;
    }
    .log-footer .logf-left {
        text-align: center;
        margin-bottom: 30px;
    }
    .log-footer .logf-right {
        text-align: center;
        border-left: 0;
        padding-left: 0px;
    }
    .log-footer .socialmedia ul {
        justify-content: center;
    }
    .log-footer .logf-right h3 {
        font-size: 28px;
    }
    .log-footer .logf-right p {
        font-size: 14px;
    }
    .chat-screen-wrap {
        overflow: hidden;
    }
    .chat-screen-wrap .left {
        position: absolute;
        left: -280px;
        top: 0;
        z-index: 9;
        height: 100%;
        -webkit-transition: 0.3s;
           -moz-transition: 0.3s;
            -ms-transition: 0.3s;
             -o-transition: 0.3s;
                transition: 0.3s;
    }
    .chat-screen-wrap .left.open {
        left: 0;
    }
}
@media (min-width: 768px) {
    .email-edit {
        width: 400px;
    }    
}
@media (max-width: 767px) {
    .fcontent-wrap {
        flex-direction: column;
        align-items: center;
    }
    .fcontent-wrap .fsocialmedia {
        margin-bottom: 15px;
    }

    .whoweare-section .wwc-left .wwcl-block h3 {
        font-size: 40px;
        line-height: 43px;
    }

    .features-section {
        padding: 40px 0px;
    }

    .whatwedo-section {
        padding: 40px 0px;
    }
    .whatwedo-section .whatwedo-head h3 {
        font-size: 40px;
        line-height: 43px;
    }
    
    .benefits-section {
        padding: 40px 0px;
    }
    .benefits-section .benefitsec-head h3 {
        font-size: 40px;
        line-height: 43px;
    }
    .parts-section {
        padding: 40px 0px;
    }
    .parts-section .partsec-head h3 {
        font-size: 40px;
        line-height: 43px;
    }

    .current-session {
        flex-direction: column;
        align-items: flex-start;
    }
    .current-session .currentsec-title {
        margin-bottom: 15px;
    }

    .profilepg-wrap .myprofile-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .profilepg-wrap .myprofile-head .profile-pic {
        margin: 0px 0px 15px 0px;
    }
    .profilepg-wrap .myprofile-head .profile-follow {
        margin-left: 0;
        padding-left: 0;
    }
    .profilepg-wrap .profile-rewards ul {
        flex-direction: column;
    }
    .profilepg-wrap .profile-rewards ul li {
        margin-bottom: 15px;
    }

    .profilepg-wrap .profile-rewards ul .account-type .name p {
        font-size: 14px;
    }
    .profilepg-wrap .profile-rewards ul .account-type .name p span {
        font-size: 16px;
    }
    .profilepg-wrap .profile-personal ul li {
        margin-bottom: 20px;
    }
    .profilepg-wrap .profile-rewards ul .you-earn p {
        font-size: 16px;
        line-height: 30px;
    }
    .profilepg-wrap .profile-rewards ul .you-earn p span {
        font-size: 30px;
    }
    .profilepg-wrap .profile-personal ul li p {
        font-size: 18px;
    }

    .creatorspg-right .creators-ul {
        flex-wrap: wrap;
    }
    .creatorspg-right .creators-ul > li {
        margin: 0px;
        padding: 5px 5px;
        flex: 1;
    }
    .creatorspg-right .creators-ul .csearch-wrap {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .creatorspg-right .creators-ul .creators-select .nice-select {
        width: 100%;
    }
    .url-edit span.input-group-text {
        display: block;
        width: 100%;
        word-break: break-all;
        white-space: normal;
    }
    .screenshots-sec .cell-row .cell {
        flex: 1 0 25%;
    }
    .submitted-section {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .submitted-section>div {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .submitted-section>div:last-child {
        margin-bottom: 0;
    }
    .fcontent-wrap .fcopyright p {
        text-align: center;
    }
    .chat-screen-wrap {
        height: 500px;
    }

    .notification-dropdown {
        width: 300px;
    }
    .notification-dropdown .notification-count p {
        font-size: 18px;
    }
    .notification-dropdown .notification-count p span {
        font-size: 14px;
        width: 30px;
        height: 30px;
    }
    .notification-dropdown .notification-list-wrap .notification-block {
        padding: 15px 15px;
    }
    .notification-dropdown .notification-list-wrap .notification-block .details h4 {
        font-size: 15px;
    }    
    .notification-dropdown .notification-list-wrap .notification-block .details p {
        font-size: 14px;
    }
    .socialModal .modal-dialog {
        min-width: 510px !important;
    }
    .socialModal .modal-body {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 575px) {
    .navbar-content ul.navcont-list > li {
        margin-left: 8px;
    }
    .whoweare-section .wwc-left .wwcl-block h3 {
        font-size: 36px;
        line-height: 39px;
    }
    .whatwedo-section .whatwedo-head h3 {
        font-size: 36px;
        line-height: 39px;
    }
    .benefits-section .benefitsec-head h3 {
        font-size: 36px;
        line-height: 39px;
    }
    .parts-section .partsec-head h3 {
        font-size: 36px;
        line-height: 39px;
    }
    .nav-community a {
        padding: 8px 10px 6px 10px;
        font-size: 12px;
    }
    .addquestion-frm-wrap .buttons {
        flex-direction: column-reverse;
    }
    .addquestion-frm-wrap .buttons .btn {
        margin: 0;
    }
    .addquestion-frm-wrap .buttons .btn.btn-addquestion {
        margin-bottom: 12px;
    }
    .screenshots-sec .cell-row .cell {
        flex: 1 0 40%;
    }
    .socialModal .modal-dialog {
        min-width: auto !important;
    }
    .socialModal .modal-body {
        padding-left: 15px;
        padding-right: 15px;
    }
    .toast {
        max-width: 290px;
    }
    .community-block .comb-bottom {
        margin-top: 20px;
        flex-direction: column;
    }
    .community-block .comb-bottom .answers-count a {
        margin: 15px 0 0px 0;
    }
    .community-block .comb-bottom ul li.author span {
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .download-sec {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        align-items: flex-start;
    }
}