You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

2601 rivejä
53 KiB

  1. /* Max width 767px */
  2. @media only screen and (max-width: 767px) {
  3. .btn {
  4. font-size: 13px;
  5. padding: 13px 33px;
  6. }
  7. .ptb-80 {
  8. padding-top: 50px;
  9. padding-bottom: 50px;
  10. }
  11. .section-title {
  12. margin-bottom: 40px;
  13. }
  14. .section-title h2 {
  15. font-size: 20px;
  16. }
  17. .owl-theme .owl-dots {
  18. margin-top: 5px;
  19. }
  20. .owl-theme .owl-dots .owl-dot span {
  21. width: 12px;
  22. height: 12px;
  23. margin: 0 3px;
  24. }
  25. .main-banner {
  26. height: 100%;
  27. padding-top: 150px;
  28. padding-bottom: 80px;
  29. background-position: center;
  30. }
  31. .main-banner .hero-content {
  32. margin-bottom: 45px;
  33. text-align: center;
  34. }
  35. .main-banner .hero-content h1 {
  36. font-size: 25px;
  37. line-height: 30px;
  38. margin-bottom: 15px;
  39. }
  40. .main-banner .banner-image {
  41. text-align: center;
  42. }
  43. .main-banner .banner-image img {
  44. display: none;
  45. position: relative;
  46. }
  47. .main-banner .banner-image img:last-child {
  48. display: block;
  49. left: 0;
  50. right: 0;
  51. margin: 0 auto;
  52. }
  53. .main-banner .banner-form {
  54. padding: 30px 20px;
  55. margin: 0 !important;
  56. }
  57. .hosting-main-banner {
  58. height: 100%;
  59. padding-top: 170px;
  60. padding-bottom: 75px;
  61. }
  62. .hosting-main-banner .hosting-banner-content h1 {
  63. font-size: 25px;
  64. }
  65. .hosting-main-banner .hosting-banner-content ul li {
  66. font-size: 13px;
  67. }
  68. .hosting-main-banner .hosting-banner-content p {
  69. font-size: 16px;
  70. margin-bottom: 25px;
  71. margin-top: 20px;
  72. }
  73. .hosting-main-banner .hosting-banner-image {
  74. text-align: center;
  75. margin-top: 50px;
  76. }
  77. .hosting-main-banner .hosting-banner-image img {
  78. display: none;
  79. }
  80. .hosting-main-banner .hosting-banner-image img:nth-child(10) {
  81. display: block;
  82. position: relative;
  83. }
  84. .shape1, .shape2, .shape3, .shape4, .shape5, .shape6, .shape7, .shape8, .shape9, .shape10 {
  85. display: none;
  86. }
  87. .boxes-area {
  88. margin-top: 0;
  89. padding-bottom: 20px;
  90. }
  91. .single-box {
  92. margin-bottom: 30px;
  93. }
  94. .single-box h3 {
  95. font-size: 17px;
  96. }
  97. .domain-search-content h2 {
  98. font-size: 20px;
  99. }
  100. .domain-search-content form {
  101. border-radius: 0;
  102. }
  103. .domain-search-content form .form-control {
  104. width: 75%;
  105. }
  106. .domain-search-content form .domain-select {
  107. width: 25%;
  108. padding-right: 0;
  109. }
  110. .domain-search-content form button {
  111. float: unset;
  112. width: unset;
  113. height: unset;
  114. padding: 13px 40px;
  115. }
  116. .domain-search-content ul {
  117. display: block;
  118. margin-top: 15px;
  119. }
  120. .domain-search-content ul li {
  121. display: inline-block;
  122. -webkit-box-flex: unset;
  123. -ms-flex: unset;
  124. flex: unset;
  125. padding: 0 15px;
  126. margin-top: 15px;
  127. }
  128. .why-choose-us-image {
  129. margin-bottom: 15px;
  130. }
  131. .why-choose-us-image img {
  132. display: none;
  133. }
  134. .why-choose-us-image img:last-child {
  135. display: inline-block;
  136. }
  137. .single-why-choose-us {
  138. margin-top: 30px !important;
  139. }
  140. .single-why-choose-us .icon i::before {
  141. font-size: 35px;
  142. }
  143. .single-why-choose-us h3 {
  144. font-size: 17px;
  145. }
  146. .services-content .box {
  147. margin-top: 20px;
  148. }
  149. .services-right-image {
  150. text-align: center;
  151. margin-top: 45px;
  152. }
  153. .services-right-image img {
  154. display: none;
  155. position: relative;
  156. }
  157. .services-right-image img:last-child {
  158. display: inline-block;
  159. }
  160. .services-right-image.single-right-image img.bg-image {
  161. display: none;
  162. }
  163. .services-left-image {
  164. text-align: center;
  165. margin-bottom: 45px;
  166. }
  167. .services-left-image img {
  168. display: none;
  169. position: relative;
  170. }
  171. .services-left-image img:last-child {
  172. display: inline-block;
  173. }
  174. .services-left-image.single-left-image img.bg-image {
  175. display: none;
  176. }
  177. .single-services-box h3 {
  178. font-size: 17px;
  179. }
  180. .single-features {
  181. padding-left: 20px;
  182. }
  183. .single-features .icon {
  184. position: relative;
  185. left: 0;
  186. top: 0;
  187. margin-bottom: 25px;
  188. }
  189. .single-features h3 {
  190. font-size: 17px;
  191. }
  192. .single-hosting-features h3 {
  193. font-size: 17px;
  194. }
  195. .cta-content {
  196. text-align: center;
  197. margin-bottom: 25px;
  198. }
  199. .cta-content h3 {
  200. font-size: 20px;
  201. }
  202. .cta-right-content {
  203. text-align: center;
  204. }
  205. .cta-right-content .buy-btn {
  206. display: block;
  207. top: 0;
  208. padding-left: 0;
  209. margin-top: 20px;
  210. }
  211. .single-team {
  212. padding-top: 30px;
  213. padding-bottom: 30px;
  214. }
  215. .single-team .team-image {
  216. padding-left: 20px;
  217. padding-right: 20px;
  218. }
  219. .single-team .team-content {
  220. padding-left: 20px;
  221. padding-right: 20px;
  222. }
  223. .single-team .team-content .team-info {
  224. margin-right: 10px;
  225. margin-left: 10px;
  226. }
  227. .single-team .team-content .team-info h3 {
  228. font-size: 17px;
  229. }
  230. .funfact {
  231. margin-bottom: 30px;
  232. }
  233. .funfact h3 {
  234. font-size: 25px;
  235. margin-bottom: 3px;
  236. }
  237. .contact-cta-box {
  238. text-align: center;
  239. margin: 20px 0 0;
  240. max-width: 100%;
  241. padding: 30px 20px;
  242. }
  243. .contact-cta-box h3 {
  244. font-size: 17px;
  245. }
  246. .contact-cta-box .btn {
  247. position: relative;
  248. right: 0;
  249. top: 0;
  250. margin-top: 15px;
  251. }
  252. .single-works .icon {
  253. right: 10px;
  254. width: 38px;
  255. height: 38px;
  256. line-height: 36px;
  257. }
  258. .single-works .icon svg {
  259. width: 15px;
  260. }
  261. .single-works .works-content {
  262. padding: 15px;
  263. }
  264. .single-works .works-content h3 {
  265. font-size: 17px;
  266. }
  267. .single-works:hover .icon {
  268. top: 10px;
  269. }
  270. .pricing-area {
  271. padding-bottom: 20px;
  272. }
  273. .pricing-table {
  274. padding-bottom: 30px;
  275. }
  276. .pricing-table .pricing-header h3 {
  277. font-size: 17px;
  278. }
  279. .pricing-table .price {
  280. margin-bottom: 25px;
  281. }
  282. .pricing-table .price span {
  283. font-size: 27px;
  284. }
  285. .single-pricing-table {
  286. padding: 25px 20px;
  287. margin-bottom: 30px;
  288. }
  289. .single-pricing-table .pricing-header h3 {
  290. font-size: 17px;
  291. }
  292. .single-pricing-table .pricing-header i::before {
  293. font-size: 40px;
  294. }
  295. .single-pricing-table .price span {
  296. font-size: 27px;
  297. }
  298. .feedback-slides .client-feedback .single-feedback {
  299. text-align: center;
  300. margin-bottom: 30px;
  301. padding-left: 20px;
  302. padding-right: 20px;
  303. padding-top: 30px;
  304. padding-bottom: 30px;
  305. }
  306. .feedback-slides .client-feedback .single-feedback .client-img {
  307. position: relative;
  308. left: 0;
  309. top: 0;
  310. margin-bottom: 20px;
  311. }
  312. .feedback-slides .client-feedback .single-feedback h3 {
  313. font-size: 17px;
  314. }
  315. .feedback-slides .client-feedback .single-feedback p {
  316. font-size: 14px;
  317. }
  318. .feedback-slides .client-feedback .single-feedback::before {
  319. display: none;
  320. }
  321. .feedback-slides .client-thumbnails {
  322. margin: 0;
  323. }
  324. .feedback-slides .client-thumbnails .next-arrow {
  325. right: 0;
  326. }
  327. .feedback-slides .client-thumbnails .prev-arrow {
  328. left: 0;
  329. }
  330. .feedback-slides .client-thumbnails .next-arrow, .feedback-slides .client-thumbnails .prev-arrow {
  331. background: rgba(0, 0, 0, 0.55);
  332. color: #ffffff;
  333. border: none;
  334. }
  335. .testimonials-slides {
  336. max-width: 100%;
  337. margin: 0;
  338. }
  339. .testimonials-slides::before, .testimonials-slides::after {
  340. display: none;
  341. }
  342. .testimonials-slides .client-info .image {
  343. padding-right: 15px;
  344. }
  345. .testimonials-slides .client-info .title h3 {
  346. font-size: 17px;
  347. }
  348. .testimonials-slides p {
  349. font-size: 14px;
  350. }
  351. .single-feedback-item {
  352. padding: 40px 20px 90px;
  353. }
  354. .single-feedback-item::before {
  355. font-size: 30px;
  356. left: 15px;
  357. }
  358. .ready-to-talk {
  359. padding-top: 50px;
  360. padding-bottom: 145px;
  361. }
  362. .ready-to-talk h3 {
  363. font-size: 20px;
  364. }
  365. .ready-to-talk span {
  366. display: block;
  367. margin-top: 25px;
  368. }
  369. .partner-section h5 {
  370. font-size: 17px;
  371. line-height: 23px;
  372. }
  373. .partner-section .partner-inner {
  374. padding-left: 20px;
  375. padding-right: 20px;
  376. }
  377. .blog-area .widget-area {
  378. margin-top: 30px;
  379. }
  380. .single-blog-post .blog-post-content h3 {
  381. font-size: 17px;
  382. }
  383. .single-blog-post .blog-image a img {
  384. width: 100%;
  385. }
  386. .page-title-area {
  387. background-position: center center;
  388. padding-top: 150px;
  389. padding-bottom: 65px;
  390. }
  391. .page-title-area .shape8 {
  392. top: auto;
  393. right: auto;
  394. left: 15px;
  395. display: block;
  396. bottom: 20px;
  397. }
  398. .page-title-area .shape7 {
  399. left: 15%;
  400. top: 29%;
  401. display: block;
  402. }
  403. .about-image {
  404. margin-bottom: 45px;
  405. }
  406. .about-inner-area {
  407. margin-top: 0px;
  408. }
  409. .about-inner-area .about-text {
  410. margin-top: 30px;
  411. }
  412. .about-inner-area .about-text h3 {
  413. font-size: 17px;
  414. }
  415. .project-details-desc h3 {
  416. font-size: 17px;
  417. margin-top: 0;
  418. }
  419. .project-details-desc .project-details-information .single-info-box {
  420. float: left;
  421. width: 50%;
  422. margin-top: 20px;
  423. }
  424. .project-details-desc .project-details-information .single-info-box h4 {
  425. font-size: 17px;
  426. }
  427. .faq-accordion {
  428. padding: 0;
  429. -webkit-box-shadow: unset;
  430. box-shadow: unset;
  431. }
  432. .faq-accordion .accordion .accordion-item .accordion-title {
  433. font-size: 15px;
  434. }
  435. .faq-contact {
  436. padding: 30px 20px;
  437. }
  438. .faq-contact h3 {
  439. font-size: 20px;
  440. }
  441. .pagination-area {
  442. margin-top: 15px;
  443. }
  444. .blog-details-desc .article-content h1, .blog-details-desc .article-content h2, .blog-details-desc .article-content h3 {
  445. font-size: 20px;
  446. line-height: 1.4;
  447. }
  448. .blog-details-desc .article-content h4, .blog-details-desc .article-content h5 {
  449. font-size: 18px;
  450. line-height: 1.4;
  451. }
  452. .blog-details-desc .article-footer {
  453. margin-top: 25px;
  454. }
  455. .blog-details-desc .article-footer .article-tags a {
  456. margin-top: 5px;
  457. }
  458. blockquote, .blockquote {
  459. padding: 20px !important;
  460. }
  461. blockquote p, .blockquote p {
  462. font-size: 16px !important;
  463. }
  464. .comments-area .comments-title {
  465. font-size: 17px;
  466. }
  467. .comments-area .comment-author {
  468. font-size: 14px;
  469. }
  470. .comments-area .comment-content p {
  471. font-size: 13px;
  472. }
  473. .comments-area .comment-respond .comment-reply-title {
  474. font-size: 17px;
  475. }
  476. .comments-area .comment-respond .comment-form-author {
  477. width: 100%;
  478. padding-right: 0;
  479. }
  480. .comments-area .comment-respond .comment-form-email {
  481. width: 100%;
  482. padding-left: 0;
  483. }
  484. .prev-link-wrapper {
  485. -ms-flex: 0 0 100%;
  486. -webkit-box-flex: 0;
  487. flex: 0 0 100%;
  488. max-width: 100%;
  489. padding-right: 0;
  490. }
  491. .prev-link-wrapper .prev-title {
  492. font-size: 14px;
  493. }
  494. .prev-link-wrapper .meta-wrapper {
  495. font-size: 13px;
  496. }
  497. .next-link-wrapper {
  498. -ms-flex: 0 0 100%;
  499. -webkit-box-flex: 0;
  500. flex: 0 0 100%;
  501. max-width: 100%;
  502. padding-left: 0;
  503. margin-top: 30px;
  504. }
  505. .next-link-wrapper .next-title {
  506. font-size: 14px;
  507. }
  508. .next-link-wrapper .meta-wrapper {
  509. font-size: 13px;
  510. }
  511. .contact-info-area {
  512. padding-bottom: 20px;
  513. }
  514. .contact-info-box {
  515. padding: 30px 20px;
  516. margin-bottom: 30px;
  517. }
  518. .contact-info-box h3 {
  519. font-size: 17px;
  520. }
  521. #contactForm {
  522. margin-top: 45px;
  523. }
  524. .coming-soon-area {
  525. height: 100%;
  526. padding-top: 170px;
  527. padding-bottom: 170px;
  528. }
  529. .coming-soon-area .social-list {
  530. bottom: 20px;
  531. }
  532. .coming-soon-content h1 {
  533. font-size: 30px;
  534. }
  535. .coming-soon-content p {
  536. font-size: 14px;
  537. }
  538. .coming-soon-content form .submit-btn {
  539. position: relative;
  540. right: 0;
  541. top: 0;
  542. height: 45px;
  543. border-radius: 40px;
  544. width: 130px;
  545. font-size: 14px;
  546. margin-top: 18px;
  547. -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 4px rgba(255, 255, 255, 0.3);
  548. box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 4px rgba(255, 255, 255, 0.3);
  549. }
  550. .coming-soon-content #timer div {
  551. width: 100px;
  552. height: 100px;
  553. margin: 0 10px;
  554. padding-top: 18px;
  555. font-size: 30px;
  556. margin-bottom: 25px;
  557. }
  558. .coming-soon-content #timer div span {
  559. font-size: 13px;
  560. }
  561. .error-content {
  562. margin-top: 0;
  563. }
  564. .error-content .notfound-404 {
  565. height: 95px;
  566. margin-bottom: 25px;
  567. }
  568. .error-content .notfound-404 h1 {
  569. font-size: 75px;
  570. }
  571. .error-content h3 {
  572. font-size: 19px;
  573. margin-bottom: 15px;
  574. }
  575. .error-content p {
  576. font-size: 13px;
  577. }
  578. .woocommerce-topbar {
  579. text-align: center;
  580. }
  581. .woocommerce-topbar .woocommerce-result-count {
  582. margin-bottom: 10px;
  583. }
  584. .woocommerce-topbar .woocommerce-topbar-ordering .form-select {
  585. height: 40px;
  586. font-size: 12px;
  587. text-align: center;
  588. }
  589. .single-products .products-content h3 {
  590. font-size: 17px;
  591. margin-bottom: 10px;
  592. }
  593. .single-products .products-content .add-to-cart-btn {
  594. font-size: 13px;
  595. }
  596. #productsModalCenter {
  597. z-index: 999999;
  598. }
  599. #productsModalCenter .modal-content button.close {
  600. z-index: 2;
  601. }
  602. #productsModalCenter .modal-content .products-content {
  603. text-align: center;
  604. padding: 25px 10px;
  605. }
  606. #productsModalCenter .modal-content .products-content h3 {
  607. font-size: 17px;
  608. }
  609. .products-details {
  610. margin-top: 20px;
  611. }
  612. .products-details h3 {
  613. font-size: 17px;
  614. margin-bottom: 10px;
  615. }
  616. .products-details form button {
  617. padding: 0 13px;
  618. }
  619. .products-details form .quantity {
  620. display: block;
  621. padding-right: 0;
  622. margin-bottom: 15px;
  623. }
  624. .products-details form .quantity input {
  625. height: 45px;
  626. }
  627. .products-details form .add-to-wishlist-btn {
  628. width: 40px;
  629. }
  630. .products-details-tabs .react-tabs__tab-list li {
  631. display: block;
  632. margin-bottom: 2px;
  633. }
  634. .cart-table table thead tr th {
  635. padding: 15px 15px;
  636. white-space: nowrap;
  637. }
  638. .cart-table table tbody tr td {
  639. white-space: nowrap;
  640. padding-left: 10px;
  641. padding-right: 10px;
  642. }
  643. .cart-table table tbody tr td.product-subtotal .remove {
  644. float: unset;
  645. }
  646. .cart-buttons {
  647. text-align: center;
  648. }
  649. .cart-buttons .continue-shopping-box {
  650. margin-bottom: 12px;
  651. }
  652. .cart-buttons .text-right {
  653. text-align: center !important;
  654. }
  655. .cart-totals {
  656. padding: 20px;
  657. margin: 35px auto 0;
  658. }
  659. .cart-totals h3 {
  660. font-size: 17px;
  661. }
  662. .checkout-area .title {
  663. font-size: 17px;
  664. }
  665. .billing-details {
  666. padding: 20px;
  667. }
  668. .order-details {
  669. padding: 20px;
  670. margin-top: 30px;
  671. }
  672. .widget-area {
  673. margin-top: 40px;
  674. }
  675. .widget-area .widget .widget-title {
  676. font-size: 17px;
  677. }
  678. .widget-area .widget_startp_posts_thumb .item .info .title {
  679. font-size: 14px;
  680. }
  681. .widget-area .widget_categories ul li {
  682. font-size: 13px;
  683. }
  684. .widget-area .widget_archive ul li {
  685. font-size: 13px;
  686. }
  687. .widget-area .widget_meta ul li {
  688. font-size: 13px;
  689. }
  690. .widget-area .tagcloud a {
  691. font-size: 13px !important;
  692. }
  693. .services-details-desc h3 {
  694. font-size: 18px;
  695. }
  696. .services-details-image {
  697. -webkit-box-ordinal-group: 2;
  698. -ms-flex-order: 1;
  699. order: 1;
  700. margin-bottom: 30px;
  701. }
  702. .services-details {
  703. -webkit-box-ordinal-group: 3;
  704. -ms-flex-order: 2;
  705. order: 2;
  706. }
  707. .services-details-area .separate {
  708. margin-top: 30px;
  709. }
  710. .features-details-desc h3 {
  711. font-size: 18px;
  712. }
  713. .features-details-image {
  714. -webkit-box-ordinal-group: 2;
  715. -ms-flex-order: 1;
  716. order: 1;
  717. margin-bottom: 30px;
  718. }
  719. .features-details {
  720. -webkit-box-ordinal-group: 3;
  721. -ms-flex-order: 2;
  722. order: 2;
  723. }
  724. .features-details-area .separate {
  725. margin-top: 30px;
  726. }
  727. .repair-main-banner {
  728. padding-top: 150px;
  729. padding-bottom: 85px;
  730. }
  731. .repair-banner-content {
  732. text-align: center;
  733. }
  734. .repair-banner-content h1 {
  735. line-height: 1.4;
  736. margin-bottom: 17px;
  737. font-size: 25px;
  738. }
  739. .repair-banner-image {
  740. margin-top: 60px;
  741. }
  742. .repair-banner-image img:nth-child(2) {
  743. top: 0;
  744. right: 0;
  745. }
  746. .repair-banner-image img:nth-child(3) {
  747. top: -35px;
  748. }
  749. .repair-banner-image img:nth-child(4) {
  750. display: none;
  751. }
  752. .repair-about-content {
  753. margin-bottom: 40px;
  754. }
  755. .repair-about-content .sub-title {
  756. font-size: 14px;
  757. }
  758. .repair-about-content h2 {
  759. font-size: 20px;
  760. }
  761. .repair-about-content ul li {
  762. -ms-flex: 0 0 100%;
  763. -webkit-box-flex: 0;
  764. flex: 0 0 100%;
  765. max-width: 100%;
  766. margin-top: 15px;
  767. }
  768. .repair-about-image {
  769. text-align: center;
  770. padding-top: 35px;
  771. padding-bottom: 35px;
  772. }
  773. .repair-about-image img:nth-child(2) {
  774. width: 250px;
  775. position: relative;
  776. }
  777. .repair-about-image img:nth-child(4), .repair-about-image img:nth-child(5) {
  778. display: none;
  779. }
  780. .repair-services-area {
  781. padding-bottom: 20px;
  782. }
  783. .single-repair-services {
  784. padding: 30px 20px;
  785. }
  786. .single-repair-services h3 {
  787. font-size: 17px;
  788. }
  789. .single-repair-services .icon {
  790. width: 65px;
  791. height: 65px;
  792. line-height: 65px;
  793. }
  794. .single-repair-services .icon i::before {
  795. font-size: 25px;
  796. }
  797. .repair-cta-area {
  798. padding-top: 50px;
  799. padding-bottom: 50px;
  800. }
  801. .cta-repair-content {
  802. text-align: center;
  803. margin-bottom: 30px;
  804. }
  805. .cta-repair-content h3 {
  806. font-size: 21px;
  807. margin-bottom: 17px;
  808. }
  809. .cta-repair-content p {
  810. font-size: 13px;
  811. }
  812. .cta-repair-img {
  813. text-align: center;
  814. }
  815. .single-repair-feedback {
  816. border-radius: 5px;
  817. margin-bottom: 50px;
  818. padding-left: 20px;
  819. padding-right: 20px;
  820. padding-top: 20px;
  821. padding-bottom: 20px;
  822. }
  823. .single-repair-feedback::after {
  824. font-size: 30px;
  825. left: 10px;
  826. }
  827. .single-repair-feedback .client-img {
  828. margin-bottom: 29px;
  829. padding-left: 85px;
  830. padding-top: 13px;
  831. }
  832. .single-repair-feedback .client-img img {
  833. width: 70px;
  834. height: 70px;
  835. }
  836. .single-repair-feedback .client-img span {
  837. margin-top: 5px;
  838. }
  839. .single-repair-feedback .client-img h3 {
  840. font-size: 17px;
  841. }
  842. .single-repair-feedback p {
  843. font-size: 14px;
  844. }
  845. .single-repair-box {
  846. padding: 20px;
  847. }
  848. .single-repair-box .icon {
  849. width: 75px;
  850. height: 75px;
  851. line-height: 75px;
  852. }
  853. .single-repair-box .icon i::before {
  854. font-size: 25px;
  855. }
  856. .single-repair-box .icon h3 {
  857. font-size: 17px;
  858. }
  859. .single-repair-box .back-icon i::before {
  860. font-size: 170px;
  861. }
  862. .iot-main-banner {
  863. padding-top: 150px;
  864. padding-bottom: 80px;
  865. }
  866. .iot-banner-content {
  867. text-align: center;
  868. max-width: 100%;
  869. }
  870. .iot-banner-content span {
  871. font-size: 14px;
  872. }
  873. .iot-banner-content h2 {
  874. font-size: 25px;
  875. margin-bottom: 17px;
  876. line-height: 1.4;
  877. }
  878. .iot-banner-image {
  879. position: relative;
  880. right: 0;
  881. top: 0;
  882. -webkit-transform: unset;
  883. transform: unset;
  884. margin-top: 50px;
  885. }
  886. .iot-banner-image img:first-child {
  887. max-width: 100%;
  888. }
  889. .iot-banner-image img:last-child {
  890. display: none;
  891. }
  892. .animate-border span {
  893. top: 78%;
  894. left: 41%;
  895. }
  896. .single-iot-services {
  897. padding: 30px 20px;
  898. }
  899. .single-iot-services .icon {
  900. width: 65px;
  901. height: 65px;
  902. line-height: 65px;
  903. }
  904. .single-iot-services .icon i::before {
  905. font-size: 25px;
  906. }
  907. .single-iot-services h3 {
  908. font-size: 17px;
  909. }
  910. .iot-cta-area {
  911. padding-top: 50px;
  912. padding-bottom: 50px;
  913. }
  914. .cta-iot-content {
  915. text-align: center;
  916. margin-top: 35px;
  917. }
  918. .cta-iot-content h3 {
  919. font-size: 20px;
  920. line-height: 1.5;
  921. }
  922. .iot-features-content {
  923. -webkit-box-ordinal-group: 2;
  924. -ms-flex-order: 1;
  925. order: 1;
  926. margin-bottom: 30px;
  927. }
  928. .iot-features-content h3 {
  929. font-size: 20px;
  930. margin-bottom: 15px;
  931. line-height: 1.5;
  932. }
  933. .iot-features-image {
  934. -webkit-box-ordinal-group: 3;
  935. -ms-flex-order: 2;
  936. order: 2;
  937. }
  938. .single-iot-box {
  939. padding: 20px;
  940. }
  941. .single-iot-box .icon {
  942. width: 85px;
  943. height: 85px;
  944. line-height: 85px;
  945. }
  946. .single-iot-box .icon img {
  947. width: 40px;
  948. }
  949. .single-iot-box .icon i::before {
  950. font-size: 25px;
  951. }
  952. .single-iot-box h3 {
  953. font-size: 17px;
  954. margin-top: 20px;
  955. margin-bottom: 15px;
  956. }
  957. .ml-main-banner {
  958. background-position: center center;
  959. padding-top: 130px;
  960. padding-bottom: 140px;
  961. }
  962. .ml-main-banner .container-fluid {
  963. padding-left: 15px;
  964. padding-right: 15px;
  965. }
  966. .ml-banner-content {
  967. text-align: center;
  968. }
  969. .ml-banner-content h1 {
  970. font-size: 25px;
  971. margin-bottom: 14px;
  972. }
  973. .ml-banner-content p {
  974. max-width: 100%;
  975. font-size: 13px;
  976. }
  977. .ml-banner-single-image {
  978. margin-top: 30px;
  979. }
  980. .ml-main-section {
  981. background-position: center center;
  982. padding-top: 130px;
  983. padding-bottom: 140px;
  984. }
  985. .ml-main-section .ml-banner-content h1 {
  986. font-size: 25px;
  987. }
  988. .ml-banner-image {
  989. height: auto;
  990. top: 0;
  991. margin-top: 30px;
  992. text-align: center;
  993. }
  994. .ml-banner-image img {
  995. display: none;
  996. position: relative;
  997. }
  998. .ml-banner-image img:nth-child(12) {
  999. display: inline-block;
  1000. }
  1001. .ml-partner-area.mt-minus-top {
  1002. margin-top: -125px;
  1003. }
  1004. .solutions-area {
  1005. padding-bottom: 20px;
  1006. }
  1007. .single-solutions-box h3 {
  1008. font-size: 17px;
  1009. }
  1010. .single-solutions-box .learn-more-btn {
  1011. font-size: 13px;
  1012. }
  1013. .single-solutions-box .learn-more-btn svg {
  1014. width: 15px;
  1015. }
  1016. .section-title .sub-title {
  1017. margin-bottom: 15px;
  1018. padding: 4px 15px 3px;
  1019. font-size: 12px;
  1020. }
  1021. .ml-about-content {
  1022. max-width: 100%;
  1023. text-align: center;
  1024. margin-top: 30px;
  1025. }
  1026. .ml-about-content h2 {
  1027. font-size: 20px;
  1028. }
  1029. .ml-about-content .bar {
  1030. margin-left: auto;
  1031. margin-right: auto;
  1032. }
  1033. .ml-services-area {
  1034. padding-bottom: 20px;
  1035. }
  1036. .single-ml-services-box {
  1037. padding: 25px 20px;
  1038. }
  1039. .single-ml-services-box h3 {
  1040. font-size: 17px;
  1041. }
  1042. .ml-projects-area {
  1043. padding-bottom: 20px;
  1044. }
  1045. .ml-projects-area .section-title {
  1046. text-align: center;
  1047. max-width: 100%;
  1048. }
  1049. .ml-projects-area .section-title h2 {
  1050. max-width: 100%;
  1051. }
  1052. .ml-projects-area .section-title .bar {
  1053. margin-left: auto;
  1054. margin-right: auto;
  1055. }
  1056. .ml-projects-slides.owl-theme .owl-dots {
  1057. position: relative;
  1058. right: 0;
  1059. top: 0;
  1060. margin-top: 10px;
  1061. margin-bottom: 30px;
  1062. }
  1063. .ml-projects-slides.owl-theme .owl-dots::before {
  1064. display: none;
  1065. }
  1066. .pricing-tab .tabs {
  1067. margin-bottom: 30px;
  1068. }
  1069. .pricing-tab .tabs li {
  1070. padding: 10px 25px 9.5px;
  1071. font-size: 14px;
  1072. }
  1073. .pricing-box {
  1074. padding: 25px;
  1075. }
  1076. .pricing-box .pricing-header h3 {
  1077. font-size: 18px;
  1078. }
  1079. .pricing-box .price {
  1080. font-size: 25px;
  1081. margin-bottom: 15px;
  1082. margin-top: 15px;
  1083. }
  1084. .pricing-box .pricing-features {
  1085. padding-left: 0;
  1086. padding-right: 0;
  1087. }
  1088. .pricing-box .pricing-features li {
  1089. padding-left: 24px;
  1090. font-size: 13px;
  1091. }
  1092. .pricing-box .pricing-features li svg {
  1093. width: 17px;
  1094. }
  1095. .ml-feedback-slides {
  1096. max-width: 100%;
  1097. margin: -40px 0 0;
  1098. }
  1099. .ml-feedback-slides.owl-theme .owl-item {
  1100. padding-left: 0;
  1101. padding-right: 0;
  1102. }
  1103. .single-ml-feedback-item {
  1104. padding: 20px;
  1105. text-align: center;
  1106. }
  1107. .single-ml-feedback-item .client-info {
  1108. position: relative;
  1109. left: 0;
  1110. top: 0;
  1111. -webkit-transform: unset;
  1112. transform: unset;
  1113. text-align: center;
  1114. margin-bottom: 15px;
  1115. }
  1116. .single-ml-feedback-item .client-info h3 {
  1117. font-size: 17px;
  1118. }
  1119. .single-ml-feedback-item p {
  1120. font-size: 13px;
  1121. }
  1122. .single-ml-feedback-item::after {
  1123. margin-left: 20px;
  1124. margin-right: 20px;
  1125. }
  1126. .single-blog-post-box .entry-post-content h3 {
  1127. font-size: 17px;
  1128. }
  1129. .single-blog-post-box .entry-post-content .learn-more-btn {
  1130. font-size: 13px;
  1131. }
  1132. .funfacts-area .section-title h2 {
  1133. line-height: 30px;
  1134. }
  1135. .free-trial-area {
  1136. padding-bottom: 50px;
  1137. }
  1138. .free-trial-area::before {
  1139. display: none;
  1140. }
  1141. .free-trial-content {
  1142. max-width: 100%;
  1143. text-align: center;
  1144. margin-top: 30px;
  1145. }
  1146. .free-trial-content h2 {
  1147. font-size: 20px;
  1148. }
  1149. .free-trial-content form {
  1150. margin-top: 20px;
  1151. }
  1152. .free-trial-content form .input-newsletter {
  1153. width: 100%;
  1154. }
  1155. .free-trial-content form button {
  1156. position: relative;
  1157. font-size: 15px;
  1158. border-radius: 30px;
  1159. margin-top: 15px;
  1160. }
  1161. .agency-main-banner {
  1162. padding-top: 120px;
  1163. }
  1164. .agency-main-banner .container-fluid {
  1165. padding-left: 15px;
  1166. padding-right: 15px;
  1167. }
  1168. .agency-banner-content {
  1169. max-width: 100%;
  1170. text-align: center;
  1171. margin-bottom: 30px;
  1172. margin-left: 0;
  1173. }
  1174. .agency-banner-content .sub-title {
  1175. font-size: 13px;
  1176. }
  1177. .agency-banner-content h1 {
  1178. font-size: 25px;
  1179. line-height: 30px;
  1180. margin-bottom: 10px;
  1181. }
  1182. .agency-banner-content p {
  1183. font-size: 14px;
  1184. max-width: 100%;
  1185. }
  1186. .solutions-box {
  1187. margin-bottom: 40px;
  1188. }
  1189. .solutions-box .icon {
  1190. margin-bottom: 20px;
  1191. padding-left: 15px;
  1192. }
  1193. .solutions-box .icon i {
  1194. font-size: 40px;
  1195. }
  1196. .solutions-box .icon img {
  1197. width: 80px;
  1198. }
  1199. .solutions-box h3 {
  1200. font-size: 17px;
  1201. }
  1202. .solutions-box .learn-more-btn {
  1203. font-size: 13px;
  1204. }
  1205. .agency-about-area .container-fluid {
  1206. padding-left: 15px;
  1207. padding-right: 15px;
  1208. }
  1209. .agency-about-img {
  1210. padding-right: 0;
  1211. text-align: center;
  1212. margin-bottom: 30px;
  1213. }
  1214. .agency-about-content {
  1215. max-width: 100%;
  1216. text-align: center;
  1217. margin-top: 30px;
  1218. }
  1219. .agency-about-content h2 {
  1220. font-size: 20px;
  1221. }
  1222. .agency-about-content .bar {
  1223. margin-left: auto;
  1224. margin-right: auto;
  1225. }
  1226. .agency-services-box .content {
  1227. padding: 20px;
  1228. margin-left: 10px;
  1229. margin-right: 10px;
  1230. margin-top: -20px;
  1231. }
  1232. .agency-services-box .content h3 {
  1233. font-size: 17px;
  1234. }
  1235. .agency-services-box:hover .content h3 {
  1236. -webkit-transform: translateY(0);
  1237. transform: translateY(0);
  1238. }
  1239. .agency-services-box:hover .content .read-more-btn {
  1240. display: none;
  1241. }
  1242. .user-shape1, .user-shape2, .user-shape3, .user-shape4, .user-shape5, .user-shape6 {
  1243. display: none;
  1244. }
  1245. .single-testimonials-item {
  1246. padding: 64px 20px 20px;
  1247. text-align: center;
  1248. }
  1249. .single-testimonials-item p {
  1250. font-size: 13px;
  1251. }
  1252. .single-testimonials-item::before {
  1253. top: 8px;
  1254. font-size: 35px;
  1255. }
  1256. .single-testimonials-item .client-info {
  1257. margin-top: 20px;
  1258. max-width: 200px;
  1259. }
  1260. .single-testimonials-item .client-info .rating svg {
  1261. width: 14px;
  1262. }
  1263. .single-testimonials-item .client-info span {
  1264. font-size: 12px;
  1265. }
  1266. .single-testimonials-item .client-info h3 {
  1267. margin-top: 5px;
  1268. font-size: 15px;
  1269. }
  1270. .single-blog-post-item .post-content {
  1271. padding: 25px;
  1272. margin-left: 10px;
  1273. margin-right: 10px;
  1274. margin-top: -20px;
  1275. }
  1276. .single-blog-post-item .post-content h3 {
  1277. font-size: 17px;
  1278. line-height: 25px;
  1279. }
  1280. .agency-cta-content h2 {
  1281. margin-bottom: 25px;
  1282. font-size: 20px;
  1283. }
  1284. .agency-portfolio-main-banner {
  1285. height: 100%;
  1286. padding-top: 150px;
  1287. padding-bottom: 120px;
  1288. }
  1289. .portfolio-banner-content {
  1290. text-align: center;
  1291. max-width: 100%;
  1292. margin-top: 0;
  1293. }
  1294. .portfolio-banner-content .sub-title {
  1295. font-size: 14px;
  1296. }
  1297. .portfolio-banner-content h1 {
  1298. font-size: 25px;
  1299. margin-bottom: 12px;
  1300. }
  1301. .portfolio-banner-content p {
  1302. max-width: 100%;
  1303. font-size: 13px;
  1304. }
  1305. .agency-portfolio-home-slides.owl-theme .owl-nav {
  1306. opacity: 1;
  1307. visibility: visible;
  1308. }
  1309. .agency-portfolio-home-slides.owl-theme .owl-nav [class*='owl-'] {
  1310. width: 35px;
  1311. height: 35px;
  1312. line-height: 35px;
  1313. left: 15px;
  1314. top: auto;
  1315. -webkit-transform: unset;
  1316. transform: unset;
  1317. font-size: 22px;
  1318. bottom: 15px;
  1319. }
  1320. .agency-portfolio-home-slides.owl-theme .owl-nav [class*='owl-'].owl-next {
  1321. left: auto;
  1322. right: 15px;
  1323. }
  1324. .section-title.text-left {
  1325. text-align: center !important;
  1326. }
  1327. .section-title.text-left p {
  1328. margin-left: auto;
  1329. margin-right: auto;
  1330. }
  1331. .shorting-menu {
  1332. text-align: center;
  1333. margin-bottom: 25px;
  1334. }
  1335. .shorting-menu button {
  1336. margin-left: 6px;
  1337. margin-right: 6px;
  1338. margin-bottom: 5px;
  1339. }
  1340. .shorting-menu button:first-child {
  1341. margin-left: 0;
  1342. }
  1343. .our-latest-projects {
  1344. padding-bottom: 20px;
  1345. }
  1346. .single-latest-projects .content {
  1347. left: 5%;
  1348. }
  1349. .single-latest-projects .content h3 {
  1350. font-size: 17px;
  1351. }
  1352. .single-latest-projects .content span {
  1353. font-size: 12px;
  1354. }
  1355. .agency-portfolio-about-area {
  1356. padding-bottom: 20px;
  1357. }
  1358. .single-text-box {
  1359. text-align: center;
  1360. }
  1361. .single-text-box h3 {
  1362. font-size: 17px;
  1363. }
  1364. .agency-portfolio-feedback-slides {
  1365. max-width: 100%;
  1366. }
  1367. .agency-portfolio-feedback-item p {
  1368. font-size: 14px;
  1369. }
  1370. .single-blog-item .post-content h3 {
  1371. line-height: 28px;
  1372. font-size: 17px;
  1373. }
  1374. .creative-inner-area .single-counter {
  1375. padding: 30px;
  1376. text-align: center;
  1377. }
  1378. .creative-inner-area .single-counter h3 {
  1379. font-size: 26px;
  1380. }
  1381. .creative-inner-area .single-counter p {
  1382. font-size: 14px;
  1383. }
  1384. .footer-area {
  1385. padding-top: 50px;
  1386. }
  1387. .single-footer-widget {
  1388. padding: 0 !important;
  1389. margin-bottom: 30px;
  1390. }
  1391. .single-footer-widget h3 {
  1392. font-size: 17px;
  1393. margin-bottom: 20px;
  1394. }
  1395. .copyright-area {
  1396. margin-top: 20px;
  1397. padding-top: 20px;
  1398. padding-bottom: 20px;
  1399. }
  1400. .navbar-color-white#header.headroom {
  1401. border-color: #4a4545;
  1402. }
  1403. .bigdata-analytics-banner {
  1404. padding-top: 170px;
  1405. padding-bottom: 20px;
  1406. }
  1407. .bigdata-analytics-content {
  1408. text-align: center;
  1409. max-width: 100%;
  1410. }
  1411. .bigdata-analytics-content h1 {
  1412. font-size: 27px;
  1413. margin-bottom: 20px;
  1414. }
  1415. .bigdata-analytics-content p {
  1416. max-width: 100%;
  1417. font-size: 14px;
  1418. }
  1419. .bigdata-analytics-content .btn {
  1420. margin-top: 10px;
  1421. }
  1422. .banner-boxes-area {
  1423. margin-top: 100px;
  1424. }
  1425. .single-banner-boxes {
  1426. padding: 20px 20px 20px 85px;
  1427. }
  1428. .single-banner-boxes h3 {
  1429. margin-bottom: 10px;
  1430. font-size: 17px;
  1431. }
  1432. .single-banner-boxes .icon {
  1433. width: 50px;
  1434. height: 50px;
  1435. left: 15px;
  1436. top: 20px;
  1437. line-height: 50px;
  1438. }
  1439. .single-what-we-do-box {
  1440. padding-left: 70px;
  1441. }
  1442. .single-what-we-do-box .icon {
  1443. width: 50px;
  1444. height: 50px;
  1445. }
  1446. .single-what-we-do-box .icon i::before {
  1447. font-size: 30px;
  1448. }
  1449. .single-what-we-do-box h3 {
  1450. margin-bottom: 9px;
  1451. font-size: 17px;
  1452. }
  1453. .discover-image {
  1454. margin-right: 0;
  1455. padding-bottom: 0;
  1456. padding-right: 0;
  1457. }
  1458. .discover-image img {
  1459. width: 100%;
  1460. }
  1461. .discover-image img:nth-child(2) {
  1462. position: relative;
  1463. margin-top: 20px;
  1464. }
  1465. .discover-content {
  1466. padding-left: 0;
  1467. text-align: center;
  1468. margin-top: 30px;
  1469. }
  1470. .discover-content h2 {
  1471. font-size: 20px;
  1472. }
  1473. .analytics-shape1 {
  1474. display: none;
  1475. }
  1476. .single-services-box-item {
  1477. padding: 70px 20px 50px;
  1478. }
  1479. .single-services-box-item .icon {
  1480. width: 65px;
  1481. height: 65px;
  1482. }
  1483. .single-services-box-item .icon img {
  1484. max-width: 40px;
  1485. }
  1486. .single-services-box-item h3 {
  1487. font-size: 17px;
  1488. }
  1489. .repair-team-area .container {
  1490. max-width: 100%;
  1491. }
  1492. .single-funfact {
  1493. padding: 20px;
  1494. margin-bottom: 30px;
  1495. }
  1496. .single-funfact h3 {
  1497. font-size: 30px;
  1498. line-height: 1;
  1499. }
  1500. .single-feedback-box {
  1501. margin-left: 15px;
  1502. margin-top: 15px;
  1503. }
  1504. .single-feedback-box .client-info h3 {
  1505. font-size: 16px;
  1506. }
  1507. .single-feedback-box .feedback-desc {
  1508. padding-left: 25px;
  1509. padding-right: 25px;
  1510. padding-bottom: 25px;
  1511. }
  1512. .single-feedback-box::before {
  1513. top: -15px;
  1514. left: -15px;
  1515. width: 50px;
  1516. height: 50px;
  1517. line-height: 50px;
  1518. font-size: 25px;
  1519. }
  1520. .industries-serve-area {
  1521. padding-bottom: 20px;
  1522. }
  1523. .single-industries-serve-box {
  1524. text-align: center;
  1525. padding: 15px 8px;
  1526. font-size: 14px;
  1527. }
  1528. .single-industries-serve-box .icon {
  1529. position: relative;
  1530. left: 0;
  1531. top: 0;
  1532. -webkit-transform: translateY(0);
  1533. transform: translateY(0);
  1534. font-size: 30px;
  1535. line-height: 1;
  1536. margin-bottom: 8px;
  1537. }
  1538. .newsletter-area {
  1539. padding-bottom: 50px;
  1540. }
  1541. .newsletter-area::before {
  1542. display: none;
  1543. }
  1544. .newsletter-area .container-fluid {
  1545. max-width: 100%;
  1546. padding-left: 15px;
  1547. padding-right: 15px;
  1548. }
  1549. .newsletter-content {
  1550. padding: 20px;
  1551. max-width: 100%;
  1552. text-align: center;
  1553. }
  1554. .newsletter-content::before {
  1555. display: block;
  1556. }
  1557. .newsletter-content h2 {
  1558. font-size: 20px;
  1559. }
  1560. .newsletter-content .newsletter-form {
  1561. padding-right: 0;
  1562. }
  1563. .newsletter-content .newsletter-form .input-newsletter {
  1564. height: 45px;
  1565. padding-left: 15px;
  1566. font-size: 12px;
  1567. }
  1568. .newsletter-content .newsletter-form button {
  1569. position: relative;
  1570. height: auto;
  1571. padding: 14px 30px 12px;
  1572. margin-top: 15px;
  1573. line-height: initial;
  1574. display: block;
  1575. width: 100%;
  1576. font-size: 13px;
  1577. }
  1578. .newsletter-content p {
  1579. max-width: 100%;
  1580. }
  1581. #header.headroom {
  1582. background-color: #ffffff;
  1583. }
  1584. .startp-nav nav .navbar-collapse {
  1585. max-height: 70vh;
  1586. overflow-y: scroll;
  1587. }
  1588. .startp-nav nav .navbar-collapse::-webkit-scrollbar {
  1589. width: 8px;
  1590. }
  1591. .startp-nav nav .navbar-collapse::-webkit-scrollbar-track {
  1592. background: #f1f1f1;
  1593. }
  1594. .startp-nav nav .navbar-collapse::-webkit-scrollbar-thumb {
  1595. background: #a5a2a2;
  1596. border-radius: 30px;
  1597. }
  1598. .startp-nav nav .navbar-collapse::-webkit-scrollbar-thumb:hover {
  1599. background: #555;
  1600. }
  1601. .startp-nav nav .navbar-nav .nav-item {
  1602. padding: 5px 0;
  1603. }
  1604. .startp-nav nav .navbar-nav .nav-item > a {
  1605. margin: 0 0 5px;
  1606. }
  1607. .startp-nav nav .navbar-nav .nav-item .dropdown-menu {
  1608. padding: 10px 0;
  1609. position: relative;
  1610. visibility: visible;
  1611. opacity: 1;
  1612. top: 0;
  1613. width: 95%;
  1614. border: 1px solid #f3f3f3;
  1615. }
  1616. .startp-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  1617. padding: 6px 15px;
  1618. }
  1619. .startp-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  1620. padding: 10px 0;
  1621. position: relative;
  1622. visibility: visible !important;
  1623. opacity: 1 !important;
  1624. left: 15px;
  1625. top: 0;
  1626. width: 90%;
  1627. border: 1px solid #f3f3f3;
  1628. }
  1629. .startp-nav nav .others-option {
  1630. position: absolute;
  1631. right: 45px;
  1632. top: 9px;
  1633. }
  1634. .startp-nav nav .others-option .btn.btn-light {
  1635. border: 1px dashed #cdf1d8;
  1636. display: none;
  1637. }
  1638. .startp-nav nav .others-option .btn.btn-light, .startp-nav nav .others-option .btn {
  1639. padding: 6px 12px;
  1640. margin-right: 5px;
  1641. font-size: 10px;
  1642. }
  1643. .startp-nav nav .others-option .cart-wrapper-btn {
  1644. margin-right: 25px;
  1645. }
  1646. .pt-80 {
  1647. padding-top: 50px;
  1648. }
  1649. .pb-50 {
  1650. padding-bottom: 20px;
  1651. }
  1652. .go-top {
  1653. width: 35px;
  1654. height: 35px;
  1655. line-height: 30px;
  1656. }
  1657. .go-top svg {
  1658. width: 18px;
  1659. }
  1660. .pb-80 {
  1661. padding-bottom: 50px;
  1662. }
  1663. .navbar-style-three .startp-nav {
  1664. padding-left: 0;
  1665. padding-right: 0;
  1666. }
  1667. #header.headroom.navbar-style-four {
  1668. background-color: #0e314c;
  1669. }
  1670. #header.headroom.navbar-style-four .navbar-toggler .icon-bar {
  1671. background: #ffffff;
  1672. }
  1673. }
  1674. /* Min width 576px to Max width 767px */
  1675. @media only screen and (min-width: 576px) and (max-width: 767px) {
  1676. .startp-nav nav .others-option .btn.btn-light {
  1677. display: inline-block;
  1678. }
  1679. .repair-about-content ul li {
  1680. -webkit-box-flex: 0;
  1681. -ms-flex: 0 0 50%;
  1682. flex: 0 0 50%;
  1683. max-width: 50%;
  1684. }
  1685. .single-repair-feedback::after {
  1686. font-size: 65px;
  1687. }
  1688. .single-feedback-item::before {
  1689. font-size: 65px;
  1690. }
  1691. .woocommerce-topbar {
  1692. text-align: left;
  1693. }
  1694. .woocommerce-topbar .woocommerce-result-count {
  1695. margin-bottom: 0;
  1696. }
  1697. #productsModalCenter .modal-content .products-content {
  1698. text-align: left;
  1699. }
  1700. .products-details form .quantity {
  1701. display: inline-block;
  1702. padding-right: 10px;
  1703. margin-bottom: 0;
  1704. }
  1705. .cart-buttons {
  1706. text-align: left;
  1707. }
  1708. .cart-buttons .text-right {
  1709. text-align: right !important;
  1710. }
  1711. .cart-buttons .continue-shopping-box {
  1712. margin-bottom: 0;
  1713. }
  1714. .repair-why-choose-us::before {
  1715. height: 45%;
  1716. }
  1717. .iot-why-choose-us::before {
  1718. height: 45%;
  1719. }
  1720. .ml-main-banner .container-fluid {
  1721. max-width: 540px;
  1722. }
  1723. .about-area .container-fluid {
  1724. max-width: 540px;
  1725. }
  1726. .free-trial-area .container-fluid {
  1727. max-width: 540px;
  1728. }
  1729. .free-trial-content form button {
  1730. position: absolute;
  1731. border-radius: 0 30px 30px 0;
  1732. margin-top: 0;
  1733. }
  1734. .agency-main-banner .container-fluid {
  1735. max-width: 540px;
  1736. }
  1737. .agency-about-area .container-fluid {
  1738. max-width: 540px;
  1739. }
  1740. .repair-team-area .container {
  1741. max-width: 540px;
  1742. }
  1743. .single-banner-boxes {
  1744. padding: 20px;
  1745. }
  1746. .single-banner-boxes .icon {
  1747. position: relative;
  1748. top: 0;
  1749. left: 0;
  1750. margin-bottom: 20px;
  1751. }
  1752. }
  1753. /* Min width 768px to Max width 991px */
  1754. @media only screen and (min-width: 768px) and (max-width: 991px) {
  1755. .main-banner {
  1756. height: 100%;
  1757. padding-top: 185px;
  1758. padding-bottom: 165px;
  1759. }
  1760. .main-banner .banner-image {
  1761. text-align: center;
  1762. margin-top: 45px;
  1763. }
  1764. .main-banner .banner-image img {
  1765. position: relative;
  1766. display: none;
  1767. }
  1768. .main-banner .banner-image img:last-child {
  1769. display: block;
  1770. }
  1771. .main-banner .hero-content h1 {
  1772. font-size: 30px;
  1773. margin-bottom: 15px;
  1774. }
  1775. .main-banner .banner-form {
  1776. padding: 50px;
  1777. margin: 45px 0 !important;
  1778. }
  1779. .hosting-main-banner {
  1780. height: 100%;
  1781. padding-top: 185px;
  1782. padding-bottom: 165px;
  1783. }
  1784. .hosting-main-banner .hosting-banner-content h1 {
  1785. font-size: 30px;
  1786. }
  1787. .hosting-main-banner .hosting-banner-content ul li {
  1788. font-size: 13px;
  1789. }
  1790. .hosting-main-banner .hosting-banner-content p {
  1791. font-size: 16px;
  1792. }
  1793. .hosting-main-banner .hosting-banner-image {
  1794. margin-top: 50px;
  1795. }
  1796. .hosting-main-banner .hosting-banner-image img {
  1797. position: relative;
  1798. display: none;
  1799. }
  1800. .hosting-main-banner .hosting-banner-image img:nth-child(10) {
  1801. display: block;
  1802. right: 0;
  1803. left: 0;
  1804. margin: 0 auto;
  1805. }
  1806. .shape1, .shape2, .shape3, .shape4, .shape5, .shape7 {
  1807. display: none;
  1808. }
  1809. .section-title h2 {
  1810. font-size: 25px;
  1811. }
  1812. .boxes-area {
  1813. padding-bottom: 50px;
  1814. margin-top: -65px;
  1815. }
  1816. .single-box {
  1817. margin-bottom: 30px;
  1818. }
  1819. .why-choose-us-image {
  1820. margin-bottom: 65px;
  1821. }
  1822. .why-choose-us-image img {
  1823. display: none;
  1824. }
  1825. .why-choose-us-image img:nth-child(3) {
  1826. display: block;
  1827. }
  1828. .why-choose-us-image img:last-child {
  1829. display: block;
  1830. right: 0;
  1831. left: 0;
  1832. margin: 0 auto;
  1833. }
  1834. .services-right-image {
  1835. text-align: center;
  1836. margin-top: 45px;
  1837. }
  1838. .services-right-image img {
  1839. display: none;
  1840. position: relative;
  1841. }
  1842. .services-right-image img:last-child {
  1843. display: block;
  1844. left: 0;
  1845. right: 0;
  1846. margin: 0 auto;
  1847. }
  1848. .services-right-image.single-right-image img.bg-image {
  1849. display: none;
  1850. }
  1851. .services-left-image {
  1852. text-align: center;
  1853. margin-bottom: 45px;
  1854. }
  1855. .services-left-image img {
  1856. display: none;
  1857. position: relative;
  1858. }
  1859. .services-left-image img:last-child {
  1860. display: block;
  1861. left: 0;
  1862. right: 0;
  1863. margin: 0 auto;
  1864. }
  1865. .services-left-image.single-left-image img.bg-image {
  1866. display: none;
  1867. }
  1868. .single-features {
  1869. padding-left: 20px;
  1870. }
  1871. .single-features .icon {
  1872. position: relative;
  1873. left: 0;
  1874. top: 0;
  1875. margin-bottom: 25px;
  1876. }
  1877. .about-image {
  1878. margin-bottom: 45px;
  1879. }
  1880. .about-inner-area {
  1881. margin-top: 30px;
  1882. }
  1883. .about-inner-area .about-text {
  1884. margin-top: 30px;
  1885. }
  1886. .single-feedback-item {
  1887. padding: 40px 80px 90px;
  1888. }
  1889. .cta-content h3 {
  1890. line-height: 1.5;
  1891. }
  1892. .pricing-area {
  1893. padding-bottom: 50px;
  1894. }
  1895. .single-pricing-table {
  1896. margin-bottom: 30px;
  1897. }
  1898. .page-title-area {
  1899. padding-top: 130px;
  1900. padding-bottom: 50px;
  1901. }
  1902. .page-title-area .shape8 {
  1903. top: auto;
  1904. right: auto;
  1905. left: 20px;
  1906. bottom: 20px;
  1907. }
  1908. .project-details-desc .project-details-information .single-info-box {
  1909. width: 33.3333%;
  1910. }
  1911. .contact-info-area {
  1912. padding-bottom: 50px;
  1913. }
  1914. .contact-info-box {
  1915. margin-bottom: 30px;
  1916. }
  1917. #contactForm {
  1918. margin-top: 45px;
  1919. }
  1920. .coming-soon-content h1 {
  1921. font-size: 35px;
  1922. }
  1923. .coming-soon-content p {
  1924. font-size: 15px;
  1925. }
  1926. .coming-soon-content #timer div {
  1927. padding-top: 20px;
  1928. font-size: 30px;
  1929. }
  1930. .coming-soon-content #timer div span {
  1931. font-size: 14px;
  1932. }
  1933. .error-content .notfound-404 {
  1934. height: 205px;
  1935. }
  1936. .error-content .notfound-404 h1 {
  1937. font-size: 170px;
  1938. }
  1939. .products-details {
  1940. margin-top: 25px;
  1941. }
  1942. .services-details {
  1943. -webkit-box-ordinal-group: 3;
  1944. -ms-flex-order: 2;
  1945. order: 2;
  1946. }
  1947. .services-details-image {
  1948. -webkit-box-ordinal-group: 2;
  1949. -ms-flex-order: 1;
  1950. order: 1;
  1951. margin-bottom: 40px;
  1952. }
  1953. .services-details-area .separate {
  1954. margin-top: 40px;
  1955. }
  1956. .features-details {
  1957. -webkit-box-ordinal-group: 3;
  1958. -ms-flex-order: 2;
  1959. order: 2;
  1960. }
  1961. .features-details-image {
  1962. -webkit-box-ordinal-group: 2;
  1963. -ms-flex-order: 1;
  1964. order: 1;
  1965. margin-bottom: 40px;
  1966. }
  1967. .features-details-area .separate {
  1968. margin-top: 40px;
  1969. }
  1970. .repair-main-banner {
  1971. padding-top: 155px;
  1972. }
  1973. .repair-banner-content {
  1974. text-align: center;
  1975. margin-bottom: 115px;
  1976. }
  1977. .repair-banner-content h1 {
  1978. margin-bottom: 18px;
  1979. font-size: 30px;
  1980. }
  1981. .repair-banner-image img:nth-child(4) {
  1982. left: 0;
  1983. top: -40px;
  1984. margin: 0 auto;
  1985. }
  1986. .repair-about-content {
  1987. margin-bottom: 45px;
  1988. }
  1989. .repair-about-image {
  1990. text-align: center;
  1991. padding: 35px 0;
  1992. }
  1993. .repair-about-image img:nth-child(2) {
  1994. position: relative;
  1995. }
  1996. .repair-about-image img:nth-child(4), .repair-about-image img:nth-child(5) {
  1997. display: none;
  1998. }
  1999. .repair-cta-area {
  2000. padding-top: 80px;
  2001. }
  2002. .cta-repair-content {
  2003. margin-bottom: 30px;
  2004. }
  2005. .repair-why-choose-us::before {
  2006. height: 40%;
  2007. }
  2008. .iot-main-banner {
  2009. padding-top: 190px;
  2010. padding-bottom: 100px;
  2011. }
  2012. .iot-banner-content span {
  2013. font-size: 14px;
  2014. }
  2015. .iot-banner-content h2 {
  2016. font-size: 30px;
  2017. }
  2018. .iot-banner-image {
  2019. position: relative;
  2020. right: 0;
  2021. top: 0;
  2022. -webkit-transform: unset;
  2023. transform: unset;
  2024. margin-top: 80px;
  2025. }
  2026. .iot-banner-image img:first-child {
  2027. max-width: 100%;
  2028. }
  2029. .animate-border span {
  2030. top: 70%;
  2031. left: 42%;
  2032. }
  2033. .iot-cta-area {
  2034. padding-top: 80px;
  2035. padding-bottom: 80px;
  2036. }
  2037. .cta-iot-content {
  2038. text-align: center;
  2039. margin-top: 40px;
  2040. }
  2041. .iot-features-content {
  2042. -webkit-box-ordinal-group: 2;
  2043. -ms-flex-order: 1;
  2044. order: 1;
  2045. }
  2046. .iot-features-image {
  2047. -webkit-box-ordinal-group: 3;
  2048. -ms-flex-order: 2;
  2049. order: 2;
  2050. margin-top: 40px;
  2051. }
  2052. .iot-why-choose-us::before {
  2053. height: 40%;
  2054. }
  2055. .blog-area .widget-area {
  2056. margin-top: 30px;
  2057. }
  2058. .widget-area {
  2059. margin-top: 40px;
  2060. }
  2061. .single-footer-widget {
  2062. margin-bottom: 30px;
  2063. }
  2064. .copyright-area {
  2065. margin-top: 50px;
  2066. }
  2067. .ml-main-banner {
  2068. background-position: center center;
  2069. padding-top: 150px;
  2070. }
  2071. .ml-main-banner .container-fluid {
  2072. max-width: 720px;
  2073. padding-left: 15px;
  2074. padding-right: 15px;
  2075. }
  2076. .ml-banner-single-image {
  2077. margin-top: 30px;
  2078. }
  2079. .ml-banner-content {
  2080. text-align: center;
  2081. }
  2082. .ml-banner-content h1 {
  2083. font-size: 30px;
  2084. }
  2085. .ml-banner-content p {
  2086. max-width: 100%;
  2087. font-size: 14px;
  2088. }
  2089. .ml-main-section {
  2090. background-position: center center;
  2091. padding-top: 150px;
  2092. padding-bottom: 140px;
  2093. }
  2094. .ml-main-section .ml-banner-content h1 {
  2095. font-size: 30px;
  2096. }
  2097. .ml-banner-image {
  2098. height: auto;
  2099. top: 0;
  2100. margin-top: 30px;
  2101. text-align: center;
  2102. }
  2103. .ml-banner-image img {
  2104. display: none;
  2105. position: relative;
  2106. }
  2107. .ml-banner-image img:nth-child(12) {
  2108. display: inline-block;
  2109. }
  2110. .ml-partner-area.mt-minus-top {
  2111. margin-top: -120px;
  2112. }
  2113. .about-area .container-fluid {
  2114. max-width: 720px;
  2115. }
  2116. .ml-about-content {
  2117. text-align: center;
  2118. max-width: 620px;
  2119. margin-left: auto;
  2120. margin-right: auto;
  2121. }
  2122. .ml-about-content h2 {
  2123. font-size: 25px;
  2124. }
  2125. .ml-about-content .bar {
  2126. margin-left: auto;
  2127. margin-right: auto;
  2128. }
  2129. .ml-projects-slides.owl-theme .owl-dots {
  2130. right: 2.5%;
  2131. }
  2132. .ml-projects-slides.owl-theme .owl-dots::before {
  2133. left: -8px;
  2134. }
  2135. .free-trial-area {
  2136. padding-bottom: 80px;
  2137. }
  2138. .free-trial-area .container-fluid {
  2139. max-width: 720px;
  2140. }
  2141. .free-trial-area::before {
  2142. display: none;
  2143. }
  2144. .free-trial-content {
  2145. text-align: center;
  2146. margin-left: auto;
  2147. margin-right: auto;
  2148. margin-top: 30px;
  2149. }
  2150. .free-trial-content h2 {
  2151. font-size: 25px;
  2152. }
  2153. .free-trial-content form {
  2154. margin-top: 20px;
  2155. }
  2156. .agency-main-banner {
  2157. padding-top: 120px;
  2158. }
  2159. .agency-main-banner .container-fluid {
  2160. max-width: 720px;
  2161. padding-left: 15px;
  2162. padding-right: 15px;
  2163. }
  2164. .agency-main-banner .shape8 {
  2165. display: none;
  2166. }
  2167. .agency-banner-content {
  2168. max-width: 100%;
  2169. text-align: center;
  2170. margin-bottom: 30px;
  2171. margin-left: 0;
  2172. }
  2173. .agency-banner-content .sub-title {
  2174. font-size: 14px;
  2175. }
  2176. .agency-banner-content h1 {
  2177. font-size: 35px;
  2178. line-height: 32px;
  2179. margin-bottom: 12px;
  2180. }
  2181. .agency-banner-content p {
  2182. font-size: 15px;
  2183. max-width: 80%;
  2184. margin-left: auto;
  2185. margin-right: auto;
  2186. }
  2187. .agency-about-area .container-fluid {
  2188. max-width: 720px;
  2189. padding-left: 15px;
  2190. padding-right: 15px;
  2191. }
  2192. .agency-about-img {
  2193. padding-right: 0;
  2194. text-align: center;
  2195. margin-bottom: 30px;
  2196. }
  2197. .agency-about-content {
  2198. max-width: 540px;
  2199. text-align: center;
  2200. margin-left: auto;
  2201. margin-right: auto;
  2202. }
  2203. .agency-about-content h2 {
  2204. font-size: 25px;
  2205. }
  2206. .agency-about-content .bar {
  2207. margin-left: auto;
  2208. margin-right: auto;
  2209. }
  2210. .shape9 {
  2211. display: none;
  2212. }
  2213. .user-shape1, .user-shape2, .user-shape3, .user-shape4, .user-shape5, .user-shape6 {
  2214. display: none;
  2215. }
  2216. .agency-portfolio-main-banner {
  2217. height: 100%;
  2218. padding-top: 200px;
  2219. padding-bottom: 150px;
  2220. }
  2221. .portfolio-banner-content {
  2222. text-align: center;
  2223. margin-top: 0;
  2224. }
  2225. .portfolio-banner-content .sub-title {
  2226. font-size: 15px;
  2227. }
  2228. .portfolio-banner-content h1 {
  2229. font-size: 30px;
  2230. }
  2231. .portfolio-banner-content p {
  2232. font-size: 14px;
  2233. }
  2234. .our-latest-projects .section-title {
  2235. margin-bottom: 40px;
  2236. }
  2237. .section-title.text-left {
  2238. text-align: center !important;
  2239. }
  2240. .section-title.text-left p {
  2241. margin-left: auto;
  2242. margin-right: auto;
  2243. }
  2244. .shorting-menu {
  2245. text-align: center;
  2246. margin-bottom: 30px;
  2247. }
  2248. .navbar-color-white#header.headroom {
  2249. border-color: #4a4545;
  2250. }
  2251. .bigdata-analytics-banner {
  2252. padding-top: 230px;
  2253. }
  2254. .bigdata-analytics-content {
  2255. max-width: 530px;
  2256. }
  2257. .bigdata-analytics-content h1 {
  2258. font-size: 40px;
  2259. }
  2260. .banner-boxes-area {
  2261. margin-top: 200px;
  2262. }
  2263. .discover-image {
  2264. margin-right: 0;
  2265. }
  2266. .discover-content {
  2267. text-align: center;
  2268. max-width: 540px;
  2269. padding-left: 0;
  2270. margin-left: auto;
  2271. margin-right: auto;
  2272. margin-top: 35px;
  2273. }
  2274. .single-services-box-item {
  2275. padding: 80px 30px 60px;
  2276. }
  2277. .repair-team-area .container {
  2278. max-width: 720px;
  2279. }
  2280. .single-funfact {
  2281. padding: 20px;
  2282. }
  2283. .newsletter-area {
  2284. padding-bottom: 80px;
  2285. }
  2286. .newsletter-area::before {
  2287. display: none;
  2288. }
  2289. .newsletter-area .container-fluid {
  2290. max-width: 720px;
  2291. }
  2292. .newsletter-content {
  2293. padding: 40px;
  2294. max-width: 100%;
  2295. text-align: center;
  2296. }
  2297. .newsletter-content::before {
  2298. display: block;
  2299. }
  2300. .newsletter-content .newsletter-form {
  2301. max-width: 540px;
  2302. margin-left: auto;
  2303. margin-right: auto;
  2304. }
  2305. .newsletter-content p {
  2306. margin-left: auto;
  2307. margin-right: auto;
  2308. }
  2309. #header.headroom {
  2310. padding: 10px 0;
  2311. }
  2312. #header.headroom.is-sticky {
  2313. padding-top: 10px;
  2314. padding-bottom: 10px;
  2315. }
  2316. .startp-nav nav .navbar-nav .nav-item a {
  2317. font-size: 14px;
  2318. margin-left: 6px;
  2319. margin-right: 6px;
  2320. }
  2321. .startp-nav nav .navbar-nav .nav-item .dropdown-menu {
  2322. width: 200px;
  2323. }
  2324. .startp-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  2325. padding: 6px 15px;
  2326. font-size: 13.5px;
  2327. }
  2328. .startp-nav nav .others-option .btn.btn-light {
  2329. border: 1px dashed #cdf1d8;
  2330. display: none;
  2331. }
  2332. .startp-nav nav .others-option .btn.btn-light, .startp-nav nav .others-option .btn {
  2333. padding: 6px 12px;
  2334. margin-right: 5px;
  2335. font-size: 10px;
  2336. }
  2337. .startp-nav nav .others-option .cart-wrapper-btn {
  2338. margin-right: 25px;
  2339. }
  2340. .iot-banner-content {
  2341. max-width: 100%;
  2342. }
  2343. }
  2344. /* Min width 992px to Max width 1199px */
  2345. @media only screen and (min-width: 992px) and (max-width: 1199px) {
  2346. .main-banner .hero-content h1 {
  2347. font-size: 35px;
  2348. }
  2349. .main-banner .banner-image img:nth-child(1) {
  2350. top: -140px;
  2351. left: -120px;
  2352. }
  2353. .main-banner .banner-image img:nth-child(2) {
  2354. right: 160px;
  2355. top: -286px;
  2356. }
  2357. .main-banner .banner-image img:nth-child(3) {
  2358. left: -30px;
  2359. top: -15px;
  2360. }
  2361. .main-banner .banner-image img:nth-child(4) {
  2362. right: 15%;
  2363. top: 105px;
  2364. }
  2365. .main-banner .banner-image img:nth-child(5) {
  2366. left: 15%;
  2367. top: -120px;
  2368. }
  2369. .main-banner .banner-image img:nth-child(6) {
  2370. right: 37%;
  2371. top: -160px;
  2372. }
  2373. .main-banner .banner-image img:nth-child(7) {
  2374. right: 20px;
  2375. top: -110px;
  2376. }
  2377. .main-banner .banner-image img:nth-child(8) {
  2378. right: 25px;
  2379. top: -140px;
  2380. }
  2381. .main-banner .banner-image img:nth-child(9) {
  2382. right: 28%;
  2383. top: -25px;
  2384. }
  2385. .main-banner .banner-image img:nth-child(10) {
  2386. left: 29%;
  2387. top: -35px;
  2388. }
  2389. .main-banner .banner-image img:nth-child(11) {
  2390. left: 26%;
  2391. top: -160px;
  2392. }
  2393. .main-banner .banner-image img:nth-child(12) {
  2394. left: 15px;
  2395. top: -110px;
  2396. }
  2397. .main-banner .banner-image img:nth-child(13) {
  2398. left: 50%;
  2399. top: -18px;
  2400. }
  2401. .main-banner .banner-image img:nth-child(14) {
  2402. right: 98px;
  2403. top: -20px;
  2404. }
  2405. .hosting-main-banner .hosting-banner-content h1 {
  2406. font-size: 35px;
  2407. }
  2408. .hosting-main-banner .hosting-banner-image img:nth-child(1) {
  2409. top: -85px;
  2410. }
  2411. .hosting-main-banner .hosting-banner-image img:nth-child(2) {
  2412. top: 175px;
  2413. left: 30px;
  2414. }
  2415. .hosting-main-banner .hosting-banner-image img:nth-child(3) {
  2416. top: 170px;
  2417. right: 30px;
  2418. }
  2419. .hosting-main-banner .hosting-banner-image img:nth-child(4) {
  2420. left: 18%;
  2421. top: -23px;
  2422. }
  2423. .hosting-main-banner .hosting-banner-image img:nth-child(5) {
  2424. right: 0;
  2425. top: -115px;
  2426. }
  2427. .hosting-main-banner .hosting-banner-image img:nth-child(6) {
  2428. left: 2%;
  2429. top: -173px;
  2430. }
  2431. .hosting-main-banner .hosting-banner-image img:nth-child(7) {
  2432. top: -244px;
  2433. left: -73px;
  2434. }
  2435. .hosting-main-banner .hosting-banner-image img:nth-child(8) {
  2436. left: 11%;
  2437. top: -200px;
  2438. }
  2439. .hosting-main-banner .hosting-banner-image img:nth-child(9) {
  2440. top: 40px;
  2441. left: 0;
  2442. }
  2443. .shape1 {
  2444. display: none;
  2445. }
  2446. .startp-nav nav .navbar-nav .nav-item a {
  2447. margin-left: 10px;
  2448. margin-right: 10px;
  2449. }
  2450. .navbar-style-three .startp-nav {
  2451. padding-left: 0;
  2452. padding-right: 0;
  2453. }
  2454. .services-left-image.single-left-image img:first-child {
  2455. top: -30px;
  2456. }
  2457. .services-right-image.single-right-image img:first-child {
  2458. top: -30px;
  2459. }
  2460. .repair-main-banner {
  2461. padding-top: 185px;
  2462. padding-bottom: 110px;
  2463. }
  2464. .repair-banner-image img:nth-child(4) {
  2465. display: none;
  2466. }
  2467. .repair-banner-image img:nth-child(3) {
  2468. top: -35px;
  2469. }
  2470. .repair-banner-image img:nth-child(2) {
  2471. top: -30px;
  2472. }
  2473. .repair-team-area .single-team .team-content {
  2474. padding-left: 0;
  2475. padding-right: 0;
  2476. }
  2477. .iot-main-banner {
  2478. padding-top: 200px;
  2479. padding-bottom: 120px;
  2480. }
  2481. .iot-banner-image img:first-child {
  2482. max-width: 470px;
  2483. }
  2484. .iot-banner-image img:last-child {
  2485. top: -10px;
  2486. }
  2487. .iot-team-area .single-team .team-content {
  2488. padding-left: 0;
  2489. padding-right: 0;
  2490. }
  2491. .ml-projects-slides.owl-theme .owl-dots {
  2492. right: 4.5%;
  2493. }
  2494. .ml-main-section {
  2495. padding-top: 130px;
  2496. padding-bottom: 140px;
  2497. }
  2498. .ml-main-section .ml-banner-content h1 {
  2499. font-size: 40px;
  2500. }
  2501. .ml-main-section .row {
  2502. -webkit-box-align: center !important;
  2503. -ms-flex-align: center !important;
  2504. align-items: center !important;
  2505. }
  2506. .ml-banner-image {
  2507. height: auto;
  2508. top: 0;
  2509. text-align: center;
  2510. }
  2511. .ml-banner-image img {
  2512. display: none;
  2513. position: relative;
  2514. }
  2515. .ml-banner-image img:nth-child(12) {
  2516. display: inline-block;
  2517. }
  2518. .agency-banner-content {
  2519. max-width: 465px;
  2520. position: relative;
  2521. top: 50px;
  2522. }
  2523. .agency-banner-content h1 {
  2524. font-size: 40px;
  2525. }
  2526. .agency-about-img {
  2527. padding-right: 30px;
  2528. }
  2529. .agency-about-content {
  2530. max-width: 475px;
  2531. }
  2532. .single-banner-boxes {
  2533. padding-left: 83px;
  2534. padding-right: 15px;
  2535. }
  2536. .single-banner-boxes .icon {
  2537. width: 50px;
  2538. height: 50px;
  2539. line-height: 50px;
  2540. left: 15px;
  2541. }
  2542. .single-services-box-item {
  2543. padding: 80px 25px 60px;
  2544. }
  2545. .newsletter-content {
  2546. max-width: 465px;
  2547. }
  2548. .startp-nav nav .others-option .btn.btn-light, .startp-nav nav .others-option .btn {
  2549. padding: 8px 20px;
  2550. font-size: 13px;
  2551. }
  2552. .startp-nav nav .others-option .btn.btn-light {
  2553. padding: 6px 20px !important;
  2554. }
  2555. .single-box {
  2556. padding: 20px 20px;
  2557. }
  2558. .single-box h3 {
  2559. font-size: 17px;
  2560. }
  2561. }
  2562. /* Min width 1550px */
  2563. @media only screen and (min-width: 1550px) {
  2564. .iot-banner-image {
  2565. right: 90px;
  2566. top: 56%;
  2567. -webkit-transform: translateY(-50%);
  2568. transform: translateY(-50%);
  2569. }
  2570. .iot-banner-image img:first-child {
  2571. max-width: 90%;
  2572. }
  2573. .iot-banner-image img:last-child {
  2574. left: -128px;
  2575. top: 50px;
  2576. }
  2577. .animate-border span {
  2578. top: 51%;
  2579. left: 70%;
  2580. }
  2581. .navbar-style-three .startp-nav {
  2582. padding-left: 100px;
  2583. padding-right: 100px;
  2584. }
  2585. .ml-main-banner .container-fluid {
  2586. padding-left: 170px;
  2587. padding-right: 170px;
  2588. }
  2589. }
  2590. /* Min width 1200px */
  2591. @media only screen and (min-width: 1350px) {
  2592. .container {
  2593. max-width: 1250px;
  2594. }
  2595. }
  2596. /*# sourceMappingURL=responsive.css.map */