@media (max-width: 991px) { .tagpoint-wrap-logo { border: 0; } .tagpoint-wrap-logo a { padding: 14px 0; display: inline-block; margin-right: auto; } .phone_menu { float: right; display: inline-block; padding: 18px 0; z-index: 99999999; position: relative; color: #fff; width: 50px; height: 40px; cursor: pointer; } .phone_menu span.m-f { left: 0; right: 0; top: 20%; } .phone_menu span { position: absolute; height: 5px; background: #fff; border-radius: 5px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; } .phone_menu span.m-m { top: 50%; right: 0; left: 10px; } .phone_menu span.m-s { top: 80%; right: 0; left: 20px; } .phone_menu.ltm_icon_active { width: 35px; height: 35px; padding: 0; } .phone_menu.ltm_icon_active span { background: #ff5f16; transform: rotate(45deg) translate(10px, 10px); top: 0; left: 0; right: 0; width: 32px; } .phone_menu.ltm_icon_active span.m-m { left: 0; transform: rotate(-45deg) translate(-10px, 10px); } .phone_menu.ltm_icon_active span.m-s { width: 0; } .tp-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 9999; overflow: hidden; -webkit-transition: all 400ms ease-out; transition: all 400ms ease-out; -webkit-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; } .tp-mainmenu-mobile.tp-menu { transform: none; transition-duration: 800ms; transition-property: all; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: none; -moz-transform: none; -ms-transform: none; visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-menu .tagpoint-main-menu { overflow: scroll; height: 100%; padding: 80px 30px 60px; opacity: 0; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; animation-timing-function: ease-out; animation-fill-mode: both; z-index: 99999 !important; } .tp-mainmenu-mobile.tp-menu .tagpoint-main-menu { -webkit-animation-name: menu_zoom_in; -moz-animation-name: menu_zoom_in; -o-animation-name: menu_zoom_in; animation-name: menu_zoom_in; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; z-index: 999999; position: relative; overflow: scroll; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; } @-webkit-keyframes menu_zoom_in { 0% { -webkit-transform: scale(.8); opacity: .1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes menu_zoom_in { 0% { -moz-transform: scale(.8); opacity: .1 } 100% { -moz-transform: scale(1); opacity: 1 } } @-o-keyframes menu_zoom_in { 0% { -o-transform: scale(.8); opacity: .1 } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes menu_zoom_in { 0% { transform: scale(.8); opacity: .1; } 100% { transform: scale(1); opacity: 1; } } .tagpoint-main-menu>li { display: block; position: relative; text-align: center; } .tagpoint-main-menu>li>a { display: inline-block; color: #06163a !important; text-align: center; padding: 11px 15px !important; line-height: 28px; font-size: 16px; } .tagpoint-main-menu>li:not(.wrap_phone)>a>i { display: none; } .tagpoint-main-menu>li.current_page_item>a, .tagpoint-main-menu li a:hover, .header-menu-2 .tagpoint-main-menu>li.current_page_item>a, .header-menu-2 .tagpoint-main-menu>li>a:hover { color: #ff5f16 !important; } .tagpoint-main-menu>li>a::before { content: none !important; } h5.megae-title { text-align: center; } .tagpoint-main-menu>li.has-sub .tp_phone_dropdown { display: inline-block; float: right; width: 30px; height: 24px; z-index: 99; border: 1px solid hsla(0, 0%, 0%, 0.03); text-align: center; line-height: 25px; font-size: 11px; margin: 10px; border-radius: 3px; right: 0; z-index: 99; position: absolute; cursor: pointer; } .tagpoint-main-menu ul.sub-menu li ul { top: 0 !important; left: 0 !important; right: 0 !important; } .tp_phone_dropdown.active { color: #ff5f16; } .tagpoint-main-menu li ul.sub-menu, .tagpoint-main-menu>li.has-sub.mega-menu .sub-menu { display: none; position: relative; opacity: 1; visibility: visible; width: 100%; box-shadow: none; border-top: 0; transform: translateY(0px); margin-top: 0 !important; background: #eff0f5; border-radius: 0; padding: 10px 0; margin: 0; } .tagpoint-main-menu ul.sub-menu li, .megae-title { text-align: center; } .tagpoint-main-menu ul.sub-menu a { border-bottom: 0; display: inline-block; background: transparent; padding: 9px 20px !important; } .tagpoint-main-menu li ul.sub-menu li a i { display: none; } .tagpoint-main-menu>li.wrap_phone { float: none; } .tagpoint-main-menu>li.wrap_phone>a { margin-left: 0; } li.m_wrap_phone, li.m_wrap_quote_btn { float: none; } .tagpoint-main-menu>li.m_wrap_quote_btn>a { padding: 7px 30px !important; margin-top: 10px; margin-bottom: 10px; border-radius: 50px; font-size: 13px; } .tagpoint-main-menu>li.m_wrap_phone>a { float: none; border: 0; font-size: 25px; margin-top: 10px; } .r_slider_img { height: 530px; } .slider-title { font-size: 72px; line-height: 72px } .r-slider-conten p { font-size: 15px; } .slider-small-title { letter-spacing: 7px; } .slider-btn { font-size: 12px; padding: 10px 34px 10px 19px; } .service-img { height: 324px; } .wrap_about_text { text-align: center; } .why_chooseus_head p { margin-bottom: 35px !important; } .wrap_experience_conter { padding-left: 0; } .experience_content { padding-bottom: 10px; } .wrap_facts { max-width: 100%; margin-bottom: 30px; min-width: 100%; } .row_menu_1::before{ width: 137px; } .facts-section { padding-top: 110px; } .wrap_mblog { margin-bottom: 0; overflow: hidden; } .mblog-text { margin-bottom: 30px; } .veiw_all_blogs a { width: auto; } .newsletter-head { padding-bottom: 40px; } .wrap_footer_col.our_address { padding-left: 0; } .header-menu-2:not(.tp-fixed-nav) .tagpoint-wrap-logo { border-right: 0; } .tp-fixed-nav.header-menu-2 .phone_menu span { background: #ff5e14; } .wrap_intro { text-align: center; padding-top: 30px; padding-bottom: 0; top: 46%; bottom: 0; } .wrap_intro h2 { font-size: 48px; line-height: 54px; } .wrap_mission_txt { padding-left: 0; padding-top: 30px; } .row_core_values .wrap_service { margin-bottom: 32px; } .wrap_process::before { right: auto; top: 0; bottom: 0; opacity: .3; z-index: -1; } .col-case-content .wrap_project_img { height: 300px; } .mc-middel.col-case-content .wrap_project_img::before { border-left-width: 42px; } .wrap_project_img::before { border-width: 30px; } .head_projects_text { padding-left: 0; padding-top: 22px; } .wrap_team_head { padding-right: 0; padding-bottom: 40px; text-align: center; } .wrap_team_head p { padding: 0 50px; } .team-carousel { width: 100% !important; margin-right: 0; } .team_title h3 { font-size: 26px; } .wrap_plan { margin-bottom: 35px; } .pricing-section { padding-bottom: 100px; } .wrap_process p { padding: 0 100px; } .row_partners ul { flex-wrap: wrap; } .row_partners ul li { flex: auto; width: 30%; } .header-menu-3 .tagpoint-wrap-logo { border-right: 0; } .header-menu-3.tp-fixed-nav .phone_menu span { background: #ff5e14; } .about_us_3_text { padding: 52px 5px 30px; width: 44%; display: inline-block; text-align: left; } .about_us_3_text::before { content: none; } .col-atext, .col-service-3 { text-align: center; } .wrap_service_3 { width: 60%; display: inline-block; text-align: left; } .wrap_cheade { text-align: center; padding-bottom: 40px; } .bl-toolbar.filters { text-align: center; } .wrap_aboutus_3 { padding-right: 0; padding-bottom: 80px; } .wrap_about_counter { padding-top: 100px; } .wrap_about_counter::before { left: -40%; right: -40%; border-top: 1px solid #e3eaf7; border-left: 0; } .header-menu-4 .tagpoint-wrap-logo, .tp-fixed-nav.header-menu-4 .tagpoint-wrap-logo { border: 0; } .tp-fixed-nav.header-menu-4 .phone_menu span { background: #ff5e14; } .r_wrap_slider_4 .r_slider_img { height: 560px; } .wrap_aboutp_text { padding-right: 0; padding-top: 20px; } .wrap_featurep { padding-right: 60px; } .about_us_4::before { content: none; } .wrap_vimg { padding-left: 0; padding-top: 30px; } .wrap_banner_btn { text-align: left; padding-top: 35px; } .tp-fixed-nav.header-menu-4 .tagpoint-menu-2 li.m_wrap_phone a { border-left: 0; } .tabs_item { padding: 50px 15px 50px; } .tabs_item p { padding-top: 18px; } .mobex-section.mobex-tvedio::before { content: none; } .services-section-3.spage-2 .wrap_service_3 { width: 100%; } .m-sidebar::before { content: none; } .m-sidebar { padding-right: 0; padding-bottom: 80px; } .post-img.right-pimg { padding-left: 0; } .of-projects { text-align: center; display: block; padding-bottom: 12px; } .wrapa_project_details { padding-left: 0; padding-top: 40px; } .right-sidebar .m-sidebar { padding-left: 0; padding-right: 0; padding-top: 50px; padding-bottom: 0; } .wrat_sshare_list { padding-left: 0; padding-top: 40px; } .wrap_contact_widgets::before { content: none; } .wrap_contact_widgets { padding-left: 0; padding-top: 60px; } .m_blog_content { padding-right: 0; } .wrap_thead ,.section-head-p{ padding-top: 23px; } .col-team .team_info{ width: 60%; } .wrap_about_img{ text-align: center; padding-top: 45px; } .wrap_sheadtext { padding-top: 16px; } .wrap_mission_icon.explore_project{ text-align: left; padding-top: 30px; } } @media (max-width: 769px) { .r-slider-conten p br { display: none; } .mblog-text { margin-bottom: 30px; } } @media(max-width:767px) and (min-width: 578px) { .mobex-newsletter button { width: 30%; } .copywright { padding-bottom: 15px; } .privacy_list { text-align: left; } .wrap_project_img { height: 300px; } .col-aicon { text-align: center; } .about_us_3_icon { margin-bottom: 50px; } .about_us_3_title { text-align: center; } .about_us_3_text { text-align: center; padding-top: 10px; } .wrap_about_counter .wrap-tp-counter i { font-size: 20px; left: 114%; right: auto; } .wrap_service_3 { width: 80%; } .wrap_featurep { padding-right: 0; } } @media (max-width: 576px) { .slider-title { font-size: 42px; line-height: 42px; letter-spacing: -2px; } .r-slider-conten p { font-size: 14px; } .r-slider-conten p br { display: none; } .slider-small-title { letter-spacing: 1px; } .row_menu_1::before { width: 98px; } .list_icons_text li { display: block; margin-right: 0; clear: both; margin-bottom: 20px; } .wrap_facts { width: 100%; max-width: auto; } .mobex-newsletter button { width: 100%; position: relative; margin-top: 12px; } .mobex-newsletter input { width: 100%; } .wrap_footer_col.footer-nav { padding-left: 0; padding-right: 0; } .privacy_list { text-align: left; } .privacy_list li { margin-right: 5px; } .privacy_list li a { margin-right: 5px; font-size: 12px; } .copywright { padding-bottom: 10px; } .wrap_process p { padding: 0 30px; } .wrap_intro { padding-left: 15px; padding-right: 15px; } .wrap_intro h2 { font-size: 36px; line-height: 43px; padding-top: 11px; } .wrap_intro h4 { font-size: 18px; } .m-title br { display: none; } .wrap_thead { padding-top: 23px; } .section-head-p { padding-top: 25px; } .wrap_project_img { height: 300px; } .row_partners ul { flex-wrap: wrap; } .row_partners ul li { width: 100%; flex: auto; } .r_wrap_slider.r_wrap_slider_3 .slider-title { font-size: 48px; letter-spacing: -2px; line-height: 54px; } .r_wrap_slider.r_wrap_slider_3 .slider-small-title { font-size: 12px; letter-spacing: 2px; } .r_wrap_slider.r_wrap_slider_3 .r_slider_img { height: 500px; } .r_wrap_slider.r_wrap_slider_3 .r-slider-container { padding-top: 35px; } .about_us_3_icon { margin-bottom: 60px; } .col-aicon, .about_us_3_title, .about_us_3_text { text-align: center; } .about_us_3_text { padding: 5px 0px 0px; width: auto; } .wrap_service_3 { width: 100%; } .wrap_banner_btn { text-align: left; padding-top: 35px; } .wrap_about_counter .wrap-tp-counter i { right: auto; left: 97%; font-size: 20px; } .service_3_icon i { line-height: 110px; } .wrap_featurep { padding-right: 0; } .wrap_feature_about { padding-right: 0; } .comment_date { display: block; } .comment-text .comment-para { padding-right: 0; } .comment-img { width: 60px; height: 60px; margin-right: 18px; } .row.r-projects{ margin-left: -15px; margin-right: -15px; } .m-employee { margin-right: 0; } .r_wrap_slider_4 .r-slider-conten p{ font-size: 18px; } }