@charset "utf-8";

/* CSS Document */




@media only screen and (max-width: 1600px) {}


/************
2. 1440px
************/

@media only screen and (max-width: 1540px) {
    .intro-img-element {
        width: 600px;
    }
}


/************
3. 1380px
************/

@media only screen and (max-width: 1380px) {
    .owl-theme .owl-prev {
        margin-left: -70px!important;
    }
    .owl-theme .owl-next {
        margin-right: -70px!important;
    }
}


/************
3. 1280px
************/

@media only screen and (max-width: 1280px) {
    .intro-img-element {
        width: 500px;
    }
      .owl-theme .owl-prev {
        margin-left: -50px!important;
    }
    .owl-theme .owl-next {
        margin-right: -50px!important;
    }
    

}


/************
4. 1199px
************/

@media only screen and (max-width: 1199px) {
    .puppy-bg {

		background: #e6e6f1!important;
	}
    
    
	.hide-btn-on-small{
        display:none;
    }

      .hide-on-ipad{
        display:none;
    }
      .owl-theme .owl-prev {
        margin-left: -50px!important;
    }
    .owl-theme .owl-next {
        margin-right: -50px!important;
    }
    .main_slider {
        min-height: 475px;
        height: calc(100vw / 1.714);
    }
    .main_slider_content {
        width: 80%;
    }
    .banner_item {
        height: 220px;
    }
    .product-item {
        height: 360px;
    }
    .product {
        height: 320px;
    }
    .timer li {
        width: 90px;
        height: 90px;
    }
    .timer_num {
        font-size: 36px;
        font-weight: 500;
    }
    .timer_unit {
        margin-top: 5px;
    }
    .blog_title {
        font-size: 20px;
    }
    .intro-img-element-position {
        right: 1%;
    }
}


/************
5. 1024px
************/

@media only screen and (max-width: 1024px) {
     .owl-theme .owl-prev {
        margin-left: -35px!important;
    }
    .owl-theme .owl-next {
        margin-right: -35px!important;
    }
	.section-heading h2 {

		padding-top: 0px!Important;
	}	
}


/************
6. 991px
************/

@media only screen and (max-width: 991px) {
    .breadcrumbs h1 {
		color: white;
		margin-top: 70px;
		font-size: 3rem;
		text-align: left;
	}
		
		
	.breadcrumb-position {
		margin-top: 60px;
		padding: 0px;
	}
		
	.single-product-wrapper .product-description {

		margin-top: -10px;
	}
		
	.single-product-wrapper h6 {

		font-size: 0.7rem;
	}
		
		
		
	.single-product-wrapper .product-description .hover-content {

		display: none!important;
	}
		
	.product-favourite{
        display:none;
    }
    

	.section-heading h2 {

		padding-top: 0px!Important;
	}
	.footer-first-block {
		background: transparent;
		padding: 20px;
		margin-top: -34px;
		border-top: solid 5px transparent;
		z-index: 1;
	}
		
	#blog .shop_now_button {

		bottom: -230px;
	}
		
		

	.featured-circle-text {
		margin-right: 0px!important;

	}
	
		
	.owl-item {
		/* width: 120px !important; */
		margin-left: 10px;
	}
    .single-product-wrapper {

		border: none !important;
		height: 320px !important;

	}
    .owl-nav {
        display:none;
    }
    
    
    
	.section-padding-80 {
		padding-top: 0px!important;
		padding-bottom: 0px!important;
	}  
    
    
  
    .sidebar-menu li a {
		padding: 11.6px 5px !important;
		font-size: 0.8rem;
	}

    
	.main_nav_container {
		width: 100%;
		background: #ffffff;
		box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);

	}  
	.owl-carousel .owl-stage-outer {
		position: relative;
		overflow: hidden;
		-webkit-transform: translate3d(0px, 0px, 0px);
		height: 470px;
	}
		
	.breadcrumbs {
		width: 70%;
		margin-top: 7%;
	}
		
    .Modern-Slider .slick-dots {

		position: absolute;
		height: 50px;
		bottom: 0px;
		width: 100%;
		left: 0px!important;
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		text-align: center!important;

	}
    
    h1 {
        font-size: 48px;
    }
    h2 {
        font-size: 36px;
    }
    .main_slider_content h6 {
        margin-bottom: 23px;
    }
    .shop_now_button {
        margin-top: 26px;
    }
    .grid-item {
        width: 25%;
    }
    .top_nav {
        display: none;
    }
    .navbar_menu {
        display: none;
    }
    .hamburger_container {
        display: block;
    }
    .main_slider {
        margin-top: 100px;
    }
    .main_slider_content {
        width: 100%;
        padding-right: 15px;
    }
    .banner_item {
        height: 160px;
    }
    .banner_category {
        min-width: 160px;
        height: 40px;
    }
    .banner_category a {
        font-size: 16px;
        line-height: 40px;
    }
    .product-item {
        width: 25%;
    }
    .deal_ofthe_week_col {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .deal_ofthe_week_content {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
    }
    .deal_ofthe_week_img {
        text-align: center;
    }
    .timer li {
        width: 70px;
        height: 70px;
    }
    .timer_num {
        font-size: 28px;
    }
    .timer_unit {
        margin-top: 1px;
        font-size: 14px;
    }
    .benefit_col {
        margin-bottom: 30px;
    }
    .benefit_col:last-child {
        margin-bottom: 0px;
    }
    .blog_item_col {
        margin-bottom: 30px;
    }
    .blog_item_col:last-child {
        margin-bottom: 0px;
    }
    .blog_item {
        height: 440px;
    }
    .blog_title {
        font-size: 24px;
    }
    .newsletter_text {
        height: auto;
        margin-top: 30px;
    }
    .newsletter_text p {
        margin-top: 5px;
    }
    .newsletter_form {
        height: auto;
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .footer_nav_container {
        height: auto;
        margin-top: 65px;
    }
    .footer_social {
        height: auto;
        margin-top: 20px;
        margin-bottom: 65px;
    }
        .owl-theme .owl-prev {
        margin-left: -80px!important;
    }
    .owl-theme .owl-next {
        margin-right: -80px!important;
    }
    .new_arrivals_area .owl-nav {
		visibility: visible;

	}
    
    .intro-img-element{
        display:none;
    }

    h4 {
		font-size: 18px;
	}
    .blogpost-bg {
		padding: 5px;
	}
    p {

		font-size: 0.8rem;

	}
    .footer_area .single_widget_area .subscribtion_form form {

		width: 170px!important;
	}
    .blogpost-bg {
		padding: 5px!important;
	}
    .hamburger_close {
		top: 64px;
		right: 4px;
		color: black;
	}
    .plaveooshop-img {


		z-index: 0!important;

	}
    .user-position {

		display: inline-block;
		position: relative;
		min-width: 20px;

		text-align: center;
		vertical-align: middle;

		

	}
        .owl-carousel {

		height: 250px;
	}

	body .new_arrivals_area {
		padding-top:40px!important;
	}
}


/************
7. 959px
************/

@media only screen and (max-width: 959px) {
	.owl-theme .owl-prev {
        margin-left: -50px!important;
    }
    .owl-theme .owl-next {
        margin-right: -50px!important;
    }
}


/************
8. 880px
************/

@media only screen and (max-width: 880px) {
	.owl-theme .owl-prev {
        margin-left: -40px!important;
    }
    .owl-theme .owl-next {
        margin-right: -40px!important;
    }
}


/************
9. 768px
************/
@media only screen and (min-width: 767px) {
    
    .hide-on-bigger-screen{
        display:none;
    }
}
@media only screen and (max-width: 768px) {
    .josera-benefits img {
		width: 23px;

	}
		
	#blog .shop_now_button {

		bottom: -230px;
	}
		
		
		
		
	.owl-carousel {

		height: 230px;
	}

		
		
	.mt-170 {
		margin-top: 0px;
	}
	.logo-size {

		margin-left: 10px;
	}
		
	.benefit_content {

		height: 100px;
	}
		
	.section-padding-80 {
		padding-top: 0px!important;
		padding-bottom: 80px;
	}
	.sidebar_title {
		margin-top: 0px!important;
	}
	.owl-carousel .owl-stage-outer {
		position: relative;
		overflow: visible;
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	.owl-theme .owl-prev {
        margin-left: -70px!important;
	}
	.owl-theme .owl-next {
			margin-right: -70px!important;
	}
	.benefit-bg {

		height: 450px!important;
	}

	.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input {
		width: 500px!important;

	}
	.hide-on-small{
			display:none;
		}
		
	.new_arrivals_area{
		position: relative;
		overflow: hidden;
		-webkit-transform: translate3d(0px, 0px, 0px);

	}
}


/************
10. 767px
************/

@media only screen and (max-width: 767px) {
	.josera-benefits img {
		padding: 5px;
		width: 70px;
		background: white;
		border-radius: 100%;
		margin-bottom: 15px;
	}
	.benefits-wrapper {
		width: 100%;
		padding: 30px;
	
	}
	.josera-benefits p {
			margin-left:20px;
		}
		
	.hamburger_menu_content {
		padding-right: 15px;
		padding-top: 120px!important;
	}
		.hamburger_close {
		top: 70px;
		right: 4px;
		color: black;
	}
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 24px;
	}
	h6 {
		font-size: 12px;
	}
	.main_slider_content h6 {
		margin-bottom: 20px;
	}
	.shop_now_button {
		margin-top: 23px;
	}
	.red_button a {
		font-size: 12px;
	}
	.banner_item {
		margin-bottom: 30px;
		height: 210px;
	}
	.new_arrivals_title {
		margin-top: 44px;
	}
	.product-item {
		width: 33.333333333333%;
		height: 345px;
	}
	.product {
		height: 305px;
	}
	.grid_sorting_button {
		font-size: 13px;
		padding-left: 20px;
		padding-right: 20px;
		min-width: 80px;
	}
	.product_slider_container {
		height: auto;
	}
	.product_slider_item .product-item {
		height: 380px;
	}
	.benefit_col {
		margin-bottom: 15px;
	}
	.blog_item {
		height: 372px;
	}
	.newsletter_form {
		margin-bottom: 40px;
	}
	.newsletter_submit_btn {
		margin-top: 15px;
	}
			.owl-theme .owl-prev {
		margin-left: -50px!important;
	}
	.owl-theme .owl-next {
		margin-right: -50px!important;
	}
	.blog-box {
		padding: 40px;
	}
	.container-resize {
		max-width: 740px!important;
	}
		
		
	.owl-item {
		/* width: 120px !important; */
		margin-left: 10px;
	}
	.single-product-wrapper {

		border: none !important;
		height: 320px !important;

	}
	.owl-nav {
        display:none;
    }
    
    
   .centering-on-small {
		text-align: center!Important;
	}
    
}


/************
11. 575px
************/

@media only screen and (max-width: 575px) {
    
    .navbar_user {
		margin-left: 37px;
		margin-right: -20px;
	}
    .logo-size {
		/* width: 140px; */
	}
    .user-position{
        display:none!important;
    }
    #search-button{
        display:none!important;
    }
    
    .kitty-tab {
		width: 33px;
		margin-top: 64px;
		margin-left: 15px;
	}
	.horsy-tab {
		width: 33px;
		margin-top: 64px;
		margin-left: 15px;
	}
	.doggy-tab {
		width: 33px;
		margin-top: 64px;
		margin-left: 15px;
	}
  
  
    
	.owl-item {
		width: 200px !important;
		margin-left: 10px;
	}
    .single-product-wrapper {

		border: none !important;
		height: 320px !important;

	}
    .owl-nav {
        display:none;
    }
    
	.news-title {
		font-size: 2rem!important;
	}
		
    
    
    
    
   .new_arrivals_area .owl-nav {
		visibility: hidden!important;
	} 
    
	.Modern-Slider .slick-arrow{
        display:none!important;
    }
        
	.slick-dots{
        display:none!important;
    }
    .breadcrumbs .intro-title-span {

		font-size: 1.5em !important;
	}
    
    
	.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input {
		width: 300px!important;

	}
	.threeicon-size {
		width: 26px!Important;
		height: auto;
	}
    .account_selection {

		width: 500%;


	}
    .user-position {


		min-width: 30px!important;


	}
	.hamburger_close {
		top: 70px;
		right: 4px;
		color: black;
	}


    .hamburger_menu {
        right: -100%;
        width: 100%;
    }
    .product-item {
        width: 50%;
        height: 420px;
    }
    .product {
        height: 380px;
    }
    .blog_item {
        height: calc((100vw - 30px) / 1.37);
    }
    .cr {
        display: block;
        margin-right: 0px;
        margin-bottom: 30px;
        font-size: 13px;
    }
    .footer_nav {
        margin-bottom: 20px;
    }
    .footer_nav li {
        display: block;
        margin-right: 0px;
    }
    .footer_nav li a {
        font-size: 13px;
    }
    .owl-item{   
            width: 525px;
    margin-right: 0px;
        padding:20px 100px;
    
    }
          .owl-theme .owl-prev {
        margin-left: 30px!important;
    }
    .owl-theme .owl-next {
        margin-right: 30px!important;
    }


    .section-padding-80 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
    .Modern-Slider .item .img-fill .info {

		padding:0px;
	}


   .Modern-Slider .item.slick-active h3 {

		font-size: 3.5em;

	}
}


/************
11. 539px
************/

@media only screen and (max-width: 539px) {
    
	.breadcrumbs .intro-title-span {

		font-size: 1em !important;
	}
	.hamburger_close {
		top: 90px;
		right: 4px;
		color: black;
	}

}


/************
12. 480px
************/

@media only screen and (max-width: 480px) {
	.single-product-wrapper {
		height: 320px!important;
	}
}


/************
13. 479px
************/

@media only screen and (max-width: 479px) {
    
    
    
    .logo_container a {
        font-size: 12px;
    }
    .hamburger_container {
        margin-left: 25px;
    }
    .hamburger_container i {
        font-size: 16px;
    }
   .hamburger_close {
		top: 60px;
		right: 4px;
	}
	.hamburger_close i {

		font-size: 10px;

	}
    .hamburger_menu_content {
        padding-right: 15px;
        padding-top: 70px;
    }
  
	.menu_item > a {

		font-size: 12px;
		line-height: 45px;
		height: 45px;

	}
    .menu_selection li a {
        font-size: 12px;
        line-height: 35px;
        height: 35px;
    }

	.navbar_user li a {
		width: 100%;
		height: auto;
		font-size: 12px;
	}
	.checkout_items {
        width: 15px;
        height: 15px;
        font-size: 10px;
    }
    .main_slider {
        height: calc(100vh - 70px);
        /*height: 80vw;*/
        min-height: auto;
        margin-top: 70px;
    }
    .main_slider_content h6 {
        margin-bottom: 15px;
    }
    .main_slider_content h1 {
        font-size: 24px;
    }
    .shop_now_button {
		margin-top: 15px;
		width: 140px;
		height: 35px;
	}
    

    .red_button a {
        font-size: 10px;
    }
    .banner_item {
        height: calc((100vw - 30px) / 2.6);
    }
    .grid_sorting_button {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
        min-width: 60px;
        height: 35px;
    }
    .product-item {
        width: 100%;
        height: auto;
    }
    .product {
        height: auto;
    }
    .product_name a {
        font-size: 12px;
    }
    .add_to_cart_button {
        margin-top: 20px;
    }
    .deal_ofthe_week_img {
        height: 400px;
    }
    .timer {
        margin-top: 42px;
    }
    .timer li {
        width: 50px;
        height: 50px;
    }
    .section_title::after {
        top: calc(100% + 8px);
        height: 3px;
    }
    .timer_num {
        margin-top: 4px;
        font-size: 16px;
    }
    .timer_unit {
        margin-top: -9px;
        font-size: 10px;
    }
    .deal_ofthe_week_button {
        margin-top: 36px;
    }
    .product_slider_item .product-item {
        width: 100%;
        height: auto;
    }
    .product_slider_item .product-item:hover::after {
        box-shadow: none;
    }
    .product_slider_item .product-item .product {
        height: auto;
    }
    .product_slider_item .product-item .product_info {
        padding-bottom: 30px;
    }
    .blog_title {
        font-size: 16px;
    }
    .blog_meta {
        font-size: 10px;
    }
    .blog_more {
        font-size: 12px;
        margin-top: 5px;
    }
    .newsletter_form {
        margin-top: 22px;
    }
    .newsletter_text h4 {
        font-size: 20px;
    }
    .newsletter_text p {
        font-size: 13px;
        margin-top: 5px;
    }
    .newsletter_submit_btn {
        font-size: 12px;
    }
    #newsletter_email {
        height: 40px;
        width: 100%;
        padding-left: 15px;
    }
    .newsletter_submit_btn {
        height: 36px;
        width: 130px;
    }
    #newsletter_email::-webkit-input-placeholder {
        font-size: 12px !important;
        padding-left: 0px;
    }
    #newsletter_email:-moz-placeholder/* older Firefox*/
    {
        font-size: 12px !important;
        padding-left: 0px;
    }
    #newsletter_email::-moz-placeholder/* Firefox 19+ */
    {
        font-size: 12px !important;
        padding-left: 0px;
    }
    #newsletter_email:-ms-input-placeholder {
        font-size: 12px !important;
        padding-left: 0px;
    }
    #newsletter_email::input-placeholder {
        font-size: 12px !important;
        padding-left: 0px;
    }
    .footer_nav_container {
        margin-top: 35px;
    }
    .cr {
        margin-bottom: 20px;
    }
    .footer_nav {
        margin-bottom: 20px;
    }
    .footer_social {
        margin-top: 5px;
        margin-bottom: 30px;
    }
}


/************
14. 400px
************/

@media only screen and (max-width: 400px) {
    
    .Modern-Slider .item.slick-active .info > div {
		margin-top: 0%!important;
		margin-left: -40%!Important;
	}

    .Modern-Slider .item .img-fill .info {
		padding: 0px 10px;
		font-size: 12px;
	}
	.Modern-Slider .slick-arrow{
        display:none!important;
    }
}



@media only screen and (max-width: 767px)  and (min-width: 417px){
    .plaveooshop-img figcaption {
		position: absolute;
		left: 35%!important;
		bottom: 35%!important;
		padding: 15px 20px;
		width: 60%!important;
    }



}



 @media only screen and (min-width: 993px){

	.video-padding {
		padding-right: 70px;
		padding-top: 40px;
    }
}


/*aloldalak breadcrumbja*/
/*ne legyen vágva a kép*/
@media only screen and (min-width: 300px){
	.container-fluid.pages_breadcrumb.aligner,
	.container-fluid.filter_breadcrumb.aligner{
		background-size: contain;
		align-items: flex-start;
		height: fit-content;
		padding-right: 0px; 
    	padding-left: 0px;
	}

}


/*title és breadcrumb méretezés*/
@media only screen and (min-width: 1441px){
	.breadcrumb-container{
		top:5vw;
		left:5vw;
	}
}
@media only screen and (max-width: 1440px){
	.breadcrumb-container{
		top:3vw;
	}
}
@media only screen and (max-width: 991px){
	.breadcrumb-container .breadcrumbs h1{
		font-size:2.7rem;
	}
	.breadcrumb-container{
		top:2vw;
	}
	#top.top_nav {
		display: none;
	}
}

@media only screen and (max-width: 768px){
	.breadcrumb-container .breadcrumbs h1{
		font-size:2rem;
	}

}
@media only screen and (max-width: 600px){
	.breadcrumb-container .breadcrumbs h1{
		font-size:1.7rem;
		margin-bottom: 0px;
	}

}
@media only screen and (max-width: 500px){
	.breadcrumb-container .breadcrumbs h1{
		font-size:1.7rem;

	}

}
@media only screen and (max-width: 400px){
	.breadcrumb-container .breadcrumbs h1{
		font-size:1.3rem;

	}
	.breadcrumb-container .breadcrumbs .home_icon{
		font-size:1.3rem;
	}
	.Modern-Slider .item .img-fill .info {
		margin-top: 0px;
	}
	
}
/*aloldalak breadcrumbja - vége*/


 /*slider respo*/
 @media only screen and (min-width: 320px) {
	.Modern-Slider .item .img-fill {
        height: fit-content;
    }
}

@media only screen and (min-width: 992px){
	.Modern-Slider{
		margin-top:45px!important;
	}
}
 /*slider respo vége*/

 
/*mindenhova kell rule-ok: a video és a breadcrumb img ne lógjon ki a mobil nézetből akkor se ha asztaliként jelenítik meg*/
.product_description_tag video,
.product_ingredients_tag video,
.breadcrumb-position .aligner>img{
	max-width:100%;
}