/* Large Devices, Wide Screens */
@media (max-width: 2560px) and (min-width: 1920px) {
    .container {
        max-width: 1900px !important;
    }
}

@media (max-width: 1920px) and (min-width: 1700px) {

    /* =============================
        Start || Muteeb's code
    ============================= */
    .container {
        max-width: 1650px !important;
    }

    .banner .container .content h1,
    .about-banner h1 {
        font-size: 54px;
    }

    .banner .container .content .search .search-directors .input {
        padding: 21px 30px;
    }

    .banner .container .content .search .search-stations .input {
        padding: 21px;
    }

    .banner .container .content .search .search-stations .select-box,
    .banner .container .content .search .search-stations .select-box .select-options {
        padding: 22px;
    }

    .banner .container .content .search .search-stations .select-box .select-options {
        top: 90px;
    }

    .banner .container .content .search .search-stations .select-box img {
        height: 28px;
    }

    header.site-header .menu .items li a,
    .banner .container .content .search .search-stations .input,
    .banner .container .content .search .search-directors .input,
    .banner .container .content .search .search-stations .submit,
    .banner .container .content .search .search-directors .submit,
    .banner .container .content .search .search-stations .select-box #selected-option,
    .banner .container .content .search .search-stations .select-box .select-options button,
    .banner .container .content .search .change-search .find-directors,
    .banner .container .content .search .change-search .find-stations,
    .news-box .news-content-box .p,
    .news-box .subscribe-box .submit,
    .news-box .subscribe-box .input,
    .shop .product .h3,
    .looking-for-work .container .content .p,
    .looking-for-work .container .content .subscribe,
    footer.site-footer ul li a,
    .news-box a,
    .news-box .follow-rms p,
    .about-us-banner h4,
    .about-us-content h4,
    .about-us-banner p,
    .about-us-content .p {
        font-size: 26px;
    }

    .latest-rating-box .content-box h4,
    .latest-rating-box .content-box h4,
    .load-more,
    .shop .see-all-products,
    .about-us-content .right p,
    .jobs-banner .input input,
    .contactus-content .container .left .p,
    .contactus-content .container .right,
    .contactus-content .container .right .send,
    .contactus-content .container .bottom ul li a,
    .contactus-content,
    .login-content .right,
    .login-content .right .role-btns .role-btn {
        font-size: 24px;
    }

    .latest-rating-box .content-box .top-content .left .name .job-details,
    .latest-rating-box .content-box p,
    .shop .product .price,
    .subscription-content {
        font-size: 22px;
    }

    /* =============================
        Start || Mehak's code
    ============================= */
    .p-det-sec .job-opening .active-hiring {
        padding: 15px 26px;
        font-size: 18px;
    }

    .p-det-sec .job-pos a {
        font-size: 16px;
    }

    .profile-main .profile-nav li a {
        font-size: 22px;
    }

    .profile-main p {
        font-size: 22px;
    }

    .p-det-sec .p-box p {
        font-size: 20px;
    }

    .profile-main p.position {
        font-size: 24px;
    }

    .p-det-sec .p-box h3,
    .p-det-sec .p-box.skills h4 {
        font-size: 22px;
    }

    .p-det-sec .p-box h2,
    .p-det-sec .job-opening h2 {
        font-size: 32px;
    }

    .p-det-sec .previous-job-det h6,
    .p-det-sec h6 {
        font-size: 22px;
    }

    .p-det-sec .p-box.skills h4 {
        font-size: 22px;
    }

    .p-det-sec .job-opening .updated-det {
        font-size: 20px;
    }

    .assistant-con span {
        font-size: 20px;
    }

    .p-det-sec .filter label {
        font-size: 24px;
    }

    .p-det-sec .job-opening a {
        font-size: 20px;
    }

    .p-det-sec .social-icon {
        padding: 14px 12px;
        max-width: 55px;
    }

    .p-det-sec .social-icon i {
        font-size: 22px;
    }

    .p-det-sec .filter select {
        padding: 14px 13px;
        width: 200px;
    }

    /* =============================
        End || Mehak's code
    ============================= */
}

/* =============================
    start || Muteeb's MQ
============================= */
@media (max-width: 1700px) and (min-width: 1580px) {
    .container {
        max-width: 1550px !important;
    }

    .banner .container .content h1,
    .about-banner h1 {
        font-size: 51px;
    }

    .banner .container .content .search .search-directors .input {
        padding: 20px 30px;
    }

    .banner .container .content .search .search-stations .input {
        padding: 19px;
    }

    .banner .container .content .search .search-stations .select-box,
    .banner .container .content .search .search-stations .select-box .select-options {
        padding: 20px;
    }

    .banner .container .content .search .search-stations .select-box .select-options {
        top: 80px;
    }

    .banner .container .content .search .search-stations .select-box img {
        height: 27px;
    }

    header.site-header .menu .items li a,
    .banner .container .content .search .search-stations .input,
    .banner .container .content .search .search-directors .input,
    .banner .container .content .search .search-stations .submit,
    .banner .container .content .search .search-directors .submit,
    .banner .container .content .search .search-stations .select-box #selected-option,
    .banner .container .content .search .search-stations .select-box .select-options button,
    .banner .container .content .search .change-search .find-directors,
    .banner .container .content .search .change-search .find-stations,
    .news-box .news-content-box .p,
    .news-box .subscribe-box .submit,
    .news-box .subscribe-box .input,
    .shop .product .h3,
    .looking-for-work .container .content .p,
    .looking-for-work .container .content .subscribe,
    footer.site-footer ul li a,
    .news-box a,
    .about-us-banner p,
    .about-us-content .p,
    .about-us-banner h4,
    .about-us-content h4 {
        font-size: 24px;
    }

    .latest-rating-box .content-box h4,
    .latest-rating-box .content-box h4,
    .load-more,
    .shop .see-all-products,
    .about-us-content .right p,
    .jobs-banner .input input,
    .contactus-content .container .left .p,
    .contactus-content .container .right,
    .contactus-content .container .right .send,
    .contactus-content .container .bottom ul li a,
    .contactus-content,
    .login-content .right,
    .login-content .right .role-btns .role-btn {
        font-size: 22px;
    }

    .latest-rating-box .content-box .top-content .left .name .job-details,
    .latest-rating-box .content-box p,
    .shop .product .price,
    .subscription-content {
        font-size: 20px;
    }

}

/* =============================
    Start || Mehak's MQ
============================= */
@media (max-width: 1700px) and (min-width: 1440px) {
    .p-det-sec .job-opening .active-hiring {
        padding: 15px 20px;
        font-size: 16px;
    }

    .p-det-sec .job-pos a {
        font-size: 16px;
    }

    .profile-main .profile-box h1 {
        font-size: 30px;
    }

    .profile-main p {
        font-size: 20px;
    }

    .profile-main p.position {
        font-size: 22px;
    }

    .profile-main .profile-nav li a {
        font-size: 20px;
    }

    .p-det-sec .p-box p {
        font-size: 18px;
    }

    .p-det-sec .p-box h3 {
        font-size: 22px;
    }

    .p-det-sec .p-box h2,
    .p-det-sec .job-opening h2 {
        font-size: 28px;
    }

    .p-det-sec .previous-job-det h6,
    .p-det-sec h6 {
        font-size: 20px;
    }

    .p-det-sec .p-box.skills h4 {
        font-size: 20px;
    }

    .profile-main .profile-btns a {
        width: 250px;
        /* height: 53px; */
        font-size: 16px;
    }

    .p-det-sec .job-opening .updated-det {
        font-size: 18px;
    }

    .assistant-con span {
        font-size: 18px;
    }

    .p-det-sec .filter label {
        font-size: 22px;
    }


    .p-det-sec .social-icon {
        padding: 14px 12px;
        max-width: 55px;
    }

    .p-det-sec .social-icon i {
        font-size: 22px;
    }

    .p-det-sec .filter select {
        padding: 14px 13px;
        width: 200px;
    }
}

/* =============================
    Start || Muteeb's MQ
============================= */
@media only screen and (max-width : 1580px) and (min-width: 1400px) {
    .container {
        max-width: 1380px !important;
    }

    .banner .container .content .search .search-stations .select-box img {
        height: 26px;
    }

    header.site-header .menu .items li a,
    .banner .container .content .search .search-stations .input,
    .banner .container .content .search .search-directors .input,
    .banner .container .content .search .search-stations .submit,
    .banner .container .content .search .search-directors .submit,
    .banner .container .content .search .search-stations .select-box #selected-option,
    .banner .container .content .search .search-stations .select-box .select-options button,
    .banner .container .content .search .change-search .find-directors,
    .banner .container .content .search .change-search .find-stations,
    .latest-rating-box .content-box h4,
    .latest-rating-box .content-box h4,
    .news-box .news-content-box .p,
    .news-box .subscribe-box .submit,
    .news-box .subscribe-box .input,
    .shop .product .h3,
    .looking-for-work .container .content .p,
    .looking-for-work .container .content .subscribe,
    footer.site-footer ul li a,
    .news-box a {
        font-size: 22px;
    }

    .latest-rating-box .content-box h4,
    .latest-rating-box .content-box h4,
    .load-more,
    .shop .see-all-products,
    .contactus-content .container .left .p,
    .contactus-content .container .right,
    .contactus-content .container .right .send,
    .contactus-content .container .bottom ul li a,
    .contactus-content,
    .login-content .right,
    .login-content .right .role-btns .role-btn {
        font-size: 20px;
    }

    .latest-rating-box .content-box .top-content .left .name .job-details,
    .latest-rating-box .content-box p,
    .shop .product .price,
    .subscription-content {
        font-size: 18px;
    }

    .banner .container .content h1,
    .about-banner h1 {
        font-size: 48px;
    }
}

/* =============================
    Start || Mehak's MQ
============================= */
@media (max-width: 1440px) and (min-width: 1300px) {
    .profile-main .profile-nav li a {
        font-size: 18px;
    }

    .profile-main p {
        font-size: 18px;
    }

    .p-det-sec .p-box p {
        font-size: 16px;
    }

    .p-det-sec .p-box h3 {
        font-size: 20px;
    }

    .p-det-sec .p-box h2,
    .p-det-sec .job-opening h2 {
        font-size: 26px;
    }

    .p-det-sec .previous-job-det h6,
    .p-det-sec h6 {
        font-size: 16px
    }

    .p-det-sec .p-box.skills h4 {
        font-size: 18px;
    }

    .assistant-con span {
        font-size: 18px
    }

    .p-det-sec .job-opening .updated-det {
        font-size: 16px;
    }
}

/* =============================
    END || Mehak's code
============================= */
@media only screen and (max-width : 1400px) {

    .shop-banner .left .heading h1 {
        font-size: 50px;
    }

    .shop-banner .left h4 {
        padding-bottom: 20px;
        font-size: 30px;
    }

    .shop-banner .left p {
        font-size: 20px;
        padding: 15px 70px 15px 0;
    }

    .shop-banner .left img {
        width: 250px;
    }

    .shop-banner .left .heading {
        width: 75%;
    }

    .shop-banner .left {
        padding: 50px 0 0 50px;
    }

    .shop-banner .right .product img {
        width: 200px;
    }

    .contactus-content .container .bottom ul li a {
        width: 200px;
    }
}

/*============================================================  
                    Mobile First Method  
 =============================================================*/
/* Large Devices, Wide Screens */


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

    .news-letter-section .news-letter-content .news-letter-slider .right .content h2 {
        font-size: 36px;
    }

    .news-letter-section .news-letter-content .news-letter-slider .right .content .p {
        font-size: 20px;
    }
}

@media only screen and (max-width : 1200px) {
    header.site-header .menu .items li a {
        font-size: 18px;
    }

    header.site-header .menu .items li {
        margin: 10px 12px;
        padding-bottom: 10px;
    }

    .banner .container .content h1 {
        font-size: 52px;
    }

    .banner .container .content {
        width: 75%;
    }

    .about-banner h1 {
        font-size: 44px;
        padding: 0px 50px 35px 0;
    }

    .about-banner {
        padding-top: 35px;
    }

    .news-letter-section .news-letter-content .news-letter-slider .right .content h2 {
        font-size: 36px;
    }

    .news-letter-section .news-letter-content .news-letter-slider .right .content .p {
        font-size: 20px;
    }

    .news-letter-section .news-letter-content .news-letter-slider .right .content {
        padding: 30px;
    }

    .news-letter-section .news-letter-content .slick-dots {
        bottom: 80px;
        left: 70px;
    }

    .latest-ratings-section .h2 {
        font-size: 28px;
    }

    .shop-banner .left .heading h1 {
        font-size: 44px;
    }

    .shop-banner .left {
        padding: 35px 0 0 30px;
    }

    .shop-banner .right .product h2 {
        font-size: 22px;
    }

    .shop-banner .left .heading h1 {
        font-size: 46px;
    }

    .shop-banner .left h4 {
        padding-bottom: 16px;
        font-size: 27px;
    }

    .shop-banner .left p {
        font-size: 18px;
        padding: 12px 60px 12px 0;
    }

    .shop-banner .left img {
        width: 220px;
    }

    .shop-banner .left .heading {
        width: 75%;
    }

    .shop-banner .left {
        padding: 50px 0 0 50px;
    }

    .shop-banner .right .product img {
        width: 200px;
    }

    .contactus-content .container,
    .subscription-content .container {
        max-width: 1000px !important;
    }

    .subscription-content .left h1 {
        font-size: 32px;
    }

    .subscription-content .right .subscribe-box h3 {
        font-size: 28px;
    }
}

@media only screen and (max-width : 1140px) {
    .latest-ratings-section .h2 {
        font-size: 25px;
    }

    .shop-banner .left .heading h1 {
        font-size: 42px;
    }

    .cart-content .items table tbody tr td:nth-of-type(2),
    .cart-content .items table tbody tr td:nth-of-type(4) {
        font-size: 20px;
        padding-right: 10px;
    }

    .cart-content .order-summary {
        padding: 20px 25px;
    }

    .cart-content .order-summary h2 {
        font-size: 26px;
    }

    .cart-content .items table tbody tr td {
        padding: 15px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1070px) {
    .news-letter-section .news-letter-content .news-letter-slider .right .content h2 {
        font-size: 32px;
    }

    .news-letter-section .news-letter-content .news-letter-slider .right .content .p {
        font-size: 18px;
    }

    .news-letter-section .news-letter-content .news-letter-slider .right .content h2 {
        font-size: 26px;
        padding: 10px 0;
    }

    .news-letter-section .news-letter-content .news-letter-slider .right .content .p {
        font-size: 16px;
    }

    .news-letter-section .news-letter-content .news-letter-slider .right .content span {
        font-size: 14px;
    }

    .shop-banner .left .heading h1 {
        font-size: 40px;
    }

    /* --------Mehak's code---- */
    .personal-chat .msg {
        width: 55%;
    }
}

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

    .latest-rating-box .content-box h4,
    .latest-rating-box .content-box h4 {
        font-size: 16px;
    }

    /* -----nadia's-code-- */
    .image-box {
        flex-direction: column;
        align-items: flex-start;
    }
}

.close-menu,
.open-menu {
    display: none;
}

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

    .close-menu,
    .open-menu {
        display: block;
        cursor: pointer;
    }

    header.site-header .menu.left .items {
        position: fixed;
        top: 0;
        bottom: 0;
        flex-direction: column;
        background: #fff;
        width: 50%;
        height: 100%;
        overflow: auto;
        z-index: 10;
        right: -50%;
    }

    header.site-header .menu.left .items li:nth-of-type(2) {
        margin-top: 50px;
    }

    header.site-header .menu.left .items.active {
        right: 0;
    }

    header.site-header .logo img {
        width: 90%;
    }

    .close-menu {
        position: absolute;
        right: 0;
    }

    .close-menu a i {
        font-size: 32px;
        padding: 5px;
    }

    .banner .container .content h1 {
        font-size: 48px;
    }

    .banner .container .content .search .search-stations .select-box .select-options {
        padding: 20px;
    }

    .banner .container .content .search .search-stations .select-box {
        width: 30%;
    }

    .news-box .news-content-box .p {
        font-size: 16px;
    }

    .latest-ratings-section .h2 {
        font-size: 21px;
    }

    .looking-for-work .container .content {
        width: 75%;
    }

    footer.site-footer ul li a {
        font-size: 18px;
    }

    footer.site-footer .container {
        flex-direction: column;
    }

    footer.site-footer .container .right {
        margin-top: 20px;
    }

    footer.site-footer .container .left {
        flex-wrap: wrap;
    }

    footer.site-footer .container .left li {
        margin: 5px;
    }

    .about-banner h1 {
        font-size: 34px;
        padding: 0px 50px 25px 0;
    }

    .about-banner {
        padding-top: 25px;
    }

    .about-us-content .creater-msg .message {
        padding: 30px;
    }

    .about-us-content .left .img .about-creater {
        padding: 12px 35px 12px 12px;
    }

    .about-us-content .left .img .about-creater h5 {
        font-size: 22px;
    }

    .latest-articles-section .search-articles {
        padding: 10px 15px;
    }

    .latest-articles-section .right-search select,
    .jobs-content .heading .right-search select {
        padding: 7px 15px;
    }

    .latest-articles-section .search-articles input,
    .latest-articles-section .right-search,
    .jobs-content .heading .right-search,
    .latest-articles-section .search-articles .search-btn {
        font-size: 20px;
    }

    .latest-article-box .content {
        padding: 35px;
        font-size: 22px;
    }

    .jobs-banner h2 {
        font-size: 48px;
        padding: 20px 0 30px;
    }

    .jobs-banner .input,
    .jobs-banner .job-search-btn {
        margin: 5px;
        width: 98%;
    }

    .jobs-content .heading h2 {
        font-size: 34px;
    }

    .jobs-content .job-content .h3 {
        font-size: 22px;
    }

    .shop-banner .left .heading h1 {
        font-size: 44px;
    }

    .shop-banner .left {
        padding: 35px 0 0 30px;
    }

    .shop-banner .left .heading h1 {
        font-size: 40px;
    }

    .shop-banner .left h4 {
        padding-bottom: 16px;
        font-size: 27px;
    }

    .shop-banner .left p {
        font-size: 18px;
        padding: 12px 60px 12px 0;
    }

    .shop-banner .left img {
        width: 220px;
    }

    .shop-banner .left .heading {
        width: 75%;
    }

    .shop-banner .left {
        padding: 30px 0 0 30px;
    }

    .shop-banner .right .product h2 {
        font-size: 18px;
    }

    .shop-banner .right .product img {
        width: 200px;
    }

    .contactus-content .container,
    .subscription-content .container {
        max-width: 770px !important;
    }

    .login-content .left h1 {
        font-size: 40px;
    }

    .cart-content .items table tbody tr td:nth-of-type(2),
    .cart-content .items table tbody tr td:nth-of-type(4) {
        font-size: 18px;
        padding-right: 0px;
    }

    .cart-content .items table tbody tr td {
        padding: 4px;
    }

    .cart-content .order-summary h2 {
        font-size: 24px;
    }

    .cart-content .order-summary .h3 {
        font-size: 20px;
    }

    .cart-content .order-summary .checkout {
        padding: 10px;
        font-size: 18px;
        margin: 5px 0 12px;
    }

    .cart-content .items table tbody tr td .plus-btns input {
        width: 45px;
    }

    /* ==========Mehak's code======== */
    .personal-chat .msg {
        width: 70%;
    }

    /* -----nadia's-code-- */
    .newsbg2-sec .news-head h1 {
        font-size: 35px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 950px) {

    .cart-content .items table tbody tr td:nth-of-type(2),
    .cart-content .items table tbody tr td:nth-of-type(4) {
        font-size: 16px;
    }

    /* =======================
           Mehak's code
    ======================== */
    .profile-main .profile-nav ul li {
        margin: 0 5px
    }

    .p-det-sec.saved-station .rating-des h3 {
        font-size: 67px;
    }

    .p-det-sec .hire-box h2 {
        font-size: 27px;
    }

    .p-det-sec .hire-box p {
        font-size: 16px;
    }

    .p-det-sec .post-job-btn a {
        font-size: 18px;
        font-weight: 600;
    }

    /* --------nadia's-code----- */
    .input-field4 {
        flex-direction: column;
    }

    .input-field4 .search-button {
        width: calc(100% - 0px);
    }

    .input-field4 .input-field12 {
        width: calc(100% - 0px);
    }

    .search-button {
        width: calc(35% - 0px);
    }

    .news-head .input-search .input-field14 input {
        padding: 15px 15px;
    }

    .input-search button img {
        width: 20px;
        height: 20px;
    }

    .news-head .input-search .search-button button {
        padding: 16px 16px;
    }
}

@media only screen and (max-width : 850px) {
    .banner .container .content h1 {
        font-size: 44px;
    }

    .banner .container .content .search .search-stations .select-box {
        width: 35%;
    }

    .latest-rating-box .content-box h4,
    .latest-rating-box .content-box h4,
    .latest-rating-box .content-box p {
        font-size: 16px;
    }

    .news-box .news-content-box .p {
        font-size: 14px;
    }

    .latest-ratings-section .h2 {
        font-size: 20px;
    }

    .jobs-content .heading h2 {
        font-size: 30px;
    }

    .shop-banner .left .heading h1 {
        font-size: 40px;
    }

    .shop-banner .left {
        padding: 30px 0 0 26px;
    }

    .shop-banner .left .heading h1 {
        font-size: 34px;
    }

    .shop-banner .left h4 {
        padding-bottom: 12px;
        font-size: 24px;
    }

    .shop-banner .left p {
        font-size: 16px;
        padding: 10px 50px 10px 0;
    }

    .shop-banner .left img {
        width: 200px;
    }

    .shop-banner .left .heading {
        width: 80%;
    }

    .shop-banner .left {
        padding: 20px 0 0 20px;
    }

    .shop-banner .right .product h2 {
        font-size: 16px;
    }

    .shop-banner .right .product img {
        width: 170px;
    }

    .login-content .left h1 {
        font-size: 36px;
    }

    .login-content .right {
        padding: 20px 30px;
    }

    .cart-content .items table tbody tr td .plus-btns button {
        padding: 7px 15px;
    }

    /* ========================
    Mehak's code
========================== */
    .profile-main .profile-nav li a {
        padding: 20px 5px;
    }

    .personal-chat .msg {
        width: 72%;
    }

    .personal-chat h1 {
        font-size: 27px;
    }

    .p-det-sec.saved-station .rating-des h3 {
        font-size: 62px;
    }

    /* ----nadia's code--- */
    .image {
        flex-direction: column;
        align-items: flex-start;
    }

    .image a {
        margin: 12px 0 0 0;
    }

    .sub-form-sec .submit-main .submit-h h1{
        font-size: 30px;
       }
       .about .overall-product .product.product-d{
        width: calc(50% - 0px);
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {

    .banner .container .content h1 {
        font-size: 40px;
    }

    .banner .container .content {
        width: 90%;
    }

    .banner {
        min-height: 400px;
    }

    .latest-rating-box .content-box {
        margin: 10px 0;
    }

    .load-more,
    .shop .see-all-products {
        padding: 12px 30px;
        font-size: 16px;
        margin: 0;
    }

    .looking-for-work .container .content {
        width: 100%;
    }

    .looking-for-work .container {
        padding: 40px;
    }

    .looking-for-work .container .content h1 {
        font-size: 32px;
        padding-bottom: 18px;
    }

    .looking-for-work .container .content .p {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .looking-for-work .container .content .subscribe {
        padding: 15px 35px;
        font-size: 20px;
    }

    .about-banner h1 {
        font-size: 30px;
        padding: 0px 40px 15px 0;
    }

    .about-banner {
        padding-top: 15px;
    }

    .about-us-banner p,
    .about-us-content .p {
        font-size: 20px;
    }

    .about-us-content .creater-msg .message {
        padding: 10px;
    }

    .about-us-content .creater-msg img {
        padding: 5px 5px 0 0;
    }

    .about-us-content {
        margin-bottom: 10px;
        padding: 15px 25px
    }

    .news-letter-section .news-letter-content .news-letter-slider .left,
    .news-letter-section .news-letter-content .news-letter-slider .right {
        width: 100%;
    }

    .news-letter-section .news-letter-content .news-letter-slider {
        flex-direction: column;
    }

    .news-letter-section .news-letter-content .slick-dots {
        left: 0;
    }

    .news-letter-section .news-letter-content .news-letter-slider .left img {
        border-radius: 15px 15px 0 0;
    }

    .news-letter-section .news-letter-content .slick-dots {
        bottom: 0px;
    }

    .news-letter-section .news-letter-content .news-letter-slider .right .content {
        padding: 20px;
    }

    .latest-articles-section .search-articles {
        width: 100%;
    }

    .latest-articles-section .right-search {
        margin-top: 10px;
    }

    .latest-article-box .head-articles,
    .latest-article-box .other-articles {
        margin: 10px 0;
    }

    .latest-article-box .content {
        padding: 30px;
        font-size: 20px;
    }

    .latest-article-box .content h2 {
        font-size: 26px;
    }

    .latest-article-box .other-articles .img img {
        border-radius: 15px 15px 0 0;
    }

    .jobs-banner h2 {
        font-size: 40px;
    }

    header.site-header .logo img {
        width: 80%;
    }

    .jobs-banner .job-search-btn {
        margin-bottom: 30px;
    }

    .jobs-banner .input,
    .jobs-banner .job-search-btn {
        height: 70px;
    }

    .shop-banner .left .heading h1 {
        font-size: 36px;
    }

    .shop-banner .left {
        padding: 22px 0 0 20px;
    }

    .shop-banner .left .heading h1 {
        font-size: 30px;
    }

    .shop-banner .left h4 {
        padding-bottom: 10px;
        font-size: 20px;
    }

    .shop-banner .left p {
        font-size: 14px;
        padding: 7px 40px 7px 0;
    }

    .shop-banner .left img {
        width: 170px;
    }

    .shop-banner .left .heading {
        width: 80%;
    }

    .shop-banner .left {
        padding: 15px 0 0 15px;
    }

    .shop-banner .right .product h2 {
        font-size: 14px;
    }

    .shop-banner .right .product img {
        width: 140px;
    }

    .contactus-content .container .left .contact-details {
        margin-top: 0;
    }

    .contactus-content .container,
    .subscription-content .container {
        max-width: 580px !important;
    }

    .login-content .main-form {
        flex-direction: column;
    }

    .login-content .main-form .left,
    .login-content .main-form .right {
        width: 100% !important;
    }

    .login-content .main-form .left {
        border-radius: 15px 15px 0 0;
    }

    .login-content .main-form .right {
        border-radius: 0 0 15px 15px;
    }

    .login-content .main-form .register-input {
        flex-direction: column;
    }

    .login-content .main-form .register-input div {
        width: 100% !important;
    }

    .cart-content .order-summary {
        margin: 5px 0;
    }

    .cart-content .items table tbody tr td .plus-btns input {
        width: 30px;
        font-size: 18px;
    }

    .cart-content .items table tbody tr td .plus-btns button {
        font-size: 18px;
    }

    .contactus-content,
    .subscription-content,
    .about-banner {
        padding: 50px 0 0;
    }

    .login-content .right .not-account {
        margin-top: 50px;
    }

    /* =======================
        MEhak's code
    ====================== */
    .profile-main .profile-nav {
        padding: 0 12px;
    }

    .personal-chat h2 {
        font-size: 16px;
    }
  
    .personal-chat .msg {
        width: 72%;
    }

    .personal-chat .header-person {
        max-width: 38px;
    }

    .personal-chat h1 {
        font-size: 24px;
        font-weight: 700;
    }
    /* ------------NADIA's code------- */
    .account{
        flex-direction: column;
   }
   .myaccount{
       max-width: 100%;
   }
   .right-sec{
       width: calc(100% - 0px);
   }
   .list li a span{
       font-size: 13px;
   }
   .list ul{
       display: flex;
       overflow-x: auto;
   }
   .list{
       padding: 0 17px;
   }
   .list li a{
       margin: 0 12px 0 0;
   }
   .list-bg{
       background-color: white;
   }

   .list ul::-webkit-scrollbar {
     width: 4px;
       height: 8px;
   }
   
   .list ul::-webkit-scrollbar-track {
     box-shadow: inset 0 0 3px #194D79; 
     border-radius: 10px;
   }
    
   .list ul::-webkit-scrollbar-thumb {
     background: #194D79; 
     border-radius: 10px;
   }
   .image{
       align-items: flex-start;
       flex-direction: column;
   }
   .input-field input{
       padding: 12px 12px;
   }
   .input-field select{
       padding: 12px 12px;
   }
   .input-field2 .field-name select{
       padding: 12px 12px;
   }
   .about .overall-product .american-product{
       width: calc(100% - 0px);
   }
   .about .overall-product .product{
       width: calc(100% - 0px);
       margin-top: 22px;
       padding: 0;
   }
   .about .american-product .american-para p {
       padding: 0;
       font-size: 16px;
   }
   .f-input{
       padding: 12px 12px;
   }
   .input-field3 .field-name{
       width: calc(50% - 24px);
   }
   .input-field3 .field-check{
       width: calc(50% - 24px);
   }
   .image{
       flex-direction: column;
   }
   .image a{
       margin: 12px 0 0 0;
   }
   .field-name1 label{
       font-size: 14px;
   }
   .field-name input{
       padding: 12px 12px;
   }
   .about .input-field textarea{
       padding: 12px 12px;
   }
   .about .input-field textarea::placeholder{
       font-size: 15px;
   }
   .question-main .question-display .question-display1{
       width: calc(100% - 0px);
       margin-top: 20px;
   }

   .topic-sec .topic-main .corporate-h{
       width: calc(100% - 0px);
   }
   
   .work-main .work-display .working {
    width: calc(100% - 0px);
}
 
.news-head .faq-main li {
    padding: 6px 10px;
}

.saved-station .saved-station-h h1 {
    font-size: 30px;
}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 667px) {
    .banner .container .content h1 {
        font-size: 36px;
    }

    .banner .container .content .search .search-stations .select-box #selected-option,
    .banner .container .content .search .search-stations .input,
    .banner .container .content .search .search-directors .input,
    .banner .container .content .search .search-stations .submit,
    .banner .container .content .search .search-directors .submit,
    .banner .container .content .search .search-stations .select-box .select-options button {
        font-size: 16px;
    }

    .banner .container .content .search .search-stations .select-box img {
        height: 20px;
    }

    .banner .container .content .search .change-search .find-directors,
    .banner .container .content .search .change-search .find-stations {
        font-size: 22px;
    }

    .banner .container .content .search .search-stations .select-box .select-options {
        top: 60px;
    }

    .banner {
        min-height: 350px;
    }

    .shop-banner .left .heading h1 {
        font-size: 30px;
    }

    .shop-banner .left {
        padding: 18px 0 0 14px;
    }

    .shop-banner .left .heading h1 {
        font-size: 24px;
    }

    .shop-banner .left h4 {
        padding-bottom: 8px;
        font-size: 18px;
    }

    .shop-banner .left p {
        font-size: 14px;
        padding: 5px 30px 5px 0;
    }

    .shop-banner .left img {
        width: 150px;
    }

    .shop-banner .left .heading {
        width: 80%;
    }

    .shop-banner .left {
        padding: 12px 0 0 12px;
    }

    .shop-banner .right .product h2 {
        font-size: 12px;
    }

    .shop-banner .right .product img {
        width: 120px;
    }

    .shop-banner .right .product a {
        bottom: 20px;
        font-size: 16px;
    }

    /* =============================
           Mehak's code
    ============================= */
    .profile-main .profile-nav li a {
        font-size: 12px;
    }

    .chat-left {
        width: 100%;
    }

    .chat-right {
        display: none;
        width: 100% !important;
    }
    
    .chat-main .close-msg {
        display: block;
    }

    .chat-p-box {
        cursor: pointer;
    }

    /* -------nadia's code----- */
    .question-main .question-display .question-display1{
        margin-top: 15px;
    }
 
    .question-main .question-display .question-display1 p {
     font-size: 18px;
     width: calc(100% - 30px);
    }

    .question-main .question-display .question-display1 img {
        max-width: 20px;
    }
 
    /* --------header-profile-popup---- */
#header-not-popup {
    width: 400px;
    right: 50%;
    transform: translateX(39%);
}
}

@media only screen and (max-width : 576px) {
    header.site-header .menu .items li a {
        font-size: 16px;
    }

    header.site-header .right-btns .login-btn {
        padding: 7px 18px;
    }

    header.site-header .right-btns .items li {
        margin: 7px;
        padding-bottom: 10px;
    }

    .banner .container .content {
        width: 95%;
    }

    .banner .container .content h1 {
        font-size: 32px;
    }

    .banner .container .content .search .search-stations .select-box {
        width: 40%;
    }

    .banner .container .content .search .change-search .find-directors,
    .banner .container .content .search .change-search .find-stations {
        font-size: 20px;
    }

    .banner .container .content .search .search-stations .select-box,
    .banner .container .content .search .search-stations .input,
    .banner .container .content .search .search-directors .input {
        padding: 10px;
    }

    .banner .container .content .search .search-stations .select-box .select-options {
        top: 50px;
    }

    .banner .container .content .search .search-stations,
    .banner .container .content .search .search-directors {
        border-radius: 10px;
    }

    .banner .container .content .search .search-stations .select-box {
        border-radius: 8px 0 0 8px;
    }

    .latest-rating-box .content-box h4,
    .latest-rating-box .content-box h4,
    .latest-rating-box .content-box p {
        font-size: 14px;
    }

    .latest-rating-box .tags .tag,
    .latest-rating-box .review .review-btn button {
        padding: 8px 12px;
        font-size: 16px;
        border-radius: 8px;
        margin: 8px;
    }

    .latest-rating-box .content-box .news-director,
    .latest-rating-box .content-box .response .right {
        padding: 10px;
    }

    .about-banner h1 {
        font-size: 26px;
        padding: 0px 30px 15px 0;
    }

    .about-us-content .left .img img {
        width: 100%;
    }

    .about-us-content .left .img .about-creater {
        right: 0;
        bottom: 5%;
        padding: 10px 30px 10px 10px;
    }

    .latest-article-box .content {
        padding: 25px;
        font-size: 18px;
    }

    .jobs-banner .input input {
        font-size: 18px;
    }

    .jobs-banner .input,
    .jobs-banner .job-search-btn {
        height: 60px;
    }

    .jobs-banner h2 {
        font-size: 36px;
        padding: 20px 0;
    }

    header.site-header .logo img {
        width: 70%;
    }

    .shop-banner .left {
        height: 250px;
    }

    .shop-banner .right .product {
        height: 125px;
    }

    .shop-banner .right .product {
        justify-content: space-between;
    }

    .shop-banner .right .product img {
        width: 90px;
    }

    .shop-banner .left .heading .discover {
        padding: 10px 20px;
        font-size: 14px;
    }

    .shop-banner .left .heading h1 {
        font-size: 20px;
    }

    .contactus-content .container .left .contact-details h6 {
        font-size: 16px;
    }

    .contactus-content .container .left .p {
        font-size: 14px;
        padding-right: 0px;
    }

    .contactus-content .container .left h2 {
        font-size: 32px;
        padding-bottom: 10px;
    }

    .contactus-content .container .right .send {
        width: 150px;
        padding: 5px;
    }

    .contactus-content .container,
    .subscription-content .container {
        max-width: 460px !important;
    }

    .login-content .right .form .login-btn {
        padding: 10px 30px;
        margin: 20px 0;
    }

    .accept-terms label {
        font-size: 14px;
    }

    .cart-content .items table tbody tr td:nth-of-type(2),
    .cart-content .items table tbody tr td:nth-of-type(4) {
        font-size: 14px;
    }

    .cart-content .items table thead tr th {
        font-size: 18px;
    }

    .cart-content .order-summary .input {
        font-size: 16px;
    }

    .cart-content .order-summary .h4 {
        font-size: 18px;
    }

    .cart-content .order-summary .h3 {
        font-size: 18px;
    }

    .contactus-content .container,
    .subscription-content .container,
    .about-banner .container {
        padding: 10px;
    }

    .contactus-content,
    .subscription-content,
    .about-banner {
        padding: 20px 0 0;
    }

    .close-menu a i {
        font-size: 24px;
    }

     /* =============================
           Mehak's code
    ============================= */
    .profile-main .profile-nav ul {
        margin-bottom:15px;
    }

    .profile-main .profile-nav ul li {
        margin:0 5px 10px;
    }

    .profile-main .profile-nav li a {
        padding: 20px 5px 4px;
    }

    .p-det-sec .filter select,
    .p-det-sec .filter {
        width: 100%;
    }

    .profile-main .profile-nav li.active a:before  {
        height: 2px;
    }

    /* -----profile-scrollbar--- */
    .profile-main .profile-nav ul::-webkit-scrollbar {
      width: 4px;
        height: 8px;
    }
    
    .profile-main .profile-nav ul::-webkit-scrollbar-track {
      box-shadow: inset 0 0 3px var(--blue-m1); 
      border-radius: 10px;
    }
     
    .profile-main .profile-nav ul::-webkit-scrollbar-thumb {
      background: var(--blue-m1); 
      border-radius: 10px;
    }

    .p-det-sec .post-date p {
        max-width: 100%;
    }

    .p-det-sec .post-date p,
    .p-det-sec .draft-btn {
        text-align: right;
    }

    /* ----------nadia's code------ */
    .input-field2{
        flex-direction: column;
    }
    .input-field2 .field-name {
        width: calc(100% - 0px);
    }
    .input-field2 .field-check {
        width: calc(100% - 0px);
        margin-top: 12px;
    }
    .input-field2 input{
        padding: 12px 12px;
    }
    .input-field2 label {
        font-size: 14px;
    }
    .input-field3{
        flex-direction: column;
    }
    .input-field3 .field-name{
        width: calc(100% - 0px);
    }
    .input-field3 .field-check{
        width: calc(100% - 0px);
        margin-top: 12px;
    }
    .about-sec .abouth h3 {
        font-size: 20px;
    }
    .newsbg1-sec .news-head p{
        font-size: 16px;
    }
    .newsbg1-sec .news-head h1{
        font-size: 28px;
    }
    .subscribe-box .subscribe-month h4{
        font-size: 20px;
    }
    .subscribe-box .subscribe-month p{
        font-size: 17px;
    }
    .subscribe-box .subscribe-model h5 {
        font-size: 20px;
    }
    .subscribe-box .subscribe-model span{
        font-size: 12px;
    }
    .input-search{
        flex-direction: column;
    }
    .input-search .input-field14 {
        width: calc(100% - 0px);
    }
    .search-button {
        width: calc(100% - 0px);
        margin-top: 22px;
        max-width: 100%;
    }

    .news-head .faq-main a {
        font-size: 14px;
    }
    /* ----nadia-- */
    .about .overall-product .product.product-d{
        width: calc(100% - 0px);
    }
    .sub-form-sec .submit-main .submit-h h1{
        font-size: 25px;
    }
}

@media only screen and (max-width : 480px) {
    .banner .container .content h1 {
        font-size: 28px;
    }

    .about-banner h1 {
        font-size: 22px;
        padding: 0px 30px 15px 0;
    }

    .latest-article-box .content .save-box,
    .jobs-content .job-content .save-box {
        padding: 10px;
        width: 180px;
    }

    .latest-article-box .content h2 {
        font-size: 22px;
    }

    .latest-article-box .content {
        padding: 20px;
        font-size: 16px;
    }

    .jobs-content .job-content .bottom .time {
        font-size: 11px;
    }

    .jobs-content .job-content .bottom .time img {
        max-width: 80%;
    }

    .jobs-content .job-content .bottom .active-hiring {
        font-size: 14px;
    }

    .jobs-content .job-content .job-details ul li {
        font-size: 16px;
        line-height: 1.3;
    }

    .jobs-content .job-content .job-specify p {
        font-size: 14px;
    }

    .jobs-content .job-content .job-specify p:first-of-type img {
        margin-right: 10px !important;
    }

    .jobs-content .job-content .job-specify p img {
        height: 14px;
    }

    .jobs-content .job-content .h3 {
        font-size: 20px;
    }

    .jobs-content .job-content .bottom .active-hiring {
        font-size: 12px;
        padding: 7px;
    }

    .contactus-content .container,
    .subscription-content .container {
        max-width: 430px !important;
    }

     /* =============================
           Mehak's code
    ============================= */
    .p-det-sec .applied-main .job-img {
        max-width: 100px
    }
    
    .p-det-sec .applied-main .assistant-con {
        width: calc(100% - 0px);
    }
    
    /* --------header-profile-popup---- */
#header-not-popup {
    width: 320px;
}
    /* ---------nadia's code----- */
    .save-input{
        flex-direction: column;
        align-items: flex-start;
    }
    .subscribe-box .subscribe-month{
        max-width: 115px;
        padding: 20px 16px;
    }
    .subscribe-box .subscribe-model{
        width: 100%;
        width: calc(100% - 115px);
        padding: 20px 16px;
        text-align: left;
    }
    .subscribe-h a{
        font-size: 16px;
    }
    .profile h3{
        font-size: 20px;
    }
    .still-question .question-head button{
        padding: 18px 22px;
        font-size: 16px;
    }
    .paragraph-sec .paragraph-main .input-yes .input-button{
        flex-direction: column;
        align-items: baseline;
    }
    .paragraph-sec .paragraph-main .input-yes input.cancel-button{
        margin-top: 12px;
    }
   
   /* ==========================
        Umar's code
   ========================== */
   .Font_size{
    font-size: 14px;
    line-height: 20px;
}
.Art_date{
    font-size: 10px;
}
}

@media only screen and (max-width : 420px) {
    header.site-header.container {
        padding: 10px 20px;
    }

    header.site-header .menu .items li a {
        font-size: 14px;
    }

    header.site-header .right-btns .login-btn {
        padding: 5px 14px;
    }

    .banner .container .content h1 {
        font-size: 24px;
    }

    .banner .container .content .search .search-stations .select-box .select-options {
        padding: 3px;
    }

    .banner .container .content .search .search-stations .select-box #selected-option,
    .banner .container .content .search .search-stations .input,
    .banner .container .content .search .search-directors .input,
    .banner .container .content .search .search-stations .submit,
    .banner .container .content .search .search-directors .submit,
    .banner .container .content .search .search-stations .select-box .select-options button {
        font-size: 14px;
    }

    .banner .container .content .search .search-stations .select-box,
    .banner .container .content .search .search-stations .input {
        padding: 5px;
    }

    .banner .container .content .search .search-directors .input {
        padding: 8px 12px;
    }

    .banner .container .content .search .search-stations .select-box .select-options {
        top: 40px;
        padding-right: 25px;
    }

    .banner {
        min-height: 290px;
    }

    .banner .container .content .search .search-stations .select-box {
        width: 55%;
    }

    .latest-rating-box .content-box h3,
    .latest-rating-box .content-box h3 {
        font-size: 16px;
    }

    .latest-rating-box .content-box h4,
    .latest-rating-box .content-box h4,
    .latest-rating-box .content-box p {
        font-size: 12px;
    }

    .latest-rating-box .content-box .news-director,
    .latest-rating-box .content-box .response .right {
        padding: 10px;
    }

    .looking-for-work .container {
        padding: 30px;
    }

    .looking-for-work .container .content h1 {
        font-size: 28px;
        padding-bottom: 15px;
    }

    .looking-for-work .container .content .p {
        font-size: 16px;
        padding-bottom: 16px;
    }

    .looking-for-work .container .content .subscribe {
        padding: 12px 30px;
        font-size: 18px;
    }

    .about-us-banner p,
    .about-us-content .p,
    .about-us-content .right p {
        font-size: 18px;
        padding: 5px 5px 5px 0;
    }

    .about-us-banner {
        padding: 15px;
    }

    .contactus-content .container,
    .subscription-content .container,
    .about-banner .container {
        padding: 10px;
    }

    .latest-articles-section .search-articles input,
    .latest-articles-section .right-search,
    .jobs-content .heading .right-search,
    .latest-articles-section .search-articles .search-btn {
        font-size: 16px;
    }

    .latest-articles-section .search-articles,
    .latest-articles-section .right-search select,
    .jobs-content .heading .right-search select {
        padding: 7px 12px;
        border: 1px solid #828282;
    }

    .latest-article-box .content h2 {
        font-size: 20px;
    }

    .latest-article-box .content {
        padding: 18px;
        font-size: 14px;
    }

    .jobs-banner .input input {
        font-size: 16px;
    }

    .jobs-banner .input,
    .jobs-banner .job-search-btn {
        height: 50px;
    }

    .jobs-banner h2 {
        font-size: 32px;
        padding: 10px 0 15px;
    }

    header.site-header .logo img {
        width: 60%;
    }

    .jobs-content .heading h2 {
        font-size: 28px;
    }

    .shop-banner .left img {
        width: 120px;
    }

    .contactus-content .container,
    .subscription-content .container {
        max-width: 370px !important;
    }

    .login-content .right {
        padding: 15px 20px;
    }

    .login-content .right .role-btns .role-btn {
        font-size: 18px;
        border-bottom: 4px solid #F2F2F2;
        padding-bottom: 7px;

    }

    .login-content .right {
        font-size: 16px;
    }

    .login-content .left h1 {
        font-size: 28px;
    }

    .login-content .right .form .login-btn {
        padding: 10px 30px;
        margin: 20px 0;
    }

    .login-content .right .form .login-btn {
        padding: 10px 20px;
        margin: 20px 0;
    }

    .login-content .accept-terms #terms {
        width: 15px;
        height: 15px;
    }

    .cart-content .items table tbody tr td:nth-of-type(2),
    .cart-content .items table tbody tr td:nth-of-type(4) {
        font-size: 12px;
    }

    .cart-content .items table thead tr th {
        font-size: 16px;
    }

    .cart-content .items table tbody tr td .plus-btns button {
        padding: 5px 10px;
    }

    .subscription-content .left h1 {
        font-size: 28px;
    }

    .subscription-content {
        font-size: 16px;
    }

    .subscription-content .right .subscribe-box {
        height: 325px;
    }

    .subscription-content .right .subscribe-box .package-name {
        font-size: 16px;
        width: 180px;
    }

    #header-not-popup {
        transform: translateX(34%);
        width: 260px;
    }

    .about .about-header{
        flex-direction: column;
        align-items: flex-start;
        width: 90%;
    }
}

@media only screen and (max-width : 360px) {
    .banner .container .content h1 {
        font-size: 20px;
    }

    .banner .container .content .search .change-search .find-directors,
    .banner .container .content .search .change-search .find-stations {
        font-size: 18px;
    }

    .banner .container .content .search .search-stations .select-box {
        width: 60%;
    }

    .latest-rating-box .content-box .show-details {
        margin: 5px 5px 40px;
    }

    .looking-for-work .container {
        padding: 25px;
    }

    .looking-for-work .container .content h1 {
        font-size: 26px;
        padding-bottom: 13px;
    }

    .looking-for-work .container .content .p {
        font-size: 14px;
        padding-bottom: 14px;
    }

    .looking-for-work .container .content .subscribe {
        padding: 10px 25px;
        font-size: 16px;
    }

    .about-banner h1 {
        font-size: 20px;
        padding: 0px 15px 15px 0;
    }

    .about-us-content .left .img .about-creater {
        padding: 10px;
        border-left: 10px solid #89C400;
    }

    .about-us-content .left .img .about-creater h5 {
        font-size: 20px;
    }

    .news-letter-section .news-letter-content .news-letter-slider .right .content h2 {
        font-size: 22px;
        padding: 5px 0;
    }

    .news-letter-section .news-letter-content .news-letter-slider .right .content span {
        font-size: 12px;
        padding: 10px 0;
    }

    .latest-articles-section .search-articles input,
    .latest-articles-section .right-search,
    .jobs-content .heading .right-search,
    .latest-articles-section .search-articles .search-btn {
        font-size: 14px;
    }

    .latest-article-box .content h2 {
        font-size: 18px;
    }

    .latest-article-box .content {
        padding: 15px;
        font-size: 12px;
    }

    .jobs-content .heading h2 {
        font-size: 24px;
        margin: 0;
    }

    .jobs-content .heading .right-search {
        margin: 15px 0 0;
    }

    .shop-banner .left .heading h1 {
        font-size: 16px;
    }

    .shop-banner .left p {
        font-size: 12px;
    }

    .contactus-content .container,
    .subscription-content .container {
        max-width: 330px !important;
    }

    .login-content .left h1 {
        font-size: 24px;
    }

    /* =============================
           Mehak's code
    ============================= */
    .p-det-sec .edu-uni {
        flex-wrap: wrap;
    }

    .p-det-sec .edu-uni img{
        margin-bottom: 15px;
    }

    .p-det-sec .edit-icon-two {
        max-width: 40px;
        width: 100%;
    }
    /* -----nadia's code---- */
    .subscribe-box .subscribe-model h5 {
        font-size: 16px;
    }
    .subscribe-box .subscribe-month p {
        font-size: 15px;
    }
    
    .input-button{
        flex-direction: column;
        align-items: baseline;
    }
}

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

    .contactus-content .container,
    .subscription-content .container {
        max-width: 310px !important;
    }
}

/* =============================
    Start || Mehak's code MQ
============================= */
@media only screen and (min-width : 668px) {
    .chat-right,
    .chat-left {
        display: block !important;
    }
}
/* ---------END Mehak's MQ---------- */