@media all 
and (min-device-width : 0px) 
and (max-device-width : 700px) {
	#header-inner {
		flex-flow: row;
		align-items: center;
		height: auto;
		padding: 8px 0px;
		width: 100vw;
	    justify-content: center;
	}

	#header-left {
	    display: block;
	}

	#header-nav #header-nav-upper {
		display: none;
	}

	#header-left img {
	    height: 46px;
	    padding: 7px 0px;
	}


	#full-header-container {
		overflow:hidden;
		top:0;
		width: 100%;
		max-width: 100%;
	}

	#super-header {
		display: none;
	}

	#super-header ul li {
		margin:0;
	}

	#super-header:before {
		display: none;
	}

	#header-filter-eff {
		width: 75%;
	}

	#header-inner #header-mobile-menu {
		display: block;
	    font-size: 29px;
	    position: absolute;
	    left: 0;
	    top: 15px;
	    color: #555;
	}

	#header-mobile-menu a, #header-mobile-menu i {
		display: inline-block;
		vertical-align: middle;
		margin-right: 6px;
	}

	#header-mobile-menu a > i {
		font-size: 6vw;
		vertical-align: middle;
	}

	#subheader {
		display: none;
	    height: 100vh;
	    width: 80%;
	    position: fixed;
	    z-index: 3;
	    top: 0;
	    right: 0;
	    box-shadow: -2px 0 20px rgba(0, 0, 0, 0.46);
	}

	#full-header-overflow {
		box-shadow: 0 2px 15px 0 rgba(0,0,0,0.09);
	}
	#header-container {
		height: 76px;
	}
	.page-subheader-container ul:before {
		display: none;
	}
	#full-header-overflow {
		position: fixed;
		z-index: 3;
	}
	#header-mobile-menu i {
	    margin-left: 10px;
	    font-size: 8vw;
	    color: #000;
	    vertical-align: bottom;
	}

	#header ._header-section {
		float:none;
	}

	#intro-page-presentation:before {
		display: none;
	}

	#intro-page-presentation {
		background:#fff;
	}

	#intro-page-presentation-left, #intro-page-presentation-right {
		display: block;
		width:100%;
		height: auto;
	}

	#intro-page-presentation-left img {
		height: 238px;
	}

	#presentation-left-m {
		right: 5%;
	}

	#presentation-left-z {
	    left: -17%;
	    right: auto;
    	top: 87px;
    	bottom:auto;
	}

	#intro-page-presentation-left {
		height: 335px;
	}

	#intro-page-presentation-right h1 {
		width:100%;
		height: auto;
	}

	#intro-page-presentation-right #presentation-right-desc, #presentation-right-z, #presentation-right-m {
		width: 100%;
	}

	#presentation-right-pop p {
	    height: auto;
	    width: calc(100% - 34px*2);
	    padding: 0 34px;
	    text-align: center;
	}

	#presentation-right-pop {
    	padding-top: 100px;
    	padding-bottom: 10px;
	}

	#presentation-right-pop img {
	    height: 117px;
	    width: 117px;
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
	    top: -30px;
	}

	#intro-page-1 > div > div {
		width:100%;
	}

	#intro-page-1 {
		background-size: 132vw;
    	background-position: 50% 0;
    	padding-top: 100vw;
	}

	#intro-page-1 h2{
		height: auto;
    	word-break: break-word;
	}

	#intro-page-sel-z, #intro-page-sel-m {
		width:calc(100% - 2px);
		border-width: 1px;
		display: block;
		height: auto;
		margin:0;
	}

	#intro-page-2 h2 {
		height: auto;
		text-align: center;
	}

	#intro-page-sel-z h2 b {
		display: block;
	}

	#intro-page-sel-z > div, #intro-page-sel-m > div {
		padding-top: 45px;
	}

	#intro-page-2 ul li span {
		vertical-align: top;
	    width: calc(100% - 22px);
	}

	#intro-page-sel-z img, #intro-page-sel-m img {
		display: none;
	}

	#intro-page-2 a {
		margin:auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	#intro-page-sel-m {
		margin-top: 30px;
	}

	#intro-page-3 h2 {
		height: auto;
		line-height: 38px;
		font-size: 35px;
	}

	#intro-page-3 > div {
		width:100%;
		max-width: 100%;
	}

	#intro-page-naj-ico-1 {
		border:0;
	}

	#intro-page-naj-ico-1 ul li, #intro-page-naj-ico-2 ul li {
		/*display: none;*/
		height: 165px;
	}

	#intro-page-naj-ico-2 ul li svg, #intro-page-naj-ico-1 ul li svg {
		height: 70px;
		width:70px;
	}

	#presentation-right-pop {
		height: auto !important;
	}

	#intro-page-naj-ico-1 ul li {
		display: inline-block;
    	width: calc(100% / 3);
	}

	#intro-page-naj-ico-1 ul li span {
		padding: 0 10px;
	    word-wrap: break-word;
	    word-break: break-all;
	}

	#intro-page-naj-ico-2 ul li {
		/*display: none;*/
	}

	#intro-page-naj-ico-2 ul li {
		display: inline-block;
    	width: calc(100% / 3);
	}

	#intro-page-naj-ico-2 {
		height: auto;
	}

	#intro-page-3 {
		padding-bottom: 0;
	}

	#full-footer-container .footer-sect{
		display:block !important;
		float:none !important;
		width:100% !important;
		max-width:100% !important;
		margin:20px 0px !important;
	}
	
	#full-footer-container .footer-sect p{
		width:100% !important;
	}
	
	#full-footer-container footer{
		width:100% !important;
		display:block !important;
		text-align:center !important;
	}

	.page-subheader-container ul li {
		display: block;
		margin:0;
	}

	#spol-intro-left {
		display: block;
		width:100%;
	}

	#spol-intro-container p.___b {
		width:100%;
		display: block;
	}

	#spol-intro-right {
		display: block;
		width:100%;
		transform: none !important;
		top:0 !important;
	}

	#spol-intro-right-buy {
		padding:0;
	}

	#spol-intro-right-images img.___a {
		left:-166px;
	}

	#spol-intro-right-images img.___b {
		left: -17px;
	}

	#spol-intro-right h3 {
		margin-top: 70px;
		font-size: 24px;
	}

	#spol-intro-right-buy table td {
		font-size: 14px;
	}

	#spol-intro-right-buy a {
		display: block;
		width:calc(100% - 20px);
	}

	#spol-intro-sestavine .sestavine-image {
		display: block;
		height: 150px;
		width: 150px;
		margin: auto;
	}

	#spol-intro-sestavine .sestavine-bio h2 {
		text-align: center;
	}

	#spol-intro-sestavine .sestavine-bio {
		width:100%;
		display: block;
		margin:0;
	}

	#spol-intro {
		overflow-x: hidden;
	}

	#spol-intro h1.___x {
		word-break: break-word;
		font-size: 30px;
		margin-bottom: 40px;
	}

	#intro-page-naj-ico-2:before {
		width:100% !important;
	}

	#narocilo-intro-left, #narocilo-left {
		width:100%;
		margin-right: 0;
		display: block;
	}
	.narocilo-intro-el {
		display: block;
	}
	.narocilo-intro-el-img {
		display: block;
		height: 240px;
	}
	.narocilo-intro-el-img {
		width:auto;
	}
	.narocilo-intro-el-img img {
		height: 225px;
	}
	#narocilo-intro-left {
		overflow-x: hidden;
	}
	.narocilo-intro-el-op {
		width:100%;
		display: block;
	}

	.narocilo-intro-el-op table {
		width: auto;
		margin-left: 0;
	}

	.narocilo-intro-el-op h2 {
		font-size: 21px;
		text-align: center;
	}
	.narocilo-intro-el-op tr {
		display: block;
	}
	.narocilo-intro-el-op table td {
		padding-bottom: 30px;
	}
	.narocilo-intro-el-op table td:nth-child(2) {
		display: inline-block;
   		width: calc(100% - 61px);
   		padding-top: 0;
   		font-size: 18px;
	}

	.narocilo-intro-el-op table td:nth-child(2) span {
		font-size: 14px;
	}

	.narocilo-intro-el-op table td:nth-child(1) {
		display: inline-block;
		margin-top: 6px;
	}

	.narocilo-intro-el-op table td:nth-child(3) {
		font-size: 12px;
		font-weight: 500;

		display: inline-block;
		width:30%;
		padding-right: 0;
		margin-top: -20px;
	}
	.narocilo-intro-el-op table td:nth-child(4) {
		font-size: 12px;
		font-weight: 500;
		text-align: center;
		display: inline-block;
		width:30%;
		padding-right: 0;
		margin-top: -20px;
	}
	.narocilo-intro-el-op table td:nth-child(5) {
		font-size: 11px;
		font-weight: 500;

		display: inline-block;
		width:35%;
		padding-right: 0;
		margin-top: -20px;
	}

	.narocilo-intro-el-op table td:nth-child(5) span {
		font-size: 11px;
	}

	#narocilo-intro-container:before {
		display: none;
		content:none;
	}

	#narocilo-intro-container {
		overflow-x: hidden;
	}

	#qfertil-svetuje {
		height: auto;
		padding: 15px !important;
	    line-height: 27px;
	}

	#qfertil-svetuje p {
		padding: 15px !important;
		text-align: center;
	}

	#qfertil-svetuje img {
		display: block;
    	margin: auto;
        position: relative;
        left:auto;
        top:auto;
	}

	#qfertil-narocilo-povzetek {
		transform: translateY(0px) !important;
		border-radius: 0;
	}

	#narocilo-intro-right, #narocilo-right {
		width: 100vw;
	    position: relative;
	    left: -5.6%;
	}

	#qfertil-narocilo-povzetek h2 {
		text-align: center;
	}

	#qfertil-narocilo-povzetek-pseudo {
		height: 0 !important;
	}

	#narocilo-nacin-placila {
		margin-top: 20px;
    	padding: 5%;
	}

	#narocilo-last .squaredTwoC p {
		width: calc(100% - 37px);
		vertical-align: middle;
		text-align: left;
	}

	#narocilo-left form .form-row.form-row-3.reverse > div:last-child {
		margin-left: 10px;
		width: calc(100% - 10px - 170px);
	}

	#narocilo-left form .form-row.form-row-2 > div:first-child {
		margin-right: 10px;
	}

	#narocilo-left form .form-row.form-row-2 > div {
		width: calc(50% - 5px);
	}

	#lang-nav-m {
		right: -18px;
		top:auto;
    	bottom: 30px;
	}

	#spol-sestavine-table td:first-child {
		width:55%;
	}

	#spol-intro-right-buy table .___n:before {
		content: none;
		display: none;
	}
	#spol-intro-right-buy table .___n {
		color: #FFFFFF;
	    font-size: 8px;
	    padding: 2px 4px;
	    font-weight: 600;
	    letter-spacing: 1px;
	    line-height: 9px;
	    text-align: center;
	    background-color: #89BF3C;
	    display: block;
	    position: absolute;
	    left: calc(100% + -12px);
	    text-transform: uppercase;
	    top: 17px;
	}

	#narocilo-last > div:last-child {
		position: relative;
    	left: -89px;
	}

	#narocilo-actual {
		overflow-x:hidden;
	}


	#mobile-naroci-btn {
		height: 45px;
	    line-height: 45px;
	    border-radius: 5px;
	    background-color: #89BF3C;
	    text-transform: uppercase;
	    display: block;
	    font-size: 14px;
	    font-weight: 600;
	    color: #fff;
	    letter-spacing: 2px;
	    text-align: center;
	    border: 0;
	    outline: 0;
	    cursor: pointer;
	    width: 162px;
	    margin: auto;
	    margin-top: 22px;
	}
	#full-cookies-container > div b {
		margin-top: 8px;
	}
	#full-cookies-container {
		height: auto;
		padding:15px 0;
		background-image: none;
	}
	#full-cookies-container > div > a {
		display: block;
		margin:0 !important;
		margin-bottom:4px;
	}
	#full-cookies-container > p {
		width:90%;
	}
	#piskotki-podstran-container {
		width: 100%;
	}
	
	#qfertil-podstran table tr td{
		width:100%;
		display:block;
	}
	
	#qfertil-podstran table{
		width:100% !important;
	}
	
	#contact .box{
		width:100% !important;
	}
	
	.right .input_field{
		width:100% !important;
	}
	
	.right .input_field input,
	.right .input_field textarea{
		width:80% !important;
	}
	
	.order-completed,
	.order-completed div{
		width:100% !important;
		float:none !important;
		margin:auto !important;
		padding:0px !important;
	}
}

/* Desktops and laptops ----------- */
@media all
and (min-width : 0px) 
and (max-width : 1224px) {

}

/* Large screens ----------- */
@media all 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
all and (-webkit-min-device-pixel-ratio : 1.5),
all and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* Galaxy S3 ----------- */
@media all and (-webkit-device-pixel-ratio: 2) {
  /* Styles */
}


@media all 
and (min-width : 0px) 
and (max-width : 1400px) {
}

@media all 
and (min-width : 0px) 
and (max-width : 1650px) {

}
@media all 
and (min-width : 0px) 
and (max-width : 1850px) {

}