/* Uricko Medical Health HTML-5 Template HTML Template */ @media only screen and (max-width: 1340px){ } @media only screen and (max-width: 1140px){ .main-header{ margin:0px !important; } .page-wrapper{ overflow:hidden; } .main-menu .navigation > li{ margin-left:0px; } .main-header .info-box strong{ font-size:13px; } h1{ font-size:42px; } h2{ font-size:34px; } h4{ font-size:24px; } .sticky-header .main-menu .navigation > li{ margin-left:22px; } .main-header .search-box-btn{ margin-right:0px; } .main-header .header-upper .outer-box .nav-btn{ margin-right:0px; } .vision-section .title-column .blocks-outer{ padding-right:0px; } .timing-section .choose-column .inner-column{ padding-left:30px; padding-right:30px; } .vision-section .side-image, .main-header .outer-box .phone-box, .main-header .outer-box .btn-box{ display:none; } .box-layout .page-wrapper{ padding:0px 0px; } .testimonial-block .inner-box .text{ font-size:16px; } .faq-section .image-column .image{ width:450px; height:450px; } .rtl .vision-section .title-column .blocks-outer, .sidebar-page-container .sidebar-side .with-border{ padding-left:0px; } .sidebar-page-container .sidebar-side .with-border:before{ display:none; } .sidebar-page-container .sidebar-side.left-sidebar .with-border{ padding-right:0px; } .rtl .main-header .outer-box{ float:left; } .rtl .about-section .content-column .inner-column{ padding-left:0px; } .services-detail-box .content-column .inner-column{ padding-left:25px; padding-right:25px; } .services-detail-box .content-column .text{ font-size:16px; } .treatment-section .treatment-tabs .tab-btns .tab-btn{ font-size:20px; } .treatment-section .content-column .inner-column{ padding:0px 0px; } .treatment-section .image-column .inner-column{ padding-right:0px; } } @media only screen and (min-width: 768px){ .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul{ display:block !important; visibility:hidden; opacity:0; } } @media only screen and (max-width: 1023px){ .main-header .main-box .logo-box { position:relative; left:0px; top:0px; right:0px; bottom:0px; margin:0px; text-align:left; } .page-title{ padding:140px 0px; } .main-header .outer-box{ display:block; padding:21px 0px 21px; } .main-menu .navigation > li > a{ font-size:14px; padding:20px 0px; } .main-menu .navigation > li{ margin-right:25px; } .main-header .header-upper .logo-box{ margin: 0px; width:100%; padding-bottom:0px; text-align:center; } .main-header{ position:relative; padding-top:0px; background-color:#222222; } .main-header .nav-outer{ width:100%; padding-top:0px; } .main-menu .navigation > li > a{ text-transform:capitalize; } .sticky-header .logo{ width:100%; text-align:center; } .sticky-header .pull-right{ width:100%; } .sticky-header .main-menu .navigation > li{ margin-left:0px; margin-right:20px; } .main-header .nav-outer{ padding:0px; background-color:inherit; } .main-header .header-top .social-box{ margin-bottom:10px; } .main-header .header-top .inner-container .pull-left{ width:100%; text-align:center; } .main-header .header-top .info-list li a{ color:#ffffff; } .main-header .header-top .inner-container .pull-right{ width:100%; text-align:center; } .main-header .header-upper .logo-box .logo{ padding-bottom:0px; } .main-header .header-upper{ background-color:#ffffff; } .main-header .header-upper .inner-container{ padding:0px 0px; } .main-header .header-upper .outer-box .nav-btn{ margin-top:0px; } .banner-section .slide{ padding-top:0px; } .timing-section .timing-column .inner-column{ margin-right:0px; } .timing-section .timing-column{ margin-top:0px; margin-bottom:40px; } .team-section .owl-nav{ position:relative; left:0px; right:0px; top:auto; margin-top:30px; text-align:center; } .team-section .owl-nav .owl-prev, .team-section .owl-nav .owl-next{ position:relative; margin:0px 8px; display:inline-block; } .faq-section .accordion-column{ order:1; padding-bottom:40px; } .faq-section .image-column{ order:2; } .testimonial-section .image-layer{ height:600px; } .about-section .images-column .image-two, .page-title .icon-layer-one{ display:none; } .hospital-section .content-column{ order:1; } .hospital-section .image-column{ order:2; } .hospital-section .image-column .inner-column .image{ text-align:center; padding-top:30px; } .main-header .header-top.style-two .info-list li a{ color:#111111; } .coming-soon .content .content-inner .logo{ margin-bottom:120px; } .time-counter .time-countdown{ margin-bottom:100px; } .cart-section .coupon-outer{ margin-left:0px; margin-right:0px; } .sidebar-page-container .sidebar-side.left-sidebar{ order:2; } .sidebar-page-container .sidebar-side.right-sidebar{ order:1; } .rtl .banner-section .image-column{ order:2; } .rtl .banner-section .image-column .inner-column{ margin-left:0px; } .rtl .banner-section .content-column{ order:1; } .rtl .about-section .content-column, .rtl .vision-section .title-column{ order:1; } .rtl .about-section .images-column, .rtl .vision-section .appointment-column{ order:2; } .services-detail-box .image-column .inner-column{ margin-left:0px; margin-top:30px; } .treatment-section .treatment-tabs .tab-btns .tab-btn{ width:45%; margin-bottom:25px; } .treatment-section .content-column{ order:1; padding-bottom:30px; } .treatment-section .image-column{ order:2; } .rtl .doctor-detail-section .info-column{ order:1; } .rtl .doctor-detail-section .content-column{ order:2; } } @media only screen and (max-width: 767px){ .header-upper .logo-outer { position:relative; left:0px; top:0px; right:0px; bottom:0px; width:100%; margin:0px; } .main-header .sticky-header .outer-box{ display:block; right: 15px; left: auto; top:0px; } .main-menu{ width:100%; display:none; } .main-menu .navbar-collapse { max-height:300px; max-width:none; overflow:auto; float:none !important; width:100% !important; padding:0px 0px 0px; border:none; margin:0px 0px 15px; -ms-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; border-radius:0px; box-shadow:none; } .main-menu .navbar-collapse.in, .main-menu .collapsing{ padding:0px 0px 0px; border:none; margin:0px 0px 15px; -ms-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; border-radius:0px; box-shadow:none; } .main-menu .navbar-header{ position:relative; float:none; display:block; text-align:right; width:100%; padding:15px 0px; right:0px; z-index:12; } .main-menu .navbar-header .navbar-toggle{ display:inline-block; z-index:12; border:1px solid #cc8809; float:none; margin:0px 0px 0px 0px; border-radius:0px; background:#cc8809; } .main-menu .navbar-header .navbar-toggle .icon-bar{ background:#ffffff; } .main-menu .navbar-collapse > .navigation{ float:none !important; margin:0px !important; width:100% !important; background:#2c2c2c; border:1px solid #ffffff; border-top:none; } .main-menu .navbar-collapse > .navigation > li{ margin:0px !important; float:none !important; padding:0px !important; width:100%; } .main-menu .navigation > li > a, .main-menu .navigation > li > ul:before{ border:none; } .main-menu .navbar-collapse > .navigation > li > a{ padding:10px 10px !important; border:none !important; } .main-menu .navigation li.dropdown > a:after, .main-menu .navigation > li.dropdown > a:before, .main-menu .navigation > li > ul > li > a::before, .main-menu .navigation > li > ul > li > ul > li > a::before{ color:#ffffff !important; right:15px; font-size:16px; display:none !important; } .main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul{ position:relative; border:none; float:none; visibility:visible; opacity:1; display:none; margin:0px; left:auto !important; right:auto !important; top:auto !important; padding:0px; outline:none; width:100%; background:#2c2c2c; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; border-radius:0px; transition:none !important; -webkit-transition:none !important; -ms-transition:none !important; -o-transition:none !important; -moz-transition:none !important; } .main-menu .navbar-collapse > .navigation > li > ul, .main-menu .navbar-collapse > .navigation > li > ul > li > ul{ border-top:1px solid rgba(255,255,255,1) !important; } .main-menu .navbar-collapse > .navigation > li, .main-menu .navbar-collapse > .navigation > li > ul > li, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{ border-top:1px solid rgba(255,255,255,1) !important; border-bottom:none; opacity:1 !important; top:0px !important; left:0px !important; visibility:visible !important; } .main-menu .navbar-collapse > .navigation > li:first-child{ border:none; } .main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{ padding:10px 10px !important; line-height:22px; color:#ffffff; background:#2c2c2c; text-align:left; } .main-menu .navbar-collapse > .navigation > li > a:hover, .main-menu .navbar-collapse > .navigation > li > a:active, .main-menu .navbar-collapse > .navigation > li > a:focus{ background:#cc8809; } .main-menu .navbar-collapse > .navigation > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a, .main-menu .navbar-collapse > .navigation > li.current > a, .main-menu .navbar-collapse > .navigation > li.current-menu-item > a{ background:#2c2c2c; color:#ffffff !important; } .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{ display:block; } .sec-title .text br, .main-slider .owl-nav, .main-menu .navbar-collapse > .navigation li.dropdown:after, .main-menu .navigation > li > ul:before{ display:none !important; } .main-header .btn-outer{ left:0px; top:0px; right:auto; margin-top:15px; text-align:left; z-index:12; } .main-header .main-box .logo-box{ float:none; text-align:center; padding-bottom:10px; } .main-header .header-lower .outer-box{ position:absolute; z-index:12; display:block; } .main-menu .navbar-header .navbar-toggler{ display: inline-block; z-index: 12; width: 50px; height: 40px; float: none; padding: 0px; text-align: center; border-radius: 0px; background: none; border: 1px solid #ffffff; } .main-menu .navbar-header .navbar-toggler .icon-bar{ position: relative; background: #ffffff; height: 2px; width: 26px; display: block; margin:0 auto; margin:5px 11px; } .main-header .nav-outer{ width:100%; } .main-header .outer-box .buttons-box{ display:none; } .main-header .outer-box .option-box > li{ margin-left:0px; margin-right: 20px; } .main-header .header-lower .search-box-outer .dropdown-menu{ left:0px !important; top:40px !important; } .nav-outer .mobile-nav-toggler{ display: block; margin: 0; padding: 8px 0; margin-left: 20px; } #navbarSupportedContent{ display:block; } .mCSB_inside > .mCSB_container{ margin-right:0px; } .main-header .outer-box{ position:absolute; left:0px; margin-left:0px; padding:22px 0px 20px; } .page-title h2, h2{ font-size:30px; } .sticky-header .logo{ width:auto; text-align:left; } .main-header .btn-box{ margin-left:0px; } .mobile-menu .navigation li.has-mega-menu{ display:none; } .main-header .header-upper{ background-color:#ffffff; } .main-header .header-top .info-list li{ margin-right:20px; margin-bottom:8px; } .main-header .header-top .info-list li:last-child{ margin-bottom:0px; } .fact-counter .column .inner{ padding-left:0px; text-align:center; } .fact-counter .column .inner .icon{ position:relative; top:0px; margin-bottom:10px; } .counter-section{ padding-bottom:90px; } .banner-section .image-column .inner-column{ margin-right:0px; } .banner-section .image-column .image img{ max-width:100%; width:100%; } .page-title{ padding:100px 0px; } .about-section .content-column .inner-column{ padding-right:0px; } .doctor-detail-section .info-column .inner-column{ padding-left:0px; } .cart-section .coupon-outer .pull-right{ width:100%; } .blog-single .inner-box .image{ padding-bottom:30px; } .rtl .fact-counter .column .inner{ padding-right:0px; text-align:center; } .rtl .main-header .sticky-header .outer-box{ margin-right:0px; } .treatment-section .treatment-tabs .tab-btns .tab-btn{ width:100%; margin:0px 0px 25px; } .rtl .product-details .info-column{ order:1; } .rtl .product-details .image-column{ order:2; } } @media only screen and (max-width: 599px){ h1{ font-size:34px; } h2{ font-size:26px; line-height:1.4em; } .sec-title h2 br, .testimonial-section .title-box h2 br, .banner-section .image-column .icon-layer-one, .clock-wrapper{ display:none; } .sidebar-page-container .comments-area .comment{ padding-left:0px; } .sidebar-page-container .comments-area .comment-box .author-thumb{ position:relative; } .main-header .header-top .info-list li{ font-size:14px; } .banner-section .content-column .inner-column{ padding-top:110px; } .vision-section .appointment-column .inner-column{ padding:50px 30px 40px; } h3{ font-size:32px; } .choose-list li strong{ font-size:22px; } .team-block .inner-box{ padding-left:0px; min-height:auto; } .team-block .inner-box .image{ position:relative; margin-bottom:10px; } .choose-list li, .sec-title .text{ font-size:16px; } .hospital-info-tabs .hospital-tabs .tab-btns{ border:0px; } .hospital-info-tabs .hospital-tabs .tab-btns .tab-btn{ border:1px solid rgba(0,0,0,0.10); margin-right:5px; padding:12px 30px; width:auto; height:auto; border-radius:5px; margin-bottom:5px; } .coming-soon .content .content-inner .logo{ margin-bottom:60px; } .time-counter .time-countdown{ margin-bottom:20px; } .shop-single .product-details .prod-tabs .tabs-content{ padding-left:20px; padding-right:20px; } .sidebar-page-container .comments-area .comment-box.reply-comment{ margin-left:0px; } .blog-single .post-share-options .tags{ margin-top:20px; width:100%; } .blog-single .inner-box .lower-content .text blockquote .quote-info{ padding-left:20px; padding-right:20px; } .error-section .inner-section{ display:block; border-radius:0px; padding:50px 30px 50px; } .contact-info-section .info-column .inner-column{ padding-left:30px; } .contact-info-section .info-column .inner-column:before{ display:none; } .list-style-three li{ font-size:18px; } .rtl .team-block .inner-box{ padding-right:0px; } .rtl .sidebar-page-container .comments-area .comment{ padding-right:0px; } .blog-single .post-share-options .info-links{ width:100%; } .blog-single .post-share-options .info-links li{ margin-right:0px; margin-left:20px; } .rtl .contact-info-section .info-column .inner-column{ padding-right:30px; } } @media only screen and (max-width: 479px) { h1{ font-size:30px; } h2{ font-size:22px; } h3{ font-size:24px; } h4{ font-size:20px; } .vision-block .block-inner{ padding-left:0px; min-height:auto; } .vision-block .block-inner .vision-image{ position:relative; margin-bottom:20px; } .vision-block{ padding-bottom:25px; } .vision-section .appointment-column .inner-column{ padding:30px 15px 20px; } .service-block .inner-box .overlay-box .text{ display:none; } .timing-section .timing-column .inner-column{ border-radius:20px; padding:30px 20px; } .timing-section .timing-column .time-list li span{ position:relative; margin-bottom:0px; display:block; margin-top:10px; } .choose-list li{ padding-left:0px; } .choose-list li::before{ position:relative; display:block; margin-bottom:20px; } .timing-section .choose-column .inner-column{ border-radius:10px; padding-left:15px; padding-right:15px; } .testimonial-block .inner-box{ padding-left:20px; padding-right:20px; } .faq-section .image-column .image{ width:290px; height:290px; } .faq-section .image-column .image-two{ width:250px; height:250px; } .price-block .inner-box .upper-box{ padding-left:30px; } .price-block .inner-box .middle-content{ padding:0px 20px; } .price-block .inner-box .upper-box .price{ font-size:44px; } .testimonial-block-two .inner-box .author-info .info-inner{ padding:0px 0px; } .testimonial-block-two .inner-box .author-info .info-inner .thumb-item{ position:relative; margin-bottom:20px; } .testimonial-block-two .inner-box{ padding-left:20px; padding-right:20px; } .coming-soon .emailed-form .text{ font-size:16px; } .doctor-detail-section .info-column .info-box .box-inner{ padding:0px; } .doctor-detail-section .info-column .info-box .image{ position:relative; margin-bottom:20px; } .doctor-detail-section .info-column .info-list li span{ width:100%; } .help-section-two .search-box .form-group button{ position:relative; width:100%; margin-top:10px; } .sidebar-page-container .comments-area .comment .comment-inner .rating{ position:relative; right:0px; top:0px; margin-top:10px; } .cart-section .coupon-outer .cart-btn, .cart-section .apply-coupon .form-group{ margin-right:0px; width:100%; } .cart-section .apply-coupon .form-group .theme-btn, .cart-section .apply-coupon .form-group input[type="text"]{ width:100%; } .checkout-page .payment-options li .radio-option label .small-text, .cart-section .totals-table .col-title{ font-size:14px; } .news-block-two .inner-box .lower-content{ padding:22px 20px 22px; } .author-box .author-comment .inner{ padding-left:0px; } .author-box .author-comment .inner .image{ position:relative; } .blog-single .post-share-options .tags span{ display:block; margin-bottom:10px; } .blog-single .inner-box .lower-content .text blockquote .blockquote-text{ font-size:16px; } .blog-single .inner-box .lower-content .text blockquote{ padding-left:20px; padding-right:20px; } .blog-single .inner-box .lower-content{ padding-left:15px; padding-right:15px; } .error-section .inner-section h1{ font-size:100px; margin-bottom:20px; } .contact-info-section .info-column .social-box span{ font-size:18px; } .banner-section .content-column .text br{ display:none; } .banner-section .content-column .text, .list-style-three li{ font-size:16px; } .rtl .vision-block .block-inner{ padding-right:0px; } .rtl .choose-list li{ padding-right:0px; } .rtl .price-block .inner-box .upper-box .icon{ font-size:60px; } .rtl .testimonial-block-two .inner-box .author-info .info-inner{ padding-right:0px; } .rtl .help-section-two .search-box .form-group input[type="text"], .rtl .help-section-two .search-box .form-group input[type="search"]{ padding-left:20px; } .rtl .doctor-detail-section .info-column .info-box .box-inner{ padding-right:0px; } .rtl .author-box .author-comment .inner{ padding-right:0px; } }