/* Normal desktop :1400x. */
@media (min-width: 1400px) and (max-width: 1600px) {
    .successful-conference {
        left: -73px;
        top: 31px;
    }



}


/* Normal desktop :1300px. */
@media (min-width: 1300px) and (max-width: 1399px) {
    .header-button a {
        padding: 11px 36px;
    }

    .about-thumb {
        margin-left: -93px;
    }

    .successful-conference {
        left: -10px;
        top: 0px;
    }

    .section-title h1 {
        font-size: 40px;
        line-height: 44px;
    }

    .testi-desc p {
        width: 88%;
    }

    .brand-content {
        padding: 126px 12px 0;
    }

    .blog-user span {
        margin-right: 50px;
    }

    .contact-box-content h1 {
        font-size: 42px;
    }

    .footer-widget-desc p {
        width: 49%;
    }



    /*service-details*/
    ul.sidebar-menu li a {
        font-size: 13px;
    }

    .widget-download-box {
        padding: 30px 20px 15px;
    }

    .widget-download-box ul li a {
        padding: 14px 19px;
    }

    .service-dtls-all-items {
        padding-left: 40px;
    }


    .history-section .section-title h1 {
        font-size: 34px;
        line-height: 36px;
    }

    /*blog-detaisl*/
    .blog-dtls-thumb img {
        width: 100%;
    }

    .post-comment-thumb {
        margin-right: 16px;
        margin-top: 28px;
    }

    .blog-post-comment span.rights-reply {
        top: -98px;
    }

    .rpost-content h4 a {
        font-size: 13px;
        line-height: 22px;
    }

    /*event*/
    .event-content a {
        font-size: 15px;
    }

    .event-content span {
        margin-right: 10px;
    }

    /*event-details*/
    .event-info {
        padding: 6px 28px 27px;
    }

    /*team-deatils*/
    .team-details-thumb img {
        width: 100%;
    }

    /*gallery*/
    .gallery-content {
        padding: 10px 45px 40px;
    }

    .contact-infor-content p {
        font-size: 13px;
        line-height: 23px;
    }


}





/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1299px) {
    .header-button a {
        padding: 11px 36px;
    }

    .about-thumb {
        margin-left: -96px;
    }

    .successful-conference {
        left: 0;
        top: 0px;
    }

    .section-title h1 {
        font-size: 41px;
        line-height: 46px;
    }

    .testi-desc p {
        width: 76%;
    }

    .brand-content {
        padding: 126px 12px 0;
    }

    .blog-user span {
        margin-right: 40px;
    }

    .contact-box-content h1 {
        font-size: 42px;
    }

    .footer-widget-desc p {
        width: 49%;
    }


    /*--inner-pages-responsive--css*/
    .portfolio-details-thumb img {
        width: 100%;
    }

    /*service-details*/
    ul.sidebar-menu li a {
        font-size: 13px;
    }

    .widget-download-box ul li a {
        padding: 12px 13px;
        font-size: 14px;
    }

    .service-thumb2 img {
        width: 100%;
    }

    .history-section .section-title h1 {
        font-size: 34px;
        line-height: 38px;
    }

    /*blog-details*/
    .blog-dtls-thumb img {
        width: 100%;
    }

    .post-comment-thumb {
        margin-top: 27px;
    }

    .blog-post-comment span.rights-reply {
        top: -105px;
    }

    .rpost-content h4 a {
        font-size: 12px;
        line-height: 22px;

    }

    /*contact-section*/
    .contact-infor-content p {
        font-size: 13px;
        line-height: 26px;
    }

    /*event*/
    .event-content a {
        font-size: 15px;
    }

    .event-content span {
        margin-right: 7px;
    }

    /*event-details*/
    .event-info {
        padding: 6px 25px 27px;
    }

    /*team-deatils*/
    .team-details-thumb img {
        width: 100%;
    }

    /*gallery*/
    .gallery-content {
        padding: 10px 35px 40px;
    }








}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
    .header-button a {
        padding: 10px 15px;
    }

    .about-thumb {
        margin-left: -190px;
    }

    .successful-conference {
        left: 173px;
        top: 0;
    }

    .section-title h1 {
        font-size: 34px;
        line-height: 32px;
    }

    p.desc-one {
        width: 100%;
    }

    .about-content p {
        width: 100%;
    }

    .about-box-icon {
        width: 63px;
        height: 38px;
    }

    .single-service-box:hover .service-content {
        padding-left: 62px;
    }

    .single-service-box:hover .service-button {
        left: -70px;
    }

    .brand-content {
        padding: 126px 0px 0;
    }

    .testi-desc p {
        width: 94%;
    }

    .blog-user span {
        margin-right: 20px;
    }

    .blog-content h4 a {
        font-size: 16px;
        line-height: 26px;
    }

    .single-contact-box {
        padding: 29px 15px 54px;
    }

    .contact-box-content h1 {
        font-size: 34px;
    }

    .contact-box-content p {
        font-size: 15px;
    }

    .footer-widget-desc p {
        width: 58%;
    }





    /*Service Detials
    =====================*/

    .service-details:before {
        width: 30%;
    }

    .widget-sidebar-box {
        padding: 30px 20px 30px;
    }

    ul.sidebar-menu li {
        padding: 13px 4px 13px;
    }

    ul.sidebar-menu li a i {
        margin-right: -1px;
    }

    ul.sidebar-menu li a {
        font-size: 12px;
    }

    ul.sidebar-menu li a i {
        font-size: 15px;
    }

    img.sidbr-icn {
        padding-right: 6px;
    }

    ul.sidebar-menu2 li {
        font-size: 13px;
    }

    h3.widget-title2 {
        font-size: 22px;
    }

    h5.sidebar-title:before {
        right: 135px;
        width: 65px;
    }

    h5.sidebar-title:after {
        left: 135px;
        width: 65px;
    }

    h5.sidebar-title2 {
        font-size: 22px;
    }

    .widget-download-box ul li a {
        padding: 9px 7px;
        font-size: 12px;
    }

    .widget-download-box ul li i {
        font-size: 13px;
        margin-right: 2px;
    }

    .widget-button a {
        padding: 11px 32px;
        font-size: 14px;
    }

    .service-dtls-all-items {
        padding-left: 40px;
    }

    .service-thumb2 img {
        width: 100%;
    }

    .service-dtls-cont h3 {
        font-size: 26px;
        line-height: 37px;
    }

    .sevice-dtls-content {
        padding-left: 15px;
    }

    .sevice-dtls-content h4 {
        font-size: 16px;
    }

    .sevice-dtls-content p {
        font-size: 14px;
    }

    .service-dtls-items ul li {
        font-size: 14px;
    }




    /*inner-pages-responsive-css--*/

    /*faqs-section*/
    .accordion li a {
        font-size: 14px;
        padding: 14px 20px 14px 13px;
    }

    .accordion li p {
        padding: 25px 10px 25px 15px;
        text-align: justify;
        font-size: 14px;
    }

    /*blog-details*/
    .row.blogs-pr {
        padding-right: 42px;
    }

    .blogs-section h2.blog-title a {
        font-size: 20px;
    }

    p.blog-desc2 {
        text-align: justify;
        margin-bottom: 13px;
    }

    .blog-quote p {
        font-size: 16px;
    }

    .blog-dtls-thumb img {
        width: 100%;
    }

    .post-comment-thumb {
        margin-right: 20px;
        margin-top: 27px;
    }

    .blog-post-comment span.rights-reply {
        top: -99px;
    }

    .blog-post-comment .post-comment2 {
        margin-left: 5px;
    }

    /*contact-info-section*/
    .contact-infor-box {
        padding: 39px 20px 24px;
    }

    .contact-infor-content h4 {
        font-size: 18px;
    }

    .contact-infor-content p {
        font-size: 12px;
        line-height: 23px;
    }

    /*event*/
    .event-content a {
        font-size: 15px;
    }

    /*event-details*/
    .event-details-title h4 {
        font-size: 25px;
    }

    .event-info h4 {
        font-size: 16px;
    }

    .event-info {
        padding: 6px 20px 27px;
    }

    .organizer-thumb {
        padding-right: 39px;
        margin-top: 26px;
    }

    /*team-details*/
    .team-details-thumb img {
        width: 100%;
    }

    p.team-details-desc {
        text-align: justify;
    }

    .team-list-iteam ul li {
        font-size: 14px;
    }

    .our-client {
        margin-right: 22px;
    }

    .team-category {
        margin-left: 22px;
    }

    /*gallery*/
    .gallery-content {
        padding: 10px 18px 40px;
    }

    .gallery-content h4 a {
        font-size: 19px;
    }

    .history-section .section-title h1 {
        font-size: 26px;
        line-height: 25px;
    }

    .history-content h4 {
        font-size: 19px;
    }




}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .top-header {
        display: none;
    }

    .header-area {
        display: none;
    }

    .hero-section {
        height: 600px;
        margin-top: 0;
    }

    p.hero-desc {
        width: 80%;
    }

    .about-thumb {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .about-thumb img {
        width: 100%;
    }

    .successful-conference {
        left: -48px;
        top: 0;
    }

    p.desc-one {
        width: 78%;
    }

    .section-title h1 {
        font-size: 40px;
        line-height: 44px;
    }

    p.desc-tow {
        width: 100%;
    }

    .testi-desc p {
        width: 100%;
    }

    .blog-section {
        padding: 100px 0 100px;
    }

    .blog-user span {
        margin-right: 36px;
    }

    .single-blog-box {
        margin-bottom: 20px;
    }

    .footer-widget-desc p {
        width: 75%;
    }

    .copyright-area {
        margin-top: 50px;
    }





    /*Service Details
    =====================*/

    .service-details:before {
        width: 100%;
    }

    .service-dtls-all-items {
        padding-left: 0;
    }

    .service-thumb2 img {
        width: 100%;
    }

    .service-dtls-box {
        background: #fff;
    }

    .service-dtls-items {
        margin-bottom: 30px;
    }

    .service-dtls-cont h3 {
        font-size: 24px;
    }

    h2.accordion-title {
        font-size: 24px;
    }

    .portfolio-details-thumb img {
        width: 100%;
    }

    /*faqs-section*/
    p.center {
        width: 90%;
    }

    .history-box.upper {
        margin-top: 0;
        padding: 0 0 0;
    }

    .history-content {
        width: 90%;
    }

    /*blog-details*/
    .row.blogs-pr {
        padding-right: 0;
    }

    .blogs-section h2.blog-title a {
        font-size: 24px;
    }

    p.blog-desc2 {
        padding: 15px 0 18px;
        text-align: justify;
    }

    .blog-dtls-thumb img {
        width: 100%;
    }

    .blog-post-comment .post-comment2 {
        margin-left: 54px;
    }

    .post-comment-thumb {
        margin-top: 30px;
    }

    .blog-post-comment span.rights-reply {
        top: -93px;
    }

    /*contact-section*/
    .contact-information {
        padding: 113px 0 110px;
    }

    .contact-infor-box {
        margin-bottom: 20px;
        padding: 39px 20px 24px;
    }

    .contact-infor-content p {
        font-size: 14px;
        line-height: 26px;
    }

    /*counter-section*/
    .counter-section {
        padding: 105px 0 70px;
    }

    .counter-box {
        margin-bottom: 44px;
    }

    /*event-details*/
    .event-info {
        margin-left: 0;
        margin-top: 30px;
    }

    .organizer-content p {
        text-align: justify;
    }

    .organizer-thumb {
        padding-right: 28px;
        padding-bottom: 4px;
    }

    /*team-details*/
    .team-details-thumb img {
        width: 100%;
    }

    /*gallery*/
    .gallery-content {
        padding: 10px 35px 40px;
    }







}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {

    .top-header {
        display: none;
    }

    .header-area {
        display: none;
    }

    .hero-section {
        height: 650px;
        margin-top: 0;
    }

    .hero-content h1 {
        font-size: 40px;
        line-height: 44px;
    }

    .hero-content::before {
        width: 90%;
    }

    p.hero-desc {
        width: 100%;
        padding: 35px 0 22px;
    }

    .about-thumb {
        margin-left: 0;
        margin-bottom: 14px;
    }

    .about-thumb img {
        width: 100%;
    }

    .successful-conference {
        left: -20px;
        top: 0;
    }

    .section-title h1 {
        font-size: 30px;
        line-height: 27px;
    }

    p.desc-tow {
        width: 100%;
    }

    .about-box-icon {
        width: 56px;
        height: 38px;
    }

    .testi-desc p {
        font-size: 18px;
        width: 100%;
        line-height: 32px;
    }

    .blog-section {
        padding: 100px 0 100px;
    }

    .single-blog-box {
        margin-bottom: 20px;
    }

    .footer-widget-desc p {
        width: 100%;
    }


    /*service-details-section*/
    .service-dtls-all-items {
        padding-left: 0;
    }

    .service-thumb2 img {
        width: 100%;
    }

    p.service-dtls-desc2 {
        text-align: justify;
    }

    .service-dtls-box {
        margin-bottom: 22px;
    }

    .service-dtls-items {
        margin-bottom: 20px;
    }

    /*faqs-section*/
    p.center {
        width: 100%;
    }

    .accordion li a {
        font-size: 14px;

    }

    .accordion li p {
        font-size: 14px;
        text-align: justify;
    }

    .history-box.upper {
        margin-top: 0;
        padding: 0 0 0;
    }

    .history-content {
        width: 95%;
    }

    /*blog-list*/
    a.blog-title-3 {
        font-size: 28px;
        line-height: 36px;
    }

    p.blog-desc-3 {
        width: 98%;
    }

    /*blog-details*/
    .row.blogs-pr {
        padding-right: 0;
    }

    .blogs-section h2.blog-title a {
        font-size: 18px;
    }

    p.blog-desc2 {
        padding: 15px 0 17px;
        font-size: 15px;
        text-align: justify;
    }

    .blog-quote {
        padding: 24px 20px 43px;
    }

    .blog-quote p {
        font-size: 14px;
    }

    .blog-dtls-thumb img {
        width: 100%;
    }

    .blog-post-comment .post-comment2 {
        margin-left: -7px;
    }

    .post-comment-thumb {
        margin-right: 16px;
        margin-top: 49px;
    }

    .blog-post-comment span.rights-reply {
        top: -122px;
    }

    .sidebar-widget {
        margin-top: 39px;
    }

    /*contact-section*/
    .contact-information {
        padding: 113px 0 110px;
    }

    .contact-infor-box {
        margin-bottom: 20px;
    }

    .contact-form .form-box input {
        width: 100%;
    }

    .contact-form .form-box textarea {
        width: 100%;
    }

    .contact-thumb {
        display: none;
    }

    /*counter-section*/
    .counter-section {
        padding: 105px 0 89px;
    }

    .counter-box {
        margin-bottom: 30px;
    }

    /*event*/
    .event-content a {
        font-size: 13px;
    }

    .event-content span {
        margin-right: 14px;
        font-size: 13px;
    }

    /*event-details*/
    .event-details-title h4 {
        font-size: 23px;
    }

    .event-info {
        margin-left: 0;
        margin-top: 35px;
    }

    .organizer-content p {
        text-align: justify;
        margin-top: 19px;
    }

    /*team-details*/
    .team-details-thumb img {
        width: 100%;
    }

    .our-client {
        margin-right: 50px;
    }

    .team-category {
        margin-left: 25px;
    }

    .history-section .section-title h1 {
        font-size: 33px;
        line-height: 36px;
    }




}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width:599px) {
    .top-header {
        display: none;
    }

    .header-area {
        display: none;
    }

    .hero-section {
        height: 600px;
        margin-top: 0;
    }

    .hero-content h1 {
        font-size: 36px;
        line-height: 36px;
    }

    p.hero-desc {
        width: 90%;
    }

    .about-thumb {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .about-thumb img {
        width: 100%;
    }

    .successful-conference {
        left: -32px;
        top: -6px;
    }

    .section-title h1 {
        font-size: 26px;
        line-height: 26px;
    }

    p.desc-one {
        width: 100%;
    }

    p.desc-tow {
        width: 100%;
    }

    .about-box-icon {
        width: 61px;
    }

    .about-content p {
        width: 100%;
    }

    .testi-desc p {
        font-size: 18px;
        width: 100%;
        line-height: 25px;
    }

    .testi-pages-number span {
        margin-right: 42px;
        margin-left: 50px;
    }

    .owl-dot {
        left: 5px;
    }

    .blog-section {
        padding: 100px 0 101px;
    }

    .single-blog-box {
        margin-bottom: 20px;
    }

    .footer-widget-desc p {
        width: 85%;
    }

    /*service-details*/
    .service-dtls-all-items {
        padding-left: 0;
    }

    .service-thumb2 img {
        width: 100%;
    }

    .service-dtls-box {
        margin-bottom: 20px;
    }

    .service-dtls-items {
        margin-bottom: 20px;
    }

    .accordion li p {
        padding: 25px 20px 25px 18px;
        text-align: justify;
    }

    /*faqs-section*/
    p.center {
        width: 92%;
    }

    .accordion li a {
        padding: 14px 20px 14px 13px;
        font-size: 14px;
    }

    .history-box.upper {
        margin-top: 0;
        padding: 0 0 0;
    }

    .history-content {
        width: 95%;
        padding: 32px 27px 33px;
        text-align: justify;
    }

    /*blog-list*/
    a.blog-title-3 {
        font-size: 22px;
        line-height: 30px;
    }

    /*blog-details*/
    .row.blogs-pr {
        padding-right: 0;
    }

    .blogs-section h2.blog-title a {
        font-size: 16px;
    }

    p.blog-desc2 {
        padding: 0px 0 13px;
        font-size: 15px;
        text-align: justify;
    }

    .blog-desc3 {
        font-size: 15px;
        text-align: justify;
    }

    .blog-quote {
        padding: 24px 12px 43px;
    }

    img.qte-icon {
        margin-right: 12px;
    }

    .blog-quote p {
        font-size: 13px;
    }

    .blog-dtls-thumb img {
        width: 100%;
    }

    ul.product-list li {
        font-size: 14px;
    }

    .blog-post-comment .post-comment {
        text-align: center;
    }

    .post-comment-thumb {
        float: inherit;
        margin-right: 0;
    }

    .blog-post-comment h4.post-title span {
        padding-left: 0;
        display: inherit;
    }

    .blog-post-comment h4.post-title {
        line-height: 30px;
    }

    .blog-post-comment span.rights-reply {
        top: -115px;
    }

    p.posts-reply {
        font-size: 16px;
        text-align: justify;
    }

    .blog-post-comment .post-comment2 {
        margin-left: 0;
        text-align: center;
    }

    .sidebar-widget {
        margin-top: 45px;
    }

    /*contact-section*/
    .contact-information {
        padding: 113px 0 110px;
    }

    .contact-infor-box {
        margin-bottom: 20px;
    }

    .contact-form .form-box input {
        width: 100%;
    }

    .contact-form .form-box textarea {
        width: 100%;
    }

    .contact-thumb {
        display: none;
    }

    /*counter-section*/
    .counter-section {
        padding: 105px 0 80px;
    }

    .counter-content {
        margin-bottom: 40px;
    }

    /*event*/
    .event-content span {
        margin-top: 3px;
    }

    /*event-details*/
    .event-details-title h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .event-info {
        margin-left: 0;
        margin-top: 26px;
    }

    .organizer-thumb {
        float: inherit;
        padding-right: 0;
    }

    .organizer-thumb img {
        width: 100%;
    }

    .organizer-content p {
        text-align: justify;
    }

    /*team-details*/
    .team-details-thumb img {
        width: 100%;
    }

    p.team-details-desc {
        margin: 32px 0 -5px;
        text-align: justify;
    }

    .our-client {
        margin-right: 23px;
    }

    .team-category {
        margin-left: 16px;
    }

    .team-list-iteam ul li {
        font-size: 14px;
    }

    /*gallery*/
    .gallery-content {
        padding: 10px 30px 40px;
    }

    .history-section .section-title h1 {
        font-size: 29px;
        line-height: 30px;
    }





}

/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    .top-header {
        display: none;
    }

    .header-area {
        display: none;
    }

    .hero-section {
        height: 580px;
        margin-top: 0;
    }

    .hero-content h1 {
        font-size: 22px;
        line-height: 24px;
    }

    p.hero-desc {
        width: 100%;
        text-align: justify;
    }

    .about-thumb {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .successful-conference {
        left: -11px;
        top: -43px;
    }

    .successful-conference p {
        font-size: 14px;
    }

    .about-thumb img {
        width: 100%;
    }

    .section-title h4 {
        font-size: 18px;
        line-height: 29px;
    }

    .section-title h1 {
        font-size: 16px;
        line-height: 13px;
    }

    p.desc-one {
        width: 100%;
    }

    p.desc-tow {
        width: 100%;
    }

    .about-content h4 {
        font-size: 16px;
    }

    .about-content p {
        width: 100%;
    }

    .about-box-icon {
        margin-right: 7px;
    }

    .testi-desc p {
        font-size: 14px;
        width: 100%;
        line-height: 25px;
    }

    .testi-pages-number span {
        margin-right: 51px;
        margin-left: 50px;
    }

    .owl-dot {
        left: 2px;
    }

    .blog-section {
        padding: 100px 0 101px;
    }

    .single-blog-box {
        margin-bottom: 20px;
    }

    .blog-user span {
        margin-right: 18px;
    }

    .blog-content h4 a {
        font-size: 15px;
        line-height: 26px;
    }

    .contact-box-content h1 {
        font-size: 30px;
    }

    .single-contact-box {
        padding: 29px 17px 54px;
    }

    .contact-box-content p {
        font-size: 15px;
    }

    .footer-widget-desc p {
        width: 100%;
        font-size: 14px;
    }

    .copyright-area p {
        font-size: 14px;
    }


    .breadcumb-title h1 {
        font-size: 26px;
        margin-bottom: 0px;
    }

    /*service-details*/
    .service-thumb2 img {
        width: 100%;
    }

    .widget-download-box ul li a {
        padding: 14px 25px;
    }

    .service-dtls-all-items {
        padding-left: 0;
        margin-top: 9px;
    }

    .sevice-dtls-content h4 {
        font-size: 16px;
    }

    .sevice-dtls-content {
        padding-left: 16px;
    }

    .service-dtls-box {
        align-items: revert-layer;
        margin-bottom: 20px;
    }

    .service-dtls-items {
        margin-bottom: 15px;
    }

    .service-dtls-cont h3 {
        font-size: 22px;
    }

    h2.accordion-title {
        font-size: 18px;
    }

    h2.service-title {
        font-size: 24px;
    }

    .accordion li a {
        font-size: 11px;
        padding: 14px 0 14px 12px;
    }

    .accordion li p {
        font-size: 15px;
        padding: 25px 16px 25px 19px;
        text-align: justify;
    }

    /*faqs-section*/
    p.center {
        width: 100%;
        font-size: 14px;
    }

    .history-box.upper {
        margin-top: 0;
        padding: 0 0 0;
    }

    .history-box.upper .history-content {
        width: 100%;
    }

    .history-content {
        margin-top: 1px;
    }

    .history-content {
        padding: 32px 22px 33px;
        margin-top: 1px;
        font-size: 15px;
        text-align: justify;
        width: 100%;
    }

    /*blog-list*/
    a.blog-title-3 {
        font-size: 15px;
        line-height: 20px;
    }

    .single-blog-box-3 {
        padding: 25px;
    }

    p.blog-desc-3 {
        width: 100%;
        text-align: justify;
        font-size: 15px;
    }

    /*blog-details*/
    .row.blogs-pr {
        padding-right: 0;
    }

    .blogs-section .single-blog-dtls-box .blog-content {
        padding: 35px 18px 25px;
    }

    ul.blog-author li {
        margin-right: 8px;
        font-size: 15px;
    }

    ul.blog-author li i {
        margin-right: 3px;
    }

    ul.blog-author li {
        margin-right: 9px;
        font-size: 15px;
    }

    .blogs-section h2.blog-title a {
        font-size: 15px;
        font-weight: 600;
        line-height: 26px;
        display: inline-block;
    }

    p.blog-desc2 {
        padding: 15px 0 26px;
        font-size: 13px;
        text-align: justify;
    }

    .blog-desc3 {
        font-size: 13px;
        text-align: justify;
    }

    .blog-quote {
        padding: 24px 22px 43px;
        text-align: center;
    }

    .blog-quote p {
        font-size: 14px;
        ;
    }

    img.qte-icon {
        float: inherit;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .blog-dtls-thumb img {
        width: 100%;
    }

    ul.social-share {
        float: left;
        margin-top: 13px;
    }

    .blog-post-comment {
        padding: 34px 18px 26px;
    }

    .blog-post-comment .post-comment {
        text-align: center;
    }

    .post-comment-thumb {
        float: inherit;
        margin-right: 0;
    }

    .blog-post-comment h4.post-title {
        line-height: 30px;
    }

    .blog-post-comment h4.post-title span {
        padding-left: 0;
        display: inherit;
        padding-bottom: 7px;
    }

    p.posts-reply {
        font-size: 14px;
        text-align: justify;
    }

    .blog-post-comment span.rights-reply {
        top: -195px;
        left: 0;
    }

    .blog-post-comment .post-comment2 {
        margin-left: 0;
        text-align: center;
    }

    h3.blog-comment-title {
        font-size: 22px;
        padding: 0 0 0;
    }

    .contact-form-box3 .form-box input {
        width: 100%;
    }

    .sidebar-widget {
        margin-top: 41px;
    }

    /*event*/
    .single-event-box {
        display: block;
        padding: 20px 14px 21px;
    }

    .event-thumb {
        max-width: 100%;
        height: auto;
    }

    .event-thumb img {
        width: 100%;
    }

    .event-content {
        padding-top: 11px;
    }

    /*event-details*/
    .event-details-title h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .event-info {
        padding: 6px 24px 27px;
        margin-left: 0;
        margin-top: 30px;
    }

    .event-info h4 {
        font-size: 19px;
    }

    .single-organizer-box {
        padding: 21px 18px 58px;
    }

    .organizer-content p {
        text-align: justify;
    }

    /*team-details*/
    .team-details-thumb img {
        width: 100%;
    }

    p.team-details-desc {
        text-align: justify;
    }

    .our-client {
        display: inherit;
        margin-right: 0;
    }

    .work-date-line {
        display: inherit;
        margin-top: 23px;
    }

    .team-category {
        display: inherit;
        margin-left: 0;
        margin-top: 26px;
    }

    h4.team-details-title {
        font-size: 28px;
    }

    /*gallery*/
    .gallery-content {
        padding: 10px 20px 40px;
    }

    .gallery-content h4 a {
        font-size: 16px;
    }

    .gallery-content p {
        color: #fff;
        font-size: 14px;
    }

    .history-section .section-title h1 {
        font-size: 18px;
        line-height: 16px;
    }

    .history-content h4 {
        font-size: 15px;
    }

    /*scrollup*/
    .prgoress_indicator {
        right: 18px;
    }

    .contact-infor-box {
        margin-bottom: 20px;
    }

    .contact-infor-content h4 {
        font-size: 17px;
    }







}

/* ======================================================
   MOBILE LAYOUT REFINEMENTS
   ====================================================== */
@media only screen and (max-width: 767px) {

    /* Header & Branding alignment - now handled in meanmenu.min.css */
    .mean-container a.meanmenu-reveal {
        top: 0 !important;
    }

    /* Header & Branding alignment - now handled in meanmenu.min.css */
    .mean-container a.meanclose {
        font-size: 45px !important;
    }

    /* Hero Slider Content */
    .hero-content h1 {
        font-size: 22px !important;
        line-height: 1.2 !important;
        margin-top: 10px !important;
        border-radius: 25px 0 25px 0;
    }

    .hero-content h4 {
        font-size: 10px !important;
        margin-left: 0 !important;
        letter-spacing: 0.5px !important;
        display: inline-block !important;
        padding: 0px 12px !important;
        position: relative !important;
        line-height: 35px !important;
    }

    /* Simplified 'red circle' for mobile to prevent breaking */
    .hero-content h4:before {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;
        border-radius: 6px !important;
        border: 1px solid #ed1f24 !important;
    }

    /* Black background blob adjustment for mobile */
    .hero-content:before {
        width: 110% !important;
        height: calc(100% - 20px) !important;
        top: 35px !important;
        left: -5% !important;
        border-radius: 0 40px 0 40px !important;
    }

    p.hero-desc {
        width: 100% !important;
        padding: 15px 0 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .hero-section {
        height: 520px !important;
    }

    .spekar-button {
        margin-top: 50px !important;
    }
}