/* only small desktops */ /* Developed by: Mahendra mahendran-mahe.blogspot */@media (min-width: 992px) and (max-width: 1199px) { #hero-area .contents .head-title { font-size: 40px; } .services-item .services-content h3 a { font-size: 14px; } .title-hl { font-size: 30px; } .why .content h3 { font-size: 30px; } .counter-box { margin-bottom: 30px; } } /* tablets */ @media (max-width: 991px) { .section-title { font-size: 30px; margin-bottom: 30px; } .services-item .services-content h3 a { font-size: 14px; } .services-item { margin-bottom: 20px; } #pricing-table .title h3 { font-size: 14px; } } /* only small tablets */ @media (min-width: 768px) and (max-width: 991px) { .section-title { font-size: 26px; margin-bottom: 30px; } .services-item .services-content h3 a { font-size: 16px; } .bg-inverse { background: #fff !important; box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06); } .navbar-expand-md .navbar-nav .nav-link { font-size: 13px; padding: 0px 3px; } #about .sec-title h3 { font-size: 30px; line-height: 42px; } .title-hl { font-size: 30px; } .text-wrapper { padding: 60px 30px; } .why .content h3 { font-size: 30px; } #pricing-table .title h3 { font-size: 14px; } .skill-area img { margin-bottom: 30px; } .counter-box { margin-bottom: 30px; } #blog .blog-item-wrapper { margin-bottom: 30px; } .experience h4 { font-size: 18px; } .testimonial-item { padding: 10px; } .testimonial-item .content h2 { font-size: 15px; } .slider-center img { padding: 40px 60px; } .subscribes h4 { font-size: 30px; } .footer-area .footer-titel { margin-top: 30px; } .contact-right-area { margin-top: 0px; margin-left: 0px; } } /* mobile or only mobile */ @media (max-width: 767px) { .section-padding { padding: 50px 0; } .section-title { font-size: 22px; margin-bottom: 30px; } .title-hl { font-size: 30px; } .bg-inverse { padding: 0 15px; background: #274864 !important; box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06); } .navbar-expand-md .navbar-nav .nav-link { padding: 0px 15px; } #hero-area .contents { padding: 100px 0px 60px 0px; } #hero-area .contents .head-title { font-size: 20px; line-height: 36px; margin-bottom: 15px; } #hero-area .contents p { font-size: 18px; } #hero-area .contents .btn { margin: 5px 10px 10px 0px; } .text-wrapper { padding: 60px 15px; } #about .sec-title h3 { font-size: 22px; line-height: 36px; } .counter-box { margin-bottom: 30px; } .why-item { padding: 30px; } .why .content h3 { font-size: 18px; } .why-content { margin-left: 110px; } .feature-thumb { padding: 10px; } .testimonial-item { padding: 0; } .client-item-wrapper img { width: 50%; } .slick-slider { padding: 0; } .slider-center img { padding: 60px 40px; } .subscribes h4 { font-size: 22px; } .subscribes p { font-size: 16px; line-height: 28px; } .skill-area img { margin-bottom: 30px; } #blog .blog-item-wrapper { margin-bottom: 30px; } .video-promo .video-promo-content h2 { font-size: 20px; } .footer-right-contact .single-contact { margin: 10px 7px; padding: 3px 45px; } .footer-area .footer-titel { margin-top: 30px; } .contact-right-area { margin: 20px 0; } .contact-form-area h2 { font-size: 14px; } .copyright .float-right { float: left !important; } }