@media(max-width: 1399px){

    .portfolio-section.style3 .portfolio-menu ul li{
        margin-right: 10px;
    }
}

@media(max-width: 1365px){

    .service_section .single_service {
        bottom: 20%;
        width: 45%;
        right: 2%;
    }
    .service_section .shape {
        display: none;
    }
    .blog_details .blog_details_inf .post_tage {
        display: block;
    }
    .blog_details .blog_details_inf .social_share {
        float: inherit;
        padding-left: 0;
    }

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

    .section-title .title {
        font-size: 40px;
    }
    .about.style1 .content .title {
        font-size: 17px;
    }
    .service-box.style1 {
        display: block;
        padding: 38px 35px 40px;
    }
    .service-box.style1 .icon {
        margin-right: 25px;
        margin-bottom: 25px;
    }
    .blog-posts .single-post.style1 .content .title {
        font-size: 19px;
    }
    .about-left-site img {
        width: 100%;
    }
    .service-box.style2 {
        padding: 30px 10px 28px;
    }
    .service-box.style2 .title h3 {
        font-size: 17px;
    }
    .service-box.style2 .description p {
        font-size: 14px;
    }
    .service_section .shape {
        display: none;
    }
    .service_section .single_service {
        bottom: 30%;
        width: 48%;
        right: 2%;
    }
    .contact-us.one .form-area {
        margin-right: 15px;
    }
    .faq .accordion a .number {
        margin-right: 6px;
    }
    .faq .accordion .title {
        font-size: 16px;
    }

    /*==============
     Portfolio
    ================*/

    .portfolio-section.style1 .portfolio-menu ul li{
        margin-right: 25px;
    }

    /* Style Three */

    .portfolio-section.style3 .portfolio-menu {
        position: static;
        margin-bottom: 30px;
    }

    .testimonial_thumd img {
        width: 100%;
    }
    .single_pricing.style1 .table-body {
        padding: 33px 15px 32px;
    }
    .single_pricing.style1 .table-head {
        padding: 36px 15px 25px;
    }
    .single_pricing.style1 .pricing-feature ul li {
        font-size: 14px;
    }
    .contact_page .contact_location {
        padding: 32px;
    }
    .blog_details .blog_details_inf .post_tage ul li a {
        margin-bottom: 20px;
    }
    .blog_details .sidebar-area .recent-post {
        padding: 35px 18px 35px;
    }
    .blog_details .sidebar-area .categories {
        padding: 35px 18px 35px;
    }
    .blog_details .sidebar-area .tags {
        padding: 35px 18px 35px;
    }
    .blog_details .sidebar-area .archives {
        padding: 35px 18px 35px;
    }

}

@media(max-width: 991px){

    .about.style1 .section-image {
        margin-bottom: 40px;
    }
    .col-lg-6.col-md-12.padding-left {
        padding-left: 15px;
        padding-right: 15px;
    }
    .blog-posts .single-post.style1 {
        margin-bottom: 30px;
    }
    .blog-posts {
        padding: 95px 0 65px;
    }
    .service-box.style2 {
        margin-bottom: 30px;
    }
    .flip-box.style1 {
        margin-bottom: 30px;
    }
    .service.style2 .btn-set {
        float: left;
    }
    .hero-section.style2 .hero-content .title {
        font-size: 70px;
    }
    .hero-slider .hero-video {
        float: left;
        margin-top: 60px;
    }
    .service.style2 {
        padding: 85px 0 70px;
    }
    .service_section .shape {
        display: none;
    }
    .testimonial_thumd img {
        width: 100%;
    }
    .about.style3 .image {
        margin-right: 0;
    }
    .about.style3 .about_right {
        padding-left: 0;
    }
    .service_section .single_service {
        display: none;
    }
    .contact-us.one .form-area {
        margin-right: 0;
        margin-bottom: 40px;
    }

    /*==============
     Portfolio
    ================*/

    .portfolio-section.style1 .portfolio-menu {
        position: static;
        margin-bottom: 30px;
    }
    .portfolio-section.style1 .portfolio-item .item {
        width: 50%;
    }

    /* Style Two */

    .portfolio-section.style2 .portfolio-item .item {
        width: 50%;
    }

    /* Style Three */

    .portfolio-section.style3 .portfolio-item .item {
        width: 50%;
    }

    .portfolio-section.style3 .portfolio-item .item .content .category {
        display: block;
    }
    .portfolio-section.style3 .portfolio-item .item .content {
        left: 15px;
    }
    .testimonial.style3 .section-title .title {
        font-size: 44px;
    }
    .testimonial.style3 .text_content .description {
        width: 100%;
    }
    .about.style2.about-page .about-left-site {
        margin-bottom: 40px;
    }
    .counter-section .single-counter {
        text-align: center;
    }
    .single_pricing.style1 .pricing-feature ul li {
        font-size: 16px;
    }
    .single_pricing.style1 .table-body {
        padding: 33px 30px 32px;
    }
    .single_pricing.style1 .table-head {
        padding: 36px 30px 25px;
    }
    .breadcrumb-inner img {
        width: 100%;
    }
    .contact_page .form-area.style2 {
        padding: 0;
    }
    .blog_details .sidebar-area .recent-post {
        padding: 35px 30px 35px;
    }
    .blog_details .sidebar-area .categories {
        padding: 35px 30px 35px;
    }
    .blog_details .sidebar-area .tags {
        padding: 35px 30px 35px;
    }
    .blog_details .sidebar-area .archives {
        padding: 35px 30px 35px;
    }
    .sidebar {
        margin-left: 0;
        margin-top: 40px;
    }
    .blog_details {
        padding: 100px 0 80px;
    }
    .blog_details blockquote {
        padding: 53px 47px 50px;
    }
    .header .search {
        display: none;
    }
    .main-menu ul li a i {
       display: none;
    }
   .mean-container .mean-nav ul li a i{
        opacity: 0;
    }
    .mobile_logo {
        display: inline-block;
        position: absolute;
        top: -31px;
        left: 7px;
    }
    .header-logo {
        display: none;
    }
    .sticky {
        display: block;
        position: relative;
    }
    .header.transparent {
        position: relative;
        width: 100%;
        z-index: 2;
        background: transparent;
    }

}

/*----------------- Mobile Device -------------------------*/

@media(max-width: 767px){

    .hero-section.style1 .hero-content .title {
        font-size: 44px;
    }
    .hero-section.style1 .hero-content .description {
        width: 78%;
    }
    .section-title .title {
        font-size: 34px;
    }

    .hero-section.style2 .hero-content .title {
        font-size: 46px;
    }
    .hero-slider .hero-video {
        display: none;
    }
    .btn-set {
        margin-top: 30px;
    }

    /*==============
     Section Title
    ================*/

    .counter-section.style1 {
        padding: 100px 0 70px;
    }
    .counter-section.style1 .section-title{
        margin-bottom: 40px;
    }

    /*==============
     About Us
    ================*/

    .about.style2 .single-image img{
        width: 100%;
    }
    .about.style2 .about-right-site{
        padding-top: 41px;
    }
    .about.style2 .about-icon-box{
        margin-bottom: 20px;
    }

    .service.style2 {
        padding: 85px 0 70px;
    }
    .site-footer .footer-widget .social-icon {
        margin: 27px 0 24px;
    }
    .service_section .shape {
        display: none;
    }
    .testimonial_thumd img {
        width: 100%;
        margin-bottom: 40px;
    }
    .service-box.style3.two {
        top: 0;
    }
    .contact-us.one .section-title .title {
        font-size: 44px;
    }
    .faq .accordion .title {
        font-size: 22px;
        display: flex;
    }

    /*==============
     Portfolio
    ================*/

    .portfolio-section.style1 .portfolio-menu ul li {
        margin-bottom: 10px;
    }
    .portfolio-section.style1 .portfolio-item .item {
        width: 100%;
    }

    /* Style Two */

    .portfolio-section.style2 .portfolio-menu ul li {
        margin-bottom: 10px;
    }
    .portfolio-section.style2 .portfolio-item .item {
        width: 100%;
    }

    /* Style Three */

    .portfolio-section.style3 .portfolio-menu ul li {
        margin-bottom: 10px;
    }
    .portfolio-section.style3 .portfolio-item .item {
        width: 100%;
    }

    .contact-us.one .section-title .title {
        font-size: 38px;
    }
    .sidebar {
        margin-left: 0;
    }

}

@media(max-width: 420px){

    .hero-section.style1 .hero-content .title {
        font-size: 34px;
    }
    .hero-section.style1 .hero-content .description {
        width: 100%;
    }
    .hero-section.style1 .hero-content .button-two {
        display: none;
    }
    .section-title .title {
        font-size: 26px;
    }
    .about.style1 .content .title {
        font-size: 16px;
    }
    .service-box.style1 {
        display: block;
        padding: 30px 30px 30px;
    }
    .service-box.style1 .service-content .description {
        width: 90%;
    }
    .testi-section .author {
        display: block;
    }
    .testi-section .author-image {
        margin-bottom: 30px;
    }
    .brand-aection.style1 .single-brand img {
        width: 90%;
    }
    .site-footer .footer-widget .social-icon {
        margin: 27px 0 20px;
    }
    .portfolio-item .item {
        padding: 0 0px;
    }
    .hero-section.style2 .hero-content .title {
        font-size: 49px;
    }
    .service_section .shape {
        display: none;
    }
    .testimonial_thumd img {
        width: 100%;
    }
    .service-box.style3.two {
        top: 0;
    }
    .counter-section {
        padding: 71px 0 52px;
    }
    .contact-us.one .section-title .title {
        font-size: 34px;
    }
    .portfolio-section.style3 .portfolio-item .item .content {
        left: 0;
    }
    .testimonial.style3 .section-title .title {
        font-size: 34px;
    }
    .testimonial.style3 .testi-inner .title {
        font-size: 20px;
    }
    .blog_details blockquote {
        padding: 40px 17px 40px;
        font-size: 18px;
        background-image: none;
        background: #F0F1F3;
    }
    .blog_details .form-area.style3 {
        padding: 30px 20px 40px;
    }
    .breadcrumb-area .breadcrumb-inner .page-title {
        font-size: 37px;
    }
    .blog_details .content .title {
        font-size: 29px;
    }
    .blog_details .blog_details_inf .social_share {
        float: inherit;
        padding-left: 0;
        text-align: left;
    }
    .blog_details .form-area.style3 h3.title {
        font-size: 31px;
    }
    #portfolio-details .portfolio-header .details-box {
        margin: 12px;
    }
    #portfolio-details .portfolio-header .details-box {
        padding: 40px 27px 38px 25px;
    }

}