@media(min-width:1001px){
.main-menu nav.navigation-bar ul>li.has-submenu:hover>ul.sub-menu,
.main-menu nav.navigation-bar ul.menubar li.has-submenu>ul.sub-menu li.has-submenu:hover>ul.sub-menu {
    display: block;
}
.menubar li:hover a, .menubar li:hover .menu_click::before {
	color: #ffd80a;
}
.main-menu nav.navigation-bar ul li ul.sub-menu li:hover a{
	color: #ffd80a;
}
.main-menu nav.navigation-bar ul li.has-submenu:hover .menu_click::before{
	transform: rotate(-180deg);
}
}

@media(max-width:1440px){
.content-block h2 {
	font-size: 60px;
}
}

@media(max-width: 1200px){

h3, h4 {

	font-size: 40px;

}

.site-logo img {

	width: 80%;

}

.main-menu ul li a{

	font-size: 14px;

}

.banner-details .banner-subtitle {

	font-size: 20px;

}

.collection-content h4 {

	font-size: 40px;

}

.collection-block::after {

	height: 350px;

	width: 350px;

}

.banner-details .title-desc{
	width: 90%;
}
.content-right-modern h2 {
	font-size: 40px;
}
.contact-col {
	padding: 20px 26px;
}
.collection::before, .main-Products .product-heading::before, .blogs .blog-heading::before, .main-Products-accessory .product-heading::before,
.wrap-testimonial::before {
	font-size: 5rem;
}
.woocommerce ul.products li.product h2 {
	font-size: 22px !important;
}
body .container-fluid {
	padding: 0 4rem;
}
.content-block h2 {
	font-size: 60px;
	margin: 20px 0;
}
.woocommerce-page #primary, .woocommerce-page .woocommerce {
	padding: 50px 4rem 50px 4rem;
}
.main-bg-banner h4 {
	font-size: 60px;
}
}


@media(max-width: 1024.98px){
.collection-block::after {
	height: 300px;
	width: 300px;
}
.content-block h2{
	font-size: 50px;
	margin: 0 0 20px;
}
.main-menu ul li a {
	font-size: 13px;
}
.process-title h5 {
	font-size: 22px;
}
}

@media(max-width:1000px){
.toggle-nav {
	display: block;
	cursor: pointer;
	margin-left: 20px;
}
.toggle-nav .navbar-toggle {
	display: block;
	position: relative;
	top: 0;
	bottom: 50px;
	float: right;
	padding: 7px 10px 10px 0px;
	border: none;
}
.toggle-nav.active .navbar-toggle span.icon-bar:first-child {
	transform: rotate(136deg);
	-webkit-transform: rotate(136deg);
	margin-top: 10px;
}
.toggle-nav.active .navbar-toggle span.icon-bar:nth-child(2) {
	opacity: 0;
}
.toggle-nav.active .navbar-toggle span.icon-bar:nth-child(3) {
	transform: rotate(-136deg);
	-webkit-transform: rotate(-136deg);
	margin-top: -10px;
}
.main-menu nav.navigation-bar ul.menubar > li.current_page_item::after, .main-menu nav.navigation-bar ul.menubar > li.current-menu-item::after {
	content: unset;
}
.main-menu nav.navigation-bar ul.menubar > li.current_page_item, .main-menu nav.navigation-bar ul.menubar > li.current-menu-item{
	background: #ffd80a;
}

.main-menu nav.navigation-bar ul.menubar li {
	line-height: 60px;
}
.main-menu nav.navigation-bar ul.menubar li a{
	font-size: 16px;
	letter-spacing: 0.5px;
}
.menu_click::before {
	color: #000;
	position: absolute;
	right: 14px;
}
.main-menu nav.navigation-bar ul li.has-submenu .menu_click.active::before{
	transform: rotate(-180deg);
}
.main-menu nav.navigation-bar ul.menubar li ul.sub-menu{
	padding: 0;
	background: #ffd80a45;
	width: 100%;
}
.main-menu nav.navigation-bar ul.menubar li ul.sub-menu.active{
	display: block;
	position: relative;
}
.site-logo img {
	width: 100%;
}
.menubar{
	height: 100vh;
	display: block;
	padding-top: 50%;
}
.main-menu ul li a {
	color: #000;
}
.toggle-nav .navbar-toggle .icon-bar {
	display: block;
	width: 26px;
	height: 2px;
	background-color: #fff;
	border-radius: 3px;
	margin-left: 8px;
}
.toggle-nav .navbar-toggle .icon-bar + .icon-bar {
	margin-top: 7px;
}
.main-menu {
	display: none;
	position: fixed;
	top: 0;
	background: #fff !important;
	left: -100%;
	padding-bottom: 20px;
	height: 100vh;
	width: 350px;
	transition: .5s;
	overflow: auto;
}
.main-menu.active {
	display: block;
	left: 0 !important;
	z-index: 2;
}

.main-menu::after, .main-menu::before{
	content: unset;
}
.site-header {
	padding: 16px 0;
}
.primery-bar {
	justify-content: end;
}
}

@media(max-width: 991.98px){
.newletter-title {
	padding-bottom: 30px;
}
.mob-slider-img {
	display: block;
}
.desk-slider-img {
	display: none;
}

.header-inner{
	background: transparent;
	border-top: none;
}
.primery-bar {
	justify-content: flex-end;
}

.content-block h5 {

	font-size: 30px;

}

.content-block h2 {

	font-size: 60px;

	line-height: 40px;

}

.content-block p{

	font-size: 16px;

}

.collection-content h4 {

	font-size: 40px;

}

.collection-block::after {

	height: 260px;

	width: 260px;

}

h3, h4 {

	font-size: 40px;

}

.banner-details .banner-title {

	font-size: 28px;

}

.banner-details .banner-subtitle {

	font-size: 16px;

	margin: 0 0 6px;

}

.banner-details .site-btn a{

	font-size: 14px;

	padding: 8px 22px;

}

.services-block::after{

	content: unset;

}

.newletter-title h5 {

	font-size: 22px;

}

.newsletter-form form input {

	height: 40px;

}

.user-content p {

	width: 100%;

}
.collection-content {
	max-width: 100%;
}
.banner-inner .col-md-6 {
	margin: 12px 0;
}
.content-right-modern h2 {
	font-size: 30px;
}
.repair-serices .col-md-6{
	margin: 30px 0;
}

.single-sidebar {
	padding-top: 30px;
}
.single-product .product #tab-reviews form {
	max-width: 80%;
}
.hero-slider-bg::before {
	content: unset;
}
.content-block {
	position: relative;
	top: 0;
	left: 0;
	transform: unset;
	text-align: center;
	width: 100%;
}
img.hero-product-item {
	width: 90%;
	margin: 0 auto;
}
.content-block h2 {
	margin: 30px 0;
}
.hero-slider-bg {
	display: none;
}

.collection::before, .main-Products .product-heading::before, .main-Products-accessory .product-heading::before, .wrap-testimonial::before, .blogs .blog-heading::before {
	content: unset;
}
.new-collection{
	padding: 0;
}
.new-collection::after {
	background-image: none;
	content: unset;
}
.Products-items {
	 padding: 0; 
}
.woocommerce ul.products, .blog-slider.more-blog {
	padding-top: 0px !important;
}
.slick-prev, .slick-next {
	top: -40px;
}
.main-Products-accessory {
	padding-top: 50px;
}
.product-heading h3::after, .blog-heading h3::after, .post-type-archive-product #primary .woocommerce-products-header::after {
	background: none;
}
.product-heading h3, .blog-heading h3 {
	padding: 0;
}
.abt-pg-content ul li {
	width: 100%;
}
.content-right-modern {
	padding: 0 4rem;
}
.company-abt-content {
	padding-top: 20px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	width: 49%;
	float: none;
	display: inline-block;
	margin: 21px 0;
	vertical-align: top;
}
.woocommerce ul.products {
	margin: unset;
}
.main-articles .col-lg-3 {
	margin: 14px 0;
}
.additional_info ul li span:first-child {
	width: 24%;
}
.main-bg-banner{
	height: 100px;
}
.newletter-boxes {
	max-width: 80%;
}
}

@media(max-width: 768px){
.woocommerce #coupon_code {
	width: 50%;
}
}


@media(max-width: 767.98px){

.collection-thumb img {

	width: 80%;

	margin: 0 auto;

}

.collection-block::after {

	right: 100px;

}

.new-collection::after {
	content: unset;

	background-image: none;

}

.collection-content {

	max-width: 100%;

	padding: 0 2rem;

	text-align: center;

}

.collection-content h4::before{
	content: unset;
}

h3, h4 {
	font-size: 40px;
}
.abt-pg-content h4{
	font-size: 30px;
}
.banner-details.banner-details-2 {

	padding-top: 18px;

}

.newletter-title h5 {

	text-align: center;

}

.content-block h2 {

	font-size: 50px;

}.main-slider .slick-prev, .main-slider .slick-next {
	width: 40px;
	height: 40px;
}
.content-right-modern {
	padding: 0 2rem;
}
.post-type-archive-product #primary .woocommerce-result-count,
.post-type-archive-product #primary .woocommerce-ordering{
	float: none;
}
.post-type-archive-product #primary .woocommerce-ordering select{
	width: 100%;
}
.pum-content.popmake-content .popup-inner {
	display: block;
}
.popup-thumb {
	display: none;
}
.content-block{
	text-align: center;
}
body .container-fluid {
	padding: 0 2rem;
}
.woocommerce-page #primary, .woocommerce-page .woocommerce {
	padding: 50px 2rem 50px 2rem;
}
.woocommerce ul.products {
	margin: 0 !important;
}
.site-logo img {
	width: 70%;
}
.wrap-blog {
	padding: 0 0 50px;
}
.collection-row-item {
	width: auto;
}
.woocommerce-result-count,
.woocommerce-ordering {
	float: none !important;
}
.woocommerce-ordering select {
	width: 100%;
}
.additional_info ul li span:first-child {
	width: 40%;
}
.additional_info ul li span:last-child {
	width: 50%;
	display: inline-block;
	line-height: 22px;
}
.main-bg-banner h4 {
	font-size: 40px;
}
#popmake-246 .pum-content .popup-image {
	width: 40%;
	margin: 0 auto;
}
#popmake-246 .pum-content {
	display: block;
}
#pum-246 .popup-content{
	padding: 20px 10px 0 10px ;
}
#pum-246 .pum-content.popmake-content .popup-content h5 {
	font-size: 40px;
}
}

@media(max-width: 575.98px){
.woocommerce ul.products li.product{
	width: 100% !important;
}
.single-product .product #tab-reviews form {
	max-width: 100%;
}
.pum-overlay .pum-content .es_subscription_form .es_subscription_form_submit{
	width: 80%;
}
.woocommerce ul.products li.product h2 {
	font-size: 20px !important;
}
.blog-block .blog-content {
	padding: 29px 6px;
}
img.hero-product-item {
	width: 80%;
	max-width: 80%;
}
.collection-content h4, h3, h4 {
	font-size: 30px;
}
.woocommerce ul.products .slick-slide{
	margin-right: 0;
	margin-left: 0;
}
.hm-blog-slides {
	padding: 0;
}
.footer-title {
	margin-top: 30px;
}
.newletter-boxes {
	max-width: 100%;
}
}


@media(max-width: 480px){
.main-menu{
	width: 250px;
}
.content-block h2 {
	font-size: 40px;
	margin: 10px 0;
}
.content-block .site-btn a {
	font-size: 14px;
	padding: 10px 24px;
}
.content-block p{
	margin: 10px 0 0;
	padding: 0 0 14px;
}
.woocommerce #coupon_code {
	width: 100%;
}
.woocommerce .coupon button.button{
	width: 100% !important;
	margin-top: 8px;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last{
	width: 100%;
}
.slick-prev, .slick-next {
	top: 40%;
	z-index: 1;
}
.slick-prev {
	right: auto;
	left: 0;
}
.es_subscription_form {
	display: block;
}
.es_subscription_form .es_subscription_form_submit {
	width: 100%;
}
.additional_info ul li span {
	width: 100% !important;
	display: block !important;
	white-space: unset;
	border-right: none !important;
	line-height: 1;
}
.additional_info ul li {
	padding: 14px 0;
}
.main-bg-banner h4 {
	font-size: 30px;
}
}


@media(max-width: 375px){
.content-block h5 {
	font-size: 24px;
	margin: 0;
}
.content-block h2 {
	font-size: 24px;
	margin-bottom: 4px;
}
.content-block .site-btn a {
	padding: 8px 20px;
}
.content-block p {
	margin: 4px 0 0;
	font-size: 14px;
	padding: 0 0 10px;
}
body .container-fluid {
	padding: 0 1rem;
}
.content-right-modern {
	padding: 0 1rem;
}
.woocommerce-page #primary, .woocommerce-page .woocommerce {
	padding: 50px 1rem 50px 1rem;
}
}