/* Mobile responsive */


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

	/* Nav */


	.main-nav span {
	    font-size: 14px;
	}
	.main-nav .menu a {
	    font-size: 20px;
	    padding: 8% 0;
	}

	.nav-wrap {
		padding: 0 15%;
	}

	.nav-left {
	    width: 50%;
	}

	.nav-right {
	    padding-left: 0;
	}

	.main-nav {
		padding-left: 15%;
	}

	.nav-wrap {
	    padding: 0;
	}

	.nav-left {
	    margin-right: 15%;
	}

	.confety-regions {
	    margin-top: 15%;
	}


	.confety-regions li a {
		font-size: 0;
	}

	.confety-regions li:first-child {
	    margin-right: 0%;
	}


	.download {
		display: none;
	}


	.mobile-download {
		order: 2;
		display: block !important;
	}

	.mobile-download a {
	    text-align: center;
	    display: flex;
	    justify-content: center;
	    color: #fff;
	    width: 167px !important;
	    height: 34px !important;
	    font-size: 14px !important;
	}

	.mobile-download .download {
		display: block;
	}

	.nav-social {
	    width: 100%;
	    justify-content: center !important;
	    margin-top: 10%;
	}

	.nav-links {
	    padding-top: 20%;
	}

	.mob-links {
	    order: 2;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding: 0 40px;
	}

	.mobile-download {
		margin-top: 15%;
	}

	.nav-social li a {
	    width: 34px;
	    height: 34px;
	    line-height: 36px;
	    font-size: 15px;
	}

	.nav-wrap {
		height: 481px;
	}

	.scroll {
		display: none;
	}


	.mob-scroll {
		display: block;
		position: relative;
		margin-top: 55px;
		text-align: center;
	}



	/**/

	.logo {
	    width: 120px;
	}

	.menu-btn {
	    width: 55px;
	    height: 55px;
	    font-size: 0;
	    top: 3.5%;
	}

	.menu-btn i {
	    top: 0px;
	    margin-right: 0;
	}

	.top-transparent {
		display: none;
	}

	.top-left-img {
	    position: absolute;
	    top: -25%;
	    left: -37%;
	}
	
	.t-l-img {
	    width: 60%;
	    top: 45vw;
	    left: 47vw;
	}


	.r-pink-img {
	    width: 80%;
	}

	.more-circle {
	    top: -45%;
	    right: 40%;
	    width: 45%;
	}

	.top-left-img-wrap .t-b-img {
	    width: 105vw;
	    height: 78vw;
	    left: 40%;
	}
	.baner-title h1 {
	    font-size: 36px;
	    line-height: 37px;
	    width: 100%;
	    text-shadow: 1px 2px 0px #ef5641 !important;
	}
	.botom-right-img {
		top: 58%;
	    width: 80%;
	    right: -58%;
	}
	.baner-title {
	    top: 75%;
	}

	.right-img-one {
		position: absolute;
	    top: 0%;
	    right: 37%;
	    width: 65%;
	}

	.right-img-two {
	    bottom: 29%;
	    right: 85%;
	}

	.scroll {
	    bottom: 10%;
	}

	.botom-left-img {
		left: -160px;
	    bottom: -8%;
	    width: 100%;
	}

	.right-img-two {
	    bottom: 25%;
	    right: 80%;
	}

	.b-green-img {
		left: 33%;
	    bottom: -145px;
	    width: 25%;
	}

	.baner-desc {
	    bottom: -53%;
	}

	.baner-desc p {
	    width: 81%;
	    margin-bottom: 7%;
	}

	.baner-desc {
	    bottom: -85%;
	}

	/**/

	.wrap {
	    padding-bottom: 20%;
	}

	.cat-logo-mob {
	    width: 60%;
	    margin-bottom: 10%;
	}

	.spec-category .main-cat-img .cat-thumb {
	    min-width: 100% !important;
	    width: 100%;
	}

	.spec-category {
	    border-radius: 32px;
	}

	.spec-category {
	    width: 90% !important;
	    padding: 15% 0%;
	}

	.spec-category .main-car-desc {
	    margin-top: 0%;
	}



	/* Category */

	.main-category .flex-wrap {
	    width: 78%;
	}

	.main-car-desc p {
	    margin: 2% auto 10%;
	}

	.main-car-desc {
	    padding-left: 0;
	}

	.main-cat-img .cat-bgd {
	    width: 90%;
	}

	.main-cat-img {
	    height: auto;
	}

	.main-cat-img .cat-thumb {
	    min-width: 118%;
	    right: 5%;
	    bottom: 7%;
	}


	/* Footer */

	footer {
	    padding: 13% 0 5%;
	    background-color: #f286a7 !important;
	    position: relative;
	}

	footer::before {
		content: '';
    	background: url(../images/Footer.svg);
	    width: 100%;
	    height: 133px;
	    display: block;
	    position: absolute;
	    top: -20px;
	    background-size: cover;
	}

	.f-logo {
	    width: 150px;
	    bottom: 100%;
	}

	.footer-wrap ul {
	    flex-wrap: wrap;
	}

	.footer-wrap .f-nav li {
	    margin: 0;
	    width: 33.333%;
	    margin-top: 15px;
	}

	.f-social,
	.c-right {
		width: 100%;
		text-align: center;
    	justify-content: center;
	}

	.footer-wrap .f-social li {
	    margin: 0 6px;
	}

	.f-nav {
		justify-content: flex-start;
		padding-left: 10%;
		padding-top: 10%;
	}

	.f-social {
		order: 2;
		margin-top: 15% !important;
	}
	.c-right {
		order: 3;
	}

	/* Listanje */

	.header-image-category {
		text-align: center;
		margin-top: 13%;
	}

	.cat_list h1 {
	    font-size: 36px;
	    margin-bottom: 2%;
	}

	.cat-slider-bubble-mobile {
	    top: 4%;
	    left: -5%;
	}

	.cat_list .term-description {
	    width: 80%;
	    margin: auto;
	}

	.cat-slider-bubble-right {
	    right: auto;
	    width: 50%;
	    top: 10%;
	    left: -30%;
	}

	.product-list-items .cat-list {
	    width: 50%;
	}

	.main-cat-list {
	    padding: 0 0% 30%;
	}

	.product-list-items {
		margin-left: 0;
	}

	.product-list-items .cat-list {
		padding-left: 0;
	}

	.filters ul {
	    justify-content: flex-start;
	    padding-left: 30px;
	    overflow: scroll;
	}

	.filters ul li a {
		padding: 0 18px;
	}

	.filters ul::-webkit-scrollbar {
        width: 1px;
    }


    /* Track */
    .filters ul::-webkit-scrollbar-track {
        background: transparent;
    }

    /* Handle */
    .filters ul::-webkit-scrollbar-thumb {
        background: transparent;
    }

    /* Handle on hover */
    .filters ul::-webkit-scrollbar-thumb:hover {
        background: transparent;
    }

    /* Single */

    .single_product {
    	overflow: hidden;
    }

    .single-flex-wrap .single-product-desc,
    .single-flex-wrap .single-pr-img {
    	width: 100%;
    }

    .single-pr-img {
    	text-align: center;
    }

    .dwn-image {
	    position: relative;
	    text-align: center;
	    width: 100%;
	    right: 0;
	    top: auto;
	    bottom: 30px;
	}

	.dwn-image br {
		display: none;
	}

    .single-flex-wrap {
    	flex-direction: column;
    }

    .single-pr-img {
    	order: 1;
    }

    .single-product-desc {
    	order: 2;
    }

    .go_back {
	    top: 6%;
	    font-size: 0;
	}

	.single-flex-wrap {
	    padding: 35% 30px 0;
	}

	.single-flex-wrap .single-product-desc {
	    text-align: center;
	}

	.single-flex-wrap .single-product-desc .product_title {
		margin-top: 0;
	}

	.single-flex-wrap .single-product-desc .product_title {
	    padding: 0 30px;
	}

	.mobile_atributes li {
	    text-align: left;
	}

	.mobile_atributes p {
	    font-size: 15px !important;
	}

	.related-title {
	    padding: 15% 60px 0;
	    line-height: 30px;
	}

	#related-product li h2 {
		margin-top: 0;
		width: 100%;
	}

	.related.products {
	    padding: 0 10% 25%
	}

	/* About */

	.about-us h1 {
		font-size: 34px;
		line-height: 42px;
		width: 90%;
	}

	.about-us {
	    padding: 40% 0 10%;
	}

	.about-sec-1 img {
		width: 80%;
	}

	.about-sec-1 .section_2_description p {
	    font-size: 15px;
	    padding: 0 30px;
	    width: 100%;
	}

	.about-us .col-1-of-2 {
		width: 100%;
		text-align: center;
	}

	.about-sec-2 .section_2_description {
		padding: 0 30px;
	}

	.ab-2 .flex-wrap,
	.ab-4 .flex-wrap {
		flex-direction: column-reverse;
	}

	.about-sec-2 img {
	    padding-right: 15px;
	    padding-left: 15%;
	    padding-bottom: 7%;
	}

	.about-sec-3 .section_2_description {
	    padding-right: 30px;
	    padding-left: 30px;
	    padding-top: 7%;
	}

	.about-sec-4 img {
	    padding-right: 30px;
	    padding-left: 40px;
	}

	.about-sec-4 {
	    padding-bottom: 20%;
	}

	.about-sec-4 .section_2_description {
	    padding-left: 30px;
	    padding-right: 30px;
	    padding-top: 7%;
	}

	/* Contact */

	.contact-us {
	    padding: 25% 20px 35%;
	}

	.contact-us .con-left p {
		padding-right: 0;
		padding-top: 20px;
	}

	.contact-us .contact-info li {
		width: 100%;
		margin-bottom: 7%;
	}

	.contact-us .contact-info li:nth-child(2) {
	    padding-left: 0;
	}


	.contact-us .con-left h1 {
	    font-size: 30px;
	}

	.contact-us .flex-wrap {
	    padding: 10% 8%;
	}

	.mob-social-contact {
	    padding-left: 0;
	}

	.contact-us .contact-social a {
	    width: 35px;
	    height: 35px;
	    line-height: 36px;
	}

	.mob-social-contact .contact-social li {
	    margin-bottom: 0;
	    width: auto;
	}


	.con-right form input,
	.con-right form textarea {
		border-radius: 6px;
	}

	.gform_legacy_markup_wrapper .gform_footer {
	    text-align: center;
	}

	.contact-green {
	    width: 50%;
	}

	.contact-blue-big {
	    bottom: 13%;
	    right: -35%;
	    width: 100%;
	}




}



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

	.top-banner {
		height: auto;
	}


	.top-left-img {
	    position: relative;
	    top: -110px;
	    left: -32%;
	    width: 100%;
	    height: 380px;
	}

	.t-l-img {
	    width: 44%;
	    top: 55vw;
	    left: 40vw;
	}

	.more-circle {
		top: -300px;
	    right: 49%;
	    width: 50%;
	}

	.top-left-img-wrap .t-b-img {
	    width: 105vw;
	    height: 78vw;
	    left: -59px;
	}
	.baner-title h1 {
	    font-size: 36px;
	    line-height: 37px;
	    width: 100%;
	    text-shadow: 1px 2px 0px #ef5641 !important;
	}
	.botom-right-img {
	    top: 60px;
	    width: 85%;
	    right: -63%;
	    position: relative;
	}
	.baner-title {
	    top: 355px;
	}

	.right-img-one {
	    position: absolute;
	    top: -5%;
	    right: 45%;
	    width: 60%;
	}

	.right-img-two {
	    bottom: 29%;
	    right: 85%;
	}

	.scroll {
	    bottom: 40%;
	}

	.botom-left-img {
		left: -102px;
	    width: 100%;
	    position: relative;
	    top: -120px;
	    height: 160px;
	}

	.main-category {
	   padding-top: 20%;
	}

	.bottom-l-img {
	    width: 88%;
	}

	.right-img-two {
	    bottom: 27%;
	    right: 87%;
	    width: 35%;
	}

	.b-green-img {
	    left: 36%;
	    bottom: -130px;
	    width: 27%;
	}


	.baner-desc {
	    position: static;
    	padding-top: 0;
	}	

	.baner-desc p {
	    width: 81%;
	    margin-bottom: 7%;
	}

	.main-category .flex-wrap:nth-child(2) .main-cat-img .cat-thumb {
		right: 13%;
		bottom: 25px;
	}

	.main-category .flex-wrap {
	    margin-bottom: 35%;
	}

	.main-category {
	    padding-top: 30%;
	}


	
}




@media only screen and (max-width: 376px) {
	.baner-desc {
	    margin-top: -50px;
	}
	.t-l-img {
	    top: 63vw;
	}
}




@media only screen and (max-width: 360px) {
	.t-l-img {
	    top: 60vw;
	}
}