@media (max-width: 1366px) and (min-width: 1201px) { } @media (max-width: 767px) and (min-width: 300px) { p { font-size: 14px; color: #5d5d5d; line-height: 23px; font-weight: 600; } .container-fluid { padding-right: 0px; padding-left: 0px; } .onmobile { display: block; } .disnone { display: inline-block; } .ondesktop { display: none; } .navbar-collapse.collapse { position: fixed; top: 0px; left: -100%; width: 70%; background: #000; height: 100%; z-index: 999999; } .techgropse-logo .direct-contact ul { border-top: 1px solid #635f5f; border-bottom: 1px solid #635f5f; } .techgropse-logo .direct-contact ul li { width: 32%; text-align: center; display: inline-block; border-right: 1px solid #635f5f; padding: 10px 0px; } .techgropse-logo .direct-contact ul li:nth-last-child(1) { border-right: 0px solid #635f5f; } .techgropse-logo .direct-contact ul li img { width: 15px; height: 15px; } .background-home { padding: 0; } .headerpage-fluid .techgropsemenu .mytoggle a { color: #ffffff; font-size: 20px; display: block; } .headerpage-fluid .techgropsemenu { padding: 5px 0px; background: #171c2c; } .stick .techgropsemenu .techgropselogo img.blacklogo { display: none; } .stick .techgropsemenu .techgropselogo img.whitelogo { display: block; } .techgropsemenu .techgropselogo img { width: 100px; height: auto; } .techgropse-logo { text-align: center; margin-top: 0px; padding: 10px 0px; } .techgropse-logo img { width: 120px; height: auto; } .techgropsemenu .mytoggle { display: block; } .techgropsemenu .navbar-collapse ul { float: left; width: 100%; margin-top: 20px; } .techgropsemenu .navbar-nav .nav-item { margin-left: 0; width: 100%; } .techgropsemenu .navbar-nav .nav-item .nav-link { padding-bottom: 10px; } .techgropsemenu .dropdown:hover .dropdown-menu.show { display: block; } .techgropsemenu .dropdown .dropdown-menu.show { display: block; margin-left: 15px; margin-top: 0; margin-bottom: 0; padding: 0; } .stick .techgropsemenu .navbar-nav .nav-item .nav-link { padding-bottom: 10px; color: #ffffff; } .techgropsemenu .dropdown .dropdown-menu .dropdown-item:hover { background: #44c8f500; border-radius: 5px; color: #ffffff; } .techgropsemenu .dropdown .dropdown-menu .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa00; } .techgropsemenu .dropdown .dropdown-menu { background: transparent; } .techgropsemenu .dropdown .dropdown-item { padding: 5px 10px; color: #ffffff; } .techgropsemenu .navbar-nav .nav-item .nav-link img { width: 12px; height: 12px; margin-top: -5px; margin-right: 10px; } .techgropsemenu .dropdown-toggle::after { margin-top: 8px; display: inline-block; width: 0; height: 0; margin-left: auto; vertical-align: initial; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; float: right; margin-right: 30px; } .techgropse-logo .fa { display: block; color: #c7c2c2; font-size: 20px; text-align: right; margin-right: 15px; } /* .techgropsemenu .navbar-collapse ul { float: left; margin-left: 15px; } */ .blackappend { background: rgba(0, 0, 0, 0.75); z-index: 999; height: 100%; width: 100%; position: fixed; top: 0; left: 0; display: none; } .hedaerpart-design { margin-top: 0%; } .hedaerpart-design h2 { font-size: 18px !important; margin: 5px auto 10px !important; } .hedaerpart-design .achieved-design img { width: 50px; margin-bottom: 20px; } .hedaerpart-design .designpart .textpart p { font-size: 14px; line-height: 22px; } .hedaerpart-design .designpart .emailpart .form-inline .btn-primary { background: #44c8f5; border-color: #44c8f5; font-size: 12px; font-weight: 600; padding: 0px 40px 0px 10px; height: 36px; position: relative; border-radius: 4px; margin-top: 18px; margin-left: 40px; } .hedaerpart-design .designpart .emailpart .form-inline .btn-primary img { top: 12px; right: 10%; width: 15px; } .hedaerpart-design .designpart .emailpart { width: 100%; margin-top: 50px; } .hedaerpart-design .form-heading { font-size: 22px; } .hedaerpart-design .form-styling .form-group input { height: 30px; } .hedaerpart-design .form-styling .form-group textarea { height: 48px; } .homeabout-fluid .about-head { position: absolute; transform: rotate(-90deg); top: 50%; left: -60%; z-index: 1; } .homeabout-fluid .about-main .about-box .box1 h3 { padding-left: 0px; } .homeabout-fluid .about-main .about-box .box1 img { position: absolute; top: -20px; left: 50%; margin-left: -10px; } .homeabout-fluid .about-main .about-box .box1.deliver img { width: 16px; margin-left: -8px; } .homeabout-fluid .about-main .about-box .box1.technology img { left: 50%; width: 24px; height: auto; margin-left: -12px; } .homeabout-fluid .circle-part { display: none; } .homeabout-fluid .about-main .about-box .box1 { border: 0px solid #f1f1f1; } .homeabout-fluid { padding: 40px 0 20px 0; } .homeabout-fluid .about-main-head .about-main { padding-left: 0; } .glimpse .heading h3 { color: #0a113b; font-size: 22px; line-height: 28px; } .glimpse .app-number { padding-top: 0; padding-bottom: 30px; } .expectation { padding: 30px 0 10px 0; } .reason-fluid .toppart-deaisgn .rightpart { text-align: center; display: none; } .reason-fluid .bottompart .tab-content .tabcontent p { margin-right: 0%; } .reason-fluid .bottompart .tab-content .tabcontent:after { width: 50px; height: 50px; } .reason-fluid .bottompart .tab-content .tabcontent img { position: absolute; width: 17px; top: 12px; left: 15px; } .Service { padding: 10px 0 10px 0; } .Service .service-box .box1 { padding: 40px 13px 20px; text-align: center; } .Service .service-box .box1:after { top: 10px; left: 50%; margin-left: -15px; } .Service .service-box .box1 h4 { font-size: 12px; } .tech-company { display: none; } .sale-fluid .Sale-border .box { padding-left: 31%; margin: 12px 0; } .sale-fluid .Sale-border .box:after { left: 25px; } .sale-fluid .Sale-border .box1:after { left: 25px; } .homeportfolio-slider .carousel-inner .carousel-item .content-part { padding-bottom: 0; padding-top: 20px; } .homeportfolio-slider .carousel-inner .carousel-item .content-part .heading h2 { font-size: 30px; color: #ffffff; } .homeportfolio-slider .carousel-inner .carousel-item .image-part { position: relative; padding-top: 50px; } .homeportfolio-slider .carousel-control-prev, .homeportfolio-slider .carousel-control-next { display: none; } .homeportfolio-slider .carousel-inner .carousel-item .image-part .secondimage { margin-top: 5%; } .footer-menu .footer-bottom .reserved p { font-size: 13px; color: gray; text-align: center; } .footer-menu .techgropse-logo img { width: 100px; } .footer-menu .footer-bottom .reserved-right { text-align: center; } .address-fluid .carousel-inner { z-index: 9; margin-right: 0px; margin-left: 0px; } .address-fluid .carousel-control-prev { left: -8%; } .address-fluid .carousel-control-next { right: -8%; } .address-fluid { padding-top: 30px; padding-bottom: 0px; } .address-fluid .blogsection { margin-bottom: 10px; margin-top: 30px; } .address-fluid .toppartdesign p { margin-right: 0%; } .blog-fluid .carousel-control-next { left: 25%; } .blog-fluid .carousel-inner { z-index: 9; margin-right: 0px; margin-left: 0px; } .blog-fluid .blogsection { margin-bottom: 10px; margin-top: 20px; } .blog-fluid .toppartdesign p { margin-right: 0%; } .blog-fluid { background: none; } .industries .box .col-md-3 { max-width: inherit; } .service-design .designpart .textpart h1 { font-size: 25px; margin: 0; } .service-design .designpart .textpart p { font-size: 14px; line-height: 20px; } .service-design .form-styling { padding: 10px 10px 10px 0px; margin-top: 15px; } .service-design .form-heading { font-size: 22px; } .service-design .form-styling .form-group input { height: 30px; } .service-design .form-styling .form-group textarea { height: 48px; } .background-service .headericon { display: none; } .standout-fluid { margin: 40px 0; } .standout-fluid h2 { font-size: 28px; } .standout-fluid h2:after { top: 33px; } .standout-fluid ul li { font-size: 12px; } .workflow-fluid h2:after { top: 35px; left: 40%; } .workflow-fluid .box { min-height: 250px; padding-top: 10px; } .workflow-fluid .box p { font-size: 12px; line-height: 18px; } .approach-fluid h2:after { top: 35px; left: 40%; } .approach-fluid img { width: 100%; } .approach-fluid ul li { font-size: 12px; } .portfolio-fluid h2:after { top: 35px; left: 40%; } .portfolio-fluid ul li { font-size: 12px; } .mob-none { display: none; } .delivery-fluid h2 { font-size: 30px; margin-bottom: 5px; } .delivery-fluid h2:after { top: 35px; } .approach-fluid { margin-bottom: 0; } .approach-fluid .right-part, .approach-fluid .left-part { margin-bottom: 20px; } .platform-fluid { margin-bottom: 30px; } .platform-fluid h2 { font-size: 30px; } .platform-fluid h2:after { top: 35px; } .whyopt-fluid h3:after { top: 35px; } .whyopt-fluid ul li { font-size: 12px; } .howtowork-fluid .poinspart li { font-size: 12px; } .service-design .designpart .textpart h3 { font-size: 14px; } .businessgoal-fluid { padding-top: 10px; padding-bottom: 10px; } .howtowork-fluid { margin-bottom: 20px; } .footer-menu .footer-bottom .reserved-right ul { float: left; width: 100%; text-align: center; } .thankyou-fluid { height: 600px; } .blog-fluid .blogsection .card .blogimg { width: 100%; height: 240px; } .headerpage-fluid-fixed.homeportfolio-slider .techgropsemenu { padding: 10px 0px; } .portfolio-home.portfolio-section { height: 100vh; } .portfolio-section { height: auto; } .portfolio-design { margin-top: 0; } .portfolio-section .portfolio-design .right-portfolio { margin-top: 10px; } .interface-section .notification-img, .user-interface .mockup-img { display: none; } .interface-section .app-link { text-align: left; } .user-interface { padding-left: 0%; } .user-interface .ui-element h4 { display: none; } .user-interface .ui-element .middle-img { width: 45%; } .user-interface .ui-element .topimg { width: 51%; right: 0%; } .user-interface .ui-element .bottomimg { width: 50%; right: 0px; top: 35%; } .portfolio-section .portfolio-design .left-portfolio .img1 img { width: 25%; } .portfolio-section .portfolio-design .left-portfolio .img2 { left: 15%; } .portfolio-section .portfolio-design .left-portfolio .img2 img { width: 30%; } .portfolio-section .portfolio-design .right-portfolio .img1 img { width: 40%; } .portfolio-section .portfolio-design .right-portfolio .img2 { top: 12px; right: -10px; } .portfolio-section .portfolio-design .right-portfolio .img2 img { width: 30%; } .portfolio-section .portfolio-design .game-portfolio .img1 img { width: 25%; } .portfolio-section .portfolio-design .game-portfolio .img2 { left: 15%; } .portfolio-section .portfolio-design .game-portfolio .img2 img { width: 30%; } .interface-section .web-content { margin-top: 0px; } .interface-section .web-img img { width: 75%; margin-left: 10px; } } @media (max-width: 550px) and (min-width: 300px) { .hedaerpart-design .designpart .textpart p { display: none; } .homeabout-fluid .about-main-head .about-main { padding-left: 5px; } .glimpse .heading h3 span:after { display: none; } .glimpse .app-number .number1 h3 { font-size: 30px; } .technology .tech-tabs { padding-top: 30px; } .technology .tab-content { padding-top: 0; } .technology .tab1 .reality { padding-right: 0; } .service-design .designpart .textpart p { display: none; } .workflow-fluid .box { min-height: 50px; } .workflow-fluid .box p { display: none; } .industries { padding-top: 30px; } .platform-fluid ul li { margin-left: 15px; } .homeabout-fluid .about-head h2 { display: none; } .thankyou-fluid { height: 350px; } .blog-fluid .blogsection .card .blogimg { width: 100%; height: 200px; } .customtooltip img { width: 100%; } .customtooltip { background: none; padding: 0; } .hedaerpart-design .designtext { margin-top: 5px !important; } .hedaerpart-design .designtext p { font-size: 12px !important; line-height: 14px; } .achieved-design img { width: 60px; } } @media (max-width: 1200px) and (min-width: 768px) { .techgropsemenu .service-menu .dropdown-menu:after { margin: 0 38%; } .technology .tech-tabs { padding-top: 30px; } .technology .tab-content { padding-top: 0; } .technology .tab1 .reality { padding-right: 0; } .glimpse .app-number { padding-top: 0; padding-bottom: 30px; } .homeabout-fluid .about-head { left: -30%; } .homeabout-fluid { padding: 50px 0 0px 0; } .service-design .designpart .textpart h1 { font-size: 30px; } .workflow-fluid .box { padding-top: 10px; } .approach-fluid h2:after { top: 35px; } .mob-none { display: none; } .service-design .form-heading { font-size: 30px; } .platform-fluid h2:after { top: 40px; } .portfolio-fluid h2:after, .whyopt-fluid h3:after { top: 35px; } .workflow-fluid .box p { font-size: 12px; } .workflow-fluid h2:after { top: 35px; } .workflow-fluid .box { min-height: 280px; } .howtowork-fluid { margin-bottom: 40px; } .businessgoal-fluid { padding-top: 80px; padding-bottom: 40px; } .service-design .designpart .textpart h3 { font-size: 14px; } .interface-section { padding-top: 15%; background-position: inherit; } } @media (max-width: 1024px) and (min-width: 768px) { .techgropsemenu .navbar-collapse ul { float: right; flex-direction: row; } .techgropsemenu .navbar-expand-lg.bg-light { flex-wrap: nowrap; } .techgropsemenu .navbar-nav .nav-item { margin-left: 20px; position: relative; } .techgropsemenu .service-menu .dropdown-menu { width: 250px; border-radius: 6px; padding: 15px 15px; position: absolute; left: -80px!important; } .techgropsemenu .about-menu .dropdown-menu { width: 200px; border-radius: 6px; padding: 15px 15px; position: absolute; left: -80px!important; } .techgropsemenu .join-menu .dropdown-menu { width: 200px; border-radius: 6px; padding: 15px 15px; position: absolute; left: -80px!important; } .techgropsemenu .contact-menu .dropdown-menu { width: 200px; border-radius: 6px; padding: 15px 15px; position: absolute; left: -60px!important; } .interface-section { padding-top: 15%; } .user-interface .ui-element .bottomimg { right: -10px; } .hedaerpart-design .designpart .textpart p { display: none; } .hedaerpart-design .achieved-design img { width: 75px; } }