/*
Theme Name: Qxygen
Theme URI: https://apusthemes.com/qxygen
Author: ApusTheme
Author URI: https://apusthemes.com/
Description: Qxygen is clean theme, it's used Apus Framework.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: qxygen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
img{
    max-width: 100%;
    height:auto;
 }
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    clear: both;
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 32px 2em;
}
.wp-block-image .alignright{
    margin-left: 2em;
}
.alignleft {
    float: left;
    margin: 5px 2em 32px 0;
}
.wp-block-image .alignleft{
    margin-right: 2em;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
.gallery-caption {
    box-sizing: border-box;
}
.bypostauthor{
    box-sizing: border-box;
}
.wp-block-pullquote{
    border:none;
}
.wp-block-archives.aligncenter, .wp-block-categories.aligncenter, .wp-block-latest-posts.aligncenter {
    text-align: center;
}
.wp-block-cover{
    margin-bottom: 28px;
}
.wp-block-embed{
    margin-bottom: 30px;
}
.product-block.grid .product-image{
    width: 100%;
}
.product-block.grid .product-image img{
    width: 100%;
}
.bread-title{
    word-break: break-word;
    word-wrap: break-word;
}
.advane-search-wrapper-fields {
    display: none;
}

.wp-block-cover.has-background-dim .wp-block-cover-text{
    color: #fff;
}
.wp-block-button {
    margin-top: 15px;
    margin-bottom: 15px;
}
/* fix */
.text-underline {
    padding:0;
    vertical-align: middle;
}
.text-underline:before{
    display: none;
}
@media(min-width: 1025px){
    .w-percent-53{
        width: 53% !important;
    }
}
@media(max-width: 1500px){
    .hidden-hover-bg .banner-image-top{
        display: none !important;
    }
}



@media(max-width: 767px){
	.elementor-2009 .elementor-element.elementor-element-1f6766e {
    left: 30px !important;
}
	.elementor-2009 .elementor-element.elementor-element-1f6766e > .elementor-widget-container {
    padding: 0 10px 0 0;
	}
}


@media(max-width: 375px){
	#slider-9-slide-23-layer-5, #slider-9-slide-22-layer-4{height:315px!important;}
	
		.logo-wrapper img{max-width:50%;}
		
				#apus-mobile-menu .btn-toggle-canvas{background:#354658!important;text-align:right!important;}
		
		#apus-main-content{padding-top:30px!important;}
	
	.btn-showmenu{display:none!important;}
	
	.logo{text-align:center!important;}
	
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	#about-section	.elementor-widget-wrap .elementor-element-45d0bc1,#about-section	.elementor-widget-wrap  .elementor-element-76cd1f1, #about-section	.elementor-widget-wrap .elementor-element-905909f{margin-left:30px!important;}
		
		#about-section{padding-bottom:30px!important;}
		
		#apus-mobile-menu .btn-toggle-canvas{background:#354658!important;text-align:right!important;}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
		.elementor-element-1b4a389{margin-top:40px!important;}
		

		
				.logo-wrapper img{max-width:35%;}
		
				#apus-mobile-menu .btn-toggle-canvas{background:#354658!important;text-align:right!important;}
		
		#apus-main-content{padding-top:30px!important;}
		
			.btn-showmenu{display:none!important;}
	
	.logo{text-align:center!important;}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.logo-wrapper img{max-width:30%;}
		
				#apus-mobile-menu .btn-toggle-canvas{background:#354658!important;}
		
		#apus-main-content{padding-top:0px!important;}
		
			.btn-showmenu{display:none!important;}
	
	.logo{text-align:center!important;}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
		#about-section{padding-top:100px;padding-bottom:120px;}
		
	#about-section	.elementor-widget-wrap .elementor-element-45d0bc1,#about-section	.elementor-widget-wrap  .elementor-element-76cd1f1, #about-section	.elementor-widget-wrap .elementor-element-905909f{margin-left:80px;}
		
		.logo-wrapper img{max-width:30%;}
		
		#apus-mobile-menu .btn-toggle-canvas{background:#354658!important;}
		
		#apus-main-content{padding-top:0px!important;}
		
			.btn-showmenu{display:none!important;}
	
	.logo{text-align:center!important;}
		
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
		#about-section{padding-top:100px;padding-bottom:120px;}
		
	#about-section	.elementor-widget-wrap .elementor-element-45d0bc1,#about-section	.elementor-widget-wrap  .elementor-element-76cd1f1, #about-section	.elementor-widget-wrap .elementor-element-905909f{margin-left:80px;}
		
		.logo-wrapper img{max-width:20%;}
		
		#apus-mobile-menu .btn-toggle-canvas{background:#354658!important;}
}


.ali-right .btn-theme{background-color: #354658!important;border-color: #354658!important;}

a:hover {
	color: #c1a903 !important;
}


/* Scroll top button */
.add-fix-top{
	background-color:#354658;
}

/* Get in touch section */
.title.get-in-touch-title{
	color:#354658 !important;
	margin-bottom:10%;
	font-size:4rem;
}

.get-in-touch .form-control{
	border:2px solid #354658;
}

.get-in-touch-submit-btn input{
	background-color:#354658 !important;
	border:2px solid #354658 !important;
}

.get-in-touch-submit-btn input:hover{
	background-color: transparent !important;
	border:2px solid #354658;
	color: #354658;
}

#slider-9-slide-9-layer-10 {
	padding-top: 100px;
}

.pum-theme-2175 .pum-container, .pum-theme-default-theme .pum-container {
	padding-top: 20px !important;
}

.elementor-132 .elementor-element.elementor-element-97e5202 .elementor-button:hover, .elementor-132 .elementor-element.elementor-element-97e5202 .elementor-button:focus {
	border: 1px solid;
	border-color: #ffffff !important;
	color: #fff !important;
}
.elementor-132 .elementor-element.elementor-element-97e5202 .elementor-button {
	border: 1px solid;
	border-color:#566677 !important; 
}
.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {
	color: #c1a903;
}
.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a:hover {
	color: #fff !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #c1a903;
}