@media (max-width: 1366px) {
    .slider_content h2 {
        font-size: 80px;
        margin-bottom: 0;
    }

    .slider_content h3 {
        letter-spacing: 18px;
    }

    .slider_content_two h2 {
        font-size: 100px;
    }
}

@media (max-width: 1199px) {
    .service_right .service_right_content {
        max-width: 100%;
        padding-left: 70px;
        padding-right: 90px;
    }

    .service_right .service_right_content .service_item_three {
        padding-right: 0;
    }

    .about_story {
        padding: 0px;
    }

    .about_img {
        margin-left: auto;
        margin-right: auto;
    }

    .action_area .theme_btn_two {
        padding-left: 30px;
        padding-right: 30px;
    }

    .blog_item .theme_btn {
        padding: 11px 56px;
    }

    .get_info .get_info_item .round_icon {
        width: 70px;
        height: 70px;
        line-height: 70px;
        margin-right: 7px;
    }

    .mac_img {
        margin-left: -100px;
    }

    .mac_img img {
        max-width: 100%;
    }

    .get_info .get_info_item .media-body p {
        line-height: 28px;
    }

    .about_img_inner {
        margin-left: 0;
    }

    .service_item_two img,
    .blog_item .blog_img img,
    .team_item img,
    .about_area_three .about_img_inner .img_first img {
        max-width: 100%;
    }

    .promo_content h2 {
        letter-spacing: 1.2px;
    }

    .service_left_img {
        background-size: cover !important;
    }

    .service_left,
    .service_right {
        width: 50%;
    }

    .about_area_three .about_img_inner .img_three {
        width: 400px;
        height: 400px;
    }

    .post_details_content .post_text img {
        margin-left: 0px;
    }

    .post_details_content .post_text_two img {
        margin-right: 0px;
        margin-left: 30px;
    }

    .related_post_area .related_post .theme_btn {
        min-width: 133px;
        padding: 11px 18px;
    }
}

@media (max-width: 991px) {
    .slider_content {
        padding-top: 30px;
    }

    .project_img img {
        width: 100%;
    }

    .footer_bottom .f_menu li+li {
        margin-left: 5px;
    }

    .slider_content h3 {
        letter-spacing: 10px;
    }

    .slider_content p {
        font-size: 18px;
        line-height: 33px;
    }

    .service_area .row,
    .team_area .row,
    .price_area .row {
        justify-content: center;
        margin-bottom: -30px;
    }

    .service_item,
    .team_item,
    .price_area .col-md-6 {
        margin-bottom: 30px;
    }

    .action_area {
        padding: 80px 0px;
    }

    .action_area,
    .action_area .text-right {
        text-align: center !important;
    }

    .action_area .theme_btn_two {
        margin-top: 30px;
    }

    .blog_item {
        max-width: 570px;
        margin-left: auto;
        margin-right: auto;
    }

    .promo_content h2 {
        letter-spacing: 0px;
        font-size: 65px;
        line-height: 70px;
    }

    .mac_img {
        margin-left: 0;
        margin-bottom: 50px;
    }

    .fact_area .d-flex,
    .service_area_two .row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .fact_item {
        width: calc(100% / 3);
        margin-bottom: 30px;
    }

    .f_widget .f_title {
        margin-bottom: 7px;
    }

    .f_widget,
    .clients_log_item {
        margin-bottom: 30px;
    }

    .footer_top {
        padding-bottom: 50px;
    }

    .about_content_two .section_tilte {
        padding-top: 0;
    }

    .about_img_inner {
        margin-left: 70px;
        margin-right: 70px;
        margin-top: 60px;
    }

    .testimonial_inner:hover .slick-arrow.slick-next {
        right: 0;
    }

    .testimonial_inner:hover .slick-arrow.slick-prev {
        left: 0;
    }

    .promo_area {
        padding: 150px 0px;
    }

    .clients_logo_area .row {
        margin-bottom: -30px;
    }

    .promo_content h2 br {
        display: none;
    }

    .fact_area_two .d-flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    .about_area_three .about_img_inner {
        margin-left: 0;
        margin-top: 0px;
        margin-bottom: 40px;
    }

    .design_img {
        margin-bottom: 40px;
    }

    .service_left,
    .service_right {
        width: 100%;
    }

    .service_area_three {
        display: block;
    }

    .service_left {
        height: 500px;
    }

    .breadcrumb_area {
        padding: 200px 0px 150px;
    }

    .post_social_link {
        margin-left: -5px;
        margin-right: -5px;
    }

    .post_social_link .theme_btn_two {
        margin: 5px;
        min-width: 220px;
    }

    .menu>.nav-item,
    .navbar_fixed .menu>.nav-item {
        padding: 5px 0px;
    }

    .menu>.nav-item+.nav-item {
        margin-left: 0;
    }

    .navbar-nav.md-none {
        display: none;
    }

    .mobile-search {
        display: block;
        margin-right: 20px;
    }

    .menu {
        background: #fff;
        padding: 10px 20px;
    }

    .menu>.nav-item>.nav-link {
        color: #131313;
        display: inline-block;
    }

    .menu>.nav-item.active .nav-link:before,
    .menu>.nav-item.active .nav-link:hover:before {
        background: #131313;
    }

    .navbar-brand {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .navbar_fixed .hamburger span,
    .navbar_fixed .menu_toggle .hamburger-cross span {
        background: #131313;
    }
}

@media (max-width:767px) {
    .home_slider_area {
        height: 590px;
    }

    .home_slider_area .slider_content {
        padding-top: 150px;
        padding-bottom: 100px;
    }

    .slider_content {
        padding-top: 0px;
    }

    .slider_content h2 {
        letter-spacing: 0px;
        font-size: 70px;
    }

    .slider_content h3 {
        font-size: 40px;
        letter-spacing: 1px;
    }

    .about_story .media {
        display: block;
    }

    .about_story .a_image {
        margin-right: 0;
        background-position: -35% 96%;
        margin-bottom: 40px;
    }

    .promo_content h2 {
        font-size: 50px;
    }

    .promo_area {
        padding: 140px 0px 150px;
    }

    .team_item .team_content ul li {
        margin: 0px 4px;
    }

    .parallax_effect {
        background-size: cover !important;
    }

    .service_item_two {
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }

    .about_img_inner {
        margin-left: 0;
        margin-right: 0;
    }

    .slider_content_two h2 {
        padding-left: 0;
    }

    .slider_content_two .border_top {
        width: 170px;
    }

    .footer_bottom,
    .footer_bottom .text-right {
        text-align: center !important;
    }

    .home_slider_area .swiper-button-prev,
    .home_slider_area .swiper-button-next {
        width: 50px;
        height: 50px;
    }

    .home_slider_area .swiper-button-prev:before,
    .home_slider_area .swiper-button-next:before {
        line-height: 50px;
        font-size: 20px;
    }

    .service_left {
        height: 400px;
    }

    .creative_design_content p {
        margin-bottom: 0;
    }

    .fact_area_two {
        padding: 80px 0px 70px;
    }

    .portfolio_filter .portfolio_item+.portfolio_item {
        margin-left: 15px;
    }

    .blog_item.related_post .blog_img img {
        width: 100%;
    }

    .post_details_content .post_text img {
        float: none;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 25px;
        max-width: 100%;
    }

    .post_details_content .post_text_two {
        margin-top: 50px;
    }
}

@media (max-width:576px) {
    .slider_content .theme_btn_two {
        margin-left: 0;
        margin-top: 8px;
    }

    .slider_content h2,
    .main_slider_three .slider_content_three h2 {
        font-size: 50px;
    }

    .slider_content h3 {
        font-size: 32px;
    }

    .image_three {
        right: 75px;
    }

    .about_img .image_one img,
    .about_img .image_two img,
    .about_img .image_three img {
        max-width: 90%;
    }

    .section_tilte h2 {
        font-size: 32px;
        letter-spacing: 0px;
    }

    .blog_item .blog_content,
    .blog_item .blog_button_inner {
        padding: 30px 15px;
    }

    .promo_content .theme_btn_two {
        margin-left: 0;
    }

    .team_item {
        max-width: 290px;
        margin-left: auto;
        margin-right: auto;
    }

    .fact_item {
        width: calc(100% / 2);
    }

    .footer_bottom p,
    .footer_bottom a {
        font-size: 12px;
    }

    .breadcrumb_content h1 {
        font-size: 41px;
    }

    .blog_item .title_head {
        letter-spacing: 0px;
    }

    .related_post .blog_button_inner {
        padding: 0px;
    }

    .post_details_content h2 {
        letter-spacing: 0px;
    }

    .post_details_content blockquote {
        font-size: 20px;
        line-height: 30px;
    }

    .comment_author {
        display: block;
    }

    .comment_author .img_rounded {
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

@media (max-width:476px) {
    .slider_content h2 {
        font-size: 43px;
    }

    .slider_content_two h2 {
        font-size: 55px;
        line-height: 65px;
    }

    .about_story .a_image {
        background-position: center;
    }

    .image_three {
        right: 26px;
    }

    .promo_content h2 {
        font-size: 41px;
        line-height: 52px;
    }

    .fact_item {
        width: 100%;
    }

    .about_img_inner .img_three {
        height: 395px;
        width: 315px;
    }

    .about_img_inner .img_three img {
        max-width: 100%;
    }

    .blog_item .blog_img .video_icon {
        width: 70px;
        height: 70px;
        line-height: 60px;
    }

    .blog_item .blog_button_inner {
        display: block;
    }

    .service_right .service_right_content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about_area_three .about_img_inner .img_three {
        height: 290px;
        width: 290px;
        left: auto;
        right: 0;
    }
}

@media (max-width: 420px) {
    .about_img_inner .img_three {
        height: 363px;
        width: 290px;
    }

    .about_img_inner .img_two {
        display: none;
    }
}

@media (max-width: 991px) {
    .navbar-brand img {
        width: 120px;
    }
}