@media only screen and (max-width: 993px){
    .desktop{
        display: none;
    }
    .mobile,.tablet{
        display: block;
    }

    /* general */

    .s-title{
        font-size: 60px;
        line-height: 54px;
    }
    .lable{
        font-size: 15px;
        line-height: 20px;
    }
    .hero-label{
        padding: 9px 23px;
        font-size: 12px;
        line-height: 11px;
    }

    /* general */

    /* .site-header */
    .site-header{
        overflow: hidden;
    }
    .site-header .container{
        padding: 0;
    }
    .site-header .navbar-nav .nav-item:hover .nav-link{
        color: var(--white);
    }
    .site-header .mobile-search{
        border-bottom: 1px solid var(--white);
        margin-bottom: 62px;
        width: 100%;
    }
    .site-header .mobile-header-wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: var(--blue);
        position: relative;
        padding: 35px 30px 80px 30px;
    }
    /* .site-header .mobile-header-wrapper:before{
        position: absolute;
        right: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        background-color: var(--blue);
    }
    .site-header .mobile-header-wrapper:after{
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        background-color: var(--blue);
    } */
    .site-header .navbar-nav{
        margin: auto;
        text-align: center;
    }
    .site-header .navbar-nav .nav-item{
        margin-bottom: 40px;
    }
    .site-header .navbar-nav .nav-item.active .nav-link{
        color: var(--white);
    }
    .site-header .navbar-nav .nav-item.hover .nav-link{
        color: var(--white);
    }
    .site-header .mobile-search .btn-search{
        padding-left: 0;
    }
    .site-header .navbar-nav .nav-item.active .nav-link{
        color: var(--white);
    }
    .site-header .navbar-nav .nav-item .nav-link{
        font-size: 30px;
        line-height: 27px;
        font-family: kepler-std, serif;
        text-transform: capitalize;
        color: var(--white);
    }
    .site-header .navbar-nav .nav-item .nav-link::before{
        width: 60px;
        left: 50%;
        bottom: -15px;
        transform: translateX(-50%);
    }
    .site-header .social-icons{
        display: flex;
        align-items: center;
        list-style: none;
        margin-bottom: 30px;
        padding-left: 0;
    }
    .site-header .btn-search i{
        color: var(--white);
    }
    .site-header .social-icons li a{
        background-color: var(--white);
    }
    .site-header .social-icons li a i{
        color: var(--blue);
    }
    .site-header .copyright span,.site-header .copyright a{
        color: var(--white);
        text-decoration: none;
        font-size: 16px;
        line-height: 26px;
    }
    .site-header .mobile-logo.active{
        opacity: 0;
        visibility: hidden;
    }

    /* .site-header */

    /* site-footer */

    .site-footer{
        text-align: center;
        padding: 46px 0;
        position: relative;
    }
    .site-footer .row-first{
        margin-bottom: 50px;
    }
    .site-footer .row-first ul{
        float:none;
        justify-content: center;
        margin-top: 50px;
        padding-left: 0;
        margin-bottom: 0;
    }
    .site-footer .secound-row{
        display: none;
    }


    /* site-footer */

    /* section-intro-block */

    .section-intro-block{
        padding: 44px 0 100px 0;
    }
    .section-intro-block .second-row{
        position: relative;
        top: unset;
        right: unset;
        width: unset;
    }
    .section-intro-block .first-row{
        position: unset;
    }
	.section-intro-block .intro-slide .image{
		height:350px;
	}
	.section-intro-block .left-content .s-title{
		font-size:50px;
	}
    .section-intro-block .left-content .text{
        margin-bottom: 40px;
    }
    .section-intro-block .left-content .swiper-pagination{
        margin-top: 50px;
    }
    .section-intro-block .right-content{
        position: relative;
        width: 100%;
    }
    .section-intro-block .right-content .slider-control{
        left: unset;
        right: 30px;
        bottom: -35px;
    }
    .section-intro-block .right-content .slider-control .buttons{
        display: flex;
    }
    .slider-control .swiper-btn{
        padding: 17px 25px;
    }
    .slider-control .swiper-btn-prev{
        margin-bottom: 0;
        margin-right: 10px;
    }

    /* section-intro-block */

    .section-intro-block{
        overflow: hidden;
        position: relative;
    }
    .section-intro-block .left-content{
        margin-bottom: 50px;
    }
    .section-intro-block .left-content .swiper-pagination{
        position: absolute;
        bottom: -48px;
        margin-top: 0;
        left: 30px;
    }
    .swiper-pagination-bullet{
        width: 40px;
    }
    /* section-intro-block */

    /* section-post-slider-block */
    .section-post-slider-block{
        padding: 99px 0 63px 0;
    }
    .section-post-slider-block .bg img{
        max-width: 260px;
    }
    .post-card .image{
        height: 500px;
		max-width:330px;
    }
    .section-post-slider-block .top-part{
        margin-bottom: 50px;
    }
    .section-post-slider-block .post-bottom-part{
        margin-bottom: 40px;
		overflow:visible;
    }
    .section-post-slider-block .swiper-post-pagination{
        margin-bottom: 70px;
    }
    .post-card .image .hidden-content{
        top: 150px;
    }
    .post-card .image .hidden-content .hover-icon,
    .post-card .image-icon{
        top: 140px;
    }
    .post-card .image .hidden-content .inner-text{
        top: 270px;
    }
    .post-card .image .hidden-content .inner-text p{
        max-width: 228px;

    }
    .post-card .image-text .title{
        font-size: 35px;
        line-height: 39px;
    }
    /* section-post-slider-block */

    /* section-our-team-block */

    .section-our-team-block{
        padding: 100px 0 50px 0;
    }
	.section-our-team-block .bg{
		height:600px;
	}
    .section-our-team-block .left-content .lable{
        margin-bottom: 50px;
    }
    .section-our-team-block .left-content .text{
        margin-bottom: 80px;
    }
    .section-our-team-block .slider-control{
        margin-top: 60px;
    }
    .section-our-team-block .slider-control .buttons{
        justify-content: end;
    }
    .section-our-team-block .right-content{
        margin-top: 0;
    }
    .team-slider .name, .team-slide .name{
        font-size: 35px;
        line-height: 31px;
    }
    .team-slide .image{
        margin-bottom: 30px;
		height:430px;
    }
    .team-slider .profesion{
        font-size: 18px;
        line-height: 29px;
    }
    /* section-our-team-block */

    /* section-philosphy-block */

    .section-philosphy-block{
        padding: 50px 0 0 0;
        overflow: hidden;
    }
    .section-philosphy-block .second-row{
        width: unset;
        position: relative;
    }
    .section-philosphy-block .lable{
        margin-bottom: 50px;
    }
    .section-philosphy-block .s-title{
        font-size: 60px;
        line-height: 60px;
		word-break: break-word;
    }
    .section-philosphy-block .text{
        margin-bottom: 35px;
    }
    .section-philosphy-block .btn-link{
        margin-bottom: 52px;
        display: block;
    }
    .section-philosphy-block .right-content .bg img{
        max-inline-size: 260px;
    }
    .section-philosphy-block .right-content,
	.section-philosphy-block.left .right-content{
        padding: 145px 0 0 0;
        position: relative;
        width: unset;
    }
    .section-philosphy-block .section-inner{
        padding-bottom: 0;
    }
    .section-philosphy-block .right-col{
        padding: 0;
    }
    .section-philosphy-block .image{
        height: 350px;
    }

    /* section-philosphy-block */

    /* section-logos-block */

    .section-logos-block{
        padding: 100px 0;
    }
    .section-logos-block .content-wrapper{
        flex-direction: column;
    }
    .section-logos-block .content-wrapper .left-wrapper,
    .section-logos-block .content-wrapper .right-wrapper{
        width: 100%;
    }
    .section-logos-block .left-contant .lable{
        margin-bottom: 50px;
    }
    .section-logos-block .left-contant .text{
        margin-bottom: 80px;
    }
    .section-logos-block .swiper-wrapper{
        align-items: center;
    }
    .section-logos-block .logos-block img{
        max-width: 150px;
    }
    /* section-logos-block */

    /* section-blog-block  */
    .section-blog-block .top-content .right-content,
    .section-blog-block .bottom-content .left-content{
        display: none;
    }
    .section-blog-block{
        padding: 53px 0 113px 0;
        overflow: hidden;
    }
    .section-blog-block .top-content ul li a::after{
        left: 50%;
        transform: translateX(-50%);
        bottom: -10px;
        width: 50px;
    }
    .section-blog-block .top-content ul,
    .section-blog-block .pagination-area ul{
        justify-content: center;
    }
    .section-blog-block .top-content ul li:last-child a{
        margin-right: 0;
    }
    .section-blog-block .top-content ul li a{
        font-size: 15px;
        line-height: 13px;
    }
    .section-blog-block .pagination-area.top{
        margin: 58px 0 67px 0;
    }
    .section-blog-block .blog-post{
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 50px;
    }
    .section-team-list-block{
        padding: 50px 0 112px 0;
    }
    .section-team-list-block .tab-links{
        margin-bottom: 65px;
    }
    .section-team-list-block .tab-links li{
        margin-right: 20px;
    }
    .section-team-list-block .tab-links li a{
        font-size: 15px;
        line-height: 13px;
    }
    .section-team-list-block .tab-links li:before{
        bottom: -10px;
        width: 50px;
    }
    .section-team-list-block .text{
        font-size: 18px;
        line-height: 29px;
        text-align: left;
    }
    .section-team-list-block .top-part{
        margin-bottom: 50PX;
    }
    .section-team-list-block .slider-control{
        position: relative;
        margin-top: 60px;
        right: 30px;
    }
    .section-team-list-block .slider-control .buttons{
        display: flex;
        justify-content: end;
    }
    /* .section-team-list-block .bg{
        bottom: -136px;
    } */
    .section-team-list-block .bg img{
        max-width: 260px;
    }
    .section-team-list-block .bottom-part .team-list{
        display: block;
    }
    .section-team-list-block .bottom-part .team-list .team-slide{
        margin-right: 20px;
    }
	.section-team-list-block .slider-control{
		display:block;
	}
    /* section-blog-block */

    /* section-team-case-study-block */

    .section-team-case-study-block{
        padding: 100px 0 186px 0;
        overflow: hidden;
    }

    .section-team-case-study-block .s-title{
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .section-team-case-study-block .left-text{
        font-size: 18px;
        line-height: 29px;
    }
    .section-team-case-study-block .bottom-part,
    .section-team-case-study-block .second-row .top-part{
        margin-left: 29px;
    }
    .section-team-case-study-block .slider-control{
        position: relative;
        margin-top: 60px;
        margin-bottom: 93px;
    }
    .section-team-case-study-block .slider-control .buttons{
        display: flex;
        justify-content: end;
    }
    .section-team-case-study-block .swiper-post-pagination{
        display: none;
    }
    .section-team-case-study-block .bg img{
        max-width: 260px;
    }
    .section-team-case-study-block .bg{
        bottom:-156px;
    }
    .section-team-case-study-block .btn-secondary{
        position: relative;
    }

    /* section-team-case-study-block */

    /* section-difference-block  */
     .section-difference-block{
        padding: 103px 0 96px 0;
        z-index: 1;
     }
     .section-difference-block .bg img{
        max-width: 260px;
        max-height: 260px ;
     }
     .section-difference-block .bg{
        z-index: -1;
     }
     .section-difference-block .lable{
        font-size: 15px;
        line-height: 20px;
     }
     .section-difference-block .text{
        margin-bottom: 78px;
     }
     .section-difference-block .icon{
        margin-bottom: 50px;
		 text-align:center;
     }
     .section-difference-block .title{
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 27px;
        max-width: unset;
     }
     .section-difference-block .info{
        max-width: 300px;
        margin-bottom: 30px;
        max-width: unset;
		min-height:unset;
     }
    /* section-difference-block  */

    /* contact-form-block */

    .section-contact-block{
        padding: 100px 0 0 0;
        overflow: hidden;
    }
    .section-contact-block .top-part .quotes{
        padding-left: 39px;
        padding-bottom: 71px;
        padding-right: 40px;
    }
    .section-contact-block .top-part{
        margin-bottom: 50px
    }
    .section-contact-block .bottom-part{
        padding: 100px 0 ;
    }
    .section-contact-block .bottom-part .left-content .text{
        margin-bottom: 36px;
    }
    .section-contact-block .bottom-part .left-content .btn-primary{
        margin-bottom: 112px;
    } 
    .section-contact-block .bottom-part .right-content{
        float: unset;
        transform: unset;
        margin-bottom: unset;
    }
    .contact-form{
        padding: 0;
    }
    .contact-form .s-title{
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 70px;
    }
    .form-control{
        background-color: transparent;
    }
    .contact-form .form-control:focus{
        background-color: transparent;
    }
    .contact-form .bottom-content{
        margin-top: 58px;
        flex-wrap: wrap;
    }
    .contact-form .bottom-content .text{
        max-width: 280px;
        margin-right: 0;
    }
    .contact-form .bottom-content .btn{
        width: unset;
    }

    .section-contact-block .bg img{
        max-width: 260px;
    }
    .section-contact-block .contact-form{
        background-color: transparent;
    }
    .contact-form.dark .s-title,
    .contact-form.dark .form-control,
    .contact-form.dark label,
    .contact-form.dark .bottom-content .text,
    .contact-form.dark .bottom-content .btn{
        color: var(--blue);
    }
    .contact-form.dark label{
        color: var(--blue) !important
    }
    .contact-form.dark .form-control{
        border-bottom: 1px solid var(--blue);
    }
    .contact-form.dark .form-control:focus{
        border-bottom: 1px solid var(--yellow);
    }
    .contact-form.dark .bottom-content .btn{
        color: var(--white);
        background-color: var(--blue);
    }

    /* contact-form-block */

    /* intro-block-2 */
    .section-intro-block-2{
        padding-bottom: 150px;
    }
    .section-intro-block-2 .second-row{
        position: relative;
        width: unset;
    }
    .section-intro-block-2 .left-col{
        padding-top: 0;
        padding-bottom: 0;
    }
    .section-intro-block-2 .hero-label{
        margin-bottom: 30px;
    }
    .section-intro-block-2 .s-title{
		font-size:50px;
        line-height: 54px;
        margin-bottom: 30px;
    }
    .section-intro-block-2 .wrap-text{
        padding-left: 24px;
    }
    .section-intro-block-2 .wrap-text .text{
        font-size: 18px;
        line-height: 29px;
        margin-bottom: 50px;
    }
    .section-intro-block-2 .btn-primary{
        margin-bottom: 50px;
    }
    .section-intro-block-2 .right-content{
        position: relative;
        width: unset;
    }
    .section-intro-block-2 .left-col{
        min-height: unset;
    }
    .section-intro-block-2 .right-content .images{
        height: 350px;
    }
    .section-intro-block-2 .bg{
        max-width: 260px;
        bottom: -100px;
    }

    /* intro-block-2 */

    /* three-column-block */

    .section-three-column-block {
        padding-bottom: 39px;
    }
    .section-three-column-block .image{
        position: relative;
        padding-top: 186px;
        margin-bottom: 50px;
        max-width: unset;
    }
    .section-three-column-block .top-content .bg{
        bottom: 45%;
    }
    .section-three-column-block .top-content .bg img{
        max-width: 260px;
    }
    .section-three-column-block .top-content .s-title{
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .section-three-column-block .left-side-text{
        font-size: 18px;
        line-height:29px;
        margin-bottom: 50px;
    }
    .section-three-column-block .top-content .right-side-top-text{
        margin-top: 0;
    }
    .section-three-column-block .top-content .bottom-side-top-text .label{
        margin-bottom: 30px;
    }
    .section-three-column-block .bottom-content{
        padding: 0;
    }
    .section-three-column-block .s-title{
        font-size: 40px;
        line-height: 40px;
        margin: unset;
        margin-bottom: 30px;
    }
    .section-three-column-block .col-title{
        margin-bottom: 20px;
    }
    .section-three-column-block .text-bottom-content{
        margin-bottom: 50px;
    }
    .section-three-column-block .top-content{
        padding-bottom: 0;
        margin-bottom: 100px;
    }
    /* three-column-block */

    /* full-width-image-block */

    .section-full-width-image-block .content-block{
        padding: 100px 0 80px 0;
        
    }
    .section-full-width-image-block .bg-image{
        position: unset;
    }
    .section-full-width-image-block{
        padding: 0;
        background-color: var(--old-lace);
    }
    .section-full-width-image-block .content-block .c-title{
        font-size: 40px;
        line-height: 40px;
    }
    .section-full-width-image-block .content-block .text{
        font-size: 18px;
        line-height: 29px;
        margin-bottom: 50px;
    }
    .section-full-width-image-block .left-content .bg{
        right: 0;
        bottom: -120px;
        max-width: 260px;
        z-index: -1;
    }
    .section-full-width-image-block .bottom-content{
        margin: unset;
        /* margin-top: 200px; */
        padding-bottom: 100px;
        max-width: unset;
        text-align: left;
    }
    .section-full-width-image-block .bottom-content .b-title{
        font-size: 40px;
        line-height: 40px;
        text-align: left;
    }
    .section-full-width-image-block .bottom-content .text{
        text-align: left;
        margin-bottom: 50px;
    }

    /* full-width-image-block */

    /* bulleted-list-block */

    .section-bulleted-list-block .s-title{
        font-size: 40px;
        line-height: 40px;
    }
    .section-bulleted-list-block .text{
        margin-bottom: 55px;
    }
    .section-bulleted-list-block .right-content{
        margin-top: 0;
    }
    .section-bulleted-list-block .inner-container{
        padding: 100px 0;
    }
    .section-bulleted-list-block .right-content h3{
        line-height: 34px;
        margin-bottom: 30px;
    }
    .section-bulleted-list-block .right-content ul{
        padding-left: 1rem;
    }

    /* bulleted-list-block */

    /* quote-block */

    .section-quote-block{
        padding-top: 100px;
        padding-bottom: 36px;
    }
    .section-quote-block .quote .quote-image{
        max-width: 100px;
        left: 30px;
    }
    .section-quote-block .quote{
        padding: 110px 30px 51px 30px;
    }
    .section-quote-block .quote .s-title{
        font-size: 40px;
        line-height: 40px;
    }
    .section-quote-block .quote .text ,.section-quote-block .quote .name{
        font-size: 18px;
        line-height: 29px;
    }
    .section-quote-block .bg{
        max-width: 260px;
        bottom: -43px;
        right: 0;
    }

    /* quote-block */

    /* post-navigation */

    .post-navigation .row>*{
        width: 50% !important;
    }
    .post-navigation .p-link.prev i,.post-navigation .p-link.next i{
        color: #EAE5DA;
    }
    .post-navigation .p-link{
        color: black;
        display: flex;
        align-items: center;
    }
    .post-navigation .p-link.next{
        justify-content: end;
    }

    .post-navigation{
        padding-bottom: 87px;
    }

    /* post-navigation */

    /* intro-block-3 */

    .section-intro-block-2.common-intro-2 .right-content .images{
        height: unset;
        background-image: unset !important;
    }
    .section-intro-block-2 .right-content .images img{
        max-width: 200px;
        display: block;
        max-width: 100%;
        position: relative;
        left: unset;
        transform: unset;
        top: unset;
    }
    .section-intro-block-2 .bg{
        max-width: 260px;
        bottom: -100px;
    }


 .section-intro-block-3.single-team .s-title{
        font-size: 60px !important;
        line-height: 60px !important;
    }
    .section-intro-block-3 .second-row{
        position: relative;
        width: unset;
    }
    .section-intro-block-3 .bg-2,
    .section-intro-block-3 .right-col{
        display: none;
    }
    .section-intro-block-3 .section-inner{
        padding: 0;
    }
	.section-intro-block-3.single-team .section-inner{
        padding: 0;
    }
    .section-intro-block-3 .right-content{
        background-color: var(--blue);
    }
    .section-intro-block-3 .lable{
        font-size: 18px;
        margin-bottom: 27px;
        line-height: 29px;
    }
    .section-intro-block-3 .s-title{
        font-size: 50px;
        line-height: 54px;
    }
    .section-intro-block-3 .social-icons{
        margin-bottom: 29px;
    }
    .section-intro-block-3 .text{
        padding-left: 24px;
        font-size: 18px;
        line-height: 29px;
        margin-bottom: 88px;
    }
	.section-intro-block-3.single-team .text{
        font-size: 18px;
        line-height: 29px;
    }
    .section-intro-block-3 .right-content .images{
        height: 350px;
    }
    .section-intro-block-3 .right-content .images .image-wrapper{
        height: 430px;
        width: 330px;
        left: 30px;
    }
    .section-intro-block-3 .bg{
        max-width: 260px;
        right: 0;
    }
    .section-intro-block-3 {
        padding: 78px 0 16  0;
    }
    .section-intro-block-3 .right-content .images .image-wrapper{
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .section-intro-block-3.single-team .right-content .images img{
        left: 50%;
        transform: translate(-50%,-50%);
        max-width: 330px;
        height: 430px;
        object-fit: cover;
    }

    /* intro-block-3 */


    /* contact-block-2 */

    .section-contact-block-2{
        overflow: hidden;
    }
    .section-contact-block-2 a.number{
        font-size: 45px;
    }
    .section-contact-block-2 .col-md-5 .text{
        margin-bottom: 55px;
    }
    .section-contact-block-2 .inquities a:last-child{
        font-size: 22px;
        line-height: 20px;
    }
    .section-contact-block-2 .inquities{
        margin-bottom: 113px;
    }
    .section-contact-block-2 .right-content{
        float: unset;
    }
    .contact-form{
        box-shadow: unset;
    }
    .section-contact-block-2 .address{
      margin: 103px 25px 0 25px;
    }
    .section-contact-block-2 .right-col{
        padding: 0;
    }
    .section-contact-block-2 .contact-form{
        padding: 83px 25px;
        margin: auto;
    }

    /* contact-block-2 */

    /* section-count-block */
    
    .section-count-block .wrap-contant .count{
        font-size: 40px;
        line-height: 40px;
    }
    .section-count-block .lable{
        margin-bottom: 50px;
    }
    .section-count-block .wrap-contant{
        max-width: 100%;
    }
	.section-count-block .inner-content .icon{
		position:unset;
	}
	.section-count-block .new-col::after{
		bottom:unset;
		width: calc(100% - var(--bs-gutter-x));
	}
	.section-count-block .new-col{
		margin-bottom:50px;
	}
	.section-count-block .new-col .whole-link{
		height:100%;
	}
    
    /* section-count-block */

    /* section-difference-block.style-2 */
    .section-difference-block.style-2::before{
        width: 100%;
        height: 30px;
    }
    .section-difference-block.style-2{
        padding: 80px 0 70px 0;
    }
    .section-difference-block.style-2 .lable{
        margin-bottom: 50px;
    }
    .section-difference-block.style-2 .icon{
        width: 200px;
        height: 200px;
    }
    .section-difference-block.style-2 .right-content{
        margin-top: 50px;
    }
    .section-difference-block .title{
        min-height: unset;
        margin-bottom: 30px;
    }
    
    /* section-difference-block.style-2 */

    .section-custom-wbd{
        padding: 50px 0;
    }

	.section-team-case-study-block.single-team-grid-block .team-slider-wrapper{
        grid-template-columns: repeat(2,1fr);
        column-gap: 30px;
        row-gap: 30px;
    }
    .section-team-case-study-block.single-team-grid-block .bottom-part{
        margin-left: 0;
    }
    


}