@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Questrial');

html,body{height: 100%;}

body{
	position: relative;
	z-index: 1;
	font-family: 'Questrial', sans-serif;
	color: black;
	font-size: 16px;
}

.uppercase{text-transform: uppercase;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0; line-height: 1;}
h6, h6>a{color: #999; font-size: 13px; line-height: 1.2; text-transform: uppercase;}
s{color: #999;}


nav.navHome,
nav.navHome.expandedMenu,
#headerMenu,
#headerMenu.expandMenu,
#headerMenu.navHome.expandMenu,
#headerMenu>div>ul>li>a,
#headerMenu>div>ul>li>a:hover{
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.btn,.btn:hover{border-radius: 2px; line-height: 1; border-width: 2px;}

.btn-red,
.btn-black:hover{
	background-color: #f53431;
	border-color: #f53431;
	color: white;
	font-weight: 600;
}
.btn-red:hover{
	background-color: transparent;
	border-color: #f53431;
	color: #f53431;
}
#hp-slider .btn-red:hover,
#testi-slider .btn-red:hover{
	border-color: white;
	color: white;
}

.btn-red.disabled{
	background-color: #e1e1e1;
	border-color: #e1e1e1;
	color: #999;
}

.btn-black{
	background-color: #222;
	border-color: #222;
	color: white;
	font-weight: 600;
}

.silk{color: #a20052;}
.gold{color: #c90;}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

nav{
	background: black; 
	padding-bottom: 10px;
	position: absolute;
	top: 0;
	z-index: 99999;
	width: 100%;
	font-size: 17px; 
	line-height: 1;
	padding-bottom: 10px;
}
nav.navHome{background: black;}
nav.navHome.noNav{background: transparent;}
nav.navHome.expandedMenu,
nav.expandedMenu{background: rgba(0,0,0,1); position: absolute; width: 100%; z-index: 99999999;}
nav.expandedMenu button#showMenu.hideMenu>i.fa-bars:before{content:"\f00d"}
.left-search{display: none;}

#headerLogoIcons button,
#headerLogoIcons .text-right a{
	border: 0;
	padding: 0;
	background: none;
	margin: 13px 0 0 0;
	line-height: 1;
	color: white;
}
#headerLogoIcons button:hover,
#headerLogoIcons .text-right a:hover{
	opacity: .5;
}
#headerLogoIcons button:focus,
#headerLogoIcons button:active,
#headerLogoIcons .text-right a:focus,
#headerLogoIcons .text-right a:active,
.kit-more>button{outline: none;}

.menu-logo a{display: inline-block; margin: 10px 0 0 5px;}
.menu-logo a>img{width: 160px;}

#headerMenu{
	background: rgba(0,0,0,1);
	position: fixed;
	top: 54px;
	width: 100%;	
	max-height: 100%;	
	height: 0px;
	overflow: hidden;
}
#headerMenu.expandMenu{
	display: table;
	height: 100%;
}
#headerMenu.expandMenu>div,
.men-copy-inner,
.women-copy-inner{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 1111;
}
#headerMenu.expandMenu>div>ul,
#headerMenu>div>ul{
	margin: -56px 0 0 0;
	list-style: none;
	padding: 0;	
}
#headerMenu.expandMenu>div>ul>li>a,
#headerMenu>div>ul>li>a{
	display: block;
	color: white;
	padding: 15px;
	font-size: 14px;
	border-radius: 1px;
	text-transform: uppercase;
}
#headerMenu.expandMenu>div>ul>li>a:hover,
#headerMenu>div>ul>li>a:hover{
	text-decoration: none;
	background-color: #f53431;
}
#headerMenu.expandMenu>div>ul>li+li,
#headerMenu>div>ul>li+li{
	border-top: 1px solid #121212;
}

.carousel,
.carousel-inner,
.carousel-inner>.item,
.carousel-bg,
#men-copy,
#women-copy{
	min-height: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;	
	background-repeat: no-repeat;
}
.carousel-bg-overlay{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.15);
	position: absolute;
	top: 0;
	z-index: 11;
}
.carousel-bg>img{height: 100% !important; max-width: unset !important; width: auto !important;}	
.carousel-caption{
	top: 50%;
	transform: translateY(-50%);
	bottom: initial;
	left: 0;
	right: 0;
	text-shadow: unset;
	z-index: 1111;
	padding-bottom: 0;
}
.carousel-caption h1{font-size: 40px; font-weight: 800;}
.carousel-caption h2{font-size: 24px; font-weight: 800;}
.carousel-caption h3{font-size: 16px; font-weight: 600; letter-spacing: 6px;}
.carousel-caption h4{font-size: 16px; font-weight: 600; letter-spacing: 8px; margin-top: 10px;}
.carousel-buttons{margin-top: 30px;}
.carousel-buttons a.btn{font-size: 18px; margin: 5px; display: block;}

#hp-copy,
#hp-news{padding-top: 40px; padding-bottom: 40px;}
#inside-page{padding-bottom: 40px;}

#hp-copy h2,
#hp-news h2{font-size: 18px; font-weight: 800; margin-bottom: 20px;}

#prod-box>.row>div:nth-child(2){padding-left: 0;}
.prod-grid>div>#prod-box{border-bottom: 1px solid #f5f5f5; padding-bottom: 30px; margin-bottom: 30px;}
.prod-grid>div:last-child>#prod-box{border-bottom: 0px solid #f5f5f5;}
#prod-box .prod-image{position: relative; z-index: 33;}
#prod-box .prod-image a img{position: relative; z-index: 3;}
#prod-box .prod-save{position: absolute; z-index: 3333; background: #e1e1e1; color: #999; padding: 5px 10px; right: 0;}
#prod-box .prod-brand{display: block; margin-top: 0px; color: #999; font-size: 13px;}
#prod-box .prod-name{margin: 5px 0; font-size: 20px; font-weight: 800;}
#prod-box .prod-name a{color: #222;}
#prod-box .prod-price{font-size: 16px; margin-bottom: 15px;}
#prod-box .prod-price s{color: #999;}
#prod-box .btn-red{font-size: 14px;}
#prod-box .prod-link,
.prod-new-price h6{color: #999; display: block; font-size: 13px; margin-top: 5px;}

#hp-testi,
#men-copy,
#women-copy{
	display: table;
	max-height: 100%;
	height: 100%;
	width: 100%;
}

#hp-testi .item{overflow: hidden; height: 627px;}
#hp-testi .carousel-caption h2{font-size: 20px; margin: 20px 0;}
#hp-testi .carousel-caption h4{font-size: 13px; letter-spacing: 6px;}

.testi-container{border: 3px solid white; position: relative; z-index: 4;}
.testi-inner{padding: 20px;}
.testi-inner>h3>i.fas{font-size: 24px;}
.testi-container>.testi-more{
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -29px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}
.testi-container>.testi-more>a{
	display: inline-block;
	background: white;
	padding: 10px 15px;
	color: #222;
	font-weight: 700;
	line-height: 1;
	font-size: 16px;
	border-radius: 2px;
}
.testi-container>.testi-more>a:hover{
	background: #f53431;
	color: white;
	text-decoration: none;
}

.logo-news-parent a{
	display: block;
	height: 82px;
	width: 50%;
	padding: 0 5%;
	float: left;
	display: table;
}
.logo-news-parent a>span{
	display: table-cell;
	vertical-align: middle;	
}
.logo-news-parent a>span>img{
	-webkit-filter: grayscale(90);
    filter: grayscale(90);
    opacity: .5;
	width: 100%;
	height: auto;
}
.logo-news-parent a:hover>span>img{
	-webkit-filter: grayscale(100);
    filter: grayscale(100);
    opacity: 1;
}

footer{background: black; padding: 45px 0; color: #fff;}

#inside-top{padding: 15px 0;}
#inside-top ul{margin: 0 0 15px 0; padding: 0; list-style: none;}
#inside-top ul li{float: left;}
#inside-top ul li+li{padding-left: 37px;}
#inside-top ul li>a{color: #222; font-size: 14px;}

#inside-top a.btn-block{padding: 10px;}

#inside-top,
#inside-breadcrumb{padding-top: 55px;}

.breadcrumb{background: none; padding: 15px 0 15px 0; margin-bottom: 0;}

.prod-item{border-bottom: 1px solid #f5f5f5; padding-bottom: 15px; margin-bottom: 45px;}
.prod-item:last-of-type{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}

.prod-item  h1{font-size: 18px; line-height: 1.2; font-weight: 800; margin-bottom: 10px;}
.prod-item-details>div:nth-child(2){padding-left: 0;}
.prod-meta{
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #e1e1e1;
	border-left: 0;
	border-right: 0;
}
.prod-meta,
.prod-new-price{color: #999; font-size: 13px; line-height: 1;}
.prod-meta h6{margin-bottom: 5px;}
.prod-orig-price h4{color: #222;}
.prod-save h4{color: #f53431; font-weight: 800;}
.prod-rating i{color: #d9ba2b; line-height: 20px;}
.prod-orig-price h4,
.prod-save h4{font-size: 20px;}
.prod-new-price h2{font-size: 24px; line-height: 30px; color: #222; font-weight: 800; display: block; float: none !important;}
.prod-new-price .btn-red{font-size: 16px; line-height: 1; padding: 10px; margin-left: 0px; margin-top: 10px; display: block;}
.prod-new-price .prod-link{font-size: 13px; margin-top: 5px; color: #999;}
.prod-new-price .prod-promos-link{font-size: 13px; margin-top: 5px; color: #999; margin-bottom: 20px;}

.prod-description{padding-top: 10px;}
.prod-description h6{margin-bottom: 10px;}
.prod-description ul{font-size: 14px; margin-left: 0;}
.prod-description ul li{padding-bottom: 10px;}
/*.prod-description ul li:before{
	content: "\f00c";
	display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-family: 'FontAwesome';
    content: '\f00c';
    margin:0 0 0 -18px;
}*/
.prod-ingredients{background: #f5f5f5; padding: 20px; font-size: 14px; margin-bottom: 30px;}
.prod-ingredients>h6{margin-bottom: 5px;}
.prod-ingredients>h6>span{text-transform: initial;}

.prod-promos h2{font-size: 16px; line-height: 22px; font-weight: 600;}
.prod-promos h2>b{font-weight: 800;}
.prod-promo-item{margin-bottom: 30px;}
.prod-promo-item>.row>div:nth-child(2){padding-left: 0;}
.prod-promo-item .prod-price{margin: 20px 0;}
.prod-promo-item .btn-red{font-size: 16px; line-height: 1; padding: 10px; margin-left: 0px; margin-top: 10px;}

#prodExtraLink{font-size: 13px; padding-top: 15px; padding-bottom: 15px;}
#prodExtraLink a{color: #999; background: #e1e1e1; border-radius: 2px; padding: 5px; display: block; text-align: center;}
#prodExtraLink a:focus{text-decoration: none;}
#prodExtraLink a:hover{
	background: #c3c3c3;
	color: white;
	text-decoration: none;
}
#prodExtraLink>div:nth-child(2){padding-left: 0;}

#prodExtraLink a.activeExtraLink .fa-angle-right:before,
.kit-more>button.expandMore>.fa-angle-right:before{content: "\f00d";}

#prodExtraLink a.activeExtraLink{background: #f5f5f5;}
#prodExtraLink a.activeExtraLink:hover{background: #e1e1e1; color: #999;}

#men-copy .carousel-bg-overlay,
#women-copy .carousel-bg-overlay{background-color: rgba(0,0,0,.8);}

#men-copy p a,
#women-copy p a{color: white; text-decoration: underline;}
#men-copy p a:hover,
#women-copy p a:hover{text-decoration: none;}

#men-copy,
#women-copy{font-size: 13px; position: relative; z-index: 1; color: white;}

#men-copy h3,
#women-copy h3{font-size: 18px; margin-bottom: 30px; margin-top: 20px; letter-spacing: 0;}

#men-copy .carousel-buttons a.btn-red,
#women-copy .carousel-buttons a.btn-red{font-size: 13px;}

#inside-breadcrumb .breadcrumb{padding: 35px 0;}
#inside-page h1{font-size: 40px; font-weight: 800; margin-bottom: 30px;}
#inside-page p{font-size: 17px; margin-bottom: 20px;}

#hp-slider{min-height: 60% !important; height: 60% !important;}
#hp-testi, 
#men-copy, 
#women-copy,
#hp-testi .item{height: 440px;}
#men-copy p, #women-copy p{font-size: 15px;}

#printable-form{background: #f53431; padding: 45px 0;}
#printable-form h3 a{color: white;}

.modal {z-index: 999999 !important;}
.kit-more>button{
	padding: 10px 0 0 0;
	background: none;
	border: 0;
	font-size: 13px;
	color: #999;
	font-weight: 600;
}
.kit-more>button:hover{color: #333;}
.kit-more>div{padding: 15px; background: #f3f3f3; font-size: 14px;}

@media only screen and (min-width: 420px){
	nav{
		font-size: 21px; 
		line-height: 1;
		padding-bottom: 18px;
	}
	#headerLogoIcons button{
		margin-top: 18px;
	}	
	.menu-logo a{margin-top: 15px;}
	.menu-logo a>img{width: 202px;}
	
	#headerMenu{top: 76px;}
	#headerMenu>div>ul{margin: -76px 0 0 0;}
	
	.carousel-caption h1{font-size: 60px;}
	.carousel-caption h2{font-size: 28px;}
	.carousel-caption h3{font-size: 18px; margin-top: 10px;}
	.carousel-caption h4{font-size: 18px;}
	.carousel-buttons a.btn{display: inline-block;}
	
	#prod-box .prod-name{font-size: 30px;}
	#prod-box .prod-price{font-size: 20px;}
	#prod-box .btn-red{font-size: 18px;}
	
	.logo-news-parent a{
		height: 82px;
		width: 33%;
		padding: 0 2%;
	}
	
	.prod-item h1{font-size: 26px; margin-bottom: 20px;}
	.prod-new-price h2{font-size: 40px; line-height: 40px; margin-bottom: 20px;}
	
	#men-copy,
	#women-copy{font-size: 14px;}

	#men-copy .carousel-buttons a.btn-red,
	#women-copy .carousel-buttons a.btn-red{font-size: 16px;}	
}

@media only screen and (min-width: 480px){
	#prod-box .prod-name{font-size: 34px;}
	#prod-box .prod-price{font-size: 20px;}
	#prod-box .btn-red{font-size: 18px; margin-top: 30px;}
	
	.logo-news-parent a{
		height: 82px;
		width: 25%;
		padding: 0 2%;
	}

	.prod-item h1{font-size: 32px;}
	.prod-new-price h2{font-size: 46px; line-height: 46px;}	
	
	#inside-top,
	#inside-breadcrumb{padding-top: 76px;}
}

@media only screen and (min-width: 620px){
	.carousel-caption h1{font-size: 86px;}
	.carousel-caption h2{font-size: 30px;}
	.carousel-caption h3{font-size: 24px; letter-spacing: 8; margin-top: 10px;}
	.carousel-caption h4{font-size: 20px;}
	
	#prod-box .prod-name{font-size: 42px;}
	#prod-box .prod-price{font-size: 24px;}
	#prod-box .btn-red{font-size: 18px;}	
	
	.prod-item h1{font-size: 42px;}
	
	#men-copy,
	#women-copy{font-size: 16px;}

	#men-copy h3,
	#women-copy h3{font-size: 24px;}

	#men-copy .carousel-buttons a.btn-red,
	#women-copy .carousel-buttons a.btn-red{font-size: 16px;}	
}


@media only screen and (min-width: 768px){	
nav{
	position: fixed;
}
	.left-search,
	#headerMenu{display: block;}
	
	nav{padding-top: 20px; padding-bottom: 16px;}	
	#headerLogoIcons button{margin-top: 4px;}	
	
	.menu-logo{text-align: center; padding-bottom: 20px;}
	.menu-logo a.pull-left{float: none !important; margin: 0px auto 0 auto;}
	
	#headerMenu{
		background: none;
		position: unset;
		width: unset;	
		max-height: unset;	
		height: unset;
		overflow: unset;
	}
	#headerMenu>div>ul{margin: unset;}
	#headerMenu>div>ul>li{display: inline-block;}
	#headerMenu>div>ul>li>a{
		display: inline-block;
		padding: 6px;
	}
	#headerMenu>div>ul>li>a:hover{
		text-decoration: none;
		background-color: #f53431;
	}
	#headerMenu>div>ul>li+li{
		border-top: unset;
	}
	
	.carousel-control.left,
	.carousel-control.right {
		background-image: none;
		background-repeat: unset;
		width: 5%;
	}	
	.carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: inline-block;
		margin-top: -10px;
		width: 30px;
		height: 30px;
		margin-top: -10px;
		font-size: 30px;	
	}
	.carousel-control .fa-angle-left, .carousel-control .icon-prev {
		left: 20px;
		margin-left: -10px;
	}
	.carousel-control .fa-angle-right, .carousel-control .icon-next {
		right: 20px;
		margin-right: -10px;
	}

	.carousel-bg{
		height: 627px;
		overflow: hidden;
	}	
	
	.carousel-caption h1{font-size: 56px;}
	.carousel-caption h2{font-size: 30px;}
	.carousel-caption h3{font-size: 18px; letter-spacing: 8; margin-top: 10px;}
	.carousel-caption h4{font-size: 20px;}
	
	#hp-copy,
	#hp-news{padding-top: 90px; padding-bottom: 45px;}
	#hp-news,
	#inside-page{padding-bottom: 90px;}
	#hp-copy h2,
	#hp-news h2{font-size: 24px; margin-bottom: 20px;}
	#hp-news h2{margin-bottom: 30px;}
	
	#hp-prod{padding-bottom: 30px;}
	
	#prod-box>.row>div:nth-child(2){padding-left: 15px;}
	.prod-grid>div>#prod-box{border-bottom: 0px solid #f5f5f5; padding-bottom: 30px; margin-bottom: 30px;}
	.prod-grid>div:last-child>#prod-box,
	.prod-grid>div:nth-last-child(2)>#prod-box{border-bottom: 0px solid transparent;}
	#prod-box .prod-brand{margin-top: 20px;}
	#prod-box .prod-name{font-size: 21px;}
	#prod-box .prod-price{font-size: 20px; margin-bottom: 20px;}
	#prod-box .btn-red{font-size: 18px; margin-top: 0;}
	
	#hp-testi{
		display: table;
		min-height: 60%;
		height: 60%;
		width: 100%;
	}

	#hp-testi .item{overflow: hidden; height: 100%;}
	#hp-testi .carousel-caption{top: 50%;}
	#hp-testi .carousel-caption h2{font-size: 30px; margin: 30px 0;}

	.testi-container{border: 3px solid white;}
	.testi-inner{padding: 40px;}
	.testi-inner>h3>i.fas{font-size: 40px;}

	.logo-news-parent a{
		display: block;
		height: 82px;
		width: 12.5%;
		padding: 0 1.6%;
		float: left;
		display: table;
	}

	#inside-top ul li+li{padding-left: 30px;}
	
	#prod-page{padding-bottom: 90px;}
	
	.prod-item .collapse{display: block;}

	.prod-item  h1{font-size: 50px; line-height: 46px;}
	.prod-meta{margin: 20px 0;}

	.prod-orig-price h4,
	.prod-save h4{font-size: 20px;}
	.prod-new-price h2{font-size: 50px; line-height: 50px; float: left !important;}
	.prod-new-price .btn-red{font-size: 20px; display: inline-block; margin-top: 10px; margin-left: 20px;}

	.prod-description{padding-top: 30px;}

	.prod-description ul{font-size: 17px; padding: 0 0 0 20px;}
	.prod-ingredients{font-size: 16px;}

	.prod-promo-item .prod-price{margin: 15px 0 20px 0;}
	.prod-promo-item .btn-red{padding: 10px;	}	
	
	#men-copy,
	#women-copy{font-size: 18px;}

	#men-copy h3,
	#women-copy h3{font-size: 32px;}

	#men-copy .carousel-buttons a.btn-red,
	#women-copy .carousel-buttons a.btn-red{font-size: 20px;}

#hp-slider {
    min-height: 40% !important;
    height: 40% !important;
}	
#hp-slider .carousel-caption{top: 60%;}
#men-copy p, #women-copy p{font-size: 20px;}

#inside-top,
	#inside-breadcrumb{padding-top: 158px;}

}

@media only screen and (min-width: 992px){
	.carousel-caption h1{font-size: 90px;}
	.carousel-caption h2{font-size: 36px;}
	.carousel-caption h3{font-size: 24px;}
	.carousel-caption h4{font-size: 18px; margin-top: 20px;}
	.carousel-buttons{margin-top: 30px;}
	.carousel-buttons a.btn{font-size: 20px;}

	#inside-top ul li+li{padding-left: 20px;}	
	
#hp-slider {
    min-height: 100% !important;
    height: 100% !important;
}	
#hp-slider .carousel-caption{top: 50%;}	
}

@media only screen and (min-width: 1200px){
	#inside-top ul li+li{padding-left: 35px;}
	
	.prod-image img.img-responsive{width: 100%;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    #hp-slider .carousel-bg{background-image: none !important;}
    #hp-slider,
    #hp-slider .carousel-inner>.item,
    #hp-slider .carousel, 
    #hp-slider .carousel-inner,
    #hp-testi{min-height: 575px !important; height: 575px !important;}
	
	#headerMenu.expandMenu>div>ul>li>a, #headerMenu>div>ul>li>a{font-size: 12px;}
}

@media only screen and (max-device-width: 768px) and (min-device-width: 480px) and (orientation: portrait){
	#hp-slider, #hp-slider .carousel-inner>.item, #hp-slider .carousel, #hp-slider .carousel-inner, #hp-testi {
		min-height: 400px !important;
		height: 430px !important;
	}
}

@media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: landscape){
	#hp-slider, #hp-slider .carousel-inner>.item, #hp-slider .carousel, #hp-slider .carousel-inner, #hp-testi {
		min-height: 600px !important;
		height: 630px !important;
	}
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
	#hp-slider, #hp-slider .carousel-inner>.item, #hp-slider .carousel, #hp-slider .carousel-inner, #hp-testi {
		min-height: 400px !important;
		height: 430px !important;
	}
}

@media only screen and (min-width: 1920px){
	.container-fluid{width: 1620px;}
	#headerMenu.expandMenu>div>ul>li>a, #headerMenu>div>ul>li>a {font-size: 20px; line-height: 20px; padding: 20px;}	
	
	.carousel-caption h1{font-size: 120px;}
	.carousel-caption h2{font-size: 36px;}
	.carousel-caption h3{font-size: 40px;}
	.carousel-caption h4{font-size: 18px; margin-top: 20px;}
	.carousel-buttons{margin-top: 60px;}
	.carousel-buttons a.btn{font-size: 30px; padding: 20px;}
	.testi-inner{padding: 60px;}
	#hp-testi .carousel-caption h2{font-size: 40px; line-height: 40px; margin: 60px 0;}
	#hp-testi .carousel-caption h4{font-size: 24px;}
	.testi-container>.testi-more{bottom: -42px;}
	.testi-container>.testi-more>a{padding: 20px; font-size: 24px;}
	
	#men-copy h3, #women-copy h3{font-size: 40px;}
	#men-copy p, #women-copy p{font-size: 24px;}
	
	#men-copy .carousel-buttons a.btn-red, #women-copy .carousel-buttons a.btn-red{font-size: 24px; padding: 20px;}
	 
	#hp-testi, 
	#men-copy, 
	#women-copy{min-height: 70% !important; height: 70% !important;}
}

@media only screen and (min-width: 2560px){
	#hp-slider,
	#hp-testi, 
	#men-copy, 
	#women-copy{min-height: 900px !important; height: 900px !important;}
}

#prod-box .prod-name p{margin-bottom: 0 !important;}