/* Tablet css */


@media only screen and (max-width: 1024px) {
	.top-left-img {
		top: -15%
	}
	.baner-desc {
	    bottom: -5%;
	}
}



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

	@keyframes smoothScrollXx {
	    0% {
	        top: -100%;
	    }
	    100% {
	        top: 3.2vw;
	    }
	}

	/* New */


	.baner-desc p {
	    font-size: 15px;
	    line-height: 25px;
	    width: 53%;
	    margin-bottom: 4%;
	}

	.scroll {
		display: none;
	}

	/**/

	/* Nav */

	.nav-wrap {
		width: 100%;
		    height: 80vh;
	}

	.nav-wrap {
		transform: translateX(0%) !important;
		opacity: 0;
		z-index: -1;
		pointer-events: none;
		-webkit-transition: all 0s;
	    -o-transition: all 0s;
	    transition: all 0s;
	}

	.open-nav {
	  transform: translateX(0%) !important;
	  opacity: 1;
	  z-index: 5;
	  pointer-events: auto;
	}

	.menu-btn {
		z-index: 10;
	}

	.nav-left {
		width: 38%;
	}

	.main-nav span {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.main-nav .menu a {
		font-size: 30px;
	    line-height: 1;
	    padding: 5% 0;
	    display: inline-block;
	}

	.nav-links {
	    padding-top: 20%;
	    display: flex;
    	flex-direction: column;
	}

	.main-nav {
		order: 1;
	}

	.confety-regions {
		order: 2;
	}

	.nav-social {
		order: 3;
	}

	.mob-links {
		order: 2;
	}


	.nav-wrap {
  		background: url(../images/menu-background-mob.png);
  		padding: 0 19%;
  		background-position: bottom;
    	background-size: cover;
	}

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

	.nav-social {
	    justify-content: space-between;
	    margin-top: 15%;
	}

	.copy {
		font-size: 16px;
		margin-left: 7%;
	}


	.download a {
		width: 195px !important;
		height: 40px !important;
		font-size: 16px !important;
	}



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

	.confety-regions li a {
	    font-size: 18px;
	    letter-spacing: 1;
	}

	.confety-regions i {
	    width: 37px;
	    height: 37px;
	}

	.confety-regions {
    	margin-top: 20%;
	    justify-content: flex-start;
	}

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


	/**/

	



	.logo {
	    top: 3.2vw;
	    width: 20vw;
	    z-index: 15;
	}

	.menu-btn {
		width: 123px;
		height: 60px;
		font-size: 15px;
	}

	.baner-title h1 {
		line-height: 77px;
		width: 100%;
		font-size: 50px;
	}

	.baner-title {
		top: 55%;
	}

	.wrap {
		overflow: hidden;
	}

	

	.scroll {
		font-size: 12px;
	}

	

	.hover-btn {
	    width: 167px;
	    height: 65px;
	    padding: 20px 0;
	    font-size: 17px;
	    margin-top: 0;
	}

	.main-cat-img, .main-car-desc {
	    width: 100%;
	}

	.main-car-desc h1 {
		font-size: 42px;
		padding-top: 0;
	}

	

	.main-cat-img .cat-bgd {
		width: 60%;
	    right: 0%;
	    bottom: 20%;
	    left: 50%;
	    transform: translate(-50%);
	}

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

	.main-category .flex-wrap {
	    width: 74%;
	    margin: auto;
	}

	.main-cat-img .cat-thumb {
		min-width: 100%;
	    right: -3%;
	    bottom: 0%;
	}

	.main-cat-img {
	    position: relative;
	    /*height: 360px;*/
	    height: auto;
	}

	.main-car-desc p {
	    font-size: 15px;
	    line-height: 25px;
	    width: 100%;
	    margin: 2% auto 5%;
	}

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

	/* Spec category */

	.spec-category {
		text-align: center;
	}

	.spec-category .main-cat-img,
	.spec-category .main-car-desc {
	    width: 100%;
	}

	.cat-logo-mob {
		display: block;
	    margin: 0;
	    width: 30%;
	    margin: auto;
	    margin-bottom: 3%;
	}

	.main-car-desc .cat-logo {
		display: none;
	}

	.spec-category {
	    width: 83% !important;
	    padding: 10% 8% 10% !important;
	    margin-top: 9% !important;
	    text-align: center;
	}

	.spec-category .main-cat-img .cat-thumb {
		min-width: 75% !important;
	    width: 70%;
	    position: static;
	}

	.spec-category .main-car-desc p {
	    font-size: 15px;
	    line-height: 25px;
	    padding: 0 8%;
	    margin-bottom: 6%;
	}

	.spec-category .main-cat-img a {
		position: static;
	}

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

	.spec-category .main-car-desc {
		padding-right: 0 !important;
	}

	.spec-category .main-cat-img {
		padding-left: 0 !important
	}

	/* Footer */

	.f-nav {
		width: 100%;
		order: 1;
		justify-content: space-between;
	}

	.footer-wrap .f-nav li {
	    margin: 0;
	}

	.c-right {
		width: 50%;
		order: 2;
		margin-top: 6% !important;
	}

	.f-social {
		width: 50%;
		order: 3;
		margin-top: 6% !important;
	}

	.footer-wrap p, .footer-wrap a {
		font-size: 16px;
	}

	.footer-wrap {
	    width: 83% !important;
	}

	.footer-wrap .f-social li a {
		width: 36px;
    	height: 36px;
    	line-height: 36px;
	}

	.f-logo {
	    width: 20vw;
	    bottom: 140%;
	}

	footer {
	    padding: 13% 0 3%;
	}

	.f-copy {
	    margin-top: 1.5%;
	    text-align: left;
	    font-size: 15px;
	    padding-left: 8.8%;
	    margin-top: 4%;
	}

	/* Category */

	.cat-slider {
		display: none;
	}

	.cat_list h1 {
		font-size: 42px;
	}

	.cat_list {
	    padding-top: 25%;
	}

	.cat-slider-bubble-mobile {
		display: block;
		position: absolute;
	    top: 7%;
	    left: 3%;
	}

	.cat_list .term-description p {
		font-size: 15px;
		line-height: 25px;
	}

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

	.filters ul li a {
		height: 38px;
		line-height: 37px !important;
		font-size: 13px;
	}

	.cat-slider-bubble-right {
		display: none;
	}

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

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

	.product-list-items a::after {
		display: none;
	}

	.product-list-items .cat-list span {
		font-size: 16px;
		line-height: 20px;
		width: 70%;
		height: auto;
	}

	.filters ul {
	    justify-content: flex-start;
	    overflow: scroll;
	}

	/* Single page */

	.go_back {
		font-size: 16px;
		top: 13%;
	}

	.single-flex-wrap .single-product-desc .product_title {
		font-size: 30px;
		line-height: 35px;
	}

	.single-flex-wrap .single-product-desc p {
		font-size: 15px;
		line-height: 25px;
	}

	.mobile_atributes li div:first-child {
		font-size: 12px;
	}

	.dwn-image {
		font-size: 14px;
		right: -7.5%;
	}

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

	.single-flex-wrap {
	    padding: 22% 60px 0;
	}

	.single-flex-wrap .single-product-desc {
	    padding-right: 0;
	}

	.single-flex-wrap .single-product-desc {
		width: 45%;
	}

	.single-flex-wrap .single-pr-img {
		width: 55%;
		padding-left: 0;
	}

	.single-flex-wrap .single-bubble {
		display: none;
	}

	.mobile_atributes {
	    width: 105%;
	}

	.mobile_atributes li {
	    width: 50%;
	}

	/* Related */

	.related-title {
		font-size: 28px;
		padding-bottom: 0;
		padding-top: 7%;
	}

	#related-product li a::after {
		display: none;
	}

	#related-product li a img {
		width: 100%;
		height: auto;
	}

	.related.products {
	    padding: 0 7% 7%;
	}

	#related-product li h2 {
		font-size: 16px;
		line-height: 20px;
		width: 80%;
	}

	#related-product .owl-stage-outer {
	    padding-top: 40px;
	}



	/* About us */

	.mob-title {
		display: block;
	}

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

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

	.about-sec-1 img {
	    padding-right: 0;
	    width: 65%;
	    margin-left: 5%;
	    padding-top: 5%;
	}

	.ab-float {
		display: none;
	}

	.about-us h1 {
	    font-size: 50px;
	    line-height: 65px;
	    width: 55%;
	    margin: auto;
	}

	.about-sec-1 .section_2_description h1 {
		display: none;
	}

	.about-sec-1 .section_2_description {
		padding-right: 0;
	    padding-top: 0;
	    padding-left: 0;
	}

	.about-sec-1 .section_2_description p {
		font-size: 16px;
	    line-height: 25px;
	    width: 75%;
	    margin: auto;
	}

	/**/

	.ab-2 .section_2_description h1,
	.ab-3 .section_2_description h1,
	.ab-4 .section_2_description h1 {
		font-size: 28px;
		line-height: 31px;
		width: 100%;

	}

	.about-us p {
		font-size: 15px;
		line-height: 25px;
	}

	.ab-2 {
		padding-top: 15%;
	}

	.about-sec-2 .section_2_description {
	    padding-left: 17%;
	    padding-right: 0;
	}

	.about-sec-2 img {
	    padding-right: 10%;
	    padding-left: 15%;
	}


	.ab-3 {
		padding-top: 5%;
	}

	.about-sec-3 .section_2_description {
	    padding-right: 17%;
	    padding-left: 0;
	}

	.about-sec-3 img {
	    padding-left: 5%;
	    padding-right: 17%;
	}

	.about-sec-4 {
	    padding-top: 15%;
	    padding-bottom: 10%;
	}

	.about-sec-4 .section_2_description {
	    padding-left: 17%;
	    padding-right: 0%;
	}	

	.about-sec-4 img {
	    padding-right: 14%;
	    padding-left: 10%;
	}

	/* Contact */

	.page-template-template-contact-us {
		overflow-x: hidden;
	}

	.contact-us {
	    padding: 12% 8%;
	}

	.contact-us .con-left, .contact-us .con-right {
		width: 100%;
	}

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

	.contact-us .con-left p {
		font-size: 15px;
		line-height: 25px;
	}

	.contact-us .contact-info {
	    margin-top: 7%;
	    display: flex;
    	flex-wrap: wrap;
	}

	.contact-us .contact-info li span {
		font-size: 12px;
		line-height: 1;
		margin-bottom: 10px;
	}

	.contact-us .contact-info li {
		font-size: 16px;
		line-height: 1;
		width: 50%;
	}

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



	.contact-us .contact-social a {
		width: 30px;
		height: 30px;
		line-height: 33px;
	}


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

	.contact-social {
		display: none !important;
	}

	.mob-social-contact {
	  display: block !important;
	  padding-left: 60px;
	} 

	.mob-social-contact .contact-social {
		display: flex !important;
		margin-top: 10px;
	}

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

	.con-right form input {
		height: 52px;
		font-size: 18px !important;
	}


	.con-right form input::-webkit-input-placeholder,
	.con-right form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-size: 18px;
		line-height: 2;
	}
	.con-right form input::-moz-placeholder,
	.con-right form textarea::-moz-placeholder { /* Firefox 19+ */
		font-size: 18px;
		line-height: 2;
	}
	.con-right form input:-ms-input-placeholder,
	.con-right form textarea:-ms-input-placeholder  { /* IE 10+ */
		font-size: 18px;
		line-height: 2;
	}
	.con-right form input:-moz-placeholder,
	.con-right form textarea:-moz-placeholder { /* Firefox 18- */
		font-size: 18px;
		line-height: 2;
	}

	.contact-blue-small,
	.contact-transparent {
		display: none;
	}

	.contact-blue-big {
	    bottom: 15%;
	    right: -21%;
	    width: 45%;
	}

	.con-right form textarea {
	    height: 129px !important;
	    padding-top: 10px !important;
	}

	.con-right form #gform_submit_button_1 {
	    width: 167px;
	    height: 65px;
	    margin: 0;
	}

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

	.contact-us .flex-wrap {
	    margin-top: 18%;
	}

	.contact-green {
	    left: -10%;
	    width: 25%;
	    top: 7%;
	}
			

}








@media only screen and (max-width: 769px) {
	.main-category {
	    padding-top: 40%;
	}
	.baner-title h1 {
		font-size: 75px;
	}

	.t-l-img {
	    top: 30.5vw;
	    left: 20vw;
	}

	.top-left-img-wrap .t-b-img {
	    width: 70vw;
	    height: 78vw;
	    left: -55px;
	}
	

	.t-l-img {
	    width: 65%;
	    top: 57vw;
	    left: 23vw;
	}


	.top-left-img {
	    width: 70%;
	    top: -30%;
	}
	.top-banner {
	    overflow: visible;
	    height: 120vh;
	}

	.botom-right-img {
	    top: 50%;
	    width: 55%;
	    right: -64%;
	}

	.r-pink-img {
		transform: translate(0) !important;
	}

	.cat-b-circle, .cat-p-circle, .cat-tr-circle {
		display: none;
	}

	.right-img-one {
	    position: absolute;
	    top: 0%;
	    right: 28%;
	    width: 80%;
	}

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

	.more-circle {
	    top: -21%;
	    right: 38%;
	    width: 32%;
	    transform: translate(0) !important;
	}

	.scroll {
		display: none;
	}

	.mob-scroll {
		display: block;
	    font-size: 12px;
	    text-align: center;
	    position: absolute;
	    bottom: -30%;
	}

	.top-transparent {
	    position: relative;
	    z-index: 5;
	    right: auto;
	        top: 200px;
	    left: 89%;
	    width: 23%;
	}

	.left-transparent {
		display: none;
	}

	.botom-left-img {
	    left: -90px;
	    bottom: 10%;
	    width: 60%;
	}

	.b-green-img {
	    left: 52%;
	    bottom: -150px;
	    width: 20%;
	}

	.tr-float-1 {
		display: none;
	}

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


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