@media (max-width: 1199px) { .btn{ margin-bottom: 10px; } .header .overlay{ height: 650px; } .about-img { padding-top: 65px; } } @media (min-width: 992px) { .container .grid-md{ margin:0 auto; width: 970px; } } @media (max-width: 991px) { .navbar-fixed-top { background: #323a45 ; background: rgba( 74, 75, 82,0.95); padding-top: 0; padding-bottom: 0; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: none; } .navbar-collapse.collapse { display: none!important; } .navbar-collapse.collapse.in { display: block!important; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 5px; padding-bottom: 5px; display:inline-block; } .navbar-nav>li>a.btn-nav { margin: 3px 0 5px 15px; padding: 5px; } .header .overlay{ height: 1100px; } .img-with-action{ padding-left: 15px; padding-right: 15px; } .early-testimonial .large{ margin-bottom: 0; } .early-testimonial blockquote{ margin-top: 50px; } .early-testimonial .testimonial-name{ padding-top: 19px; } .about-img { padding-top: 50px; } .footer-right { margin-top: 50px; } } @media (max-width: 767px) { .wow { visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } h2 { text-align: left; } .large { text-align: left; } .countdown { width: 100%; } } @media (max-width: 599px) { h1{ font-size: 42px; line-height: 46px; } h2{ font-size: 38px; line-height: 42px; } h3{ font-size: 28px; line-height: 32px; } } @media (max-width: 479px) { h1{ font-size: 40px; line-height: 44px; } h2{ font-size: 37px; line-height: 39px; } .hero-section .btn{ margin-bottom: 5px; } .login .modal-dialog{ width: 80%; margin: 90px auto; } .earlyaccess .btn{ font-size: 10px; padding: 16px 5px 15px; } .icon-sm.feature-box-left{ text-align:left; overflow: hidden; } }