/*
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;
	}
	
	.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;
	}
	
	.remove-bg-img.nitro-lazy {
		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;
	}
}