/* Normal desktop :992px. */
@media (min-width: 1501px) and (max-width: 1700px) {
    .container{
       /* max-width: 1500px; */
       /* padding: 0 15px;*/
    }
    .contact-page .portfolio_area.history .gray_title {
        left: -22%;
        font-size: 175px;
        line-height: 177px;
        letter-spacing: -8px;
    }
    .about_area {
        padding: 40px 0 0;
    }
    .about-page .gray_title {
        font-size: 175px;
        line-height: 177px;
        left: -29%;
    }
    .about-page .sim_content h2 {
        margin: 165px 0 25px;
    }
    .about-page .info-block {
        margin: 0 0 2%;
    }
    .team-member ul li {
        min-height: 477px;
        max-height: 477px;
    }
    .team-member ul li .word {
        padding: 0 0 0 15px;
    }
    .team-member ul li .letter {
        font-size: 20px;
        line-height: 22px;
        letter-spacing: -3px;
    }
    .about-page .portfolio_area.history .gray_title {
        left: -16%;
    }
    .about-page .portfolio_area.history {
        padding: 125px 0 0;
    }
    .about-page .portfolio_area .sim_content h2 {
        margin: 120px 0 25px;
    }
    section.portfolio_area.brand {
        padding: 120px 0 30px;
    }
    .about-page .portfolio_area.brand .gray_title {
        left: -2%;
    }
    .services-page .portfolio_area.service-area .gray_title {
        left: -20%;
    }
    .block-area {
        padding: 0 15px;
    }
    /*.footer_area .container {
        padding: 5px 0 0;
    }*/
    .project-page .portfolio_area.service-area .gray_title {
        left: -16%;
        font-size: 175px;
        line-height: 177px;
    }
}


/* Normal desktop :1200px. */
@media (max-width: 1500px) {
    .container{
        max-width: 1200px;
    }
    .header_area {
        padding-top: 15px;
    }
    .logo_area a img {
        width: 60px;
    }
    .banner_content .card__title {
        margin-bottom: 16px;
    }
    .about_area {
        height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .sim_content h2 {
        font-size: 32px;
        margin-bottom: 28px;
    }
    .sim_content h2::after {
        left: -22%;
        font-size: 130px;
    }
    .signature img {
        width: 130px;
    }
    .signature {
        margin-bottom: 40px;
    }
    .sim_content .read_more button {
        width: 235px;
        height: 50px;
    }
    .sim_content p {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .project_area {
        height: auto;
        padding: 40px 0px;
    }

    .portfolio_area {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .portfolio_content h2 a {
        font-size: 26px;
    }
    .portfolio_content h2 {
        margin-bottom: 10px;
    }
    .portfolio_thumb {
        margin-bottom: 20px;
    }
    .gray_title {
        font-size: 140px;
    }
    .project_area .gray_title {
        transform: translate(44%, -44%);
        -webkit-transform: translate(44%, -44%);
        -moz-transform: translate(44%, -44%);
        -ms-transform: translate(44%, -44%);
        -o-transform: translate(44%, -44%);
    }
    .portfolio_area .gray_title {
        transform: translate(61%, -34%);
        -webkit-transform: translate(61%, -34%);
        -moz-transform: translate(65%, -34%);
        -ms-transform: translate(61%, -34%);
        -o-transform: translate(61%, -34%);
    }
    .contact-page .portfolio_area.history .gray_title {
        left: -27%;
        font-size: 160px;
        line-height: 162px;
        letter-spacing: -12px;
    }
    .about-page .gray_title {
        font-size: 175px;
        line-height: 177px;
        left: -35%;
    }
    .about-page .sim_content h2 {
        margin: 150px 0 25px;
    }
    section.cou-box {
        padding: 0 0%;
        margin: 0 0 3%;
    }
    section.cou-box .block span {
        font-size: 45px;
    }
    section.cou-box .block .text {
        font-size: 20px;
        line-height: 22px;
        margin: 0 0 0 3%;
    }
    .about-page .info-block {
        margin: 0 0 2%;
    }
    .about-page .sim_content h2 {
        margin: 170px 0 25px;
    }
    .team-member ul li {
        min-height: 381px;
        max-height: 381px;
    }
    .team-member ul li .word {
        padding: 0 0 0 15px;
    }
    .team-member ul li .letter {
        font-size: 18px;
        line-height: 20px;
    }
    .about-page .portfolio_area.history {
        padding: 100px 0 0;
    }
    .about-page .portfolio_area.history .gray_title {
        left: -47%;
    }
    section.portfolio_area.brand {
        padding: 100px 0 30px;
    }
    .about-page .portfolio_area.brand .gray_title {
        left: -22%;
    }
    .about-page .portfolio_area .sim_content h2 {
        margin: 130px 0 25px;
    }
    .services-page .portfolio_area.service-area .gray_title {
        /*left: -22%;*/
        font-size: 170px;
        line-height: 172px;
    }
    .services-page .block-area .sim_content h2 {
        margin: 70px 0 25px;
    }
    .services-page .bottom-area {
        padding: 50px 0;
    }
    .block-area {
        padding: 0 15px;
    }
    .details-page .portfolio_area.service-area .gray_title {
        left: -12%;
        font-size: 170px;
        line-height: 172px;
    }
    .three-block ul li .block p {
        font-size: 13px;
        line-height: 15px;
    }
    .project-page .portfolio_area.service-area .gray_title {
        /*left: -20%;*/
        font-size: 150px;
        line-height: 152px;
    }

    .project-page .sim_content p {
        font-size: 14px;
        line-height: 25px;
        margin: 0 0 15px !important;
    }

    .project-page .bottom-area .sim_content p {
        margin: 0 0 25px !important;
    }
}
@media (max-width: 1280px) {
    .contact-page .portfolio_area.history .gray_title {
        left: -30%;
        font-size: 122px;
        line-height: 137px;
        letter-spacing: -12px;
    }
    .contact-page .sim_content h2 {
        font-size: 25px;
    }
    .info-block-area ul li .block h3 {
        letter-spacing: -1px;
        font-size: 15px;
    }
    .info-block-area ul li .block p a,.info-block-area ul li .block p {
        font-size: 14px;
        line-height: 16px;
    }
    .about-page .gray_title {
        font-size: 150px;
        line-height: 150px;
        left: -41%;
    }
    .about-page .sim_content h2 {
        margin: 120px 0 20px;
    }
    .signature {
        margin-bottom: 20px;
    }
    section.cou-box .block span {
        font-size: 40px;
    }
    section.cou-box .block .text {
        font-size: 18px;
        line-height: 20px;
    }
    .about-page .info-block .sim_content h2 {
        margin: 15px 0;
    }
    .sim_content h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .team-member ul li {
        min-height: 300px;
        max-height: 300px;
    }
    .team-member ul li .word {
        padding: 0 0 0 10px;
    }
        .team-member ul li .letter {
            font-size: 14px;
            line-height: 17px;
            letter-spacing: -1px;
        }
    .about-page .portfolio_area.history .gray_title {
        left: -55%;
    }
    .about-page .portfolio_area.brand .gray_title {
        left: -32%;
    }
    section.portfolio_area.brand {
        padding: 80px 0 20px;
    }
    .about-page .portfolio_area .sim_content h2 {
        margin: 130px 0 10px;
    }
    .details-page .portfolio_area.service-area .gray_title {
        left: -14%;
    }
}


/* Normal desktop :992px. */
@media (max-width: 1199px) {
    .container{
        max-width: 1050px;
    }
    .main_menu ul li a {
        font-size: 13px;
        padding: 0px 12px;
    }
    .copy_right_area span {
        font-size: 15px;
    }
    .services-page .portfolio_area.service-area .gray_title {
        /*left: -17%;*/
        font-size: 130px;
        line-height: 132px;
    }
    .services-page .block-area .sim_content h2 {
        margin: 15px 0;
        font-size: 25px;
    }
    .sim_content p {
        margin: 0 !important;
        font-size: 14px;
        line-height: 20px;
    }
    .services-page .bottom-area .sim_content h2 {
        margin: 0 0 25px;
        font-size: 25px;
    }
    .services-page .bottom-area .sim_content p {
        font-size: 14px;
    }
    .services-page .portfolio_area.service-area .sim_content p {
        margin: 0 0 30px !important;
    }
    .details-page .portfolio_area.service-area .gray_title {
        left: -20%;
        font-size: 150px;
        line-height: 152px;
    }
    .three-block ul li .block .sim_content h2 {
        font-size: 20px;
        letter-spacing: -2px;
    }
    .project-page .portfolio_area.service-area .gray_title {
        left: -25%;
        font-size: 130px;
        line-height: 132px;
    }
    .info-block .col-lg-4.text-start.col-md-4 {
        display: none;
    }
    .info-block .col-lg-8.col-md-8 {
        width: 100%;
    }
    .portfolio_area.history .col-lg-4.text-start.col-md-4 {
        display: none;
    }
    .portfolio_area.history .col-lg-8.col-md-8 {
        width: 100%;
    }
    .about-page .sim_content {
        padding: 0 15px 20px;
    }
    .portfolio_area.brand .col-lg-4.text-start.col-md-4 {
        display: none;
    }
    .portfolio_area.brand .col-lg-8.col-md-8 {
        width: 100%;
    }
    .about-page .sim_content {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1050px) {
    .container{
        max-width: 950px;
    }
    .gray_title {
        font-size: 104px;
    }
}
@media (max-width: 992px) {
    .contact-page .portfolio_area.history .gray_title {
        left: -39%;
        font-size: 90px;
        line-height: 114px;
        letter-spacing: -7px;
        top: 25px;
    }
    .contact-page .portfolio_area.history {
        padding: 60px 0 0;
    }
    .info-block-area ul li .block {
        width: 100%;
    }
    .info-block-area {
        padding: 70px 0;
    }
    .about-page .gray_title {
        font-size: 90px;
        line-height: 92px;
        left: -45%;
    }
    .about-page .sim_content h2 {
        margin: 100px 0 20px;
    }
    section.cou-box .block .text {
        font-size: 15px;
        line-height: 17px;
    }
    section.cou-box .block span {
        font-size: 37px;
        line-height: 30px;
    }
    .about-page .team_area .gray_title {
        left: -35%;
    }
    .team-member ul li {
        min-height: 235px;
        max-height: 235px;
    }
    .team-member ul li .letter {
        font-size: 11px;
        line-height: 13px;
    }
    .about-page .portfolio_area.history .gray_title {
        left: -25%;
    }
    .about-page .portfolio_area.history {
        padding: 70px 0 0;
    }
    .about-page .portfolio_area .sim_content h2 {
        margin: 70px 0 10px;
    }
    .about-page .portfolio_area.brand .gray_title {
        left: -7%;
    }
    .services-page .portfolio_area.service-area .gray_title {
        /*left: -20%;*/
        font-size: 110px;
        line-height: 112px;
    }
    .services-page .block-area .sim_content h2 {
        margin: 10px 0;
        font-size: 20px;
    }
    .sim_content p {
        font-size: 12px;
        line-height: 18px;
    }
    .services-page .portfolio_area.service-area .sim_content p {
        font-size: 12px;
    }
    .details-page .portfolio_area.service-area .gray_title {
        left: -20%;
        font-size: 120px;
        line-height: 122px;
    }

    .project-page .portfolio_area.service-area .gray_title {
        left: -12%;
        font-size: 91px;
        line-height: 93px;
    }

    .project-page .sim_content h2 {
        font-size: 22px;
        line-height: 24px;
    }
}

 
/* Tablet desktop :768px. */
@media (max-width: 991px) {
    .container{
        max-width: 750px;
    }
    .menu_wrapper {
        display: none !important;
    }
    .banner_slider_single {
        height: 70vh;
    }
    .banner_content {
        max-width: 550px;
    }
    .banner_content h2 {
        font-size: 30px;
    }
    .banner_slider_active .owl-dots {
        right: 40px;
    }
    .banner_content p {
        font-size: 13px;
        letter-spacing: 1px;
    }
    .room_area {
        height: 50vh;
    }
    .room_content h2 {
        font-size: 20px;
    }
    .room_content p {
        font-size: 14px;
    }
    .sim_content h2 {
        font-size: 25px;
        margin-bottom: 28px;
    }
    .sim_content h2::after {
        font-size: 98px;
    }
    .author_img img {
        width: 100%;
    }
    .portfolio_content h2 a {
        font-size: 23px;
    }
    .gray_title {
        font-size: 88px;
    }
    .portfolio_area .gray_title {
        transform: translate(53%, -34%);
        -webkit-transform: translate(53%, -34%);
        -moz-transform: translate(53%, -34%);
        -ms-transform: translate(53%, -34%);
        -o-transform: translate(53%, -34%);
    }
        .copy_right_area span {
        display: block;
    }
.author_img img {
    width: 100% !important;
}
    #ContentPlaceHolder1_divMain .info-block-area ul li .sim_content h2 span br {
        display: none;
    }
    #ContentPlaceHolder1_divMain .info-block-area ul li .card__title h2 {
        font-size: 18px;
    }
    #ContentPlaceHolder1_divMain .info-block-area ul li .block h3 {
        font-size: 14px;
    }
    #ContentPlaceHolder1_divMain {
        padding-top: 50px;
    }
}

 
/* small mobile :320px. */
@media (max-width: 767px) {

    .banner_slider_single {
        height: 60vh;
    }
    .banner_content h2 {
        font-size: 20px;
    }
    .logo_area a img {
        width: 40px;
    }
    .banner_slider_active .owl-dots {
        right: inherit;
        bottom: 0;
        top: inherit;
        transform: translate(-50% , 0%);
        left: 50%;
    }
    .banner_slider_active .owl-dots div {
        display: inline-block;
    }
    .banner_slider_active .owl-dots div::before {
        display: none;
    }
    .single_room {
        width: calc(100% / 1);
        height: 220px;
        display: block;
    }
    .images_area div {
        width: calc(100% /1);
        display: block;
        height: 220px;
    }

    .room_area {
        height: auto;
    }
    .images_area.active_img .image_ar{
        opacity: 1;
        visibility: visible;
        width: 100%;
        
    }
    .portfolio_area {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .single_portfolio_item {
        max-width: 100%;
    }
    .hover_portfolio a {
        font-size: 25px;
    }
    .footer_left {
        text-align: center;
    }
    .footer_right {
        text-align: center !important;
    }
    .sim_content h2 {
        font-size: 22px;
    }
    .portfolio_area .sim_content h2 {
        font-size: 17px;
    }
    /*.portfolio_content h2 {
        font-size: 17px;
    }*/
    .sim_content h2::after {
        font-size: 85px;
    }
    .sim_content .read_more button {
        margin-bottom: 25px;
    }

    .gray_title {
        font-size: 60px;
    }
    .portfolio_area .gray_title {
        transform: translate(53%, -34%);
        -webkit-transform: translate(53%, -34%);
        -moz-transform: translate(53%, -34%);
        -ms-transform: translate(53%, -34%);
        -o-transform: translate(53%, -34%);
    }
    .gray_title {
        transform: translate(76%, -44%);
    }
    .project_area .gray_title {
        transform: translate(30%, -44%);
        -webkit-transform: translate(30%, -44%);
        -moz-transform: translate(61%, -44%);
        -ms-transform: translate(30%, -44%);
        -o-transform: translate(30%, -44%);
    }

    .footer_social a {
        font-size: 14px;
    }
    .footer_social {
        margin-bottom: 20px;
        margin-top: 23px;
        gap: 5px;
    }
        .footer_social a {
            margin-left: 10px;
            gap: 5px;
        }
            
        
    .copy_right_area span {
        font-size: 14px;
    }
    .copy_right_area span {
        display: block;
    }
    .about_area {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .author_img {
        margin-bottom: 0px;
    }
    .author_img img {
        width: 100% !important;
    }
    .prosect_slider_active.owl-carousel .owl-stage-outer {
        padding-top: 28px;
    }
    .contact-page .portfolio_area.history .gray_title {
        font-size: 85px;
        line-height: 87px;
        left: -35%;
    }
    .info-block-area ul li {
        border-right: 0;
        text-align: center;
        margin: 0 0 20px;
    }
    .info-block-area ul li .block .sim_content h2 {
        display: block;
        margin: 0 0 10px;
    }
    .info-block-area {
        padding: 30px 0 0;
    }
    .about-page .gray_title {
        left: -27%;
        top: 32%;
    }
    .about-page .portfolio_area.history .gray_title {
        left: -50%;
    }
    .about-page .portfolio_area.brand .gray_title {
        left: -27%;
    }
    section.portfolio_area.brand {
        padding: 50px 0 20px;
    }
    .about-page .portfolio_area.history {
        padding: 50px 0 0;
    }
    .about-page .team_area .gray_title {
        left: -27%;
    }
    section.cou-box .block span {
        font-size: 25px;
        line-height: 20px;
    }
    section.cou-box .block .text {
        font-size: 12px;
        line-height: 14px;
    }
    .team-member ul li {
        min-height: 447px;
        max-height: 447px;
        width: 50%;
    }
    .team-member ul li .letter {
        font-size: 20px;
        line-height: 25px;
    }
    .team-member ul li .hover {
        padding: 0 0 50px 10px;
    }
    .bar {
        color: #000;
    }
    .services-page .portfolio_area.service-area .gray_title {
        left: -25%;
        font-size: 90px;
        line-height: 92px;
    }
    .services-page .right-text,.services-page .left-text {
        padding: 15px 0;
    }
    .three-block ul li .block {
        width: 100%;
        margin: 0 0 10px;
    }
    .three-block ul li .block .sim_content h2 br {
        display: none;
    }
    .details-page .portfolio_area.service-area .gray_title {
        left: -24%;
        font-size: 100px;
        line-height: 102px;
    }
    .three-block {
        padding: 100px 0 50px;
    }
    .img-block .mr {
        margin: 0 0 15px;
    }
    .project-page .portfolio_area.service-area .gray_title {
        left: inherit;
        font-size: 90px;
        line-height: 92px;
        position: relative;
        left: inherit;
        right: inherit;
        transform: translate(0, 0);
    }

    .project-page .sim_content h2 {
        margin: 50px 0 25px;
    }

    .offcanvas_wrapper .main-text {
        font-size: 100px;
        line-height: 102px;
    }
}

@media (max-width: 575px) {
    .contact-page .portfolio_area.history .gray_title {
        font-size: 34px;
        line-height: 47px;
        left: -37%;
        letter-spacing: 0;
    }
    .contact-page .sim_content h2 {
        margin: 75px 0 25px;
    }
    .contact-page .portfolio_area.history {
        padding: 20px 0 0;
    }
    .about-page .gray_title {
        font-size: 53px;
        line-height: 55px;
        position: relative;
        left: 0;
        transform: inherit;
        margin: 10px 0 0;
    }
    .about-page .portfolio_area .sim_content h2 {
        margin: 40px 0 10px;
    }
    section.cou-box .block {
        padding: 15px 0;
    }
    section.cou-box {
        padding: 0 15px;
        margin: 0;
    }
    .about-page .sim_content h2 {
        margin: 12px 0;
    }
    .team-member ul li {
        width: 100%;
        display: inline-block;
        min-height: 500px;
        max-height: 500px;
        overflow: hidden;
    }
    .team-member ul li .letter {
        font-size: 14px;
        line-height: 15px;
    }
    .team-member ul li.logo img {
        max-width: 100% !important;
        width: 50%;
        margin: 40% auto 0;
        vertical-align: middle;
    }
    .team-member ul li .word {
        padding: 50% 15% 0;
    }
    .team-member ul li .letter {
        font-size: 20px;
        line-height: 22px;
    }
    .owl-carousel .owl-nav div {
        z-index: 999;
    }
    .about-page .team_area .gray_title {
        left: 0;
    }
    .about-page .portfolio_area.history {
        padding: 20px 0 0;
    }
    .about-page .portfolio_area.history .gray_title {
        left: 0;
    }
    .about-page .portfolio_area .sim_content h2 {
        margin: 15px 0;
    }
    section.portfolio_area.brand {
        padding: 20px 0 0;
    }
    .about-page .portfolio_area.brand .gray_title {
        left: 0;
        margin: 0;
    }
    .dark {
        background: #0c1f2d;
    }
    .upper-text {
        padding: 20px 15px;
        text-align: center;
    }
    .upper-text .word .letter {
        font-size: 14px;
        color: #fff;
        line-height: 16px;
        text-transform: uppercase;
        letter-spacing: -4.5px;
    }
    .team-member ul li .hover {
        background: #0c1f2d57;
        display: flex !important;
        bottom: 0;
        offcanvas_wrapper top: 0;
    }
    .services-page .portfolio_area.service-area .gray_title {
        left: -25%;
        /*font-size: 65px;*/
        font-size: 30px;
        line-height: 67px;
    }
    .services-page .sim_content h2 {
        margin: 70px 0 25px;
    }
    .details-page .portfolio_area.service-area .gray_title {
        left: -35%;
        font-size: 78px;
        line-height: 80px;
    }
    .project-page .portfolio_area.service-area .gray_title {
        font-size: 60px;
        line-height: 62px;
    }

    .project-page .sim_content h2 {
        font-size: 18px;
        line-height: 20px;
        width: 100%;
    }

    .filter-area #filters .btn {
        font-size: 12px;
        line-height: 14px;
        margin: 0 10px 10px 0;
    }

    .offcanvas_wrapper {
        padding: 15px;
        display: none;
    }

        .offcanvas_wrapper .mobile-logo img {
            width: 250px;
            padding: 50px 0 0px;
        }

    .offcanvas_menu {
        margin-top: 65px;
    }
    .sim_content h2 {
        font-size: 16px;
    }
    .offcanvas_wrapper .main-text {
        font-size: 85px;
        line-height: 87px;
        top: 50px;
    }

    .mob-text p {
        margin: 0 0 10px;
        padding: 0;
        text-align: center;
    }

    .offcanvas_social a {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .cross {
        right: 10px;
    }
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 320px) and (max-width: 374px) {
    .project_area {
        overflow: hidden;
    }
    .portfolio_area {
        overflow: hidden;
    }
    .single_portfolio_item {
        max-width: 315px;
    }
}