@media (max-width: 1200px) {
    .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-wrap {
        margin: 0;
    }

    /**
     * Header Section
    */
    .menu-item-sidebar .no-hover {
        display: block;
    }

    /**
     * About Section
    */

    .layoutthree.about_us_front .about-wrapper {
        text-align: center;
    }

    .wp-container-core-column-layout-1 {
        text-align: justify;
    }

    .wp-container-core-column-layout-2 {
        text-align: justify;
    }

    .layoutthree .achivement-items ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .layoutthree.about_us_front .about-wrapper .timer-content {
        text-align: start;
    }

    .layoutthree.about_us_front .about-wrapper .about-profile {
        justify-content: center;
    }
}

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

    /**
     * Main Section
    */
    .section {
        padding: 45px 0;
    }

    .service-section .section-title-wrapper {
        margin-bottom: 35px;
    }

    /**
     * Menu
    */
    .top-menu-bar .left {
        margin-bottom: 15px;
    }

    .nav-classic .header-nav-toggle {
        display: block;
    }

    .nav-classic .nav-menu .box-header-nav ul {
        display: none;
    }

    .nav-classic .nav-menu {
        padding: 20px 0;
    }

    .nav-classic .site-branding {
        width: 55%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .nav-classic .nav-menu .box-header-nav {
        width: 40%;
        justify-content: flex-end;
    }

    .headerone .nav-classic .nav-menu {
        padding: 0;
        display: none;
    }

    .headerone .nav-classic .nav-menu .box-header-nav {
        width: 100%;
        justify-content: center;
    }

    .headerone .nav-classic .inner-row {
        padding: 0 0 25px;
    }

    .headerone .d-flex,
    .headertwo .top-menu-bar .d-flex {
        flex-direction: column;
        text-align: center;
    }

    .headerone .nav-classic .site-branding {
        width: 100%;
        margin: 15px 0 30px;
        justify-content: space-between;
    }

    span.menu-item-sidebar.no-hover {
        display: none;
    }

    /**
     * Slider
    */
    .banner-slider .slider-item {
        height: 60vh;
    }

    .banner-slider .slider-item .slider-content p {
        font-size: 18px;
        width: 100%;
        padding: 0px 0px;
    }

    .banner-content-area .content-padding {
        padding: 0;
    }

    .banner-slider .slider-item .slider-content {
        padding: 10px;
        text-align: center;
    }

    .banner-slider .slider-item .slider-content .maintitle {
        font-size: 40px;
        margin-bottom: 15px;
    }

    .banner-slider .slider-item .slider-content p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .banner-slider .owl-dots {
        display: none;
    }

    .banner-slider .owl-dots .owl-dot {
        margin-bottom: 0;
        margin-right: 10px;
    }

    /**
     * About Us
    */
    .about_us_front .about-wrapper .section-title {
        font-size: 26px;
    }

    .about-wrapper,
    .layouttwo .about-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .about_us_front .achivement-items ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 1em;
    }

    .layoutone.about_us_front .achivement-items ul,
    .layouttwo.about_us_front .achivement-items ul {
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .layoutthree.about_us_front .about-wrapper {
        text-align: center;
    }

    .layoutthree.about_us_front .about-wrapper .timer-content {
        text-align: start;
    }

    /**
     * Call To Action
    */
    .calltoaction_promo_wrapper .section-title {
        font-size: 26px;
    }

    /**
     * Services Area
    */
    .service-section .feature_detail .feature_img {
        width: 100%;
    }

    /******
     * Service Section
    */
    #service-section .section-wrap {
        margin: 0;
    }

    .service-section.style2 .d-grid {
        gap: 2rem;
    }

    .service-section.style2 .service-block:nth-child(2),
    .service-section.style2 .service-block:nth-child(5),
    .service-section.style2 .service-block:nth-child(8) {
        display: inherit;
    }

    /******
     * Blog Section
    */
    .layout-masonry .articlesListing.d-grid-column-3 {
        column-count: 2;
    }

    .d-grid-column-3 {
        grid-template-columns: repeat(2, 1fr)
    }

    .d-grid-column-1 {
        grid-template-columns: repeat(2, 1fr);
    }

    /**
     * Footer
    */
    /* .attachment-thumbnail.size-thumbnail.wp-post-image {
        max-width: 70px !important;
        max-height: 70px !important;
    } */

    .site-footer .widget_nav_menu ul li,
    .wp-block-latest-posts__post-title,
    .widget {
        font-size: 16px;
    }

    .d-grid.col-3-1-2 {
        grid-template-columns: repeat(4, 1fr);
    }

    .d-grid-column-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .d-grid.col-3-1-2 {
        grid-template-columns: auto auto;
    }

    /**
     * Grid
    */
    .d-grid-column-4,
    .counter-wrap {
        grid-template-columns: repeat(4, 1fr);
    }
}

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

    /**
     * Header Section
    */
    .menu-item-sidebar .no-hover {
        display: none;
    }

    /**
     * contact-info
    */
    /* .contact-info .quickcontact {
        grid-template-columns: repeat(3, 1fr);
    } */

    .quickcontact .get-tuch span {
        font-size: 16px;
    }

    /**
     * Banner Slider
    */
    .banner-slider .slider-item {
        height: 70vh;
    }

    .banner-slider .slider-item .slider-content {
        padding: 50px 30px;
    }

    .banner-slider .owl-dots {
        right: 100px;
    }

    .banner-slider .slider-item .slider-content .maintitle {
        font-size: 32px;
    }

    .banner-slider .slider-item .slider-content p {
        font-size: 18px;
        width: 80%;
    }

    /***
     * About Area
    */
    .about_us_front .about-wrapper .section-title {
        font-size: 30px;
    }

    .about_us_front .achivement-items ul {
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .achivement-items .timer {
        font-size: 30px;
    }

    .profile-info h4 {
        font-size: 15px;
    }

    .layoutthree.about_us_front .achivement-items ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .layoutthree.about_us_front .about-profile {
        justify-content: center;
    }

    /***
     * Call To Action
    */
    .calltoaction_promo_wrapper .section-title {
        font-size: 30px;
    }

    .calltoaction_promo_wrapper .calltoaction_full_widget_content .calltoaction_subtitle {
        width: auto;
    }

    /**
    *Promoservice Section
    */
    .d-grid-column-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    /******
     * Service Section
    */
    #service-section .section-wrap {
        margin: 0;
    }

    .service-section.style2 .d-grid {
        gap: 2rem;
    }

    .service-section.style2 .service-block:nth-child(2),
    .service-section.style2 .service-block:nth-child(5),
    .service-section.style2 .service-block:nth-child(8) {
        display: inherit;
    }

    /****
    *  Contact Section
    */
    .contact-content {
        margin: 100px 0px;
    }

    .contact-form {
        padding: 60px 30px;
    }

    /****
    *  Blog Section
    */
    .d-grid-column-1 {
        grid-template-columns: repeat(2, 1fr);
    }

    .d-grid.col-3-1-2 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (min-width: 667px) and (max-width: 736px) and (orientation: landscape) {
    .banner-slider .slider-item {
        height: 60vh;

    }
}

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

    /**
     * Grid
    */
    .d-grid-column-3,
    .d-grid-column-4,
    .counter-wrap .achivement-items ul,
    .d-grid-column-5 {
        grid-template-columns: repeat(2, 1fr);
    }

    /***
     * Section Title 
    */
    .section-title-wrapper .section-title {
        font-size: 40px;
    }

    .headertwo .nav-classic .inner-row {
        padding: 0;
        flex-direction: column;
    }

    .nav-classic .site-branding {
        width: 100%;
        justify-content: space-around;
    }

    .nav-classic .nav-menu .box-header-nav {
        width: 100%;
        justify-content: center;
        margin-top: 30px;
    }


    /**
     * contact-info
    */
    .contact-info .quickcontact {
        grid-template-columns: repeat(2, 1fr);
    }

    .quickcontact-title {
        font-size: 16px;
    }

    .quickcontact .get-tuch span {
        font-size: 16px;
    }

    /**
     * Header
    */
    .headertwo .nav-classic .inner-row {
        flex-direction: row;
    }

    .site-branding h1 {
        font-size: 25px;
    }

    .nav-classic .nav-menu .box-header-nav {
        margin-top: 0;
    }

    .menu-item-sidebar .no-hover {
        display: none;
    }

    /**
     * Slider
    */
    .banner-slider .slider-item {
        height: 60vh;
    }

    .banner-content-area .content-padding {
        padding: 0;
    }

    .banner-slider .slider-item .slider-content {
        padding: 10px;
        text-align: center;
    }

    .banner-slider .slider-item .slider-content .maintitle {
        font-size: 40px;
        margin-bottom: 15px;
    }

    .banner-slider .slider-item .slider-content p {
        font-size: 18px;
        margin-bottom: 20px;
        width: 100%;
    }

    .banner-slider .owl-dots {
        right: 40%;
        top: auto;
        flex-direction: row;
        bottom: 6px;
    }

    .banner-slider .owl-dots .owl-dot {
        margin-bottom: 0;
        margin-right: 10px;
    }

    /***
     * About Area
    */
    .layoutone .about-wrapper,
    .layouttwo .about-wrapper {
        grid-template-columns: 1fr;
    }

    .layoutone.about_us_front .about-wrapper,
    .layouttwo.about_us_front .about-wrapper {
        flex-direction: column;
    }

    .about_us_front .achivement-items ul {
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .about_us_front .about-wrapper .about-left,
    .about_us_front .about-wrapper .about-right {
        width: auto;
    }


    .about_us_front .about-wrapper .section-title {
        font-size: 30px;
    }

    .achivement-items .timer {
        font-size: 30px;
    }

    .profile-info h4 {
        font-size: 18px;
    }


    /***
     * Main Service Area
    */
    .service-section .feature_detail .feature_img {
        display: none;
    }

    /***
     * Call To Action
    */
    .calltoaction_promo_wrapper .section-title {
        font-size: 30px;
    }

    .cta-left.cta-innerwrapper {
        flex-direction: column;
    }

    .cta-innerwrapper.withimage.cta-right.cta-innerwrapper {
        flex-direction: column-reverse;
    }

    .calltoaction_promo_wrapper .calltoaction_full_widget_content .calltoaction_subtitle,
    .cta-innerwrapper.withimage.cta-left .cat-content-wrap,
    .cta-innerwrapper.withimage.cta-right .cat-image-wrap,
    .cta-innerwrapper.withimage .cat-content-wrap,
    .cta-innerwrapper.withimage .cat-image-wrap {
        width: auto;
    }

    /****
     * Video Call To action
    */
    .cta-innerwrapper.withimage,
    .video_calltoaction .d-grid-column-2,
    .contact-content {
        grid-template-columns: 1fr;
    }

    .promoservice-wrap .d-grid-column-3.d-grid-column-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .promoservice-section .style1 .d-grid-column-3{
        grid-template-columns: repeat(2, 1fr);
    }
    
    /******
     * Service Section
    */
    #service-section .section-wrap {
        margin: 0;
    }

    .service-section.style2 .d-grid {
        gap: 2rem;
        grid-template-columns: repeat(2,1fr);  
    }

    .service-section.style2 .service-block:nth-child(2),
    .service-section.style2 .service-block:nth-child(5),
    .service-section.style2 .service-block:nth-child(8) {
        display: inherit;
    }


    /******
     * Team Layout Two
    */
    .team-section.style2 .attachment-thumbnail.size-thumbnail.wp-post-image{
        width: 100%;
        height: 100%;
    }

    .team-section.style2 .box {
        flex-direction: column;
    }

    .team-section.style2 .box figure {
        width: auto;
    }

    .team-section.style2 .box .team-wrap {
        width: auto;
    }


    /****
     * Testimonial 
    */
    #testimonial_slider {
        max-width: 550px;
    }

    /****
    *  Contact Section
    */
    .contact-content {
        margin: 100px 0px;
    }

    .contact-form {
        padding: 60px 30px;
    }

    /***
     * Footer Area
    */
    .d-grid.col-4-2-1-1,
    .d-grid.col-4-1-2-1,
    s .d-grid.col-4-1-3,
    .d-grid.col-4-3-1 {
        grid-template-columns: auto auto;
    }

    .d-grid.col-4-1-1-2 {
        grid-template-columns: repeat(3, 1fr);
    }
/* 
    .d-grid-column-3 {
        grid-template-columns: repeat(3, 1fr);
    } */

    .d-grid.col-3-1-2 {
        grid-template-columns: auto auto;
    }

    .d-grid.col-3-2-1 {
        grid-area: 60% auto;
    }

    /***
     * Blog Section
    */
    .d-grid-column-1 {
        grid-template-columns: repeat(1, 1fr);
    }

    .sidebar-right.layout-default {
        grid-template-columns: repeat(2, 1fr);
    }

    .layout-masonry .articlesListing.d-grid-column-3 {
        column-count: 1;
    }

    .sidebar-right.layout-masonry {
        grid-template-columns: repeat(2, 1fr);
    }

    .layout-masonry .articlesListing.d-grid-column-2 {
        column-count: 1;
    }

    .d-grid-column-4 {
        grid-template-columns: repeat(1, 1fr);
    }
}

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

    .contact-info {
        display: none;
    }

    .btn,
    .btn.btn-border {
        padding: 15px;
        font-size: 15px;
    }

    /**
     * Grid
    */
    .d-grid-column-2,
    .d-grid-column-3,
    .d-grid-column-4,
    .counter-wrap .achivement-items ul,
    .d-grid-column-5 {
        grid-template-columns: repeat(1, 1fr);
    }

    /*****
     * Section Seperator
    */
    .top-section-seperator,
    .bottom-section-seperator {
        display: none;
    }

    /****
     * Section Title
    */
    .section-title-wrapper {
        margin-bottom: 20px;
    }

    .section-title-wrapper .section-title,
    .calltoaction-section .section-title {
        font-size: 24px;
    }
    .site-branding h1{
        font-size: 26px;
    }
    .site-description p{
        font-size: 16px;
    }

    /****
     * Header Section
    */
    .headertwo .nav-classic .inner-row {
        flex-direction: column;
    }

    .headertwo .menu-item-search {
        display: none;
    }

    .nav-classic .nav-menu .box-header-nav {
        justify-content: flex-start;
    }

    .menu-item-sidebar .no-hover {
        display: none;
    }

    .site-branding h1 {
        font-size: 35px;
    }

    .nav-classic .nav-menu .box-header-nav {
        margin: 15px 0px;
    }

    /****
     * Slider
    */
    .banner-slider .slider-item .slider-content .maintitle {
        font-size: 30px;
    }

    .banner-slider .owl-dots {
        right: 34%;
        bottom: -10px;
        padding: 5px 0px;
    }

    .banner-slider .owl-dots .owl-dot {
        height: 45px;
        width: 45px;
        line-height: 0;
    }

    .banner-slider .slider-item {
        height: 70vh;
    }

    .banner-slider .slider-item .slider-content .supertitle {
        font-size: 20px;
    }

    .banner-slider .slider-item .slider-content .maintitle {
        font-size: 26px;
    }

    /**
     * About Us
    */
    .about_us_front .achivement-items ul {
        grid-template-columns: 1fr;
        gap: 1em;
    }

    .section-tagline-text a {
        margin-left: auto;
        margin-right: auto;
    }

    .about_us_front .about-wrapper {
        flex-direction: column-reverse;
        text-align: center;
    }

    .layouttwo.about_us_front .about-wrapper {
        flex-direction: column-reverse;
        text-align: center;
    }

    .layoutone.about_us_front .check-square,
    .layoutone.about_us_front .achivement-items .timer-content,
    .layouttwo.about_us_front .check-square,
    .layouttwo.about_us_front .timer-content {
        text-align: justify;
    }

    .layoutthree.about_us_front .about-profile {
        justify-content: center;
    }

    .about_us_front .about-wrapper .about-left {
        width: auto;
    }

    .about_us_front .about-wrapper .about-right {
        width: auto;
    }

    .about_us_front .about-wrapper .section-title {
        font-size: 26px;
    }

    .about_us_front .achivement-items ul li {
        padding: 15px;
    }

    .about-profile {
        flex-direction: column;
    }

    .layoutthree.about_us_front .achivement-items ul {
        grid-template-columns: 1fr;
    }

    /**
    *Call To Action
    */
    .cta-innerwrapper {
        flex-direction: column-reverse;
    }

    .cta-left.cta-innerwrapper {
        flex-direction: column-reverse;
    }

    .cta-innerwrapper.withimage .cat-content-wrap,
    .cta-innerwrapper.withimage .cat-image-wrap {
        width: auto;
    }

    .cta-innerwrapper.withimage.cta-left .cat-content-wrap,
    .cta-innerwrapper.withimage.cta-right .cat-image-wrap {
        width: auto;
    }

    .section-title-wrapper .section-title,
    .calltoaction-section .section-title {
        font-size: 26px;
    }

    .service-section.style2 .d-grid{
        grid-template-columns: repeat(1,1fr);  
    }

    /******
     * Testimonial
    */
    .testimonial-section .avtar_faces {
        display: none;
    }

    /****
     * How it Works
    */
    /* how it work section */
    .how_it_works .step_block ul li,
    .how_it_works .step_block ul li:nth-child(2n) {
        flex-direction: column;
        padding-left: 30px;
        margin-bottom: 20px;
    }

    .how_it_works .step_block ul li:last-child {
        margin-bottom: 0;
    }

    .how_it_works .step_block ul li::before {
        left: 8px;
        transform: none;
    }

    .how_it_works .step_block ul li:first-child::after {
        left: -5px;
        transform: none;
        display: none;
    }

    .how_it_works .step_block ul li .step_text,
    .how_it_works .step_block ul li .step_img,
    .how_it_works .step_block ul li:nth-child(2) .step_text,
    .how_it_works .step_block ul li:nth-child(2) .step_img {
        text-align: center;
    }

    .how_it_works .step_block ul li .step_text,
    .how_it_works .step_block ul li .step_img {
        width: 100%;
    }

    .how_it_works .step_text:before {
        right: 0;
    }

    .how_it_works .step_block ul li .step_number {
        position: absolute;
        top: -5px;
        left: -15px;
        width: 50px;
        height: 50px;
    }

    .how_it_works .step_block ul li:last-child::before {
        opacity: 0;
    }

    .how_it_works .step_block ul li .step_number h2 {
        font-size: 15px;
        margin-bottom: 0;
        margin-top: -2px;
        border: none;
        box-shadow: none;
    }

    /*****
     * Main Service Area
    */
    .service-section .feature_detail {
        flex-direction: column;
    }

    .service-section .feature_detail .feature_box {
        max-width: 100%;
        text-align: center;
    }

    .service-section .feature_detail .feature_box .data_block {
        margin-bottom: 20px;
    }

    .service-section .feature_detail .feature_box .data_block:last-child {
        margin-bottom: 0;
    }

    /******
     * Service Section
    */
    #service-section .section-wrap {
        margin: 0;
    }

    .service-section.style2 .d-grid {
        gap: 2rem;
    }

    .service-section.style2 .service-block:nth-child(2),
    .service-section.style2 .service-block:nth-child(5),
    .service-section.style2 .service-block:nth-child(8) {
        flex-direction: column;
    }

    /******
     * Counter
    */
    .achivement-items .timer,
    .counter-wrap .achivement-items .counter_prefix,
    .counter-wrap .achivement-items .counter_suffix {
        font-size: 30px;
    }
    .counter-section .achivement-items .timer{
        font-size: 26px;
    }

    /******
     * Team Layout Two
    */
    .team-section.style2 .box {
        flex-direction: column;
    }

    .team-section.style2 .box figure {
        width: auto;
    }

    .team-section.style2 .box .team-wrap {
        width: auto;
    }

    /**
    *contact Section
    */
    .contact-content {
        margin: 100px 0px;
    }

    .contact-form {
        padding: 60px 30px;
    }

    .contact-detail {
        padding: 22px;
    }

    /***
     * Footer Area
    */
    .d-grid.col-3-1-2,
    .d-grid.col-3-2-1,
    .d-grid.col-4-2-1-1,
    .d-grid.col-4-1-2-1,
    .d-grid.col-4-1-3,
    .d-grid.col-4-1-1-2,
    .d-grid.col-4-3-1 {
        grid-template-columns: auto;
    }

    /***
     * Blog Area
    */
    .d-grid.d-blog-grid-column-2.sidebar-left {
        grid-template-columns: 1fr;
    }

    .layout-masonry .articlesListing.d-grid-column-2 {
        column-count: 1;
    }

    .layout-masonry .articlesListing.d-grid-column-3 {
        column-count: 1;
    }

    .sidebar-right.layout-masonry {
        grid-template-columns: 1fr;
    }

    .sidebar-right.layout-default {
        grid-template-columns: repeat(1, 1fr);
    }

}

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

    /**
    *Banner Slider
    */
    .banner-slider .slider-item {
        height: 100vh;
    }

    .banner-slider .slider-item .slider-content .supertitle {
        font-size: 18px;
    }

    .banner-slider .slider-item .slider-content .maintitle {
        font-size: 20px;
    }

    .banner-slider .slider-item .slider-content p {
        font-size: 16px;
    }

    .banner-slider .slider-item .btn-area {
        flex-direction: column;
    }

    .banner-slider .slider-item .btn-area {
        gap: 1rem;
    }

    .banner-slider .owl-dots .owl-dot {
        height: 35px;
        width: 35px;
        line-height: 0;
        font-size: 15px;
    }

    .banner-slider .owl-dots {
        display: none;
    }
    .service-section.style2 .d-grid{
        grid-template-columns: repeat(1,1fr);  
    }
    /*****
     * Contact Section
    */
    .contact-detail {
        background: var(--theme-color);
        padding: 8px;
    }

}


/** PAGES **/


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

    /**
    *About Section
    */
    .items {
        flex-direction: column;
    }

}

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

    /**
    *Client Layout Two
    */
    .logo-items {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    /**
    *Promo Service Section Layout One
    */
    .grid-layout {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

}

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

    /**
    *Promo Service Section Layout One
    */
    .grid-layout {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    /**
     *Team Layout Two
    */
    .team-wrapper.team-layout {
        display: grid;
    }
}

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

    /**
    *Call To Action
    */
    .calltoaction_button_wrap {
        flex-direction: column;
    }
}