/*
Template: Xcloud - Cloud Gaming HTML Template
Author: Peacefulqode.com
Version: 1.0
Design and Developed by: Peaceful Qode
*/

@media(max-width: 1699px) {

	.pq-image2{
		right: -42%;
	}

	.pq-image7 {
		right: -14%;
	}
}

@media(max-width: 1679px){

	header#pq-header .pq-bottom-header .navbar .navbar-nav li {
		margin-right: 20px;
	}

	.pq-image2{
		right: -34%;
	}

	.pq-image7{
		right: -11%;
	}
}

@media(max-width:1499px) {
	
	.pq-responsive-img{
		margin: 0 -80px 0 0;
	}

	.pq-image2{
		width: 65%;
		right: -16%;
	}
	
	.pq-image7{
		right: -5%;
		width: 33%;
	}

	.pq-img-marquee{
		width: 297%;
	}
}

@media(max-width:1399px) {

	header#pq-header .pq-bottom-header .navbar .navbar-nav li {
		margin-right: 20px;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li:hover>.sub-menu {
		left: inherit;
		right: 100%;
	}

	.pq-responsive-img{
		margin: 0 -16px 0 0;
	}

	.pq-image2{
		width: 60%;
		right: -9%;
	}

	.pq-image3{
		width: 39%;
	}
	
	.pq-image4{
		width: 17%;
	}

	.pq-image7{
		right: -2%;
		width: 30%;
	}

	.pq-blogging-img{
		margin: 0 0 0 -290px;
	}

	.pq-img-marquee{
		width: 313%;
	}
}

@media(max-width:1365px) {
	
	header#pq-header .pq-bottom-header .navbar .navbar-nav li {
		font-size: 14px;
		margin-right: 15px;
	}

	header#pq-header .pq-top-header .pq-header-social ul li a {
		font-size: 12px;
		padding: 10px 15px;
	}

	header#pq-header .pq-top-header .pq-header-contact ul li {
		font-size: 12px;
		padding: 10px 15px;
	}

	header#pq-header.pq-header-default .pq-toggle-btn {
		margin: 0 0 0 15px;
	}


	header#pq-header.pq-header-style-1 .pq-bottom-header{
		padding: 0 15px;
	}

	header#pq-header.pq-header-style-1 .pq-top-header{
		padding: 9px 15px;
	}

	.pq-px-45{
		padding: 0 30px;
	}

	.pq-responsive-img{
		margin: 0 -13px 0 0;
	}

	.pq-image2{
		width: 60%;
		right: -3%;
	}

	.pq-image3{
		width: 36%;
	}
	
	.pq-image4{
		width: 16%;
	}

	.pq-image7{
		right: 1%;
		width: 27%;
	}

	.pq-blogging-img{
		margin: 0 0 0 -290px;
	}

	.pq-img-marquee{
		width: 334%;
	}
}

@media(max-width: 1199px){
	
	section{
		padding: 90px 0;
	}

	.pq-section-title-style-1.text-center{
		padding: 0;
	}

	.pq-px-45{
		padding: 0 15px;
	}

	.pq-pe-90{
		padding-right: 15px;
	}

	.pq-ps-90{
		padding-left: 15px;
	}

	.pq-blogging-img{
		margin: 0;
	}

	.pq-image6{
		position: absolute;
		top: auto;
		bottom: 0;
		width: 30%;
		left: 19%;
	}

	.pq-image7{
		bottom: -16%;
	}

	.pq-responsive-img{
		margin: 0;
	}

	.pq-image2{
		right: -2%;
	}

	.pq-ps-100{
		padding-left: 50px;
	}

	.pq-img-marquee{
		width: 362%;
	}
}

@media(max-width: 1099px){

	.col-55{
		width: 100%;
	}

	.col-45{
		width: 100%;
		margin-top: 30px;
	}

	.pq-image2{
		right: 0;
		width: 55%;
	}

	.pq-image3{
		width: 35%;
	}

	.pq-image4{
		width: 14%;
	}

	.pq-image7{
		bottom: -19%;
	}
}

@media(max-width:1023px) {

	/*++++++++++++++ Button Toggler +++++++++++++*/
	.navbar-expand-lg .navbar-toggler {
		display: block;
	}

	.navbar-expand-lg .navbar-collapse.collapse:not(.show) {
		display: none !important;
	}

	header#pq-header .pq-bottom-header .navbar-toggler {
		font-size: 20px;
		padding: 16px 18px;
		line-height: normal;
		float: right;
		outline: none;
		margin: 0 0 0 15px;
		color: var(--white-color);
		box-shadow: none;
		background: var(--dark-color);
	}

	header#pq-header .pq-bottom-header .navbar-toggler:hover {
		color: var(--white-color);
		background: var(--primary-color);
	}

	header#pq-header .pq-bottom-header .navbar .navbar-collapse {
		width: 100%;
		position: absolute;
		left: 0;
		top: 100%;
		background: var(--dark-color);
		-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1);
		-moz-box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1);
		box-shadow: 0px 5px 15px 0px rgba(0, 33, 85, 0.1);
		max-height: 330px;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-brand {
		line-height: 60px;
	}

	header#pq-header .pq-bottom-header {
		min-height: 60px;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-brand img {
		height: 40px;
	}

	header#pq-header .pq-search-form {
		top: 57px;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav {
		float: left;
		width: 100%;
		display: inline-block;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li {
		float: left;
		width: 100%;
		display: inline-block;
		line-height: normal;
		position: relative;
		font-size: 16px;
		position: relative;
	}


	header#pq-header .pq-bottom-header .navbar .navbar-nav li a {
		width: 100%;
		display: inline-block;
		padding: 15px;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li i {
		margin-left: 0;
		opacity: 1;
		font-size: 12px;
		position: absolute;
		right: 0;
		margin-top: 0;
		top: 0;
		padding: 22px;
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover .sub-menu {
		position: relative;
		top: 0;
		left: 0;
		padding-left: 0;
		background: var(--grey-color);
		box-shadow: none;
		display: inline-block;
		width: 100%;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li.menu-item-has-children:hover>a {
		background: var(--primary-color);
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover .sub-menu li.menu-item-has-children>.pq-submenu-icon {
		opacity: 1;
		position: absolute;
		top: 0;
		right: 0;
		line-height: 2;
		font-size: 12px;
		padding: 12px 30px;
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li a {
		padding: 10px 30px;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li>a:hover,
	header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover>a {
		background: var(--primary-color);
		color: var(--dark-color);
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li.current-menu-ancestor>a {
		background: var(--primary-color);
		color: var(--white-color);
	}

	header#pq-header.pq-header-default .pq-bottom-header .navbar .navbar-nav>li.current-menu-ancestor>a,
	header#pq-header.pq-header-default .pq-bottom-header .navbar .navbar-nav>li.current-menu-item>a {
		color: var(--white-color);
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li.current-menu-ancestor>.pq-submenu-icon,
	header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover>.pq-submenu-icon {
		color: var(--white-color);
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu li:hover>.sub-menu {
		position: relative;
		top: 0;
		left: 0;
		background: transparent;
		display: inline-block;
		width: 100%;
		float: left;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li .sub-menu>li>a {
		background: var(--grey-color);
		color: var(--secondary-color);
	}

	header#pq-header .pq-top-header .pq-header-contact ul li {
		padding: 10px 10px;
	}

	header#pq-header .pq-bottom-header .navbar-toggler {

		background: var(--primary-color);
	}

	header#pq-header.pq-header-style-1 .pq-menu-search-block {
		border-left: none;

	}

	header#pq-header.pq-header-style-1 .pq-top-header {
		padding: 0;
	}

	header#pq-header.pq-header-style-1 .pq-toggle-btn {
		display: none;
	}

	header#pq-header.pq-header-style-1 .pq-menu-search-block {
		margin-left: auto;
		padding: 0 15px;
	}

	header#pq-header.pq-header-style-1 .pq-shop-btn {
		margin-right: 15px;
	}

	header#pq-header.pq-header-style-1 .pq-menu-search-block {
		margin-right: 0;
	}

	header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-brand {
		padding-right: 15px;
		padding-left: 0;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-nav li a {
		font-size: 16px;
	}

	header#pq-header.pq-header-style-1 .pq-bottom-header {
		padding: 0;
	}

	header#pq-header.pq-header-style-1 .pq-top-header{
		padding: 9px 0;
	}

	.pq-section-title-style-1 .pq-section-main-title {
		font-size: 44px;
		line-height: 52px;
	}

	.pq-ps-100{
		padding-left: 15px;
	}

	.pq-image4{
		width: 13%;
		left: 17px;
	}

	.pq-image5{
		width: 100%;
	}

	.pq-image6{
		width: 60%;
		bottom: auto;
		top: 44%;
		left: auto;
		right: 2%;
	}

	.pq-image7{
		bottom: -8%;
		width: 30%;
	}
}

@media(max-width: 979px){

	.pq-image6{
		top: 39%;
	}

	.pq-image7{
		bottom: -9%;
		width: 42%;
	}
}

@media(max-width:767px) {

	section {
		padding: 60px 0;
	}

	header#pq-header .pq-top-header {
		display: none;
	}

	header#pq-header.pq-header-style-1 .pq-menu-search-block {
		margin-right: 0;
	}

	header#pq-header.pq-header-style-1 .pq-btn-container {
		display: none;
	}

	header#pq-header .pq-top-header.top-style-1 {
		display: none;
	}

	.pq-section-title-style-1 .pq-section-main-title {
		font-size: 34px;
		line-height: 1.3;
	}

	.pq-section-title-style-1.text-center {
		margin-bottom: 30px;
	}

	.pq-image6{
		top: 27%;
		width: 70%;
	}

	.pq-image7{
		bottom: -8%;
		width: 51%;
	}

	.divider{
		display: none;
	}

	.pq-icon-box.pq-style-1{
		display: block;
		text-align: center;
		border-bottom: 1px solid #ffffff33;
	}

	.pq-icon-box.pq-style-1 .pq-icon{
		margin-right: 0;
		margin-bottom: 20px;
	}

	.pq-img-marquee{
		width: 392%;
	}
}

@media(max-width:479px) {

	header#pq-header .pq-bottom-header .navbar .navbar-brand img {
		height: 42px;
	}

	header#pq-header.pq-header-default .pq-btn-container {
		display: none;
	}

	header#pq-header .pq-search-form {
		right: 0;
		width: 220px;
		padding: 5px;
	}

	header#pq-header.pq-header-style-1 .pq-menu-search-block {
		display: none;
	}

	header#pq-header .pq-bottom-header .navbar .navbar-brand img {
		height: 40px;
	}

	.pq-section-title-style-1 .pq-section-main-title {
		font-size: 30px;
		line-height: 1.3;
	}
}

@media(max-width: 397px){

	.pq-image4{
		display: none;
	}

	.pq-image6{
		top: 23%;
	}

	.pq-image7{
		display: none;
	}
}