@media (min-width:600px) and (max-width: 991px) { #hero-area .contents h1 { font-size: 28px} .item-boxes h4 { font-size: 18px} #features .show-box img { display: none} .pricing-table .pricing-details ul li { font-size: 12px} .counters .facts-item .fact-count h4 { font-size: 14px} .single-team { margin-bottom: 30px} .meta-tags span { margin-right: 3px} .meta-tags span i { margin-right: 0px} #blog .blog-item-text h3 { font-size: 14px; line-height: 20px} } @media (max-width: 767px) { .section-header .section-title { font-size: 20px} #hero-area .contents { padding: 100px 0 80px} #hero-area .contents h1 { font-size: 18px; line-height: 30px} #features .show-box img { display: none} #features .box-item .text h4 { font-size: 14px} .controls { margin: 0px} .controls .btn { font-size: 13px; padding: 7px 7px} .video-promo .video-promo-content h2 { font-size: 22px} .pricing-table { margin-bottom: 15px} .counters .facts-item { margin-bottom: 30px} .single-team { margin-bottom: 15px} .contact-us { margin-bottom: 30px} .contact-us h3 { font-size: 28px} .footer-links li a { margin-right: 10px} .copyright { float: left} } .responsive { width: 100%; max-width: 100%; height: auto; align-content: center} .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none}