nL +D  550  H ? M x ,D"v ] q v ;6 * Z qn )ZP 0   !1 A "#a$2Qr  Tiny File Manager | responsive.css
/* Normal desktop :1370px. */ @media (min-width: 1371px) and (max-width: 1600px) { /* home page 01 */ .styl-one .row.menu-bg { padding: 0; } .header-top-area { padding: 10px 20px 10px 20px; } .header-top-info ul li { margin-right: 30px; } .header-top-info ul li::before { top: -13px; right: -20px; } .header-btn a { padding: 16px 20px; } .style-one .choose-bg { padding: 100px 0; } .style-one p.list-text { font-size: 16px; } .style-one .why-choose-content { margin-left: 60px; } .style-one .contact-shape { right: 30px; top: 143px; } /* home two */ .style-one .mediful-hero-arrow-box button.hero-prev { left: 0; top: 39%; } .style-one .mediful-hero-arrow-box button.hero-next { right: 0; top: 39%; } .style-one .skill-bg { padding: 100px 0; } .style-one .skill-content { margin-left: 60px; } .our-skill-area.style-one .section-desc p { width: 95%; } .style-one .single-skill-box { padding: 25px 0 0; margin-right: 30px; } .style-two .contact-shape { right: 30px; top: 165px; } .style-three .contact-box { padding-left: 100px; } /* home three */ .style-three .mediful-hero-arrow-box button.hero-prev { left: 0; top: 43%; } .style-three .mediful-hero-arrow-box button.hero-next { right: 0; top: 43%; } .style-one .single-feature-box { padding: 30px 30px 42px; } .style-two .about-thumb { left: -52px; } .mfp-arrow-left { left: 28%; } .mfp-arrow-right { right: 28%; } .owl-item.active.center .slider-img img { height: 465px; } } /* Mediam desktop :1200px. */ @media (min-width: 1200px) and (max-width: 1370px) { /* home page 01 */ .sticky { padding: 0 0px 0; } .styl-one .row.menu-bg { padding: 0; } .header-top-area { padding: 10px 10px 10px 10px; } .header-btn a { padding: 13px 10px; font-size: 13px; } .header-top-info ul li { margin-right: 0; } .header-top-info ul li::before { display: none; } .about-thumb img { width: 100%; } .style-one h3.service-title { font-size: 20px; } .style-one .choose-bg { padding: 100px 0; } .style-one p.list-text { font-size: 16px; } .style-one .why-choose-content { margin-left: 45px; } .style-one .contact-shape { right: 30px; top: 15px; } .style-one .row.form-space { margin-left: 40px; } .style-one .blog-meta a { margin-right: 20px; } .style-one .single-blog-box:hover .blog-meta a { margin-right: 20px; } .style-one .blog-content h3 a { font-size: 20px; } .style-one .footer-newslatter-box button { padding: 14px 60px; } .style-one .google-map iframe { width: 100%; height: 700px; } .about-area.style-one .section-main-title h1 { font-size: 40px; line-height: 55px; } .style-one .single-service-box { padding: 72px 10px 35px; } .style-one .service-inner-box::before { width: 263px; height: 48px; } .style-one .service-inner-box::after { width: 263px; height: 48px; } .style-one .blog-thumb { height: 190px; width: 100%; } /* home page two */ .mediful_menu > ul > li > a { margin: 37px 15px; } .style-one .mediful-hero-arrow-box button.hero-prev { left: 0; top: 37%; } .style-one .mediful-hero-arrow-box button.hero-next { right: 0; top: 37%; } .style-two .single-service-box { padding: 72px 10px 40px; } .style-two .service-inner-box::before { width: 263px; height: 48px; } .style-two .service-inner-box::after { width: 263px; height: 48px; } .style-one .skill-bg { padding: 100px 0; } .style-one .skill-content { margin-left: 40px; } .our-skill-area.style-one .section-main-title h1 { font-size: 40px; line-height: 55px; } .our-skill-area.style-one .section-desc p { width: 100%; } .style-one .portfolio-content-box { bottom: 0; left: 0; } .style-one .single-skill-box { padding: 25px 0 0; margin-right: 30px; } .style-two .contact-shape { right: 20px; top: 15px; } .style-two .row.form-space { margin-left: 50px; } .style-three .contact-box { padding-left: 82px; } .style-two .blog-thumb { height: 190px; width: 100%; } .style-two .blog-content { padding: 25px 10px 32px; } .style-two .blog-content h3 a { font-size: 20px; } /* home three */ .style-three .mediful-hero-arrow-box button.hero-prev { left: 0; top: 43%; } .style-three .mediful-hero-arrow-box button.hero-next { right: 0px; top: 43%; } .style-one .single-feature-box { padding: 30px 14px 42px; } .style-one p.feature-desc { font-size: 15px; line-height: 28px; } .style-two .about-thumb { left: -42px; } .about-area.style-two .section-main-title h1 { font-size: 40px; } .service-area.style-three .section-main-title h1 { font-size: 42px; line-height: 55px; } .case-studies-area .portfolio-content { width: 356px; } .style-one .portfolio-content { width: 372px; } .blog-details-author-talk::before { height: 238px; } .style-one .price_item span { font-size: 32px; } .services-details-content h4 { font-size: 36px; } .widget-sidber-contact-box { padding: 50px 22px; } .appointment-area .section-desc p { text-align: justify; } .style-four .google-map iframe { height: 600px; width: 100%; } .style-four .row.form-space { margin-left: 40px; } .blog-area.column .blog-thumb { height: 250px; } .blog-area.column .blog-content { padding: 25px 15px 32px; } .blog-area.column .blog-content h3 a { font-size: 16px; } ul.blog-details-items li { font-size: 16px; } h3.blog-details-title { font-size: 33px; } .mfp-arrow-left { left: 28%; } .mfp-arrow-right { right: 28%; } .counter-single-box { padding: 38px 0 36px 15px; } .options .option { min-width: 150px; margin: 10px; } .options .option .label .info { padding: 35px 35px; } .search-icon { top: 35%; } h3.sd-widget-title { font-size: 21px; } .widget-sidber { padding: 32px 20px 29px; } .style-one .hero-title { margin-bottom: 0; } /* blog details */ .recent-widget-content a { width: 100%; } .team-details-area .contact-info-box { padding: 29px 20px 27px; } } /* Mediam desktop :992px. */ @media (min-width: 992px) and (max-width: 1199px) { .sticky { padding: 0; } nav.mediful_menu { text-align: right; padding-right: 0; } .mediful_menu > ul > li > a { margin: 23px 10px 23px; } .styl-one .row.menu-bg { padding: 0; } .styl-one nav.mediful_menu { display: block; } .logo_img img { width: 100%; } .main_sticky img { width: 100%; } .header-top-area { padding: 10px 10px 10px 10px; } .styl-one nav.mediful_menu { text-align: left; } button.cart_btn.headers-button { margin: 0 10px 0 0; } .header-sidebar::before { display: none; } .header-btn a { padding: 16px 25px; } .header-top-info ul li { margin-right: 35px; } .header-top-info ul li::before { top: -13px; right: -20px; } .style-one p.mediful-slider-des { width: 70%; } .about-thumb img { width: 100%; } .about-area .section-main-title h1 { font-size: 32px; line-height: 1; } .about-area .section-desc p { width: 100%; text-align: justify; } .style-one .service-inner-box::before { width: 298px; height: 48px; } .style-one .service-inner-box::after { width: 298px; height: 48px; } .style-one .single-service-box { padding: 72px 15px 35px; } .why-choose-area .section-main-title h1 { font-size: 38px; } .why-choose-area .section-desc p { width: 90%; } .style-one .why-choose-content { margin-left: 30px; } .why-choose-area.style-one .section-desc p { width: 100%; } .style-one p.list-text { font-size: 15px; } .style-one .choose-bg { background-color: #5b3128; padding: 50px 0; } .style-one .testi-wraper { padding: 0; } .style-one .single-testi-box { gap: 10px; padding: 16px 0px 16px; margin: 20px 0px 20px; } .team-area.style-one { padding: 110px 0 110px; } .team-area.style-one .section-main-title h1 { font-size: 42px; line-height: 55px; } .style-one .accordion a:after { right: 24px; top: 24px; } .style-one .accordion a:before { right: 30px; top: 18px; } .faq-thumb img { width: 100%; } .accordion li a { font-size: 19px; } .accordion a:before { right: 10px; top: 20px; } .accordion a:after { right: 4px; top: 26px; } .style-one .row.form-space { margin-left: 0px; } .style-one .contact-shape { right: 50px; top: 25px; } .style-one .footer-newslatter-box button { padding: 14px 35px; } .mfp-arrow-left { left: 22%; } .mfp-arrow-right { right: 22%; } .style-one .single-blog-box { margin-bottom: 100px; } .blog-area.style-one { padding: 110px 0 30px; } .case-studies-area .portfolio-content { width: 335px; border-bottom: 0; } .portfolio-icon { display: none; } .blog-details-author-talk::before { height: 267px; } .blog-details-author-title p { font-size: 18px; } /* home page 02 */ .header-top-area.style-two { padding: 10px 10px 20px 10px; } .mediful_nav_manu.styl-two .mediful_menu > ul > li > a { margin: 23px 11px 23px; } .style-one .mediful-hero-arrow-box button.hero-prev { left: 0; top: 39%; } .style-one .mediful-hero-arrow-box button.hero-next { right: 0; top: 39%; } .style-two .service-inner-box::before { width: 298px; height: 48px; } .style-two .service-inner-box::after { width: 298px; height: 48px; } .style-one .skill-content { margin-left: 30px; } .our-skill-area.style-one .section-main-title h1 { font-size: 32px; line-height: 42px; } .our-skill-area.style-one .section-desc p { width: 100%; } .style-one .skill-bg { padding: 50px 0; } .style-one .single-skill-box { margin-right: 20px; } .style-one .owl-nav { top: -145px; right: 160px; } .style-two .row.form-space { margin-left: 0; } .style-two .contact-shape { right: 50px; top: 50px; } .book-shop-area.style-one .section-main-title h1 { font-size: 36px; } .style-three .contact-box { padding-left: 30px; } .style-two .blog-content { padding: 25px 10px 32px; } .style-three .mediful-hero-arrow-box button.hero-prev { left: 0; top: 40%; } .style-three .mediful-hero-arrow-box button.hero-next { right: 0; top: 40%; } .style-one .single-feature-box { padding: 30px 10px 42px; } .style-two .about-thumb { left: -27px; } .style-two .about-box-content p { font-size: 13px; } .service-area.style-three .section-main-title h1 { font-size: 36px; line-height: 46px; } .style-three .single-service-box.ml { margin-left: 40px; } .style-one .price_item span { font-size: 25px; } .style-one .featur ul li { padding: 11px 20px 11px 20px; } /* inner page */ .services-details-content h4 { font-size: 32px; } .team-details-area .team-details-right { margin-left: 5px; } .team-details-area td { font-size: 16px; padding: 13px 10px; } .team-details-area .team-details-content { padding: 15px 15px 40px; } .appointment-area .section-main-title h1 { font-size: 40px; line-height: 50px; } .appointment-area .section-desc p { text-align: justify; } .appointment-thumb img { width: 100%; } .style-four .row.form-space { margin-left: 0; } .style-four .google-map iframe { height: 630px; width: 100%; } .contact-section.style-four { padding-bottom: 0; } .shop-details-thumb img { width: 100%; } .single-shop-box { margin: 0px 0 0 0; } .style-list .blog-content h3 a { font-size: 28px; } .blog-area.column .blog-thumb { height: 200px; } .blog-area.column .blog-content h3 a { font-size: 20px; } h3.blog-details-title { font-size: 26px; } ul.blog-details-items li { display: flex; } p.sd-info-subtitle { display: inline-block; } /* team-details */ .team-details-area .contact-info-box { padding: 29px 10px 27px; gap: 5px; } .team-details-area .contact-info-content h4 { font-size: 15px; } .team-details-area .contact-info-content p { font-size: 17px; } .team-details-area .team-details-location-box .contact-info-content p { font-size: 16px; } /* service details */ .widget-sidber { padding: 32px 16px 29px; } /* blog details */ .blog-content h3 a { font-size: 20px; } .widget-catefories-tags a { padding: 6px 20px; margin: 6px 3px; } .recent-widget-content a { width: 100%; } .sidber-widget-recent-post { gap: 10px; } .sidebar__comments { padding: 46px 15px 43px; } .sidebar__comments-text-box p br { display: none; } .sidebar__comments-list li + li { margin-top: 0; } .sidebar__comments-list li { padding-left: 55px; margin-bottom: 20px; } .contact-addres p { font-size: 30px; } } /* Tablet desktop :768px. */ @media (min-width: 768px) and (max-width: 991px) { .sticky { position: absolute !important; } .mediful_nav_manu { display: none; } .mobile-menu-area .sticky { position: absolute !important; padding: 0 30px 0; } .mean-container .mean-nav ul li a i { display: none; } .sticky { position: absolute !important; padding: 0; } /* home page 01 */ .mediful-hero-area.style-one { padding-left: 0; } .style-one .hero-title { margin-bottom: 0; } .style-one .hero-content-right { padding-left: 15px; } .about-thumb img { width: 100%; margin-bottom: 30px; } .single-destination-box { padding: 35px 20px 35px; } .why-choose-thumb { margin-top: 30px; } .style-one p.call-to-desc { width: 60%; } .faq-thumb img { width: 100%; margin-top: 30px; } .style-one .single-blog-box { padding: 40px 20px 32px; } .mediful-button.one-style { margin-bottom: 30px; } .style-one .testi-wraper { padding: 0; } /* home page 02 */ .header-top-area { display: none; } .style-two h1.hero-title { font-size: 60px; line-height: 1; } .style-one h1.mediful-slider-title { font-size: 72px; line-height: 86px; } .style-three .mediful-hero-arrow-box button.hero-prev { left: 0; top: 40%; } .style-three .mediful-hero-arrow-box button.hero-next { right: 0; top: 40%; } .style-three p.mediful-slider-des { width: 72%; } .style-one .single-feature-box { padding: 30px 80px 42px 40px; } .style-two .about-thumb { left: 0; } .style-two .about-play { left: 0; bottom: 30px; } .style-three .service-btn { text-align: left; } .style-three .single-service-box.ml { margin-left: 0; } .style-one .pricing_top_bar { padding: 37px 25px 26px; } .style-one .featur ul li { padding: 11px 25px 11px 25px; } .style-one .row.form-space { margin-left: 30px; margin-top: 30px; } .case-studies-area .portfolio-content { justify-content: flex-start; gap: 20px; border: 0; } .services-details-content h4 { font-size: 35px; } .team-details-area .team-details-right { margin-left: 0; } .style-four .google-map iframe { height: 500px; width: 100%; } .style-four .row.form-space { margin-left: 0; margin-top: 30px; } .contact-section.style-four { padding-bottom: 0; } .login-account-form-section .auth-container form { padding: 40px 20px 0; } .contact-section.style-four { padding-bottom: 30px; } .style-two .single-service-box { padding: 72px 20px 40px; } .shop-details-thumb img { width: 100%; } .single-shop-box { margin: 0; margin-bottom: 30px; } .style-list .blog-content h3 a { font-size: 32px; } .blog-area.column .blog-thumb { height: 205px; width: 100%; } .blog-details-author-talk { padding: 41px 20px 40px; } .mfp-arrow-left { left: 15%; } .mfp-arrow-right { right: 15%; } .style-one p.mediful-slider-des { width: 84%; } .style-one .mediful-slider-content2 h1.mediful-slider-title { font-size: 72px; line-height: 86px; } .style-one .about-phone { top: 50%; left: 52%; } .style-one .about-counter-box { bottom: 33px; left: 0; } .style-one .about-thu-shape { bottom: 29px; left: -3px; } .style-one .service-inner-box::before { width: 338px; height: 48px; } .style-one .service-inner-box::after { width: 338px; height: 48px; } .style-one .why-choose-content { margin-left: 30px; margin-top: 30px; } .style-one .choose-bg { padding-bottom: 40px; } .team-area.style-one { padding: 110px 0 110px; } .style-one .google-map iframe { width: 100%; height: 500px; } .style-one .single-blog-box { padding: 0px 10px 24px; margin-bottom: 90px; } .blog-area.style-one { padding: 110px 0 40px; } .style-one .mediful-hero-arrow-box button.hero-prev { left: 0; top: 38%; } .style-one .mediful-hero-arrow-box button.hero-next { right: 0; top: 38%; } .style-two .service-inner-box::before { width: 338px; height: 48px; } .style-two .service-inner-box::after { width: 338px; height: 48px; } .style-one .skill-content { margin-left: 30px; margin-top: 30px; } .style-one .skill-bg { padding-bottom: 50px; } .style-one .contact-shape { display: none; } .style-one .row.contact-bg { padding-bottom: 100px; } .style-one .owl-nav { top: -80px; right: 100px; } .style-one .single-skill-box { margin-right: 30px; } .style-two .contact-shape { display: none; } .style-two .row.form-space { margin-left: 0; margin-top: 40px; } .style-three .contact-box { padding: 50px 0 50px 30px; } .style-three .single-contact-box.right { margin-left: 0; } .style-three .single-contact-box { margin-bottom: 30px; } .style-three .row.contact-bg::before { height: 100%; width: 102%; } .style-three .contact-title h2 { margin-bottom: 20px; } .style-two .blog-content { padding: 25px 10px 32px; } .blog-details-author-talk::before { width: 5px; height: 240px; } h3.blog-details-title { font-size: 32px; } ul.blog-details-items li { font-size: 16px; } .blog-details-content { padding: 45px 20px 40px; } .style-three p.service-desc::before { width: 330px; bottom: -37px; } /* contact */ .row.form-bg { margin-top: 0; } .recent-widget-content a { width: 70%; } .widget-catefories-tags a { padding: 6px 20px; } h4.blog-details-title { font-size: 26px; } .team-details-right { margin-top: 30px; } .sd-info_widget { margin-top: 50px; } .widget-sidber { margin-bottom: 27px; margin-top: 30px; } /* */ } /* small mobile :600px. */ @media only screen and (min-width: 600px) and (max-width: 767px) { .sticky { position: absolute !important; } .mediful_nav_manu { display: none; } .mobile-menu-area .sticky { position: absolute !important; padding: 0 30px 0; } .mean-container .mean-nav ul li a i { display: none; } .sticky { position: absolute !important; padding: 0; } .header-top-area { display: none; } /* home page 01 */ .style-one h1.mediful-slider-title br { display: none; } .style-one h1.mediful-slider-title { font-size: 75px; line-height: 90px; } .style-one p.mediful-slider-des { width: 100%; } .style-one .about-phone { top: 50%; left: 56%; } .about-content { padding-top: 40px; } .section-main-title h1 { font-size: 35px; line-height: 45px; } .style-one .service-inner-box::before { width: 519px; height: 48px; } .style-one .service-inner-box::after { width: 519px; height: 48px; } .style-one .why-choose-content { margin-left: 25px; padding: 30px 0; } .team-area.style-one { padding: 110px 0 110px; } .style-one .contact-shape { display: none; } .style-one .google-map iframe { width: 100%; height: 400px; } .style-one .row.form-space { margin-left: 0; padding: 30px 0; } .style-one .blog-thumb { height: 305px; width: 100%; } .style-one .single-blog-box { margin-bottom: 100px; } .style-one .footer-botton-social-icon { text-align: left; padding: 20px 0; } .blog-area.style-one { padding: 110px 0 0px; } /* home page 02 */ .style-one .mediful-hero-arrow-box button.hero-prev { left: 0; top: 37%; display: none; } .style-one .mediful-hero-arrow-box button.hero-next { right: 0; top: 37%; display: none; } .style-one h1.mediful-slider-title { font-size: 64px; line-height: 80px; } .style-one .mediful-slider-content2 h1.mediful-slider-title { font-size: 55px; line-height: 75px; } .style-two .service-inner-box::before { width: 519px; height: 48px; } .style-two .service-inner-box::after { width: 519px; height: 48px; } .style-one .skill-content { margin-left: 20px; padding: 40px 0; } .style-one .single-skill-box { margin-right: 20px; } .our-skill-area.style-one .section-desc p { width: 96%; } .style-one .owl-nav { display: none; } .our-portfolio-area.style-one .owl-dots { margin-top: 0; display: none; } .our-portfolio-area.style-one { padding: 115px 0 100px; } .style-two .contact-shape { display: none; } .style-two .row.form-space { margin-left: 0; margin-top: 40px; } .style-one .owl-dots { display: none; } .style-three .row.contact-bg::before { height: 99%; width: 102%; } .style-three .contact-box { padding: 30px 0 30px 30px; } .style-three .single-contact-box.right { margin-left: 0; } .style-three .single-contact-box { margin-bottom: 30px; } .style-three .contact-title h2 { margin-bottom: 30px; } .style-three .google-map iframe { width: 100%; height: 400px; } .style-two .blog-thumb { height: 305px; width: 100%; } .style-two .blog-meta::before { width: 440px; } /* home page three */ .style-three .mediful-hero-arrow-box button.hero-prev { display: none; } .style-three .mediful-hero-arrow-box button.hero-next { display: none; } .style-three h1.mediful-slider-title br { display: none; } .style-three h1.mediful-slider-title { font-size: 60px; line-height: 70px; } .style-three p.mediful-slider-des { width: 100%; } .style-one .single-feature-box { padding: 30px 40px 42px; } .style-two .about-thumb { left: 0; } .about-content-right { padding-top: 40px; } .style-two .about-single-box { margin-bottom: 30px; } .style-three .service-btn { text-align: left; margin-bottom: 40px; } .style-three .single-service-box.ml { margin-left: 0; margin-bottom: 30px; } .case_study_menu ul li { padding: 6px 14px; } p.services-details-desc { text-align: justify; } .services-details-content h4 { font-size: 26px; } p.services-details-desc2 { text-align: justify; } .service-detalis-thu img { width: 100%; margin-bottom: 30px; } .service-details-des p { text-align: justify; } .team-details-area .team-details-right { margin-left: 0; } .style-four .google-map iframe { height: 400px; } .style-four .row.form-space { margin-left: 0; margin-top: 40px; } .contact-section.style-four.app { padding: 0; } .style-one .accordion2 li p { padding: 28px 17px 0px 10px; } .login-account-form-section .auth-container { width: 85%; } .shop-details-thumb { margin-bottom: 30px; } .team-details-area .team-details-box { padding: 50px 20px; } /* shop */ .shop-section, .cart-section, .shop-product-section { padding: 80px 0; } .row.products { padding-left: 35px; } .widget-check-box, .product-categories-box, .range-wrapper-box { padding: 20px 18px 5px; } .products-title h6 { font-size: 13px; } .product-title h2 { font-size: 16px; } .product-thumb-icon a { bottom: 32%; } .single-products-box:hover .product-thumb-icon a:nth-child(1) { left: 35px; } .single-products-box:hover .product-thumb-icon a:nth-child(2) { right: 35px; } /* Shops Section Two*/ .shops-section, .shop-detials { padding: 80px 0 50px; } p.description { margin-bottom: 0; } button.show-alert.btn { background: #5b3128; } .style-list .blog-content { padding: 50px 10px 48px; } .style-list .blog-content h3 a { font-size: 25px; } .sidber-widget-recent-post::before { width: 410px; height: 1px; } .blog-area.column .blog-meta::before { width: 366px; height: 1px; } .blog-details-content { padding: 45px 12px 40px; } p.blog-details-desc { text-align: justify; } .blog-details-author-talk::before { width: 5px; height: 197px; } .blog-details-author-title p { font-size: 18px; } ul.blog-details-items li { display: flex; flex-shrink: 0; } .single-comment-area { padding: 34px 20px; margin-bottom: 30px; } .blog-details-contact-title p { font-size: 16px; } .mfp-arrow-left { left: 6%; } .mfp-arrow-right { right: 6%; } .blog-details-thumb.two { margin-bottom: 30px; } .row.call-bg { padding: 65px 0px 58px 30px; } .blog-details-author-talk { padding: 20px 10px 20px; } .blog-details-comment.style-two { margin-left: 0; } .blog-details-comment-reply { right: 10px; top: 14px; } .blog-details-comment-thumb { float: left; margin-right: 10px; } .blog-details-submi-button button { margin-bottom: 30px; } h3.blog-details-title { font-size: 25px; } h3.blog-details-title.two { font-size: 22px; } } /* small mobile :480px. */ @media only screen and (min-width: 480px) and (max-width: 599px) { .sticky { position: absolute !important; } .mediful_nav_manu { display: none; } .mobile-menu-area .sticky { position: absolute !important; padding: 0 30px 0; } .sticky { position: absolute !important; padding: 0; } .mean-container .mean-nav ul li a i { display: none; } /* home page 01 */ .header-top-area { display: none; } .style-one h1.mediful-slider-title br { display: none; } .style-one h1.mediful-slider-title { font-size: 65px; line-height: 80px; } .style-one p.mediful-slider-des { width: 100%; } .style-one .mediful-slider-content2 h1.mediful-slider-title { font-size: 50px; line-height: 65px; } .style-one .about-phone { top: 50%; left: 62%; } .style-one .about-thumb { margin-bottom: 30px; } br { display: none; } .section-main-title h1 { font-size: 40px; } .section-desc p { text-align: justify; } .service-area.style-one .section-main-title h1 { font-size: 30px; } .style-one .service-inner-box::before { width: 458px; height: 48px; } .style-one .service-inner-box::after { width: 458px; height: 48px; } .style-one .why-choose-content { margin-left: 20px; padding: 30px 0; } .why-choose-area.style-one .section-main-title h1 { font-size: 36px; } .why-choose-area.style-one .section-desc p { width: 90%; } .style-one .single-testi-box { display: block; } .style-one .owl-dots { display: none; } .team-area.style-one { padding: 110px 0 110px; } .style-one .style-2.accordion li p { padding: 28px 17px 0px 10px; } .style-one .accordion a:after { right: 12px; top: 23px; } .style-one .accordion a:before { right: 18px; top: 17px; } .style-one .contact-shape { display: none; } .style-one .google-map iframe { width: 100%; height: 400px; } .style-one .row.form-space { margin-left: 0; margin-top: 30px; margin-bottom: 30px; } .style-one .blog-content h3 a { font-size: 20px; } .style-one .single-blog-box { margin-bottom: 100px; } .style-one .blog-thumb { height: 260px; width: 100%; } .blog-area.style-one { padding: 110px 0 30px; } .style-one .footer-botton-social-icon { text-align: left; padding: 10px 0; } /* home two */ .style-one .mediful-hero-arrow-box button.hero-prev { display: none; } .style-one .mediful-hero-arrow-box button.hero-next { display: none; } .style-one h1.mediful-slider-title { font-size: 56px; line-height: 70px; } .service-area.style-two .section-main-title h1 { font-size: 32px; } .style-two .service-inner-box::before { width: 458px; height: 48px; } .style-two .service-inner-box::after { width: 458px; height: 48px; } .style-one .skill-content { margin-left: 20px; padding: 30px 0; } .our-skill-area.style-one .section-main-title h1 { font-size: 38px; } .our-skill-area.style-one .section-desc p { width: 96%; } .style-one .single-skill-box { margin-right: 20px; } .our-portfolio-area.style-one .section-main-title h1 { font-size: 35px; } .style-one .owl-nav { display: none; } .style-two .contact-shape { display: none; } .style-two .row.form-space { margin-left: 0; margin-top: 30px; } .contact-section.style-two .section-main-title h1 { font-size: 32px; } .team-area.style-one .section-des { margin-bottom: 40px; } .style-three .row.contact-bg::before { height: 99%; width: 102%; } .style-three .contact-box { padding: 30px 0 30px 30px; } .style-three .single-contact-box.right { margin-left: 0; margin-top: 30px; } .style-three .contact-title h2 { margin-bottom: 20px; } .style-three .google-map iframe { width: 100%; height: 400px; } .style-two .blog-thumb { height: 305px; width: 100%; } .style-two .blog-content h3 a { font-size: 20px; } .style-two .blog-meta::before { width: 380px; height: 1px; } .brand-box { text-align: center; } .brand-thumb { display: inline-block; } .our-portfolio-area.style-one { padding: 115px 0 110px; } /* home page three */ .style-three .mediful-hero-arrow-box button.hero-prev { display: none; } .style-three .mediful-hero-arrow-box button.hero-next { display: none; } .style-three h1.mediful-slider-title { font-size: 55px; line-height: 65px; } .style-three p.mediful-slider-des { width: 100%; } .style-one .single-feature-box { padding: 30px 30px 42px; } .style-two .about-thumb { left: 0; margin-bottom: 30px; } .style-two .about-single-box { margin-bottom: 30px; } .style-three .service-btn { text-align: left; margin-bottom: 40px; } .style-three .single-service-box.ml { margin-left: 0; margin-bottom: 30px; } .pricing-area.style-one .section-main-title h1 { font-size: 34px; } /* inner page */ .case-studies-area .section-main-title h1 { font-size: 30px; line-height: 40px; } .case_study_menu ul { text-align: left; } .case_study_menu ul li { padding: 6px 16px; margin: 0 0 15px 3px; } p.services-details-desc { text-align: justify; } .services-details-content h4 { font-size: 32px; } p.services-details-desc2 { text-align: justify; } .service-detalis-thu img { width: 100%; margin-bottom: 30px; } h3.service-details-title { font-size: 40px; } .service-details-des p { text-align: justify; } .team-details-area .team-details-right { margin-left: 0; } .team-details-area td { font-size: 16px; padding: 13px 5px; } .appointment-thumb img { width: 100%; } .style-four .google-map iframe { height: 400px; } .style-four .row.form-space { margin-left: 0; margin-top: 30px; } .contact-section.style-four.app { padding: 0; } .login-account-form-section .auth-container { width: 85%; } .select-box { text-align: left; } .shop-details-thumb img { width: 100%; margin-bottom: 30px; } .single-shop-box { margin: 0; } button.show-alert.btn { background: #5b3128; } /* blog list */ .style-list .blog-content { padding: 50px 10px 48px; } .style-list .blog-content h3 a { font-size: 22px; } p.blog-list-desc { text-align: justify; } .sidber-widget-recent-post::before { width: 405px; height: 1px; } .blog-area.column .blog-content h3 a { font-size: 20px; } .blog-area.column .blog-meta::before { width: 390px; height: 1px; } p.blog-details-desc { text-align: justify; } .blog-details-author-title p { font-size: 18px; } .blog-details-author-talk::before { width: 5px; height: 267px; } h3.blog-details-title { font-size: 21px; } ul.blog-details-items li i { display: none; } .single-comment-area { padding: 34px 20px; } .style-two h1.hero-title { font-size: 40px; line-height: 1; } .style-two p.hero-desc { width: 90%; } .style-two .about-item { margin-left: 0; margin-top: 30px; } .style-two .about-thumb2 { margin-bottom: 0; margin-top: 20px; } .style-two .about-shape { left: 320px; bottom: -120px; } .team-area .section-main-title h1 { font-size: 35px; line-height: 1.2; } .call-to-action.style-two h1.call-to-title { font-size: 30px; line-height: 1.2; } .style-two p.call-to-desc { width: 85%; } .mediful-schedule-area .section-main-title h1 { font-size: 35px; line-height: 45px; } section.Client-gallery-area .section-main-title h1 { font-size: 35px; line-height: 45px; } .testimonial-area.style-two .section-main-title h1 { font-size: 35px; line-height: 1.2; } .team-thumb img { width: 100%; margin-bottom: 30px; } .team-details-area .contact-info-box { margin-bottom: 20px; } .mfp-arrow-left { left: -2%; } .mfp-arrow-right { right: -2%; } .blog-details-thumb { margin-bottom: 30px; } .blog-details-content { padding: 27px 15px 20px; } h4.blog-details-title { font-size: 22px; } .blog-details-author-talk { gap: 0; padding: 41px 15px 40px; } h3.blog-details-title.two { font-size: 22px; } .blog-details-social-icon { text-align: left; margin-top: 20px; } .blog-details-comment.style-two { margin-left: 0; } .blog-details-comment-thumb { float: left; margin-right: 10px; } .blog-details-comment-reply { right: 5px; top: 10px; } .blog-details-submi-button { margin-bottom: 30px; } h3.blog-details-title { font-size: 20px; } .blog-details-comment { padding: 29px 10px 25px; } } /* small mobile :320px. */ @media only screen and (min-width: 320px) and (max-width: 479px) { .sticky { position: absolute !important; } .mediful_nav_manu { display: none; } .mobile-menu-area .sticky { position: absolute !important; padding: 0 30px 0; } .sticky { position: absolute !important; padding: 0; } .mean-container .mean-nav ul li a i { display: none; } /* home page 01 */ .header-top-area { display: none; } br { display: none; } .style-one h1.mediful-slider-title { font-size: 30px; line-height: 45px; } .style-one h5.slider-sub-title { font-size: 15px; } .style-one p.mediful-slider-des { width: 100%; } .style-one .hero_btn { display: inline-block; margin-right: 0px; margin-bottom: 20px; } .style-one .mediful-slider-content2 h1.mediful-slider-title { font-size: 30px; line-height: 45px; } .style-one .mediful-slider-content2 h5.slider-sub-title { font-size: 15px; } .about-thumb img { width: 100%; } .style-one .about-thumb { margin-bottom: 30px; } .style-one .about-thu-shape { width: 246px; height: 245px; } .section-main-title h1 { font-size: 26px; line-height: 35px; } .style-one .section-desc p { text-align: justify; } .style-one .about-btn { margin-right: 0; margin-bottom: 30px; } .service-area.style-one .section-main-title h1 { font-size: 20px; } .style-one .service-inner-box::before { width: 299px; height: 48px; } .style-one .service-inner-box::after { width: 299px; height: 48px; } .style-one .why-choose-content { margin-left: 18px; padding: 20px 0; } .why-choose-area.style-one .section-main-title h1 { font-size: 25px; line-height: 35px; } .why-choose-area.style-one .section-desc p { width: 96%; } .style-one .single-testi-box { display: block; padding: 16px 5px 16px; margin: 20px 10px 10px; } .style-one .owl-dots { display: none; } .team-area.style-one { padding: 110px 0 110px; } .accordion li a { padding: 16px 10px 16px 10px; } .accordion a:before { right: 12px; } .accordion a:after { right: 6px; } .accordion li a span { padding: 0; } .faq-section .tab_container { padding: 80px 0 0px; } .style-one .style-2.accordion li p { padding: 28px 9px 0px 10px; margin: 0; font-size: 16px; } .style-one .accordion a:before { right: 12px; top: 20px; } .style-one .accordion a:after { right: 6px; top: 26px; } .style-one .accordion li a { padding: 12px 20px 12px 10px; } .style-one .style-2.accordion a.active { padding: 10px 20px 13px 10px; } /* */ .style-one .style-2.accordion2 li p { padding: 28px 9px 0px 10px; margin: 0; font-size: 16px; } .style-one .accordion2 a:before { right: 12px; top: 20px; } .style-one .accordion2 a:after { right: 6px; top: 26px; } .style-one .accordion2 li a { padding: 12px 20px 12px 10px; } .style-one .style-2.accordion2 a.active { padding: 10px 20px 13px 10px; } .style-one .contact-shape { display: none; } .style-one .google-map iframe { width: 100%; height: 400px; } .style-one .row.form-space { margin-left: 0; margin-top: 30px; margin-bottom: 30px; } .style-one .single-blog-box { margin-bottom: 100px; } .blog-area.style-one { padding: 110px 0 30px; } .style-one .footer-newslatter-box button { padding: 14px 75px; } .style-one .footer-botton-social-icon { text-align: left; margin-top: 20px; } /* home page 02 */ .style-one .mediful-slider-bg3 { height: 820px !important; } section.mediful-slider-area.style-one { padding-bottom: 0; } .style-one .mediful-hero-arrow-box button.hero-prev { display: none; } .style-one .mediful-hero-arrow-box button.hero-next { display: none; } .service-area.style-two { padding: 35px 0 95px; } .service-area.style-two .section-main-title h1 { font-size: 20px; line-height: 35px; } .style-two .service-inner-box::before { width: 299px; height: 48px; } .style-two .service-inner-box::after { width: 299px; height: 48px; } .style-one .skill-content { margin-left: 15px; padding: 20px 0; } .our-skill-area.style-one .section-main-title h1 { font-size: 25px; line-height: 35px; } .our-skill-area.style-one .section-desc p { width: 96%; } .style-one .single-skill-box { margin-right: 15px; } .our-portfolio-area.style-one .section-main-title h1 { font-size: 23px; line-height: 35px; } .style-one .portfolio-content-box { left: 0; } .style-one .portfolio-content { width: 297px; padding: 30px 10px 32px 10px; } .our-portfolio-area.style-one { padding: 115px 0 110px; } .style-two .contact-shape { display: none; } .style-two .appoinment-single-box { padding: 50px 10px 50px 10px; } .style-two .appoinment-scedule ul li p { font-size: 18px; } .style-two .row.form-space { margin-left: 0; margin-top: 30px; } .section-des { margin-bottom: 30px; } .style-three .row.contact-bg::before { height: 99%; width: 104%; } .style-three .contact-box { padding-left: 20px; } .style-three .single-contact-box.right { margin-left: 0; margin-top: 30px; } .style-three .google-map iframe { width: 100%; height: 400px; } .style-two .blog-content { padding: 25px 15px 32px; } .brand-thumb { display: inline-block; } .brand-box { text-align: center; } /* home page three */ .style-three .mediful-hero-arrow-box button.hero-prev { display: none; } .style-three .mediful-hero-arrow-box button.hero-next { display: none; } .style-three h1.mediful-slider-title { font-size: 35px; line-height: 50px; } .style-three h5.slider-sub-title { font-size: 14px; } .style-three p.mediful-slider-des { width: 100%; } .style-one .single-feature-box { padding: 30px 20px 42px; } .style-two .about-thumb { left: 0; margin-bottom: 30px; } .style-two .about-single-box { margin-bottom: 30px; } .style-three .service-btn { text-align: left; margin-bottom: 30px; } .style-three .single-service-box.ml { margin-left: 0; margin-bottom: 30px; } .our-portfolio-area.style-one.bg-white { padding: 115px 0 110px; } .pricing-area.style-one .section-main-title h1 { font-size: 23px; line-height: 35px; } .style-one .pricing_top_bar { padding: 37px 20px 26px; } .style-one .featur ul li { padding: 11px 20px 11px 20px; } /* inner page */ .case-studies-area .section-main-title h1 { font-size: 24px; line-height: 35px; } .case_study_menu ul { text-align: left; } .case_study_menu ul li { padding: 6px 15px; margin: 0 0 20px 3px; } .case-studies-area .portfolio-content { width: 297px; padding: 30px 10px 32px 10px; } p.services-details-desc { text-align: justify; } .service-detalis-thu img { width: 100%; margin-bottom: 30px; } h3.service-details-title { font-size: 26px; } .service-details-des p { text-align: justify; } .team-details-area .team-details-right { margin-left: 0; } .team-details-area .team-details-box { padding: 50px 10px; } .team-details-area th { font-size: 18px; padding: 0px; } .team-details-area td { font-size: 15px; padding: 13px 12px; } .team-details-area { padding: 100px 0 100px; } .appointment-thumb img { width: 100%; } .style-four .google-map iframe { height: 350px; } .style-four .row.form-space { margin-left: 0; margin-top: 40px; } .contact-section.style-four.app { padding: 0; } .login-account-form-section .auth-container { width: 99%; } .login-account-form-section .auth-container form { padding: 40px 10px 0; } .style-inner .single-contact-box::before { display: none; } .select-box { text-align: left; } .single-shop-box { margin: 0; } .shop-details-thumb img { width: 100%; margin-bottom: 30px; } .quantity { float: left; margin-right: 15px; margin-bottom: 20px; } .nav-link { padding: 6px 25px; line-height: 30px; } /* Shop */ .shop-section, .cart-section, .shop-product-section { padding: 30px 0; } .row.products { padding-left: 0; } .form_box { padding: 35px 0 25px; } p.form-text { margin-bottom: 15px; } .form_box select { width: 100%; } .upper.widget_search input { width: 100%; } /* Shops Section Two*/ .shops-section, .shop-detials { padding: 30px 0 0; } .widget select { display: none; } /* Shop Details */ .shop-dtls-info { padding-left: 0; margin-top: 30px; } .category-count-button { display: inline-block; } .category-button { padding-left: 0; margin-top: 25px; } .cart-product-mobile-thumb { -webkit-box-flex: 1; -ms-flex: 1 0 135px; flex: 1 0 105px; max-width: 135px; } button.show-alert.btn { background: #5b3128; } .btn { padding: 21px 35px; } .style-list .blog-content { padding: 50px 10px 48px; } .style-list .blog-content h3 a { font-size: 25px; } .sidber-widget-recent-post::before { width: 270px; height: 1px; } .blog-area.column .blog-thumb { height: 205px; width: 100%; } .blog-area.column .blog-content h3 a { font-size: 20px; } .blog-details-author-talk::before { display: none; } ul.blog-details-items li i { display: none; } .testimonial-area.style-two .section-main-title h1 { font-size: 35px; line-height: 1.2; } .style-two .single-testi-box { padding: 32px 10px 37px 10px; } .team-details-area .team-member-title h4 { font-size: 26px; } .team-thumb img { margin-bottom: 30px; } .team-details-area .contact-info-box { margin-bottom: 20px; } .team-details-area .team-details-social-icon ul li { font-size: 18px; } .team-details-area .team-details-social-icon ul li i { margin-left: 2px; } .team-details-area .team-details-location-box { display: block; } .team-details-area .contact-info-content h4 { margin-top: 20px; } .services-details-content h4 { font-size: 20px; } .service-detalis-text-box h4 { font-size: 22px; } .sd-info_widget { padding: 35px 15px 40px; } h3.sd-widget_title { font-size: 22px; } h3.sd-widget-title { font-size: 18px; } .widget-sidber-content h4 { font-size: 20px; } .breadcumb-content h4 { font-size: 28px; line-height: 1; } .mfp-arrow-left { left: -7%; } .mfp-arrow-right { right: -7%; } /* blog details */ .blog-details-content { padding: 27px 10px 20px; } .blog-details-area span.mate-text { padding-left: 0; } .blog-details-area .meta-blog i { padding-right: 0; } span.mate-text i, span.mate-comment i { margin-right: 5px; margin-left: 5px; } h4.blog-details-title { font-size: 22px; } .blog-details-author-talk { gap: 10px; padding: 41px 0px 40px; } h3.blog-details-title { font-size: 20px; } .blog-details-socila-box { padding: 19px 10px 18px; } .blog-details-social-icon { text-align: left; margin-top: 20px; } .blog-area.style-grid .meta-blog p { margin-left: 0; margin-bottom: 0; } .blog-area.style-grid .blog-box-content h3 a { font-size: 18px; } .sidber-widget-recent-post { gap: 10px; } .recent-widget-content a { width: 100%; font-size: 15px; } span.mate-comment { margin-left: 0; } .blog-details-content { padding: 27px 16px 20px; } .blog-details-area .meta-blog span { margin-right: 9px; } .blog-details-area .meta-blog i { padding-right: 9px; } h4.blog-details-title { font-size: 20px; line-height: 28px; } p.blog-details-desc { font-size: 16px; } .blog-details-author-talk { padding: 41px 18px 40px; display: block; } .blog-details-quote { padding-bottom: 22px; } .blog-details-author-title p { font-size: 16px; line-height: 26px; } h3.blog-details-title { font-size: 18px; } p.blog-details-desc { font-size: 16px; } .blog-details-socila-box { padding: 19px 0px 18px; } .blog-details-category span a { padding: 6px 19px; margin-bottom: 7px; } .blog-details-social-icon { text-align: left; } .single-comment-area { padding: 49px 7px 56px; } .blog-details-comment { padding: 29px 22px 25px; } .blog-details-comment-thumb { float: inherit; margin-bottom: 19px; } .blog-details-comment-content h2 { margin-right: 7px; } .blog-details-comment-content span { display: inline-flex; } .blog-details-comment.style-two { margin-left: 3px; } .blog-details-comment-thumb { float: inherit; margin-bottom: 19px; } .blog-details-comment-content h2 { margin-right: 7px; } .blog-details-comment-content span { display: inline-flex; } .widget-sidber { margin-top: 38px; padding: 32px 13px 29px; } .blog-details-list-item ul li { font-size: 16px; display: flex; } .blog-details-list-item ul li i { margin-right: 5px; } h3.blog-details-title.two { font-size: 20px; line-height: 32px; margin: 18px 0 16px; } .blog-details-thumb img { margin-bottom: 20px; } }