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

   

    .right_text_box:before {

        right: -35px;

    }
    


    .left_text_box h2:after {

        left: -25px;

    }

    .galler_box figure img {

        width: 100%;

    }

    

    .third_section::before {

        left: -20px;

    }

    .fourth_section::before {

        width: 1170px;

    }

    .building_text_outer::after {

        width: 85%;

        left: 19%;

    }

    .building_text_outer:before {

        left: 19%;

        width: 210px;

    }

    .sliderWidget-scrollto:after {

        left: 0;

    }

    .building_text_outer {

        overflow: hidden;

    }

    .testimonial_default_carousel {

        top: -170px;

        height: 410px;

    }

    .fourth_section {

        padding-top: 120px;

    }

    .expirence_inner_bx  img {

        width: 100%

    }

    

     .scrtabs-js-tab-scroll-arrow-right {

            right: 20px !important;

    } 

    

    .s_banner_circule {

        right: 0

    }

}



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

    

    .banner_content p:nth-child(3) {

        padding-right: 50px;

    }

    .banner_slider_indicators {

        bottom: 35px;

    }

    .first_section {

        padding: 70px 0;

    }

    .left_text_box h2 {

        font-size: 20px;

    }

    .left_text_box h2:after {

        left: -35px;

    }

    .left_text_box p {

        font-size: 14px;

        padding-bottom: 20px;

    }

    .right_text_box h2 {

        margin-top: 37px;

        font-size: 24px;

        margin-bottom: 20px;

        line-height: 32px;

    }

    .right_text_box p {

        font-size: 18px;

    }

    .blue_img_text {

        height: 255px

    }

    

    .galler_text p:before {

        right: 28px;

    }

    .section_tab h2 {

        font-size: 30px;

        line-height: 40px;

    }

    .third_section {

        padding: 60px 0;

    }

    .section_tab p {

        padding-bottom: 30px;

    }

    .tab_section_outer .section_tab_list li a {

        padding: 21px 70px 12px;

    }

    .tab_section_outer .no_padding {

        padding: 0 15px;

    }

    .tab_section_outer .padding_left_30 {

        padding-left: 15px;

    }

    .partner-section {

        padding: 50px 0;

    }

    .partner_box figure img {

        width: 80%;

    }

    .footer_list ul {

        margin-left: 35px;

    }

    .footer_section {

        padding: 100px 0 50px;

    }

    .logo_text {

        padding-bottom: 65px;

    }

    .logo_section {

        margin-bottom: 50px;

    }

    .section_tab_sec {

        padding-bottom: 50px;

    }

    .building_hover_text p {

        padding-right: 55px;

    }

    .building_hover_text {

        left: 20px;

    }

    .building_text_outer {

        height: 380px;

        padding-top: 70px;

    }

    .building_text_outer::after {

        width: 100%;

    }

    .tab_section_outer .col-2 {

        display: none;

    }



    .tab_section_outer  .col-xl-10 {

        max-width: 100%;

        flex: 0 0 100%;

    }

    .right_text_box:before {

        right: 0;

    }

    .project_background::before {

        width: 100%;

        height: calc(100% + 100px);

        right: 0;

        top: -50px;

    }

    .building_text_outer::after {

        width: 100%;

        right: 0;

    }

    .special_text_02  {

        width: 100%;

    }

    .fourth_section .padding_bottom_100 {

        padding-bottom: 50px;

    }

    .scrtabs-tab-scroll-arrow {

        position: absolute !important;

        bottom: -30px !important;

        top: auto !important;

        left: 0 !important;

        right: 0 !important;

        margin: 0 auto !important;

    }

    .scrtabs-js-tab-scroll-arrow-left {

        left: -115px !important;

    }

    .testimonial_default_carousel {

        padding: 50px 35px;

    }

    .testimonial_default_carousel h1 {

        font-size: 34px;

    }

    

    

    .s_banner_circule {

        right: 0

    }

    

    

    .subbanner {

    padding: 0 30px 100px;

}

    

    

    .custom_tabs li a {

            font-size: 18px;

    line-height: 18px;

    }

    

    .techincal_img_ot img {

        right: 0

    }

    .banner_content2 ul li{

        margin-left: 0;

        padding-bottom: 0;

    }
    .sliderWidget-scrollto:after{
        top: 30px;
    }
    .comp_inner_bx .info_bx{
        margin-top: 40px;
    }


}



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

    .hero_banner {
        height: 428px;

        padding: 0;

    }
    .laguages form{

        left: 0;

    }

    .head {

        right: 100px;

    }

    .left_text_box h2:after {

        left: -12px;

    }

    .right_text_box:before {

        right: -30px;

        background-size: 100%;

        width: 25%;

        height: 100%;

    }

    .scrtabs-tab-scroll-arrow {

        position: absolute !important;

        bottom: 0 !important;

        top: 75px !important;

    }

    .scrtabs-js-tab-scroll-arrow-right {

        position: absolute !important;

        bottom: 0 !important;

        top: 75px !important;

        right: 0 !important;

    }
    .right_text_box {

        padding-right: 100px;

        padding-left: 0;

    }



    .galler_text {

            position: absolute;

    bottom: 146px;

    left: 0;

    width: 100%;

    }



    .galler_text {

        padding: 0 7px;

    }

    .galler_text p:before {

        right: 15px;

        width: 30px;

    }

    .section_tab h2 {

        font-size: 24px;

        line-height: 30px;

    }

    .tab_section_outer .section_tab_list li a {

        padding: 15px 48px 10px;

    }

    .section_tab_sec {

        padding-bottom: 45px;

    }

    .footer_list ul li {

        font-size: 16px;

    }

    .footer_list ul {

        margin-left: 0;

    }

    .scrtabs-tab-scroll-arrow {

        padding-top: 24px !important;

    }

    .scrtabs-js-tab-scroll-arrow-right {

        padding-top: 22px !important;

    }

    .sec_section::before {

        height: 120px;

    }

    .sec_section {

        padding-bottom: 80px;

    }

    .portfolio_prefix h2 {

        left: 15px;

        top: 20px;

        font-size: 16px;

    }

    .portfolio_prefix span {

        bottom: 20px;

        left: 15px;

    }

    .building_hover_text p {

        padding-right: 20px;

    }

    .building_hover_text {

        line-height: 14px;

        bottom: 20px;

    }

    .third_section::before {

        background-size: 100%;

        width: 170px;

        height: 203px;

    }

    .banner_slider_indicators li {

        width: 30px;

    }

    .sliderWidget-scrollto {

        text-align: center;

    }

    .sliderWidget-scrollto:after {

        left: 17px;

    }

    .testimonial_section {

        padding-bottom: 80px;

    }

    .testimonial_default_carousel {

        top: -125px;

        height: 330px;

        padding: 30px 25px;

    }

    .testimonial_default_carousel h1 {

        font-size: 28px;

    }

    .testimonial_text h3 {

        margin-bottom: 75px;

    }

    .testimonial_text p {

        font-size: 18px;

        line-height: 28px;

    }

    .testimonial_section::before {

        height: 332px

    }

    .testimonial_text {

        padding-left: 0;

    }

    .default_carousel_inner {

        text-align: center;

    }



    .banner_content ul li:first-child {

        margin-right: 0

    }

    .banner_content ul li {

        display: block;

        margin-bottom: 15px

    }



    .blue_img_text {

    height: 190px;

}





    .font_size_20 {

    font-size: 18px;

}



    .line_height_38 {

    line-height: 30px;

}

.font_size_38 {

    font-size: 30px;

}



    .subbanner {

    padding: 0 30px 100px;

}



    .comp_inner_bx p {

    padding: 30px;

}

.line_height_42 {

    line-height: 36px;

}

.font_size_30 {

    font-size: 25px;

}



    .comp_inner_bx {

            height: 470px;

    }



    .features_ot_bx {



    padding: 100px 0 200px;

    }



    .font_size_43 {

    font-size: 30px;

}





    .trust_bx p {

    padding: 70px 35px;

}



    .trust_bx_col {

    margin-top: -316px;

}



    .commitment_bx {

    padding: 90px 0;

}

    .font_size_45 {

    font-size: 30px;

}

    .features_ot_bx p {

            padding-top: 30px;



    }



    .font_size_34 {

    font-size: 26px;

}





    .line_height_46 {

    line-height: 30px;

}

.font_size_28 {

    font-size: 24px;

}



    .padding_bottom_80 {

    padding-bottom: 60px;

}

    .listing_two li a {

    font-size: 26px;

}



    .form_cont_ot .input_field  {

            font-size: 16px;

    }



    .buton_cap_ot {

    padding-top: 35px;

}

    .form_cont_ot .form_cont_in p {

            margin-top: 0;

    }



    .comp_info_details {

    padding: 45px 40px 90px;

}





    .features_ot_bx.technical_details {

            padding: 80px 60px 100px;

    }





    .subbanner.portfolio_banner .sub_banner_text h2:after {

            height: 3px;

    width: 70px;

            left: 290px;

    }





    .subbanner.gallery_banner .sub_banner_text h2:after {

        display: none

    }



    .google_map_img span:after {

        left: auto;

        right: 0;

            width: 100px;

    }

    .banner_content2 ul li{

        font-size: 36px;

        line-height: 50px



    }
    .select-selected:after{
        right: -15px;
    }
    .subbanner.services_banner{
        padding-bottom: 100px;
    }
    .technical_img_outer{
        position: relative;
        right: 0;
        top: 15px;
    }

}



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

    .hero_banner {



        padding: 0;

    }

    .banner_content {

        display: block;

    }

    .banner_content figure img {

        width: auto;

    }

    .banner_content p {

        padding-right: 110px !important;

        padding-top: 0;

    }

    .banner_content p:first-child{

        padding: 0;

    }

    .banner_content p:nth-child(2), .banner_content p:nth-child(3){

        padding-right: 0;

    }

    .banner_content p:nth-child(3) {

        padding-bottom: 15px;

    }

    .banner_slider_indicators {

        bottom: 0;

        right: 0;

    }

    .banner_slider_indicators li {

        width: 40px;

    }

    .first_section {

        text-align: center;

    }

    .text-right {

        text-align: center !important;

    }

    .left_text_box h2:after {

        left: 0;

        right: 0;

        margin: 0 auto;

        top: 40px;

    }

    .first_section {

        padding: 70px 0 200px;

    }

    .right_text_box:before {

        right: 0;

        bottom: -300px;

        left: 0;

        margin: 0 auto;
		
		background: none;

    }

    .right_text_box {

        padding: 0 0 15px 0;

    }

    .left_text_box p {

        padding-bottom: 15px;

    }

    .right_text_box h2 {

        margin-top: 45px;

    }

    .galler_text {

        padding: 15px;

        position: unset;



    }

    .galler_text p:before {

        right: 0;

    }



    .third_section {

        text-align: center;

    }

    .section_tab_img figure {

        padding-bottom: 30px;

    }

    .section_tab h2 {

        width: 100%;

    }

    .section_tab h2::before {

        right: 0;

        margin: 0 auto;

    }

    .section_tab p {

        padding-bottom: 20px;

    }

    .tab_section_outer .section_tab_list li a {

        padding: 12px 40px 7px;

    }

    .first_galler_box, .second_galler_box {

        padding: 0 15px;

    }

    .img_hover_text {

        padding: 25px 21px;

        font-size: 16px;

    }

    .partner-section {

        padding: 40px 0;

    }

    .partner_box figure img {

        width: auto;

    }

    .tab_margin {

        padding-bottom: 30px;

    }

    .logo_text {

        padding-bottom: 50px

    }

    .footer_heading h3 {

        text-align: center;

        margin-bottom: 20px;

    }

    .footer_list {

        padding: 20px 0

    }

    .footer_list ul {

        text-align: center;

    }

    .social_list {

        text-align: center !important;

    }

    .social_list h3 {

        margin-bottom: 20px;

    }

    .social_list ul li {

        padding: 0 10px;

    }

    .copyright_text, .copyright_list ul {

        text-align: center;

    }

    .copyright_list ul {

        float: none !important;

    }

    .copyright_section {

        padding: 5px 0;

    }

    .section_tab_sec {

        padding-bottom: 35px;

    }

    .scrtabs-tab-scroll-arrow {

        padding-top: 18px !important;

    }

    .building_text_outer {

        padding-top: 30px;

        height: 290px;

    }

    .third_section {

        padding: 160px 15px 60px;

    }

    .third_section::before {

        left: 0;

        right: 0;

        margin: 0 auto;

        top: 20px;

        width: 100px;

        height: 120px;

    }

    .testimonial_default_carousel {

        display: none;

    }

    .testimonial_text h3 {

        margin-bottom: 55px;

    }

    .testimonial_slider_left_arrow {

        background-image: url(../images/left_mbl_arrow.png);

        width: 31px;

        height: 15px;

        left: -40px;

        right: 0;

        margin: 0 auto;

        transition: all ease-in-out 0.5s;

        top: calc(100% - -30px);

        position: absolute;

    }

    .testimonial_slider_right_arrow {

        background-image: url(../images/right_mbl_arrow.png);

        width: 31px;

        height: 15px;

        left: 0;

        right: -40px;

        margin: 0 auto;

        transition: all ease-in-out 0.5s;

        top: calc(100% - -30px);

        position: absolute;

    }

    .testimonial_section::before {

        height: 285px;

    }

    .copyright_list {

        text-align: center;

    }

    .head {

        width: 65%;

    }







    .nav-modal nav ul li {

        width: 100%;

        margin: 0;



    }



    .nav-modal nav ul li a {

            line-height: 20px;

    padding: 20px 0;

            font-size: 20px;

    }



    .building_text_outer::after {

        left: 0;

        right: auto

    }



    .fourth_section  {

        background: #fff

    }





    .s_banner_circule {

        display: none

    }



    .sub_banner_text .text-right {

        text-align: left !important;

    }

    .sub_banner_text  p {

        margin-top: 15px

    }



    .comp_inner_bx {

    height: 380px;

}





    .expirence_inner_bx h2 {

        margin-bottom: 20px

    }



    .trust_bx_col {

    margin-top: -130px;

}



    .subbanner.services_banner {

    padding-bottom: 60px;

}



    .comp_info_sec {

        background-size: cover

    }



    .map_inner_bx   iframe {

        height: 400px !important;

    }



    .contact_decrp {

            padding: 270px 0 80px;

    margin-top: -220px;

    }





    .form_cont_ot {

        width: 100%;

    }



    .form_cont_ot .form_cont_in {

    padding: 0 ;

}

    .form_cont_ot .form_cont_in p {

        margin-bottom: 20px

    }



    .form_cont_ot .input_field {

            margin-bottom: 20px;

    }



    .buton_cap_ot .form_cont_ot_btn .submit_btn {

            padding: 20px 48px;

            font-size: 15px;

    line-height: 15px;

    }



    .listing_two {

    margin-top: 40px;

}



    .subbanner {

    padding: 0 30px 250px;

}



    .custom_tabs li a {

            border-bottom: 2px solid #000;

    }



    .custom_tabs li:first-child a {

    border-top: 2px solid #000;

}



    .subbanner.gallery_banner  {

    padding: 0 30px 70px;

}



  .gallery_map_bx {

    padding: 250px 15px 80px;

}



    .gallery_listing_in ul li {

    margin-bottom: 30px;

        min-height: initial;

}



    .gallery_map_bx {

    padding: 250px 15px 80px;

}



    .google_map_img span {

           padding-left: 0;

    }



    .google_map_img {

    margin-top: -360px;

}



    .google_map_img.text-right  {

        text-align: left !important;

    }

    .tab_section_outer{width: 100%;}

    .banner_content2 ul li:first-child{margin-right: 0}

    .banner_content2 ul li{font-size:30px; line-height: 42px}

    .banner_content2 ul{text-align: center}

    .custom-select2{
        right: 55px;
    }
    .select-selected:after{
        right: -55px;
    }
    .portfolio_pg_ot2{
        padding-bottom: 100px;
    }
    .comp_inner_bx .info_bx{
        margin-top: 0;
    }
}



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

    .hero_banner {



        padding: 0;

        margin: 0;

        width: 100%;

    }

    .sec_section .galler_text_box {

        padding-left: 15px;

        padding-right: 15px;

    }

    .first_galler_box, .second_galler_box {

        text-align: center;

        display: block;

    }

    .first_galler_box figure, .second_galler_box figure {

        margin-bottom: 20px;

    }

    .sec_section {

        padding-bottom: 110px;

    }

    .img_hover_text {

        left: 0;

        right: 0;

    }

    .gallery_box {

        padding: 0 15px;

    }



    .tab_section_outer .section_tab_list li a {

        font-size: 16px;

        padding: 7px 30px 5px;

    }

    .tab_section_outer .section_tab_list li a.active:before, .tab_section_outer .section_tab_list li a:hover:before {

        bottom: -9px;

        height: 5px;

    }

    .section_tab_sec {

        padding-bottom: 25px;

    }

    .fourth_section .project_background {

        text-align: center;

    }

    .building_image_outer figure:before {

        width: 51%;

        left: 0;

        right: 0;

        margin: 0 auto;

    }

    .right_text_box:before {

        right: 0;

        bottom: -340px;

    }

    .portfolio_prefix {

        height: 350px;

        width: 69%;

        margin: 0 auto;

        position: relative;

    }

    .portfolio_prefix h2, .portfolio_prefix span {

        left: 30px;

        right: 0;

    }

    .portfolio_prefix span:before {

        right: 70px;

    }

    .building_hover_text p {

        float: none;

        display: inline-block;

    }

    .building_hover_text {

        left: 30px;

        right: 0;

    }

    .default_navbar {

        padding: 27px 15px 15px;

    }
    .sub_banner_text2{
        padding-top: 50px;
    }
}



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

    .banner_content figure img {

        width: 80%;

    }
    
    .img-responsive {
    display: none;
  }
  .img-responsive.mobile {
    display: block;
  }
    
    .footer_section {
        margin-top:100px;
		background: none;
    }

    .first_section {

        padding: 40px 0 160px;

    }

    .right_text_box:before {

        bottom: -260px;

        width: 30%

    }

    .right_text_box h2 {

        margin-top: 37px;

        margin-bottom: 15px;

        font-size: 20px;

        line-height: 28px;

    }

    .right_text_box p {

        font-size: 14px;

    }

    .right_text_box {

        padding: 0;

    }

    .sec_section::after {

        height: 80px;

        top: -35px;

    }

    .partner_box figure {

        display: block;

        margin-bottom: 20px;

    }

    .partner_box figure img {

        width: auto;

    }

    .partner-section {

        padding: 40px 15px 20px;

    }

    .gallery_box .gallery_list li {

        width: 100%;

    }

    .gallery_list li figure, .gallery_list li figure img{

        width: 100%;

    }



    .section_tab p, .section_tab_sec p {

        font-size: 14px;

    }

    .section_tab h2 {

        font-size: 20px;

        line-height: 26px;

    }

    .fourth_section {

        padding-top: 80px;

    }

    .head {

        width: 100%;

    }

    .laguages {

       display: none

    }

    .head span {

        font-size: 16px;

    }

    .outer_menu {

        padding-top: 10px;

    }

    .meat .line.one {

        top: 6px;

    }

    .meat .line.two {

        top: 11px;

    }

    .meat .line.three {

        top: 16px;

    }





    header.clicked .nav-modal {

            padding: 90px 50px;

    z-index: 999;

    }



    .nav-modal nav ul li a {

            padding: 15px 0;

        border-top: 4px solid #061f5c;

    }



    .lang_selector a {

            font-size: 14px;

    line-height: 14px;

            margin-top: 30px;

    }



    .default_navbar {

    padding: 15px 15px 15px;

}



    .gallery_box .gallery_list li a ,

    .project_blue_box  a ,

    .building_image_outer  a ,

    .project_blue_box  a img,

    .building_image_outer  a img



    {

        display: inline;

        width: auto

    }



    .portfolio_prefix {

        width: 100%

    }



    .project_background  {

        margin: 0;

        padding: 0 15px

    }





    .subbanner {

    padding: 0 30px 100px;

}



    .font_size_30 {

    font-size: 20px;

}



    .line_height_42 {

    line-height: 30px;

}



    .features_ot_bx {

    padding: 50px 0 140px;

}



    .font_size_34 {

    font-size: 18px;

}



    .font_size_38 {

    font-size: 21px;

}



    .font_size_43 {

    font-size: 24px;

}



    .expirence_inner_bx  {

        padding: 0 15px

    }



    .expirence_bx {

    height: 270px;

}



    .trust_bx_col {

    margin-top: 0;

}





    .commitment_bx {

    padding: 50px 0;

}



    .font_size_45 {

    font-size: 20px;

}



    .sub_banner_text p span {

    margin-left: 16px;

}



    .sub_banner_text h2:after {

            width: 90px;
            left: auto;
            height: 2px;
            right: 0;
    }
    .padding_left_25{
        padding-left: 0;
    }




    .listing_two li a,

    .listing_one li a

    {

    font-size: 20px;

}



    .comp_info_details {

    padding: 45px 40px 45px;

}



    .contact_banner_inner {

        padding: 0 15px

    }



    .comp_info_sec {

        padding-top: 40px

    }



    .listing_two {

    margin-top: 20px;

}



    .map_ot {

    margin-top: 0;

    padding-top: 0;

}



    .map_inner_bx iframe {

    height: 300px !important;

}



    .contact_form_ot {

    padding: 60px 15px 60px;

}

    .font_size_25 {

    font-size: 20px;

}



    .contact_form_ot h3:before {

            height: 2px;

    width: 70px;

    left: 210px;

    bottom: 7px;

    }



    .form_inner_bx {

    padding-top: 40px;

}



    .form_cont_ot .input_field {

            border-bottom: 1px solid #000;
            padding-left: 15px;

    }



    .buton_cap_ot {

    padding-top: 0;

}



    .buton_cap_ot  p {

        text-align: center

    }



   .line_height_32 {

    line-height: 20px;

}

.font_size_22 {

    font-size: 18px;

}

    .custom_tabs_cont p {

          padding: 30px 15px;

    }

    .techincal_img_ot {

    margin-top: -150px;
	displau: none;

}

.technical_staff_ot {
	display:none;
}

.services_port_ot {
	display:none;
}


    .features_ot_bx.technical_details {

    padding: 50px 20px 50px;

}





    .subbanner.portfolio_banner .sub_banner_text h2:after {

            height: 2px;

    left: 220px;



    }





    .gallery_listing_in ul li {

           font-size: 16px;

    line-height: 16px;

        margin-bottom: 20px;

    }





    .gallery_listing_in ul li span {

        font-size: 14px;



    }



    .google_map_img {

    margin-top: -280px;

}



    .gallery_map_bx {

    padding: 200px 15px 80px;

}





    .gallery_map_bx p:after {

           left: 240px;

            height: 2px;

    width: 60px

    }



}

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

    .galler_text p:before {

        right: -20px;

    }

    .blue_img_text h2 {



        margin-right: 12px;

    }

}