.nav {
    background-image: url('../images/background.jpg');
    background-repeat: repeat;

    .container {
        width:100%;
        max-width:1440px;
    }

    &-top {
        background-color: #111114;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;

        &,
        a {
            color: #EDEEF2;
        }
        a {
        	display: inline-block;
        }
        .col-left {
            .nav-top-left {
                font-size:0;

                > li {
                    display:inline-block;
                    width:130px;
                    height:30px;
                    border-right:1px solid #323235;
                }
                > li:first-child {
                    border-left:1px solid #323235;
                }
                > li a {
                    display:inline-block;
                    width:100%;
                    height:30px;
                    opacity:.5;
                    text-indent:-9999px;
                    border-bottom:3px solid transparent;

                    &.active {
                        opacity:1;
                        border-bottom:3px solid #ee1a2c;
                    }
                }
                .star-trac a {
                    background:url(../images/star-trac.png) 50% no-repeat;
                }
                .stair-master a {
                    background:url(../images/stair-master.png) 50% no-repeat;
                }
                .nautilus a {
                    background:url(../images/nautilus.png) 50% no-repeat;
                }
                .schwinn a {
                    background:url(../images/schwinn.png) 50% no-repeat;
                }
                > li a:hover {
                    opacity:1;
                    border-bottom:3px solid #ee1a2c;
                }
            }
        }
        .col-right {
            .nav-top-left {
                display:inline-block;
                float:right;

                li {
                    display:inline-block;
                    width:auto;
                    height:30px;
                    padding:0 10px;
                    line-height:30px;

                    .sub-menu {
                        display:none;
                        position:absolute;
                        top:30px;
                        left:0;
                        width:200px;
                        background:#111;
                        z-index:999;
                        transition:(.3s);

                        li {
                            display:inline-block;
                            width:100%;

                            a {
                                font-size:14px;
                                color:#fff;
                            }
                        }
                    }
                    &:hover .sub-menu {
                        display:inline-block;
                    }
                }
                li.dd-link {
                    position:relative;
                    border-left:1px solid #323235;
                    
                    a {
                        padding-right:10px;
                    }
                    .ico {
                        position:absolute;
                        top:50%;
                        right:0;
                        display:inline-block;
                        width:10px;
                        height:10px;
                        background:url(../images/down-arrow.png) 50% no-repeat;
                        transform:translateY(-50%);
                    }
                }
                li a {
                    opacity:.5;
                }
            }
        }
    }

    &-middle {
        position:relative;
        .flex {
            height: 75px;
        }
        .col-right {
            margin: 0;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 700;

            ul.nav-middle-left {
                margin:0;
                display:inline-block;
                float:right;

                > li {
                    display:inline-block;
                    margin-right:20px;

                    > a {
                        display:inline-block;
                        position:relative;
                        color: #EDEEF2;
                        line-height:75px;
                        padding-right:20px;
                    }
                    .dd-ico {
                        display:inline-block;
                        position:relative;
                        top:-1px;
                        right:-5px;
                        width:10px;
                        height:7px;
                        background:url(../images/dd-icon.png) 50% no-repeat;
                    }
                    .offsite-ico {
                        display:inline-block;
                        position:relative;
                        top:1px;
                        right:-5px;
                        width:13px;
                        height:12px;
                        background:url(../images/offsite-icon.png) 50% no-repeat;
                    }
                    .submenu {
                        display:none;
                        position:absolute;
                        top:75px;
                        left:0;
                        width:100%;
                        height:auto;
                        background:#fff;
                        padding:40px 0;
                        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);

                        .row {
                            max-width:980px;
                            margin:0 auto;
                        }
                        .col-xs-3:first-child {
                            border-right:1px solid #111111;
                        }
                        .col-xs-3:nth-child(2) {
                            border-right:1px solid rgba(0, 0, 0, 0.1);
                        }
                        .col-xs-3:last-child {
                            border-left:1px solid #111111;
                        }
                        ul {
                            float:none !important;
                            padding:20px 0 10px 20px;

                            li {
                                margin:0;
                                width:100%;

                                a {
                                    color: #000 !important;
                                    font-family: $gotham_bold;
                                    font-size: 13px;
                                    line-height: 24px !important;
                                    text-transform:uppercase;
                                }
                                &.gray a {
                                    color: #7f7f82 !important;
                                }
                                &.light a {
                                    font-family:$gotham_light !important;
                                }
                                &.title {
                                    font-size: 16px;
                                    font-family: $gotham_bold;
                                    line-height: 19px;
                                    color: #ee1a2c;
                                    margin-bottom:10px;
                                    text-transform:uppercase;
                                }
                            }
                        }
                    }
                    &.active a:after,
                    &:hover a:after {
                        position:absolute;
                        content:'';
                        bottom:0;
                        left:0;
                        width:100%;
                        height:5px;
                        background:#ee1a2c;
                    }
                }
                .small-menu {
                    position:relative;
                }
                .small-menu .submenu {
                    width:350px;
                    left:-40px;
                    padding:20px 0 20px 20px;

                    li {
                        margin:0;
                        width:100%;

                        a {
                            color: #000 !important;
                            font-family: $gotham_bold;
                            font-size: 13px;
                            line-height: 24px !important;
                            text-transform:uppercase;
                        }
                        &.title a {
                            font-size: 13px;
                            font-family: $gotham_bold;
                            line-height: 13px;
                            color: #ee1a2c !important;
                            margin-bottom:10px;
                            text-transform:uppercase;
                        }
                    }
                }
            }
        }
    }
}
.hamburger,
.mobile-search,
.mobile-topnav {
    display:none;
}

@media only screen and (max-width: 1300px) and (min-width: 1px) {
    .nav-middle .col-right ul.nav-middle-left > li {
        margin-right:0;
    }

}

@media only screen and (max-width: 1200px) and (min-width: 1px) {
    .search-form,
    .nav-middle .col-right .nav-middle-left {
        display:none !important;
    }
    .nav-top .col-right .nav-top-left li {
        display:none;
    }
    .nav-top .col-right .nav-top-left li.dd-link {
        display:inline-block;
    }
    .nav-middle > .col-xs-4 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .hamburger {
        display:inline-block;
        position:absolute;
        top:10px;
        right:20px;
        border-left:1px solid rgba(255, 255, 255, 0.3);
    }
    .mobile-search {
        display:inline-block;
        position:absolute;
        top:30px;
        right:110px;
        width:20px;
        height:20px;
        background:url(../images/search.png) 50% no-repeat;
    }
    .mobile-topnav {
        display:none;
        position:absolute;
        top:75px;
        left:0;
        width:100%;
        padding:40px;
        margin:0 !important;
        background-image: linear-gradient(180deg, #eef0f6 0%, white 100%);

        &:before {
            position:absolute;
            content:'';
            width:100%;
            height:62px;
            top:0;
            left:0;
            z-index:1;
            background:url(../images/menu-shadow.png) left top repeat-x;
        }
        .back {
            position:relative;
            z-index:99;
            color: #000;
            font-family: $gotham_bold;
            font-size: 24px;
            letter-spacing: 0.67px;
            line-height: 46px; 
            text-transform:uppercase;
            padding-left:30px;
            background:url(../images/back-arrow.png) left center no-repeat;      
        }
        .col-xs-4:first-child {
            border-right:1px solid #111111;
        }
        .col-xs-4:last-child {
            border-left:1px solid rgba(0, 0, 0, 0.3);
        }
        ul {
            float:none !important;
            padding:20px 0 20px 20px;

            li {
                margin:0;
                width:100%;

                a {
                    color: #000 !important;
                    font-family: $gotham_bold;
                    font-size: 13px;
                    line-height: 24px !important;
                    text-transform:uppercase;
                }
                &.gray a {
                    color: #7f7f82 !important;
                }
                &.light a {
                    font-family:$gotham_light !important;
                }
                &.title {
                    font-size: 16px;
                    font-family: $gotham_bold;
                    line-height: 19px;
                    color: #ee1a2c;
                    margin-bottom:10px;
                    text-transform:uppercase;
                }
            }
        }
    }
}

/*product scss */


.archive-content {
	padding:80px 0;
}

.page-callout {
	margin:0 0 40px 0;
	padding:40px 20px;
	width:100%;
	height:auto;
	background:url(../images/cat-banner.png) 50% no-repeat;
	border-left:10px solid #ee1a2c;
	background-size:cover !important;

	h2 {
		color: #fff;
		font-family: $gotham_light;
		font-size: 24px;
		line-height: 24px;
		width:50%;
		text-transform:uppercase;

		strong {
			font-family: $gotham_bold;
		}
	}
	p {
		width:50%;
		opacity: 0.8;
		color: white;
		font-family: "Open Sans";
		font-size: 14px;
		font-weight: 400;
		line-height: 30px;
	}
	.page-callout-box {
		margin:20px 0;
		display:inline-block;
		border: 1px solid #fff;
		padding:20px;
		width:50%;

		.title {
			display:inline-block;
			width:100%;
			opacity: 0.34;
			color: #fff;
			font-family: $gotham_bold;
			font-size: 13px;
			font-weight: 700;
			line-height: 16px;
			text-transform:uppercase;	
		}
		a {
			display:inline-block;
			width:100%;
			margin:5px 0;
			color: #fff;
			font-family: $gotham_bold;
			font-size: 13px;
			font-weight: 700;
			line-height: 16px;			
			text-transform:uppercase;	
		}
	}
}

.product-banner {
	border-bottom:1px solid #7f7f82;

	.banner-left {
		padding-top:60px;
		padding-left:40px;

		.main-photo {
			display:inline-block;
			width:100%;
			height:550px;
			background-size:contain !important;
		}
		.pagination-thumbs {

			ul {
				text-align:center;

				li {
					display:inline-block;
					width:75px;
					height:75px;
					padding:5px;
					margin-right:10px;

					&.active {
						background:#e3e4ea;
						border-top:5px solid #ee1a2c;
					}
					a {
						display:inline-block;
						width:100%;
						height:100%;
						background-size:contain !important;
					}
				}
			}
		}
	}
	.banner-right {
		padding:40px;
		background-image: linear-gradient(180deg, #dddee3 0%, white 100%);

		.product-details {
			position:relative;
		}
		.product-logo {
			display:inline-block;
			width:140px;
			height:40px;
			background-size:100% !important;
		}
		.product-title {
			color: #000;
			font-family: $gotham_bold;
			font-size: 30px;
			font-weight: 700;
			line-height: 30px;
			text-transform:uppercase;
			margin:0;
		}
		.product-meta {
			color: #000;
			font-family: "Open Sans";
			font-size: 14px;
			font-weight: 400;
			line-height: 19px;
			margin-bottom:30px;
		}
		.product-tabs {

			.tabs {
				position:relative;
				border-bottom:1px solid #ccc;

				li {
					display:inline-block;
					width:auto;
					margin:0 20px;

					a {
						display:inline-block;
						position:relative;
						width:100%;
						opacity: 0.4;
						color: #000;
						font-size: 14px;
						font-weight: 700;
						line-height: 34px;
						text-transform:uppercase;
					}
					&:first-child {
						margin:0 20px 0 0;
					}
					a.active {
						opacity:1;
					}
				}
				.red-line {
					display:inline-block;
					position:absolute;
					bottom:0;
					left:0;
					width:auto;
					height:3px;
					background-color: #ee1a2c;
					transition:(.3s);
				}
			}
			.tab-cnt {
				display:none;

				p {
					opacity: 0.8;
					color: #000;
					font-family: "Open Sans";
					font-size: 14px;
					font-weight: 400;
					line-height: 26px;
				}
				ul {

					li {
						opacity: 0.8;
						color: #000;
						font-family: "Open Sans";
						font-size: 14px;
						font-weight: 400;
						line-height: 26px;
					}
				}
			}
			#tab1 {
				display:inline-block;
			}
			.tabs-footer {
				margin-top:60px;

				ul {

					li {
						display:inline-block;
						width:auto;
						margin:0 20px;

						a {
							color: #000;
							font-size: 12px;
							font-weight: 700;
							line-height: 12px;
							text-transform:uppercase;						
						}
						&:first-child {
							border-right:1px solid #ccc;
							padding-right:40px;
							margin:0 20px 0 0;
						}
					}
				}
				.btn {
					width:100%;
					max-width:320px;
					margin-top:20px;
				}
			}
		}
	}
}

.single-product-slider {
	border-top:5px solid #ee1a2c;
	position:relative;
	height:407px;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(54,54,64,0.6) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(54,54,64,0.6) 0%,rgba(0,0,0,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(54,54,64,0.6) 0%,rgba(0,0,0,1) 100%);

	h2 {
		color: #fff;
		font-family: $gotham_light;
		font-size: 36px;
		line-height: 36px;
		margin:60px 0;
		text-align:center;
		text-transform:uppercase;

		strong {
			font-family: $gotham_bold;
		}	
	}
	#product-slider {
		margin:0 12%;
	}
	.swiper-button-prev {
		position:absolute;
		top:366px;
		left:0;
		width:50px;
		height:115px;
		background:none;

		&:after {
			position:absolute;
			content:'';
			top:0;
			left:0;
			width:50px;
			height:115px;
			background:url(../images/prev-btn.png) 50% no-repeat;
		}
		&:before {
			position:absolute;
			content:'';
			top:0;
			left:0;
			width: 57px;
			height: 115px;
			background:url(../images/prev-bg.png) 50% no-repeat;
		}
	}
	.swiper-button-next {
		position:absolute;
		top:366px;
		right:0;
		width:50px;
		height:115px;
		background:none;

		&:after {
			position:absolute;
			content:'';
			top:0;
			right:0;
			width:50px;
			height:115px;
			background:url(../images/next-btn.png) 50% no-repeat;
		}
		&:before {
			position:absolute;
			content:'';
			top:0;
			right:0;
			width: 57px;
			height: 115px;
			background:url(../images/next-bg.png) 50% no-repeat;
		}
	}
}

.product-cross-sell {
	padding:220px 0 100px 0;

	h2 {
		position:relative;
		color: #000;
		font-family: $gotham_light;
		font-size: 36px;
		line-height: 36px;
		text-transform:uppercase;
		text-align:center;
		margin-bottom:60px;

		span {
			display:inline-block;
			background:#fff;
			width:auto;
			padding:0 60px;
			position:relative;
			z-index:9;
		}
		&:after {
			position:absolute;
			content:'';
			width:100%;
			height:1px;
			background:#ccc;
			top:18px;
			left:0;
			z-index:1;
		}
		strong {
			font-family: $gotham_bold;
		}
	}
	.card {
		margin:0 20px;
	}
	.card:first-child {
		margin:0 20px 0 0;
	}
	.card:last-child {
		margin:0 0 0 20px;
	}
}

@media only screen and (max-width: 1180px) and (min-width: 1px) {
	.product-banner .banner-right .product-tabs .tabs li {
		margin:0 10px;
	}
	.product-banner .banner-right .product-tabs .tabs-footer ul li {
		width:100%;
		margin:5px 0 !important;
		display:inline-block;
	}
	.product-banner .banner-right .product-tabs .tabs li:first-child {
		margin:0 10px 0 0;
	}
	.product-banner .banner-right .product-tabs .tabs li:last-child {
		margin:0 0 0 10px;
	}
	.product-banner .banner-right .product-tabs .tabs li a {
		font-size:12px;
	}
	.product-banner .banner-right .product-tabs .tabs-footer ul li:first-child {
		border-right:none;
	}
}

@media only screen and (max-width: 1023px) and (min-width: 1px) {
	.product-banner .banner-left,
	.product-banner .banner-right {
	    flex-basis: 100%;
	    max-width: 100%;		
	}
	.product-banner .banner-right {
		margin-top:20px;
	}
	.section.content .col-xs-7,
	.section.content .col-xs-5 {
	    flex-basis: 100%;
	    max-width: 100%;				
	}
	.product-cross-sell .col-xs-3 {
	    flex-basis: 50%;
	    max-width: 50%;

	    .card {
	    	margin-bottom:20px;
	    }			
	}
	.product-banner .banner-right .product-tabs .tabs-footer ul li {
		margin:0;
	}
	.product-banner .banner-right .product-tabs .tabs-footer ul li {
		width:auto;
		margin:0 20px !important;
	}
	.product-banner .banner-right .product-tabs .tabs-footer ul li:first-child {
		border-right: 1px solid #ccc;
		margin:0 20px 0 0 !important;
	}
	.section.content .col-xs-5 {
		order:-1;
	}
	.section.content .col-xs-7 {
		order:1;
	}
	.section.content .video {
		margin-top:40px;
	}
	.archive-content {

		.col-xs-4 {
		    flex-basis: 50%;
		    max-width: 50%;
		}
	}
}

@media only screen and (max-width: 880px) and (min-width: 1px) {
	.sidebar-col,
	.archive-content,
	.page-content {
	    flex-basis: 100%;
	    max-width: 100%;

	    aside {
	    	padding:80px 0;
	    }		
	}
	.archive-content,
	.page-content {
		padding:0;

		.col-xs-4 {
		    flex-basis: 50%;
		    max-width: 50%;
		}
	}
	.persist-area {
		display:none;
	}
	.sidebar {
		padding:40px 0 0 0 !important;
	}
	.sidebar .sidebar-group ul {
		display:none;
	}
	.sidebar .sidebar-group h4 {
		cursor:pointer;
		position:relative;

		.ico {
			display:inline-block;
			position:absolute;
			width:14px;
			height:9px;
			right:0;
			top:0;
			background:url(../images/checkbox-arrow.png) right center no-repeat;
			transition:(.3s);
		}
		&.open .ico {
			transform:rotate(180deg);
		}
	}
	.page-callout {
		margin:0 0 40px 0;
	}
	.page-callout h2,
	.page-callout p,
	.page-callout .page-callout-box {
		width:100%;
	}
	.product-banner .banner-right .product-logo {
		width:130px;
		height:40px;
		background-size:100% !important;
	}
}

@media only screen and (max-width: 767px) and (min-width: 1px) {
	.archive-content {

		.col-xs-4 {
		    flex-basis: 100%;
		    max-width: 100%;
		}
	}
	.product-banner .banner-right .product-tabs .tabs-footer ul li {
		width:100% !important;
		margin:10px 0 !important;
	}
	.product-banner .banner-right .product-tabs .tabs-footer ul li:first-child {
		border-right:none;
		margin:10px 0 !important;
	}
	.product-cross-sell .col-xs-3 {
		flex-basis: 100%;
    	max-width: 100%;
	}
}

@media only screen and (max-width: 660px) and (min-width: 1px) {
	.product-banner .banner-left .main-photo {
		height:450px;
	}
}

@media only screen and (max-width: 520px) and (min-width: 1px) {
	.single-product-slider #product-slider {
		margin:0 20%;
	}
	.product-cross-sell .col-xs-3 {
	    flex-basis: 100%;
	    max-width: 100%;

	    .card {
	    	margin:0 0 20px 0;
	    }			
	}
	.product-cross-sell h2 span {
		padding:0;
	}
	.product-cross-sell .container {
		padding:0 20px;
	}
}

@media only screen and (max-width: 480px) and (min-width: 1px) {
	.product-banner .banner-right .product-tabs .tabs li {
		width:100%;
		margin:0;
	}
	.product-banner .banner-right .product-tabs .tabs .red-line {
		display:none;
	}
	.product-banner .banner-right .product-tabs .tabs-footer .btn {
		max-width:100%;
	}
	.product-banner .banner-left .main-photo {
		height:350px;
	}
}

@media only screen and (max-width: 380px) and (min-width: 1px) {
	.product-banner .banner-left .main-photo {
		height:250px;
	}
}
















@media only screen and (max-width: 768px) and (min-width: 1px) {
    .nav-top .col-left {
        display:none;
    }
    .nav-top .col-right {
        flex-basis: 100%;
        max-width: 100%;
    }
    .mobile-topnav .col-xs-4 {
        flex-basis: 100%;
        max-width: 100%;
        border:none !important;
    }
    .header {
        position:absolute;
    }
    .mobile-topnav {
        padding:20px;
    }
    .nav {
        background: #363640;
    }
}

@media only screen and (max-width: 580px) and (min-width: 1px) {
    .header .logo {
        width:250px;
    }
}

@media only screen and (max-width: 480px) and (min-width: 1px) {
    .header .logo {
        width:200px;
    }
    .header .nav-middle {
        padding:0 20px;
    }
    .hamburger {
        right:0;
    }
    .mobile-search {
        right:85px;
    }
}

@media only screen and (max-width: 480px) and (min-width: 1px) {
    .header .logo {
        width:240px;
    }
}

@media only screen and (max-width: 400px) and (min-width: 1px) {
    .header .logo {
        width:200px;
    }
}

@media only screen and (max-width: 360px) and (min-width: 1px) {
    .header .logo {
        width:160px;
    }
}
















@media only screen and (max-width: 1240px) and (min-width: 1px) {
	.callout h2 {
		font-size:32px !important;
		line-height:32px !important;
	}
	.updates h2 .btn {
		display:none;
	}
	.updates .mobile-btn {
		display:inline-block;
 		width:100%;
 		margin-top:20px;
 	}
}

@media only screen and (max-width: 1180px) and (min-width: 1px) {
	.home-banner-left h1 {
		font-size:72px !important;
		line-height:82px !important;
	}
}

@media only screen and (max-width: 1080px) and (min-width: 1px) {
	// .product-slider .swiper-top .col-xs-6 {
	// 	flex-basis: 100%;
 //    	max-width: 100%;
	// }
	.product-slider .swiper-top .swiper-pagination {
		width:100%;
		margin-right:0;
	}
	.product-slider .swiper-top .btn {
		//float:left;
		float:right;
		margin-left:40px;
	}
}

@media only screen and (max-width: 1023px) and (min-width: 1px) {
	.home-banner-left .banner-title {
		font-size:60px;
		line-height:60px;
	}
	.home-banner-right {
		width:40%;
	}
	.home-banner-left,
	.home-banner-left h1 {
		width:60%;
	}
	.callout {
		height:auto;
	}
	// .callout .col-xs-6 {
	// 	flex-basis: 100%;
 //    	max-width: 100%;
 //    	padding-bottom:40px;
 //    	text-align:left;		
	// }
	.section.content .btn {
		margin-bottom:20px;
		position:relative;
		left:50%;
		transform:translateX(-50%);
 	}
	.content .col-xs-6 {
		flex-basis: 100%;
    	max-width: 100%;
	}
	.content .col-xs-6:first-child {
		order:1;
	}
	.content .col-xs-6:last-child {
		order:-1;
	}
	.section.content .cnt {
		position:relative;
		top:inherit;
		transform:translateY(0);
	}
	.updates .list li .col-xs-2,
	.updates .list li .col-xs-8 {
		flex-basis: 100%;
    	max-width: 100%;
	}
	.updates .list li div .date {
		position:relative;
		margin:10px 0;
		top:inherit;
		transform:translateY(0);
	}
	.updates .list li div .faux-btn {
		position:relative;
		right:inherit;
		margin-bottom:10px;
		margin-left:20px;
		top:inherit;
		transform:translateY(0);
		float:left;
	}
	.updates .list li div h3 {
		margin:0 0 10px 20px;
		padding-right:20px;
	}
	.updates .list li.event .col-xs-8 {
		border-left:none;
	}
	.section.content .section-title {
		margin-top:20px;
	}
	.section.content .cnt {
		padding-left:0;
	}
	.updates .list li.event .col-xs-2,
	.updates .list li.event .col-xs-8 {
		border-left:4px solid #fff;
	}
	.updates .list li.news .col-xs-2 {
		border-left:4px solid #ee1a2c;
	}
	.home-banner-left h1 {
		font-size:52px !important;
		line-height:62px !important;
	}
}

@media only screen and (max-width: 880px) and (min-width: 1px) {
	.product-slider #swiper .top-row .col-xs-6,
	.product-slider #swiper .bottom-row .col-xs-6 {
		flex-basis: 100%;
    	max-width: 100%;
	}
	.product-slider .product {
		position:relative;
		width:100%;
		left:inherit;
		background:#fff;
		padding-top:20px;
	}
	.product-slider #swiper .bottom-row .cnt {
		padding:0 20px;
	}
	.product-slider #swiper .top-row {
		height:auto;
	}
	.product-slider #swiper .cnt {
		padding:0 40px;
	}
	.home-banner-left h1 {
		font-size:42px !important;
		line-height:52px !important;
	}
}

@media only screen and (max-width: 767px) and (min-width: 1px) {
	.home-banner {
		height:auto;

		.scrollto {
			display:none;
		}
	}
	.home-banner-left .overlay {
		width:100%;
		height:300px;
	}
	.home-banner-right {
		width:100%;
		position:relative;
		border-left:none;
		border-top:10px solid #ee1a2c;
	}
	.home-banner-left {
		width:100%;
		height:300px;
		position:relative;
	}
	.home-banner-left h1 {
		width:88%;
	}
	.home-banner-left .banner-image {
		width:100%;
		height:300px;
	}
	// .updates .bg {
	// 	background:#000 !important;
	// }
	.updates h2 {
		font-size:24px;
		line-height:30px;
	}
	.callout .col-xs-6 {
		flex-basis: 100%;
    	max-width: 100%;
    	padding-bottom:40px;
    	text-align:left;
	}
	.section.content .btn {
		width:100%;
	}
	.product-slider .swiper-top h3 {
		font-size:18px;
	}
	.product-slider .swiper-top .swiper-pagination .swiper-pagination-bullet {
		margin:20px 5px;
	}
	.product-slider .swiper-top .btn {
		padding:22px 20px;
	}
	.product-slider .product {
		padding:20px 40px;
	}
}

@media only screen and (max-width: 580px) and (min-width: 1px) {
	.product-slider .swiper-top .col-xs-6 {
		flex-basis: 100%;
    	max-width: 100%;
    	text-align:center;		
	}
	.product-slider .swiper-top .btn {
		width:100%;
	}
	.product-slider .swiper-top .col-xs-6:first-child {
		order:1;
	}
	.product-slider .swiper-top .col-xs-6:last-child {
		order:-1;
	}
	.product-slider .top-bg {
		height:50%;
	}
}

@media only screen and (max-width: 480px) and (min-width: 1px) {
	.home-banner-left .banner-title {
		font-size:32px;
		line-height:32px;
	}
	.section.content .btn {
		font-size:12px;
		padding:22px 40px 22px 20px;
	}
	.product-slider .swiper-button-prev,
	.product-slider .swiper-button-next {
		top:650px;
	}
	.section.content .section-title {
		font-size:24px;
		line-height:30px;
 	}
	.home-banner-left h1 {
		font-size:32px !important;
		line-height:42px !important;
	}
}

@media only screen and (max-width: 380px) and (min-width: 1px) {
	.product-slider .swiper-top h3 {
		font-size:18px;
		text-align:center;
		margin-left:0;
	}
	.product-slider .swiper-top .btn {
		width:88%;
		margin:0 6%;
	}
	.product-slider .swiper-top .swiper-pagination .swiper-pagination-bullet {
		margin:20px 5px;
	}
	.product-slider #swiper .bottom-row .btn {
		width:100%;
	}
	.section.content .section-title {
		font-size:20px;
		line-height:28px;
	}
	.product-slider .swiper-button-prev,
	.product-slider .swiper-button-next {
		top:800px;
	}
	.product-slider .swiper-button-prev {
		left:-10px;
	}
	.product-slider .swiper-button-next {
		right:-10px;
	}
}