1+ @media (max-width : 1750px ){
2+ .best_3d_area .left_3d ::before {
3+ background-size : contain;
4+ width : 100% ;
5+ }
6+ }
7+ @media (max-width : 1520px ){
8+ .shap_mobile {
9+ padding-left : 80px ;
10+ width : 38% ;
11+ padding-top : 60px ;
12+ }
13+ .text_3d {
14+ width : 62% ;
15+ padding-top : 100px ;
16+ }
17+ .shap_mobile img {
18+ max-width : 100% ;
19+ }
20+ .best_3d_area {
21+ min-height : auto;
22+ }
23+ .shap_slider_inner {
24+ margin-right : 114px ;
25+ margin-top : 226px ;
26+ }
27+ .shap_slider_inner .owl-dots {
28+ margin-top : 6px ;
29+ margin-right : 55px ;
30+ }
31+ }
32+ @media (max-width : 1300px ){
33+ .shap_slider_inner {
34+ margin-right : 12px ;
35+ }
36+ .shap_slider_inner .owl-dots {
37+ margin-right : 126px ;
38+ }
39+ }
40+ @media (max-width : 1230px ){
41+ .best_3d_area .left_3d {
42+ width : 100% ;
43+ float : none;
44+ }
45+ .best_3d_area .left_3d ::before {
46+ display : none;
47+ }
48+ .shap_slider_inner .item {
49+ color : # 0b1033 ;
50+ }
51+ .shap_slider_inner .item p {
52+ color : # 7c8d93 ;
53+ }
54+ .best_3d_area {
55+ display : block;
56+ }
57+ .best_3d_area .right_text {
58+ width : 100% ;
59+ float : none;
60+ overflow : hidden;
61+ }
62+ .shap_slider_inner {
63+ max-width : 500px ;
64+ float : none;
65+ margin : 40px auto 0px ;
66+ }
67+ .shap_slider_inner .owl-dots .owl-dot {
68+ background : # 000 ;
69+ }
70+ }
71+ @media (max-width : 1199px ){
72+ .team_people_text ul li {
73+ width : calc (100% / 1 );
74+ float : none;
75+ margin-bottom : 15px ;
76+ }
77+ .team_people_text ul li : nth-child (2n) {
78+ padding-left : 0px ;
79+ }
80+ .team_people_text p {
81+ padding-bottom : 24px ;
82+ }
83+ .get_in_touch_area .touch_details {
84+ margin-left : 0px ;
85+ }
86+ .main_slider_area .rev_slider .tp-revslider-mainul li .slider_text_box .single_img {
87+ display : none;
88+ }
89+ }
90+ @media (max-width : 991px ){
91+ .main_menu_area {
92+ padding : 0px 0px ;
93+ }
94+ .navbar-light .navbar-brand {
95+ padding : 20px 0px 20px 15px ;
96+ }
97+ .main_menu_area .navbar .navbar-nav li {
98+ display : block;
99+ margin-right : 0px ;
100+ }
101+ .main_menu_area .navbar .navbar-nav li a {
102+ display : block;
103+ line-height : 50px ;
104+ padding : 0px 15px ;
105+ border-bottom : 1px solid rgba (255 , 255 , 255 , .05 );
106+ }
107+ .main_menu_area .navbar .navbar-nav li : hover a , .main_menu_area .navbar .navbar-nav li .active a {
108+ color : # 97ccfe ;
109+ }
110+ .main_menu_area .navbar .navbar-nav li a : focus {
111+ color : # 97ccfe ;
112+ }
113+ .main_menu_area .navbar-light .navbar-nav .active > .nav-link , .navbar-light .navbar-nav .nav-link .active , .navbar-light .navbar-nav .nav-link .show , .navbar-light .navbar-nav .show > .nav-link {
114+ color : # 97ccfe ;
115+ }
116+ .main_menu_area .navbar .navbar-nav {
117+ display : block;
118+ text-align : left;
119+ }
120+ .main_menu_area .navbar .navbar-collapse {
121+ background : rgba (0 , 0 , 0 , 1 );
122+ max-height : 306px ;
123+ overflow-y : scroll;
124+ }
125+ .main_menu_area .navbar .navbar-toggler {
126+ padding : 0px 15px 0px 0px ;
127+ cursor : pointer;
128+ }
129+ .main_menu_area .navbar .navbar-nav li .submenu .dropdown-menu {
130+ background : transparent;
131+ border : none;
132+ margin : 0px ;
133+ padding : 0px ;
134+ }
135+ .main_menu_area .navbar .navbar-nav li .submenu .dropdown-menu li a {
136+ line-height : 50px ;
137+ padding : 0px 20px ;
138+ }
139+ .text_3d {
140+ padding-left : 15px ;
141+ }
142+ .team_people_text {
143+ max-width : 540px ;
144+ float : none;
145+ margin : auto;
146+ }
147+ .team_img_inner {
148+ max-width : 591px ;
149+ margin : 30px auto -20px ;
150+ }
151+ .touch_details {
152+ margin-left : 0px ;
153+ margin-top : 60px ;
154+ }
155+ .contact_us_form {
156+ margin-top : 0px ;
157+ }
158+ .footer_widget_inner .col-sm-6 {
159+ margin-bottom : 30px ;
160+ }
161+ .footer_widget_inner .col-sm-6 : last-child {
162+ margin-bottom : 0px ;
163+ }
164+ .footer_widget_area {
165+ padding : 100px 0px 100px 0px ;
166+ }
167+ .challange_text_inner {
168+ max-width : 545px ;
169+ float : none;
170+ margin : auto;
171+ }
172+ .challange_img {
173+ display : block;
174+ margin-top : 50px ;
175+ }
176+ .testimonials_slider ::before {
177+ display : none;
178+ }
179+ .testimonials_slider .owl-dots .owl-dot {
180+ background : # 0b1033 ;
181+ }
182+ .testimonials_slider .owl-dots .owl-dot .active {
183+ background : # 97ccfe ;
184+ }
185+ .testimonials_area {
186+ padding-top : 60px ;
187+ padding-bottom : 100px ;
188+ }
189+ .company_skill {
190+ padding-top : 40px ;
191+ }
192+ .circle_progress .circle_progress_inner {
193+ margin-bottom : 30px ;
194+ }
195+ .circle_chart_area .row {
196+ margin-bottom : -30px ;
197+ }
198+ .service_solution_area ::before {
199+ opacity : 1 ;
200+ }
201+ .blog_right_sidebar {
202+ max-width : 270px ;
203+ margin-top : 100px ;
204+ }
205+
206+ }
207+ @media (max-width : 767px ){
208+ .shap_mobile {
209+ display : none;
210+ }
211+ .talk_text a {
212+ font-size : 38px ;
213+ }
214+ .talk_text h4 {
215+ font-size : 38px ;
216+ }
217+ .text_3d {
218+ width : 100% ;
219+ padding-top : 100px ;
220+ padding-left : 0px ;
221+ padding-right : 0px ;
222+ }
223+ .best_3d_area {
224+ padding : 0px 15px ;
225+ }
226+ .shap_slider_inner .owl-dots {
227+ margin-right : 0 ;
228+ text-align : center;
229+ }
230+ .bd-callout {
231+ left : 0px ;
232+ padding : 30px 15px ;
233+ max-width : 300px ;
234+ }
235+ .bd-callout h4 {
236+ display : block;
237+ padding-left : 0px ;
238+ padding-top : 10px ;
239+ }
240+ .blog_img .blog_date {
241+ position : relative;
242+ left : 30px ;
243+ top : 22px ;
244+ }
245+ .buttons_area .submit_btn {
246+ margin-left : 8px ;
247+ display : block;
248+ margin-top : 20px ;
249+ }
250+ .buttons_area .more_btn {
251+ margin-bottom : 20px ;
252+ }
253+ }
254+ @media (max-width : 575px ){
255+ .team_img_inner .team_img_item img {
256+ max-width : 100% ;
257+ }
258+ .bd-callout {
259+ position : relative;
260+ transform : translateY (0% );
261+ margin : auto;
262+ }
263+ .footer_widget_inner {
264+ max-width : 320px ;
265+ margin : auto;
266+ }
267+ .footer_copyright {
268+ text-align : center;
269+ }
270+ .banner_area ::before {
271+ max-width : 100% ;
272+ background-size : cover;
273+ }
274+ .banner_inner_text {
275+ padding-top : 150px ;
276+ }
277+ .banner_inner_text h2 {
278+ font-size : 50px ;
279+ }
280+ .banner_inner_text p {
281+ font-size : 20px ;
282+ }
283+ .challange_text_inner p {
284+ padding-right : 0px ;
285+ }
286+ .talk_area {
287+ padding : 80px 0px 80px 0px ;
288+ }
289+ .talk_text h4 {
290+ font-size : 26px ;
291+ padding-bottom : 16px ;
292+ }
293+ .talk_text a {
294+ font-size : 20px ;
295+ }
296+ .portfolio_filter {
297+ padding : 95px 0px 50px 0px ;
298+ }
299+ .s_blog_social ul li : first-child {
300+ margin-left : 15px ;
301+ }
302+ .s_blog_social ul li {
303+ margin-left : 15px ;
304+ }
305+ .mileston_item {
306+ text-align : center;
307+ }
308+ .elements_title {
309+ text-align : center;
310+ }
311+ }
312+ @media (max-width : 480px ){
313+ .l_title h2 {
314+ font-size : 32px ;
315+ }
316+ .c_title h2 {
317+ font-size : 32px ;
318+ }
319+ .blog_text {
320+ padding : 40px 15px 65px 15px ;
321+ }
322+ .blog_img .blog_date {
323+ left : 15px ;
324+ }
325+ .s_blog_social {
326+ padding-left : 15px ;
327+ }
328+ .blog_author .media {
329+ display : block;
330+ }
331+ .blog_author .media .d-flex {
332+ padding-right : 0px ;
333+ margin-bottom : 20px ;
334+ }
335+ .blog_comment .media {
336+ display : block;
337+ }
338+ .blog_comment .media .d-flex {
339+ display : block !important ;
340+ padding : 20px 0px 0px 0px ;
341+ }
342+ .blog_comment .media .media-body {
343+ padding-left : 0px ;
344+ padding-top : 20px ;
345+ }
346+ .blog_comment h3 {
347+ padding-bottom : 50px ;
348+ padding-top : 50px ;
349+ }
350+ .buttons_area .solid_btn {
351+ margin-left : 0px ;
352+ display : inline-block;
353+ }
354+ .contact_map_area .mapBox1 {
355+ min-height : 575px ;
356+ }
357+ }
0 commit comments