/*================================================== = Bootstrap 3 Media Queries = ==================================================*/ /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1199px) { html { font-size: 90%; } .bg-img-box .caption .title { font-size: 24px; margin-top: 0px; } .testimonial-carousel .owl-controls .owl-pagination { margin-right: 15px !important; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 991px) { html { font-size: 75%; } .navbar-nav .dropdown-menu { left: auto; } #header-logo { padding: 10px 15px; } section > .container, section > .container-fluid { padding-bottom: 30px; } .divider .container { } .header .navbar-default .navbar-nav > li > a::after { display: none; } .team-member, .working-progress { margin-bottom: 60px !important; } .testimonial-carousel .owl-controls .owl-pagination { margin-right: 0px !important; } .map { margin-top: 30px; } .curve-bg:after, .curve-bg-half:after { left: auto; -webkit-transform: rotate(-0deg); -moz-transform: rotate(-0deg); -ms-transform: rotate(-0deg); -o-transform: rotate(-0deg); transform: rotate(-0deg); } .blog-posts .entry-header .entry-title { padding-top: 0; } .blog-posts .entry-header .entry-date { margin-left: 0; } .contact-wrapper { padding: 50px 30px; } .header #header-logo { padding-top: 20px; } .boxed-layout .header #header-logo, .vertical-header .header #header-logo { padding-top: 10px; } .header .navbar-default .navbar-toggle { margin-top: 18px; } .boxed-layout .header .navbar-default .navbar-toggle { margin-top: 8px; } .header #header-logo img { height: 30px; } .pricing-table .table-price { font-size: 30px; } .bg-img-box .caption .title { font-size: 24px; margin-top: 0px; } .bg-img-box .caption .schedule { font-size: 14px; margin-top: 0px; } } /* Small Devices, Tablets */ @media only screen and (max-width : 767px) { html { font-size: 60%; } .box-hover-effect { float: none; } #header-logo { padding: 10px 15px; } #spinner { left: 42%; } .navbar-default .navbar-toggle { margin-top: 15px; border-radius: 0px; } #home .display-table p { margin: 15px 0; font-size: 14px; } .icon-box { margin-top: 30px; margin-bottom: 30px; } .icon-box { text-align: center; } .icon-box.left { text-align: center; } .icon-box.left a { margin-right: 0; padding: 0; } .icon-box .media-left { float: none !important; margin: 0 0 30px 0; } .icon-box .media-left, .icon-box .media-right, .icon-box .media-body { display: block; width: auto; } .call-to-action { text-align: center; } .call-to-action .icon { float: none; } .sidebar.pull-left, .sidebar.pull-right { float: none !important; } .blog-posts .entry-meta { background: none; left: auto; position: relative; top: auto; } .testimonial-carousel.boxed .owl-dots { text-align: center; } .bg-img-box .caption .title { font-size: 24px; margin-top: 30px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 479px) { html { font-size: 50%; } .post > div { width: 100%; } .vertical-text-carousel .owl-controls .owl-buttons { top: 18%; } } /* Custom, iPhone Retina */ @media only screen and (max-width : 319px) { html { font-size: 35%; } }