@media screen and (max-width: 1000px){
    .the_team_main {
        width: 86%;
    }

    .the_team_slider{
        grid-template-columns: 1fr 1fr;
        column-gap: 4%;
    }

    .team_slide_img {
        height: 39vw;
    }

    .the_blog{
        display: block;
    }

    .the_blog_img{
        width: 100%;
    }

    .the_blog_detail{
        width: 100%;
        border-left: 1px solid var(--main-border-color);
    }

    .f_readmore_btn{
        margin-top: 11%;
    }

    .bottom_nav {
        grid-template-columns: 1fr;
    }

    #map{
        width: 92%;
    }

    .woocommerce .woocommerce-checkout{
        display: block;
    }

    .woocommerce .col2-set, .woocommerce-page .col2-set{
        width: 100%;
    }

    .woocommerce-billing-fields{
        padding-left: 0%;
    }

    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
        padding-left: 0%;
    }

    .woocommerce-checkout-review-order {
        width: 100%;
    }

    .woocommerce-order{
        display: block;
    }

    .woocommerce ul.order_details{
        width: 100%;
    }

    .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads{
        width: 100%;
    }

    .woocommerce ul.order_details li{
        margin-top: 3%;
    }

    .woocommerce-customer-details{
        top: 0px;
    }

    .sec {
        display: block;
    }

    .page_content {
        width: 100%;
    }

    .wiget_sec {
        width: 100%;
        padding-left: 4%;
    }

    #primary .widget_search form.search-form .search-submit{
        padding-right: 45px;
    }

    #primary .wiget_sec .widget form.woocommerce-product-search .search-submit{
        padding-right: 45px;
    }

    .blog_section_archive {
        display: block;
    }

    .blog_main_archive{
        width: 100%;
        padding: 0% 6%;
    }

    .arcive_wiget_sec{
        width: 90%;
        margin: 70px auto;
    }

    .project_detail_section_sidebar{
        display: block;
    }

    .projet_detail_main_sidebar {
        margin: 0px;
        width: 100%;
        margin-top: 0px;
        padding: 0% 7%;
    }
}


@media screen and (max-width: 960px){
    .header_img{
        margin-top: 37px;
    }

    .site_heading{
        margin-top: 10px;
    }

    .section__{
        grid-template-columns: 50% 50%;
    }

    .service_col{
        border-bottom: 1px solid var(--main-border-color);
    }

    .team_img img {
        width: 100%;
    }

    .skills_div{
        width: 100%;
    }

    .header_detail{
        padding-left: 11%;
    }

    .project_main{
        grid-template-columns: 1fr 1fr;
    }

    .project_img {
        height: 34vw;
    }

    .projet_detail_main{
        width: 80%;
    }

    .team_about{
        width: 38%;
    }

    .blog__ {
        display: block;
        margin-top: 7%;
    }

    #map iframe {
        width: 100%;
        height: 86vw;
    }

    .page_content .woocommerce{
        display: block;
    }

    .woocommerce-cart-form{
        width: 100%;
    }

    .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon{
        width: 100%;
    }

    .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{
        color: inherit;
        cursor: not-allowed;
        opacity: .5;
        padding: 16px 1em;
        background: var(--second-bg-color);
        margin-top: 2%;
        width: 100%;
    }

    .woocommerce .cart-collaterals {
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        margin-bottom: 5%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        padding-left: 0%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
    }

    .woocommerce table.woocommerce-MyAccount-orders tbody tr td {
        padding-top: 3%;
        padding-bottom: 3%;
    }

    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
        display: grid;
        text-align: left!important;
    }

    .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {
        display: block;
    }

    .woocommerce form.woocommerce-checkout .col2-set{
        width: 100%;
    }

    .woocommerce form.woocommerce-checkout .col2-set .col-1{
        background: transparent;
        padding-left: 0%;
    }

    #order_review_heading{
        margin-top: 10%;
    }

    .woocommerce-error, .woocommerce-info, .woocommerce-message{
        width: 80%;
    }

    .woocommerce .woocommerce-order section.woocommerce-customer-details{
        width: 100%;
        position: relative;
        top: 0px;
    }

    .row{
        margin-right: 0px;
        margin-left: 0px;
    }

    .woocommerce-order{
        padding: 0% 0%;
    }

    .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table thead{
        display: none;
    }

    .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr{
        display: block;
    }

    .woocommerce .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr td{
        padding: 17px 4px;
    }

    .wd_sidebar{
        width: 90%;
    }

    .woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child{
        background: none !important;
    }

    .woocommerce form.woocommerce-form-login{
        width: 100%;
        padding: 0px;
    }

    .woocommerce-checkout table.shop_table{
        display: table;
    }

    .woocommerce .woocommerce-MyAccount-content section.woocommerce-order-details table.woocommerce-table {
        display: table;
        padding: 10px 30px 0;
    }

    .contact_main{
        display: block;
        height: auto;
    }

    .contact_form {
        width: 100%;
        padding: 4% 4%;
    }

    .contact_image {
        width: 100%;
        height: 100vw;
    }

    .comments__{
        width: 77%;
    }

    #comment_section li.comment ol.children{
        margin-left: 32px;
    }

    #comment_section li.comment ol.children .comment-author img{
        width: 45px;
        height: 45px;
    }

    #comment_section form.comment-form p.comment-form-author{
        width: 100%;
        float: none;
    }

    #comment_section form.comment-form p.comment-form-email{
        width: 100%;
        float: none;
    }

    #comment_section form.comment-form p.comment-form-url {
        width: 100%;
        float: none;
    }

    #comment_section .comment-form p.comment-form-comment{
        height: 167px;
    }

    .projet_detail_main {
        width: 90%;
        padding: 0%;
        margin: 0 auto;
    }

    .store_main_sidebar{
        display: block;
    }

    .store_main_sidebar .content-area {
        width: 95%;
        margin: 0 auto;
    }

    .wiget_sec_shop{
        position: static;
        padding: 4% 9%;
    }
}


:root{
    --main-bg-color: #1c1d22;
    --second-bg-color: #3500D3;
    --main-font-color: #fff;
    --second-font-color: hsla(0, 0%, 100%, 0.7);
    --main-border-color: hsla(0, 0%, 100%, 0.12);
}


@media screen and (max-width: 672px){
    .my_col2{
        padding-left: 5%;
    }


    .nav_social_icons{
        display: none;
    }

    .navigation{
        flex-direction: row-reverse;
        width: 100%;
        height: 95px;
        justify-content: space-between;
        padding-left: 5%;
        padding-right: 5%;
        background: var(--main-bg-color);
        border-bottom: 1px solid var(--main-border-color);
        z-index: 300;
    
    }

    .ham_button{
        padding-top: 35px;
        padding-bottom: 0%;
        margin-right: 47px;
        position: relative;
        z-index: 70;
    }

    .site_logo{
        flex-direction: row-reverse;
        padding-top: 4%;
        width: 50%;
        justify-content: flex-end;
    }

    .site_logo img, .site_logo p{
        transform: rotate(0deg);
        font-size: 27px;
        margin-left: 6%;
    }

    .nav_hidden ul li{
        font-size: 30px;
        line-height: 21px;
    }

    .nav_hidden{
        width: 100%;
        top: 95px;
        height: -webkit-fill-available;
        transform: translateX(calc(-102% - 95px));
        overflow: scroll;
        position: fixed;
    }

    .banner_{
        padding: 150px 0%;
    }

    .rest_website {
        position: absolute;
        color: white;
        right: 0px;
        width: 100%;
        margin: auto;
        left: 0;
    }

    .site_heading{
        font-size: 10vw !important;
    }

    .home_page_buttons{
        flex-direction: column;
    }

    .home_page_buttons a:nth-child(2) {
        margin-left: 0%;
        margin-top: 15px;
    }

    .nav_contact_section{
        display: none
    }

    .site_description{
        font-size: 18px !important;
    }

    .best_team{
        font-size: 18px !important;
    }

    .section__ {
        grid-template-columns: 100%;
    }

    .service_col{
        border-right: none;
    }

    .work_container{
        width: 73%;
    }

    .slideImage{
        height: 60vw;
    }

    #prevBtn{
        top: 64%;
        left: 2.5%;
    }

    #nextBtn{
        top: 64%;
        right: 2.5%;
    }

    .visible__ {
        transform: translateX(calc(0% + -95px));
        opacity: 1;
    }

    .team_img img{
        width: 100%;
    }

    .team_img {
        height: 63vw;
    }

    .team_heading{
        font-size: 29px !important;
        line-height: 44px;
    }

    .team_heading2{
        width: 100%;
    }

    .team_des{
        width: 100%;
    }

    .work_sideshow{
        margin-top: 100px;
    }

    .meet_team_section{
        margin-top: 100px;
    }

    .skills_section{
        margin-top: 100px;
    }

    .team_btn{
        padding-top: 3.5%;
    }

    .the_team_main {
        width: 80%;
    }

    .the_team_slider{
        grid-template-columns: 1fr;
        column-gap: 4%;
    }

    .team_slide_img {
        height: 82vw;
    }

    .video_sec{
        height: 77vw;
        margin-top: 133px;
    }

    .play_btn_{
        width: 3em;
        height: 3em;
    }

    .play_btn_ i {
        padding: 17px 20px;
    }

    .partners_section {
        margin-top: 100px;
    }

    .the_team_ {
        margin-top: 106px;
    }

    .testimonial_sec{
        margin-bottom: 16%;
        padding-bottom: 18%;
    }

    #nxtBtn, #prvBtn{
        top: 82%;
        height: 40px;
        width: 40px;
        font-size: 21px;
    }
    
    .testimonial_cobtainer{
        width: 90%;
    }
    
    .test_text{
        font-size: 21px;
        line-height: 27px;
    }
    
    .the_blog {
        width: 85%;
    }

    .the_blog {
        width: 95%;
    }

    .the_blog_title{
        font-size: 30px;
    }

    .the_blog_detail{
        padding: 30px 21px;
    }

    .bottom_nav {
        grid-template-columns: 1fr;
    }

    .bottom_rows{
        border-right: none;
    }

    .header_detail {
        padding-left: 6%;
        top: 62%;
        width: 93%;
    }

    .page_name{
        font-size: 38px;
        line-height: 44px;
    }

    .project_main {
        grid-template-columns: 1fr;
    }

    .project_img {
        height: 83vw;
    }

    .projet_detail_main {
        width: 90%;
    }

    .feature_image {
        height: auto;
    }

    .project_smiller .project_img{
        height: 78vw;
    }

    .the_about_slider{
        display: block;
        margin: 0 auto;
        width: 84%;
        padding: 0% 0%;
    }

    .team_about {
        width: 100%;
        margin-top: 16%;
    }

    .blog_main {
        width: 90%;
    }

    .woocommerce .products ul, .woocommerce ul.products{
        padding-top: 2%;
        display: grid;
        grid-template-columns: 1fr;
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        width: 100%;
    }

    .cart_logo{
        top: 114px;
    }

    .pagepescription{
        font-size: 29px;
        line-height: 14px;
    }

    .woocommerce #reviews #comments ol.commentlist li .comment-text{
        width: 90%;
    }

    .comment-form-comment {
        width: 100%;
    }

    .comment-form-author, .comment-form-email {
        width: 100%;
    }

    .woocommerce #review_form #respond textarea{
        height: 31vw;
    }

    .description{
        position: relative;
        left: -74px;
        top: 11px;
        width: 124%;
    }

    .woocommerce #reviews #comments ol.commentlist li .comment-text{
        border-bottom: none;
    }

    .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon{
        margin-bottom: 3%;
    }

    .woocommerce form .cart_totals table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
        display: block;
        margin-bottom: 8%;
        padding-bottom: 3%;
    }

    #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th{
        border-top: none;
    }

    .site-main {
        margin: 0 auto;
        padding: 7% 4%;
    }

    .page_content{
        padding-right: 0%;
        padding-left: 0%;
    }

    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
        padding: 0px;
        background: none;
        margin-bottom: 33px;
        margin-top: 26px;
    }

    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
        padding: 0px;
        background:none;
        margin-top: 7%;
        margin-bottom: 31px;
    }

    .woocommerce .woocommerce-customer-details .woocommerce-columns--addresses {
        display: block;
    }

    #customer_login .woocommerce-form-login{
        width: 100%;
        padding: 20px 0px;
    }

    #customer_login .u-column1{
        padding-left: 0%;
    }

    #customer_login .woocommerce-form-register{
        width: 100%;
        padding: 20px 0px;
    }

    #customer_login .u-column2{
        padding-left: 0%;
        top: 36px;
    }

    .sn_sf{
        width: 95%;
    }

    .woocommerce .u-column2{
        background: transparent;
    }

    .woocommerce form.woocommerce-cart-form table.shop_table_responsive thead tr{
        display: none;
    }

    .woocommerce form.woocommerce-cart-form table.shop_table_responsive tbody tr td.product-remove{
        width: 100%;
    }

    .site-main{
        padding: 7% 0%;
        width: 100%;
    }

    .page_content .woocommerce{
        margin: 0 auto;
        width: 84%;
    }

    #map{
        padding: 2px;
    }

    .wd_sidebar{
        width: 90%;
    }

    .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt a{
        font-size: 15px;
    }

    .woocommerce form.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table tfoot tr.woocommerce-shipping-totals td ul.woocommerce-shipping-methods{
        width: 100%;
    }

    .woocommerce form.checkout_coupon{
        width: 89%;
    }

    .contact_form .wpcf7-form{
        display: block;
    }

    .contact_form .wpcf7-form p {
        width: 100%;
        height: 57px;
    }

    .comments__ {
        width: 90%;
    }

    #comment_section .comment-content {
        margin-left: 0;
        margin-top: 12px;
    }

    #comment_section .comment-metadata {
        position: static;
        margin-top: 52px;
    }

    #comment_section b.fn {
        position: relative;
        top: 72px;
        left: -71px;
    }

    #comment_section .reply{
        margin-left: 0px;
    }

    #comment_section li.comment ol.children b.fn{    
        left: -51px;
        top: 48px;
    }

    #comment_section li.comment ol.children .comment-metadata{
        margin-top: 30px;
    }
    
    .wiget_sec {
        width: 100%;
        padding-left: 0%;
    }

    .owl-item {
        padding-right: 0px;
    }

    .row_{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .blog_main_archive{
        width: 90%;
        padding: 0% 0% !important;
        margin: 0 auto;
    }

    .arcive_wiget_sec{
        width: 90%;
        margin: 70px auto;
    }

    .store_main_sidebar .content-area {
        width: 92%;
        margin: 0 auto;
    }

    .wiget_sec_shop{
        width: 92%;
        padding: 0;
        margin: 0 auto;
    }
    
    .woocommerce .woocommerce-order section.woocommerce-customer-details{
        display: none;
    }

    .nav_hidden .sub-menu{
        left: 0%;
        width:70%;
        top: 111px;
    }

    .play_btn_{
        padding: 9px 17px;
    }

    .team_main{
        padding-left: 0%;
    }

    .team_main .container{
        padding: 0px;
    }

    .search_btn__{
        left: 18px;
        top: 99px;
    }

    .search-form{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 88%;
    }

    .search-field{
        width: 100%;
    }


    .search-submit{
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
    }
}


@media screen and (max-width: 452px){
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{
        float: none;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
        padding: 12px;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li{
        width: 100%;
    }

    .ser_sec{
        height: 376px;
    }

    .ser_h1_sec {
        font-size: 22px;
    }

    .next_post_box{
        position: static;
        width: 100%;
    }

    .nxt_title{
        font-size: 17px;
    }

    .nxt_post{
        font-size: 15px;
    }

    .comments__{
        width: 100%;
        padding: 0px 5%;
    }

    #comment_section form.comment-form input{
        width: 100%;
    }

    #comment_section form.comment-form p #wp-comment-cookies-consent{
        width: 12px;
    }

    .related_p_project{
        font-size: 22px;
        line-height: 27px;
        margin-top: 12%;
    }

    #comment_section .comments-area h2.comments-title{
        font-size: 22px;
        line-height: 27px;
        margin-top: 12%;
        text-align: center;
    }

    #comment_section .comment-content img{
        width: 100%;
    }

    .first_blog{
        padding: 0px 5%;
        padding-bottom: 5%;
    }

    .test_text{
        font-size: 16px;
        line-height: 23px;
    }

    .amizing_work{
        font-size: 34px !important;
    }

    .the_team_main h1{
        font-size: 34px !important;
    }

    .the_team__main{
        margin-bottom: 17px;
    }

    .pagepescription {
        font-size: 22px;
        line-height: 20px;
        width: 100%;
    }

    .project_name{
        font-size: 21px;
    }

    .date_author{
        font-size: 14px;
        display: block;
    }

    .author_{
        margin-left: 0%;
    }

    .the_blog_title {
        font-size: 25px;
        line-height: 32px;
    }

    .the_blog_except{
        font-size: 15px;
    }

    #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{
        left: 0px;
    }

    .actions .coupon .button{
        padding: 0px;
        font-size: 14px;
    }

    .woocommerce-form__label-for-checkbox span{
        font-size: 18px;
    }

    .blog_header{
        height: auto;
        position: static;
        padding-top: 145px;
        padding-bottom: 27px;
    }

    .blog_header .page_name{
        font-size: 26px;
        line-height: 33px;
    }

    .blog_header .header_detail{
        top: 50%;
        position: static;
        transform: translateY(0%);
    }
}


@media screen and (max-width: 372px){
    .the_team_main {
        width: 90%;
    }

    .team_slide_img {
        height: 98vw;
    }

    .bottom_rows{
        padding-left: 7%;
    }

    .nav_contact_section_bottom a{
        width: 92%;
    }

    .woocommerce-error, .woocommerce-info, .woocommerce-message{
        height: 57px;
        font-size: 11px;
    }

    .proj_det ul li{
        display: grid;
        margin-top: 13px;
    }

    .row_ {
        grid-template-columns: 1fr 1fr 1fr;
    }
}