#logosize{
	width: 30%;
	margin-left: 2em;
}

/* sve o kardiotonu */

.naslovsveokardiotonu{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #a71224;
}

.podnaslovsveokardiotonu{
	margin-top: 1em;
	margin-bottom: 1em;
	color: #a71224;
}

/* test */

.test{
	background-image: linear-gradient(rgba(20, 68, 118, 0.56), rgba(20, 68, 118, 0.56)), url(/images/img/4-Model-sa-stretcherom.jpg);
	background-size: cover;
	height: 650px;
}

.testcontent{
	padding-top: 15em;
}

.testcontent h2{
	font-weight: bold;
    text-transform: uppercase;
}

.testcontent p{
	width: 65%;
    margin: auto;
    margin-top: 1.5rem;
}

.textlogo{
	text-decoration: none;
	color: black;
	font-size: 9px;
}


/* navigacija */
.top-page{
	background-color: #144476;
	height: 50px;
}


.top-page p{
	color: #fff;
	text-align: center;
	margin-top: 1rem;
	font-size: 1.1rem;
}

.main_menu{
	position: absolute;
	right: 0;
	left: 0;
	top: 55px;
	z-index: 1000;
}

#navbarSupportedContent{
	position: relative;
}


.main_menu .navbar-nav{
	position: absolute;
	right: 0;
}

#navbarSupportedContent ul li a{
	text-transform: uppercase;
	font-size: 1rem;
}

.main_menu .navbar-expand-lg .navbar-nav .nav-link{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.bg-image img{
	margin-top: 8em;
	max-height: 850px;
}

/* Heading ispod cover slike */

.top-heading{
	background-color: #144476;
}

.top-heading h1{
	text-align: center;
    color: #fff;
    font-size: 3rem;
    text-transform: uppercase;
    padding-top: 1rem;
    padding-bottom: .5rem;
}

/* Section one */

.section-one, .section-two, .section-four{
	width: 100%;
	display: flex;
	flex-direction: row;
}

.section-two-product{
	width: 100%;
	display: flex;
	flex-direction: row;
}

.section-one-left{
	background-color: #fff;
	width: 50%;
	padding: 5% 5% 5% 8%;
}

.section-one-left h1{
	font-size: 3rem;
	color: #000;
	width: 70%;
	padding-bottom: 1rem;
}

.section-one-left p{
	font-size: 1rem;
	line-height: 2rem;
	width: 75%;
}

.section-one-left h2{
	color: #144476;
	font-size: 3rem;
	padding-top: 1rem;
	width: 80%;
	text-transform: uppercase;
}

.section-one-right{
	width: 50%;
}

.image-cover{
	width: 100%;
	height: auto;
}

.section-four .image-cover{
	height: 100% !important;
}

.section-two-left .image-cover{
	width: 100%;
	height: 80% !important;
}

/* Section two */

.section-two-left{
	width: 50%;
}

.section-two-right{
	width: 50%;
	padding: 6%;
}

.section-two-right h1{
	font-size: 3rem;
	color: #188bca;
	width: 90%;
	padding-left: 1.5rem;
	padding-bottom: 1rem;
}

.backstrecher-reasons{
	display: flex;
	align-items: flex-start;
}

.backstrecher-reasons p{
	font-size: 1rem;
	line-height: 2rem;
	width: 75%;
	padding-left: 20px;
}

.button-order{
	color: #fff;
	background-color: #57BFE4;
	border: 1px solid #57BFE4;
	border-radius: 35px;
	display: block;
	width: 55%;
	padding: 1.5rem 3rem;
	font-size: 1.3rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-left: 15%;
}

.backstrecher-reasons-last{
	margin-bottom: 3rem;
}

/* Section three */

.section-three{
	display: flex;
	flex-direction: row;
	gap: 20px;
	padding: 4% 5% 3% 5%;
}

.column-three{
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.25);
	width: 33%;
	padding: 5%;
}

.icon-background{
	background-color: #144476;
	border: 1px solid #144476;
	border-radius: 50%;
	width: 76px;
	height: 76px;
	margin: auto;
}

.icon-background img{
	padding-left: 11px;
	padding-top: 13px;
}

.icon-background .second-icon{
	padding-left: 16px !important;
}

.icon-background .third-icon{
	padding-top: 10px !important;
}

.column-three p{
	text-align: center;
}

.column-three .head-text{
	font-weight: bold;
	margin-top: 2rem;
}

/* Section four */

.section-four-left{
	background-color: #fff;
	width: 50%;
	padding: 5% 5% 5% 8%;
}

.section-four-left h1{
	font-size: 3rem;
	color: #000;
	width: 80%;
	padding-bottom: 4.5rem;
}

.section-four-left p{
	font-size: 1rem;
	line-height: 2rem;
	width: 75%;
	margin-bottom: 3rem;
}

.section-four-left h2{
	color: #144476;
	font-size: 3rem;
	padding-top: 1rem;
	width: 80%;
	text-transform: uppercase;
}

.section-four-right{
	width: 50%;
}

/* Section five */

.section-five p{
	font-size: 1rem;
	line-height: 2rem;
    width: 85%;
}

.section-five h1{
	font-size: 3rem;
    color: #144476;
    width: 80%;
	padding-bottom: 1rem;
	padding-left: 0;
}

/* Section fivekoriscenje */

.section-fivekoriscenje h2{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Umetnuta sekcija */



.umetnuto img{
	width: 100%;
	height: auto !important;
}

.umetnuto h2{
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}

.procentage{
	margin-top: 1em;
	text-align: center;
	font-size: 26px;
}

/* Section six */

.section-six{
	position: relative;
}

.background-image{
	width: 100%;
}

.overlay-background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(20, 68, 118, 0.56);
}

.order-product{
	background-color: #fff !important;
	color: #144476 !important;
	border-color: #fff;
	margin-left: 21% !important;
	margin-top: 3rem;
}

.overlay-content{
	z-index: 1000;
	position: absolute;
	bottom: 20%;
	left: 21%;
}

.overlay-content p, .overlay-content h1{
	color: #fff;
	text-align: center;
}

.overlay-content h1{
	font-size: 2.6rem;
	font-weight: bold;
	text-transform: uppercase;
}

.overlay-content p{
	width: 65%;
	margin: auto;
	margin-top: 1.5rem;
}

.doziranje{
	/* background-color: #188bca; */
	padding: 1em;
	color: red;
	margin-top: -1em;
}

.doziranjedva{
	background-color: #cdd209;
	padding: 1em;
	color: white;
}

.doziranjeparagraf{
	width: 80%;
}

.karakt{
	margin-top: 1em;
	margin-bottom: 1em;
}

.karakteristike{
	padding: 5em;
	color: white;
}

.novosti{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.algelink{
	margin-top: 1em;
    text-align: center;
    background-color: #027b76;
    padding: 1em;
}

.karakteristika1{
	background-color: #188bca;
	
}

.karakteristika2{
	background-color: #027b76;
}

.imgkarakteristike{
	margin: auto;
}

.mehanizam{
	text-align: center;
}

.ovde{
	color: red;
}

.kliknite{
	color: #cdd209;
}

.wid{
	width: 101%;
}

.mobileprep{
	display: none;
}

/* Section seven */

.section-seven{
	background-color: #F1F1F1;
	padding-top: 5%;
	padding-bottom: 3%;
}

.heading-testimonials{
	font-size: 3rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 3rem;
}

#testimonials-list .item {
    margin-bottom: 30px !important;
    padding: 10px !important;
}

.owl-dots {
    display: none !important;
}

#testimonials-list .owl-item .item .testimonials-name,
#testimonials-list .owl-item .item p,
#testimonials-list .owl-item .testimonials-title {
    display: none;
}

#testimonials-list .owl-item.active.center .item .testimonials-name,
#testimonials-list .owl-item.active.center .item p,
#testimonials-list .owl-item.active.center .item .testimonials-title {
   display: block !important;
   text-align: center;
   margin-left: -250px;
   width: 300%;
}

#testimonials-list .owl-item.active.center .item .testimonials-name{
    font-size: 2rem;
}

#testimonials-list .owl-item.active.center .item .testimonials-title{
    font-size: 1.6rem;
    color: #144476;
    font-weight: bold;
}

#testimonials-list .owl-item.active.center .item {
    position: relative;
}

#testimonials-list .owl-item.active.center .item p{
    margin-top: 20%;
}

.imgPlaceholder{
    width: 60% !important;
}

#testimonials-list .owl-item.active.center .item .imgPlaceholder{
    opacity: 1;
}

#testimonials-list .owl-item .item .imgPlaceholder{
    opacity: 0.3;
}


/* Footer */

.footer{
	background-color: #144476;
}

.footer p{
	text-align: center;
	margin-top: 2rem;
	margin-bottom: 2rem;
	color: #fff;
	font-size: 1rem;
}

.footer a{
	color: #fff;
	font-size: 1rem;
}

/* ################################## */
/* ########## PRODUCT ############ */
/* ################################## */

.product-section .section-two-left{
	background-color: #57BFE4;
}

.product-section{
	margin-top: 105px;
	border-top: 3px solid #144476;
}

.product-section .section-two-right{
	padding: 3%;
}

.product-section .section-two-right h1{
	color: #000;
	font-weight: bold;
	padding-bottom: 0;
}

.product-description{
	font-size: 36px;
	color: white;
	margin-bottom: 0.5em;
}


/* ################################## */
/* ########## SHOP ################## */
/* ################################## */




#product-image{
	width: 80%;
	height: 80% !important;
}

.stars{
	padding-left: 1.5rem;
}

.section-two-right .shoptitle{
	color: black;
	padding-bottom: 0;
}

.shop-stars{
	padding-left: 1.5rem;
	letter-spacing: 0.2rem;
}

.prices{
	padding-left: 1.5rem;
	margin-top: 1rem;
}

.oldprice{
	font-size: 35px;
}

.newprice{
	font-size: 40px;
	color: #188bca;
}

.product-description p{
	padding-left: 1.5rem;
	font-size: 16px;
	color: #707070;
}

.shop-statistic{
	padding-left: 1.5rem;
	color: #188bca;
}

.statistic-paragraf{
	padding-left: 0.5rem;
	/* font-size: 22px; */
}

.button-shop{
	color: #fff;
	background-color: #188bca;
	border: 1px solid #188bca;
	border-radius: 35px;
	display: block;
	width: 100%;
	padding: 1.5rem 3rem;
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 2rem;
}

.top-heading-shop{
	background-color: #144476;
}

.top-heading-shop h1{
	text-align: center;
    color: #fff;
    font-size: 3rem;
    padding-top: 1rem;
    padding-bottom: .5rem;
}

#product-image{
	width: 80%;
	height: 80% !important;
}

.section-two-left{
	display: flex;
	justify-content: center;
	margin-top: 5em;
}

.btn-primary-second{
	background: #a71224;
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 1.5em;
    padding: 10px 20px;
    border: none;
	border-radius: 25px;
	color: white;
}

.btn-primary-second:hover{
  background: #418f09;
  color: white;
}

.btnOrder-second{
	width: 100%;
}


.sveokardiotonu h2 {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}

#pdfdownload{
	color: #a71224;
}

.textsveokardiotonu{
	padding: 2em;
}

img#imgsveokardiotonu{
	width: 100%;
	height: 90%;
}

/* ################################## */
/* ########## FAQ ################### */
/* ################################## */

.faqcontent{
	background-image:  url(/images/img/FAQ.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: bottom;
}

h1.faqtitle{
	font-size: 22px !important;
	text-align: center;
	padding-top: 6rem;
	padding-bottom: 3rem;
}

.card{
	margin-bottom: 15px;
}

.card-header{
	padding: .10rem 0.75rem !important;
}

.card-header p{
	margin-top: 1rem;
}

.faqopen{
	float: right;
}

.button-faq{
	color: #fff;
	background-color: #57BFE4;
	border: 1px solid #57BFE4;
	border-radius: 35px;
	display: block;
	width: 35%;
	padding: 1.5rem 3rem;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 8%;
	margin-bottom: 8%;
	margin-left: 33%;
}

/* ################################## */
/* ########## ABOUT ################# */
/* ################################## */

.abouttitle{
	font-size: 22px !important;
    text-align: center;
    padding-top: 6rem;
}

.aboutline{
	width: 2%;
}

.quote{
	text-align: center;
	font-family: emoji;
}

.textabout{
	padding-left: 3rem;
	padding-right: 3rem;
}

.imagesabout{
	margin-bottom: 1rem;
}

/* ################################## */
/* ########## CONTACT ############### */
/* ################################## */

.contact-form{
    background: #fff;
    margin-top: 10%;
    margin-bottom: 5%;
    width: 70%;
}
.contact-form .form-control{
    border-radius:1rem;
}
.contact-image{
    text-align: center;
}
.contact-image img{
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
}
.contact-form form{
    padding: 14%;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: black;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #57BFE4;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #57BFE4;
    border: none;
    cursor: pointer;
}

/* checkout */

#first h4, #second h4{
	font-size: 25px;
}

#drugi_naslov_form, #treci_naslov_form {
    display: none;
}
  
/* Radio and checkbox buttons css */
  
[name="radioButton"]:checked,
[name="radioButton"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

[name="radioButton"]:checked + label,
[name="radioButton"]:not(:checked) + label
{
	position: relative;
	padding-left: 26px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
}

[name="radioButton"]:checked + label:before,
[name="radioButton"]:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: -18px;
	top: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

[name="radioButton"]:checked + label:after,
[name="radioButton"]:not(:checked) + label:after {
	content: '';
	width: 10px;
	height: 10px;
	background: #066D17;
	position: absolute;
	top: 6px;
	left: -12px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

[name="radioButton"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

[name="radioButton"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
  
[name="pay_method"]:checked,
[name="pay_method"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

[name="pay_method"]:checked + label,
[name="pay_method"]:not(:checked) + label {
	position: relative;
	padding-left: 26px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
}
[name="pay_method"]:checked + label:before,
[name="pay_method"]:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: -5px;
	top: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

[name="pay_method"]:checked + label:after,
[name="pay_method"]:not(:checked) + label:after {
	content: '';
	width: 10px;
	height: 10px;
	background: #066D17;
	position: absolute;
	top: 6px;
	left: 1px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

[name="pay_method"]:not(:checked) + label:after {
	  opacity: 0;
	  -webkit-transform: scale(0);
	  transform: scale(0);
  }
  [name="pay_method"]:checked + label:after {
	  opacity: 1;
	  -webkit-transform: scale(1);
	  transform: scale(1);
  }
  
  .my_input_checkbox[type="checkbox"]{
	position: relative;
  }
  
  .my_input_checkbox[type="checkbox"]:before{
	display: block;
	width: 26px;
	height: 26px;
	border: 1px solid #808080;
	content: "";
	background: #FFF;
  }
  
  .my_input_checkbox[type="checkbox"]:checked:after{
	content: "\2714";
	font-size: 16pt;
	position: absolute;
	top: 0;
	right: -9px;
	color: #fff;
  }
  
  .my_input_checkbox[type="checkbox"]:checked:before{
	background-color: #066D17;
  }
  
  .my_input_label{
	padding-left: 20px;
	padding-top: 8px;
  }
  
  /* End radio and checkbox buttons css */
  
  .wrapper-checkout {
	position: relative;
	background: #f8f8f8;
	margin-bottom: 5%;
	padding: 1.65rem 1.5rem 1rem 1.65rem;
  }
  
  .wrapper-checkout h4 {
	margin-bottom: 3%;
  }
  
  .checkout-paragraf {
	color: #066d17;
	padding-top: 1%;
	font-weight: bold;
  }
  
  .margin-dostava {
	margin-bottom: 3%;
  }
  
  .grey-paragraf {
	margin-top: 2%;
	color: #bfbfbf;
  }
  
  .payment-method {
	position: relative;
	background: #fff;
	border: 1px solid #707070;
	margin-bottom: 2%;
	padding: 1em;
  }

  .btnSubmit {
	width: 100%;
	color: #fff;
	background: #188bca;
	border: 1px solid #188bca;
	border-radius: 20px;
	text-transform: uppercase;
	padding: 0.6rem 0;
	margin-top: 4%;
  }
  
  .underline-price {
	width: 100%;
	color: #000;
	font-size: 1rem;
	text-decoration: line-through;
  }
  
  .real-price {
	color:#188bca;
	font-weight: bold;
	font-size: 1.3rem;
  }
  
  .margin-left-paragraf {
	margin-left: 7%;
  }
  
  .margin-left-paragraff {
	max-width: 30% !important;
  }
  
  .checkout-images {
	margin-left: 21%;
	width: 75%;
  }
  
  .icon-close-2 {
	width: 8% !important;
  }
  
  .first-paragraf {
	font-weight: bold;
	margin-bottom: 0.5rem;
	font-size: 1.1rem;
  }
  
  .item-quantity .input-group-btn button {
	width: 100%;
	background: #fff !important;
  }
  
  .parent-class{
	position: relative;
  }
  
  .change-quant{
	width: 10%;
  }
  
  .form-control[readonly] {
	background: #fff !important;
  }
  
  .second-row-paragraf {
	margin-bottom: 0;
  }
  
  .margin-paragraf {
	margin-left: auto;
	max-width: 22% !important;
  }
  
  .right-column-margin {
	margin-top: 2%;
	margin-bottom: 4%;
  }
  
  .separate-border {
	border: 0.5px solid #bfbfbf;
	width: 95%;
	margin-bottom: 4%;
  }
  
  .parent-div {
	position: relative;
  }
  
  .icon-close {
	position: absolute;
	left: -1%;
	top: 37%;
	width: 12%;
  }

  .quantity {
	padding-top: 40px;
  }
  .quantity input {
	-webkit-appearance: none;
	border: none;
	text-align: center;
	width: 32px;
	font-size: 16px;
	color: #43484D;
	font-weight: 300;
  }
   
  button[class*=btn] {
	width: 30px;
	height: 30px;
	background-color: #E1E8EE;
	border-radius: 6px;
	border: none;
	cursor: pointer;
  }
  .minus-btn img {
	margin-bottom: 3px;
  }
  .plus-btn img {
	margin-top: 2px;
  }
   
  button:focus,
  input:focus {
	outline:0;
  }


/* ################################## */
/* ########## THANKS ################ */
/* ################################## */

.thanks_banner{
	width: 100%;
	opacity: 0.6;
}

.thank_for_buying{
	margin-top: 11em;
    margin-bottom: 11em;
    text-align: center;
}

.checkthanksimg{
	width: 10%;
    height: auto;
}

/* ################################## */
/* ########## RESPONSIVE ############ */
/* ################################## */

@media (max-width: 1400px){
	h1, h2{
		font-size: 2.3rem !important;
	}

	/* Navigacija */
	.main_menu .navbar-expand-lg .navbar-nav .nav-link{
		padding-left: 1rem;
		padding-right: 1rem;
	}

	/* Section one */
	.section-one-left h1{
		width: 90%;
	}

	.section-one-left p{
		width: 100%;
		font-size: .9rem;
		line-height: 1.5rem;
	}

	.section-one-left h2{
		width: 100%;
	}

	.section-one-left{
		padding: 7% 3% 3% 6%;
	}

	/* Section two */
	.section-two-right{
		padding: 2%;
	}

	.section-two-right h1{
		width: 100%;
	}

	.backstrecher-reasons p{
		width: 100%;
		margin-bottom: .5rem;
		font-size: .85rem;
		line-height: 1.7rem;
	}

	.button-order{
		width: 80%;
		padding: 1.2rem 2.7rem;
		margin-left: 7%;
		margin-bottom: 1em;
	}

	.button-faq{
		width: 40%;
		padding: 1.2rem 2.7rem;
		margin-left: 31%;
	}

	.button-shop{
		width: 100%;
		padding: 1.5rem 2.7rem;
		margin-left: 1%;
	}

	/* Section four */

	.section-four-left h1{
		width: 100%;
		padding-bottom: 2.5rem;
	}

	.section-four-left p{
		width: 100%;
		font-size: .85rem;
		line-height: 1.7rem;
		margin-bottom: 3rem;
	}

	/* Section five */

	.section-five p{
		font-size: .85rem;
		line-height: 1.7rem;
		width: 100%;
	}


	/* Section six */
	.overlay-content{
		/* left: 5%; */
	}

	.order-product{
		margin-left: 10% !important;
	}
}

@media (max-width: 1100px){
	.section-two-left .image-cover{
		height: auto !important;
	}
}

@media (max-width: 991px){
	/* Navigacija */
	#navbarSupportedContent ul li a{
		color: #fff;
	}

	.navbar-nav{
		background-color: #027b76;
	}

	.menu-btn__burger{
        width: 50px;
        height: 6px;
        background: #000 !important;
        border-radius: 5px !important;
        box-shadow: 0 2px 5px rgba(255,101,47,.2);
        transition: all .5s ease-in-out;
    }

    .menu-btn__burger::before,
    .menu-btn__burger::after {
        content: '';
        position: absolute;
        width: 50px;
        height: 9px;
        right: 15px;
        background: #000;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(255,101,47,.2);
        transition: all .5s ease-in-out;
    }

    .menu-btn__burger::before {
        transform: translateY(-17px);
	}
	
    .menu-btn__burger::after {
        transform: translateY(8px);
	}

	h1, h2{
		font-size: 1.9rem !important;
	}

	p{
		font-size: 0.7rem !important;
		line-height: 1.2rem !important;
	}

	/* Section one */
	.section-one-left h1{
		width: 100%;
	}

	.section-one-left h1{
		padding-bottom: 1rem;
	}

	.section-one-left h2{
		padding-top: 1rem;
	}

	#testimonials-list .owl-item.active.center .item .testimonials-name, #testimonials-list .owl-item.active.center .item p, #testimonials-list .owl-item.active.center .item .testimonials-title{
		margin-left: -175px;
    	width: 250%;
	}
	
	.imgPlaceholder{
		width: 80% !important;
	}

	.contact-form{
		margin-top: 20%;
	}

	#first {
		order: 2;
	}
	
	#second {
		order: 1;
	}
}

@media (max-width: 800px){
	h1, h2{
		font-size: 1.5rem !important; 
	}

	.section-one, .section-four{
		flex-direction: column;
	}

	.section-two{
		flex-direction: column-reverse;
	}

	.section-one-left, .section-one-right, .section-two-left, .section-two-right, .section-four-left, .section-four-right{
		width: 100%;
	}

	.section-two-right{
		padding: 10%;
	}

	.section-four-left p{
		width: 90%;
		margin-bottom: 1rem;
	}

	#testimonials-list .owl-item.active.center .item .testimonials-name, #testimonials-list .owl-item.active.center .item p, #testimonials-list .owl-item.active.center .item .testimonials-title{
		margin-left: 7px;
		width: 95%;
	}

	.imgPlaceholder{
		width: 100% !important;
	}

	.order-product{
		margin-left: 15% !important;
		width: 70% !important;
	}

	.overlay-content{
		left: 0;
	}

	.section-two-product{
		width: 100%;
		display: block;
		flex-direction: row;
	}
}

@media (max-width: 600px){
	.overlay-content h1{
		font-size: 1.1rem !important;
	}

	.overlay-content p{
		margin-top: .5rem;
	}

	.order-product{
		margin-top: 1rem;
		padding: .7rem 1.5rem !important;
		width: 50% !important;
		margin-left: 25% !important;
	}

	.button-faq{
		width: 50%;
		padding: 1rem 2.5rem;
		margin-left: 26%;
	}

	.textabout{
		padding-left: 0rem;
		padding-right: 0rem;
	}

	.contact-form{
		margin-top: 30%;
	}
}

@media (max-width: 500px){
	.top-page p{
		font-size: .9rem;
	}

	.section-two-right h1{
		padding-left: 0;
	}

	.button-order{
		width: 100%;
		margin-left: 0;
		font-size: .8rem;
		letter-spacing: 3px;
	}

	.button-faq{
		width: 50%;
		margin-left: 25%;
		font-size: .8rem;
		letter-spacing: 3px;
	}
	

	.button-shop{
		width: 100%;
		margin-left: 0;
		font-size: .8rem;
		letter-spacing: 3px;
	}

	.section-three{
		flex-direction: column;
	}

	.column-three{
		width: 100%;
		padding: 13%;
	}

	.section-two-product{
		width: 100%;
		display: block;
		flex-direction: row;
	}

	h1.shoptitle{
		padding-left: 1.5rem !important;
	}

	.newprice{
		font-size: 25px;
	}

	.oldprice{
		font-size: 20px;
	}

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

	span.statistic-paragraf{
		font-size: 16px;
	}

	.btnOrder-second{
		width: 90%;
	}

	.btnbenefiti{
		margin-left: 0;
	}

	.btnOrder{
		width: 80%;
	}

	#natural{
		width: 50%;
    height: 100px;
	   }
	   
	   .dodspec{
		   text-align: center;
	   }
	   
}

@media (max-width: 460px){
	.overlay-content{
		bottom: 5%;
	}

	.overlay-content h1{
		font-size: .9rem !important;
	}

	.overlay-content p{
		font-size: .6rem !important;
		line-height: 1rem !important;
		width: 90%;
	}

	.order-product{
		font-size: .7rem;
	}

	.button-faq{
		font-size: .5rem;
	}

	.quantity{
		padding-top: 15px;
	}
}

@media (max-width: 400px){
	.order-product{
		font-size: .5rem;
		padding: .5rem 1.3rem;
	}

	.button-faq{
		font-size: .4rem;
	}
}