/* Theme Name: Phox Theme URI: http://www.whmcsdes.com Description: Phox - Hosting Wordpress Theme Version: 1.0.0 Author: WHMCSdes Author URI: http://whmcsdes.com Tags: powerful, host */ /* Smart Phones */ @media only screen and (min-width: 160px) and (max-width: 767px) { header#Top_bar { z-index: 102; } .navbar-brand { padding: 15px; padding-right: 0; display: table; } html[dir="rtl"] .navbar-brand { padding-right: 15px; } .wdes-menu-navbar { padding-right: 15px; } html[dir="rtl"] .wdes-menu-navbar { padding-right: 0; padding-left: 15px; } .navbar-toggler-icon i.fa.fa-bars { color: #fff; } .navbar-toggler-icon { width: auto; height: auto; } button:focus { outline: 0; } .wdes-fullscreen-search-overlay #wdes-fullscreen-search-wrapper { width: 85%; } .support-modlyo-item { width: 100%; } .getstarted-modernlyo { display: block; margin-bottom: 20px; } .hide-responsive { display: none; } .custom-btn-res { margin-right: 0; margin-top: 27px; padding: 0; } .block-footer-mlyo { margin: 40px 0; } ul.dropdown-menu.custom { background-color: #112835; width: 100%; text-align: left; position: relative !important; left: 0; right: initial; top: 0; max-width: inherit; transform: initial !important; margin: 0; border-radius: 0; } .dropdown-menu.custom li a { color: #fff; padding: 0; } .dropdown-menu.custom li a:hover { color: #fae474 !important; } .dropdown-menu.custom li { border-bottom: 0; margin: 15px; } .dropdown-menu.custom li:hover { background: transparent !important; } .wdes-fullscreen-search-overlay .wdes-fullscreen-close { right: 15px; } .parent-top-first-lvl { margin: 0 15px; } .icon-bar { background: #fff; } .s-area span { display: none; } .wdes-interface-menu { padding: 0; z-index: initial; } .s-area, html[dir="rtl"] .s-area { display: inline-block; float: none; } .social li { margin: 0 14px 0 0; } nav.navbar { float: right; } .navbar-toggler { padding: 0; margin-top: 9px; } .dropdown-menu.custom li, .dropdown-menu.carti li { text-align: left; } .dropdown-menu.custom { top: 40px; left: 38px; } .user-drpd { width: 91%; } .dropdown-menu.carti { top: 41px; left: 38px; } .popular-plan { margin: 34px auto 0; display: inline-block; } .dom-area { margin: 50px 0; } .partners img { text-align: center; margin: 2px auto; display: table; width: auto; border: 1px solid #ddd !important; } .map, .phone, .mail, .l-chat { display: block; margin: 10px 15px; text-align: left; } .f-lv2 { padding: 40px 0 0; } .nav-tabs > li { text-align: inherit; } .fa.fa-plus.coll-a { display: none; } .block-inte { margin-bottom: 45px; } .ext-dom { width: 50%; } .plans-tabs li { width: 100%; margin: 0; } .popular-plan.cus-pk { width: 100%; } .login-f { margin: 100px 0 30px; width: 100%; } .user-l.custom { width: 100%; margin: 20px 0 0; } .com-title h1 { font-size: 44px; } .wdes-menu { float: left !important; width: 100%; margin: 10px 0; } .plan-hp h1 { display: inline-block; width: 100%; } ul.categories li { display: block; margin: 0; border-bottom: 1px solid #f1f1f1; padding: 20px 0; } ul.categories li:last-child { border-bottom: 0; } a.title-art { bottom: 68px; left: 9px; } .ads-t-b img { width: 100%; } .ads-t-b { margin: 30px 30px 50px 30px; } .posts li img { height: initial; width: 100%; } .user-drpd { background: #fff; } ul.dropdown-menu.carti { background-color: #fff !important; margin: 0 !important; min-width: 100%; } .share-blog ul li { width: 100% !important; float: none !important; } .tags-blog ul li { margin-bottom: 21px; } a.reply-rep { width: 100%; text-align: center; margin: 10px 0; } .shortcuts-blog { display: inline-block; margin-left: 11px; } .shortcuts-top-bar { float: none; display: table; width: 100%; margin: 0 15px 10px 0; } .shortcuts-top-bar .block-sc { float: none; margin-left: 0; margin: 8px 0; } .clientarea-shortcuts, html[dir="rtl"] .clientarea-shortcuts { float: none; display: inline-block; margin: 5px 0; border-right: 1px solid transparent; border-left: 0; margin-right: 5px; } html[dir="rtl"] .clientarea-shortcuts { margin-right: 0; margin-left: 5px; } .clientarea-shortcuts > a, .wdes-menu-shortcut-woo-cart, html[dir="rtl"] .clientarea-shortcuts > a, html[dir="rtl"] .wdes-menu-shortcut-woo-cart { margin: 0 10px; display: inline-block; } .fa.fa-map-marker.cont, .fa.fa-phone.cont, .fa.fa-headphones.cont, .fa.fa-envelope.cont { padding-right: 25px; } .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { margin: 0 !important; } .block-sidebar-function.wdes-posts-sec { margin-bottom: 30px !important; } .copyrights-wdes-ft p, html[dir="rtl"] .copyrights-wdes-ft p { float: none; margin-bottom: 0; text-align: center; } .sc-links-ft, html[dir="rtl"] .sc-links-ft { float: none; text-align: center; margin: 10px 0 0; } .sc-links-ft a { margin: 0 7.5px; } .wdes-nav-dir { float: none; } .sec-title { padding: 10px !important; } .slider-mob-padd { padding: 20px !important; } .t-sty-a { margin: 20px 0; } .panel-title.custom a { display: inline-block; line-height: 28px; } a.nav-link.active-link { background: transparent; } .top-articles .top-post, .area-sm-blocks { width: 100%; margin: 0; float: left; } .block-art.top-post { margin-bottom: 1px; } .top-articles .top-post, .area-sm-blocks { height: 50%; } .top-articles .top-post .art-info { display: none; } p.pin-posts-item-description { display: none; } .sec-title p { width: 100%; } .reduce-mob-padd { padding-bottom: 91px !important; } .icon-margin .elementor-icon, .icon-margin span { margin: 10px 0; } .block-margin-c { margin: 0 15px; } a.bg-btn, .bg-btn-o-brd, .bg-btn-icon, .bg-btn-b-brd, .bg-btn-cys, .bg-btn-cys-brd { display: table; } .pagination { margin-bottom: 30px; display: block; } ul.wdes-breadcrumb-area { float: left; width: 100%; margin-top: 20px; } .top-articles { margin: 100px 0 0; padding: 0 1px; } .top-articles .sm-block:nth-child(2), .top-articles .sm-block:nth-child(4) { width: 50%; } .top-articles .sm-block .post-date-pin { display: none; } .top-articles .sm-block .post-info-inner-pin-details, .top-articles .sm-block:hover .post-info-inner-pin-details { bottom: 16%; } .top-articles .sm-block .post-info-inner-pin-details h2 { font-size: 15px; font-weight: 600; line-height: 21px; } .author-blog img { width: 60px; height: 60px; margin: -60px auto 0; } .blog-content { margin: 100px 0; } .body-article h1, .body-article h2, .body-article h3, .body-article h4, .body-article h5, .body-article h6 { line-height: 40px; } .comment-form .submit { width: 100%; } .article-rel:nth-child(1) { margin-right: 0; } .article-rel, .form-submit { width: 100%; } .comment-respond { margin: 0; } .author-blog { margin: 50px 0 0; } .article-rel { width: 100%; float: none; margin: 0 0 30px 0; } .comments-blog { margin: 30px 0; } ul.categories { padding: 0; } .remove-bg-img { background: #f0f0f0; background-image: none !important; } .comment-area { position: relative; } a.comment-reply-link { float: left; margin-left: 10px; } .widget-footer { margin: 0 0 50px !important; } .classic-post-view .wp-post-image { width: 100% !important; margin-bottom: 10px; } .reply-area { margin-left: 0; margin-top: 15px; display: inline-block; } a.user-rep { width: 100%; margin-bottom: 10px; display: inline-table; } a.date-rep { width: 100%; margin-top: 50px; } .classic-post-view a.title-art-sub { margin: 7px 0 0 0; width: 100%; } .classic-post-view .text-area { width: 100%; padding: 0 30px 0 0; } .text-area.cat-content-width-x a.title-art-sub { width: 100%; } .wdes-menu li a { padding: 10px 15px; } .wdes-result-domain-box { display: inline-block; } .remove-bg-responsive { background: #fff !important; } .add-bg-sec { background: #204056; } .padd-ft { padding-bottom: 70px; } a.comment-edit-link { margin-left: 0; float: left; } .blog-title-top p { width: 100%; padding: 0 15px; margin: 0; } .blog-title-top a { margin-left: 0; position: static; margin-top: 15px; } .parent-title-archive p { width: 90%; } .wide-posts-block.custom-width-post, .sidebar-area { width: 100%; margin: 0; padding: 0 2%; } .img-post-wrap { width: 100%; padding-right: 0; } .contactus-footer-shortcuts { margin-top: 60px; } .padd-ft { padding: 0; } .widget-call-to-action-button { margin: 0; } .client-block { width: 100%; padding: 20px; } .plan-st2 ul { margin: 20px 0; } .container { max-width: 100%; } #chartdiv { width: 100%; height: 300px; } .w-75, .w-50 { width: 100% !important; } .float-right { float: none !important; } .menu-sc-area { float: left; } .small-features-blocks .elementor-icon-list-item { display: block !important; width: 100%; margin: 16px 0 0 !important; } .remove-r-border .elementor-element-populated { border-right: 0 !important; } .remove-dark-bg { background: #112835 !important; } .posts li:last-child .img-post-wrap { margin-bottom: 0 !important; } .partners-company-wdes { border-top: 0; margin-top: 30px; } .partners-company-wdes .partner-icon-wdes { display: inline-block; border-left: 0; padding: 20px 10px; } .item-art .art-info-sub { margin: -62px 0 0 30px; } .inner-item-art .art-info-sub { margin: 30px 0 0 30px; } .row-elements-box { margin-top: 0; } .comment-list .children { margin-left: 0 !important; } .parent-img-post-inner .parent-title-archive h2 { width: 90%; margin: 0 auto 20px; font-size: 30px; } .partners-company-wdes .partner-icon-wdes { border-left: 0 !important; } .error-p { width: 90%; } .error-p #wdes-fullscreen-searchform input#wdes-fullscreen-search-input { width: 80%; } .footer-menu li, html[dir="rtl"] .footer-menu li { float: none !important; margin: 0 !important; display: inline-block; } .footer-menu li a { margin: 7px !important; } .wdes-sub-items, html[dir="rtl"] .wdes-sub-items { float: none; display: block; text-align: center; margin: 10px auto; } .wdes-interface-menu #wdes-menu-top-header { display: inline-block; text-align: center; width: 100%; margin-bottom: 20px; } .wdes-interface-menu #wdes-menu-top-header ul.menu li, html[dir="rtl"] .wdes-interface-menu #wdes-menu-top-header ul.menu li { float: none; margin: 0 15px 5px 0; display: inline-block; } .top-header-layout-2 .wdes-sub-items, .top-header-layout-2 .clientarea-shortcuts { float: none; } section.widget-container.wdes-widget-recent-posts:first-child { margin-right: 0; width: 100%; } section.widget-container.wdes-widget-recent-posts:nth-child(2) { margin: 30px 0; width: 100%; } section.widget-container.wdes-widget-recent-posts:nth-child(3) { margin-left: 0; width: 100%; } section.widget-container.wdes-widget-recent-posts .entry-media img { height: auto; } .clientarea-shortcuts, html[dir="rtl"] .clientarea-shortcuts { border-left: 0 !important; border-right: 0 !important; } .wdes-menu-navbar ul.default-drop > li a.mega-menu-demos + ul.dropdown-content li a h1 { color: #fff !important; margin-bottom: 20px; } .wdes-wehost-domain input.reg-dom { padding: 9px 10px !important; } .wdes-wehost-domain .extensions-block .block .domain-ext-name { font-size: 15px; } .wdes-wehost-domain .extensions-block .block .price-extention-domain-wdes .direct-price-extention-domain-wdes { font-size: 16px; } .wdes-wehost-domain .extensions-block .block .price-extention-domain-wdes .dollar-sign-wdes { font-size: 15px !important; } .wdes-wehost-domain .extensions-block .block { margin-right: 10px; padding-right: 10px; } #wdesDomainWhois .modal-dialog { width: 90%; } } /* iPads (landscape) */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .navbar-brand { padding: 15px; padding-right: 0; display: table; } html[dir="rtl"] .navbar-brand { padding-right: 15px; } .wdes-menu-navbar { padding-right: 15px; } html[dir="rtl"] .wdes-menu-navbar { padding-right: 0; padding-left: 15px; } .inner-item-art .art-info-sub { margin: 30px 0 0 30px !important; } .comment-list .children { margin-left: 50px !important; } .shortcuts-top-bar .block-sc { margin-right: 10px; } .social li { margin-left: 10px; } .hide-responsive { display: none; } .tab-content.custom { margin: 0; width: 100%; } .s-area span { margin-top: 20px; } .nav.nav-tabs.custom li a img { text-align: center; margin: 0 auto 10px; display: block; } .fa.fa-plus.coll-a { display: none; } .partners { text-align: center; } .partners img { text-align: center; margin: 15px; display: inline; border: 1px solid #ddd; } .email-news { width: 65%; } .date-post-wid { display: none; } .map, .phone, .mail, .l-chat { margin: 10px 5px; } .cusz { min-height: auto !important; } .app-mob { display: none; } .app-btns { width: 100%; } .block-comp { margin: 0; } .block-faq-lv1 { width: 100%; float: left; } .login-f { width: 70%; } .clientarea-shortcuts > a, .clientarea-shortcuts { margin-left: 12px; } .wdes-menu li { margin-right: 12px; } a.title-art { margin-bottom: 17px; } input.search-box-inp, .search-box-sub { width: 100%; } .socialmedia-icons li { margin-bottom: 4px; } .social li:hover a { background: #333; color: #fff !important; } .posts li img { width: 100%; } .tags-blog ul li { margin-bottom: 21px; } .navbar-nav.wdes-menu { margin: 12px 0 0 28%; } .navbar-toggler { display: none; } .wdes-fullscreen-search-overlay #wdes-fullscreen-search-wrapper { width: 85%; } .slider-mob-padd { padding: 20px !important; } .classic-post-view .wp-post-image { width: 100% !important; margin-bottom: 10px; } .classic-post-view .text-area { width: 100%; padding: 0 30px 0 0; } .item-art .art-info-sub { margin: -83px 0 0 30px; } .classic-post-view .info-content-hp { margin-right: 30px !important; } .text-area.cat-content-width-x a.title-art-sub { width: 71%; } .block-art.sm-block { height: 209px; } .img-post-wrap { width: 100%; margin-bottom: 20px; } .client-block { width: 100%; } .container { max-width: 100%; padding-left: 15px; padding-right: 15px; } .wdes-interface-menu { padding: 8px 15px; z-index: initial; } .custom-width-area-content { padding: 0 15px; } .post-info-inner-pin-details p.pin-posts-item-description { display: none; } .top-articles .sm-block .post-info-inner-pin-details { bottom: 8%; } .top-articles .sm-block:hover .post-info-inner-pin-details { bottom: 8%; } .top-articles { height: 418px; } .w-75, .w-50 { width: 100% !important; } .float-right { float: none !important; } .plan-st2 { padding: 30px; } .plan-st2 a.order-st2 { font-size: 13px; padding: 15px 45px; } .remove-dark-bg { background: #112835 !important; } .partners-company-wdes { margin-top: 50px; } .partners-company-wdes .partner-icon-wdes { padding: 20px 10px; } .blog-title-top p { margin: 0; } .parent-img-post-inner .parent-title-archive h2 { width: 90%; margin: 0 auto 20px; font-size: 30px; } .single-no-feature-img .art-info-sub { margin: 26px 0px 0px 30px !important; } .error-p #wdes-fullscreen-searchform input#wdes-fullscreen-search-input { width: 80%; } section.widget-container.wdes-widget-recent-posts:first-child { margin-right: 0; width: 100%; } section.widget-container.wdes-widget-recent-posts:nth-child(2) { margin: 30px 0; width: 100%; } section.widget-container.wdes-widget-recent-posts:nth-child(3) { margin-left: 0; width: 100%; } section.widget-container.wdes-widget-recent-posts .entry-media img { height: auto; } .wrap-half-phox-startup { width: 70% !important; } } @media only screen and (min-width: 1024px) and (max-width: 1200px) { .inner-item-art .art-info-sub { margin: 30px 0 0 30px !important; } .comment-list .children { margin-left: 50px !important; } .custom-title-art-sub-width { width: 46%; } .classic-post-view .wp-post-image { width: 100% !important; margin-bottom: 10px; } .static-padding-element { padding-left: 15px !important; padding-right: 15px !important; } .wdes-intro-block img { width: 86px; height: 86px !important; } .wdes-intro-block h3 { font-size: 13px !important; } .wdes-custom-width-padding-l .elementor-element-populated { padding-left: 15px !important; } .wdes-custom-marg-padd-l .elementor-element-populated { padding-left: 30px !important; padding-right: 30px !important; } .wdes-custom-width-padding-r { padding-right: 15px !important; } .wdes-custom-width-padding-r-c .elementor-element-populated { padding-right: 15px !important; } .custom-font-size a span { font-size: 12px !important; } .w-75, .w-50 { width: 100% !important; } .testimonails-padd-l .elementor-element-populated { padding: 0 0 0 30px !important; } .services-padd-l .elementor-element-populated { padding: 0 0 0 15px !important; } .custom-chart-dir .elementor-widget-container { margin-left: -22px !important; } .small-features-blocks ul.elementor-icon-list-items.elementor-inline-items { display: table; padding-left: 30px !important; } .small-features-blocks .elementor-icon-list-item { float: left; margin-left: 0 !important; } .decrease-font-size h2 { font-size: 18px !important; } .wdes-custom-align .elementor-widget-heading { text-align: center !important; } .wdes-custom-align .elementor-widget-button { float: none !important; margin-top: 70px !important; margin-bottom: 30px !important; } .item-art .art-info-sub { margin: -62px 0 0 30px; } .single-no-feature-img .art-info-sub { margin: 26px 0px 0px 30px !important; } .art-block-sub.author-box { margin-top: 0; } .align-testimonials-startup .align-wrapper-testimonials { width: 81% !important; margin-bottom: 17px !important; } .wrap-half-phox-startup { width: 70% !important; } } @media only screen and (min-width: 1024px) and (max-width: 1700px) { .app img { display: none; } }