/*********************TABLETS***********************/
@media(min-width: 768px) and (max-width: 1024px){
    .ads-content .likbtn {
        margin: 7px
    }
    .keep-itp{
        margin-top: 10px;
    }
}
@media only screen and (max-width: 850px){
    .evnt-buy-now {
        margin-top: 15px;
    }
    .login-btn {
        margin-bottom: 7px;
    }
}

/*********************Mobiles***********************/
@media(min-width: 240px) and (max-width: 767px){
    .login-btn {
        margin-bottom: 7px;
    }
    .front-page-text{
        font-size: 30px;
    }
    .ads-content .likbtn {
        margin: 7px
    }
    .modal-dialog {
        margin-top: 15px;
    }
    .modal-dialog .outer-layer {
        padding: 0;
    }
    #without-login-popup .outer-layer button.close {
        border: 2px solid #990073;
        color: #990073;
    }
}

@media(min-width: 1024px) and (max-width: 1024px){
    .ads-content .likbtn {
        font-size: 20px;
        padding: 10px;
        min-height: 77px;
    }
    .ads-content .title{
        font-size: 22px;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1024px) {
    .ads-content .likbtn {
        font-size: 20px;
    }
    .ads-content .title{
        font-size: 22px;
    }
    .scl-net {
        margin-top: 12%;
    }
    .cul-mar {
        margin-bottom: 12%;
    }
    
    .keep-it {
        margin-left: 15px;
        font-size: 20px;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        text-align: center;
    }
}

/******************    22-01-2019   ********************/

@media(min-width: 240px) and (max-width: 767px) {
    
    #without-login-popup .outer-layer button.close {
        right: 4px;
        top: 4px;
    }
    
    #Users_state-lbl,
    #Users_city>div>label {
        width: auto !important;
    }

    .total-count-head {
        top: 14px;
    }

    .d_list_box .d_list_heading h1 {
        font-size: 18px;
    }

    .d_list_box {
        padding: 20px 20px;
    }

    .prfle_catgy .rating .review.col-md-6 {
        width: 49%;
    }

    .serview_review_lft .service_blk_heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .prfle_catgy .rating ul li a {
        font-size: 11px;
    }

    .serview_review_lft .service_blk_heading>.col-md-6 {
        width: 49%;
    }

    .service_blk .service_img img {
        width: 100%;
    }

    .service_blk .service_img {
        width: 100% !important;
        max-width: inherit;
    }

    #preloader .logo-wr,
    #preloader .header-menu {
        float: none;
    }

    /*   .market-heading {
        margin-top: 30px;
    }*/

    .header-menu .list-inline>li {
        width: 20%;
        float: left;
        display: block;
        text-align: center;
    }

    .header-menu a {
        height: 51px;
        vertical-align: top;
        line-height: 23px;
    }

    .header-menu .icon-circle {
        position: relative;
        top: -3px;
    }

    .logo-wr {
        border-bottom: 1px solid #E4E5E7;
    }

    .logo-wr li {
        border-right: none;
    }

    .logo-wr li:last-child {
        border-left: 1px solid #E4E5E7;
    }

    .top-user-img {
        top: -5px !important;
    }

    a.import-c {
        left: 95%;
    }

    .side-nav3 {
        z-index: 9999 !important;
        height: calc(100vh - 170px) !important;
        overflow-y: scroll !important;
        margin-top: 192px;
        padding-top: 0;
    }

    .new-header-bg {
        height: 164px;
    }









    #main_Container>div.martop15 {
        margin-top: 20px;
    }

    #preloader-admin .floatingsidebar3 {
        padding-top: 30px;
    }

    .logo-wr.hidden-vxs a.backPro {
        position: relative;
        left: 0;
    }

    .logo-wr.hidden-vxs a.add-blog {
        left: 2%;
        position: relative;
    }

    a.backPro {
        position: relative;
        left: 0
    }

    a.add-blog {
        left: 2%;
        position: relative;
    }

    button.add-item {
        bottom: 6px !important;
        right: 30px !important;
    }

    .image-slider-bx>.profile-hadding.pd10 {
        padding: 15px 10px 15px 42px;
    }

    .box-data .public-profile-icon-color:before {
        top: 10px;
    }

    .pop-up {
        min-width: 300px;
    }

    .verify-otp .btn_verify {
        position: relative;
    }

    .verify-otp input#otpVerify-input {
        margin-bottom: 10px
    }



    .payment-contnet {
        width: 100%;
    }

    .payment-type-box {
        width: 100%;
    }

    .payment-type-box>ul>li {
        padding-right: 0;
        width: 100%;
    }

    .pay-card-box .pay-card-content {
        height: auto;
    }

    .payment-type-box .pay-card-box.w200 {
        width: 100%;
    }

    .payment-type-box a.skip {
        position: relative;
        right: 0;
        top: 20px;
    }

    .prfle_catgy .rating .col-md-6.col-xs-6 .edit-button {
        text-align: right;
    }

    .discussion-category .discussion-box>a {
        display: block;
    }

    .map-list-btn+.calendar-box {
        margin: 40px auto 0 !important;
    }

    .jqte_placeholder_text {
        font-size: 13px;
        color: #a7a5a5;
    }

    #addCulture-step1 .add-culture-heading,
    #addCulture-step2 .add-culture-heading {
        margin-top: 41px;
    }

    .martop30.col-lg-7.col-md-7 div.new-post-form {
        margin-top: 0;
    }

    .image-slider-bx.relative.martop30 {
        margin-top: 10px;
        margin-bottom: 15px;
    }


    .five_blk {
        margin-top: 20px;
        padding: 10px;
    }

    .five_blk .cmmn_blk {
        padding: 20px 30px;
        margin-top: 0;
        margin-bottom: 10px;
        height: auto;
    }

    .job_deisptn,
    .responsibity {
        margin-top: 30px;
    }

    .job_disptn_blk h3,
    .resposly_blk h3 {
        padding-bottom: 20px;
        margin-top: 20px;
    }

    .job_disptn_blk ul {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 0;
    }

    .job_disptn_blk ul li {
        padding-left: 10px;
        padding-right: 10px;
    }

    .resposly_blk {
        padding: 0px 15px 10px;
    }

    .resposly_blk p {
        margin-top: 15px;
        padding-left: 0;
        padding-bottom: 0px;
    }

    .resposly_blk ul {
        padding-left: 0;
        margin-top: 15px;
        margin-bottom: 0;
    }



    .job_details .back_result {
        margin-top: 60px;
        padding: 10px 12px 20px;
    }

    .new-header-bg {
        z-index: 999999;
    }

    .cmmn_blk.blk_one .text>div .pull-right+div>ul {
        margin: 0 0 10px;
    }

    .cmmn_blk.blk_one .text>div .pull-right {
        width: 100%;
        margin-bottom: 10px;
    }

    .prfle_catgy .cmmn_blk {
        margin-top: 43px;
    }

    div#w0 .item.cmmn_sectn:first-child .cmmn_blk.blk_one {
        margin-top: 15px;
    }

    .edit-button button.btn-edit-profile {
        min-width: 109px;
    }

    .step-progressbar ul::after {
        display: none;
    }

    .culture-heading {
        margin-top: 65px;
    }

    .floatingsidebar3 {
        padding-top: 0;
    }

    .calendar-box .fc-button-group {
        margin-bottom: 10px;
    }

    .calendar-box .fc-toolbar .fc-right {
        float: right;
        margin: 0 20px;
    }

    .edit-profile {
        padding: 20px 20px;
    }

    div#side-nav3 a.add-blog {
        position: relative !important;
    }

    #side-nav3 .padtop30 {
        padding-top: 30px !important;
    }

    .payment-popup-content .form-group.security-code input {
        width: 100%;
    }

    .payment-popup {
        width: 100%;
    }

    .lpadding {
        padding-left: 15px;
    }

    .rpadding {
        padding-right: 15px;
    }

    .payment-popup {
        width: 100%;
    }

    .step-progressbar ul.progressbar li {
        width: 100%;
        margin-bottom: 10px;
    }

    .payment-box .payment-box-content {
        padding: 20px 10px;
    }

    .step-progressbar ul.progressbar li .step-1,
    .step-progressbar ul.progressbar li .step-2,
    .step-progressbar ul.progressbar li .step-3 {
        width: 100%;
    }

    .payemnt-card-img {
        display: none;
    }

    .payment-popup-content .form-group.card-number span {
        right: 10px;
    }

    .specific-event-detail-heading .comment-bookmak-list {
        top: 10px;
        right: 0;
    }

    .search_content .col-md-2 {
        text-align: center;
    }

    .btn_search {
        margin-top: 30px;
    }

    .search_content {
        margin-bottom: 30px;
    }

    .search_content p {
        margin-right: 15px !important;
    }

    .discussion-box .discussion-content .d_name span {
        left: 50%;
        transform: translateX(-50%);
    }

    #y {
        left: -226px;
    }

    .wrapperRight {
        margin-left: 0px;
    }

    .lock {
        padding: 19px 15px;
    }

    .step-datial ul li,
    .step-datial ul li div {
        position: relative;
    }

    .step-datial ul li+li:before {
        border: 0px;
    }

    .step-datial ul li+li.complatedSetup:before {
        border: 0px;
    }

    .step-datial ul li {
        float: left;
        display: inline-block;
        padding-right: 20px;
        list-style-type: none;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .step-datial {
        float: left;
        width: 100%;
        padding-bottom: 25px;
    }

    .culrural-text {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 32px;
        text-align: center;
        color: #fff;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }


    .pdr30-media {
        padding-right: none;
    }

    .marb20-media {
        margin-bottom: 20px;
    }

    .login-user-text-bx {
        box-sizing: border-box;
        padding-left: 25px;
    }

    .login-input {
        border: 1px solid #ccc;
        background-color: #fff;
        color: #b4b4b4;
        font-size: 12px;
        border-radius: 2px;
        padding: 6px;
        box-sizing: border-box;
        width: 100%;
    }

    .login-btn {
        background-color: #990073;
        color: #fff;
        font-size: 12px;
        border-radius: 2px;
        font-weight: bold;
        padding: 6px;
        text-align: center;
        text-transform: uppercase;
        border: none;
        cursor: pointer;
    }

    .login-user-img {
        left: 0;
        position: absolute;
        top: 2px;
        width: 25px;
    }

    .specific-nav-icon ul li {
        float: left;
        padding: 5px 12px;
    }

    .community-transprent ul li {
        display: inline-block;
        list-style-type: none;
        padding: 5px 55px;
    }

    .community-category-nav-icon ul li {
        float: left;
        padding: 5px 13px;
        text-align: center;
    }

    .comments {
        padding: 10px;
        margin: 10px 0px;
        width: 100%;
        border-top: 1px solid rgba(153, 153, 153, 0.45);
        float: right;
    }

    .individual-gray-bg {
        background-color: #f5f5f5;
        float: right;
        padding: 10px;
        width: 100%;
    }

    .pdr-4 {
        padding-bottom: 4px;
    }

    .blog-style-gray-bg ul li {
        list-style-type: none;
        display: inline-block;
        padding: 5px 32px;
    }

    .blog-style-gray-bg-r ul li {
        list-style-type: none;
        display: inline-block;
        padding: 5px 32px;
    }

    .image-slider-bx {
        border-width: 1px;
        border-color: rgb(228, 229, 231);
        border-style: solid;
        border: 1px solid #e4e5e7;
        border-radius: 2px;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    }

    .select-bx-white,
    .select-bx-white_1 {
        background-color: rgb(255, 255, 255);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
        height: 755px;
        position: absolute;
        top: -90px;
        width: 100%;
        z-index: 999;
    }

    .select-bx-white_1 {
        height: 846px;
    }

    .header-bg {
        width: 100%
    }

    .edit-curcle {
        background-color: #05ac3c;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        bottom: 0;
        height: 30px;
        left: 33%;
        opacity: 0.7;
        padding-top: 8px;
        position: absolute;
        width: 30px;
    }

    .profile-gray-bx {
        border: 1px solid #dbdbdb;
        background-color: #f4f5f6;
        padding: 10px;
        margin-top: 30px;
    }

    .profile-bg-img {
        background-image: url(../images/profile-bg.jpg);
        background-repeat: repeat-x;
        height: 184px;
        width: 100%;
    }

    .profile-right-white-txt {
        font-size: 18px;
        color: #fff;
        font-weight: normal;
        margin-top: 92px;
    }

    .contact-nav-icon ul li {
        float: left;
        padding: 5px 63px;
        text-align: center
    }

    .post {
        width: 65px;
        height: 65px;
        font-size: 8px !important;
    }

    .new-post-form {
        margin-top: 90px;
    }

    .add-culture-heading {
        margin-top: 100px;
    }

    .new-fixed-icon li {
        z-index: inherit;
    }

    .new-fixed-icon .slideshow.slideshow-comment:after,
    .new-fixed-icon .slideshow.slideshow-comment>div:after {
        right: inherit;
    }

    .new-fixed-icon .slideshow.slideshow-likes>div:after {
        right: inherit;
    }

    .bookmark-listing ul li {
        margin-bottom: 10px;
    }

    .top-suggest-button {
        width: 180px;
    }

    .calendar-box {
        margin: 90px auto 0 !important;
    }

    .calendar-box .fc-toolbar.fc-header-toolbar {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

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

    .profile-action-list {
        position: relative;
        left: 0 !important;
    }

    .profile-action-list>ul {
        margin: 0;
    }

    .prfle_catgy .profile_pic {
        height: auto;
    }

    .mainWrapper {
        display: block !important;
        width: 100% !important;
        overflow-x: initial !important;
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .search_img {
        left: 8%;
    }

    .image-slider-bx .nav-right-icon {
        width: 100%;
    }

    .image-slider-bx .nav-right-icon ul li {
        width: 18% !important;
    }

    .user-comment-reply .day-ago {
        left: 40% !important;
    }

    .field-joblist-is_published+.row {
        display: flex;
    }

    .field-joblist-is_published+.row>.col-sm-6,
    .field-joblist-is_published+.row>.col-md-6 {
        width: 50%;
    }

    .import-contact-top+.modal-body>div>div .col-sm-6.col-md-offset-3 {
        width: 100%;
        text-align: center;
    }

    .new-label {
        margin-bottom: 5px;
    }

    .image-slider-bx .lock {
        padding: 0px 15px;
    }

    .msg-thread-outer {
        height: 413px;
    }

    .sakuti-messanger-left .search-user input {
        padding: 6px 5px;
    }

    .rating:not(:checked)>label {
        width: 29px;
        height: 29px;
        line-height: 27px;
    }

    .prfle_catgy .rating .review.col-md-6 {
        width: 49%;
    }

    .serview_review_lft .service_blk_heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .serview_review_lft .service_blk_heading>.col-md-6 {
        width: 49%;
    }

    .serview_review_lft .service_blk_heading>.col-md-6:first-child {
        width: 56%;
        padding-right: 0;
    }

    .martop30.market-list {
        margin-top: 0;
    }

    .header-menu .header-color>li:nth-child(5)>a {
        font-size: 14px;
        padding: 10px 0;
    }

    .header-menu .header-color>li:nth-child(4)>a {
        padding: 10px 0;
    }

    .header-menu .header-color>li:nth-child(1)>a {
        padding: 10px 8px 10px 0;
    }

    .header-menu .header-color>li>a {
        padding: 10px 8px;
    }

    .profile-hadding.pd10 {
        padding: 15px 10px 15px 50px;
    }

    .payment-type-box a.skip {
        top: 24px;
        position: relative;
        right: -123px;
    }

    .prfle_catgy .rating .col-md-6.col-xs-6 {
        width: 100%;
    }

    .pduct_servce_blk {
        margin-top: 10px;
    }

    .prfle_catgy .text p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /*profile scroll left menu*/
    .side-nav3 {
        z-index: 9999 !important;
        height: calc(100vh - 240px) !important;
        overflow-y: scroll !important;
        margin-top: 93px;
        padding-top: 0;
    }

    #side-nav3>.floatingsidebar3 {
        padding-top: 0;
    }

    /* End profile scroll left menu*/

    .discussion-category .discussion-box>a {
        display: block;
    }

    .map-list-btn+.calendar-box {
        margin: 20px auto 0 !important;
    }

    .martop30.col-lg-7.col-md-7 div.new-post-form {
        margin-top: 0 !important;
    }

    .contact-slector-wr .contact-slector {
        z-index: 99999;
        top: 52px;
        margin-top: 12px;
    }

    .contact-slector-wr .scrolled.contact-slector {
        top: 40px;
    }

    .five_blk {
        margin-top: 30px;
        padding: 20px;
    }

    .five_blk .cmmn_blk {
        padding: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        height: 145px;
        overflow: auto;
    }

    .job_disptn_blk ul {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 0;
    }

    .new-header-bg {
        z-index: 999999;
    }

    .prfle_catgy .cmmn_blk {
        height: 475px;
    }

    .cmmn_blk.blk_one .text>div .pull-right+div>ul {
        margin: 0 0 10px;
    }

    .cmmn_blk.blk_one .text>div .pull-right {
        width: 100%;
    }

    .cmmn_blk.blk_one .text>div .pull-right+div>ul {
        margin: 0 0 10px;
    }

    div#w0 .item.cmmn_sectn:first-child .cmmn_blk.blk_one,
    div#w0 .item.cmmn_sectn:nth-child(2) .cmmn_blk.blk_one,
    div#w0 .item.cmmn_sectn:nth-child(3) .cmmn_blk.blk_one {
        margin-top: 15px;
    }

    .calendar-box {
        margin: 100px auto 20px;
    }

    .new-post-form {
        margin-top: 60px !important;
    }

    .add-culture-heading {
        margin-top: 0;
    }

    .bookmark-listing ul li {
        margin-bottom: 10px;
    }

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

    .profile-action-list {
        left: 0;
        top: 35px !important;
        position: relative !important;
    }

    .new-header-bg+#main_Container {
        width: 100% !important;
        margin-top: 64px;
    }

    .add-culture-heading h3 {
        margin-top: 0;
    }

    .header-menu {
        margin-right: 0;
    }

    a.import-c {
        display: none;
    }

    a.add-blog {
        left: 43% !important;
        position: absolute !important;
        top: 10%;
    }

    .prfle_catgy .profile_pic {
        height: auto;
    }

    a.backPro {
        position: absolute;
        left: 23%;
        font-size: 13px;
    }






    /************************************************/
    .logo-here a {
        width: 120px;
    }

    #x2.sidebar-opened,
    #x2+.logo-here {
        border-right: transparent;
    }

    li.logo-here>a {
        padding: 0;
    }

    #x2 a {
        padding: 18px 12px 18px 12px;
    }

    .logo-wr li {
        border-right: transparent;
    }

    a.add-blog i.icon-bdr-header {
        width: 20px;
        height: 20px;
        line-height: 18px;
        margin-right: 5px;
    }

    a.add-blog i.flaticon-add186::before {
        font-size: 12px;
    }



    /****************************************************/
}

@media(min-width: 992px) and (max-width: 1024px) {
    .side-nav3 {
        background: #fff;
        z-index: 999;
        margin-left: 0 !important;
    }

    .msg-thread-outer {
        height: 413px;
    }

    .add-culture-heading h3 {
        margin-top: 0;
    }

    a.import-c {
        left: 40%;
    }

    a.add-blog {
        left: 43%;
        position: absolute !important;
        top: 10%;
    }

    .prfle_catgy .profile_pic {
        height: auto;
    }

    a.backPro {
        position: absolute;
        left: 20%;
        font-size: 13px;
    }






    /************************************************/
    /* .logo-here a {
        width: 120px;
    }

    #x2.sidebar-opened,
    #x2+.logo-here {
        border-right: transparent;
    }
    li.logo-here > a {
    padding: 0;
}
#x2 a {
    padding: 18px 12px 18px 12px;
}
.logo-wr li{
    border-right: transparent; 
}
a.add-blog i.icon-bdr-header {
    width: 20px;
    height: 20px;
    line-height: 18px;
}
a.add-blog i.flaticon-add186::before {
    font-size: 12px;
}
*/


    /****************************************************/

    .five_blk .cmmn_blk {
        height: 156px;
        overflow: auto;
        padding: 13px 10px;
    }

    .discussion-category .discussion-box>a {
        display: block;
    }

    .add-culture-heading {
        margin-top: 50px;
    }

    .add-org-step {
        margin-top: 15px;
    }

    .new-header-bg {
        z-index: 999999;
    }

    .payment-type-box a.skip {
        right: -20px;
    }
}


@media(min-width: 1025px) and (max-width: 1199px) {
    .new-header-bg {
        z-index: 999999;
    }

    .discussion-category .discussion-box>a {
        display: block;
    }
}


@media (min-width: 1200px) {
    .new-header-bg {
        z-index: 999999;
    }

    .discussion-category .discussion-box>a {
        display: block;
    }
    .select-bx-white.mob-setting{
        height: 740px;
    }
}

/******************    End 22-01-2019   ********************/

@media (max-width: 992px) {
    .post {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 450px) {
    .profile-name-txt {
        white-space: normal;
    }
}

@media only screen and (max-width: 1024px) {
    
    .select-bx-white.mob-setting{
        height: 837px;
    }
    .step-datial {
        float: left;
        width: 100%;
        padding-bottom: 25px;
    }

    .step-datial ul li {
        float: left;
        display: inline-block;
        padding-right: 20px;
        list-style-type: none;
        width: 115px;
        box-sizing: border-box;
    }

    .logo-part {
        top: 3px;
    }

    .keep-text {
        font-size: 10px;
        color: #6a6c6f;
    }

    .marb20-media {
        margin-bottom: 20px;
    }

    .login-user-text-bx {
        box-sizing: border-box;
        padding-left: 25px;
    }

    .login-input {
        border: 1px solid #ccc;
        background-color: #fff;
        color: #b4b4b4;
        font-size: 12px;
        border-radius: 2px;
        padding: 6px;
        box-sizing: border-box;
        width: 100%;
    }

    .login-btn {
        background-color: #990073;
        color: #fff;
        font-size: 12px;
        border-radius: 2px;
        font-weight: bold;
        padding: 6px;
        text-align: center;
        text-transform: uppercase;
        border: none;
        cursor: pointer;
    }

    .login-user-img {
        left: 0;
        position: absolute;
        top: 2px;
        width: 25px;
    }

    .specific-nav-icon ul li {
        float: left;
        padding: 5px 27px;
    }

    .community-transprent ul li {
        display: inline-block;
        list-style-type: none;
        padding: 5px 23px;
    }

    .community-category-nav-icon ul li {
        float: left;
        padding: 5px 11px;
        text-align: center;
    }

    .img-min-height {
        min-height: 205px;
    }

    .select-bx-white,
    .select-bx-white_1 {
        background-color: rgb(255, 255, 255);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
        height: 734px;
        position: absolute;
        top: -90px;
        width: 100%;
        z-index: 999;
    }

    .select-bx-white_1 {
        height: 846px;
    }

    .profile-bg-img {
        background-image: url(../images/profile-bg.jpg);
        background-repeat: repeat-x;
        height: 184px;
        width: 100%;
    }

    .profile-right-white-txt {
        font-size: 24px;
        color: #fff;
        font-weight: normal;
        margin-top: 84px;
    }

    .header-bg {
        width: 78.5%
    }

    .header-bg-change-width {
        width: 100%
    }

    .profile-gray-bx {
        border: 1px solid #dbdbdb;
        background-color: #f4f5f6;
        padding: 10px;
        margin-top: 40px;
    }

    .contact-nav-icon ul li {
        float: left;
        padding: 5px 32px;
        text-align: center
    }

    .nav-right-icon ul li {
        float: left;
        padding: 5px 11px;
        text-align: center
    }

    .blog-style-gray-bg-r ul li {
        padding: 5px;
    }
}


@media only screen and (max-width: 640px) {

    /***popup for select intrest**/
    .successfully-box {
        width: 100%;
    }

    .login-user-text-bx p {
        position: absolute;
        top: 32px !important;
        left: 27px !important;
    }

    .jqte_placeholder_text {
        top: 60px !important;
    }

    .logo-part {
        width: 130px;
        position: absolute;
        left: 15px;
        top: 0px;
    }

    .login-top-part {
        width: 510px;
        float: right;
    }

    .width30-media {
        width: 160px;
        padding-right: 15px;
    }

    .width100-media {
        width: 100px;
        padding-right: 15px;
    }

    .login-footer-left-nav ul li {
        list-style-type: none;
        display: inline-block;
        border-left: 1px solid #6a6c6f;
        padding: 3px 5px;
    }

    .login-footer-left-nav ul li a {
        list-style-type: none;
        display: inline-block;
        padding: 3px 5px;
        text-decoration: none;
        color: #6a6c6f;
        font-size: 12px;
    }

    .login-footer-left-nav ul li:first-child {
        border-left: 0px solid #6a6c6f;
    }

    .login-footer-left-nav ul li:last-child {
        border-left: 1px solid #6a6c6f;
        padding: 0px 10px;
    }

    .specific-nav-icon ul li {
        float: left;
        padding: 5px;
    }

    .community-transprent ul li {
        display: inline-block;
        list-style-type: none;
        padding: 5px 39px;
    }

    .community-category-nav-icon ul li {
        float: left;
        padding: 5px 21px;
        text-align: center;
    }

    .blog-style-gray-bg ul li {
        list-style-type: none;
        display: inline-block;
        padding: 5px 22px;
    }

    .blog-style-gray-bg-r ul li {
        list-style-type: none;
        display: inline-block;
        padding: 5px 22px;
    }

    .select-bx-white,
    .select-bx-white_1 {
        background-color: rgb(255, 255, 255);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
        height: 814px;
        position: absolute;
        top: -90px;
        width: 100%;
        z-index: 999;
    }

    .select-bx-white_1 {
        height: 906px;
    }

    .pdlr-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .notification-mar-top {
        margin-top: 60px;
    }

    .notification-save-btn {
        border: 1px solid #82d6a5;
        background-color: #e7f8f2;
        padding: 8px 0px;
        font-size: 15px;
        color: #58cb8e;
        cursor: pointer;
        text-align: center;
        margin-top: 10px
    }

    .notification-cancle-btn {
        border: 1px solid #ff6c61;
        background-color: #ffe5e5;
        padding: 8px 0px;
        font-size: 15px;
        color: #ff695e;
        cursor: pointer;
        text-align: center;
        margin-top: 10px
    }

    .notification-rideo-bx {
        border: 1px solid #e4e5e7;
        font-size: 14px;
        color: #34495e;
        font-weight: bold;
        background-color: #fff;
        padding: 12px;
        margin-top: 10px
    }

    .profile-bg-img {
        background-image: url(../images/profile-bg.jpg);
        background-repeat: repeat-y;
    }

    .header-bg {
        width: 100%;
        display: block !important;
        float: left;
        left: 0;
        right: 0
    }

    .profile-gray-bx {
        border: 1px solid #dbdbdb;
        background-color: #f4f5f6;
        padding: 10px;
        margin-top: 265px;
    }

    .edit-curcle {
        width: 52px;
        height: 52px;
        background-color: #05ac3c;
        opacity: 0.7;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        padding-top: 20px;
        position: absolute;
        bottom: 0px;
        left: 36%;
    }

    .contact-nav-icon ul li {
        float: left;
        padding: 5px 47px;
        text-align: center
    }
}

@media only screen and (max-width: 480px) {
    .logo-part {
        width: 100%;
        position: relative;
        left: 15px;
        top: 0px;
        margin-bottom: 20px;
    }

    .login-top-part {
        width: 420px;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .width30-media {
        width: 155px;
        padding-right: 15px;
    }

    .width100-media {
        width: 80px;
        padding-right: 15px;
    }

    .specific-nav-icon ul li {
        float: left;
        padding: 5px 15px;
    }

    .community-transprent ul li {
        display: inline-block;
        list-style-type: none;
        padding: 5px 15px;
    }

    .community-category-nav-icon ul li {
        float: left;
        padding: 5px 8px;
        text-align: center;
    }

    .blog-style-user-bx {
        border-right: 0px solid #c6c6c6;
        font-weight: bold;
        left: 10px;
        padding-right: 10px;
        position: absolute;
        top: 20px;
        width: 121px;
    }

    .blog-style-user-heading {
        color: #34495e;
        font-size: 20px;
        padding-left: 0px;
        padding-top: 50px;
    }

    .blog-style-gray-bg ul li {
        list-style-type: none;
        display: inline-block;
        padding: 5px 11px;
    }

    .blog-style-gray-bg-r ul li {
        list-style-type: none;
        display: inline-block;
        padding: 5px 11px;
    }

    .select-bx-white,
    .select-bx-white_1 {
        background-color: rgb(255, 255, 255);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
        height: 931px;
        position: absolute;
        top: -90px;
        width: 100%;
        z-index: 999;
    }

    .select-bx-white_1 {
        height: 906px;
    }

    .profile-gray-bx {
        margin-top: 495px;
    }

    .profile-right-white-txt {
        font-size: 24px;
        color: #ccc;
        font-weight: normal;
        margin-top: 65px;
    }

    .header-bg {
        width: 100%
    }

    .contact-nav-icon ul li {
        float: left;
        padding: 5px 27px;
        text-align: center
    }
}

@media (min-width: 358px) and (max-width: 375px) {

    .job_details .back_result ul>li a.btn-success,
    .job_details .back_result ul>li a.btn-danger {
        width: 50px !important;
        padding: 5px 0 !important;
        font-size: 13px !important;
    }

    .job_details .back_result ul>li {
        padding-right: 0 !important;
    }

    .job_details .back_result {
        padding: 10px 10px 15px !important;
    }
}

@media(min-width: 358px) and (max-width: 360px) {
    .select-profile-p .select-bx-white.mob-setting {
        height: 790px!important;
    }
}

@media only screen and (max-width: 360px) {
    
    .user-name-right p {
        display: none;
    }

    .login-input {
        width: 290px;
    }

    .logo-part {
        width: 100%;
        position: relative;
        left: 15px;
        top: 0px;
        margin-bottom: 20px;
    }

    .login-top-part {
        width: 360px;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .width30-media {
        width: 100%;
        padding-right: 15px;
        margin-top: 20px;
        float: left;
    }

    .width100-media {
        width: 100%;
        padding-right: 15px;
        margin-top: 20px;
        float: left;
    }

    .login-footer-left-nav ul li {
        list-style-type: none;
        display: inline-block;
        border-left: 1px solid #6a6c6f;
        padding: 3px 5px;
    }

    .login-footer-left-nav ul li a {
        list-style-type: none;
        display: inline-block;
        padding: 3px 5px;
        text-decoration: none;
        color: #6a6c6f;
        font-size: 12px;
    }

    .login-footer-left-nav ul li:first-child {
        border-left: 0px solid #6a6c6f;
    }

    .login-footer-left-nav ul li:last-child {
        border-left: 1px solid #6a6c6f;
        padding: 0px 5px;
    }

    .specific-nav-icon ul li {
        float: left;
        padding: 5px 10px;
    }

    .community-transprent ul li {
        display: inline-block;
        list-style-type: none;
        padding: 5px 4px;
    }

    .community-category-nav-icon ul li {
        float: left;
        padding: 5px 21px;
        text-align: center;
    }

    .account-green-bg {
        font-size: 12px;
    }

    .account-red-bg {
        font-size: 12px;
    }

    .select-bx-white,
    .select-bx-white_1 {
        background-color: rgb(255, 255, 255);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
        height: 876px;
        position: absolute;
        top: -86px;
        width: 100%;
        z-index: 999;
    }

    .wrapperRight,
    .mainWrapper {
        display: inherit;
    }

    .select-bx-white_1 {
        height: 857px;
    }

    .contact-nav-icon ul li {
        float: left;
        padding: 5px 12px;
        text-align: center
    }
}

@media only screen and (max-width: 320px) {
    .select-profile-p .select-bx-white.mob-setting {
        height: 812px !important;
    }

    .select-profile-p .select-bx-white {
        height: 600px;
    }

    .service_blk_heading h2 {
        font-size: 15px;
    }

    .login-user-text-bx,
    .input-container {
        position: relative;
    }

    .mb-15 {
        margin-bottom: 15px;
    }

    .login-input {
        width: 250px;
    }

    .logo-part {
        width: 100%;
        position: relative;
        left: 15px;
        top: 0px;
        margin-bottom: 20px;
    }

    .login-top-part {
        width: 320px;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .width30-media {
        width: 100%;
        padding-right: 15px;
        margin-top: 0px;
        float: left;
    }

    .width100-media {
        width: 100%;
        padding-right: 15px;
        margin-top: 0px;
        float: left;
    }

    .specific-nav-icon ul li {
        float: left;
        padding: 5px 12px;
    }

    .community-transprent {
        background-color: #000;
        color: #fff;
        left: 0;
        opacity: 0.7;
        padding: 5px;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .community-transprent ul li {
        display: inline-block;
        list-style-type: none;
        padding: 5px 0px;
    }

    .community-category-nav-icon ul li {
        float: left;
        padding: 5px 16px;
        text-align: center;
    }

    .profile-bg-img {
        background-image: url(../images/profile-bg.jpg);
        background-repeat: repeat;
        height: 496px;
    }

    .contact-nav-icon ul li {
        float: left;
        padding: 5px 7px;
        text-align: center
    }

    .profile-gray-bx {
        margin-top: 45px;
    }

    .header-bg {
        width: 100%
    }

    .header-bg-change-width {
        width: 100%
    }

    .transprent-txt {
        font-size: 12px;
    }

    .lock {
        padding: 19px 10px;
    }

    .mar-rht25 {
        margin-right: 28px;
    }

    .login-input {
        width: 250px;
    }

    .logo-part {
        width: 100%;
        position: relative;
        left: 15px;
        top: 0px;
        margin-bottom: 20px;
    }

    .login-top-part {
        width: 320px;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .width30-media {
        width: 100%;
        padding-right: 15px;
        margin-top: 20px;
        float: left;
    }

    .width100-media {
        width: 100%;
        padding-right: 15px;
        margin-top: 20px;
        float: left;
    }

    .specific-nav-icon ul li {
        float: left;
        padding: 5px 12px;
    }

    .community-transprent {
        background-color: #000;
        color: #fff;
        left: 0;
        opacity: 0.7;
        padding: 5px;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .community-transprent ul li {
        display: inline-block;
        list-style-type: none;
        padding: 5px 0px;
    }

    .community-category-nav-icon ul li {
        float: left;
        padding: 5px 16px;
        text-align: center;
    }

    .profile-bg-img {
        background-image: url(../images/profile-bg.jpg);
        background-repeat: repeat;
        height: 496px;
    }

    .contact-nav-icon ul li {
        float: left;
        padding: 5px 7px;
        text-align: center
    }

    .profile-gray-bx {
        margin-top: 45px;
    }

    .header-bg {
        width: 100%
    }

    .header-bg-change-width {
        width: 100%
    }
}


@media (max-width: 749px) {
    .right-sidebar {
        display: none;
    }

    #editMyLoc-popup .modal-dialog {
        width: 94%;
    }
}

@media (min-width: 750px) and (max-width:1024px) {
    .affix {
        top: 63px !important;
        right: 0 !important;
    }

    .right-sidebar {
        top: 45px;
        right: -18px;
    }

    .discussion-speicifc-inner-content>p,
    .discussion-comment-reply-box {
        width: 94%;
    }

    .user-comment-reply .media-left span.like {
        left: 12px;
    }

    .user-comment-reply .day-ago {
        left: 34%;
    }

    .right-sidebar li {
        padding: 6px 8px;
    }

    #editMyLoc-popup .modal-dialog {
        width: 94%;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .new-label {
        margin-bottom: 5px;
    }

    #preloader-admin .floatingsidebar3 {
        padding-top: 59px;
    }

    .search_content p {
        margin-right: 15px !important;
    }

    .btn_search {
        margin-top: 30px !important;
    }

    .search_content .col-md-2 {
        text-align: center;
    }

    .search_content {
        margin-bottom: 30px !important;
    }

    .discussion-box .discussion-content .d_name span {
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .sp-layer .btn-rounded {
        padding: 5px 7px;
    }
}


/*neewly added*/

@media (max-width: 1150px) {

    .sp-slide,
    .sp-mask,
    .sp-image-container {
        min-height: 500px !important;
    }
}

@media (max-width: 992px) {
    .profile-info {
        margin-bottom: 10px;
    }

    .slideshow-share,
    .slideshow-comment,
    .slideshow-likes {
        right: auto;
        left: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .slideshow-share:after,
    .slideshow-comment:after,
    .slideshow-likes:after {
        left: 20px;
        margin-left: -11px;
    }

    .slideshow-share>div:after,
    .slideshow-comment>div:after,
    .slideshow-likes>div:after {
        left: 20px;
        margin-left: -14px;
    }
}

@media (max-width: 570px) {
    .bookmark-listing ul li {
        margin-bottom: 10px;
    }

    .bookmark-listing ul li a.btn-bookmark-btn,
    .dasc {
        padding-left: 5 !important;
        padding-right: 5 !important;
    }

    .pop-head {
        padding: 3px 9px;
        font-size: 14px;
    }

    .pop-head-btn .btn {
        padding: 1px 9px;
        font-size: 11px;
    }

    .close-pop img {
        width: 18px !important;
    }

    .close-pop {
        top: 2px;
        right: 4px;
    }

    .pop-head-btn {
        margin-right: 23px;
    }

    .slideshow-likes,
    .slideshow-comment,
    .slideshow-share,
    .slideshow.slideshow-profile {
        width: 250px !important;
        min-width: 250px;
        text-align: left;
    }

    .comment-list {
        padding: 8px 9px;
    }

    .slideshow .mCSB_inside>.mCSB_container {
        margin-right: 17px;
    }

    .comment-list .pro-thumb {
        width: 28px;
    }

    .slideshow-likes .comment-d {
        padding-right: 20px;
        padding-left: 35px;
    }

    .slideshow .list-unstyled li {
        margin-bottom: 7px;
    }

    .slideshow {
        margin-bottom: 10px;
    }

    .comment-list .comment-d {
        padding-left: 30px;
    }

    .newcomment textarea {
        width: 100%;
        padding: 5px;
        max-height: 40px !important;
        font-size: 11px;
    }

    .share-qlinks {
        padding: 7px;
        text-align: center;
    }

    .pro-med-thumb {
        width: 60px !important;
        height: 60px;
    }

    .pro-head-desc {
        padding-left: 67px;
        font-size: 16px;
    }

    .pop-desg {
        padding-left: 76px;
        padding-top: 5px;
        font-size: 11px;
    }

    .slideshow-profile .locs {
        display: none;
    }

    .slideshow .icon-bdr {
        width: 24px !important;
        height: 24px !important;
        padding-top: 3px;
        font-size: 11px;
    }

/*    .comment-list>div {
        max-height: 92px !important;
    }*/

    .slideshow-profile .qlinks {
        padding: 5px 3px;
        clear: both;
        text-align: center;
    }

    .slideshow-profile .qlinks .font12 {
        font-size: 10px;
    }

    .sp-slide,
    .sp-mask,
    .sp-image-container {
        min-height: 350px !important;
    }

    .slideshow-profile .qlinks li {
        padding: 0;
        margin-bottom: 5px;
        width: 30%;
    }

    .slider-pro div.sp-layer {
        padding: 5px;
    }
}

@media (max-width: 550px) {

    .select-profile-p .select-bx-white.mob-setting {
        height: 890px;
    }

    .select-profile-p .select-bx-white {
        height: 600px;
    }

    .job_details .back_result ul>li a.btn-success,
    .job_details .back_result ul>li a.btn-danger {
        width: 55px;
        padding: 5px 0;
        font-size: 14px;
        transition: inherit;
    }

    .back_result ul li a.btn.btn_back {
        font-size: 12px;
        padding: 6px;
    }

    .profile_bg_head+div+div~.image-slider-bx .profile-hadding,
    .martop30 .image-slider-bx.relative.martop30.marbottom115 .profile-hadding {
        padding: 10px 8px 10px;
    }

    .pduct_servce_blk {
        margin-top: 10px;
    }

    .box-data .public-profile-icon-color.icon-lg::before {
        top: 11px;
    }

    .box-data .public-profile-icon-color:before {
        top: 11px;
        font-size: 18px;
        left: 9px;
    }


    .contact-slector-wr .contact-slector {
        z-index: 999999;
        top: 159px;
        margin-top: 12px;
    }

    .contact-slector-wr .scrolled.contact-slector {
        top: 159px;
    }



    .user-comment-reply .day-ago {
        left: 0;
        position: relative;
    }

    .profile-info.clearfix .pro-desc {
        display: block !important;
        padding-left: 10px;
    }


    .blog-comm .profile-info {
        display: flex;
        align-items: center;
    }

    .job_details .back_result {
        margin-top: 10px !important;
        padding: 10px 8px 20px;
    }

    .new-fixed-icon>li {
        width: 23.333333% !important;
    }

    .txt_disptn {
        bottom: 35px;
        color: #000;
        z-index: 9999;
    }

    .slideshow.slideshow-profile,
    .slideshow-likes {
        left: 50%;
        margin-left: -125px;
    }

    .slideshow-comment {
        margin-left: -50px !important;
    }

    .slideshow-comment:after,
    .slideshow-comment>div:after {
        left: 75px;
    }

    .slideshow.slideshow-profile:after,
    .slideshow.slideshow-profile>div:after,
    .slideshow-likes:after,
    .slideshow-likes>div:after {
        left: 50%;
        transform: translate(-50%, 0);
        margin-left: 0px;
    }
}


/*upto here*/

@media (max-width: 1040px) {
    .slideshow-share {
        margin-left: 0px;
    }

    .slideshow-profile {
        min-width: 400px;
    }

    .qlinks li {
        vertical-align: top;
    }

    .slideshow-share {
        margin-left: 0px;
    }

    .slideshow-comment {
        margin-left: 0px;
    }
}


/* 22 sep 2015*/

@media (max-width: 992px) {

    .col-lg-7,
    .col-lg-5 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .col-lg-7 .image-slider-bx,
    .col-lg-5 .image-slider-bx {
        float: none;
    }
}

@media (max-width: 692px) {
    .edit-curcle-back {
        right: initial;
        margin-right: 0;
        top: 9px;
        left: 14px;
    }

    .profile-bg-img {
        height: auto;
        background-size: cover;
        position: relative;
        min-height: 181px;
        background-position: center center;
        margin-bottom: 88px;
    }

    #main_Container .img-width-pro {
        max-height: initial;
        max-width: 100%;
        width: initial;
    }

    .profile-name-txt+.relativ {
        position: absolute;
        width: 200px;
    }

    .edit-curcle {
        left: 50%;
        margin-left: -15px;
    }

    .profile-right-white-txt {
        margin-top: 0;
        text-align: center;
    }

    .profile-right-white-txt .profile-add-text {
        margin: auto;
    }

    .profile-pic.img-width-pro {
        max-width: 330px;
    }

    #usr-cover-pic>.container-fluid {
        position: relative;
        /* left: 180px; */
        bottom: -68px;
        /* right: 0px; */
        /* left: 0px; */
        padding: 0;
    }

    .profile-name-txt {
        position: absolute;
        left: 213px;
        /* bottom: 10px; */
        margin-top: 20px;
        padding-left: 15px;
    }
}

@media (max-width: 500px) {
    .profile-name-txt+.relativ {
        position: absolute;
        width: 140px;
    }

    .profile-name-txt {
        left: 155px;
    }
}

@media (max-width: 1024px) {
    .login-user-text-bx p {
        position: static;
    }
}

@media (max-width: 1250px) {
    .empty-icon-color-right {
        font-size: 13px;
    }

    .fs21.disp-inblock.martop-5.add-btn {
        font-size: 13px;
    }

    .profile-hadding.pd10 {
        line-height: 13px;
        padding: 15px 10px 15px 53px;
    }

    .profile-hadding {
        font-size: 15px !important;
        line-height: 14px;
    }

    .profile-hadding .empty-icon-color-left {
        font-size: 15px;
    }

    .profile-hadding .icon-setting-position {
        font-size: 11px;
        line-height: initial;
    }
}

@media (max-width: 1200px) {
    .form-group {
        min-width: initial !important;
    }

    .empty-updates ul li,
    .nav-right-icon ul li {
        list-style-type: none;
        width: 20%;
        margin-bottom: 10px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .floatingsidebar .transprent-txt-slider {
        position: static;
        margin-bottom: 0;
        padding: 15px;
    }

    .floatingsidebar .view-btn {
        position: static;
        margin-top: 5px;
    }
}

@media (max-width: 992px) {
    .edit-curcle {
        left: 98px;
    }

    #usr-cover-pic {
        position: relative;
        height: 242px;
        background-position: center center;
        background-size: cover;
    }

    #usr-cover-pic .col-sm-2.martop85 {
        width: 100%;
        text-align: left;
    }

    #usr-cover-pic .profile-name-txt {
        text-align: left;
    }

    img {
        height: auto !important;
        min-height: auto !important;
    }

    #usr-cover-pic .profile-name-txt+.martop10.center {
        max-width: 200px;
    }

    #searchbox {
        width: 200px;
    }

    #usr-cover-pic .col-sm-10.martop85.marbot45 {
        width: auto;
        position: absolute;
        padding-left: 233px;
        bottom: 0px;
        margin: 0px;
    }

    #usr-cover-pic .profile-right-white-txt {
        margin: 0;
        font-size: 16px;
    }

    .login-middle {
        background-position: center center;
        padding: 0px 0px 34px;
    }

    .empty-updates ul li,
    .nav-right-icon ul li {
        width: 30%;
        padding: 0px 5px;
    }

    .profile-hadding .c-p {
        clear: both;
        float: none !important;
        line-height: 18px;
        margin-top: 10px;
    }

    .empty-updates ul,
    .nav-right-icon ul {
        padding: 0px;
        text-align: center;
    }

    .empty-down-btn .next-button {
        padding: 8px 15px;
    }

    .form-box {
        padding-bottom: 50px;
        width: auto;
    }

    .form-box .pdl0.col-lg-6 {
        padding: 0px !important
    }

    .form-box:after {
        content: "";
        clear: both;
        display: block;
    }

    .form-box .width50 {
        width: 100%;
        float: none;
    }

    .usr-profile-pic input {
        clear: both;
    }
}

@media (max-width: 767px) {
    .login-header .logo-part {
        position: static;
        text-align: center;
        width: 100% !important;
        padding: 15px 10px 20px;
    }

    .login-middle form>.pdr30-media {
        padding-right: 15px;
    }

    .edit-curcle {
        left: 98px;
    }

    .login-header .login-top-part {
        float: none;
        width: 100% !important;
    }

    .login-header .width100-media {
        width: 100% !important;
        padding-right: 0px;
        margin-bottom: 15px;
    }

    .login-header .width100-media {
        padding: 0px 15px;
    }

    .login-header .width30-media {
        width: 100% !important;
        padding: 0px 15px;
    }

    .login-header .login-top-part .pull-left,
    .pull-right.w100 {
        float: none !important;
    }

    .login-middle {
        padding: 0px 0px;
    }

    .modal-body .width50 {
        float: none;
        width: 100%;
    }

    #searchbox {
        width: auto !important;
    }

    .culrural-text {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        text-align: center;
        font-size: 29px;
    }

    .login-middle-r-top .w48 {
        width: 100% !important;
        float: none;
    }

    .pull-left.w100 {
        float: none;
        width: 100% !important;
    }

    .login-middle {
        padding-bottom: 25px;
    }

    #form-signup .input-container p {
        position: static;
    }

    .login-footer-left-nav,
    .login-footer {
        text-align: center;
    }

    .login-footer .pull-right {
        float: none !important;
        padding: 0 !important;
    }

    .floatingsidebar {
        clear: both;
    }

    .empty-down-btn .next-button {
        padding: 5px 22px;
        font-size: 16px !important
    }

    .modal-body label,
    .modal-body input:not([type="checkbox"]),
    .modal-body textarea {
        width: 100% !important;
        float: none !important;
    }

    .login-user-text-bx input {
        width: 100%;
    }

    #x {
        min-height: initial;
    }

    #searchbox {
        float: none !important;
        clear: both;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    #searchtext {
        margin: 0;
        margin-bottom: 3px;
    }

    .header-bg {
        height: auto;
        padding-bottom: 2px;
    }

    .header-bg+div.martop30 {
        margin-top: 44px !important;
    }

    .login-user-text-bx input[type="checkbox"] {
        width: auto;
        position: relative;
        top: 3px;
    }

    .specific-nav-icon {
        text-align: center;
    }

    .specific-nav-icon ul li {
        width: 25%;
        display: inline-block;
        float: none;
    }

    .profile-hadding .c-p {
        float: left !important;
    }

    .profile-hadding .c-p.pull-right {
        float: right !important;
        clear: none;
    }

    .profile-hadding.pd10 {
        line-height: 35px
    }

    .profile-hadding.pd10:after {
        content: "";
        clear: both;
        display: block;
    }

    #main_Container>div>.image-slider-bx .profile-hadding.pd10 {
        line-height: 15px;
    }

    .input-group-addon.step-calendar-icon {
        background-color: transparent;
        border: medium none;
        margin-right: 5px;
    }

    .modal-body .next-button {
        padding: 9px 30px;
        font-size: 12px;
    }
}

@media (max-width: 700px) {
    #usr-cover-pic {
        margin-bottom: 75px;
    }

    #usr-cover-pic .col-sm-2.martop85 {
        margin: 102px 0px 0px;
    }

    #usr-cover-pic .col-sm-10.martop85 {
        display: none;
    }

    #usr-cover-pic+.martop30 {
        margin-top: 0;
    }

    #usr-cover-pic .col-sm-10.martop85.marbot45 {
        display: none;
    }
}

@media(max-width: 640px) {
    .edit-curcle {
        width: 30px;
        height: 30px;
        padding-top: 7px;
    }
}

@media (max-width: 500px) {
    .profile-hadding .c-p {
        float: none !important;
    }

    .profile-hadding .c-p.pull-right {
        float: none !important;
        clear: both;
    }

    .profile-hadding.pd10 {
        line-height: 35px
    }

    .profile-hadding.pd10:after {
        content: "";
        clear: both;
        display: block;
    }

    .header-bg .arrow-icon-position {
        top: 12px;
    }

    .header-bg .pull-right.martop6.pdr36 {
        margin-top: 2px;
    }

    .header-bg .flaticon-user8.font18.icon-user-bdr {
        width: 25px !important;
        height: 25px !important;
        font-size: 14px;
        padding-top: 0px;
    }
}

@media (max-width: 450px) {

    .table>thead>tr>th,
    .table>tbody>tr>th,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>tbody>tr>td,
    .table>tfoot>tr>td {
        padding: 0px;
        max-width: 79px;
    }

    .select-bx-white,
    .select-bx-white_1 {
        height: 700px;
    }

    .form-box {
        width: auto;
    }
}

@media (max-width: 400px) {
    .profile-name-txt {
        font-size: 15px;
    }

    #usr-cover-pic {
        margin-bottom: 50px;
    }

    #usr-cover-pic .col-sm-2.martop85 {
        margin: 87px 0px 0px;
    }

    .profile-hadding {
        font-size: 14px !important;
    }
}

@media (max-width: 615px) {
    .specific-profile-p .w33 {
        width: 100%;
        height: auto !important;
    }

    .specific-nav-icon {
        text-align: center;
    }

    .specific-nav-icon ul li {
        width: 32%;
        display: inline-block;
        float: none;
    }

    .h140 {
        height: auto !important;
    }
}

@media (max-width: 400px) {
    .specific-nav-icon ul li {
        width: 48%;
    }

}

@media (min-width: 400px) and (max-width: 767px) {
    .floatingsidebar .transprent-txt-slider {
        margin-bottom: 0px;
        padding: 15px;
        position: absolute;
        bottom: 154px;
    }
}


/**/

@media(max-width: 767px) {
    #y.side-nav {
        padding-top: 63px;
    }
}

@media (min-width: 767px) and (max-width: 1200px) {
    .header-bg {
        left: 225px;
        right: 0px;
        width: auto;
    }

    .header-bg.header-bg-change-width {
        left: 0px;
        right: 0px;
    }
}

@media (max-width: 640px) {
    .profile-gray-bx {
        margin-top: 30px;
        text-align: center;
        padding: 0;
    }

    .profile-nav-icon>ul>li {
        padding: 5px 10px !important;
        min-width: initial;
    }
}

@media (max-width: 480px) {
    .profile-nav-icon>ul>li {
        min-width: 30%;
    }
}

@media (max-width: 767px) {
    .btn-nav ul li {
        /*min-width: 45%;
  min-width: calc( 50% - 6px );*/
    }

    .individual-top-icon {
        clear: both;
    }
}

@media (max-width: 480px) {
    .profile-nav-icon>ul>li {
        min-width: 30%;
    }

    .btn-nav ul li {
        /*min-width: 98%;
  min-width: calc( 100% - 6px );*/
    }
}

@media(max-width: 1100px) {
    .blog-style-gray-bg ul li {
        padding: 5px 11px;
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .community-category-nav-icon ul li {
        width: 33.33%;
    }
}

@media (max-width: 450px) {
    .community-category-nav-icon ul li {
        width: 50%;
    }

    .blog-style-gray-bg ul li {
        /*width: 32%;*/
        width: 15%;
    }

    .individual-top-icon ul li {
        width: 23%;
    }

    .pull-right.individual-top-icon {
        float: none !important;
        clear: both;
        padding: 0px 15px;
    }
}

@media (min-width: 500px) {
    .header-bg .flaticon-user8.font18.icon-user-bdr {
        padding-top: 3px;
        width: 31px !important;
        height: 31px !important;
        font-size: 15px;
    }
}

@media (min-width:480px) and (max-width: 550px) {
    .profile-nav-icon>ul>li {
        min-width: 32%;
    }
}

@media (min-width:550px) and (max-width: 767px) {
    .profile-nav-icon>ul>li {
        min-width: 23%;
    }
}

@media (max-width: 767px) {
    .modal-body .checkbox label {
        width: auto !important;
    }
}


@media(max-width: 797px) {

    /*profile scroll left menu*/
    .side-nav3 {
        left: -226px;
        z-index: 9999;
        background-color: #fff;
    }

    /* .isScrolled .side-nav3 {
        margin-top: 139px;
    }*/

    /* End profile scroll left menu*/


    .header-bg {
        left: 0px !important;
        z-index: 999999999;
    }

    .wrapperRight {
        margin-left: 0 !important;
    }

    .side-nav3>div {
        overflow-y: scroll;
        width: 226px !important;
    }
}

@media (max-width: 992px) {

    .login-btn,
    .login-input {
        padding: 12px;
    }

    .login-user-img {
        top: 8px;
    }
}


/* ipad Mini Portrait */

@media only screen and (width:768px) and (resolution: 163dpi) {
    .side-nav3>div {
        width: 226px;
    }
}


/* ipad Mini Landscape */

@media only screen and (width:1024px) and (resolution: 163dpi) and (orientation: landscape) {
    .side-nav3>div {
        width: 226px;
    }
}

@media (max-width:1315px) {
    .import-contacats .add-btn {
        line-height: 27px;
    }

    .import-contacats .fs21 {
        font-size: 16px;
    }

    .import-contacats .add-btn img {
        max-height: 22px;
    }

    .import-contacats .add-btn {
        padding: 3px 10px;
    }
}

@media (max-width: 950px) {
    .import-contacats li {
        width: 45%;
    }

    .import-contacats .add-btn img {
        max-width: 65px;
    }

    .list-inline>li.sm-block {
        display: block;
        width: 100%;
        margin-bottom: 3px;
    }

    .import-contacats .add-btn {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .import-contacats li {
        width: 95%;
        margin-top: 5px;
    }
}

@media (max-width: 767px) {
    .col-lg-5.col-sm-5.floatingsidebar.floatingsidebarfixed {
        position: static !important;
    }
}

@media (max-width: 1024px) {
    .profile-right-white-txt {
        font-size: 18px;
        margin-top: 43px;
    }

    #usr-cover-pic .locs img {
        width: 15px;
    }
}

@media (max-width: 992px) {
    #usr-cover-pic .profile-right-white-txt {
        margin-bottom: 48px;
        white-space: nowrap;
    }

    div#usr-cover-pic:after {
        height: 70px;
    }
}

@media (max-width: 450px) {
    .profile-name-txt {
        white-space: normal;
    }

    div#usr-cover-pic:after {
        height: 80px;
    }
}


/*16-10-2015*/

@media (min-width: 767px) {
    .profile-gray-bx>.profile-nav-icon>ul>li {
        display: table-cell;
    }

    .profile-gray-bx>.profile-nav-icon>ul {
        width: 100%;
        display: table;
    }
}


/**/

@media (max-width: 992px) {
    .profile-headline {
        font-size: 14px;
    }
}

@media (max-width:550px) {

    #preloader-admin #side-nav3 {
        margin-top: 143px;
    }

    .new-header-bg {
        height: 164px;
    }

    .form-btn .btn-cancel,
    .form-btn .btn-save,
    .form-btn .btn-next {
        padding: 12px 33px;
        width: 52%;
        display: block;
        margin: 0 auto 10px;
    }

    /*profile scroll left menu*/
    .side-nav3 {
        z-index: 99999 !important;
        height: calc(100vh - 171px) !important;
        overflow-y: scroll !important;
        margin-top: 192px;
        padding-top: 0;
    }

    .isScrolled .side-nav3 {
        height: calc(100vh - 165px) !important;
    }

    /* End profile scroll left menu*/


    .profile-headline {
        display: none;
    }

    .profile-pic-wr {
        z-index: 5555;
        max-width: inherit;
        right: 0px;
    }

    .user-full-name {
        position: absolute;
        white-space: normal;
        bottom: 39px;
        left: -25px;
        right: 0px;
        background-color: rgba(244, 232, 232, 0.7);
        padding: 108px 15px 15px 174px;
        border-bottom: 2px solid #990073;
        margin-bottom: 0;
    }

    .profile-pic-wr img {
        max-width: 130px;
        position: relative;
        z-index: 55;
    }

    .edit-profile-pic-icon {
        left: 50px;
        margin-left: 0px;
        z-index: 5555555;
    }
}

@media (max-width: 767px) {
    .header-menu {
        margin-right: 0px;
    }

    .new-header-bg a.user-text {
        display: none;
    }

    .header-menu a {
        padding: 14px 10px;
    }

    /* changes on 9Jan17 */
    button.btn.btn-check {
        margin-top: 10px;
    }

    button.btn.btn-ticket-reset {
        margin-top: 10px;
    }

    .t_detail_box {
        margin: 10px 6px 20px;
    }

    .job_disptn_blk ul li {
        border-right: 1px solid #cccccc;
        vertical-align: top;
        width: 30%;
    }

    .list-inline>li {
        display: inline-block;
    }
}

@media (max-width: 550px) {

    /*    #preloader .logo-wr,
    #preloader .header-menu {
        float: none;
    }*/

    /*    .logo-wr {
        border-bottom: 1px solid #E4E5E7;
    }

    .logo-wr li {
        border-right: none;
    }

    .logo-wr li:last-child {
        border-left: 1px solid #E4E5E7;
    }*/

    /*    .header-menu .list-inline>li {
        width: 20%;
        float: left;
        display: block;
        text-align: center;
    }

        .header-menu a {
        height: 51px;
        vertical-align: top;
        line-height: 23px;
    }

    .header-menu .icon-circle {
        position: relative;
        top: -3px;
    }*/


    .admin-header .header-menu .list-inline>li {
        width: auto;
        display: block;
        text-align: center;
    }

    .new-header-bg+#Admin_Container {
        margin-top: 100px;
    }

    .header-menu .list-inline:after {
        content: "";
        display: block;
        clear: both;
    }


    .new-header-bg+#main_Container {
        margin-top: 150px !important;
    }
}

@media (max-width:992px) {
    .new-header-bg+#main_Container {
        padding: 36px 20px;
        min-height: auto !important;
    }
}

@media (max-width:530px) {
    .new-header-bg+#main_Container {
        padding: 0px 20px;
    }
}

@media (max-width:1100px) {
    .search-box-input {
        width: 160px;
        margin: 0px;
        margin-right: 4px;
    }
}

@media (max-width:860px) {
    .search-box-input {
        width: 100%;
        margin: 0px;
    }

    .import-c {
        top: 28px !important;
    }

    .searchwr2222 {
        float: none !important;
        width: 100%;
        clear: both;
        padding: 0px 10px 5px;
    }
}

@media (max-width:550px) {
    .proimg-bg {
        max-width: 130px;
        padding-bottom: 130px;
        z-index: 55555;
        position: relative;
    }
}

@media (max-width:992px) {

    .top-user-img {
        top: 0;
    }
}

@media (max-width:550px) {
    a.import-c {
        left: auto;
        top: 28px;
        right: 18px;
    }

    .hidden-vxs *,
    .hidden-vxs {
        transition: all .5s;
    }

    /* .hidden-vxs .logo-here,
    .hidden-vxs .import-c {
        display: none;
    }*/

    /*  .hidden-vxs #x2 {
        position: fixed
    }*/

    /*   .hidden-vxs-padd {
        padding-left: 48px;
    }*/

    /*    .hidden-vxs #x2 a {
        padding: 16px 18px 16px 13px;
    }*/
}

@media (min-width:992px) {
    .has-three-div>.list-view>div.item:nth-child(3n+1) {
        clear: both;
    }
}

@media (max-width:992px) {
    .has-three-div>.list-view>div.item:nth-child(2n+1) {
        clear: none;
    }
}

@media (min-width:767px) and (max-width: 1150px) {
    .floatingsidebar .new-fixed-icon>li {
        width: 33.333333% !important;
    }
}

@media (max-width: 950px) {

    /*add*/
    .sp-slides {
        position: relative;
        height: 350px !important;
    }

    .sp-slide.sp-selected {
        z-index: 555555;
    }

    #sakuti-pic-slider.slider-pro img.sp-image,
    #sakuti-pic-slider.slider-pro img.sp-thumbnail {
        margin: 0 !important;
        position: absolute;
        top: 50%;
        max-height: 100% !important;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 100% !important;
    }

    .slider-pro div.sp-layer {
        position: absolute;
    }
}

@media (max-width: 550px) {
    .sp-layer .col-lg-7 {
        text-align: center;
    }

    .pro-desc {
        display: none;
    }

    .profile-info>.pull-left {
        margin: 0;
        text-align: center;
        border: none;
        float: none !important;
        padding: 0px;
    }

    .slider-pro .count {
        display: none;
    }
}

@media (max-width:890px) {
    .margin-sm-neg {
        margin: 0px -15px;
    }
}

@media (max-width: 550px) {
    .center-nav {
        padding: 11px;
        font-size: 13px;
    }

    .center-nav-q {
        padding: 6px;
    }
}

@media (max-width: 550px) {
    .comm-cover .community-profile-info {
        width: 100%;
        padding: 15px;
        bottom: 50px;
        right: auto;
    }

    .comm-cover .community-profile-info div.img-sm-cover {
        margin-bottom: 15px;
    }
}


/** scrolling issue fix if content does not produce a scrollbar **/

@media screen and (min-width: 768px) {
    .wrapperRight {
        min-height: 970px;
    }
}

@media (max-width: 992px) {
    .new-fixed-icon .slideshow {
        left: 26%;
    }

    .new-fixed-icon .slideshow.slideshow-likes {
        left: auto;
        right: 16%;
    }

    .new-fixed-icon .slideshow.slideshow-likes:after {
        left: auto;
        right: 30px;
    }

    .new-fixed-icon .slideshow.slideshow-likes>div:after {
        left: auto;
        right: 24px;
    }

    .new-fixed-icon .slideshow.slideshow-comment {
        left: auto;
        right: 50%;
        margin-right: -175px;
    }

    .new-fixed-icon .slideshow.slideshow-comment:after,
    .new-fixed-icon .slideshow.slideshow-comment>div:after {
        left: auto;
        right: 50%;
        margin-left: 0px;
        margin-right: -11px;
    }

    .new-fixed-icon .slideshow.slideshow-comment>div:after {
        margin-right: -7px;
    }
}

@media (max-width: 570px) {
    .new-fixed-icon .slideshow {
        margin-bottom: 22px;
    }

    .new-fixed-icon .slideshow.slideshow-comment {
        margin-right: -125px;
    }
}


/** Specific Community header menu fix **/

@media screen and (max-width: 360px) {

    .specific-nav-icon,
    .specific-gray-bx {
        padding: 0px;
    }

    .specific-gray-bx {
        padding-top: 15px;
    }

    .specific-nav-icon li div.font12 {
        display: none;
    }

    .specific-nav-icon ul li {
        width: 18%;
        padding: 5px 3px;
    }
}

@media (max-width: 550px) {
    .see-thro {
        background: transparent;
        color: #000;
        text-shadow: none;
        word-break: break-all;
        position: absolute;
        top: 0;
        left: 22%;
    }
}

@media (min-width: 550px) {
    .profile-pic-wr {
        width: 156px;
    }
}

@media (max-width:895px) {
    .creblg {
        margin-top: 35px;
    }
}

@media (min-width:475px) and (max-width:490px) {
    .creblg {
        margin-top: 15px;
    }
}

@media (max-width: 550px) {
    .blog-comm .slideshow .share-qlinks li {
        font-size: 12px;
        margin-bottom: 5px;
    }
}

@media (max-width: 992px) {
    .share-qlinks {
        padding: 15px;
    }
}

@media (max-width: 550px) {
    .sub-comments {
        padding-left: 30px;
    }
}

@media (max-width: 550px) {
    .timeline-list .pro-desc {
        display: block;
    }

    .timeline-list .profile-info>.pull-left {
        float: left !important;
        padding-right: 13px
    }

    .timeline-list .comment-timeline .pro-desc {
        font-size: 14px;
        padding-left: 50px;
        padding-top: 8px;
        color: #222;
    }

    .timline-action li {
        margin-bottom: 5px;
    }
}

@media (max-width: 992px) {

    .icon-red>div,
    .icon-red {
        width: 30px;
        height: 30px;
    }

    .table-user-access .icon-red>div:before {
        font-size: 18px;
    }

    .permis {
        width: 120px;
    }

    .user-access-head {
        font-size: 12px;
        min-width: initial;
        width: 63px;
    }

    .icon-head {
        font-size: 9px;
    }
}

@media (max-width: 550px) {

    .header-part>div,
    .each-data>div,
    .header-part,
    .each-data,
    .user-access-head {
        display: block;
    }

    .permis,
    .alignfix {
        width: auto;
        max-width: initial;
    }

    .user-access-head {
        width: auto;
    }
}

@media (max-width: 992px) {
    .pop-up-full .modal-content {
        padding: 40px;
    }

    .input-wr {
        padding-left: 40px;
    }

    .input-wr .add-on {
        font-size: 25px;
    }

    .input-wr input {
        font-size: 30px;
    }

    .pop-up-full button.close {
        right: 37px;
        top: 0;
    }

    .table-user-contacts .profile-info {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .pop-up-full .modal-dialog {
        margin-left: 0;
        margin-right: 0;
    }

    .pop-up-full .search-wr-new {
        margin-top: 20px;
    }

    .new-header-bg+#main_Container {
        margin-top: 105px;
    }
}

@media (max-width: 550px) {
    .table-user-contacts .profile-info .pro-desc {
        display: block;
        padding-left: 0;
        text-align: center;
    }

    .table-user-contacts .profile-info .img-bg-sm {
        margin: auto;
    }

    .table-user-contacts .permis {
        width: auto;
    }
}


/*responsive table*/

@media (max-width: 767px) {

    .responsive-table .each-data .mobile-table-head,
    .responsive-table .each-data .mobileRowData {
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }

    .responsive-table .each-data .mobile-table-head>div,
    .responsive-table .each-data .mobileRowData>div {
        display: table;
        vertical-align: middle;
        width: 100%;
        height: 65px;
        position: relative;
    }

    .responsive-table .each-data .mobile-table-head>div {
        padding-top: 11px;
    }

    .responsive-table .each-data .mobile-table-head>div.permis,
    .responsive-table .each-data .mobileRowData>div.permis {
        height: 90px;
        padding: 0;
    }

    .responsive-table .user-access-head {
        height: 53px;
        vertical-align: middle;
        display: inline-block;
        width: 100%;
        text-align: center;
        padding-top: 15px;
    }

    .responsive-table .each-data .mobileRowData>div input {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        left: 50%;
    }

    .responsive-table .each-data .mobileRowData>div {
        min-height: 72px;
    }

    .responsive-table .alignfix {
        min-height: 88px;
        max-width: initial;
    }

    .responsive-table .each-data {
        display: table;
        width: 100%;
    }

    .responsive-table .header-part {
        display: none;
    }
}

@media (max-width:767px) {
    .comm-cover .community-name {
        font-size: 15px;
        right: 25px;
    }
}

@media (min-width: 1350px) {
    .share-contact-list img {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .load-more-btn {
        min-width: initial;
    }
}

@media (max-width: 767px) {
    .share-contact-list img {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .share-contact-list .col-xs-6 {
        width: 100%;
    }

    .new-slider-wr .profile-info>.pull-left {
        float: left !important;
    }

    .new-slider-wr .pro-desc {
        font-size: 14px;
        padding-top: 8px;
    }
}

@media (max-width: 1200px) {
    .new-slider-wr .new-fixed-icon .slideshow {
        max-width: 350px;
    }
}

@media (max-width: 992px) {
    .new-slider-wr .new-fixed-icon .slideshow {
        top: auto;
        bottom: 100%;
        left: 25px;
        right: auto;
        max-width: 300px;
    }

    .new-slider-wr .slideshow.slideshow-likes {
        left: 50%;
        transform: translate(-50%, 0);
    }

    .new-slider-wr .new-fixed-icon .slideshow>div::after {
        left: 35px;
        right: auto;
        top: auto;
        bottom: -15px;
        border-top: 15px solid #EDECEC;
        border-bottom: none;
    }

    .new-slider-wr .new-fixed-icon .slideshow.slideshow-likes>div::after {
        left: 50%;
        margin-left: -8px;
    }
}

@media (max-width: 570px) {
    .new-slider-wr .share-qlinks li {
        margin-bottom: 5px;
    }

    .new-slider-wr .new-fixed-icon .slideshow {
        position: fixed;
        top: 150px;
        bottom: auto;
        left: 0px;
        right: 0px;
        width: 90% !important;
        max-width: initial;
        transform: none;
        margin: auto !important;
        z-index: 5555555;
    }

    .new-slider-wr .new-fixed-icon .slideshow>div::after {
        content: none;
    }

    .new-slider-wr .centered-img {
        height: 250px;
    }
}

@media (max-width: 570px) {
    div.slideshow {
        position: fixed !important;
        top: 20% !important;
        left: 15px !important;
        right: 15px !important;
        bottom: auto !important;
        z-index: 99 !important;
        transform: none !important;
        margin: 0 !important
    }

    div.slideshow.popup-shown:after {
        display: block !important;
        content: '' !important;
        position: fixed !important;
        z-index: 5 !important;
        background-color: rgba(0, 0, 0, 0.5) !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        border: none !important;
        transform: none !important;
        margin: 0 !important;
    }

    div.slideshow>div {
        z-index: 6;
    }

    .new-slider-wr .centered-img span img {
        max-height: 250px;
    }

    body.has-slideshow-shown .new-slider-wr .carousel {
        z-index: initial;
    }

    body.has-slideshow-shown .new-header-bg {
        z-index: 22;
    }

    body.has-slideshow-shown .positioned-nav {
        z-index: 0
    }
}

@media (orientation:landscape) and (max-width: 570px) {
    div.slideshow {
        top: 15px !important;
    }
}

@media (max-width: 570px) {
    .new-slider-wr {
        padding: 0;
    }

    .scrollToTop {
        width: 40px;
        height: 40px;
        bottom: 5px;
        right: 10px;
        padding-top: 5px;
    }

    .nav-inside-imgdiv {
        display: block;
    }

    .nav-inside-imgdiv>a {
        position: absolute;
        top: 50%;
        left: 15px;
        z-index: 55;
        margin-top: -13px;
    }

    .positioned-nav {
        display: none;
    }

    .nav-inside-imgdiv>a:last-child {
        left: auto;
        right: 15px;
    }

    .nav-inside-imgdiv>a .icon-bdr {
        box-shadow: 0px 0px 5px rgb(255, 255, 255), 0px 0px 5px rgb(255, 255, 255) inset;
        text-shadow: 0px 0px 2px rgb(255, 255, 255);
        color: rgb(34, 34, 34) !important;
        border-color: rgb(34, 34, 34);
        background-color: rgba(34, 34, 34, 0.28);
        width: 25px !important;
        height: 25px !important;
        font-size: 11px;
        padding-top: 1px;
    }

    .new-slider-wr .row>div {
        position: static;
    }

    .new-slider-wr .profile-info {
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        padding-top: 0;
        padding-bottom: 10px;
        z-index: 2;
    }

    .new-slider-wr .profile-info .icon-bdr {
        right: 2px;
        top: 3px;
    }

    .new-slider-wr .centered-img {
        margin-top: 60px;
        overflow: hidden;
    }

    .new-slider-wr .centered-img span img {
        width: 100%;
        height: auto !important;
        max-height: initial;
    }

    .icon-wr-2 {
        margin-top: 10px;
    }
}

@media not all,
(-webkit-transform-3d) and (max-width: 570px) {
    body.has-slideshow-shown .carousel-inner>.item {
        perspective: initial;
        transform: none;
        transition: all 0s;
    }
}

@media (max-width: 992px) {
    .contact-slector {
        margin-top: 15px;
    }

    .contact-slector+#items_list {
        padding-top: 62px;
    }
}

@media (max-width: 550px) {
    .contact-slector .usr-contact-btn {
        width: auto;
    }

    .scrolled.contact-slector {
        top: 54px;
    }

    .comm-cover {
        height: 270px;
    }

    .comm-cover .community-profile-info {
        bottom: 102px;
    }

    .comm-cover h4 {
        font-size: 13px;
        margin-bottom: 8px;
    }

    .comm-cover .community-profile-info div.img-sm-cover {
        margin-bottom: 5px;
    }

    .user-full-name {
        font-size: 16px;
    }
}

@media (min-width:550px) {
    .scrolled.contact-slector {
        margin-top: 4px;
    }
}

@media (max-width:992px) {

    .contact-slector,
    .scrolled.contact-slector {
        margin-top: 24px;
    }

    .contact-slector-wr+#items_list {
        padding-top: 66px;
    }
}

@media (max-width:767px) {

    .contact-slector,
    .scrolled.contact-slector {
        margin-top: 29px;
    }

    .contact-slector-wr+#items_list {
        padding-top: 72px;
    }
}

@media (max-width:550px) {
    .contact-slector .usr-contact-btn {
        width: auto;
        float: none;
        padding: 5px;
    }

    .contact-slector {
        margin-top: 26px;
    }

    .scrolled.contact-slector {
        margin-top: 5px;
    }

    .contact-slector-wr+#items_list {
        padding-top: 68px;
    }
}

@media (max-width:767px) {
    .margin-sm-neg {
        margin-bottom: 60px;
    }
}

@media (max-width:500px) {
    .xs-full-500 .col-xs-6 {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .map-list-btn {
        top: 60px;
    }
}

@media (max-width: 550px) {
    .map-list-btn {
        top: 168px;
    }

    .map-has-zero .map-list-btn {
        top: 115px;
    }

    .isScrolled .map-list-btn {
        top: 158px;
    }

    .isScrolled .map-has-zero .map-list-btn {
        top: 55px;
    }

    .google-map-wrap {
        margin-top: 74px;
    }
}

@media (max-width:767px) {
    .notification-list .action-btn {
        text-align: left;
        margin: 3px 0 0;
    }
}

@media (max-width: 550px) {
    #generic-popup .modal-dialog {
        width: 95%
    }

    .notification-list .pro-desc {
        display: block;
    }

    .notification-list {
        min-width: 260px;
    }
}

@media (max-width: 319px) {
    #generic-popup .modal-dialog {
        width: 100%
    }

    .notification-list {
        right: 5px;
    }
}

@media only screen and (max-width:767px) {
    .unread-msg-cont {
        text-align: left;
        margin: 10px 0;
    }

    .send-link-cont {
        text-align: left;
    }
}

@media (max-width: 450px) {
    .mthread-header .modal-title {
        font-size: 16px;
    }

    .msg-thread-outer .msg-cont.msg-right {
        padding: 0 70px 0 0;
    }

    .msg-thread-outer {
        padding: 0 10px;
        height: 250px;
    }

    .send-msg {
        padding: 0px;
    }

    .snd-btn,
    .snd-btn2 {
        position: relative;
        height: 40px;
        width: 100%;
        font-size: 13px;
    }

    .snd-btn2 {
        margin-top: 5px;
    }

    .send-msg-area {
        padding: 5px 10px;
        font-size: 13px;
    }

    .send-msg-outer {
        padding: 15px 10px;
    }

    .msg-thread-outer .msg-detail {
        font-size: 13px;
    }

    .msg-thread-outer span.msg-detail-meta {
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    .body-data .floatingsidebarfixed {
        bottom: 0;
        min-height: 50px;
        left: 0 !important;
        position: relative !important;
    }

    .box-data .public-profile-icon-color.icon-lg::before {
        font-size: 28px;
        left: 10px;
    }

    .profile-hadding .pdr10.public-profile-icon-color {
        padding: 0px;
    }

    .box-data .profile-hadding {
        padding-left: 45px;
    }
}

@media (max-width: 767px) {
    .main_img_blk .frm_upld {
        width: 100%;
    }

    .main_img_blk .uplded .uplded_img {
        height: auto;
        max-width: 160px;
    }
}

@media (max-width: 480px) {
    .prdt_serve_bdy {
        padding: 20px 10px;
    }

    .btn_blk .btn.btn-success {
        margin-bottom: 2%;
    }

    .slt_img {
        padding: 0;
    }
}

@media(max-device-width:1024px) {
    .pop-up {
        left: -260px;
        top: -131px;
    }

    .pop-up:after {
        left: 74%;
    }
}

@media(max-device-width:768px) {
    .pop-up {
        left: -231px;
        top: -142px;
    }

    .pop-up:after {
        left: 65%;
    }

    .table-responsive .table tbody tr td {
        white-space: normal !important;
    }
}

@media(max-width:736px) {
    .pop-up {
        left: -335px;
        top: -133px;
    }

    .pop-up:after {
        left: 94%;
    }
}

@media(max-width:667px) {
    .pop-up {
        left: -325px;
        top: -131px;
    }
}

@media(max-width:568px) {
    .pop-up {
        left: -331px;
        top: -131px;
    }
}

@media(max-width:480px) {
    .pop-up {
        left: -282px;
        top: -131px;
    }

    .pop-up:after {
        left: 80%;
    }
}

@media(max-width:414px) {

    .pop-up {
        left: -240px;
        top: -134px;
    }

    .pop-up:after {
        left: 70%;
    }
}

@media(max-width:375px) {
    .jqte_placeholder_text {
        top: 82px !important;
    }

    .pop-up {
        left: -187px;
        top: -171px;
    }

    .pop-up {
        max-width: 280px;
    }

    .pop-up-body {
        padding: 7px;
    }
}

@media(max-width:320px) {
    .job_details .back_result ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .job_details .back_result ul>li a.btn-success,
    .job_details .back_result ul>li a.btn-danger {
        width: 64px;
        padding: 5px 0;
    }

    .job_details .back_result {
        margin-top: 10px !important;
        padding: 10px 15px 15px;
    }

    .back_result ul li a.btn.btn_back {
        font-size: 15px;
        padding: 6px 15px;
    }

    .user-full-name {
        position: absolute;
        white-space: normal;
        bottom: 39px;
        left: -25px;
        right: 0px;
        background-color: rgba(244, 232, 232, 0.7);
        padding: 108px 15px 15px 174px;
        border-bottom: 2px solid #990073;
        margin-bottom: 0;
    }

    .see-thro {
        background: transparent;
        color: #000;
        text-shadow: none;
        word-break: break-all;
        position: absolute;
        top: 0;
        left: 22%;
    }

    .total-count-head+.mar-rht25 {
        margin-right: 33px;
    }

    .total-count-head {
        top: 14px;
        right: 5px;
    }

    .image-slider-bx .add-btn {
        padding: 5px 8px;
    }

    .profile-hadding .pdr10.public-profile-icon-color {
        padding-right: 0 !important;
    }

    .txt_disptn {
        left: 174px;
        bottom: 69px;
    }

    .txt_disptn h4 {
        margin: 0;
        margin-bottom: 2px;
    }

    .user-comment-reply .day-ago {
        left: 0 !important;
        position: relative;
    }


    .pop-up {
        left: -161px;
        top: -177px;
    }

    .pop-up:after {
        left: 60%;
    }

    .user-comment-reply .day-ago {
        left: 60%;
    }

    .txt_disptn span {
        padding-left: 0;
    }
}


@media (max-width:768px) and (min-width:320px) {
    [id*='send-user-mail-popup'] .import-contact-top {
        padding: 10px 10px 0px 40px !important;
    }

    #account-topics-search {
        float: none;
    }

    #account-topics-breadcrumbs {
        margin-bottom: 10px;
    }

    #account-topics-nav {
        padding-right: 57px;
    }

    .new-header-bg+#user_profile_main_Container {
        padding: 55px 40px;
    }

    .user_profile_bg {
        padding: 10px;
    }

    .user_des p,
    .user_detail_list ul li {
        font-size: 12px;
    }

    #parent {
        height: 390px;
    }

    .right_side_list {
        margin-top: 0;
    }

    .profile_gray_box_list ul li {
        margin-bottom: 10px;
    }

    .p_box_img {
        margin-bottom: 20px;
    }

    .sticky {
        display: none !important;
    }

    .specific-event-detail {
        padding: 20px 20px;
    }

    .specific-event-left h1 {
        font-size: 18px;
    }

    .specific-event-left h4 {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        text-align: left;
        margin-top: 0;
        font-size: 11px;
    }

    .specific-event-left ul li {
        display: inline-block;
    }

    .specific-event-right img {
        width: 100%;
        margin-left: 0;
    }
}

@media(max-width:1200px) {
    .job_key {
        width: 35% !important;
    }
}

@media(max-width:768px) {
    #add-intrest-popup .modal-dialog {
        width: 100% !important;
        margin: 10px;
        position: relative;
    }

    .job_key {
        float: none;
        height: 50px !important;
        margin: 14px 20px;
        width: 100% !important;
    }

    .job_type {
        margin-top: 40px;
        background-color: #f4f5f6;
    }

    .job_found {
        display: block;
        float: none;
    }
}

@media (min-width:240px) and (max-width:767px) {
    .profile-action-list {
        left: 0;
        top: 35px !important;
        position: relative !important;
    }

    .profile-action-list ul {
        margin-bottom: 20px;
    }

    .feedback-form {
        margin: 50px auto;
    }

    .profile-view-img {
        width: 100% !important;
    }

    .social-list ul li {
        margin-bottom: 42px;
    }

    .profile-detail {
        padding: 20px 0 !important;
    }

    .user-name-right h2 {
        font-size: 8px !Important;
    }

    .user-name-right p {
        font-size: 9px !Important;
    }

    .user-icon-left img {
        height: 32px !Important;
        width: 32px !Important;
    }
}

@media (max-width: 767px) {
    #dLabel {
        height: 40px;
    }

    #messangerWindow {
        display: none
    }

    .comment-bookmak-list {
        position: inherit !important;
    }

    .profile-hadding .icon-setting-position::before {
        font-size: 15px;
    }

    icon-setting-position {
        top: 12px
    }

    .contact-slector-wr+#items_listBlog {
        padding-top: 75px;
    }

    .job_key {
        margin: 0;
        width: 100%;
        float: left;
    }

    .profile-hadding .icon-setting-position {
        top: 21px;
    }

    .new-header-bg a.backPro,
    .new-header-bg a.add-blog {
        font-size: 14px;
    }

    .job_screen .search_bg {
        padding: 0;
    }

    .search_bg .field-joblistsearch-global_search .form-group.field-globalSearcher,
    .search_bg .field-joblistsearch-global_search .form-group.field-globalLocation {
        width: 100%;
        float: left;
    }

    .search_bg .field-joblistsearch-global_search .location_img {
        left: 30px;
        top: 80px;
    }

    .search_bg .field-joblistsearch-global_search .btn_search {
        width: 100%;
        float: left;
        position: static;
        border-radius: 5px;
    }

    .job_descptn .frm_btm_str select[multiple],
    .job_descptn .frm_btm_str select[size] {
        height: auto;
        width: 100%;
    }

    #addProduct-form select[multiple],
    #addProduct-form select[size] {
        height: auto;
        width: 100%;
    }

    .pduct_servce_blk .prdt_serve_bdy {
        padding: 20px 30px;
    }

    .form-group.field-companiesdetails-bussiness_category.required .cuselect select {
        width: 100%;
    }

    #items_culture {
        padding: 0 0px 0 15px;
    }

    #ajex-div {
        margin-top: 50px;
    }

    .user_profile_pic .edit-profile-pic-icon {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .cuselect select {
        width: 100%;
    }

    #messangerWindow {
        padding-left: 30px;
        padding-right: 30px;
    }

    #ajex-div .discussion-category {
        padding-top: 50px;
    }

    .new-header-bg+#main_Container {
        padding: 40px 20px;
        /*width: 100% !important;*/
    }

    .job_screen .job_details_blk {
        padding: 10px 0
    }

    .job_type_disptn {
        padding: 10px 0
    }

    select#joblist-country_id,
    select#joblist-state,
    select#joblist-city,
    select#culture-country_id,
    select#culture-language_id {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .job_details .back_result ul li {
        margin-top: 5px;
    }

    .five_blk {
        margin-top: 20px;
        padding: 10px;
    }

    .five_blk .cmmn_blk {
        padding: 20px 30px;
        margin-top: 0;
        margin-bottom: 10px;
        height: auto;
    }

    .job_deisptn,
    .responsibity {
        margin-top: 30px;
    }

    .job_disptn_blk h3,
    .resposly_blk h3 {
        padding-bottom: 20px;
        margin-top: 20px;
    }

    .job_disptn_blk ul {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 0;
    }

    .job_disptn_blk ul li {
        width: 100%;
        border-right: none;
        padding-left: 10px;
        padding-right: 10px;
    }

    .resposly_blk {
        padding: 0px 15px 10px;
    }

    .resposly_blk p {
        margin-top: 15px;
        padding-left: 0;
        padding-bottom: 0px;
    }

    .resposly_blk ul {
        padding-left: 0;
        margin-top: 15px;
        margin-bottom: 0;
    }






    a.import-c {
        left: inherit;
    }

    .stepwizard {
        width: 90%;
        margin: 5px auto;
    }

    .stepwizard-row:before {
        width: 90%;
        margin: 0px auto;
    }

    #ajex-div {
        margin-top: 0;
    }

    .profile-sugg .top-caption-2 {
        font-size: 12px;
    }

    .select-profile-p .select-bx-white_1 {
        height: 670px;
    }

    #mCSB_1 .mCSB_container {
        left: 15px;
    }
}

@media only screen and (min-width: 551px) and (max-width: 767px) {
    .new-header-bg+#main_Container {
        margin-top: 120px !important;
    }

    .select-profile-p .select-bx-white.mob-setting {
        height: 900px;
    }

    .select-profile-p .select-bx-white {
        height: 730px;
    }

    /*profile scroll left menu*/


    /*    .isScrolled .side-nav3 {
        height: calc(100vh - 120px) !important;
    }*/

    .logo-wr.hidden-vxs a.backPro {
        left: 0 !important;
    }

    .logo-wr.hidden-vxs a.add-blog {
        left: 2%;
    }




    .contact-slector-wr .contact-slector {
        z-index: 999999;
        top: 152px;
        margin-top: 12px;
    }

    .contact-slector-wr .scrolled.contact-slector {
        top: 152px;
    }

    .map-list-btn {
        top: 116px;
    }

    .bookmark-listing ul li {
        margin-bottom: 10px;
    }

    .cul_h {
        margin: 20px 0 20px !important;
    }

    .stepwizard {
        width: 94%;
        margin: 0 auto;
    }

    .stepwizard-row:before {
        width: 94%;
        margin: 0 auto;
    }

    .range-list .main-list ul li {
        display: initial;
    }



    .frame-section .msg-thread-outer {
        height: 300px;
    }

    .faltu {
        margin-top: 45px;
    }
}

@media (max-width: 767px) {
    #messangerWindow {
        padding: 0 30px;
    }
}

@media(max-width: 767px) {
    .head-right {
        text-align: left
    }

    .service_add_form,
    .add_prct_service {
        padding: 10px
    }

    .cretae-section .save,
    .cretae-section .save:hover,
    .cretae-section .save:focus,
    .cretae-section .save:active,
    .cretae-section .next,
    .cretae-section .next:hover,
    .cretae-section .next:active {
        padding: 10px 30px;
    }
}

@media (max-width: 1280px) {
    .slideshow {
        margin-bottom: 38px;
    }
}

@media (max-width: 570px) {
    div.slideshow {
        position: fixed !important;
        top: 38%;
        left: 29px !important;
        right: 15px !important;
        bottom: auto !important;
        z-index: 99 !important;
        transform: none !important;
        margin: 0 !important;
    }
}

@media (max-width: 812px) {

    .sticky .slideshow:after,
    .slideshow>div:after {
        left: 10% !important;
    }

    .jqte_placeholder_text {
        top: 60px;
    }
}

@media (max-width:640px) and (min-width:320px) {
    .com-zoom-button, .home-box {
        width: 100%;
    }
}

@media (max-width: 1280px) {
    .sp-layer .list-inline li {
        margin-bottom: 10px;
    }

/*    .comment-list>div {
        max-height: 175px;
    }*/

    .comment-list {
        padding: 13px 32px;
    }

    .pop-head {
        padding: 7px 32px;
    }

    .close-pop {
        top: 4px;
    }

    .slideshow {
        margin-bottom: 20px;
    }
}


/*************  iphone X  ************/
@media (min-width: 800px) and (max-width: 840px) {

    .search_img,
    .location_img {
        left: 30px;
    }

    .rating:not(:checked)>label {
        width: 27px;
        height: 27px;
        line-height: 26px;
        margin: 10px 2px 0;
    }

    .field-usersratings-comment+.rating-form-footer .col-sm-6:first-child {
        width: 60%;
    }

    .field-usersratings-comment+.rating-form-footer .col-sm-6:last-child {
        width: 40%;
    }

    .serview_review_lft .service_blk_heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .serview_review_lft .service_blk_heading>.col-md-6 {
        width: 49%;
    }

    .serview_review_lft .service_blk_heading>.col-md-6:first-child {
        width: 56%;
        padding-right: 0;
    }

    .prfle_catgy .rating>ul {
        margin-bottom: 0;
    }

    .side-nav3 {
        height: calc(100vh - 70px) !important;
    }

    .prfle_catgy .cmmn_blk {
        height: 425px;
    }

    .prfle_catgy .name_pic .nme {
        width: 94px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .pduct_servce_blk {
        margin-top: 0;
    }

    #w0 .cmmn_blk {
        height: 475px;
    }

    #w0 .cmmn_blk.blk_one .text>div .pull-right+div>ul {
        min-height: 105px;
    }

    .five_blk .cmmn_blk .lft_img {
        float: none;
        text-align: center;
    }

    .five_blk .cmmn_blk .right_txt {
        padding-left: 0;
        text-align: center;
        margin-top: 10px;
    }

    .five_blk .cmmn_blk {
        min-height: 221px;
        overflow: auto;
    }

    .job_disptn_blk ul li {
        padding-left: 10px;
        padding-right: 10px;
        width: 24%;
        height: 96px;
        overflow: auto;
    }

    .prfle_catgy .rating .review.col-md-6 {
        width: 100%;
        text-align: center !important;
    }

    .cmmn_blk.blk_one {
        height: 475px !important;
    }
}


@media (min-width: 380px) and (max-width: 384px) {
    .jqte_placeholder_text {
        top: 85px !important;
    }
}

@media (min-width: 1000px) and (max-width: 1030px) {
    .location_img {
        left: 30px;
    }

    a.backPro {
        left: 23%;
    }

    a.add-blog {
        left: 43%;
    }

    a.import-c {
        display: none;
    }

    .prfle_catgy .rating .col-md-6.col-xs-6 {
        width: 100%;
    }

    .cmmn_sectn a.c-p+.row>.col-md-6 {
        width: 100%;
    }

    .market-heading+.prfle_catgy #w0 .cmmn_blk {
        height: 445px;
    }

    .cmmn_blk.blk_one {
        height: 555px !important;
    }

    .prfle_catgy .rating ul li a {
        padding-left: 2px;
        font-size: 11px;
    }

    .prfle_catgy .rating ul li .flaticon-favourites7:before {
        font-size: 14px;
    }

    .prfle_catgy .rating {
        padding: 10px 8px;
    }
}

/************************************************      CSS for new home page     *************************************************/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
{
    .header .navbar-header {
        padding: 10px;
    }
    .home-map-box img {
        width: 100%;
    }
    .boxes-layout {
        padding: 0 50px;
        margin: 30px 0;
    }
    .footer-section .navbar-nav {
        display: contents;
    }
    .c-copyright-2019-2 {
        float: left;
    }
    #sakuti-login-form input{
        width: 290px;
    }
    section.home-page-upper-section {
        padding: 0 0 40px 0;
    }
    div#resetG-capcha {
        width: 100%;
    }
    #forgot-password-popup-btn, #signup-popup-btn {
        margin-top: 20px;
        display: inline-block;
    }
    .discussion-content-img.text-center {
        width: auto;
    }
    .discussion-content-section, .discussion-specific-inner {
        width: 100%;
    }

}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  {
      .header .navbar-header {
        padding: 10px;
    }
    .home-map-box img {
        width: 100%;
    }
    .boxes-layout {
        padding: 0 50px;
        margin: 30px 0;
    }
    .footer-section .navbar-nav {
        display: contents;
    }
    .c-copyright-2019-2 {
        float: left;
    }
    #sakuti-login-form input{
        width: 290px;
    }
    section.home-page-upper-section {
        padding: 0 0 40px 0;
    }
    div#resetG-capcha {
        width: 60%;
    }
    #forgot-password-popup-btn, #signup-popup-btn {
        margin-top: 20px;
        display: inline-block;
    }
    .about-box {
        padding: 100px 30px;
        display: block;
    }
    .discussion-content-img.text-center {
        width: auto;
    }
    .discussion-content-section, .discussion-specific-inner {
        width: 100%;
    }
  }

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  {
      section.home-page-upper-section {
            padding: 0 0 40px 0;
        }
        #sakuti-login-form input{
            width: 290px;
        }
        .boxes-layout {
            margin: 30px 0;
        }
        #forgot-password-popup-btn, #signup-popup-btn {
            margin-top: 20px;
            display: inline-block;
        }
  }
  
  @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  {
      section.home-page-upper-section {
            padding: 0 0 40px 0;
        }
        #sakuti-login-form input{
            width: 290px;
        }
        .boxes-layout {
            margin: 30px 0;
        }
        #forgot-password-popup-btn, #signup-popup-btn {
            margin-top: 20px;
            display: inline-block;
        }
  }