@media (max-width: 980px) { .form-horizontal.form-bordered .form-group { border-bottom: 1px solid #eee; } .form-horizontal.form-bordered .form-group > .control-label { padding: 15px 15px 5px; } .form-horizontal.form-bordered .form-group > div { padding: 5px 15px 15px; } .form-horizontal.form-bordered .form-group > .control-label, .form-horizontal.form-bordered .form-group > div { border: medium none; } .result-list .result-image, .result-list .result-price { width: 200px; } .gallery .image { width: 33%; } } @media (max-width: 767px) { body { padding-top: 0 !important; } .page-with-right-sidebar .sidebar { left: auto; right: -220px; } .page-with-right-sidebar .content { margin-right: 0; } .page-with-right-sidebar .footer { margin-right: 20px; } .content, .sidebar-minifed .content { margin-left: 0 !important; } .content.content-full-width .breadcrumb { margin: 20px; } .navbar.navbar-fixed-top { margin: 0; position: relative; } .navbar-brand { width: auto; } .navbar-header { border-bottom: 1px solid #eee; } .navbar-nav { margin: 0; } .navbar-right { float: right; } .navbar-left, .navbar-nav > li { float: left; } .navbar-form { border: medium none; margin: 0; padding: 12px 10px; } .navbar-form .btn-search { right: 10px; } .navbar-form .form-group { margin: 0; } .navbar-form .form-control, .navbar-form .form-control:focus { animation: 0s ease 0s normal none 1 running none !important; margin: 0; width: 200px !important; } .navbar-nav .open .dropdown-menu { background: none repeat scroll 0 0 #fff; border-top: 1px solid #eee; box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.2); float: left; left: 0; list-style: outside none none; min-width: 160px; position: absolute; top: 100%; z-index: 1000; } .navbar-nav.navbar-right .open .dropdown-menu { left: auto; right: 0; } .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background: none repeat scroll 0 0 #edf0f5; } @keyframes sidebarSlideIn { 0% { left: -220px; } 100% { left: 0; } } .sidebar-toggled .sidebar { animation: 0.2s ease 0s normal none 1 running sidebarSlideIn; left: 0; } .sidebar { background: none repeat scroll 0 0 #2d353c; left: -220px; padding-top: 0; position: fixed; z-index: 1020; } .sidebar-bg { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); position: initial; } .sidebar-minified.page-with-right-sidebar .content { margin-right: 0; } .sidebar-minified.page-with-right-sidebar .footer { margin-right: 20px; } .content { padding: 20px; } .breadcrumb { float: none !important; } .footer { margin: 0 20px; } .table-responsive .table > tbody > tr > td, .table-responsive .table > tbody > tr > th, .table-responsive .table > tfoot > tr > td, .table-responsive .table > tfoot > tr > th, .table-responsive .table > thead > tr > td, .table-responsive .table > thead > tr > th { white-space: nowrap; } .dataTables_wrapper { min-width: 767px; padding: 15px; } .login .login-header, .login-content { width: 100% !important; } .login { margin: 108px 0; } .login .login-header { left: 0; margin: 0; } .invoice-company .pull-right { display: block; float: none !important; } .invoice .table-responsive { margin-bottom: 20px; } .invoice-date, .invoice-from, .invoice-to { display: block !important; padding: 0 !important; text-align: left !important; width: 100% !important; } .invoice-date, .invoice-to { margin-top: 20px !important; } .invoice-price .invoice-price-left, .invoice-price .invoice-price-right { display: block; float: left !important; padding: 10px !important; width: 100% !important; } .invoice-price .invoice-price-row { display: block !important; float: none !important; width: 100% !important; } .invoice-price .invoice-price-left .sub-price { display: block !important; padding: 0 10px !important; text-align: center !important; } .invoice-price .invoice-price-right { text-align: center !important; } .invoice-price .invoice-price-right small { display: block; left: 0 !important; position: relative !important; top: 0 !important; } .result-list .result-image { width: 160px; } .result-list .result-price { font-size: 20px; width: 100px; } .result-list > li > div { padding: 15px; } .map { left: 0 !important; top: 109px !important; } .gallery .image { width: 50%; } .vertical-box, .vertical-box .vertical-column { display: block !important; } .width-full, .width-lg, .width-md, .width-sm, .width-xs { width: 100% !important; } .fc-event .fc-event-title small { display: none !important; } .calendar { display: block; margin-left: 0 !important; width: 100% !important; } .fc-button-today { float: left !important; } .fc-header-center, .fc-header-left, .fc-header-right { display: table !important; text-align: center !important; width: 100% !important; } .calendar-event .external-event { width: 100% !important; } .fc-header-left { text-align: right !important; } .fc-header-center { margin-top: -46px !important; } .fc-header-center h2 { font-size: 18px !important; } .calendar-event .external-event i, .calendar-event .external-event p, .fc-event .fc-event-icons, .fc-header-left .fc-header-space { display: none !important; } .calendar-event .external-event h5 { margin: 0 !important; } .bwizard-steps li { float: left !important; width: 100% !important; } .nav-tabs.nav-justified.nav-justified-mobile > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified.nav-justified-mobile > li > a { margin-bottom: 0; } } @media (max-width: 480px) { .media.media-lg .pull-left { float: none !important; margin-right: 0; } .media.media-lg .media-object { margin-bottom: 10px; width: 100%; } .result-list .result-image { float: none; width: 100%; } .result-list .result-image a { position: relative; } .result-list > li > div { display: block; width: 100%; } .result-list > li > .result-price { border-left: medium none; border-top: 1px dashed #ddd; padding: 15px; width: 100%; } .result-list .btn-row { text-align: center; } .result-list .result-price .btn { margin-top: 15px; } .gallery .image { width: 100%; } } @media (max-width: 380px) { .navbar-form .form-control, .navbar-form .form-control:focus { width: 160px !important; } } @media (max-width: 340px) { .navbar-form .form-control, .navbar-form .form-control:focus { width: 140px !important; } } @media (max-width: 979px) { .timeline .timeline-body { margin-left: 25%; margin-right: 10%; } .timeline .timeline-time { width: 13%; } .timeline .timeline-icon { left: 13%; width: 12%; } .timeline::before { left: 19%; } } @media (max-width: 767px) { .timeline::before { left: 50%; } .timeline .timeline-body { margin-left: 0; margin-right: 0; margin-top: 10px; padding: 20px; } .timeline .timeline-footer { margin: 20px -20px -20px; padding: 20px; } .timeline .timeline-body::before { border-bottom-color: #fff; border-right-color: transparent; left: 50%; margin-left: -10px; top: -20px; } .timeline .timeline-time { left: 0; margin-right: 40px; padding-top: 5px; right: 50%; width: auto; } .timeline .timeline-icon { left: 0; margin: 0 auto; position: relative; width: 80px; } } @media (max-width: 979px) { .coming-soon .timer .is-countdown { width: 767px; } } @media (max-width: 767px) { .coming-soon .timer .is-countdown { width: 100%; } } @media (max-width: 480px) { .coming-soon .timer .countdown-amount { font-size: 24px; } .coming-soon .coming-soon-content .desc, .coming-soon .coming-soon-header .desc, .coming-soon .timer .countdown-period { font-size: 12px; } .coming-soon .coming-soon-content .desc, .coming-soon .coming-soon-header .desc { padding-left: 20px; padding-right: 20px; } .coming-soon .coming-soon-content .input-group { margin-left: 20px; margin-right: 20px; width: auto; } }