@media(min-width: 991px){
    .nav-mobile{
        display: none;
    }
}
@media(max-width: 1480px){
    .header{
        padding: 50px 40px
    }
    .header.fixed{
        padding: 20px 40px
    }
    .section_title{
        right: 102%;
    }
    .backbtn .banner_box{
        max-width: 800px;
    }
    .inner_banner .btn_back{
        padding: 17px 13px 14px 13px;
    }
}
@media(min-width: 1199px) and (max-width: 1480px ){
    .container{
        max-width: 1140px;
    }
}
@media(max-width: 1199px){
    .header{
        padding: 30px 15px;
    }
    .header .menu ul li{
        margin-right: 35px;
    }
    .header .menu ul li a,
    .header .btn_white{
        font-size: 18px;
    }
    .header.fixed{
        padding: 15px;
    }

    .about_us .about_m p,
    .wedo .tab-content p,
    .work .f_border p{
        font-size: 30px;
    }

    .about_us .about_m h2{
        font-size: 48px;
    }

    .news ul li .n_title{
        font-size: 40px;
    }
    .middle_s{
        padding: 50px 0;
    }
    .natural_c .di_box+.d_box, .natural_c .di_box+.dp_box, .natural_c .d_box+.dp_box, .natural_c .dp_box+.d_box, .natural_c .dp_box+.di_box{
        margin-top: 50px;
    }
    .about .partners{
        margin:50px 0;
    }
    .news_l .n_slider{
        padding: 50px 0;
    }
    .news_l .n_slider .item{
        width: 500px;
    }
    .news_l .n_slider .overlay h3{
        font-size: 40px;
    }
    .backbtn .banner_box{
        max-width: 100%;
    }
    .news_by{
        margin: 0 auto 50px auto;
    }
    .cate_share{
        margin: 50px auto;
    }
}

@media(max-width: 991px){
    .home_banner .banner_box h1{
        font-size: 50px;
    }
    .newsd_banner.inner_banner .banner_box h1{
        font-size: 36px;
    }
    .home_banner .for_border:before,
    .home_banner .btn_border:before,
    .work .title_box:before,
    .work .f_border:before{
        left: -15px;
    }

    .btn{
        font-size: 16px;
        padding: 16px 25px 14px 25px;
    }

    .about_us, .wedo, .work, .news{
        padding: 50px 0;
    }
    .about_us .about_m h2{
        font-size: 44px;
    }
    .about_us .b_box{
        margin-top: 45px;
    }
    .about_us .b_box p{
        margin-top: 12px;
    }
    .about_us .btn_dv{
        margin-top: 44px;
    }

    .wedo .wedo_left h2{
        font-size: 52px;
    }
    .wedo .wedo_left .nav li a span{
        margin-right: 10px;
    }
    .wedo .tab-content p{
        font-size: 25px;
    }

    .news ul li{
        padding: 40px 0;
    }
    .news ul li .n_title{
        font-size: 30px;
        margin: 15px 0 12px 0;
    }
    .news .btn_b{
        margin-top: 30px;
    }

    .footer{
        padding: 70px 0 35px 0;
    }
    .footer .social{
        margin: 60px 0 80px 0;
    }
    .inner_banner .banner_box h1{
        font-size: 50px;
        line-height: 55px;
    }
    .inner_banner{
        height: 400px;
    }
    .natural_c .dp_box{
        padding: 40px;
    }
    .natural_c .dp_box p{
        font-size: 30px;
    }
    .about #accordion{
        margin:30px auto 50px auto;
    }
    .about #accordion .card-header a{
        padding: 20px 50px 20px 10px;
    }
    .about .member .title{
        font-size: 24px;
    }
    .about .partners .owl-carousel{
        padding-top: 0;
    }
    .about .partners{
        margin-bottom: 0;
    }
    .news_l .n_slider .overlay{
        padding: 20px;
    }
    .news_l .n_slider .overlay h3{
        font-size: 30px;
    }
    #getInfo .modal-dialog{
        max-width: 700px;
    }
    .contact_us .left_box{
        padding: 15px;
    }
    .contact_us .form{
        padding: 40px 30px
    }
    .contact_us .left_box ul li{
        font-size: 22px;
    }
    .contact_us .left_box ul li a{
        font-size: 22px;
    }
    .contact_us .left_box ul li+li{
        margin-top: 10px;
    }
    .contact_us .country{
        margin-top: 30px;
    }
    .contact_us .country p{
        font-size: 22px;
    }
    .contact_us .form .form-group{
        margin-bottom: 35px;
    }
    .other_n{
        margin-top: 50px;
    }
    .other_n .n_box{
        padding: 15px 0;
    }
    .other_n .title{
        font-size: 40px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .other_n .n_box a{
        font-size: 32px;
    }
    span.readmore-link {
        right: 67%;
    }
    .readmore-link.expand {
        bottom: 9%;
    }
}

@media(max-width: 767px){
    .header{
        padding: 20px 15px;
    }
    .header .logo{
        width: 132px;
    }
    .home_banner .for_border:before, .home_banner .btn_border:before, .work .title_box:before, .work .f_border:before{
        display: none;
    }
    .home_banner .banner_box{
        padding-top: 70px;
    }
    .home_banner .banner_box h1{
        font-size: 36px;
        line-height: 45px;
        text-align: center;
    }
    .home_banner .banner_box p{
        font-size: 16px;
        text-align: center;
        margin-top: 10px;
    }
    .home_banner .btn_border{
        margin-top: 25px;
        text-align: center;
    }
    .btn{
        font-size: 14px;
        padding: 10px 15px 7px 15px;
    }
    .about_us{
        padding: 30px 0 50px 0;
    }
    .about_us .about_m h2{
        line-height: 48px;
    }
    .about_us .about_m p{
        font-size: 28px;
    }
    .wedo{
        padding: 30px 0 50px 0;
    }
    .wedo .wedo_left h2{
        max-width: 100%;
        text-align: center;
        font-size: 36px;
        line-height: 36px;
    }
    .wedo .wedo_left .nav li{
        width: 33.33%;
        padding: 0 5px;
    }
    .wedo .wedo_left .nav li a{
        text-align: center;
        font-size: 16px;
        line-height: 1.3;
    }
    .wedo .wedo_left .nav li a span,
    .wedo .tab-content h3{
        display: none;
    }
    .wedo .tab-content{
        text-align: center;
    }
    .wedo .tab-content p{
        margin-top: 35px;
        text-align: center;
    }
    .work{
        text-align: center;
    }
    .work .f_border p{
        font-size: 25px;
    }
    .work .btn_dv{
        margin-top: 30px;
    }
    .news .btn_t{
        margin-bottom: 15px;
    }
    .news ul li .n_left{
        width: 100%;
    }
    .news ul li{
        padding: 20px 0 40px 0;
    }
    .news ul li .date{
        margin-left: 20px;
    }
    .news ul li .n_title{
        font-size: 28px;
    }
    .news ul li .btn_arrow{
        margin-top: 30px;
        overflow: hidden;
    }
    .news .btn_b{
        margin-top: 25px;
    }
    .footer{
        padding: 45px 0 25px 0;
    }
    .footer .newsletter h2{
        font-size: 24px;
        line-height: 28px;
    }
    .footer .newsletter p{
        font-size: 18px;
        line-height: 1.56;
    }
    .footer .newsletter .form{
        margin: 30px auto 0 auto;
    }
    .footer .newsletter .form .form-control{
        height: 42px;
        padding: 7px 15px 4px 15px;
        font-size: 16px;
    }
    .footer .newsletter .form .btn{
        padding: 10px 16px 6px 15px;
    }
    .footer .social{
        margin: 35px 0;
    }
    .footer .social li{
        margin:0 5px;
    }
    .footer .social li a{
        font-size: 35px;
    }
    .footer .sd li{
        text-align: center;
    }
    .footer .f_link{
        margin:40px 0 50px 0;
    }
    .footer .f_link li{
        text-align: center;
    }
    .footer .logo{
        text-align: center;
    }
    .nav-mobile{
        top: 70px
    }
    .inner_banner .banner_box h1{
        font-size: 36px;
        line-height: 40px;
    }
    .newsd_banner.inner_banner .banner_box h1{
        font-size: 26px;
        line-height: 30px;
    }
    .inner_banner{
        height: 270px;
    }
    .inner_banner .banner_box{
        margin-top: 50px;
    }
    .inner_banner .banner_box p{
        font-size: 16px;
        margin-top: 10px;
    }
    .natural_c .d_box+.di_box{
        margin-top: 30px;
    }
    .natural_c .d_box p+p{
        margin-top: 15px;
    }
    .natural_c .di_box p{
        font-size: 18px;
    }
    .natural_c .di_box+.d_box, .natural_c .di_box+.dp_box, .natural_c .d_box+.dp_box, .natural_c .dp_box+.d_box, .natural_c .dp_box+.di_box{
        margin-top: 30px;
    }
    .natural_c .dp_box{
        padding: 20px;
    }
    .natural_c .dp_box p{
        font-size: 22px;
    }
    .about #accordion{
        margin: 30px 0;
    }
    .about #accordion .card-header a{
        padding: 5px 40px 5px 10px;
        font-size: 22px;
    }
    .about #accordion .card-header a i{
        font-size: 22px;
        top: calc(50% - 11px);
    }
    .about .member{
        margin-top: 30px;
    }
    .about .member .title{
        font-size: 20px;
        line-height: 20px;
        margin-top: 10px;
    }
    .about .member p{
        margin-top: 5px;
    }
    .news_l .n_slider .overlay h3{
        font-size: 28px;
    }
    .news_l .n_slider{
        padding: 20px 0 30px 0;
    }
    .news_l .n_slider .item{
        width: 350px;
    }
    .news_l .n_slider .overlay .date{
        margin-left: 20px;
    }
    .news_l .n_slider .owl-nav div span{
        font-size: 16px;
    }
    .news_l .n_slider .owl-nav div span i{
        font-size: 35px;
        vertical-align: -9px;
        margin: 0 10px;
    }
    .news_l .btn_t .btn{
        font-size: 14px;
        margin-left: 10px;
    }
    .news_l .btn_t span{
        font-size: 16px;
    }
    .news_l .n_slider .owl-nav{
        bottom: calc(100% + 15px);
    }
    #getInfo .modal-body{
        padding:20px 15px;
    }
    #getInfo .job{
        font-size: 14px;
    }
    #getInfo h3{
        margin:0 0 5px 0;
        font-size: 28px;
    }
    #getInfo p{
        font-size: 18px;
    }
    .contact_us .form{
        padding: 30px;
        margin-top: 30px;
    }
    .contact_us .form .tc{
        margin: 25px 0;
    }
    .contact_us .form .btn{
        min-width: 140px;
    }
    .contact_us .form .title{
        margin-bottom: 25px;
        font-size: 30px;
    }
    .contact_us .form .form-control{
        font-size: 14px;
    }
    .news_by{
        padding: 15px;
        margin: 0 auto 30px auto;
    }
    .news_by .img{
        height: 50px;
        width: 50px;
    }
    .news_by .name{
        padding:0 10px;
        width: calc(100% - 210px);
    }
    .news_by .name h4{
        font-size: 16px;
    }
    .news_by .social li a{
        font-size: 30px;
    }
    .news_by .social li{
        margin-left: 10px;
    }
    .other_n{
        margin-top: 30px;
    }
    .other_n .title{
        font-size: 26px;
        margin-bottom: 10px;
    }
    .other_n .n_box a{
        font-size: 22px;
    }
    .other_n .n_box span{
        margin:0 auto 6px auto;
        font-size: 14px;
        padding: 6px 8px 3px 8px;
    }
    .map{display: none;}
    .homepageaddress{
        display: block;
    }
    .alignleft,
    .alignright,
    .aligncenter {
        margin-right: auto;
        margin-left: auto;
        display: block;
        clear: both;
        float: none;
    }
    span.readmore-link {
        font-size: 22px;
        bottom: 25%;
        right: 66%;
    }
    .readmore-link.expand {
        bottom: 7%;
    }
    .card-job-post {
        width: 95%;
    }
    .readmore {
        width: 100%;
    }
}
@media(max-width: 600px){
    span.readmore-link {
        font-size: 18px;
    }
    span.text-card > p {
        font-size: 18px!important;
    }
    .readmore-link.expand {
        bottom: 9%;
    }
}

@media(max-width: 480px){
    .btn{
        font-size: 12px;
        padding: 10px 19px 7px 19px;
    }
    .about_us .about_m p{
        margin-top: 30px;
    }
    .about_us .b_box,
    .about_us .btn_dv{
        margin-top: 40px;
    }
    .wedo .wedo_left h2{
        margin-bottom: 35px;
    }
    .wedo .wedo_left .nav li a{
        font-size: 13px;
    }
    .footer .logo img{
        width: 110px;
    }
    .footer .newsletter .form .btn{
        padding: 3px 15px 0 15px;
        white-space: normal;
        /* width: 64px; */
        line-height: 14px;
    }
    .inner_banner{
        height: 370px;
    }
    .natural_c .dp_box p{
        font-size: 20px;
    }
    .about .col-6:nth-child(even) .member{
        margin-left: -10px;
    }
    .about .member{
        width: calc(100% + 10px);
    }
    .about .member .title{
        font-size: 16px;
        letter-spacing: 0;
    }
    .about .member p{
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0;
    }
    .about .partners{
        margin-top: 20px;
    }
    .news_l .btn_t .btn{
        font-size: 12px;
        margin-left: 5px;
    }
    .news_l .n_slider .item{
        width: 290px;
    }
    .news_l .n_slider .overlay{
        padding: 15px;
    }
    .news_l .n_slider .overlay h3{
        margin-top: 7px;
    }
    .news_l .n_slider .owl-nav div{
        margin:0 5px;
    }
    .contact_us{
        padding: 30px 0;
    }
    .contact_us .left_box ul li, .contact_us .left_box ul li a{
        font-size: 18px;
    }
    .contact_us .left_box ul li .icon{
        top: 5px;
    }
    .contact_us .country p{
        font-size: 20px;
        margin-bottom: 0;
    }
    .contact_us .country{
        margin-top: 20px;
        padding: 0;
    }
    .contact_us .country ul li{
        margin-top: 10px;
    }
    .contact_us .form{
        padding: 20px;
    }
    .contact_us .form .form-group{
        margin-bottom: 20px;
    }
    .other_n .n_box a{
        font-size: 18px;
    }
    .other_n .n_box span{
        margin:0 auto 10px auto;
    }
    .news_by{
        display: block !important;
    }
    .news_by .name{
        width: calc(100% - 80px);
        display: inline-block;
        vertical-align: middle;
    }
    .news_by .img{
        display: inline-block;
        vertical-align: middle;
    }
    .news_by .social li{
        margin-left: 0;
        margin-top: 15px;
        margin-right: 10px;
    }
    .readmore-link.expand {
        bottom: 7%;
    }
    .new-member-overlay {
        right: -3px;
		letter-spacing: 0.7px;
    }
    .badge.badge-pill {
        font-size: 10px;
    }
}
@media(max-width: 380px){
    h2.card-title.mb-3 {
        font-size: 28px;
    }
    p.card-subtitle.mb-4 {
        font-size: 13px;
    }
    span.readmore-link {
        font-size: 16px;
        right: 64%;
    }
    .readmore-link.expand {
        bottom: 6%;
    }
    .badge.badge-pill {
        font-size: 8px;
    }
    .new-member-overlay {
        top: -8px;
    }
}