/*
Template: Fitsense - Gym and Fitness HTML Template
Author: Peacefulqode.com
Version: 1.0
Design and Developed by: PeacefulQode
*/

@media(max-width: 1699px){

    .pq-marquee{
        width: 230%;
    }
}

@media(max-width: 1679px){
    
    .pq-marquee{
        width: 240%;
    }

    .pq-purchase-img-2{
        right: 6%;
    }

    .pq-purchase-img-3{
        left: 45px;
    }
}

@media(max-width: 1599px){

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

@media(max-width: 1499px){

    .pq-marquee{
        width: 265%;
    }

    .pq-calculator-div-img-1{
        margin: 0;
    }

    .pq-calculator-div-img-1 img{
        width: 100%;
    }

    .pq-calculator-div-img-2{
        bottom: 0;
        left: 0;
        width: 60%;
    }

    .pq-calculator-div-img-3{
        bottom: 0;
        left: 0;
    }

    .pq-pb-220{
        padding-bottom: 130px;
    }

    .pq-purchase-img-2{
        right: 2%;
    }

    .pq-purchase-img-3{
        left: -35px;
    }
}

@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-marquee{
        width: 280%;
    }

    .pq-responsive-img-2{
        right: -7%;
    }

    .pq-purchase-img-3{
        left: -75px;
    }
}

@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 a.pq-header-contact {
		padding: 7px 0;
	}

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

	header#pq-header .pq-top-header.top-style-1 {
		font-size: 14px;
	}

	header#pq-header .pq-top-header.top-style-1 .pq-header-social ul li a {
		font-size: 14px;
	}

	header#pq-header .pq-top-header.top-style-1 .pq-header-contact ul li {
		font-size: 14px;
	}

    .pq-marquee{
        width: 300%;
    }

    .pq-responsive-img-2{
        right: -2%;
    }

    .pq-purchase-img-2{
        right: 0;
    }

    .pq-purchase-img-3{
        left: -115px;
    }
}

@media(max-width: 1279px){

}

@media(max-width: 1199px){

    section{
        padding: 90px 0;
    }

    .pq-marquee{
        width: 325%;
    }

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

    .pq-pb-220{
        padding-bottom: 90px;
    }

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

    .pq-responsive-img-2{
        right: 0;
    }

    .pq-responsive-img-3{
        bottom: 0;
    }

    .pq-responsive-img-4{
        left: 0;
    }

    .pq-purchase-img-1{
        top: 40%;
    }

    .pq-purchase-img-2{
        display: none;
    }

    .pq-purchase-img-3{
        display: none;
    }

    .pq-pb-180{
        padding-bottom: 90px;
    }

    .purchase .pq-section-title.pq-style-1{
        padding: 0 5em;
    }

	.pq-py-130{
		padding: 90px 0;
	}

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

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

	.pq-mb-60{
		margin-bottom: 30px;
	}
}

@media(max-width: 1099px){
    
    .pq-marquee{
		width: 305%;
		height: 40px;
	}

	.pq-marquee-main{
		height: 70px;
	}

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

	.marquee-content-items li {
		font-size: 22px;
	}
}

@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: 12px 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(--dark-color);
		background: var(--primary-color);
	}

	header#pq-header .pq-bottom-header .navbar .navbar-collapse {
		width: 100%;
		position: absolute;
		left: 0;
		top: 100%;
		background: #fff;
		-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-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: #f5f5f5;
		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(--dark-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(--dark-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: #f5f5f5;
		color: var(--secondary-color);
	}

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

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

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

	header#pq-header.pq-header-style-1 .pq-bottom-header .pq-header-info-box {
		margin-left: auto;
	}

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

	header#pq-header.pq-header-style-1 .pq-bottom-header .navbar-toggler {
		margin: 0 0 0 30px;
	}

	header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-nav>li>a {
		padding-bottom: 15px;
	}

	header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-nav>li>a:before {
		display: none;
	}

	header#pq-header.pq-header-style-1 .pq-bottom-header .navbar .navbar-nav>li>i {
		display: inline-block;
	}

    header#pq-header .pq-top-header.top-style-1 {
		font-size: 12px;
	}

	header#pq-header .pq-top-header.top-style-1 .pq-header-contact ul li {
		font-size: 12px;
	}

	header#pq-header .pq-top-header.top-style-1 .pq-header-social ul li a {
		font-size: 12px;
	}

	.pq-sidebar {
		display: none;
	}

    .pq-marquee{
		width: 320%;
	}

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

@media(max-width: 979px){

    header#pq-header .pq-top-header a.pt-header-contact {
		margin-right: 0;
	}

	.pq-purchase-img-1{
		top: 50%;
	}
}

@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: 0 0 0 20px;
	}

	header#pq-header.pq-header-style-1 .pq-bottom-header .pq-header-info-box .pq-header-text {
		display: none;
	}

    .pq-marquee-main{
		height: 60px;
	}

	.pq-marquee{
		height: 30px;
	}

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

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

	.pq-section-title.pq-style-1 .pq-section-sub-title {
		font-size: 14px;
		line-height: 22px;
	}

    .pq-button.rev-btn span.pq-button-text {
		padding-right: 15px;
	}

	.pq-button.rev-btn span.pq-button-text:before {
		width: 5px;
		height: 5px;
	}

    .pq-pb-220{
        padding-bottom: 60px;
    }

    .pq-pb-180{
        padding-bottom: 60px;
    }

	.marquee-content-items li {
		font-size: 18px;
		padding-left: 24px;
	}

	.marquee-content-items li:before {
		width: 10px;
		height: 10px;
	}

	.pq-py-130{
		padding: 60px 0;
	}

	.pq-image-box.pq-style-1 .pq-image-box-img a img{
		width: 100%;
	}
}

@media(max-width: 479px){

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

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

	header#pq-header.pq-header-style-1 .pq-bottom-header .pq-header-info-box .pq-header-text {
		display: none;
	}

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

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

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

@media(max-width: 397px){

}

@media screen and (max-width:4000px) and (min-width:1023px) {
	
    header#pq-header .pq-bottom-header .navbar .navbar-nav li:hover>.sub-menu {
		display: block !important;
	}
}